*{margin:0;padding:0;box-sizing:border-box}
html{background:#f0f0f0;height:100%}
html{font-size:calc(100vw / 6.4)}
body{background:#fff;color:#666;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:14px;height:100%;margin:0 auto;max-width:640px;overflow-x:hidden;overflow-y:auto;padding:.8rem 0 1.5rem;position:relative}
a{color:inherit;text-decoration:none}
img{border:0;display:block;height:auto;margin:0 auto;max-width:70%}

.top-nav{align-items:center;background:#ffbf41;color:#fff;display:flex;height:52px;justify-content:space-between;left:50%;margin:0 auto;max-width:6.4rem;padding:.17rem;position:fixed;top:0;transform:translateX(-50%);width:100%;z-index:1000}
.top-nav img{height:35px;margin:0;max-width:none;position:absolute;width:35px}
.top-nav .title{color:rgba(0,0,0,.85);font-size:.28rem;left:50%;position:absolute;transform:translateX(-50%)}

.banner-wrapper{background:url('/images/index_banner_img.png') center/cover no-repeat;margin-bottom:.23rem;position:relative;width:100%}
.banner-content{border-radius:0;box-shadow:none;margin:0 auto;position:relative;width:90%;z-index:1}
.banner-content img{border-radius:.15rem;display:block;height:auto;margin:0;max-width:100%;width:100%}
.swiper-container,.swiper-slide{border-radius:.15rem;overflow:hidden;width:100%}
.swiper-container{height:auto}
.swiper-wrapper{display:flex}
.swiper-slide{flex:0 0 auto}
.swiper-slide img{max-width:100%!important}
.custom-pagination{bottom:15px;left:0;position:absolute;text-align:center;width:100%;z-index:10}
.custom-pagination .pagination-bullet{background:#ffba2f;border-radius:50%;cursor:pointer;display:inline-block;height:8px;margin:0 6px;width:8px}

.nav-icons{background:#fff;display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:.1rem;padding:.15rem 0}
.nav-item{align-items:center;color:#333;display:flex;flex-direction:column;text-align:center}
.nav-icon{background-color:#ffbf41;background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:50%;box-shadow:0 .02rem .05rem rgba(0,0,0,.1);display:flex;height:.6rem;margin-bottom:.05rem;width:.6rem}
.nav-text{color:#666;font-size:14px;margin-top:.05rem}

.info-section{display:flex;gap:.1rem;margin-bottom:.1rem;padding:.1rem}
.info-card{background:#fff;border-radius:.08rem;box-shadow:0 .02rem .05rem rgba(0,0,0,.1);flex:1;padding:.15rem}
.info-card.orange{background:url('/skin/images/zhigouimg/img_home_custom_goods.png') 0 0/100% 100% no-repeat;display:block}
.info-yellow-container{background:url('/skin/images/zhigouimg/img_home_newest_goods_bg.png') 0 0/100% 100% no-repeat;border-radius:.08rem;box-shadow:0 .02rem .05rem rgba(0,0,0,.1);display:flex;flex:1;flex-direction:column}
.info-yellow-container>a{display:block}
.info-card.yellow{background:#fff;border-radius:.08rem;box-shadow:0 .02rem .05rem rgba(0,0,0,.1);display:flex;flex:1;flex-direction:column;margin:.1rem;padding:5px 0 0}
.info-title{align-items:center;color:#ff9800;display:flex;font-size:.22rem;font-weight:700;justify-content:flex-start;margin-bottom:.05rem}
.info-title img{margin-left:-.05rem;max-width:50%}
.info-item{align-items:center;color:#666;display:flex;font-size:.2rem;justify-content:space-between;margin-bottom:.05rem;text-align:center}
.lottery-row{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:.05rem;width:100%}
.lottery-copy{align-items:center;display:flex;flex:1;gap:.05rem;justify-content:center;min-width:1.5rem}
.countdown{align-items:center;color:#ffbf41;display:flex;font-size:.16rem;font-weight:700;gap:.03rem;white-space:nowrap}
.countdown span{background:#fff;border-radius:.03rem;box-shadow:0 .02rem .05rem rgba(0,0,0,.1);color:#ffbf41;display:inline-block;font-weight:700;margin:0 .01rem;padding:.03rem .05rem}
.lottery-thumb{align-items:center;background:#f0f0f0;border-radius:.05rem;display:flex;height:50px;justify-content:center;margin:-20px 0 0 15px;overflow:hidden;text-align:right;width:50px}
.lottery-thumb img{height:100%;margin:0;max-height:100%;max-width:100%;object-fit:contain;width:100%}
.soon-copy{color:#020202;font-size:.2rem;font-weight:700}

.product-sections-container{display:flex;justify-content:space-between;margin-bottom:.1rem;padding:.1rem}
.product-section{border-radius:.1rem;box-shadow:0 .02rem .05rem rgba(0,0,0,.05);margin-bottom:.1rem;padding:.15rem;width:49%}
.product-section.new-arrivals{background:#ee7e34;margin-right:2%}
.product-section.hot-sales{background:#2eb0e4}
.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.15rem}
.section-heading-line{align-items:center;display:flex}
.section-title{color:#333;font-size:14px;font-weight:700}
.section-subtitle{color:#fff;font-size:.12rem;margin-left:.1rem}
.product-row{align-items:center;display:flex;gap:.15rem;justify-content:space-around;overflow-x:hidden;padding:.1rem 0}
.product-row>a{color:inherit;flex:1;max-width:45%;text-decoration:none}
.product-card{background:#fff;border:1px solid #e0e0e0;border-radius:.1rem;box-shadow:0 .02rem .05rem rgba(0,0,0,.05);text-align:center;width:100%}
.product-img{background:#fff;border:0;border-radius:.08rem;height:1.2rem;margin-bottom:.1rem;object-fit:contain;width:100%}
.product-name{color:#333;display:block;font-size:14px;margin-bottom:.05rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.product-price{color:#ff5722;font-size:.14rem;font-weight:700}

.recommend-section{background:#fff;margin-bottom:1.2rem;padding:.15rem;position:relative;z-index:1}
.recommend-title{color:#333;font-size:18px;font-weight:700;margin-bottom:.2rem;position:relative;text-align:center}
.recommend-title:before,.recommend-title:after{color:#ffbf41;content:"•••";margin:0 .1rem}
.recommend-grid{display:grid;gap:.15rem;grid-template-columns:repeat(2,1fr)}
.recommend-grid>a{color:inherit;text-decoration:none}
.recommend-card{background:#fff;border-radius:.1rem;box-shadow:0 .02rem .05rem rgba(0,0,0,.1);padding:.15rem;position:relative;text-align:center}
.recommend-card .tag{border-radius:.1rem;box-shadow:0 .02rem .05rem rgba(0,0,0,.1);font-size:14px;font-weight:700;padding:.03rem .08rem;position:absolute;z-index:10}
.recommend-card .tag.new{background:#ff4757;color:#fff;left:.05rem;top:.05rem;transform:rotate(-5deg)}
.recommend-card .tag.popular{background:#ffa502;color:#fff;left:.6rem;top:.05rem}
.recommend-card .tag.recommend{background:#2ed573;color:#fff;left:.05rem;top:.3rem;transform:rotate(5deg)}
.recommend-img{background:#fff;border:0;border-radius:.08rem;height:2.5rem;margin-bottom:.1rem;max-width:100%;object-fit:contain;width:100%}
.recommend-points{background:linear-gradient(to right,#ffd687,#ffba2f);border-radius:0 .64rem .64rem 0;bottom:1.24rem;color:#000;font-size:14px;left:0;padding:6px;position:absolute;z-index:2}
.recommend-name{color:#333;display:-webkit-box;font-size:14px;font-weight:700;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;margin-bottom:.1rem;min-height:.4rem;overflow:hidden}
.recommend-price{color:#ff5722;font-size:14px;font-weight:700}

.footer-nav{align-items:center;background:#fff;border-top:1px solid #e0e0e0;bottom:0;box-shadow:0 -2px 10px rgba(0,0,0,.05);display:flex;height:50px;justify-content:space-around;left:0;position:fixed;right:0;z-index:999}
.footer-nav-item{align-items:center;color:#999;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}
.footer-nav-item.active{color:#ff9800}
.footer-nav-icon{background-size:cover;height:24px;margin-bottom:3px;width:24px}
.footer-nav-item:nth-child(1) .footer-nav-icon{background-image:url('/skin/images/icon_main_tab_home_uncheck_ny.png')}
.footer-nav-item:nth-child(1).active .footer-nav-icon{background-image:url('/skin/images/icon_main_tab_home_check_ny.png')}
.footer-nav-item:nth-child(2) .footer-nav-icon{background-image:url('/skin/images/icon_main_tab_allgoods_uncheck_ny.png')}
.footer-nav-item:nth-child(2).active .footer-nav-icon{background-image:url('/skin/images/icon_main_tab_allgoods_check_ny.png')}
.footer-nav-item:nth-child(3) .footer-nav-icon{background-image:url('/skin/images/icon_main_tab_mine_uncheck_ny.png')}
.footer-nav-item:nth-child(3).active .footer-nav-icon{background-image:url('/skin/images/icon_main_tab_mine_check_ny.png')}
.footer-nav-text{font-size:12px}

.top-nav,.banner-wrapper,.banner-content,.nav-icons,.nav-item,.info-section,.info-card,.info-yellow-container,.product-sections-container,.product-section,.section-header,.product-row,.product-card,.recommend-section,.recommend-grid,.recommend-card,.footer-nav,.footer-nav-item,.footer-nav-icon{font-size:12px}
.nav-icon{font-size:.24rem}

@media(min-width:641px){
  html{font-size:100px}
  .footer-nav{left:50%;max-width:640px;right:auto;transform:translateX(-50%);width:640px}
}