html,body{ overflow: auto; overflow-x: hidden;}

body{ width: 100%; height: 100%; background: url(../img/news/listbg.jpg) center center no-repeat; background-size: cover; }

.newsbox .goback {  color: #ffdf91; font-size: .24rem; position: relative; padding-left: 0.3rem;top: 1.3rem;left: 0.5rem; text-transform: uppercase;}
.newsbox .goback::after { position: absolute; content: '';     background: url(../img/hpicon.png) no-repeat;
    background-size: 7.26rem auto; width: 0.2rem; height: 0.16rem;    background-position: -0.3rem -3.64rem; left: 0; top: .1rem;  transform: rotate(180deg);}

.newsbox .title { position: absolute; top: 2.1rem;  font-size: .56rem; color: #ffdf91; text-shadow: 0 0 .1rem #463814;  text-transform: uppercase; left: 50%; transform: translate(-50%); line-height: 1; z-index: 40; }
.newsbox .content .title::before,
.newsbox .content .title::after { position: absolute; content: ''; background: url(../img/page6/p6icon.png) no-repeat; background-size: 8.1rem auto; width:1.8rem; height: 0.07rem; top: .25rem; }
.newsbox .content .title::before{ background-position: -.3rem  -2.88rem; right: -2rem; }
.newsbox .content .title::after{ background-position: -.3rem  -2.21rem; left:  -2rem; }
.newsbox .content .listbox{ width: 5.24rem; position: relative; left: 50%; transform: translate(-50%); margin-top:3.1rem;   }

.newsbox .content .listbox .showlist a{ display: block; height: auto; width: 100%; margin-bottom: .5rem; }
/* .newsbox .content .listbox a:last-child{ margin-bottom: 2rem; } */
.newsbox .content .listbox a img{ width: 100%; height: auto; }




.newsbox .listbox .txt{ height: auto; position: relative; }

.newsbox .listbox .txt .top{ display: flex; justify-content: space-between; }

.newsbox .listbox .txt .top h3{ font-size: .2rem; padding-left: 0.1rem; line-height: 1;color: #f9d075; border-left: 0.07rem solid #f9d075; }
.newsbox .listbox .txt .nwt h3{ color: #55a7fd; border-left: .07rem solid #55a7fd; }
.newsbox .listbox .txt .gdt h3{ color: #c3c3c3; border-left: .07rem solid #c3c3c3; }

.newsbox .listbox .txt .top em{ font-family: nsb; color: #fff; font-size:.2rem; line-height: 1; }
.newsbox .listbox  p{ margin-top: 0.2rem; color: #fff; font-size: .28rem; font-family: nsb; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; line-height: .35rem; text-transform: uppercase; }


.newsbox .content .listbox  .tips{
    text-align: center;
    color: #fff;  
}

.newsbox  .lookmore{ display: none;
    font-family: nsb;
    width: 100%;
    height: 0.5rem;
    font-size: .26rem;
    line-height: .5rem;
    text-align: center;
    border: 1px solid #979797;
    color: #b1b1b1;
    background-color: #1e2f46;
    margin: 1rem auto;
}


/* lang_ar */
.lang_ar .newsbox .goback{
    position: absolute;
    right: 0.7rem;
    left: auto;

}
.lang_ar .newsbox .goback::after{
    left: auto;
    transform: rotateY(0deg);
    right: -.3rem;
    top: 0.12rem;
}


.lang_ar .newsbox .listbox .txt .top{
    display: block;
    overflow: hidden;
}
.lang_ar .newsbox .listbox .txt .top h3{float: right;    margin-top: .15rem;}
.lang_ar .newsbox .listbox p{text-align: right;    direction: rtl;}