@charset "UTF-8";
@import "icon/iconfont.css";
/*顶部样式*/
body{
    margin:0;
    width: 3.75rem;
    font-family: '微软雅黑';
}
.mobileMidBox{
    margin-left:0.14rem;
    margin-right:0.14rem;
    box-sizing: border-box;
}
.mobile-footer{
    padding-left: 0.14rem;
    padding-right: 0.14rem;
    background: #F1F3F5;
    display: flex;
    flex-direction: column;
}
.mobile-footer-title{
    display: flex;
    font-size: 0.11rem;
    font-weight: bold;
    margin-top:0.24rem;
    color: #232323;
}
.mobile-footer-product{
    font-size: 0.09rem;
    font-weight: 400;
    color: #333333;
    display: flex;
    align-items: center;
    padding-bottom:0.15rem;

}
.footer-qrcode-box{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-top:0.18rem;
    padding-bottom:0.16rem;
    border-bottom:1px solid #D8DADB;
    border-top:1px solid #D8DADB;
}
.footer-qrcode-desc{
    font-size: 0.09rem;
    font-weight: 400;
    color: #333333;
    opacity: 0.8;
    margin-top:0.16rem;
    margin-bottom:0.12rem;
}
.footer-qrcode-phone{
    font-size: 0.1rem;
    font-weight: bold;
    color: #333333;
}
.mobile-footer-bottom{
    font-size: 0.08rem;
    font-weight: 400;
    color: #666666;
    opacity: 0.8;
    padding:0.16rem 0;
    text-align: center;
    word-break: keep-all;
}
.footer-qrcode-box>img{
    display: block;
    width: 1.48rem;
    height: 1.48rem;
}
.mobile-footer-product>a{
    margin-top:0.1rem;
}
.mobile-footer-product>a:after{
    content:"|";
    font-size: 0.09rem;
    font-weight: 400;
    color: #333333;
    margin:0 0.06rem;
}
.mobile-footer-product>a:last-child:after{
    content:"";
    display: none;
}
.subPageHeadNav{
    font-size: 0.16rem;
    height: 0.5rem;
    background: white;
    color:#333333;
    display: flex;
    align-items: center;
    position: fixed;
    top:0;
    width: 100%;
    box-shadow: 0 0 7px #d2d2d2;
    z-index: 2333;
    justify-content: space-between;
    box-sizing: border-box;
    padding-right: 0.14rem;
}
.subPageHeadNav i.icon-arrow-left{
    font-size: 0.14rem;
}
.subPageHeadNavHolder{
    height: 0.5rem;
}
.subPageHeadNav i.icon-arrow-left{
    margin-right: 0.12rem;
}
a,a:visited{
    text-decoration: none;
    color:#333333;
}
a.buyGoodsBtn:visited{
    color:white;
}
.subPageBanner{
    width: 3.75rem;
    height: 1.88rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.banner-top-desc{
    font-size: 0.12rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    margin-bottom:0.16rem;
    opacity: 0.9;
}
.banner-title{
    font-size: 0.17rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
}
.banner-desc{
    font-size: 0.08rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    opacity: 0.9;
    margin-top:0.2rem;
    width: 2.36rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    max-height: 1rem;
}
.subPageNavBar{
    background: white;
    box-sizing: border-box;
    padding:0 0.14rem;
    height: 0.42rem;
    box-shadow: 0px 1px 1px 0px rgba(165, 165, 165, 0.9);
    font-size: 0.16rem;
    white-space: nowrap;
    scrollbar-width: none;
    overflow-x: scroll;
}
.subPageNavBar::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: transparent;
    display: none;
}
.noScrollBar{
    scrollbar-width: none;
}
.noScrollBar::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
    background: transparent;
}

