.merge-box .el-radio {
  width: 150px;
}
.custBox[data-v-bd3d1b82] {
  background-color: white;
  padding-bottom: 15px;
  position: relative;
  height: calc(100% - 40px);
}
.customer-btn[data-v-bd3d1b82] {
  display: inline-block;
  margin: 0 5px;
}
.operation_information[data-v-bd3d1b82] {
  font-size: 14px;
  font-weight: 600;
}
.operation_box[data-v-bd3d1b82] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 5px;
}
.cust_content[data-v-bd3d1b82] {
  background-color: #F8F8F8;
  color: #8C8C8C;
  border-radius: 5px;
  padding: 5px 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #DDDDDD;
  margin: 5px;
}
.operation[data-v-bd3d1b82] {
  font-size: 13px;
  overflow: hidden;
  padding: 10px 26px 10px 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #e6e6e6;
}
.icon[data-v-bd3d1b82] {
  font-size: 18px;
  cursor: pointer;
  width: 1em;
  height: 1em;
  vertical-align: -0.25em;
  fill: currentColor;
  overflow: hidden;
}
.btn-margin[data-v-bd3d1b82] {
  margin-right: 10px;
}
.operation_right[data-v-bd3d1b82] {
  float: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#menu[data-v-bd3d1b82] {
  text-align: left;
  font-size: 14px;
  line-height: 25px;
  width: 150px;
  position: fixed;
  background: white;
  cursor: default;
  border-radius: 5px;
  border: 1px solid #999999;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 999;
}
#menu li[data-v-bd3d1b82] {
  padding-left: 20px;
  padding-right: 5px;
  position: relative;
}
#menu li[data-v-bd3d1b82]:hover {
  background-color: #E9F3FD;
  color: #2A97F9;
}
.footer[data-v-bd3d1b82] {
  padding-top: 10px;
  background-color: white;
}
.center[data-v-bd3d1b82] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px;
}
.center_left[data-v-bd3d1b82] {
  font-size: 14px;
  padding-left: 30px;
}
.senior-label[data-v-bd3d1b82] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: #8c8c8c;
  padding-top: 6px;
  margin-top: 12px;
  padding-left: 14px;
  border-top: 1px solid #ddd;
}
.senior-label .el-checkbox[data-v-bd3d1b82] {
  margin-right: 20px;
  margin-bottom: 5px;
}
.flex[data-v-bd3d1b82] {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.colorItem[data-v-bd3d1b82] {
  width: 16px;
  height: 16px;
  border-radius: 2px;
  float: left;
  margin: 0 4px 4px 0;
  cursor: pointer;
  text-align: center;
  color: white;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 16px;
}
.colorList[data-v-bd3d1b82] {
  width: 120px;
  height: 60px;
  padding: 12px;
  border: 1px solid #d9dbdd;
  border-radius: 4px;
  position: absolute;
  right: -80px;
  top: 40px;
  background: white;
}
.el-icon-check[data-v-bd3d1b82]:before {
  margin-top: 2px;
}
.second_menu[data-v-bd3d1b82] {
  position: absolute;
  left: 148px;
  top: 0;
  background: white;
  border: 1px solid #999;
  border-radius: 5px;
  color: #2d3f50;
}
.customer_logo[data-v-bd3d1b82] {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: middle;
  margin-right: 10px;
  display: inline-block;
  cursor: pointer;
  color: white;
  font-size: 15px;
  text-align: center;
  line-height: 45px;
}
.customer_title[data-v-bd3d1b82] {
  white-space: nowrap;
  cursor: pointer;
}
.box[data-v-bd3d1b82] {
  background-color: white;
  border-radius: 20px;
  padding: 10px;
  margin-bottom: 20px;
  overflow: hidden;
}
.goback[data-v-bd3d1b82] {
  color: #409EFF;
  margin-right: 15px;
  cursor: pointer;
}
.customer_name[data-v-bd3d1b82] {
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.header_right[data-v-bd3d1b82] {
  float: right;
}
.grid-content[data-v-bd3d1b82] {
  margin: 10px 0;
}
.title[data-v-bd3d1b82] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.card[data-v-bd3d1b82] {
  background-color: #E9F3FD;
  border-radius: 8px;
  padding: 13px;
  margin: 10px 0;
}
.tab_box[data-v-bd3d1b82] {
  padding-left: 30px;
}
.aside_title[data-v-bd3d1b82] {
  text-align: center;
  /* width:241px; */
  height: 24px;
  margin: 0 auto;
  border: 2px solid #409EFF;
  color: #409EFF;
  border-radius: 6px;
  line-height: 25px;
  overflow: hidden;
  float: left;
}
.title_item[data-v-bd3d1b82] {
  width: 112px;
  display: inline-block;
  float: left;
  cursor: pointer;
}
.title_item[data-v-bd3d1b82]:hover {
  color: white;
  background: #409EFF;
}
.title_active[data-v-bd3d1b82] {
  color: white;
  background: #409EFF;
}
.lable[data-v-bd3d1b82] {
  width: 66px;
  display: inline-block;
}
.btn_item_lable[data-v-bd3d1b82], .btn_item_grouping[data-v-bd3d1b82] {
  padding: 5px 15px;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #DCDFE6;
  color: #000000;
  display: inline-block;
  cursor: pointer;
  margin: 5px;
  font-size: 12px;
}
.btn_item_lable[data-v-bd3d1b82]:hover, .btn_item_grouping[data-v-bd3d1b82]:hover, .item_active[data-v-bd3d1b82] {
  background-color: #E9F3FD;
  color: #409EFF;
  border: 1px solid #409EFF;
}
.lable_checkbox[data-v-bd3d1b82], .grouping_checkbox[data-v-bd3d1b82] {
  width: 12px;
  height: 12px;
  display: inline-block;
  position: relative;
  background-color: white;
  border: 1px solid #DCDFE6;
  border-radius: 2px;
  top: 2px;
  cursor: pointer;
}
.lable_checkbox[data-v-bd3d1b82]:hover {
  border: 1px solid #2A97F9;
}
.lable_checkbox[data-v-bd3d1b82]:after, .grouping_checkbox[data-v-bd3d1b82]:after {
  display: block;
  content: "";
  height: 3px;
  width: 8px;
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
  transform: translate3d(-50%, -50%, 0) rotate(-45deg);
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.tableHeader[data-v-bd3d1b82] {
  background-color: #EAF0F6;
}
.icon_left[data-v-bd3d1b82] {
  position: absolute;
  right: 11px;
  top: 7px;
  cursor: pointer;
  color: #909399;
  z-index: 999;
}
.table_box[data-v-bd3d1b82] {
  position: relative;
  margin-top: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
  height: calc(100% - 170px);
}
.table_box .el-tag--dark[data-v-bd3d1b82] {
  border: none;
}
.el-popover .el-tag--dark[data-v-bd3d1b82] {
  border: none;
}
.table_box_other[data-v-bd3d1b82] {
  position: relative;
  margin-top: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
  height: calc(100% - 115px);
}
.table_box_other .el-tag--dark[data-v-bd3d1b82] {
  border: none;
}
.fullname[data-v-bd3d1b82] {
  display: inline-block;
  width: 160px;
  font-family: emoji;
  font-size: 13px;
  color: #222;
  font-weight: 550;
  cursor: pointer;
}
.fullname[data-v-bd3d1b82]:hover {
  text-decoration: underline;
  cursor: pointer;
  color: #409EFF;
}
.share-frag[data-v-bd3d1b82] {
  position: absolute;
  right: 0;
  top: 0;
  background-color: orange;
  color: #fff;
  padding: 0 5px;
  font-size: 12px;
  border-bottom-left-radius: 5px;
  line-height: 20px;
}
.colorSpan[data-v-bd3d1b82] {
  width: 18px;
  height: 18px;
  display: inline-block;
  border-radius: 5px;
}
.markItem[data-v-bd3d1b82] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.isActive[data-v-bd3d1b82] {
  background-color: #ecf5ff !important;
  color: #66b1ff !important;
}
.listMark[data-v-bd3d1b82] {
  display: inline-block;
  padding: 5px;
  color: white;
  border-radius: 5px;
  margin: 5px;
}
.activeBtn[data-v-bd3d1b82] {
  background-color: rgb(233, 243, 253);
  color: rgb(64, 158, 255);
}
.btnProhibit[data-v-bd3d1b82] {
  cursor: not-allowed;
}
.checkbox_active[data-v-bd3d1b82] {
  background-color: #2A97F9;
  border-color: #2A97F9;
}
.custInfoHeader[data-v-bd3d1b82] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cust_title[data-v-bd3d1b82] {
  color: #2A97F9;
  margin-bottom: 10px;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.custLogo[data-v-bd3d1b82] {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  margin-right: 10px;
}
.custDefaultTitle[data-v-bd3d1b82] {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  margin-right: 10px;
  text-align: center;
  line-height: 45px;
}
.custNameBox[data-v-bd3d1b82] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.center_left .el-radio[data-v-bd3d1b82] {
  width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 10px;
}
.el-table__fixed-right[data-v-bd3d1b82] {
  height: 100% !important;
}
.company-detail .contact_box[data-v-bd3d1b82] {
  padding: 10px 38px 1px 20px;
  background-color: white;
  border-radius: 8px;
}
.company-detail .star_icon[data-v-bd3d1b82] {
  color: rgb(245, 108, 108);
  font-size: 14px !important;
  margin-left: -10px;
}
.company-detail .form-item[data-v-bd3d1b82] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}
.company-detail .form-item .form-lable[data-v-bd3d1b82] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
}
.company-detail .title[data-v-bd3d1b82] {
  color: #409eff;
  text-align: center;
}
.company-detail .message[data-v-bd3d1b82] {
  color: #409eff;
  line-height: 26px;
  font-weight: 600;
}
.company-detail .message_box[data-v-bd3d1b82] {
  float: left;
  position: relative;
  margin-bottom: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.company-detail .social[data-v-bd3d1b82] {
  text-decoration: underline;
  line-height: 20px;
  overflow: hidden;
  cursor: pointer;
  margin-top: 10px;
  display: inline-block;
}
.company-detail .social-btn[data-v-bd3d1b82] {
  padding: 10px;
  padding-right: 20px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  background-color: white;
  cursor: pointer;
  width: 100%;
  border-radius: 8px;
}
.company-detail .main_left[data-v-bd3d1b82] {
  float: left;
  width: 650px;
  margin-right: 20px;
  font-size: 13px !important;
  padding: 10px 20px 20px 20px;
  background-color: white;
  border-radius: 8px;
}
.company-detail .main_right[data-v-bd3d1b82] {
  float: left;
  font-size: 13px !important;
  /*padding:0 20px 20px 20px;*/
}
.company-detail .lable[data-v-bd3d1b82] {
  text-align: right;
  display: inline-block;
  width: 80px;
}
.company-detail .message_item[data-v-bd3d1b82] {
  margin-bottom: 22px;
  position: relative;
}
.company-detail .contact_title[data-v-bd3d1b82] {
  color: #409eff;
}
.company-detail .remove[data-v-bd3d1b82] {
  position: absolute;
  right: -22px;
  top: 5px;
  font-size: 18px;
  cursor: pointer;
}
.company-detail .contact_icon[data-v-bd3d1b82] {
  top: 5px;
}
.company-detail .company[data-v-bd3d1b82] {
  font-size: 13px !important;
}
.company-detail .dialog_content[data-v-bd3d1b82] {
  overflow-y: auto;
  height: 100%;
}
.company-detail .submitBtn[data-v-bd3d1b82] {
  position: absolute;
  bottom: 15px;
  right: 40px;
}
.company-detail .frist[data-v-bd3d1b82] {
  color: #DDDDDD;
}
.company-detail .custLogo[data-v-bd3d1b82] {
  height: 40px;
  width: 40px;
  border-radius: 50%;
}
.company-detail .upload-demo[data-v-bd3d1b82] {
  display: inline-block;
  margin-left: 20px;
}
.company-detail .downBox[data-v-bd3d1b82] {
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  max-height: 200px;
  overflow: scroll;
  position: absolute;
  z-index: 100;
  background: white;
}
.noInterest[data-v-bd3d1b82] {
  font-size: 25px;
  cursor: pointer;
}
.interest[data-v-bd3d1b82] {
  font-size: 25px;
  color: #3399F6;
  cursor: pointer;
}
@media only screen and (max-width: 1531px) {
.operation_right[data-v-bd3d1b82] {
    float: left;
}
}
.move-item[data-v-bd3d1b82] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 30px;
  padding-bottom: 10px;
}
.custBox[data-v-5833348e] {
  background-color: white;
  padding-bottom: 15px;
  position: relative;
  height: calc(100% - 40px);
}
.customer-btn[data-v-5833348e] {
  display: inline-block;
  margin: 0 5px;
}
.operation_information[data-v-5833348e] {
  font-size: 14px;
  font-weight: 600;
}
.operation_box[data-v-5833348e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 5px;
}
.cust_content[data-v-5833348e] {
  background-color: #F8F8F8;
  color: #8C8C8C;
  border-radius: 5px;
  padding: 5px 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #DDDDDD;
  margin: 5px;
}
.operation[data-v-5833348e] {
  font-size: 13px;
  overflow: hidden;
  padding: 10px 26px 10px 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #e6e6e6;
}
.icon[data-v-5833348e] {
  font-size: 18px;
  cursor: pointer;
  width: 1em;
  height: 1em;
  vertical-align: -0.25em;
  fill: currentColor;
  overflow: hidden;
}
.btn-margin[data-v-5833348e] {
  margin-right: 10px;
}
.operation_right[data-v-5833348e] {
  float: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#menu[data-v-5833348e] {
  text-align: left;
  font-size: 14px;
  line-height: 25px;
  width: 150px;
  position: fixed;
  background: white;
  cursor: default;
  border-radius: 5px;
  border: 1px solid #999999;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 999;
}
#menu li[data-v-5833348e] {
  padding-left: 20px;
  padding-right: 5px;
  position: relative;
}
#menu li[data-v-5833348e]:hover {
  background-color: #E9F3FD;
  color: #2A97F9;
}
.footer[data-v-5833348e] {
  padding-top: 10px;
  background-color: white;
}
.center[data-v-5833348e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px;
}
.center_left[data-v-5833348e] {
  font-size: 14px;
  padding-left: 30px;
}
.senior-label[data-v-5833348e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: #8c8c8c;
  padding-top: 6px;
  margin-top: 12px;
  padding-left: 14px;
  border-top: 1px solid #ddd;
}
.senior-label .el-checkbox[data-v-5833348e] {
  margin-right: 20px;
  margin-bottom: 5px;
}
.flex[data-v-5833348e] {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.colorItem[data-v-5833348e] {
  width: 16px;
  height: 16px;
  border-radius: 2px;
  float: left;
  margin: 0 4px 4px 0;
  cursor: pointer;
  text-align: center;
  color: white;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 16px;
}
.colorList[data-v-5833348e] {
  width: 120px;
  height: 60px;
  padding: 12px;
  border: 1px solid #d9dbdd;
  border-radius: 4px;
  position: absolute;
  right: -80px;
  top: 40px;
  background: white;
}
.el-icon-check[data-v-5833348e]:before {
  margin-top: 2px;
}
.second_menu[data-v-5833348e] {
  position: absolute;
  left: 148px;
  top: 0;
  background: white;
  border: 1px solid #999;
  border-radius: 5px;
  color: #2d3f50;
}
.customer_logo[data-v-5833348e] {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: middle;
  margin-right: 10px;
  display: inline-block;
  cursor: pointer;
  color: white;
  font-size: 15px;
  text-align: center;
  line-height: 45px;
}
.customer_title[data-v-5833348e] {
  white-space: nowrap;
  cursor: pointer;
}
.box[data-v-5833348e] {
  background-color: white;
  border-radius: 20px;
  padding: 10px;
  margin-bottom: 20px;
  overflow: hidden;
}
.goback[data-v-5833348e] {
  color: #409EFF;
  margin-right: 15px;
  cursor: pointer;
}
.customer_name[data-v-5833348e] {
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.header_right[data-v-5833348e] {
  float: right;
}
.grid-content[data-v-5833348e] {
  margin: 10px 0;
}
.title[data-v-5833348e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.card[data-v-5833348e] {
  background-color: #E9F3FD;
  border-radius: 8px;
  padding: 13px;
  margin: 10px 0;
}
.tab_box[data-v-5833348e] {
  padding-left: 30px;
}
.aside_title[data-v-5833348e] {
  text-align: center;
  /* width:241px; */
  height: 24px;
  margin: 0 auto;
  border: 2px solid #409EFF;
  color: #409EFF;
  border-radius: 6px;
  line-height: 25px;
  overflow: hidden;
  float: left;
}
.title_item[data-v-5833348e] {
  width: 112px;
  display: inline-block;
  float: left;
  cursor: pointer;
}
.title_item[data-v-5833348e]:hover {
  color: white;
  background: #409EFF;
}
.title_active[data-v-5833348e] {
  color: white;
  background: #409EFF;
}
.lable[data-v-5833348e] {
  width: 66px;
  display: inline-block;
}
.btn_item_lable[data-v-5833348e], .btn_item_grouping[data-v-5833348e] {
  padding: 5px 15px;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #DCDFE6;
  color: #000000;
  display: inline-block;
  cursor: pointer;
  margin: 5px;
  font-size: 12px;
}
.btn_item_lable[data-v-5833348e]:hover, .btn_item_grouping[data-v-5833348e]:hover, .item_active[data-v-5833348e] {
  background-color: #E9F3FD;
  color: #409EFF;
  border: 1px solid #409EFF;
}
.lable_checkbox[data-v-5833348e], .grouping_checkbox[data-v-5833348e] {
  width: 12px;
  height: 12px;
  display: inline-block;
  position: relative;
  background-color: white;
  border: 1px solid #DCDFE6;
  border-radius: 2px;
  top: 2px;
  cursor: pointer;
}
.lable_checkbox[data-v-5833348e]:hover {
  border: 1px solid #2A97F9;
}
.lable_checkbox[data-v-5833348e]:after, .grouping_checkbox[data-v-5833348e]:after {
  display: block;
  content: "";
  height: 3px;
  width: 8px;
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
  transform: translate3d(-50%, -50%, 0) rotate(-45deg);
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.tableHeader[data-v-5833348e] {
  background-color: #EAF0F6;
}
.icon_left[data-v-5833348e] {
  position: absolute;
  right: 11px;
  top: 7px;
  cursor: pointer;
  color: #909399;
  z-index: 999;
}
.table_box[data-v-5833348e] {
  position: relative;
  margin-top: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
  height: calc(100% - 170px);
}
.table_box .el-tag--dark[data-v-5833348e] {
  border: none;
}
.el-popover .el-tag--dark[data-v-5833348e] {
  border: none;
}
.table_box_other[data-v-5833348e] {
  position: relative;
  margin-top: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
  height: calc(100% - 115px);
}
.table_box_other .el-tag--dark[data-v-5833348e] {
  border: none;
}
.fullname[data-v-5833348e] {
  display: inline-block;
  width: 160px;
  font-family: emoji;
  font-size: 13px;
  color: #222;
  font-weight: 550;
  cursor: pointer;
}
.fullname[data-v-5833348e]:hover {
  text-decoration: underline;
  cursor: pointer;
  color: #409EFF;
}
.share-frag[data-v-5833348e] {
  position: absolute;
  right: 0;
  top: 0;
  background-color: orange;
  color: #fff;
  padding: 0 5px;
  font-size: 12px;
  border-bottom-left-radius: 5px;
  line-height: 20px;
}
.colorSpan[data-v-5833348e] {
  width: 18px;
  height: 18px;
  display: inline-block;
  border-radius: 5px;
}
.markItem[data-v-5833348e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.isActive[data-v-5833348e] {
  background-color: #ecf5ff !important;
  color: #66b1ff !important;
}
.listMark[data-v-5833348e] {
  display: inline-block;
  padding: 5px;
  color: white;
  border-radius: 5px;
  margin: 5px;
}
.activeBtn[data-v-5833348e] {
  background-color: rgb(233, 243, 253);
  color: rgb(64, 158, 255);
}
.btnProhibit[data-v-5833348e] {
  cursor: not-allowed;
}
.checkbox_active[data-v-5833348e] {
  background-color: #2A97F9;
  border-color: #2A97F9;
}
.custInfoHeader[data-v-5833348e] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cust_title[data-v-5833348e] {
  color: #2A97F9;
  margin-bottom: 10px;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.custLogo[data-v-5833348e] {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  margin-right: 10px;
}
.custDefaultTitle[data-v-5833348e] {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  margin-right: 10px;
  text-align: center;
  line-height: 45px;
}
.custNameBox[data-v-5833348e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.center_left .el-radio[data-v-5833348e] {
  width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 10px;
}
.el-table__fixed-right[data-v-5833348e] {
  height: 100% !important;
}
.company-detail .contact_box[data-v-5833348e] {
  padding: 10px 38px 1px 20px;
  background-color: white;
  border-radius: 8px;
}
.company-detail .star_icon[data-v-5833348e] {
  color: rgb(245, 108, 108);
  font-size: 14px !important;
  margin-left: -10px;
}
.company-detail .form-item[data-v-5833348e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}
.company-detail .form-item .form-lable[data-v-5833348e] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
}
.company-detail .title[data-v-5833348e] {
  color: #409eff;
  text-align: center;
}
.company-detail .message[data-v-5833348e] {
  color: #409eff;
  line-height: 26px;
  font-weight: 600;
}
.company-detail .message_box[data-v-5833348e] {
  float: left;
  position: relative;
  margin-bottom: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.company-detail .social[data-v-5833348e] {
  text-decoration: underline;
  line-height: 20px;
  overflow: hidden;
  cursor: pointer;
  margin-top: 10px;
  display: inline-block;
}
.company-detail .social-btn[data-v-5833348e] {
  padding: 10px;
  padding-right: 20px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  background-color: white;
  cursor: pointer;
  width: 100%;
  border-radius: 8px;
}
.company-detail .main_left[data-v-5833348e] {
  float: left;
  width: 650px;
  margin-right: 20px;
  font-size: 13px !important;
  padding: 10px 20px 20px 20px;
  background-color: white;
  border-radius: 8px;
}
.company-detail .main_right[data-v-5833348e] {
  float: left;
  font-size: 13px !important;
  /*padding:0 20px 20px 20px;*/
}
.company-detail .lable[data-v-5833348e] {
  text-align: right;
  display: inline-block;
  width: 80px;
}
.company-detail .message_item[data-v-5833348e] {
  margin-bottom: 22px;
  position: relative;
}
.company-detail .contact_title[data-v-5833348e] {
  color: #409eff;
}
.company-detail .remove[data-v-5833348e] {
  position: absolute;
  right: -22px;
  top: 5px;
  font-size: 18px;
  cursor: pointer;
}
.company-detail .contact_icon[data-v-5833348e] {
  top: 5px;
}
.company-detail .company[data-v-5833348e] {
  font-size: 13px !important;
}
.company-detail .dialog_content[data-v-5833348e] {
  overflow-y: auto;
  height: 100%;
}
.company-detail .submitBtn[data-v-5833348e] {
  position: absolute;
  bottom: 15px;
  right: 40px;
}
.company-detail .frist[data-v-5833348e] {
  color: #DDDDDD;
}
.company-detail .custLogo[data-v-5833348e] {
  height: 40px;
  width: 40px;
  border-radius: 50%;
}
.company-detail .upload-demo[data-v-5833348e] {
  display: inline-block;
  margin-left: 20px;
}
.company-detail .downBox[data-v-5833348e] {
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  max-height: 200px;
  overflow: scroll;
  position: absolute;
  z-index: 100;
  background: white;
}
.noInterest[data-v-5833348e] {
  font-size: 25px;
  cursor: pointer;
}
.interest[data-v-5833348e] {
  font-size: 25px;
  color: #3399F6;
  cursor: pointer;
}
@media only screen and (max-width: 1531px) {
.operation_right[data-v-5833348e] {
    float: left;
}
}
.merge-box .el-radio {
  width: 150px;
}
.merge-box .el-radio .el-radio__label {
  width: calc(100% - 20px);
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
.custBox[data-v-e476076c] {
  background-color: white;
  padding-bottom: 15px;
  position: relative;
  height: calc(100% - 40px);
}
.customer-btn[data-v-e476076c] {
  display: inline-block;
  margin: 0 5px;
}
.operation_information[data-v-e476076c] {
  font-size: 14px;
  font-weight: 600;
}
.operation_box[data-v-e476076c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 5px;
}
.cust_content[data-v-e476076c] {
  background-color: #F8F8F8;
  color: #8C8C8C;
  border-radius: 5px;
  padding: 5px 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #DDDDDD;
  margin: 5px;
}
.operation[data-v-e476076c] {
  font-size: 13px;
  overflow: hidden;
  padding: 10px 26px 10px 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #e6e6e6;
}
.icon[data-v-e476076c] {
  font-size: 18px;
  cursor: pointer;
  width: 1em;
  height: 1em;
  vertical-align: -0.25em;
  fill: currentColor;
  overflow: hidden;
}
.btn-margin[data-v-e476076c] {
  margin-right: 10px;
}
.operation_right[data-v-e476076c] {
  float: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#menu[data-v-e476076c] {
  text-align: left;
  font-size: 14px;
  line-height: 25px;
  width: 150px;
  position: fixed;
  background: white;
  cursor: default;
  border-radius: 5px;
  border: 1px solid #999999;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 999;
}
#menu li[data-v-e476076c] {
  padding-left: 20px;
  padding-right: 5px;
  position: relative;
}
#menu li[data-v-e476076c]:hover {
  background-color: #E9F3FD;
  color: #2A97F9;
}
.footer[data-v-e476076c] {
  padding-top: 10px;
  background-color: white;
}
.center[data-v-e476076c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px;
}
.center_left[data-v-e476076c] {
  font-size: 14px;
  padding-left: 30px;
}
.senior-label[data-v-e476076c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: #8c8c8c;
  padding-top: 6px;
  margin-top: 12px;
  padding-left: 14px;
  border-top: 1px solid #ddd;
}
.senior-label .el-checkbox[data-v-e476076c] {
  margin-right: 20px;
  margin-bottom: 5px;
}
.flex[data-v-e476076c] {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.colorItem[data-v-e476076c] {
  width: 16px;
  height: 16px;
  border-radius: 2px;
  float: left;
  margin: 0 4px 4px 0;
  cursor: pointer;
  text-align: center;
  color: white;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 16px;
}
.colorList[data-v-e476076c] {
  width: 120px;
  height: 60px;
  padding: 12px;
  border: 1px solid #d9dbdd;
  border-radius: 4px;
  position: absolute;
  right: -80px;
  top: 40px;
  background: white;
}
.el-icon-check[data-v-e476076c]:before {
  margin-top: 2px;
}
.second_menu[data-v-e476076c] {
  position: absolute;
  left: 148px;
  top: 0;
  background: white;
  border: 1px solid #999;
  border-radius: 5px;
  color: #2d3f50;
}
.customer_logo[data-v-e476076c] {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: middle;
  margin-right: 10px;
  display: inline-block;
  cursor: pointer;
  color: white;
  font-size: 15px;
  text-align: center;
  line-height: 45px;
}
.customer_title[data-v-e476076c] {
  white-space: nowrap;
  cursor: pointer;
}
.box[data-v-e476076c] {
  background-color: white;
  border-radius: 20px;
  padding: 10px;
  margin-bottom: 20px;
  overflow: hidden;
}
.goback[data-v-e476076c] {
  color: #409EFF;
  margin-right: 15px;
  cursor: pointer;
}
.customer_name[data-v-e476076c] {
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.header_right[data-v-e476076c] {
  float: right;
}
.grid-content[data-v-e476076c] {
  margin: 10px 0;
}
.title[data-v-e476076c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.card[data-v-e476076c] {
  background-color: #E9F3FD;
  border-radius: 8px;
  padding: 13px;
  margin: 10px 0;
}
.tab_box[data-v-e476076c] {
  padding-left: 30px;
}
.aside_title[data-v-e476076c] {
  text-align: center;
  /* width:241px; */
  height: 24px;
  margin: 0 auto;
  border: 2px solid #409EFF;
  color: #409EFF;
  border-radius: 6px;
  line-height: 25px;
  overflow: hidden;
  float: left;
}
.title_item[data-v-e476076c] {
  width: 112px;
  display: inline-block;
  float: left;
  cursor: pointer;
}
.title_item[data-v-e476076c]:hover {
  color: white;
  background: #409EFF;
}
.title_active[data-v-e476076c] {
  color: white;
  background: #409EFF;
}
.lable[data-v-e476076c] {
  width: 66px;
  display: inline-block;
}
.btn_item_lable[data-v-e476076c], .btn_item_grouping[data-v-e476076c] {
  padding: 5px 15px;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #DCDFE6;
  color: #000000;
  display: inline-block;
  cursor: pointer;
  margin: 5px;
  font-size: 12px;
}
.btn_item_lable[data-v-e476076c]:hover, .btn_item_grouping[data-v-e476076c]:hover, .item_active[data-v-e476076c] {
  background-color: #E9F3FD;
  color: #409EFF;
  border: 1px solid #409EFF;
}
.lable_checkbox[data-v-e476076c], .grouping_checkbox[data-v-e476076c] {
  width: 12px;
  height: 12px;
  display: inline-block;
  position: relative;
  background-color: white;
  border: 1px solid #DCDFE6;
  border-radius: 2px;
  top: 2px;
  cursor: pointer;
}
.lable_checkbox[data-v-e476076c]:hover {
  border: 1px solid #2A97F9;
}
.lable_checkbox[data-v-e476076c]:after, .grouping_checkbox[data-v-e476076c]:after {
  display: block;
  content: "";
  height: 3px;
  width: 8px;
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
  transform: translate3d(-50%, -50%, 0) rotate(-45deg);
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.tableHeader[data-v-e476076c] {
  background-color: #EAF0F6;
}
.icon_left[data-v-e476076c] {
  position: absolute;
  right: 11px;
  top: 7px;
  cursor: pointer;
  color: #909399;
  z-index: 999;
}
.table_box[data-v-e476076c] {
  position: relative;
  margin-top: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
  height: calc(100% - 170px);
}
.table_box .el-tag--dark[data-v-e476076c] {
  border: none;
}
.el-popover .el-tag--dark[data-v-e476076c] {
  border: none;
}
.table_box_other[data-v-e476076c] {
  position: relative;
  margin-top: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
  height: calc(100% - 115px);
}
.table_box_other .el-tag--dark[data-v-e476076c] {
  border: none;
}
.fullname[data-v-e476076c] {
  display: inline-block;
  width: 160px;
  font-family: emoji;
  font-size: 13px;
  color: #222;
  font-weight: 550;
  cursor: pointer;
}
.fullname[data-v-e476076c]:hover {
  text-decoration: underline;
  cursor: pointer;
  color: #409EFF;
}
.share-frag[data-v-e476076c] {
  position: absolute;
  right: 0;
  top: 0;
  background-color: orange;
  color: #fff;
  padding: 0 5px;
  font-size: 12px;
  border-bottom-left-radius: 5px;
  line-height: 20px;
}
.colorSpan[data-v-e476076c] {
  width: 18px;
  height: 18px;
  display: inline-block;
  border-radius: 5px;
}
.markItem[data-v-e476076c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.isActive[data-v-e476076c] {
  background-color: #ecf5ff !important;
  color: #66b1ff !important;
}
.listMark[data-v-e476076c] {
  display: inline-block;
  padding: 5px;
  color: white;
  border-radius: 5px;
  margin: 5px;
}
.activeBtn[data-v-e476076c] {
  background-color: rgb(233, 243, 253);
  color: rgb(64, 158, 255);
}
.btnProhibit[data-v-e476076c] {
  cursor: not-allowed;
}
.checkbox_active[data-v-e476076c] {
  background-color: #2A97F9;
  border-color: #2A97F9;
}
.custInfoHeader[data-v-e476076c] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cust_title[data-v-e476076c] {
  color: #2A97F9;
  margin-bottom: 10px;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.custLogo[data-v-e476076c] {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  margin-right: 10px;
}
.custDefaultTitle[data-v-e476076c] {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  margin-right: 10px;
  text-align: center;
  line-height: 45px;
}
.custNameBox[data-v-e476076c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.center_left .el-radio[data-v-e476076c] {
  width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 10px;
}
.el-table__fixed-right[data-v-e476076c] {
  height: 100% !important;
}
.company-detail .contact_box[data-v-e476076c] {
  padding: 10px 38px 1px 20px;
  background-color: white;
  border-radius: 8px;
}
.company-detail .star_icon[data-v-e476076c] {
  color: rgb(245, 108, 108);
  font-size: 14px !important;
  margin-left: -10px;
}
.company-detail .form-item[data-v-e476076c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}
.company-detail .form-item .form-lable[data-v-e476076c] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
}
.company-detail .title[data-v-e476076c] {
  color: #409eff;
  text-align: center;
}
.company-detail .message[data-v-e476076c] {
  color: #409eff;
  line-height: 26px;
  font-weight: 600;
}
.company-detail .message_box[data-v-e476076c] {
  float: left;
  position: relative;
  margin-bottom: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.company-detail .social[data-v-e476076c] {
  text-decoration: underline;
  line-height: 20px;
  overflow: hidden;
  cursor: pointer;
  margin-top: 10px;
  display: inline-block;
}
.company-detail .social-btn[data-v-e476076c] {
  padding: 10px;
  padding-right: 20px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  background-color: white;
  cursor: pointer;
  width: 100%;
  border-radius: 8px;
}
.company-detail .main_left[data-v-e476076c] {
  float: left;
  width: 650px;
  margin-right: 20px;
  font-size: 13px !important;
  padding: 10px 20px 20px 20px;
  background-color: white;
  border-radius: 8px;
}
.company-detail .main_right[data-v-e476076c] {
  float: left;
  font-size: 13px !important;
  /*padding:0 20px 20px 20px;*/
}
.company-detail .lable[data-v-e476076c] {
  text-align: right;
  display: inline-block;
  width: 80px;
}
.company-detail .message_item[data-v-e476076c] {
  margin-bottom: 22px;
  position: relative;
}
.company-detail .contact_title[data-v-e476076c] {
  color: #409eff;
}
.company-detail .remove[data-v-e476076c] {
  position: absolute;
  right: -22px;
  top: 5px;
  font-size: 18px;
  cursor: pointer;
}
.company-detail .contact_icon[data-v-e476076c] {
  top: 5px;
}
.company-detail .company[data-v-e476076c] {
  font-size: 13px !important;
}
.company-detail .dialog_content[data-v-e476076c] {
  overflow-y: auto;
  height: 100%;
}
.company-detail .submitBtn[data-v-e476076c] {
  position: absolute;
  bottom: 15px;
  right: 40px;
}
.company-detail .frist[data-v-e476076c] {
  color: #DDDDDD;
}
.company-detail .custLogo[data-v-e476076c] {
  height: 40px;
  width: 40px;
  border-radius: 50%;
}
.company-detail .upload-demo[data-v-e476076c] {
  display: inline-block;
  margin-left: 20px;
}
.company-detail .downBox[data-v-e476076c] {
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  max-height: 200px;
  overflow: scroll;
  position: absolute;
  z-index: 100;
  background: white;
}
.noInterest[data-v-e476076c] {
  font-size: 25px;
  cursor: pointer;
}
.interest[data-v-e476076c] {
  font-size: 25px;
  color: #3399F6;
  cursor: pointer;
}
@media only screen and (max-width: 1531px) {
.operation_right[data-v-e476076c] {
    float: left;
}
}
.tips[data-v-e476076c] {
  color: #F56C6C;
  margin-top: 100px !important;
  font-size: 12px;
}

.cascader[data-v-0ff4cb7a]{
  margin: 10px 0;
}
.tips[data-v-0ff4cb7a]{
    font-size: 12px;
    color: #AAAAAA;
}


/* 保持样式不变 */


.tips[data-v-d3c1e988]{
  margin-top: 10px !important;
  font-size: 12px;
  color: #F56C6C;
}

.custBox[data-v-11a681a2] {
  background-color: white;
  padding-bottom: 15px;
  position: relative;
  height: calc(100% - 40px);
}
.customer-btn[data-v-11a681a2] {
  display: inline-block;
  margin: 0 5px;
}
.operation_information[data-v-11a681a2] {
  font-size: 14px;
  font-weight: 600;
}
.operation_box[data-v-11a681a2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 5px;
}
.cust_content[data-v-11a681a2] {
  background-color: #F8F8F8;
  color: #8C8C8C;
  border-radius: 5px;
  padding: 5px 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #DDDDDD;
  margin: 5px;
}
.operation[data-v-11a681a2] {
  font-size: 13px;
  overflow: hidden;
  padding: 10px 26px 10px 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #e6e6e6;
}
.icon[data-v-11a681a2] {
  font-size: 18px;
  cursor: pointer;
  width: 1em;
  height: 1em;
  vertical-align: -0.25em;
  fill: currentColor;
  overflow: hidden;
}
.btn-margin[data-v-11a681a2] {
  margin-right: 10px;
}
.operation_right[data-v-11a681a2] {
  float: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#menu[data-v-11a681a2] {
  text-align: left;
  font-size: 14px;
  line-height: 25px;
  width: 150px;
  position: fixed;
  background: white;
  cursor: default;
  border-radius: 5px;
  border: 1px solid #999999;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 999;
}
#menu li[data-v-11a681a2] {
  padding-left: 20px;
  padding-right: 5px;
  position: relative;
}
#menu li[data-v-11a681a2]:hover {
  background-color: #E9F3FD;
  color: #2A97F9;
}
.footer[data-v-11a681a2] {
  padding-top: 10px;
  background-color: white;
}
.center[data-v-11a681a2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px;
}
.center_left[data-v-11a681a2] {
  font-size: 14px;
  padding-left: 30px;
}
.senior-label[data-v-11a681a2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: #8c8c8c;
  padding-top: 6px;
  margin-top: 12px;
  padding-left: 14px;
  border-top: 1px solid #ddd;
}
.senior-label .el-checkbox[data-v-11a681a2] {
  margin-right: 20px;
  margin-bottom: 5px;
}
.flex[data-v-11a681a2] {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.colorItem[data-v-11a681a2] {
  width: 16px;
  height: 16px;
  border-radius: 2px;
  float: left;
  margin: 0 4px 4px 0;
  cursor: pointer;
  text-align: center;
  color: white;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 16px;
}
.colorList[data-v-11a681a2] {
  width: 120px;
  height: 60px;
  padding: 12px;
  border: 1px solid #d9dbdd;
  border-radius: 4px;
  position: absolute;
  right: -80px;
  top: 40px;
  background: white;
}
.el-icon-check[data-v-11a681a2]:before {
  margin-top: 2px;
}
.second_menu[data-v-11a681a2] {
  position: absolute;
  left: 148px;
  top: 0;
  background: white;
  border: 1px solid #999;
  border-radius: 5px;
  color: #2d3f50;
}
.customer_logo[data-v-11a681a2] {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: middle;
  margin-right: 10px;
  display: inline-block;
  cursor: pointer;
  color: white;
  font-size: 15px;
  text-align: center;
  line-height: 45px;
}
.customer_title[data-v-11a681a2] {
  white-space: nowrap;
  cursor: pointer;
}
.box[data-v-11a681a2] {
  background-color: white;
  border-radius: 20px;
  padding: 10px;
  margin-bottom: 20px;
  overflow: hidden;
}
.goback[data-v-11a681a2] {
  color: #409EFF;
  margin-right: 15px;
  cursor: pointer;
}
.customer_name[data-v-11a681a2] {
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.header_right[data-v-11a681a2] {
  float: right;
}
.grid-content[data-v-11a681a2] {
  margin: 10px 0;
}
.title[data-v-11a681a2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.card[data-v-11a681a2] {
  background-color: #E9F3FD;
  border-radius: 8px;
  padding: 13px;
  margin: 10px 0;
}
.tab_box[data-v-11a681a2] {
  padding-left: 30px;
}
.aside_title[data-v-11a681a2] {
  text-align: center;
  /* width:241px; */
  height: 24px;
  margin: 0 auto;
  border: 2px solid #409EFF;
  color: #409EFF;
  border-radius: 6px;
  line-height: 25px;
  overflow: hidden;
  float: left;
}
.title_item[data-v-11a681a2] {
  width: 112px;
  display: inline-block;
  float: left;
  cursor: pointer;
}
.title_item[data-v-11a681a2]:hover {
  color: white;
  background: #409EFF;
}
.title_active[data-v-11a681a2] {
  color: white;
  background: #409EFF;
}
.lable[data-v-11a681a2] {
  width: 66px;
  display: inline-block;
}
.btn_item_lable[data-v-11a681a2], .btn_item_grouping[data-v-11a681a2] {
  padding: 5px 15px;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #DCDFE6;
  color: #000000;
  display: inline-block;
  cursor: pointer;
  margin: 5px;
  font-size: 12px;
}
.btn_item_lable[data-v-11a681a2]:hover, .btn_item_grouping[data-v-11a681a2]:hover, .item_active[data-v-11a681a2] {
  background-color: #E9F3FD;
  color: #409EFF;
  border: 1px solid #409EFF;
}
.lable_checkbox[data-v-11a681a2], .grouping_checkbox[data-v-11a681a2] {
  width: 12px;
  height: 12px;
  display: inline-block;
  position: relative;
  background-color: white;
  border: 1px solid #DCDFE6;
  border-radius: 2px;
  top: 2px;
  cursor: pointer;
}
.lable_checkbox[data-v-11a681a2]:hover {
  border: 1px solid #2A97F9;
}
.lable_checkbox[data-v-11a681a2]:after, .grouping_checkbox[data-v-11a681a2]:after {
  display: block;
  content: "";
  height: 3px;
  width: 8px;
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
  transform: translate3d(-50%, -50%, 0) rotate(-45deg);
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.tableHeader[data-v-11a681a2] {
  background-color: #EAF0F6;
}
.icon_left[data-v-11a681a2] {
  position: absolute;
  right: 11px;
  top: 7px;
  cursor: pointer;
  color: #909399;
  z-index: 999;
}
.table_box[data-v-11a681a2] {
  position: relative;
  margin-top: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
  height: calc(100% - 170px);
}
.table_box .el-tag--dark[data-v-11a681a2] {
  border: none;
}
.el-popover .el-tag--dark[data-v-11a681a2] {
  border: none;
}
.table_box_other[data-v-11a681a2] {
  position: relative;
  margin-top: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
  height: calc(100% - 115px);
}
.table_box_other .el-tag--dark[data-v-11a681a2] {
  border: none;
}
.fullname[data-v-11a681a2] {
  display: inline-block;
  width: 160px;
  font-family: emoji;
  font-size: 13px;
  color: #222;
  font-weight: 550;
  cursor: pointer;
}
.fullname[data-v-11a681a2]:hover {
  text-decoration: underline;
  cursor: pointer;
  color: #409EFF;
}
.share-frag[data-v-11a681a2] {
  position: absolute;
  right: 0;
  top: 0;
  background-color: orange;
  color: #fff;
  padding: 0 5px;
  font-size: 12px;
  border-bottom-left-radius: 5px;
  line-height: 20px;
}
.colorSpan[data-v-11a681a2] {
  width: 18px;
  height: 18px;
  display: inline-block;
  border-radius: 5px;
}
.markItem[data-v-11a681a2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.isActive[data-v-11a681a2] {
  background-color: #ecf5ff !important;
  color: #66b1ff !important;
}
.listMark[data-v-11a681a2] {
  display: inline-block;
  padding: 5px;
  color: white;
  border-radius: 5px;
  margin: 5px;
}
.activeBtn[data-v-11a681a2] {
  background-color: rgb(233, 243, 253);
  color: rgb(64, 158, 255);
}
.btnProhibit[data-v-11a681a2] {
  cursor: not-allowed;
}
.checkbox_active[data-v-11a681a2] {
  background-color: #2A97F9;
  border-color: #2A97F9;
}
.custInfoHeader[data-v-11a681a2] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cust_title[data-v-11a681a2] {
  color: #2A97F9;
  margin-bottom: 10px;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.custLogo[data-v-11a681a2] {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  margin-right: 10px;
}
.custDefaultTitle[data-v-11a681a2] {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  margin-right: 10px;
  text-align: center;
  line-height: 45px;
}
.custNameBox[data-v-11a681a2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.center_left .el-radio[data-v-11a681a2] {
  width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 10px;
}
.el-table__fixed-right[data-v-11a681a2] {
  height: 100% !important;
}
.company-detail .contact_box[data-v-11a681a2] {
  padding: 10px 38px 1px 20px;
  background-color: white;
  border-radius: 8px;
}
.company-detail .star_icon[data-v-11a681a2] {
  color: rgb(245, 108, 108);
  font-size: 14px !important;
  margin-left: -10px;
}
.company-detail .form-item[data-v-11a681a2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}
.company-detail .form-item .form-lable[data-v-11a681a2] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
}
.company-detail .title[data-v-11a681a2] {
  color: #409eff;
  text-align: center;
}
.company-detail .message[data-v-11a681a2] {
  color: #409eff;
  line-height: 26px;
  font-weight: 600;
}
.company-detail .message_box[data-v-11a681a2] {
  float: left;
  position: relative;
  margin-bottom: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.company-detail .social[data-v-11a681a2] {
  text-decoration: underline;
  line-height: 20px;
  overflow: hidden;
  cursor: pointer;
  margin-top: 10px;
  display: inline-block;
}
.company-detail .social-btn[data-v-11a681a2] {
  padding: 10px;
  padding-right: 20px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  background-color: white;
  cursor: pointer;
  width: 100%;
  border-radius: 8px;
}
.company-detail .main_left[data-v-11a681a2] {
  float: left;
  width: 650px;
  margin-right: 20px;
  font-size: 13px !important;
  padding: 10px 20px 20px 20px;
  background-color: white;
  border-radius: 8px;
}
.company-detail .main_right[data-v-11a681a2] {
  float: left;
  font-size: 13px !important;
  /*padding:0 20px 20px 20px;*/
}
.company-detail .lable[data-v-11a681a2] {
  text-align: right;
  display: inline-block;
  width: 80px;
}
.company-detail .message_item[data-v-11a681a2] {
  margin-bottom: 22px;
  position: relative;
}
.company-detail .contact_title[data-v-11a681a2] {
  color: #409eff;
}
.company-detail .remove[data-v-11a681a2] {
  position: absolute;
  right: -22px;
  top: 5px;
  font-size: 18px;
  cursor: pointer;
}
.company-detail .contact_icon[data-v-11a681a2] {
  top: 5px;
}
.company-detail .company[data-v-11a681a2] {
  font-size: 13px !important;
}
.company-detail .dialog_content[data-v-11a681a2] {
  overflow-y: auto;
  height: 100%;
}
.company-detail .submitBtn[data-v-11a681a2] {
  position: absolute;
  bottom: 15px;
  right: 40px;
}
.company-detail .frist[data-v-11a681a2] {
  color: #DDDDDD;
}
.company-detail .custLogo[data-v-11a681a2] {
  height: 40px;
  width: 40px;
  border-radius: 50%;
}
.company-detail .upload-demo[data-v-11a681a2] {
  display: inline-block;
  margin-left: 20px;
}
.company-detail .downBox[data-v-11a681a2] {
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  max-height: 200px;
  overflow: scroll;
  position: absolute;
  z-index: 100;
  background: white;
}
.noInterest[data-v-11a681a2] {
  font-size: 25px;
  cursor: pointer;
}
.interest[data-v-11a681a2] {
  font-size: 25px;
  color: #3399F6;
  cursor: pointer;
}
@media only screen and (max-width: 1531px) {
.operation_right[data-v-11a681a2] {
    float: left;
}
}
.table_item[data-v-11a681a2] {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.header[data-v-11a681a2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tips[data-v-11a681a2] {
  margin-top: 10px !important;
  font-size: 12px;
  color: #F56C6C;
}
.btn-nav[data-v-498788fe] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mailChartBox[data-v-0972b602] {
  height: 350px;
  width: 100%;
}
.mailChartBox .select[data-v-0972b602] {
  text-align: right;
}
#mailChart[data-v-0972b602] {
  height: 300px;
  margin-right: 20px;
}

.no-data[data-v-d4941378]{
  text-align: center;
  font-weight: 600;
  margin: 10px;
}

@charset "UTF-8";
.el-row .column-customer[data-v-60dbfb94] {
  padding: 7px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.el-row .column-customer b[data-v-60dbfb94] {
  margin-right: 10px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.file-upload-box[data-v-60dbfb94] {
  width: 100%;
}
.file-upload-box .row[data-v-60dbfb94] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; /* 允许换行 */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.file-upload-box .file-view-box[data-v-60dbfb94] {
  width: 50px;
  height: 50px;
  display: block;
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  margin-right: 10px;
  margin-bottom: 5px;
  overflow: hidden;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.file-upload-box .mask[data-v-60dbfb94] {
  opacity: 0;
  background: rgba(0, 0, 0, 0.6);
  color: white;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around; /* 两个图标均匀分布 */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.file-upload-box .mask .mask-icon[data-v-60dbfb94] {
  cursor: pointer;
  font-size: 16px;
}
.file-upload-box .mask .mask-icon[data-v-60dbfb94]:hover {
  color: #409EFF;
}
.file-upload-box .file-view-box:hover .mask[data-v-60dbfb94] {
  opacity: 1;
}
.file-upload-box .icon-svg[data-v-60dbfb94] {
  width: 100%;
  height: 100%;
}
.tabs-content .noBorder .el-input__inner {
  background-color: transparent;
  border: none;
}
#leads-follow .el-timeline-item__wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#leads-follow .el-timeline-item__timestamp.is-bottom {
  margin-top: 0;
}
.el-scrollbar__view[data-v-61117ffb] {
  height: 100%;
  overflow: hidden;
}
.flex[data-v-61117ffb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 40px;
}
.flex span[data-v-61117ffb] {
  width: 90px;
  color: #232323;
  font-size: 13px;
}
.customer-box[data-v-61117ffb] {
  font-size: 13px;
  height: calc(100% - 40px);
  overflow-y: auto;
}
.share_header[data-v-61117ffb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 2px solid #E4E7ED;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.content[data-v-61117ffb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 10px;
}
.tab[data-v-61117ffb] {
  width: calc(100% - 300px);
}
.right-tab[data-v-61117ffb] {
  background-color: white;
  margin: 0 10px;
  margin-right: 0;
  border-radius: 20px;
  width: 280px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 10px;
}
.goback[data-v-61117ffb] {
  color: #409eff;
  display: inline-block;
  top: 20px;
  left: 15px;
  cursor: pointer;
  font-size: 24px !important;
}
.header[data-v-61117ffb] {
  min-width: 905px;
}
.header .company-title[data-v-61117ffb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 2px solid #E4E7ED;
  padding: 10px 0;
}
.header .company-title .title-left[data-v-61117ffb] {
  line-height: 30px;
  margin-left: 20px;
}
.header .company-title .title-left .bus-about .el-link[data-v-61117ffb] {
  margin-right: 10px;
  word-break: break-all;
}
.header .company-title .title-right[data-v-61117ffb] {
  margin-right: 26px;
}
.header .company-title.share[data-v-61117ffb] {
  border-bottom: 0;
  margin: 0 16px;
}
.company-name[data-v-61117ffb] {
  display: inline-block;
  vertical-align: middle;
}
.company-label[data-v-61117ffb] {
  margin-bottom: 5px;
  font-weight: 600;
  font-size: 15px;
}
.left-tab[data-v-61117ffb] {
  padding: 0 20px;
}
.headimg[data-v-61117ffb] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #409eff;
  vertical-align: middle;
  margin: 0 10px;
}
.custDefaultTitle[data-v-61117ffb] {
  display: inline-block;
  background: #325893;
  color: white;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin: 0 10px;
  text-align: center;
  line-height: 42px;
}
.company-content[data-v-61117ffb] {
  padding-left: 30px;
}
.contact[data-v-61117ffb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-right: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.contact span[data-v-61117ffb] {
  font-weight: 600;
}
.card[data-v-61117ffb] {
  background: #E9F3FD;
  border-radius: 8px;
  padding: 13px;
  margin: 8px 25px;
}
.title[data-v-61117ffb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.editContacts[data-v-61117ffb] {
  font-size: 20px;
  cursor: pointer;
}
.header_item[data-v-61117ffb] {
  line-height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header_lable[data-v-61117ffb] {
  display: inline-block;
  font-weight: 600;
  font-size: 13px;
  min-width: 65px;
}
.company-content[data-v-61117ffb] {
  padding: 10px 30px;
  border-bottom: 2px solid #e4e7ed;
}
.content .tab[data-v-61117ffb] {
  padding-top: 10px;
  border-right: 2px solid #e4e7ed;
}
.content .right-tab[data-v-61117ffb] {
  padding-top: 10px;
}
.activeBtn[data-v-61117ffb] {
  margin: 0 5px;
  cursor: pointer;
}
.clueName .noInterest[data-v-61117ffb] {
  cursor: pointer;
  -webkit-animation: narrow-61117ffb 0.5s;
          animation: narrow-61117ffb 0.5s;
}
.clueName .interest[data-v-61117ffb] {
  cursor: pointer;
  background-color: white;
  -webkit-animation: enlarge-61117ffb 0.5s;
          animation: enlarge-61117ffb 0.5s;
}
.clueName .interest .icon-xin2[data-v-61117ffb] {
  color: #e95b5b;
}
@-webkit-keyframes narrow-61117ffb {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@keyframes narrow-61117ffb {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@-webkit-keyframes enlarge-61117ffb {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@keyframes enlarge-61117ffb {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
.el-scrollbar__view[data-v-0bd48879] {
  height: 100%;
  overflow: hidden;
}
.flex[data-v-0bd48879] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 40px;
}
.flex span[data-v-0bd48879] {
  width: 90px;
  color: #232323;
  font-size: 13px;
}
.customer-box[data-v-0bd48879] {
  font-size: 13px;
  height: calc(100% - 40px);
  overflow-y: auto;
}
.share_header[data-v-0bd48879] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 2px solid #E4E7ED;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.content[data-v-0bd48879] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 10px;
}
.tab[data-v-0bd48879] {
  width: calc(100% - 300px);
}
.right-tab[data-v-0bd48879] {
  background-color: white;
  margin: 0 10px;
  margin-right: 0;
  border-radius: 20px;
  width: 280px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 10px;
}
.goback[data-v-0bd48879] {
  color: #409eff;
  display: inline-block;
  top: 20px;
  left: 15px;
  cursor: pointer;
  font-size: 24px !important;
}
.header[data-v-0bd48879] {
  min-width: 905px;
}
.header .company-title[data-v-0bd48879] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 2px solid #E4E7ED;
  padding: 10px 0;
}
.header .company-title .title-left[data-v-0bd48879] {
  line-height: 30px;
  margin-left: 20px;
}
.header .company-title .title-left .bus-about .el-link[data-v-0bd48879] {
  margin-right: 10px;
  word-break: break-all;
}
.header .company-title .title-right[data-v-0bd48879] {
  margin-right: 26px;
}
.header .company-title.share[data-v-0bd48879] {
  border-bottom: 0;
  margin: 0 16px;
}
.company-name[data-v-0bd48879] {
  display: inline-block;
  vertical-align: middle;
}
.company-label[data-v-0bd48879] {
  margin-bottom: 5px;
  font-weight: 600;
  font-size: 15px;
}
.left-tab[data-v-0bd48879] {
  padding: 0 20px;
}
.headimg[data-v-0bd48879] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #409eff;
  vertical-align: middle;
  margin: 0 10px;
}
.custDefaultTitle[data-v-0bd48879] {
  display: inline-block;
  background: #325893;
  color: white;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin: 0 10px;
  text-align: center;
  line-height: 42px;
}
.company-content[data-v-0bd48879] {
  padding-left: 30px;
}
.contact[data-v-0bd48879] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-right: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.contact span[data-v-0bd48879] {
  font-weight: 600;
}
.card[data-v-0bd48879] {
  background: #E9F3FD;
  border-radius: 8px;
  padding: 13px;
  margin: 8px 25px;
}
.title[data-v-0bd48879] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.editContacts[data-v-0bd48879] {
  font-size: 20px;
  cursor: pointer;
}
.header_item[data-v-0bd48879] {
  line-height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header_lable[data-v-0bd48879] {
  display: inline-block;
  font-weight: 600;
  font-size: 13px;
  min-width: 65px;
}
.company-content[data-v-0bd48879] {
  padding-bottom: 10px;
  border-bottom: 2px solid #E4E7ED;
}
.content .tab[data-v-0bd48879] {
  padding-top: 10px;
  border-right: 2px solid #E4E7ED;
}
.content .right-tab[data-v-0bd48879] {
  padding-top: 10px;
}
.activeBtn[data-v-0bd48879] {
  margin-right: 5px;
  cursor: pointer;
}
.clueName .noInterest[data-v-0bd48879] {
  cursor: pointer;
  -webkit-animation: narrow-0bd48879 0.5s;
          animation: narrow-0bd48879 0.5s;
  background-color: transparent;
}
.clueName .interest[data-v-0bd48879] {
  cursor: pointer;
  background-color: white;
  -webkit-animation: enlarge-0bd48879 0.5s;
          animation: enlarge-0bd48879 0.5s;
}
.clueName .interest .icon-xin2[data-v-0bd48879] {
  color: #e95b5b;
}
@-webkit-keyframes narrow-0bd48879 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@keyframes narrow-0bd48879 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@-webkit-keyframes enlarge-0bd48879 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@keyframes enlarge-0bd48879 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@charset "UTF-8";
.custBox[data-v-c273a6f2] {
  background-color: white;
  padding-bottom: 15px;
  position: relative;
  height: calc(100% - 40px);
}
.customer-btn[data-v-c273a6f2] {
  display: inline-block;
  margin: 0 5px;
}
.operation_information[data-v-c273a6f2] {
  font-size: 14px;
  font-weight: 600;
}
.operation_box[data-v-c273a6f2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 5px;
}
.cust_content[data-v-c273a6f2] {
  background-color: #F8F8F8;
  color: #8C8C8C;
  border-radius: 5px;
  padding: 5px 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #DDDDDD;
  margin: 5px;
}
.operation[data-v-c273a6f2] {
  font-size: 13px;
  overflow: hidden;
  padding: 10px 26px 10px 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #e6e6e6;
}
.icon[data-v-c273a6f2] {
  font-size: 18px;
  cursor: pointer;
  width: 1em;
  height: 1em;
  vertical-align: -0.25em;
  fill: currentColor;
  overflow: hidden;
}
.btn-margin[data-v-c273a6f2] {
  margin-right: 10px;
}
.operation_right[data-v-c273a6f2] {
  float: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#menu[data-v-c273a6f2] {
  text-align: left;
  font-size: 14px;
  line-height: 25px;
  width: 150px;
  position: fixed;
  background: white;
  cursor: default;
  border-radius: 5px;
  border: 1px solid #999999;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 999;
}
#menu li[data-v-c273a6f2] {
  padding-left: 20px;
  padding-right: 5px;
  position: relative;
}
#menu li[data-v-c273a6f2]:hover {
  background-color: #E9F3FD;
  color: #2A97F9;
}
.footer[data-v-c273a6f2] {
  padding-top: 10px;
  background-color: white;
}
.center[data-v-c273a6f2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px;
}
.center_left[data-v-c273a6f2] {
  font-size: 14px;
  padding-left: 30px;
}
.senior-label[data-v-c273a6f2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: #8c8c8c;
  padding-top: 6px;
  margin-top: 12px;
  padding-left: 14px;
  border-top: 1px solid #ddd;
}
.senior-label .el-checkbox[data-v-c273a6f2] {
  margin-right: 20px;
  margin-bottom: 5px;
}
.flex[data-v-c273a6f2] {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.colorItem[data-v-c273a6f2] {
  width: 16px;
  height: 16px;
  border-radius: 2px;
  float: left;
  margin: 0 4px 4px 0;
  cursor: pointer;
  text-align: center;
  color: white;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 16px;
}
.colorList[data-v-c273a6f2] {
  width: 120px;
  height: 60px;
  padding: 12px;
  border: 1px solid #d9dbdd;
  border-radius: 4px;
  position: absolute;
  right: -80px;
  top: 40px;
  background: white;
}
.el-icon-check[data-v-c273a6f2]:before {
  margin-top: 2px;
}
.second_menu[data-v-c273a6f2] {
  position: absolute;
  left: 148px;
  top: 0;
  background: white;
  border: 1px solid #999;
  border-radius: 5px;
  color: #2d3f50;
}
.customer_logo[data-v-c273a6f2] {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: middle;
  margin-right: 10px;
  display: inline-block;
  cursor: pointer;
  color: white;
  font-size: 15px;
  text-align: center;
  line-height: 45px;
}
.customer_title[data-v-c273a6f2] {
  white-space: nowrap;
  cursor: pointer;
}
.box[data-v-c273a6f2] {
  background-color: white;
  border-radius: 20px;
  padding: 10px;
  margin-bottom: 20px;
  overflow: hidden;
}
.goback[data-v-c273a6f2] {
  color: #409EFF;
  margin-right: 15px;
  cursor: pointer;
}
.customer_name[data-v-c273a6f2] {
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.header_right[data-v-c273a6f2] {
  float: right;
}
.grid-content[data-v-c273a6f2] {
  margin: 10px 0;
}
.title[data-v-c273a6f2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.card[data-v-c273a6f2] {
  background-color: #E9F3FD;
  border-radius: 8px;
  padding: 13px;
  margin: 10px 0;
}
.tab_box[data-v-c273a6f2] {
  padding-left: 30px;
}
.aside_title[data-v-c273a6f2] {
  text-align: center;
  /* width:241px; */
  height: 24px;
  margin: 0 auto;
  border: 2px solid #409EFF;
  color: #409EFF;
  border-radius: 6px;
  line-height: 25px;
  overflow: hidden;
  float: left;
}
.title_item[data-v-c273a6f2] {
  width: 112px;
  display: inline-block;
  float: left;
  cursor: pointer;
}
.title_item[data-v-c273a6f2]:hover {
  color: white;
  background: #409EFF;
}
.title_active[data-v-c273a6f2] {
  color: white;
  background: #409EFF;
}
.lable[data-v-c273a6f2] {
  width: 66px;
  display: inline-block;
}
.btn_item_lable[data-v-c273a6f2], .btn_item_grouping[data-v-c273a6f2] {
  padding: 5px 15px;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #DCDFE6;
  color: #000000;
  display: inline-block;
  cursor: pointer;
  margin: 5px;
  font-size: 12px;
}
.btn_item_lable[data-v-c273a6f2]:hover, .btn_item_grouping[data-v-c273a6f2]:hover, .item_active[data-v-c273a6f2] {
  background-color: #E9F3FD;
  color: #409EFF;
  border: 1px solid #409EFF;
}
.lable_checkbox[data-v-c273a6f2], .grouping_checkbox[data-v-c273a6f2] {
  width: 12px;
  height: 12px;
  display: inline-block;
  position: relative;
  background-color: white;
  border: 1px solid #DCDFE6;
  border-radius: 2px;
  top: 2px;
  cursor: pointer;
}
.lable_checkbox[data-v-c273a6f2]:hover {
  border: 1px solid #2A97F9;
}
.lable_checkbox[data-v-c273a6f2]:after, .grouping_checkbox[data-v-c273a6f2]:after {
  display: block;
  content: "";
  height: 3px;
  width: 8px;
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
  transform: translate3d(-50%, -50%, 0) rotate(-45deg);
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.tableHeader[data-v-c273a6f2] {
  background-color: #EAF0F6;
}
.icon_left[data-v-c273a6f2] {
  position: absolute;
  right: 11px;
  top: 7px;
  cursor: pointer;
  color: #909399;
  z-index: 999;
}
.table_box[data-v-c273a6f2] {
  position: relative;
  margin-top: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
  height: calc(100% - 170px);
}
.table_box .el-tag--dark[data-v-c273a6f2] {
  border: none;
}
.el-popover .el-tag--dark[data-v-c273a6f2] {
  border: none;
}
.table_box_other[data-v-c273a6f2] {
  position: relative;
  margin-top: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
  height: calc(100% - 115px);
}
.table_box_other .el-tag--dark[data-v-c273a6f2] {
  border: none;
}
.fullname[data-v-c273a6f2] {
  display: inline-block;
  width: 160px;
  font-family: emoji;
  font-size: 13px;
  color: #222;
  font-weight: 550;
  cursor: pointer;
}
.fullname[data-v-c273a6f2]:hover {
  text-decoration: underline;
  cursor: pointer;
  color: #409EFF;
}
.share-frag[data-v-c273a6f2] {
  position: absolute;
  right: 0;
  top: 0;
  background-color: orange;
  color: #fff;
  padding: 0 5px;
  font-size: 12px;
  border-bottom-left-radius: 5px;
  line-height: 20px;
}
.colorSpan[data-v-c273a6f2] {
  width: 18px;
  height: 18px;
  display: inline-block;
  border-radius: 5px;
}
.markItem[data-v-c273a6f2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.isActive[data-v-c273a6f2] {
  background-color: #ecf5ff !important;
  color: #66b1ff !important;
}
.listMark[data-v-c273a6f2] {
  display: inline-block;
  padding: 5px;
  color: white;
  border-radius: 5px;
  margin: 5px;
}
.activeBtn[data-v-c273a6f2] {
  background-color: rgb(233, 243, 253);
  color: rgb(64, 158, 255);
}
.btnProhibit[data-v-c273a6f2] {
  cursor: not-allowed;
}
.checkbox_active[data-v-c273a6f2] {
  background-color: #2A97F9;
  border-color: #2A97F9;
}
.custInfoHeader[data-v-c273a6f2] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cust_title[data-v-c273a6f2] {
  color: #2A97F9;
  margin-bottom: 10px;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.custLogo[data-v-c273a6f2] {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  margin-right: 10px;
}
.custDefaultTitle[data-v-c273a6f2] {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  margin-right: 10px;
  text-align: center;
  line-height: 45px;
}
.custNameBox[data-v-c273a6f2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.center_left .el-radio[data-v-c273a6f2] {
  width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 10px;
}
.el-table__fixed-right[data-v-c273a6f2] {
  height: 100% !important;
}
.company-detail .contact_box[data-v-c273a6f2] {
  padding: 10px 38px 1px 20px;
  background-color: white;
  border-radius: 8px;
}
.company-detail .star_icon[data-v-c273a6f2] {
  color: rgb(245, 108, 108);
  font-size: 14px !important;
  margin-left: -10px;
}
.company-detail .form-item[data-v-c273a6f2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}
.company-detail .form-item .form-lable[data-v-c273a6f2] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
}
.company-detail .title[data-v-c273a6f2] {
  color: #409eff;
  text-align: center;
}
.company-detail .message[data-v-c273a6f2] {
  color: #409eff;
  line-height: 26px;
  font-weight: 600;
}
.company-detail .message_box[data-v-c273a6f2] {
  float: left;
  position: relative;
  margin-bottom: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.company-detail .social[data-v-c273a6f2] {
  text-decoration: underline;
  line-height: 20px;
  overflow: hidden;
  cursor: pointer;
  margin-top: 10px;
  display: inline-block;
}
.company-detail .social-btn[data-v-c273a6f2] {
  padding: 10px;
  padding-right: 20px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  background-color: white;
  cursor: pointer;
  width: 100%;
  border-radius: 8px;
}
.company-detail .main_left[data-v-c273a6f2] {
  float: left;
  width: 650px;
  margin-right: 20px;
  font-size: 13px !important;
  padding: 10px 20px 20px 20px;
  background-color: white;
  border-radius: 8px;
}
.company-detail .main_right[data-v-c273a6f2] {
  float: left;
  font-size: 13px !important;
  /*padding:0 20px 20px 20px;*/
}
.company-detail .lable[data-v-c273a6f2] {
  text-align: right;
  display: inline-block;
  width: 80px;
}
.company-detail .message_item[data-v-c273a6f2] {
  margin-bottom: 22px;
  position: relative;
}
.company-detail .contact_title[data-v-c273a6f2] {
  color: #409eff;
}
.company-detail .remove[data-v-c273a6f2] {
  position: absolute;
  right: -22px;
  top: 5px;
  font-size: 18px;
  cursor: pointer;
}
.company-detail .contact_icon[data-v-c273a6f2] {
  top: 5px;
}
.company-detail .company[data-v-c273a6f2] {
  font-size: 13px !important;
}
.company-detail .dialog_content[data-v-c273a6f2] {
  overflow-y: auto;
  height: 100%;
}
.company-detail .submitBtn[data-v-c273a6f2] {
  position: absolute;
  bottom: 15px;
  right: 40px;
}
.company-detail .frist[data-v-c273a6f2] {
  color: #DDDDDD;
}
.company-detail .custLogo[data-v-c273a6f2] {
  height: 40px;
  width: 40px;
  border-radius: 50%;
}
.company-detail .upload-demo[data-v-c273a6f2] {
  display: inline-block;
  margin-left: 20px;
}
.company-detail .downBox[data-v-c273a6f2] {
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  max-height: 200px;
  overflow: scroll;
  position: absolute;
  z-index: 100;
  background: white;
}
.noInterest[data-v-c273a6f2] {
  font-size: 25px;
  cursor: pointer;
}
.interest[data-v-c273a6f2] {
  font-size: 25px;
  color: #3399F6;
  cursor: pointer;
}
@media only screen and (max-width: 1531px) {
.operation_right[data-v-c273a6f2] {
    float: left;
}
}
.clueName:hover .noInterest[data-v-c273a6f2] {
  visibility: visible;
}
.danger[data-v-c273a6f2] {
  color: #F56C6C;
}
.activeBtn[data-v-c273a6f2] {
  margin-right: 5px;
  cursor: pointer;
  color: #8698b4;
}
.clueName .noInterest[data-v-c273a6f2] {
  visibility: hidden;
  cursor: pointer;
  -webkit-animation: narrow-c273a6f2 0.5s;
          animation: narrow-c273a6f2 0.5s;
  background-color: transparent;
}
.clueName .interest[data-v-c273a6f2] {
  cursor: pointer;
  background-color: white;
  -webkit-animation: enlarge-c273a6f2 0.5s;
          animation: enlarge-c273a6f2 0.5s;
}
.clueName .interest .icon-xin2[data-v-c273a6f2] {
  color: #e95b5b;
}
@-webkit-keyframes narrow-c273a6f2 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@keyframes narrow-c273a6f2 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@-webkit-keyframes enlarge-c273a6f2 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@keyframes enlarge-c273a6f2 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
.container[data-v-c273a6f2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.custNameBox[data-v-c273a6f2] {
  width: 100%;
}
.custNameBox .fullname[data-v-c273a6f2] {
  width: calc(100% - 30px);
}

/* Type 22 File Upload Styles */
.file-upload-box[data-v-c273a6f2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.file-upload-box .file-view-box[data-v-c273a6f2] {
  width: 30px;
  height: 30px;
  display: block;
  border: 1px dashed #d9d9d9;
  border-radius: 4px;
  margin-right: 5px;
  overflow: hidden;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.file-upload-box .mask[data-v-c273a6f2] {
  opacity: 0;
  background: rgba(0, 0, 0, 0.6);
  color: white;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* 修改处：使用 space-around 让两个图标均匀分布 */
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.file-upload-box .mask .mask-icon[data-v-c273a6f2] {
  cursor: pointer;
  font-size: 12px;
}
.file-upload-box .mask .mask-icon[data-v-c273a6f2]:hover {
  color: #409EFF;
}
.file-upload-box .file-view-box:hover .mask[data-v-c273a6f2] {
  opacity: 1;
}
.file-upload-box .icon-svg[data-v-c273a6f2] {
  width: 100%;
  height: 100%;
}
/* Icon Up */
@-webkit-keyframes hvr-icon-up-153bd753 {
0%, 50%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
25%, 75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}
}
@keyframes hvr-icon-up-153bd753 {
0%, 50%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
25%, 75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}
}
/* Icon Up */
.hvr-icon-up[data-v-153bd753] {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
          transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-up .hvr-icon[data-v-153bd753] {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.hvr-icon-up:hover .hvr-icon[data-v-153bd753], .hvr-icon-up:focus .hvr-icon[data-v-153bd753], .hvr-icon-up:active .hvr-icon[data-v-153bd753] {
  -webkit-animation-name: hvr-icon-up-153bd753;
          animation-name: hvr-icon-up-153bd753;
  -webkit-animation-duration: 0.75s;
          animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}
.screenDialog .el-dialog__body {
  padding: 30px 20px 0;
}
.screenDialog .el-form-item {
  margin-bottom: 9px !important;
}
.screenDialog .form-select {
  width: 100%;
}
.screenDialog .label {
  line-height: 32px;
  margin-top: 10px !important;
}
.content[data-v-94b04cf0] {
  position: relative;
}
.footer[data-v-94b04cf0] {
  position: sticky;
  background-color: white;
  bottom: 0;
  height: 40px;
  z-index: 3;
}
.custBox[data-v-05571a2e] {
  background-color: white;
  padding-bottom: 15px;
  position: relative;
  height: calc(100% - 40px);
}
.customer-btn[data-v-05571a2e] {
  display: inline-block;
  margin: 0 5px;
}
.operation_information[data-v-05571a2e] {
  font-size: 14px;
  font-weight: 600;
}
.operation_box[data-v-05571a2e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 5px;
}
.cust_content[data-v-05571a2e] {
  background-color: #F8F8F8;
  color: #8C8C8C;
  border-radius: 5px;
  padding: 5px 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #DDDDDD;
  margin: 5px;
}
.operation[data-v-05571a2e] {
  font-size: 13px;
  overflow: hidden;
  padding: 10px 26px 10px 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #e6e6e6;
}
.icon[data-v-05571a2e] {
  font-size: 18px;
  cursor: pointer;
  width: 1em;
  height: 1em;
  vertical-align: -0.25em;
  fill: currentColor;
  overflow: hidden;
}
.btn-margin[data-v-05571a2e] {
  margin-right: 10px;
}
.operation_right[data-v-05571a2e] {
  float: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#menu[data-v-05571a2e] {
  text-align: left;
  font-size: 14px;
  line-height: 25px;
  width: 150px;
  position: fixed;
  background: white;
  cursor: default;
  border-radius: 5px;
  border: 1px solid #999999;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 999;
}
#menu li[data-v-05571a2e] {
  padding-left: 20px;
  padding-right: 5px;
  position: relative;
}
#menu li[data-v-05571a2e]:hover {
  background-color: #E9F3FD;
  color: #2A97F9;
}
.footer[data-v-05571a2e] {
  padding-top: 10px;
  background-color: white;
}
.center[data-v-05571a2e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px;
}
.center_left[data-v-05571a2e] {
  font-size: 14px;
  padding-left: 30px;
}
.senior-label[data-v-05571a2e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: #8c8c8c;
  padding-top: 6px;
  margin-top: 12px;
  padding-left: 14px;
  border-top: 1px solid #ddd;
}
.senior-label .el-checkbox[data-v-05571a2e] {
  margin-right: 20px;
  margin-bottom: 5px;
}
.flex[data-v-05571a2e] {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.colorItem[data-v-05571a2e] {
  width: 16px;
  height: 16px;
  border-radius: 2px;
  float: left;
  margin: 0 4px 4px 0;
  cursor: pointer;
  text-align: center;
  color: white;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 16px;
}
.colorList[data-v-05571a2e] {
  width: 120px;
  height: 60px;
  padding: 12px;
  border: 1px solid #d9dbdd;
  border-radius: 4px;
  position: absolute;
  right: -80px;
  top: 40px;
  background: white;
}
.el-icon-check[data-v-05571a2e]:before {
  margin-top: 2px;
}
.second_menu[data-v-05571a2e] {
  position: absolute;
  left: 148px;
  top: 0;
  background: white;
  border: 1px solid #999;
  border-radius: 5px;
  color: #2d3f50;
}
.customer_logo[data-v-05571a2e] {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: middle;
  margin-right: 10px;
  display: inline-block;
  cursor: pointer;
  color: white;
  font-size: 15px;
  text-align: center;
  line-height: 45px;
}
.customer_title[data-v-05571a2e] {
  white-space: nowrap;
  cursor: pointer;
}
.box[data-v-05571a2e] {
  background-color: white;
  border-radius: 20px;
  padding: 10px;
  margin-bottom: 20px;
  overflow: hidden;
}
.goback[data-v-05571a2e] {
  color: #409EFF;
  margin-right: 15px;
  cursor: pointer;
}
.customer_name[data-v-05571a2e] {
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.header_right[data-v-05571a2e] {
  float: right;
}
.grid-content[data-v-05571a2e] {
  margin: 10px 0;
}
.title[data-v-05571a2e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.card[data-v-05571a2e] {
  background-color: #E9F3FD;
  border-radius: 8px;
  padding: 13px;
  margin: 10px 0;
}
.tab_box[data-v-05571a2e] {
  padding-left: 30px;
}
.aside_title[data-v-05571a2e] {
  text-align: center;
  /* width:241px; */
  height: 24px;
  margin: 0 auto;
  border: 2px solid #409EFF;
  color: #409EFF;
  border-radius: 6px;
  line-height: 25px;
  overflow: hidden;
  float: left;
}
.title_item[data-v-05571a2e] {
  width: 112px;
  display: inline-block;
  float: left;
  cursor: pointer;
}
.title_item[data-v-05571a2e]:hover {
  color: white;
  background: #409EFF;
}
.title_active[data-v-05571a2e] {
  color: white;
  background: #409EFF;
}
.lable[data-v-05571a2e] {
  width: 66px;
  display: inline-block;
}
.btn_item_lable[data-v-05571a2e], .btn_item_grouping[data-v-05571a2e] {
  padding: 5px 15px;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #DCDFE6;
  color: #000000;
  display: inline-block;
  cursor: pointer;
  margin: 5px;
  font-size: 12px;
}
.btn_item_lable[data-v-05571a2e]:hover, .btn_item_grouping[data-v-05571a2e]:hover, .item_active[data-v-05571a2e] {
  background-color: #E9F3FD;
  color: #409EFF;
  border: 1px solid #409EFF;
}
.lable_checkbox[data-v-05571a2e], .grouping_checkbox[data-v-05571a2e] {
  width: 12px;
  height: 12px;
  display: inline-block;
  position: relative;
  background-color: white;
  border: 1px solid #DCDFE6;
  border-radius: 2px;
  top: 2px;
  cursor: pointer;
}
.lable_checkbox[data-v-05571a2e]:hover {
  border: 1px solid #2A97F9;
}
.lable_checkbox[data-v-05571a2e]:after, .grouping_checkbox[data-v-05571a2e]:after {
  display: block;
  content: "";
  height: 3px;
  width: 8px;
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
  transform: translate3d(-50%, -50%, 0) rotate(-45deg);
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.tableHeader[data-v-05571a2e] {
  background-color: #EAF0F6;
}
.icon_left[data-v-05571a2e] {
  position: absolute;
  right: 11px;
  top: 7px;
  cursor: pointer;
  color: #909399;
  z-index: 999;
}
.table_box[data-v-05571a2e] {
  position: relative;
  margin-top: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
  height: calc(100% - 170px);
}
.table_box .el-tag--dark[data-v-05571a2e] {
  border: none;
}
.el-popover .el-tag--dark[data-v-05571a2e] {
  border: none;
}
.table_box_other[data-v-05571a2e] {
  position: relative;
  margin-top: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
  height: calc(100% - 115px);
}
.table_box_other .el-tag--dark[data-v-05571a2e] {
  border: none;
}
.fullname[data-v-05571a2e] {
  display: inline-block;
  width: 160px;
  font-family: emoji;
  font-size: 13px;
  color: #222;
  font-weight: 550;
  cursor: pointer;
}
.fullname[data-v-05571a2e]:hover {
  text-decoration: underline;
  cursor: pointer;
  color: #409EFF;
}
.share-frag[data-v-05571a2e] {
  position: absolute;
  right: 0;
  top: 0;
  background-color: orange;
  color: #fff;
  padding: 0 5px;
  font-size: 12px;
  border-bottom-left-radius: 5px;
  line-height: 20px;
}
.colorSpan[data-v-05571a2e] {
  width: 18px;
  height: 18px;
  display: inline-block;
  border-radius: 5px;
}
.markItem[data-v-05571a2e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.isActive[data-v-05571a2e] {
  background-color: #ecf5ff !important;
  color: #66b1ff !important;
}
.listMark[data-v-05571a2e] {
  display: inline-block;
  padding: 5px;
  color: white;
  border-radius: 5px;
  margin: 5px;
}
.activeBtn[data-v-05571a2e] {
  background-color: rgb(233, 243, 253);
  color: rgb(64, 158, 255);
}
.btnProhibit[data-v-05571a2e] {
  cursor: not-allowed;
}
.checkbox_active[data-v-05571a2e] {
  background-color: #2A97F9;
  border-color: #2A97F9;
}
.custInfoHeader[data-v-05571a2e] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cust_title[data-v-05571a2e] {
  color: #2A97F9;
  margin-bottom: 10px;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.custLogo[data-v-05571a2e] {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  margin-right: 10px;
}
.custDefaultTitle[data-v-05571a2e] {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  margin-right: 10px;
  text-align: center;
  line-height: 45px;
}
.custNameBox[data-v-05571a2e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.center_left .el-radio[data-v-05571a2e] {
  width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 10px;
}
.el-table__fixed-right[data-v-05571a2e] {
  height: 100% !important;
}
.company-detail .contact_box[data-v-05571a2e] {
  padding: 10px 38px 1px 20px;
  background-color: white;
  border-radius: 8px;
}
.company-detail .star_icon[data-v-05571a2e] {
  color: rgb(245, 108, 108);
  font-size: 14px !important;
  margin-left: -10px;
}
.company-detail .form-item[data-v-05571a2e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}
.company-detail .form-item .form-lable[data-v-05571a2e] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
}
.company-detail .title[data-v-05571a2e] {
  color: #409eff;
  text-align: center;
}
.company-detail .message[data-v-05571a2e] {
  color: #409eff;
  line-height: 26px;
  font-weight: 600;
}
.company-detail .message_box[data-v-05571a2e] {
  float: left;
  position: relative;
  margin-bottom: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.company-detail .social[data-v-05571a2e] {
  text-decoration: underline;
  line-height: 20px;
  overflow: hidden;
  cursor: pointer;
  margin-top: 10px;
  display: inline-block;
}
.company-detail .social-btn[data-v-05571a2e] {
  padding: 10px;
  padding-right: 20px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  background-color: white;
  cursor: pointer;
  width: 100%;
  border-radius: 8px;
}
.company-detail .main_left[data-v-05571a2e] {
  float: left;
  width: 650px;
  margin-right: 20px;
  font-size: 13px !important;
  padding: 10px 20px 20px 20px;
  background-color: white;
  border-radius: 8px;
}
.company-detail .main_right[data-v-05571a2e] {
  float: left;
  font-size: 13px !important;
  /*padding:0 20px 20px 20px;*/
}
.company-detail .lable[data-v-05571a2e] {
  text-align: right;
  display: inline-block;
  width: 80px;
}
.company-detail .message_item[data-v-05571a2e] {
  margin-bottom: 22px;
  position: relative;
}
.company-detail .contact_title[data-v-05571a2e] {
  color: #409eff;
}
.company-detail .remove[data-v-05571a2e] {
  position: absolute;
  right: -22px;
  top: 5px;
  font-size: 18px;
  cursor: pointer;
}
.company-detail .contact_icon[data-v-05571a2e] {
  top: 5px;
}
.company-detail .company[data-v-05571a2e] {
  font-size: 13px !important;
}
.company-detail .dialog_content[data-v-05571a2e] {
  overflow-y: auto;
  height: 100%;
}
.company-detail .submitBtn[data-v-05571a2e] {
  position: absolute;
  bottom: 15px;
  right: 40px;
}
.company-detail .frist[data-v-05571a2e] {
  color: #DDDDDD;
}
.company-detail .custLogo[data-v-05571a2e] {
  height: 40px;
  width: 40px;
  border-radius: 50%;
}
.company-detail .upload-demo[data-v-05571a2e] {
  display: inline-block;
  margin-left: 20px;
}
.company-detail .downBox[data-v-05571a2e] {
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  max-height: 200px;
  overflow: scroll;
  position: absolute;
  z-index: 100;
  background: white;
}
.noInterest[data-v-05571a2e] {
  font-size: 25px;
  cursor: pointer;
}
.interest[data-v-05571a2e] {
  font-size: 25px;
  color: #3399F6;
  cursor: pointer;
}
@media only screen and (max-width: 1531px) {
.operation_right[data-v-05571a2e] {
    float: left;
}
}
.custBox[data-v-0728b25c] {
  background-color: white;
  padding-bottom: 15px;
  position: relative;
  height: calc(100% - 40px);
}
.customer-btn[data-v-0728b25c] {
  display: inline-block;
  margin: 0 5px;
}
.operation_information[data-v-0728b25c] {
  font-size: 14px;
  font-weight: 600;
}
.operation_box[data-v-0728b25c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 5px;
}
.cust_content[data-v-0728b25c] {
  background-color: #F8F8F8;
  color: #8C8C8C;
  border-radius: 5px;
  padding: 5px 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #DDDDDD;
  margin: 5px;
}
.operation[data-v-0728b25c] {
  font-size: 13px;
  overflow: hidden;
  padding: 10px 26px 10px 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #e6e6e6;
}
.icon[data-v-0728b25c] {
  font-size: 18px;
  cursor: pointer;
  width: 1em;
  height: 1em;
  vertical-align: -0.25em;
  fill: currentColor;
  overflow: hidden;
}
.btn-margin[data-v-0728b25c] {
  margin-right: 10px;
}
.operation_right[data-v-0728b25c] {
  float: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#menu[data-v-0728b25c] {
  text-align: left;
  font-size: 14px;
  line-height: 25px;
  width: 150px;
  position: fixed;
  background: white;
  cursor: default;
  border-radius: 5px;
  border: 1px solid #999999;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 999;
}
#menu li[data-v-0728b25c] {
  padding-left: 20px;
  padding-right: 5px;
  position: relative;
}
#menu li[data-v-0728b25c]:hover {
  background-color: #E9F3FD;
  color: #2A97F9;
}
.footer[data-v-0728b25c] {
  padding-top: 10px;
  background-color: white;
}
.center[data-v-0728b25c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px;
}
.center_left[data-v-0728b25c] {
  font-size: 14px;
  padding-left: 30px;
}
.senior-label[data-v-0728b25c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: #8c8c8c;
  padding-top: 6px;
  margin-top: 12px;
  padding-left: 14px;
  border-top: 1px solid #ddd;
}
.senior-label .el-checkbox[data-v-0728b25c] {
  margin-right: 20px;
  margin-bottom: 5px;
}
.flex[data-v-0728b25c] {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.colorItem[data-v-0728b25c] {
  width: 16px;
  height: 16px;
  border-radius: 2px;
  float: left;
  margin: 0 4px 4px 0;
  cursor: pointer;
  text-align: center;
  color: white;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 16px;
}
.colorList[data-v-0728b25c] {
  width: 120px;
  height: 60px;
  padding: 12px;
  border: 1px solid #d9dbdd;
  border-radius: 4px;
  position: absolute;
  right: -80px;
  top: 40px;
  background: white;
}
.el-icon-check[data-v-0728b25c]:before {
  margin-top: 2px;
}
.second_menu[data-v-0728b25c] {
  position: absolute;
  left: 148px;
  top: 0;
  background: white;
  border: 1px solid #999;
  border-radius: 5px;
  color: #2d3f50;
}
.customer_logo[data-v-0728b25c] {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: middle;
  margin-right: 10px;
  display: inline-block;
  cursor: pointer;
  color: white;
  font-size: 15px;
  text-align: center;
  line-height: 45px;
}
.customer_title[data-v-0728b25c] {
  white-space: nowrap;
  cursor: pointer;
}
.box[data-v-0728b25c] {
  background-color: white;
  border-radius: 20px;
  padding: 10px;
  margin-bottom: 20px;
  overflow: hidden;
}
.goback[data-v-0728b25c] {
  color: #409EFF;
  margin-right: 15px;
  cursor: pointer;
}
.customer_name[data-v-0728b25c] {
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.header_right[data-v-0728b25c] {
  float: right;
}
.grid-content[data-v-0728b25c] {
  margin: 10px 0;
}
.title[data-v-0728b25c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.card[data-v-0728b25c] {
  background-color: #E9F3FD;
  border-radius: 8px;
  padding: 13px;
  margin: 10px 0;
}
.tab_box[data-v-0728b25c] {
  padding-left: 30px;
}
.aside_title[data-v-0728b25c] {
  text-align: center;
  /* width:241px; */
  height: 24px;
  margin: 0 auto;
  border: 2px solid #409EFF;
  color: #409EFF;
  border-radius: 6px;
  line-height: 25px;
  overflow: hidden;
  float: left;
}
.title_item[data-v-0728b25c] {
  width: 112px;
  display: inline-block;
  float: left;
  cursor: pointer;
}
.title_item[data-v-0728b25c]:hover {
  color: white;
  background: #409EFF;
}
.title_active[data-v-0728b25c] {
  color: white;
  background: #409EFF;
}
.lable[data-v-0728b25c] {
  width: 66px;
  display: inline-block;
}
.btn_item_lable[data-v-0728b25c], .btn_item_grouping[data-v-0728b25c] {
  padding: 5px 15px;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #DCDFE6;
  color: #000000;
  display: inline-block;
  cursor: pointer;
  margin: 5px;
  font-size: 12px;
}
.btn_item_lable[data-v-0728b25c]:hover, .btn_item_grouping[data-v-0728b25c]:hover, .item_active[data-v-0728b25c] {
  background-color: #E9F3FD;
  color: #409EFF;
  border: 1px solid #409EFF;
}
.lable_checkbox[data-v-0728b25c], .grouping_checkbox[data-v-0728b25c] {
  width: 12px;
  height: 12px;
  display: inline-block;
  position: relative;
  background-color: white;
  border: 1px solid #DCDFE6;
  border-radius: 2px;
  top: 2px;
  cursor: pointer;
}
.lable_checkbox[data-v-0728b25c]:hover {
  border: 1px solid #2A97F9;
}
.lable_checkbox[data-v-0728b25c]:after, .grouping_checkbox[data-v-0728b25c]:after {
  display: block;
  content: "";
  height: 3px;
  width: 8px;
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
  transform: translate3d(-50%, -50%, 0) rotate(-45deg);
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.tableHeader[data-v-0728b25c] {
  background-color: #EAF0F6;
}
.icon_left[data-v-0728b25c] {
  position: absolute;
  right: 11px;
  top: 7px;
  cursor: pointer;
  color: #909399;
  z-index: 999;
}
.table_box[data-v-0728b25c] {
  position: relative;
  margin-top: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
  height: calc(100% - 170px);
}
.table_box .el-tag--dark[data-v-0728b25c] {
  border: none;
}
.el-popover .el-tag--dark[data-v-0728b25c] {
  border: none;
}
.table_box_other[data-v-0728b25c] {
  position: relative;
  margin-top: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: auto;
  height: calc(100% - 115px);
}
.table_box_other .el-tag--dark[data-v-0728b25c] {
  border: none;
}
.fullname[data-v-0728b25c] {
  display: inline-block;
  width: 160px;
  font-family: emoji;
  font-size: 13px;
  color: #222;
  font-weight: 550;
  cursor: pointer;
}
.fullname[data-v-0728b25c]:hover {
  text-decoration: underline;
  cursor: pointer;
  color: #409EFF;
}
.share-frag[data-v-0728b25c] {
  position: absolute;
  right: 0;
  top: 0;
  background-color: orange;
  color: #fff;
  padding: 0 5px;
  font-size: 12px;
  border-bottom-left-radius: 5px;
  line-height: 20px;
}
.colorSpan[data-v-0728b25c] {
  width: 18px;
  height: 18px;
  display: inline-block;
  border-radius: 5px;
}
.markItem[data-v-0728b25c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.isActive[data-v-0728b25c] {
  background-color: #ecf5ff !important;
  color: #66b1ff !important;
}
.listMark[data-v-0728b25c] {
  display: inline-block;
  padding: 5px;
  color: white;
  border-radius: 5px;
  margin: 5px;
}
.activeBtn[data-v-0728b25c] {
  background-color: rgb(233, 243, 253);
  color: rgb(64, 158, 255);
}
.btnProhibit[data-v-0728b25c] {
  cursor: not-allowed;
}
.checkbox_active[data-v-0728b25c] {
  background-color: #2A97F9;
  border-color: #2A97F9;
}
.custInfoHeader[data-v-0728b25c] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cust_title[data-v-0728b25c] {
  color: #2A97F9;
  margin-bottom: 10px;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.custLogo[data-v-0728b25c] {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  margin-right: 10px;
}
.custDefaultTitle[data-v-0728b25c] {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  margin-right: 10px;
  text-align: center;
  line-height: 45px;
}
.custNameBox[data-v-0728b25c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.center_left .el-radio[data-v-0728b25c] {
  width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 10px;
}
.el-table__fixed-right[data-v-0728b25c] {
  height: 100% !important;
}
.company-detail .contact_box[data-v-0728b25c] {
  padding: 10px 38px 1px 20px;
  background-color: white;
  border-radius: 8px;
}
.company-detail .star_icon[data-v-0728b25c] {
  color: rgb(245, 108, 108);
  font-size: 14px !important;
  margin-left: -10px;
}
.company-detail .form-item[data-v-0728b25c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}
.company-detail .form-item .form-lable[data-v-0728b25c] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
}
.company-detail .title[data-v-0728b25c] {
  color: #409eff;
  text-align: center;
}
.company-detail .message[data-v-0728b25c] {
  color: #409eff;
  line-height: 26px;
  font-weight: 600;
}
.company-detail .message_box[data-v-0728b25c] {
  float: left;
  position: relative;
  margin-bottom: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.company-detail .social[data-v-0728b25c] {
  text-decoration: underline;
  line-height: 20px;
  overflow: hidden;
  cursor: pointer;
  margin-top: 10px;
  display: inline-block;
}
.company-detail .social-btn[data-v-0728b25c] {
  padding: 10px;
  padding-right: 20px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  background-color: white;
  cursor: pointer;
  width: 100%;
  border-radius: 8px;
}
.company-detail .main_left[data-v-0728b25c] {
  float: left;
  width: 650px;
  margin-right: 20px;
  font-size: 13px !important;
  padding: 10px 20px 20px 20px;
  background-color: white;
  border-radius: 8px;
}
.company-detail .main_right[data-v-0728b25c] {
  float: left;
  font-size: 13px !important;
  /*padding:0 20px 20px 20px;*/
}
.company-detail .lable[data-v-0728b25c] {
  text-align: right;
  display: inline-block;
  width: 80px;
}
.company-detail .message_item[data-v-0728b25c] {
  margin-bottom: 22px;
  position: relative;
}
.company-detail .contact_title[data-v-0728b25c] {
  color: #409eff;
}
.company-detail .remove[data-v-0728b25c] {
  position: absolute;
  right: -22px;
  top: 5px;
  font-size: 18px;
  cursor: pointer;
}
.company-detail .contact_icon[data-v-0728b25c] {
  top: 5px;
}
.company-detail .company[data-v-0728b25c] {
  font-size: 13px !important;
}
.company-detail .dialog_content[data-v-0728b25c] {
  overflow-y: auto;
  height: 100%;
}
.company-detail .submitBtn[data-v-0728b25c] {
  position: absolute;
  bottom: 15px;
  right: 40px;
}
.company-detail .frist[data-v-0728b25c] {
  color: #DDDDDD;
}
.company-detail .custLogo[data-v-0728b25c] {
  height: 40px;
  width: 40px;
  border-radius: 50%;
}
.company-detail .upload-demo[data-v-0728b25c] {
  display: inline-block;
  margin-left: 20px;
}
.company-detail .downBox[data-v-0728b25c] {
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  max-height: 200px;
  overflow: scroll;
  position: absolute;
  z-index: 100;
  background: white;
}
.noInterest[data-v-0728b25c] {
  font-size: 25px;
  cursor: pointer;
}
.interest[data-v-0728b25c] {
  font-size: 25px;
  color: #3399F6;
  cursor: pointer;
}
@media only screen and (max-width: 1531px) {
.operation_right[data-v-0728b25c] {
    float: left;
}
}
.custBox[data-v-0728b25c] {
  height: 100%;
  padding-bottom: 0;
}
.fullname[data-v-0728b25c] {
  padding-left: 23px !important;
  display: inline-block;
  margin-right: 10px;
}
.query-operation[data-v-0728b25c], .action-operation[data-v-0728b25c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 26px 10px 14px;
  border-bottom: 1px solid #e6e6e6;
}
.select-tag-class[data-v-0728b25c] {
  width: 96%;
  /*margin: 0 2% 1% 2%;*/
  margin: 2%;
  text-align: center;
  border-color: #b3d8ff;
  cursor: pointer;
}
.select-tag-class[data-v-0728b25c]:hover {
  background-color: rgb(226, 240, 255);
}
.select-tag-class[data-v-0728b25c]:active {
  background-color: #d9ecff;
}
.hvr-icon-spin[data-v-0728b25c] {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-spin .hvr-icon[data-v-0728b25c] {
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.hvr-icon-spin:hover .hvr-icon[data-v-0728b25c], .hvr-icon-spin:focus .hvr-icon[data-v-0728b25c], .hvr-icon-spin:active .hvr-icon[data-v-0728b25c] {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.table_box[data-v-0728b25c] {
  height: calc(100% - 240px);
}
.filter-msg[data-v-0728b25c] {
  font-size: 14px;
  vertical-align: sub;
  color: #606266;
}
.icon[data-v-0728b25c] {
  font-size: 16px;
  cursor: pointer;
  margin-left: 10px;
  color: #606266;
}
.tabs-content .noBorder .el-input__inner {
  background-color: transparent;
  border: none;
}
#leads-follow .el-timeline-item__wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#leads-follow .el-timeline-item__timestamp.is-bottom {
  margin-top: 0;
}
.el-scrollbar__view[data-v-4d20a448] {
  height: 100%;
  overflow: hidden;
}
.flex[data-v-4d20a448] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 40px;
}
.flex span[data-v-4d20a448] {
  width: 90px;
  color: #232323;
  font-size: 13px;
}
.customer-box[data-v-4d20a448] {
  font-size: 13px;
  height: calc(100% - 40px);
  overflow-y: auto;
}
.share_header[data-v-4d20a448] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 2px solid #E4E7ED;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.content[data-v-4d20a448] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 10px;
}
.tab[data-v-4d20a448] {
  width: calc(100% - 300px);
}
.right-tab[data-v-4d20a448] {
  background-color: white;
  margin: 0 10px;
  margin-right: 0;
  border-radius: 20px;
  width: 280px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 10px;
}
.goback[data-v-4d20a448] {
  color: #409eff;
  display: inline-block;
  top: 20px;
  left: 15px;
  cursor: pointer;
  font-size: 24px !important;
}
.header[data-v-4d20a448] {
  min-width: 905px;
}
.header .company-title[data-v-4d20a448] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 2px solid #E4E7ED;
  padding: 10px 0;
}
.header .company-title .title-left[data-v-4d20a448] {
  line-height: 30px;
  margin-left: 20px;
}
.header .company-title .title-left .bus-about .el-link[data-v-4d20a448] {
  margin-right: 10px;
  word-break: break-all;
}
.header .company-title .title-right[data-v-4d20a448] {
  margin-right: 26px;
}
.header .company-title.share[data-v-4d20a448] {
  border-bottom: 0;
  margin: 0 16px;
}
.company-name[data-v-4d20a448] {
  display: inline-block;
  vertical-align: middle;
}
.company-label[data-v-4d20a448] {
  margin-bottom: 5px;
  font-weight: 600;
  font-size: 15px;
}
.left-tab[data-v-4d20a448] {
  padding: 0 20px;
}
.headimg[data-v-4d20a448] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #409eff;
  vertical-align: middle;
  margin: 0 10px;
}
.custDefaultTitle[data-v-4d20a448] {
  display: inline-block;
  background: #325893;
  color: white;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin: 0 10px;
  text-align: center;
  line-height: 42px;
}
.company-content[data-v-4d20a448] {
  padding-left: 30px;
}
.contact[data-v-4d20a448] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-right: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.contact span[data-v-4d20a448] {
  font-weight: 600;
}
.card[data-v-4d20a448] {
  background: #E9F3FD;
  border-radius: 8px;
  padding: 13px;
  margin: 8px 25px;
}
.title[data-v-4d20a448] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.editContacts[data-v-4d20a448] {
  font-size: 20px;
  cursor: pointer;
}
.header_item[data-v-4d20a448] {
  line-height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header_lable[data-v-4d20a448] {
  display: inline-block;
  font-weight: 600;
  font-size: 13px;
  min-width: 65px;
}
.customer-box[data-v-4d20a448] {
  background-color: white;
}
.company-content[data-v-4d20a448] {
  padding: 10px 30px;
  border-bottom: 2px solid #E4E7ED;
}
.content .tab[data-v-4d20a448] {
  padding-top: 10px;
  border-right: 2px solid #E4E7ED;
}
.content .right-tab[data-v-4d20a448] {
  padding-top: 10px;
}
.activeBtn[data-v-4d20a448] {
  margin: 0 5px;
  cursor: pointer;
}
.clueName .noInterest[data-v-4d20a448] {
  cursor: pointer;
  -webkit-animation: narrow-4d20a448 0.5s;
          animation: narrow-4d20a448 0.5s;
}
.clueName .interest[data-v-4d20a448] {
  cursor: pointer;
  background-color: white;
  -webkit-animation: enlarge-4d20a448 0.5s;
          animation: enlarge-4d20a448 0.5s;
}
.clueName .interest .icon-xin2[data-v-4d20a448] {
  color: #e95b5b;
}
@-webkit-keyframes narrow-4d20a448 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@keyframes narrow-4d20a448 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@-webkit-keyframes enlarge-4d20a448 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@keyframes enlarge-4d20a448 {
0% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
.zl-container .query-header .el-input__inner {
  background-color: #f5f5f5;
}
.zl-container .query-header .el-input-group__append {
  background-color: #f5f5f5;
  border-radius: 0;
}
.zl-container .query-header .el-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.zl-container[data-v-a22fdf1e] {
  padding: 20px;
  max-height: calc(100% - 180px);
  overflow-y: auto;
}
.query-header[data-v-a22fdf1e]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}
.tip-text[data-v-a22fdf1e]{
  padding: 5px 0 15px 5px;
  font-size: 14px;
  color: silver;
}
.pagination[data-v-a22fdf1e]{
  margin-top: 20px;
}
.action[data-v-a22fdf1e]{
  display: inline-block;
  cursor: pointer;
  font-size: 13px;
  color: #2A97F9;
}

.title[data-v-75296682] {
  text-align: center;
  color: #409eff;
  font-size: 15px;
  margin-bottom: 20px;
}
.set-title[data-v-75296682] {
  width: 90px;
  display: inline-block;
}
.import[data-v-25859cd4] {
  padding: 0 15px 10px;
  position: relative;
  height: calc(100% - 80px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.import .title[data-v-25859cd4] {
  font-size: 14px;
  font-weight: 600;
}
.import .success[data-v-25859cd4] {
  color: #67c23a;
}
.import .warning[data-v-25859cd4] {
  color: #e6a23c;
}
.import .action[data-v-25859cd4] {
  color: #2A97F9;
  cursor: pointer;
}
.import .error[data-v-25859cd4] {
  color: #f56c6c;
}
.markContent[data-v-18c03c18] {
  font-size: 13px;
}
.markContent .addBtn[data-v-18c03c18] {
  position: absolute;
  right: 20px;
  top: -55px;
}
.markContent .el-row[data-v-18c03c18] {
  padding: 12px;
  border-bottom: 2px solid #F3F3F3;
}
.markContent .el-row .el-col.el-col-4[data-v-18c03c18] {
  font-size: 14px;
  color: rgba(35, 35, 35, 0.9215686275);
}
.markContent .el-row .el-col.el-col-4 i[data-v-18c03c18] {
  font-size: 18px;
  margin-right: 5px;
}
.markContent .el-row .el-link[data-v-18c03c18] {
  font-size: 13px;
}
.markContent .el-row .el-link[data-v-18c03c18]:first-child {
  margin-right: 10px;
}
.markContent .el-row[data-v-18c03c18]:hover {
  background: #E9F3FD;
}
.el-dialog .content[data-v-18c03c18] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.el-dialog .content .el-color-picker[data-v-18c03c18] {
  margin-left: 10px;
}
.el-scrollbar__view {
  height: 100%;
}
.tag .el-icon-close {
  color: white !important;
}
.customer-admin .el-tabs__content {
  height: calc(100% - 54px);
}
.container-content[data-v-1be85f78] {
  background-color: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 20px 20px 0 20px;
}
.content[data-v-1be85f78] {
  position: relative;
  height: 100%;
  font-size: 13px;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.content .group-box[data-v-1be85f78] {
  padding: 0 15px;
}
.content .box[data-v-1be85f78] {
  padding: 0 15px;
  overflow-y: auto;
  height: calc(100% - 54px);
}
.title[data-v-1be85f78] {
  font-size: 14px;
  padding: 15px 0;
  border-top: 1px solid #f2f2f2;
  margin-top: 15px;
}
.zl-container[data-v-d0de1c86] {
  padding: 20px;
  height: calc(100% - 120px);
  position: relative;
}
.zl-container .content[data-v-d0de1c86] {
  height: 100%;
}
.zl-container .fixed[data-v-d0de1c86] {
  position: absolute;
  right: 0;
  width: 100%;
  bottom: 0;
  padding: 10px;
  background-color: #fff;
  border-top: 1px solid #ddd;
}
.zl-container .title[data-v-d0de1c86] {
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
}
.zl-container .label[data-v-d0de1c86] {
  font-size: 13px;
  font-weight: 600;
  margin-top: 10px !important;
}
.header[data-v-62004c30] {
  font-size: 14px;
  font-weight: bold;
  height: 45px;
  line-height: 45px;
  border-bottom: 1px solid rgb(215, 215, 215);
  padding-left: 15px;
}
.search-box[data-v-62004c30] {
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.input-with-select[data-v-62004c30] {
  margin-right: 10px;
  width: 300px;
}
.country-box[data-v-62004c30] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  color: #333;
  padding-left: 15px;
}
.flex-box[data-v-62004c30] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #333333;
}
.flex-box .total[data-v-62004c30] {
  font-size: 20px;
  color: #D9001B;
}
.refresh-icon[data-v-62004c30] {
  cursor: pointer;
  font-size: 16px;
  margin-right: 10px;
}
.country-item[data-v-62004c30] {
  margin-right: 10px;
  cursor: pointer;
}
.active[data-v-62004c30] {
  color: #0d83cc;
}
.header[data-v-43272fe2] {
  font-size: 14px;
  font-weight: bold;
  height: 45px;
  line-height: 45px;
  border-bottom: 1px solid rgb(215, 215, 215);
  padding-left: 15px;
}
.search-box[data-v-43272fe2] {
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.input-with-select[data-v-43272fe2] {
  margin-right: 10px;
  width: 300px;
}
.country-box[data-v-43272fe2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  color: #333;
  padding-left: 15px;
}
.flex-box[data-v-43272fe2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #333333;
}
.flex-box .total[data-v-43272fe2] {
  font-size: 20px;
  color: #D9001B;
}
.refresh-icon[data-v-43272fe2] {
  cursor: pointer;
  font-size: 16px;
  margin-right: 10px;
}
.country-item[data-v-43272fe2] {
  margin-right: 10px;
  cursor: pointer;
}
.active[data-v-43272fe2] {
  color: #0d83cc;
}
.header[data-v-0d4d70cb] {
  font-size: 14px;
  font-weight: bold;
  height: 45px;
  line-height: 45px;
  border-bottom: 1px solid rgb(215, 215, 215);
  padding-left: 15px;
  margin-bottom: 20px;
}
.search-box[data-v-0d4d70cb] {
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.input-with-select[data-v-0d4d70cb] {
  margin-right: 10px;
  width: 300px;
}
.country-box[data-v-0d4d70cb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  color: #333;
  padding-left: 15px;
}
.flex-box[data-v-0d4d70cb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #333333;
}
.flex-box .total[data-v-0d4d70cb] {
  font-size: 20px;
  color: #D9001B;
}
.refresh-icon[data-v-0d4d70cb] {
  cursor: pointer;
  font-size: 16px;
  margin-right: 10px;
}
.country-item[data-v-0d4d70cb] {
  margin-right: 10px;
  cursor: pointer;
}
.active[data-v-0d4d70cb] {
  color: #0d83cc;
}
.filescard[data-v-45c22f9e] {
  width: 64px;
  height: 64px;
  display: inline-block;
  margin-right: 10px;
  border: 2px solid #ffffff;
}
@charset "UTF-8";
div[data-v-3745dfbe] {
  font-family: Arial, sans-serif;
  line-height: 1.6;
  background-color: white;
}
div[data-v-3745dfbe] a {
  color: rgb(64, 158, 255); /* 链接颜色 */
  text-decoration: none; /* 去除默认下划线 */
  /* 如果需要下划线颜色，使用 text-decoration-color */
  border-bottom: 1px solid rgb(64, 158, 255); /* 模拟下划线效果 */
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
div[data-v-3745dfbe] a:hover {
  color: rgb(24, 100, 200); /* 悬停时颜色变深 */
  border-bottom-color: rgb(24, 100, 200);
}
div[data-v-3745dfbe] img {
  max-width: 200px;
}
@charset "UTF-8";
.chat-wrapper[data-v-769fdedb] {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #ffffff;
  color: #0d0d0d;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  overflow: hidden;
  position: relative;
}
.chat-header[data-v-769fdedb] {
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 16px;
  background: #ffffff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}
.chat-header .model-selector[data-v-769fdedb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 600;
  font-size: 16px;
  color: #444;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.chat-header .model-selector[data-v-769fdedb]:hover {
  background: #f4f4f4;
}
.chat-header .model-selector i[data-v-769fdedb] {
  font-size: 12px;
  color: #999;
}
.chat-header .header-right-tools[data-v-769fdedb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.chat-header .header-right-tools .pill-btn[data-v-769fdedb] {
  padding: 5px 12px;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  font-size: 12px;
  font-weight: 500;
  color: #333;
  cursor: pointer;
}
.chat-header .header-right-tools .pill-btn[data-v-769fdedb]:hover {
  background: #f9f9f9;
}
.chat-header .header-right-tools i[data-v-769fdedb] {
  font-size: 18px;
  color: #888;
  cursor: pointer;
  padding: 6px;
  border-radius: 50%;
}
.chat-header .header-right-tools i[data-v-769fdedb]:hover {
  background: #f4f4f4;
}
.agent-content[data-v-769fdedb] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  scroll-behavior: smooth;
  padding-bottom: 140px;
}
.agent-content[data-v-769fdedb]::-webkit-scrollbar {
  width: 6px;
}
.agent-content[data-v-769fdedb]::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}
.chat-container[data-v-769fdedb] {
  max-width: 800px;
  margin: 0 auto;
  padding: 40px 20px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* Welcome Screen */
.welcome-screen[data-v-769fdedb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 40vh;
  text-align: center;
  padding-bottom: 20px;
}
.welcome-screen .welcome-icon[data-v-769fdedb] {
  width: 72px;
  height: 72px;
  margin-bottom: 24px;
}
.welcome-screen .welcome-icon img[data-v-769fdedb] {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.welcome-screen .welcome-icon .avatar-text[data-v-769fdedb] {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #f0f0f0;
  border-radius: 50%;
  font-size: 24px;
  font-weight: 600;
  color: #666;
}
.welcome-screen .welcome-title[data-v-769fdedb] {
  font-size: 28px;
  font-weight: 600;
  color: #1a1a1a;
  letter-spacing: -0.02em;
  margin-bottom: 40px;
}
.welcome-screen .subtitle[data-v-769fdedb] {
  font-size: 18px;
  font-weight: 400;
  color: #666;
}
.welcome-screen .quick-tips[data-v-769fdedb] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-top: 40px;
  max-width: 640px;
  width: 100%;
}
.welcome-screen .quick-tips .tip-card[data-v-769fdedb] {
  background: #ffffff;
  border: 1px solid #e5e5e5;
  padding: 14px 20px;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  cursor: pointer;
  -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  text-align: left;
}
.welcome-screen .quick-tips .tip-card i[data-v-769fdedb] {
  font-size: 20px;
  color: #676767;
}
.welcome-screen .quick-tips .tip-card span[data-v-769fdedb] {
  font-size: 14px;
  color: #333;
  font-weight: 500;
}
.welcome-screen .quick-tips .tip-card[data-v-769fdedb]:hover {
  background: #f9f9f9;
  border-color: #d1d1d1;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

/* Message List */
.message-wrapper[data-v-769fdedb] {
  margin-bottom: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.message-item[data-v-769fdedb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  width: 100%;
}
.user-msg-wrap[data-v-769fdedb] {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.user-message[data-v-769fdedb] {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.user-message .msg-content-inner[data-v-769fdedb] {
  max-width: 80%;
  background: #f4f4f4;
  padding: 12px 18px;
  border-radius: 20px;
  font-size: 15px;
  line-height: 1.5;
  color: #0d0d0d;
  word-break: break-all;
}
.ai-message .ai-avatar-fixed[data-v-769fdedb] {
  width: 36px;
  height: 36px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 10px;
}
.ai-message .ai-avatar-fixed .avatar-img[data-v-769fdedb] {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ai-message .ai-avatar-fixed .avatar-text[data-v-769fdedb] {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #10a37f;
  color: white;
  border-radius: 50%;
  font-size: 12px;
  font-weight: bold;
}
.ai-message .ai-content-box[data-v-769fdedb] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  /* Thought Container - Refined Aesthetics */
}
.ai-message .ai-content-box .thought-container[data-v-769fdedb] {
  margin-bottom: 20px;
  background: rgba(248, 249, 251, 0.7);
  border: 1px solid rgba(229, 231, 235, 0.8);
  border-radius: 12px;
  overflow: hidden;
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
}
.ai-message .ai-content-box .thought-container[data-v-769fdedb]:hover {
  border-color: rgba(64, 158, 255, 0.3);
  background: rgb(248, 249, 251);
}
.ai-message .ai-content-box .thought-container.streaming[data-v-769fdedb] {
  background: rgba(240, 247, 255, 0.5);
  border-color: rgba(64, 158, 255, 0.2);
  border-left: 3px solid #409eff;
}
.ai-message .ai-content-box .thought-container.streaming .status-text[data-v-769fdedb] {
  color: #409eff;
}
.ai-message .ai-content-box .thought-container .thought-header[data-v-769fdedb] {
  padding: 10px 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.ai-message .ai-content-box .thought-container .thought-header.no-click[data-v-769fdedb] {
  cursor: default;
}
.ai-message .ai-content-box .thought-container .thought-header.is-expanded[data-v-769fdedb] {
  background: rgba(0, 0, 0, 0.01);
  border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}
.ai-message .ai-content-box .thought-container .thought-header .header-left[data-v-769fdedb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.ai-message .ai-content-box .thought-container .thought-header .header-left i[data-v-769fdedb] {
  font-size: 16px;
  color: #909399;
}
.ai-message .ai-content-box .thought-container .thought-header .header-left .status-text[data-v-769fdedb] {
  font-size: 13px;
  font-weight: 500;
  color: #606266;
}
.ai-message .ai-content-box .thought-container .thought-header .header-left .typing-status[data-v-769fdedb]::after {
  content: "...";
  display: inline-block;
  width: 12px;
  -webkit-animation: dot-pulse 1.5s infinite;
          animation: dot-pulse 1.5s infinite;
}
.ai-message .ai-content-box .thought-container .thought-header .header-right[data-v-769fdedb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.ai-message .ai-content-box .thought-container .thought-header .header-right .done-tag[data-v-769fdedb] {
  font-size: 10px;
  background: #f0fdf4;
  color: #16a34a;
  padding: 1px 6px;
  border-radius: 4px;
  border: 1px solid #dcfce7;
}
.ai-message .ai-content-box .thought-container .thought-header .header-right .toggle-icon[data-v-769fdedb] {
  font-size: 12px;
  color: #94a3b8;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.ai-message .ai-content-box .thought-container .thought-content[data-v-769fdedb] {
  padding: 12px 16px;
  font-size: 13px;
  color: #64748b;
  line-height: 1.7;
  white-space: pre-wrap;
  word-break: break-all;
  font-family: inherit;
  max-height: 200px; /* 设置统一最大高度 */
  overflow-y: auto;
}
.ai-message .ai-content-box .thought-container .thought-content.historical[data-v-769fdedb] {
  background: rgba(255, 255, 255, 0.4);
}
.ai-message .ai-content-box .thought-container .thought-content[data-v-769fdedb]::-webkit-scrollbar {
  width: 4px;
}
.ai-message .ai-content-box .thought-container .thought-content[data-v-769fdedb]::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}
.ai-message .ai-content-box .ai-name-header[data-v-769fdedb] {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 4px;
  color: #333;
}
.ai-message .ai-content-box .markdown-body[data-v-769fdedb] {
  font-size: 16px;
  line-height: 1.6;
  color: #0d0d0d;
}
.ai-message .ai-content-box .markdown-body[data-v-769fdedb] p {
  margin-bottom: 1em;
}
.ai-message .ai-content-box .markdown-body[data-v-769fdedb] code {
  background: #f0f0f0;
  border-radius: 4px;
  padding: 2px 4px;
}
.ai-message .ai-content-box .markdown-body[data-v-769fdedb] pre {
  background: #1e1e1e;
  color: #fff;
  padding: 16px;
  border-radius: 8px;
  overflow-x: auto;
}
.message-actions[data-v-769fdedb] {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.message-actions .action-icon[data-v-769fdedb] {
  font-size: 16px;
  color: #999;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
}
.message-actions .action-icon[data-v-769fdedb]:hover {
  background: #f0f0f0;
  color: #666;
}
.message-wrapper:hover .message-actions[data-v-769fdedb] {
  opacity: 1;
}

/* Typing Indicator */
.typing-indicator[data-v-769fdedb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 24px;
}
.typing-indicator span[data-v-769fdedb] {
  width: 6px;
  height: 6px;
  background: #999;
  border-radius: 50%;
  -webkit-animation: bounce-769fdedb 1.4s infinite ease-in-out both;
          animation: bounce-769fdedb 1.4s infinite ease-in-out both;
}
.typing-indicator span[data-v-769fdedb]:nth-child(1) {
  -webkit-animation-delay: -0.32s;
          animation-delay: -0.32s;
}
.typing-indicator span[data-v-769fdedb]:nth-child(2) {
  -webkit-animation-delay: -0.16s;
          animation-delay: -0.16s;
}
@-webkit-keyframes bounce-769fdedb {
0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
}
40% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
@keyframes bounce-769fdedb {
0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
}
40% {
    -webkit-transform: scale(1);
            transform: scale(1);
}
}
/* Input Area Styles */
.input-area-sticky[data-v-769fdedb] {
  width: 100%;
  padding: 0 20px 24px;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(60%, #ffffff), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to top, #ffffff 60%, rgba(255, 255, 255, 0));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 100;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.input-area-sticky.is-centered[data-v-769fdedb] {
  -webkit-transform: translateY(-25vh);
          transform: translateY(-25vh);
}
.input-box-wrapper[data-v-769fdedb] {
  width: 100%;
  max-width: 800px;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 28px;
  -webkit-box-shadow: 0 8px 32px rgba(0, 0, 0, 0.04);
          box-shadow: 0 8px 32px rgba(0, 0, 0, 0.04);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: visible; /* Allow remove button to show outside */
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  /* File Preview Styling */
}
.input-box-wrapper[data-v-769fdedb]:focus-within {
  border-color: #d1d1d1;
  -webkit-box-shadow: 0 12px 42px rgba(0, 0, 0, 0.08);
          box-shadow: 0 12px 42px rgba(0, 0, 0, 0.08);
}
.input-box-wrapper .file-preview-bar[data-v-769fdedb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 14px 14px 4px;
  gap: 12px;
  overflow-x: auto;
  scrollbar-width: none;
}
.input-box-wrapper .file-preview-bar[data-v-769fdedb]::-webkit-scrollbar {
  display: none;
}
.input-box-wrapper .file-preview-bar .preview-item[data-v-769fdedb] {
  position: relative;
  width: 60px;
  height: 60px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.input-box-wrapper .file-preview-bar .preview-item .img-thumb[data-v-769fdedb] {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.input-box-wrapper .file-preview-bar .preview-item .file-icon[data-v-769fdedb] {
  width: 100%;
  height: 100%;
  border-radius: 12px;
}
.input-box-wrapper .file-preview-bar .preview-item .loading-overlay[data-v-769fdedb] {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 12px;
}
.input-box-wrapper .file-preview-bar .preview-item .loading-overlay i[data-v-769fdedb] {
  font-size: 18px;
  color: #666;
}
.input-box-wrapper .file-preview-bar .preview-item .remove-btn[data-v-769fdedb] {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  color: #666;
  cursor: pointer;
  z-index: 10;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.input-box-wrapper .file-preview-bar .preview-item .remove-btn[data-v-769fdedb]:hover {
  color: #000;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.input-interaction[data-v-769fdedb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 10px 14px;
  gap: 8px;
  min-height: 52px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.input-interaction .left-tools[data-v-769fdedb],
.input-interaction .right-tools[data-v-769fdedb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 36px; /* 与按钮高度一致 */
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.input-interaction .input-main[data-v-769fdedb] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 36px;
}
.input-interaction .input-main textarea[data-v-769fdedb] {
  width: 100%;
  border: none;
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 6px 4px; /* 单行时: 6 + 24 + 6 = 36px */
  height: 36px;
  font-size: 16px;
  line-height: 24px;
  background: transparent;
  resize: none;
  vertical-align: bottom; /* 解决基线对齐导致的细微偏移 */
  overflow: hidden; /* 默认隐藏滚动条，避免瞬间位移 */
  max-height: 200px;
  color: #0d0d0d;
  display: block;
  margin: 0;
}
.input-interaction .input-main textarea[data-v-769fdedb]::-webkit-input-placeholder {
  color: #999;
}
.input-interaction .input-main textarea[data-v-769fdedb]::-moz-placeholder {
  color: #999;
}
.input-interaction .input-main textarea[data-v-769fdedb]:-ms-input-placeholder {
  color: #999;
}
.input-interaction .input-main textarea[data-v-769fdedb]::-ms-input-placeholder {
  color: #999;
}
.input-interaction .input-main textarea[data-v-769fdedb]::placeholder {
  color: #999;
}
.input-interaction .tool-btn[data-v-769fdedb] {
  width: 36px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  color: #444;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.input-interaction .tool-btn[data-v-769fdedb]:hover {
  background: #f0f0f0;
}
.input-interaction .tool-btn i[data-v-769fdedb] {
  font-size: 18px;
}
.input-interaction .action-btn-wrap[data-v-769fdedb] {
  margin-left: 4px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.send-btn[data-v-769fdedb],
.stop-btn[data-v-769fdedb] {
  width: 34px;
  height: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  font-size: 18px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.send-btn[data-v-769fdedb] {
  background: #f4f4f4;
  color: #ccc;
  cursor: not-allowed;
}
.send-btn.can-send[data-v-769fdedb] {
  background: #409eff;
  color: #fff;
  cursor: pointer;
}
.send-btn.can-send[data-v-769fdedb]:hover {
  background: #66b1ff;
}
.stop-btn[data-v-769fdedb] {
  background: #409eff;
  color: white;
}
.stop-btn[data-v-769fdedb]:hover {
  background: #66b1ff;
}
.input-footer[data-v-769fdedb] {
  text-align: center;
  font-size: 12px;
  color: #999;
  margin-top: 14px;
  width: 100%;
}
.scroll-to-bottom[data-v-769fdedb] {
  position: absolute;
  right: 50%;
  bottom: 120px;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  width: 32px;
  height: 32px;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  color: #666;
}
.scroll-to-bottom[data-v-769fdedb]:hover {
  background: #f9f9f9;
}

/* Transitions */
.fade-enter-active[data-v-769fdedb],
.fade-leave-active[data-v-769fdedb] {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.fade-enter[data-v-769fdedb],
.fade-leave-to[data-v-769fdedb] {
  opacity: 0;
}