#header strong,
#subNav,
a[title~=站长统计],
nav {
    display: none
}

#moileArticleDate span,
.browser-wrap {
    line-height: 1.5em;
    font-size: .6763rem
}

#content,
#shareLine,
nav div span {
    zoom: 1;
    overflow: hidden
}

#header,
nav {
    background-color: #AC1316
}

.column-top *,
.open-camera {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

#content,
#header,
#moileArticleDate,
#moileArticlePaike,
#shareLine,
.comments,
.comments .comment-list,
.editor span,
.news-items>a li,
.tit-left,
nav div span {
    overflow: hidden
}

.dec,
.editor span,
.news-items>a li,
.tit-left {
    white-space: nowrap
}

body,
button,
h1,
h2,
h3,
input,
li,
ol,
p,
select,
span,
strong,
textarea,
ul {
    font-family: Arial, "PingFang SC", "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif
}

body {
    background: #f2f2f2
}

.video_fixed_box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: calc(100vw*9/16);
    z-index: 9999
}

.firstVideo_y_box .video-in-details {
    transition: all .3s;
    transition-timing-function: linear;
    transition-property: max-height
}

body.has-download {
    padding-bottom: 2.56em
}

li {
    list-style-type: none
}

nav {
    padding: 6px 0
}

input[type=button],
input[type=submit],
input[type=reset],
input[type=password],
input[type=text] {
    -webkit-appearance: none;
    outline: 0
}

textarea {
    -webkit-appearance: none
}

nav div {
    margin: 0 auto
}

nav div span {
    display: block;
    width: 301px;
    margin: 1px auto
}

nav div span a {
    float: left;
    width: 60px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    padding: 1.5px 0 4.5px
}

#content,
#content section {
    font-size: .91787439rem;
    line-height: 1.6
}

nav div span a.active {
    color: #fff;
    padding-bottom: 1.5px;
    border-bottom: 3px solid #fff;
    text-decoration: none
}

.zan-icon .icon {
    display: inline-block;
    vertical-align: middle
}

#aside {
    display: none
}

#content {
    position: relative;
    width: 100%;
    background: #fff
}

#articleDetail {
    position: relative;
    padding: .9178rem .805rem 40px;
    margin: 0 auto
}

.topic-articleDetail {
    padding-bottom: 0 !important
}

#articleDetail p a,
#articleDetail p a:active,
#articleDetail p a:hover,
#articleDetail p a:visited {
    color: -webkit-link;
    text-decoration: underline;
    outline: unset
}

#articleDetail .title-img {
    width: 100%;
    height: auto;
    display: block
}

#articleDetail h1 {
    font-size: 1.127rem;
    line-height: 1.851rem
}

#articleDate {
    display: none
}

#moileArticleDate {
    display: block;
    color: #999;
    margin: 1rem 0 .4rem
}

#moileArticlePaike {
    display: block;
    color: #999;
    margin-bottom: .4rem
}

.tit-left {
    display: inline-block;
    width: 16rem;
    text-overflow: ellipsis
}

#footer,
#header {
    display: none
}

.browser-wrap {
    display: none;
    width: 100%;
    text-align: right
}

#header,
.comment-list-pagination,
.copyright-desc,
.more-column,
.open-camera,
.pagetype-404 .centre {
    text-align: center
}

.browser-wrap>img {
    width: 1rem !important;
    vertical-align: middle !important
}

#header,
#shareLine span,
.open-camera span {
    vertical-align: middle
}

#moileArticleDate span {
    margin-right: 1.0628rem
}

#moileArticlePaike span {
    font-size: .6763rem;
    line-height: 1.8em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

#moileArticlePaike span.paikeName {
    color: #333
}

#shareLine {
    width: 277px;
    padding: 5px 0;
    position: absolute;
    bottom: 0;
    clear: both
}

#shareLine span {
    float: left;
    font-size: 1.5em;
    font-weight: 600;
    line-height: 36px
}

#shareLine div {
    float: left;
    width: 186px;
    margin-left: 1.5em
}

.endPart {
    margin: 1.5em auto;
    width: 90%
}

.endPart h1 {
    font-size: 1.5em;
    line-height: 1.65em
}

.endPart li {
    font-size: 1.25em;
    line-height: 1.7em
}

.mobileListTime {
    float: right
}

#header {
    width: 100%
}

#header a {
    position: absolute;
    background: url(../../images/backHome.png);
    background-size: 100% 100%;
    left: 20px;
    top: 7.88px;
    width: .61em;
    height: .61em
}

.copyright-mobile,
.copyright-top,
.open-camera span {
    position: relative
}

#header img {
    width: 2.5em;
    height: .58em
}

@media only screen and (max-width:479px) {
    #header {
        font-size: 40.5px;
        line-height: 40.5px;
        height: 1em
    }
}

@media only screen and (max-width:479px) and (min-width:360px) {
    #header {
        font-size: 45.6px;
        line-height: 45.6px;
        height: 1em
    }
}

@media only screen and (max-width:639px) and (min-width:480px) {
    #header {
        font-size: 60.8px;
        line-height: 60.8px;
        height: 1em
    }
}

@media only screen and (min-width:640px) {
    #header {
        width: 81.07px;
        height: 81.07px;
        height: 1em
    }
}

@media (max-width:720px) {
    article {
        font-size: 18px;
        line-height: 30px;
        font-family: "Roboto,HelveticaNeue,Helvetica,Arial,sans-serif"
    }
}

.video-div {
    height: 280px;
    border: 0 solid #999;
    margin: 5px 10px;
    background-color: #000
}

.bg-at-img {
    width: 100%
}

.ad-img-des {
    color: #c5c5c5 !important;
    font-size: 12px !important
}

.pagetype-404 .centre img {
    width: 50%;
    margin: 80px auto 30px
}

.editor {
    font-size: .6763rem;
    color: #a3a3a3;
    margin: .483rem 0
}

.editor span {
    margin-right: 2%;
    max-width: 5.797101rem;
    display: inline-block;
    text-overflow: ellipsis
}

.open-camera {
    width: 8.4541rem;
    height: 1.835rem;
    line-height: 1.835rem;
    margin: 1.5459rem auto;
    box-sizing: border-box;
    border: 1px solid #fe4545;
    border-radius: 2px;
    color: #ff1010
}

.open-camera span {
    margin-right: .3381rem;
    display: inline-block;
    top: -.0966rem;
    width: .8856rem;
    height: .902rem;
    background-image: url(../../images/ar-camera.png);
    background-size: 100% 100%
}

.copyright-mobile {
    background: #fff;
    z-index: 2
}

.copyright-mobile-topic {
    padding: 0 .805rem
}

.copyright-mobile .copyright-static-image {
    margin-bottom: 0
}

.copyright-static-image-pc,
.publish-sec-pc {
    display: none
}

.copyright-top:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 3;
    top: 55%;
    width: 100%;
    height: 0;
    border-top: 1px dashed #e5e5e5
}

