@charset "utf-8";
/* 

vertical-align: -webkit-baseline-middle;
vertical-align: bottom;
vertical-align: middle;
vertical-align: text-bottom;
vertical-align: text-top;
vertical-align: top;

      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;

border:#e5e5e5 solid;
border-width:1px 0;
padding:5px 10px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
text-align:center;





form.default .control-group .controls input:-moz-placeholder,form.default .control-group .controls textarea:-moz-placeholder{
  color: rgba(0, 0, 0, 0.5);
}
form.default .control-group .controls input:-ms-input-placeholder,form.default .control-group .controls textarea:-ms-input-placeholder{
  color: rgba(0, 0, 0, 0.5);
}
form.default .control-group .controls input::-webkit-input-placeholder,form.default .control-group .controls textarea::-webkit-input-placeholder{
  color: rgba(0, 0, 0, 0.5);
}


flex-wrap:wrap;
*/

/* 

::-webkit-input-placeholder{}    / * 使用webkit内核的浏览器 * /
:-moz-placeholder{}                  / * Firefox版本4-18 * /
::-moz-placeholder{}                  / * Firefox版本19+ * /
:-ms-input-placeholder{}           / * IE浏览器 * /
*/

.indexannounce{
    position: relative;
    padding: 0;
}
.indexannounce .announce{
    position: relative;
    padding: 0px;
}
.indexannounce .announce a.announce_link{
    background-color: var(--main-color);
    /*border-radius: 10px;*/
    padding: 10px 10px;
}
.indexannounce .announce .announcecont{
    background-color: var(--main-color);
    /*border-radius: 10px;*/
    padding: 10px 10px;
    font-size: 16px;
    font-family: ALSHauss, sans-serif;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    color: #fff;
}

.indexannounce .announce a.announce_link .announcedata{
    flex: 1 1 auto;
    color: #fff;
    font-size: 16px;
    font-family: ALSHauss, sans-serif;
    font-weight: 500;
    line-height: 1.2;
    margin-right: 10px;
    text-align: center;
}
.indexannounce .announce a.announce_link .jump{
    flex: 0 0 auto;
}
.indexannounce .announce a.announce_link .jump img{
    height: 20px;
    width: 20px;
    display: inline-block;
}
.indexannounce .announce .closeann{
    position: absolute;
    right: 10px;
    top: 5px;
    z-index: 1;

}
.indexannounce .announce .closeann img{
    height: 16px;
    width: 16px;
    display: inline-block;
}


/*<div class="indexannounce" v-show="announce_status==1 && announce!=''">*/
/*<div class="announce">*/
/*<a :href="announce_link" class="announce_link fixed-flex fixed-flex-fs-c" v-if="announce_link!=''">*/
/*<div class="announcedata">{{announce}}</div>*/
/*<div class="jump"><img class="thumbimg" src="__MTHEME__/images/icon-jump.png" /></div>*/
/*</a>*/
/*<div class="announcedata" v-else>{{announce}}</div>*/
/*</div>*/
/*</div>*/














.batchlist{

}
.batchlist .listitem{
    border-radius: 10px;
    background-color: #f5f5f5;
    padding: 10px 15px;
    margin-bottom: 12px;
}
.batchlist .listitem.presale{
    background-color: #e5ecff;
}
.batchlist .listitem a.btachitem{
    display: block;
}
.batchlist .listitem a.btachitem .batchtitle{
    font-size: 18px;
    color: #424242;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: 8px;
}
.batchlist .listitem.presale a.btachitem .batchtitle{
    color: #c30d22;
}
.batchlist .listitem a.btachitem .subtitle{
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 10px;
}
.batchlist .listitem a.btachitem .arrivaltime{
    font-size: 14px;
    color: #424242;
}
.batchlist .listitem a.btachitem .arrivaltime .key{
    flex: 0 0 auto;
    color:#686868;
    margin-right: 5px;
}
.batchlist .listitem a.btachitem .arrivaltime .cont{
    flex: 1 1 auto;
    color: #424242;
    font-size: 16px;
}
.batchlist .listitem .trackdate{
    font-size: 14px;
    color: #424242;
}

.productindex{
position: relative;
}
.productindex .catebox{
    flex: 0 0 150px;
    border-right: 1px #d5d5d5 solid;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    overflow-y: auto;
    font-size: 16px;
}
.productindex .productbox{
    flex: 1 1 auto;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 10px;
    overflow-y: auto;
}
.productindex .catebox .listitem{
    border-bottom: 1px #d5d5d5 solid;
    font-family: ALSHauss, sans-serif;
}
.productindex .catebox .listitem:last-child{
    border-bottom: 0;
}
.productindex .catebox .listitem .topfloder{
    font-weight: 600;
    background-color: #f5f5f5;
    line-height: 1.2;
    padding: 12px 10px;
    color: #424242;
}
.productindex .catebox .listitem .topfloder.active{
    color: #c30d22;
    font-family: ALSHauss, sans-serif;
    font-weight: 700;
}
.productindex .catebox .listitem .secfloders{
    background-color: #fff;
    padding: 0px 0;
    display: block;
    line-height: 1.2;
}
.productindex .catebox .listitem .secfloders.active{
    display: block;
}
.productindex .catebox .listitem .secfloders .seclistitem{
    border-bottom: 1px #f5f5f5 solid;
}
.productindex .catebox .listitem .secfloders .seclistitem:last-child{
    border-bottom: 0;
}
.productindex .catebox .listitem .secfloders .seclistitem .secname{
    padding: 10px 10px;
    line-height: 1.2;
    font-family: ALSHauss, sans-serif;
    color: #686868;
}
.productindex .catebox .listitem .secfloders .seclistitem.active .secname{
    color: #c30d22;
    background-color: rgba(230, 247, 255, 0.97);
    font-family: ALSHauss, sans-serif;
}

.productindex .catebox .listitem .cateitem{
    padding: 8px 10px 8px 15px;
    line-height: 1.2;
    color: #686868;
    background-color: #fff;
    font-family: ALSHauss, sans-serif;
}
.productindex .catebox .listitem .cateitem.allcate{
    padding: 10px 10px;
    font-family: ALSHauss, sans-serif;
    font-weight: 500;
}
.productindex .catebox .listitem .cateitem.active{
    color: #c30d22;
    background-color: rgba(230, 247, 255, 0.97);
    font-family: ALSHauss, sans-serif;
}
.productindex .catebox .listitem .cateitem.allcate.active{
    font-weight: 500;
}
.productindex .catebox .catelist .cateitem{
    padding: 10px;
    line-height: 1.2;
    color: #686868;
    background-color: #fff;
    font-family: ALSHauss, sans-serif;
    border-bottom: 1px #f5f5f5 solid;
}
.productindex .catebox .catelist .cateitem:last-child{
    border-bottom: 0;
}

.productindex .catebox .catelist .cateitem.active{
    color: #c30d22;
    background-color: rgba(230, 247, 255, 0.97);
    font-family: ALSHauss, sans-serif;
}



.floderproductlist{
}
.floderproductlist .totalcount{
    color: #686868;
    font-size: 14px;
    line-height: 2;
    margin-bottom: 10px;
}
.floderproductlist .listitem{
    margin-bottom: 20px;
}
.floderproductlist .listitem.fix-bottom:last-child{
    margin-bottom: 65px;
}


.floderproductlist .listitem .foldername{
margin-bottom: 10px;
}
.floderproductlist .listitem .foldername .name{
color: #000;
    font-weight: 600;
    font-size: 16px;
    margin-right: 5px;
}
.floderproductlist .listitem .foldername .count{
    color: #686868;
}
.floderproductlist .listitem .floderproductbox{

}

.productlistitem{
padding: 15px 0;
    border-bottom: 1px solid #d5d5d5;
}
.productlistitem.fix-bottom:last-child{
    margin-bottom: 65px;
}
.productlistitem .baseinfo{
    margin-bottom: 5px;

}
.productlistitem .baseinfo .thumb{
flex: 0 0 56px;
    margin-right: 8px;
}
.productlistitem .baseinfo .thumb img.thumbimg{
    width: 56px;
    height: 56px;
    display: inline-block;
    border-radius: 4px;

}
.productlistitem .baseinfo .infos{
flex: 1 1 auto;
}
.productlistitem .baseinfo .infos .namecode{

}
.productlistitem .baseinfo .infos .namecode .productname{
    color: #000;
    line-height: 1.1;
    font-size: 14px;
    font-family: ALSHauss, sans-serif;
    font-weight: 400;
    font-style: normal;
}
.productlistitem .baseinfo .infos .namecode .batchcode{
font-size: 12px;
    line-height: 1.1;
}
.productlistitem .baseinfo .infos .stock{
    color: #222;
    font-size: 12px;
}
.productlistitem .baseinfo .infos .stock .key{
    color: #424242;

}
.productlistitem .baseinfo .infos .stock .c{
    color: #000;
    font-size: 14px;
}
.productlistitem .baseinfo .infos .stock .unit{
    color: #000;
}
.productlistitem .option{

}
.productlistitem .option .pricedata{

}
.productlistitem .option .pricedata .unitprice{
    line-height: 1;

}
.productlistitem .option .pricedata .unitprice .price{
    color: #000;
    font-size: 16px;
    margin-right: 5px;
    font-family: "XFZhengHT-EN-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.productlistitem .option .pricedata .unitprice .unit{
color: #424242;
}
.productlistitem .option .pricedata .subtotal{
    line-height: 1;
    color:#5f6d79;
}
.productlistitem .option .pricedata .subtotal .amount{
    color:#5f6d79;
    font-size: 16px;
    margin-right: 5px;
    font-family: "XFZhengHT-EN-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.productlistitem .option .pricedata .subtotal .symbol{
    color: #424242;
}

.productlistitem .option .qtybox{
margin: 2px 0;
}
.productlistitem .option .qtybox .chg{
height: 32px;
    width: 32px;
    cursor: pointer;
}
.productlistitem .option .qtybox .chg img{
    width: 18px;
    height: 18px;
    display: inline-block;
}
.productlistitem .option .qtybox .chg.dec{
    border:#d0d0d0 solid;
    border-width: 1px 0 1px 1px;
    border-radius: 8px 0 0 8px;

}
.productlistitem .option .qtybox .chg.add{
    background-color: #c30d22;
    border:1px #c30d22 solid;
    border-radius: 8px;
    margin-left: -8px;
}
.productlistitem .option .qtybox input.productqty{
width: 50px;
    height: 32px;
    border:#d0d0d0 solid;
    border-width: 1px 0;
    text-align: center;
    font-size: 16px;
    padding: 0 8px 0 0;
    margin: 0;
}

.productlistitem .baseinfo .infos .fullenname{
    font-size: 16px;
    color: #000;
    line-height: 1.1;
}
.productlistitem .preoption .qtybox{
    margin: 2px 0;
}
.productlistitem .preoption .qtybox .chg{
    height: 32px;
    width: 32px;
    cursor: pointer;
}
.productlistitem .preoption .qtybox .chg img{
    width: 18px;
    height: 18px;
    display: inline-block;
}
.productlistitem .preoption .qtybox .chg.dec{
    border:#d0d0d0 solid;
    border-width: 1px 0 1px 1px;
    border-radius: 8px 0 0 8px;

}
.productlistitem .preoption .qtybox .chg.add{
    background-color: #c30d22;
    border:1px #c30d22 solid;
    border-radius: 8px;
    margin-left: -8px;
}
.productlistitem .preoption .qtybox input.productqty{
    width: 50px;
    height: 32px;
    border:#d0d0d0 solid;
    border-width: 1px 0;
    text-align: center;
    font-size: 16px;
    padding: 0 8px 0 0;
    margin: 0;
}


.productlistloding{
    padding: 15px 0;
}
.productlistloding .baseinfo{
    margin-bottom: 10px;
}
.productlistloding .baseinfo .thumb{
    flex: 0 0 72px;
    margin-right: 8px;
    background-color: #f5f5f5;
}
.productlistloding .baseinfo .thumb .thumbimg{
    width: 72px;
    height: 72px;
    display: inline-block;
}
.productlistloding .baseinfo .infos{
    flex: 1 1 auto;
}
.productlistloding .baseinfo .infos .namecode{
    background-color: #f5f5f5;
    height: 45px;
    margin-bottom: 5px;
}
.productlistloding .baseinfo .infos .stock{
    background-color: #f5f5f5;
    height: 18px;
}
.productlistloding .option{

}
.productlistloding .option .pricedata{
flex: 0 0 100px;
}
.productlistloding .option .pricedata .unitprice{
    background-color: #f5f5f5;
    height: 18px;
    margin-bottom: 5px;
}
.productlistloding .option .pricedata .subtotal{
    background-color: #f5f5f5;
    height: 18px;
}
.productlistloding .option .qtybox{
    flex: 0 0 120px;
    background-color: #f5f5f5;
    height: 32px;
}
.productlistnull{
    padding: 15px 0;
}
.productlistnull img.thumbimg{
    width: 75%;
    height: auto;
    display: inline-block;
    margin-bottom: 15px;
}
.productlistnull .msg{
    text-align: center;
    font-size: 16px;
    line-height: 1.2;
    color:#c30d22;
}

.usercard{
    background-color: #c30d22;
    padding: 35px 0;
    box-shadow: 0 0 8px rgba(0,0,0,0.5);
    margin-bottom: 20px;
    position: relative;
}
.usercard .userface{
    flex: 0 0 auto;
    padding: 0 0 0 30px;
    margin-right: 15px;
}
.usercard .userface img.userhead{
    height: 80px;
    width: 80px;
    display: inline-block;
    border-radius: 50%;
    border:5px #fff solid;
    background-color: #fff;
}
.usercard .userinfo{
    flex: 1 1 auto;
    padding-right: 15px;
}
.usercard .userinfo .notloginoption{
    font-size: 18px;
    color: #fff;
    padding-left: 50px;
}
.usercard .userinfo .notloginoption a{
    color: #fff;
}
.usercard .userinfo .notloginoption .vline{
    color: #fff;
}
.usercard .userinfo .namemobile{
    padding-left: 50px;
    color: #fff;
}
.usercard .userinfo .namemobile .name{
margin-bottom: 5px;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
}
.usercard .userinfo .namemobile .name .val{
flex: 0 0 auto;
    margin-right: 8px;
    font-size: 16px;
    line-height: 16px;
}
.usercard .userinfo .namemobile .name .icon{
    flex: 0 0 auto;
}
.usercard .userinfo .namemobile .name .icon img{
    width: 16px;
    height: 16px;
}
.usercard .userinfo .namemobile .mobile{
    color: #fff;
    font-size: 16px;
    line-height: 16px;
}
.usercard .card{
    position: absolute;
    right: 0;
    top: 15px;
    z-index: 1;

    background-color: #744e20;
    border-radius: 30px 0 0 30px;
    padding:4px 10px;

}
.usercard .card .icon{
    flex: 0 0 auto;
    margin-right: 5px;

}
.usercard .card .icon img{
width: 20px;
    height: 20px;
}
.usercard .card .val{
    flex:1 1 auto;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    margin-right: 5px;
}
.usercard .card .qricon{
    flex: 0 0 auto;

}
.usercard .card .qricon img{
    width: 16px;
    height: 16px;
    display: inline-block;
}
.usermenu{
    padding: 5px 15px;
}
.menulist{

}
.menulist li.menuitem{
    padding: 15px 0;
    border-bottom: 1px solid #d0d0d0;
}
.menulist li.menuitem:last-child{
    border-bottom: none;
}
.menulist li.menuitem a.menulink{
}
.menulist li.menuitem a.menulink .icon{
    flex: 0 0 auto;
    margin-right: 15px;
}
.menulist li.menuitem a.menulink .icon img{
    width:28px;
    height: 28px;
    display: block;
}
.menulist li.menuitem a.menulink .name{
    flex: 1 1 auto;
    font-size: 16px;
    color: #000;
}
.menulist li.menuitem a.menulink .tag{
    flex: 0 0 auto;
    margin-right: 10px;
    font-size: 14px;
    background-color: #c30d22;
    border-radius: 20px;
    color: #fff;
    padding: 0 8px;
    line-height: 1.6;
}
.menulist li.menuitem a.menulink .tapto{
    flex: 0 0 auto;
    padding: 0 5px;
}
.menulist li.menuitem a.menulink .tapto img{
    width:16px;
    height: 16px;
    display: block;
}
.staicpage{
    color: #000;
}
.staicpage p{
    margin: 0 0 20px 0;
    line-height: 2;
    font-size: 16px;
}

.loginbox{
    width:85%;
    margin:0 auto;
    padding-top:50px;
}
.loginbox .toplogo{
    text-align: center;
}
.loginbox .toplogo img{
    width: 260px;
    height: auto;
}
.loginbox .loginform{
padding-top: 50px;
}
.loginbox .loginform .formitem{
border: 1px #d0d0d0 solid;
    border-radius: 8px;
    margin-bottom: 20px;
    padding: 4px;
}
.loginbox .loginform .formitem .icon{
    flex: 0 0 auto;
    padding: 8px 5px;
    position: relative;
    margin-right: 10px;

}
.loginbox .loginform .formitem .icon .logintype{

}
.loginbox .loginform .formitem .icon .logintype img{
    width:26px;
    height: 22px;
    display: block;
    margin-right: 5px;
}
.loginbox .loginform .formitem .icon .logintype .tags{
    width: 15px;
    height: 15px;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}
.loginbox .loginform .formitem .icon .logintype .tags.active{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}
.loginbox .loginform .formitem .icon .logintype .tags img{
    width: 15px;
    height: 15px;
}
.loginbox .loginform .formitem .ckey{
    flex: 0 0 auto;
    color: #000;
    font-size: 26px;
    margin-right: 8px;
}
.loginbox .loginform .formitem .input{
    flex: 1 1 auto;
}
.loginbox .loginform .formitem .input input{
    font-size: 26px;
    width: 90%;
    padding: 4px 0;
    color: #000;
    margin: 0;
    border: none;
    font-family: ALSHauss, sans-serif;
}
.loginbox .loginform .formitem .input input::-moz-placeholder{
    color: rgba(0,0,0, 0.3);
}
.loginbox .loginform .formitem .input input:-ms-input-placeholder{
    color: rgba(0,0,0, 0.3);
}
.loginbox .loginform .formitem .input input::-webkit-input-placeholder{
    color: rgba(0,0,0, 0.3);
}

