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

.all-categories-nav .pop-nav {box-shadow: 0.05rem 0.05rem 0.15rem -0.06rem rgb(0 0 0 / 15%);}

.product-head {display: -webkit-flex;display: flex;background: #fff;padding: 0 0.2rem 0.2rem 0;margin-bottom: 0.2rem;justify-content: space-between;}
.product-hd-left {display: -webkit-flex;display: flex;padding-right: 0.2rem;flex:1;}
.magnifier-wrap {width:4rem;-webkit-flex-shrink:0;flex-shrink:0;margin-right: 0.15rem;}
.magnifier-wrap .tips {font-size:0.12rem;color:#9a9a9a;text-align:center;margin-top: 0.05rem;}
.magnifier-wrap + div {flex:1;}
/*放大镜*/
#magnifier{position:relative;width:4rem}
#magnifier *{box-sizing:border-box}
#magnifier .small-box{position:relative;width:4rem;height:4rem;margin-bottom:0.1rem;border:0.01rem solid #e8e8e8;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}
#magnifier .small-box > div {margin: auto;}
#magnifier .small-box img{width:auto;height:auto;max-height:3.98rem;max-width:3.98rem}
#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:inline-block;width:0.32rem;height:0.32rem;background:url(/static/img/web/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/img/web/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:2.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:3rem;top:0;width:3.8rem;height:3.8rem;border:0.01rem solid #e8e8e8;background:#fff;z-index:10;}
#magnifier .big-box img{display:block}
#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;height: 0.35rem;border-bottom:0.01rem solid #e9e9e9;margin-bottom: 0.2rem;}
.product-hd-left .title h1 {font-size:0.16rem;font-weight: 700;}
.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/img/web/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 {background: #f8f8f8;padding:0.15rem 0.1rem;color:#666;line-height: 2rem;max-height: 0.88rem;overflow-y:auto;margin-bottom: 0.1rem;}
.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;}
.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.3rem;}
.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;}
.product-hd-left .goods_form li .item_value .spec_val_checked{color:#FF5722;border:0.01rem solid #FF5722;}
.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;}
.goods-button {text-align: center;}
.product-hd-right {width:3.6rem;height: 3.68rem;background: url(/static/img/web/shop/mj_info_top.png) 0 0 no-repeat ,url(/static/img/web/shop/mj_info_bottom.png) 0 bottom no-repeat #fdfdfd;border:0.01rem solid #eee;padding:0.3rem 0.3rem 0;box-sizing: border-box;-webkit-flex-shrink:0;flex-shrink:0;}
.product-hd-right .logo {height: 0.53rem;text-align:center;}
.product-hd-right .logo img {max-height: 100%;max-width: 100%;}
.product-hd-right>ul {margin: 0.25rem 0;}
.product-hd-right>ul>li {margin-bottom: 0.07rem;font-size:0.12rem;color:#666;line-height: 1.7;position: relative;padding-left:0.28rem;}
.product-hd-right>ul>li:nth-child(1) {font-size:0.14rem;}
.product-hd-right>ul>li:before {content:"";display: inline-block;background: url(/static/img/web/shop/imgs.png) no-repeat;width:0.22rem;height:0.25rem;position: absolute;left:0;}
.product-hd-right>ul>li:nth-child(1):before {background-position: 0 -1.18rem;}
.product-hd-right>ul>li:nth-child(2):before {background-position:-0.37rem -1.15rem; }
.product-hd-right>ul>li:nth-child(3):before {background-position:-0.75rem -1.15rem; }
.product-hd-right>ul>li:nth-child(4):before {background-position:-1.12rem -1.15rem; }
.product-hd-right>ul>li:not(:last-child) {border-bottom:0.01rem dashed #e8e8e8;padding-bottom: 0.07rem;}
.product-hd-right .info {display: inline-block;}
.product-hd-right .info>a {display: inline-block;width: 0.24rem;height: 0.23rem;background: url(/static/img/web/shop/imgs.png) no-repeat;text-indent: -1rem;overflow:hidden;margin:0 0.05rem;}
.product-hd-right .info>a.weixin {background-position: 0 -1.56rem;}
.product-hd-right .info>a.qq {background-position: -0.39rem -1.56rem;}
.product-hd-right .info>a.mail {background-position: -0.79rem -1.56rem;}
.product-hd-right .info>a.phone {background-position: -1.18rem -1.56rem;}
.product-hd-right .info .dropdown {visibility: hidden;background: #fff;font-size:0.14rem;border-radius:0.05rem;box-shadow:0 0 0.2rem 0.05rem rgba(0,0,0,.08);position: absolute;padding:0.15rem;bottom:0.4rem;right:-0.3rem;width:2.3rem;transition: all .2s ease-in-out;opacity: 0;transform:translateY(0.15rem);}
.product-hd-right .info>a:hover + .dropdown {visibility:visible;opacity: 1;transform:translateY(0);}
.product-hd-right .info .dropdown:after {content:"";position: absolute;bottom:-0.08rem;width: 0;height: 0;border-top: 0.09rem solid white;border-left: 0.07rem solid transparent;border-right: 0.07rem solid transparent;}
.product-hd-right .info>a.weixin + .dropdown:after {left:0.7rem;}
.product-hd-right .info>a.qq + .dropdown:after {left:1.1rem;}
.product-hd-right .info>a.mail + .dropdown:after {left:0.7rem;}
.product-hd-right .info>a.phone + .dropdown:after {left:1.1rem;}
.product-hd-right .submit {display:table;height: 0.34rem;line-height: 0.34rem;color:#fff;font-size:0.16rem;background: #ffa837;padding:0 0.4rem;margin:0 auto;transition:all .2s ease;}
.product-hd-right .submit:hover {opacity: .8;}

/*main*/
.main {margin-bottom: 0.3rem;-webkit-align-items:flex-start;align-items:flex-start;}
.main-left {-webkit-flex:1;flex:1;background: #fff;padding:0 0.2rem 0.2rem;margin-right: 0.2rem;}
.main-right {width:32%;}

/*侧栏 小模块*/
.m-aside-card {background: #fff;padding:0.15rem 0.22rem;}
.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;}
.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 a {color:#2E2F33;font-size:0.14rem;}
.m-aside-article li a:hover {color:#09B07F;}

/*侧栏 相关流程*/
.m-aside-process {display: -webkit-flex;display: flex;}
.m-aside-process .img img {width: 0.77rem;height: 0.77rem;border-radius: 0.13rem;margin-right: 0.15rem;} 
.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: 3;  overflow: hidden;word-break:break-all;margin-top: 0.16rem;}
.m-aside-process .more {font-size:0.12rem;float:right;}
.m-aside-process .more .layui-icon {font-size:0.12rem;}
.m-aside-process:not(:last-child) {margin-bottom: 0.1rem;padding-bottom: 0.1rem;}
.m-aside-process:hover h6 {color:#09B07F;}

/*详情页面main tab页*/
.m-tab-title-wrap {display: flex;display: -webkit-flex;border-bottom:0.02rem solid #09B07F;height: 0.45rem;line-height: 0.45rem;}
.m-tab-title li {float:left;font-size:0.16rem;cursor: pointer;padding:0 0.2rem;position: relative;}
.m-tab-title li:not(:last-child) {border-right:0.01rem solid #d9d9d9;}
.m-tab-title li.current {color:#09B07F;}
.m-tab-title li.current:after {content:"";position: absolute;width:0;height:0;border-bottom: 0.06rem solid #09B07F;border-left: 0.06rem solid transparent;border-right: 0.06rem solid transparent;bottom:0;left:45%;}
.m-tab-content {padding:0.2rem 0;}
.editor-content {line-height: 2rem;}
.editor-content img {max-width: 8rem;}
.editor-content p {margin-bottom: 0.2rem;word-break:break-all;}
.tab-item img {max-width: 8rem;}

/*评论*/
.comment-title {margin-bottom: 0.2rem;}
.comment-title h2 {float:left;font-size:0.18rem;font-weight:normal;color:#333;}
.comment-title h2 i {font-size:0.24rem;margin-right:0.05rem;}
.comment-title .layui-rate {padding:0;}
.comment-push {padding:0 0.1rem;margin-bottom: 0.15rem;}
.comment-push .layui-layedit-tool {position: absolute;top:0.8rem;border:none;padding:0;}
.comment-push .layui-layedit {margin-bottom: 0.1rem;}
.comment-push .layui-layedit i {margin-left:0;}
.comment-list-wrap {border-top:0.01rem solid #e8e8e8;padding-top:0.15rem;}
.comment-list-wrap .title {font-size:0.16rem;margin-bottom: 0.15rem;color:#666;}
.comment-list-content {padding:0 0.1rem;}
.comment-list {margin-bottom: 0.2rem;}
.comment-list:not(:first-child)>div:nth-child(2) {border-top:0.01rem solid #e8e8e8;}
.comment-list:not(:first-child)>div {padding-top:0.2rem;}
.comment-list .col-1 {line-height:0.2rem;}
.comment-list .col-1 h5 {float:left;font-size:0.14rem;}
.comment-list .col-1 h5 .level {vertical-align: middle;margin-left: 0.07rem;}
.comment-list .col-1 h6 {float:left;font-size:0.12rem;font-weight:normal;margin-right:0.08rem;}
.comment-list .col-1 .time {font-size:0.12rem;color:#adb5bd;margin-left:0.2rem;}
.comment-list .col-1 .to {font-size:0.12rem;}
.comment-list .col-2 {margin:0.05rem 0;line-height:1.75;word-break:break-all;color:#666;}
.comment-list .col-3 a {color:#adb5bd;font-size:0.12rem;margin-right:0.2rem;}
.comment-list .col-3 a:hover {color:#727cf5;}
.comment-list .col-3 a i {font-size:0.14rem;}
.comment-list .col-3 a:nth-child(2) i {position: relative;top:0.01rem;}
.comment-list .rate {background: url(/static/img/web/shop/rate.png) no-repeat 0.45rem 0.04rem;height: 0.24rem;line-height: 0.24rem;}
.comment-list .rate-1 {background-position: 0.45rem -0.2rem;}
.comment-list .rate-2 {background-position: 0.45rem -0.43rem;}
.comment-list .rate-3 {background-position: 0.45rem -0.67rem;}
.comment-list .rate-4 {background-position: 0.45rem -0.9rem;}
.comment-list .rate-5 {background-position: 0.45rem -1.14rem;}
.J-reply-show[show] {color:#727cf5!important;}
#comment-page {text-align:center;}

/*评论头像*/
.user-head {width:0.5rem;margin-right: 0.25rem;width:0.5rem;height:0.5rem;position: relative;}
.user-head img {width:0.5rem;height:0.5rem;border-radius:0.5rem;overflow:hidden;}


/*回复显示内容*/
.reply-wrap {background:#f6f6f6;padding:0.15rem;margin-top: 0.1rem;border-radius:0.02rem;position: relative;}
.reply-wrap .user-head {width:0.32rem;margin-right: 0.15rem;}
.reply-wrap .user-head img {width:0.32rem;height:0.32rem;border-radius:0.4rem;overflow:hidden;}
.reply-wrap>div:not(:last-child)>div:nth-child(2) {border-bottom:0.01rem solid #ddd;padding-bottom:0.15rem;}
.reply-wrap>div:not(:first-child) {padding-top:0.15rem;}
.reply-wrap:after {content:"";position: absolute;width:0.13rem;height:0.13rem;background:#f8f8f8;top:-0.07rem;left:0.7rem;transform:rotate(45deg);}

/*回复输入框*/
#reply-push .textarea {min-height:0.5rem;margin: 0.05rem 0;}
#reply-push textarea {width:100%;border:0.01rem solid #d8d8d8;padding:0.05rem;height:100%;line-height:1.75;color:#676a6c;-webkit-transition: all .3s ease;transition: all .3s ease;}
#reply-push textarea::placeholder {color:#adb5bd;}
#reply-push textarea:focus {border-color:#b3b7eb;box-shadow:0 0 0.05rem rgba(0,0,0,.05);}
#reply-push .layui-btn {padding:0 0.2rem;}

/*未登录前评论框提示去登录*/
.no-comment {border:0.01rem solid #eee;text-align:center;padding:0.9rem 0;margin-bottom: 0.2rem;background: #f5f5f5;}

/*main 产品描述head*/
.m-product-describe {display: flex;display: -webkit-flex;background: #f7f7f7;padding: 0.2rem;margin-bottom: 0.15rem;}
.m-product-describe .img {width:0.8rem;height: 0.8rem;border-radius:50%;overflow:hidden;background: #f5f5f5;-webkit-flex-shrink:0;flex-shrink:0;}
.m-product-describe .img img {width:100%;height: 100%;}
.m-product-describe .con {-webkit-flex:1;flex:1;margin-left: 0.15rem;}
.m-product-describe .con label {background: #e1f1ff;color:#09B07F;padding:0.05rem 0.1rem;flex-shrink: 0;flex-shrink: 0;margin-right:0.1rem;}

/*视频播放器底部相关内容*/
.dplayer-info {display: -webkit-flex;display: flex;height:0.48rem;line-height: 0.48rem;padding:0 0.1rem;border:0.01rem solid #e8e8e8;border-top:none;-webkit-justify-content:space-between;justify-content:space-between;}
.dplayer-info .col-1 {color:#666;}
.dplayer-info .col-2 {display: -webkit-flex;display: flex;}
.dplayer-info .col-2>li:not(:first-child) {margin-left: 0.3rem;}
.dplayer-info .col-2>li>a>i {font-size:0.26rem;color:#757575;margin-right: 0.03rem;pointer-events: none;}
.dplayer-info .col-2 .bdsharebuttonbox>a {background:none!important;padding-left:0!important;margin:0!important;line-height: 0.48rem!important;float:none!important;}

/*main 产品体验*/
.get-demo-wrap {margin-top: 0.2rem;}
.get-demo-wrap>a {display: inline-block;height: 0.28rem;line-height: 0.28rem;border:0.01rem solid #09B07F;color:#09B07F;padding:0 0.13rem;transition:all .2s ease;box-sizing: border-box;}
.get-demo-wrap>a:hover {color:#fff;background: #09B07F;}
.get-demo-wrap .fc-dropdown-menu {width:7rem;padding:0;}
.get-demo-wrap .fc-dropdown-menu table {margin:0;}