:root {
    --bg-height: 280px;
    --win-top: 120px;
    --win-side: 10px;
    --win-height: 150px;
    --win-radius: 4px;
    --img-offset-y: -120px;
}


.swipe-wrapper .wrapper-bg{position:absolute;top:0;left:0;width:100vw;
    height:var(--bg-height);background-color:#fafafa;
    background-repeat:no-repeat;background-position:center var(--img-offset-y);background-size:100vw auto;transition:background-image .4s ease-in-out;z-index:1}
.swipe-wrapper .wrapper-search{position:absolute;top:60px;left:var(--win-side);
    right:var(--win-side);height:40px;background:rgba(255,255,255,.2);
    backdrop-filter:blur(15px);border-radius:20px;z-index:10;display:flex;
    align-items:center;padding:0 4px 0 15px;color:#fff}
.swipe-wrapper .search-text-swipe{flex:1;height:100%;margin-left:8px}
.swipe-wrapper .search-text-item{font-size:13px;line-height:40px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.swipe-wrapper .search-btn{background:#fff;color:#606366;font-size:12px;padding:0 16px;height:32px;line-height:32px;border-radius:16px;letter-spacing:2px}
.swipe-wrapper .swipe-section{position:absolute;top:var(--win-top);left:var(--win-side);right:var(--win-side);height:var(--win-height);z-index:10;border-radius:var(--win-radius);overflow:hidden}
.swipe-wrapper .swipe-container{height:100%}
.swipe-wrapper .inner-unit{width:100%;height:100%;background-repeat:no-repeat;background-size:100vw auto;
    background-position:
            calc(-1 * var(--win-side))
            calc(-1 * var(--win-top) + var(--img-offset-y));
}
.swipe-wrapper .van-swipe__indicators{z-index:5;bottom:10px}
.swipe-wrapper .van-swipe__indicator{width:6px;height:6px;background-color:rgba(255,255,255,.5);opacity:1}
.swipe-wrapper .van-swipe__indicator--active{background-color:#fff;width:12px;border-radius:4px}




.main-menu-section{
   position:relative;
    margin-top:calc(var(--win-top) + var(--win-height));
    z-index:10;background:#fff;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.08);overflow:hidden;padding: 10px 0}

.fz-section{margin-top: 30px;}

.fz-section .info-head{display:flex;align-items:center;justify-content:space-between;padding:0 10px}
.fz-section .info-head .label{font-size:17px;font-weight: bold;padding-left: 15px;position: relative;}
.fz-section .info-head .more{display:flex;align-items:center;gap:2px;font-size:13px;color:#999}
.fz-section .info-head .label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 4px;
    height: 80%;
    background: var(--primary-actice);
    border-radius: 2px;
    transform: translateY(-50%);
}

/*供需服务*/
.trade-list-wrap{margin:6px 10px ;}
.trade-item{display: block;padding: 10px 0;}
.trade-item:not(:last-child){border-bottom: 1px solid #edf0ec;}
.trade-item .name{font-size:14px;color:#444;max-height:38px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;display:-webkit-box;overflow:hidden;line-height: 1.5;}
.trade-item .view-section{display:flex;justify-content:space-between;margin-top:10px;align-items:center}
.trade-item .date{color:#bbb;font-size:12px;text-align:right}
.trade-item .price{color:#e74c3c;font-weight:700;font-size:16px}
.trade-item .tag-urgent{background:#ff4d4f;color:#fff;font-size:11px;padding:2px 6px;border-radius:2px;margin-right:4px}
.trade-item .region{flex-shrink:0;color:#666;font-size:13px;text-align:right;padding:0 10px}
.pick{font-size: 11px;font-weight: 900;text-align: center;padding: 2px 6px;border-radius: 2px;margin-right: 4px;}
.pick.s1{background: #e8f8ec;color: #139248;}
.pick.s2{background: #fff3e5;color: #ff9300;}
.pick.s3{background: #eef5ff;color: #2885ff;}

/*资讯*/
.news-list-wrap{margin:6px 10px}
.news-item{display:flex;gap:10px;padding:10px 0}
.news-item:not(:last-child){border-bottom:1px solid #edf0ec}
.news-item .img-box{width:100px;height:80px;flex-shrink:0}
.news-item .img-box>img{width:100%;height:100%;border-radius:4px;object-fit:cover}
.news-item .item-info{display:flex;flex-flow:column;justify-content:space-between}
.news-item .item-info .title{font-size:14px;color:#444;max-height:38px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;display:-webkit-box;overflow:hidden;line-height:1.5}
.news-item .view-section{display:flex;align-items:center;justify-content:space-between;font-size:13px}
.news-item .view-section .icon{display:flex;align-items:center;gap:4px;color:#8d958d}
.news-item .view-section i{font-size:16px}

.info-tabs{display:flex;gap:10px;padding:0 10px;font-size:13px;line-height:32px;height:32px;margin-top:10px;color: #303133}
.info-tabs li{position:relative;padding: 0 4px;}
.info-tabs li.active{color:var(--primary-actice);font-weight:700}
.info-tabs li.active:before{content:'';position:absolute;left:50%;bottom:0;height:2px;width:60%;background:var(--primary-actice);transform:translateX(-50%)}

/*保障*/
.guarantee-container{margin:30px 10px 10px;padding: 10px;border: 1px solid #edf0ec;border-radius: 4px;}
.guarantee-container .label{font-size: 17px;font-weight: bold;margin-bottom: 15px;}
.guarantee{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}
.guarantee-item{
    display: flex;
    align-items: center;
    flex-flow: column;
}
.guarantee-item i{
    color: #fff;
    font-style: normal;
    font-size: 32px;
    margin-bottom: 3px;
    padding: 6px;
    border-radius: 50%;
    background: #21a858;
    height: 48px;
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.guarantee-item strong{display:block;font-size:12px;color:#263128}
.guarantee-item span{display:block;font-size:9px;color:#7a827a;margin-top:3px}

/*专题轮播*/
.focus-section{padding:10px;margin-top: 20px;}
.focus-section .h200{height:200px;border-radius:8px;overflow:hidden}
.focus-section .focus-item{display:block;position:relative;width:100%;height:100%}
.focus-section .h200 .swipe-img{height:100%;width:100%;object-fit:cover}
.focus-section .focus-item .desc,.focus-section .focus-item .title{position:absolute;left:12px;right:12px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6);z-index:2}
.focus-section .focus-item .title{bottom:60px;font-size:16px;font-weight:700;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.focus-section .focus-item .desc{bottom:24px;font-size:12px;line-height:1.4;opacity:.9;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.focus-section .focus-item::after{content:"";position:absolute;bottom:0;left:0;right:0;height:70%;background:linear-gradient(to top,rgba(0,0,0,.7) 0,transparent 100%);z-index:1}
.focus-section .h200 .van-swipe__indicators{z-index:5;bottom:10px}
.focus-section .h200 .van-swipe__indicator{width:6px;height:6px;background-color:rgba(255,255,255,.5);opacity:1}
.focus-section .h200 .van-swipe__indicator--active{background-color:#fff;width:12px;border-radius:4px}