.loginbox .loginform .formitem .icon > img{
    width:22px;
    height: 22px;
    display: block;
    margin-right: 5px;
}
.loginbox .loginform .formitem .ibtn{
    flex: 0 0 auto;
}
.loginbox .loginform .formitem .ibtn .sendsms{
    background-color: #c30d22;
    color: #fff;
    border-radius: 6px;
    border:none;
    padding: 10px 10px;
}
.loginbox .loginform .formitem .ibtn .sendsms.disabled{
    background-color: #ccc;
}
.loginbox .loginform .formitem .icon .logintypelist{
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 35px;
    z-index: 1;
    border:1px #f0f0f0 solid;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    padding: 5px 15px;
    width: auto;
    border-radius: 10px;
}
.loginbox .loginform .formitem .icon .logintypelist .lists .items{
    color: #686868;
    font-size: 16px;
    line-height: 1.2;
    padding: 5px 0;
    white-space: nowrap;
}
.loginbox .loginform .formitem .icon .logintypelist .lists .items.active{
    color: #000;
    font-weight: 500;
}
.loginbox .loginform .formitem .icon .logintypelist .tag{
    border:9px solid;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    left: 30px;
    top: -17px;
    z-index: 2;
}
.loginbox .loginform .formaction{
    margin:30px 0;
}
.loginbox .loginform .formaction .loginbtn{
    width: 65%;
    background-color: #c30d22;
    color: #fff;
    border-radius: 6px;
    border:none;
    text-align: center;
    font-size: 16px;
    line-height: 1.2;
    padding: 10px 10px;
}
.loginbox .loginform .formaction .loginbtn.disabled{
    background-color: #ccc;
}
.loginbox .loginform .formoption{

}
.loginbox .loginform .formoption a.regbtn{
    color: #ff362c;
    text-decoration: underline;
}
.loginbox .loginform .formaction .loginnote{
    flex: 0 0 auto;
    margin-left: 10px;
    position: relative;
}
.loginbox .loginform .formaction .loginnote img{
    height: 24px;
    width: 24px;
    display: inline-block;
}
.loginbox .loginform .formaction .loginnote .portalnote{
    position: absolute;
    right: -30px;
    top: 32px;
    z-index: 1;
    padding: 15px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow:0 0 5px rgba(0,0,0,.3);
}
.loginbox .loginform .formaction .loginnote .portalnote .tag{
    border:9px solid;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    right: 33px;
    top: -17px;
    z-index: 2;
}
.loginbox .loginform .formaction .loginnote .portalnote .msg{
    font-size: 16px;
    font-family: ALSHauss, sans-serif;
    font-weight: 200;
    width: 300px;
}