.copyright-logo {
    position: relative;
    z-index: 4;
    width: 10rem;
    height: 2.7536rem;
    margin: 0 auto;
    padding: .43478rem;
    background: #fff
}

.copyright-desc {
    margin: .5797rem 0;
    font-size: .6763rem;
    color: #999
}

.copyright-desc i {
    color: #E55757;
    font-style: normal
}

.related-subject-topic {
    padding: 0 .805rem;
    background-color: #fff
}

.comments h3,
.more-news>h3,
.related-news>h3,
.related-subject h3 {
    position: relative;
    height: 2.41546rem;
    line-height: 2.41546rem;
    font-size: .9696rem;
    color: #333;
    font-style: italic
}

.comments h3 i,
.more-news>h3 i,
.related-news>h3 i,
.related-subject h3 i {
    color: #E51F1F
}

.comments h3:before,
.more-news>h3:before,
.related-news>h3:before,
.related-subject h3:before {
    content: '';
    position: absolute;
    top: .8212rem;
    left: 0;
    width: .2415rem;
    height: .996rem;
    background: #333;
    display: none
}

.related-subject .rs-content {
    position: relative;
    width: 100%;
    padding-top: 35.18%
}

.related-subject .rs-content a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.column-top {
    position: relative;
    line-height: 0;
    margin: .9662rem 0;
    background: #ddd
}

.column-top * {
    box-sizing: border-box
}

.column-top img {
    width: 100%;
    min-height: 3.5748rem
}

.column-top .column-boot-btn {
    position: absolute;
    right: .3382rem;
    bottom: .3864rem;
    width: 2.85rem;
    height: 1.3043rem;
    border: .0483rem solid #444;
    -webkit-border-radius: .1449rem;
    border-radius: .1449rem;
    color: #333;
    font-size: .628rem;
    line-height: 1.3043rem;
    background: #fff;
    text-align: center
}

.column-top .column-boot-btn em {
    position: relative;
    left: -.1449rem;
    font-size: .7246rem
}

.more-column {
    margin-top: 1.1111rem;
    margin-bottom: -.7246rem;
    height: 1.6908rem;
    line-height: 1.6908rem;
    font-size: .6763rem;
    color: #999
}

.more-column span {
    color: #fd222b
}

.more-news,
.related-news {
    background: #fff
}

.more-news *,
.related-news * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.comments.with-paddings,
.more-news.with-paddings,
.related-news.with-paddings {
    padding: 0 .805rem 1.20772rem;
    padding-bottom: 1.20772rem !important
}

.news-items>a {
    position: relative;
    display: block;
    width: 100%;
    border-bottom: 1px solid #EAF2F5
}

.news-items:last-of-type>a {
    border-bottom: none
}

.is-single-img>a {
    display: flex;
    flex-direction: row-reverse;
    padding-top: .628rem;
    padding-bottom: .628rem
}

.news-items>a .small-image {
    margin-left: .5314rem;
    width: 5.70048rem;
    height: 4.2512rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

.news-items>a .small-image .video_audio_icon {
    width: 1.54589rem;
    height: 1.54589rem;
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.news-items>a .small-image-title {
    flex: 1;
    position: relative
}

.news-items>a .small-image-title h3 {
    font-weight: 400;
    font-size: .86956rem;
    color: #333;
    line-height: 1.20772rem;
    overflow-y: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.news-items>a .small-image-title h3 .vip_logo_img {
    display: inline-block;
    height: 12px;
    width: auto
}

.news-items>a li,
.news-items>a ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.news-items>a .news-items-meta {
    color: #999;
    font-size: .62802rem;
    position: absolute;
    left: 0;
    bottom: 0
}

.detail-news-items-meta {
    width: 100%
}

.detail-news-items-meta>ul {
    width: 100%;
    display: flex
}

.detail-tc-list-source {
    max-width: 7.5rem
}

.detail-tc-list-time {
    flex: 1;
    margin-right: 0 !important
}

.news-items>a li {
    display: inline-block;
    vertical-align: bottom;
    margin-right: .82125rem;
    font-size: .62802rem;
    text-overflow: ellipsis
}

.comments {
    background: #fff;
    padding: 0 !important
}

.comments h3 {
    padding-left: .9961rem
}

.comments .comment-list {
    position: relative
}

.comments ul {
    box-sizing: border-box;
    width: 100%;
    padding: 0 .805rem
}

.comment-list-in-detail ul {
    padding: 0
}

.comments ul li {
    position: relative;
    padding: .724637rem 0 1.095rem;
    border-bottom: 1px solid #e0e0e0
}

.comments ul li:last-child {
    border: none
}

.comment-list-pagination .swiper-pagination-switch {
    width: .144927rem;
    height: .144927rem;
    background: #ccc;
    border-radius: 50%;
    transition: all .3s;
    margin: 0 .193236rem
}

.comment-list-pagination .swiper-active-switch {
    width: .628019rem;
    background: #E51F1F;
    border-radius: .096618rem
}

.custom-emoji-in-replys {
    display: inline-block;
    width: .9rem;
    height: auto;
    vertical-align: middle
}

.tc-portrait {
    width: 1.7rem;
    height: 1.7rem;
    position: absolute;
    top: .5rem;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.tc-portrait img {
    width: 80%;
    height: 80%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.tc-portrait .growth-img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-48%);
    width: 120%;
    height: auto;
    border-radius: unset
}

.tc-talkitem {
    padding-left: 2.03rem
}

.tc-talkname {
    color: #757575;
    font-size: .676328rem;
    line-height: 1.43317rem;
    height: 1.73913rem;
    display: flex;
    align-items: flex-start
}

.tc-talkinfo,
.tc-talkname p {
    display: -webkit-box;
    word-break: break-all;
    -webkit-box-orient: vertical
}

.tc-talkinfo {
    line-height: .9661835rem !important;
    color: #474747;
    width: 100%;
    font-size: .77294rem !important;
    overflow-wrap: break-word;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.tc-emoji {
    width: 16vw;
    margin-top: 2.4vw
}

.tc-talkname p {
    flex: 1;
    line-height: .9rem;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.tc-talkname p .vip_logo_img {
    display: inline-block;
    height: 12px;
    width: auto;
    margin-right: .33rem;
    vertical-align: middle;
    margin-bottom: 2px
}

.tc-talkname span {
    font-size: .6rem;
    color: #a3a3a3;
    margin-left: .33rem
}

.tc-talkname-jing {
    display: block;
    width: auto;
    height: 1.25275rem;
    margin-right: .5rem;
    margin-top: -.25rem
}

.tc-talkname img.isTop {
    width: 2.625rem;
    height: auto;
    float: right;
    margin-right: .5rem
}

.tc-talkname-zan {
    display: flex;
    justify-items: center;
    align-items: center;
    margin-right: .3rem
}

.tc-talkname-zan img {
    display: block;
    margin-right: .33rem;
    margin-bottom: .1rem;
    height: .73rem;
    width: auto
}

.tc-talkname-zan div {
    font-size: .676328rem;
    color: #757575;
    margin-left: 0;
    line-height: .7rem;
    display: inline
}

.comment-download .download-btn,
.tc-comment-more-btn {
    height: 1.98rem;
    line-height: 1.98rem;
    font-size: .628rem;
    text-align: center;
    text-decoration: unset !important
}

.tc-comment-more-btn {
    width: 63.92%;
    margin: .8rem auto 0;
    color: #e62f17 !important;
    background-color: #fff;
    border-radius: 1.98rem;
    border: 1px solid #e62f17
}

.comments .no-comments {
    text-align: center;
    padding: .6rem 0;
    margin-bottom: 1rem
}

.comments .no-comments img {
    width: 50%
}

.comment-download {
    padding-bottom: 1.095rem
}

.comment-download .download-btn {
    display: block;
    width: 63.92%;
    margin: 0 auto;
    color: #fff !important;
    background: #e62f17;
    border-radius: 1.98rem
}

#qianmianDetail {
    padding-bottom: 1.256rem
}

.isqianmian #qianmianDetail {
    display: block
}

#qianmianDetail * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#qianmianDetail .cover-img {
    position: relative;
    width: 100%;
    padding-top: 80.645%;
    background-size: cover;
    background-position: center top
}

#qianmianDetail .title-wrap {
    position: absolute;
    width: 60%;
    top: 7%;
    left: 20%;
    height: 86%;
    background: #fff;
    padding: .5314rem;
    text-align: center
}

#qianmianDetail .title-inner {
    position: relative;
    height: 100%;
    border: 2px solid #888
}

