@charset "utf-8";

/* CSS Document */
/* mce en website - wdf - 2015-11-16 */
    /* content: compound details + inhibitor kit details + screening libraries details page */
    /* ====================================================
       details common
    ==================================================== */

.span_bull {
    margin-right: 10px;
}

/*detail_hd*/
.detail_hd {
    position: relative;
    border-bottom: 2px solid #ebe4f6;
    padding-top: 33px;
    overflow: hidden;
    padding-bottom: 8px;
}

.detail_hd h1 {
    padding-bottom: 18px;
    font-size: 26px;
    font-weight: normal;
}

.detail_hd h1 span {
    font-weight: normal;
    font-size: 18px;
}

.detail_hd>.sign {
    display: block;
    position: absolute; left: 2px; bottom: 30px;
    width: 5px; height: 5px;
    background-color: #ee3134;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#pro_detail_hd>.sign {
    bottom: 32px;
}

.detail_hd dl dt { float: left }
.detail_hd dl dd { float: right }
.detail_hd dl dd a { font-weight: bold; color: #6a4b92 }
.detail_hd dl dd a:hover { color: #F60 }
.detail_hd dl dd span {
    display: inline-block;
    width: 1px; height: 10px; margin: 0 13px 0 16px;
    background-color: #8f77b5
}
.detail_hd dl dd span:last-child {
    display: none;
}


.ml_90 { margin-left: 90px }

/* detail_base */
.detail_base { overflow: hidden }
.detail_lft { float: left; width: 680px }
.detail_lft:after {
    content: "";
    display: block;
    clear: both
}
.detail_rgt { float: right; width: 282px; margin-top: 5px }


#library_price { margin-bottom: 20px }

.ml_13 { margin-left: 13px }

.detail_img { float: left; width: 200px }
#detail_img_pro   { text-align: center }
#detail_img_pro p { line-height: 22px }
#detail_img_pro img { display: block; width: 100%; height: 100%; object-fit: contain;}
.detail-img-label {
    position: absolute;
    z-index: 1;
    right: 18px;
    top: -2px;
}
.detail-img-label img {
    height: 35px;
}


.img_kit, .img_lib { width: 180px }
.img_pro { width: 200px; height: 200px }

.detail_price {
    width: 445px;
    float: right;
}
.detail_price_disabled {
    position: relative;
}
.detail_price_disabled::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100% - 30px);
    background-color: #fbf8fb;
    box-shadow: 0 0 8px 8px #fbf8fb;
    opacity: .4;
    backdrop-filter: blur(1px);
}
.detail_price_disabled tr:not(:first-child) td,
.detail_price_disabled .price_btn{
    filter: blur(2px);
}
.detail_price-tips {
    display: none;
}
.detail_price_disabled .detail_price-tips {
    display: block;
}
/*price_tbl*/
.price_tbl { width: 445px; border-bottom: 2px solid #ebe4f6 }
.price_tbl a span:hover { color: #F60 }

.price_tbl th,.price_tbl td {
    padding: 5px 0 5px 12px;
    line-height: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.price_tbl td {
    font-size: 13px;
    /*white-space: nowrap;*/
}

.price_tbl th {
    font-size: 14px; font-weight: bold;
}
.price_tbl th span { font-size: 12px; font-weight: normal }

.price_tbl td select {
    width: 54px; height: 20px; border: 1px solid #bdbdbd;
    border-radius: 3px;
    line-height: 14px;
}

.price_tbl>tbody>tr:nth-child(even) {
    background-color: #fcfafe;
}

.font_italic { font-style: italic }


.span_get_quote, .a_get_quote { font-weight: bold; color: #6a4b92 }
.span_get_quote:hover { cursor: pointer }

/*price_tbl width*/
th.kit_price_1, td.kit_price_1 { width: 190px }
th.kit_price_2, td.kit_price_2 { width: 76px; padding-left: 0 }
th.kit_price_3, td.kit_price_3 { width: 100px; position: relative }
th.kit_price_4, td.kit_price_4 { width: 70px; text-align: center; padding-left: 0 }

th.lib_price_1, td.lib_price_1 { width: 270px }
th.lib_price_2, td.lib_price_2 { width: 95px; padding-left: 0 }
th.lib_price_3, td.lib_price_3 { width: 80px }

.pro_price_1 { width: 170px }
.pro_price_2 { width: 85px }
.pro_price_3 { width: 110px; position: relative }
.pro_price_4 { width: 80px; text-align: center }

.pro_price_1_bo { width: 140px }
.pro_price_2_bo { width: 281px }


/*price_btn*/
.price_btn { overflow: hidden; margin-top: 12px }
#price_btn_instock { margin-top: 8px }

.price_btn input {
    float: left;
    height: 30px; border: 0;
    border-radius: 3px;
    font-size: 14px; font-weight: bold; color: #FFF;
}
.price_btn input:hover { cursor: pointer }

.btn_price_cart {
    /*width: 160px; */
    padding-left: 32px;
}

.btn_price_quotation, .btn_price_quotation_inhibitor {
    /*width: 165px; */
    margin-left: 10px;
    background-color: #8f77b5
}

.btn_price_inquiry {
    /*width: 156px;*/
    background-color: #ff7e00;
}

.price_btn span {
    float: left;
    margin-top: 5px; margin-left: 8px;
    font-size: 14px; color: #6a4b92;
}

.a_price_inquiry {
    float: left;
    margin-top: 6px;
    margin-left: 6px;
    font-size: 14px;  font-weight: bold; color: #6a4b92; text-decoration: underline;
}

/*price_notice*/
.price_notice { visibility: hidden; padding-top: 5px }
.price_notice p { color: #ee3134; line-height: 20px }

/*details_h2*/
.details_h2 { border-bottom: 2px solid #ebe4f6; margin-top: 35px }
.details_h2 span { display: block; width: 12px; height: 2px; background-color: #8972ac }
.details_h2 h2 { padding: 10px 0 10px 0; font-size: 16px; color: #6a4b92; line-height: 18px }

/*product Customer Validation*/
.pro_publist { margin-top: 20px; margin-bottom: -5px }
.lib_publist,.kit_publist { margin-top: 44px }

.pro_publist img, .lib_publist img, .kit_publist img { display: block }

#pro_cv_exp {
    width: 100%;
    overflow: hidden;
}

#pro_cv {
    width: 680px;
    /*height: 150px;*/
    float: left;
    position: relative;
    overflow: hidden;
}

#pro_cv ul li.pro_cv_lft, #pro_cv ul li.pro_cv_rgt {
    padding-right: 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


#pro_cv ul li.pro_cv_lft { width: 368px }
#pro_cv ul li.pro_cv_rgt { width: 312px }


/*details_info*/
.details_tit {
    width: 100%;
    border-bottom: 2px solid #8972ac;
    overflow: hidden;
    margin-top: 0;
}

#details_tit_pro {
    margin-top: 40px
}

#details_tit_kit {
    margin-top: 42px
}

#details_tit_lib {
    margin-top: 50px
}

.details_tit ul li {
    height: 30px;
    line-height: 30px;
    background-color: #f9f7fb;
    float: left;
    margin-right: 3px;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.details_tit ul li:hover {
    cursor: pointer;
}

.details_tit ul li.actived {
    background-color: #8f77b5;
}

.details_tit ul li h2 {
    color: #6a4b92;
    font-size: 15px;
}

.details_tit ul li.actived h2 {
    color: #FFF;
}

#details_tit_1 {
    width: 172px;
    padding: 0;
    text-align: center
}

.details_info {
    width: 100%;
}

.details_info_tbl {
    border-bottom: 2px solid #ebe4f6;
}

/*.details_info_tbl>tobdy>tr>th, .details_info_tbl>tobdy>tr>td {*/
    /*border: 1px solid #ebe4f6;*/
    /*border-top: 0;*/
/*}*/

.details_info_th {
    width: 171px;
    font-weight: bold;
    color: #6a4b92;
    text-align: center;
    line-height: 21px;
    font-size: 15px;
    padding: 0 4px;
    box-sizing: border-box;
}

.details_info_th sup {
    font-style: normal;
}

.details_info_td { width: 827px }

.details_info_th, .details_info_td {
    border: 1px solid #ebe4f6;
    border-top: 0;
}

.details_info_tbl td > div {
    padding: 15px 18px 13px 18px;
    font-size: 14px;
}

.details_info_tbl td div p {
    line-height: 23px;
    color: #331515;
    text-align: justify;
    font-size: 14px;
}

#lib_info_1 p {
    text-align: left;
}

/*details_storage*/
#details_storage {
    padding: 11px 18px 10px 18px;
}

#details_storage table {
    /*width: 250px;*/
    width: 100%;
    margin: 5px 0;
}

#details_storage table th, #details_storage table td {
    font-weight: normal;
    line-height: 20px;
    border: 0;
}

#details_storage table th {
    text-align: right;
    padding-right: 30px;
}

/*details_info document*/
.details_info_doc {
    overflow: hidden;
}

.details_info_doc a {
    float: left;
    background-image: url("../images/web/icon_doc_type.png");
    background-repeat: no-repeat;
    padding-left: 40px;
    height: 34px;
    /*line-height: 34px;*/
    vertical-align: top;
    margin-right: 60px;
    padding-top: 4px;
}

#EU-MSDS-PDF .details_info_doc a {
    width: calc(100% / 3 - 40px);
    margin-right: 0;
    display: flex;
    align-items: center;
}

