@charset "utf-8";
html{background:#fff}
@font-face {
　　font-family: Calibre-Semibold;
　　src:url('/wap_themes/lululemon/images/fonts/Calibre/Calibre-Medium.otf');
}

@font-face {
　　font-family: Calibre-Medium;
　　src:url('/wap_themes/lululemon/images/fonts/Calibre/Calibre-Medium.otf');
}
    
@font-face {
　　font-family: Calibre;
　　src:url('/wap_themes/lululemon/images/fonts/Calibre/Calibre-Regular.otf');
}
@font-face{
    font-family: 'NotoSansSc';
    src : url('https://image.lululemon.cn/public/NotoSansSC-Regular.ttf');
}

      
body {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    font-size:1.2rem;
    font-family: NotoSansSc,Calibre,PingFangSC-Regular,"Microsoft Yahei",Arial,Helvetica,sans-serif,"Hiragino Sans GB";
    padding-bottom: 6rem;
    overflow-x: hidden;
    max-width: 1000px;
    margin:0 auto;
    -webkit-overflow-scrolling: touch;
}
/* 
#aliyunCaptcha-sliding-text-box .verified {
    color: black !important;
}
#aliyunCaptcha-sliding-body .verified {
    background: blue !important;
}

#aliyunCaptcha-sliding-body #aliyunCaptcha-sliding-text-box {
    background-color: red !important;
}

#aliyunCaptcha-sliding-body #aliyunCaptcha-sliding-text-box .aliyunCaptcha-sliding-text {
    color: black !important;
} */

a { 
    color:#000000;
}
img{
    max-width: 100%
}
input{
    -webkit-user-modify: read-write-plaintext-only;
}
.input-checkbox.checked, input[type=checkbox]:checked, input[type=checkbox] :indeterminate, input[type=radio]:checked, input[type=radio] :indeterminate{background: url(checked.png) no-repeat ;background-size: 2rem;}
.input-checkbox, input[type=checkbox], input[type=radio]{-webkit-appearance: none!important;
    -moz-appearance: none!important; appearance: none!important;width: 2rem;
    height: 2rem;background: url(nochecked.png) no-repeat ;background-size: 2rem;}
.btn{
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#fff),color-stop(100%,#fff));
    background-image: -webkit-linear-gradient(#fff,#fff);
    background-image: -moz-linear-gradient(#fff,#fff);
    background-image: linear-gradient(#fff,#fff);
    border-radius:0rem;
    font-size: 1.4rem;
    line-height: 3.8rem;
    height: 3.8rem;
    color: #000;
    border: 1px solid #000;
    }

.btn.btn-add-widgets{
    height: 30px;
    line-height: 30px;
    border-radius: 0;
    cursor: pointer;
}

.btn:active, .btn:hover, .btn:visited{color: #000;}
.btn.orange,.btn.red{
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#000),color-stop(100%,#000));
    background-image: -webkit-linear-gradient(#000,#000);
    background-image: -moz-linear-gradient(#000,#000);
    background-image: linear-gradient(#000,#000);
    border-radius: 0;
    font-size: 1.4rem;
    line-height: 4rem;
    height: 4rem;
    border: 1px solid #000;
    }
.btn.orange:active, .btn.orange:hover, .btn.orange:visited,.btn.red:active, .btn.red:hover, .btn.red:visited{color: #fff;}
.btn:disabled{ background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#ccc),color-stop(100%,#ccc));
    background-image: -webkit-linear-gradient(#ccc,#ccc);
    background-image: -moz-linear-gradient(#ccc,#ccc);
    background-image: linear-gradient(#ccc,#ccc);}
.login-form .btn:disabled {
    background: #ccc;
    color: #fff;
}
.login-form #vcode-button:disabled {
    background: none;
    color: #ccc;
}
.login-form .btn {
    background: #fff;
    color: #000;
}
.popup {border-radius:0rem ;z-index:1002}
.popup-mask {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1111;
    background: rgba(0,0,0,0.3);
    top: 0;
    left: 0;
}
.d-box{
    display: box;
    display: -webkit-box;
    display: -ms-box;
}
.d-felx{
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
}
.box-flex1{
    box-flex:1;
    -webkit-box-flex:1;
    -ms-box-flex:1;
}
.box-center{
    -ms-box-pack: center;
    -ms-box-align: center;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    box-pack: center;
    box-align: center;
    text-align: center;
}
.border-t,.border-r,.border-b,.border-l{position: relative;}
.border-t:before{content: "";display: block;border-top:1px solid #ddd;-webkit-transform: scaleY(.5);-webkit-transform-origin: 0 0;box-sizing: border-box;position: absolute;top:0;left:0;right:0;z-index: 1;}
.border-b:after{content: "";display: block;border-bottom:1px solid #ddd;-webkit-transform: scaleY(.5);-webkit-transform-origin: 100% 100%;box-sizing: border-box;position: absolute;bottom:0;left:0;right:0;z-index: 1;}
.cat1-list .border-b:after{content: "";display: block;border-bottom:0px solid #ddd;-webkit-transform: scaleY(.5);-webkit-transform-origin: 100% 100%;box-sizing: border-box;position: absolute;bottom:0;left:0;right:0;z-index: 1;}
.border-l:before{content: "";display: block;border-left:1px solid #ddd;-webkit-transform: scaleX(.5);-webkit-transform-origin: 0 0;box-sizing: border-box;position: absolute;top:0;bottom:0;left:0;z-index: 1;}
.border-r:after{content: "";display: block;border-right:1px solid #ddd;-webkit-transform: scaleX(.5);-webkit-transform-origin: 100% 100%;box-sizing: border-box;position: absolute;top:0;bottom:0;right:0;z-index: 1;}

/*上拉加载*/
.pull-text{color: #666;text-align:center;padding: 3rem 0;width:100%}
.pull-text span{display:block;line-height: 2rem;}
.pull-text em{margin:0 auto;display:none;width: 3rem;height: 3rem;background: url(icons.png?66) no-repeat 89.5% 11%;background-size: 2043% auto;}
.pull-text.load em{display:block;}

/*通用表单*/
.form .c-g{border:none;border-bottom:1px solid #e8e8e8;margin: 0;padding: 1rem 0;clear: both;line-height: 2.5rem;height: 2.5rem;}
.form .c-l{border:none;width: 2.5rem;padding: 0;}
.form .c-l span{display:none}
.form .c-l:before{content:"";display:block;width: 2rem;height: 2rem;background: url(icons.png?66) no-repeat -.5% -1%;background-size: 2043% auto;margin-top: .3rem;}
.form .item2 .c-l:before{background: url(icons.png?66) no-repeat 11.5% -1%;background-size: 2043% auto;}
.form .item3 .c-l:before{background: url(icons.png?66) no-repeat 11.5% -1%;background-size: 2043% auto;}
.form .item4 .c-l:before{background: url(icons.png?66) no-repeat 11.5% -1%;background-size: 2043% auto;}
.form .c{margin-left: 3rem;padding-right: 1rem;}
.form .c-g-c label,.lnk{color:#000;text-decoration:none}
.form .ib-btn{color:#000;border-radius:0;border: 0;border-left: 1px solid #000;width: 7rem;margin-top: .3rem;text-align: left;font-size: 1.3rem;right: 0;}
.form .c-g-c label{color:#666}
.form .btn-bar{width: 94%;margin: 0rem auto 0 auto;}
.full-padding .form .btn-bar{width:100%;}
.form .c em{visibility:hidden;position:absolute;top: .3rem;right: .6rem;background: url(icons.png?66) no-repeat 52.5% -0.3%;background-size: 2965% auto;width: 2rem;height: 2rem;overflow:hidden;color:#fff;line-height: 1.4rem;text-align:center;font-size: 1.4rem;cursor: pointer;line-height: 10rem;}
.form .login-password .c em{right: 3.3rem;}
.form .login-vcode .c em{right: 9.3rem;}

.form .c i{display:block;position:absolute;top: .5rem;right: 0;background: url(icons.png?66) no-repeat 64.9% -.2%;background-size: 2306% auto;width: 2.5rem;height: 1.5rem;overflow:hidden;color:#fff;line-height: .12rem;text-align:center;font-size:.1rem;cursor: pointer;}
.form .c i.active {background: url(icons.png?66) no-repeat 76.5% -.2%;background-size: 2306% auto;}
.form .verify-input-box{
    display: flex;flex-flow: row nowrap;align-items: center;
}

.form .verify-input{width: 100%;}
.form .verify-code {font-size: 1.3rem;width: 6.6rem;margin-right: 0.4rem;}
.forget-title{text-align: center;line-height: 11rem;font-size: 1.5rem;color: #000;}
.form .c .gender{position: absolute;left: 9rem;top: .2rem;}
.form .item1 input[value=female]{margin-left: 5rem;}

/*无信息*/
.noinfo{text-align: center;min-height: 25rem;padding: 10rem 0 0 0;}
.noinfo em{display: inline-block;width: 6.5rem;height: 6.5rem;background: url(icons.png?66) no-repeat -2% 37%;background-size: auto 50rem;margin: 0 auto;clear: both;}
.noinfo span{display: block;font-size: 1.4rem;color: #999;line-height: 3;}
.noinfo a{text-align: center;width: 41%;margin: 0 auto;}
.coupons .noinfo em{background: url(icons.png?66) no-repeat 100% 37%;background-size: auto 50rem;}
.mem-address .noinfo em{background: url(icons.png?66) no-repeat 76% 37%;background-size: auto 50rem;}
.integral .noinfo em{background: url(icons.png?66) no-repeat 41% 59%;background-size: auto 50rem;}
.history .noinfo em{background: url(icons.png?66) no-repeat 19% 59%;background-size: auto 50rem;}
.integral .noinfo em{background: url(icons.png?66) no-repeat 41% 59%;background-size: auto 50rem;}
.new-member-order .noinfo em{background: url(icons.png?66) no-repeat 102% 59%;background-size: auto 50rem;}

/*无信息 add by cx*/
.msg {text-align: center;min-height: 25rem;padding: 9rem 0 0 0;}
.msg .content{background: none;padding: 0;}
.msg .content:before{content:'';display: inline-block;width: 8.5rem;height: 8.5rem;background: url(icons.png?66) no-repeat 50.8% 38.5%;background-size: 552% auto;margin: 0 auto;clear: both;}
.msg div{display: block;font-size: 1.4rem;color: #000;line-height: 2rem;}
.msg a{display: block;font-size: 1.4rem;color: #999;line-height: 2rem;font-weight: normal;}
.msg .btn{width:50%;margin:2rem auto 0 auto}
.msg .content.error:before{background: url(icons.png?66) no-repeat 23.8% 38.5%;background-size: 552% auto;}
.index-body .maxfot > .msg,.product-body .maxfot > .msg{
    display: none;
}

/*挂件css*/
.main-banner .slider { 
    text-align: center;
	position: relative;
    line-height: 1;
}
.main-banner .swiper-slide{
    position: relative;
}
.main-banner .swiper-slide a{
    display: block;
}
.main-banner .swiper-slide img{
    vertical-align: middle;
}
.main-banner .img-info { 
    padding-top: 3rem;
}
.main-banner .img-info h3{ 
    font-weight: 500;
}
.main-banner .img-info p {
    padding-top: 1.95rem;
}
.main-banner .textandbtn .img-btn {
    margin-top: 2.5rem;
} 

.pos{
    position: absolute;
}
.page-index .c .pos,.page-index .tc .pos,.page-index .lc .pos,.page-index .rc .pos,.page-index .bc .pos{
    -ms-box-pack: center;
    -ms-box-align: center;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    box-pack: center;
    box-align: center;
    text-align: center;
}
.page-index .c .pos{
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.page-index .tl .pos{
    top:6%;
    left:5%;
}
.page-index .tc .pos{
    top:6%;
    left:0;
    right:0;
}
.page-index .tr .pos{
    top:6%;
    left:5%;
}
.page-index .lc .pos{
    top: 0;
    bottom: 0;
    left:5%;
    text-align: left;
}

.page-index .rc .pos{
    top: 0;
    bottom: 0;
    right:5%;
    text-align: right;
}
.page-index .bl .pos{
    bottom:10%;
    left:5%;
}
.page-index .bc .pos{
    bottom:10%;
    left:0;
    right:0;
    text-align: center;
}
.page-index .br .pos{
    bottom:10%;
    right:5%;
}

.textandbtn .img-btn{
    border: 1px solid #fff;
    padding: .1rem 1rem;
    border-radius: 2rem;
    margin-top: .5rem;
    display: inline-block;
}
.ad-shopmax-group > .d-box > div a,.ad-shopmax-group ul li{
    display: block;
    position: relative;
}
.ad-shopmax-group .pos,.ad-pic .pos{
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: box;
    display: -webkit-box;
    display: -ms-box;
    -ms-box-pack: center;
    -ms-box-align: center;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    box-pack: center;
    box-align: center;
    text-align: center;
    background: rgba(0,0,0,.2);
}
.ad-shopmax-group img{
    display: block;
    width: 100%;
}
.panel1 .right{
    width: 61.1%;
}
.panel1 .left{
    margin-right: 1px;
}
.panel2 .left{
    width: 61.1%;
}
.panel2 .right{
    margin-left: 1px;
}
.panel2 a.first{
   margin-bottom: 1px;
}
.panel1 a.last{
   margin-top: 1px;
}
.panel1 .left{
    width: 38.9%;margin-bottom: 1px;
}
.panel2 .right{
    width: 38.9%;margin-bottom: 1px;
}
.panel3 ul li a{
    display: block;
    margin-right: 1px;
}
.panel3 ul li:last-child a{
    padding-right:0;
}
.ad-pic a{
    display: block;
    position: relative;
}
.ad-pic img{
    display: block;
    width: 100%;
}
.ad-pic span{
    display: block;
    line-height: 1.2;
}
.ad-pic .text1,.ad-pic .text2{margin-bottom:.6rem}
.ad-pic .textandbtn{width:80%;}
.page-index .pt-coupon{padding: 1rem}

/*右侧菜单*/
.right-nav{
    position: fixed;
    bottom: 13rem;
    right:1.3rem;
    /* overflow: hidden; */
    z-index: 11;        
    width: 4.5rem;                         
}
.right-nav .mobile-wrap.right{
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.right-nav .mobile-wrap{
    height: 0;
    -webkit-transition: height .3s;
    transition: height .3s;
    background: #F6F6F6;
    border-radius: 2.45rem;
    font-weight: 500;
    text-align: center;
    width: 100%;
    padding: 0;
    line-height: 1;
    box-shadow: 0 0 10px #ccc;
    overflow: hidden;
}

.right-nav.to .mobile-wrap{
    height: auto;
}
.right-nav.to.cur .mobile-wrap{
    /* height: 28rem; */
}
.right-nav .item{
    /* display: block; */
   
    margin-bottom: 1.8rem;
    display: none;
    height: 4.5rem;
}
.right-nav .item img {
    width: 1.8rem;
    height: auto;
    max-height: 12.9rem;
    margin-bottom: .6rem;
}
.right-nav .item p {
    color: #54555B;
    font-size: 1.2rem;
}
.right-nav.cur .item{
    display: block;
}

.right-nav.cur .mobile-wrap{
    /* height: auto; */
    /* height: 24rem; */
    padding: 2rem 0 .2rem;
}
.right-nav.to #gotop{
    display: block;
    margin: 0 auto;
    position: absolute;
    bottom: -5.5rem;
    left: 50%;
    transform: translateX(-50%);
}
.right-nav #gotop{
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    margin-bottom: 0;
    background: #F4F4F4 url(gotop2.png) no-repeat center center;
    background-size: auto 1.75rem;
    display: none;
    box-shadow: 0px 1px 4px #ccc;
}
.right-nav .bg0{
    background: #000 url(icons.png?66) no-repeat -1.2% 82.2%;
    background-size: 1380% auto;
}
.right-nav .bg1{
    /* background: #000 url(icons.png?66) no-repeat 48.8% 81%;
    background-size: 2000% auto; */
}
.right-nav .bg2{
    background: #000 url(icons.png?66) no-repeat 40.8% 81.5%;
    background-size: 1500% auto;
}
.right-nav .bg3{
    background: #000 url(icons.png?66) no-repeat 25% 82%;
    background-size: 1500% auto;
}
.right-nav .bg4{
    background: #000 url(icons.png?66) no-repeat 16.8% 81.8%;
    background-size: 1500% auto;
}
.right-nav .nav-btn{
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    position: relative;
    display: block;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    background:#333333 url(r-btn.png) no-repeat center center;
    background-size: 1.5rem auto;
    margin: 1rem 0 0;
    box-shadow: 0px 1px 4px #ccc;
}

.right-nav.cur .nav-btn{
     transform:rotate(45deg);
    -ms-transform:rotate(45deg);     
    -moz-transform:rotate(45deg);   
    -webkit-transform:rotate(45deg); 
    -o-transform:rotate(45deg); 
}


/*底部菜单*/
.navigation{
    position: fixed;
    bottom:0;
    left:0;
    width: 100%;
    height:5rem;
    background:#fff;
    z-index: 11;
    padding-bottom: calc(constant( safe-area-inset-bottom) - 1.3rem);
    padding-bottom: calc(env(safe-area-inset-bottom) - 1.3rem);
}

.navigation .item{
    display: block;
    width: 20%;
    text-align: center;
    position: relative;
    color: #B6B6B6;
    font-size: 1.1rem;
    /*font-family: PingFangSC-Medium, PingFang SC;*/
    font-weight: 500;
    
}
.navigation .item.active{
    color: #B6B6B6;
}
.navigation .item s{
    width: 3.6rem;
    height:2.6rem;
    display: block;
    margin-top: .4rem;
    margin: .4rem auto 0 auto;
}
.navigation .bg1 s{
    background: url(icon-nav-1.png) no-repeat center;
    background-size: 1.95rem;
}
.navigation .bg1.act s{
    background: url(icon-nav-1--act.png) no-repeat center;
    background-size: 1.95rem;
}
.navigation .bg2 s{
    background: url(icon-nav-2.png) no-repeat center;
    background-size: 2rem;
}
.navigation .bg2.act s{
    background: url(icon-nav-2--act.png) no-repeat center;
    background-size: 2rem;
}
.navigation .item.act span{
    color: #000;

}
.navigation .bg3 s{
    background: url(icon-nav-4.png) no-repeat center;
    background-size: 1.6rem;
    
}
.navigation .bg4 s{
    background: url(icon-nav-5.png) no-repeat center;
    background-size: 2.25rem;
}
.navigation .center-bg s{
    background: url(icon-nav-3.png) no-repeat center;
    background-size: 2.25rem;
}

/*头部&&左侧菜单*/
@-webkit-keyframes bg-op{
    0%{opacity:0;left:0;}
    20%{opacity:0;left:20%;}
    75%{opacity:.6;left:60%;}
    100%{opacity:1;left:80%;}
}
@keyframes  bg-op{
    0%{opacity:0;left:0;}
    20%{opacity:0;left:20%;}
    75%{opacity:.6;left:60%;}
    100%{opacity:1;left:80%;}
}
@-webkit-keyframes op{
    0%{opacity:0;}
    100%{opacity:1;}
}
@keyframes  op{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-webkit-keyframes bg_color{
    0%{ background: rgba(0,0,0,0);}
    100%{background: rgba(0,0,0,.6);}
}
@keyframes  bg_color{
    0%{ background: rgba(0,0,0,0);}
    100%{background: rgba(0,0,0,.6);}
}
.cat-nav-list .d-box,.goods-multiple-body{
    animation: op .3s 1 ease 0;
    -webkit-animation: op .3s 1 ease;
}
.left-menu{
    position: fixed;
    width: 80%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    z-index: 10000;
    background: #ffffff;   
    font-size:1.4rem;
}
.left-menu.cur{
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.left-menu .close-btn{
    position: absolute;
    right: 0px;
    top: 15px;
    width: 22px;
    height: 22px;
}
.left-menu.cur .close-btn{
    right: -15%;
}
.left-menu .close-btn > div{
    background: #fff;
    position: absolute;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg);     
    -moz-transform:rotate(45deg);   
    -webkit-transform:rotate(45deg); 
    -o-transform:rotate(45deg);
    cursor: pointer;
}
.left-menu .close-btn .h{
    width: 22px;
    height: 2px;
    top: 10px;
    left: 0;
}
.left-menu .close-btn .s{
    height: 22px;
    width: 2px;
    top: 0;
    left: 10px;
}
.left-menu .menu-content{
    height:100%;
    overflow: hidden;
    overflow-y: scroll; 
}
.left-menu .item .cat1-list,.left-menu .item .cat2-list{
    /*display: none;*/
    width: 100%!important;
}
.left-menu .item.active .cat1-list,.left-menu .cat1.active .cat2-list{
   /* display: block;*/
}
.left-menu .item .cat0 .border-b{
    padding-left: 5rem;
    font-weight: bold;
}
.left-menu .item .cat1 .border-b{
    padding-left: 9rem;
}
.left-menu .item .cat1 > .border-b{
    
}
.left-menu .item .cat1.active{
    background: #ebebeb;
}
.left-menu .item a{
    display: inline-block;
    white-space: nowrap;
    max-width: 88%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.left-menu .item .cat2-list .border-b{
    color: #777777;
    font-size:1.3rem;
    padding-right: 3rem;
}
.left-menu .item .cat2-list .border-b:after{
    border-bottom:0;
}

.left-menu .item .border-b{
    display: block;
    height: 4rem;
    line-height: 4rem;
}
.left-menu .item .border-b:before{
    content:"";
    display: block;
    position: absolute;
    right: 1.5rem;
    top: 0;
    width: 1.2rem;
    height: 5rem;
}
.left-menu .item a.border-b:before{
    background: url(min-arr-r.png) no-repeat center center;
    background-size: .7rem auto;
}
.left-menu .item .cat0 span.border-b:before,.left-menu .item .cat1 span.border-b:before{
    background: url(+.png) no-repeat center center;
    background-size: 1.1rem auto;
}
.left-menu .item.active > .cat0 > span.border-b:before{ background: url(-.png) no-repeat center center;
    background-size: 1.1rem auto;}
.left-menu .item .cat1.active > span.border-b:before{
    background: url(-1.png) no-repeat center center;
    background-size: 1.1rem auto;
}
.left-menu .item .cat1 .cat2-list .border-b{
    height: 2.5rem;
    line-height: 2.5rem;
    padding-left: 9rem;
    padding-bottom: 1rem;
}

.left-article .cat0 .border-b{
    height: 5rem;
    line-height: 5rem;
}
.left-article .cat0 i{
    background: url(cat-icons.png?1) no-repeat 1.1% 23.63%;
    background-size: 650% auto;
    width: 2.2rem;
    height: 2.2rem;
    top: 1.3rem;
}
.left-article .cat2-icon{
    display: block;
    width: 3rem;
    position: absolute;
    height: 2rem;
    background: url(cat-icons.png?1) no-repeat;
    background-size: 470% auto;
    top: 1.1rem;
    left: 5rem;
}
.left-article .cat1:nth-child(2) .cat2-icon{
    background-position: 77% 38.8%;
}
.left-article .cat1:nth-child(3) .cat2-icon{
    background-position: 77% 47%;
}
.left-article .cat1:nth-child(4) .cat2-icon{
    background-position: 77% 55.5%;
}
.left-article .cat1:nth-child(5) .cat2-icon{
    background-position: 77% 63.8%;
}
.left-article .cat1:nth-child(6) .cat2-icon{
    background-position: 77% 71.8%;
}
.left-article .cat1:nth-child(7) .cat2-icon{
    background-position: 77% 80.4%;
}
.left-article .cat1.active:nth-child(2) .cat2-icon{
    background-position: 111.26128% 38.8%;
}
.left-article .cat1.active:nth-child(3) .cat2-icon{
    background-position: 111.26128% 47%;
}
.left-article .cat1.active:nth-child(4) .cat2-icon{
    background-position: 111.26128% 55.5%;
}
.left-article .cat1.active:nth-child(5) .cat2-icon{
    background-position: 111.26128% 63.8%;
}
.left-article .cat1.active:nth-child(6) .cat2-icon{
    background-position: 111.26128% 71.8%;
}
.left-article .cat1.active:nth-child(7) .cat2-icon{
    background-position: 111.26128% 80.4%;
}
.mobile-wrap{
    position: relative;
}
.overlay,.header-section-bg,.panel-list-bg{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.3);
    z-index: 100;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    opacity: 0;
    z-index: 999;
}
.panel-list-bg.cur{
    opacity: 1;
    animation: op .2s 1 ease 0;
    -webkit-animation: op .2s 1 ease; 
    z-index: 11;
}
.header-section-bg.cur{
    opacity: 1;
    top: 9rem;
    animation: op .2s 1 ease 0;
    -webkit-animation: op .2s 1 ease;
    z-index: 997;
}
.header-section{
    z-index: 998;
    background: #fff;
    width: 100%;
}
.body-gallery .header-section{
    position: relative;
}
.overlay.right{
    left:80%;
    opacity: 1;
    animation: bg-op .3s 1 ease 0;
    -webkit-animation: bg-op .3s 1 ease;
}
.overlay:before {
    display: block;
    height: 100%;
    width: .5rem;
    background: -webkit-linear-gradient(left, rgba(0,0,0,1) , rgba(0,0,0,0));
    background: -o-linear-gradient(right, rgba(0,0,0,1), rgba(0,0,0,0));
    background: -moz-linear-gradient(right, rgba(0,0,0,1), rgba(0,0,0,0));
    background: linear-gradient(to right, rgba(0,0,0,1) , rgba(0,0,0,0));
    opacity: .35;
}
.mobile-wrap,.navigation{    
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
 
}
.mobile-wrap.right,.navigation.right{
    -webkit-transform: translateX(80%);
    transform: translateX(80%);
}

/*顶部搜索*/
.search-link-div{
    display: none;
    background: #fff;
    position: fixed;
    top: 9rem;
    left: 0;
    z-index: 999;
}
.search-link-div.cur{
    display: block;
}
.search-link-div > div{
    padding: .65rem 1.2rem;
    display: block;
}
.search-link-div > div h3{
    font-weight: normal;
    color: #000;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2rem;
    margin-bottom: 1.2rem;
    display: inline-block;
}
.search-link-div > div ul{
    display: flex;
    flex-flow: row wrap;
    width: 100%;
}
.search-link-div .search-clear-history{
    float: right;
    font-size: 1.2rem;
    /*font-family: PingFangSC-Regular, PingFang SC;*/
    font-weight: 400;
    color: #444444;
    line-height: 1.65rem;
    text-decoration: underline;
    padding: 0 1.2rem 1.2rem 1.2rem;
}

.search-link-div .search-keys1 ul li{
    /* margin-bottom: 0; */
}
.search-link-div .search-keys2{
    
}
.search-link-div .search-keys2 h3{
    margin-bottom: .5rem;
}
.search-link-div ul{
    overflow: hidden;
}
.search-link-div ul li{
    margin-right: 1.2rem;
    margin-bottom: 1.2rem;
}
.search-link-div ul li a{
    padding: 1.2rem;
    display: block;
    background: #F4F4F4;
    line-height: 1;
}

/*index*/
.index-header{
    height: 5rem;
    border: 1px solid #EAEAEA;
}
.left-cat-btn:before,.left-cat-btn:after{
    content: "";
    width: 1.9rem;
    height:.1rem;
    background:#000;
    display: block;
}
.left-cat-btn{
    width: 3.8rem;
    padding-left: 1.2rem;
    padding-top: 1.8rem;
}
.left-cat-btn .icon{
    width: 1.9rem;
    height:.1rem;
    background:#000;
    display: block;
    margin:5px 0;
}
.logo a{
    display: block;
}
.logo a img{
    max-height:30px;
}
.right-login-btn{
    padding: 1.6rem 1.2rem;
    width: 1.8rem;
    height: 1.8rem;
}
.right-login-btn i{
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(../images/s.png) no-repeat center center/100% 100%;
    /* margin-right:1.2rem; */
}
.search-div{
    display: none;
    background: #fff;
    height: 4rem;
    position: fixed;
    top: 5rem;
    width: 100%;
    z-index: 10;
}
.search-div.cur{
    display: block;
}
.index-searc-form{
    height: 3rem;
    line-height: 3rem;
    margin: 0 3%;
    background: #f6f6f6;
    border-radius:0;
}
.index-searc-form i{
    display: inline-block;
    width: 3.4rem;
    height:3rem;
    background: url(s.png) no-repeat center center;
    background-size:1.6rem auto;
    vertical-align: middle;
}
.index-searc-form input{
    height: 3rem;
    line-height: 3rem;
    background: #f6f6f6;
    display: block;
}
.index-searc-form input :-moz-placeholder {
    color: #A9AAAE;font-size: 1.2rem; opacity:1; 
}

.index-searc-form input ::-moz-placeholder { 
    color: #A9AAAE;font-size: 1.2rem;opacity:1;
}

.index-searc-form input:-ms-input-placeholder{
    color: #A9AAAE;font-size: 1.2rem;opacity:1;
}

.index-searc-form input::-webkit-input-placeholder{
    color: #A9AAAE;font-size: 1.2rem;opacity:1;
}
.maxkeys {
    padding: .75rem 1.5rem;
    position: relative;
    background: #F6F6F6;
}
.maxkeys ul li a{
    color: #54555B;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 1.3rem;
    line-height:1;
}
.maxkeys .close{
    position: absolute;
    right: 1.5rem;
    top: 50%;
    width: 1.1rem;
    height:1.1rem;
    transform: translateY(-50%)
}

.maxkeys .close:before,.maxkeys .close:after {
    background: #54555B !important;
}

#sku_popup .skubody > div.close-sku-popup,.close-guide-popup{
    position: absolute;
    right: 1rem;
    top: 1rem;
    width: 22px;
    height: 22px;
    padding: 0;
    z-index: 1;
}
.skubody .close-sku-popup:before,.skubody .close-sku-popup:after,div.close-guide-popup:before,div.close-guide-popup:after{
    background: #aaaaaa;
}
.maxkeys .close:before,.maxkeys .close:after,.close-sku-popup:before,.close-sku-popup:after,.close-guide-popup:before,.close-guide-popup:after{
    content:"";
    background: #bbbbbb;
    display: inline-block;
    position: absolute;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg);     
    -moz-transform:rotate(45deg);   
    -webkit-transform:rotate(45deg); 
    -o-transform:rotate(45deg);
    cursor: pointer;
}
.maxkeys .close:before{
    width: 1.1rem;
    height: .1rem; 
    top:.5rem;
    left:0;
}
.maxkeys .close:after{
    height: 1.1rem;
    width: .1rem;
    top: 0;
    left: .5rem;    
}
.close-sku-popup:before,.close-guide-popup:before{
    width: 20px;
    height: 2px; 
    top: 9px;
    left: 0;
}
.close-sku-popup:after,.close-guide-popup:after{
    height: 20px;
    width: 2px;
    top: 0;
    left: 9px;    
}
.page-index{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.main-banner{
    width: 100%;
    position: relative;
    overflow: hidden;
    /*height: 15rem;
    padding-bottom: 122%;*/
}
.slider-point{
    position: absolute;
    bottom:1.3rem;
    left:0;
    right:0;
    text-align: center;
    width: 100%;
}
.slider-point span{
    background: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    border:1px solid #fff;
    width: 5px;
    height: 5px;
    margin:0 3px;
}
.slider-point .swiper-pagination-bullet-active{
    background:#fff;
}
.cat-nav-title{
    text-align: center;
    font-size:1.4rem;
    margin: 1rem 0 ;
}
.goods-multiple-title{
    text-align: center;
    font-size:1.4rem;
    margin: -1rem 0 2rem 0;
}
.cat-nav-title span,.goods-multiple-title span{
    padding: 3px 23px;
    display: inline-block;
    border-radius:0;
    margin: 0 1rem;
}
.cat-nav-title span.active,.goods-multiple-title span.active{
    background:#333;
    color:#fff;
}
.cat-nav-list ul{
    display: none;
}
.cat-nav-list ul.active{
    display: -webkit-box;
    display: box;
}
.cat-nav-list ul li{
    width: 18%;
    display: block;
    text-align: center;
    margin-left: 5%;
    padding-top:1.2rem;
    margin-right: 1%;
}
.cat-nav-list ul li span{
    line-height:3rem
}
.cat-nav-list ul li img{
    display: block;
    margin: 0 auto;
    width: 100%;
}
.ad-shopmax-group ul{
    position: relative;
}
.ad-shopmax-group ul li{
    display: block;
    line-height: 0;
}
.ad-shopmax-group{
    margin-top: 1rem;
}
.ad-shopmax-group .d-box {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
}
.page-index .main-banner{
    padding-bottom: 3rem;
    height:auto;
}
.home-cate-pt{
    width: 100%;overflow: hidden;
    padding: 3rem 0;
    text-align: center;
	position: relative;
}
.home-cate-pt .swiper-wrapper {
	text-align: left;
}

.home-cate-pt .swiper-container-horizontal>.swiper-pagination-bullets {
	margin-top: 1.2rem;
}
.home-cate-pt .cate-pt-list{
    padding: 0 3%;
}
.home-cate-pt .swiper-slide.d-box{
    box-align: center;
    -webkit-box-align: center;
    -ms-box-align: center;
}
.home-cate-pt ul li{
    width: 13.5rem;
    margin-left: 1.2rem;
    position: relative;
    overflow: hidden;
}
.home-cate-pt ul li img {
    height: 16.2rem;
}
.home-cate-pt ul li img,.goods-multiple-body .item img,.home-wear--part .swiper-slide img{
    display: block;
    width: 100%;
    height: 100%;
}
.home-cate-pt ul li span{
    display: block;
}

.home-cate-pt ul li .name,.goods-multiple-body .item .title,.home-wear--part .swiper-slide .title{
    padding: 1.2rem .2rem .6rem 0px;
    display: block;
    overflow: hidden;
    font-size: 1.6rem;
    line-height: 1.9rem;
    font-weight: 500;
    color: #010101;
}
.home-cate-pt ul li .name em,.goods-multiple-body .item .title em,.home-wear--part .swiper-slide .title em{
    display:block;
    overflow:hidden;
    color: #54555B;
    min-height: 1.8rem;
    font-size: 1.2rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.home-cate-pt ul li .name em.en,.goods-multiple-body .item .title em.en,.home-wear--part .swiper-slide .title em.en{
    /*font-family: Calibre-Semibold, Calibre;*/
    font-weight:500;
    font-size:1.6rem; 
    color: #010101;
    margin-bottom: .6rem;
    line-height: 2rem;
}
.home-cate-pt ul li .price,.goods-multiple-body .item p,.home-wear--part .swiper-slide .gel-price{
    /*font-family: Arial;*/
    padding-left: 0;
    font-size: 1.4rem;
    font-weight: bold;
    color: #010101;
    line-height: 1.6rem;
}
.home-cate-pt ul li .price del,.goods-multiple-body .item p del{
    font-size:1.2rem;
    color:#999;
    font-weight:normal;
    padding-left:.5rem
}
.home-cate-pt ul li .price del { 
    display: none;
}
.home-cate-pt .cate-name{
    text-align: center;
    /* margin: 1rem 0 2.9rem; */
}

.home-cate-pt .cate-name h3 {
    font-weight: normal;
}
.home-cate-pt .cate-name h3:before,.home-cate-pt .cate-name h3:after{
    /* content:""; */
    border-top: 1px solid #bbb;
    border-bottom:1px solid #e8e8e8;
    display: block;
    height:0;
    box-flex:1;
    -webkit-box-flex:1;
    -ms-box-flex:1;
    margin-top: 2rem;
}
.home-cate-pt .cate-name h3:before{
    margin-right: 1.5rem;
}
.home-cate-pt .cate-name h3:after{
    margin-left: 1.5rem;
}
.home-cate-pt .cate-name h3 span{
    display: block;
    line-height: 1.2;
    margin-bottom: 3rem;
    font-size: 1.4rem;
    letter-spacing: .1rem;
}

.home-cate-pt .cate-name i{
    border:1px solid #000;
    padding: 0px 10px;
    border-radius:0;
    font-size: .9rem;
    clear: both;
    width: 3rem;
    display: block;
    margin: .3rem auto 0 auto;
}
.home-cate-pt .cate-name h3 em{
    font-size: 2.6rem;
    color: #020202;
    font-weight: 500;
    display:block;
    margin-bottom: 1.25rem;
    line-height: 1;
}
.home-cate-pt .cate-name h3.more em{
   padding-left: 1rem;
}
.home-cate-pt .cate-name h3.more em:after{
  content:'';
  width: 1rem;
  height: 1rem;
  background: url(icons.png?66) no-repeat 72.4% 12%;
  background-size: 3001% auto;
  display: inline-block;
}


/*.ad-pic{
    margin:1rem 0;
}*/
.goods-multiple-body{
    padding: 0 3%;
    overflow: hidden;
}
.goods-multiple-body .item{
    width: 48.5%;
    min-height:23rem;
    float: left;
    position: relative;
    overflow: hidden;
    margin-bottom: 4%;
    margin-left: 0;
}
.goods-multiple-body .item:nth-child(odd){
    margin-right: 3%;
}
.goods-multiple-body .item .img{
    display: block;
}
.goods-multiple-body .item img{
    width:100%;
    height: 100%;
}
.goods-multiple-body .item .gel-mktprice{
    margin-left: .5rem;
    color: #999;
}
.fav-btn{
    position: absolute;
    right:.3rem;
    top:.2rem;
    width: 3rem;
    height: 3rem;
    display: block;
    background: url(fav.svg) no-repeat center center;
    background-size: 1.8rem auto;
    border-radius: 50%;
}
.pt-list .fav-btn,.pt-list .fav-btn.faved-btn{
    top:1rem;
    right:.3rem;
}
.fav-btn.faved-btn{
    background: url(favend.svg) no-repeat center center;
    background-size: 1.8rem auto;

}
.cate-pt-list .pt-item{
    position: relative;
    overflow: hidden;
}
.cate-pt-list .pt-item .pt-img img{
    /* padding-bottom: 10rem; */
    width:100%
}
.cate-pt-list .pt-item .pt-info{
    width: 80%;
    background:#fff;
    text-align: center;
    margin: -6rem auto 0 auto;
    position: relative;
}
.cate-pt-list .pt-title{
    padding-top: 1.6rem;
    display: block;
    font-size: 2rem;
    line-height: 2rem;
    width: 93%;
    margin: 0 auto 0rem auto;
    height: 2rem;
    overflow: hidden;
}
.cate-pt-list .pt-item .pt-price{
    border:0;
    line-height: 2.4rem;
}
.cate-pt-list .pt-item .pt-price .price{
    color: #000;
    font-weight: normal;
    font-size: 1.5rem;
}
.cate-pt-list .pt-item .pt-price .mktprice{
    color: #999;
    font-size: 1.5rem;
    margin-left: 5px;
}
.cate-pt-list .pt-item .intr{
    color: #999;
    display: block;
    font-size: 1.4rem;
    width: 90%;
    margin: 0 auto;
}
.cate-pt-list .pt-item .pt-info a{
    display: block;
    padding-bottom: 1rem;
}
.cate-pt-list .pt-item .buy-btn{
    display: inline-block;
    margin: 1.2rem auto 1rem auto;
    padding: 3px 15px;
    font-size: 1.4rem;
    border: 1px solid #000;
    border-radius:0;
}
.swiper-goods-list{
    position: relative;
    margin: 0 3%;
    overflow: hidden;
}
.swiper-goods-list .swiper-btn{
    position: absolute;
    top: 50%;
    width: 1.5rem;
    height: 4rem;
    display: block;
    margin-top: -2rem;
    z-index: 11;
}
.swiper-goods-list .arr-l{
    left: .6rem;
    background: url(arr-l.png) no-repeat center center;
    background-size: 1.2rem auto;
}
.swiper-goods-list .arr-r{
    right: .6rem;
    background: url(arr-r.png) no-repeat center center;
    background-size: 1.2rem auto;
}
.swiper-goods-list .pt-img{
    width: 50%;
    overflow: hidden;
    position: relative;
}
.swiper-goods-list .pt-img img{
    width: 100%;
    height: 100%;
}
.swiper-goods-list .pt-info{
    width: 46%;
    text-align: center;
    font-size: 1.3rem;
    padding:0 2%;
}
.swiper-goods-list .pt-info p{
    font-size: 3.6rem;
    line-height: 2;
    /*font-family: simsun;*/
}
.swiper-goods-list .pt-info p span{
    padding:0 2px 0 8px;
    color:#ccc;
}
.swiper-goods-list .pt-info p b{
    font-style: italic;
    font-weight: normal;
    color:#000;
}
.swiper-goods-list .pt-info p strong{
    font-style: italic;
    font-weight: normal;
    color:#ccc;
}
.swiper-goods-list .pt-info .title{
    font-size:1.3rem;
}
.swiper-goods-list .pt-info .title em{
    display:block;
    overflow:hidden;
    color: #333;
    min-height: 1.8rem;
    font-size: 1.4rem;
    font-weight:normal;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.swiper-goods-list .pt-info .title em.en{
    font-weight:bold;
    font-size: 1.6rem;
    color:#000;
    margin-bottom: .3rem;
}
.swiper-goods-list .pt-info .price{
    padding-left: 0;
    color: #000;
    font-size: 1.4rem;
    font-weight: bold;
}
.swiper-goods-list .pt-info .price del{
    font-size:1.2rem;
    color:#999;
    font-weight:normal;
    padding-left:.5rem
}
.swiper-goods-list .pt-info .intr{
    display: block;
    margin-bottom: 1rem;
}
.swiper-goods-list .pt-info .price{
    display: block;
    color: #000;
    margin-bottom: .5rem;
}
.swiper-goods-list .pt-info .buy-btn{
    display: inline-block;
    border:1px solid #000;
    padding: 3px 1.5rem;
    border-radius: 0;
    font-size:1.4rem;
}
.swiper-scrollbar{
    width: 90%;
    height: .3rem;
    margin:20px auto 10px;
    background: #eee;
    border-radius:0;
}
.swiper-scrollbar .swiper-scrollbar-drag{
    height: .3rem;
    background: #999;
    border-radius: 0;
}
#idnex_popup_img{
    position: fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    z-index: 10001;
}
#idnex_popup_img > div{
    width: 80%;
    margin: 0 auto;
}
#idnex_popup_img .pic{
    border-radius:0;
    overflow: hidden;
}
#idnex_popup_img img{
    display: block;
    margin: auto;
}
#idnex_popup_img .shopWidgets_box img{
    max-width:500px;
}
#idnex_popup_img .close{
    width: 36px;
    height: 36px;
    margin: 2rem auto;
    position: relative;
    border: 1px solid #fff;
    border-radius: 50%;
}
#idnex_popup_img .close:before,#idnex_popup_img .close:after{
    content:"";
    background: #fff;
    display: inline-block;
    position: absolute;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg);     
    -moz-transform:rotate(45deg);   
    -webkit-transform:rotate(45deg); 
    -o-transform:rotate(45deg);
    cursor: pointer;
}
#idnex_popup_img .close:before{
    width: 26px;
    height: 1px;
    top: 17px;
    left: 5px;
}
#idnex_popup_img .close:after{
    height: 26px;
    width: 1px;
    top: 5px;
    left: 17px;
}

/*footer*/
.footer{
    padding: 0 0 1rem 0;
    background: none;
    line-height: 2rem;
}
.footer .foot{
    display: none;
}
.footer a{color:#999}
.foot-share h3{
    font-weight: normal;
    color: #666;  
}
.maxfot{padding-bottom: 1rem;}
.share-div{
    padding: 1rem 0 .7rem;
    margin-bottom: 1.4rem;
}
.share-div .border-b:after{
    left:6.5rem;
    right:6.5rem;
}
.share-div a{
    width: 3rem;
    height: 3rem;
    display: inline-block;
    margin: 0 .5rem;
}
.share-div .qq{
    background: url(qq.png) no-repeat center center;
    background-size: 1.8rem auto 
}
.share-div .qqkj{
    background: url(qqkj.png) no-repeat center center;
    background-size: 2.1rem auto 
}
.share-div .wx{
    background: url(wx.png) no-repeat center center;
    background-size: 2.1rem auto 
}
.share-div .wb{
    background: url(wb.png) no-repeat center center;
    background-size: 2.1rem auto 
}
.foot-qr img{
    display: block;
    margin:0 auto .5rem;
    max-width:12rem;
}
.foot-qr span{
    color:#666;
}
.foot-wb{
    padding:1rem 0;
}
.foot-wb img{
    width: 2.4rem;
    vertical-align: middle;
}
.foot{
    margin-bottom: 2rem;
    color: #000;
    text-align: center;
}

.foot .tel{
    width: 100%;
    clear: both;
    padding: 1.5rem 0;
    line-height: 2.6rem;
    background: url(wxbg.png ) no-repeat center bottom;
    background-size: 100% auto;
}
.foot .tel a{
    display: block;
    font-size: 1.6rem;
    font-weight: bold;
}
.foot .tel a:before{
    content:"";
    display: inline-block;
    width: 1.2rem;
    height: 1.8rem;
    background: url(tel.png) no-repeat center 0;
    background-size: auto 1.6rem;
    vertical-align: middle;
    margin-right: .4rem;
}
.foot .tel a span{
    display: inline-block;
    vertical-align: middle;
    color: #000;
}
.foot .foot-icon{
    width: 100%;
    position: relative;
    clear: both;
    text-align: center;
    padding: 1.5rem 0 1.2rem 0;
    line-height: 2.5rem;
    background: url(wxbg.png) no-repeat center bottom;
    background-size: 100% auto;
}
.foot .foot-icon span{
   display:block;
   padding: .5rem 0 0 0;
}
.foot .foot-icon a{
    display: inline-block;
    width: 3rem;
    height: 2.2rem;
    margin: 0 1rem;
}
.foot .foot-icon .fav-wx{
   background: url(wx.png) no-repeat center;
   background-size: 2.5rem auto;
}
.foot .foot-icon .fav-wb{
   background: url(wb.png) no-repeat center;
   background-size: 2.5rem auto;
} 
.foot em{
    
}
.foot-wb span{
    vertical-align: middle;
    color:#666;
}

.footer p{
    margin: 0;
}
.wxqr-body{
    position: relative; 
    visibility: hidden;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.wxqr-body.cur{
    -webkit-transition: visibility 100ms ease;
    transition: visibility 100ms ease;
    visibility: visible;
    z-index: 1001;
}
.wxqr-body .bg{
    width: 100%;
    height:100%;
    position: fixed;
    top:0;
    bottom:0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.5);
    z-index: 998;
    opacity: 0;
    -webkit-transition: opacity 0.35s linear;
    transition: opacity 0.35s linear;
    touch-action: none;
}
.wxqr-body.cur .bg{
    opacity: 1;
}
.wxqr-body .popup-wxqr{
    position: fixed;
    bottom: 0;
    right: 0;
    left:0;
    z-index: 999;
    background: #fff;
    -webkit-transform: translateY(100%) translateZ(0);
    transform: translateY(100%) translateZ(0);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.465,0.183,0.153,0.946);
    transition: -webkit-transform 0.4s cubic-bezier(0.465,0.183,0.153,0.946);
    transition: transform 0.4s cubic-bezier(0.465,0.183,0.153,0.946);
    transition: transform 0.4s cubic-bezier(0.465,0.183,0.153,0.946), -webkit-transform 0.4s cubic-bezier(0.465,0.183,0.153,0.946);
}
.wxqr-body.cur .popup-wxqr{ 
    -webkit-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0);
}
.popup-wxqr .close{
    overflow: hidden;
    margin:1rem 1.2rem 0;
}
.popup-wxqr .close span{
    color:#000;
    font-size:1.8rem;
    width: 2.2rem;
    height:2.2rem;
    line-height: 2.1rem;
    text-align:center;
    float: right;
    border:.1rem solid #000;
    border-radius: 50%;
}
.popup-qr .pic{
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 1.5rem;
}
.popup-qr .pic img{
    display: block;
    margin: 0 auto;
    max-width: 18rem;
}
.popup-qr .pic span{
    display: block;
    text-align:center;
    color:#000;
    font-size:1.4rem;
    padding: 1rem 0 1.4rem;
}
.popup-txt{
    width: 18rem;
    margin: 0 auto;
    color:#000;
}
.popup-txt h3{
    text-align:center;
}
.popup-txt ul{
    margin: 1rem 0 1.5rem;
}


/*分类页*/
.page-default-body{
    padding-bottom: 5rem;
}
.pt-category{
    height: calc(100vh - 10.2rem);
    overflow: hidden;
    position: relative;
    /* border-top: 1px solid #EAEAEA; */
}
.pt-category-content{
    display: block;
    position: absolute;
    left: 0;
    top: 6.1rem;
    right: 0;
    bottom: 0;
    width: 100%;
    height: calc(100% - 6.1rem);
    z-index: 1;
    opacity: 0;
}
.pt-category-content.girl{
    /* background: url(cat_bg1.jpg) no-repeat center top;
    background-size: cover; */
    background: #F6F6F6;
}
.pt-category-content.boy{
    /* background: url(cat_bg2.jpg) no-repeat center top;
    background-size: cover; */
    background: #F6F6F6;
}
.pt-category-content.active{
    z-index: 2;
    opacity: 1;
}
.pt-category .category-title{
    /* text-align: center; */
    height: 6.1rem;
    line-height: 6.1rem;
    padding-left: 1.2rem;
}
.pt-category .category-title span{
    display: inline-block;
    /* height:2.4rem; */
    line-height: 1;
    padding-bottom: .55rem;
    font-size: 1.6rem;
    margin: 0 3.2rem 0 0;
}
.pt-category .category-title span.active{
    border-bottom: .2rem solid #030303;
    color: #000000;
    font-weight: 500;
}
.category-left .white-bg{
    background: #fff;
    width: 100%;
}
.pt-category .category-list{
    /* float: right; */
    display: none;
    /* width: calc(100% - 9rem); */
    height: calc(100% - 4.9rem);
    overflow-y: scroll;
    text-align: center;
}
.pt-category .category-list.active{
    display: block;
}
.pt-category .category-left{
    /* width: 9rem; */
    /* height: 4.9rem;
    line-height: 4.9rem; */
    /* overflow-x: scroll; */
}
.pt-category .category-left ul {
    overflow-x: scroll;
    white-space: nowrap;
    margin-left: 1.25rem;
}
.pt-category .category-left ul::-webkit-scrollbar {
    display: none;
}
.pt-category .category-left .item{
    /* float: left; */
    display: inline-block;
    height: 4.9rem;
    line-height: 4.9rem;
    text-align: center;
    /* background: #fff; */
    margin-right: 3rem;
}
.pt-category .category-left .item span{
    position: relative;
    display: block;
    font-size: 1.4rem;
}
.pt-category .category-left .item span:after{
    content: "";
    display: block;
    /* border-right: 1px solid #cecece; */
    -webkit-transform: scaleX(.5);
    -webkit-transform-origin: 100% 100%;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.pt-category .category-left .item.active span:after{
    display: none;
}
.pt-category .category-left .item.active{
    position: relative;
    background: none;
}
.category-title:after,.white-bg:after{
    border-color:#cecece;
}
.pt-category .category-left .item.active:before{
    /* content: ""; */
    /* display: block; */
    border-top: 1px solid #cecece;
    -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 0 0;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3;
}
.pt-category .category-left ul li.item:first-child:before{
    display: none;
}
.pt-category .category-left ul li.active span{
    position: relative;
    z-index: 2;
}
.pt-category .category-left .item.active:after{
    content: "";
    display: block;
    border-bottom: .2rem solid #C8102E;
    /* -webkit-transform: scaleY(.5);
    -webkit-transform-origin: 100% 100%; */
    box-sizing: border-box;
    position: absolute;
    bottom: 1.05rem;
    left: 0;
    right: 0;
    z-index: 3;
}
.pt-category .category-list h3{
    line-height: 9rem;
    font-weight: normal;
    padding-top: .5rem;
}
.pt-category .category-list ul{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 0 3%;
}
.pt-category .category-list .item a{
    display: inline-block;
    box-sizing: border-box;
    margin-bottom: 1.2rem;
    padding: 17.75rem 0 0 1.35rem;
    width: 17rem;
    height: 20.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /*font-family: PingFangSC-Medium;*/
    font-weight: 500;
    color: #FFFFFF;
    line-height: 2.25rem;
    text-align: left;
    background-color: #ccc;
    background-repeat: no-repeat;
    background-size: cover;
}
/*列表页*/
.gallery-banner{
    position: relative;
    z-index: 12;
    background: #fff;
    display: none;
}
.gallery-banner .a-name{
    position: absolute;
    left: 50%;
    top: 50%;
    background: rgba(0,0,0,.6);
    color: #fff;
    height: 2.6rem;
    line-height: 2.6rem;
    text-align: center;
    margin-top: -1.3rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 0 1rem;
    min-width: 8rem;
}
.trigger-list-div{
    height: 4.4rem;
    background: #fff;
    position: relative;
    z-index: 12;
    padding-right: 1.3rem;
}
.trigger-list-div.fix{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    box-shadow: 0 0 1px 1px #EAEAEA;
}
.trigger-list-div > div{
    /* width: 50%; */
    display: block;
    float: right;
    margin-left: 2.5rem;
}
.trigger-list-div .filter-handle{
    border:0;
    font-size:1.5rem;
    height: 4.4rem;
    line-height: 4.4rem;
}
.trigger-list-div .filter-handle:before{   
    background: url(screen.png) no-repeat center center;
    background-size: 1.5rem auto;    
}
.trigger-list-div .filter-handle:before,.trigger-list-right .trigger-title:before{
    content:"";
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: middle;
}
.trigger-list-div .filter-handle span,.trigger-list-right .trigger-title > span{
    display: inline-block;
    vertical-align: middle;
}
.trigger-list-right .trigger-title{
    font-size:1.5rem;
    line-height: 4.4rem;
    text-align: center;
}
.trigger-list-right .trigger-title:before{
    background: url(sort.png) no-repeat center center;
    background-size: 1.6rem auto; 
}
.trigger-list-right .trigger-list{
    position: absolute;
    left: 0;
    display: none;
    background: #fff;
    z-index: 100001;
    width: 100vw;
    /* margin-left: -100%; */
    margin-top: -1px;
    border-top: 1px solid #ddd;
}
.tab .trigger-list-right .trigger{
    border:0;
    height: 4rem;
    line-height: 4rem;
    text-align: left;
    color: #999;
    padding: 0 1.2rem;
    
}
.tab .trigger-list-right .trigger.act{
    color: #000;
}
.tab .trigger-list-right .trigger.act:after{
    content:"";
    width: 1.3rem;
    height:1.3rem;
    display: inline-block;
    background: url(active.png) no-repeat center center;
    background-size: 100% auto;
    margin-left: 1rem;
    vertical-align: middle;
}
.trigger-list-right .trigger-list.active{
    display: block;
}
.trigger-list-right .trigger-list.cur{
    display: block;
}
.pt-gallery .panel{
    padding:0 3%;
}
.pt-gallery .pt-list{
    overflow: hidden;
    width: 100%;
}
.pt-gallery .pt-list .pt-h-item{
    float: left;
    width: 48.5%;
    padding: .8rem 0;
    position: relative;
}
.pt-gallery .pt-list .pt-h-item:nth-child(odd){
    margin-right: 3%;
}
.pt-gallery .pt-list .pt-h-img{
    width: 100%;
    height: 20.75rem;
    border:0;
    float: none;
    /* position: relative; */
}
.pt-gallery .pt-list .pt-h-img img{
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
}
.pt-gallery .pt-list .pt-h-img .spec-pic{
    display: none;
}
.pt-gallery .pt-list .pt-h-info{
    margin-left: 0;
}
.pt-gallery .pt-h-tag-div{
    margin: .2rem 0 0 0;
}
.pt-gallery .pt-h-tag{
    border: .15rem solid #999;
    color: #666;
    text-align: center;
    line-height: 1.6rem;
    display: inline-block;
    padding: 0 .6rem;
}
.pt-gallery .pt-list .pt-h-link{
    color:#000;
    display: block;
}
.pt-gallery .pt-h-price {
    line-height: 2rem;
    /*font-family: Arial-BoldMT, Arial;*/
    line-height: 32px;
}
.pt-gallery .pt-list .price{
    color: #010101;
    font-weight: normal;
    font-size: 1.4rem;

}
.pt-gallery .pt-list .mktprice{
    color: #999;
    font-weight:normal;
    font-size:1.2rem
}

.pt-gallery .pt-h-info .sku-list {

}
.pt-gallery .pt-h-info .sku-item {
    
}

.pt-gallery .pt-h-info .sku-content { 
    display: flex;
    flex-flow: row wrap;
}

.pt-gallery .sel-sku-box {
    margin-top: 1.2rem;
}
.pt-gallery .pt-h-info .sku-content .sku-color-item-box.notsel{ 
    border-color: transparent !important;
}

.pt-gallery .pt-h-info .sku-content .sku-color-item-box {
    margin-right: .6rem;
    margin-bottom: .6rem;
    position: relative;
}
.pt-gallery .pt-h-info .sku-content .sku-color-item-box img {
    width: 2.3rem;
    height: 2.3rem;
    overflow: hidden;
    border-radius: 50%;
    display: block;
}
.pt-gallery .pt-h-info .sku-color-item-box:after{
    content: "";
    width: 2rem;
    height: 2rem;
    border: 0.4rem solid #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}
.pt-gallery .pt-h-info .sku-color-item-box.sel:after {
    border: 0.1rem solid #fff;
}

/* 
.pt-gallery .pt-h-info .sku-content .sku-color-item{ 
    width: 2rem;
    height: 2rem;
    background: #4C5A33;
    border-radius: 50%;
} */

.gallery-filter-container{
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(0,0,0,0);
    animation: bg_color .3s 1 ease 0;
    -webkit-animation: bo_color .3s 1 ease;
}
.gallery-filter-container.cur{
     background: rgba(0,0,0,.6);
}
.gallery-filter-container .pt-filter{
    background: #fff;  
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    -webkit-transform: translateY(0PX);
    -moz-transform: translateY(0PX);
    -o-transform: translateY(0PX);
    -ms-transform: translateY(0PX);
    transform: translateY(0PX);
    /* margin-left: 20%; */
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
.gallery-filter-container.cur .pt-filter{
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.pt-filter-head{
    background: #ffffff;
}
.gallery-filter-container .pt-filter .title{
    text-align: center;
    height: 5rem;
    line-height:5rem;
    padding: 0;
    border: 0;
    font-size: 1.6rem;
    color: #000;
}
.pt-filter-head .close-filter,.pt-filter-head .reset{
    color: #999;
    height: 5rem;
    line-height:5rem;
    padding:0 1.2rem;
    display: block;
}
.gallery-filter-container .pt-filter dl{
    margin: 0;
    border: 0;
    padding: 0 1.6rem;
}
.gallery-filter-container .pt-filter dl dd{
    background: #fff;
    position: relative;
    top: 0;
    left: 0;
    border-bottom: 1PX solid #D3D4D6;
}

.gallery-filter-container dl dd:last-child {
    border-bottom: none;
}

.gallery-filter-container .pt-filter ul{
    overflow: hidden;
    padding:  0 0 .35rem;
    display: none;
    /* display: flex;
    flex-flow: row wrap; */
    /* justify-content:space-between; */
}

.gallery-filter-container .pt-filter ul li{
    padding-bottom: 1.6rem;
    text-align: left;
    font-size: 1.4rem;
    font-weight: 400;
    color: #444444;
    line-height: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    align-items: center;
}
.gallery-filter-container .pt-filter li input{
    width: 1.6rem;
    height: 1.6rem;
    background-size: 1.6rem;
    margin-right: 1.1rem;
}

.gallery-filter-container .pt-filter ul.filter-activity li{
}
.gallery-filter-container .pt-filter ul.filter-size li{
}
.gallery-filter-container .pt-filter ul li.more{
    /* color:#999; */
    /* display: inline-flex; */
    /* flex-flow: row nowrap; */
    /* justify-content: center;
    align-items: center; */
}
.gallery-filter-container .pt-filter ul li i{
    vertical-align: middle;
}
/* .gallery-filter-container .pt-filter ul li.handle,.handle-text .ul li{
    background: #000;
    border-color: #000;
    color: #fff;
} */
.gallery-filter-container .btn-ok{
    /* background: #333; */
    padding: 1.35rem 3.2% 1.35rem;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #D6D6D6;
}
.gallery-filter-container .btn-ok .btn.orange{
    background: #010101;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius:0;
}
.gallery-filter-container .btn-ok .btn.orange,.gallery-filter-container .btn-ok .reset{
    width: 48%;
}
.gallery-filter-container .btn-ok .reset {
    border: 1px solid #030303;
    color: #000000;
}
.gallery-filter-container dl dt{
    box-sizing: border-box;
    border:0;
    font-weight: bold;
    color: #000000;
    font-size: 1.4rem;
    /*font-family: PingFangSC-Semibold, PingFang SC;*/
    /* padding: 1.5rem 0 .75rem 4.5% ; */
    height: 4rem;
    margin: 1rem 0;
    padding: 0;
    line-height: 1;
    display: block;
    position: relative;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
}


.gallery-filter-container dl dt:before{
    content: "+";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    /* width: 1.2rem; */
    line-height: 4rem;
    color: #444444;
    font-size: 2.3rem;
    font-weight: 200;
    /*font-family: sans-serif;*/
}
.gallery-filter-container dl dt.active:before{
    content: "-";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    /* width: 1.2rem; */
    line-height: 4rem;
    color: #444444;
    font-size: 2.3rem;
    font-weight: 200;
    /*font-family: sans-serif;*/
}

.gallery-filter-container .pt-filter form{
    height:100%;
    overflow: hidden;
}
.pt-filter-list{
    height: calc(100% - 10.35rem - 1.35rem);
    overflow: hidden;
    overflow-y: scroll;
}
.handle-text{
    width: 100%;
    overflow: hidden;
    display: none;
}
.handle-text label{
    line-height: 4.5rem;
    padding-left: 1.2rem;
    float: left;
}
.gallery-filter-container .pt-filter .handle-text .ul{
    padding-right: 0;
}
.handle-text .ul li{
    position: relative;
    overflow: visible!important;
    border-color: #333!important;
}
.handle-text .ul li:after{
    content:"";
    display: block;
    position: absolute;
    top:-.5rem;
    right: -.5rem;
    width: 1rem;
    height: 1rem;
    background: url(x.png) no-repeat center;
    background-size: 1rem auto; 
}

/*详情页*/
.product-info{
    padding: 0 1.2rem;   
}
.product-info .pt-name{
    font-weight: normal;
    font-size: 1.6rem;
    color: #000;
    padding: 0;
}
.product-info .pt-name .goods-name{
    display: block;
    overflow: hidden;
    /* white-space: nowrap; */
    /* text-overflow: ellipsis; */
    margin-top: .2rem;
}
.product-info .pt-name .goods-name em{
    display:block;
    overflow:hidden;
    color: #54555B;
    font-size: 1.4rem;
    margin-bottom:.3rem;
    /* text-overflow: ellipsis; */
    /* white-space: nowrap; */
}
.product-info .pt-name .goods-name em.en{
    font-weight:bold;
    font-size:2rem;
    color:#000;
    /* height: 2.4rem; */
    margin-bottom: .2rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.product-info .pt-name .goods-name em i{
   display:inline-block;
   color:#fff;
   background:red;
   font-weight:bold;
   font-size:1.2rem;
   font-weight:normal;
   padding: .3rem .4rem;
   vertical-align: middle;
   line-height:1rem;
   margin-top: -.2rem;
}
.product-info .pt-share{
    width: 2rem;
    height: 2rem;
    display: block;
    background: url(share2.png) no-repeat center;
    background-size: 100% auto;
    margin-left: 1.3rem;
}
.product-info .pt-fav{
    background: url(fav2.png) center no-repeat;
    width: 2rem;
    height: 2rem;
    display: block;
    background-size: 100% auto;
}
.product-info .pt-fav.btn-faved{
    background-image: url(fav2-active.png);
}
.poster-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 20;
    display: none;
}
.poster-popup .poster-popup-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    text-align: center;
    color: #333;
    font-size: 1.4rem;
}
.poster-popup .poster-popup-footer .poster-popup-close {
    /* padding: 1rem 0; */
    height: 4.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom:calc(constant( safe-area-inset-bottom) - 1.3rem);
    padding-bottom:calc(env(safe-area-inset-bottom) - 1.3rem)
}
@supports (constant( safe-area-inset-bottom)){
    .poster-popup .poster-popup-footer .poster-popup-close  {
        
    }
}
.poster-popup .poster-popup-footer .poster-popup-share-mode {
    background: #F3F3F3;
}
.poster-popup .poster-popup-footer .poster-popup-title {
    padding: 1rem 0;
    line-height: 1.4;
}
.poster-popup .poster-popup-footer .poster-popup-share-mode-list {
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-size: 1.3rem;
    padding-bottom: 1rem;
}
.poster-popup .poster-popup-footer .poster-popup-share-mode-list img {
    width: 4rem;
    height: 4rem;
    display: inline-block;
}
.poster-popup .poster-canvas-box {
    position: absolute;
    top: 0;
    bottom: 16.6rem;
    left: 0;
    width: 100%;
}
.poster-popup .poster-canvas-box .poster-canvas {
    position: absolute;
    top: -500%;
    left: -500%;
    /* transform: translate(-50%, -50%); */
    background: #fff;
    width: 280px;
    height: 451px;
}
.poster-popup .poster-canvas-box .my-canvas-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}


.product-info .brief{
    font-size: 1.2rem;
    margin-bottom: .7rem;
    color: #666;
}
.product-info .product-bn{
    color: #A9AAAE;
}
.product-info .pt-price{
    border: 0;
    margin-top: .7rem;
}
.product-info .pt-price .price, .sku-popup-top .price{
    font-size: 1.8rem;
    font-weight: bold;
    color: #010101;
    margin-right: .5rem;
    line-height: 4rem;
}
.product-info .pt-price .mktprice,.sku-popup-top .mktprice{
    color: #B9B9B9;
}
.product-info .tag-employee-box {
    margin-top: 0.1rem;
}
.sku-popup-top .tag-employee-box {
    line-height: 3.8rem;
}
.product-info .pt-price .tag-employee,.sku-popup-top .tag-employee{
    font-size: 1.2rem;
    color: #636363;
    border: 1px solid #636363;
    padding: 0 0.4rem;
    margin-left: 0.5rem;
    vertical-align: middle;
}
.product-info .promotions-panel{
    padding: 0;
    padding-right: 1.5rem;
    padding-top: .6rem;
    line-height: 3.6rem;
    color:#000;
    background: url(+.png) no-repeat right 57%;
    background-size: 1.2rem auto;
}
.product-info .promotions-panel.cur{
    background: url(-.png) no-repeat right 57%;
    background-size: 1.2rem auto;
}
.promotions-title{
    font-size:1.5rem;
    
}
.product-info .promotions{
    text-align: right;
    font-size:1.4rem;
}
.promotions-time p{
    line-height: 3.6rem;
    color:#666;
    font-size: 1.3rem;
}
.pt-coupon ul{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.pt-coupon ul li{
    width: 46%;
    max-width: 218px;
    background: #fff;
    border-radius: 0;
    position: relative;
}
.pt-coupon .coupon-div{
    background: url(coupon_bg.png) no-repeat;
    background-size: 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.pt-coupon .coupon-div.out{
    background: url(coupon_bg_out.png) no-repeat;
    background-size: 100%
}
.pt-coupon .coupon-t{
    height: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 .2rem;
}
.pt-coupon .coupon-t-l{
    font-size: 1.6rem;
    overflow: hidden;
    color: #fff;
}
.pt-coupon .coupon-b{
    font-size: .8rem;
    text-align: center;
    height: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.pt-sku{
    padding-top: 1rem;
}
.pt-sku .sel-sku-box{
    padding: 0;
    width: 100.1%;
}
.sel-sku-box .sku-content{
    overflow: hidden;
    padding-top: 1px;
}
.sel-sku-box .a-sku {
    float: left;
    width: 18.4%;
    margin-right: 1.6%;
    margin-bottom: 3em;
    position: relative;
}
.sel-sku-box .a-sku .sku-color-item-box {
    width: 4rem;
    height: 4rem;
    padding: 0.3rem;
    margin: 0 auto;
    border-radius: 50%;
    border: 1px solid transparent;
}
.sel-sku-box .a-sku .sku-color-item {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.sel-sku-box .a-sku.disable{
   opacity:.4;
}

/*.sel-sku-box .a-sku:nth-child(5n+0){
    margin-right: 0;
}*/

.sel-sku-box .a-sku .color-code{
    position: absolute;
    bottom: -3em;
    left: 0;
    width: 100%;
    text-align: center;
    color: #999;
    height: 3em;
    line-height: 1.5em;
    /*overflow: hidden;*/
}

.product-body .pt-num .warn-message{
    line-height: 3rem;
}
.sel-sku-box .sku-txt{
    height: 3.4rem;
    line-height: 3.4rem;
    position: relative;
    text-align: center;
    border: 1px solid #D3D4D6;
    box-sizing: border-box;
}
.sel-sku-box .sku-content .sku-txt {
    width: 14%;
    margin-right: 3.2%;
    margin-bottom: 1.2rem;
}
.sel-sku-box .sku-content .sku-txt:nth-child(6n) {
    /* margin-right: 0; */
}
.sel-sku-box .sku-txt.more{
    color: #999;
}
.sel-sku-box .sku-txt.more i{
    font-size: 1.6rem;
    vertical-align: middle;
}
.sel-sku-box .sku-txt.sel{
    background: #000;
    border-color: #000;
    color: #fff;
}
.sel-sku-box .sku-img img{
    display: block;
    width: 100%;
    height: 100%;
}
.sel-sku-box .sku-img{
    position: relative;
    /* height: 7.8rem; */
}
.sel-sku-box .sku-img img {
    display: block;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    margin: 0 auto;

}
.sel-sku-box .sku-img:after{
    content: "";
    width: 3.5rem;
    height: 3.5rem;
    border: 0.6rem solid #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    display: none;
}
.sel-sku-box .sku-img.sel:after {
    /* border: 0.2rem solid #fff; */
}

.sel-sku-box .sku-title{
    font-size: 1.4rem;
    color: #7B8083;
    line-height: 2rem;
    margin-top: .5rem;
    margin-bottom: 1rem;
    position: relative;
}
.sel-sku-box .sku-title.active{
    background: url(+.png) no-repeat right center;
    background-size: 1.2rem auto;
}
.sel-sku-box .sku-title.active.t{
    background: url(-.png) no-repeat right center;
    background-size: 1.2rem auto;
}
.sku-title.border-b:after,.pt-num.border-t:before,.promotions-time.border-t:before{
    left:-1.2rem;
    right:-1.2rem;
}
.sel-sku-box .sku-title span{
    position: absolute;
    right:0;
    top:0;
    display: block;
    font-size:1.3rem;
    color:#999;
    padding-right: 1.2rem;
    background: url(min-arr-r.png) no-repeat right center;
    background-size: .7rem auto;
}
.product-body .pt-num{
    display: block;
    padding-top: 1.5rem;
    margin-top: .5rem;
    height:3rem;
}
.product-body .pt-num label{
    font-size: 1.5rem;
    line-height: 2.8rem;
    color: #7B8083;
}
.product-body .right-pt-num{
    float: right;
}
.product-body .right-pt-num .num{
    float: left;
    padding: 0;
    width: 3.6rem;
    height: 2.4rem;
    line-height: 2.4rem;
    font-size: 0;
}
.product-body .right-pt-num .num input{
    width: 3.6rem;
    height: 2.4rem;
    line-height: 2.4rem; 
    border: none;
    padding: 0;
    border-radius:0;
    font-size: 1.4rem;
}
.product-body .pt-num .minus,.product-body .pt-num .plus{
    width: 2.4rem;
    height: 2.4rem;
    line-height: 2.4rem;
    border-radius: 0;
    float: left;
    border: none;
    background: #eee;
    color: #222;
    font-size: 1.5rem;
}
.product-body .navigation{
    display: none;
}
.product-body .pt-btn{
    position: fixed;
    bottom:0;
    left:0;
    right:0;
    z-index: 9;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #D6D6D6;
    height: 6.6rem;
    padding: 0 1.2rem;
    padding-bottom: calc(constant( safe-area-inset-bottom) - 1.3rem);
    padding-bottom: calc(env(safe-area-inset-bottom) - 1.3rem);
}
.product-body .pt-btn .pt-btn-home {
    width: 2rem;
}
.product-body .pt-btn .pt-btn-service {
    width: 2.2rem;
    /* margin-left: 2rem; */
}
.product-body .pt-btn .pt-btn-shopping {
    width: 1.7rem;
    position: relative;
    /* margin-left: 2rem; */
}
.product-body .pt-btn .pt-btn-shopping .cart-num {
    left: 7%;
    top: 0.9rem;
    line-height: 1;
    background: transparent;
    color: #C8102E;
}
.product-body .pt-btn img {
    width: 100%;
    height: auto;
}
.product-body .pt-btn .pt-btn-buys {
    display: flex;
    align-items: center;
}
.product-body .pt-btn .btn{
    display: block;
    box-sizing: border-box;
    width: 11rem;
    height: 4rem;
    line-height: 3.8rem;
    border-radius: 0;
    font-size:1.4rem;
    background: #333333;
    margin-left: 0;
}
.product-body  #J_fast_buy{
    margin-left: 1.2rem;
}
.product-body #J_buy_btn{
    background: #fff;
    color: #000;
}
#sku_popup,#guide_popup{
    position: relative;
    z-index: 1001;
    -webkit-transition: visibility 100ms ease;
    transition: visibility 100ms ease;
}
#sku_popup.cur,#guide_popup.cur{
    visibility: hidden;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
#sku_popup .mask,#guide_popup .mask,.share-alert{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0,0,0,0.75);
    touch-action: none;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    opacity: 1;
    -webkit-transition: opacity 0.35s linear;
    transition: opacity 0.35s linear;
}
#sku_popup.cur .mask,#guide_popup.cur .mask{
    opacity: 0;
}
#sku_popup .skubody,#guide_popup .guidebody{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    -webkit-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.465,0.183,0.153,0.946);
    transition: -webkit-transform 0.4s cubic-bezier(0.465,0.183,0.153,0.946);
    transition: transform 0.4s cubic-bezier(0.465,0.183,0.153,0.946);
    transition: transform 0.4s cubic-bezier(0.465,0.183,0.153,0.946), -webkit-transform 0.4s cubic-bezier(0.465,0.183,0.153,0.946);
}
#guide_popup .guidebody{
    left: 5%;
    top: 5%;
    bottom: 5%;
    right: 5%;
    overflow: hidden;
    border-radius: .6rem; 
}
.guide-content{
    padding: 1.2rem;
    overflow: hidden;
    overflow-y: scroll;
    height: calc(100% - 6.4rem);
}
.guide-content .table-div h3{
    line-height: 3;
}
.guide-content td{
    color:#666;
}
.guidebody .guide-title{
    height: 4rem;
    line-height: 4rem;
    text-align: center;
    font-size:1.6rem;
}
#sku_popup.cur .skubody,#guide_popup.cur .guidebody{
    -webkit-transform: translateY(100%) translateZ(0);
    transform: translateY(100%) translateZ(0);
}
#sku_popup .skubody > div{
    padding-left: 1.2rem;
    padding-right: 1.2rem;
}
.sku-popup-top{
    clear: both;
    padding-bottom: 3rem;
}
.sku-popup-top .img{
    width: 10rem;
    height:12.4rem;
    margin-top: -2.5rem;
    float: left;
    -webkit-transition: margin-top 0.4s;
    transition: margin-top 0.4s;
}
.sku-popup-top .img img{
    width: 100%;
    height:100%;
}
.cur .sku-popup-top .img{
    margin-top: 0;
}
.sel-Selected .sel-spec{
    overflow: hidden;
        min-height: 4rem;
}
.sel-Selected .sel-spec span{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-right: .5rem;
    max-width: 20rem;
    display: block;
}
.sku-popup-top .info{
    margin-left: 11.2rem;
    margin-top: 1rem;
}
.acceptgoods .sku-popup-top .info{
    margin-left: 0rem;
    margin-top: 1.5rem;
}
.acceptgoods .sku-popup-top .info .title{
   text-align:center;
   line-height:2rem;
   font-size:1.6rem;
   color:#000;
   margin-bottom:1rem;
   padding-bottom:1rem;
   border-bottom:1px solid #e8e8e8


}
.sku-popup-top .goods-name-title {
    font-size: 1.8rem;
    color: #010101;
}
.sku-popup-top .goods-name{
    color: #54555B;
    font-size: 1.4rem;
    margin-top: .2rem;
}
.sku-popup-top .sel-Selected{
    margin-top: .3rem;
    font-size: 1.4rem;
}
.sku-popup-top .sel-Selected label{
    display: block;
}
.skubody .sel-sku-box .sku-title{
    margin-top: 0;
}
.product-body .skubody .pt-num{
    padding-top: 1rem;
    margin-top: 0;
}
.skubody .sku-item{
    padding-bottom: 1rem;
    position: relative;
}
.skubody .sku-item:first-child{
    padding-bottom: 0;
}
/* .skubody .sku-item:first-child:after{
    content:"";
    height: 1rem;
    background: #f3f3f3;
    position: absolute;
    bottom: 0;
    left: -1.2rem;
    right: -1.2rem;
    visibility: visible;
} */
#sku_popup .skubody .buy-btn{
    padding: 0;
    margin-top: 2.5rem;
}
.acceptgoods #sku_popup .skubody .buy-btn{
    padding: 0;
    margin-top:0rem;
}
#sku_popup .skubody .buy-btn .btn{
    height: 5rem;
    line-height: 5rem;
    border-radius: 0;
    font-size: 1.5rem;
    background: #333333;
    color: #fff;
    border: 0;
}
.pinch-zoom-container{width:100%}
.pt-detail{
    padding:0;
    width:100%
}
.pt-detail .datail-title{
    font-weight:normal;
    font-size: 1.5rem;
    line-height: 4rem;
    padding-left: 1.2rem;
    color: #7B8083;
}
.share-alert{
    z-index: 999;
    display: none;
}
.share-alert.cur{
    display: block;
    animation: op .3s 1 ease 0;
    -webkit-animation: op .3s 1 ease;
}
.share-alert.wechat div{
    position: absolute;
    bottom: 3.5rem;
    right: 0;
    top: 0;
    color: #fff;
    font-size: 1.6rem;
    text-align: center;
    line-height: 2;
    width: 15rem;
}
.share-alert.browser div{
    position: absolute;
    bottom: 3.5rem;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 1.6rem;
    text-align: center;
    line-height: 2;

}
.share-alert.wechat .text1{display:none;}
.share-alert.wechat .text2{position:absolute;top: 10rem;left: 0;}
.share-alert.browser .text2{display:none;}
.share-alert.wechat div i{
    position:absolute;
    top: 4rem;
    right: 0;
    width: 100%;
    height: 6rem;
    display: block;
    background: url(share_col.png) no-repeat center center;
    background-size: auto 6rem;
    transform: rotate(220deg);
    -ms-transform: rotate(220deg);      /* IE 9 */
    -webkit-transform: rotate(220deg);  /* Safari and Chrome */
    -o-transform: rotate(220deg);       /* Opera */
    -moz-transform: rotate(220deg);     /* Firefox */
}
.share-alert.browser div i{
    width: 100%;
    height: 6rem;
    display: block;
    background: url(share_col.png) no-repeat center center;
    background-size: auto 6rem;
}
.home-cate-pt > .title {
    line-height: 6rem;
    padding-left: 1.2rem;
    font-size:1.5rem;
    font-weight: 600;
    text-align: left;
}
.product-body .home-cate-pt{
    margin-bottom: 1rem;
}
.cart-num{
    position: absolute;
    top: .3rem;
    left: 53%;
    min-width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background: #000;
    color: #fff;
    font-size: 1rem;
    text-align: center;
}
.passport-body{padding-top: 3rem;background: #fff;}
.passport-body .label-license.c{margin-left: 0}
.passport-body .form .c-g-c{margin: 0}
.pt-list .pt-h-name{margin-bottom: 1rem;font-size: 1.3rem;margin-top: .7rem;height: auto;}
.pt-list .pt-h-name em{
    display:block;
    overflow:hidden;
    color: #333;
    font-size: 1.2rem;
    min-height: 1.7rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pt-list .pt-h-name em.en{
    font-weight:bold;
    font-size:1.4rem;
    color:#000;
    margin-bottom: .2rem;
}
.pt-list .pt-h-name em.en i {
    display: inline-block;
    color: #fff;
    background: red;
    font-weight: bold;
    font-size: 1.2rem;
    font-weight: normal;
    padding: .2rem .4rem;
    vertical-align: middle;
    line-height: 1rem;
    margin-top: -.2rem;
    margin-left:.2rem
}
.pt-list .pt-h-price{
    padding-left: 0;
    color: #000;
    font-size: 1.4rem;
    font-weight: bold;
    overflow: hidden;
}
.item.search_shop_title{
    position: relative;
}
.item.search_shop_title span{
    height: 5rem;
    line-height: 5rem;
    padding-left: 5rem;
    font-weight: bold;
    display: block;
    position: relative;
}
.item.search_shop_title i{
    background: url(icon-left-address.png) no-repeat;
    background-size: 90%;
    width: 2rem;
    height: 2.2rem;
    top: 1.3rem;
    display: block;
    position: absolute;
    left: 1.5rem;
}
.position_shop span{
    font-size: 1.7rem;
    font-weight: bold;
    color: #000000;
}
.position_shop i{
    background: url(icon-left-address.png) no-repeat;
    background-size: 100%;
    width: 1.5rem;
    height: 2.4rem;
    display: block;
    margin: 0 auto;
}
.region-container h4{
    text-align: center;
    margin: 2rem 0;
    font-size: 1.8rem;
}
.map_type_box{
    background: url(map-type.png) no-repeat;
    background-size: 100%;
    display: none;
}
.map_type_box.active{
    background: url(map-active.png) no-repeat;
    background-size: 100%;
}
.list_type_box{
    background: url(list-type.png) no-repeat; 
    background-size: 100%;
}
.list_type_box.active{
    background: url(list-active.png) no-repeat;
    background-size: 100%;
}
.select_type_map{
    position: absolute;
    bottom: 1rem;
    right: 1rem;
     width: 1.7rem;
    height: 1.7rem;
}
#shop_list_area li{
    padding: 2rem 1rem 1.2rem 1rem;
    border-top: 1px solid #f2f2f2;
    position: relative;
}
#shop_list_area li b{
    font-size: 1.6rem;
}
#shop_list_area li p{
    color: #777;
    margin: .8rem 1.3rem;
    font-size: 1.4rem;
}
#shop_list_area li .icon_tel_map{
    background: url(phone.png) no-repeat;
    background-size: 100%;
    width: 1rem;
    height: 1rem;
    display: inline-block;
    vertical-align: middle;
    margin-right: .5rem;
}
#shop_list_area li a{
    color: #777;
}
#shop_list_area li .maxhere{
    position: absolute;
    top: 2rem;
    right: 1rem;
    font-size: 1rem;
}
#shop_list_area li a .icon_position_map{
    background: url(position.png) no-repeat;
    background-size: 100%;
    width: .9rem;
    height: 1.3rem;
    display: inline-block;
    vertical-align: middle;
    margin-right: .5rem;
}

.weixin-login{
    text-align: center;
    margin-bottom: 6rem;
}
.weixin-login-title{
    width: 80%;
    margin: 3rem auto 2rem;
    height: 1rem;
    border-bottom: 1px solid #e8e8e8;
}
.weixin-login-title span{
    display: inline-block;
    line-height: 2rem;
    background: #fff;
    padding: 0 1rem;
}
i.weixin-login-icon{
    background: url(../images/pay_icon.png) no-repeat;
    display: inline-block;
    width: 4rem;
    height: 4rem;
    background-size: 100%;
    vertical-align: middle;
}

/* 二期新增挂件 */
/* home-cate-pt-new */
.home-cate-pt-new {
    padding: 3rem 0;
}
.home-cate-pt-new .cate-name {
    line-height: 1;
    text-align: center;
    padding-bottom: 3rem;
}
.home-cate-pt-new .cate-name h3 {
    font-size: 2.4rem;
    font-weight: 500;
    color: #000000;
}
.home-cate-pt-new .cate-main { 
    font-size: 0;
    line-height: 1
}
.home-cate-pt-new .catNewTab {
    margin-bottom: 3rem;
}

.home-cate-pt-new .catNewTab .swiper-wrapper{
    padding-left: 1.2rem;
}

.home-cate-pt-new .catNewTab .swiper-slide {
    width: 6rem;
    height: 6rem;
    /* padding: 0 20px; */
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-right: 2.6rem; 
}
.home-cate-pt-new .catNewTab .cate_name {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color: rgba(1,1,1,0.5)
}
.home-cate-pt-new .catNewTab .cate_name.active {
    background-color: rgba(1, 1, 1, 0)
}
.home-cate-pt-new .catNewTab span {
    font-size: 1.4rem;
    font-weight: 500;
    color: #FFFFFF;
    display: inline-block;
}


.home-cate-pt-new .catNewImg .swiper-wrapper {
    
}
.home-cate-pt-new .catNewImg .swiper-slide {
    width: 100%;
    height: 25rem;
}
.home-cate-pt-new .catNewImg .swiper-slide a{
    
}
.home-cate-pt-new .catNewImg .swiper-slide img{
    width: 100%;
    height: 100%;
}

/* 搭配 */
.recommend-wear {
    padding: 3rem 0;
}
.recommend-wear h3 {
    font-size: 2.4rem;
    font-weight: 500;
    color: #000000;
    line-height: 1;
    text-align: center;
    padding-bottom: 3rem;
}
.home-wear--all {
    text-align: center;
}

.home-wear--all .swiper-wrapper {

}

.home-wear--all .swiper-slide {
    width: 100%;
    height: 47rem;
}

.home-wear--all .swiper-slide img {
    width: 100%;
    height: 100%;
}

.home-wear--all.swiper-container-horizontal>.swiper-pagination-bullets {
    margin: 1.2rem 0;
}

.home-wear--part {
    /* padding-top: 1.2rem; */
}

.home-wear--part .swiper-wrapper {

}

.home-wear--part .swiper-slide {
    
    width: 9.5rem;
    /* margin-left: 1.2rem; */
}

.home-wear--part .swiper-slide li {
    /* float: left; */
}

.home-wear--part .swiper-slide .title em{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-wear--part .swiper-slide img {
    width: 100%;
    height: 11.35rem;
}


/* swiper 全局调整 */
.swiper-container-horizontal>.swiper-pagination-bullets {
	position: relative;
	bottom: 0;
	width: auto;
	line-height:1;
	font-size:0;
	display: inline-block;
	background: #EEEDED;
	padding: 0;
	margin: 2.5rem 0 0;
	border-radius: 2px;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	width: 2rem;
	height: .3rem;
	background: transparent;
	border-radius: 2px;
	margin: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	border:none
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{	
	background:#000;
}
/* 商详页轮播样式 */
#product_slider .swiper-pagination-bullets {
    position: absolute;
    height: 0.3rem;
    bottom: 2rem;
    margin: 0;
    left: 50%;
    transform: translateX(-50%);
}

/* 分页浮窗 */
/* .page-fixed-aside {
    position: fixed;
    left: 1.4rem;
    bottom: 13rem;
    width: 4.8rem;
    height: 4.8rem;
    background: #F4F4F4;
    font-size: 0;
    font-weight: 400;
    color: #666666;
    line-height: 1;
    padding: .35rem 1rem;
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
    box-sizing: border-box;
    z-index: 9;
}

.page-fixed-aside span { 
    display: block;
    font-size: 1.4rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666666;
    line-height: 2rem;
    white-space:nowrap;
}
.page-fixed-aside i { 
    display: inline-block;
    width: 100%;
    height: .1rem;
    background-color: #979797;
} */


/* 倒计时 */
.product-body .product-time {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 7.2rem;
    background: #F4F4F4;  
    padding: 0 1.2rem;
    font-size: 1.2rem;
    /*font-family: PingFangSC-Regular, PingFang SC;*/
    font-weight: 400;
    color: #D31334;
    margin-bottom: 1.2rem;
    line-height: 1.65rem;
}

.product-body .product-time .title {
    display: block;
    margin-bottom: .5rem;
    line-height: 2.25rem;
}
.product-body .product-time .title.bd {
    font-size: 1.6rem;
    font-weight: 600;
    /*font-family: PingFangSC-Semibold, PingFang SC;*/
}
.product-body .product-time__starttime {
    text-align: left;
}
.product-body .product-time__countdown {
    text-align: right;
}
.product-body .product-time__countdown .time {
    display: inline-block;
    width: 14rem;
    font-size: 1.6rem;
    /*font-family: PingFangSC-Semibold, PingFang SC;*/
    font-weight: 600;
    letter-spacing: .1rem;
}

/* 商品详情 */
.pt-detail {padding: 6.5rem 0 .75rem}
.pt-detail .icon {width: 2rem;display: inline-block; vertical-align: middle; margin-right: 1rem;}
.pt-detail .icon img {vertical-align: middle;}
.pt-detail .title {font-size: 1.4rem; vertical-align: middle;color: #000; font-weight: 400;}
.pt-detail h3 {margin-bottom: 3rem; cursor: pointer;}
.pt-detail .detail-content-item {margin-bottom: 5.2rem;padding: 0 2rem 0 1.4rem}
.pt-detail .detail-content-item .open{display: inline;}
.pt-detail .detail-content-item .close {display: none;}
.pt-detail .detail-content-item.active .open {display: none;}
.pt-detail .detail-content-item.active .close{display: inline;}
.pt-detail .fr {font-size: 2rem;color: #444;vertical-align: middle; line-height: 1; float: right;font-weight: 100;}


/* 搭配推荐 */
.product_album-recommend {
    background: rgba(0,0,0,0.6);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 12rem;
    box-sizing: border-box;
}
.product_album-recommend .recommend-title {
    text-align: center;
    /*font-family: PingFangSC-Semibold, PingFang SC;*/
    font-size: 1.6rem;
    margin-bottom: 1.2rem;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 2.25rem;
}
.product_album-recommend .recommend__main {
    text-align: center;
}
.product_album-recommend .recommend-box {
    display: inline-block;
    width: 13.5rem;
    margin-right: .8rem;
    background-color: #fff;
}
.product_album-recommend .recommend-img {}
.product_album-recommend .recommend-img a{}
.product_album-recommend .recommend-img img{
    width: 100%;
    height: 16.35rem;
}
.product_album-recommend .recommend-name {
    margin: .9rem .8rem;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    font-size: 1.4rem;
    /*font-family: PingFangSC-Regular, PingFang SC;*/
    font-weight: 400;
    color: #010101;
    line-height: 2rem;
}
/* 商详页轮播样式 */
#product_slider .swiper-pagination-bullets {
    position: absolute;
	display: inline-block;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    height: auto;
	line-height:1;
	font-size:0;
	padding: 0;
    background-color: transparent;
}

#product_slider.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	width: .6rem;
    height: .6rem;
	background: rgba(0, 0, 0, 1);
    opacity: 0.3;
	border-radius: 50%;
	margin: 0 .4rem;
	box-shadow: none;
	-webkit-box-shadow: none;
	border:none;
    vertical-align: middle;
}

#product_slider.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{	
	/* background:#000; */
    opacity: 1;
}

#product_slider .recommend-pagination .swiper-pagination-bullet:last-child {
    width: 1.5rem;
    height: 1.5rem;
    background: #000000;
    opacity: 0.3;
    background: url('/themes/lulu/images/dp.png') no-repeat center center/cover;
}

#product_slider .recommend-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:last-child {
    opacity: 1;
}

.product-body .pt-btn.countdown .btn{
    background: #b3b3b3;
    border-color: #b3b3b3;
}

.product-body .pt-btn.countdown #J_buy_btn {
    color: #b3b3b3;
}

#product_slider .swiper-recommend-tag-box {
    position: absolute;
    bottom: 3rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 1.4rem;
    width: 8rem;
    padding: 0.5rem;
    background: #fff;
    text-align: center;
}

#product_slider .swiper-recommend-tag {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background: url('/themes/lulu/images/dp2.png') no-repeat center center/cover;
    margin-right: 0.5rem;
}

/* 3d */
.main-banner .box-3d { 
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 10;
    margin: 0 auto;
    right: 0;
    text-align: center;
    transform: translateY(-50%);
}
.main-banner .box-3d img{ 
    width: 40px;
    opacity: 0.9;
    padding: 20px;
}

.pop-3d {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 20;
    display: none;
    opacity: 0;
}
.pop-3d .pop-3d-close-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 22px;
    height: 22px;
}

.pop-3d .pop-3d-close-btn > div{
    background: #fff;
    position: absolute;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg);     
    -moz-transform:rotate(45deg);   
    -webkit-transform:rotate(45deg); 
    -o-transform:rotate(45deg);
    cursor: pointer;
}
.pop-3d .pop-3d-close-btn .h{
    width: 22px;
    height: 2px;
    top: 10px;
    left: 0;
}
.pop-3d .pop-3d-close-btn .s{
    height: 22px;
    width: 2px;
    top: 0;
    left: 10px;
}

#pop-privacy {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.3);
    z-index: 119;
}