#qianmianDetail .title-inner h3 {
    line-height: 1.8357rem;
    max-height: 4.67149rem;
    overflow: hidden;
    font-size: .9662rem;
    padding: .9918rem .7246rem
}

#qianmianDetail .diamond {
    width: .4347rem;
    height: .4347rem;
    margin: 1.4492rem auto 0;
    border: 1px solid #111;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

#qianmianDetail .qianmian-auth {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: .8212rem;
    line-height: .9918rem;
    font-size: .67632rem
}

#qianmianDetail .qianmian-auth span:first-child {
    margin-right: .483rem
}

#qianmianDetail .qianmian-auth span em {
    margin: .0966rem
}

#qianmianDetail .brief-diamond {
    margin-top: 2.4154rem
}

#qianmianDetail .brief {
    background: #f0f0f0;
    padding: .483rem 1.0144rem;
    margin: .6762rem .805rem 1.9323rem;
    color: #757575;
    line-height: 1.4492rem;
    font-size: .7729rem;
    -webkit-border-radius: .0966rem;
    border-radius: .0966rem
}

#qianmianDetail .qianmian-content {
    padding: 0 .805rem
}

.isqianmian {
    display: none
}

.ai-brief-box {
    position: relative;
    background: linear-gradient(180deg, #FFF4F4 0, #FFFCFC 100%);
    padding: 3.3vw;
    border-radius: .53vw;
    border: .13vw solid #FFEBEB;
    display: flex
}

.ai-brief-left-logo {
    display: block;
    width: 9.6vw;
    height: 9.6vw
}

.ai-brief-right-box {
    flex: 1;
    margin-left: 3.3vw;
    color: #0A1420;
    font-size: 3.73vw;
    line-height: 5.6vw;
    font-style: normal;
    display: flex;
    align-items: center
}

.ellipsis {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.spread {
    padding-right: .2vw;
    padding-left: .5vw;
    position: absolute;
    bottom: 3.3vw;
    right: 3.3vw;
    background-color: #FFF9F9;
    color: #FF5656
}

.spread i {
    color: #0A1420
}

.brief-box {
    position: relative;
    background-color: #FFFCFC
}

.brief-box .brief-logo {
    position: absolute
}

.brief-box .brief-top-logo {
    width: 1.73rem;
    height: auto;
    top: 0;
    left: .8rem
}

.brief-box .brief-bottom-logo {
    width: 100%;
    height: auto;
    bottom: 0;
    left: 0
}

.brief-info {
    padding: 1.87rem .8rem 1.28rem;
    color: #333;
    font-size: .75rem;
    line-height: 1.28rem;
    text-align: justify
}

.main-content {
    margin-top: 1rem;
    position: relative
}

.main-content video {
    width: 100%
}

.main-content .wiki {
    color: #167CF0 !important
}

.main-content .wiki span {
    display: inline-block !important;
    margin-bottom: 0 !important
}

.main-content .formatted,
.main-content p.formatted,
.main-content p.formatted span {
    font-size: .91787439rem;
    line-height: 1.6;
    margin-bottom: 1.4492753rem
}

.details-more-wrap {
    margin: -5.5rem -2% .5rem;
    position: relative;
    z-index: 100;
    box-sizing: border-box;
    width: 104%;
    display: none
}

.details-more-wrap::before {
    content: '';
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    background: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    background: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    position: absolute;
    left: 0;
    top: -2rem;
    height: 6.5rem;
    width: 100%
}

.detail-more-wrap-topic {
    margin: -2rem -2% 0
}

.details-more-wrap .details-more-icon {
    height: 4.2512rem;
    text-align: center;
    position: relative;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #FFF 100%)
}

.vip-mask,
.vip-open-btn {
    background-size: cover;
    background-repeat: no-repeat
}

.details-more-wrap .details-more-icon img {
    width: 1.5942rem;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0
}

.details-more-wrap .details-more-btn {
    background-color: #fff;
    position: relative;
    text-align: center
}

.details-more-wrap .tc-btn-details-more {
    height: 1.5942rem;
    text-align: center;
    color: #FF5656;
    font-style: normal;
    line-height: 1.5942rem;
    font-size: .724637rem;
    padding-top: .28985rem;
    text-decoration: unset !important;
    outline: 0 !important;
    -webkit-appearance: none
}

.vip-mask {
    width: 100%;
    height: 7.75rem;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: url(../../images/vip_mask_small.png);
    z-index: 2000
}

.vip-background-img {
    width: 100%;
    height: auto;
    display: block
}

.vip-info-box {
    width: 100%;
    margin-top: 2.03rem
}

.vip-top-tips {
    font-weight: 700;
    font-size: .85rem;
    color: #84440C;
    text-align: center
}

.vip-open-btn {
    width: 6.4rem;
    height: 1.92rem;
    background-image: url(../../images/vip_open_btn_logo.png);
    margin: 1.76rem auto 0
}

:focus {
    outline: 0
}

.subtitle {
    position: relative
}

.subtitle .btn-comments {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.btn-comments .icon {
    display: inline-block;
    vertical-align: text-top;
    margin-right: .2em
}

.float-box {
    position: fixed;
    right: 1em;
    bottom: 5em;
    z-index: 5
}

.float-box .btn {
    margin-top: 1em
}

.float-box .go-home {
    display: block;
    padding: .8em 0 0;
    width: 2.5rem;
    height: 2.5rem;
    box-sizing: border-box;
    border-radius: 100%;
    text-align: center;
    background: #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .4)
}

.go-home .icon {
    display: block;
    margin: 0 auto
}

.share-mask {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 9999;
    background: url(../../images/share-arrow.png) 96% .5em no-repeat rgba(0, 0, 0, .7);
    background-size: 3rem;
    color: #fff
}

.share-mask.active {
    display: block
}

.share-mask .tip {
    font-size: 1.3em;
    margin: 4em 0 0 4.5em
}

.share-mask .cg {
    position: fixed;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.9em;
    width: 74%
}

.cg .p2 {
    padding-left: 2em
}

.moduleInteract-part.hide,
.moduleInteract-part.moduleInteract-part-hide {
    display: none
}

.moduleInteract-part {
    margin-top: .75rem;
    padding: 1.13rem .625rem;
    overflow: hidden;
    text-align: center;
    background: linear-gradient(179deg, #DDEDFF 0, #FFF 45%);
    box-shadow: 0 .13rem 1.25rem 0 rgba(0, 0, 0, .1);
    border-radius: .25rem
}

.moduleInteract-part .moduleInteract-tips {
    text-align: left;
    margin-top: .2rem;
    position: relative
}

.moduleInteract-part .moduleInteract-tips .histogram-logo {
    position: absolute;
    right: 0;
    bottom: -.5rem;
    width: 2.84rem
}

.moduleInteract-part .moduleInteract-tips .moduleInteract-tips-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .69rem;
    font-weight: 400;
    color: #A5A5A5;
    overflow: hidden;
    white-space: nowrap
}

.moduleInteract-part .moduleInteract-tips .right-item {
    margin-left: 2.25rem
}

.moduleInteract-part .moduleInteract-tips .moduleInteract-tips-item .moduleInteract-tips-item-logo {
    display: block;
    width: auto;
    height: .81rem;
    margin-right: .31rem
}

.moduleInteract-part .moduleInteract-tips .moduleInteract-tips-item .moduleInteract-replyCount,
.moduleInteract-part .moduleInteract-tips .moduleInteract-tips-item .moduleInteract-voterCount {
    width: unset
}

.moduleInteract-part p {
    font-size: .94rem;
    line-height: 1.45rem;
    color: #1F1F1F;
    text-align: left;
    word-break: break-all;
    font-weight: 700
}

.moduleInteract-part p span {
    display: inline-block;
    padding: 3px .25rem .13rem;
    color: #fff;
    font-size: .63rem;
    line-height: .94rem;
    margin-right: .5rem;
    text-align: center;
    background: #3593FF;
    border-radius: .13rem;
    vertical-align: middle;
    margin-top: -4px
}

.moduleInteract-part .options-part div {
    margin: .25rem 0;
    padding: .44rem .5rem;
    font-size: .88rem;
    color: #0A1420;
    text-align: left;
    background: #F5F8FA;
    border-radius: .13rem;
    display: flex;
    position: relative;
    overflow: hidden;
    align-items: center
}

.moduleInteract-part .options-part div .optionItemTitle,
.moduleInteract-part .pk-box .pk-left-item {
    flex: 1
}

.moduleInteract-part .options-part div .optionItemWorld {
    position: relative;
    z-index: 10
}

.moduleInteract-part .options-part div .optionItemBackground {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 5
}

.moduleInteract-part .options-part .optionItemSelect {
    background-color: #3593FF;
    color: #FFF
}

.moduleInteract-part .pk-box {
    display: flex;
    margin-top: .6rem
}

.moduleInteract-part .pk-box .pk-item {
    position: relative
}

.moduleInteract-part .pk-box .pk-item img {
    display: block;
    width: 100%;
    height: auto
}

.moduleInteract-part .pk-box .pk-item span {
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: .94rem;
    color: #fff;
    width: 100%
}

.moduleInteract-part .pk-box .pk-item .pk-select-item-right {
    left: 55%
}

.moduleInteract-part .pk-box .pk-item .pk-select-item-left {
    left: 45%
}

.moduleInteract-part .pk-box .pk-middle-item {
    width: 2.38rem
}

.moduleInteract-part .pk-box .pk-right-item {
    flex: 1;
    margin-left: -.4rem
}

.moduleInteract-part .pk-box .pk-result-box {
    flex: 1
}

.moduleInteract-part .pk-box .pk-result-persent-box {
    width: 100%;
    height: 1.5rem;
    display: flex
}

.moduleInteract-part .pk-box .pk-result-persent-box .pk-result-persent-item {
    font-size: .81rem;
    line-height: 1.5rem;
    box-sizing: border-box
}

.moduleInteract-part .pk-box .pk-result-persent-box .pk-result-persent-item-left {
    color: #4B86F6;
    text-align: left;
    background: #DDEDFF;
    border-radius: .75rem .25rem .25rem .75rem;
    padding-left: .38rem;
    max-width: 18.25rem;
    min-width: 1.81rem
}

.moduleInteract-part .pk-box .pk-result-persent-box .pk-result-persent-item-right {
    color: #FF5656;
    text-align: right;
    background: #FFDBDB;
    border-radius: .25rem .75rem .75rem .25rem;
    padding-right: .38rem;
    margin-left: .25rem;
    max-width: 18.25rem;
    min-width: 1.81rem
}

.moduleInteract-part .pk-box .pk-result-info-box {
    width: 100%;
    height: .81rem;
    margin-top: .44rem;
    display: flex
}

.moduleInteract-part .pk-box .pk-answer-item-info {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.moduleInteract-part .pk-box .pk-answer-item-info-right {
    justify-content: flex-end
}

.moduleInteract-part .pk-box .pk-answer-item-info img {
    width: .81rem;
    height: .81rem;
    display: block
}

.moduleInteract-part .pk-box .pk-answer-item-info span {
    font-size: .69rem;
    color: #3593FF;
    margin-left: .19rem;
    line-height: .81rem
}

.moduleInteract-part .pk-box .pk-answer-item-info .right-span {
    color: #FF5656
}

.moduleInteract-part .btn {
    line-height: 1.94rem;
    border-radius: .13rem;
    font-size: .88rem;
    font-family: FZBIAOYSJW--GB1-0, FZBIAOYSJW--GB1;
    font-weight: 400;
    margin-top: .74rem;
    border: .03rem solid #EAF2F5;
    color: #C2C2C2
}

.moduleInteract-part .submitBtn-canClick {
    color: #3593FF;
    border: .03rem solid #3593FF
}

.publish-sec {
    margin: 1em auto
}

.publish-sec-topic {
    padding: 0 .805rem 1rem;
    background: #fff;
    margin-bottom: 0
}

.publish-sec span {
    color: rgba(25, 25, 25, .5);
    font-size: .7563rem;
    display: inline-block;
    height: 1.5rem;
    line-height: 1.5rem;
    margin-right: 1rem
}

.publish-sec.hide {
    display: none
}

.subjectAI_part {
    margin: 1em auto;
    line-height: 1.4rem;
    font-size: .8rem
}

.dec,
.dec.dec1 .ball,
.dec.dec2 .ball {
    font-size: .7563rem
}

.subjectAI_part_pc {
    display: none !important
}

.ball,
.dec,
.subjectAI_part a {
    display: inline-block
}

.subjectAI_part_topic {
    margin: unset;
    padding: 0 .805rem 1rem;
    background-color: #fff
}

.subjectAI_part_topic_nosource {
    padding: 0;
    margin: 0;
    background-color: #fff
}

.subjectAI_part a {
    color: rgba(25, 25, 25, .7);
    border: .04rem solid rgba(25, 25, 25, .7);
    border-radius: 1rem;
    margin-right: .5rem;
    padding: 0 .6rem;
    margin-bottom: .4rem
}

.dec {
    height: 1.5em;
    margin-right: 1em;
    line-height: 1.5em
}

.dec.dec1 {
    color: #bf2e45;
    background-color: #fcf0ef
}

.dec.dec1 .ball {
    color: #bf2e45;
    margin-top: -.2em;
    margin-right: 4px
}

.dec.dec2 {
    color: rgba(25, 25, 25, .5)
}

.dec.dec2 .ball {
    color: #17273a;
    margin-top: -.15em
}

.ball {
    margin-right: .2em;
    padding-left: 0;
    width: auto;
    vertical-align: middle
}

.func-sec {
    position: relative
}

.func-sec-topic .zan-btn2,
.func-sec>.flex {
    position: absolute;
    transform: translateY(-50%);
    top: 50%
}

.btn,
input {
    border: 0;
    background: 0 0;
    margin: 0
}

.func-sec>.flex {
    right: 0
}

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

.flex .btn {
    box-sizing: border-box;
    height: 2.5em;
    padding-top: .3em;
    width: 2.5em;
    border-radius: 100%;
    background-color: #F8F8F8;
    color: #333;
    margin-left: 1em
}

.flex .btn .icon {
    display: inline-block
}

.zan-btn2 {
    padding: 0 1rem 0 2rem;
    background: url(../../images/zan-icon.png) .5rem no-repeat;
    background-size: 1.6em;
    height: 1.8rem;
    line-height: 1.8rem;
    border: 1px solid #efefef;
    border-radius: 1.5rem
}

.zan-btn2.active {
    background-image: url(../../images/zan-icon-active.png);
    background-size: 1.6em
}

.zan-btn {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 100%;
    background-color: #17273a;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    display: block;
    font-size: 1.3em;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .4)
}

.zan-btn .icon {
    display: block;
    margin: .1rem auto
}

.zan-btn.active {
    font-size: 1em;
    background-color: #bf2e45;
    color: #fff
}

.func-sec {
    margin: 1.0628rem auto 0;
    overflow: hidden
}

.func-sec-topic {
    margin: unset;
    background-color: #fff;
    padding: 1.5rem 0
}

.func-sec-topic .zan-btn2 {
    left: .805rem
}

.share-sec {
    height: 1.88405rem;
    display: flex;
    justify-content: center
}

.func-sec-topic .share-sec {
    right: .805rem
}

.share-sec .btn {
    width: 1.88405rem;
    height: 1.88405rem;
    margin: 0 .82125rem
}

.share-sec .btn:first-child {
    margin-left: 0
}

.share-sec .btn:last-child {
    margin-right: 0
}

.btn-qq {
    background: url(../../images/qq.png) center center no-repeat;
    background-size: 100%
}

.btn-weixin {
    background: url(../../images/weixin.png) center center no-repeat;
    background-size: 100%
}

.btn-pyq {
    background: url(../../images/pyq.png) center center no-repeat;
    background-size: 100%
}

.btn-weibo {
    background: url(../../images/weibo.png) center center no-repeat;
    background-size: 100%
}

.model-box {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 10;
    background: #fff;
    transform: translate(-50%, -50%);
    width: 60%;
    border: 1px solid #eee;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .7);
    border-radius: .5em;
    padding: 1em;
    box-sizing: border-box;
    display: none
}

.comment-bar,
.comment-bar.active {
    position: relative
}

.comment-bar,
.input-box input {
    width: 100%;
    box-sizing: border-box
}

.model-box.active {
    display: block
}

.model-box .header {
    padding-bottom: .2em;
    text-align: center;
    font-size: 1.3em;
    margin-bottom: 1em;
    border-bottom: 1px solid #eee
}

.model-box .icon {
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: .3em
}

.model-box .tip {
    font-size: 1.5em;
    text-align: center;
    margin-bottom: 1em
}

.model-box .content {
    color: #999
}

.comment-bar {
    z-index: 4000;
    padding: .5rem .8rem;
    background-color: #fff;
    box-shadow: 0 0 1px rgba(0, 0, 0, .2);
    transform: translateY(100%);
    font-size: .7563rem;
    display: flex
}

.comment-bar.fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    animation: moveFromBottom .2s ease-in forwards;
    justify-content: center;
    align-items: center
}

.comment-bar.fadeOutFromBottom {
    position: fixed;
    bottom: 0;
    left: 0;
    animation: fadeOutFromBottom .2s ease-out forwards
}

@keyframes moveFromBottom {
    to {
        transform: translateY(0)
    }
}

@keyframes fadeOutFromBottom {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(100%)
    }
}

.input-box {
    flex: 1
}

.input-box input {
    display: block;
    height: 1.5rem;
    padding: .15rem .5rem .15rem .83rem;
    border-radius: 1.5rem;
    background-color: #f5f8fa
}

.input-box input::placeholder {
    color: #AAA
}

.send-comment-btn,
.send-comment-btn-readonly {
    background-color: #FFEBEB;
    color: #E65757
}

.send-comment-btn {
    display: block;
    border: 0;
    outline: 0;
    width: 2.91rem;
    height: 1.31rem;
    line-height: 1.31rem;
    border-radius: .8rem;
    margin-left: .8rem;
    font-size: .75rem;
    text-align: center
}

.send-comment-btn.active {
    opacity: 1
}

.comment-bar-function-box {
    display: flex;
    justify-content: center;
    align-items: center
}

.comment-bar-function-box .comment-bar-function-item {
    width: 1rem;
    height: 1rem;
    margin-left: .8rem;
    position: relative
}

.comment-bar-function-item .comment-zan-logo {
    width: 100%;
    height: 100%;
    display: block
}

.comment-bar-function-item .comment-zan-number {
    background-color: #FF5656;
    font-size: .54rem;
    line-height: .66rem;
    min-width: .66rem;
    border-radius: .33rem;
    color: #fff;
    padding: 0 .1rem;
    position: absolute;
    top: -.33rem;
    right: -.9rem;
    text-align: center
}

.comment-bar-function-box .share-item {
    width: 1.8rem;
    height: 1.8rem
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 0
}

.swiper-pagination-bullet,
.swiper-pagination-switch {
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #fff;
    margin: 0 2px
}

.swiper-active-switch,
.swiper-pagination-bullet-active {
    background: #e62f17;
    opacity: 1
}

.advBannerSwipe .swiper-pagination-bullet,
.advBannerSwipe .swiper-pagination-switch {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #fff;
    opacity: .4;
    margin: 0 2px
}

.extra-sec.hide,
.mobile-page .copyright,
.mobile-page .copyright-pc,
.pc-page .float-box,
.pc-page .func-sec {
    display: none
}

.advBannerSwipe .swiper-active-switch,
.advBannerSwipe .swiper-pagination-bullet-active {
    background: #fff;
    opacity: 1
}

.h-pagination {
    position: absolute;
    z-index: 20;
    text-align: center;
    width: 100%;
    bottom: 0
}

.extra-sec {
    margin: 1em auto;
    cursor: pointer
}

.rmRepoters {
    display: flex;
    display: -webkit-flex;
    height: 3.875rem;
    background: #fafbfc;
    position: relative;
    margin: 0 -.805rem .95rem;
    padding: 0 .805rem;
    overflow-x: auto
}

.rmRepoters .swipe-wrapper {
    display: -webkit-box
}

.rmRepoters .rp-item {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    flex-shrink: 0
}

.rmRepoters .rp-item .rp-item-box {
    display: flex;
    flex-shrink: 0;
    justify-content: space-between;
    align-items: center;
    border-right: 1px solid #ccc;
    padding-right: .57971rem;
    margin-right: .57971rem
}

.rmRepoters .rp-item:last-child .rp-item-box {
    border-right: none;
    margin-right: 0
}

.rmRepoters .rp-left {
    flex-shrink: 0;
    display: -webkit-flex;
    align-items: center;
    width: 60vw
}

.rmRepoters .rp-item .rp-left .rp-avatar {
    width: 1.990821rem;
    height: 1.990821rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-right: .386473rem;
    flex-shrink: 0
}

.rmRepoters .rp-item .rp-name {
    display: flex;
    display: -webkit-flex;
    align-items: center
}

.rmRepoters .rp-item .rp-name span {
    font-size: .824638rem;
    font-weight: 700;
    margin-right: .096618rem;
    flex-shrink: 0
}

.rmRepoters .rp-item .rp-name i {
    display: inline-block;
    font-size: .524638rem;
    font-style: normal;
    flex-shrink: 0;
    background: #FF5656;
    border-radius: 3px;
    color: #fff;
    padding: 0 5px;
    white-space: nowrap;
    line-height: .9rem
}

.rmRepoters .reporter_help_btn,
.rmRepoters .rp-right {
    padding: .2rem .6rem;
    white-space: nowrap;
    box-sizing: border-box
}

.rmRepoters .rp-item .rp-name img {
    display: inline-block;
    width: 1.932367rem;
    flex-shrink: 0
}

.rmRepoters .rp-item .rp-content p {
    font-size: .628019rem;
    margin-top: .096618rem;
    color: #757575;
    text-align: left
}

.rmRepoters .rp-right-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.rmRepoters .rp-right {
    background: #FFEDED;
    color: #FF5656;
    font-size: .666184rem;
    text-align: center;
    flex-shrink: 0;
    border-radius: 1.5rem
}

.rmRepoters .reporter_help_btn {
    background: #E4EFFF;
    border-radius: .65rem;
    font-size: .64rem;
    color: #4D88DE;
    text-align: center;
    flex-shrink: 0;
    margin-top: .53rem;
    font-weight: 700
}

.rmRepoters .swiper-slide:last-child {
    border-right: none
}

.rmRepoters .swiper-slide .rp-left {
    margin-right: .386473rem
}

.rmRepoters .swiper-slide .rp-left span {
    display: inline-block;
    white-space: nowrap
}

.rmRepoters .swiper-slide .rp-left .tooLong {
    max-width: 3.7rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.rmRepoters .swiper-slide .rp-content p {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.rmRepoters .only-slide .rp-item-box {
    width: 18.39rem
}

#cover_layer,
.pcComments {
    display: none
}

.ncp-container {
    position: relative;
    padding: 5px 15px;
    font-size: 12px;
    background-color: #fff
}

.ncp-bg {
    width: 100%;
    height: 110px;
    position: absolute;
    left: 0;
    top: 0
}

.ncp-header,
.ncp-title {
    position: relative;
    z-index: 10;
    cursor: pointer
}

.ncp-title {
    font-size: 1.5em;
    font-weight: 700;
    color: #fff;
    line-height: 2;
    padding: 5px 0
}

.ncp-header {
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 10px 40px 10px 10px
}

.more-link {
    position: absolute;
    right: 0;
    top: 10px;
    width: 1em;
    line-height: 1.2;
    border-left: 1px solid #ccc;
    padding: 0 1em 0 .5em;
    color: #576b95;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABwElEQVRYR8XXv0tXURjH8ZdrEAhR4NbcEA1RWxAO/TCCIIpcMqtBapJADCKLiiCaaohISxejpCgMBIeiwT+gqSVwa2hzCimKB46b9D3nnoPd9T73fN485/Oc87l98p4BfM8rLavqyyz/gxe4kFmfXZYLcBHPMIVb2atnFOYCxFJ3cR3nMZexdlZJCUAsOI8zOIzPWQo9ikoBduE9dmIQq7UQpQChdwCL+IIj+F0D0QUg9M7iJaZx6X8AhOYk7uEG7nSF6NqBDb2nuFwzGbUA/VjAoeSHj6WdqAUIvX14g184hm8lEC0AQu9UgljGCaznQrQCCL1xPCydjJYAAfEIV0vujNYA2/AKQxjF815b0Rog9PYkiB/pzvgnQ2uA7Un8KOIKn9nqDmwcTLdxs5d4vG/ZgTiSQ3gWIzniLQEipERk+5QOo59bCRDh5DXWcBxfc8VbdGA33mJvGr2lEvEWAO9wEmN4UipeC/AYV3A/ZYMu+p2n4BoepJA63Ek5fdRlDE8n062kYJrt+M1ASwH2p1Qcf0qRioscXwuwAx9wMM16seNrASIFRxru7PgagHD6RK3jawBiz6MD52ocv9m3fwGxC0Yh7NbiBgAAAABJRU5ErkJggg==) 1.5em center no-repeat;
    background-size: 1em
}

.ncp-header .info {
    position: relative;
    color: #999;
    margin-bottom: 5px
}

.ncp-header .info .time {
    color: #333
}

.ncp-header .info .area {
    position: absolute;
    right: 0;
    top: 0;
    padding-left: 1.2em;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABbklEQVQ4T6WTP0jDQBjF35diwcHFSbq7ODhbXOzYSRebuhUc1FwyOKhjdRVRpL3YQXBT0wyCg5vQQeiu4OQgiKM4ikLuk+v/1jtBvOXge9/78ZK8EP55yOZfDmozKU6yWk8o1Ywr64+mXSOg6MtDZmwOGZhjRTiKpd8cnP8AuEK+AsjYkilSs3E1eOjqQ4CCV9klcsod8RlAA8AYwHmAJvWcwdd16S8aAa4nb0DIt0VaA+Ed4ExUFceukNwxPUVSTJsB/SVEUlDXRKRyzKkywAvaqDUb4AxAqR2VSgTOAjSh0unA+fp86yRrRNLLWd6BXCHCeVdkVnsEZxyE7f4MB/VQbBkBeuiK6h1A85av8OEomrs48e6tgKInXSZcGgGM/SgUO7/2oJXCk1cgLI1AXlTiZOPahu5J7xibqGvsqOQWwFRvkxFEoaiOJrP+C0VfrjLjtGVgjqPQL5geywrQy7qZ+q6HQev+M8BmGpx/A5YVfxFYHuymAAAAAElFTkSuQmCC) left center no-repeat;
    background-size: 14px
}

.ncp-data {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.ncp-data .item {
    text-align: center
}

.ncp-data .item:nth-child(3) em {
    color: #07c160
}

.ncp-data em {
    font-size: 1.3em;
    font-style: normal;
    display: block;
    font-weight: 700;
    color: #576b95
}

.ncp-container .btns {
    width: 100%;
    margin: 10px auto 0;
    height: 35px;
    background: url(../../images/btns.png) center center no-repeat;
    background-size: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.ncp-container .btns .btn {
    display: block;
    height: 35px;
    line-height: 100px;
    overflow: hidden;
    cursor: pointer
}

.belongChannel {
    font-size: .7563rem;
    line-height: 1.5rem;
    color: #BEBEBE;
    border-top: 1px solid rgba(214, 214, 214, .3);
    border-bottom: 1px solid rgba(214, 214, 214, .3)
}

.belongChannel a {
    color: #E70101
}

.advBannerSwipe {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: auto
}

#advBottomSwipe .adv-banner-item a,
#advTopSwipe .adv-banner-item a {
    display: inline-block;
    width: 100%
}

#advBottomSwipe .adv-banner-item a img,
#advTopSwipe .adv-banner-item a img {
    width: 100%
}

#advBottomSwipe .adv-banner-item a p,
#advTopSwipe .adv-banner-item a p {
    line-height: 1.5rem;
    height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    color: grey;
    font-size: .7563rem
}

#moileArticleDate .articleSource,
#moileArticleDate .articleTime {
    line-height: 4.4vw;
    color: #7A8A9A;
    text-align: left;
    font-size: 3.2vw
}