#pro_info_4 .details_info_doc a, #pro_info_1 .details_info_doc a {
    width: 198px;
    display: block;
    margin-right: 0;
}

#pro_info_1 .details_info_doc a {
    width: 223px;
    display: flex;
    align-items: center;
}

/* QQ */
.div_msg_QQ {
    visibility: visible;
    float: left;
    width:160px; height: 30px;
    margin-top:10px;
}

.btn_QQ,.btn_leave_msg {
    width: 160px;
    margin-left:10px;
}

.btn_QQ_purple {
    padding-left: 32px;
    background: #8f77b5 url("../images/web/icon.png") no-repeat -3px -498px;
}

.btn_QQ_orange {
    padding-left: 32px;
    background: #ff7e00 url("../images/web/icon.png") no-repeat -3px -546px;
}

.details_info_doc a:hover {
    color: #F60;
}

.icon_pdf_doc {
    background-position: 0 0;
}

.icon_xls_doc {
    background-position: 0 -50px;
}

.icon_sdf_doc {
    background-position: 0 -100px;
}

/*viewed_pro*/
.viewed_pro {
    margin-top: 20px;
}

.viewed_pro h2 {
    line-height: 20px;
    color: #6a4b92;
    font-size: 12px;
}

.viewed_pro_con {
    width: 768px;
    float: left;
}

.viewed_pro_con ul li {
    float: left;
    line-height: 20px;
    font-size: 12px;
    max-height: 20px;
}

.viewed_pro_con ul li a:hover {
    color: #F60;
}

.viewed_pro_con ul li span {
    display: inline-block;
    width: 1px;
    height: 10px;
    line-height: 10px;
    background-color: #8f77b5;
    margin: 0 18px;
}

.viewed_pro_con ul li:last-child span {
    display: none;
}

/*form submit button and text*/

.border_red {
    border: 1px solid #ee3134
}

.border_gray {
    border: 1px solid #bdbdbd
}

/* ====================================================
   inhibitor kit details
==================================================== */
#cocktail_rgt {
    width: 282px;
    height: 280px;
    background: url("../images/kits/cocktail_related_bg.jpg") no-repeat 0 0;
    background-size: cover;
    overflow: hidden;
    position: relative;
}

/*cocktail_related*/
.cocktail_related {
    margin: 5px 0 5px 0;
}

.cocktail_related ul {
    padding: 45px 2px 0 18px;
}

.cocktail_related ul li {
    line-height: 20px;
    padding-top: 10px;
    font-size: 12px;

}

.span_bull_yellow {
    color: #E68013;
    margin-right: 10px;
}

.cocktail_related ul li a {
    color: #331515;
}

.cocktail_related ul li a:hover {
    color: #F60;
}

.cocktail_related ul li a span {
    display: block;
    margin-left: 15px;
}

/*Download Inhibitor Cocktail Flyer*/
#cocktail_download span {
    margin-right: 15px;
    background: none;
}

/*cocktail_cv_thumbnail*/
.cocktail_cv_thumbnail {
    overflow: hidden;
    width: 1000px;
    margin-top: -31px;
}

.cocktail_cv_thumbnail ul {
    width: 1060px;
    margin-left: -60px;
}

.cocktail_cv_thumbnail ul li {
    width: 470px;
    float: left;
    margin-left: 60px;
}

.cocktail_cv_thumbnail ul li p {
    line-height: 20px;
    font-size: 12px;

}

.cocktail_cv_thumbnail ul li dl {
    padding: 17px 0 12px 0;
    overflow: hidden;
}

.cocktail_cv_thumbnail ul li dl dt {
    float: left;
}

.cocktail_cv_thumbnail ul li dl dd {
    float: right;
}

.cocktail_cv_thumbnail ul li dl dd img {
    width: 240px;
}

ul li dl dd:hover {
    cursor: pointer;
}

#cocktail_cv_thumbnail_CCK8 {
    padding-top: 22px;
    margin-bottom: -18px;
}

#cocktail_cv_thumbnail_CCK8 ul li dl dd:hover {
    cursor: default;
}
#cocktail_cv_thumbnail_CCK8 ul li dl dd {
    float: left;
    padding-left: 7px;
    padding-top: 53px;
}

/*cocktail_cv_details*/
.cocktail_cv_details {
    width: 550px;
    height: 286px;
    position: fixed;
    z-index: 1001;
    top: 50%;
    left: 50%;
    margin-top: -143px;
    margin-left: -275px;
    background-color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: none;
}

.cocktail_cv_details span {
    position: absolute;
    top: 15px;
    right: 15px;
}

.cocktail_cv_details img {
    width: 510px;
    margin: 55px auto 10px 18px;
}

.cocktail_cv_details div {
    margin: 18px 18px auto 18px;
    padding-top: 15px;
    border-top: 1px solid #ebe4f6;
}

.cocktail_cv_details div p {
    line-height: 24px;
    border-top: 1px;
    letter-spacing: -0.1px;
    font-size: 14px;
}

/*kit_info_2*/
#kit_info_2 img {
    width: 655px;
}

/*kit_info_5*/
#kit_info_5 {
    padding: 0 0 0 0;
}

#kit_info_5 table {
    width: 100%;
    margin-top: 0;
}

#kit_info_5 table th {
    border: 0;
    border-bottom: 1px solid #ebe4f6;
    border-right: 1px solid #ebe4f6;
    color: #331515;
    line-height: 20px;
    text-align: left;
    padding: 12px 18px 10px 18px;
}

#kit_info_5 table td {
    border: 0;
    padding: 5px 18px ;
    line-height: 20px;
    vertical-align: middle;
    border-right: 1px solid #ebe4f6;
    border-bottom: 1px solid #ebe4f6;
}
#kit_info_5 table tr th:last-child,
#kit_info_5 table tr td:last-child{
    border-right:0;
}
#kit_info_5 table tr:last-child td{
    border-bottom:0;
}
#kit_info_5 table tr td[rowspan]{
    border-bottom: 1px solid #ebe4f6;
}
#kit_info_5 table tr:nth-last-child(2) td[rowspan]{
    border-bottom:0 !important;
}
/* ====================================================
   screening library details
==================================================== */

#lib_dd_tit {
    width: auto;
    background-color: #FFF;
    height: 14px;
    font-weight: bold;
}

#lib_dd_tit .icon-download-alt {
    color: #6a4b92;
    margin-right: 10px;
}

a.lib_download {
    color: #6a4b92;
    font-weight: bold;
    text-decoration: underline;
    margin-top: 9px;
    float: right;
}

a.lib_download:hover {
    color: #F60;
}

#lib_rgt_ctus {
    margin: 234px 0 0 17px;
}

#lib_rgt_ctus p {
    color: #000;
    font-weight: bold;
    line-height: 20px;
    font-size: 12px;

}

#lib_rgt p a {
    color: #6a4b92;
}

#lib_rgt p a:hover {
    color: #F60;
}

/*Customer Validation*/
/*common*/
.details_cv {
}

.details_cv ul {
    overflow: hidden;
    margin-top: 12px;
}

.details_cv ul li {
    float: left;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
}

.details_cv ul li {
    width: 50%;
}

.details_cv ul li a {
    color: #331515;
}
.lib-abstract {
    float: left;
    width: auto;
    max-width: 240px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.details_cv ul li a:hover {
    color: #F60;
}

.details_cv ul li cite {
    font-style: normal;
    font-weight: bold;
}

/*show&hide icon*/
/*.cv_sh_icon {*/
    /*position: absolute;*/
    /*right: 0;*/
/*}*/

/*#pro_cv_sh {*/
    /*top: 136px;*/
/*}*/

/*#lib_cv_sh {*/
    /*top:126px;*/
/*}*/

/*.cv_sh_icon:hover {*/
    /*cursor: pointer;*/
/*}*/

/*.cv_sh_icon span {*/
    /*width: 14px;*/
    /*height: 14px;*/
    /*background-image: url("../images/web/pro_cv_ex_icon.png");*/
    /*background-repeat: no-repeat;*/
/*}*/

/*.cv_more_icon {*/
    /*background-position: -8px -49px;*/
    /*display: block;*/
/*}*/

/*.cv_hide_icon {*/
    /*background-position: -27px -49px;*/
    /*display: block;*/
/*}*/
/*lib*/
#lib_cv_list_div {
    position: relative;
}

.lib_cv_list_con {
    width: 1000px;
}

.lib_cv_list_con ul {
    width: 1000px;
}

#lib_cv_list_init li, #lib_cv_list_more li {
    width: 333px;
    padding-right: 30px;
    box-sizing: border-box;
}

#lib_cv_list_more {
    margin-top: 0;
    display: none;
}

/*pro*/

.pro_cv_list_con {
    width: 1000px;
}

.pro_cv_list_con ul {
    width: 1000px;
}

#pro_cv_list li {
    width: 333px;
}

#pro_cv {
    width: 680px;
    float: left;
    position: relative;
    overflow: hidden;
}

#pro_cv ul li.pro_cv_lft {
    width: 333px;
    padding-right: 30px;
    box-sizing: border-box;

}

#pro_cv ul li.pro_cv_rgt {
    width: 333px;
    padding-right: 30px;
    box-sizing: border-box;
}

#pro_cv_list_more {
    margin-top:0;
    display: none;
}


/*----------protein_cv_exp-----------------*/

