
.foot-section{background:#fff}


.swipe-section .van-swipe-item{color:#fff;font-size:20px;line-height:150px;text-align:center;background-color:#39a9ed}
.grid-section{padding-top:12px;background:#fff;margin-bottom:10px}
.grid-section .iconfont{font-size: 28px;margin-bottom: 6px;}

.news-section{margin-bottom:10px}
.news-section{padding:10px;background:#fff}
.news-section .label{font-size:17px;font-weight:700;margin-bottom:15px}
.news-list li:not(:last-child){margin-bottom:15px}
.news-item{display:flex;gap:10px;color:#757575}
.news-item .item-img{width:100px;height:90px;flex-shrink:0}
.news-item .item-img .image{width:100%;height:100%;border-radius:4px;object-fit:cover}
.news-item .item-info{flex:1;display:flex;flex-flow:column;justify-content:space-between}
.news-item .title{font-size:15px;color: #323233;}
.news-item .text{font-size:12px;line-height:1.5}
.news-item .foot{font-size:12px;display:flex;align-items:center;justify-content:space-between}
.news-item .foot .icon{display:flex;align-items:center;gap:4px}


.discover-section{
    border-top: 10px solid #f2f2f2;
}
.discover-section .label{
    font-size: 17px;font-weight: bold;margin-bottom: 15px;padding-left: 15px;
    position: relative;
}
.discover-section .label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 4px;
    height: 80%;
    background: var(--primary-actice);
    border-radius: 2px;
    transform: translateY(-50%);
}