#advTopSwipe {
    height: 6.56rem
}

#advBottomSwipe {
    height: 6.56rem;
    margin-top: 1rem
}

#advTopSwipe .adv-banner-item a .with-title {
    margin-bottom: 1rem
}

#advBottomSwipe .advBanner-swipe-dot,
#advTopSwipe .advBanner-swipe-dot {
    position: absolute;
    bottom: 2.3232rem;
    right: .4rem;
    z-index: 99;
    width: 100%;
    text-align: right
}

#advBottomSwipe .advBanner-swipe-dot ul li,
#advTopSwipe .advBanner-swipe-dot ul li {
    width: .2415rem;
    height: .2415rem;
    border-radius: .2415rem;
    background-color: rgba(0, 0, 0, .3);
    display: inline-block;
    margin-left: .4rem
}

#advBottomSwipe .advBanner-swipe-dot ul .no,
#advTopSwipe .advBanner-swipe-dot ul .no {
    background-color: #fa0000
}

.clearfix:after,
.news-items>a ul:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

#moileArticleDate .tit-lef {
    display: flex;
    align-items: top
}

#moileArticleDate .articleSourceBox {
    flex: 1
}

#moileArticleDate .articleSource {
    font-weight: 400;
    width: 100%;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

#moileArticleDate .articleTime {
    font-weight: 400;
    font-style: normal
}

