@charset "UTF-8";
/*
* 各种弹窗
*/
.leftMove{
    overflow: hidden;
    position: fixed;
    left: 0px;
    top:0px;
    bottom: 0px;
    width: 100%;
    z-index: 9;
    background: #fff;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.leftMove.show{
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}
.rightMove{
    width: 100%;
    height: 100%;
    position: fixed;
    right: 0px;
    top:0px;
    overflow: hidden;
    background: #fff;
    z-index: 9;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}
.rightMove.show{
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}
.bottomMove{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    bottom:-100%;
    overflow: hidden;
    background: #fff;
    z-index: 9;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.bottomMove.show{
    bottom:0px;
}

/**
 * 框架部分 begin
 * @author 杨朝杰
 * @return
 */ 
#mobileWrap{
    margin:0 auto;
    }
#mobileTop{clear:both; position:fixed;z-index:5;width:100%;box-shadow:0px 0px 3px rgba(0,0,0,0.2);}
#mobileCon{overflow:hidden;overflow-y:scroll;clear:both; background:#f2f2f2; position:relative;z-index:4;-webkit-overflow-scrolling: touch;
}
#mobileCon .zsjmPic{max-width: 100%;height: auto;}
#mobileFooter{clear:both; position:fixed; bottom:0; width:100%; z-index:5;}
#mobileMenu{height:100%;display:block;position:fixed; top:0;width:11rem;z-index:9999;background:#e8f4fe;left:-11rem; overflow:hidden;overflow-y:auto;}
#mobileBg{width:100%; height:100%;position:fixed;background:rgba(0,0,0,0.3);z-index:50;left:0;top:0px; z-index:8; display:none;}
#mobileConH{overflow:hidden;}
/* .headHide,
.footHide{
    height: 2.25rem;
} */
/*分类展开*/
#mobileTop.hideLef,#mobileCon.hideLef,#mobileFooter.hideLef,#mobileMenu.hideLef{-webkit-transition: all 0.3s linear;-webkit-transform: translateX(0);}
#mobileTop.showLeft,#mobileCon.showLeft,#mobileFooter.showLeft,#mobileMenu.showLeft{-webkit-transition: all 0.3s linear;-webkit-transform:translateX(80%);}

/*其他展开*/
#mobileTop.hide,#mobileCon.hide,#mobileFooter.hide,#mobileMenu.hide{-webkit-transition: all 0.3s linear;-webkit-transform: translateX(-80%);}
#mobileTop.show,#mobileCon.show,#mobileFooter.show,#mobileMenu.show{-webkit-transition: all 0.3s linear;-webkit-transform:translateX(0);}

#mobileBg.hide{-webkit-transition: all 0.6s;-webkit-transform: translateX(11rem);}
#mobileBg.show{-webkit-transition: all 0.6s;}

/**
 * 手机顶部
 * @author 杨朝杰
 * @return
 */ 
#toolbarnav{display: flex;height:2.25rem;width:100%;max-width:100%;position: relative;color:#fff;background:#fff;}
.menu #toolbarnav{box-shadow:0px 0px 3px rgba(0,0,0,0.2);z-index: 3;}
#toolbarnav h1{font-weight:normal;text-align: center;display: block;text-align: center;line-height:1.5rem;color: #666;font-size:0.8rem;padding:0 10px 0 0;}
#go-back{
    position: absolute;
    top:0;
    width:2rem;
    height:2.25rem;
    display:block;
    left:0;
    font-size:1rem;
    opacity:0.7;
}
.topRight{
    position: absolute;
    top:0px;
    height:2.25rem;
    display:block;
    right:0;
    font-size:0.7rem;
    line-height: 2.25rem;
    padding-right: 10px;
}
#go-back span{color:#666;font-size:1.2rem;display:block;margin:0.5rem 0 0 12px;}
#menu-btn{display: block;width:2.25rem;height:2.25rem;position: absolute;left:0;top:0; text-align:center;}
#menu-btn span{font-size:20px;color:#fff; opacity:0.7;height:2.25rem; line-height:2.25rem; text-align:center;}
#menu-btn em{font-size:20px;color:#fff; opacity:0.7;display: none;height:2.25rem; line-height:2.25rem; text-align:center;}
#sub-btn{display: block;width:2.25rem;height:2.25rem;position: absolute;right: 0;top: 0;}
#sub-btn span{font-size:1rem;color: #fff;margin:12px 0 0 16px;display: block;}

#articleTool{
    position:relative;
    display: block;height:45px;width: 100%;max-width:100%;position: relative;color:#333;background:#f9fafb;
    }
#articleTool:after {
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    display:none;
}
#articleTool h1{
    overflow:hidden;
    text-align: center;
    display: block;
    text-align: center;
    line-height:2.2rem;
    color:#333;
    font-size:0.8rem;
    margin:0 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-background-clip: content;
    -moz-background-clip: content;
    background-clip: content;
    }
#articleTool #go-back span{ color:#333;}
.logo{
    display: block;
    overflow: hidden;
}
.topDiv{
    flex: 1;
    overflow: hidden;
    padding: 0.375rem 10px;
}
.topDiv a{
    display: block;
    overflow: hidden;
    background: #ededed;
    height: 1.5rem;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 0px 7px;
    font-size: 0.6rem;
    color:#858585;
    line-height: 1.5rem;
}
.topDiv a span{
    padding-right: 5px;
    color: #a9a9a9;
    font-size: 0.7rem;
}
.msg{
    display: none;
    height: 1.5rem;
    line-height: 1.5rem;
    margin: 0.375rem 10px 0.375rem 0px;
    position: relative;
}
.msg span{
    font-size: 1rem;
    color:#333;
}
.msgNum{
    display: block;
    width: 0.6rem;
    height: 0.5rem;
    overflow: hidden;
    position: absolute;
    right: -0.15rem;
    top: 0.05rem;
    background: #bd0000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    font-size: 0.5rem;
    color:#fff;
    text-align: center;
    line-height: 0.5rem;
    font-style: normal;
    padding-top: 0.1rem;
}
.logo{
    display: block;
    overflow: hidden;
    margin: 0.375rem 0px 0.375rem 10px;
}
.logo img{
    display: block;
    height: 1.5rem;
}
/**
 * 一级导航
 * @author 杨朝杰
 * @return
 */ 
.menu{
    width: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 8;
    background: #fff;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.menuBox{
    height: calc(100% - 2.25rem);
    overflow: hidden;
    position: relative;
}
.menu.show{
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}
.touchBox{
    width: 5.0rem;
    background: #f2f2f2;
    height: 100%;
    overflow-y: auto;
}
.menu_dl{
    
}
.menu_dl dd{
    height:100%;
}
.menu_a{
    display: block;
    overflow: hidden;
    font-size: 0.7rem;
    color:#666;
    line-height:2.25rem;
    padding: 0px 10px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align:center;
    position: relative;
}
.menu_a:before{
    display: none;
    content: "";
    width: 3px;
    height: 0.75rem;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -0.375rem;
    background: #bd0000;
}
.menu_dl dd.hover .menu_a{
    background: #fff;
    color:#bd0000;
}
.menu_a.bd_b:after{
    background: #fff;
}
.menu_dl dd.hover .menu_a:before{
    display: block;
}
.subMenu{
    position: absolute;
    left: 5.0rem;
    top:0px;
    width: calc(100% - 5.0rem);
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background: #fff;
    display: none;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
}
.menu_dl dd.hover .subMenu{
    display: block;
}
.subMenu_a{
    display: block;
    height: 1.75rem;
    line-height: 1.75rem;
    overflow: hidden;
    position: relative;
    padding: 0px 10px;
    background:#f8fafd;
}

