.fl{
  float: left;
}
.fr{
  float: right;
}
/* 滚动条样式 */
.user-data-dialog ::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 6px;
  height: 1px;
}
.user-data-dialog ::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  background: #e0e0e0;
}
.user-data-dialog ::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: inset 0 0 5px #fff;
  border-radius: 10px;
  background: transparent;
}
.long-control ::-webkit-scrollbar-track-piece {
  background-color: #fff;
  -webkit-border-radius: 0
}
.long-control ::-webkit-scrollbar {
    width: 8px;
    height: 10px
}

.dialog-img-container > img {
  display: block;
  height: 100%;
}

.long-control ::-webkit-scrollbar-thumb {
    height: 30px;
    background-color: #e0e0e0;
    -webkit-border-radius: 6px;
    outline: 2px solid #fff;
    outline-offset: -2px;
    border: 2px solid #fff;
    filter: alpha(opacity = 50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5
}
#collectUserInfoDialog .mask{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000000;
  opacity: 0.6;
  z-index: 999;
}
.warm-prompt{
   /* width: 692px; */
  height: 32px;
  background: rgba(255,159,64,0.0800);
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  margin-bottom: 10px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  }
  .warm-prompt .icon-warning{
    display: flex;
    width: 15px;
    height: 15px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAAXNSR0IArs4c6QAAAGZQTFRFAAAA72AA/3AA/2sA72AA92gA9GUA82QA8mMA8mIA9GUA9mUA9GQA9mYA9WQA92YA82QA9WYA9mYA82MA9GUA9WUA9GQA9GQA9GUA9mUA9GQA9GUA9WUA9WUA9mYA9GQA9WUA9WUAxGzfPAAAACF0Uk5TABAQHyAgMEBQYGBvcHB/f4CAj5CQn6C/v7/Pz8/f3+/vjAXRyAAAAShJREFUOMvFlMF2gjAQRSdUiKW2xhBtbU3M/f+fdKEwAeI53clqIJc3k5eZiLzuMdZfrnA9++1TZH9leuJ+U2M+CgQg9mvGA2RnW5HGhgTgl8wRSFbf+wQc1zqhmVU4LLV64DCWFrt75IBPZTYRwkMAOD8+D5DNBH1BahS6jBnTpC8iEab9OnI3xraQ2kKq+5vBau5Qh5yu/CgvIl0RWy0wg26iK+qTFvIjBPTn95nRuvQvKMNbHTKa7q8sfAbZmf2HOlSYY1V0AUUYG9kUxs6gvjwKB9GsIRPLOkzW/iogD6lVO3bAfoLC1EDMhmEA/D2jC62IiPGszv20GCIbgdOyKwaA6K0Rae19TCv906f5cOZdrcNaV2DZNc+ug234zpB/g21eeG/dACciJl5v+GSeAAAAAElFTkSuQmCC) no-repeat;
    background-size: contain;
    }
  .warm-prompt .warm-text{
   /* text-align: center; */
  line-height: 30px;
  font-size: 14px;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #F56500;
  margin-left: 2px;

}
#collectUserInfoDialog .dialog-container{
  position: fixed;
  left: 50%;
  top: 50%;
  width: 752px;
  /* max-height: 680px; */
  margin: -30px auto 0;
  background: transparent;
  border-radius: 8px;
  transform: translate(-50%,-50%);
  z-index: 1000;
  box-sizing: border-box;
  /* overflow-y: auto; */
}
/* @media screen and (min-width: 800px) and (max-width: 1366px) {
  #collectUserInfoDialog .dialog-container {
    top: 65%;
  }
} */
#collectUserInfoDialog .dialog-header{
  /* margin-top: -114px; */
  padding-top: 156px;
  min-height: 254px;
  color: #1D1D1D;
  font-size: 18px;
  line-height: 28px;
  text-align: center;
  background-position: top center;
  background-repeat: no-repeat;
  background-image: url('/common-module/pc-dialog/image/data-leave-info-header-bg.png?v={{Msg "seo" "version"}}');
  background-size: 100% 100%;
}
#collectUserInfoDialog .title-container {
  display: inline-block;
  height: 28px;
  text-align: center;
}
#collectUserInfoDialog .subtitle-container {
  padding: 0 30px;
  font-size: 16px;
}
#collectUserInfoDialog .dialog-content{
  margin-top: -2px;
  padding: 0 32px 32px;
  border-radius: 0 0 8px 8px;
  background-color: #fff;
}
#collectUserInfoDialog .form-title{
  font-size: 14px;
  line-height: 22px;
  color: #2CB7CA;
}
#collectUserInfoDialog .form-main{
  margin: 10px 0 10px;
}
#collectUserInfoDialog .short-control{
  width: calc(50% - 16px);
}
#collectUserInfoDialog .long-control{
  width: 100%;
}