.otherlogin{

}
.otherlogin .title{

}
.otherlogin .title .vline{
    flex: 0 0 80px;
    height: 1px;
    background-color: #ccc;
}
.otherlogin .title .titleword{
    flex: 0 0 auto;
    text-align: center;
    font-family: ALSHauss, sans-serif;
    font-size: 16px;
    font-weight: 500;
    margin: 0 5px;
}
.otherlogin .loginlist{
padding-top: 15px;
}
.otherlogin .loginlist a.items{
    flex: 0 0 auto;
}
.otherlogin .loginlist a.items .methodimg img{
    height: 30px;
    width: 30px;
    display: inline-block;
}
.otherlogin .loginlist a.items .methodimg img.plusico{
    height: 12px;
    width: 12px;
    display: inline-block;
}
.otherlogin .loginlist a.items .methodname{
    text-align: center;
    font-family: ALSHauss, sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.vueform{

}
.vueform .form-row{
padding:10px 0;
}
.vueform .form-row .label{
    flex: 0 0 120px;
    margin-right: 10px;

}
.vueform .form-row .field{
    flex: 1 1 auto;
}
.vueform .form-row .field .fieldnote{
    color: #424242;
    line-height: 1.1;
    margin-top: 5px;
}
.vueform .form-row .field input.default{
    font-size: 16px;
    width: 99%;
    padding: 8px 8px;
    border:1px #ccc solid;
    line-height: 1.2;
border-radius: 5px;
    box-sizing: border-box;
}
.vueform .form-row .field input.default{
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}
.vueform .form-row .field input.default:focus{
    box-shadow: 0 0 8px rgba(0,0,0,0.2);
}
.vueform .form-row .field textarea.default{
    font-size: 16px;
    width: 99%;
    padding: 8px 8px;
    border:1px #ccc solid;
    line-height: 1.2;
    border-radius: 5px;
    box-sizing: border-box;
}
.vueform .form-row .field textarea.default{
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}
.vueform .form-row .field textarea.default:focus{
    box-shadow: 0 0 8px rgba(0,0,0,0.2);
}

.vueform .form-row .field select.default{
    font-size: 16px;
    width: 99%;
    padding: 8px 8px;
    border:1px #ccc solid;
    line-height: 1.2;
    border-radius: 5px;
    box-sizing: border-box;
}
.vueform .form-row .field select.default{
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}
.vueform .form-row .field select.default:focus{
    box-shadow: 0 0 8px rgba(0,0,0,0.2);
}


.vueform .form-row .field img.userface{
    height: 72px;
    width: 72px;
    border-radius: 36px;
    border: 1px solid #ccc;
}
.vueform .form-action{
    padding:10px 0;
}
.vueform .form-action button.formsubmit{
    width: 65%;
    background-color: #c30d22;
    color: #fff;
    border-radius: 6px;
    border:none;
    text-align: center;
    font-size: 16px;
    line-height: 1.2;
    padding: 10px 10px;
}
.vueform .form-action button.formsubmit.disabled{
    background-color:#a0a0a0;
}

.vueform .form-action a.relogin{
    color:var(--main-color);
    font-weight: 500;
    font-size: 16px;
}
.vueform .form-action a.tosafe{
    color:var(--sec-color);
    font-weight: 500;
    font-size: 16px;
}


.typelist{

}
.typelist .typeitem{
    border:1px #ccc solid;
    border-radius: 4px;
    position: relative;
    margin: 0 10px 5px 0;
    overflow: hidden;
    cursor: pointer;

    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}
.typelist .typeitem.selected{
    border:1px #c6021f solid;
    box-shadow: 0 0 8px rgba(0,0,0,0.2);
}
.typelist .typeitem .name{
    padding:5px 10px;
}
.typelist .typeitem .active{
    height: 15px;
    width: 15px;
    position: absolute;
    bottom:-15px;
    right:0;
    z-index: 1;
}
.typelist .typeitem .active{
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}
.typelist .typeitem.selected .active{
    bottom:0;
}

.cplist{

}
.cplist .opnote{
    font-size: 16px;
    line-height: 1.6;
    color: #c30d22;
}
.cplist .listbox{

    border:1px #ccc solid;
    border-radius: 4px;
    padding:5px 10px;
}
.cplist .listbox .listitem{
    padding: 5px 0;
    cursor: pointer;
}
.cplist .listbox .listitem .customername{
    flex: 1 1 auto;
    font-size: 16px;
}

.cplist .listbox .listitem .customername .name{
    font-weight: 600;
    color: #000;
}
.cplist .listbox .listitem .customername .phone{
    color: #686868;
    font-size: 14px;
}
.cplist .listbox .listitem.selected .customername .name{
    color: #c30d22;
}
.cplist .listbox .listitem.selected .customername .phone{
    color: #c30d22;
}


.cplist .listbox .listitem .selected{
flex: 0 0 auto;
}
.cplist .listbox .listitem .selected img{
width: 20px;
    height: 20px;
    display: inline-block;
}

.cartpreview{
    position: fixed;
    right: 25px;
    bottom: 75px;
    z-index:2;

}
.cartpreview.fix-iphonex{
    bottom: 90px;
}
.cartpreview .cartbox{
    background-color: #fff;
    border: 1px #ccc solid;
    padding: 0;
    height: 50px;
    border-radius: 25px;
}
.cartpreview .cartbox .total_cart{
padding: 0 10px 0 15px;
    color: #15a526;
}
.cartpreview .cartbox .total_cart .amount{
font-family: "XFZhengHT-EN-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #15a526;
    font-size: 28px;
    line-height: 1;
}
.cartpreview .cartbox .total_cart .symbol{
    font-size: 20px;
    margin-left: 5px;
    line-height: 1;
}
.cartpreview .cartbox .totalcount_cart{
    padding: 0 10px 0 15px;
    color: #15a526;
}
.cartpreview .cartbox .totalcount_cart .totalkey{
    font-size: 20px;
    line-height: 1;
}
.cartpreview .cartbox .totalcount_cart .count{
    font-family: "XFZhengHT-EN-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #15a526;
    font-size: 28px;
    line-height: 1;
    padding: 0 5px;
}
.cartpreview .cartbox .totalcount_cart .unit{
    font-size: 20px;
    line-height: 1;
}
.cartpreview .cartbox .totalcount_cart .pre-count{
    font-family: ALSHauss, sans-serif;
    font-size: 20px;
    font-weight: 500;
}
.cartpreview .cartbox .totalcount_cart .pre-countkey{
    font-family: ALSHauss, sans-serif;
    font-size: 16px;
}
.cartpreview .cartbox .totalcount_cart .pre-qty{
    font-family: ALSHauss, sans-serif;
    font-size: 20px;
    font-weight: 500;
}
.cartpreview .cartbox .totalcount_cart .pre-qtykey{
    font-family: ALSHauss, sans-serif;
    font-size: 16px;
}

.cartpreview .cartbox .gotocart{
    background-color: #15a526;
    height:50px;
    width: 50px;
    border-radius: 25px;

}
.cartpreview .cartbox .gotocart img{
    height: 22px;
    width: 22px;
    display: inline-block;
}



.cartlistnull{
    padding: 15px 25px;
}
.cartlistnull img.thumbimg{
    width: 55%;
    height: auto;
    display: inline-block;
    margin-bottom: 20px;
}
.cartlistnull .msg{
    text-align: center;
    font-size: 16px;
    line-height: 1.2;
    color:#c6021f;
    margin-bottom: 20px;
}

.cartlistnull .gotoindex{

}
.cartlistnull .gotoindex a{
    display: block;
    background-color: #036ce5;
    color: #fff;
    border-radius: 6px;
    border:none;
    text-align: center;
    font-size: 16px;
    line-height: 1.2;
    padding: 10px 10px;
}
.cartindex{
    padding: 0px 15px;
}

.cartlistitem{
    border-bottom: 1px #ccc solid;
    padding: 15px 0;
}
.cartlistitem .baseinfo{
    margin-bottom: 15px;
}
.cartlistitem .baseinfo .thumb{
    flex: 0 0 64px;
    margin-right: 10px;
}
.cartlistitem .baseinfo .thumb img.thumbimg{
    height: 64px;
    width: 64px;
    display: inline-block;
    border-radius: 4px;
    border:1px #ccc solid;
}
.cartlistitem .baseinfo .infos{
    flex: 1 1 auto;
}
.cartlistitem .baseinfo .infos .productname{
    color: #000;
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 5px;
}
.cartlistitem .baseinfo .infos .batchcode{
    font-size: 12px;
    line-height: 1.2;
    margin-bottom: 5px;
    color: #5f6d79;
}
.cartlistitem .baseinfo .infos .stock{
    font-size: 12px;
    line-height: 1.2;
    color: #5f6d79;
}
.cartlistitem .baseinfo .infos .stock .k{

}
.cartlistitem .baseinfo .infos .stock .c{
font-size: 16px;
    color: #424242;
    margin: 0 3px;
    line-height: 1.1;
}
.cartlistitem .baseinfo .infos .stock .unit{

}

.cartlistitem .option{

}
.cartlistitem .option .pricedata{

}
.cartlistitem .option .pricedata .unitprice{
    margin-bottom: 5px;
}
.cartlistitem .option .pricedata .unitprice .price{
    color: #000;
    font-size: 16px;
    line-height: 1.2;
    margin-right: 5px;
    font-family: "XFZhengHT-EN-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.cartlistitem .option .pricedata .unitprice .unit{
    color: #5f6d79;
    line-height: 1.2;
}
.cartlistitem .option .pricedata .subtotal{
    line-height: 1.2;
}
.cartlistitem .option .pricedata .subtotal .amount{
    color: #5f6d79;
    font-size: 16px;
    margin-right: 5px;
    font-family: "XFZhengHT-EN-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.cartlistitem .option .pricedata .subtotal .symbol{
    color: #5f6d79;
}

.cartlistitem .option .qtybox{
    margin: 2px 0;
}
.cartlistitem .option .qtybox .del{
    height: 32px;
    cursor: pointer;
    margin-right: 10px;
}
.cartlistitem .option .qtybox .del img{
    width: 25px;
    height: 25px;
    display: inline-block;
}

.cartlistitem .option .qtybox .chg{
    height: 32px;
    width: 32px;
    cursor: pointer;
}
.cartlistitem .option .qtybox .chg img{
    width: 18px;
    height: 18px;
    display: inline-block;
}
.cartlistitem .option .qtybox .chg.dec{
    border:#d0d0d0 solid;
    border-width: 1px 0 1px 1px;
    border-radius: 8px 0 0 8px;

}
.cartlistitem .option .qtybox .chg.add{
    background-color: #c30d22;
    border:1px #c30d22 solid;
    border-radius: 8px;
    margin-left: -8px;
}
.cartlistitem .option .qtybox input.productqty{
    width: 50px;
    height: 32px;
    border:#d0d0d0 solid;
    border-width: 1px 0;
    text-align: center;
    font-size: 16px;
    padding: 0 8px 0 0;
    margin: 0;

}

.precartlistitem{
    border-bottom: 1px #ccc solid;
    padding: 15px 0;
}
.precartlistitem:last-child{
    border-bottom: none;
}
.precartlistitem .thumb{
    flex: 0 0 72px;
    margin-right: 10px;
}
.precartlistitem .thumb img.thumbimg{
    height: 72px;
    width: 72px;
    display: inline-block;
    border-radius: 4px;
    border:1px #ccc solid;
}
.precartlistitem .infos{
    flex: 1 1 auto;
}
.precartlistitem .infos .productname{
    color: #000;
    font-size: 16px;
    line-height: 1.2;
    font-family: ALSHauss, sans-serif;
    font-weight: 400;
}
.precartlistitem .infos .preoption{

}
.precartlistitem .infos .preoption .qtybox{
    margin: 2px 0;
}
.precartlistitem .infos .preoption .qtybox .del{
    height: 32px;
    cursor: pointer;
    margin-right: 10px;
}
.precartlistitem .infos .preoption .qtybox .del img{
    width: 25px;
    height: 25px;
    display: inline-block;
}
.precartlistitem .infos .preoption .qtybox .chg{
    height: 32px;
    width: 32px;
    cursor: pointer;
}
.precartlistitem .infos .preoption .qtybox .chg img{
    width: 18px;
    height: 18px;
    display: inline-block;
}
.precartlistitem .infos .preoption .qtybox .chg.dec{
    border:#d0d0d0 solid;
    border-width: 1px 0 1px 1px;
    border-radius: 8px 0 0 8px;

}
.precartlistitem .infos .preoption .qtybox .chg.add{
    background-color: #c30d22;
    border:1px #c30d22 solid;
    border-radius: 8px;
    margin-left: -8px;
}
.precartlistitem .infos .preoption .qtybox input.productqty{
    width: 50px;
    height: 32px;
    border:#d0d0d0 solid;
    border-width: 1px 0;
    text-align: center;
    font-size: 16px;
    padding: 0 8px 0 0;
    margin: 0;

}


/*
                <div class="precartlistitem fixed-flex fixed-flex-fs-s" v-for="(item,index) in cartlist" :key='item.id'>
                    <div class="thumb fixed-flex fixed-flex-c-c">
                        <img class="thumbimg" v-lazy="item.flowerimg" :key="item.flowerimg" src="__MTHEME__/images/loading-sq.png" />
                    </div>
                    <div class="infos fixed-flexv fixed-flex-sb-s">
                        <div class="namecode fixed-flexv fixed-flex-sb-s">
                            <div class="productname">{{item.fullenname}}</div>
                        </div>
                        <div class="preoption fixed-flex fixed-flex-fe-c">
                            <div class="qtybox fixed-flex fixed-flex-fs-c">
                                <div v-show="item.qty>0" class="chg dec fixed-flex fixed-flex-c-c" tapmode @click="updatecart('dec',item.goodsid)"><img src="__MTHEME__/images/dec.png"></div>
                                <input v-show="item.qty>0" type="number" class="productqty" @blur="setcartqty" :data-goodsid="item.goodsid" :name="'qty_'+item.goodsid" :id="'qty_'+item.goodsid" :value="item.qty" />
                                <div class="chg add fixed-flex fixed-flex-c-c" tapmode @click="updatecart('inc',item.goodsid)"><img src="__MTHEME__/images/add.png"></div>
                            </div>
                        </div>
                    </div>
                </div>


*/


.cartlistloding{
    padding: 15px 0;
}
.cartlistloding .baseinfo{
    margin-bottom: 10px;
}
.cartlistloding .baseinfo .thumb{
    flex: 0 0 130px;
    margin-right: 10px;
    background-color: #f5f5f5;
}
.cartlistloding .baseinfo .thumb .thumbimg{
    width: 130px;
    height: 130px;
    display: inline-block;
}
.cartlistloding .baseinfo .infos{
    flex: 1 1 auto;
}
.cartlistloding .baseinfo .infos .namecode{
    background-color: #f5f5f5;
    height: 45px;
    margin-bottom: 5px;
}
.cartlistloding .baseinfo .infos .batchbarcode{
     background-color: #f5f5f5;
     height: 18px;
    margin-bottom: 5px;
 }
.cartlistloding .baseinfo .infos .stock{
    background-color: #f5f5f5;
    height: 18px;
    margin-bottom: 5px;
}
.cartlistloding .option{

}
.cartlistloding .option .pricedata{
    flex: 0 0 100px;
}
.cartlistloding .option .pricedata .unitprice{
    background-color: #f5f5f5;
    height: 18px;
    margin-bottom: 5px;
}
.cartlistloding .option .pricedata .subtotal{
    background-color: #f5f5f5;
    height: 18px;
}
.cartlistloding .option .qtybox{
    flex: 0 0 120px;
    background-color: #f5f5f5;
    height: 32px;
}

.cartfooter{
    position: fixed;
    right: 0;
    left: 0;
    bottom: 50px;
    z-index:2;
    width: 100%;
    background-color: #fff;
    border-top:1px #d5d5d5 solid;
    box-shadow: 0 -1px 5px rgba(0,0,0,.1);
}
.cartfooter.fix-iphonex{
    bottom: 74px;
}

.cartfooter .cartbox{
    flex: 0 0 auto;
    padding: 10px 15px;
}
.cartfooter .cartbox .total_cart{
flex: 0 0 auto;
}
.cartfooter .cartbox .total_cart .total_amount{
    color: #15a526;
    font-family: "XFZhengHT-EN-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 22px;
    line-height: 1.1;
}
.cartfooter .cartbox .total_cart .total_amount .amount{
margin-right: 5px;
}
.cartfooter .cartbox .total_cart .total_amount .symbol{
    font-size: 18px;
}
.cartfooter .cartbox .total_cart .total_count{
    color:#5f6d79;
    font-size: 12px;
    line-height: 1;
}
.cartfooter .cartbox .total_cart .total_count.fix-pre{
    font-size: 14px;
    line-height: 1;
    color: #15a526;
}
.cartfooter .cartbox .totalcount_cart{
    color: #15a526;
}
.cartfooter .cartbox .totalcount_cart .pre-count{
    font-family: ALSHauss, sans-serif;
    font-size: 20px;
    font-weight: 500;
}
.cartfooter .cartbox .totalcount_cart .pre-countkey{
    font-family: ALSHauss, sans-serif;
    font-size: 16px;
}
.cartfooter .cartbox .totalcount_cart .pre-qty{
    font-family: ALSHauss, sans-serif;
    font-size: 20px;
    font-weight: 500;
}
.cartfooter .cartbox .totalcount_cart .pre-qtykey{
    font-family: ALSHauss, sans-serif;
    font-size: 16px;
}
.cartfooter .cartbox .cartoption{
    flex: 0 0 auto;
}
.cartfooter .cartbox .cartoption .delall{
    flex: 0 0 auto;
    margin-right: 10px;
}
.cartfooter .cartbox .cartoption .delall img{
    height: 26px;
    width: 26px;
    display: inline-block;
}

.cartfooter .cartbox .gotocart{
    flex: 0 0 auto;
    background-color: #15a526;
    height:45px;
    border-radius: 5px;
    color: #fff;
    padding: 0 10px;
    max-width: 200px;
}
.cartfooter .cartbox .gotocart img{
    height: 22px;
    width: 22px;
    display: inline-block;
    margin-right: 10px;
}
.cartfooter .cartbox .gotocart .confirmbtn{
    flex: 1 1 auto;
    font-size: 16px;
    line-height: 1.1;
    text-align: center;
}
.cartfooter-fixed{
    clear:both;
    height:72px;
    width:100%;
}

.orderresult{
    padding: 10px 15px;
}
.orderresult .icon{
    text-align: center;
    margin-bottom: 20px;
}
.orderresult .icon img{
    width: 50%;
    height: auto;
}
.orderresult .note{
    font-size: 1.6rem;
    line-height: 1.6;
    color: #424242;
    text-align: center;
    margin-bottom: 20px;
}
.orderresult .orderbase{

}
.orderresult .orderbase .listitem{
    padding: 5px 0;
    font-size: 16px;
    line-height: 1.2;
}
.orderresult .orderbase .listitem.fix-option{
    padding:20px 0 0 0;
}

.orderresult .orderbase .listitem .key{
    flex: 0 0 120px;
    margin-right: 10px;
}
.orderresult .orderbase .listitem .c{
    flex: 1 1 auto;
    color: #222;
    font-weight: 500;
}
.orderresult .orderbase .listitem a.links{
    flex: 1 1 auto;
    background-color: #ef5350;
    color: #fff;
    border-radius: 5px;
    border:none;
    text-align: center;
    font-size: 16px;
    line-height: 1.2;
    padding: 10px 10px;
    margin:0 5px;
}
.orderresult .orderbase .listitem a.links.index{
    background-color: #036ce5;
}
.orderresult .orderbase .listitem a.links.myorder{
    background-color: #ef5350;
}

.orderlist{

}
.orderlist .listitem{
background-color: #fff;
    border-radius: 8px;
    margin-bottom: 20px;

}
.orderlist .listitem .topinfo{
    border-bottom: 1px #d5d5d5 solid;
    padding:10px 10px
}
.orderlist .listitem .topinfo .store{

}
.orderlist .listitem .topinfo .store .icon{
flex: 0 0 auto;
    margin-right: 5px;
}
.orderlist .listitem .topinfo .store .icon img{
    width: 20px;
    height: 20px;
}
.orderlist .listitem .topinfo .store .storename{
    flex: 0 0 auto;
    color: #424242;
    font-size: 16px;
    font-family: ALSHauss, sans-serif;
    font-weight: 500;
}
.orderlist .listitem .topinfo .times{
    color: #424242;
    font-size: 16px;
}
.orderlist .listitem .maininfo{
padding: 10px;
}
.orderlist .listitem .maininfo .ordername{
flex: 0 0 auto;
    margin-right: 10px;
}
.orderlist .listitem .maininfo .ordername .name{
flex: 0 0 auto;
    margin-right: 5px;
    font-family: "XFZhengHT-EN-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 22px;
    line-height: 1;
    color: #c30d22;
}
.orderlist .listitem .maininfo .ordername .name.notsyn{
    color: #a0a0a0;
}
.orderlist .listitem .maininfo .ordername .qr{
    flex: 0 0 auto;
}
.orderlist .listitem .maininfo .ordername .qr img{
    width: 18px;
    height: 18px;
    display: inline-block;
}

.orderlist .listitem .maininfo .amountinfo{
flex:0 0 auto;
    margin-right: 10px;
}
.orderlist .listitem .maininfo .amountinfo .orderamount{
margin-bottom: 5px;
}
.orderlist .listitem .maininfo .amountinfo .orderamount .amount{
    font-family: "XFZhengHT-EN-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 1;
    color: #000;
    margin-right: 3px;
}
.orderlist .listitem .maininfo .amountinfo .orderamount .symbol{
    color: #686868;
    font-size: 16px;
    line-height: 1;
}
.orderlist .listitem .maininfo .amountinfo .ordercount{
font-size: 16px;
    line-height: 1.6;
}

.orderlist .listitem .maininfo .countdata{
    flex:1 1 auto;
}
.orderlist .listitem .maininfo .countdata .ordernum{
    margin-bottom: 10px;
}
.orderlist .listitem .maininfo .countdata .ordernum .name{
    flex: 0 0 auto;
    margin-right: 5px;
    font-family: "XFZhengHT-EN-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1;
    color: #424242;
}
.orderlist .listitem .maininfo .countdata .ordernum .qr{
    flex: 0 0 auto;
}
.orderlist .listitem .maininfo .countdata .ordernum .qr img{
    width: 14px;
    height: 14px;
    display: inline-block;
}
.orderlist .listitem .maininfo .countdata .totalqty_cart{

}
.orderlist .listitem .maininfo .countdata .totalqty_cart .totalkey{
    color: #686868;
    font-size: 16px;
}
.orderlist .listitem .maininfo .countdata .totalqty_cart .count{
    font-family: "XFZhengHT-EN-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 1;
    color: #f5384a;
    margin:0 10px
}
.orderlist .listitem .maininfo .countdata .totalqty_cart .countunit{
    color: #686868;
    font-size: 16px;
}
.orderlist .listitem .maininfo .countdata .totalqty_cart.fix-preorder{
    color: #5f6d79;
    font-size: 16px;
    font-family: ALSHauss, sans-serif;
}
.orderlist .listitem .maininfo .amountinfo .ordercount{
color: #5f6d79;
    font-size: 14px;
    font-family: ALSHauss, sans-serif;
}
.orderlist .listitem .maininfo .amountinfo .ordercount .count{

}
.orderlist .listitem .maininfo .amountinfo .ordercount .countkey{

}
.orderlist .listitem .maininfo .amountinfo .ordercount .qty{

}
.orderlist .listitem .maininfo .amountinfo .ordercount .qtykey{

}
.orderlist .listitem .maininfo .status{
    flex: 1 1 auto;
    font-size: 14px;
    color: #424242;
    text-align: center;
}
.orderlist .listitem .maininfo .tapto{
    flex: 0 0 20px;
}
.orderlist .listitem .maininfo .tapto img{
    width: 15px;
    height: auto;
    display: inline-block;
}

.halfmarker {
    position: fixed;
    z-index: 101;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
}

.halfmarker .halfbox {
    background: #fff;
    position: absolute;
    bottom: 0;
    z-index: 102;
    width: 100%;
    height: 75%;
    color: #333;
    font-size: 14px;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}
.halfmarker .halfbox.fix-50{
    height: 40%;
}

.halfmarker .halfbox .title{
    border-bottom: 1px #a0a0a0 solid;
    padding: 10px 15px;

}
.halfmarker .halfbox .title .closehalf{
    flex: 0 0 30px;
}
.halfmarker .halfbox .title .closehalf img{
    height: 24px;
    width: 24px;
    display: inline-block;
}
.halfmarker .halfbox .title .morehalf{
    flex: 0 0 30px;
}
.halfmarker .halfbox .title .morehalf.setbtn{
    color: var(--sec-color);
    font-weight: 500;
}
.halfmarker .halfbox .title .morehalf img{
    height: 24px;
    width: 24px;
    display: inline-block;
}
.halfmarker .halfbox .title .titlekey{
    flex: 1 1 auto;
    text-align: center;
    color: #424242;
    font-size: 16px;
}
.halfmarker .halfbox .halfcontbox{
    padding: 15px;
    height: 100%;
    overflow: auto;
    box-sizing: border-box;
}

.halfmarker.slide-enter-active {
    -webkit-animation: slide-in 0.6s;
    animation: slide-in 0.6s;
}

.halfmarker.slide-leave-active {
    -webkit-animation: slide-out 0.6s;
    animation: slide-out 0.6s;
}

@-webkit-keyframes slide-in {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slide-in {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes slide-out {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes slide-out {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}



.smsboxmarker {
    position: fixed;
    z-index: 101;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
}

.smsboxmarker .smsbox {
    background: #fff;
    position: absolute;
    bottom: 0;
    z-index: 102;
    width: 100%;
    height: 100%;
    color: #333;
    font-size: 14px;
    overflow: hidden;
}
.smsboxmarker .smsbox .title{
    border-bottom: 1px #a0a0a0 solid;
    padding: 10px 15px;

}
.smsboxmarker .smsbox .title .closesmsbox{
    flex: 0 0 30px;
}
.smsboxmarker .smsbox .title .closesmsbox img{
    height: 24px;
    width: 24px;
    display: inline-block;
}
.smsboxmarker .smsbox .title .moresmsbox{
    flex: 0 0 30px;
}
.smsboxmarker .smsbox .title .moresmsbox img{
    height: 24px;
    width: 24px;
    display: inline-block;
}
.smsboxmarker .smsbox .title .titlekey{
    flex: 1 1 auto;
    text-align: center;
    color: #424242;
    font-size: 16px;
}
.smsboxmarker .smsbox .smscontbox{
    padding: 15px;
    height: 100%;
    overflow: auto;
    box-sizing: border-box;
}
.smsboxmarker .smsbox .smscontbox .smsnote{
    text-align: center;
    font-family: ALSHauss, sans-serif;
    color: #000;
    padding: 0px 30px;
    font-size: 16px;
}
.smsboxmarker .smsbox .smscontbox .verifycode{
    padding: 40px 60px 30px 60px;
}
.smsboxmarker .smsbox .smscontbox .verifycode input{
    border:none;
    width:20px;
    font-family: ALSHauss, sans-serif;
    font-weight: 400;
    border-bottom: 1px solid black;
    outline:none;
    background-color:transparent;
    height:30px;
    color: black;
    margin: 0;
    text-align: center;
    font-size: 26px;
    border-radius: inherit;
    padding:0px 2px;
}
.smsboxmarker .smsbox .smscontbox .verifycode .item input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}



.smsboxmarker.slide-enter-active {
    -webkit-animation: slide-in 0.3s;
    animation: slide-in 0.3s;
}

.smsboxmarker.slide-leave-active {
    -webkit-animation: slide-out 0.3s;
    animation: slide-out 0.3s;
}


.orderqrcode{
    text-align: center;
}
.orderqrcode img{
    width: 60%;
    height: auto;
    display: inline-block;
}
.ordername{
    text-align: center;
    font-size: 32px;
    font-family: "XFZhengHT-EN-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.orderqrnote{
    text-align: center;
    font-size: 16px;
    padding: 0 20px;
}


.orderdetail{

}
.orderdetail .orderstatusbar{
    margin-bottom: 20px;
}
.orderdetail .orderstatusbar .statusitem{
    flex: 0 0 25%;
}
.orderdetail .orderstatusbar.fix-pre .statusitem{
    flex: 0 0 33.333%;
}
.orderdetail .orderstatusbar .statusitem .linepoint{
margin-bottom: 10px;
}
.orderdetail .orderstatusbar .statusitem .linepoint .leftline{
    flex: 1 1 auto;
    height: 2px;
    background-color: #ccc;
}
.orderdetail .orderstatusbar .statusitem.done:first-child .linepoint .leftline{
    background-color: #fff;
}
.orderdetail .orderstatusbar .statusitem:first-child .linepoint .leftline{
    background-color: #fff;
}
.orderdetail .orderstatusbar .statusitem.current .linepoint .leftline{
    background-color: #81b337;
}
.orderdetail .orderstatusbar .statusitem.current:first-child .linepoint .leftline{
    background-color: #fff;
}
.orderdetail .orderstatusbar .statusitem.done .linepoint .leftline{
    background-color: #81b337;
}
.orderdetail .orderstatusbar .statusitem .linepoint .point{
    flex: 0 0 20px;
    height:20px;
    width: 20px;
    font-size: 14px;
    line-height: 20px;
    border:1px #ccc solid;
    background-color: #fff;
    text-align: center;
    border-radius: 18px;
}
.orderdetail .orderstatusbar .statusitem.current .linepoint .point{
    border:1px #c6021f solid;
    background-color: #c6021f;
    color: #fff;

}
.orderdetail .orderstatusbar .statusitem.done .linepoint .point{
    border:1px #81b337 solid;
    background-color: #81b337;
    color: #fff;
}


.orderdetail .orderstatusbar .statusitem .linepoint .rightline{
    flex: 1 1 auto;
    height: 2px;
    background-color: #ccc;
}
.orderdetail .orderstatusbar .statusitem:last-child .linepoint .rightline{
    background-color: #fff;
}
.orderdetail .orderstatusbar .statusitem.done .linepoint .rightline{
    background-color: #81b337;
}
.orderdetail .orderstatusbar .statusitem.done:last-child .linepoint .rightline{
    background-color: #fff;
}


.orderdetail .orderstatusbar .statusitem .statusname{
    text-align: center;
    font-size: 12px;
    line-height: 1.1;
    margin-bottom: 5px;
}
.orderdetail .orderstatusbar .statusitem .statustime{
    text-align: center;
    font-size: 14px;
    line-height: 1.1;
}
.orderdetail .orderstatusbar .statusitem.current .statusname{
    color: #c6021f;
}
.orderdetail .orderstatusbar .statusitem.current .statustime{
    color: #c6021f;
}
.orderdetail .orderstatusbar .statusitem.done .statusname{
    color: #81b337;
}
.orderdetail .orderstatusbar .statusitem.done .statustime{
    color: #81b337;
}

.orderdetail .rowtitle{
    font-size: 16px;
    font-weight: 500;
    color: #424242;
    line-height: 1.6;
    padding: 5px 0;
}
.orderdetail .orderinfos{
    margin-bottom: 20px;
}
.orderdetail .orderinfos .infoitem{
padding: 8px 0;
    line-height: 1.3;
    font-size: 14px;
}
.orderdetail .orderinfos .infoitem .key{
    flex: 0 0 120px;
}
.orderdetail .orderinfos .infoitem .c{
flex:  1 1 auto;
    color: #000;
}
.orderdetail .orderinfos .infoitem.status-8 .c{
    color: var(--main-color);
    font-weight: 700;
}
.orderdetail .orderinfos .infoitem .c .ordername{

}
.orderdetail .orderinfos .infoitem .c .ordername .name{
    flex: 0 0 auto;
    margin-right: 5px;
    font-family: "XFZhengHT-EN-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    line-height: 1;
    color: #c30d22;
}
.orderdetail .orderinfos .infoitem .c .ordername .name.notsyn{
    font-family: "XFZhengHT-EN-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 1;
    color: #a0a0a0;
}
.orderdetail .orderinfos .infoitem .c .ordername .qr{
    flex: 0 0 auto;
}
.orderdetail .orderinfos .infoitem .c .ordername .qr img{
    width: 20px;
    height: 20px;
    display: inline-block;
}
.orderdetail .orderinfos .infoitem .c .consignee{
font-weight: 600;
    line-height: 1.6;
}
.orderdetail .orderinfos .infoitem .c .mobile{
    font-weight: 600;
    line-height: 1.6;
}

.orderdetail .orderinfos .infoitem .c .orderamount{

}
.orderdetail .orderinfos .infoitem .c .orderamount .amount{
    font-family: "XFZhengHT-EN-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 1;
    color: #000;
    margin-right: 3px;
}
.orderdetail .orderinfos .infoitem .c .orderamount .symbol{
    color: #686868;
    font-size: 16px;

}
.orderdetail .orderinfos .infoitem a.returnmyorder{
    background-color: #036ce5;
    color: #fff;
    border-radius: 6px;
    border:none;
    text-align: center;
    font-size: 16px;
    line-height: 1.2;
    padding: 10px 10px;
    margin:5px;
}
.orderdetail .orderinfos .infoitem .cancelbtn{
    background-color: #c30d22;
    color: #fff;
    border-radius: 6px;
    border:none;
    text-align: center;
    font-size: 16px;
    line-height: 1.2;
    padding: 10px 10px;
    margin:5px;
}


.orderdetail .productlist{

}
.orderdetail .productlist .listitem{
    border-bottom: 1px #ccc solid;
    padding: 15px 0;
}
.orderdetail .productlist .listitem:last-child{
    border-bottom: none;
}
.orderdetail .productlist .listitem .thumb{
    flex: 0 0 80px;
    margin-right: 10px;
}
.orderdetail .productlist .listitem .thumb img.thumbimg{
    height: 80px;
    width: 80px;
    display: inline-block;
    border-radius: 5px;
    border:1px #ccc solid;
}
.orderdetail .productlist .listitem.fix-preorder .thumb{
    flex: 0 0 80px;
    margin-right: 10px;
}
.orderdetail .productlist .listitem.fix-preorder .thumb img.thumbimg{
    height: 80px;
    width: 80px;
    display: inline-block;
    border-radius: 8px;
    border:1px #ccc solid;
}

.orderdetail .productlist .listitem .infos{
    flex: 1 1 auto;
}
.orderdetail .productlist .listitem .infos .fullenname{
    color: #000;
    font-weight: 500;
    line-height: 20px;
    font-size: 16px;
    font-family: ALSHauss, sans-serif;
}
.orderdetail .productlist .listitem .infos .qtydata{
    font-size: 16px;
    line-height: 1.1;
    color: #5f6d79;
}
.orderdetail .productlist .listitem .infos .qtydata .key{

}
.orderdetail .productlist .listitem .infos .qtydata .qty{

    margin: 0 5px;
}
.orderdetail .productlist .listitem .infos .qtydata .unit{

}

.orderdetail .productlist .listitem .infos .productname{
    color: #000;
    font-weight: 500;
    line-height: 1.2;
    font-size: 16px;
    margin-bottom: 5px;
}
.orderdetail .productlist .listitem .infos .batchcode{
    font-size: 12px;
    line-height: 1.2;
    color: #5f6d79;
    margin-bottom: 5px;
}

.orderdetail .productlist .listitem .infos .stock{
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 1.2;
}
.orderdetail .productlist .listitem .infos .stock .k{

}
.orderdetail .productlist .listitem .infos .stock .c{
    font-size: 16px;
    color: #424242;
    margin-right: 3px;
}
.orderdetail .productlist .listitem .infos .stock .unit{

}
.orderdetail .productlist .listitem .infos .option{

}

.orderdetail .productlist .listitem .infos .option .pricedata{

}
.orderdetail .productlist .listitem .infos .option .pricedata .unitprice{
    line-height: 1.2;
    margin-bottom: 3px;

}
.orderdetail .productlist .listitem .infos .option .pricedata .unitprice .price{
    color: #000;
    font-size: 16px;
    line-height: 1;
    margin-right: 5px;
    font-family: "XFZhengHT-EN-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.orderdetail .productlist .listitem .infos .option .pricedata .unitprice .unit{
    color: #5f6d79;
}
.orderdetail .productlist .listitem .infos .option .pricedata .qtydata{
    color: #5f6d79;
    font-size: 12px;
    line-height: 1;
}
.orderdetail .productlist .listitem .infos .option .pricedata .qtydata .key{

}
.orderdetail .productlist .listitem .infos .option .pricedata .qtydata .qty{
    color: #000;
    font-size: 12px;
    line-height: 1.2;
    margin:0 3px;
}


.orderdetail .productlist .listitem .infos .option .subtotal{
    line-height: 1.2;
}
.orderdetail .productlist .listitem .infos .option .subtotal .amount{
    color: #c30d22;
    font-size: 22px;
    line-height: 1;
    margin-right: 5px;
    font-family: "XFZhengHT-EN-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.orderdetail .productlist .listitem .infos .option .subtotal .symbol{
    color: #c30d22;
    font-size: 18px;
    line-height: 1;
}

.bounce-enter-active {
    animation: bounce-in .5s;
}
.bounce-leave-active {
    animation: bounce-in .5s reverse;
}

.topbatchlist.bounce-enter-active {
    animation: bounce-in .5s;
    transform-origin: right top;
}
.topbatchlist.bounce-leave-active {
    animation: bounce-in .5s reverse;
    transform-origin: right top;
}
.linkcitylist.bounce-enter-active {
    animation: bounce-in .5s;
    transform-origin: left top;
}
.linkcitylist.bounce-leave-active {
    animation: bounce-in .5s reverse;
    transform-origin: left top;
}

@keyframes bounce-in {
    0% {
        transform: scale(0);
    }
    50% {
        transform: scale(1.5);
    }
    100% {
        transform: scale(1);
    }
}


.fade-enter-active {
    animation: fade-in .5s;
}
.fade-leave-active {
    animation: fade-in .5s reverse;
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.product-imgs{
    margin-bottom: 20px;
}


.product-cate{
    margin-bottom: 20px;
    padding: 0 15px;
}
.product-cate .cates{
flex: 0 0 auto;
}
.product-cate .cates .cartpathitem{
    flex: 0 0 auto;
}
.product-cate .cates .cartpathitem .name{
    background-color: #f0f0f0;
    font-family: ALSHauss, sans-serif;
    font-size: 14px;
    padding: 3px 10px;
    border-radius: 4px;
}
.product-cate .cates .cartpathitem .arrow{
    margin: 0 10px;
}
.product-cate .share{
    flex: 0 0 auto;
}
.product-name{
    margin-bottom: 20px;
    padding: 0 15px;
}
.product-name .name{
    font-family: ALSHauss, sans-serif;
    font-size: 20px;
    color: #000;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 5px;
}
.product-name .barcodebatch{
    color: #868686;
}
.product-name .stock{
    color: #868686;
}

.product-content{
    padding: 0 15px;
    font-family: ALSHauss, sans-serif;
    font-size: 16px;
    color: #000;
    line-height: 1.6;
}

.product-footer{
    width: 100%;
    position: fixed;
    left: 0;
    right:0;
    bottom:0;
    z-index:1;
}
.product-footer .option{
    padding: 10px 15px;
}
.product-footer.fix-iphonex .option{
    padding:10px 15px 34px 15px
}


.product-footer .option .pricedata{

}
.product-footer .option .pricedata .unitprice{
    line-height: 1;

}
.product-footer .option .pricedata .unitprice .price{
    color: #000;
    font-size: 18px;
    margin-right: 5px;
    font-family: "XFZhengHT-EN-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.product-footer .option .pricedata .unitprice .unit{
    color: #424242;
}
.product-footer .option .pricedata .subtotal{
    line-height: 1;
    color:#5f6d79;
}
.product-footer .option .pricedata .subtotal .amount{
    color:#5f6d79;
    font-size: 16px;
    margin-right: 5px;
    font-family: "XFZhengHT-EN-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.product-footer .option .pricedata .subtotal .symbol{
    color: #424242;
}

.product-footer .option .qtybox{
    margin: 2px 0;
}
.product-footer .option .qtybox .chg{
    height: 32px;
    width: 32px;
    cursor: pointer;
}
.product-footer .option .qtybox .chg img{
    width: 18px;
    height: 18px;
    display: inline-block;
}
.product-footer .option .qtybox .chg.dec{
    border:#d0d0d0 solid;
    border-width: 1px 0 1px 1px;
    border-radius: 8px 0 0 8px;

}
.product-footer .option .qtybox .chg.add{
    background-color: #c30d22;
    border:1px #c30d22 solid;
    border-radius: 8px;
    margin-left: -8px;
}
.product-footer .option .qtybox input.productqty{
    width: 50px;
    height: 32px;
    border:#d0d0d0 solid;
    border-width: 1px 0;
    text-align: center;
    font-size: 16px;
    padding: 0 8px 0 0;
    margin: 0;
}
.fix-product-footer{
    width: 100%;
    height: 60px;
    background-color: #fff;
}
.fix-product-footer.fix-iphonex{
    height: 84px;
}
.product-footer .option .qtybox .carturl{
    height: 32px;
    width: 32px;
    cursor: pointer;
    background-color: #81b337;
    border:1px #81b337 solid;
    border-radius: 8px;
    margin-right: 18px;
}
.product-footer .option .qtybox .carturl img{
    width: 18px;
    height: 18px;
    display: inline-block;
}

.swiper-button-prev,
.swiper-button-next {
    color: #fff;
}
.swiper-pagination-bullet{
    background-color: #fff;
}
.swiper-pagination-bullet-active {
    background-color: #c30d22;
}
.needsynnote{
border:1px #fea503 solid;
    background-color: #fcebca;
    border-radius: 5px;
    padding: 5px 15px;
}
.needsynnote .icon{
flex: 0 0 auto;
    margin-right: 10px;
}
.needsynnote .icon img{
width: 20px;
    height: auto;
    display: inline-block;
}
.needsynnote .content{
    color: #cc6704;
flex: 1 1 auto;
    font-family: ALSHauss, sans-serif;
    font-weight: 500;
    font-size: 16px;
}

.adressnote{
    color: #424242;
    font-size: 14px;
    line-height: 1.2;
}
.orderdesc{
    padding: 10px;
}
.orderdesc .description{
    font-size: 16px;
    width: 99%;
    padding: 8px 8px;
    border:1px #ccc solid;
    line-height: 1.2;
    border-radius: 5px;
    box-sizing: border-box;

    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}
.orderdesc .description:focus{
    box-shadow: 0 0 8px rgba(0,0,0,0.2);
}
.orderdesc .descriptionnote{
    color: var(--main-color);
}



/*
            <div class="orderdesc">
                        <textarea class="description" name="description" v-model="description" rows="3" placeholder="{$Think.lang.user-plc-description}" autocomplete="off"></textarea>
                        <div class="adressnote">{$Think.lang.user-msg-orderdesc}</div>
                    </div>
           <div class="needsynnote" v-show="needsyn==1">
                <div class="icon fixed-flex fixed-flex-c-c"><img src="__MTHEME__/images/icon-tip.svg"></div>
                <div class="content">{$Think.lang.user-msg-needsyn}</div>
            </div>

     */








.storenote{
text-align: center;
    font-size: 16px;
    padding: 50px 20px;
}
.datalist{
}
.datalist .listitem{
    display: block;
}
.datalist .listitem .items{
margin: 10px 0;
    background-color: #f5f5f5;
    padding: 15px 10px;
    border-radius: 5px;
}
.datalist .listitem .items .storename{
    flex: 1 1 auto;
    font-family: "XFZhengHT-EN-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 22px;
    color: #000;
    line-height: 1.2;
}
.datalist .listitem .items .tapto{
    flex: 0 0 auto;

}
.datalist .listitem .items .tapto img.arrow{
    width: 16px;
    height: auto;
}


#index_banner {
    overflow: hidden;
}

#index_banner.swiper-container {
    width: 100%;
}

#index_banner.swiper-container .swiper-slide {
    width: 80%;
    border-radius: 1rem;
    overflow: hidden;
    min-height: 80px;
}
#index_banner.swiper-container .swiper-slide a{
    display: block;
}
#index_banner.swiper-container .swiper-slide img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

