@charset "UTF-8";
.models {
  /* 通用滚动条样式（Firefox兼容） */
  /* Webkit滚动条 */
  /* 轨道 */
  /* 滑块 */
}
.models * {
  scrollbar-width: thin; /* Firefox无法自定义宽度，thin为最细状态 */
  scrollbar-color: #c0c0c0 #f0f0f0;
}
.models ::-webkit-scrollbar {
  width: 6px; /* 垂直滚动条宽度（更纤细） */
  height: 6px; /* 水平滚动条高度 */
}
.models ::-webkit-scrollbar-track {
  background: #f0f0f0;
  border-radius: 8px; /* 增加轨道圆角 */
}
.models ::-webkit-scrollbar-thumb {
  background: #c0c0c0;
  border-radius: 8px; /* 圆角增大实现胶囊形状 */
  border: 1px solid #f0f0f0; /* 增加白色描边 */
  background-clip: padding-box; /* 防止背景色溢出圆角 */
}
.models .el-aside {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 600px;
  background-color: rgba(202, 221, 254, 0.2);
  border-radius: 15px;
}
.models .el-aside .el-button {
  margin: 20px;
}
.models .el-aside .model_support {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  grid-gap: 20px;
  padding: 25px;
  min-height: 100%;
}
.models .el-aside .model_support .company {
  display: flex;
  flex-direction: column;
  height: 150px;
  width: 150px;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: 15px;
  cursor: pointer;
}
.models .el-aside .model_support .company .name {
  width: 100%;
  max-width: 100px;
  line-height: 20px;
  padding-bottom: 5px;
  color: white;
  font-weight: bolder;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.models .el-aside .model_support .company .logo {
  height: 100px;
  width: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bolder;
  font-size: 50px;
  border-radius: 10px;
  color: white; /* 隐藏文字填充色 */
  background-color: white;
  overflow: hidden;
}
.models .el-aside .model_support .company .logo div {
  background-color: #62d08d;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.models .el-aside .model_support .company .logo img {
  height: 100%;
  width: 100%;
}
.models .el-aside .model_support .company:hover {
  background-color: rgba(202, 221, 254, 0.5);
}
.models .el-main {
  background-color: rgba(202, 221, 254, 0.2);
  margin-left: 15px;
  border-radius: 15px;
  height: 100%;
  max-height: 600px;
  display: flex;
  flex-direction: column;
}
.models .el-main .operation {
  display: flex;
  justify-content: space-between;
  color: white;
  font-size: 20px;
  font-weight: bolder;
  margin: 20px;
}
.models .el-main .form {
  overflow: auto;
  padding-right: 20px;
}
.models .el-main .model_type {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  color: white;
  margin-top: 20px;
}
.models .el-main .model_type .type_name {
  border-bottom: solid 1px white;
  padding: 10px;
}
.models .el-main .model_type .models {
  position: relative;
  max-height: 250px;
  overflow: auto;
}
.models .el-main .model_type .models .model {
  height: 50px;
  display: flex;
  align-items: center;
  padding: 10px;
}
.models .el-main .model_type .models .model .setting {
  margin-left: 20px;
  right: 30px;
  position: absolute;
}
.models .el-main .model_type .models .model .setting .el-icon-setting {
  color: #27c856;
  cursor: pointer;
  margin-right: 20px;
  font-size: 20px;
}
.models .el-main .model_type .models .model .setting .el-icon-setting:hover {
  color: #07ef4b;
}
.models .el-main .model_type .models .model .setting .el-icon-remove-outline {
  color: #ef6e6e;
  cursor: pointer;
  font-size: 20px;
}
.models .el-main .model_type .models .model .setting .el-icon-remove-outline:hover {
  color: red;
}

/*# sourceMappingURL=models.css.map */