#protein_cv_exp {
    width: 100%;
    overflow: hidden;
}

#protein_cv {
    width: 1000px;
    float: left;
    position: relative;
    overflow: hidden;
}

#protein_cv ul li {
    width: 333px;
    padding-right: 30px;
    box-sizing: border-box;
}

#protein_cv ul li:nth-child(3n) {
    padding-right: 0;
}

#protein_cv_sh {
    position: absolute;
    top: 154px;
    right: 0;
}

#protein_cv_sh:hover {
    cursor: pointer;
}

#protein_cv_sh span {
    width: 14px;
    height: 14px;
    background-image: url("../images/web/pro_cv_ex_icon.png");
    background-repeat: no-repeat;
}

.protein_cv_more_icon {
    background-position: -8px -47px;
    display: block;
}

.protein_cv_hide_icon {
    background-position: -27px -47px;
    display: block;
}
/*------------end----------------*/




/*------------authenticatio----------------*/
/*.authentication{*/
/*    width: 100%;*/
/*    float: left;*/
/*    margin: 30px 0;*/
/*}*/
/*.authentication > .tit{*/
/*    !*width: 1000px;*!*/
/*    !*height: 32px;*!*/
/*    !*font-size: 14px;*!*/
/*    !*font-weight: bold;*!*/
/*    !*color: #fff;*!*/
/*    !*line-height: 32px;*!*/
/*    !*border-bottom: 2px solid #8f77b5;*!*/
/*    !*text-align: center;*!*/
/*}*/
/*.authentication > .tit ul{*/
/*    margin: 0;*/
/*    padding-bottom: 12px;*/
/*    border-bottom: 2px solid #EBE4F6;*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*}*/
/*.authentication > .tit ul li{*/
/*    !*width: 130px;*!*/
/*    !*padding:0 20px;*!*/
/*    !*float: left;*!*/
/*    !*border-radius: 3px 3px 0 0;*!*/
/*    !*background: #8f77b5;*!*/
/*    color: #6A4B92;*/
/*}*/
/*.authentication > .main{*/
/*    width: 100%;*/
/*    padding: 7px 0 0;*/
/*    height: 195px;*/
/*    !*overflow-y: auto;*!*/
/*    !*overflow-x: hidden;*!*/
/*    float: left;*/
/*}*/
/*.authentication > .main >ul{*/
/*    margin: 0 -4px;*/
/*}*/
/*.authentication > .main >ul li{*/
/*    width: 328px;*/
/*    margin: 0 4px;*/
/*    box-sizing: border-box;*/
/*    background: #F9F7FB;*/
/*    !*float: left;*!*/
/*    !*overflow: hidden;*!*/
/*    height: 185px;*/
/*}*/
/*.authentication > .main >ul li > div {*/
/*    padding: 8px;*/
/*}*/
/*.authentication > .main >ul li .img-box{*/
/*    width: 312px;*/
/*    height: 126px;*/
/*    background: #fff;*/
/*    overflow: hidden;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*}*/
/*.authentication > .main >ul li .img-box img{*/
/*    height: 126px;*/
/*}*/
/*.authentication > .main >ul li p{*/
/*    width: 100%;*/
/*    color: #331515;*/
/*    font-size: 12px;*/
/*    line-height: 20px;*/
/*    margin-top: 8px;*/
/*    position: relative;*/
/*    display: -webkit-box;*/
/*    -webkit-box-orient: vertical;*/
/*    -webkit-line-clamp: 2;*/
/*    overflow: hidden;*/
/*}*/

.authentication{
    width: 100%;
    float: left;
    margin: 30px 0;
}
.authentication > .tit{
    width: 1000px;
    height: 32px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    line-height: 32px;
    border-bottom: 2px solid #8f77b5;
    text-align: center;
}
.authentication > .tit ul{
    margin: 0;
}
.authentication > .tit ul li{
    /*width: 130px;*/
    padding:0 20px;
    float: left;
    border-radius: 3px 3px 0 0;
    background: #8f77b5;
}
.authentication > .main{
    width: 998px;
    padding: 20px 0;
    height: 206px;
    overflow-y: auto;
    overflow-x: hidden;
    float: left;
    border-left: 1px solid #ebe4f6;
    border-right: 1px solid #ebe4f6;
    border-bottom: 2px solid #ebe4f6;
}
.authentication > .main >ul{
    margin: 0;
}
.authentication > .main >ul li{
    width: 33.3%;
    float: left;
    overflow: hidden;
    text-align: center;
}
.authentication > .main >ul li >div{
    display: flex;
    justify-content: center;
    align-content: center;
}
.authentication > .main >ul li >div img{
    width: 250px;
    height: 140px;
}
.authentication > .main >ul li p{
    width: 100%;
    text-align: center;
    color: #331515;
    font-size: 12px;
    line-height: 22px;
}



/*------------protein-----protein structure----------------*/
.p-flex-start {
    display: flex;
    justify-content: flex-start;
}
.p-flex-start + .p-flex-start {
    margin-top: 9px;
}
.p-n-item,.p-c-item {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    color: rgba(51, 21, 21, 0.6);
    background: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.05);
    display: flex;
    justify-content: center;
    align-items: center;
}
.p-structure-name {
    width: auto;
    min-width: 110px;
    height: 54px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    background: #875CBE;
    line-height: 16px;
    color: #fff;
    padding: 0 14px;
    box-sizing: border-box;
    border-radius: 36px;
    z-index: 99;
    display: flex;
    align-items: center;
}
.p-c-tag,.p-n-tag {
    min-width: 88px;
    height: 54px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    background: #6157D6;
    color: #fff;
    padding: 0 14px;
    box-sizing: border-box;
    border-radius: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 9px;
    transform-style:preserve-3d;
    position: relative;
}
.p-c-tag:before {
    content: '';
    width: 22px;
    height: 26px;
    display: inline-block;
    background: url("https://file.medchemexpress.com/mce-com-email/2024/tag-before.svg") no-repeat;
    transform:translateZ(-1px);
    position: absolute;
    left: -16px;
}
.p-n-tag {
    background: #E09032;
    margin-left: 0;
    margin-right: 9px;
}
.p-n-tag:after {
    content: '';
    width: 22px;
    height: 26px;
    display: inline-block;
    background: url("https://file.medchemexpress.com/mce-com-email/2024/tag-before.svg") no-repeat;
    transform:translateZ(-1px);
    position: absolute;
    right: -16px;
}


/*-----------------------active-verification----------------------------*/
.active-verification{
    display: flex;
    justify-content: flex-start;
    flex-flow:row wrap;
}
.active-verification li{
    width: 100%;
    margin-bottom: 15px;
    background: #fff;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}
.active-verification li:last-child{
    margin-bottom: 0;
}
.active-verification li > .active-img{
    width: 40%;
    height: 160px;
    text-align: center;
    border: 1px solid #f3f3f3;
}
.active-verification li > .active-img img{
    height: 160px;
    max-width: 100%;
    margin: 0 auto;
}
.active-verification li > .active-desc{
    width: 60%;
    padding: 10px 0 10px 10px;
    line-height: 20px;
}







/*lib_partners*/
.lib_partners {
    margin-top: 37px;
    /*padding-bottom: 2px;*/
}

.lib_partners img {
    padding-top: 10px;
    display: block;
}

/*lib_info*/
#lib_info_2 {
    overflow: hidden;
}

#lib_info_2 dl {
    width: 100%;
}

#lib_info_2 dl dt {
    float: left;
    font-weight: bold;
    width: 90px;
    line-height: 23px;
}

#lib_info_2 dl dd {
    float: left;
    width: 700px;
    line-height: 23px;
}

/*Contents of Membrane Transporter/ Ion Channel Compound Library*/
#lib_info_3 img {
    max-width: 780px;
}

#lib_info_4 {
    /*padding: 15px 18px 0 18px;*/
    padding: 15px 18px 4px 18px;
    height: auto;
}

#lib_plate_part {
    display: none;
}

#lib_info_4 p {
    color: #331515;
}

#lib_info_4 table {
    margin: 5px 0 15px 0;
}

#lib_info_4 table th, #lib_info_4 table td {
    margin: 0;
    padding: 0;
}

#lib_info_4 table thead th {
    border: 0;
    color: #555;
    vertical-align: middle;
    text-align: center;
    font-weight: normal;
    height: 30px;
    width: auto;
}

#lib_info_4 table tbody th {
    border: 0;
    color: #555;
    vertical-align: middle;
    text-align: center;
    font-weight: normal;
    width: 20px;
    padding-right: 5px;
}

#lib_info_4 table tbody td {
    width: 66px;
    height: 45px;
    overflow: hidden;
    border: 1px solid #EEE;
    text-align: center;
    vertical-align: middle;
    margin: 0;
    padding: 0 1px;
    color: #555;
}

#lib_info_4 table tbody td.td_empty {
    width: 60px;
    background: #FBFBFB;
}

#lib_info_4 table tbody td span {
    -webkit-transform: scale(0.8);
    -o-transform: scale(1);
    display: inline-block;
    word-break: break-all;
    text-align: left;
}

#lib_plate_toggle {
    padding: 0;
    width: 80px;
    margin: 0 auto 10px auto;
}

.request_sdf {
    width: 450px;
    height: 300px;
    position: fixed;
    z-index: 104;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -225px;
    background-color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: none;
}

.request_sdf_con {
    width: 290px;
    margin: 30px auto 0 auto;
    text-align: center;
}

