@font-face {
    font-family: 'MyCustomFont';
    src: url('https://cfile.cphi.cn/file_Cphi_cn/file/msyh.woff');
}
body {
    font-family: "微软雅黑";
}
a {
    text-decoration: none;
    cursor: pointer;
}
html,body{
    padding: 0;
    margin: 0;
}
body{
    margin: 0;
    background-color: #f2f2f2;
}
ul, ol {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.d-flex-between{
    display: flex;
    justify-content: space-between;
}
.limit{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.limit-2{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.limit-4{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.limit-3{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
/*父级塌陷*/
.clearFix：after{
      content:"";
      display:block;
      clear: both;
}


/*遮罩层禁止滚动*/
.ovfHiden{
    overflow: hidden;
    padding-right: 20px;
}
/*遮罩层*/
.login_preordain_cover{
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1001;
    background: rgba(0,0,0,.4);
}

.flex_between{
    display: flex;
    justify-content: space-between;
}

.red-alarm{
    border: 1px solid #F79131 !important;
}
.red-alarm:after{
    content: attr(data-content-after);
    font-size: 12px;
    color: #F79131;
    position: absolute;
    bottom: -20px;
    width: 100%;
    left: 0;
}

.shake{
    animation: shake 0.1s ease infinite;
}
.shake:after{
    content: '请完成滑块验证';
    font-size: 12px;
    color: #F79131;
    position: absolute;
    bottom: -24px;
    left: 0;
}
@keyframes shake {
    0%{
        transform: translate(-10px, 0px);
    }
    50%{
        transform: translate(10px, 0px);
    }
    100%{
        transform: translate(0px, 0px);
    }
}

.pup-mask{
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100000;
}
.join-dialog-title{
    font-size: 18px;
    color: #333333;
    text-align: center;
    font-weight: bold;
}
.join-dialog-cont{
    width: 518px;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    border-radius: 8px;
    padding: 20px 0 30px;
}
.join-dialog-cont-bottom{
    padding: 20px 30px 0;
    border-top: 1px solid #F2F4F6;
    margin-top: 20px;
}
.join-name{
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #333333;
    font-weight: bold;
    justify-content: center;
}
.join-name div{
    color: #108391;
}
.join-company{
    display: flex;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #CCCCCC;
    margin-top: 10px;
    padding: 10px;
}
.join-company img{
    width: 44px;
    height: 44px;
    object-fit: cover;
    margin-right: 10px;
    flex-shrink: 0;
}
.join-company-info{
    font-size: 14px;
    color: #333333;
    font-weight: bold;
    line-height: 22px;
}
.join-btn{
    display: flex;
    justify-content: center;
    margin-top: 30px;
}
.join-btn div{
    width: 120px;
    height: 30px;
    background: #4FC2B8;
    border-radius: 15px;
    cursor: pointer;
    margin: 0 18px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #FFFFFF;
}
.join-btn div:nth-child(1){
    width: 100px;
    background: #F79131;
}
button{
    cursor: pointer;
}

/*下拉搜索*/
.downSearch {
    position: absolute;
    width: 478px;
    z-index: 100;
    background: #ffffff;
    border: 1px solid #ccc;
    max-height: 260px;
    overflow: auto;
    left: 0;
}

.downSearch .ul {
    padding: 10px 20px;
}

.downSearch .ul .li {
    padding: 5px 0;
}

.downSearch .ul .li:hover {
    cursor: pointer;
    color: #4FC2B8;
}

/*滑块验证样式*/
.nc-container .nc_wrapper {
    width: 100% !important;
}
.nc-container .nc_scale span.nc-lang-cnt{
    position: absolute !important;
}



/**/
.img-dialog{
    display: none;
}
.img-cont{
    display: none;
    width: 270px;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}
.img-cont img{
    width: 270px;
    object-fit: contain;
}
.img-cont .iconfont{
    position: absolute;
    color: #ffffff;
    right: 10px;
    top: 10px;
    cursor: pointer;
}


/*敏感词*/
.search_chemicals{
    width: 500px;
    background: #FFFFFF;
    border-radius: 20px;
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    position: relative;
}
.error-icon{
    width: 80px;
    height: 80px;
    margin: 0 auto 40px;
}
#close_chemicals_tip{
    position: absolute;
    top: 10px;
    right: 20px;
    color: #8B8E91;
    cursor: pointer;
    font-size: 35px;
    line-height: 35px;
}
.search-chemicals-link{
    font-size: 14px;
    color: rgba(58, 130, 143, 1);
    line-height: 26px;
}
#sensitiveWordHint{
    font-size: 16px;
    color: rgba(51, 51, 51, 1);
    line-height: 24px;
}
#sensitiveWordHint span{
    color: #EE6767 !important;
}
#search_chemicals button{
    cursor: pointer;
    margin-top: 20px;
    height: 40px;
    background: #3A828F;
    border-radius: 10px 10px 10px 10px;
    line-height: 18px;
    text-align: center;
    font-size: 18px;
    color: #FFFFFF;
    border: none;
}
.ai-kefu{
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 9999;
    cursor: pointer;
}
.ai-kefu *{
    width: 400px;
}