.banner {
    width: 100%;
    height: 4.22rem;
    margin-bottom: .1rem;
    
}
.banner{
    padding-top:1.8rem;
}
.content{
    padding-top:0;
}
.banner img {
    width: 100%;
    height: 100%;
}

.banner .banner-desc {
    position: absolute;
    bottom: 0;
    color: #fff;
    font-size: .3rem;
    max-height: 1.2rem;
    line-height:0.5rem;
    width: 100%;
    padding: 0 .65rem 0 0.3rem;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    background:rgba(20,20,20,0.6);
    padding-top:.1rem;
    padding-bottom:.1rem;
}
.banner .img_num{
    position: absolute;
    bottom: .12rem;
    right: .12rem;
    color: #fff;
    font-size: .26rem;
    color: #fff;
    z-index:9;
}
.banner   #curImgNumBox{
     color: #fff;
}
.banner   #TotalImgNumBox{
    color: #fff;
} 

.banner .banner-pagination {
    position: absolute;
}

.swiper-container-horizontal>.banner-pagination.swiper-pagination-bullets {
    position: absolute;
    right: 0;
    width: 100%;
    height: .4rem;
    bottom: 0;
    z-index: 1;
    text-align: center;
    line-height: .4rem;
    padding-right: .2rem;
    box-sizing: border-box;
    background:rgba(20,20,20,0.6);
}

.banner-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    width: .12rem;
    height: .12rem;
    background: #fff;
    opacity: 1;
    margin-bottom: .1rem;
}

.banner-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #0071be;
}
.tabs-hot .more,.tabs-life .more,.tabs-zy .more{
   display:none;
}