/*公共重置样式*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{font-family:Helvetica,HelveticaNeue,Arial,Verdana,Sans-serif;;margin:0;padding:0}html{font-size:1rem;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal}table{border-collapse:collapse;border-spacing:0}q:before,q:after{content:''}object,embed{vertical-align:top}hr,legend{display:none}img,abbr,acronym,fieldset{border:0}ul li{list-style-type:none}a,label{cursor:pointer}img{vertical-align:bottom;margin:0;padding:0}a{text-decoration:none;outline:0}h1,h2,h3,h4,h5,h6{font-weight: 400}.clearfix:after{content:".";visibility:hidden;display:block;height:.1px;font-size:.1em;line-height:0;clear:both}.clearfix{*zoom:1}input,textarea,select{outline:0;border:1px solid #ccc;border-radius: 0;}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#ccc}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ccc}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}button{cursor:pointer;color:#666}textarea{resize:none;outline:0;overflow:hidden;padding:5px}select{outline:0}img{max-width: 100%}*{-webkit-tap-highlight-color:rgba(255,255,255,0); -webkit-appearance: none;}body{max-width: 640px;margin: 0 auto;background-color: #ffffff;}img{outline:none;}
.clearfix {zoom: 1;}
.clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }
/*公共头部开始*/
.header { 
    z-index: 99;
    width: 100%;
    height: 2.75rem;
    padding: .1875rem 0;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    background-color: #fff;
    border-bottom: 1px solid #ebebeb;
}
.header span {
    margin: auto;
    font-size: 1rem;
    text-align: center;
    color: #000000;
    font-weight: 400;
    margin-left:1.1875rem;
    display:inline-block;
    margin-top:0.6rem;
}
.header span img {
    width: 10.125rem;
    vertical-align: middle;
}