#moileArticleDate .aiBroadcastBox {
    margin-left: 1.5vw;
    display: flex;
    align-items: center;
    height: 5.33vw
}

#moileArticleDate .aiBroadcastBox .logo {
    display: block;
    width: 5.33vw;
    height: 5.33vw
}

.firstVideo_y video,
.temp-box .temp-banner,
.zn-swiper {
    width: 100%
}

#moileArticleDate .aiBroadcastBox .text {
    font-weight: 400;
    font-size: 3.2vw;
    color: #0A1420;
    text-align: left;
    margin-left: .67vw
}

#moileArticleDate .aiBroadcastBox .playing {
    color: #fc4e43
}

#moileArticleDate .ipLocationTitle {
    font-size: .6763rem;
    color: #999
}

.temp-box {
    background-color: #008dcd;
    padding: 0 5px 5px;
    border-radius: 3px;
    font-size: 12px;
    cursor: pointer
}

.zn-swiper {
    position: relative;
    height: 100%
}

.temp-swiper {
    height: 5.5em;
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    padding: 0 10px;
    overflow: hidden;
    position: relative
}

.zn-list {
    display: block
}

.zn-list .item {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.zn-list span {
    display: block;
    text-align: justify;
    text-justify: inter-ideograph
}

.zn-list i {
    font-weight: 700;
    color: #008dcd;
    font-style: normal
}

.main-content .img-desc {
    text-align: left !important;
    line-height: 1.5 !important
}

.main-content p.img-desc span {
    font-size: .8122rem !important
}

.main-content .img-desc strong {
    font-size: inherit !important;
    font-weight: 400;
    line-height: inherit !important
}

.firstVideo_y {
    position: relative;
    z-index: 2000
}

.video-cover-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .2);
    padding: .4444rem .8888rem
}