#pop-privacy .main {
    width: 90vw;
    height: 80vh;
    background: #fff;
    position: relative;
    top: 50%;
    left: 50%;
    padding-top: 10px;
    transform: translate(-50%, -50%);
}


#pop-privacy .main > .content {
    height: 60vh;
    overflow: scroll;
}


#pop-privacy .btn-box {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 20vh;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
}

#pop-privacy .btn-box .btn {
    margin: 10px;
}
#pop-privacy .mod-content {
    margin: 0
}

#pop-privacy .mod-content.noimg .c {
    margin-top: 0;
    position: relative;
    width: 88%;
    background: #fff;
    margin: 0 auto;
    z-index: 2;
    text-align: center;
    line-height: 3rem;
}

#pop-privacy .mod-content .datetime {
    display: block;
    color: #666;
}


#pop-privacy .mod-content .title {
    display: block;
    color: #000;
    font-size: 2rem;
}

#pop-privacy .mod-content .autor {
    display: block;
    color: #999;
}

#pop-privacy .mod-content .content {
    display: block;
    color: #333;
    font-size: 1.4rem;
    line-height: 2.2rem;
    text-align: left;
}
.giftcard-request{
   padding: 30px 20px; 
}
.giftcard-title{
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}
.giftcard-li{
    padding-top: 20px;
}
.giftcard-li-ipt{
    border:1px solid #ccc;
    padding-left: 4px;
    margin-top: 6px;
}
.giftcard-li-ipt .x-input{
    height: 30px;
    width: 99%;
}
.giftcard_msg_text{
    margin-top: 10px;
}
.giftcard-btn-bar{
    margin-top: 30px;
}
.giftcard-info-li{
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 0 4px;
   margin-bottom: 6px;
}
.giftcard-info-ul{
    margin-top: 20px;
}
.giftcard-info-li_label{
    color: #a29d9d;
}
.giftcard-info-msg_text{
    font-size: 1.2rem;
    color: #a29d9d;
    margin-top: 20px;
}
.giftcard-info-btn .btn-import{
    background: #000;
    margin-top: 30px;
}
.giftcard-info-btn .btn-import span{
    color: #fff;
}