index.less 2.91 KB
.wrap_page{
  position: relative;
  width: 100%;
  height: 100%;
}
.search_left{
  display: flex;
  flex-flow: row wrap;
  align-content:space-around;
  align-items: center;
  justify-content: flex-start;
}
.top_card_box{
  margin-bottom: 15px;
}
.ins_status{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 27px;
  margin: 0 auto;
  border-radius: 17px;
}

.top_card_item{
  flex: 1;
  height: 13.89vh;
  margin-right: 40px;
  padding: 0.93vh;
  box-shadow: 0 2px 30px 0 rgba(137,137,137,0.3);
}
.top_card_box > .top_card_item:last-child{
  margin-right: 0;
}
.card_content{
  margin-top: 1.2vh;
  margin-left: 13px;
  font-size: 2.5vw;
  font-family: Helvetica;
}
.full_flex{
  display: flex;
  flex: 1;
  flex-direction: column;
}

.form_title{
  margin-bottom: 15px;
  padding: 5px 5px 3px;
  border-bottom: 1px solid #f0f0f0;
}
.form_title span{
  padding: 5px;
  border-bottom: 3px solid @primary-color;
}

.upload_file_btn{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 104px;
  height: 104px;
  text-align: center;
  background-color: #fafafa;
  border: 1px dashed #d9d9d9;
  cursor: pointer;
  transition: border-color 0.3s
}
.upload_file_btn:hover{
  border-color: #2A7E1D;
}

.upload_card{
  .form_title + span{
    display: flex;
    flex: 1;
    height: 104px;
    :global{
      .ant-upload-list{
        flex: 1;
        height: 104px;
        padding: 0 10px 0 0 ;
        margin-right: 10px;
        overflow-x: hidden;
        overflow-y: auto;
        &::-webkit-scrollbar {
          width: 4px;
          height: 0;
        }
        &::-webkit-scrollbar-track{
          background-color: rgba(0, 0, 0, 0.3);
        }
        &::-webkit-scrollbar-thumb{
          background-color: @primary-color;
        }
      }
      .ant-upload-list-item-info > span{
        padding-right: 15px;
      }

    }
  }
}



.pos_aline_no_wrap{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.info_img{
  width: 17px;
  height: 17px;
  margin-right: 10px;
}

.attribute_box{
  width: 26px;
  height: 25px;
  margin-right: 10px;
  color: #fff;
  font-size: 14px;
  background: #FF3C7A;
  cursor: pointer;
}


.attr_card{
  :global{
    .ant-radio{
      display: none;
    }
    .ant-radio + span{
      display: block;
      height: 27px;
      line-height: 25px;
      margin: 0 5px;
    }
  }
}
.attr_item {
  position: relative;
  margin-right: 20px;
}
.checked_icon{
  position: absolute;
  top: 50%; right: -8px;
  transform: translateY(-50%);
  color: @primary-color;
  background: #fff;
  border-radius: 50%;
}

.overflow_radio{
  overflow-x: auto;
  &::-webkit-scrollbar {
    height: 4px;
  }
  &::-webkit-scrollbar-track{
    background-color: rgba(0, 0, 0, 0.3);
  }
  &::-webkit-scrollbar-thumb{
    background-color: @primary-color;
  }
}
.config_info{
  padding: 10px;
  border: 1px solid #DDDDDD;
  border-radius: 5px;
}