@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
ul li{ list-style:none}
.clear{ clear:both}
a{text-decoration:none;color:#666;flex: 1;}

a {}
img{ max-height:100%; max-width:100%; border:0}
html,body{ font-size:100%;width:100%; height:100%}
body{ width:100%; max-width:640px; margin:0 auto;color:#666;background:#f7f7f7;font-size:12px; overflow-x:hidden}
p{/* text-align:justify; */}
.kbox{ width:100%; background:#f7f7f7; height:0.4rem}

.warp {
    /* padding: 10px; */
    /* background-image: -webkit-linear-gradient(top, rgba(244, 229, 208, 0.93), rgba(0, 0, 0, 0)); */
    background-size: 100% 200px;
    background-repeat: no-repeat;
    background: #fff;
}

/*banner*/
.d1{width:100%;height:auto;overflow:hidden;position:relative;}
.loading{width:100%;text-align:center;}
.d2 img{width:100%;}
.num_list{position:absolute;width:100%;left:0px;bottom:-1px;color:#FFFFFF;overflow:hidden;}
.num_list span{display:inline-block;}
#fade_focus ul{display:none;}
.button{position:absolute;font-weight:bold;font-family:Arial, Helvetica, sans-serif;position: absolute;text-align: center;-webkit-transition: 300ms;transition: 300ms;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);z-index: 10;bottom: 5px;width: 100%;}
.b1,.b2{background:rgba(255,255,255,0.4);display:inline-block;width:0.5rem; height:0.5rem;margin-right:0.3rem;color:#FFFFFF;text-decoration:none; cursor:pointer; border-radius:100%}
.b2{background-color:#fff;}
.button a{color:transparent}


/*typeNav*/
.typeNav{overflow: hidden;background: #fff;padding:0 0 1rem 0;}
.typeNav ul{ overflow:hidden}
.typeNav ul li{width:25%;float: left;text-align: center; margin-top:0.7rem}
.typeNav ul li img{width: 2.2rem;display: block;margin: 5px auto;}
.typeNav ul li p{color: #666666;font-size:0.8rem; text-align:center; padding-top:0.3rem; font-family:"PingFang SC Regular";}

/*热门资讯*/
.hotTit{ border-bottom:1px solid #eee; border-top:1px solid #eee;background: #fff; padding:0.7rem}
.hotTit .hotTitL{ float:left}
.hotTit .hotTitL img{ height:2rem}
.hotTitR{display: flex;font-size:0.8rem; line-height:2rem;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; padding-left:0.1rem}

/*限时抢购*/
.timeBuy{border-bottom:1px solid #eee;background: #fff; border-top:1px solid #eee;}
.timeBuy .Buybox{ padding:0.5rem; height:1.8rem; border-bottom:1px solid #eee;overflow:hidden; padding-right:0.2rem}
.timeBuy .Buybox p{font-size:0.875rem; float:left;height:1.8rem; line-height:1.8rem; max-width:50%; overflow:hidden; color:#333}
.timeBuy .Buybox p span{ color:#ff2150}
.timeBuy .Buybox a.btn{ display:block; float:right; padding:0 0.3rem; box-sizing:border-box; border:1px solid #ff2150;border-radius:4px;height:1.6rem; line-height:1.6rem; margin-top:0.1rem;font-size:0.75rem; color:#ff2150}
.timeBuy .Buybox a.more{ float:right;height: 1.5rem;width: 1rem;margin-top: 0.25rem;background-image:url(../images/more.png); background-repeat:no-repeat; background-position:center center; background-size:contain}
.timeBuy ul{ overflow:hidden; width:100%}
.timeBuy ul li{ float:left; width:25%; text-align:center; padding:0.5rem 0; overflow:hidden; border-right:1px solid #eee;box-sizing:border-box;}
.timeBuy ul li:nth-child(4n){ border-right:0}
.timeBuy ul li img{ width:80%;}
.timeBuy ul li p{ text-align:center; font-size:0.75rem;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}


.w100{ width:100%; display:block}
.w100 img{ width:100%; display:block}

/*热门市场*/
.hotMarket{background: #fff;border-top:1px solid #eee;}
.hotM_1{border-bottom:1px solid #eee;height:7rem; overflow:hidden}
.hotM_1L{border-right:1px solid #eee;box-sizing:border-box; width:50%; height:7rem; float:left}
.hotM_1C{border-right:1px solid #eee;box-sizing:border-box; width:25%; height:7rem; float:left}
.hotM_1R{width:25%; height:7rem; float:left}

.hotM_2{padding:0.5rem; height:1.8rem; border-bottom:1px solid #eee;overflow:hidden; padding-right:0.2rem}
.hotM_2 p{font-size:0.875rem; float:left;height:1.8rem; line-height:1.8rem; max-width:50%; overflow:hidden; color:#333}
.hotM_2 p span{ color:#ff2150}

.hotM_2 i{ font-style:normal; font-size:0.75rem; padding-left:0.5rem;height:1.8rem; line-height:1.8rem; max-width:50%; float:left; overflow:hidden}
.hotM_2 a.more{ float:right;height:1.8rem; line-height:1.8rem;font-size:0.75rem; padding-right:1rem;background-image:url(../images/more.png); background-repeat:no-repeat; background-position:right center; background-size:40% 70%}

.hotM_3{height:10rem; overflow:hidden}
.hotM_3 .hotM_3L{ width:50%; height:10rem;border-bottom:1px solid #eee;float:left;border-right:1px solid #eee;box-sizing:border-box; overflow:hidden}
.hotM_3 .hotM_3R{width:50%; height:10rem; float:left; overflow:hidden}
.hotM_3R_1{float:left;height:5rem;border-bottom:1px solid #eee;border-right:1px solid #eee;box-sizing:border-box;overflow:hidden;width:50%;border-right:1px solid #eee}
.hotM_3R_1.br{ border-right:0}

.hotM_4{ overflow:hidden}
.hotM_4 .hotM_4L{ width:50%;float:left;box-sizing:border-box; overflow:hidden}
.hotM_4 .hotM_4L img{width:98%;}
.hotM_4 .hotM_4R{width:50%;float:left; overflow:hidden}
.hotM_4R_1{float:left;box-sizing:border-box;overflow:hidden;margin-bottom: 0.2rem;width: 100%;}
.hotM_4R_1.br{ border-right:0}
.hotM_4R_1 img{width:100%;}

.hotM_5{height:6rem; overflow:hidden}
.hotM_5L{float:left;height:6rem;border-bottom:1px solid #eee;border-right:1px solid #eee;box-sizing:border-box;overflow:hidden;width:25%;border-right:1px solid #eee}
.hotM_5L.br{ border-right:0}


/*猜你喜欢*/
.likebox{background: #fff;border-top:1px solid #eee;}
.likeTit{padding:0.5rem; height:1.8rem; border-bottom:1px solid #eee;overflow:hidden; padding-right:0.2rem}
.likeTit img{ height:0.8rem; vertical-align:middle}
.likeTit span{ line-height:1.8rem; height:1.8rem; padding-left:0.5rem;font-size:0.875rem;overflow:hidden; color:#333}
.likebox ul{ overflow:hidden;}
.likebox ul li{ float:left; width:50%;border-bottom:1px solid #eee;border-right:1px solid #eee;box-sizing:border-box;overflow:hidden;}
.likebox ul li:nth-child(2n){ border-right:1px solid #fff}
.likebox ul li a{ display:block; padding:0.5rem}
.likebox ul li .goodsimg{width:100%;height: 170px;overflow: hidden;}
.likebox ul li img.proimg{ width:100%;}
.likebox ul li p.tit{ height:2.5rem; font-size:0.8rem; padding-top:0.5rem; color:#333; line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.likebox ul li p.price{ color:#ff2150;padding-top:0.5rem; height:1rem; line-height:1rem;font-size:0.875rem;}
.likebox ul li p.price span{ padding-left:1rem; color:#999; text-decoration:line-through;font-size:0.7rem; height:1rem;line-height:1rem}
.likebox ul li p.price img{ float:right}


/*footer*/
.fbox2{ width:100%; height:2.8rem}
.fbox1{ width:100%; height:5.5rem}
.fbox{ width:100%; height:2.7rem}
.footbox{width:100%; max-width:640px; margin:0 auto; }
.footer{ position:fixed;width:100%;max-width:640px;bottom:0;background:#fff;z-index:99999;padding-top:0.2rem;border-top:1px solid #eee;height:2.5rem;}
.footer ul{ overflow:hidden;}
.footer ul li{ float:left; width:25%; text-align:center}
.footer ul li img{ height:1.3rem;} 

.footer ul li .icon{ height:1.3rem;font-size: 1.3rem;
    padding: 0;} 
.footer ul li p{ text-align:center; color:#333; font-size:0.75rem; height:1.2rem; line-height:1.2rem}
.footer ul li.on p,.footer ul li.on span{ color:#ff2150}

/*headerbox*/
.headerbox{width:100%; max-width:640px; margin:0 auto; }
.headerbox .header{padding: 0.5rem 0;height: 1.8rem;position:fixed;width:100%;max-width:640px;top:0;background:#fff;z-index:9999;border-bottom:1px solid #eee;}
.headerbox .header .headerL{ position:absolute; left:0; top:0; height:1.8rem; padding-left:0.6rem;}
.headerbox .header .headerL img{ display:block;height: 1.1rem;padding-top: 0.9rem;}
.headerbox .header .headerC{ width:100%; height:1.8rem; line-height:1.8rem; text-align:center}
.headerbox .header .headerC p{ text-align:center; font-size:1.1rem; color:#333}
.headerbox .header .headerR{position:absolute; right:0; top:0; height:1.8rem; padding-right:0.6rem;}
.headerbox .header .headerR a{ color:#333; font-size:0.8rem; line-height:2.8rem}
.headerbox .header .headerR a.c9{ color:#999}
.headerbox .header .headerR img{ height: 0.6rem; margin-top: 1rem;}

/*消息中心*/
.hbox{ width:100%; height:2.85rem; overflow:hidden}
.massegeBox{ padding:0 0.6rem; background:#fff}
.message_1{ width:100%; padding:0.6rem 0; height:2.7rem; border-bottom:1px solid #eee;}
.message_1 .meL{ float:left; width:3.2rem; height:2.7rem; overflow:hidden}
.message_1 .meL img{ width:2.7rem; height:2.7rem; overflow:hidden}
.message_1 .meR{flex: 1;height:3rem;}
.message_1 .meR .meR_1{color:#999;overflow:hidden;height:1.4rem; padding-top:0.2rem }
.message_1 .meR .meR_1 p{ color:#333; float:left; font-size:0.9rem;  max-width:70%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.message_1 .meR .meR_1 span{ display:block; float:right; font-size:0.75rem}
.message_1 .meR .meR_2{color:#999;font-size:0.8rem;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}


.newBox{padding:0 0.6rem;background:#fff;overflow: hidden;}
.new_1{width:100%;padding:0.6rem 0;border-bottom:1px solid #eee;overflow: hidden;}
.new_1 .meL{float:left;width: 5.2rem;overflow:hidden;margin-right: 0.5rem;}
.new_1 .meL img{width: 100%;height: 3.7rem;overflow:hidden}
.new_1 .meR{flex: 1;}
.new_1 .meR .meR_1{color:#999;overflow:hidden;height:1.4rem; padding-top:0.2rem }
.new_1 .meR .meR_1 p{ color:#333; float:left; font-size:0.9rem;  max-width:70%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.new_1 .meR .meR_1 span{ display:block; float:right; font-size:0.75rem}
.new_1 .meR .meR_2{color:#999;font-size:0.8rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top: 0.5rem;}



/*购物车*/
.gwcbox{background:#fff}
.gwcbox_1{ border-top:1px solid #eee; border-bottom:1px solid #eee}
.gwcbox_1 .gwc1_1{padding:0.8rem 0.5rem; height:1.2rem; line-height:1.2rem;border-bottom:1px solid #eee}
.gwcbox_1 .gwc1_1 .g1{ float:left; width:1.2rem; height:1.2rem; padding-right:0.5rem;}
.gwccheck{width:100%; height:100%;background-image:url(../images/checkno.png); background-repeat:no-repeat; background-position:center center; background-size:contain}
.gwccheck.on{background-image:url(../images/checkon.png); background-repeat:no-repeat; background-position:center center; background-size:contain}
.gwcbox_1 .gwc1_1 .g2{ float:left; width:60%; overflow:hidden; height:1.2rem}
.gwcbox_1 .gwc1_1 .g2 span{ display:block;font-size:0.9rem;max-width:50%; float:left; height:1.2rem; line-height:1.2rem; vertical-align:middle; overflow:hidden}
.gwcbox_1 .gwc1_1 .g2 img{ padding-left:0.2rem}
.gwcbox_1 .gwc1_1 .g3{ float:right}
.gwcbox_1 .gwc1_1 .g3 img{ height:1rem; padding-top:0.1rem}



.pay-jsyf{padding:0.8rem 0; border-bottom:1px solid #eee;overflow:hidden;background:#fff}
.pay-jsyf .jsyfL{ color:#333; float:left; font-size:0.9rem;margin-left: 0.8rem;}
.pay-jsyf .jsyfR{ float:right; margin-right: 0.8rem; font-size:0.9rem}
.pay-jsyf .jsyfC{ flex:1;font-size:0.9rem; color:#999}
.pay-jsyf .color{     color: #ff2150;}
.pay-jsyf .jsyfL p{ line-height:3rem}




.pay-type{padding-top: .62rem;background: #fff;}
.pay-type ul{display: flex;flex-direction: column;padding: 0 .1rem;}
.pay-type ul li{display: flex;justify-content: space-between;align-items: center;height: 3.5rem;width: 94%;padding: 0 3%;border: 1px solid #e0e0e0;font-size: 1rem;color: #333333;margin-bottom: .35rem;}
.pay-type ul li span sup{display: inline-block;background: #ff6767;font-size: .72rem;padding: .2rem .5rem;/* border-radius: .08rem .08rem .08rem 0; */color: #FFFFFF;margin-left: .08rem;}
.pay-type ul li .type{display: flex;align-items: center;height: 100%;}
.pay-type ul li .type i{display: inline-block;width: 2.85rem;height: 100%;background: url(../images/icon-wxpay.png) center center no-repeat;background-size: 1.65rem 1.60rem;}
.pay-type ul li i.check{display: inline-block;width: 2.85rem;height: 100%;background: url(../images/icon-checked.png) right center no-repeat;background-size: 1.21rem 1.21rem;}
.pay-type ul li .type i.wx{background: url(../images/icon-wxpay.png) left center no-repeat;background-size: 1.25rem 1.20rem;}
.pay-type ul li .type i.ali{background: url(../images/icon-alipay.png) left center no-repeat;background-size: 1.65rem 1.60rem;}
.pay-type ul li .type i.bank{background: url(../images/icon-bank.png) left center no-repeat;background-size: 1.65rem 1.60rem;}
.pay-type ul li .type i.mony{background: url(../images/pay3.png) left center no-repeat;background-size: 1.65rem 1.50rem;}

.pay-type ul li.active{border-color: #ff2150;color: #ff2150;}
.pay-type ul li.active .type i.wx{background-image: url(../images/icon-wxpay-active.png);}
.pay-type ul li.active .type i.ali{background-image: url(../images/icon-alipay-active.png);}
.pay-type ul li.active .type i.bank{background-image: url(../images/icon-bank-active.png);}
.pay-type ul li.active  .type i.mony{background-image: url(../images/pay3-active.png);}

.pay-type ul li.active i.check{background-image: url(../images/icon-checked-active.png);}
.pay-type .more{text-align: center;font-size: .24rem;color: #a6a6a6;padding-bottom: 1.2rem;}
.pay-type ul li.hidden{display: none;}




.gwcbox_1 .gwc1_2{padding:0 0.5rem;}
.gwcbox_1 .gwc1_2 .gwcone{border-bottom:1px solid #eee; padding:0.5rem 0; height:4.5rem; overflow:hidden}
.gwcbox_1 .gwc1_2 .gwcone:last-child{ border-bottom:0}
.gwcbox_1 .gwc1_2 .gwcone .go1{float:left; width:1.2rem; height:1.2rem; padding-right:0.5rem; margin-top:1.7rem}
.gwcbox_1 .gwc1_2 .gwcone .go2{ float:left; width:4.5rem; height:4.5rem; overflow:hidden;padding-right:0.5rem;}
.gwcbox_1 .gwc1_2 .gwcone .go2 img{width:4.5rem; height:4.5rem; overflow:hidden}
.gwcbox_1 .gwc1_2 .gwcone .go3{ flex:1; height:4.5rem;}
.gwcbox_1 .gwc1_2 .gwcone .go3 .go3_1{ height:1rem; overflow:hidden}
.gwcbox_1 .gwc1_2 .gwcone .go3 .go3_1 p.p1{ float:left; color:#333; font-size:0.8rem; width:70%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.gwcbox_1 .gwc1_2 .gwcone .go3 .go3_1 p.p2{ float:right; font-size:0.7rem; color:#999; text-decoration:line-through} 

.gwcbox_1 .gwc1_2 .gwcone .go3 .go3_2{height:1.05rem; padding-top:0.2rem; overflow:hidden}
.gwcbox_1 .gwc1_2 .gwcone .go3 .go3_2 p.p3{float:left; color:#999; font-size:0.8rem; width:60%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis}
.gwcbox_1 .gwc1_2 .gwcone .go3 .go3_2 p.p4{ float:right; color:#ff2150; font-size:1rem}

.gwcbox_1 .gwc1_2 .gwcone .go3 .go3_3{height:1.5rem; overflow:hidden; padding-top:0.7rem}
.gwcbox_1 .gwc1_2 .gwcone .go3 .go3_3 .num1{ float:left;text-align:center; line-height:1.5rem; width:1.5rem; height:1.5rem; background:#f7f7f7; color:#333; font-size:0.9rem}
.gwcbox_1 .gwc1_2 .gwcone .go3 .go3_3 .num2{ float:left;width:2.5rem; height:1.5rem; background:#f7f7f7; color:#333; font-size:0.9rem; border-left:1px solid #fff; border-right:1px solid #fff; text-align:center; line-height:1.5rem;}
.gwcbox_1 .gwc1_2 .gwcone .go3 .go3_3 .num3{float:left;text-align:center; line-height:1.5rem; width:1.5rem; height:1.5rem; background:#f7f7f7;font-size:0.9rem ;color:#ff2150}
.gwcbox_1 .gwc1_2 .gwcone .go3 .go3_3 .del{ float:right}
.gwcbox_1 .gwc1_2 .gwcone .go3 .go3_3 .del img{ height:1.1rem;margin-top: 0.1rem;}

.hejiBox{width:100%; max-width:640px; margin:0 auto;background:#fff }
.hejiBox .heji{height:2.8rem;position:fixed;width:100%;max-width:640px;bottom:2.7rem;background:#fff;z-index:99999; border-top:1px solid #eee}
.hejiBox .heji .heji_1{float:left; width:1.2rem; height:1.2rem;padding:0.8rem 0.5rem; }
.hejiBox .heji .heji_2{ float:left; color:#333; line-height:1.2rem; font-size:0.9rem;padding:0.8rem 0; padding-right:0.5rem}
.hejiBox .heji .heji_3{ float:left;padding:0.8rem 0;padding-left: 0.5rem;}
.hejiBox .heji .heji_3 p{ color:#ff2150;line-height:1.2rem; font-size:0.75rem}
.hejiBox .heji .heji_3 p span{ font-size:1rem; font-size:0.9rem}
.hejiBox .heji .heji_4{ float:left;padding:0.8rem 0;line-height:1.2rem; padding-left:0.5rem; color:#999; font-size:0.75rem}
.hejiBox .heji .heji_5{ float:right; width:5rem; height:2.8rem; overflow:hidden }
.hejiBox .heji .heji_5 a{ display:block;background:#ff2150; color:#fff; text-align:center; line-height:2.8rem;width:5rem; height:2.8rem; font-size:0.875rem}

/*确认订单*/
.hejiBox.jiesuan .heji{ bottom:0}
.jsaddress{ padding:0.8rem 0.5rem; padding-bottom:0.3rem;border-top:1px solid #eee;background:#fff}
.jsaddress .jsaddressL{ float:left; width:90%; overflow:hidden}
.jsaddress .jsaddressL p.p6{ color:#333; font-size:0.8rem}
.jsaddress .jsaddressL p.p6 span{ padding-left:1.2rem}
.jsaddress .jsaddressL p.p5{ font-size:0.75rem; color:#999;line-height:1.4rem}
.jsaddress .jsaddressR{ float:right;}
.jsaddress .jsaddressR img{height: 1.1rem; margin-top:0.5rem}

.jsdingdan{ padding:0 0.5rem; border-top:1px solid #eee;background:#fff}
.jsdp{padding:0.8rem 0; height:1.2rem; line-height:1.2rem;border-bottom:1px solid #eee;overflow:hidden;white-space:nowrap;}
.jsdp img{ height:1.2rem; float:left}
.jsdp span{font-size:0.9rem; height:1.2rem; line-height:1.2rem; padding-left:0.3rem; color:#333}

.jsxq{padding:0.6rem 0; border-bottom:1px solid #eee;overflow:hidden;background:#fff}
.jsxq .jsxq_1{ float:left; width:2.3rem; height:2.3rem; padding-right:0.5rem}
.jsxq .jsxq_1 img{width:2.3rem; height:2.3rem;}
.jsxq .jsxq_2{flex:1; height:2.3rem;}
.jsxq .jsxq_2 .js_1{height:1rem; overflow:hidden}
.jsxq .jsxq_2 .js_1 p.p1{float:left; color:#333; font-size:0.8rem; width:70%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.jsxq .jsxq_2 .js_1 p.p2{ float:right; font-size:0.7rem; color:#ff2150; text-decoration:line-through}
.jsxq .jsxq_2 .js_2{height:0.9rem; padding-top:0.2rem; overflow:hidden}
.jsxq .jsxq_2 .js_2 p.p3{float:left; color:#999; font-size:0.8rem; width:60%;overflow:hidden; white-space:nowrap;text-overflow:ellipsis}
.jsxq .jsxq_2 .js_2 p.p4{ color:#333;float:right; font-size:0.75rem}

.jsyf{padding:0.6rem 0; border-bottom:1px solid #eee;overflow:hidden;background:#fff}
.jsyf .jsyfL{ color:#333; float:left; font-size:0.8rem}
.jsyf .jsyfR{ float:right; font-size:0.8rem}
.jsyf .jsyfC{ flex:1;font-size:0.8rem; color:#999}
.jsyf .jsyfR img{ width:3rem; border-radius:100%}
.jsyf .jsyfL p{ line-height:3rem}

.jshj{padding:0.6rem 0; border-bottom:1px solid #eee;overflow:hidden;background:#fff}
.jshjp{ float:right; text-align:right;overflow:hidden; white-space:nowrap; color:#333; font-size:0.8rem}
.jshjp .sp1{ padding-left:0.8rem}
.jshjp .sp2{ color:#ff2150}

.jsyhq{padding:0 0.5rem; border-top:1px solid #eee; background:#fff}
.jsyhq_1{padding:0.6rem 0; border-bottom:1px solid #eee;overflow:hidden;}
.jsyhq_1 .p1{ float:left;font-size: 0.8rem; color:#333;height:1.2rem; line-height:1.2rem;}
.jsyhq_1 .p2{ float:left;font-size: 0.75rem; color:#fff; display:block; height:1.2rem; line-height:1.2rem; width:3rem; text-align:center; border-radius:4px; background:#ff2150; margin-left:0.5rem}
.jsyhq_2{padding:0.6rem 0; border-bottom:1px solid #eee;overflow:hidden;}
.jsyhq_2 .jsjfL{ float:left; height:1.2rem; line-height:1.2rem;}
.jsyhq_2 .jsjfL p{ color:#333; font-size:0.8rem}
.jsyhq_2 .jsjfL p span{color:#ff2150; padding-left:0.5rem}
.jsyhq_2 .jsjfR{ float:right;width:1.2rem; height:1.2rem;}

.jsyhq.pad0{ padding:0}
.jsyhq_2.bor0{ border:0}
.jsyhq_2.bor0 a{ display:block; width:100%;}
.jsyhq.pad0 .jsyhq_2{ padding:0.6rem 0.5rem}
.mytb{ padding:0.5rem; border-bottom:1px solid #eee}
.mytb .mytbL{ float:left; width:3rem; height:3rem; padding-right:0.3rem}
.mytb .mytbL img{width:3rem; height:3rem; border-radius:100%}
.mytb .mytbC{ float:left;}
.mytb .mytbC .p1{ color:#333; font-size:0.8rem; line-height: 1.5rem;padding-top: 0.3rem;}
.mytb .mytbC .p2{ color:#999; font-size:0.7rem}
.mytb .mytbR{ float:right;width: 1.2rem; height:1.2rem; padding-top:1rem}
.mytb .mytbR img{}
.tuichu{ width:100%; height:2.5rem; background:url(../images/tcbg.jpg) repeat-y; margin-top:2rem}
.tuichu a{ display:block; text-align:center; line-height:2.5rem; color:#fff; font-size:1rem}
.reg-btn{width:100%;background: #ff2150;text-align: center;font-size: 0.85rem;color: #FFFFFF;display: block;line-height: 2.5rem;margin-top: 0.8rem;border-radius: 20px;}
.reg-btn2{width:100%;background: #fff;text-align: center;font-size: 0.85rem;color: #ff2150;border:#ff2150 1px solid;display: block;line-height: 2.5rem;margin-top: 0.4rem;border-radius: 20px;}
.reg-btn3{width:100%;background: #ff2150;text-align: center;font-size: 0.85rem;color: #FFFFFF;display: block;line-height: 2.5rem;margin-top: 0.8rem;border-radius: 20px;}

/*收银台*/
.paybox{border-top:1px solid #eee; border-bottom:1px solid #eee;background:#fff}
.paybox .pay3{ padding:0.5rem; border-bottom:1px solid #eee; height:1.8rem}
.paybox .pay3 .pay3_L{ float:left; color:#999;}
.paybox .pay3 .pay3_L img{display:block; float:left; height:1.3rem; margin-top:0.3rem; padding-right:0.5rem}
.paybox .pay3 .pay3_L span{ display:block; float:left; font-size:0.8rem;height:1.8rem; line-height:1.8rem}
.paybox .pay3 .pay3_R{width:1.2rem; height:1.2rem; margin-top:0.3rem; float:right}
.paybox .pay3 .pay3_C{ float:right; padding-right:0.5rem; font-size:0.75rem; line-height:1.8rem}
.paybox .pay3.wx{ border-bottom:0; position:relative}
.paybox .pay3.wx .tuijian{ position:absolute; top:0; right:0; z-index:0}
.paybox .pay3.wx .tuijian img{ height:1.3rem}

/*付款成功*/
.paysuccess{ width:100%; background:#fff; padding:1rem 0;border-top:1px solid #eee; border-bottom:1px solid #eee;}
.paysuccess .pay1{ width:65%; margin:0 auto; height:4.5rem; }
.paysuccess .pay1_L{ float:left; width:4.5rem; height:4.5rem; overflow:hidden;padding-right:1rem}
.paysuccess .pay1_L img{ width:4.5rem; height:4.5rem; overflow:hidden}
.paysuccess .pay1_R{ flex:1; height:4.5rem}
.paysuccess .pay1_R p.p1{ color:#ff2150; font-size:1rem}
.paysuccess .pay1_R p.p2{ color:#999; font-size:0.75rem; line-height:1.5; padding-top:0.5rem}

.paysuccess .pay2{ width:65%; margin:0 auto; padding:0.5rem 0; height:2rem; margin-top:0.8rem}
.paysuccess .pay2 a{ display:block;height:1.5rem; width:6rem; text-align:center; line-height:1.5rem; border:1px solid #eee; background:#f9f9f9;font-size:0.75rem; color:#333; border-radius:3px}
.paysuccess .pay2 a.seedd{ float:left}
.paysuccess .pay2 a.comeshop{ float:right}


/*管理收货地址*/
.addressbox{background:#fff;border-bottom:1px solid #eee; padding:0 0.5rem;border-top: 1px solid #eee;}
.addressbox_1{ padding:0.8rem 0 0.5rem 0;border-bottom:1px solid #eee;display: flex;}
.addressbox_1 p.p1{color: #333;font-size: 0.8rem;}
.addressbox_1 p.p1 span{padding-left: 1.2rem;}
.addressbox_1 p.p2{font-size: 0.75rem;color: #999;line-height: 1.4rem; padding-top:0.1rem}
.addressbox_1 .addressbox_l{width:90%;}
.addressbox_1 .addressbox_r{width:90%;}
.addressbox_2{height:1.2rem; padding:0.7rem 0}
.addressbox_2 .ad1{float:left}
.addressbox_2 .ad1 .ad1_1{width:1.2rem; height:1.2rem; padding-right:0.2rem; float:left}
.addressbox_2 .ad1 .ad1_2{ color:#999; font-size:0.75rem; float:left; line-height:1.3rem}
.addressbox_2 .ad2{ float:right}
.addressbox_2 .ad2 .ad2_1{height:1.2rem; padding-right:0.2rem; float:left}
.addressbox_2 .ad2 .ad2_1 img{ height:0.9rem; margin-top:0.1rem}
.addressbox_2 .ad2 .ad2_2{color:#999; font-size:0.75rem; float:left; line-height:1.2rem}
.addressbox_2 .ad2.mr{ padding-right:0.5rem}
.addressbox.on{ border:0}

/*添加收货地址*/
.addressDiv{ border-bottom:1px solid #eee;border-top:1px solid #eee; padding:0 0.5rem; background:#fff}
.addressDiv .addiv1{border-bottom:1px solid #eee;padding:0.5rem 0;min-height: 1.5rem;overflow: hidden;}

.addiv1 {}
.addressDiv .addiv1 .addiv1_l{ float:left; text-align:right; width:20%; color:#666; font-size:0.8rem; line-height:1.5rem}
.addressDiv .addiv1 .addiv1_r{ float:left; width:65%;}
.addressDiv .addiv1 .addiv1_r input{ border:0; width:100%; height:1.5rem; outline:none; padding-left:0.2rem;color:#666; font-size:0.8rem; line-height:1.5rem}
.addressDiv .addiv1 .addiv1_r img{max-width: 4rem;}
.addressDiv .addiv1 .addiv1_c{ float:right; width:15%; height:1.5rem; border-left:1px solid #eee; box-sizing:border-box}
.addressDiv .addiv1 .addiv1_c img.dw{ height:1rem; display:block; margin:0 auto}
.addressDiv .addiv1 .addiv1_c p.dw{text-align:center; font-size:0.6rem;transform:scale(0.8); color:#ff2150}


/*我的*/
.myheader{ padding:1.5rem 1rem; height:3.2rem;background:url(../images/mybg.png) no-repeat; background-size:100% 100%}
.myheaderL{ float:left; width:3.2rem; height:3.2rem; overflow:hidden; padding-right:0.8rem}
.myheaderL img{ width:3.2rem; height:3.2rem; overflow:hidden; border-radius:100%; border:2px solid #fff;box-sizing: border-box;} 
.myheaderR{ flex:1}
.myheaderR .titname{ color:#fff;overflow:hidden; white-space:nowrap; font-size:1rem; font-weight:600; line-height:1.5rem}
.myheaderR .titname a{ color:#fff; font-size:0.8rem; float:right}
.myheaderR .mylike{overflow:hidden; white-space:nowrap; line-height:1.5rem}
.myheaderR .mylike a{ color:#fff; padding-right:1rem; font-size:0.75rem}

.mydd{ padding:0.5rem 0.8rem; height:1.5rem; background:#fff;border-bottom:1px solid #eee;}
.mydd .myddL{ float:left; width:50%; overflow:hidden}
.mydd .myddL img.ts{ height:0.9rem;margin-top: 0.3rem;display: block;float: left; padding-right:0.3rem}
.mydd .myddL img.com{ height:1.2rem; margin-top:0.1rem;display: block;float: left; padding-right:0.3rem}
.mydd .myddL span{ height:1.5rem; line-height:1.5rem; font-size:0.8rem; color:#333}
.mydd .myddR{ float:right; max-width:50%; overflow:hidden}
.mydd .myddR p{ color:#999; float:right; font-size:0.75rem; line-height:1.5rem;}
.mydd .myddR img{ float:right; height:1rem;margin-top: 0.25rem;}
.mydd a{ display:block; width:100%; height:100%}

.mystate{ padding:0.5rem 0.8rem;border-bottom:1px solid #eee; background:#fff}
.mystate ul{ overflow:hidden}
.mystate ul li{ float:left; width:25%; text-align:center}
.mystate ul li p{ color:#999; font-size:0.8rem; text-align:center; line-height:1rem; padding-top:0.3rem}
.mystate ul li .myddbg{ height:1.4rem; width:1.4rem; margin:0 auto; position:relative}
.mystate ul li .myddbg .num{ position:absolute; top:0; right:-0.2rem; z-index:99; background:#ff2150; color:#fff; width:0.8rem; height:0.8rem; text-align:center; line-height:0.8rem; border-radius:100%}

.bor{border-top:1px solid #eee;}


/*积分*/
.jfheader{padding:1rem;background:url(../images/mybg.png) no-repeat; background-size:100% 100%; position:relative; height:6.2rem}
.jfheader .guize{ font-size:0.75rem; text-align:right; width:100%; overflow:hidden; color:#fff}
.jfheader .jfnum{ color:#fff; font-size:1.5rem; width:100%;}
.jfheader .jfnum span{ padding-left:0.2rem; font-size:0.75rem}
.jfheader .jfsub{ color:#fff; font-size:0.8rem; padding-top:0.2rem}
.jfheader .jfgl{ position:absolute; bottom:0; left:0; width:100%; background:rgba(0,0,0,0.3); height:1.4rem; padding:0.5rem 0}
.jfheader .jfgl ul{ overflow:hidden}
.jfheader .jfgl ul li{ float:left; width:33.3%; text-align:center; height:1.4rem; line-height:1.4rem}
.jfheader .jfgl ul li:nth-child(2){ border-left:1px solid #fff; border-right:1px solid #fff; box-sizing:border-box}
.jfheader .jfgl ul li a{ display:block; width:100%; height:1.4rem; color:#fff; font-size:0.8rem; text-align:center; line-height:1.4rem}

.jfbox{border-top:1px solid #fff;border-bottom:1px solid #eee; background:#fff; padding:0 0.8rem}
.jfbox1{padding:0.6rem 0;border-bottom:1px solid #eee;}
.jfbox1:last-child{border-bottom:0}
.jfbox1_L{ float:left; width:3rem; height:3rem; overflow:hidden; padding-right:0.5rem}
.jfbox1_L img,.jfbox1_L i{width:3rem; height:3rem;font-size: 3rem;}
.jfbox1_R{ flex:1}
.jfbox1_R .jfbox1_R1{ color:#333; height:1.2rem; line-height:1.2rem}
.jfbox1_R .jfbox1_R1 .v1{ float:left; width:60%; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:0.8rem}
.jfbox1_R .jfbox1_R1 .v2{ float:right; font-size:0.75rem}
.jfbox1_R .jfbox1_R2{ height:1.4rem; margin-top:0.4rem}
.jfbox1_R .jfbox1_R2 .v3{ float:left; border:1px solid #ddd; color:#999; font-size:0.75rem; padding:0 0.5rem; height:1rem; line-height:1rem; border-radius:3px}
.jfbox1_R .jfbox1_R2 .v4{ float:right; color:#333; font-size:1rem}
.jfbox1_R .jfbox1_R2 .color{     color: #ff2150;}



/*我的订单*/
.myddstatu{ width:100%; background:#fff;}
.myddstatu ul{ overflow:hidden}
.myddstatu ul li{ float:left; width:25%; text-align:center}
.myddstatu ul li a{ display:block; width:100%; height:100%; font-size:0.9rem; text-align:center; height:2.5rem; line-height:2.5rem}
.myddstatu ul li.on{ border-bottom:1px solid #ff2150; box-sizing:border-box}
.myddstatu ul li.on a{ color:#ff2150}

.content-empty {
    position: relative;
    text-align: center;
    margin-bottom: 3rem;
    margin-top: 3rem;
    color: #ccc;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    text-align: center;
}


.myddcon{ padding:0 0.6rem 1rem 0.6rem}
.myddcon1{ background:#fff; border:1px solid #eee; border-radius:4px; margin-top:0.4rem}
.myddcon1 .dpbox{padding: 0.6rem;height: 1.2rem;line-height: 1.2rem;border-bottom: 1px solid #eee;}
.myddcon1 .dpbox .dpL{float: left; width: 60%; overflow: hidden; height: 1.2rem;}
.myddcon1 .dpbox .dpL span{display: block; font-size: 0.8rem; max-width:80%; float: left;height: 1.2rem;line-height: 1.2rem;overflow: hidden;}
.myddcon1 .dpbox .dpL img{padding-left: 0.2rem;height: 1.1rem;margin-top: 0.1rem;}
.myddcon1 .dpbox .dpR{ float:right; color:#ff2150; font-size:0.8rem}
.myddcon1 .dpbox .dpR a{ color:#ff2150}

.myddcon1 .shopbox{padding: 0.6rem;border-bottom: 1px solid #eee;overflow: hidden;background: #fff;}
.myddcon1 .shopbox .shopboxL{ float:left; width:3rem; height:3rem; overflow:hidden; padding-right:0.5rem}
.myddcon1 .shopbox .shopboxL img{width:3rem; height:3rem;}
.myddcon1 .shopbox .shopboxR{ flex:1;height:3rem;}
.shopboxR_1{ height:2rem; overflow:hidden}
.shopboxR_1 .sbr1_1{ float:left;height:2rem; width:70%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; font-size:0.75rem; color:#333;line-height: 1rem;}
.shopboxR_1 .sbr1_2{ float:right; height:2rem}
.shopboxR_1 .sbr1_2 .p1{ color:#999;font-size:0.75rem; text-align:right; text-decoration:line-through}
.shopboxR_1 .sbr1_2 .p2{ color:#333;font-size:0.8rem ; text-align:right}
.shopboxR_2{ height:1rem; overflow:hidden;color:#999}
.shopboxR_2 .p3{ float:left; width:70% ;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; font-size:0.75rem; padding-top:0.1rem}
.shopboxR_2 .p4{ float:right;font-size:0.8rem;}

.dphjbox{padding: 0.6rem;height: 1.2rem;line-height: 1.2rem;border-bottom: 1px solid #eee;}
.dphjbox .p5{ color:#999; font-size:0.75rem; text-align:right}
.dphjbox .p5 span{color:#ff2150; font-size:0.9rem; font-weight:500}

.dpbtn{padding: 0.6rem;height: 1.4rem;line-height: 1.4rem;}
.dpbtn1{ float:left; width:50%; overflow:hidden}
.dpbtn1 img{ display:block; float:left; height:1rem;padding-right:0.2rem; padding-top:0.1rem}
.dpbtn1 .span{ display:block; float:left;color:#666;height: 1.4rem; line-height:1.4rem; font-size:0.75rem}
.dpbtn2{ float:right;}
.dpbtn2 a{ display:block;border: 1px solid #ff2150;color: #fff;font-size: 0.75rem;padding: 0 0.5rem;height: 1.4rem;line-height: 1.4rem;border-radius: 3px;background:#ff2150;box-sizing: border-box;}
.dpbtn3{ float:right; padding-right:0.5rem}
.dpbtn3 a{ display:block;border: 1px solid #ddd;color: #999;font-size: 0.75rem;padding: 0 0.5rem;height:1.4rem;line-height: 1.4rem;border-radius: 3px;box-sizing: border-box; }


/*待收货订单*/
.dddshbox1{padding: 1.5rem 1rem;background: url(../images/mybg.png) no-repeat;background-size: 100% 100%;}
.dddshbox1_1{ color:#fff; font-size:1rem}
.dddshbox1_2{ color:#fff; font-size:0.8rem; padding-top:0.6rem;}

.ddwl{ padding:0.8rem 0.6rem; background:#fff; border-bottom:1px solid #eee; height:2rem;}
.ddwl a{ display:flex;align-items: center; width:100%; height:100%}
.ddwl .ddwl1{ float:left}
.ddwl .ddwl1 img{ height:1.6rem; padding-top:0.2rem; padding-right:0.3rem}
.ddwl .ddwl2{ float:left; width:80%; overflow:hidden}
.ddwl .ddwl2 .p1{ color:#7bb008;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; line-height:0.9rem; font-size:0.8rem}
.ddwl .ddwl2 .p2{overflow:hidden; white-space:nowrap;text-overflow:ellipsis; color:#999; font-size:0.75rem; padding-top:0.4rem}
.ddwl .ddwl3{ float:right}
.ddwl .ddwl3 img{height: 1.1rem;margin-top: 0.4rem;}

.ddwl .ddwl5{ float:left; width:85%;}
.ddwl .ddwl5 .p0{ color:#000; font-size:0.9rem;overflow:hidden; white-space:nowrap; line-height:0.9rem}


.ddwl .ddwl5 .p1{ color:#333; font-size:0.8rem;overflow:hidden; white-space:nowrap; line-height:0.9rem}
.ddwl .ddwl5 .p2{overflow:hidden; white-space:nowrap;text-overflow:ellipsis; color:#999; font-size:0.75rem; padding-top:0.4rem}

.shnobox{ background:#fff; padding:0 0.8rem;border-bottom: 1px solid #eee;border-top: 1px solid #eee; }
.shnobox1{padding: 0.7rem 0;height: 1.2rem;line-height: 1.2rem;border-bottom: 1px solid #eee;}
.shnobox1 .shnobox1_L{float: left; width: 60%;overflow: hidden;height: 1.2rem;}
.shnobox1 span{display: block;font-size: 0.8rem;max-width: 80%;float: left;height: 1.2rem;line-height: 1.2rem;overflow: hidden;}
.shnobox1 img{padding-left: 0.2rem; height: 1.1rem;margin-top: 0.1rem;}
.shnobox1 .shnobox1_R{ float:right}
.shnobox1 .shnobox1_R img{ float:left; display:block; height:0.8rem; padding-right:0.3rem}
.shnobox1 .shnobox1_R span{ float:left;height: 1.2rem; display:block;line-height: 1.2rem; font-size:0.75rem; color:#666}

.shnobox2{padding: 0.7rem 0;border-bottom: 1px solid #eee;overflow: hidden}
.shnobox2 .shnobox2_L{float: left;width: 5rem;overflow: hidden;padding-right: 0.5rem;}
.shnobox2 .shnobox2_L .img{width: 5rem;/*height: 3rem*/}
.shnobox2 .shnobox2_R{flex: 1;height: 3rem;}
.shnobox2_R_1{height:1rem;overflow:hidden;margin-bottom: 0.3rem;}
.shnobox2_R_1 .le{float:left;font-size:0.75rem;color:#333;line-height:1rem;width:70%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.shnobox2_R_1 .ri{ float:right;color:#333;font-size:0.8rem;}
.shnobox2_R_2{ height:2rem; overflow:hidden}
.shnobox2_R_2 .lef{ float:left; width:70%; overflow:hidden}
.shnobox2_R_2 .lef .p1{ color:#999; font-size:0.75rem;line-height:1rem; padding-top:0.2rem}
.shnobox2_R_2 .lef .p2{ width:100%; text-align:right;}
.shnobox2_R_2 .rig{float:right;width:30%;overflow:hidden;text-align: right;}
.shnobox2_R_2 .rig a{display: block;border: 1px solid #ff2150;color: #ff2150;font-size: 0.75rem;padding: 0 0.6rem;height: 1.2rem;line-height: 1.2rem;border-radius: 3px;box-sizing: border-box; float:right; margin-top:0.5rem}

.red{ color:#ff2150}

.shnobox3{ padding:0.7rem 0; overflow:hidden; font-size:0.75rem; color:#999; line-height:1.3rem}

/*晒单评价*/
.fabiao{ width:100%;height: 2.8rem;}
.fabiao a{display: block;background: #ff2150;color: #fff;text-align: center;line-height: 2.8rem;width:100%;height: 2.8rem;font-size: 0.875rem;}

.pingjiabox1{padding: 0.6rem;overflow: hidden;background: #fff;}
.pingjiabox1 .pjleft{ float:left; width:3rem; height:3rem; overflow:hidden; padding-right:0.5rem}
.pingjiabox1 .pjleft img{width:3rem; height:3rem;}
.pingjiabox1 .pjright{ flex:1}
.pingjiabox1 .pjright .p1{ color:#333; font-size:0.75rem; line-height:1rem}
.pingjiabox1 .pjright .p2{ color:#999; font-size:0.75rem; line-height:1rem}
.pingjiabox1 .pjright .p3{ color:#ff2150; font-size:0.8rem; text-align:right; line-height:1rem; font-weight:600}
.pingjiabox2{ background:#fff; overflow:hidden; padding:0.6rem; border-bottom:1px solid #eee}
.pingjiabox2 .pjbox2_l{ float:left; width:40%; font-size:0.8rem; line-height:1.2rem; color:#333}
.pingjiabox2 .pjbox2_r{ float:right; max-width:60%;}
.pingjiabox2 .pjbox2_r img{ height:1rem; padding-top:0.1rem}
.pingjiabox2 .yijian{ padding:0.5rem;height:3rem; margin-top:0.5rem; background:#f7f7f7;}
.pingjiabox2 .yijian textarea{ width:100%; height:3rem; border:0; background:#f7f7f7; font-size:0.75rem; color:#999; outline:none}
.pingjiabox2 .picture{ overflow:hidden; padding-top:0.6rem}
.pingjiabox2 .picture img{ display:block; float:left; width:3rem; height:3rem; padding-right:1rem}
.pingjiabox3{border-top:1px solid #eee; background:#fff}
.pingjiabox3_1{ padding:0.6rem; border-bottom:1px solid #eee;}
.pingjiabox2.bort{ border-bottom:0; padding:0.4rem 0.6rem}
.pingjiabox2 .pjbox2_l.fon{ font-size:0.875rem}


/*评价成功*/
.pjsuccess{ text-align:center; width:50%; margin:0 auto; padding-top:4rem}
.pjsuccess img{ width:7rem; height:7rem}
.pjsuccess .p1{text-align:center; line-height:1.5rem; font-size:0.9rem; padding-top:1rem}
.pjsuccess .p2{ text-align:center; line-height:1.5rem; font-size:0.8rem}


/*搜索*/

.headerbox .header .headerC0{ width:75%; margin:0 auto; height:1.8rem; line-height:1.8rem; text-align:center; background:#f7f7f7; border:1px solid #f7f7f7; box-sizing:border-box; border-radius:4px;}
.headerbox .header .headerC0 .ssdiv{ display:block; width:100%; height:100%}
.headerbox .header .headerC0 .ssdiv input{ float:left; width:80%; border:0; outline:none; height:1.8rem; line-height:1.8rem; color:#999; font-size:0.8rem; background:none; padding-left:0.3rem}
.headerbox .header .headerC0 .ssdiv img{ float:right; height:1.8rem}

.zjssbox{ padding:0.5rem 0.6rem; overflow:hidden; height:1.8rem}
.zjssbox img.i1{ float:left; display:block;height: 1.1rem;margin-top: 0.2rem;}
.zjssbox .sstxt{ height:1.8rem; line-height:1.8rem; float:left}
.zjssbox img.i2{ float:right; display:block;height: 1.1rem;margin-top: 0.2rem;}

.ssbox{ overflow:hidden; padding:0 0.6rem}
.ssbox a{ border:1px solid #ddd; display:block; float:left; height:1.4rem; line-height:1.4rem; padding:0 0.5rem; font-size:0.75rem; margin-right:0.5rem; margin-bottom:0.5rem; border-radius:4px}
.linebox{ padding:0 0.6rem; height:1px; padding-top:0.5rem}
.linebox .line0{width:100%; height:1px; background:#ddd}



/*分类*/
.shoptypebox{ width:100%; height:100%; overflow:hidden}
.shtypeLeft{ float:left; width:25%;height:100%;overflow:auto;background:#f7f7f7;}
.shtypeLeft ul{overflow:scroll}
.shtypeLeft ul li{width:100%;height:3rem; overflow:hidden ;border-bottom:1px solid #eee;border-right:1px solid #eee; box-sizing:border-box}
.shtypeLeft ul li a{ display:block; color:#333; font-size:0.9rem; text-align:center; height:3rem; line-height:3rem}
.shtypeLeft ul li.on{ background:#fff;border-right:0}
.shtypeLeft ul li.on a{ color:#ff2150}

.shtypeRight{ float:left; width:75%;height:100%; background:#fff;overflow:auto;}
.shtypeRight .boxOne{ padding:0.6rem; overflow:scroll;}
.shtypeRight .box1{ width:100%}
.shtypeRight .box1 img{ width:100%}
.shtypeRight .box2{padding-top:3rem}
.shtypeRight .box2.botrtop{ padding-top:1rem}
.shtypeRight .box2 p{ font-size:0.75rem; color:#ff2150; height:2rem; line-height:2rem}
.shtypeRight .box3{ width:100%; margin-top:0.6rem}
.shtypeRight .box3 ul{ overflow:hidden}
.shtypeRight .box3 ul li{ float:left; width:32%; text-align:center; margin-right:2%; overflow:hidden; margin-bottom:0.6rem}
.shtypeRight .box3 ul li:nth-child(3n){ margin-right:0}
.shtypeRight .box3 ul li a{ display:block; height:100%; width:100%}
.shtypeRight .box3 ul li img{ width:4.5rem;}
.shtypeRight .box3 ul li p{ text-align:center; color:#333; font-size:0.75rem; height:1.2rem; line-height:1.2rem;overflow:hidden; white-space:nowrap}



/*物流*/
.wuliubox{ padding:0 0.6rem;}
.wlbox1{ color:#333; font-size:0.8rem; padding:0.6rem 0; line-height:1.2rem; border-bottom:1px solid #eee}
.wlbox2{ color:#333; font-size:0.8rem; padding:0.6rem 0; height:1.2rem; line-height:1.2rem;}
.wlbox3{position:relative;padding-left:0.8rem;overflow:hidden;}
.wlbox3 .line{width:1px;height:100%;background-color:#ddd;position:absolute;left:1.4rem;z-index:-1;}
.wlbox3 ul{}
.wlbox3 ul li{padding-left:2rem;font-size:0.75rem;color:#999; line-height:1rem; margin-bottom:2rem;background:url(../images/wlicon0.png) left center no-repeat}
.wlbox3 ul li:first-child{ color:#7bb008; background:url(../images/wlicon.png) left center no-repeat}
.wlbox3 ul li:last-child{margin-bottom:0px;}


/*优惠券*/
.quanbox{ width:100%; background:#fff;}
.quanbox ul{ overflow:hidden}
.quanbox ul li{ float:left; width:25%; text-align:center}
.quanbox ul li a{ display:block; width:100%; height:100%; font-size:0.9rem; text-align:center; height:2.5rem; line-height:2.5rem}
.quanbox ul li.on{ border-bottom:1px solid #ff2150; box-sizing:border-box}
.quanbox ul li.on a{ color:#ff2150}

.quanbox1{ padding:0 0.6rem 1rem 0.6rem}
.quanbox1_1{margin-top:0.4rem; position:relative}
.quanbox1_1 .quanbg{ width:100%}
.quanbox1_1 .quanbg img{ width:100%;}
.quanbox1_1 .quanb{ background:url(../images/quanbg.png) repeat-y; background-size:100%; padding-top:0.5rem; padding-bottom:0.3rem}
.quanbL{ float:left; width:60%}
.quanbL .p1{ color:#fff; font-size:0.8rem; padding-left:1rem; padding-bottom:0.3rem}
.quanbL .p2{color:#fff; font-size:0.75rem; padding-left:1rem}
.quanbL .p2 span{ font-size:1.5rem; padding-right:0.3rem}
.quanbR{ float:left; width:40%}
.quanbR .p3{ text-align:center; font-size:0.75rem; color:#999; line-height:1rem}
.quanbox1_1 .quanb.quanb1{background:url(../images/quanbg1.png) repeat-y; background-size:100%;}
.shiyong{ position:absolute; left:50%; z-index:999; top:0.5rem}
.shiyong img{ height:4rem}


.quannewsbox{ width:100%; background:#fff;}
.quannewsbox ul{ overflow:hidden}
.quannewsbox ul li{ float:left; width:33.3%; text-align:center}
.quannewsbox ul li a{ display:block; width:100%; height:100%; font-size:0.9rem; text-align:center; height:2.5rem; line-height:2.5rem}
.quannewsbox ul li.on{ border-bottom:3px solid #e32831; box-sizing:border-box}
.quannewsbox ul li.on a{ color:#e32831}

.quannewsbox1{padding:0 0.6rem 1rem 0.6rem}
.quannews_1{margin-top:0.5rem; position:relative; overflow:hidden}
.quannews_1 .quanbg{ width:100%}
.quannews_1 .quanbg img{ width:100%;}
.quannews_1 .quanb{ background:url(../images/q2.png) repeat-y; background-size:100%; padding-top:0.5rem; padding-bottom:0.3rem}
.quannews_1 .quanb .quanL{ width:55%; margin-left:21%; float:left}
.quannews_1 .quanb .quanL p.p1{ color:#fff; font-size:0.95rem;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.quannews_1 .quanb .quanL p.p2{color:#fff; font-size:0.75rem;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; padding-top:0.3rem; padding-bottom:0.3rem}
.quannews_1 .quanb .quanR{ width:24%; float:right; overflow:hidden}
.quannews_1 .quanb .quanR p.p3{color:#fff; font-size:1.2rem;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; text-align:center;}
.quannews_1 .quanb .quanR a{ display:block; text-align:center; height:1.2rem; line-height:1.2rem; width:80%; margin:0 auto;border-radius: 5px; margin-top:0.2rem; font-size:0.7rem}
.quannews_1 .quanb .quanR a.a1{ background:#fecd04; color:#f13e3b}
.quannews_1 .quanb .quanR a.a2{background:#a00300; color:#fff; }
.quannews_1 .quanstate{ position:absolute; top:0; left:0; width:20%}
.quannews_1 .quanstate img{ width:100%}
.quannews_1 .quanb.bg{background:url(../images/q7.png) repeat-y;background-size:100%;}
.quannews_1 .quanb.bg p.p1{ color:#333}
.quannews_1 .quanb.bg p.p2{ color:#333}
.quannews_1 .quanb.bg .quanR a.a3{background:#fff; color:#333; }
.quannews_1 .quanstate2{ position:absolute; top:8%; right:28%; width:17%}
.quannews_1 .quanstate2 img{ width:100%}

.quannews_2{margin-top:0.5rem; background:url(../images/q11.png) no-repeat; background-size:100% 100%; position:relative; overflow:hidden}
.quannews_2 .d1{ padding-top:1.2rem; padding-bottom:0.5rem}
.quannews_2 .d1 p{ text-align:center; font-size:0.8rem; color:#fff}
.quannews_2 .d2{ padding-bottom:3rem}
.quannews_2 .d2 .d21{ float:left; margin:0 5%; width:15%}
.quannews_2 .d2 .d21 img{ width:100%; margin-top:0.2rem}
.quannews_2 .d2 .d22{ float:left; font-size:0.75rem; text-align:center; float:left; width:50%; color:#fff}
.quannews_2 .d3{ font-size:2rem; color:#fff; padding-left:1rem; padding-bottom:4rem}
.quannews_2 .d4{ position:absolute; bottom:1rem; right:1rem; width:35%}
.quannews_2 .d4 img{ width:100%}

.quannewsbox2{padding:0 0.6rem}
.quannews_3{ background:#fff; padding:0.5rem 0.8rem}
.quannews_3 p{ text-align:right; font-size:0.75rem; color:#333; border-bottom:1px solid #ccc; line-height:1.2rem; padding-bottom:0.5rem}

.quannews_4{background:#fff; padding:0.5rem 0.8rem;color:#333; padding-bottom:1rem}
.quannews_4 p.p1{ font-size:0.8rem; font-weight:bold; padding-top:0.5rem; padding-bottom:0.5rem}
.quannews_4 p.p2{ font-size:0.75rem; line-height:1.5rem; border-bottom:1px solid #ddd}
.quannews_4 p.p3{ font-size:0.75rem; line-height:1.2rem;}
.ljsy{ background:#fff; padding:0.5rem}
.ljsy a{ display:block; margin:0 auto; background:#ccc; color:#fff; height:1.5rem; line-height:1.5rem; width:5rem; text-align:center; border-radius:4px}

.quannews_2.bg{background:url(../images/q14.png) no-repeat; background-size:100% 100%;}


/*店铺列表*/
.dpubox{overflow: hidden;background:#fff;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}

.dpubox {}
.dpubox1{padding: 0.8rem 0;border-bottom: 1px solid #eee;overflow: hidden;display: flex;width: 100%;align-items: center;}

.dpubox1 {}
.dpubox1 .dpubox1L{float:left;width:70%;overflow:hidden;display: flex;align-items: center;margin-left: 0.6rem;flex: 1;}
.dpubox1 .dpubox1L .dpimg{float:left;width: 6rem;padding-right: 0.5rem;overflow: hidden;}
.dpubox1 .dpubox1L .dpimg img{width:100%;display: block;}
.dpubox1 .dpubox1L .dptxt{ flex:1;min-height: 2.3rem;}
.dpubox1 .dpubox1L .dptxt .p1{color: #333; line-height:1.3rem;font-size: 0.8rem;overflow:hidden; white-space:nowrap;text-overflow:ellipsis}
.dpubox1 .dpubox1L .dptxt .p2{color: #999; line-height:1rem;font-size: 0.75rem;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.dpubox1 .dpubox1R{/* float:right; */width:30%;/* height: 2.3rem; */font-size: 1rem;margin-right: 0.6rem;}
.dpubox1 .dpubox1R a{float:right;display:block;/* border: 1px solid #ff2150; */color: #ff2150;font-size: 0.85rem;padding: 0.5rem;/* height: 1.4rem; *//* line-height: 1.4rem; */border-radius: 3px;background: #fff;box-sizing: border-box;/* margin-top:0.4rem; */text-align: center;}

.dpubox2{ padding:0.4rem 0}
.dpubox2 ul{ overflow:hidden}
.dpubox2 ul li{ float:left; width:24%; margin-right:1.3%; overflow:hidden; position:relative}
.dpubox2 ul li:nth-child(4n){ margin-right:0}
.dpubox2 ul li img{ width:100%}
.dpubox2 ul li p{ position:absolute; background:rgba(0,0,0,0.4); font-size:0.75rem; color:#fff; width:3rem; height:1.2rem; line-height:1.2rem; bottom:0.15rem; right:0; text-align:center}


/*店铺详情*/
.dpxqbox1{ padding:3.5rem 0.8rem 0.8rem; overflow:hidden; background:url(../images/dpbg.png) no-repeat; background-size:100%}
.dpxqbox1L{float:left; width:70%; overflow:hidden}
.dpxqbox1L .dpimg{ float:left;width: 2.3rem;height: 2.3rem;padding-right: 0.5rem;}
.dpxqbox1L .dptxt{ flex:1;height: 2.3rem;}
.dpxqbox1L .dptxt .p1{color: #333; line-height:1.3rem;font-size: 0.9rem;overflow:hidden; white-space:nowrap;text-overflow:ellipsis}
.dpxqbox1L .dptxt .p2{color: #333; line-height:1rem;font-size: 0.75rem;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.dpxqbox1R{float:right; width:30%;height: 2.3rem;}
.dpxqbox1R .scbox{ width:4rem; height:1.8rem; background:#ff2150; color:#fff; float:right; margin-top:0.5rem; border-radius:4px;}
.dpxqbox1R .scbox img{ height:1rem; margin-top:0.4rem; display:block; float:left; padding-left:0.4rem; padding-right:0.2rem}
.dpxqbox1R .scbox span{ font-size:0.75rem; display:block; float:left; line-height:1.8rem}

.typedp{width:100%; background:#fff;}
.typedp ul{ overflow:hidden}
.typedp ul li{ float:left; width:25%; text-align:center; border-bottom:1px solid #eee; box-sizing:border-box}
.typedp ul li.on{ border-bottom:1px solid #ff2150; color:#ff2150}
.typedp ul li img{ display:block; margin:0 auto; height:1.4rem; padding:0.3rem 0;}
.typedp ul li .p1{ text-align:center; font-size:1rem; line-height:2rem}
.typedp ul li .p2{ text-align:center; font-size:0.75rem; line-height:1rem; padding-bottom:0.5rem}
.typedp ul li.on .p1,.typedp ul li.on .p2{ color:#ff2150}

.dpsub{background:#fff;padding:0 0.8rem;border-bottom:1px solid #eee;}
.dpdengji{ height:2.5rem; border-bottom:1px solid #eee;}
.dpdengji ul{ overflow:hidden; width:100%}
.dpdengji ul li{ float:left; width:33.3%; height:2.5rem; line-height:2.5rem; overflow:hidden}
.dpdengji ul li .v1{ float:left; font-size:0.75rem; color:#666}
.dpdengji ul li .v1 span{ color:#ff2150; padding-left:0.5rem; font-size:0.8rem}
.dpdengji ul li .v2{ float:left; width:0.75rem; height:0.75rem; background:#ff2150; color:#fff; font-size:0.75rem; line-height:0.75rem; text-align:center; margin-top:0.9rem; margin-left:0.3rem}
.dpsub1{height:2.5rem; line-height:2.5rem; border-bottom:1px solid #eee;}
.dpsub1 .dpsubL{ font-size:0.75rem; color:#333; float:left; width:85%}
.dpsub1 .dpsubL span{ padding-left:0.8rem}
.dpsub1 .dpsubR{ float:left; width:15%}
.dpsub1 .dpsubR img{ height:1rem; float:right; display:block; margin-top:0.7rem}
.dpsub1.borbot{ border-bottom:0}
.likeTit span.red{ color:#ff2150}



/*商品列表*/
.hbox1{ width:100%; height:5.4rem; overflow:hidden}
.shopType{width:100%; background:#fff;position: fixed;top: 2.8rem;max-width:640px;}
.shopType ul{ overflow:hidden}
.shopType ul li{ float:left; width:20%; text-align:center}
.shopType ul li a{height:100%; font-size:0.9rem; text-align:center; height:2.5rem; line-height:2.5rem}
.shopType ul li.on{ border-bottom:1px solid #ff2150; box-sizing:border-box}
.shopType ul li.on a{ color:#ff2150}
.shopType ul li .pricebtn1{width: 0px;height: 0px;font-size: 0;line-height: 0;border-color: #fff #fff #a5a5a5 #fff;border-width: 0px 4px 4px;display: inline-block;border-style: solid;position: relative;top: -5px;left: 5px;}
.shopType ul li .pricebtn2{width: 0px;height: 0px;font-size: 0;line-height: 0;display: inline-block;border-style: solid;border-color: #a5a5a5 #fff #fff #fff;border-width:4px 4px 0px;position: relative;top:1px;left: -7px;}

.tolist{ position:fixed; right:0.5rem; bottom:4rem}
.tolist img{ height:3rem}
.totop{ position:fixed; right:0.5rem; bottom:1rem}
.totop img{ height:3rem}

.shoplist{ padding:0rem 0.6rem}
.shoplist ul{ overflow:hidden}
.shoplist ul li{ background:#fff;border: 1px solid #eee; height:7rem; margin-bottom:0.4rem}
.shoplist ul li .listL{ float:left; width:7rem; padding-right:0.8rem}
.shoplist ul li .listL img{ width:7rem; height:7rem}
.shoplist ul li .listR{ flex:1}
.shoplist ul li .listR .v1{ font-size:0.75rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; line-height:1.2rem; color:#333; padding:0.6rem 0.8rem; padding-left:0}
.shoplist ul li .listR .v2{ padding:0 0.8rem}
.shoplist ul li .listR .v2 span{ border: 1px solid #ff2150;color: #ff2150;font-size: 0.75rem; padding:0.2rem 0.5rem;border-radius: 3px;background: #fff;box-sizing: border-box;}
.shoplist ul li .listR .v3{padding:0 0.8rem; padding-top:0.8rem}
.shoplist ul li .listR .v3 .p1{ float:left; font-size:1rem; color: #ff2150; font-weight:600}
.shoplist ul li .listR .v3 .p1 span{color:#999; font-size:0.75rem; text-decoration:line-through; padding-left:0.5rem; font-weight:normal}
.shoplist ul li .listR .v3 .p2{ float:right; color:#999; font-size:0.75rem}


/*筛选*/
.sxbox{width:100%; max-width:640px; margin:0 auto;}
.sxbox0{ width:100%;max-width:640px; height:100%;top:0;z-index:9999;}
.f_mask { background:rgba(0,0,0,0.4);height: 100%;width: 100%; position:fixed;top: 0;left: 0;z-index: 9999; display:none}
#sxtj{ position:fixed; right:-85%; top:0; width:85%; height:100%; background:#fff; z-index:99999;}
.sx_1{ height:2rem; line-height:2rem; padding:0 0.6rem; background:#eee; color:#999; font-size:0.75rem}
.sx_2{ padding:0 0.6rem}
.sx_2 p.tit{ color:#333; padding:0.6rem 0 0.3rem} 
.sx_2 a{ padding:0.3rem 0.8rem; font-size:0.75rem; white-space:nowrap; background:#eee; color:#666; margin-right:0.5rem;margin-bottom:0.5rem; border-radius:3px; line-height:2rem}
.sx_2 .pric{ height:2rem; line-height:2rem; width:100%;}
.sx_2 .pric input{ border:0; background:#eee; color:#ccc;border-radius:3px; font-size:0.75rem; width:30%; height:1.4rem; line-height:1.4rem;}
.sx_2 .pric label{ font-size:0.8rem; padding:0 1rem}
.sx_3{ width:100%; height:2rem; line-height:2rem; position:absolute; bottom:0}
.sx_3 a{ display:block; width:100%; height:2rem; line-height:2rem; text-align:center; color:#fff; background:#ff2150; font-size:0.8rem;}


/*商品详情*/

.xqtab{ width:100%;background:#fff; border-top:1px solid #eee;}
.xqtab .Menubox{ width:100%; height:2.5rem;border-bottom:1px solid #eee}
.xqtab .Menubox ul{ overflow:hidden}
.xqtab .Menubox ul li{ float:left; width:33.3%; font-size:0.85rem; height:2.5rem; line-height:2.5rem; text-align:center}
.xqtab .Menubox ul li.hover{ border-bottom:1px solid #ff2150; color:#ff2150}
.xqtab .Contentbox{ width:100%;}
.canshu{ padding:0 0.8rem;}
.canshu .canshu_1{ width:100%; border-bottom:1px solid #eee; height:2.5rem; line-height:2.5rem; font-size:0.8rem}
.canshu .canshu_1 .pl{ color:#999; float:left; width:32%; overflow:hidden;}
.canshu .canshu_1 .pr{ float:left; color:#999; width:60%; overflow:hidden;}
.likebox.bort{ border-top:0}
.xqsub{ width:100%;min-height: 200px;}
.xqsub img{ width:100%}

.xgtj{ padding:0 0.6rem; background:#fff;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.xgtj .tjtit{ font-size:0.85rem; color:#333;height:2.5rem; line-height:2.5rem;}
.xgtj .tjcon{ padding:0 0 0.6rem 0}
.xgtj .tjcon ul{ overflow:hidden}
.xgtj .tjcon ul li{ float:left; width:24%; margin-right:1.3%; position:relative}
.xgtj .tjcon ul li:nth-child(4n){ margin-right:0}
.xgtj .tjcon ul li .tit{ position:absolute; bottom:0; width:100%; height:1.5rem; line-height:1.5rem;background:rgba(255,255,255,0.5); font-size:0.75rem; color:#333;}
.xgtj .tjcon ul li .tit span{ padding-left:0.6rem}

.xqdp{ padding:0.6rem; background:#fff;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.xqbtn{ width:100%; height:2rem; padding:0.7rem 0 0.2rem 0}
.xqbtn a{display: block; float:left;height: 1.5rem;width: 6rem;text-align: center;line-height: 1.5rem;border: 1px solid #ddd;background: #fff;font-size: 0.75rem;color: #333;border-radius: 3px; margin-left:3rem}
.xqdp_1{ width:100%; height:2.5rem}
.xqdp_1 .xqdp1_1{ float:left; width:70%; overflow:hidden}
.xqdp_1 .xqdp1_1 .dpimg{float: left;width: 2.5rem;height: 2.5rem;padding-right: 0.5rem;}
.xqdp_1 .xqdp1_1 .dpimg img{width: 2.5rem;height: 2.5rem;}
.xqdp_1 .xqdp1_1 .dptxt{flex: 1;height: 2.5rem;}
.xqdp_1 .xqdp1_1 .dptxt .p1{color: #333;font-size:0.85rem; padding-top:0.1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.xqdp_1 .xqdp1_1 .dptxt .p2{ color:#999; padding-top:0.4rem;font-size: 0.75rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.xqdp_1 .xqdp1_2{ float:right; width:30%; overflow:hidden}
.xqdp_1 .xqdp1_2 .scbox{width:2.3rem;height: 2.3rem; border:1px solid #ff2150; border-radius:3px; color:#ff2150; float:right}
.xqdp_1 .xqdp1_2 .scbox img{ display:block; margin:0 auto; height:1rem; margin-top:0.2rem}
.xqdp_1 .xqdp1_2 .scbox span{ display:block; text-align:center; font-size:0.5rem; line-height:1rem; -webkit-text-size-adjust: none;}

.xqbox1{ width:100%;background:#fff; padding-bottom:0.5rem}
.xqbox1 .tit{ color:#333; line-height:1rem; padding:0.6rem; font-size:0.8rem; padding-bottom:0.1rem}
.xqbox1 .qita{ width:100%; height:2rem}
.xqbox1 .qita .p1{ float:left; font-size:0.9rem; color:#ff2150; padding:0 0.6rem;height:2rem; line-height:2rem}
.xqbox1 .qita .p1 span{     padding-left: 1rem;
    color: #999;
    text-decoration: line-through;
    font-size: 0.7rem;
    height: 1rem;
    line-height: 1rem; -webkit-text-size-adjust: none;}
.xqbox1 .qita .p2{ color:#666; font-size:0.75rem; height:2rem; line-height:2rem; text-align:right; padding-right:0.6rem}

.xqbox2{background:#fff;border-top: 1px solid #eee;border-bottom: 1px solid #eee;padding: 0.5rem 0.6rem;height: 1.5rem;}
.xqbox2 .xqbox2L{float: left;width: 50%;overflow: hidden;}
.xqbox2 .xqbox2L img{height:1.2rem;margin-top: 0.1rem;display: block;float: left;padding-right: 0.3rem;}
.xqbox2 .xqbox2L span{ color:#666;height: 1.5rem;line-height: 1.5rem;font-size: 0.75rem;}
.xqbox2 .xqbox2R{float: right;max-width: 50%;overflow: hidden;}
.xqbox2 .xqbox2R img{float: right;height: 1rem;margin-top: 0.25rem;}

.xqpj{ padding:0 0.6rem; background:#fff;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.xqpj .xqpjtit{height:2rem; border-bottom:1px solid #eee}
.xqpj .xqpjtit .xqbox2L{float: left;width: 50%;overflow: hidden;}
.xqpj .xqpjtit .xqbox2L span{ color:#666;height:2rem;line-height:2rem;font-size: 0.75rem;}
.xqpj .xqpjtit .xqbox2R{float: right;max-width: 50%;overflow: hidden;}
.xqpj .xqpjtit .xqbox2R img{float: right;height: 1rem;margin-top: 0.75rem;}
.xqpjbox{ width:100%; padding-top:0.5rem;border-bottom:1px solid #eee; padding-bottom:0.5rem}
.xqpjbox .pj1{height:1.5rem; width:100%}
.xqpjbox .pj1 img{ height:1.5rem; border-radius:100%; width:1.5rem; display:block; float:left}
.xqpjbox .pj1 span{color:#666; font-size:0.75rem; height:1.5rem; line-height:1.5rem; display:block; float:left; padding-left:0.3rem}
.xqpjbox .pj2{ padding-top:0.3rem; color:#666; font-size:0.75rem; line-height:1rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.xqpjbox .pj3{ color:#999; font-size:0.75rem; line-height:2rem}
.morepj{ text-align:center; width:100%; padding:0.5rem 0}
.morepj a{ color:#333; font-size:0.8rem;}

.xqpj.bor{ border:0}

.xqbotbox{width:100%;max-width:640px;margin: 0 auto;background: #fff;}
.xqbotbox0{height:3rem;position:fixed;width: 100%;max-width:640px;bottom: 0;background:#fff;z-index: 999;border-top:1px solid #eee;}
.xqbotboxL{ float:left; width:40%;height:3rem; overflow:hidden}
.xqbotboxL ul{ width:100%; height:3rem; overflow:hidden}
.xqbotboxL ul li{width: 50%;float:left;height:3rem;overflow:hidden;text-align:center}
.xqbotboxL ul li img{ height:1.4rem; padding-top:0.2rem}
.xqbotboxL ul li p{ text-align:center; color:#666; font-size:0.75rem; text-align:center; line-height:1.4rem}
.xqbotboxR{ float:right; width:60%;height:3rem; overflow:hidden}
.xqbotboxR a.a1{ color:#ff2150; border:1px solid #ff2150; border-radius:3px; box-sizing:border-box; height:2.2rem; line-height:2.2rem; font-size:0.8rem; display:block; float:right; margin-right:1rem; width:5rem ; margin-top:0.4rem; text-align:center}
.xqbotboxR a.a2{border:1px solid #ff2150;background:#ff2150;color:#fff;line-height: 3rem;font-size:0.8rem;height: 3rem;display:block;float:right;width:5rem;text-align:center;/* border-radius:3px; *//* box-sizing:border-box; *//* margin-top:0.4rem; *//* margin-right:0.5rem; */}

.xzsize{width:100%; max-width:640px; margin:0 auto;}
.xzsize0{ width:100%;max-width:640px; height:100%;bottom:0;z-index:9999;}
.f_mask0 {background:rgba(0,0,0,0.4);height: 100%;width: 100%;position:fixed;top: 0;left: 0;z-index: 999;display:none}
#size{position:fixed;left:0;bottom:-80%;width:100%;height:50%;background:#fff;z-index: 999;}
.size1{ padding:1rem 0.6rem; position:relative}
.size1 .size1_1{ float:left; width:4rem; height:4rem; overflow:hidden; padding-right:1rem}
.size1 .size1_1 img{ width:4rem; height:4rem; overflow:hidden}
.size1 .size1_2{ flex:1}
.size1 .size1_2 .p1{ color:#ff2150; font-size:1rem}
.size1 .size1_2 .p2{ color:#999; font-size:0.75rem; padding-top:0.5rem; line-height:1.2rem}
.size1 .size1_2 .p3{ color:#999; font-size:0.75rem;line-height:1.2rem}
.size1 .size1_3{ position:absolute; top:0.5rem; right:0.5rem; width:1.2rem; height:1.2rem; overflow:hidden;}
.size1 .size1_3 img{ height:1.2rem}
.size2{padding:1rem 0.6rem;}
.size2 .size2_1{ border-top:1px solid #eee;padding-bottom: 0.5rem;}
.size2 .size2_1 .tit{color: #333;padding: 0.6rem 0 0.3rem;}
.size2 .size2_1 a{padding:0.3rem 0.8rem;font-size: 0.75rem;white-space: nowrap;background: #eee;color: #666;margin-right: 0.5rem;margin-bottom: 0.5rem;border-radius: 3px;line-height: 2rem;}
.size2 .size2_1 a.on{ background:#ff2150; color:#fff;}
.size2 .size2_1 .lnums{height: 1.5rem;overflow: hidden;padding-top: 0.2rem;}
.size2 .size2_1 .lnums .num1{float: left;text-align: center;line-height: 1.5rem;width: 1.5rem;height: 1.5rem;background: #f7f7f7;color: #333;font-size: 0.9rem;}
.size2 .size2_1 .lnums .num2{float: left;width: 2.5rem;height: 1.5rem;background: #f7f7f7;color: #333;font-size: 0.9rem;border-left: 1px solid #fff;border-right: 1px solid #fff;text-align: center;line-height: 1.5rem;}
.size2 .size2_1 .lnums .num3{float: left;text-align: center;line-height: 1.5rem;width: 1.5rem;height: 1.5rem;background: #f7f7f7;font-size: 0.9rem;color: #ff2150;}
.size3{ position:absolute; bottom:0; left:0; width:100%; height:2rem; line-height:2rem}
.size3 a{ background:#ff2150; color:#fff; font-size:0.8rem; height:2rem; line-height:2rem; text-align:center; display:block; width:100%}


.hdbox{width: 100%;max-width:640px;margin: 0 auto;}
.hdbox0{ height:2.8rem;position: fixed;width: 100%;max-width:640px;top: 0;background: #fff;z-index: 9999;border-bottom: 1px solid #eee;}
.hdbox_1{ position:absolute; top:0;left:0.6rem; height:2.8rem;}
.hdbox_1 img{ height:1.1rem;padding-top:0.8rem}
.hdbox_2{ width:50%; margin:0 auto; height:2.8rem}
.hdbox_2 ul{ overflow:hidden; width:100%;height:2.8rem}
.hdbox_2 ul li{ float:left; width:50%; overflow:hidden; height:2.8rem; line-height:2.8rem}
.hdbox_2 ul li a{ display:block; color:#333; font-size:0.8rem; text-align:center}
.hdbox_2 ul li.on{ border-bottom:1px solid #ff2150; height:2.8rem;box-sizing: border-box;}
.hdbox_2 ul li.on a{ color:#ff2150}
.hdbox_3{ position:absolute; top:0;right:0.6rem;height:2.8rem;}
.hdbox_3 img{ height:1.1rem; float:right; padding-top:0.8rem}


/*购物车空*/
.pay30{width: 65%;margin: 0 auto;text-align:center}
.pay30 img{width: 4.5rem;height: 4.5rem;overflow: hidden;}
.pay30 p{color: #999;font-size: 0.75rem;line-height: 1.5;padding-top: 0.5rem; text-align:center}
.pay40{ padding-top:1rem}
.pay40 a{ display:block;height: 1.5rem;width: 6rem;text-align: center;line-height: 1.5rem;border: 1px solid #eee;background: #f9f9f9;font-size: 0.75rem;color: #333;border-radius: 3px; margin:0 auto}



/*首页头部搜索*/
.topssbox1{width: 100%;max-width:640px;margin: 0 auto;position:relative;}
.topss{padding: .51rem 0;/* position: absolute; *//* top: 0; */z-index: 99999;width: 100%;/* margin-bottom: .51rem; */}
.topss .headerC0{width:95%;margin:0 auto;height:1.8rem;line-height:1.8rem;text-align:center;background:#f7f7f7;border:1px solid #f7f7f7;box-sizing:border-box;border-radius:4px;}
.topss .headerC0 .ssdiv{ display:block; width:100%; height:100%}
.topss .headerC0 .ssdiv input{ float:left; width:80%; border:0; outline:none; height:1.8rem; line-height:1.8rem; color:#999; font-size:0.8rem; background:none; padding-left:0.3rem}
.topss .headerC0 .ssdiv img{ float:right; height:1.8rem}

.topss .topssbox{width:100%;height:1.8rem;line-height:1.8rem;border:1px solid #eee;border-radius:6px;margin:0 auto;background:#fff;border-radius: 60px;}
.topss .topssbox img{ height:1.8rem;padding-left: 0.3rem;}



/*个人中心*/
.m0myheader{ background:url(../images/mybg.jpg) repeat-y; width:100%; background-size:100%}
.m0myheader .conbox{padding:0.8rem;position: relative;}
.m0myheader .conbox .conboxL{margin: 0 auto;/* width: 30%; */text-align: center;}
.m0myheader .conbox .conboxL img.tt{/* float:left; */width: 3.5rem;height: 3.5rem;border-radius:100%;padding-right:0.5rem}
.m0myheader .conbox .conboxL .p1{color:#fff;font-size:1.2rem;margin-top: 0.5rem;text-align: center;}
.m0myheader .conbox .conboxL .btR{/* float:left; */}
.dali{display: inline-flex;}
.m0myheader .conbox .conboxL .v1{background:#e5595c;border-radius:6px;height:1.3rem;line-height:1.3rem;padding: 0 0.3rem;margin: 0.3rem;color: #fff;font-size: 0.7rem; float: left;} 
.m0myheader .conbox .conboxL .v1 img{ height:1rem; float:left; padding-left:0.2rem; padding-right:0.1rem;    padding-top: 0.1rem;}
.m0myheader .conbox .conboxL .v1 p{ color:#fff; font-size:0.7rem; }
.m0myheader .conbox .conboxR{/* float:right; */width:20%;position: absolute;top: 10px;right: 5%;}
.m0myheader .conbox .conboxR a{ display:block; color:#fff; text-align:right; font-size:0.85rem;}

.m0myheader .conbox2{width:80%;margin:0 auto;padding:0rem 0 2.5rem;/* display: none; */}
.m0myheader .conbox2 ul{overflow:hidden;display: none;}
.m0myheader .conbox2 ul li{ float:left; width:33.3%}
.m0myheader .conbox2 ul li .p1{ text-align:center; color:#fff; font-size:0.8rem; line-height:1.5rem}
.m0myheader .conbox2 ul li .p2{ text-align:center;color:#fff; font-size:0.75rem}

.mypart1{ position:relative; margin-top:-2rem; padding:0 1rem}
.mypart1 ul{overflow:hidden;background:#fff;padding:0.8rem;border-radius:6px}
.mypart1 ul li{float:left;width: 33.3%;text-align:center}
.mypart1 ul li .p1{text-align:center;color:#000;font-size: 1rem;line-height:1.5rem}
.mypart1 ul li .p2{text-align:center;color:#000;font-size: 0.85rem;line-height:1.5rem}
.mypart1 ul li img{ height:1.5rem}
.mypart1 ul li:last-child{ border-left:1px solid #eee; box-sizing:border-box}


.mypart2{padding:0 1rem}
.mypart2 .con{background:#fff; padding:0.5rem 0.8rem; border-radius:6px}
.mypart2 .con .pa2_tit{height:2rem;line-height:2rem;/* border-bottom:1px solid #f7f7f7; */}
.mypart2 .con .pa2_tit p{ float:left; font-size:0.8rem; color:#000; font-weight:bold;}
.mypart2 .con .pa2_tit p i{margin-right:0.3rem;}
.mypart2 .con .pa2_tit .fui-cell-remark{
    display:block;
    color:#666;
    font-size:0.75rem;
    text-align: right;
    position: relative;
    top: 0.8rem;
    float: right;
    }
.mypart2 .con .pa2_tit .fui-cell-remark:after {
    content: " ";
    display: inline-block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 0.4rem;
    width: 0.4rem;
    border-width: 1px 1px 0 0;
    border-color: #666;
    border-style: solid;
    position: relative;
    /* top: 10px; */
    margin-left: 0;
}
.mypart2 .con .pa2_tit a{ display:block; float:right; color:#666; font-size:0.75rem}
.mypart2 .con ul{overflow:hidden;padding-top:0.3rem;padding-left: 0;}
.mypart2 .con ul li{float:left;width: 25%;text-align:center;padding:0.5rem 0}
.mypart2 .con ul li .ddimg{ width:1.5rem; height:1.5rem; margin:0 auto; position:relative;}
.mypart2 .con ul li .ddimg img{ width:1.5rem; height:1.5rem;}
.mypart2 .con ul li .ddimg .num{ position:absolute;top: 0;right: -0.2rem;z-index: 99;background: #ff2150;color: #fff;width: 0.8rem;height: 0.8rem;text-align: center;line-height: 0.8rem;border-radius: 100%;}
.mypart2 .con ul li p{ text-align:center; line-height:1.5rem; font-size:0.75rem; color:#666}

.mypart2 .pa2con{}
.mypart2 .pa2con img{ width:100%}
.mypart2 .pa2con p{ color:#000; line-height:2rem; font-size:0.8rem}

.mypart3{padding:0 1rem}
.mypart3 ul{background:#fff; padding:0.5rem 0.8rem; border-radius:6px; overflow:hidden; padding-top:1rem}
.mypart3 ul li{ float:left; width:25%; text-align:center; padding-bottom:0.5rem}
.mypart3 ul li img,.mypart3 ul li i{ height:2.5rem;font-size: 2.5rem;}
.mypart3 ul li p{ text-align:center; font-size:0.75rem; color:#666; line-height:1.5rem}


.likebox.my{ margin:0 1rem}

.mypart4{padding:0 1rem; padding-bottom:0.5rem}
.mypart4 img{ display:block; margin:0 auto; height:1.5rem}



.video{padding:0 1rem}
.video .con{background:#fff; padding:0.5rem 0.8rem; border-radius:6px}
.video .con .pa2_tit{height:2rem;line-height:2rem;/* border-bottom:1px solid #f7f7f7; */}
.video .con .pa2_tit p{ float:left; font-size:0.8rem; color:#000; font-weight:bold;}
.video .con .pa2_tit p i{margin-right:0.3rem;}
.video .con .pa2_tit .fui-cell-remark{
    display:block;
    color:#666;
    font-size:0.75rem;
    text-align: right;
    position: relative;
    top: 0.8rem;
    float: right;
    }
.video .con .pa2_tit .fui-cell-remark:after {
    content: " ";
    display: inline-block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 0.4rem;
    width: 0.4rem;
    border-width: 1px 1px 0 0;
    border-color: #666;
    border-style: solid;
    position: relative;
    /* top: 10px; */
    margin-left: 0;
}
.video .con .pa2_tit a{ display:block; float:right; color:#666; font-size:0.75rem}
.video .con ul{ overflow:hidden; padding-top:0.3rem}
.video .con ul li{float:left;width: 25%;text-align:center;padding:0.5rem 0}
.video .con ul li .ddimg{ width:1.5rem; height:1.5rem; margin:0 auto; position:relative;}
.video .con ul li .ddimg img{ width:1.5rem; height:1.5rem;}
.video .con ul li .ddimg .num{ position:absolute;top: 0;right: -0.2rem;z-index: 99;background: #ff2150;color: #fff;width: 0.8rem;height: 0.8rem;text-align: center;line-height: 0.8rem;border-radius: 100%;}
.video .con ul li p{ text-align:center; line-height:1.5rem; font-size:0.75rem; color:#666}

.video .pa2con{}
.video .pa2con img{ width:100%}
.video .pa2con p{ color:#000; line-height:2rem; font-size:0.8rem}



.font-visib {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}


.iphone { width: 384px; height: 799px; padding: 182px 32px 157px; margin: 10px auto; }
.browser { position: relative; width: 320px; height: 460px; overflow: hidden; }
@media (min-width: 721px) and (max-width: 1300px) {
	.iphone { width: 270px; height: 562px; padding: 128px 23px 111px; margin: 20px auto; background-size: 270px 562px; }
	.browser { width: 224px; height: 323px; }
}
@media (max-width: 720px) {
	.iphone { width: 100%; height: 100%; padding: 0; background: none; }

	.browser { width: 100%; height: 100%; }
}
/*选择地区*/
.express-area {/* border-top: 1px solid #ddd; *//* border-bottom: 1px solid #ddd; *//* margin-top: .25rem; *//* margin-bottom: .25rem; *//* background-color: #fff; */float: left;width: 70%;}
.express-area a {display: block;padding: .3rem;}
.express-area dl { position: relative; line-height: 1.2rem; color: #4d525d; }
.express-area dl dt {position: absolute;top: 0;left: 0;font-size: .8rem;line-height: 1.2rem;}
.express-area dl dd {text-align: justify;font-size: .85rem;line-height: 1rem;}
@media (min-width: 721px) and (max-width: 1300px) {
	.express-area a { padding: .3rem; }
	.express-area dl dt { font-size: .5rem; line-height: 1rem; }
	.express-area dl dd { padding-right: .6rem; margin-left: 3rem; font-size: .4rem; line-height: .8rem; }
}
/*选择地区弹层*/
.express-area-box { position: absolute; bottom: -100%; left: 50%; z-index: 15; width: 320px; margin-left: -160px; background-color: #fff; color: #4d525d; }
.express-area-box header { position: relative; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; }
.express-area-box header h3 { margin: 0 1.675rem; text-align: center; font-size: .8rem; line-height: 2.25rem; }
.express-area-box header .back,
.express-area-box header .close { position: absolute; top: 0; width: 1.675rem; height: 2.25rem; }
.express-area-box header .back { display: none; left: 0; background: url(../img/back.png) no-repeat center;   background-size: .45rem .75rem; }
.express-area-box header .close { right: 0; background: url(../img/close-area.png) no-repeat center; background-size: .675rem .675rem; }
.express-area-box article { height: 250px; overflow-y: scroll; }
.area-list li { padding: .5rem; border-bottom: 1px solid #e2e2e2; text-align: justify; font-size: .7rem; line-height: 1.25rem; }
@media (min-width: 721px) {
	.express-area-box { width:100%; margin-left: -50%; }
	.express-area-box header h3 { font-size: .7rem; line-height: 1.7rem; }
	.express-area-box header .back,
	.express-area-box header .close { height: 1.7rem; }
	.express-area-box article { height: 120px; }
	.area-list li { padding: .3rem; font-size: .6rem; line-height: 1rem; }
}
@media (max-width: 720px) {
	.express-area-box { position: fixed; left: 0; width: 100%; margin-left: 0; }
}
/*遮罩层*/
.mask { display: none; position: absolute; top: 0; left: 0; z-index: 12; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); }
@media (max-width: 720px) {
	.mask { position: fixed; }
}



/*操作提示*/
.tip {
    width: auto;
    padding: 10px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.6);
    line-height: 18px;
    font-size: 0.9em;
    color: #fff;
}

/*选择操作框*/
.ui-dialog {
    width: 80%;
    margin: 50% auto 10px auto;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid #c6c6c6;
    text-align: center;
    position: absolute;
    z-index: 2002;
}

.ui-dialog-title h3 {
    font-size: 1.1em;
    line-height: 28px;
    padding: 15px 10px 0 10px;
    color: #3c3c3c;
}

.ui-dialog-content {
    font-size: 0.85em;
    padding: 0 10px 15px 10px;
}

.ui-btn {
    width: 100%;
    float: none;
    text-align: center;
    font-size: 1.1em;
    color: #007aff;
    display: table-cell;
}

.ui-dialog-btns {
    line-height: 46px;
    border-top: 1px solid #c6c6c6;
    overflow: hidden;
    display: table;
    table-layout: fixed;
    width: 100%;
}


.ui-dialog-btns .ui-btn:first-child {
    border-right: 1px solid #c6c6c6;
}

.ui-dialog-btns .ui-btn:last-child {
    border-right: none
}

.ui-mask {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2);
    display: none;
    z-index: 1001;
    -webkit-transform: translateZ(0);
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -webkit-user-drag: none;
}