.subMenu_a div{
    font-size: 0.7rem;
    color:666;
    overflow: hidden;
}
.subMenu_a .fa{
    height: 1.75rem;
    line-height: 1.75rem;
    font-size: 1.0rem;
    color:#999;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.subMenu_a.hover .fa{
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
/*.subMenu_a.hover .fa:before{
    content: "\f105";
}*/
.subMenu_ul{
    overflow: hidden;
    padding: 5px;
}
.subMenu_ul li{
    overflow: hidden;
}
.thirdMenu{
    overflow: hidden;
}
.thirdMenu a{
    width: 33.33333333333%;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    float: left;
}
.menuImg{
    width: 100%;
    overflow: hidden;
    padding-top: 100%;
    position: relative;
}
.menuImg img{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top:0px;
}
.thirdMenu a i{
    display: block;
    overflow: hidden;
    height: 0.75rem;
    line-height: 0.75rem;
    padding-top: 5px;
    color:#666;
    font-size:0.6rem;
    text-align:center;
}
.subMenuTit{
    display: block;
    overflow: hidden;
    position: relative;
    color:#858585;
    text-align: center;
}
.subMenuTit span{
    display: inline-block;
    position: relative;
    padding: 0px 10px;
    font-size: 0.7rem;
    height: 1.5rem;
    line-height: 1.5rem;
}
.subMenuTit span:after{
    display: block;
    content: "";
    overflow: hidden;
    width: 1.0rem;
    background: #ddd;
    height: 1px;
    position: absolute;
    left: calc(100%);
    top: 50%;
    margin-top: -1px;
}
.subMenuTit span:before{
    display: block;
    content: "";
    overflow: hidden;
    width: 1.0rem;
    background: #ddd;
    height: 1px;
    position: absolute;
    right: calc(100%);
    top: 50%;
    margin-top: -1px;
}
/**
 * 二级导航
 */ 
#mobileSubNav{height:2rem;position:relative;z-index:999999999999999;margin:0 auto;}

#mobileSubNav.navNum1{display:none;}
#mobileSubNav.navNum2 .SubNav_open{display:none;}
#mobileSubNav.navNum2 .mobileSubNav_title ul{padding:0}
#mobileSubNav.navNum2 .mobileSubNav_title ul li{ width:50%;}
#mobileSubNav.navNum2 .mobileSubNav_title ul li:last-child:after{ display:none;}

#mobileSubNav.navNum3 .SubNav_open{display:none;}
#mobileSubNav.navNum3 .mobileSubNav_title ul{padding:0}
#mobileSubNav.navNum3 .mobileSubNav_title ul li:last-child:after{ display:none;}

.mobileSubNav_title{height:2rem;background:#f9f9f9;position:relative;z-index:999999999999999999; width:100%; margin-bottom:10px;}
.mobileSubNav_title:before{
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
.SubNav_open{
    width:2rem;
    height:2rem;
    display:block;
    color:#999;
    position:absolute;
    top:0;
    right:0;
    z-index:999999999999999999999999999999;
    }
.SubNav_open:after{
    content: " ";
    position:absolute;
    right:-2px;
    top: 0;
    width:1px;
    height:2rem;
    border-right:1px solid #d9d9d9;
    -webkit-transform-origin:scaleX(0.3);
    transform-origin:scaleX(0.3);
    -webkit-transform: scaleX(0.3);
    transform: scaleX(0.3);
}
.SubNav_open span{
    display:block;
    width:100%;
    height:2rem;
    background:url(../images/jia.png) no-repeat center center;
    background-size:0.8rem;

    }
.mobileSubNav_title ul{
    width:100%;
    display:block;
    overflow:hidden;
    padding:0 2rem 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
}
.mobileSubNav_title ul li{
    width:33%;
    display:block;
    height:2rem;
    float:left;
    font-size:0.7rem;
    position:relative;
    }

.mobileSubNav_title ul li:before{
    content: " ";
    position:absolute;
    left: 0;
    bottom:-1px;
    width: 100%;
    height:-1px;
    border-bottom:1px solid #d9d9d9;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.3);
    transform: scaleY(0.3);
    display:none;
}
.mobileSubNav_title ul li:after{
    content: " ";
    position:absolute;
    right:-1px;
    top:0;
    width:1px;
    height:2rem;
    border-right:1px solid #ccc;
    -webkit-transform-origin:scaleX(0.3);
    transform-origin:scaleX(0.3);
    -webkit-transform: scaleX(0.3);
    transform: scaleX(0.3);
}
.mobileSubNav_title ul li:last-child:after{}
.mobileSubNav_title ul li.hover:before{}
    
.mobileSubNav_title ul li.hover{background:#fff;}
.mobileSubNav_title ul li a{display:block;line-height:2rem;text-align:center;}
#mobileSubBg{width:100%;position:fixed;background:rgba(0,0,0,0.3);z-index:50;left:0;top:0px;display:none;}
#mobileSubNav dl{
    width:100%;
    top:0;
    position:absolute;
    z-index:90;
    padding:0.3rem 0;
    overflow:hidden;
    background:#fff;
    display:none;
    z-index:999999999999999999;
    }
#mobileSubNav dl dt{display:block;clear:both;line-height:30px;border-bottom:1px dotted #ccc;padding:0 0 0 5px;font-size:16px;margin:0 0 5px 0;text-align:center;}
#mobileSubNav dl dd{width:33.3%;display:block;float:left;}
#mobileSubNav dl dd a{
    display:block;
    background:#fff;
    color: #333;
    margin:5px;
    line-height:1.25rem;
    text-align:center; 
    padding:3px 0 0 0;
    position:relative;
    border-radius:1.75rem;
    font-size:0.65rem;
    }
#mobileSubNav dl dd a:after {
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border:1px solid #e6e6e6;
    box-sizing: border-box;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius:1.75rem;
}
#mobileSubNav dl dd.hover a{ color:#1370a5; background:#e0f1fe;}
#mobileSubNav dl dd.hover a:after {
    border: 1px solid #1370a5;
}

/**
 * 固定的底部
 * @author 杨朝杰
 * @return
 */ 
