/**
 * 科研产品详情页
 * */

body {background-color: #fff;margin:0;}
ul,li,dd,h6 {margin: 0;padding: 0;list-style: none;}

.detail-top-nav-box {display: none;}

.product-head {background: #fff;margin-bottom: 0.2rem;}
.product-hd-left {display: -webkit-flex;display: flex;}
.magnifier-wrap {width:4rem;-webkit-flex-shrink:0;flex-shrink:0;margin-right: 0.35rem;}
.magnifier-wrap .tips {font-size:0.12rem;color:#9a9a9a;text-align:center;margin-top: 0.05rem;}

/*放大镜*/
#magnifier{position:relative;width:4rem}
#magnifier *{box-sizing:border-box}
#magnifier .small-box{position:relative;width:4rem;height:3rem;overflow:hidden;margin-bottom:0.1rem;border:0.01rem solid #e8e8e8;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;box-sizing: initial;}
#magnifier .small-box img{width:100%;height:100%;}
#magnifier .small-box .hover{display:none;position:absolute;left:0;top:0;width:2rem;height:2rem;border:0.01rem solid #aaa;background:#0099ff;opacity:.5;filter:alpha(opacity:50);cursor:move;z-index:2;}
#magnifier .small-box .icon{position:absolute;display:none;width:0.32rem;height:0.32rem;background:url(/static/majorbio/images/shop/magnifier.png) no-repeat -0.93rem 0.07rem #f5f5f5;right:0;bottom:0;}
#magnifier .thumbnail-box{position:relative;width:100%}
#magnifier .thumbnail-box .btn{position:absolute;top:50%;width:0.22rem;height:0.32rem;margin-top:-0.16rem;background:url(/static/majorbio/images/shop/magnifier.png) no-repeat}
#magnifier .thumbnail-box .btn-prev{left:0;background-position:0.03rem 0.05rem}
#magnifier .thumbnail-box .btn-prev.btn_prev_disabled{background-position:-0.22rem 0.05rem;cursor:not-allowed}
#magnifier .thumbnail-box .btn-next{right:0;background-position:-0.72rem 0.05rem}
#magnifier .thumbnail-box .btn-next.btn_next_disabled{background-position:-0.47rem 0.05rem;cursor:not-allowed}
#magnifier .thumbnail-box .list{overflow:hidden;width:3.4rem;margin:0 auto}
#magnifier .thumbnail-box .wrapper{width:1000rem}
#magnifier .thumbnail-box .list .item{float:left;margin:0 0.08rem}
#magnifier .thumbnail-box .list .item img{border:0.02rem solid transparent;width:0.44rem;height:0.44rem}
#magnifier .thumbnail-box .list .item-cur img{border:0.02rem solid #e53e41}
#magnifier .big-box{display:none;overflow:hidden;position:absolute;left:4rem;top:0;width:3.8rem;height:3.8rem;border:0.01rem solid #e8e8e8;background:#fff;z-index:10;}
#magnifier .big-box img{display:block;width: 6rem;}
#magnifier video {width:3rem;height:3rem;position: absolute;top:0;left:0;z-index:10;background: #fff;display: none;}
#magnifier .play {position: absolute;left:0.2rem;top:2.4rem;z-index: 10;}
.product-hd-left .title {display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 0.1rem;}
.product-hd-left .title h1 {font-size:0.26rem;}
.product-hd-left .title .tools {display: -webkit-flex;display: flex;}
.product-hd-left .title .tools>li>a {display: inline-block;height: 0.18rem;color:#333;margin-top:0.03rem;}
.product-hd-left .title .tools>li>a:before {content:"";display: inline-block;background: url(/static/majorbio/images/shop/imgs.png) no-repeat;width:0.18rem;height: 0.18rem;vertical-align: bottom;margin-right: 0.03rem;}
.product-hd-left .title .tools a.collect:before {background-position:-0.71rem -0.68rem;}
.product-hd-left .title .tools a.collected:before {background-position:-0.4rem -0.68rem;}
.product-hd-left .title .tools>li>a.share {margin:0.03rem 0 0 0.2rem!important;background:none!important;padding-left:0!important;font-size:0.14rem!important;}
.product-hd-left .title .tools a.share:before {background-position:-1.02rem -0.68rem;}
.product-hd-left .desc {color:#333;line-height: 1.75;margin-bottom: 0.1rem;word-break: break-word;font-size: 0.14rem;}
.product-hd-left .info {line-height: 0.3rem;color:#9a9a9a;border-bottom:0.01rem solid #e9e9e9;margin-bottom: 0.1rem;padding-bottom: 0.04rem;}
.product-hd-left .info li {display: inline;padding-right: 0.1rem;}
.product-hd-left .info span {color:#FF5722;}
.product-hd-left .goods_form {line-height: 0.3rem;color:#9a9a9a;margin-bottom: 0.1rem;}
.product-hd-left .goods_form >li {display:-webkit-flex;display:flex;margin-bottom: 0.06rem;}
.product-hd-left .goods_form .item_goods_num>div {float:left;border-radius: 0.05rem;overflow: hidden;}
.product-hd-left .goods_form >li .item_name{min-width:0.8rem; padding-right:0.1rem;}
.product-hd-left .goods_form .layui-input {height: 0.32rem;border-radius:0.05rem;}
.product-hd-left .goods_form .layui-form-select dl {top:0.32rem;}
.product-hd-left .goods_form >li .item_value {-webkit-flex:1;flex:1;}
.product-hd-left .goods_form >li .item_value span{display: inline-block;}
.product-hd-left .goods_form li .item_value .spec_val{display:inline-block;height:0.24rem;line-height:0.24rem;padding:0 0.08rem;margin:0 0.04rem 0.08rem 0;white-space:nowrap;text-align:center;font-size:0.14rem;color:#999; border:0.01rem solid #d8d8d8;cursor:pointer;border-radius: 0.05rem;background-color: #F7F9FC;}
.product-hd-left .goods_form li .item_value .spec_val_checked{color:#09B07F;border:0.01rem solid #09B07F;background: #EBF6FF;}
.product-hd-left .goods_form li .item_value .item_val_select{height:0.28rem;min-width:1.2rem;color:#9a9a9a;background:none;line-height:0.28rem;}

/*锚点子导航*/
.nav-list-wrap {height: 0.57rem;border-top:0.01rem solid #DCDEE2;}
.nav-list-wrap-inner {height:0.56rem;line-height:0.56rem;background:#fff;border-bottom:0.01rem solid #DCDEE2;}
.nav-list-wrap-inner.fixed {position: fixed;width:100%;top:1rem;left:0;z-index: 100;}
.nav-list {display: flex;font-size: 0.18rem;box-sizing: border-box;justify-content: space-evenly;}
.nav-list li {padding:0 0.2rem;cursor:pointer;position: relative;}
.nav-list li.current {color:#09B07F;font-weight: bold;}
.nav-list li.current:after {content:"";display: block;position:absolute;width:100%;height:0.03rem;bottom:-0.02rem;left:0;background:#09B07F;}

/* 详情结构 */
.detail-wrap {display: flex;justify-content:space-between;font-size: 0.16rem;}

.detail-left {border-right: 0.01rem solid #DCDEE2;color:#666;width:68%;background: #fff;}
.detail-left-box{margin: 0 0.3rem 0.3rem 0;padding: 0.3rem;}
.d-banner {margin-bottom: 0.25rem;}
.d-banner img {width:100%;}

.detail-right {font-size: 0.14rem;width: 32%;}

/* 标题、描述、image */
.d-title-h2 {font-size: 0.28rem;margin-bottom: 0.15rem;font-weight: 600;color:#333;padding-top:0.2rem;margin-bottom:0.15rem;}
.d-title-h2 img {height: 0.26rem;vertical-align: middle;margin-right: 0.1rem;margin-top: -0.03rem;}
.d-title-h3 {font-size: 0.18rem;font-weight: 600;color:#333;margin-bottom: 0.15rem;line-height: 0.24rem;}
.d-title-h3:before {content:"";display: inline-block;width:0.07rem;height: 0.07rem;border-radius: 50%;background: #0FDCAC;vertical-align: middle;margin-right: 0.1rem;}
.d-title-h4 {font-size: 0.2rem;font-weight: 700;color:#333;margin-bottom: 0.15rem;}
.d-desc {line-height:0.28rem;margin-bottom: 0.2rem;color:#404040;}
.d-image {text-align: center;margin-bottom: 0.15rem;}
.d-image img {width: 100%;max-height: 100%;object-fit: contain;}
.d-image[bg] {background-color: #F5F7FA;max-height:8rem;display: flex;padding:0.2rem;box-sizing: border-box;justify-content:space-around;border-radius: 0.1rem;}

/* 产品优势 */
.pro-advantage {display: flex;flex-wrap: wrap;justify-content: space-between;}
.pro-advantage dl {width:48%;background-color: #F5F7FA;border-radius: 0.1rem;padding:0.15rem;box-sizing: border-box;margin-bottom: 0.18rem;}
.pro-advantage .label {background:url(/static/majorbio/images/shop/detail/img_1.png) no-repeat;width:1.08rem;height:0.32rem;color:#fff;line-height: 0.32rem;padding-left:0.15rem;box-sizing: border-box;font-weight: 600;margin-bottom: 0.1rem;}
.pro-advantage .title {font-size: 0.18rem;font-weight: 600;color:#4b4b4b;margin-bottom: 0.1rem;}
.pro-advantage .desc {font-size: 0.16rem;margin-bottom: 0.15rem;line-height: 0.24rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

/* 合作案例 */
.case-title {color:#333;font-size: 0.18rem;font-weight: 700;background:#F5F7FA;border-radius: 0.5rem;height: 0.42rem;line-height: 0.42rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 0.15rem;}
.case-title label {display: inline-block;height:0.42rem;line-height: 0.42rem;color:#fff;font-size: 0.18rem;font-weight: 700;padding:0 0.35rem;border-radius: 0.2rem;background:linear-gradient(to right,#27BCEB,#0FDCAC);margin-right: 0.15rem;}
.case-list {background: #F5F7FA;border-radius: 0.1rem;padding:0.1rem 0.15rem;font-size: 0.14rem;line-height: 0.22rem;margin-bottom: 0.13rem;}

/* 常见问题 */
.question {font-size: 0.14rem;}
.question dt {padding-left:0.38rem;position:relative;color:#333;font-weight: 700;margin-bottom: 0.15rem;}
.question dt:before {content:"Q";position:absolute;display:block;width:0.24rem;height:0.24rem;border-radius: 50%;text-align: center;line-height: 0.24rem;color:#fff;font-size: 0.12rem;background: #2599EB;top:0;left:0;}
.question dd {padding-left: 0.38rem;position: relative;color:#666;white-space:pre-line;margin-bottom: 0.25rem;}
.question dd:before {content:"A";position:absolute;display:block;width:0.24rem;height:0.24rem;border-radius: 50%;text-align: center;line-height: 0.24rem;color:#fff;font-size: 0.12rem;background: #38E6C2;top:0;left:0;}

/* 研究结果中的轮播图 */
.case-swiper {overflow:hidden;height:5rem;width:100%;position: relative;margin-bottom: 0.15rem;border:0.01rem solid #e8e8e8;border-radius: 0.05rem;}
.case-swiper .swiper-slide {
    text-align: center;
    font-size: 0.18rem;
    background: #F5F7FA;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0.2rem;
    box-sizing: border-box;
  }
.case-swiper .swiper-slide img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}
.case-swiper-info {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    z-index: 2;
    background:rgba(38,44,53,.5);
    color:#fff;
    height:0.52rem;
    line-height: 0.52rem;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding:0 0.2rem;
}
.case-swiper-info .swiper-pagination {
    position: initial !important;
    bottom:0 !important;
}
.case-swiper .swiper-pagination-bullet {
    width: 0.08rem;
    height: 0.08rem;
    color: #2E2F33;
    opacity: 1;
    background: rgba(255, 255, 255,.5);
    margin:0 0.05rem;
  }

.case-swiper .swiper-pagination-bullet-active {
    background: #fff;
}
.case-swiper-info-title {
    margin-bottom: 0.2rem;
    text-align: center;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-color: rgba(139,141,147,.5);border-radius: 50%;width:0.45rem!important;height: 0.45rem!important;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAKxJREFUOE+lktENgkAQRN90op1IJUolaiViJdKJdDJmEkg0HnCE/blLYN7tzqzYWdqppxpg+wU8JXXfj64CbB+AB5CzldRXA0bxGxgkHUvjznZg+wSk7V5SM+dVEVArDvQPYPsyztxJatdSKgFuwBW4S8p9seZGiPCc2IB0MmzyID+PPiS+iBNfEbK4B2OMSSLVlCC1izQLWQVMs9vOQmWVf4ytBmw2cS2+6fsHHMc+EUTNQBMAAAAASUVORK5CYII=) !important;background-size: auto!important;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-color: rgba(139,141,147,.5);border-radius: 50%;width:0.45rem!important;height: 0.45rem!important;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAKBJREFUOE+lktERwjAMQ582oZNAJwEmASaBTcomdBNxvgt80KZOab6jZ1my2Pi0Uc8EYPsK7IGzpDEbMAfYAUMR9hlkdgXbzZDFDGy/gIB1NSdpiLbvwKlk8vjNJAWEoAR7AW6SIuTvawVUXaQA29HIAYhGnqtWyMQBW6oxbEcDcVCTyR8ntUOK+kZJ3T+XGJUdJfWZuLpCi7C6whpx/H0D6JM7EbafEjQAAAAASUVORK5CYII=) !important;background-size: auto!important;
}
.swiper-button-prev {left:-0.5rem !important;transition: left .3s ease;}
.swiper-button-next {right:-0.5rem !important;transition: right .3s ease;}
.case-swiper:hover .swiper-button-prev {left:0.1rem!important;}
.case-swiper:hover .swiper-button-next {right:0.1rem!important;}

/*侧栏 小模块*/
.m-aside-card {background: #fff;padding: 0.48rem 0.15rem 0 0.22rem;}
.m-aside-card:last-child{padding-bottom: 0.2rem;}
.m-aside-card .title {display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 0.2rem;align-items: center;}
.m-aside-card .title h3 {font-size:0.16rem;font-weight:700;margin:0;}
.m-aside-card .title a.more {color:#2E2F33;font-size: 0.14rem;}
.m-aside-card .title a.more:hover {color:#09B07F;}

/*侧栏 相关课程*/
.m-aside-ke {display:flex;display:-webkit-flex;color:#2E2F33;}
.m-aside-ke img {width:1.6rem;height:0.9rem;margin-right: 0.14rem;}
.m-aside-ke p {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden;word-break:break-all;height: 0.6rem;}
.m-aside-ke:not(:last-child) {margin-bottom: 0.1rem;padding-bottom: 0.1rem;}
.m-aside-ke:hover {color:#09B07F;}

/*侧栏 相关文章*/
.m-aside-article li {height: 0.32rem;line-height: 0.32rem;text-overflow: ellipsis;overflow:hidden;white-space:nowrap;margin-bottom: 0.09rem;}
.m-aside-article li:last-child {margin-bottom: 0;}
.m-aside-article li a {color:#2E2F33;font-size:0.14rem;}
.m-aside-article li a:hover {color:#09B07F;}

/*侧栏 相关流程*/
.m-aside-process {display: -webkit-flex;display: flex;padding-bottom: 0.3rem;}
.m-aside-process .img img {width: 0.77rem;height: 0.77rem;border-radius: 5px;margin-right: 0.14rem;} 
.m-aside-process h6 {font-size:0.14rem;font-weight: 700;color:#2E2F33;}
.m-aside-process p {font-size:0.14rem;color:#2E2F33;line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  overflow: hidden;word-break:break-all;margin-top: 0.16rem;}
.m-aside-process .more {font-size:0.12rem;float:right;margin-top: 0.05rem;}
.m-aside-process .more .layui-icon {font-size:0.12rem;}
.m-aside-process:not(:last-child) {border-bottom:0.01rem solid #e8e8e8;margin-bottom: 0.1rem;padding-bottom: 0.1rem;}
.m-aside-process:hover h6 {color:#09B07F;}

/*售前产品咨询*/
.product-consultation {background: #fff;box-sizing: border-box;padding: 0.3rem 0rem;border-bottom: 0.01rem solid #EAEAEA;display: flex;align-items: center;justify-content: center;}
.product-consultation h6 {font-size: 0.14rem;}
.product-consultation .tel {font-size: 0.3rem;color:#3E3E3E;font-weight: bold;margin:0.05rem 0 0.23rem 0;}
.product-consultation .tel img {
    width: .34rem;
}
.product-consultation .btn {display: inline-block;height: 0.44rem;line-height: 0.44rem;border-radius: 0.05rem;background:#09B07F;color: #fff;font-size: 0.16rem;text-align: center;text-decoration: none;transition:.3s ease;width: 100%;}
.product-consultation .btn img {width: 0.26rem;vertical-align: middle;margin-right: 0.05rem;}
.product-consultation .btn:hover {opacity: .8;}
.product-consultation.fixed {width: 4rem;position: fixed;left:50%;top:72px;margin-left: 2.91rem;background-color: #fff;border-bottom: 0;box-shadow: 0rem 0.03rem 0.06rem 0.01rem rgba(153,154,170,0.16);}

/*图片预览插件*/
.viewer-image img {cursor: zoom-in;}
.layui-icon {font-size: .16rem !important;}

.layui-btn-normal {background: #09B07F;}