#collectUserInfoDialog .item-input{
  width: calc(100% - 90px);
}
.code-input .el-input-group__append{
  border: 0;
  background-color: transparent;
  padding: 0 0 0 14px;
  cursor: pointer;
  color: #2CB7CA;
  text-align: center;
}
.code-input .el-button.is-disabled,
.code-input .el-button.is-disabled:focus,
.code-input .el-button.is-disabled:hover{
  border: 0;
  color: #C0C4CC;
  background-color: transparent;
}
.code-input .el-input-group--append .el-input__inner{
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
#collectUserInfoDialog .company-result{
  position: absolute;
  width: calc(100% - 90px);
  top: 38px;
  left: 88px;
  max-height: 152px;
  background-color: #fff;
  border: 1px solid #2CB7CA;
  z-index: 100;
  /* border-radius: 4px; */
  overflow-y: auto;
}
#collectUserInfoDialog .company-list{
  padding: 0 16px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #1D1D1D;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#collectUserInfoDialog .company-list:hover{
  background: #ECECEC;
}
#collectUserInfoDialog .short-input{
  width: calc(50% - 90px);
}
#collectUserInfoDialog [data-short-input]{
  /* width: calc(240px - 16px); */
  /* height: 36px; */
  /* box-sizing: border-box; */
  /* border-radius: 4px; */
}
#collectUserInfoDialog [data-long-input]{
  /* width: calc(600px - 16px); */
  height: 36px;
  border: 1px solid #E0E0E0;
  box-sizing: border-box;
  border-radius: 4px;
}
#collectUserInfoDialog .agree-service{
  text-align: center;
}
#collectUserInfoDialog .agree-service .el-checkbox__label,
#collectUserInfoDialog .agree-service .el-checkbox__input.is-checked+.el-checkbox__label{
  color: #686868;
}
#collectUserInfoDialog .dialog-footer{
  padding-top: 20px;
  text-align: center;
}
#collectUserInfoDialog .cancel-btn{
  width: 132px;
  height: 36px;
  line-height: 36px;
  padding: 0;
  border-radius: 6px;
}
#collectUserInfoDialog .submit-btn{
  width: 132px;
  height: 36px;
  padding: 0;
  color: #fff;
  line-height: 36px;
  background: #2CB7CA;
  border-radius: 6px;
  border: 1px solid #2CB7CA;
}
#collectUserInfoDialog .submit-btn:hover{
  color: #fff;
  border-color: #2CB7CA;
  background: #2CB7CA;
}
/* element-ui reset */
#collectUserInfoDialog .company-type > .el-form-item__label,
#collectUserInfoDialog .company-type > .el-form-item__content{
  line-height: 22px;
}
.el-form-item{
  margin-bottom: 14px;
}
.el-form-item__error{
  padding: 0px 0 0 90px;
  top: 98%;
}
.no-label .el-form-item__error{
  padding: 0;
}
.el-form-item__label{
  width: 80px;
  padding: 0;
  margin-right: 8px;
  color: #686868;
  margin-bottom: 0!important;
  font-weight: normal!important;
}
.el-cascader-panel{
  min-width: 240px;
}
.el-cascader{
  line-height: 36px;
  border: 0;
}
#collectUserInfoDialog .el-input__inner{
  height: 36px;
  line-height: 36px;
  border-radius: 4px;
}
.el-cascader-menu{
  min-width: 0;
}
.el-cascader-node{
  padding: 0 28px 0 6px;
}
.el-cascader-node__prefix{
  display: none;
}
.el-cascader-menu:last-child{
  flex: 1;
}
.el-cascader__dropdown{
  border-color: #2CB7CA;
}
.el-select-dropdown{
  border-color: #2CB7CA;
}
.el-popper[x-placement^=bottom]{
  margin-top: 0;
}
.el-popper[x-placement^=bottom] .popper__arrow{
  display: none;
}
.el-input.is-active .el-input__inner,
.el-input__inner:focus,
.el-textarea__inner:focus{
  border-color: #2CB7CA;
}
.el-select .el-input.is-focus .el-input__inner,
.el-select .el-input__inner:focus{
  border-color: #2CB7CA;
}
.el-cascader .el-input .el-input__inner:focus,
.el-cascader .el-input.is-focus .el-input__inner {
  border-color: #2CB7CA;
}
.el-checkbox__input.is-focus{
  border-color: #2CB7CA;
}
.el-checkbox{
  margin-right: 12px;
}
.el-checkbox__label{
  padding-left: 3px;
  color: #1D1D1D;
}
.el-checkbox__input.is-checked+.el-checkbox__label{
  color: #1D1D1D;
}
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner{
  background-color: #2CB7CA;
  border-color: #2CB7CA;
}
.el-checkbox__inner:hover{
  border-color: #DCDFE6;
}
.el-cascader-node.in-active-path, .el-cascader-node.is-active, .el-cascader-node.is-selectable.in-checked-path,
.el-select-dropdown__item.selected{
  color: #2CB7CA;
}
.el-button:focus, .el-button:hover{
  background: #FFF;
  border: 1px solid #DCDFE6;
  color: #606266;
}
.el-textarea__inner{
  /* height: 36px; */
  min-height: 36px!important;
}
.el-input__inner::placeholder,
.el-textarea__inner::placeholder{
  color: #999;
}
/* .el-select-dropdown__wrap{
  max-height:124px;
} */