.header .nav-logo
 {
    position: absolute;
    top: 1.25rem;
    width: 1.25rem;
    height: 1rem;
    background:url(../../mobile/m-images/nav.png) no-repeat;
    right:1.25rem;
    background-size:cover;
}
.header .shopping-logo {
    right: 1.5rem;
    background:url(../m-images/header-shopping.png) no-repeat;
    background-size: 1.667rem 1.667rem;
}
.header .home-logo {
    background:url(../m-images/header-home.png) no-repeat;
    background-size: 1.667rem 1.667rem;
}
.header-back,
.header-back-white {
    position: absolute;
    top: 1rem;
    left: 0.875rem;
    width: 1.4rem;
    height: 1.4rem;
    background:url(../m-images/header-back.png) no-repeat center/ 1.3rem 1.3rem;
}
.header-back-white {
    background:url(../m-images/header-back-white.png) no-repeat center/ 1.3rem 1.3rem;
}
.alpha { height: 100%; overflow: hidden; }
.alpha body { height: 100%; overflow: hidden; }
.filterCourse { width: 1.333333rem; height: 0.533333rem; float: right; margin-top: 0.306667rem; text-align: right; }
.filterCourse img { width: 0.533333rem; height: 0.533333rem; }
.course-nav { width: 7.75rem; height: 5.25rem; background: #fff; position: absolute; top: 2.8rem; right: 1.4rem; z-index: 2; border-radius: 0.33333rem; font-size: 0.4rem; color: #333; display: none; }
.course-nav li img{width:0.875rem;height:0.875rem;display:inline-block;vertical-align:-0.125rem;margin-left:1rem;}
.course-nav:before { content: ''; width: 0; height: 0; border-left: 0.333333rem solid transparent; border-right: 0.333333rem solid transparent; border-bottom: 0.533333rem solid #fff; position: absolute; top: -0.333333rem; right: 0.16rem; }
.mask-nav { width: 100%; height: 100%; position: fixed;  left: 0; right: 0; bottom: 0; background: #000; opacity: 0.5; z-index: 2; display: none; }
.course-nav ul li { width: 7.75rem; height: 2.625rem; line-height: 2.625rem; margin: 0 auto;  }
.course-nav ul li:last-child { border-bottom: 0;background:#f2f2f2; }
.course-nav ul li a { color: #333; margin-left:10px;font-size:0.75rem;}

.nav {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:space-around;
    justify-content: space-around;
    -webkit-align-items:center;
    align-items: center; 
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap ;
    background-color: #303135;
    border-bottom: 1px solid #ebebeb;
    position:relative;
}
.nav .nav-item {
    width: 23%;
    height:1.9375rem;
    line-height:1.9375rem;
    text-align: center;
    color: #ffffff;
    font-size:0.75rem;
}
.nav .nav-item a{color:#ffffff};
.nav-item1{
    width:17% !important;
}
.active{background:#000000;}
.active a{color:#ffffff;}
.nav-item2{
    width:8% !important;
}
.nav img {
    display: block;
    margin: 0 auto .25rem;
    width: 2.083rem;
}
.children-list {
    width: 100%;
    position: absolute;
    left:0;
    top: 1.9375rem;
    background: #303135;
    font-size: 0.875rem;
    display: none;
    opacity: 1;
    z-index:10;
}


.children-list li:first-child {
    border-top:none;
}

.children-list li {
    line-height:3rem;
    text-align:left;
    border-top:1px solid #ccc;
    position:relative;
}
.children-list li span{
    display:inline-block;
    margin-left:1rem;
}
.children-list li i{
    position: absolute;
    top: 1.1875rem;
    right: 1rem;
    display: block;
    width: 13px;
    height: 13px;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.children-list li i.touch-arrow-down {
    background-image: url(../m-images/touch-arrow-d.png);
    }
.children-list li i.touch-arrow-up {
    background-image: url(../m-images/touch-arrow-u.png);
    }
.children-list ul{
    display: none;
    margin: 0;
    padding: 0 0px 0px 1rem;
    background:#252525;
}
.children-list ul li{
    border-top: none;
    margin: 0;
    padding: 0;
}
.children-list ul li a{
    padding: 0;
    padding-left: 5px;
    height: 38px;
    line-height: 38px;
    font-size:0.875rem
}

.scroll-banner{
     position:relative;
 }
.scroll-main{
    width:110px;
    margin:2.8125rem auto;
    overflow:hidden;
}
.scroll-main ul{
  overflow:hidden;
  position:relative;
  left:0px;
}
.scroll-main ul li{
  float:left;
  width:110px;
  height:110px;
}
.scroll-main ul li img{
    width:100%;
    height:100%;
}
.pre-scroll,
.next-scroll
{
    position: absolute;
    top:2.875rem;
    color:#000000;
    z-index:100;
    cursor:pointer;
    font-size:1.75rem;
}
.pre-scroll{
    left:0.625rem;
}
.next-scroll{
    right:0.625rem;
}
/*公共头部结束*/
.foot{
    overflow:hidden;
}
.foot-nav{
    width:53%;
    margin:2rem 4.6875rem;
}
.foot p{font-size:0.875rem;color:#000000;line-height:1.5rem;}
/*公共页脚开始*/
.footer {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #000000;
    border-top: 1px solid #ebebeb;
    z-index: 999;
    height:2.4375rem;
    line-height:2.4375rem;
    color:#ffffff;
    text-align:center;
    font-size:0.75rem;
}
.footer ul {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: :space-around;
    -webkit-align-items:center;
    align-items: center;
    height: 45px;
}
.footer li {
    width: 38px;
    padding-top: 2px;
}
.footer a {
    display: block;
    width: 100%;
    padding-top: 25px;
    font-size: 11px;
    text-align: center;
    color: #4c4c4c;
}
.footer .active {
    color: #9f2e33;
}
.footer .footer-index {
    background:url(../m-images/footer-index.png) no-repeat center top;
    background-size: 22px 22px;
}
.footer .footer-index-active {
    color: #9f2e33;
    background:url(../m-images/footer-index-active.png) no-repeat center top; 
    background-size: 22px 22px;
}
.footer .footer-classify {
    background:url(../m-images/footer-classify.png) no-repeat center top;
    background-size: 22px 22px;
}
.footer .footer-classify-active {
    color: #9f2e33;
    background:url(../m-images/footer-classify-active.png) no-repeat center top;
    background-size: 22px 22px;
}
.footer .footer-my {
    background:url(../m-images/footer-my.png) no-repeat center top;
    background-size: 22px 22px;
}
.footer .footer-my-active {
    color: #9f2e33;
    background:url(../m-images/footer-my-active.png) no-repeat center top;
    background-size: 22px 22px;
}
.footer a {
    background-size: 22px 22px;
}
/*公共页脚结束*/
.com-end {
    font-size: 0.75rem;
    color: #c4c4c4;
    text-align: center;
    line-height: 3.667rem;
}
.com-back-top {
    display: none;
    position: fixed;
    z-index: 30;
    right: 15px;
    bottom: 60px;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    border-radius: 50%;
    text-align: center;
    color: #b9b9b9;
}

/*公共确认弹出框开始*/
.pop-box {

}
.pop-box .pop-bg {
    position: fixed;
    z-index: 999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    opacity: .5;
}
.pop-box .pop-main {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:center;
    justify-content: center;
    -webkit-align-items:center;
    align-items: center; 
    position: fixed;
    z-index: 1000;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
    -webkit-tap-highlight-color: transparent; 
    color: #000;
}
.pop-box .pop-tip {
    width: 80%;
    border-radius: 4px;
    background-color: #fff;
    font-size: 1.3rem;
}
.pop-box .tip-main {
    padding: 3rem;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    word-break: break-all;
}
.pop-box .make-box {
    height: 3.75rem;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:center;
    justify-content: center;
    -webkit-align-items:center;
    align-items: center; 
}
.pop-box .make-box a {
    width: 50%;
    height: 100%;
    line-height: 3.75rem;
    text-align: center;
    color: #ac575a;
}
.pop-box .make-box .cancel {
    color: #000;
    border-right: 1px solid #e5e5e5;
}
.pop-box .none {
    display: none;
}
/*公共确认弹出框结束*/

/*公共提示框开始*/
.pop-box1 .pop-bg1 {
    opacity: 0;
}
.pop-box1 .pop-main1 {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:center;
    justify-content: center;
    -webkit-align-items:center;
    align-items: center;
    position: fixed;
    z-index: 1000;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
    -webkit-tap-highlight-color: transparent; 
}
.pop-box1 .pop-bg1 {
    background:#000;
    opacity: 0;
}
.pop-box1 .tips {
    width: 60%;
    max-width: 500px;
    padding: 10px;
    background-color: #000;
    opacity: .85;
    color: #fff;
    font-size: 1.2rem;
    text-align: center;
    border-radius: 6px;
}
/*公共提示框结束*/

/*公共商品列表开始*/
.com-goods-list li {
    position: relative;
    float: left;
    width: 50%;
    height: 6.25rem;
    border-bottom: 1px solid #ebebeb;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 18.5rem;
}
.com-goods-list li:nth-child(odd) {
    margin-left: -1px;
    border-right: 1px solid #ebebeb;
} 
.com-goods-list .goods-img {
    position: relative;
    width: 11rem;
    height: 11rem;
    margin: 0.833rem auto;
    overflow:hidden;
}
.com-goods-list .tips-box {
    position: absolute;
    left: 0;
    top: 0;
}
.com-goods-list .tips-box img {
    width: 2.792rem;
}
.com-goods-list .goods-img img {
    max-width: 100%;
}
.com-goods-list .goods-der {
    height: 2.7rem;
    line-height: 1.4rem;
    padding: 0 0.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #4d4d4d;
}
.goods-der .activity {
    margin-right: 2px;
    color: #a54144;
    border:1px solid #a54144;
    padding: 1px 1px;
    font-size: 0.75rem;
    line-height: 1.5;
}
.com-goods-list .goods-price {
    margin-top: 0.417rem;
    padding: 0 0.75rem;
}
.com-goods-list .current-price {
    color: #f34f34;
    font-size: 1.2rem;
    margin-right: 3px;
    text-decoration: none;
    vertical-align: middle;
}
.com-goods-list .original-price {
    color: #b6bbc1;
    text-orientation: none;
    vertical-align: middle;
}
.com-goods-list li a {
    display: block;
    height: 100%;
    overflow:hidden;
    background-color: #fff;
}
.com-goods-list .com-none {
    opacity: 0;
}
.com-goods-list .no-goods {
    position: absolute;
    z-index: 1;
    left: 4.5rem;
    top: 4.5rem;
    width: 3.958rem;
    height: 3.958rem;
    line-height: 3.958rem;
    background-color: #999;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    opacity: .8;
}
/*公共商品列表结束*/

/*公共排序开始*/
.goods-sort-box {
    background-color: #fff;
}
.com-goods-sort {
    background-color: #fff;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: :space-around;
    -webkit-align-items:center;
    align-items: :center;
    height: 3.125rem;
    border-bottom: 1px solid #ebebeb;
}
.com-goods-sort a {
    color: #666;
}
.com-goods-sort .items:after {
    content: '';
    display: inline-block;
    margin-left: 0.208rem;
    width: 0.917rem;
    height: 1.0rem;
    background:url(../m-images/icon-week.png) no-repeat -2.083rem 0;
    background-size: 8.333rem 8.333rem;
    vertical-align: middle;
}
.com-goods-sort .up:after {
    background-position: 0 0;
}
.com-goods-sort .down:after {
    background-position: -1.042rem 0;
}
.com-goods-sort .active {
    color: #a54144;
}
.com-goods-brand  {
    display: none;
    height: 12rem;
    background-color: #fff;
    /*transform: translateY(-1.5rem);*/
}
.com-goods-brand .brand-items ul {
    height: 8.333rem;
    padding: 10px 20px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}
.com-goods-brand .brand-items li {
    float: left;
    width: 50%;
}
.com-goods-brand .brand-items a {
    float: left;
    width: 100%;
    color: #000;
    line-height: 1.5;
}
.com-goods-brand .brand-items .active {
    color: #a54144;
}
.com-goods-brand .brand-items .active:after {
    content:'';
    display: inline-block;
    vertical-align: middle;
    margin-left: .3rem;
    width: 0.75rem;
    height: 0.417rem;
    background:url(../m-images/icon-week.png) no-repeat -3.25rem 0;
    background-size: 8.333rem 8.333rem;
}
.com-goods-brand .make-box {
    border-top: 1px solid #ebebeb;
    line-height: 3.75rem;
    background-color: #fff;
    box-shadow: 2px 2px 3px #000;
}
.com-goods-brand .make-box a {
    float: left;
    width: 50%;
    text-align: center;
    color: #000;
    font-size: 1.25rem;
}
.com-goods-brand .make-box .sure {
    background-color: #a54144;
    color: #fff;
}
.com-list-top {
    margin-top: 6.542rem !important;
}
/*公共排序结束*/

/*公共优惠券开始*/
.coupon-box {
    padding:1.5rem 1.333rem;
}
.coupon-items {
    position: relative;
    max-width: 575px;
    margin:0 auto .5rem;
}
.coupon-items .coupon-main {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 6.083rem;
    text-align: center;
}
.coupon-items .coupon-left {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: :center;
    -webkit-align-items:center;
    align-items: :center;
    float: left;
    width: 33%;
    height: 100%;
    color: #9f2e33;
    font-weight: 700;
}
.coupon-items .coupon-left .coupon-money {
    font-size:1.1rem;
}
.coupon-items .coupon-left .amount {
    font-size: 1rem;
}
.coupon-items .coupon-money strong {
    font-size: 2.583rem;
}
.coupon-items .coupon-right {
    float: right;
    padding-top:1.0rem;
    width: 67%;
    color: #fff;
    line-height: 1.3;
}
.coupon-items .time {
    font-size: 0.75rem;
}
.coupon-items .get-coupon {
    display: block;
    margin: 4px auto 0;
    width: 5.333rem;
    line-height: 1.5rem;
    text-align: center;
    color: #9f2e33;
    background: #fff;
    border-radius: 4px;
}
.coupon-items .no-coupon {
    position: relative;
    width: 4.708rem;
    margin: .7rem auto;
    text-align: center;
    border-bottom: 1px solid #fff;
}
.coupon-items .no-coupon span {
    position: absolute;
    left: .55rem;
    top: -0.6rem;
    width: 3.667rem;
    height: 1.0rem;
    background-color:#9f2e33;

}
/*公共优惠券结束*/

/*支付方式开始*/
.pay-box {
    margin-bottom:0.708rem;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    background-color: #fff;
    color: #1a1a1a;
}
.pay-box .pay-header {
    padding-left: 1.333rem;
    line-height: 2.708rem;
    border-bottom: 1px solid #ebebeb;
}
.pay-box .pay-main a {
    display: block;
    line-height: 2.417rem;
    color: #1a1a1a;
    margin-left: 1.333rem;
    box-sizing: content-box;
    padding: .5rem 1.333rem .5rem 3.458rem;
    background:url(../m-images/pay.png) no-repeat 0 .5rem;
    background-size: 16.667rem 16.667rem;
}
.pay-box .pay-main a i,
.pay-box .pay-main .active i {
    float: right;
    margin-top: .5rem;
    width: 1.4rem;
    height: 1.4rem;
    background:url(../m-images/pay.png) no-repeat 0 -9.8rem;
    background-size: 16.667rem 16.667rem;
}
.pay-box .pay-main .active i {
    background-position: 0 -13.65rem;
}
.pay-box .pay-main .zfb {
    background-position: 0 .5rem;
}
.pay-box .pay-main .wx {
    border-bottom: none;
    background-position: 0 -5rem;
}
/*支付方式结束*/


/*404开始*/
.lose {
    padding-top: 7.292rem;
    text-align: center;
}
.lose img {
    width: 16.667rem;
}
.lose  a {
    display: block;
    margin: 1.25rem auto;
    width: 6rem;
    line-height: 2rem;
    background-color: #9f2e33;
    color: #fff;
    border-radius: 4px;
    text-align: center;
    font-size: 1.3rem;
}
/*404结束*/

/*注册协议开始*/
.protocol-body {
    background-color: #fff;
}
.protocol-body .protocol-header {
    margin-top:0.833rem;
    line-height: 2;
    text-align: center;
    font-size: 1.3rem;
}
.protocol-body .protocol-main {
    padding: 0.625rem 0.625rem 2rem 0.625rem;
    line-height: 1.5;
}
.protocol-body .protocol-main h2 {
    line-height: 2;
    font-size: 1rem;
}
/*注册协议结束*/
.about-img img {
    display: block;
    margin: 0 auto;
}


/*公共提交弹框开始*/
.com-uploading {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:center;
    justify-content: center;
    -webkit-align-items:center;
    align-items: center;
    position: fixed;
    z-index: 1000;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: transparent;
}
.com-uploading .running {
    width: 2.5rem;
    margin: 10px 0; 
}
.com-uploading p {
    margin-left: .5rem;
    text-align: center;
    color: #fff;
}
.com-uploading .upload-main {
    position: relative;
    padding:.5rem 1rem;
    background:#000;
    color: #fff;
    text-align: center;
    border-radius: 0.357rem;
    opacity: .8;
}
.com-uploading .rotate-box {
    height: 50px;
    background: url(../m-images/loading.gif) no-repeat center;
}
/*公共提交弹框结束*/