.userInfo {
    width: 100%;
    height: 1.8rem;
    background-image: url(../img/banner.png);
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 1.2rem 0.18rem .4rem 0.08rem;
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.avatar {
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    margin-right: .12rem;
}

.avatar img {
    border-radius: 50%;
}

img {
    width: 100%;
    height: 100%;
}

.info-left {
    display: flex;
    align-items: center;
    margin-bottom: 0.4rem;
    margin-left: 0.1rem;
}

.infos .name {
    font-size: .22rem;
    font-family: AlibabaPuHuiTi-Medium, AlibabaPuHuiTi;
    font-weight: 500;
    color: #FFFFFF;
    line-height: .22rem;
    margin-bottom: .11rem;
}

.infos .subnum {
    font-size: .12rem;
    font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
    font-weight: 400;
    color: #FFFFFF;
    line-height: .17rem;
}

.info-right {
    width: .54rem;
    height: .3rem;
    background: #D8D8D8;
    border-radius: .04rem;
    font-size: .14rem;
    font-family: AlibabaPuHuiTi-Medium, AlibabaPuHuiTi;
    font-weight: 500;
    color: #FFFFFF;
    line-height: .2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.info-right.selected {
    background: #FFC21C;
}

.inner {
    padding: 0 .08rem;
    position: relative;
}

.inner .mask {
    width: 100%;
    height: 0.3rem;
    background: #fff;
    position: absolute;
    top: -0.18rem;
    z-index: 9;
    left: 0;
}

.column-top {
    font-size: .18rem;
    font-family: FZBIAOYSJW--GB1-0, FZBIAOYSJW--GB1;
    font-weight: bold;
    color: #333333;
    line-height: .19rem;
    display: flex;
    align-items: center;
    padding: .16rem 0 .14rem 0;
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.1);*/
    /*margin-bottom: .13rem;*/
    position: relative;
    z-index: 99;
}

.desc .column-top {
    padding-top: 0;
}

.column-top::before {
    content: '';
    width: .02rem;
    height: .22rem;
    /*background: #CA291F;*/
    display: inline-block;
    margin-right: .14rem;
}

.description {
    font-size: .16rem;
    font-family: FZBIAOYSJW--GB1-0, FZBIAOYSJW--GB1;
    font-weight: normal;
    color: #333333;
    line-height: .28rem;
    padding-left: .16rem;
    text-indent: 0.28rem;
}

.news-left img,
.news-right img {
    width: 1.26rem;
    height: .74rem;
    border-radius: 4px;
}

.picnews a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.picnews .news-left {
    margin-right: .32rem;
    width: 80%;
    /*padding-left: 0.16rem;*/
}

.newslist li {
    padding-bottom: .14rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: .22rem;
    padding-left: .16rem;
}

.news-title {
    font-size: .16rem;
    font-family: FZBIAOYSJW--GB1-0, FZBIAOYSJW--GB1;
    font-weight: normal;
    color: #333333;
    line-height: .24rem;
    margin-bottom: .1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.news-info {
    font-size: .12rem;
    font-family: FZBIAOYSJW--GB1-0, FZBIAOYSJW--GB1;
    font-weight: normal;
    color: #777777;
    line-height: .17rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bigpicnews .news-title {
    margin-bottom: .14rem;
}

.bigpicnews .news-pic {
    width: 100%;
    height: 1.8rem;
    border-radius: 4px;
    margin-bottom: .14rem;
}

.morepicnews .news-pic {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .14rem;
}

.morepicnews .news-pic img {
    /* margin-right: .19rem; */
    width: unset;
    max-height: .93rem;
}

.morepicnews .news-pic img:last-child {
    margin-right: 0;
}