#success-dialog .success-dialog-container{
  position: fixed;
  width: 380px;
  top: 50%;
  left: 50%;
  padding: 32px;
  transform: translateX(-50%) translateY(-50%);
  background: #ffffff;
  border-radius: 8px;
  transition: all 2s linear;
  z-index: 1038;
}
#success-dialog .success-title{
  padding: 0 0 20px;
  color: #1d1d1d;
  line-height: 28px;
  font-size: 18px;
  text-align: center;
}
#success-dialog .success-content{
  text-align: center;
  color: #686868;
  line-height: 22px;
  font-size: 14px;
}
#success-dialog .success-footer{
  padding: 32px 0 0;
  text-align: center;
}
.mask {
  position: fixed;
  width: 100%;
  height: 100%;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .5);
  z-index: 1031;
}

#success-dialog .custom-btn{
  display: inline-block;
  width: 132px;
  height: 36px;
  line-height: 36px;
  background: #2cb7ca;
  border-radius: 6px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  border: 0;
}
#success-dialog .dialog-adv{
  margin-top: 32px;
  width: 100%;
  height: 64px;
  background: #010302;
  border-radius: 4px;
  cursor: pointer;
}
#success-dialog .dialog-adv > img{
  width: 100%;
  height: 100%;
}

#collect-dialog .custom-btn:disabled{
  opacity: 0.5;
  cursor:not-allowed;
}
.el-popper ul li{
  float: none!important;
}

#export-dialog .export-dialog-container{
  position: fixed;
  width: 380px;
  top: 50%;
  left: 50%;
  padding: 32px;
  transform: translateX(-50%) translateY(-50%);
  background: #ffffff;
  border-radius: 8px;
  transition: all 2s linear;
  z-index: 1038;
}
#export-dialog .export-content{
  text-align: justify;
  color: #686868;
  line-height: 22px;
  font-size: 14px;
}
#export-dialog .export-footer{
  padding: 32px 0 0;
  text-align: center;
}
#export-dialog .custom-btn{
  display: inline-block;
  width: 132px;
  height: 36px;
  line-height: 36px;
  background: #2cb7ca;
  border-radius: 6px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  border: 0;
}
#export-dialog .custom-btn:disabled{
  opacity: 0.5;
  cursor:not-allowed;
}
#export-dialog  .export-close{
  position: absolute;
  top: 8px;
  right: 8px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGgSURBVHgB7djNbYMwFAdwA0cuGaEjpCNkBA4IIQ4Nk9QZIROgHhACDoyQEdoNwgjcEaJ+EUQqjT+fq1aq/1KUL/z8Cw4YQ4iLi8s/SFVVT8RyiqLYqWznyzZommYfBMF727avxFKgVhiG17Is97JtPSLBsacLe9x+red5NI7jE0Hi5nmmy9thHMdDlmUfRBfYdd2ONb6uuHsDBHKDWzNM0/Scpmn/qA13iKMoGlix8/Zz6MBkuDk4qHfm4SDCIYbUdU3ZXvsG0tmTAtwpSRIqaisFYpEYnDLQFInFaQF1kTZw2kBVpC2cEVCGXCCUWMDdahLD8JCPYoqDGAMhKkgMDoICQkRILA4ivViQFvD92eQ71aD2IO9o/dIB8gLDGKiCu3eCQBoBRee5BYSau1FAlZOwjQsMI6DODGELqQw0mb5sIJWAmLkVi5QCbUz8GKT30zgskjuTwKKJQY7EAg4CbdbT0KbeUbRGFi6a2GrrwF72WJwA2UMfeZ4PvDbS/yDcVWAL9wsr/Iad+Ncsw/0CONGKTjmqtyl+u6aLi8tfzCdfoXwUD1ES1QAAAABJRU5ErkJggg==) no-repeat center center;
  background-size: contain;
  cursor: pointer;
}