.news-box{
    top : -0.65rem;
    background-color: #fff;
    width: 16rem;
    position: relative;
    margin: 0 auto;
}
.news-box .news-area{
    width: 11.4rem;
}
.news-box .news-area .news-item{
    padding: 0.68rem 0 0 0.6rem;
}
.news-box .news-area .news-item .news-icon{
    padding-right: 0.2rem;
}
.news-box .news-area .news-item .news-content{
    padding: 0 0 0.85rem 0.3rem;
    width: 9.8rem;
    border-bottom: 0.02rem solid #efefef;
}
.news-box .news-area .news-item .news-content h2{
    font-size: 0.24rem;
}
.news-box .news-area .news-item .news-content h3{
    font-size: 0.16rem;
    margin-top: 0.12rem;
    color: #b2afb1;
}
.news-box .news-area .news-item .news-content .line{
    background-color: #a7a7a7;
    height: 0.04rem;
    width: 1.35rem;
    margin: 0.26rem 0 0.35rem 0;
}
.news-box .news-area .news-item .btn-detail{
    padding-top: 0.12rem;
    border-radius: 0.08rem;
    width: 1.5rem;
    height: 0.5rem;
    margin-top: 0.45rem;
    font-size: 0.18rem;
    color: white;
}
.news-box .news-list{
    padding: 0.68rem 0 0 0.68rem;
}
.news-box .news-list .column-list .title,.news-box .news-list .hot-list .title{
    padding: 0 0 0.35rem 0;
    font-size: 0.18rem;
}
.news-box .news-list .list{
    padding: 0;
    width: 3.3rem;
}
.news-box .news-list .column-list li,.news-box .news-list .hot-list li{
    padding: 0.25rem 0;
    font-size: 0.18rem;
    border-bottom: 0.02rem solid #e8e8e8;
    cursor: pointer;
}
.news-box .news-list .column-list li:first-child,.news-box .news-list .hot-list li:first-child{
    border-top: 0.02rem solid #e8e8e8;
}
.news-box .news-list .column-list li i{
    padding-right: 0.22rem;
}
.news-box .news-list .column-list li.active{
    color: #af2a38;
}
.loading{
    height: 1rem;
    background-color: white;
    text-align: center;
    line-height: 1rem;
    width: 16rem;
    margin: 0 auto;
    top:-0.25rem;
    position: relative;
    margin-bottom: 0.3rem;
    font-size: 0.24rem;
    color: #7a7a7a;
}