.request_sdf_tips {
    color: #331515;
    font-weight: bold;
    line-height: 28px;
    font-size: 14px;

}

.request_sdf_vail {
    height: 30px;
    line-height: 30px;
    color: #ee3134;
    letter-spacing: -0.3px;
}

.request_sdf_con input[type='text'] {
    height: 30px;
    /*line-height: 30px;*/
    padding: 0 5px;
    margin-top: 10px;
}

.txt_300 {
    width: 288px;
    border: 1px solid #bdbdbd;
}

.request_sdf_con input[type='button'] {
    margin-top: 10px;
}

.request_sdf_con input[type='button']:hover {
    cursor: pointer;
}

/* ====================================================
   product details
==================================================== */
/*pro_rgt*/
#pro_rgt {
    margin-top: -8px;
    overflow: hidden;
}

#pro_rgt h2 {
    color: #331515;
    line-height: 20px;
    font-size: 14px;
}

.pro_star {
    padding-top: 13px;
}
.star-img {
    overflow: hidden;
}

.star-tips {
   padding-top: 3px;
   padding-bottom: 3px;
}
.pro_star h2 {
    float: left;
}

.pro_star span {
    float: right;
    width: 16px;
    height: 16px;
    margin-left: 5px;
}

.span_star {
    background: url("../images/web/icon.png") no-repeat 0 -200px;
}

.span_star_gray {
    background: url("../images/web/icon.png") no-repeat -30px -200px;
}

.pro_other_forms {
    padding-top: 13px;
    box-sizing: content-box;
}

.pro_other_forms ul {
    padding: 3px 0 11px 0;
    max-height: 192px;
    overflow-y: auto;
}

.pro_other_forms ul li {
    padding-top: 7px;
    position: relative;
    font-size: 12px;
    font-size: 1.2rem;
    display: flex;
    justify-content: space-between;
}

.pro_other_forms ul li a {
    display: block;
    line-height: 20px;
    /*width: 230px;*/
}

.pro_other_forms ul li a:hover {
    color: #F60;
}

.pro_other_forms ul li span {
    line-height: 20px;
    /*position: absolute;*/
    top: 7px;
    right: 8px;
    min-width: fit-content;
}

.protein_other_forms ul{
    padding-top: 3px;
    height: 80px;
    overflow: auto;
}

.protein_other_forms ul li a {
    display: block;
    line-height: 20px;
    width: 255px;
}


.protein_img{
    width: 100%;
    height: 86px;
    margin-top: 21px;
}

#pro_rgt img {
    width: 282px;
    display: block;
}

.pro_related_lib {
    padding-top: 13px;
    height: 134px;
}

/*.pro_related_lib a {*/
/*    display: block;*/
/*}*/

.pro_related_kit {
    padding-top: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}


/*** module: Isoform - Product by wdf  ***/
.isoform_product { padding-top: 16px }
.isoform_pro_div > div { padding-left: 205px}
.isoform_product, .isoform_pro_div > b, .isoform_pro_div span , .isoform_pro_div i  { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box }
.isoform_pro_div > b, .isoform_pro_div span, .isoform_pro_div a, .isoform_pro_div i { display: inline-block;}
.isoform_pro_div > b, .isoform_pro_div span {  margin: 0; padding: 10px 10px 0 0 }
.isoform_pro_div a { padding: 2px 10px 1px;  background-color: #f9f7fb; font-weight: bold; line-height: 18px; box-shadow:1px 1px 1px rgba(216,216,216,.75)}
.isoform_pro_div i { margin-right: 6px; font-weight: bold }

/* --product details info-- */
/*Clinical Information 20170526*/
#pro_info_clinical {
    padding: 0 18px 6px 18px;
}

.mod-clinical-info {
    max-height: 1000px;
    overflow-y: auto;
}

#pro_info_clinical table {
    width: 100%;
}

#pro_info_clinical table thead th, #pro_info_clinical table tbody td {
    border: 0;
    line-height: 20px;
    box-sizing: border-box;
    word-break: break-all;
}

#pro_info_clinical table thead th {
    border-bottom: 1px solid #ebe4f6;
    color: #331515;
    padding-top: 14px;
    padding-bottom: 10px;
}

#pro_info_clinical table tbody td {
    vertical-align: top;
    border-bottom: 1px dotted #ebe4f6;
    padding-bottom: 5px;
    padding-top: 5px;
}

#pro_info_clinical table tbody td a {
    color: #6a4b92;
    font-weight: bold;
}

#pro_info_clinical table tbody td a:hover {
    color: #F60;
}

#pro_info_clinical_init tr:first-child td {
    padding-top: 12px;
}

#pro_info_clinical_more {
    display: none;
}

.pro_info_clinical_1 {
    width: 95px;
    text-align: left;
}

.pro_info_clinical_2 {
    width: 228px;
    padding-left: 18px;
    text-align: left;
}

.pro_info_clinical_3 {
    width: 202px;
    padding-left: 18px;
    text-align: left;
}
.details_info_tbl td.pro_info_clinical_3>div {
    max-height: 80px;
    padding: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.pro_info_clinical_4 {
    width: 146px;
    padding-left: 18px;
    text-align: left;
}

.pro_info_clinical_5 {
    width: 120px;
    text-align: center;
}

#pro_clinical_toggle {
    padding: 0;
    width: 95px;
    margin: 10px auto 6px 343px;
    display: none;
}

/*Preparing Stock Solutions*/
#pro_info_stock { padding: 0 0 10px 0 }

#pro_info_stock_td { margin-top: 10px }
#pro_info_stock table { width: 100% }

#pro_info_stock table th {
    height: 55px;
    border: 0;
    border-bottom: 1px solid #ebe4f6;
    color: #331515;
}

.pro_info_stock_span {
    display: block;
    padding-top: 14px
}

#pro_info_stock table td {
    border: 0;
    line-height: 20px;
}

.pro_info_stock_1 {
    width: 280px;
    text-align: right;
}

td.pro_info_stock_1 {
    padding-right: 178px;
    width: 94px;
}

.pro_info_stock_2 {
    width: 200px
}

.pro_info_stock_3 {
    width: 200px
}

.pro_info_stock_4 {
    width: 180px
}

#pro_info_stock_hd { position: relative; padding: 0; background: url("../images/web/cpd_ptc_tit_bg.png") no-repeat 0 0;}
#pro_info_stock_hd span { position: absolute }
#pro_info_stock_hd_1 { top: 36px; left: 18px}
#pro_info_stock_hd_2 { top: 10px; left: 78px}
#pro_info_stock_hd_3 { top: 10px; left: 154px}
.pro_info_stock_tips { margin: 10px 0 0 18px }

/*Preparing Stock Solutions*/
#pro_info_4, #pro_info_5 {
    border-top: 0;
    width: 100%;
}

/*Purity & Documentation*/
#pro_info_4 div {
    padding: 35px 18px 18px 24px;
    border-left: 1px solid #ebe4f6;
    border-right: 1px solid #ebe4f6;
    border-bottom: 2px solid #ebe4f6;
}

#pro_info_4 div.details_batch, #pro_info_4 .details_info_doc {
    padding: 0;
    border: 0;
    font-size: 12px;
}

.details_batch {
    overflow: hidden;
    margin-bottom: 35px;
}

.details_batch p {
    float: left;
    margin-top: 6px;
    width: 238px;
}

.details_batch label {
    float: left;
}

.details_batch label select {
    height: 26px;
    line-height: 21px;
    border: 1px solid #bdbdbd;
    padding: 0 0 0 5px;
    width: 200px;
    margin-left: 10px;
}

#pro_info_5 {
    padding: 0;
}

#pro_info_5 ul {
    border-left: 1px solid #ebe4f6;
    border-right: 1px solid #ebe4f6;
    border-bottom: 1px solid #ebe4f6;
    font-size: 12px;

}

#pro_info_5 li p {
    border-bottom: 1px solid #ebe4f6;
    padding: 16px 18px 15px 24px;
    text-align: justify;
    color: #7A7A7A;
}

#pro_info_5 li p a {
    color: #7A7A7A;
    line-height: 18px;
}

#pro_info_5 li p a:hover {
    color: #F60;
}

.pro_info_ref {
    margin-top: -4px;
}

.details_info_tbl td div .pro_info_ref p {
    margin-top: 4px;
    color: #7A7A7A;
}

.pro_info_ref p a {
    color: #7A7A7A;
    line-height: 18px;
}

.pro_info_ref p a:hover {
    color: #F60;
}

#kit_related_lib {
    margin-top: 18px;
}

#kit_related_lib img {
    display: block;
    margin-bottom: 3px;
    width: 282px;
}

.font_apply_now {
    cursor: pointer;
    color: #6a4b92;
    font-weight: bold;
}

.font_apply_now:hover {
    color: #F60;
}

/*backordered*/
.other_forms_backordered {
    padding: 5px 10px 0 11px;
}

.other_forms_backordered p {
    font-size: 14px;
    font-weight: bold;
}

.other_forms_backordered div {
    margin-top: 10px;
}

.other_forms_backordered div a {
    margin-right: 20px;
    font-size: 12px;

    line-height: 22px;
    padding-bottom: 2px;
    color: #6a4b92;
    font-weight: bold;
    border-bottom: 1px solid #ee3134;
}

