@charset "UTF-8";
*{padding: 0;margin: 0;-webkit-tap-highlight-color:transparent;}
html{height: 100%;}
body{margin: 0 auto;max-width:750px;height: 100%;background: #f9f9f9;font-size: 12px;position: relative;font-family: Helvetica, "STHeiti STXihei", "Microsoft YaHei", Tohoma,Arial; color: #333;-webkit-text-size-adjust: 100%;-webkit-user-select: none;user-select: none;}
a{text-decoration: none;}
.clear{display: block;clear: both;}

.auto{position: relative;overflow: hidden;width: auto;}
.web{display: block;overflow: hidden;position: relative;}
.fixed {width: 100%; left: 0;position: fixed;top: 0; z-index: 99;}
.no-scrol::-webkit-scrollbar {display: none;width: 0;height: 0;color: transparent;}
.fl{float:left;}
.fr{float:right;}
.hide,.disable{display:none!important;}
.a-link{display: block;overflow: hidden;cursor: pointer;position: relative;}
.textRow{overflow:hidden;text-overflow:ellipsis;word-break: break-all;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}


.blank-head{display: block;height:3.2rem;}
.header{ height:3.2rem;background: #fff;position: relative;margin: 0 auto;max-width:750px;}
.header.fixed{position: fixed;left:0;right: 0;z-index: 9999;top:0;}
.header-main-title{display: block;color:#000;text-align: center;height:3.2rem;line-height:3.2rem;font-size: 1.1rem;position: relative;}
.header-main-title.white{background: #fff;color: #000;}
.head_back{position: absolute;left:0 ;top:0;z-index: 1111;cursor: pointer;height:3.5rem;line-height:3.5rem;background: url("../images/back.png") no-repeat center;background-size:auto 52%;padding-left: 2.5rem;font-size: 1.15rem;color:#a5a5a5;font-family: PingFangSC;text-decoration: none;}
.white .head_back{background: url("../images/back2.png") no-repeat center;background-size:auto 52%;}

.blank-foot{display: block;height: 3.5rem;}
.footer{display: block;margin: 0 auto;max-width:750px;overflow: hidden;position: fixed;left:0;right:0;bottom: 0;height:3.5rem;z-index: 111;box-shadow: 0 0 0.3rem #f3f3f3;background: #fff;}
.nav-item{width: 25%;text-align:center;float: left;}
.nav-item a{display: block;overflow: hidden;text-decoration: none;}
.nav-icon{height: 1.7rem;line-height: 1.7rem;display: block;margin-top: 0.3rem;}
.nav-name{display: block;height: 1.4rem;font-size:0.85rem;line-height: 1.4rem;color: #666666;margin-top: 0.1rem;}
.nav-item.active .nav-name{color:#53b886;}

.home-icon{background: url("../images/home.png") no-repeat center;background-size:32%;}
.nav-item.active .home-icon{background: url("../images/home_on.png") no-repeat center;background-size:32%;}
.goods-icon{background: url("../images/buy.png") no-repeat center;background-size:32%;}
.nav-item.active .goods-icon{background: url("../images/buy_on.png") no-repeat center;background-size:32%;}
.cart-icon{background: url("../images/cart.png") no-repeat center;background-size:32%;}
.nav-item.active .cart-icon{background: url("../images/cart_on.png") no-repeat center;background-size:32%;}
.my-icon{background: url("../images/me.png") no-repeat center;background-size:32%;}
.nav-item.active .my-icon{background: url("../images/me_on.png") no-repeat center;background-size:32%;}


.adv-item{display: block;overflow: hidden;}
.adv-item a{display: block;cursor: pointer;overflow: hidden;}
.adv-item img{display: block;width: 100%;}

.adv-blank{display: block;height:20px;background: #fff;}
.cate-panel{display: block;min-height:607px;background:#fff;position: relative;}
.cate-blank{float: left;width: 100px;min-height: 500px;display: none;}
.cate-part{width: 100px;background:#fbfbfb;float: left;min-height:607px;}
.cate-panel.active .cate-part{position: fixed;z-index: 11;left: 0;top:0;bottom: 0;}
.cate-main{display: block;height: 100%;overflow: auto;padding-left:8px;}
.cate-panel.active .cate-blank{display: block;}
.cate-item{display: block;overflow: hidden;}
.cate-pitem{display: block;text-align: center;color: #aaa;font-size:0.96rem;line-height:2.8rem;border-radius:20px;position: relative;}
.cate-pitem.active{color: #000;font-weight: bold;}
.cate-pitem.active::after{content: '';position: absolute;z-index: 1;left: 0;top:0;bottom: 0;height:24px;width:3px;margin: auto 0;background: #000;border-radius:5px;overflow: hidden;}
.goods-part{min-height: 50px;display: block;overflow: hidden;padding:0 8px;}
.goods-box{display: block;overflow: hidden;border-bottom:1px solid #f8f8f8;padding-bottom:4px;}
.goods-panel{display: block;overflow: hidden;border-bottom: 1px solid #f2f2f2;}
.category-name{display: block;font-size:0.96rem;color: #000;height:2.4rem;line-height:2.4rem;font-weight: bold;overflow: hidden;position: relative;z-index: 3;background: #fff;}
.goods-list{display: block;overflow: hidden;}
.goods-item{display: block;overflow: hidden;padding:8px 0;position: relative;}
.goods-name{font-size:0.95rem;color: #000;line-height:1.4rem;}
.goods-thumb{float: left;overflow: hidden;margin-right:10px;}
.goods-thumb img{display: block;width:6.4rem;height:6.4rem;}
.buy-info{position: absolute;z-index: 10;right: 0;bottom:8px;left:110px;padding-top:12px;}
.num-btn{float: right;width:26px;height:26px;text-align: center;background:#f5f5f5;font-size:20px;line-height:26px;border-radius:15px;margin-top:1px;vertical-align: middle;}
.sku-num{float: right;height: 26px;width:34px;text-align: center;font-size:1rem;line-height:22px;border:none;outline: none;margin:0 4px;color: #000;background: #f9f9f9;}
.ft-blank{display: block;height: 62px;}
.sku-right{float: right;padding-top:0.2rem;}
.sku-price{display: block;text-align: right;font-size:0.98rem;color: #000;line-height:1.2rem;color: #ff1919;}
.sku-price span{display: inline-block;font-size:0.8rem;}

.fixed-foot{position: fixed;margin: 0 auto;max-width:750px;left: 0;right: 0;bottom: 3.5rem;overflow: hidden;background: #fdfdfd;padding:0.6rem;z-index: 99;box-shadow:0 0 6px #eee;}
.car-item{float: left;margin-right:18px;background: #f0f0f0;border-radius:25px;overflow: hidden;}
.car-item img{display: block;width:28px;height: 28px;margin:6px;}
.buy-btn{float: right;font-size:1.0rem;color: #fff;background: #53b886;text-align: center;width:100px;line-height:40px;border-radius:25px;}
.car-total-price{display: block;font-size:0.92rem;font-weight: bolder;color: #ff1919;line-height:22px;overflow: hidden;}
.car-total-price span{font-size:1.2rem;line-height:20px;display: inline-block;}
.selected-desc{display: block;font-size:0.9rem;line-height:1.2rem;color:#a9a9a9;}

.fixed-cart-part{position: fixed;overflow: hidden;height: 100%;width: 100%;left:0;bottom:-100%;z-index: 98;background: rgba(0,0,0,0.5);}
.fixed-cart-main{position: absolute;left: 0;right: 0;bottom: 0;z-index: 1;overflow: hidden;min-height:40%;max-height:88%;background: #fff;border-top-left-radius:1rem;border-top-right-radius:1rem;padding:0 0.8rem;}
.fixed-cart-head{display: block;position: relative;text-align: center;overflow: hidden;}
.fixed-cart-title{display: block;font-size:1rem;line-height:2.4rem;color: #000;}
.fixed-cart-close{position: absolute;z-index: 111;width:1.6rem;height:1.6rem;top:0.4rem;right:0;}
.fixed-cart-close img{display: block;width:1.34rem;height:1.34rem;margin:0.13rem;object-fit: contain;}
.fixed-cart-sel{display: block;overflow: hidden;padding:0.2rem 0;}
.fixed-cart-subtitle{float: left;font-size:0.96rem;font-weight: bold;color: #000;line-height:1.6rem;}
.fixed-cart-clear{float: right;cursor: pointer;}
.fixed-cart-clear img{float: left;height:1.3rem;width:0.8rem;margin-right:0.3rem;object-fit: contain;}
.fixed-cart-clear span{float: left;font-size:0.9rem;color: #999;line-height:1.6rem;}
.fixed-cart-body{display: block;overflow:auto;max-height:24rem;}
.fixed-cart-list{display: block;overflow: hidden;}
.fixed-goods-item{display: block;overflow: hidden;padding:0.4rem 0;position: relative;}
.fixed-goods-thumb{float: left;margin-right:0.8rem;}
.fixed-goods-thumb img{display: block;width:4.2rem;height:4.2rem;border-radius:0.3rem;}
.fixed-goods-name{display: block;font-size:0.95rem;line-height:1.4rem;color: #000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.fixed-sku-name{display: block;font-size:0.9rem;color: #aaa;padding-top:0.2rem;line-height:1.2rem;}
.fixed-sku-price{display: block;font-size:1.03rem;color: #ff1919;line-height:1.6rem;padding-top:0.2rem;}
.fixed-sku-price span{font-size:0.95rem;}
.fixed-num-info{position: absolute;z-index: 10;bottom: 0.6rem;right: 0;overflow: hidden;border:1px solid #eee;border-radius:1rem;}
.fixed-num-btn{float: left;height:1.6rem;line-height:1.6rem;width:2rem;text-align: center;color: #000;font-size:1.15rem;font-family: serif;font-weight: 800;}
.fixed-num-txt{float: left;width:2rem;height:1.6rem;outline: none;border:none;text-align: center;border-left:1px solid #eee;border-right:1px solid #eee;font-size:0.92rem;color: #000;}
.fixed-cart-foot{display: block;height:7.5rem;}

    /*弹窗信息*/
.mask-msg,.alert-mask,.confirm-mask,.prompt-mask,.pay-mask{position: fixed;overflow: hidden;display:none;z-index: 1212000;top: 0; left: 0; right: 0; bottom: 0; }
.msg-mk{position: fixed;-webkit-box-align: center;-webkit-box-pack: center;opacity:0;left: 0; right: 0; bottom:0;top:0;display:-webkit-box;margin:25rem auto 0;}
.msg-bx{padding: 0.4rem 1rem;max-width: 66%;margin:0 auto 0;background: rgba(0, 0, 0, 0.72);border-radius: 0.2rem;-webkit-box-flex: 0}
.msg-desc{display: inline-block;font-size: 1.1rem;line-height: 1.8rem;color: #fff;}
.confirm-main{width:80%;background: #fff;overflow: hidden;border-radius:3px;position: relative;}
/*双按钮弹出框*/
.confirm-mask{background: rgba(0,0,0,0.48);display:flex;display:-webkit-flex;align-items: center;justify-content: center; margin: auto;}
.confirm-title{display: block;text-align: center;font-weight:bold;font-size:1.2rem;color: #000;line-height: 3rem;padding-top: 0.6rem;}
.confirm-msg{display: block;text-align:left;font-size: 1.08rem;line-height: 1.6rem;padding:1.2rem 1.8rem 1.8rem;color: #000;}
.confirm-btn-box{display: block;overflow: hidden;border-top: 1px solid #f2f2f2;}
.confirm-btn{float: left;text-align: center;width: 50%;font-size: 1.1rem;height: 3rem;line-height:3rem;cursor:pointer;}
.confirm-sure{background:#222;color: #fff;}
.confirm-cancel{color: #999;}

/*菊花*/
.fixed-loading{bottom: 0;z-index: 999999;right:0;display: none;}
.fixed-loading.loading{display: block;}
.mask-loading-box{width: 8rem;height:8rem;position: fixed;z-index:111;margin: auto;top:0;bottom: 0;left:0;right:0;border-radius: 0.2rem;overflow: hidden;background: rgba(0,0,0,0.6)}
.mask-loading-main{display: block;overflow: hidden;padding: 0.6rem;text-align: center;}
.mask-loading-main img{width:68%;margin: 0 auto;display: block;}
.mask-loading-main span{font-size: 1.1rem;line-height:2.8rem;color: #e8e5e5;margin-top:0.1rem;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


.loading-box{text-align: center;padding: 0.8rem 0;}
.loading-box.hide{display: none!important;}
.loading-box img{width:1.2rem;height:1.2rem;vertical-align: middle;display: none;margin:0 auto; }
.loading-box.loading img{display: inline-block;}
.res-tips{display: inline-block;font-size: 1.0rem;line-height: 1.2rem;color: #aaa;margin: 0 auto;vertical-align: middle;}