.video-cover-layer-inner {
    height: 1.375rem;
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .4);
    padding: .2rem
}

.video-drag-progress i,
.video-drag-progressP i {
    right: -.5rem;
    margin-top: -.5rem;
    border-radius: 50%;
    top: 50%
}

.video-play-btn,
.video-play-btnP {
    width: 1.375rem;
    height: 1.375rem;
    background-image: url(../../images/video-play-logo.png);
    background-size: cover
}

.video-drag-wrap {
    display: flex;
    display: -webkit-flex;
    font-size: 0;
    height: 1.375rem;
    flex: 1;
    box-sizing: border-box;
    padding: 0 .6rem
}

.video-drag-wrap .video-current-time,
.video-drag-wrap .video-total-time {
    font-size: .57971rem;
    color: #fff;
    align-self: center;
    line-height: 1.3
}

.video-drag-wrap .video-current-time {
    padding-right: .322061rem
}

.video-drag-wrap .video-total-time {
    padding-left: .322061rem
}

.video-drag-progress {
    height: .064412rem;
    background-color: grey;
    align-self: center;
    flex: 1
}

.video-drag-progress span {
    width: 0;
    background: #fff;
    height: 100%;
    display: block;
    font-size: 0;
    position: relative
}

.video-drag-progress i {
    position: absolute;
    width: 1rem;
    height: 1rem
}

