#app{
    background: black;
    display: flex;
    flex-direction: column;
    position: relative;
}

.header{
    background: #18202B;
    height: .8rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: .28rem;
    padding-right: .1rem;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
}

.header .logo{
    height: .32rem;
}

.header .download{
    height: .55rem;
    display: flex;
}

.header .download img{
    height: .55rem;
}

.content{
    background: url(../images/bg2.jpg);
    background-size: 100%;
    background-repeat: repeat-y;
    min-height: 80vh;
    padding: 1.54rem .4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.content .title{
    width: 2.4rem;
    height: .77rem;
}

.content .news-types{
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: center;
    margin-top: .27rem;
    margin-bottom: .23rem;
    font-size: .28rem;
}

.content .news-types .new{
    width: .9rem;
    height: .39rem;
    text-align: center;
    line-height: .39rem;
    margin-right: .2rem;
}

.content .news-types .new:first-child{
    margin-right: 0;
}

.content .news-types .new-active{
    background: url(../images/type-bg.png);
    background-size: 100% 100%;
    color: #33E5F1;
}

.content .line{
    width: 5.92rem;
    height: .01rem;
}

.content .news-box{
    min-height: 7.3rem;
}

.content .news-list{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: .12rem;
}

.content .news-list .news-item{ 
    width: 6.07rem;
    height: 1.63rem;
    border: .01rem solid #13FFFC;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    margin-bottom: .15rem;
}

.content .news-list .news-item .cover{
    width: 2.94rem;
    height: 1.61rem;
}

.news-list .news-item ._content{
    flex-grow: 1;
    padding: .27rem .22rem;
    font-size: .16rem;
}

.news-list .news-item ._content .head{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.news-list .news-item ._content .head .type{
    width: .69rem;
    height: .26rem;
    background-image: url(../images/item-bg.png);
    background-size: 100% 100%;
    text-align: center;
    line-height: .26rem;
    flex-shrink: 0;
}

.news-list .news-item ._content .head .time{
    color: #CFE6E6;
}

.news-list .news-item ._content .title{
    margin-top: .15rem;
    font-size: .24rem;
}

.el-pagination{
    display: flex;
    justify-content: center;
    color: #CFE6E6 !important;
}

.el-pagination button{
    background: transparent !important;
}

.el-pagination .number,.el-icon{
    background: transparent !important;
    color: #CFE6E6 !important;
}

.el-pagination .active{
    color: #33E5F1 !important;
}