.warp {
    position: relative;
    width: 25.6rem;
    min-height: 14.8rem;
    background: url('../img/bg_loop.jpg');
    padding-top: 2.7rem;
    font-family: 'f2';
}

.btn {
    background: url('../img/btn.png') no-repeat 100% /19.2rem 10.8rem;
}

@font-face {
    font-family: 'f1';
    src: url('./SOURCEHANSANSCN-BOLD.OTF');
}

@font-face {
    font-family: 'f2';
    src: url('./SOURCEHANSANSCN-NORMAL.OTF');
}

.wrap_nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 1.1rem;
    border-bottom: 1px solid #56575f;
    font-size: .22rem;
    background-color: rgba(0, 0, 0, .8);
    z-index: 3;
    min-width: 1200px;
    font-family: 'f1';
}

.nav_box {
    width: 16rem;
    height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.nav_box img {
    width: 1.86rem;
    height: .74rem;
    margin-right: 1.3rem;
}

.nav_box .nav_list {
    flex: 1;
    display: flex;
}

.nav_box .nav_list .nav_item {
    width: 2rem;
    height: 1.1rem;
    text-align: center;
    line-height: 1.1rem;
    color: #fff;
}

.nav_box .nav_list .nav_act {
    color: #b58dff;
    border-bottom: 3px solid #b58dff;
}

.btn-back {
    display: none;
    z-index: 1;
    position: absolute;
    left: 1.41rem;
    top: 2.85rem;
    width: 2.95rem;
    height: 1.07rem;
    background-position: -3.99rem -1.79rem;
}

.container {
    position: relative;
    z-index: 1;
    width: 16.3rem;
    padding-bottom: 1rem;
    margin: 0 auto;
    display: flex;
}

.container .left {
    width: 10.6rem;
    color: #e6e6e6;
    text-align: center;
}

.container .left h2 {
    font-size: .52rem;
    width: 8rem;
    margin: 0 auto;
}

.container .left .art-time {
    color: #808080;
    font-size: .2rem;
    margin: .2rem 0 .3rem;
}

.article {
    text-align: left;
    font-size: .18rem;
    /* text-indent: 2em; */
}

.line {
    width: .24rem;
    /* height: 13.46rem; */
    background: url('../img/fenge.png') 100% / 100% 100%;
    margin: 0 .5rem 0 .8rem;
}

.t1 {
    width: 1.58rem;
    height: .51rem;
    background: url('../img/smt.png') no-repeat 100% / 100% 100%;
}

.news_list .top_box {
    width: 4.58rem;
    height: 2.6rem;
    padding: .02rem;
    box-sizing: border-box;
}

.news_list a:hover .top_box {
    border: 1px solid #fff;
}

.news_list a {
    width: 4.58rem;
    height: 3rem;
    font-size: .18rem;
    color: #c8c8c9;
    margin-top: .4rem;
}
.news_list a img {
    width: 4.58rem;
    height: 2.5rem;
}
.news_list .bottom_box {
    display: flex;
    justify-content: space-between;
    padding: 0 .2rem;
    margin-top: .15rem;
}

.footer-wrapper {
    z-index: 1;
    position: absolute;
    bottom: -5.2rem;
    height: 5.2rem;
    width: 100%;
    background-color: #202020;
    padding-top: 1.1rem;
    box-sizing: border-box;
}

.footer-content {
    position: relative;
    width: 16.4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    height: 2.67rem;
}

.bigLogo {
    width: 4.01rem;
    height: .94rem;
}

.footer-des {
    padding-left: .9rem;
    margin-left: .9rem;
    border-left: 1px solid #545454;
    height: 2.67rem;
    color: #cccccc;
    font-size: .16rem;
}

.footer-des p {
    line-height: .25rem;
}

.footer-list {
    display: flex;
    justify-content: space-between;
    width: 9.4rem;
}

.footer-list a {
    color: #cccccc;
}

.footer-age {
    display: flex;
    align-items: center;
    font-size: .16rem;
    margin: .34rem 0 .34rem;
}

/* .footer-age img {
    width: .87rem;
    height: 1.13rem;
    margin-right: .3rem;
} */
.footer-age .age {
    width: .87rem;
    height: 1.13rem;
    margin-right: .3rem;
    background: url('../img/age.png') no-repeat 100% /100% 100%;
}
.footer-filing {
    display: flex;
}

.filing1 {
    margin-right: .6rem;
}

.article img {
    max-width: 100%;
    display: block;
    width: auto;
    height: auto;
    margin: .3rem auto;

}

.article h1 {
    font-size: 2em;
}

.article h2 {
    font-size: 1.5em;
}

.article h3 {
    font-size: 1.17em;
}

.article h5 {
    font-size: .83em;
}

.article h6 {
    font-size: .67em;
}

.article .ql-align-right {
    text-align: right;
}

.article a {
    text-decoration: underline;
}

.ql-align-center {
    text-align: center;
}

.article a {
    color: #fff;
}

.article p {
    font-size: 16px;
    line-height: 30px;
    /* color: #777777; */
    /*padding-bottom: 44px;*/
  margin: 0;

}

.article .ql-video{
    display: block;
    max-width: 100% !important;
    width: auto ;
    margin: 20px auto;
}
.gotop {
    display: none;
    position: fixed;
    bottom: 2.6rem;
    right: 2.3rem;
    width: 1.2rem;
    height: 1.4rem;
    background-position: -11.01rem -.12rem;
    z-index: 2;
}

.bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 25.6rem;
    height: 14rem;
    background: url('../img/bg3.jpg') no-repeat 100% / 100% 100%;
}
.age_container {
    width: 12.49rem;
    height: 6.08rem;
    background: url('../img/age_bg.png') no-repeat 100% /100% 100%;
}
.age_container h2 {
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    font-size: .3rem;
    font-weight: bold;
}
.list {
    height: 5rem;
    padding: .5rem 1rem 0;
    color: #cccccc;
}
.list p {
    margin-bottom: .4rem;
    font-size: .18rem;
    line-height: .3rem;
}
.ageBtn {
    position: absolute;
    bottom: .5rem;
    right: .5rem;
    width: .87rem;
    height: 1.13rem;
    background: url('../img/age.png') no-repeat 100% /100% 100%;
}
.close {
    position: absolute;
    top: .3rem;
    right: .5rem;
    width: .49rem;
    height: .44rem;
    background-position: -18.71rem -.63rem;
}
.pop {
    display: none;
}