.other_forms_backordered div a:hover { color: #F60 }


/*module: ETA Style wdf 20180322*/
.pop-eta-tips {
    /*display: none;*/
    position: absolute; top: 30px; right: 7px; z-index: 10;
}
.bubble-box {
    position: relative;
    box-sizing: border-box;
    /*min-width: 208px;*/
    height: 34px;
    line-height: 32px;
    padding: 0 12px;
    border: 1px solid rgb(189,189,189);
    background: rgba(255,255,255,.9);
    border-radius: 3px;
    color: #331515;
    font-weight: bold;
    white-space: nowrap;
    font-size: 15px;
}
.bubble-box:before, .bubble-box:after {
    content: "";
    display: block;
    position: absolute; right: 40px;
    width: 0;  height: 0;
    border: 4px solid transparent
}
.bubble-box:before {
    z-index: 1; top: -8px;
    border-bottom-color: rgba(255,255,255,1)
}
.bubble-box:after {
    z-index: 0; top: -9px;
    border-bottom-color: rgba(189,189,189,1)
}

.eta-tips {
    padding: 5px 0 0 12px;
    font-weight: bold;
    margin-bottom: -4px;
}
.fwno {
    font-weight: normal;
    padding-top: 6px;
}

#aa-sequence span {
    display: inline-block;
}

#aa-sequence>p>span {
    width: 110px;
}

#aa-sequence>p>span>span {
    width: 10px;
    text-align: center;
}


/* Customer Review */
.panel-box {
    border-left: 1px solid #ebe4f6;
    border-right: 1px solid #ebe4f6;
    border-bottom: 2px solid #ebe4f6;
}
.review-box {
    padding: 30px 18px 20px 24px;
}
.review-box-target-kit {
    padding: 10px 0 20px;
}
.review-item {
    padding-top: 10px;
    vertical-align: top;
}
.review-item-tips {
    padding: 3px 0 0 123px;
}
.review-item>.label-control { width: 120px; font-weight: bold; padding-top: 6px }
.star-list {
    display: inline-block;
    margin-top: 3px
}
.star-list>i {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    background-image: url("../images/web/icon.png");
    background-repeat: no-repeat;
    background-position: -58px -200px;
    cursor: pointer;
}
.star-list>i.actived, .star-list>i.selected {
    background-position: 0 -200px;
}
.star-num {
    display: inline-block;
    margin-left: 11px;
    padding-top: 6px;
    vertical-align: top;
}
.review-img {
    display: inline-block;
    padding: 5px;
    border: 1px solid #bdbdbd;
    background-color: #f9f9f9;
}
.review-item-upload {
    position: relative;
}
.review-upload-tips {
    position: absolute;
    top: 16px;
    left: 211px;
}

/* JP: Select Japan Distributor */
.jp-dis-item>label {
    padding-top: 4px;
    display: inline-block;
    width: 175px;
}
.jp-dis-item>label>span {
    margin-left: 6px;
}
.jp-dis-inq {
    padding-left: 10px;
    display: inline-block;
}
.jp-dis-inq>label {
    font-weight: normal;
    padding-top: 4px;
    display: inline-block;
    width: 162px;
}

