@import url('public.css');

/*---------------------------------------------------------------------------*/
/*登录注册*/
.login-con .logobx{  padding:0.1rem 0; text-align:center;}
.login-con .logobx img{ height:2.2rem; width:auto;}
.login-con .sloganbx{font-size:0.42rem; color:#444444; margin:0.1rem  0; text-align:center;}
.login-con .titlebox{ margin:0.2rem 0 0.1rem 0; font-size:0.32rem; }

.login-con .formbx h3{ font-size:0.48rem; padding:0.2rem 0; color:#000;}
.login-con .item{padding:0.15rem 0; border-bottom:1px solid #dbdbdb;}

.login-con .infobx i{margin-right:0.1rem;}
.login-con .inputbx{ overflow:hidden; position:relative;flex-grow:1;}

.login-con .inputbx input,
.login-con .inputbx textarea{ width:100%;padding:0.15rem;}
.login-con .inputbx img{ height:0.68rem;}
.login-con .inputbx a{padding:0.15rem 0; }
.login-con .inputbx a i{color:#d6d6d6;}
.login-con .tab-hd>div{ margin-right:0.2rem;}




/*首页*/



.goodsbx .imgbx{ width:1.4rem;}
.goodsbx .infobx{ width:calc(100% - 1.6rem);}


/*商品分类*/
.category{ width:100%;height:100%;}
.category .h-search{ padding:0.16rem 0.2rem;}
.category .h-search a{ background:#ededed; border-radius:0.6rem; height:0.68rem; color:#999999;}
.category .h-search span{ padding-left:0.1rem;}

.category .leftArea,
.category .rightArea{ height:calc( 100vh - 1.9rem);}

.category .leftArea{padding:0;width:1.9rem;overflow-y:auto;background-color:#fafafa;float:left;}

.category .type-left-button{width:100%;padding:0.1rem 0;border-top:none;}
.category .type-left-button div{word-wrap:break-word;word-break:keep-all;font-size:0.28rem;padding:0.2rem;line-height:1.4;color:#7a7a7a;border-left:4px solid transparent;}
.category .type-left-button.select{background:#fff;}
.category .type-left-button.select div{color:#f95d5f;border-left:4px solid #f95d5f;}

.category .rightArea{padding:0px;width:calc(100% - 1.9rem);position:relative;overflow:auto;float:left;background:#fff;}
.category .rightArea >div{display:none;}
.category .rightArea >div.active{display:block;}

.category .advertArea{display:flex;justify-content:space-between;align-items:center;font-size:0.28rem;margin:0.2rem auto;padding:0 0.1rem;}
.category .advertArea a{display:block;border-radius:0.2rem;overflow:hidden;}
.category .advertArea a img{width:100%;display:block;}

.category .contentArea ul{padding:0 5px 0px 5px;}
.category .contentArea ul li{float:left;width:33.3333333%;padding:0.1rem;}
.category .contentArea ul li a{display:block;text-align:center;}
.category .contentArea ul li .proimg{display:flex;align-items:center;justify-content:center;height:15vw;overflow:hidden;}
.category .contentArea ul li .proname{font-size:0.28rem;color:#313131;text-align:center;margin-top:0.1rem;}

.category-list .item{ margin-top:0.1rem;}
.category-list .item a{padding:0.2rem;}
.category-list .item .pro-img{ line-height:0; width:2.2rem;}
.category-list .item .pro-info{ width:calc(100% - 2.2rem); padding-left:0.2rem;}
.category-list .item .pro-info .pro_name{ font-size:0.32rem; color:#333;}
.category-list .item .pro-info .cost_price{color:#999999;text-decoration:line-through; font-size:0.26rem;}
.category-list .item .pro-info .pro_price{ font-size:0.34rem;}
.category-list .item .pro-info .pro_tips{ font-size:0.26rem; color:#999999;}

/*购物车*/
.cart-con .cart-address{display:flex;justify-content:space-between;padding:0.3rem 0.2rem;align-items:center;line-height:1;background:#fff;}
.cart-con .cart-address p{display:flex;align-items:center;}
.cart-con .cart-address a{font-size:0.29rem;color:#ff6f61;}

.cart-con .shopping{clear:both;overflow:hidden;height:auto;padding-bottom:60px;}
.cart-con .shop-group-item{margin-bottom:5px;}
.cart-con .shop-group-item li{border-bottom:1px solid #eee;padding:0 0.2rem;position:relative;margin-top:0.1rem;}
.cart-con .shop-group-item li label{ display:flex;align-items: center;justify-content: space-between;}
.cart-con .shop-group-item li:last-child{border-bottom:none;}

.cart-con .shop-name{ height:1rem;line-height:1rem;padding:0 0.2rem;position:relative;border-top:1px solid #eee;border-bottom:1px solid #eee;display:flex;align-items: center;justify-content: space-between;}
.cart-con .shop-name p{ color:#333;display:flex;align-items: center;}
.cart-con .shop-name p a{ margin-left:0.2rem;}
.cart-con .shop-name .coupons em{color:#e0e0e0;}

.cart-con .shop-info{display:flex;align-items: center;justify-content: space-between;}
.cart-con .shop-info-box{display:flex;align-items: center;justify-content: space-between;width:calc(100% - 30px);}
.cart-con .shop-info .shop-info-img { width:2.4rem; height:2.4rem;}
.cart-con .shop-info .shop-info-img a{ display:block;padding:0 0.1rem;display:flex;align-items: center;justify-content: space-between;}
.cart-con .shop-info .shop-info-img img{width:100%;height:100%;}
.cart-con .shop-info .shop-info-text{width:calc(100% - 2.6rem);}
.cart-con .shop-info .shop-info-text h4{font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;}
.cart-con .shop-info .shop-info-text .shop-brief{height:25px;line-height:25px;font-size:12px;color:#81838e;white-space:nowrap;}
.cart-con .shop-info .shop-info-text .shop-brief span{display:inline-block;margin-right:8px;}
.cart-con .shop-info .shop-info-text .shop-price{color:#ff6f61;}
.cart-con .shop-info .shop-info-text .shop-price b{ color:#ff6f61;font-weight:normal;}
.cart-con .shop-info .shop-info-text .shop-market{text-decoration:line-through;color:#999999;}
.cart-con .shop-info .shop-info-text .shop-arithmetic{box-sizing:border-box;white-space:nowrap;height:100%;border:1px solid #e0e0e0;}
.cart-con .shop-info .shop-info-text .shop-arithmetic a{display:inline-block;width:23px;height:22px;line-height:22px;text-align:center;background:#fff;font-size:16px;}
.cart-con .shop-info .shop-info-text .shop-arithmetic .minus{border-right:1px solid #e0e0e0;}
.cart-con .shop-info .shop-info-text .shop-arithmetic .failed{color:#d1d1d1;}
.cart-con .shop-info .shop-info-text .shop-arithmetic .plus{border-left:1px solid #e0e0e0;}
.cart-con .shop-info .shop-info-text .shop-arithmetic .num{width:32px;line-height:22px;text-align:center;border:none;display: inline-block;height:100%;box-sizing:border-box;vertical-align:top;margin:0 -6px;}
.cart-con .shop-info .shop-info-text .shop-del a i{color:#999999;}

.cart-con .shopPrice{background:#fff;height:35px;line-height:35px;padding:0 15px;text-align:right;}
.cart-con .shopPrice span{color:#f00;}

.payment-bar{clear:both;overflow:hidden;width:100%;height:49px;position:fixed;bottom:1rem;border-top:1px solid #e0e0e0;background:#fff;display: flex;align-items: center;justify-content: space-between;}
.payment-bar .all-checkbox{padding-left:0.2rem;display: flex;align-items: center;}
.payment-bar .all-checkbox input{ margin-right:0.1rem;}
.payment-bar .shop-total{ line-height:1.2em;margin-left:0.2rem;}
.payment-bar .shop-total strong{ color:#ff6f61;font-weight:normal;display:block;}
.payment-bar .shop-total strong .total{ font-size:0.34rem;color:#ff6f61;}
.payment-bar .shop-total span{ font-size:0.26rem;display:block;}
.payment-bar .settlement{display:inline-block;float:right;width:100px;height:49px;line-height:49px;text-align:center;font-size:16px;}


/*钱包*/
.wallet-con .bg-banner{ height:3.2rem;}
.wallet-con .titlebox *{ color:#fff;}
.wallet-con .titlebox h3{ font-size:0.48rem;}
.wallet-con .titlebox a{ display:block; text-align:center; margin-right:0.2rem; min-width:3em;}
.wallet-con .titlebox a:last-child{ margin-right:0;}
.wallet-con .titlebox a i{ font-size:0.68rem;}
.wallet-con .titlebox a span{ display:block;}
.wallet-con .my-info .avatar{ width:0.8rem; height:0.8rem; margin-right:0.2rem;}
.wallet-con dt{ margin-bottom:0.1rem;}
.wallet-con dt h3{ font-size:0.68rem;}
.wallet-con dd{ width:50%; float:left;}
.wallet-con dd h3{ font-size:0.48rem;}
.wallet-con .adbx{ overflow:hidden; margin:0.2rem auto;}
.wallet-con .listbx li{ margin-bottom:0.2rem;}
.wallet-con .listbx li .imgbx{ overflow:hidden; margin-right:0.2rem; width:0.9rem; }
.wallet-con .listbx li .afterbx{ text-align:right;}
.wallet-con .listbx li h3{ font-size:0.36rem;}
.wallet-con .listbx li p{ color:#999;}
.wallet-con .listbx li i{ width:0.68rem; height:0.68rem;}