.page-header {
    backdrop-filter: blur(10px);
    background: hsla(0,0%,100%,.8);
    box-shadow: 0 0 40px 0 hsl(0deg 0% 47% / 10%);
}
.centerdiv{
    margin-top: 20px;
    margin-bottom: 20px;
}
.leftdiv{background-color: transparent}
.leftdiv>.white{
    padding: 40px 20px 20px;
    background-color: #fff;
    margin-bottom: 20px
}



/*------------------------------当前位置------------------------------*/
.dqwz{
    display: flex;
    width: 1200px;
    margin: 132px auto 20px;
    font-size: 16px;
    white-space: nowrap;
    align-items: center;
}
.dqwz i{margin: 0 8px}
.dqwz span{
    text-overflow: ellipsis;
    overflow: hidden;
    opacity: .6
}
.dqwz a{color: #031c49}
.dqwz a:hover{text-decoration: underline}



/*----------文章头部开始----------*/
.article-header{overflow: hidden}
.article-header h1{
    text-align: center;
    line-height: 38px;
    font-size: 28px;
    font-weight: bold;
}

/*文章头部的信息区域*/
.article-header-info{
    display: flex;
    height: 26px;
    margin-top: 30px;
    align-items: center;
    justify-content: space-between;
}
.article-header-info .keywords{
    display: flex;
    height: 100%;
    align-items: center;
}
.article-header-info .keywords ul{
    display: flex;
    height: 100%;
}
.article-header-info .keywords ul li{
    border: 1px solid #f1f1f2;
    padding: 0 8px;
    line-height: 24px;
    font-size: 14px;
    color: #808082;
    border-radius: 4px;
}
.article-header-info .keywords ul li:first-child~li{margin-left: 5px}
.article-header-info .right{display: flex}
.article-header-info .right li{
    display: flex;
    align-items: center;
    opacity: .6;
}
.article-header-info .right li:first-child~li{margin-left: 20px}
.article-header-info .right li:before{
    content: '';
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background-position: center;
    background-size: cover;
}
.article-header-info .right li:first-child:before{background-image: url("https://cdn.huamux.com/pcimgs/info/news-views.png");}
.article-header-info .right li:nth-child(2):before{background-image: url("https://cdn.huamux.com/pcimgs/info/news-time.png");}


/*----------文章内容----------*/
.article-content{margin-top: 50px;}
.article-content img{max-width: 100%!important;}
#content{
    line-height: 1.7;
    white-space: pre-wrap;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6{font-weight: 500;font-size: 20px;}
#content i,#content em{font-style: italic}


/*----------上一章和下一章----------*/
.prev-next{margin: 0 auto 60px}
.prev-next.mobile{display: none}
.prev-next>div{
    display: flex;
    justify-content: space-between;
}
.prev-next>div p{
    width: 50%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.prev-next>div p:last-child{
    margin-left: 20px;
    text-align: right
}
.prev-next>div p a{
    color: #031c49;
    opacity: .6;
}
.prev-next>div p a:hover{opacity: .8;text-decoration: underline}





/******************************以下是移动端样式*******************************/
/******************************以下是移动端样式*******************************/
/******************************以下是移动端样式*******************************/
body[data-mobile] .dqwz{
    width: auto;
    padding: 0 0.12rem;
    margin: 0.6rem auto 0.12rem;
    font-size: 0.12rem;
}
body[data-mobile] .centerdiv{
    display: block;
    width: auto;
    margin: 0.12rem auto;
}
body[data-mobile] .leftdiv{
    width: auto;
}
body[data-mobile] .leftdiv>.white{
    padding: 0.24rem 0.12rem 0.12rem;
    margin-bottom: 0;
}
body[data-mobile] .article-header h1{
    line-height: 0.24rem;
    font-size: 0.18rem;
}
body[data-mobile] .article-header-info{
    height: auto;
    margin-top: 0.2rem;
    flex-wrap: wrap;
}
body[data-mobile] .article-header-info .keywords p{
    font-size: 0.14rem;
    flex-shrink: 0;
}
body[data-mobile] .article-header-info .keywords ul li{
    padding: 0 0.08rem;
    margin-bottom: 0.05rem;
    line-height: 0.24rem;
    font-size: 0.14rem;
    color: #808082;
    border-radius: 0.04rem;
}
body[data-mobile] .article-header-info .keywords ul li:first-child~li{margin-left: 0.05rem}
body[data-mobile] .article-header-info .right li{
    font-size: 0.14rem;
    flex-shrink: 0;
}
body[data-mobile] .article-header-info .right li:before{
    width: 0.16rem;
    height: 0.16rem;
    margin-right: 0.04rem;
}
body[data-mobile] .article-header-info .right li:first-child~li{margin-left: 0.1rem}
.article-content{
    margin-top: 0.24rem;
}
body[data-mobile] #content{line-height: 1.5;}
body[data-mobile] #content h1,
body[data-mobile] #content h2,
body[data-mobile] #content h3,
body[data-mobile] #content h4,
body[data-mobile] #content h5,
body[data-mobile] #content h6{font-size: 0.2rem;}
body[data-mobile] #content p{font-size: 0.16rem;}
body[data-mobile] .prev-next{
    display: none;
    width: auto;
    padding: 0 0.12rem;
    margin-bottom: 0.24rem;
}
body[data-mobile] .prev-next.mobile{
    display: block;
    margin-top: 0.12rem;
}
body[data-mobile] .prev-next>div{width: auto;}
body[data-mobile] .prev-next>div p{font-size: 0.14rem}
body[data-mobile] .prev-next>div p:last-child{text-align: left}