/** modules: Compound => Solvent & Solubility **/
.details_info_td>.ss-title { background-color: #f9f7fb; padding: 6px 14px 3px; margin: 7px 6px 8px 5px; font-size: 14px; color: #6a4b92; font-weight: bold; line-height: 20px; font-style: italic }
.details_info_td>.ss-vitro { padding: 3px 18px 10px }
.details_info_td>.ss-vivo  { padding: 6px 18px 7px 19px; margin-top: -8px }
/*.ss-vivo-list>li>div { box-sizing: border-box; display: table-cell; vertical-align: top }*/
/*.ss-vivo-list>li { position: relative }*/
/*.ss-vivo-list>li:first-child>div { border-top: 0 }*/
.ss-vivo-order { width: 15px;  padding-top: 6px; line-height: 20px }
.ss-vivo-text  { padding: 6px 0 3px }
.ss-vivo-tips  { padding: 6px 0 3px 0 }

.ss-vivo-img   { display: none; position: absolute; bottom: 6px; right: 0 }

.lh20 { line-height: 20px }
.lh30 { line-height: 30px }
.mt5  { margin-top: 5px }
.mt2  { margin-top: 2px}
.f-gray { color: #7A7A7A }

.eu-in-stock { padding-right: 10px }

.classify-item{
    display: inline-block;
    margin-bottom: 12px;
    width: 100%;
}
.classify-container ul:last-child{
    margin-bottom: 0;
}
.classify-item li{
    float: left;
}
.classify-item li:after{
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: transparent;
    box-shadow: 1px 1px 0 0 #8f77b5;
    transform: rotate(-45deg);
    vertical-align: baseline;
    margin-left: 12px;
    margin-right: 18px;
}
.classify-item li:last-child::after{
    box-shadow: none;
}

.source-classify > ul {
    margin-bottom: 0px;
}
.source-classify ul li a{
    border-bottom: 1px solid #F69120;
    line-height: 20px;
}


/*部分样式重置*/
/*.recommendations_pro_con{*/
/*    width: 900px;*/
/*}*/

.recommendations_pro_tit { width: 230px; float: left; }

/* FAQs start */
.pro-faq-container *{
    box-sizing: border-box;
}
.pro-faq-container{
    margin-top: 55px;
    margin-bottom: 48px;
}
.pro-faq-title{
    margin-bottom: 40px;
}
.pro-faq-title span{
    display: inline-block;
    width: 128px;
    height: 31px;
    line-height: 31px;
    border-radius: 4px 4px 0 0;
    background-color: #8972ac;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
}
.pro-faq-title:after{
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #8f77b5;
}
.pro-faq-card{

}
.pro-faq-card .card-item{
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    min-height: 48px;
    border-top: 1px solid #e0d9ec;
    padding: 11px 0 12px 25px;
    cursor: pointer;
}
.pro-faq-card .card-item:last-of-type{
    border-bottom: 1px solid #e0d9ec;
}
.card-item > div{
    position: relative;
}
.card-item .icon-angle-right{
    position: absolute;
    left: -15px;
    top: 3px;
    font-size: 14px;
    color: #8972ac;
}
.card-item .icon-angle-down{
    position: absolute;
    left: -15px;
    top: 3px;
    font-size: 14px;
    color: #8972ac;
}
.is-toggle .card-item-title{
    font-weight: bold;
    color: #6a4b92;
}
/*.pro-faq-card .card-item.is-toggle p{*/
/*    display: block;*/
/*}*/
/*.is-toggle .icon-angle-right{*/
/*    -webkit-transform: rotate(90deg);*/
/*    transform: rotate(90deg);*/
/*}*/
.pro-faq-card .card-item > span{
    display: block;
    line-height: 23px;
    font-size: 14px;
}
.pro-faq-card .card-item p{
    /*display: none;*/
    font-size: 14px;
    line-height: 22px;
    margin-top: 7px;
}
.font-colour-style-blue{
    color: blue;
}
.font-colour-style-black{
    color: #0b2e13;
}
/* FAQs end */

/*部分样式重置*/
/*.recommendations_pro_con{*/
/*    width: 900px;*/
/*}*/


.details_info_tbl td > .wavelength {padding: 13px 18px 15px 18px;}
.wavelength > a {border-bottom: 1px solid #F69120;}

.product-salt-text {
    padding-top: 8px;
}
.product-salt-text p {
    line-height: 22px;
    font-size: 14px;
}
.product-salt-text p a{
    font-weight: 700;
    font-size: 16px;
}
.product-salt-text p span {
    color: #6a4b92;
    font-weight: bold;
}

.mod-row, .mod-right-row {
    display: flex;
    align-items: center;
    position: relative;
}
.mod-row {
    border-top: 1px solid #ebe4f6;
}
.mod-row * {
    box-sizing: border-box;
}
.mod-row:first-child {
    border-color: #ebe4f6;
    border-width: 0;
}
.mod-right-row:not(:last-child),
.mod-row:last-child {
    border-bottom: 1px solid #ebe4f6;
}
.mod-row:last-child {
    border-bottom-width: 0;
    border-bottom-color: #ebe4f6;
}
.mod-left {
    padding: 8px 15px;
    width: 180px;
    flex-shrink: 0;
}
.mod-td {
    padding: 8px 15px;
    width: 50%;
}
.mod-td:last-child::before {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    top: 0;
    left: 50%;
    height: 100%;
    background-color: #ebe4f6;
}
.mod-right {
    flex-grow: 1;
    border-left: 1px solid #ebe4f6;
}

/*** modules: Related Antibodies ***/

.pro-related-antibodies {
    margin-top: 30px;
}

.pro-antibodies-header {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

.pro-antibodies-header:after {
    content: "";
    position: absolute;
    left: -50%;
    top: 100%;
    display: block;
    width: 200%;
    height: 1px;
    background-color: rgba(0, 0, 0, .1);
    transform: scale(.5);
}

.pro-antibodies-header h2 {
    line-height: 18px;
    color: #6a4b92;
    padding: 10px 0 10px 0;
    font-size: 16px;
}

.pro-carousel-arrow {
    display: flex;
    justify-content: space-between;
    width: 46px;
}

.pro-slick-prev,
.pro-slick-next {
    cursor: pointer;
}

.pro-carousel-group {
    margin-top: 12px;
    overflow: hidden;
}

.pro-carousel-list {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin: 0 -4px;
}
.pro-carousel-list .pro-carousel-item {
    padding: 0 4px;
}

.pro-carousel-box {
    height: 100%;
    padding: 12px;
    border-radius: 4px;
    box-sizing: border-box;
    background: #FEFBF0 url(//file.medchemexpress.cn/new/images/web/pro-antibody-bg.svg) no-repeat right bottom;
    background-size: 74px 49px;
}

.pro-antibodies-link {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 8px;
}

.pro-antibodies-tit {
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pro-antibodies-text-box {
    display: flex;
    flex-flow: row nowrap;
}

.pro-carousel-box p:nth-of-type(1) {
    margin-right: 6px;
}

.pro-carousel-box p:empty {
    padding: 0;
    margin: 0;
}

.pro-antibodies-text {
    display: inline-block;
    max-width: fit-content;
    flex: 1;
    font-size: 12px;
    line-height: 14px;
    background-color: #FFECCF;
    border-radius: 4px;
    padding: 4px 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.slick-arrow.slick-disabled {
    opacity: .3;
}

.pro-antibodies-wrapper{
    margin-top: 11px;
    margin-bottom: 4px;
    padding: 10px 0 13px 0;
    border-top: 1px dashed #D6C7EE;
}

.bt-d6 {
    border-top: 1px dashed #D6C7EE;
}

.pro-related-antibodies-cont {
    display: flex;
    height: 20px;
    overflow: hidden;
}

.pro-related-antibodies-tit h3 {
    font-size: 14px;
    font-weight: 700;
    line-height: 23px;
}

.pro-view-more {
    width: 20px;
    height: 15px;
    margin-top: 3px;
    flex: none;
    text-align: center;
    cursor: pointer;
}
.icon-pro-arrow-down {
    display: inline-block;
    width: 11px;
    height: 7px;
    background: url("/new/images/web/pro-arrow-down.svg") no-repeat;
    background-size: cover;
}
.pro-antibodies-cont-list {
    display: flex;
    flex-flow: row wrap;
    height: fit-content;
}
.pro-related-antibodies-cont.is-unfold {
    height: auto;
}
.pro-related-antibodies-cont.is-unfold + .pro-view-more .icon-pro-arrow-down {
    transform: rotate(.5turn);
}
.pro-antibodies-cont-item {
    margin-right: 18px;
}
.pro-antibodies-cont-item a {
    font-size: 14px;
    line-height: 23px;
    color: #6A4B92;
}




/** modules: Compound => solution **/
.solution-tit{
    width: 100%;
    height: 36px;
    line-height: 36px !important;
    padding:0 0 0 14px !important;
    margin: 0 !important;
    background: #8F77B5 !important;
    color: #fff !important;
    box-sizing: border-box;
}
.solution-vitro {
    padding:10px 14px !important;
}
.dmso-link{
    font-weight: bold;
}
.dmso-link:after{
    content: '';
    width: 9px;
    height: 9px;
    background: url("https://file.medchemexpress.com/mce-com-email/2024/searchlope-icon.svg") no-repeat;
    display: inline-block;
    vertical-align: top;
}
.dmso-link:hover:after{
    background: url("https://file.medchemexpress.com/mce-com-email/2024/searchlope-icon-hover.svg") no-repeat;
}
.file-link{
    font-weight: bold;
}
.file-link:after{
    content: '';
    width: 12px;
    height: 12px;
    background: url("https://file.medchemexpress.com/mce-com-email/2024/icon-contact-us.svg") no-repeat;
    display: inline-block;
    vertical-align: top;
}
.file-link:hover:after{
    background: url("https://file.medchemexpress.com/mce-com-email/2024/icon-contact-us-hover.svg") no-repeat;
}
.ss-icon-arrow-down{
    width: 15px;
    height: 7px;
    background: url("https://file.medchemexpress.com/mce-com-email/2024/more-icon.svg") no-repeat;
    display: inline-block;
    cursor: pointer;
}
.ss-icon-arrow-up{
    width: 15px;
    height: 7px;
    background: url("https://file.medchemexpress.com/mce-com-email/2024/more-icon-up.svg") no-repeat;
    display: inline-block;
    cursor: pointer;
}

.stock-view{
    text-align: center;
}
.unfold-up{
    display: block;
}
.stock-tit{
    margin: 3px 14px 0 !important;
    padding: 0 !important;
    position: relative;
}
.stock-more{
    width: 100%;
    height: 58px;
    position: absolute;
    bottom: 0;
    display: flex;
    /*padding: 0;*/
    justify-content: center;
    align-items: flex-end;
    background-image: linear-gradient(rgba(255,255,255,0.3) 15%, white 70%);
    caret-color: transparent;
}
.stock-more img {
    cursor: pointer;
}

.solution-table{
    margin: 5px 14px 0;
    padding: 0 !important;
    color: #6A4B92;
    font-weight: bold;
    caret-color: transparent;
}
.solution-table span{
    cursor: pointer;
}
.solution-table:before{
    content: '';
    width: 16px;
    height: 12px;
    background: url("https://file.medchemexpress.com/mce-com-email/2024/stock-solution-icon.svg") no-repeat;
    display: inline-block;
    margin-right: 5px;
}
/*-----------------摩尔计算器----------------------*/
.molarity-calculator{
    margin: 0;
    padding: 0 !important;
}
.molarity-tit{
    background: #F9F7FB;
    border-top: 1px solid rgba(143, 119, 181, 0.2);
    border-bottom: 0;
    margin-top: 0 !important;
    padding-left: 12px;
    box-sizing: border-box;
}
.molarity-tit .actived{
    background-color:unset !important;
    border-bottom: 2px solid #6A4B92;
}
.molarity-tit .actived h2{
    color: #6A4B92 !important;
}
.molarity-tit li{
    border-radius: 0;
    margin-right:15px !important;
    padding: 5px 0 !important;
    position: relative;
    caret-color: transparent;
}
.molarity-tit li:last-child{
    margin-left:15px !important;
}
.molarity-tit li:not(:last-child):after{
    content: '';
    width: 1px;
    height: 12px;
    background: #8F77B5;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 10px;
    right: -16px;
}
.molarity-con{
    border: 0 !important;
    padding: 0 14px !important;
}

.calculator-new-box{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.calculator-new-box fieldset{
    width: 180px;
    height: 41px;
    margin: 0;
    /*border: 1px solid #BDBDBD;*/
    position: relative;
}
.calculator-new-box fieldset legend{
    padding: 0 5px;
    margin-left: 5px;
    background: #fff;
}
.calculator-new-box fieldset input{
    width: 120px !important;
    height: 28px;
    font-size: 14px;
    background: none;
    padding-left: 10px !important;
    box-sizing: border-box;
    border: 0;
    position: absolute;
    /*top: -2px;*/
    bottom: 0;
}
.after-line{
    width: 1px;
    height: 24px;
    background: #BDBDBD;
    position: absolute;
    left: 121px;
    /*top: -2px;*/
    bottom: 5px;
}
.calculator-new-box fieldset select{
    background: none;
    border: 0;
    margin-right: 5px;
    position: absolute;
    right: 0;
    bottom: 4px;
    /*top: -4px;*/
}

.calculator-btn-new{
    margin-left: 0;
    display: flex;
}
.calculator-btn-new li {
    margin-top: 5px;
}
.calculator-btn-new li:first-child input{
    width: 182px;
    margin-right: 8px;
    background: #FF7E00;
}
.calculator-btn-new li:last-child input{
    width: 182px;
    background: #FFF;
    border: 1px solid #EB7809;
    color: #FF5C00;
}
#errorInfoM,#errorInfo{
    height: auto;
    margin-top: -4px;
    padding-left: 0;
    caret-color: transparent;
}



/*-----------------溶剂度数据----------------------*/
.pdborder{
    padding: 10px 0;
    border-bottom: 1px dashed rgba(143, 119, 181, 0.5);
}
.pdbordertop{
    border-top: 1px dashed rgba(143, 119, 181, 0.5);
}
.vivo-list-new{
    padding: 0 14px;
    overflow: hidden;
}

.step-tit{
    width: 68px !important;
    height: 20px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    box-sizing: border-box;
    padding: 2px 0 !important;
    border-radius: 2px 2px 8px 8px;
    background: #2CB8C3;
    z-index: 3;
    margin-left: 12px;
    top: -9px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.invivo-step {
    position: relative;
    background-color: #fafafa;
    margin-top: 8px;
    padding-top: 2px;
    padding-bottom: 1px;
}
.invivo-step:hover {
    background-color: #f7f7f7;
}
.invivo-step>.ss-vivo-order {
    position: absolute;
    width: 35px;
    padding-left: 15px;
    top: 2px;
    left: 0;
}
.invivo-step>.ss-vivo-text {
    padding-left: 35px;
    padding-right: 80px;
}
.invivo-step>.ss-vivo-oprate {
    position: absolute;
    width: 80px;
    height: 52px;
    padding-top: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    font-size: 14px;
    color: #6a4b92;
}
.invivo-step>.ss-vivo-oprate>i {
    display: inline-block;
    margin: 28px 0 0 52px;
}
.invivo-brief {
    padding: 8px 8px 0 35px;
    display: block;
}
.details_info_tbl td div .invivo-brief>p{
    line-height: 21px;
}
.invivo-step-new{
    border-top: 1px solid rgba(143, 119, 181, 0.5);
    position: relative;
}
.ss-vivo-text-new{
    margin-top: 10px;
    padding-left: 12px !important;
    padding-right: 0 !important;
}

.icon-right-arrow {
    background: url("https://file.medchemexpress.com/mce-com-email/2024/right-arrow.svg") no-repeat;
    width: 15px;
    height: 12px;
    display: inline-block;
}

.invivo-brief-new{
    padding-left: 12px;
}
.invivo-brief-new p{
    font-size: 12px !important;
}
#solution-top-arrow,#solution-list-arrow{
    text-align: center;
    caret-color: transparent;
}
.mag10{
    margin: 10px 0;
}
.span-new-tip {
    color: #D1510A;
}
.span-new-tip:before{
    content: '';
    width: 16px;
    height: 16px;
    background: url("https://file.medchemexpress.com/mce-com-email/2024/icon-tip.svg") no-repeat;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 5px;
}
.text-tip {
    color: #D1510A;
}
.text-tip:before{
    content: '';
    width: 14px;
    height: 14px;
    background: url("https://file.medchemexpress.com/mce-com-email/2024/file-text-icon.svg") no-repeat;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 5px;
}



/*----------储备液表-----------------*/
.ss-table{
    line-height: 20px;
}
.ss-table table{
    width: 100%;
    font-size: 14px;
    border: 1px solid #ebe4f6;
}
.pss-hd {
    border-bottom: 0 !important;
}
.ss-table table:last-child{
    border-top: 0;
}
.ss-table tr td{
    border: 1px dotted #ebe4f6;
    padding: 8px 0 1px;
    text-align: center;
}
.ss-table tr th{
    height: 50px;
    padding: 5px 0;
    text-align: center;
    border: 1px dotted #ebe4f6;
    background: #F9F7FB;
    border-bottom: 0;
}
.ss-table tr:last-child td{
    border-bottom: 0;
}
#ss-table-thead { width: 188px; position: relative; background:#F9F7FB url(../images/web/stock-solutions-hd-bg.png) no-repeat;}
#ss-table-thead > span { position: absolute }
#ss-table-th-1 { top: 39px; left: 18px }
#ss-table-th-2 { top: 10px; left: 74px }
#ss-table-th-3 { top: 10px; left: 150px }

.ss-table2 td:last-child,.ss-table2 td:nth-last-of-type(2),.ss-table2 td:nth-last-of-type(3),.ss-table2 td:nth-last-of-type(4) {
    width: 157px;
}
.ss-table2 td:nth-last-of-type(5) {
    width: 118px;
    padding-right: 70px;
    text-align: right;
    font-weight: bold;
}
.ss-table-tip {
    padding: 0 !important;
    margin:5px 0 10px;
}
.ss-table-tip > p{
    line-height: 23px;
    color: #331515;
    text-align: justify;
    font-size: 14px;
    margin-left: 18px;
}
.ss-table-tip > span {
    float: left;
    padding-top: 4px;
}

/** modules: Compound => Animal solution calculator **/

/*------------leftnav-----------------*/
.leftnav-box{
    width: 90px;
    position: absolute;
    right: -105px;
    top: 26px;
    display: flex;
    flex-flow: row wrap;
}
.leftnav {

}
.nav-item {
    width: 90px;
    height: 86px;
    margin-top: 4px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-content: space-evenly;
    background: url("https://file.medchemexpress.com/mce-com-email/2024/icon-left-navbg.svg") no-repeat;
}
.nav-item .img-box {
    width: 36px;
    height: 36px;
    background: #8F77B5;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.nav-item .img-box img{
    height: 20px;
}
.nav-item .img-box .experimental-tips {
    height: 28px;
}
.nav-item p {
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #6A4B92;
}



/*.leftnav {*/
/*    opacity: 0;*/
/*    transition: all .5s linear;*/
/*}*/

.leftnav-fixed{
    position: fixed;
    top: 205px;
    /*opacity: 1;*/
}

/*.hide {
    opacity: 0;
    !*animation: fade-out 5s linear;*!

}*/

@keyframes fade-out {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.a-solution-item {
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #6A4B92;
    font-weight: bold;
    padding-left: 12px;
    background: #F9F7FB;
    border-top: 1px solid rgba(143,119,181,0.2);
    box-sizing: border-box;
}
.a-scheme {
    width: 100%;
    padding: 15px 14px 0;
    box-sizing: border-box;
}
.a-scheme-tit:before{
    content: '1';
    width: 15px;
    height: 15px;
    font-size: 12px;
    border-radius: 50%;
    color: #fff;
    background: #2CB8C3;
    text-align: center;
    vertical-align: text-top;
    display: inline-block;
    margin-right: 9px;
    padding-top: 1px;
    box-sizing: border-box;
}
.a-matching input[type=text] {
    /*color: rgba(51, 21, 21, 0.3);*/

}

.a-matching-tit{
    padding-top: 15px;
    border-top: 1px dashed rgba(143, 119, 181, 0.3);
}
.a-matching-tit:before{
    content: '2';
    width: 15px;
    height: 15px;
    font-size: 12px;
    border-radius: 50%;
    color: #fff;
    background: #2CB8C3;
    text-align: center;
    vertical-align: text-top;
    display: inline-block;
    margin-right: 9px;
    padding-top: 1px;
    box-sizing: border-box;
}
.c-flex-form {
    width: 100%;
    /*padding-bottom: 12px;*/
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    flex-flow: row nowrap;
    align-items: flex-end;
    /*border-bottom: 1px dashed rgba(143, 119, 181, 0.3);*/
    margin-bottom: 0;
}


.c-flex-form  .c-form-item{
    /*width: 158px;*/
}
.c-flex-form  .c-form-item:not(:last-child):after{
    content: '';
    background: url("https://file.medchemexpress.com/mce-com-email/2024/calculator-arrow.svg") no-repeat;
    width: 15px;
    height: 12px;
    display: inline-block;
    margin:0 24px 0 19px;
    vertical-align: text-bottom;
}
.c-flex-form p {
    font-size: 12px !important;
    font-weight: bold;
    margin-bottom: 2px;
}
.c-flex-form  input{
    width: 85px;
    margin-right: 6px;
}
.c-flex-form input,.c-flex-form select{
    height: 36px;
    font-size: 14px;
    padding-left: 17px !important;
}
.c-flex-form input[type='text']::placeholder{
    color: rgba(51, 21, 21, 0.3);
}
.c-tip{
    width: 171px;
    /*height: 40px;*/
    font-size: 12px;
    line-height: 16px;
    padding: 4px 13px;
    box-sizing: border-box;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 18px;
    border-top-right-radius: 18px;
    background: #FDEFEF;
    color: #D1510A;
}
.icon-add{
    font-size: 20px;
    margin: 0 13px;
    display: inline-block
}
.a-calculator-btn{
    width: 200px;
    height: 36px;
    background: #FF7E00;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
}
.reset-btn{
    width: 200px;
    height: 36px;
    border:1px solid #EB7809;
    color: #EB7809;
    background: none;
    font-weight: bold;
    font-size: 14px;
    margin: 0 0 0 8px;
    cursor: pointer;
    text-align: center;
}
.error {
    color: #ee3134;
    margin-top: 8px;
}

.result-tit{
    width: 132px;
    height: 20px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    box-sizing: border-box;
    padding: 2px 0;
    border-radius: 2px 2px 8px 8px;
    background: #2CB8C3;
    position: relative;
    z-index: 3;
    margin-left: 12px;
}
.line{
    width: 100%;
    height: 1px;
    background: rgba(143, 119, 181, 0.5);
    position: relative;
    top: -10px;
}
.result{
    line-height: 26px;
}
.other-span{

}
.result > span:not(.other-span){
    color: #D1510A;
    font-weight: bold;
    padding: 0 10px;
    font-size: 14px;
}
.result-tip span{
    color: #D1510A;
    line-height: 24px;
}
.result-tip span:before{
    content: '';
    width: 16px;
    height: 16px;
    background: url("https://file.medchemexpress.com/mce-com-email/2024/icon-tip.svg") no-repeat;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 5px;
}
.result-tip strong:after{
    content: '';
    width: 12px;
    height: 12px;
    background: url("https://file.medchemexpress.com/mce-com-email/2024/icon-contact-us.svg") no-repeat;
    display: inline-block;
    vertical-align: super;
    margin: 0 2px;
}
.result-tip .normal-saline-6:hover strong:after{
    content: '';
    width: 12px;
    height: 12px;
    background: url("https://file.medchemexpress.com/mce-com-email/2024/icon-contact-us-hover.svg") no-repeat;
    display: inline-block;
    vertical-align: super;
    margin: 0 2px;
}


.qrcode-box {
    position: absolute;
    right: -105px;
    top: 12px;
    margin: 0 16px;
}
#qrcode img {
    width: 65px;
    height: 65px;
}
.qrcode-box p{
    line-height: 16px !important;
    font-size: 12px !important;
    color: #D1510A !important;
    margin:7px 0 0 7px;
}
.calculator-link{
    border-bottom: 1px solid #F69120;
    text-decoration: none;
    cursor: pointer;
}

.normal-saline-5{
    color: #D1510A;
    border-bottom: 0;
    cursor: pointer;
}
.normal-saline-5:after{
    content:'';
    width: 14px;
    height: 14px;
    background: url("https://file.medchemexpress.com/mce-com-email/2024/icon-saline.svg") no-repeat;
    display: inline-block;
    vertical-align: top;
    margin: 0 2px;
}

/*--------------Customer Validation-------------------*/

.custom-height > ul {
    padding: 10px 0;
    border-bottom: 1px solid #ebe4f5;
}

.custom-validation-list {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.custom-validation-list li {
    width: calc(100% / 3);
    text-align: center;
    /*padding: 10px;*/
}
.custom-validation-list li:not(:last-child) {
    border-right: 1px solid #ebe4f5;
}
.custom-validation-list li img {
    text-align: center;
}
.custom-border-btm {
    line-height: 50px;
    color: #888888;
    border-bottom: 2px solid #ebe4f5;
}
.relative_density{
    display: inline-block;
    font-weight: bold;
    color: #6a4b92;
    padding-left: 32px;
    font-size: 15px;
}

/*--------------Kit Product Verification--------------------*/
#kit_cv_exp {
    width: 100%;
    overflow: hidden;
}
#kit_cv {
    width: 1000px;
    float: left;
    position: relative;
}
#kit_cv_sh {
    position: absolute;
    top: 183px;
    right: 0;
}

/*-------------------Cellular Effect-----------------------------*/
.cellular-effects-list,.parmacokinetics-list {
    padding: 0 !important;
}
.cell-info {
    max-height: 340px;
    overflow-y: auto;
    z-index: 60;
}
.tr-fixed > tr{
    position: fixed;
    width: 100%;
    z-index: 1;
    padding-right: 10px;
    box-sizing: border-box;
}
.tr-fixed + .tr-body {
    display: block;
    margin-top: 36px;
}
#parmacokinetics-table {
    border-bottom: 1px solid #ebe4f6;
}
.parmacokinetics-list {
    width: 827px;
    overflow-x: auto;
    /*overflow-y: hidden;*/
    position: relative;
}
.first-two > tr {
    display: none;
}
.first-two > tr:nth-child(-n+2) {
    display: table-row;
}
.cell-table th,.parmacokinetics-list table th {
    box-sizing: border-box;
    padding: 10px 0 10px 18px;
    background: #f9f7fb;
    border-bottom: 1px solid #ebe4f6;
}
.cell-table > tbody >tr > td,.parmacokinetics-list table td {
    border-top: 1px dashed #ebe4f6;
}

.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.cell-table th,.cell-table > tbody >tr > td,.parmacokinetics-list table th {
    border-right: 1px dashed #ebe4f6;
}
.cell-table td,.parmacokinetics-list table td {
    box-sizing: border-box;
    padding: 10px 0 10px 18px;
    border-right: 1px dashed #ebe4f6;
}
.cell-table > thead >tr > th:last-child,.cell-table > tbody >tr > td:last-child,.parmacokinetics-list table th:last-child,.parmacokinetics-list table td:last-child {
    border-right: 0;
}
.cell-table tr td:last-child a,.cell-table tr td:not(:nth-child(4)) {
    word-break: break-all;
}
.cell-table tr td:nth-child(2) a {
    color: #6a4b92;
    font-weight: bold;
}
.cell-table tr td:nth-child(2) a:hover {
    color: #f60;
}

.cellular-effects-list {
    position: relative;
}

/* 滚动条整体样式 */
.cell-info::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
.cell-info::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.cell-info::-webkit-scrollbar-thumb {
    background: #e0d9ec;
    border-radius: 6px;
}

.cell-table-filter-ic {
    display: inline-block;
    /*content: "";*/
    width: 16px;
    height: 16px;
    margin-left: 4px;
    background: url(//file.medchemexpress.cn/mce-cn-email/2024/icon-filter-purple.svg) no-repeat;
    vertical-align: bottom;
    cursor: pointer;
    caret-color: transparent;
}
.table-filter-list {
    display: none;
}
.cell-table tr th:first-of-type {
    position: relative;
}

.table-filter-list input[type=checkbox] {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    min-width: 16px;
    -webkit-appearance: none;
    background-color: transparent;
    outline: 0 !important;
    line-height: 20px;
    color: #d8d8d8;
    border: 1px solid #e0e0e0;
    position: relative;
    /*top: 2px;*/
    left: 0;
    cursor: pointer;
    caret-color: rgba(0,0,0,0);
}

.table-filter-list input[type=checkbox]:checked:after {
    content: "";
    border-style: solid;
    border-color: transparent #6a4b92 #6a4b92 transparent;
    border-width: 2px;
    transform: rotate(45deg);
    width: 3px;
    height: 8px;
    display: block;
    margin-left: 4px;
    border-radius: 2px;
    margin-top: -1px;
}

.table-filter-list input[type=checkbox]:checked {
    border: 1px #e0e0e0 solid;
}

.table-filter-list input[type=checkbox]:checked + label {
    font-weight: 700;
    color: #6a4b92;
}

.table-filter-list {
    width: fit-content;
    min-width: max-content;
    position: absolute;
    left: 0;
    padding: 3px 0;
    background: #FFF;
    border-radius: 3px;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .1));
    color: #331515;
    font-weight: normal;
    text-align: left;
    box-sizing: border-box;
    z-index: 98;
    top: 37px;
}

.table-filter-list {
    display: none;
}

.table-filter-list.is-show {
    display: block;
}

.table-filter-list::before {
    content: "";
    position: absolute;
    width: 0;
    left: 85px;
    height: 0;
    border-style: solid;
    border-width: 0 6px 8px 6px;
    top: -7px;
    border-color: transparent transparent #fff transparent;
    /*filter: drop-shadow(0 0 1px rgba(0,0,0,.1));*/
    z-index: 2;
}

.table-filter-list li {
    padding: 4px 4px 4px 16px;
}

.table-filter-list li label {
    margin-left: 5px;
    cursor: pointer;
    vertical-align: bottom;
}

.cell-search {
    padding: 3px 16px;
    position: relative;
}
.cell-search input[type=text] {
    border: 1px solid #e0e0e0;
    height: 22px;
    line-height: 22px;
    padding-left: 5px;
    width: 100%;
    box-sizing: border-box;
}
.ic_cell-search {
    background: url("/new/images/web/gene_search-gray.png") no-repeat;
    position: absolute;
    top: 8px;
    right: 20px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    caret-color: transparent;
}
.ul-cell {
    max-height:237px;
    overflow: auto;
}
.btn-cell {
    height: 22px;
    padding: 5px 0 3px;
    display: flex;
    justify-content: center;
    gap: 20px;
}
.btn-cell-confirm {
    width: 60px;
    height: 22px;
    line-height: 22px;
    background: #FF7E00;
    color: #fff;
    cursor: pointer;
}
.btn-cell-cancle {
    width: 60px;
    height: 22px;
    line-height: 22px;
    background: #fff;
    border: 1px solid #EB7809;
    color: #FF5C00;
    cursor: pointer;
}

.poptip-box {
    position: absolute;
    z-index: 1;
    left: 0;
    top: calc(100% - 5px);
    max-width: 185px;
    min-width: fit-content;
    width: max-content;
    transform: translateX(0) translateY(6px);
    font-weight: normal;
    background: #fff;
    border-radius: 2px;
    padding: 11px 11px 11px 6px;
    filter: drop-shadow(2px 2px 8px rgba(51, 21, 21, 0.22));
}

/*.poptip-box::after {*/
/*    color: #331515;*/
/*    font-size: 12px;*/
/*    line-height: 17px;*/
/*    content: attr(aria-controls);*/
/*    white-space: normal;*/
/*}*/

.poptip::before, .poptip-box {
    display: none;
    transition: all 0.2s ease 0.2s;
    box-sizing: border-box;
}

.poptip-box::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: #fff transparent transparent transparent;
    left: 20px;
    bottom: 100%;
    transform: translateX(0%) translateY(0) rotate(180deg);
    z-index: 2;
}

.poptip:hover::before,
.poptip:hover .poptip-box {
    /*visibility: visible;*/
    /*opacity: 1;*/
    display: block;
}
.cell-table tr td:nth-child(3) .over-border .poptip-box {
    bottom: 100%;
}

.over-border .poptip-box {
    top: auto;
    bottom: calc(100% - 6px);
    transform: translateY(-8px);
}

.over-border .poptip-box::before {
    transform: translateX(0%) translateY(-2px) rotate(0deg);
    bottom: auto;
    top: 100%;
}


.d-flex {
    display: flex;
}
.flex-column {
    flex-direction: column;
}
.flex-wrap {
    flex-flow: row wrap;
}
.hover-link {
    color: #8972ac;
    text-decoration: none;
}

a:focus {
    outline: none;
}

.hover-link:hover {
    color: red;
}

.searchPDF-form input{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
    height: 26px;
    display: inline-block;
    outline: none;
    vertical-align: middle;
    width: 230px;
    padding: 0 5px;
    border: 1px solid #bdbdbd;
}

.searchPDF-form .btnPdfSearch {
    color: #FFF;
    padding: 0 10px;
    font-weight: bold;
    cursor: pointer;
    border: 0;
}

.searchPDF-form .btnPdfSearch {
    color: #FFF;
    width: 70px;
    margin-left: -7px;
    padding-right: 6px;
    padding-left: 0;
    font-weight: bold;
    cursor: pointer;
    text-align: right;
    border: 0;
    background: #8972ac url(../images/web/searchicon.svg) no-repeat 8px 5px;
    background-size: 13px 16px;
    border-radius: 0 5px 5px 0;
}

.nonempty_submit_1 {
    border: 1px solid #ee3134 !important;
}