.banner-con{
    background: url(../images/news-detail-bg.jpg) no-repeat;
    background-size: cover;
}
.banner-con .banner h1{
    text-align: center;
}
.banner-con .banner .ul1{
    display: flex;
    justify-content: center;
    gap: 30px;
}
.banner-con .banner .ul1 li{
    position: relative;
    color: #909090;
}
.banner-con .banner .ul1 li:nth-child(2n+1){
    padding-left: 20px;
}

.banner-con .banner .ul1 li:nth-child(1):before{
    content: "";
    background: url(../images/publisher.png) no-repeat;
    width: 13px;
    height: 13px;
    position: absolute;
    left: 0;
    top: 4px;
}
.banner-con .banner .ul1 li:nth-child(3):before{
    content: "";
    background: url(../images/time.png) no-repeat;
    width: 13px;
    height: 13px;
    position: absolute;
    left: 0;
    top: 4px;
}
.banner-con .banner .ul1 li:nth-child(5):before{
    content: "";
    background: url(../images/view.png) no-repeat;
    width: 12px;
    height: 8px;
    position: absolute;
    left: 0;
    top: 7px;
}
.banner-con .banner .content{
    border: 1px solid #565656;
    padding: var(--gap80) var(--gap50);
    border-radius: 20px;
    background: #161b22;
}
.banner-con .banner .content img{
    margin-bottom: 20px;
}
.page{
    background: #161b22;
    padding: var(--gap50);
    border-radius: 20px;
     border: 1px solid #565656;
}
.page a{
    position: relative;
    padding-left: 35px;
    color: var(--font-gray);
}
.page a span{
    color: var(--yellow-color);
}
.page ul{
    gap: 30px;
}
.page ul li:first-child a:before{
    content: "";
    background: url(../images/back.png) no-repeat;
    width: 27px;
    height: 27px;
    position: absolute;
    left: 0;
    top: -2px;
}
.page ul li:last-child a:before{
    content: "";
    background: url(../images/forward.png) no-repeat;
    width: 27px;
    height: 27px;
     position: absolute;
    left: 0;
    top: -2px;
}

@media (max-width:768px){
    .banner-con .banner .ul1{
        gap: 15px;
        flex-wrap: wrap;
    }
    .banner-con .banner .ul1 li:nth-child(2n){
        display: none;
    }
    .page ul{
        flex-wrap: wrap;
    }
}