.video-drag-progress i::before {
    content: '';
    position: absolute;
    left: 50%;
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
    -webkit-transform: scale(.5) translate(-50%, -50%);
    transform: scale(.5) translate(-50%, -50%);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    background-color: #fff;
    top: 50%
}

.video-drag-progressP {
    height: .064412rem;
    background-color: grey;
    align-self: center;
    flex: 1
}

.video-drag-progressP span {
    width: 0;
    background: #fff;
    height: 100%;
    display: block;
    font-size: 0;
    position: relative
}

.video-drag-progressP i {
    position: absolute;
    width: 1rem;
    height: 1rem
}

.video-drag-progressP i::before {
    content: '';
    position: absolute;
    left: 50%;
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
    -webkit-transform: scale(.5) translate(-50%, -50%);
    transform: scale(.5) translate(-50%, -50%);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    background-color: #fff;
    top: 50%
}

.video-sound-btn {
    position: absolute;
    top: .44444rem;
    right: .888888rem
}

.video-sound-btn img {
    width: 1.375rem;
    height: auto
}

.full-screen-btn {
    width: 1.375rem;
    height: 1.375rem;
    background-image: url(../../images/video-full-screen-logo.png);
    background-size: cover
}

.full-screen-btn img {
    width: 1.375rem;
    height: auto
}