#index_banner .swiper-pagination {
    bottom: 0px;
}

#index_banner .swiper-pagination .swiper-pagination-bullet {
    width: 18px;
    height: 6px;
    border-radius: 8px;
    margin: 0 2px;
}

#index_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: rgba(231, 61, 50, .8);
}
.nav-cat .navlink{
    flex: 0 0 25%;
    overflow: hidden;
    padding: 5px 0;
}
.nav-cat .navlink .icon{
padding: 0 18%;
}
.nav-cat .navlink .icon img{
width: 100%;
    height: auto;
}
.nav-cat .navlink .name{
font-size: 1.0rem;
    line-height: 1.3;
    text-align: center;
    padding: 3px 3px 0px 3px;
}

.diy-specialbox {
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 8px rgba(0, 0, 0, .2);
}
.diy-specialbox .gs-title {
    position: relative;
}

.diy-specialbox .gs-title .ititle {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 18px;
}

.diy-specialbox .gs-title img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

.diy-specialbox .gs-glist {
    padding: 10px;
}

#specialgoodsbox {
    width: 100%;
    overflow: hidden;
    position: relative;
}

#specialgoodsbox .swiper-slide {
    text-align: center;
    position: relative;
}

#specialgoodsbox .listitem {
    width: 100%;
}

#specialgoodsbox .listitem .thumb {
    width: 100%;
    position: relative;
    margin-bottom: 12px;
    height: 0;
    padding-top: 100%;
}

#specialgoodsbox .listitem .thumb img.swiper-lazy {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    vertical-align: top;
    border:1px #f0f0f0 solid;
    border-radius: 6px;
    box-sizing: border-box;
}

#specialgoodsbox .listitem .thumb .subscriptbox {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#specialgoodsbox .listitem .thumb .subscriptbox.pos1 {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}

#specialgoodsbox .listitem .thumb .subscriptbox.pos2 {
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}

#specialgoodsbox .listitem .thumb .subscriptbox.pos3 {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}

#specialgoodsbox .listitem .thumb .subscriptbox.pos4 {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

#specialgoodsbox .listitem .thumb .subscriptbox.pos5 {
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

#specialgoodsbox .listitem .thumb .subscriptbox.pos6 {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

#specialgoodsbox .listitem .thumb .subscriptbox.pos7 {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
}

#specialgoodsbox .listitem .thumb .subscriptbox.pos8 {
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
}

#specialgoodsbox .listitem .thumb .subscriptbox.pos9 {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
}

#specialgoodsbox .listitem .thumb .save {
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    z-index: 1;

}
#specialgoodsbox .listitem .thumb .save .saveval{
    background-color: #f55;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    padding: 0px 12px;
    border-radius: 20px;
    border: 2px #fff solid;
    min-width: 50%;
}
#specialgoodsbox .listitem .shopprice {
    text-align: center;
    font-size: 12px;
}

#specialgoodsbox .listitem .shopprice span {
    font-size: 18px;
    line-height: 1.3;
    margin-right: 3px;
    color: #ff362f;
}
#specialgoodsbox .listitem .shopprice dfn{
    font-style: normal;
}


#page_banner {
    overflow: hidden;
    border-radius: 0 0 15px 15px;
}

#page_banner.swiper-container {
    width: 100%;
    padding: 0;
}
#page_banner.swiper-container .swiper-slide a{
    display: block;
}
#page_banner.swiper-container .swiper-slide img {
    width: 100%;
    height: auto;
    border-radius: 0 0 15px 15px;
}

#page_banner .swiper-pagination {
    bottom: 10px;
}

#page_banner .swiper-pagination .swiper-pagination-bullet {
    width: 18px;
    height: 6px;
    border-radius: 8px;
    margin: 0 2px;
}

#page_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: rgba(231, 61, 50, .8);
}


.topareabox {
    position: relative;
    margin-bottom: 15px;
    background-color: #fff;
    border-radius: 15px;
    overflow: hidden;
}

.topareabox .ititlebox {
    position: relative;
    overflow: hidden;
}

.topareabox .ititlebox img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

.topareabox .ititlebox .ititle {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 18px;
}

.topareabox .icont {
    padding: 10px 4%;
}

#topareabox {
    width: 100%;
    overflow: hidden;
    position: relative;
}

#topareabox .swiper-slide {
    text-align: center;
    position: relative;
}

#topareabox .listitem {
    width: 100%;
}

#topareabox .listitem .thumb {
    width: 100%;
    position: relative;
    height: 0;
    padding-top: 100%;
}

#topareabox .listitem .thumb img.swiper-lazy {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    min-width: 60px;
    min-height: 60px;
    vertical-align: top;
    border: 1px #f0f0f0 solid;
    border-radius: 6px;
    box-sizing: border-box;
}

#topareabox .listitem .thumb .subscriptbox {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#topareabox .listitem .thumb .subscriptbox.pos1 {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}

#topareabox .listitem .thumb .subscriptbox.pos2 {
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}

#topareabox .listitem .thumb .subscriptbox.pos3 {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}

#topareabox .listitem .thumb .subscriptbox.pos4 {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

#topareabox .listitem .thumb .subscriptbox.pos5 {
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

#topareabox .listitem .thumb .subscriptbox.pos6 {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

#topareabox .listitem .thumb .subscriptbox.pos7 {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
}

#topareabox .listitem .thumb .subscriptbox.pos8 {
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
}

#topareabox .listitem .thumb .subscriptbox.pos9 {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
}

#topareabox .listitem .infobox {
    padding: 3px 5px;
}

#topareabox .listitem .infobox .goodsname {
    width: 100%;
    margin-top: 0.5rem;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* word-break: break-all; */
    font-size: 14px;
    line-height: 18px;
    height: 36px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
}

#topareabox .listitem .infobox .pricebox {
    padding-top: 5px;
}

#topareabox .listitem .infobox .pricebox .shopprice {
    font-size: 1.4rem;
    flex: 0 0 auto;
}

#topareabox .listitem .infobox .pricebox .shopprice span {
    color: #ff362c;
    margin-right: .4rem;
    font-size: 1.6rem;
}


#topareabox .listitem .infobox .pricebox .odata {
    flex: 0 0 auto;
}

#topareabox .listitem .infobox .pricebox .odata .save {
    margin-right: 3px;
    font-size: 1.4rem;
    line-height: 1.2;
    color: #fff;
    border-radius: .2rem;
    padding: 1px 3px;
    background-color: #ff362c;
}

#topareabox .listitem .infobox .pricebox .odata .save .saveval {}

#topareabox .listitem .infobox .pricebox .cang {
    flex: 0 0 auto;
}

#topareabox .listitem .infobox .pricebox .cangkeyname {
    font-size: 1.4rem;
    line-height: 1.2;
    color: #fff;
    border-radius: .2rem;
    padding: 1px 3px;
}

.reforyoubox {
    width: 100%;
    padding-top: 1rem;
}

.reforyoubox .goodsitem {
    width: 50%;
    flex: 0 0 50%;
    box-sizing: border-box;
    padding: 0 .6rem 0 1.2rem;
    margin-bottom: 1.5rem;
}

.reforyoubox .goodsitem:nth-child(even) {
    flex: 0 0 50%;
    box-sizing: border-box;
    padding: 0 1.2rem 0 .6rem;
}

.reforyoubox .goodsitem .goodscontainer {
    background-color: #fff;
    padding: .6rem;
    position: relative;
    width: 100%;
    border-radius: 4px;
}

.reforyoubox .goodsitem .goodscontainer .thumb {
    width: 100%;
    position: relative;
    height: 0;
    padding-top: 100%;
}

.reforyoubox .goodsitem .goodscontainer .thumb .thumbimg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    vertical-align: top;
    background:url(images/loading_32.gif) no-repeat center center;
}