.subPageNavBar a{
    font-size: 0.13rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    transition: 0.3s;
    display: inline-block;
    height: 0.42rem;
    line-height: 0.42rem;
    position: relative;
    margin-right: 0.3rem;
}
.subPageNavBar a:last-child{
    margin-right: 0;
}
.subPageNavBar a:after{
    content:"";
    position: absolute;
    width: 0;
    height: 0.02rem;
    background: #B5251D;
    transition: 0.3s;
    bottom:0;
    left:50%;
}
.subPageNavBar a.on{
    color:#C7000B;
}
.subPageNavBar a.on:after{
    left:0;
    width: 100%;
}
.module-box{
    padding:0.3rem 0.14rem 0.4rem 0.14rem;
}
.module-title{
    font-size: 0.15rem;
    text-align: center;
    font-weight: bold;
    color: #333333;
    margin-bottom:0.16rem;
}
.product-type-nav-box.showMore:before{
    content:"请选择";
    height: 0.42rem;
    left:0;
    top:0;
    font-size: 0.11rem;
    background:white;
    position: absolute;
    z-index: 2;
    padding-left:0.15rem;
    line-height: 0.42rem;
    box-sizing: border-box;
    width: 100%;
}
.product-type-nav{
    font-size: 0.16rem;
    height: 0.42rem;
    background: white;
    overflow:auto;
    position: relative;
    white-space: nowrap;
}
.nav-more-box{
    width: 0.42rem;
    height: 0.42rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top:0;
    right:0;
    z-index: 3;
    background: white;
    box-shadow:-6px 0 12px -6px rgb(0 0 0 / 10%);
}
.product-type-nav-box{
    position: relative;
}
.nav-more-box:after{
    content: '';
    width: 0;
    height: 0;
    border-style: solid dashed dashed;
    border-color: transparent transparent transparent;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all .2s;
    margin-top: 0.05rem;
    border-width: 0.06rem;
    border-top-color: #67676c;
    z-index: 3;
    transition: 0.3s;
}
.showMore.nav-more-box:after{
    transform: rotate3d(1, 0, 0, 180deg);
    margin-top:-0.1rem;
}
.nav-more-holder{
    padding-right: 0.56rem;
}
.product-type-nav>a{
    display: inline-block;
    height: 0.42rem;
    white-space: nowrap;
    font-size: 0.11rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    padding:0 0.16rem;
    line-height: 0.42rem;
}
.product-type-nav>a.on{
    color:white;
    background: #c7000b;
}
.nav-more-list{
    top:0.42rem;
    left:0;
    width: 100%;
    box-sizing: border-box;
    background: white;
    font-size: 0.16rem;
    padding:0 0.15rem 0.2rem 0.15rem;
    border-top: 1px solid #dfe1e6;
    z-index: 10;
    position: absolute;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 6px 12px 0 rgb(0 0 0 / 10%);
}
.showMore .nav-more-list{
    visibility: visible;
    opacity: 1;
}
.nav-more-list>a{
    display:inline-block;
    font-size: 0.11rem;
    margin-top:0.2rem;
    box-sizing: border-box;
    width: 31.5%;
    margin-right: 1%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.nav-more-list>a:nth-child(3n){
    margin-right: 0;
}
.nav-more-list>a.on{
    color:#c7000b;
}
.selectGroup{
    position: relative;
    display: inline-block;
    text-overflow: ellipsis;
}
.selectGroup>span.select-title{
    line-height: 0.24rem;
    display: block;
    width: 100%;
    height: 0.24rem;
    font-size: 0.1rem;
    /*font-weight: bold;*/
    color: #444444;
    border-bottom:1px solid #333333;
    padding-right:0.1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
}
.selectGroup>span.select-title:after{
    content: '';
    width: 0;
    height: 0;
    border-style: solid dashed dashed;
    border-color: transparent transparent transparent;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all .2s;
    margin-top: 0.1rem;
    border-width: 0.06rem;
    border-top-color: #67676c;
    z-index: 3;
    transition: 0.3s;
    position: absolute;
    right: 0;
}
.selectGroup.showLi>span.select-title:after{
    margin-top:0.01rem;
    transform: rotate3d(1,0,0,180deg);
}
.selectGroup>ul.select-ul{
    margin:0;
    list-style: none;
    font-size: 0.1rem;
    padding-left:0;
    position: absolute;
    left:0;
    border-left:1px solid #333333;
    border-right:1px solid #333333;
    z-index: 2333;
    width: 100%;
    display: none;
    background: white;
}
.selectGroup>ul.select-ul>li{
    width: 100%;
    box-sizing: border-box;
    height: 0.3rem;
    line-height: 0.3rem;
    padding-left:0.1rem;
    padding-right: 0.1rem;
    border-bottom:1px solid #333333;
    color:#444444;
    font-size: 0.1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.selectGroup>ul.select-ul>li.on{
    background: #C7000B;
    color:white;
}

.faq-head{
    display: flex;
    height: 0.49rem;
    align-items: center;
    padding-left:0.15rem;
    font-size: 0.11rem;
    font-weight: bold;
    color: #333333;
    background: url("img/faq-bg.png") no-repeat center;
    background-size: cover;
}
.faq-head>a{
    font-size: 0.08rem;
    font-weight: 400;
    color: #666666;
    margin-left:0.1rem;
}
.faq-body{
    padding:0.16rem 0.14rem;
    box-shadow: 0px 0px 1px 0px rgb(106 106 106);
    display: flex;
    flex-direction: column;
}
.faq-body>a{
    font-size: 0.09rem;
    width: 100%;
    align-items: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom:0.1rem;
}
.faq-body>a:last-child{
    margin-bottom:0;
}
.layui-layer-btn{
    font-size: 14px;
}

.mPageCss{
    font-size: 0.12rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mPageCss>a{
    display: block;
    padding: 0.06rem 0.2rem;
    box-sizing: border-box;
    font-size: 0.12rem;
    border: 1px solid #AFAFAF;
    color: #333333;
    border-radius: 6px;
    background: white;
}
.mPageCss>span:first-child{
    display: none;
}
.mPageCss>span.disabled{
    display: block;
    padding: 0.06rem 0.2rem;
    box-sizing: border-box;
    font-size: 0.12rem;
    border: 1px solid #E9ECF0;
    color: #999999;
    border-radius: 6px;
    background: #E9ECF0;
}
.mPageCss>a,.mPageCss>span{
    margin-right: 0.2rem;
}
.mPageCss>a:last-child,.mPageCss>span:last-child{
    margin-right: 0;
}
.mNotices{
    background-color: #F9E5E6;
    font-size: 0.08rem;
    padding: 0.12rem 0.12rem 0.12rem 0.32rem;
    font-weight: 400;
    color: #C7000B;
    background-image: url(img/attention.png);
    background-repeat: no-repeat;
    background-size: 0.14rem 0.14rem;
    background-position-y: 0.13rem;
    background-position-x: 0.12rem;
}


#fixed-zx-box{
    display: flex;
    align-items: center;
}
.fix-zx-line{
    background: #F1F2F6;
    width: 0.01rem;
    height: 1.44rem;
    margin:0 0.3rem;
}
.fixed-zx-btn{
    position: fixed;
    right: 5vw;
    bottom:1rem;
    width: 0.45rem;
    height: 0.45rem;
    background: url("img/kf.png") no-repeat center white;
    background-size: .22rem .22rem;

    box-shadow: 0 0 10px #d6d6d6;
    border-radius: 50%;
    z-index: 10;
}

.fix-wx-title{
    font-size: 0.11rem;
    color: #333333;
    display: flex;
    align-items: center;
    height: 0.18rem;
    background: url("img/wx-icon.png") no-repeat left;
    background-size: contain;
    padding-left: 0.27rem;
    font-weight: bold;
    margin-bottom:0.02rem;
}
.zxQrCodeBox{
    text-align: center;
    font-size: 0.09rem;
    font-weight: 400;
    color: #B3B3B3;
    line-height: 0.12rem;
    width: 1rem;
}
.zxQrCodeBox img{
    display: block;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:0.02rem;
}
.fix-right-title{
    padding-left: 0.22rem;
    font-size: 0.12rem;
    color: #333333;
    font-weight: bold;
    height: 0.15rem;
}
.fix-right-title.qq{
    background: url("img/qq-icon.png") no-repeat left;
    background-size: contain;

    display: flex;
    align-items: center;
}
.fix-right-title.phone{
    background: url("img/phone-icon.png") no-repeat left;
    background-size: contain;
    display: flex;
    align-items: center;
    margin-top:0.28rem;
}
.fix-right-desc{
    padding-left: 0.22rem;
    display: flex;
    flex-direction: column;
}
.fix-right-desc a{
    color:#333333;
    text-decoration: none;
    font-size: 0.11rem;
    display: flex;
    margin-top:0.06rem;
}

.head-member{
    background: url("img/member.png") no-repeat center;
    background-size: 0.15rem 0.15rem;
    width: 0.15rem;
    height: 0.15rem;
    display: inline-block;
    margin-right: 0.22rem;
}
.head-menu{
    background: url("img/menu.png") no-repeat center;
    background-size: 0.15rem 0.13rem;
    width: 0.15rem;
    height: 0.13rem;
    display: inline-block;
}
.head-right-btn{
    display: flex;
    align-items: center;
}

#headMenuList{
    position: fixed;
    width: 100%;
    left:0;
    box-sizing: border-box;
    height: calc(100% - 0.5rem);
    top:0.5rem;
    z-index: 22;
    background:white;
    display: none;
    overflow-y: auto;
}
.headMenuBox{
    border-bottom:1px solid #DDDDDD;
    font-size: 0.14rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:0 0.133rem;
    height: 0.4rem;
    color:#333333;
}
.headMenuLi{
    background:#F9F9F9;
    overflow: hidden;
    display: none;
}
.headMenuLi>a{
    font-size: 0.14rem;
    padding-left:0.2rem;
    display: block;
    color:#292e33;
    margin-top:10px;
}
.headMenuLi>a:last-child{
    margin-bottom:10px;
}
.rightArrowDown{
    transition: 0.15s;
}
.showLi>.headMenuBox>.rightArrowDown{
    transform: rotate(180deg);
}