.mini-program-url {
    cursor: pointer
}

.mini-program-url span {
    margin-bottom: 0 !important;
    line-height: normal !important
}

.hide {
    display: none
}

.go-app {
    display: block;
    width: 7.31rem;
    height: auto;
    position: fixed;
    bottom: 4rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3000
}

.go-app-img {
    width: 100%;
    height: auto
}

.go-app-a {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0
}

.wiki_brief {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 3000
}

.wiki_info {
    background-color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 3.6vw;
    right: 3.6vw;
    border-radius: 2.6667vw;
    overflow: hidden;
    padding: 3.6vw 3.6vw 4.8vw;
    box-sizing: border-box
}

.wiki_info_header {
    width: 100%;
    height: 18vw;
    position: relative
}

.wiki_header_logo_img {
    width: 67.56vw;
    height: auto;
    margin: 0 auto;
    display: block
}

.wiki_header_close_img {
    position: absolute;
    right: 0;
    top: 0;
    width: 4.4vw
}

.wiki_info_content {
    font-size: 4.533333vw;
    line-height: 6.93333333vw;
    color: #191919;
    max-height: 108.2668vw;
    min-height: 50vw
}

.wiki_content_name {
    font-size: 6.9333333vw;
    margin-bottom: 1.2rem
}

.wiki_info_footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 28.93333vw
}

.wiki_footer_background {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}

.wiki_footer_btn {
    width: 83.73333vw;
    height: 13.33333vw;
    background-color: #DD4949;
    border-radius: 6.666667vw;
    overflow: hidden;
    margin: 10.8vw auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 20
}

.wiki_footer_btn span {
    color: #fff;
    font-size: 5.477777vw;
    text-align: center;
    margin-right: 1.877777vw
}

.wiki_footer_btn img {
    width: 4.88vw;
    height: 4.88vw;
    display: inline-block
}

.politics-entrance-box {
    display: flex;
    width: 100%;
    margin-bottom: 1.73vw
}

.politics-entrance-item {
    flex: 1;
    height: 7.6vw;
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    gap: 3.2vw;
    scrollbar-width: none;
    -ms-overflow-style: none;
    align-items: center;
    padding: 0 3.2vw 0 .5vw
}

.politics-entrance-item::-webkit-scrollbar {
    display: none
}

.entrance-item {
    flex: 0 0 auto;
    color: #333;
    font-size: 3.47vw;
    line-height: 6.6vw;
    text-align: center;
    background: #FFF;
    box-shadow: 0 0 1.33vw 0 rgba(239, 192, 192, .98);
    border-radius: 1.33vw;
    padding: 0 2.2vw;
    box-sizing: border-box
}

.ai-entrance-img {
    width: auto;
    height: 7.6vw;
    display: block
}

.channel-info-box {
    width: 100%;
    height: 12vw;
    position: relative;
    margin: 1rem 0
}

.channel-info-box .background-img {
    width: 100%;
    height: 100%;
    display: block
}

.channel-info-box .channel-content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    padding: 0 4vw;
    box-sizing: border-box
}

.channel-info-box .channel-content .channel-title {
    flex: 1;
    font-weight: 400;
    font-size: 3.73vw;
    color: #0A1420;
    line-height: 5.33vw;
    text-align: left
}

.channel-info-box .channel-content .channel-btn {
    padding: .67vw 3.47vw;
    background: #FF5656;
    border-radius: 3.2vw;
    font-size: 2.93vw;
    color: #FFF;
    text-align: center;
    line-height: 1.6
}

.cover-tips-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99999;
    background-color: rgba(0, 0, 0, .6)
}

.cover-tips-mask .mask-info {
    width: 75vw;
    background-color: #fff;
    border-radius: .63rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: .8rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column
}

.cover-tips-mask .mask-header {
    width: 100%;
    font-size: 1.28rem;
    color: #0A1420;
    line-height: 1.55rem;
    text-align: center
}

.cover-tips-mask .mask-tips {
    width: 100%;
    font-size: .81rem;
    color: #0A1420;
    line-height: 1.55rem;
    text-align: center;
    font-style: normal;
    margin: 1.173333rem 0
}

.cover-tips-mask .mask-btn-box {
    width: 100%;
    height: 2.13rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.cover-tips-mask .mask-btn {
    flex: 1;
    height: 100%;
    font-size: .85rem;
    color: #FFF;
    line-height: 2.13rem;
    text-align: center;
    background: #FF5656;
    border-radius: .21rem;
    box-sizing: border-box
}

.cover-tips-mask .mask-btn-left {
    margin-right: .8rem;
    border: .03rem solid #FF5656;
    color: #FF5656;
    background-color: #fff
}

.detail-qrcode-box {
    display: none
}

.diversion-box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .7);
    z-index: 99999
}

.diversion-box .mask-tips {
    text-align: left
}

.video-js .vjs-fullscreen-control:focus,
.video-js.video-js:focus {
    outline: 0 !important;
    box-shadow: none !important
}

video::-webkit-media-controls {
    outline: 0
}

video::focus {
    outline: 0
}