.reforyoubox .goodsitem .goodscontainer .thumb .subscriptbox {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.reforyoubox .goodsitem .goodscontainer .thumb .subscriptbox.pos1 {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}

.reforyoubox .goodsitem .goodscontainer .thumb .subscriptbox.pos2 {
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}

.reforyoubox .goodsitem .goodscontainer .thumb .subscriptbox.pos3 {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}

.reforyoubox .goodsitem .goodscontainer .thumb .subscriptbox.pos4 {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.reforyoubox .goodsitem .goodscontainer .thumb .subscriptbox.pos5 {
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.reforyoubox .goodsitem .goodscontainer .thumb .subscriptbox.pos6 {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.reforyoubox .goodsitem .goodscontainer .thumb .subscriptbox.pos7 {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
}

.reforyoubox .goodsitem .goodscontainer .thumb .subscriptbox.pos8 {
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
}

.reforyoubox .goodsitem .goodscontainer .thumb .subscriptbox.pos9 {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
}

.reforyoubox .goodsitem .goodscontainer .infobox {
    overflow: hidden;
    width: 100%;
}

.reforyoubox .goodsitem .goodscontainer .infobox .goodsname {
    width: 100%;
    margin-top: 0.5rem;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* word-break: break-all; */
    font-size: 14px;
    line-height: 18px;
    height: 36px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
}

.reforyoubox .goodsitem .goodscontainer .infobox .hascoupon {
    color: #f55;
    font-size: 1.2rem;
    line-height: 1.2;
    margin-top: .5rem;
}

.reforyoubox .goodsitem .goodscontainer .sold_num {
    padding: .3rem 0;
    color: #B9B9B9;
    font-size: 1.2rem;
}

.reforyoubox .goodsitem .goodscontainer .pricebox {
    margin-top: .8rem;
}

.reforyoubox .goodsitem .goodscontainer .pricebox .shopprice {
    font-size: 1.4rem;
    flex: 0 0 auto;
}

.reforyoubox .goodsitem .goodscontainer .pricebox .shopprice span {
    color: #ff362c;
    margin-right: .4rem;
    font-size: 1.6rem;
}

.reforyoubox .goodsitem .goodscontainer .pricebox .odata {
    flex: 0 0 auto;
}

.reforyoubox .goodsitem .goodscontainer .pricebox .save {
    font-size: 1.4rem;
    line-height: 1.2;
    color: #fff;
    background-color: #ff362c;
    border-radius: .2rem;
    padding: 1px 3px;
    margin-right: 3px;
}

.reforyoubox .goodsitem .goodscontainer .pricebox .cang {

    flex: 0 0 auto;
}

.reforyoubox .goodsitem .goodscontainer .pricebox .cangkeyname {
    font-size: 1.4rem;
    line-height: 1.2;
    color: #fff;
    border-radius: .2rem;
    padding: 1px 3px;
}

.seclistbox {
    width: 100%;
    padding: 0;
    position: relative;
}

.seclistbox .reforyoubox{
    padding-top: 1.2rem;
}
.seclistbox .reforyoubox .goodsitem .goodscontainer {
    background-color: #f5f5f5;
}









.paymentbox{

}
.paymentbox .titlelabel{
    font-size: 1.4rem;
    color: #000;
    line-height: 2.2;
}
.paymentbox .paylist{
    padding: 1rem 0 0 0;
}
.paymentbox .paylist .payitem{
    padding: 0.5rem 1rem;
}
.paymentbox .paylist .payitem .payimg{
    flex: 0 0 auto;
    border: 1px #ccc solid;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    border-radius: 3px;
}
.paymentbox .paylist .payitem.active .payimg{
    border: 1px #ff362c solid;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .3);
}
.paymentbox .paylist .payitem .payimg img{
    width: 80px;
    height: auto;
    border: 0px;
    vertical-align: top;
}
.paymentbox .paylist .payitem .icon-sel{
    flex: 0 0 24px;
    height: 24px;
    background: url(images/icon-sel.png) no-repeat center center;
    background-size: 24px 24px;
}
.paymentbox .paylist .payitem.active .icon-sel{
    background: url(images/icon-sel-active.png) no-repeat center center;
    background-size: 24px 24px;
}
.paymentbox .paylist .payitem .icon-sel,.paymentbox .paylist .payitem .payimg{
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
}

/*促销*/
.promtebox{
margin-bottom:1rem;
padding:1rem 1rem;
border-radius:.6rem;
background-image: linear-gradient(-180deg, #FFEACA 0%, #F2CE86 100%);
}
.promtebox .ititle{
font-size:1.6rem;
color:#000;
}
.promtebox .ititle a{
color:#000;
}
.promtebox .cont{
padding-top:1rem;

}
.promote-container{
width: 100%;
overflow:hidden;
position:relative;
}
.promote-container .swiper-slide {
text-align: center;
position:relative;
}
.promote-container .swiper-slide a{
display:block;
}
.promote-container .swiper-slide img {
width: 100%;
}

a.promoteitem{
width:100%;
}
a.promoteitem .img{
width: 100%;
}
a.promoteitem .img img{
width: 100%;
height:auto;
min-height:6rem;
}
a.promoteitem .img img.swiper-lazy{
background:url(images/loading_32.gif) no-repeat center center;
}



a.promoteitem .p-pricebox{
width: 100%;
padding-top:.4rem;
}

a.promoteitem .p-pricebox .final_price span.price{
font-size: 1.2rem;
line-height:1.2;
color: #ff362c;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
a.promoteitem .p-pricebox .final_price dfn.symbol{
font-size: 1.0rem;
font-style: normal;
color: #ff362c;
}
a.promoteitem .p-pricebox .discount{
padding: .2rem .2rem;
border-radius: .2rem;
color: #fff;
background-color:#ff362c;
font-size:1.0rem;
line-height:1;
}


.goodslist {
    width: 100%;
    padding-top: 1rem;
}

.goodslist .goodsitem {
    width: 50%;
    flex: 0 0 50%;
    box-sizing: border-box;
    padding: 0 .6rem 0 1.2rem;
    margin-bottom: 1.5rem;
}

.goodslist .goodsitem:nth-child(even) {
    flex: 0 0 50%;
    box-sizing: border-box;
    padding: 0 1.2rem 0 .6rem;
}

.goodslist .goodsitem .goodscontainer {
    background-color: #fff;
    padding: .6rem;
    position: relative;
    width: 100%;
    border-radius:1rem;
}

.goodslist .goodsitem .goodscontainer .thumb {
    width: 100%;
    position: relative;
    height: 0;
    padding-top: 100%;
}

.goodslist .goodsitem .goodscontainer .thumb .thumbimg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    vertical-align: top;
    background:url(images/loading_32.gif) no-repeat center center;
}

.goodslist .goodsitem .goodscontainer .thumb .subscriptbox {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.goodslist .goodsitem .goodscontainer .thumb .subscriptbox.pos1 {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}

.goodslist .goodsitem .goodscontainer .thumb .subscriptbox.pos2 {
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}

.goodslist .goodsitem .goodscontainer .thumb .subscriptbox.pos3 {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}

.goodslist .goodsitem .goodscontainer .thumb .subscriptbox.pos4 {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.goodslist .goodsitem .goodscontainer .thumb .subscriptbox.pos5 {
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.goodslist .goodsitem .goodscontainer .thumb .subscriptbox.pos6 {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.goodslist .goodsitem .goodscontainer .thumb .subscriptbox.pos7 {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
}

.goodslist .goodsitem .goodscontainer .thumb .subscriptbox.pos8 {
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
}

.goodslist .goodsitem .goodscontainer .thumb .subscriptbox.pos9 {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
}

.goodslist .goodsitem .goodscontainer .infobox {
    overflow: hidden;
    width: 100%;
}

.goodslist .goodsitem .goodscontainer .infobox .goodsname {
    width: 100%;
    margin-top: 0.5rem;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* word-break: break-all; */
    font-size: 14px;
    line-height: 18px;
    height: 36px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
}

.goodslist .goodsitem .goodscontainer .infobox .hascoupon {
    color: #f55;
    font-size: 1.2rem;
    line-height: 1.2;
    margin-top: .5rem;
}

.goodslist .goodsitem .goodscontainer .sold_num {
    padding: .3rem 0;
    color: #B9B9B9;
    font-size: 1.2rem;
}

.goodslist .goodsitem .goodscontainer .pricebox {
    margin-top: .8rem;
}

.goodslist .goodsitem .goodscontainer .pricebox .shopprice {
    font-size: 1.4rem;
    flex: 0 0 auto;
}

.goodslist .goodsitem .goodscontainer .pricebox .shopprice span {
    color: #ff362c;
    margin-right: .4rem;
    font-size: 1.6rem;
}

.goodslist .goodsitem .goodscontainer .pricebox .cang {
    flex: 0 0 auto;
}

.goodslist .goodsitem .goodscontainer .pricebox .cangkeyname {
    font-size: 1.4rem;
    line-height: 1.2;
    color: #fff;
    border-radius: .2rem;
    padding: 1px 3px;
}

.goodslist .goodsitem .goodscontainer .pricebox .discount{
    background-color: #ff362c;
    padding: .1rem .3rem;
    border-radius: .2rem;
    color: #fff;
    font-size:1rem;
    line-height: 1.2;
    margin-right:.4rem;
}
.goodslist .goodsitem .goodscontainer .pricebox .discount .k2{
    font-size: 1.4rem;
    line-height: 1.2;
}


.adv-container {
            overflow: hidden;
			width: 100%;
            border-radius: 0 0 15px 15px;
        }



        .adv-container .swiper-slide img {
            width: 100%;
            height: auto;
            border-radius: 0 0 15px 15px;
        }

        .adv-container .swiper-pagination {
            bottom: 0;
        }

        .adv-container .swiper-pagination .swiper-pagination-bullet {
            width: 18px;
            height: 6px;
            border-radius: 8px;
            margin: 0 2px;
        }

        .adv-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background-color: rgba(244, 91, 83, .8);
        }


/* 首页轮播广告 */
/*.topimg-container {*/
/*width: 100%;*/
/*overflow:hidden;*/
/*position:relative;*/
/*}*/
/*.topimg-container .swiper-slide {*/
/*text-align: center;*/
/*position:relative;*/
/*}*/
/*.topimg-container .swiper-slide a{*/
/*display:block;*/
/*}*/
/*.topimg-container .swiper-slide img {*/
/*width: 100%;*/
/*}*/
/*.swiper-pagination-topimg .swiper-pagination-bullet{*/
/*  background-color: #ccc;*/
/*  opacity: 0.4;*/
/*}*/
/*.swiper-pagination-topimg .swiper-pagination-bullet.swiper-pagination-bullet-active{*/
/*background-color:#ff362c;*/
/*opacity: 1;*/
/*}*/
/*.swiper-button-next-topimg.swiper-button-next{*/
/*width: 34px;*/
/*height: 54px;*/
/*background: rgba(255, 255, 255, .3) url(images/next@2x.png) no-repeat center center;*/
/*background-size: 24px 40px;*/
/*border-radius: 3px;*/
/*}*/
/*.swiper-button-prev-topimg.swiper-button-prev{*/
/*width: 34px;*/
/*height: 54px;*/
/*background: rgba(255, 255, 255, .3) url(images/prev@2x.png) no-repeat center center;*/
/*background-size: 24px 40px;*/
/*border-radius: 3px;*/
/*}*/

/*.swiper-button-prev:after,*/
/*.swiper-button-next:after {*/
/*  font-family: swiper-icons;*/
/*  font-size: var(--swiper-navigation-size);*/
/*  content: '';*/
/*}*/

.goods-base .g-name{
font-size:1.8rem;
line-height:1.4;
margin-bottom:10px;
}
.goods-base .g-price{
background-color: #eaebeb;
padding: 8px 12px;
margin-bottom:10px;
} 
.goods-base .g-price .final_price{
flex: 1 1 auto;
}
.goods-base .g-price .final_price span.price{
font-size: 3.4rem;
color: #ff362c;
font-family: "XFZhengHT-EN-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.goods-base .g-price .final_price dfn.symbol{
font-size: 1.8rem;
font-style: normal;
margin-left: 5px;
color: #ff362c;
}
.goods-base .g-cang{
margin-bottom:2px;
}
.goods-base .g-cang .infos{
font-size:1.2rem;
line-height:1.3;
color:#ff362c;
flex:1 1 auto;
}
.goods-base .g-cang .goodscang{
flex:0 0 40px;
}
.goods-base .g-cang .goodscang .cang_key_name{
font-size:1.4rem;
background-color: #00afca;
color: #fff;
border-radius: .2rem;
padding: 1px 3px;
}
.goods-base .g-cang .goodscang .cang_key_name.KZ{
background-color: #00afca;
}
.goods-base .g-cang .goodscang .cang_key_name.CN{

}
.shippingdata{
margin-top:2px;
}

        .shippingdata .aging {
            padding: 0.5rem 0;
        }

        .shippingdata .aging .key {
            color: #595757;
            flex: 0 0 auto;
        }

        .shippingdata .aging .cont {
            flex: 1 1 auto;
            padding-left: .5rem;
            color: #ff362c;
			line-height:1.3;
        }

.g-exp{
width:100%;
padding:10px 0;
overflow-x:hidden;
}
.g-exp img{
width:100% !important;
height:auto !important;
}
.g-exp table{
border:1px #d5d5d5 solid;
border-collapse:collapse;
}
.g-exp table td{
border:1px #d5d5d5 solid;
padding:4px;
}
.fix-footerbuy{
height:50px;
}
.fix-footerbuy.fix-ihopnex{
height:74px;
}
.footerbuy{
height:50px;
width:100%;
position:fixed;
bottom:0;
left:0;
right:0;
z-index:50;
background-color:#fff;
}
.footerbuy.fix-ihopnex{
height:74px;
}

.footerbuy .selpro{
background-color:#ff362c;
color:#fff;
font-size:1.8rem;
line-height:50px;
height:50px;
border:0;
width:100%;
}
.footerbuy .selpro.btna{
    display: block;
    text-align: center;
}
.footerbuy .selpro.disabled{
background-color:#a0a0a0;
}
.footerbuy .btnbox{
}
.footerbuy .btnbox a.selpronew{
background-color:#dd994a;
color:#fff;
font-size:1.8rem;
line-height:1.0;
height:50px;
flex:0 0 65%;
text-align:center;
}
.footerbuy .btnbox button.selpronew{
background-color:#f55;
color:#fff;
font-size:1.8rem;
line-height:50px;
height:50px;
border:0;
flex:0 0 35%;
}


.attrdetail{
background-color:#fff;
width:100%;
position:fixed;
bottom:-75%;
left:0;
right:0;
height:75%;
z-index:51;
border-top:1px #ccc solid;
}
.attrdetail.show{
bottom:0;
}
.attrdetail{
-webkit-transition: all 300ms;
   -moz-transition: all 300ms;
    -ms-transition: all 300ms;
     -o-transition: all 300ms;
        transition: all 300ms;
}

.attrdetail .close{
position:absolute;
right:10px;
top:10px;
height:30px;
width:30px;

}
.attrdetail .close .do{
width: 24px;
height: 24px;
background:#ccc url(images/icon_error_707070.svg) no-repeat center center;
background-size: 16px 16px;
border-radius: 20px;
}
.attrdetail .row1{
    flex: 0 0 auto;
border-bottom:1px #e5e5e5 solid;
padding:8px 4% 15px 4%;
color:#595757;
}
.attrdetail .row1 .img{
flex:0 0 81px;
}
.attrdetail .row1 .img img{
height:80px;
width:80px;
border:1px #e5e5e5 solid;
}
.attrdetail .row1 .data{
padding-left:10px;
flex:1 1 auto;

}
.attrdetail .row1 .data .price{
color:#ff362c;
font-size:1.6rem;
}
.attrdetail .row1 .data .sku-stock{

}
.attrdetail .row1 .data .sku-sel{

}
.attrdetail .row1 .data .sku-name{

}
.attrdetail .row2{
    flex: 1 1 auto;
border-bottom:1px #e5e5e5 solid;
padding:15px 4%;
color:#595757;
    overflow: auto;
}
.attrdetail .row2.hide{
display:none;
}
.attrdetail .row2 .item{
margin-bottom:15px;
}
.attrdetail .row2 .item:last-child{
margin-bottom:0;
}
.attrdetail .row2 .item .key{
color:#595757;
font-size:1.4rem;
margin-bottom:3px;
}
.attrdetail .row2 .item .cont{
flex-wrap:wrap;
}
.attrdetail .row2 .item .cont .argitem{
background-color:#efefef;
border-radius: 4px;
padding: 5px 12px;
line-height: 1.6rem;
margin: 0 10px 5px 0;
color:#595757;
font-size:1.2rem;
cursor:pointer;
  -webkit-transition: all 100ms;
     -moz-transition: all 100ms;
       -o-transition: all 100ms;
          transition: all 100ms;
}
.attrdetail .row2 .item .cont .argitem.active{
background-color:#ff362c;
color:#fff;
}
.attrdetail .row3{
    flex: 0 0 auto;
padding:15px 4%;
color:#595757;
}
.attrdetail .row3 .selbox{

}
.attrdetail .row3 .selbox button.chgnum{
font-size:1.8rem;
height:36px;
width:36px;
line-height:0.8;
text-align:center;
border:1px #ccc solid;
border-radius:3px 0 0 3px;
background-color:#fff;
color:#595757;
padding:0;
}
.attrdetail .row3 .selbox button.chgnum.min{
}
.attrdetail .row3 .selbox button.chgnum.plus{
border-radius:0 3px 3px 0;
}
.attrdetail .row3 .selbox .selnum{
border:#ccc solid;
border-width:1px 0;
height:34px;
width:38px;
font-size:1.8rem;
line-height:34px;
padding:0;
text-align:center;
}

.attrdetail .row4{
    flex: 0 0 auto;
    padding-bottom: 1.5rem;
/*position:absolute;*/
/*bottom:15px;*/
/*left:0;*/
/*right:0;*/
width:100%;
text-align:center;
}
.attrdetail .row4 a.go2buy{
width:80%;
font-size:1.8rem;
line-height:4rem;
color:#fff;
background-color:#ff362c;
display:inline-block;
border-radius:30px;
}
.attrdetail .row4 a.go2buy.disabled{
background-color:#a0a0a0;
}


.control-group .controls .ckey{
margin-right:5px;
}

.userpnl{
background-color:#fff;
width:100%;
position:fixed;
bottom:-60%;
left:0;
right:0;
height:60%;
z-index:51;
border-top:1px #ccc solid;
}
.userpnl.show{
bottom:0;
}
.userpnl{
-webkit-transition: all 300ms;
   -moz-transition: all 300ms;
    -ms-transition: all 300ms;
     -o-transition: all 300ms;
        transition: all 300ms;
}

.userpnl .close{
position:absolute;
right:10px;
top:5px;
height:30px;
width:30px;
z-index: 99;
}
.userpnl .close .do{
width: 24px;
height: 24px;
background:#ccc url(images/icon_error_707070.svg) no-repeat center center;
background-size: 16px 16px;
border-radius: 20px;
}
.userpnl .pnltitle{
    border-bottom:1px #ccc solid;
    font-size:1.6rem;
    line-height:4rem;
    flex:0 0 40px;
    padding-left: 15px;
    color: #000;
    font-weight: 600;
}
.userpnl .pnltab{
border-bottom:1px #ccc solid;
font-size:1.6rem;
line-height:2rem;
flex:0 0 40px;
}
.userpnl .pnltab .item{
padding:3.6rem 0 .8rem 0;
flex:0 0 33.33%;
text-align:center;
position:relative;
}
.userpnl .pnltab .item.active{
color:#ff362c;
font-weight:600;
}
.userpnl .pnltab .item.active:after{
content:"";
display:block;
height:2px;
background-color:#ff362c;
width:50%;
position:absolute;
bottom:0;
z-index:1;
left:50%;
margin-left:-25%;
}
.userpnl .pnlcont{
flex:1 1 auto;
padding:10px;
overflow-x:hidden;
overflow-y:auto;
}
.reglist{
display:none;
}
.reglist.show{
display:block;
}
.reglist.hide{
display:none;
}
.reglist .item{
font-size:1.4rem;
padding:.6rem 0;
}
.reglist .item.active{
color:#ff362c;
font-weight:600;
background-color:#f5f5f5;
}
.reglist .item{
-webkit-transition: all 300ms;
   -moz-transition: all 300ms;
    -ms-transition: all 300ms;
     -o-transition: all 300ms;
        transition: all 300ms;
}
.shippinglist{
padding:0.5rem 0;
}
.shippinglist .item{
    border: 1px #ccc solid;
    padding: 8px 15px;
    font-size: 16px;
    line-height: 1.3;
    background-color: #f8f8f8;
    border-radius: 30px;
    color: #595757;
    margin: 5px 0;
}
.shippinglist .item.active{
    border: 1px #ff362c solid;
    background-color: #ff362c;
    color: #fff;
}
.shipping_desc {
    border-top: 1px #d5d5d5 solid;
    padding-top: 15px;
    font-size: 16px;
    line-height: 1.5;
}
.pickuplist{
    padding:0.5rem 0;
}
.pickuplist .item{
    padding: 10px 0;
}
.pickuplist .item .sel{
    flex: 0 0 35px;
}
.pickuplist .item .sel .circle{
    width: 20px;
    height: 20px;
    border-radius: 20px;
    border: 2px solid #aaa;
    box-shadow: 0 1px 9px rgba(0, 0, 0, .2);
    box-sizing: border-box;
}
.pickuplist .item.active .sel .circle{
    background: url(images/duigou@2x.png) center center no-repeat;
    background-size: cover;
    border: 0;
}
.pickuplist .item .info{
    flex:1 1 auto;
}
.pickuplist .item .info .name{
    color: #000;
    font-size: 1.6rem;
    line-height: 1.3;
    padding: 0.5rem 0;
}
.pickuplist .item .info .addr{
    color: #a0a0a0;
    font-size: 1.2rem;
    line-height: 1.3;
}



.paynote{
border:1px #ffa64d solid;
color:#f68b21;
background:rgba(255,166,77,.1) url(images/paymentnote.png) no-repeat .8rem center;
background-size:20px 20px;
font-size:1.2rem;
line-height:1.3;
padding:.8rem 1rem .8rem 3.5rem;
border-radius:5px;
}

.copybtn{
background-color:#ff362c;
color:#fff;
font-size:1.2rem;
border:0;
border-radius:20px;
padding:.2rem 1rem;
margin-left:1rem;
}
.g-prev .img{
flex:0 0 90px;
}
.g-prev .img img{
height:90px;
width:90px;
}
.g-prev .b-data{
padding:5px 0 5px 10px;
flex:1 1 auto;
}
.g-prev .b-data .name{
}
.g-prev .b-data .name h1{
color:#000;
font-size:1.4rem;
line-height:1.3;
margin-bottom:5px;
}
.g-prev .b-data .name .skudata{
font-size:1.0rem;
line-height:15px;
}
.g-prev .b-data .name .skudata .item{
margin-right:10px;
background-color:#eaebeb;
border-radius:3px;
padding:.2rem .5rem;
}
.g-prev .b-data .amount{
}
.g-prev .b-data .amount .price{
color:#ff362c;
flex:0 0 auto;
margin-right:15px;
}
.g-prev .b-data .amount .price span{
font-size:2rem;
margin-right:.3rem;
}
.g-prev .b-data .amount .price dfn.symbol{
font-size:1.2rem;
}

.g-prev .b-data .amount .num{
background-color:#ccc;
color:#595757;
font-size:1.4rem;
padding:.3rem 1rem;
border-radius:.3rem;
line-height:16px;
flex:0 0 auto;
}
.g-prev .b-data .amount .rebuy{
flex:1 1 auto;
}
.g-prev .b-data .amount .rebuy a{
display:inline-block;
background-color:#ff362c;
color:#fff;
font-size:1.4rem;
line-height:1.2;
padding:.3rem 1rem;
border-radius:.5rem;
}

.amountdata{
font-size:1.4rem;
padding:.5rem 0;
}
.amountdata .cont{
color:#ff362c;
font-size:1.8rem;
}
.od{
font-size:1.4rem;
padding:.5rem 0;
}
.od .key{
flex:0 0 auto;
color:#424242;
}
.od .cont{
flex:1 1 auto;
padding-left:10px;
}
.od .cont.money{
color:#ff362c;
font-size:1.8rem;
}
.od .cont.moneyrate{
color:#f60;
font-size:1.8rem;
}
.od .iconcont{
padding:0 3%;
}
.od .iconcont img{
width:20%;
height:auto;
box-shadow:0 0 5px rgba(0,0,0,.2);
border:1px #f5f5f5 solid;
padding:5px 10px;
}

form.standard .control-group .controls input#mobile:-moz-placeholder{
  color: rgba(0, 0, 0, 0.9);
}
form.standard .control-group .controls input#mobile:-ms-input-placeholder{
  color: rgba(0, 0, 0, 0.9);
}
form.standard .control-group .controls input#mobile::-webkit-input-placeholder{
  color: rgba(0, 0, 0, 0.9);
}

.pagesection > h1.maintitle .name.fixed-sn{
font-size:2.0rem;
line-height:40px;
color:#ff362c;
font-weight:400;
}

a.gotopay{
font-size:1.8rem;
line-height:4.4rem;
color:#fff;
background-color:#ff362c;
display:block;
border-radius:30px;
text-align:center;
}
.putmsg{
margin-bottom:15px;
font-size:1.4rem;
line-height:1.3;
padding:.5rem 1rem .5rem 4rem;
border-radius:.5rem;
}
.putmsg.paypending{
border:1px #ffa64d solid;
color:#f68b21;
background:rgba(255,166,77,.1) url(images/msg-pending.svg) no-repeat .8rem center;
background-size:20px 20px;
}
.putmsg.payfail{
border:1px #ff362c solid;
color:#ff362c;
background:rgba(255,54,44,.1) url(images/msg-fail.svg) no-repeat .8rem center;
background-size:20px 20px;
}
.putmsg.paysuccess{
border:1px #33a954 solid;
color:#33a954;
background:rgba(51,169,84,.1) url(images/msg-success.svg) no-repeat .8rem center;
background-size:20px 20px;
}

.controls .payment{
padding-right:1rem;
}
.controls .payment .item{
padding:.5rem 0;
font-size:1.6rem;
}
.regionshow{
padding:0.8rem 0;
font-size:1.6rem;
line-height:1.2;
}

.indexucmod .userface img{
width:36px;
height:36px;
border-radius:50px;
}
.indexucmod .op{
flex:0 0 auto;
padding-left:15px;
}
.indexucmod .notips{
flex:1 1 auto;
font-size:1.4rem;
color:#e7211e;
line-height:1.2;
}
.productlistmini{
flex-wrap:wrap;
}
.productlistmini .item{
flex:0 0 50%;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
border:#e5e5e5 solid;
border-width:0 1px 1px 0;

}
.productlistmini .item a{
padding:8px 5px;
}
.productlistmini .item a .ico{
flex:0 0 40px;
text-align:center;
}
.productlistmini .item a .ico img{
height:22px;
width:22px;
}
.productlistmini .item a .name{
flex:1 1 auto;
color:#424242;
font-size:1.5rem;
}
.stalist .staitem{
padding:10px 0;
border-bottom:1px #d5d5d5 solid;
}
.stalist .staitem:last-child{
border-bottom:0;
}
.stalist .staitem .infos{
flex:1 1 auto;
}
.stalist .staitem .mapkey{
flex:0 0 50px;
text-align:center;
}
.stalist .staitem .mapkey img{
height:30px;
width:30px;
}
.stalist .staitem .infos .name{
color:#000;
font-size:1.5rem;
line-height:1.5;
}
.stalist .staitem .infos .infoexp{
font-size:1.2rem;
line-height:1.5;
} 
.stalist .staitem .infos .infoexp .tele{
display:none;
}



/* 登录页面 */

.loginbox.fix-reg{
padding-top:50px;
}
.loginbox h3.box-title{
font-size:2rem;
line-height:1.5;
margin-bottom:20px;
color:#f60;
}
form.loginform{
width:100%;
font-size:1.4rem;
}
form.loginform .control-group{
border-bottom:1px #d5d5d5 solid;
padding:5px 0;
margin-bottom:20px;
}
form.loginform .control-group.fix-nob{
border-bottom:0;
}
form.loginform .control-group .icon{
flex:0 0 50px;
height:36px;
}
form.loginform .control-group .icon.mobile{
background:url(images/icon-mobile-a0a0a0.svg) no-repeat center center;
background-size:22px;
}
form.loginform .control-group .icon.pwd{
background:url(images/icon-pwd-a0a0a0.svg) no-repeat center center;
background-size:22px;
}
form.loginform .control-group .ctr{
flex:1 1 auto;
}
form.loginform .control-group .ctr input.form-control{
border:none;
width:100%;
height:36px;
padding:0;
margin:0;
font-size:1.6rem;
line-height:36px;
}
form.loginform .control-group .ctr input.form-control::-moz-placeholder{
color: rgba(255,102,0, 0.8);
}
form.loginform .control-group .ctr input.form-control:-ms-input-placeholder{
color: rgba(255,102,0, 0.8);
}
form.loginform .control-group .ctr input.form-control::-webkit-input-placeholder{
color: rgba(255,102,0, 0.8);
}



form.loginform .control-action{
padding:5px 0;
margin-bottom:10px;
}
form.loginform .control-group a.getpwd{
color:#e7211e;
}
form.loginform .control-group a.goreg{
color:#f60;
}
form.loginform .control-group .txt-r{
color:#f60;
}

.keyboard-box-mask{
background-color:transparent;
width:100%;
height:100%;
z-index:99;
position:fixed;
left:0;
top:0;
display:none;
}
.keyboard-box-mask.show{
display:block;
}
.keyboard-box{
background-color:#fff;
width:100%;
height:40%;
z-index:100;
position:fixed;
left:0;
bottom:-45%;
-webkit-transition: all 600ms;
   -moz-transition: all 600ms;
    -ms-transition: all 600ms;
     -o-transition: all 600ms;
        transition: all 600ms;
}
.keyboard-box.show{
bottom:0;
}
.keyboard-box div#mixed-keyboard-box{
height: 100%;
}
.keyboard-box .arrow-close{
width:60px;
background:#e7211e url(images/icon-closekey.png) no-repeat center center;
background-size:50px auto;
height:30px;
position:absolute;
top:-30px;
left:50%;
margin-left:-40px;
border-radius:4px 4px 0 0;
cursor:pointer;
}
.previmglist{
margin-right:3px;
}
.imgsbox{
margin-bottom:5px;
}
.imgsbox .previmglist:first-child{
margin-right:10px;
}
.imgsbox .imgitem{
position:relative;
}
.imgsbox .imgitem:first-child{
margin-right:10px;
}
.imgsbox .imgitem > img{
width:auto;
height:50px;
border:1px #ccc solid;
}

.previmglist .previtem{
position:relative;
}
.previmglist .previtem > img.img{
width:auto;
height:50px;
}
.previmglist .previtem .img_ctrl{
position:absolute;
right:5px;
top:5px;
height:28px;
width:28px;
background-color:rgba(255,255,255,.5);
border-radius:4px;
color:#e7211e;
font-size:1.8rem;
line-height:28px;
text-align:center;
cursor:pointer;
}
/* 消息列表 */
.mod-msg .msgitem{
position:relative;
padding:5px 0 5px 5px;
border-bottom:1px #d5d5d5 solid;
}
.mod-msg .msgitem a.view{

}
.mod-msg .msgitem a.view .notread{
flex:0 0 auto;
height:6px;
width:6px;
background-color:#e7211e;
border-radius:30px;
margin-right:8px;
}
.mod-msg .msgitem a.view .title{
flex:1 1 auto;
font-size:1.6rem;
line-height:1.4;
color:#686868;
}
.mod-msg .msgitem a.view.notread .title{
color:#000;
}
.mod-msg .msgitem a.view .datetime{
flex:0 0 85px;
font-size:1.4rem;
line-height:2;
text-align:right;
color:#a0a0a0;
}

.pagesection > h1.msgtitle{
clear:both;
text-align:center;
font-size:1.8rem;
line-height:1.2;
color:#000;
font-weight:400;
padding:20px 10px 10px 10px;
}
.pagesection > h2.secmsgtitle{
font-size:1.2rem;
line-height:1.4;
padding:0 3% 10px 3%;
border-bottom:1px #e5e5e5 solid;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
}
.msgcont{
font-size:1.4rem;
line-height:2;
min-height:300px;
}
.msgcont div,.msgcont p{
font-size:1.4rem;
line-height:2;
}


/* 密码键盘 */
.alieditContainer{
display:block;
}
.sixDigitPassword {
	position:absolute;
	left:-122px;
	top:0;
	width:1000px;
	height:26px;
	color:#fff;
	font-size:12px;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
	-webkit-user-select:initial;
	outline:'none';
	z-index:999;
	opacity:0;
	filter:alpha(opacity=0);
}
.sixDigitPassword-box {
	cursor:text;
	background:#fff;
	outline:none;
	position:relative;
	padding:8px 0;
	height:15px;
	border:1px solid #cccccc;
	border-radius:2px;
}
.sixDigitPassword-box i {
	float:left;
	display:block;
	padding:4px 0;
	height:7px;
	border-left:1px solid #cccccc;
}
.sixDigitPassword-box .active {
	background:url(images/password-blink.gif) no-repeat center center;
}
.sixDigitPassword-box b {
	display:block;
	margin:0 auto;
	width:7px;
	height:7px;
	overflow:hidden;
	visibility:hidden;
	background:url(images/passeord-dot.png) no-repeat;
}
.sixDigitPassword-box span {
	position:absolute;
	display:block;
	left:0px;
	top:0px;
	height:30px;
	border:1px solid rgba(82,168,236,.8);
	border:1px solid #00ffff\9;
	border-radius:2px;
	visibility:hidden;
	-webkit-box-shadow:inset 0px 2px 2px rgba(0,0,0,0.75),0 0 8px rgba(82,168,236,0.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
}
.ui-securitycore  .ui-form-item .ui-form-explain {
	margin-top:8px;
}
.i-block {
	display:inline-block;
}
.six-password {
	position:relative;
	height:33px;
	width:182px;
	overflow:hidden;
	vertical-align:middle;
}
/* 日志列表 */
.mod-asset .logitem{
width:100%;
border-bottom:1px #e5e5e5 solid;
padding:5px 0;
}

.mod-asset .logitem .assettype{
flex:0 0 40px;
}
.mod-asset .logitem .assettype img{
width:30px;
height:30px;
}
.mod-asset .logitem .title{
flex:1 1 auto;
}
.mod-asset .logitem .title h1{
font-size:1.4rem;
line-height:1.3;
color:#424242;
}
.mod-asset .logitem .title h2{
font-size:1.0rem;
margin-top:4px;
line-height:13px;
color:#a0a0a0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.mod-asset .logitem .datetime{
font-size:1.0rem;
margin-top:4px;
line-height:13px;
color:#a0a0a0;
}
.mod-asset .logitem .modeval1{
flex:0 0 60px;
min-height:10px;
color:#56c314;
font-size:1.8rem;
text-align:right;
}
.mod-asset .logitem .modeval2{
flex:0 0 60px;
min-height:10px;
color:#e7211e;
font-size:1.8rem;
text-align:right;
}
.noappsdata{
background-color:#fff;
font-size:1.6rem;
color:#e7211e;
text-align:center;
line-height:3;
}

/*提现余额*/
@font-face {
  font-family: 'Farrington';
  src: url('../../fonts/Farrington.ttf') format('truetype');
}
.balancebox{
padding-top:20px;
}
.balancebox .key{
padding-bottom:10px;
color:#e7211e;
}
.balancebox .cont{
font-size:1.8rem;
}
.balancebox .cont dfn{
margin-right:8px;
}
.balancebox .cont span{
font-size:4.8rem;
color:#f60;
font-family:Farrington,"微软雅黑",verdana,tahoma,arial;
}
.wdnote{
color:#068594;
padding:10px;
border-top:1px #e5e5e5 solid;
line-height:1.8;
}
.wdnote h1{
font-size:1.8rem;
margin-bottom:8px;
}
.wd-err{
color:#e7211e;
font-size:1.6rem;
padding-top:10px;
}



/* 下载页面 */
.downpage{
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
z-index:1;
}
.downpage .intro{
flex:1 1 auto;
border:3px #00589b solid;
background:url(images/downloadapp.jpg) no-repeat center top;
background-size:100% auto;
}
.downpage .downlink{
flex:0 0 100px;
background-color:#00589b;
}
.downpage .downlink a.links{
display:inline-block;
font-size:1.6rem;
padding:5px 20px;
border:1px rgba(255,255,255,.8) solid;
border-radius:50px;
background-color:rgba(255,255,255,.2);
color:#fff;
margin:5px 0;
}


.scanpnl{
position:fixed;
left:0;
top:0;
z-index:1;
width:100%;
height:100%;
}
.scanpnl .top{
background-color:rgba(0,0,0,1);
flex:1 1 auto;
}
.scanpnl .top .title{
background-color:rgba(255,255,255,1);
flex:0 0 50px;
font-size:1.6rem;
}
.scanpnl .top .bcid{
background-color:rgba(0,0,0,1);
flex:1 1 auto;
}

.scanpnl .scanoption{
flex:0 0 200px;
}
.scanpnl .scanoption .scantip{
flex:1 1 auto;
}
.scanpnl .scanoption .fbt{
flex:0 0 50px;
}
.scanpnl .scanoption .fbt button{
border:0;
width:100%;
background-color:#e7211e;
height:50px;
font-size:1.8rem;
color:#fff;
}

.userindex{
background:url(images/g_card.jpg) no-repeat center top;
background-size:auto 100%;
padding:20px 5% 20px 5%;
border-radius:20px;
}
.userindex .row .userinfo{
flex:1 1 auto;
color:#8a4c09;
}
.userindex .row .userinfo .userbase .nickname{
font-size:1.6rem;
line-height:1.8;
}
.userindex .row .userinfo .userbase .nickname .isauth{
margin-left:5px;
}

.userindex .row .userinfo .userbase .mobile{
font-size:1.4rem;
line-height:1.4;
}
.userindex .row .userinfo .userbase .levelname{
font-size:1.4rem;
line-height:1.4;
}

.userindex .row .qrbox{
flex:0 0 70px;
}
.userindex .row .userinfo .userface{
padding:0;
flex:0 0 85px;
}
.userindex .row .userinfo .userface img{
width:70px;
height:70px;
border:1px #ccc solid;
border-radius:40px;
box-shadow:0 0 8px rgba(0,0,0,.2);
}
.userindex .row .userinfo .userbase{
}
.userindex .row .qrbox .qrlink{
text-align:center;
cursor:pointer;
}
.userindex .row .qrbox .qrlink img{
width:40px;
height:40px;
}
.userindex .row .qrbox .qrlink span{
color:#8a4c09;
display:block;
font-size:1.0rem;
line-height:1.6;
}
.userindex .assetinfo{
padding-top:20px;
}
.userindex .assetinfo .item{
text-align:center;
}
.userindex .assetinfo .item .num{
font-size:2.6rem;
line-height:1.2;
color:#fff;
flex:1 1 auto;
margin-bottom:5px;
}
.userindex  .assetinfo .item .key{
font-size:1.4rem;
line-height:1.2;
color:#8a4c09;
flex:0 0 auto;
}

.platformqr{
width:0;
height:100%;
position:fixed;
left:0;
top:0;
right:0;
bottom:0;
z-index:100;
background-color:rgba(255,255,255,0);
display:block;
overflow:hidden;
-webkit-transition: all 600ms;
   -moz-transition: all 600ms;
    -ms-transition: all 600ms;
     -o-transition: all 600ms;
        transition: all 600ms;
}
.platformqr.show{
width:100%;
background-color:rgba(255,255,255,0.9);
transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
}
.platformqr .qrimg{
text-align:center;
padding-top:20%;
}
.platformqr .qrinvitecode{
padding:8px 0;
font-size:1.6rem;
}
.platformqr .qrinvitecode .key{
margin-right:10px;
}
.platformqr .qrinvitecode .cont{
color:#f60;
}

.platformqr .qrtxt{
text-align:center;
font-size:1.5rem;
line-height:2;
color:#e7211e;
display:none;
}
.platformqr.show .qrtxt{
display:block;
}
.platformqr .qrimg img{
width:60%;
height:auto;
border:1px #e5e5e5 solid;
}
.platformqr .close{
width:40px;
height:40px;
position:absolute;
left:50%;
bottom:60px;
z-index:101;
margin-left:-20px;
}
.platformqr .close img{
width:40px;
height:40px;
}
.geobox{
font-size:1.2rem;
line-height:1.2;
}
.geobox label{
color:#e7211e;
}

.myqrbox{
padding:80px 5% 0 5%;
text-align:center;
}
.myqrbox .qr{

}
.myqrbox .qr img{
width:60%;
height:auto;
}
.myqrbox .note{
color:#f60;
font-size:1.6rem;
text-align:left;
}

/* 提现记录 */
.mod-withdrawlog .logitem{
border-bottom:1px #e5e5e5 solid;
padding:6px 0;
}
.mod-withdrawlog .logitem .item.amount{
flex:1 1 auto;
text-align:left;
}
.mod-withdrawlog .logitem .item{
flex:0 0 100px;
text-align:center;
}
.mod-withdrawlog .logitem .status{
flex:0 0 60px;
text-align:right;
font-size:1.6rem;
}
.mod-withdrawlog .logitem .item .key{
font-size:1.2rem;
line-height:1.3;
color:#a0a0a0;
display:none;
}
.mod-withdrawlog .logitem .item .cont{
font-size:1.5rem;
line-height:1.4;
color:#424242;
}
.mod-withdrawlog .logitem .item.amount .cont{
color:#f60;
font-size:2rem;
}
.mod-withdrawlog .logitem .status.status0{
color:#f60;
}
.mod-withdrawlog .logitem .status.status1{
color:#44accb;
}
.mod-withdrawlog .logitem .status.status2{
color:#15a526;
}
.mod-withdrawlog .logitem .status.status3{
color:#e7211e;
}
.wltitle{
border-bottom:1px #e5e5e5 solid;
padding:5px 2.5%;
height:24px;
line-height:24px;
position:fixed;
top:51px;
left:0;
width:95%;
z-index:49;
background-color:#f8f8f8;
}
.fixed-wltitle{
height:35px;
clear:both;
}
.wltitle .amount{
flex:1 1 auto;
text-align:left;
}
.wltitle .createtime{
flex:0 0 100px;
text-align:center;
}
.wltitle .transfertime{
flex:0 0 100px;
text-align:center;
}
.wltitle .status{
flex:0 0 60px;
text-align:center;
}







/* 邀请 */
.mod-invite .inviteitem{
border-bottom:1px #e5e5e5 solid;
padding:10px 0;
}
.mod-invite .inviteitem .userface{
flex:0 0 50px;
}
.mod-invite .inviteitem .userface img{
height:36px;
width:36px;
border-radius:36px;
border:1px #e5e5e5 solid;
}
.mod-invite .inviteitem .binfo{
flex:1 1 auto;
}
.mod-invite .inviteitem .regtime{
flex:0 0 90px;
text-align:right;
}
.mod-invite .inviteitem .binfo .mobile{
font-size:1.2rem;
color:#a0a0a0;
}
.mod-invite .inviteitem .binfo .nickname{
font-size:1.5rem;
}
.mod-invite .inviteitem .binfo .nickname.sex1{
color:#1296db;
background:url(images/icon-male-1296db.svg) no-repeat left center;
background-size:18px;
padding-left:24px;
}
.mod-invite .inviteitem .binfo .nickname.sex2{
color:#d4237a;
background:url(images/icon-female-d4237a.svg) no-repeat left center;
background-size:18px;
padding-left:24px;
}

.carpanel-mask{
background-color:transparent;
width:100%;
height:100%;
z-index:99;
position:fixed;
left:0;
top:0;
display:none;
}
.carpanel-mask.show{
display:block;
}
.carpanel{
background-color:rgba(255,255,255,.95);
border-left:1px #d5d5d5 solid;
width:80%;
height:100%;
z-index:100;
position:fixed;
right:-81%;
top:0;
-webkit-transition: all 600ms;
   -moz-transition: all 600ms;
    -ms-transition: all 600ms;
     -o-transition: all 600ms;
        transition: all 600ms;
}
.carpanel.show{
right:0;
}
.carpanel .title{
width:100%;
height:40px;
position:absolute;
top:0;
left:0;
z-index:1;
background-color:#fff;
padding-left:10px;
border-bottom:1px #a0a0a0 solid;
font-size:1.6rem;
line-height:40px;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
}
.carpanel .close{
height:32px;
width:32px;
position:absolute;
top:4px;
right:10px;
z-index:2;
}
.carpanel .close img{
height:32px;
width:32px;
cursor:pointer;
}
.carpanel .titlefixed{
flex:0 0 42px;
clear:both;
}
.carpanel .boxcont{
flex:1 1 auto;
overflow-x:hidden;
overflow-y:auto;
padding:10px;
}
.carpanel .subkey{
font-weight:600;
font-size:1.4rem;
line-height:30px;
border-bottom:1px #d5d5d5 solid;
}
.carpanel .subcont{
margin-bottom:10px;
flex-wrap:wrap;
padding-top:10px;
}
.carpanel .subcont .branditem{
flex:0 0 33.333%;
text-align:center;
margin-bottom:20px;
}
.carpanel .subcont .branditem .img{
text-align:center;
}
.carpanel .subcont .branditem .img img{
width:60px;
height:60px;
}
.carpanel .subcont .branditem .name{
padding-top:5px;
font-size:1.2rem;
color:#424242;
}
.carpanel .boxcont .cardataitem{
border-bottom:1px #e5e5e5 solid;
font-size:1.5rem;
line-height:2.5;
color:#424242;
padding-left:10px;
}
.carlist .item{
border:1px #e5e5e5 solid;
margin-bottom:15px;
border-radius:5px;
background-color:#fff;
box-shadow:0 0 5px rgba(0,0,0,.2);
padding:6px 10px;
}
.carlist .item .img{
flex: 0 0 70px;
}
.carlist .item .img img{
height:68px;
width:68px;
}
.carlist .item .name{
flex:1 1 auto;
padding-right:5px;
}
.carlist .item .op{
flex: 0 0 65px;
}
.carlist .item .name .carnum{
font-size:1.6rem;
color:#000;
}
.carlist .item .name .modelname{
font-size:1.2rem;
color:#a0a0a0;
}
.carlist .item .op a{
margin:3px 0;
}

/* 页面标准面板 */
.pagepanel-mask{
background-color:rgba(0,0,0,.3);
width:100%;
height:100%;
z-index:99;
position:fixed;
left:0;
top:0;
display:none;
}
.pagepanel-mask.show{
display:block;
}
.pagepanel{
background-color:rgba(255,255,255,.95);
border-left:1px #d5d5d5 solid;
width:80%;
height:100%;
z-index:100;
position:fixed;
right:-81%;
top:0;
-webkit-transition: all 600ms;
   -moz-transition: all 600ms;
    -ms-transition: all 600ms;
     -o-transition: all 600ms;
        transition: all 600ms;
}
.pagepanel.show{
right:0;
}
.pagepanel .title{
width:100%;
height:40px;
position:absolute;
top:0;
left:0;
z-index:1;
background-color:#fff;
padding-left:10px;
border-bottom:1px #a0a0a0 solid;
font-size:1.6rem;
line-height:40px;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
}
.pagepanel .close{
height:32px;
width:32px;
position:absolute;
top:4px;
right:10px;
z-index:2;
}
.pagepanel .close img{
height:32px;
width:32px;
cursor:pointer;
}
.pagepanel .titlefixed{
flex:0 0 42px;
clear:both;
}
.pagepanel .boxcont{
flex:1 1 auto;
overflow-x:hidden;
overflow-y:auto;
padding:10px;
}

/* 品牌列表 */
.panelbrandbox .subkey{
font-weight:600;
font-size:1.6rem;
line-height:34px;
border-bottom:1px #d5d5d5 solid;
padding-left:5px;
}
.panelbrandbox .subcont{
margin-bottom:10px;
flex-wrap:wrap;
padding-top:10px;
}
.panelbrandbox .subcont .branditem{
flex:0 0 33.333%;
text-align:center;
margin-bottom:20px;
}
.panelbrandbox .subcont .branditem .img{
text-align:center;
}
.panelbrandbox .subcont .branditem .img img{
width:60px;
height:60px;
}
.panelbrandbox .subcont .branditem .name{
padding-top:5px;
font-size:1.2rem;
color:#424242;
}

.paneladdressbox .addressitem{
padding:5px;
border-bottom:1px #ccc solid;
cursor:pointer;
margin-bottom:15px;
}
.paneladdressbox .addressitem .row1{
font-size:1.6rem;
line-height:2;
color:#424242;
}
.paneladdressbox .addressitem .row2{
margin-top:5px;
font-size:1.4rem;
line-height:1.4;
color:#868686;
}



/* 优惠券 */
.mod-coupon .item{
box-shadow:5px 5px 8px rgba(0,0,0,.1);
margin-bottom:15px;
}
.mod-coupon .item .box{

}
.mod-coupon .item .box .amountbox{
flex:0 0 120px;
background:url(images/counponbg.png) no-repeat left center;
background-size:auto 100%;
height:110px;
position:relative;
}
.mod-coupon .item .box .amountbox .serialnum{
position:absolute;
text-align:center;
color:rgba(255,255,255,.6);
width:100%;
left:0;
bottom:3px;
font-size:1rem;
line-height:1;
}
.mod-coupon .item .box .amountbox .amount{
color:#fff;
font-family:XFP-Bold,arial;
line-height:16px;
}
.mod-coupon .item .box .amountbox .amount dfn{
font-size:2.4rem;
}
.mod-coupon .item .box .amountbox .amount span{
font-size:5rem;
line-height:50px;
}
.mod-coupon .item .box .amountbox .limitamount{
font-size:1.4rem;
line-height:16px;
color:#fff;
}
.mod-coupon.fixedsmall .item .box .amountbox{
flex:0 0 90px;
height:90px;
}
.mod-coupon.fixedsmall .item .box .amountbox .amount{
color:#fff;
font-family:XFP-Bold,arial;
}
.mod-coupon.fixedsmall .item .box .amountbox .amount dfn{
font-size:2rem;
line-height:20px;
}
.mod-coupon.fixedsmall .item .box .amountbox .amount span{
font-size:4rem;
line-height:40px;
}
.mod-coupon.fixedsmall .item .box .amountbox .limitamount{
font-size:1.4rem;
line-height:16px;
color:#fff;
}
.mod-coupon .item .box .exp{
flex:1 1 auto;
padding:5px 10px;
border-top:1px #e5e5e5 solid;
}
.mod-coupon.fixedsmall .item .box .exp{
padding:5px;
}
.mod-coupon .item .box .exp .couponname{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-align:left;
font-size:1.5rem;
color:#000;
line-height:20px;
height:44px;
margin-bottom:8px;
}
.mod-coupon.fixedsmall .item .box .exp .couponname{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
text-align:left;
font-size:1.5rem;
color:#000;
line-height:20px;
height:22px;
margin-bottom:8px;
}
.mod-coupon .item .box .exp .couponname .product{
color:#e7211e;
margin-right:8px;
}
.mod-coupon .item .box .exp .expireddate{
color:#a0a0a0;
font-size:1.4rem;
line-height:16px;
}
.mod-coupon.fixedsmall .item .box .exp .expireddate{
color:#a0a0a0;
font-size:1.2rem;
line-height:20px;
}
.mod-coupon .item .box .exp .hrline{
border-bottom:1px #d5d5d5 dashed;
height:0;
width:100%;
margin-top:4px;
}
.mod-coupon .item .box .exp .foot{
line-height:1.3;
cursor:pointer;
padding:5px 5px 2px 0;
}
.mod-coupon.fixedsmall .item .box .exp .foot{
padding:5px 5px 2px 0;
}
.mod-coupon .item .box .exp .foot .bl{

}
.mod-coupon.fixedsmall .item .box .exp .foot .bl{
color:#15a526;
font-weight:600;
}
.mod-coupon .item .box .exp .foot .br{
width:16px;
height:16px;
background:url(images/icon-down-a0a0a0.svg) no-repeat center center;
background-size:16px;
-webkit-transition: all 400ms;
   -moz-transition: all 400ms;
    -ms-transition: all 400ms;
     -o-transition: all 400ms;
        transition: all 400ms;
}
.mod-coupon.fixedsmall .item .box .exp .foot .br{
background:url(images/icon_c_right_15a526.svg) no-repeat center center;
background-size:16px;
}

.mod-coupon .item .box .exp .foot.show .br{
transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
}

.mod-coupon .item .expinfo{
border:#f0f0f0 solid;
border-width:1px;
padding:8px 12px;
display:none;
}

.aboutlogo{
text-align:center;
}
.aboutlogo img{
width:80px;
height:80px;
}
.aboutlogo .sitename{
text-align:center;
font-size:1.6rem;
line-height:1.8;
color:#424242;
}

/* 详情页 */
.detailbox{
font-size:1.5rem;
line-height:2;
}
.detailbox img{
max-width:100%;
height:auto;
}
.detailbox div,.detailbox p{
font-size:1.5rem;
line-height:2;
margin:0;
}
.detailbox p{
margin-bottom:10px;
}
.prodtitle{
margin:10px 0;
text-align:center;
font-size:1.8rem;
line-height:2.2;
font-weight:600;
color:#f60;
}
.prodtitle .cate{
font-weight:normal;
color:#888;
margin-right:8px;
}
/*
.pricebox{
background:url(images/pricebg.png) no-repeat center center;
background-size:100% auto;
padding:10px 15px;
}
.pricebox .pricedata{
flex:1 1 auto;
}
.pricebox .hits{
flex:0 0 120px;
}
.pricebox .pricedata .current{
font-family:XFZhengHT-EN-Regular,arial;
color:#f60;
}
.pricebox .pricedata .current dfn{
font-family:XFPZhengHT-EN-Bold,arial;
font-size:2.8rem;
line-height:24px;
}
.pricebox .pricedata .current span.price{
font-size:4.5rem;
line-height:45px;
}
.pricebox .pricedata .current span.multi{
font-family:"微软雅黑",verdana,tahoma,arial;
font-size:1.6rem;
line-height:1.1;
}
.pricebox .pricedata .del{
font-family:XFZhengHT-EN-Regular,arial;
color:#a0a0a0;
font-size:1.8rem;
text-decoration:line-through;
}
.pricebox .pricedata .del dfn{
font-size:1.4rem;
line-height:18px;
}
.pricebox .pricedata .del span.price{
line-height:24px;
}
.pricebox .hits{
font-family:XFZhengHT-EN-Regular,arial;
font-size:1.8rem;
color:#a0a0a0;
}
.pricebox .hits span{
display:inline-block;
background:url(images/icon-hits-a0a0a0.svg) no-repeat left center;
background-size:18px;
padding-left:22px;
}
*/
.proddays{
margin-top:10px;
color:#f60;
font-size:1.6rem;
}

.fixed-addrfooter{
height:60px;
clear:both;
width:100%;
}
.addrfooter{
background-color:#fff;
width:80%;
padding:0 10%;
height:60px;
position:fixed;
bottom:50px;
left:0;
right:0;
}
.regionitem{
margin-right:5px;
}

/* 收货地址 */

.useraddrbox{
margin-bottom:15px;
background-color:#fff;
border-radius:8px;
border-bottom:4px #e5e5e5 solid;
padding:5px;
}
.useraddrbox .row1{
border-bottom:1px #d5d5d5 solid;
line-height:32px;
font-size:1.6rem;
color:#000;
padding:0 4%;
}
.useraddrbox .row1 .name{
margin-right:15px;
}
.useraddrbox .addr{
padding:8px 4%;
font-size:1.4rem;
line-height:22px;
height:45px;
} 
.useraddrbox .addrop{
padding:5px 4% 0 4%;
font-size:1.4rem;
line-height:22px;
border-top:1px #f5f5f5 solid;
} 
.useraddrbox .addrop .defa{
margin-right:15px;
background-color:#fff;
border:1px #e5e5e5 solid;
border-radius:4px;
line-height:1.4;
padding:5px 8px 5px 24px;
background:url(images/icon_default_cccccc.svg) no-repeat 2px center;
background-size:22px;
}
.useraddrbox .addrop .defa.isdefault{
background:url(images/icon_default_3ac814.svg) no-repeat 2px center;
background-size:22px;
}
.useraddrbox .addrop .trash{
margin-right:15px;
background-color:#fff;
border:1px #e5e5e5 solid;
border-radius:4px;
line-height:1.4;
padding:5px 8px 5px 24px;
background:url(images/icon_trash_e50012.svg) no-repeat 5px center;
background-size:16px;
}
.useraddrbox .addrop .modi{
display:block;
background-color:#fff;
border:1px #e5e5e5 solid;
border-radius:4px;
line-height:1.4;
padding:5px 8px 5px 24px;
background:url(images/icon_edit_a0a0a0.svg) no-repeat 5px center;
background-size:16px;
}

/* 下单 */
.footerboxfixed{
height:50px;
clear:both;
}
.footerbox{
position:fixed;
width:100%;
height:40px;
padding:5px 0;
left:0;
bottom:51px;
z-index:99;
border-top:1px #f0f0f0 solid;
background-color:#fff;
text-align:center;
}
.footerbox a.btnbuy{
display:inline-block;
width:80%;
height:40px;
font-size:1.6rem;
background-color:#f60;
border-radius:5px;
color:#fff;
line-height:40px;
}
.footerbox a.btnbuy span{
padding-left:25px;
display:inline-block;
min-height:25px;
background:url(images/icon-buy-ffffff.svg) no-repeat left center;
background-size:20px 20px;
}
.buy-base{
margin-bottom:10px;
}
.buy-base .img{
flex:0 0 80px;
text-align:center;
}
.buy-base .img img{
width:55px;
height:55px;
}
.buy-base .infos{
flex:1 1 auto;
}
.buy-base .infos .item{
font-size:1.6rem;
line-height:2;
}
.buy-base .infos .subitem{
font-size:1.2rem;
line-height:2;
color:#a0a0a0;
}
.buy-base .modprice{
flex:0 0 90px;
font-family:XFZhengHT-EN-Regular,arial;
color:#f60;
}
.buy-base .modprice dfn{
font-family:XFPZhengHT-EN-Bold,arial;
font-size:2rem;
line-height:20px;
}
.buy-base .modprice span.price{
font-size:3.0rem;
line-height:32px;
}
.modorderamount{
font-family:XFZhengHT-EN-Regular,arial;
color:#868686;
}
.modorderamount dfn{
font-family:XFPZhengHT-EN-Bold,arial;
font-size:1.4rem;
line-height:20px;
}
.modorderamount span.mul{
font-family:XFPZhengHT-EN-Bold,arial;
font-size:2.8rem;
line-height:28px;
}
.modorderamount span.price{
font-size:2rem;
line-height:32px;
}
.modorderamount.productpriceshow{
}
.modorderamount.couponpriceshow{
color:#e7211e;
}
.modorderamount.realpayshow{
color:#f60;
}
.buyitem{
padding:5px 0;
cursor:pointer;
}
.buyitem .payment{
}
.buyitem .payment img{
height:30px;
width:auto;
}
.buyitem .key{
flex:0 0 auto;
}
.buyitem .cont{
flex:1 1 auto;
color:#424242;
}
.buyitem .more{
flex:0 0 30px;
padding-left:10px;
}
.buyitem .more img{
width:24px;
height:24px;
}
a.btnpay{
display:inline-block;
background:url(images/btnpay.png) no-repeat center center;
height:44px;
width:200px;
border-radius:5px;
overflow:hidden;
text-indent:-300px;
}

/* 订单 */
.mod-order .orderitem{
background-color:#fff;
border-radius:12px;
margin-bottom:15px;
padding:6px 5px;
}
.mod-order .orderitem.fixed-apps{
padding:6px 5px 16px 5px;
}
.mod-order .orderitem .orderbase{
padding:8px;
}
.mod-order .orderitem.fixed-apps .orderbase{
border-bottom:1px #d5d5d5 solid;
margin-bottom:8px;
}
.mod-order .orderitem .orderbase .ordernum{
flex:1 1 auto;
font-family:XFZhengHT-EN-Regular,arial;
font-size:1.5rem;
line-height:30px;
}
.mod-order .orderitem .orderbase .ordernum span{
margin-right:4px;
}
.mod-order .orderitem .orderbase .orderstatus{
position:relative;
flex:0 0 80px;
text-align:center;
height:30px;
line-height:30px;
font-size:1.6rem;
font-weight:600;
}
.mod-order .orderitem .orderbase .orderstatus .cancel{
color:#e7211e;
}
.mod-order .orderitem .orderbase .orderstatus .pending{
color:#f60;
}
.mod-order .orderitem .orderbase .orderstatus .apping{
color:#31708f;
}
.mod-order .orderitem .orderbase .orderstatus .apps{
color:#3c763d;
}
.mod-order .orderitem .orderbase .orderstatus .over{
width:80px;
height:60px;
background:url(images/icon_orderover.png) no-repeat center top;
background-size:80px 60px;
text-indent:-200px;
overflow:hidden;
position:absolute;
right:0;
top:-14px;
}
.mod-order .orderitem .orderbase .del{
flex:0 0 30px;
}
.mod-order .orderitem .orderbase .del a.dropitem{
display:inline-block;
}
.mod-order .orderitem .orderbase .del a.dropitem img{
height:20px;
width:20px;
}
.mod-order .orderitem a.detaillink .productimg{
flex:0 0 50px;
}
.mod-order .orderitem a.detaillink .productimg img{
height:50px;
width:50px;
}
.mod-order .orderitem a.detaillink .productname{
flex:1 1 auto;
padding:0 10px;
}
.mod-order .orderitem a.detaillink .productname h1{
font-size:1.6rem;
line-height:1.5;
color:#424242;
}
.mod-order .orderitem a.detaillink .productname .ordernum{
font-size:1.2rem;
color:#a0a0a0;
}
.mod-order .orderitem a.detaillink .productname .ordernum .linkorder{
color:#424242;
}
.mod-order .orderitem a.detaillink .productname .skudata{
font-size:1.2rem;
color:#f60;
}
.mod-order .orderitem a.detaillink .productname .skudata .skuitem{
margin-right:10px;
margin-bottom:4px;
}
.mod-order .orderitem a.detaillink .productname h2.datetime{
font-size:1.2rem;
line-height:1.5;
color:#a0a0a0;
}
.mod-order .orderitem a.detaillink .amount{
flex:0 0 90px;
font-family:XFZhengHT-EN-Regular,arial;
color:#f60;
padding-right:10px;
}
.mod-order .orderitem a.detaillink .amount dfn{
font-family:XFPZhengHT-EN-Bold,arial;
font-size:1.6rem;
line-height:18px;
}
.mod-order .orderitem a.detaillink .amount span.price{
font-size:2.2rem;
line-height:24px;
}
.mod-order .orderitem .orderop{
border-top:1px #ccc solid;
padding:10px 0;
margin-top:15px;
}
.mod-order .orderitem .orderop .item{
margin:0 5px;
}
.mod-order .orderitem a.detaillink .apptime{
font-size:1.6rem;
flex:0 0 100px;
font-family:XFZhengHT-EN-Regular,arial;
color:#f60;
line-height:1.3;
}
.mod-order .orderitem a.detaillink .apptime .date{
}
.mod-order .orderitem a.detaillink .apptime .time{
color:#f30;
font-size:1.8rem;
}

/*



.mod-order .orderitem .orderbase{
margin-bottom:5px;
color:#868686;
font-size:1.4rem;
line-height:1.5;
padding:3px 5px;
border-bottom:1px #d5d5d5 solid;
}
.mod-order .orderitem .orderbase .ordernum{

}
.mod-order .orderitem .orderbase .ordernum span{
margin-right:5px;
}
.mod-order .orderitem .orderbase .datetime{
text-align:right;
}
.mod-order .orderitem .orderbase .datetime span.short{
display:none;
}

@media (max-width: 359px){
.mod-order .orderitem .orderbase .ordernum span{
display:none;
}
.mod-order .orderitem .orderbase .datetime span.long{
display:none;
}
.mod-order .orderitem .orderbase .datetime span.short{
display:inline;
}


}

.mod-order .orderitem a.detaillink{
display:block;
width:100%;
margin-bottom:5px;
}
.mod-order .orderitem a.detaillink .depart{
margin-bottom:3px;
}
.mod-order .orderitem a.detaillink .depart .key{
flex:0 0 50px;
text-align:center;
background-color:#0a0;
color:#fff;
border-radius:5px;
padding:5px 5px;
line-height:1.5;
}
.mod-order .orderitem a.detaillink .depart .addr{
flex:1 1 auto;
padding-left:10px;
}

.mod-order .orderitem a.detaillink .dest{
margin-bottom:5px;
}
.mod-order .orderitem a.detaillink .dest .key{
flex:0 0 50px;
text-align:center;
background-color:#e60012;
color:#fff;
border-radius:5px;
padding:5px 5px;
line-height:1.5;
}
.mod-order .orderitem a.detaillink .dest .addr{
flex:1 1 auto;
padding-left:10px;
}
.mod-order .orderitem a.detaillink .triplinedata{
line-height:2;
}
.mod-order .orderitem a.detaillink .triplinedata .tripdistance{
flex:1 1 50%;
background:url(images/icon-dist-a0a0a0.svg) no-repeat left center;
background-size:18px 18px;
padding-left:25px;
}
.mod-order .orderitem a.detaillink .triplinedata .triptimes{
flex:1 1 50%;
background:url(images/icon-triptime-a0a0a0.svg) no-repeat left center;
background-size:18px 18px;
padding-left:25px;
}

.mod-order .orderitem .guest{
margin-bottom:5px;
border:#d5d5d5 solid;
border-width:1px 0;
background-color:#fff;
}
.mod-order .orderitem .guest .ico{
flex:0 0 30px;
height:24px;
}
.mod-order .orderitem .guest .ico.guestmobile{
background:url(images/icon-mobile-a0a0a0.svg) no-repeat center center;
background-size:18px 18px;
}
.mod-order .orderitem .guest .ico.guestsex1{
background:url(images/icon-male-1296db.svg) no-repeat center center;
background-size:18px 18px;
}
.mod-order .orderitem .guest .ico.guestsex2{
background:url(images/icon-female-d4237a.svg) no-repeat center center;
background-size:18px 18px;
}
.mod-order .orderitem .guest .ico.airplan{
background:url(images/icon-airplan.svg) no-repeat center center;
background-size:18px 18px;
}
.mod-order .orderitem .guest .ico.train{
background:url(images/icon-train.svg) no-repeat center center;
background-size:22px 22px;
}
.mod-order .orderitem .guest .cont{
flex:1 1 auto;
line-height:2;
}
.mod-order .orderitem .guest .cont.sex1{
color:#1296db;
}
.mod-order .orderitem .guest .cont.sex2{
color:#d4237a;
}
.mod-order .orderitem .guest .cont.airplan{
color:#00589b;
}
.mod-order .orderitem .guest .cont .qty em{
font-style:normal;
font-weight:600;
font-size:1.6rem;
}
.mod-order .orderitem .timedata{
width:100%;
}
.mod-order .orderitem .timedata .timeitem{
text-align:center;
width:86px;
}
.mod-order .orderitem .timedata .timeitem .key{
font-size:1.6rem;
line-height:1.2;
margin-bottom:3px;
}
.mod-order .orderitem .timedata .timeitem .cont{
line-height:1.2;
}

*/

/* 订单详情 */
.ordertop{
background:url(images/orderbgtop.jpg) no-repeat center bottom;
background-size:100% auto;
width:100%;
}
.ordertop .header{
height:50px;
}
.ordertop .header .return{
flex:0 0 50px;
}
.ordertop .header .return a{
display:inline-block;
}
.ordertop .header .return a img{
width:24px;
height:24px;
}
.ordertop .header .topuc{
flex:0 0 50px;
}
.ordertop .header .innertitle{
flex:1 1 auto;
font-size:1.8rem;
color:#fff;
font-weight:600;
}
.ordertop .header .topuc .topmsg{
width:24px;
height:24px;
position:relative;
}
.ordertop .header .topuc .topmsg a{
display:inline-block;
position:relative;
}
.ordertop .header .topuc .topmsg a img{
width:24px;
height:24px;
}
.ordertop .orderbaseinfo{
padding:20px 0 60px 0;
}
.ordertop .orderbaseinfo .orderstatus{
color:#fff;
padding-bottom:30px;
}
.ordertop .orderbaseinfo .appdatetime{
color:#fff;
font-family:XFZhengHT-EN-Regular,"微软雅黑",verdana,tahoma,arial;
text-align:center;
font-size:2.2rem;
line-height:1.2;
padding-bottom:20px;
}
.ordertop .orderbaseinfo .orderstatus.fixed-apps{
padding-bottom:20px;
}
.ordertop .orderbaseinfo .orderstatus .item{
font-size:2rem;
padding:0 0 0 32px;
line-height:26px;
}
.ordertop .orderbaseinfo .orderstatus .item.pay{background:url(images/icon-buy-ffffff.svg) no-repeat left center;background-size:26px;}
.ordertop .orderbaseinfo .orderstatus .item.cancel{background:url(images/icon-stop-ffffff.svg) no-repeat left center;background-size:26px;}
.ordertop .orderbaseinfo .orderstatus .item.pending{background:url(images/icon-pending-ffffff.svg) no-repeat left center;background-size:26px;}
.ordertop .orderbaseinfo .orderstatus .item.appover{background:url(images/icon-appover-ffffff.svg) no-repeat left center;background-size:26px;}
.ordertop .orderbaseinfo .orderstatus .item.over{background:url(images/icon-over-ffffff.svg) no-repeat left center;background-size:26px;}
.ordertop .orderbaseinfo .orderop{

}
.ordertop .orderbaseinfo .orderop .item{
margin:0 10px;
}
.pagesection.fixed-order{
margin-top:-12px;
}
.orderproduct{
padding:5px 0;
}
.orderproduct .img{
flex:0 0 100px;
text-align:center;
}
.orderproduct .img img{
height:60px;
width:60px;
}
.orderproduct .prodinfo{
flex:1 1 auto;
}
.orderproduct .prodinfo .prodname{
font-size:1.6rem;
line-height:26px;
}
.orderproduct .prodinfo .prodsku{
font-size:1.2rem;
line-height:16px;
color:#a0a0a0;
}
.orderproduct .prodinfo .skudata{
color:#f60;
font-size:1.2rem;
line-height:16px;
} 
.orderproduct .prodinfo .skudata .skuitem{
margin-right:10px;
}
.orderdetailitem{
padding:8px 0;
cursor:pointer;
}
.orderdetailitem .key{
flex:0 0 auto;
}
.orderdetailitem .cont{
flex:1 1 auto;
color:#222;
padding-left:10px;
font-family:XFZhengHT-EN-Regular,"微软雅黑",verdana,tahoma,arial;
}
.noappdata{
background:url(images/icon_c_error_d81e06.svg) no-repeat left center;
background-size:30px;
padding-left:40px;
}
.noappdata .innerdata{
color:#e7211e;
font-size:1.4rem;
line-height:1.5;
}
.orderdetailitem .cont .prodname{
font-size:1.6rem;
line-height:26px;
}
.orderdetailitem .cont .skudata{
color:#f60;
font-size:1.2rem;
line-height:16px;
} 
.orderdetailitem .cont .skudata .skuitem{
margin-right:10px;
}
img.orderimg{
width:80px;
height:auto;
}
.orderdetailitem .cont .oditem{
margin-right:8px;
}


/* 轨迹信息 */
.tracedata{
width:100%;
}
.tracedata .traceitem{
width:100%;
}
.tracedata .traceitem .num{
flex:0 0 20px;
position:relative;
}
.tracedata .traceitem .num .pline{
flex:1 1 auto;
width:1px;
background-color:#a0a0a0;
}
.tracedata .traceitem:first-child .num .pline{
background-color:transparent;
}

.tracedata .traceitem:last-child .num .number{
}
.tracedata .traceitem:first-child .num .number{

}
.tracedata .traceitem .num .number{
flex:0 0 22px;
border:4px #ccc solid;
border-radius:40px;
height:22px;
width:22px;
text-align:center;
line-height:22px;
font-size:1.8rem;
}
.tracedata .traceitem .num .nline{
flex:1 1 auto;
width:1px;
background-color:#a0a0a0;
}
.tracedata .traceitem:last-child .num .nline{
background-color:transparent;
}
.tracedata .traceitem .cont{
flex:1 1 auto;
padding:8px 0 8px 8px;
}
.tracedata .traceitem.traceover .cont{
color:#f60;
}

.tracedata .traceitem .cont .key{
font-size:1.6rem;
line-height:1.6;
color:#a0a0a0;
}
.tracedata .traceitem .cont .time{
font-size:1.2rem;
line-height:1.4;
color:#ccc;
}
.tracedata .traceitem.traceover .cont .time{
color:#f60;
}
.tracedata .traceitem.traceover .cont .key{
color:#f60;
}
.tracedata .traceitem.traceover .num .number{
border:4px #f60 solid;
color:#f60;
}
.tracedata .traceitem.tracecancel .cont .time{
color:#e7211e;
}
.tracedata .traceitem.tracecancel .cont .key{
color:#e7211e;
}
.tracedata .traceitem.tracecancel .num .number{
border:4px #e7211e solid;
color:#e7211e;
}


/* 站点 */
.panelstationbox{

}
.panelstationbox .staitem{
border:1px #a2d686 solid;
margin-bottom:15px;
border-radius:5px;
background-color:#fff;
box-shadow:0 0 5px rgba(0,0,0,.2);
padding:15px 8px 6px 8px;
position:relative;
}
.panelstationbox .staitem.disablesta{
border:1px #e5e5e5 solid;
}
.panelstationbox .staitem .stainfo{
flex:1 1 auto;
}
.panelstationbox .staitem .stainfo h1{
font-size:1.4rem;
line-height:1.5;
color:#000;
font-weight:600;
margin-bottom:5px;
}
.panelstationbox .staitem .stainfo h2{
font-size:1.1rem;
line-height:1.2;
}
.panelstationbox .staitem .limitcount{
flex:0 0 70px;
font-family:XFZhengHT-EN-Regular,"微软雅黑",verdana,tahoma,arial;

}
.panelstationbox .staitem .limitcount em{
font-size:1.2rem;
font-style:normal;
}
.panelstationbox .staitem .limitcount span{
font-size:2rem;
line-height:1;
}
.panelstationbox .staitem.enablesta .limitcount span{
color:#3a9e04;
}
.panelstationbox .staitem .selstatus{
position:absolute;
right:0;
top:0;
z-index:1;
width:60px;
font-size:1.2rem;
line-height:18px;
text-align:center;
border-radius:0 5px 0 0;
color:#fff;
}
.panelstationbox .staitem .selstatus.enablesel{
background-color:#3a9e04;
}
.panelstationbox .staitem .selstatus.disablesel{
background-color:#e7211e;
}
.panelstationbox .staappdate{
font-weight:600;
font-size:1.4rem;
line-height:30px;
border-bottom:1px #d5d5d5 solid;
padding-left:5px;
margin-bottom:10px;
}
.panelstationbox .staappdate span{
color:#e7211e;
}

/* 
.orderstatus{
margin-bottom:15px;
}
.orderstatus .item{
border-radius:5px;
font-size:1.6rem;
line-height:2;
padding:5px 20px;
text-align:center;
color:#fff;
width:60%;
}
.orderstatus .item.ing{
background-color:#44accb;
}
.orderstatus .item.wait{
background-color:#31708f;
}
.orderstatus .item.over{
background-color:#3c763d;
}
.orderstatus .item.cancel{
background-color:#a94442;
}
*/

.timeline{
width:100%;
}
.timeline .item{
width:100%;
}
.timeline .item .num{
flex:0 0 30px;
position:relative;
}
.timeline .item .num .pline{
width:1px;
height:10px;
background-color:#ccc;
}
.timeline .item:first-child .num .pline{
display:none;
}
.timeline .item .num .number{
border:4px #ccc solid;
border-radius:40px;
height:22px;
width:22px;
text-align:center;
line-height:22px;
font-size:1.8rem;
}
.timeline .item .num .nline{
width:1px;
height:10px;
background-color:#ccc;
}
.timeline .item:last-child .num .nline{
display:none;
}
.timeline .item .cont{
flex:1 1 auto;
padding-left:8px;
}
.timeline .item .cont .key{
font-size:1.2rem;
line-height:1.2;
color:#000;
margin-bottom:5px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.timeline .item .cont .time{
font-size:1.2rem;
line-height:1.2;
}

.pushdata{
position:fixed;
right:10px;
bottom:60px;
z-index:10;
background-color:rgba(0,0,0,.4);
width:50px;
height:50px;
border-radius:8px;
opacity:0;
cursor:pointer;
  -webkit-transition: all 300ms;
     -moz-transition: all 300ms;
       -o-transition: all 300ms;
          transition: all 300ms;
}
.pushdata.show{
opacity:1;
}
.pushdata .r1{
position:absolute;
left:8px;
top:8px;
background-color:rgba(255,255,255,.5);
width:34px;
height:34px;
border-radius:30px;
}
.pushdata .r2{
position:absolute;
left:4px;
top:4px;
background-color:rgba(255,255,255,.6);
width:26px;
height:26px;
border-radius:30px;
}
.pushdata .r3{
position:absolute;
left:4px;
top:4px;
background-color:#e7211e;
width:18px;
height:18px;
border-radius:30px;
}

/*******************
Notify
*******************/
.pushdata .notify {
  position: absolute;
  top: 0;
  left: 0;
 }
.pushdata .notify .heartbit {
    position: absolute;
    left: -8px;
    top: -8px;
    height: 24px;
    width: 24px;
    z-index: 10;
    border: 5px solid #ef5350;
    border-radius: 70px;
	-moz-animation: heartbit 1s ease-out;
    -moz-animation-iteration-count: infinite;
    -o-animation: heartbit 1s ease-out;
    -o-animation-iteration-count: infinite;
    -webkit-animation: heartbit 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite; 
}
.pushdata .notify .point {
width: 8px;
height: 8px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background-color: #ef5350;
position: absolute;
left: 5px;
top: 5px; 
}

.ordermodal{
width:100%;
}
.ordermodal .item{
font-size:1.4rem;
line-height:2;
}
.ordermodal .item .key{
flex:0 0 70px;
text-align:right;
color:#000;
}
.ordermodal .item .cont{
flex:1 1 auto;
padding-left:5px;
text-align:left;
}
.skpricebox{
    background-color: #ff362c;
    padding:1rem;
    margin-bottom: 1.5rem;
}
.skpricebox .pricedata{
    color: #fff;
}
.skpricebox .pricedata .proprice{
font-size: 1.8rem;
}
.skpricebox .pricedata .proprice .price{
    font-size: 3.4rem;
    font-family: "XFZhengHT-EN-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.skpricebox .pricedata .oprice{
    font-size: 1.6rem;
}
.skpricebox .pricedata .oprice .final_price{
    margin-right: 1rem;
    text-decoration: line-through;
}
.skpricebox .pricedata .oprice .discount{
    background-color: #fff;
    padding: .2rem .6rem;
    border-radius: .3rem;
    color: #ff362c;
    font-size:1.4rem;
}
.skpricebox .pricedata .oprice .discount .k2{
 font-size: 1.8rem;
    line-height: 1.2;
}
.skpricebox .lefttime .sk-leftdate{
    color: #fff;
    font-size: 1.2rem;
}

.allclassbox{
    position: fixed;
    top:51px;
    bottom:52px;
    width:100%;
    overflow: hidden;
    background: #f5f5f5;
}
.allclassbox.fix-iphonex{
    bottom: 76px;
}
.allclassbox .topclass{
    flex: 0 0 120px;
    border-right: 1px #d0d0d0 solid;
    height: 100%;
    box-sizing: border-box;
}
.allclassbox .topclass li.menu-item{
    font-size: 1.4rem;
    color: #868686;
    line-height: 1.4;
    padding: 8px 5px;
    border-bottom: 1px #d0d0d0 solid;
    text-align: center;
    border-left: 3px #f5f5f5 solid;
}
.allclassbox .topclass li.menu-item.current{
    font-weight: bold;
    border-left: 3px #ff362c solid;
    color: #000;
    background-color: #f0f0f0;
}
.allclassbox .topclass li.menu-item{
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}


.allclassbox .subclass{
    flex: 1 1 auto;
    height: 100%;
    background-color: #fff;
    padding: 10px 10px;
    box-sizing: border-box;
    overflow: hidden;
}
.allclassbox .subclass .shops-li{
    margin-bottom: 1.5rem;
}
.allclassbox .subclass .shops-li .shops-title{
width: 100%;
}


.allclassbox .subclass .shops-li .shops-title .topimg{
width: 100%;
    overflow: hidden;
    padding-top: 38%;
    position: relative;
    background-size: contain;
}
.allclassbox .subclass .shops-li .shops-title .topimg img.thumbimg{
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    background:url(images/loading_32.gif) no-repeat center center;
}
.allclassbox .subclass .shops-li .shops-title .toptxt{
font-size: 1.6rem;
    color: #000;
    padding: 5px 0;
}
.allclassbox .subclass .shops-li .shops-title .toptxt a{
    color: #000;
    display: block;
}
.allclassbox .subclass .shops-li .shops-items{

}
.allclassbox .subclass .shops-li .shops-items .subitem{
    flex:0 0 33.33%;
    overflow: hidden;
    margin-bottom: 1.0rem;
}
.allclassbox .subclass .shops-li .shops-items .subitem a{
    display: block;
}
.allclassbox .subclass .shops-li .shops-items .subitem .subimg{
    padding: 0 15%;
}
.allclassbox .subclass .shops-li .shops-items .subitem .subimg .innerbox{
    width: 100%;
    position: relative;
    margin-bottom: 5px;
    height: 0;
    padding-top: 100%;
}
.allclassbox .subclass .shops-li .shops-items .subitem .subimg img.thumbimg{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    vertical-align: top;
    border:1px #d0d0d0 solid;
    border-radius: 15px;
    box-sizing: border-box;
    background:url(images/loading_32.gif) no-repeat center center;
}
.allclassbox .subclass .shops-li .shops-items .subitem .subtxt{
    padding: 0 5px;
    text-align: center;
    font-size: 1.0rem;
    line-height: 1.3;
}

.previewout{
    position:fixed;
    top:0;
    left:0;
    right: 0;
    bottom: 0;
    background:rgba(0,0,0,0.7);
    z-index:2;
    width:100%;
    height:100%;
}
.previewout .previewin{
    position:absolute;
}
.previewout .previewin img.orgimg{
    border:5px solid #fff;
}