.foot_dl{
    display: flex;
    font-size:0.65rem;
    overflow: hidden;
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-background-clip: content;
    -moz-background-clip: content;
    background-clip: content;
    width: 100%;
    background:#fff;
    box-shadow: 1px 0 4px #d9d8d8;
}
.foot_dl dd{
    height:2.25rem;
    flex: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-background-clip: content;
    -moz-background-clip: content;
    background-clip: content;
    text-align: center;
    overflow:hidden;
    position:relative;
}
.foot_dl dd a{display:block;height:2.4rem;width: 100%;color:#666;}
.foot_dl dd span{display:block;height:0.9rem;clear: both;font-size:1rem;text-align: center;margin:0.25rem auto 0 auto;padding:2px 0 3px 0;}
.foot_dl dd:nth-child(1) span{
    background: url(../images/home.png) no-repeat center center;
    background-size: auto 90%;
}
.foot_dl dd:nth-child(1).hover span{
    background: url(../images/home_h.png) no-repeat center center;
    background-size: auto 90%;
}
.foot_dl dd:nth-child(2) span{
    background: url(../images/menu.png) no-repeat center center;
    background-size: auto 90%;
}
.foot_dl dd:nth-child(2).hover span{
    background: url(../images/menu_h.png) no-repeat center center;
    background-size: auto 90%;
}
.foot_dl dd:nth-child(3) span{
    background: url(../images/shopCart.png) no-repeat center center;
    background-size: auto 90%;
}
.foot_dl dd:nth-child(3).hover span{
    background: url(../images/shopCart_h.png) no-repeat center center;
    background-size: auto 90%;
}
.foot_dl dd:nth-child(4) span{
    background: url(../images/user.png) no-repeat center center;
    background-size: auto 90%;
}
.foot_dl dd:nth-child(4).hover span{
    background: url(../images/user_h.png) no-repeat center center;
    background-size: auto 90%;
}
.foot_dl dd.hover i{
    color:#bd0000;
}
.footerBar div a i{display: block;clear: both;font-size:0.65rem;text-align: center;}
.footerBar div i{height:0.75rem;font-size:1rem;margin: 10px 0 0 0;display: block;}

.footerBar div:after {
    content: " ";
    position: absolute;
    right:0px;
    top: 0;
    width: 1px;
    height:2.25rem;
    border-right: 1px solid #ff0000;
    -webkit-transform-origin: scaleX(0.3);
    transform-origin: scaleX(0.3);
    -webkit-transform: scaleX(0.3);
    transform: scaleX(0.3);
    display:none;
}
.foot_dl dd em{
    display: block;
    width: 0.6rem;
    height: 0.5rem;
    overflow: hidden;
    position: absolute;
    left: calc(50% + 0.3rem);
    top: 0.05rem;
    background: #bd0000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    font-size: 0.5rem;
    color: #fff;
    text-align: center;
    line-height: 0.5rem;
    font-style: normal;
    padding-top: 0.1rem;
}
/**
 * 固定的底部2
 * @author 杨朝杰
 * @return
 */ 
.footerBar2{
    font-size:12px;
    overflow: hidden;
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-background-clip: content;
    -moz-background-clip: content;
    background-clip: content;
    width: 100%;
    height:45px;
    background:#fff;
    position:relative;
}
.footerBar2:after{
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border-top:1px solid #ededed;
    box-sizing: border-box;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    z-index:1;
    }
.footerBar2 .shareBt:after{ display:none;}

.footerBar2 div{
    overflow:hidden;
    position:relative;
    z-index:2;
    }
.phoneBt{
    width:30%;
    float:right;
    }
.phoneBt a {
    width: 100%;
    display: block;
    line-height: 45px;
    background: #ff7800;
    color: #fff !important;
    text-align: center;
}
.goBack2{
    width:16%;
    float:left;
    }
.goBack2 a{
    display: block;
    height:45px;
    background: url(../images/jt6.png) no-repeat 10px center;
    background-size: 26px;
    color: #666 !important;
    text-align: center;
    }
.marker, .shareDiv{
    float:right;
    line-height:45px;
    font-size:14px;
    padding:0 15px 0 0;
    }

.shareDiv .shareBt{ width:100%;}

.marker span, .shareDiv span{padding:0 0 0 6px;}
.marker em, .shareDiv em{color:#999;}


/**
 * 返回顶部
 * @author 杨朝杰
 * @return
 */ 
#scrollTop{
    width:35px;
    height:35px;
    line-height:35px;
    text-align:center;
    border-radius:100%;
    background:rgba(255,255,255,0.9);
    position: fixed;
    right:10px;
    bottom:60px;
    z-index:7;
    display:none;
    -webkit-box-shadow:0px 0px 5px rgba(153,153,153,0.5);   
    -moz-box-shadow:0px 0px 5px rgba(153,153,153,0.5);   
    box-shadow:0px 0px 5px rgba(153,153,153,0.5);      
    }
#scrollTop em{font-size:26px;color:#666;padding:3px 0 0 0;}

/**
 * page
 * @author 杨朝杰
 * @return
 */
.toDown,.ajaxLoad{color:#666;height:2rem;line-height:2rem;text-align:center;clear:both;position:relative;background:#fff;margin:5px 0 0 0; font-size:0.7rem;}
.ajaxLoad i{font-size:0.8rem;margin:0 5px 0 0;color:#fc8b1c;}

/**
 * 文章阅读页
 * @author 杨朝杰
 * @return
 */ 
.articleBox{line-height:1.5rem;color:#454545;padding:10px;font-size:0.75rem;background:#fff;}
.articleBox img{max-width:100%;}
.articleTitle{
    font-size: 0.9rem;
    color: #333333;
    text-align: center;
    font-weight: bold;
    padding:10px 50px 0 50px;
    line-height: 1.5rem;
    }
.articleTime{display: block;clear: both;text-align: center;color: #999;font-size:0.6rem;padding:0 0 5px 0;}

.articleTop{
    overflow:hidden;
    background:#f9fafb;
    padding:10px 0;
    }
.articleTop .articleTitle{
    font-size:18px;
    color:#333333;
    text-align:center;
    font-weight:bold;
    padding:0 50px;
    line-height:30px;
    }
.articleTop .articleTime{
    text-align:center;
    padding:10px 0 0 0;
    }

.articleHand{
    clear:both;
    font-size:0.75rem;
    padding:0 0px 20px 0;
    overflow: hidden;
    }
.articleHand a{
    display:block;
    line-height:1.6rem;
    padding:0 20px 0 10px;
    float:left;
    clear: both;
}
.articleHand a i{
    padding:0 5px 0  0;
    }
.articleHand a.word{color:#37a6ff !important; }
.articleHand a.ppt{color:#ff7735 !important;}
.articleHand a.excel{color:#15bf44 !important; }
.articleHand a.pdf{color:#1369c0 !important; }
.articleHand a.zip{color:#ff9779 !important; }

.videoCon{
    position:absolute;
    top:205px;
    bottom:0;
    overflow-y:auto;
    }
.videoCon .articleTitle{
    font-size:18px;
    color:#333333;
    text-align:left;
    font-weight:bold;
    padding:5px 10px 0 10px;
    line-height:30px;
    }
.videoCon .articleTime{
    text-align:left;
    padding:0 0 0 10px;
    }
    
.audiojs{
    width:40px;
    height:40px;
    border-radius:100%;
    background:url(../audiojs/play.png) no-repeat center center;
    background-size:cover; 
    margin:2px 10px 0 0;
    position:relative;
    z-index:9;
    }
.audiojs.playing{
    width:40px;
    height:40px;
    border-radius:100%;
    background:url(../audiojs/play2.png) no-repeat center center;
    background-size:cover;
    }
.audiojs .scrubber{ display:none;}
.audiojs .time{ display:none;}
.audiojs .play-pause {
    width: 25px;
    height: 40px;
    padding:0 6px;
    margin: 0px;
    float: left;
    overflow: hidden;
}
.articelImgSlide{
    overflow: hidden;
}
#articelImgSlide img{
    display: block;
    max-width: 100%;
}
#articelImgSlide{
    /*padding-bottom: 30px;*/
}
#articelImgSlide .swiper-pagination{
    bottom: 5px;
}
.articelImgSlide .swiper-button-prev{
    left: 0px;
    background: url(../images/aboutPrev3.png) no-repeat center center;
    background-size: auto 30px;
}
.articelImgSlide .swiper-button-next{
    right: 0px;
    background: url(../images/aboutNext3.png) no-repeat center center;
    background-size: auto 30px;
}
.articelImgSlide .swiper-pagination-bullet{background: #eee;opacity: 1;}
.articelImgSlide .swiper-pagination-bullet-active{background: #007aff;}
/**
 * 分享
 * @author 杨朝杰
 * @return
 */
.shareBt{display: inline-block;width:20px;position: relative;}
.shareClose{line-height:2rem;text-align:center;padding:3px 0 0 0;font-size:0.8rem;}
.shareBt:after{display: block;content: "";overflow: hidden;width: 100%;padding-top: 100%;background: url(../images/share/share.png) no-repeat center center;background-size: 100% 100%;position: absolute;left: 50%;bottom:-4px;}
.shareBox{width:100%;overflow: hidden;background: #fff;position: fixed;left: 0px;bottom:-100%;z-index: 10000;-webkit-transition: bottom 0.8s;-o-transition: bottom 0.8s;transition: bottom 0.8s;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.shareBox.show{bottom:0px;}
.shareCont{overflow: hidden;padding:0.5rem 0px 0.25rem;}
.bdsharebuttonbox p{display: block;width:20%;overflow: hidden;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:0.25rem;}
.bdsharebuttonbox a{display: block;width: 100%;overflow: hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin:0px !important;padding:0 0.5rem !important;background: none !important;height: auto !important;}
.bdsharebuttonbox span{display: block;width: 100%;overflow: hidden;padding: 0px 0.75rem;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.bdsharebuttonbox i{clear:both;display: block;font-size:0.6rem;color:#666;text-align: center;overflow: hidden;margin:5px 0px;}
.boxShadow{position: fixed;left: 0px;top:0px;width: 100%;height: 100%;overflow: hidden;background: rgba(0,0,0,0.6);z-index: 999;display: none;}
.bdsharebuttonbox a:before{display: block;content: "";overflow: hidden;width: 100%;padding-top: 100%;}

/*.bdsharebuttonbox a.bds_weChat{
    display: none;
}*/
.bdsharebuttonbox a.bds_weChat:before{background: url(../images/share/shareBt5.png) no-repeat center center;background-size:100%;}
.bdsharebuttonbox a.bds_tsina:before{background: url(../images/share/shareBt1.png) no-repeat center center;background-size:100%;}
.bdsharebuttonbox a.bds_tqq:before{background: url(../images/share/shareBt2.png) no-repeat center center;background-size:100%;}
.bdsharebuttonbox a.bds_qzone:before{background: url(../images/share/shareBt3.png) no-repeat center center;background-size:100%;}
.bdsharebuttonbox a.bds_douban:before{background: url(../images/share/shareBt4.png) no-repeat center center;background-size:100%;}
.bdsharebuttonbox a.bds_sqq:before{background: url(../images/share/shareBt6.png) no-repeat center center;background-size:100%;}
.weChatShareTip{
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: rgba(0,0,0,0.5) url(../images/share/weChatShare.png) no-repeat calc(100% - 30px) 10px;
    background-size: 90% auto;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 9999999;
}
/**
 * 音乐播放器
 * @author 杨朝杰
 * @return
 */
.audio{margin:0 50px;padding:10px 0 10px 0;}
.audio-tips{margin-top:10px; color: #b1b1b1; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.audio-detail{padding:5px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; background:#f8f8f8;position:relative;}
.audio-detail:after{content: " "; width: 200%; height: 200%; position: absolute; top: 0; left: 0; border: 1px solid #e6e6e6; box-sizing: border-box; -webkit-transform: scale(.5); transform: scale(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0;z-index:1;}
.audio .info{-webkit-box-flex: 1; -ms-flex: 1 0; flex: 1 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden;line-height:45px;}
.audio .info p{margin: 0; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666; text-indent: 0;}
.audio .info .audio-title{-webkit-box-flex: 1.5; -ms-flex: 1.5; flex: 1.5; line-height: 24px;font-size:14px;}
.audio .info .audio-desc{-webkit-box-flex: 1; -ms-flex: 1; flex: 1; line-height: 16px;color:#999 !important;font-size:12px !important;}
.audio .info .audio-desc span{padding:0 15px 0 0;color:#ff000;}

/**+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++以上为模板框架部分（尽量少改）+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++/

/**+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 首页 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++/
/*
* 搜索 begin
*/
.search{
    
}
.searchPage.show{
    left:0px;
}
.searchHead{
    width: 100%;
    overflow: hidden;
    padding: 7px 10px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    background: #fff;
    display: flex;
}
.searchHead input{
    display: block;
    width: 100%;
    height: 1.5rem;
    overflow: hidden;
    border:none;
    background: #f5f5f5 url(../images/topSearchIcon.png) no-repeat 5px center;
    background-size:0.75rem 0.75rem;;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    line-height: 1.5rem;
    font-size: 0.6rem;
    color:#999;
    font-family: "Microsoft yahei";
    padding: 0px 5px 0px 1.25rem;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.searchHead .flexR{
    padding-left: 5px;
}
.goSearch{
    display: block;
    width: 2.25rem;
    height: 1.5rem;
    overflow: hidden;
    font-size: 0.6rem;
    color:#999;
    text-align: center;
    line-height: 1.5rem;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.goSearch.hover{
    background: #f5f5f5;
}
.searchBody{
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: calc(100% - 1.5rem - 20px);
    z-index: 1;
}
.hotSearch{
    font-size: 0.7rem;
    color:#333;
    overflow: hidden;
    padding-bottom: 0.25rem;
}
.searchBody a{
    display: block;
    float: left;
    font-size: 0.6rem;
    color:#666;
    overflow: hidden;
    padding: 5px 10px;
    background: #f7f7f7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    margin:5px;
}


/*
* 视频专区
*/
.row4{
    background: #fff;
    overflow: hidden;
    padding: 0.5rem 10px;
}
.row4 .indTitTxt span{
    display: block;
}
.indTitMore{
    display: block;
    overflow: hidden;
    width: 0.8rem;
    height: 0.8rem;
    border: 1px solid #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    line-height: 0.8rem;
    text-align: center;
    margin: 0.1rem 0px;
}
.indTitMore span{
    font-size: 0.8rem;
    display: block;
    line-height: calc(0.8rem - 2px);
}
.indVideo{
    overflow: hidden;
}
.indVideo .imgDiv{
    padding-top: 66.666667%;
}
.indVideo .listName{
    text-align: center;
    padding-top: 0.5rem;
}

/*
* subBanner
*/
.subBanner{
    overflow: hidden;
}
.subBanner a{
    display: block;
    overflow: hidden;
}
.subBanner a img{
    display: block;
    max-width: 100%;
}

/*
* 产品筛序
*/
.screen{
    overflow: hidden;
}
#screen{
    width: 80%;
    overflow: hidden;
}
.screenHead{
    overflow: hidden;
    background: #fff;
    position: relative;
}
.screenHead_dl{
    overflow: hidden;
    display: flex;
    position: relative;
}
.screenHead_dl dd{
    flex: 1;
    overflow: hidden;
    position: relative;
}
.screenHead_dl dd:after{
    display: block;
    content: "";
    overflow: hidden;
    width: 1px;
    height: 0.7rem;
    background: #ddd;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -0.35rem;
}
.screenHead_dl dd:last-child:after{
    display: none;
}
a.screen_a{
    display: block;
    overflow: hidden;
    text-align: center;
    height: 1.9rem;
    line-height: 1.9rem;
    position: relative;
    color:#666;
    font-size: 0.7rem;
    padding-top: 0.1rem;
}
.screen_a span{
    position: relative;
    overflow: hidden;
    padding-right: 0.6rem;
    background: url(../images/arrowDown.png) no-repeat right center;
    background-size: auto 0.6rem;
}
.screenHead_dl dd.asc .screen_a span{
    background: url(../images/arrowUp_h.png) no-repeat right center;
    background-size: auto 0.6rem;
}
.screenHead_dl dd.desc .screen_a span{
    background: url(../images/arrowDown_h.png) no-repeat right center;
    background-size: auto 0.6rem;
}
.screenHead_dl dd.hover .screen_a span{
    color:#bd0000;
}
.screen_a i{
    position: relative;
    overflow: hidden;
    padding-right: 0.8rem;
    background: url(../images/screen.png) no-repeat right center;
    background-size: auto 0.7rem;
}
.moveHead{
    position: relative;
    overflow: hidden;
    display: flex;
}
.moveTit{
    font-size: 0.8rem;
    overflow: hidden;
    text-align: center;
    color:#666;
    line-height: 2.25rem;
}
.bt{
    display: block;
    height: 2.25rem;
    overflow: hidden;
    line-height: 2.25rem;
    text-align: center;
    font-size: 1.0rem;
    color:#666;
    position: relative;
}
.moveHead .bt{
    width: 2.25rem;
    position: absolute;
    left: 0px;
    top: 0px;
}
.bt span{
    display: block;
    width: 1.05rem;
    height: 0.1rem;
    position: relative;
    margin: 1.075rem 0.6rem;
}
.bt span:before{
    display: block;
    content: "";
    overflow: hidden;
    background: #666;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    -webkit-transition: transform 0.4s linear;
    -o-transition: transform 0.4s linear;
    transition: transform 0.4s linear;
}
.bt span:after{
    display: block;
    content: "";
    overflow: hidden;
    background: #666;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    -webkit-transition: transform 0.4s linear;
    -o-transition: transform 0.4s linear;
    transition: transform 0.4s linear;
}
.show .close span:before{
    transition-delay: 0.35s;
    transform: rotate(45deg);
}
.show .close span:after{
    transition-delay: 0.35s;
    transform: rotate(-45deg);
}
.leftBack span{
    display: block;
    width: 0.6rem;
    height: 0.1rem;
    position: relative;
    margin: 1.075rem 0.6rem;
}
.leftBack span:before{
    transform-origin: -2px 2px;
}
.leftBack span:after{
    transform-origin: 2px -2px;
}
.show .leftBack span:before{
    transition-delay: 0.35s;
    transform: rotate(-45deg);
}
.show .leftBack span:after{
    transition-delay: 0.35s;
    transform: rotate(45deg);
}
.moveBody{
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100% - 4.5rem);
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
}
.lack .moveBody{
    height: calc(100% - 2.25rem);
}
.move_ul{
    overflow: hidden;
    padding: 5px 0px;
}
.move_ul li{
    padding: 0px 10px;
    position: relative;
}
.move_ul li:after{
    display: block;
    content: "";
    overflow: hidden;
    width: 100%;
    height: 1px;
    background: #ddd;
    position: absolute;
    left: 0px;
    bottom: 0px;
    transform:scaleY(0.5);
}
.move_ul li:last-child:after{
    display: none;
}
.move_a{
    display: flex;
    overflow: hidden;
    position: relative;
}
.moveName{
    height: 2.0rem;
    line-height: 2.0rem;
    font-size: 0.7rem;
    color:#333;
}
.moveTxt{
    height: 2.0rem;
    line-height: 2.0rem;
    overflow: hidden;
    font-size: 0.7rem;
    color:#bd0000;
    text-align: right;
}
.arrowRight:after{
    display: block;
    content: "\f105";
    overflow: hidden;
    width: 0.5rem;
    height: 1rem;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -0.5rem;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1rem !important;
    text-align: center;
    line-height: 1rem;
    color: #999;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.hover .arrowRight:after{
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.screenCont{
    display: none;
    overflow: hidden;
    position: relative;
    padding: 5px 0px;
}
.move_dl{
    overflow: hidden;
    margin: 0px -5px;
    /*padding-top: 5px;*/
}
.move_dl dd{
    padding: 5px;
    position: relative;
    width: 33.33333333%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.move_dl dd a{
    display: block;
    position: relative;
    font-size: 0.6rem;
    color:#666;
    text-align: center;
    height: 1.5rem;
    line-height: 1.5rem;
}

.moveFoot{
    position: relative;
    overflow: hidden;
    height: 2.25rem;
    line-height: 2.25rem;
    display: flex;
}
.screenNum{
    overflow: hidden;
    font-size: 0.7rem;
    color:#666;
    padding: 0px 0.5rem;
}
.screenNum i{
    color:#bd0000;
    padding: 0px 0.15rem;
}
.screenBt{
    display: block;
    flex: 1;
    overflow: hidden;
    background: #f5f5f5;
    font-size: 0.7rem;
    color:#666;
    text-align: center;
    padding: 0px 10px;
}
.screenBt.active{
    background: #cfa972;
    color:#fff;
}
.proFootBt.hover,
.screenBt.hover{
    background: #bd0000;
    color:#fff;
}
.proFootBt{
    width: 5rem;
    height: 2.25rem;
    line-height: 2.25rem;
    font-size: 0.7rem;
    color:#fff;
    text-align: center;
    background: #bd0000;
}
/*
* 产品详情
*/
.proViewSlideBox{
    position:relative;
    overflow:hidden;
    padding-top: 100%;
}
.proViewSlideCont{
    width:100%;
    height:100%;
    overflow:hidden;
    position:absolute;
    left: 0px;
    top: 0px;
}
.proViewSlide{
    overflow: hidden;
    position: relative;
}
.proSlide_a{
    display: block;
    width: 100%;
    padding-top: 100%;
    overflow: hidden;
    position: relative;
}
.proSlide_a img{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}
.proViewSlide .swiper-pagination{
    left: auto !important;
    right: 10px;
    width: auto !important;
    font-size: 0.7rem;
    color:#fff;
    background: rgba(0,0,0,0.5);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 7px;
}
.proViewSlide .swiper-pagination span{
    font-size: 0.7rem;
    color:#fff;
}
.proHand{
    overflow: hidden;
    position: absolute;
    left: 0.5rem;
    top: 0.5rem;
    right: 0.5rem;
    z-index: 9;
}
.proHand a{
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 1.5rem;
    background: rgba(0,0,0,0.5);
    position: relative;
}
.proHand a span{
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    overflow: hidden;
    border-radius: 1.5rem;
    text-align: center;
    line-height: 1.5rem;
    color:#fff;
    font-size: 1rem;
}
.share span{
    background: url(../images/share/share_fff.png) no-repeat center center;
    background-size: 0.8rem 0.8rem;
}
.shopCart{
    margin-right: 10px;
}
.shopCart span{
    background: url(../images/shopCart_fff.png) no-repeat center center;
    background-size: 0.9rem 0.9rem;
}
.shopCart i{
    display: block;
    width: 0.6rem;
    height: 0.5rem;
    overflow: hidden;
    position: absolute;
    right: 0px;
    top: 0.05rem;
    background: #bd0000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    font-size: 0.5rem;
    color: #fff;
    text-align: center;
    line-height: 0.5rem;
    font-style: normal;
    padding-top: 0.1rem;
}
.proName{
    font-size: 0.8rem;
    line-height: 1.25rem;
    color:#333;
    overflow: hidden;
}
.proIntr{
    font-size: 0.7rem;
    color:#999;
    line-height: 1.25rem;
    overflow: hidden;
}
.partBox{
    padding: 5px 10px;
    overflow: hidden;
    background: #fff;
    position: relative;
}
.proPrice{
    font-size: 0.9rem;
    color:#bd0000;
    overflow: hidden;
    line-height: 1.25rem;
}
.proPrice i{
    font-size: 0.6rem;
}
.proPrice em{
    color:#999;
    font-size: 0.6rem;
    text-decoration: line-through;
    padding-left: 6px;
    font-style: normal;
}
.proDiv{
    overflow: hidden;
    position: relative;
    display: flex;
}
.proDiv:after{
    display: block;
    content: "";
    overflow: hidden;
    width: 100%;
    height: 1px;
    background: #ddd;
    position: absolute;
    left: 0px;
    bottom:0px;
    transform: scaleY(0.5);
    z-index: 2;
}
.clumnBox .proDiv:last-child:after,
.partBox .proDiv:last-child:after{
    display: none;
}
.proDiv .arrowRight{
    height: 2.0rem;
}
.arrowRight{
    height: 100%;
    padding-right: 0.8rem;
    position: relative;
}
.proTit{
    overflow: hidden;
    font-size: 0.7rem;
    color:#999;
    padding-right: 5px;
    line-height: 2.0rem;
}
i.invoice_i{
    display:block;
    padding:0px 5px;
    border-radius:3px;
    color:#fff;
    margin-left:5px;
    background:#bd0000;
}
.proSkuTxt{
    overflow: hidden;
    font-size: 0.6rem;
    color:#999;
    line-height: 2.0rem;
    text-align: right;
    padding-right: 5px;
}
.proSkuTxt span{
    padding: 0px 5px;
}
.saleIntr{
    height: calc(1.0rem + 6px);
    overflow: hidden;
    margin: calc((1.0rem - 6px)/2) 0px;
}
.sale_ul{
    overflow: hidden;
}
.sale_ul li{
    overflow: hidden;
    height: 1.0rem;
    font-size: 0.6rem;
    color:#666;
    line-height: 1.0rem;
    padding: 3px 0px;
    float: left;
}
.sale_ul li span{
    background: #bd0000;
    color:#fff;
    border-radius:3px;
    padding: 2px 5px;
    margin-right: 5px;
}
.promotion .arrowRight{
    display: none;
    height: 100%;
}
.serviceIntr{
    overflow: hidden;
    line-height: 1rem;
    font-size: 0.6rem;
    color:#999;
    padding: 0.5rem 0px;
}
.serviceIntr span{
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0px 5px 0px 1rem;
    float: left;
}
.serviceIntr span:after{
    display: block;
    content: "\f046";
    overflow: hidden;
    width: 1.0rem;
    height: 1.0rem;
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 1rem;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 0.7rem !important;
    color:#bd0000;
    text-align: center;
    line-height: 1.0rem;
}

/*
* 规格参数
*/
#specification{
    height: 60%;
    background: #fff;
}
.speci_dl{
    overflow: hidden;
    padding: 0px 10px;
}
.speci_dl dd{
    padding: 5px 0px;
    position: relative;
    overflow: hidden;
    display: flex;
}
.speci_dl dd:after{
    display: block;
    content: "";
    overflow: hidden;
    width: 100%;
    border-bottom: 1px dashed #ddd;
    position: absolute;
    left: 0px;
    bottom:0px;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 2;
}
.speci_dl dd:last-child:after{
    display: none;
}
.speciTit{
    font-size: 0.7rem;
    color:#666;
    line-height: 1.5rem;
}
.speciTxt{
    font-size: 0.7rem;
    color:#666;
    line-height: 1.25rem;
    padding: 0.125rem 0px;
}
.speciDeta{
    overflow: hidden;
}
.speciDeta img{
    display: block;
    max-width: 100%;
}
#selectSpeci{
    height: 60%;
    background: #fff;
}

/*
* sku
*/
.skuProduct{
    overflow: hidden;
    position: relative;
    display: flex;
    padding: 10px;
}
.skuProImg{
    width: 3.5rem;
    height: 3.5rem;
    overflow: hidden;
    position: relative;
}
.skuProImg img{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}
.skuProDeta{
    height: 3.5rem;
    overflow: hidden;
    padding-left: 10px;
}
.skuBox{
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100% - 3.5rem - 20px);
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
}
.sku_dl{
    overflow: hidden;
    padding: 0px 10px;
}
.sku_dl dd{
    overflow: hidden;
    position: relative;
    padding: 10px 0px;
}
.sku_dl dd:after{
    display: block;
    content: "";
    overflow: hidden;
    width: 100%;
    height: 1px;
    background: #ddd;
    position: absolute;
    left: 0px;
    bottom:0px;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 2;
}
.sku_dl dd:last-child:after{
    display: none;
}
.skuTit{
    overflow: hidden;
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: 0.7rem;
    color:#333;
    font-weight: bold;
}
.skuCont{
    overflow: hidden;
}
.sku_ul{
    overflow: hidden;
    margin: 0px -5px;
}
.sku_ul li{
    width: 33.33333333%;
    float: left;
    overflow: hidden;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.sku_ul li a{
    display: block;
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: 0.6rem;
    color:#666;
}
.skuNum{
    overflow: hidden;
    position: relative;
    padding: 0px 1.5rem;
    height: 1.5rem;
}
.skuNum.bd_a:after{
    background: #fff;
}
.skuNum .bt{
    display: block;
    height: 1.5rem;
    width: 1.5rem;
    overflow: hidden;
    z-index: 3;
}
.skuNum .prev{
    position: absolute;
    left: 0px;
    top:0px;
    background: url(../images/subtractTrue.png) no-repeat center center;
    background-size:0.65rem 0.65rem;
}
.skuNum .prev:after{
    display: block;
    content: "";
    overflow: hidden;
    width: 1px;
    height: 100%;
    background: #ddd;
    position: absolute;
    right: 0px;
    top:0px;
    -webkit-transform: scaleX(0.5);
    -ms-transform: scaleX(0.5);
    -o-transform: scaleX(0.5);
    transform: scaleX(0.5);
    z-index: 2;
}
.skuNum .prev.false{
    background: url(../images/subtractFalse.png) no-repeat center center;
    background-size:0.65rem 0.65rem;
}
.skuNum .next{
    position: absolute;
    right: 0px;
    top:0px;
    background: url(../images/plugmenuTrue.png) no-repeat center center;
    background-size:0.65rem 0.65rem;
}
.skuNum .next:after{
    display: block;
    content: "";
    overflow: hidden;
    width: 1px;
    height: 100%;
    background: #ddd;
    position: absolute;
    left: 0px;
    top:0px;
    -webkit-transform: scaleX(0.5);
    -ms-transform: scaleX(0.5);
    -o-transform: scaleX(0.5);
    transform: scaleX(0.5);
    z-index: 2;
}
.skuNum .next.false{
    background: url(../images/plugmenuFalse.png) no-repeat center center;
    background-size:0.65rem 0.65rem;
}
.skuNum input{
    display: block;
    width: 2.0rem;
    height: 1.5rem;
    overflow: hidden;
    padding: 0px 5px;
    border:none;
    background: none;
    outline: none;
    font-size: 0.6rem;
    color:#999;
    line-height: 1.5rem;
    text-align: center;
    font-family: "microsoft yahei";
    position: relative;
    z-index: 3;
}
.closeSku{
    position: absolute;
    right: 0.5rem;
    top: -0.65rem;
    overflow: hidden;
    width: 1rem;
    height: 1rem;
    padding: 3px;
    background: #fff;
    border-radius: 1rem;
    z-index: 9;
}
.closeSku span{
    display: block;
    overflow: hidden;
    width: 1rem;
    height: 1rem;
    border: 1px solid #ddd;
    border-radius: 1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../images/close.png) no-repeat center center;
    background-size: 0.5rem 0.5rem;
}
.proFoot{
    overflow: hidden;
    display: flex;
    height: 2.25rem;
    background: #fff;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
}
.proFoot .screenBt{
    line-height: 2.25rem;
}
.proFoot_a{
    display: block;
    overflow: hidden;
    padding: 0px 1.0rem;
    position: relative;
}
.proFoot_a span{
    display: block;
    height: 1.25rem;
    overflow: hidden;
}
.customer span{
    background: url(../images/customer.png) no-repeat center center;
    background-size: 0.9rem 0.9rem;
}
.collection span{
    background: url(../images/star.png) no-repeat center center;
    background-size: 0.9rem 0.9rem;
}
.collection.hover span{
    background: url(../images/star_h_o.png) no-repeat center center;
    background-size: 0.9rem 0.9rem;
}
.collection.hover i{
    color:#bd0000;
}
.proFoot_a i{
    display: block;
    text-align: center;
    font-size: 0.6rem;
    color:#666;
}
.proFoot_a em{
    display: block;
    font-style: normal;
    font-size: 0.7rem;
    color:#666;
    line-height: 2.25rem;
}
.payTotal{
    height: 2.25rem;
    font-size: 0.7rem;
    color:#bd0000;
    padding: 0px 10px;
    line-height: 2.25rem;
    flex: 1;
}

/*
* 评论
*/
.lookMore{
    font-size: 0.7rem;
    color:#999;
    text-align: right;
    overflow: hidden;
    line-height: 2.0rem;
}
.lookMore a{
    color:#999;
}
.proTit i{
    color:#333;
}
.proTit span{
    color:#bd0000;
}
.eval_dl{
    overflow: hidden;
}
.eval_dl>dd{
    overflow: hidden;
    position: relative;
    padding: 5px 0px;
}
.eval_dl>dd:after{
    display: block;
    content: "";
    overflow: hidden;
    width: 100%;
    height: 1px;
    background: #ddd;
    position: absolute;
    left: 0px;
    bottom:0px;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 2;
}
.eval_dl>dd:last-child:after{
    display: none;
}
.eavlHead{
    overflow: hidden;
    display: flex;
}
.eavlImg{
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    overflow: hidden;
    border:1px solid #ddd;
    border-radius: 2.5rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.evalC{
    flex: 1;
    overflow: hidden;
    padding: 0.1rem 0px 0px 10px;
}
.eavlName{
    font-size: 0.8rem;
    color:#333;
    overflow: hidden;
    line-height: 1.25rem;
}
.eavlTime{
    overflow: hidden;
    font-size: 0.7rem;
    color:#999;
    line-height: 1.25rem;
}
.evalStar{
    overflow: hidden;
}
.star_dl{
    width: 3.75rem;
    height: 0.75rem;
    overflow: hidden;
    position: relative;
    background: url(../images/starMore.png) no-repeat center center;
    background-size: auto 0.75rem;
}
.star_dl dd{
    width: 20%;
    overflow: hidden;
}
.star_dl dt{
    width: 0px;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(../images/starMore_h.png) no-repeat left center;
    background-size: auto 0.75rem;
}
.eavlBody{
    overflow: hidden;
}
.evalTxt{
    font-size: 0.6rem;
    color:#666;
    overflow: hidden;
    line-height: 1rem;
}
.eval_ul{
    overflow: hidden;
    margin: 0px -5px;
}
.eval_ul li{
    width: 25%;
    overflow: hidden;
    float: left;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.imgAuto{
    position: relative;
    overflow: hidden;
    padding-top: 100%;
    text-align: center;
}
.imgAuto:after{
    display: block;
    content: "";
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    border:1px solid #ddd;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.imgAuto img{
    max-width:100%;
    max-height:100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}
.evalMore{
    overflow: hidden;
    font-size: 0.6rem;
    color:#999;
    line-height: 1.0rem;
}
.adminApply{
    overflow: hidden;
    font-size: 0.6rem;
    line-height: 1rem;
    color:#bd0000;
}
.proArticle{
    overflow: hidden;
    line-height:1.5rem;
    color:#454545;
    padding:10px 0px;
    font-size:0.75rem;
    background:#fff;
}
.proArticle img{
    max-width: 100%;
}

/*
* 评论列表
*/
.evalTit{
    overflow: hidden;
    background: #fff;
    position: relative;
    height: 2.0rem;
    line-height: 2.0rem;
    font-size: 0.7rem;
    color:#666;
    text-align: center;
}

/*
* 全图列表
*/
.img_dl{
    overflow: hidden;
    padding: 5px;
}
.img_dl dd{
    width: 50%;
    overflow: hidden;
    float: left;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.img_dl dd .list_a{
    background: #fff;
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
}
.img_dl .imgDiv{
    padding-top: 66.6666667%;
}
.img_dl .listName{
    line-height: 1.5rem;
    height: 1.5rem;
    padding: 0px 5px;
    text-align: center;
}

/*
* 限时抢购 产品详情页
*/
.flashSale{
    overflow: hidden;
    position: relative;
    padding: 0.05rem 0px 0.2rem;
    background: #fff;
}
.flashSaleCont{
    height: 2.0rem;
    overflow: hidden;
    background: #fa4b4b;
}
.flashPrice{
    height: 2.0rem;
    overflow: hidden;
    line-height: 2.0rem;
    font-size: 0.8rem;
    color:#fff;
    padding: 0px 10px;
}
.flashDeta{
    overflow: hidden;
    padding: 0.15rem 0px;
}
.proOldPrice{
    height: 0.85rem;
    overflow: hidden;
    line-height: 0.85rem;
    font-size: 0.6rem;
    color:#e5e5e5;
    padding-left: 0.2rem;
}
.flashTime{
    height: 0.85rem;
    overflow: hidden;
    line-height: 0.85rem;
    font-size: 0.6rem;
    color:#fff;
}
.flashTime span{
    display: block;
    height: 0.75rem;
    overflow: hidden;
    line-height: 0.75rem;
    float: left;
    padding: 0px 0.25rem;
    padding-top: 0.1rem;
}
.flashTime i{
    display: block;
    height: 0.75rem;
    overflow: hidden;
    line-height: 0.75rem;
    float: left;
    padding: 0px 0.1rem;
    color:#333;
    background: #fff;
    -webkit-border-radius: 0.1rem;
    -moz-border-radius: 0.1rem;
    -ms-border-radius: 0.1rem;
    -o-border-radius: 0.1rem;
    border-radius: 0.1rem;
    padding-top: 2px;
}
.flashSale:after{
    display: block;
    content: "";
    overflow: hidden;
    position: absolute;
    right: 0px;
    top:0px;
    height: 100%;
    width: 3.85rem;
    background: url(../images/flashSaleBg.png) no-repeat right center;
    background-size: auto 2.25rem;
    z-index: 2;
}

/*
* 拼团
*/
.spellList{
    overflow: hidden;
    position: relative;
}
.spellListDl{
    overflow: hidden;
}
#spellListDl{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
}
.spell_dl dd{
    height: 1.75rem;
    overflow: hidden;
    padding: 0.25rem 0px;
    position: relative;
}
.spell_dl dd:after{
    display: block;
    content: "";
    overflow: hidden;
    width: 100%;
    height: 1px;
    background: #ddd;
    position: absolute;
    left: 0px;
    bottom: 0px;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
    transform: scaleY(0.5);
}
.spell_a{
    display: flex;
    overflow: hidden;
}
.spellUser{
    flex: 1;
    overflow: hidden;
}
.spellPhoto{
    display: block;
    width: 1.75rem;
    height: 1.75rem;
    overflow: hidden;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    float: left;
    margin-right: 0.25rem;
    position: relative;
}
.userName{
    display: block;
    height: 1.75rem;
    line-height: 1.75rem;
    font-size: 0.6rem;
    color:#666;
}
.spellDeta{
    overflow: hidden;
    padding: 0px 0.5rem;
}
.spellDeta span{
    display: block;
    overflow: hidden;
    font-size: 0.65rem;
    color:#333;
    text-align: right;
}
.spellDeta span em{
    font-style: normal;
    color:#bd0000;
    padding: 0px 2px;
}
.spellDeta i{
    display: block;
    font-size: 0.6rem;
    color:#666;
    text-align: right;
}
.spellBt{
    display: block;
    overflow: hidden;
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: 0.6rem;
    color:#fff;
    padding: 0px 0.75rem;
    position: relative;
    top: 50%;
    background: #bd0000;
    -webkit-border-radius: 0.15rem;
    -moz-border-radius: 0.15rem;
    -ms-border-radius: 0.15rem;
    -o-border-radius: 0.15rem;
    border-radius: 0.15rem;
    margin: 0.1rem 0px;
}
.spellUserR{
    overflow: hidden;
    float: left;
    padding: 0.1rem 0px;
}
.spellUserR span{
    display: block;
    overflow: hidden;
    height: 0.75rem;
    line-height: 0.75rem;
}
.spellUserR span em{
    font-size: 0.6rem;
    color:#333;
    font-style: normal;
}
.spellUserR span i{
    font-size: 0.5rem;
    color:#999;
}
.spellUserR>i{
    font-size: 0.5rem;
    color:#999;
    display: block;
    line-height: 0.75rem;
    height: 0.75rem;
}
.spellPopTit{
    height: 1.5rem;
    line-height: 1.5rem;
    overflow: hidden;
    text-align: center;
    font-size: 0.7rem;
    color:#333;
}
.spellThisDeta{
    font-size: 0.6rem;
    color:#777;
    overflow: hidden;
    text-align: center;
}
.spellThisDeta i{
    color:#bd0000;
}
.spellThisUser{
    overflow: hidden;
    text-align: center;
    font-size: 0px;
    padding: 0.75rem 0px;
}
.spellThisUser .center{
    display: inline-block;
    overflow: hidden;
}
.userPhoto em{
    display: block;
    font-size: 0.5rem;
    color:#bd0000;
    background: #fff;
    position: absolute;
    left: 0px;
    top: 0px;
    font-style: normal;
    padding: 0.1rem 0.15rem;
}
.spellThisUser .spellPhoto{
    border: 1px dashed #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px 0.25rem;
}
.spellPhoto.lz{
    border: 1px solid #bd0000;
}
a.joinSpellBt{
    display: block;
    overflow: hidden;
    height: 1.75rem;
    line-height: 1.75rem;
    background: #bd0000;
    font-size: 0.6rem;
    color:#fff;
    text-align: center;
    -webkit-border-radius: 0.15rem;
    -moz-border-radius: 0.15rem;
    -ms-border-radius: 0.15rem;
    -o-border-radius: 0.15rem;
    border-radius: 0.15rem;
}
.spellPop{
    padding: 0.5rem;
    overflow: hidden;
}
.layui-layer-page .layui-layer-content{
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
}

/*
* 图文列表 kis2 2018-08-16
*/
.textImg_dl{
    overflow: hidden;
    padding: 0px 0.5rem;
}
.textImg_dl dd{
    padding: 0.5rem 0px;
    overflow: hidden;
    position: relative;
}
.textImg_dl dd:after{
    display: block;
    content: "";
    overflow: hidden;
    width: 100%;
    height: 1px;
    background: #ddd;
    position: absolute;
    left: 0px;
    bottom: 0px;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
    transform: scaleY(0.5);
}
.textImg_dl dd:last-child:after{
    display: none;
}
.textImg_dl dd .list_a{
    display: flex;
}
.textImg_dl .txtImgBox{
    width: 6.75rem;
    margin-right: 0.5rem;
}
.txtImgBox .imgDiv{
    padding-top: 66.66666667%
}
.textImg_dl dd .listDeta{
    flex: 1;
    overflow: hidden;
    padding: 0px;
}
.textImg_dl .listName{
    font-size: 0.7rem;
    color:#333;
}
.textImg_dl .listIntr{
    overflow: hidden;
    font-size: 0.6rem;
    color:#999;
    line-height: 1rem;
    height: auto;
}
/*底部版权start*/
.copyRight{ padding: .5rem .75rem; background: #FFF; line-height: 1.1rem; font-size: .65rem; color: #333; text-align: center;}
.copyRightBox{background-color: #fff;}
.copyRightBox .copyRightBoxC{padding: 0 .75rem 1rem;}
.copyRightBoxUp{padding: 1rem 0 0.5rem;border-bottom: 1px solid #e5e5e5;margin-bottom: 0.5rem;display: flex;justify-content: center;align-items: center;}
.copyRightBoxUp img{display: block;max-height: 1.5rem;line-height: 1.5rem;}
.copyRightBoxUp .img2{margin: 0 .75rem;}
.copyRightBoxCon{margin-bottom: 0.5rem;}
.copyRightBoxCon .title{line-height: 1.625rem;height: 1.625rem;overflow: hidden;margin-bottom: 0.5rem;text-align: center;font-size: 0.75rem;color: #333333;font-weight: bold;}
.copyRightBoxCon .title span{font-size: 1rem;color: #e60012;padding-left: .5rem;}
.copyRightBoxCon .info{text-align: center;font-size: 0.65rem;color: #666666;line-height: 1.15rem;}
.copyRightBoxDown{padding-bottom: .5rem;border-bottom: 1px solid #e5e5e5;margin-bottom: 0.5rem;}
.copyRightBoxDownList{margin-right: -.75rem;}
.copyRightBoxDownList dd{width: 50%;float: left;display: inline;}
.copyRightBoxDownList dd a{display: flex;align-items: center; margin-bottom: .75rem;margin-right: .75rem;padding: .5rem .375rem;border: 1px solid #f42f3e;border-radius: .125rem;}
.copyRightBoxDownList dd a .icon{margin-right: 1rem;position: relative;}
.copyRightBoxDownList dd a .icon::before{display: block;content: "";width: 1px;height: 1.5rem;background-color: #fcc0c5;position: absolute;right: -0.5rem;top: 50%;margin-top: -0.75rem;}
.copyRightBoxDownList dd a .icon img{max-height: 1rem;display: block;width: 1.5rem;object-fit: contain;}
.copyRightBoxDownList dd a .text{font-size: 0.65rem;color: #666666;line-height: 2rem;height: 2rem;overflow: hidden;}
.copyRightBoxBottom{line-height: 1rem;color: #cccccc;font-size: 0.65rem;text-align: center;}
/*底部版权end*/