*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft Yahei",sans-serif;}
body{background:#f5f5f5;padding-bottom:60px;}
/* 顶部标题栏 */
.top-bar{background:#E8F4FF;height:44px;display:flex;align-items:center;position:sticky;top:0;z-index:99;}
.top-bar .back{width:50px;text-align:center;font-size:18px;color:#333;text-decoration:none;}
.top-bar .title{flex:1;text-align:center;font-size:16px;color:#333;font-weight:500;margin-left:-50px;}

/*首页页面*/
.search{background:#fff;padding:10px;}
.search input{width:80%;height:40px;border-radius:20px;border:1px solid #ddd;padding:0 15px;outline:none;}

/* JS轮播样式 */
.banner {
    width: 100%;
    height: 180px;
    position: relative;
    overflow: hidden;
}
.banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: opacity 1s ease;
}
.banner img.active {
    opacity: 1;
}

.func-nav{display:flex;background:#fff;padding:15px 0;margin-top:10px;}
.func-nav .item{flex:1;text-align:center;}
.func-nav .item .icon{font-size:22px;margin-bottom:5px;}
.func-nav .item p{font-size:14px;color:#333;}

.hot-title{padding:12px;background:#fff;margin-top:10px;font-weight:bold;color:#333;}
.hot-list{display:flex;flex-wrap:wrap;background:#fff;}
.hot-item{width:50%;padding:10px;text-align:center;text-decoration:none;}
.hot-item img{width:100%;height:120px;border-radius:8px;object-fit:cover;}
.hot-item .name{font-size:14px;margin:5px 0;color:#333;}
.hot-item .price{color:#ff4400;font-size:15px;font-weight:bold;}
/*分类页面*/
.cat-list{background:#fff;margin-top:10px;}
.cat-item{padding:15px;border-bottom:1px solid #eee;text-decoration:none;color:#333;display:block;font-size:15px;}
.cat-item span{margin-right:10px;font-size:16px;}

/*商品详情页*/
.goods-swiper{width:100%;height:280px;}
.goods-swiper img{width:100%;height:100%;object-fit:cover;}
.goods-info{background:#fff;padding:15px;margin-top:10px;}
.goods-title{font-size:19px;font-weight:bold;color:#333;line-height:1.4;}
.goods-price{color:#ff4400;font-size:24px;font-weight:bold;margin:10px 0;}
.goods-desc{color:#666;font-size:14px;line-height:1.6;}
.goods-params{background:#fff;padding:15px;margin-top:10px;}
.params-title{font-weight:bold;margin-bottom:10px;font-size:15px;}
.params-item{display:flex;padding:5px 0;font-size:14px;color:#666;}
.params-item label{width:80px;}
.service{background:#fff;padding:15px;margin-top:10px;}
.service-title{font-weight:bold;margin-bottom:10px;font-size:15px;}
.service-list{display:flex;}
.service-item{flex:1;text-align:center;font-size:12px;color:#666;}
.buy-bar{position:fixed;bottom:55px;left:0;width:100%;height:50px;background:#fff;display:flex;border-top:1px solid #eee;}
.buy-btn{flex:1;background:#ff4400;color:#fff;text-align:center;line-height:50px;text-decoration:none;font-weight:bold;}

/*回收页面*/
.form-box{background:#fff;margin-top:10px;padding:15px;}
.form-item{margin-bottom:15px;}
.form-item label{display:block;margin-bottom:5px;color:#333;font-size:14px;}
.form-item input,.form-item select{width:100%;height:45px;border:1px solid #ddd;border-radius:5px;padding:0 10px;outline:none;}
.submit{width:100%;height:50px;background:#ff4400;color:#fff;border:none;border-radius:5px;font-size:16px;margin-top:10px;}

/*我的页面*/
.user-box{background:#ff4400;padding:30px 20px;color:#fff;display:flex;align-items:center;margin-top:10px;}
.avatar{width:60px;height:60px;border-radius:50%;background:#fff;margin-right:15px;overflow:hidden;}
.avatar img{width:100%;height:100%;object-fit:cover;}
.username{font-size:18px;font-weight:bold;}
.menu{background:#fff;margin-top:10px;}
.menu-item{padding:15px;border-bottom:1px solid #eee;text-decoration:none;color:#333;display:block;}
.menu-item span{margin-right:12px;font-size:16px;}

/*底部导航栏*/
.footer{position:fixed;bottom:0;left:0;width:100%;height:55px;background:#fff;display:flex;border-top:1px solid #eee;}
.footer a{flex:1;text-align:center;padding-top:8px;text-decoration:none;color:#666;font-size:12px;}
.footer a .icon{font-size:18px;margin-bottom:3px;display:block;}
.footer a.active{color:#ff4400;}