li,ul {
    list-style: none
}

* {
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

:active {
    outline: none
}

h1,h2,h3,h4 {
    font-weight: 400
}

@media (min-width: 320px) {
    html {
        font-size:42.6667px
    }
}

@media (min-width: 360px) {
    html {
        font-size:48px
    }
}

@media (min-width: 375px) {
    html {
        font-size:50px
    }
}

@media (min-width: 384px) {
    html {
        font-size:51.2px
    }
}

@media (min-width: 414px) {
    html {
        font-size:55.2px
    }
}

body {
    background: #fff;
    height: auto
}

.mobile-container,body {
    max-width: 448px;
    margin: auto;
    width: 100%
}

.mobile-container {
    padding: 0 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: .28rem
}

.mobile-container * {
    font-family: fz_biao_ys,fzbiaoys_gbk_ys,Helvetica,Arial,Verdana,sans-serif!important;
    font-size: .28rem;
    text-decoration: none
}

.content-container {
    /*max-width: 7.5rem;*/
    width: 100%;
    margin: auto
}

.mb-border-top {
    border-top: 4px solid hsla(0,0%,84.7%,.2)
}

.data-title {
    margin: 0 0 .16rem 0;
    font-size: 18px;
    line-height: 26px;
    font-size: .36rem;
    line-height: .52rem;
    color: #000;
    text-align: left;
    font-weight: 400;
    position: relative;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre-wrap
}

#wapindex {
    font-family: PingFangSC-Regular,PingFang SC;
    height: 100vh;
    overflow-y: scroll;
    padding-bottom: .52rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#wapindex::-webkit-scrollbar,#wapindex ::-webkit-scrollbar {
    display: none
}

.wap-list-container {
    width: 100%;
    padding: .24rem .32rem
}

.wap-list-container,.wap-list-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ad {
    overflow: hidden;
    position: relative
}

.ad,.ad .ad_entriesInBox img,.ad .box {
    width: 100%;
    height: auto
}

.ad .close {
    position: absolute;
    z-index: 1000;
    top: .08rem;
    right: .08rem;
    width: .4rem;
    height: .4rem;
    background-size: contain
}

.mb-icon {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle
}


.mb-icon.fanhui_white {
    height: 20px;
    width: 20px;
}

.mb-icon.mslogan {
    height: 32px;
    width: 104px;
    background-image: url(../../img/mslogan@2x.4e36d778.png)
}

.mb-icon.menuWhite {
    height: 20px;
    width: 20px;
}

.mb-icon.menuBlack {
    height: 20px;
    width: 20px;
}

.mb-icon.thumb {
    height: 16px;
    width: 16px;
}

.mb-icon.comment {
    height: 16px;
    width: 16px;
}

.mb-icon.share {
    height: 16px;
    width: 16px;
}

.mb-icon.thumbDark {
    height: 20px;
    width: 20px;
}

.mb-icon.commentDark {
    height: 20px;
    width: 20px;
}

.mb-icon.shareDark {
    height: 20px;
    width: 20px;
}

.mb-icon.cellectDark {
    height: 20px;
    width: 20px;
}

.mb-icon.author {
    width: 32px;
    height: 16px;
    background-image: url(../../img/zuozhe@3x.8faa247a.png)
}

.mb-icon.jingxuan {
    width: 32px;
    height: 16px;
    margin-right: 4px;
    background-image: url(../../img/jingxuan@3x.e23a3c18.png)
}

.mb-icon.vvv {
    width: 14px;
    height: 14px;
    margin-right: 4px;
    margin-left: 4px;
}

.mb-icon.shortblueline {
    width: 3px;
    height: 16px;
    margin-right: 7px;
}

.middle-circle {
    font-size: 8px;
    margin-left: 4px;
    margin-right: 4px
}

.hknews-video {
    top: .88rem;
    max-height: 5.34rem;
    height: auto;
    max-width: 7.5rem;
    overflow: hidden;
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1000;
    margin: auto;
    background: #fff
}

.hknews-video .video-player,.hknews-video .video-player .videocover {
    height: 4.22rem
}

.hknews-video .video-player .vcp-playtoggle {
    top: -2.11rem
}

.vcp-volume {
    width: 36px;
    height: 36px;
    margin-right: 30px
}

.video-player {
    position: relative
}

.video-player .videocover {
    width: 100%;
    overflow: hidden;
    position: relative
}

.video-player .coverbox {
    background-size: cover;
    background-position: 50%;
    height: 100%;
    background-repeat: no-repeat
}

.video-player .vcp-player {
    top: 0;
    display: none;
    position: absolute
}

.video-player .vcp-fullscreen .vcp-playtoggle {
    top: -50vh!important
}

.video-player .playbtn {
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 1000;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-size: cover
}

.video-player .vcp-controls-panel {
    font-size: 12px;
    height: 36px;
    z-index: 1000
}

.video-player .vcp-timelabel,.video-player .vcp-volume {
    height: 36px;
    line-height: 36px
}

.video-player .vcp-player,.video-player .vcp-player video {
    width: 100%!important
}

.video-player .vcp-slider .vcp-slider-track {
    background: -webkit-gradient(linear,left top,right top,from(#fc5154),color-stop(0,#fff));
    background: linear-gradient(90deg,#fc5154,#fff 0)
}

.video-player .vcp-volume {
    width: 36px;
    height: 36px;
    margin-right: 14px
}

.video-player .vcp-volume-icon {
    width: 46px;
    height: 46px;
    margin-top: -5px
}

.video-player .vcp-playtoggle {
    width: 50px;
    height: 50px;
    top: -2.9rem;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    background-size: cover
}

.video-player .vcp-playing .vcp-playtoggle {
    background-size: cover;
    width: 50px;
    height: 50px
}

.video-player .vcp-fullscreen-toggle {
    width: .48rem;
    height: .48rem;
    background-size: cover;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: .4rem;
    display: none!important
}

.video-player .vcp-timelabel {
    padding: 0;
    font-size: .24rem;
    left: -.5rem
}

.video-player .vcp-fullscreen-toggle,.video-player .vcp-timelabel,.video-player .vcp-timeline {
    display: none
}

.video-player .vcp-timeline:hover .vcp-slider {
    height: 2px;
    top: .16rem
}

.video-player .vcp-loading {
    opacity: 0
}

.video-player .vcp-timeline:hover .vcp-slider-thumb {
    top: -8px
}

.video-info {
    margin-top: 5.4rem;
    margin-bottom: .28rem
}

.video-info.cms {
    margin-top: 4.48rem
}

.video-info h1 {
    font-family: fzcysk,Helvetica,Arial,Verdana,sans-serif!important;
    font-size: 20px;
    line-height: 26px;
    font-size: .4rem;
    line-height: .52rem;
    color: #19191b;
    position: relative;
    word-break: normal;
    text-align: justify;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    padding-right: 10px
}

.video-info h1.text-unfolder {
    -webkit-line-clamp: 10
}

.video-info h1.unfolder:after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.video-info h1.folder:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.video-info div.content {
    font-size: 16px;
    line-height: 22px;
    font-size: .32rem;
    line-height: .44rem;
    color: #434448;
    margin-top: .24rem;
    word-break: normal;
    text-align: justify
}

.video-info .times {
    display: table-cell;
    vertical-align: bottom;
    padding-top: .24rem
}

.video-info .times .original {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: .5px solid #8b8c8c;
    border-radius: .04rem;
    width: .64rem;
    height: .34rem;
    padding: 0 .06rem;
    margin-right: .16rem;
    line-height: .32rem
}

.video-info .times img {
    display: inline-block;
    width: .24rem;
    height: .24rem;
    vertical-align: middle;
    margin-right: 6px
}

.video-info .times span {
    font-size: 12px;
    line-height: 22px;
    font-size: .24rem;
    line-height: .44rem;
    color: #191919;
    opacity: .5
}

.mb-authorCms-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: fz_biao_ys,fzbiaoys_gbk_ys,Helvetica,Arial,Verdana,sans-serif!important;
    background: #fff;
    padding-top: 14px;
    padding-bottom: 14px
}

.hknews-video .mb-authorCms-container {
    padding: 12px 16px
}

.video-info .mb-authorCms-container {
    padding: 0;
    display: table-cell;
    height: auto;
    width: auto
}

.video-info .mb-authorCms-container li.mb-author {
    display: block;
    height: auto;
    overflow: hidden
}

.video-info .mb-authorCms-container li.mb-author .mb-author_tips span {
    vertical-align: top
}

.video-info .mb-authorCms-container li.mb-author span.original {
    margin-left: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.video-info .mb-authorCms-container li.mb-author span.times {
    display: inline-block;
    padding-top: 0
}

.news-article .mb-authorCms-container {
    padding-top: 0;
    padding-bottom: 24px
}

.news-article .mb-authorCms-container:after {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 2px;
    bottom: 0;
    background-size: contain;
    background-repeat: repeat
}

@media only screen and (-webkit-min-device-pixel-ratio: 3),only screen and (-webkit-min-device-pixel-ratio:4.770833333333333),only screen and (min-device-pixel-ratio:3),only screen and (min-resolution:3dppx),only screen and (min-resolution:458dpi) {
    .news-article .mb-authorCms-container:after {
    }
}

.mb-authorCms-container .mb-author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.mb-authorCms-container .mb-author * {
    font-size: .28rem
}

.mb-authorCms-container .mb-author_portrait {
    display: inline-block;
    width: .64rem;
    height: .64rem;
    margin-right: 8px;
    border-radius: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../../img/noicon.63018408.png);
    background-position: 50%
}

.mb-authorCms-container .mb-author_portrait_container {
    position: relative;
    height: 32px
}

.mb-authorCms-container .mb-author_portrait_container .vvv {
    position: absolute;
    left: 14px;
    top: 19px
}

.news-article .mb-authorCms-container .mb-author_portrait_container .vvv {
    display: none
}

.mb-authorCms-container .mb-author_tips {
    font-size: 11px;
    display: inline-block
}

.mb-authorCms-container .mb-author_tips span {
    color: #19191b;
    font-size: .24rem;
    font-family: fz_biao_ys,fzbiaoys_gbk_ys,Helvetica,Arial,Verdana,sans-serif!important;
    opacity: .5;
    line-height: .32rem;
    display: inline-block;
    border: .5px solid hsla(0,0%,100%,0)
}

.mb-authorCms-container .mb-author_tips span.original {
    display: inline-block;
    opacity: 1;
    text-align: center;
    color: #8b8c8c;
    vertical-align: top;
    width: .6rem;
    height: .32rem;
    line-height: .32rem;
    margin-right: .16rem;
    border: .5px solid #a2a3a3;
    border-radius: 2px
}

.mb-authorCms-container .mb-author_tips span.block {
    display: block
}

.mb-authorCms-container .mb-author_name {
    color: #000;
    font-size: .24rem;
    line-height: 1em;
    margin-right: .08rem;
    font-family: fzcysk,Helvetica,Arial,Verdana,sans-serif!important
}

.mb-authorCms-container .mb-author_name_container {
    padding-bottom: .5px;
    height: auto;
    overflow: hidden
}

.mb-authorCms-container .mb-author_btn {
    font-size: 14px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border-width: .5px;
    border-style: solid;
    cursor: pointer;
    border-radius: 2px;
    width: 60px;
    height: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-color: #44a8fe;
    color: #44a8fe
}

.mb-authorCms-container .mb-author_btn i {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: contain
}

.mb-authorCms-container .mb-author_attentioned {
    display: none;
    border-color: rgba(235,236,241,.6);
    color: #a0a3af
}

.mb-authorCms-container .mb-author_black_top {
    background-color: #19191b;
    padding-top: 9px;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.mb-authorCms-container .mb-author_black_top img {
    vertical-align: top
}

.mb-authorCms-container .mb-author_black_top .mb-author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.mb-authorCms-container .mb-author_black_top .mb-author_name {
    color: #fff;
    line-height: 26px;
    margin-right: 15px
}

.mb-authorCms-container .mb-author_black_top .mb-author_name_container {
    height: 26px
}

.mb-authorCms-container .mb-author_black_top .mb-author_portrait {
    background-image: url(../../img/noicon.63018408.png);
    background-position: 50%;
    margin-right: 10px;
    width: 26px;
    height: 26px
}

.mb-authorCms-container .mb-author_black_top .mb-author_portrait_container {
    position: relative;
    height: 26px
}

.mb-authorCms-container .mb-author_black_top .mb-author_portrait_container .vvv {
    position: absolute;
    left: 10px;
    top: 12px
}

.mb-authorCms-container .mb-author_black_top .mb-author_tips,.news-article .mb-authorCms-container .mb-author_black_top .mb-author_portrait_container .vvv {
    display: none
}

.mb-authorCms-container .mb-author_black_top .mb-author_btn {
    width: 22px;
    height: 18px;
    background-size: cover;
    border: 0
}

.mb-authorCms-container .mb-author_black_top .mb-author_btn i,.mb-authorCms-container .mb-author_black_top .mb-author_btn span {
    display: none
}

.mb-authorCms-container .mb-author_black_top .mb-author_attentioned {
    display: none;
    border-color: rgba(235,236,241,.6);
    color: #a0a3af
}

.mb-authorCms-container_black_top {
    background-color: #19191b;
    padding-top: 9px;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.mb-authorCms-container_black_top img {
    vertical-align: top
}

.mb-authorCms-container_black_top .mb-author {
    display: block;
    width: 100%;
    height: auto
}

.mb-authorCms-container_black_top .mb-author_name {
    color: #fff;
    line-height: 26px;
    margin-right: 15px;
    width: 98%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.mb-authorCms-container_black_top .mb-author_name_container {
    height: 26px;
    overflow: hidden
}

.mb-authorCms-container_black_top .mb-author_portrait {
    background-image: url(../../img/noicon.63018408.png);
    background-position: 50%;
    margin-right: 10px;
    width: 26px;
    height: 26px
}

.mb-authorCms-container_black_top .mb-author_portrait_container {
    position: relative;
    height: 26px
}

.mb-authorCms-container_black_top .mb-author_portrait_container .vvv {
    position: absolute;
    left: 10px;
    top: 12px
}

.news-article .mb-authorCms-container_black_top .mb-author_portrait_container .vvv {
    display: none
}

.mb-authorCms-container_black_top .mb-author_tips span {
    font-size: .28rem;
    font-weight: 400;
    color: #fff;
    line-height: .54rem;
    opacity: 1
}

.mb-authorCms-container_black_top .mb-author_btn {
    width: 22px;
    height: 18px;
    background-size: cover;
    border: 0
}

.mb-authorCms-container_black_top .mb-author_btn i,.mb-authorCms-container_black_top .mb-author_btn span {
    display: none
}

.mb-authorCms-container_black_top .mb-author_attentioned {
    display: none;
    border-color: rgba(235,236,241,.6);
    color: #a0a3af
}

.mb-authorCms-container #attention {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: none
}

.mb-authorCms-container #attention.attention {
    display: block
}

.article-container {
    padding-bottom: 1.04rem
}

.mb-cb-tips {
    position: relative;
    font-size: 18px;
    line-height: 18px;
    font-size: .36rem;
    line-height: .36rem;
    color: #202437;
    height: 22px;
    padding-top: 20px;
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mb-cb-tips,.news-article .mb-title {
    font-family: fzcysk,Helvetica,Arial,Verdana,sans-serif!important;
    font-weight: 700
}

.news-article .mb-title {
    word-break: normal;
    margin: 0;
    color: #19191b
}

.size-normal .news-article .mb-title {
    font-size: .52rem!important;
    line-height: .64rem!important
}

.size-large .news-article .mb-title {
    font-size: .52rem!important;
    line-height: .68rem!important
}

.size-larger .news-article .mb-title {
    font-size: .6rem!important;
    line-height: .76rem!important
}

.size-small .news-article .mb-title {
    font-size: .44rem!important;
    line-height: .6rem!important
}

.news-article .mb-title-shoulder {
    font-size: 16px;
    color: #19191b;
    line-height: 22px;
    font-family: fzcysk,Helvetica,Arial,Verdana,sans-serif!important;
    padding: .32rem 0 .16rem 0;
    font-weight: 500
}

.news-article .mb-title-vice {
    font-size: 16px;
    color: #19191b;
    line-height: 22px;
    margin: .24rem 0 .32rem 0
}

.news-article .mb-head>p:first-child,.news-article .mb-head>ul {
    margin-top: .32rem
}

.news-article .mb-content {
    font-family: fz_biao_ys,fzbiaoys_gbk_ys,Helvetica,Arial,Verdana,sans-serif!important;
    line-height: 1.6!important;
    color: #434448!important;
    padding-top: .32rem;
    text-align: justify
}

.news-article .mb-content * {
    color: #434448!important
}

.size-normal .news-article .mb-content {
    font-size: .34rem!important;
    line-height: .56rem!important
}

.size-large .news-article .mb-content {
    font-size: .42rem!important;
    line-height: .64rem!important
}

.size-larger .news-article .mb-content {
    font-size: .5rem!important;
    line-height: .72rem!important
}

.size-small .news-article .mb-content {
    font-size: .3rem!important;
    line-height: .52rem!important
}

.news-article .mb-content a {
    display: inline-block;
    font-family: fz_biao_ys,fzbiaoys_gbk_ys,Helvetica,Arial,Verdana,sans-serif!important;
    color: #434448!important;
    text-decoration: underline
}

.size-normal .news-article .mb-content a {
    font-size: .34rem!important
}

.size-large .news-article .mb-content a {
    font-size: .42rem!important
}

.size-larger .news-article .mb-content a {
    font-size: .5rem!important
}

.size-small .news-article .mb-content a {
    font-size: .3rem!important
}

.news-article .mb-content #source {
    display: none
}

.size-normal .news-article .mb-content * {
    font-size: .34rem!important
}

.size-large .news-article .mb-content * {
    font-size: .42rem!important
}

.size-larger .news-article .mb-content * {
    font-size: .5rem!important
}

.size-small .news-article .mb-content * {
    font-size: .3rem!important
}

.news-article .mb-content p {
    word-wrap: break-word!important;
    word-break: normal!important;
    overflow: hidden!important;
    text-align: justify!important;
    text-indent: 0!important;
    margin: .48rem 0!important
}

.size-normal .news-article .mb-content p {
    font-size: .34rem!important
}

.size-large .news-article .mb-content p {
    font-size: .42rem!important
}

.size-larger .news-article .mb-content p {
    font-size: .5rem!important
}

.size-small .news-article .mb-content p {
    font-size: .3rem!important
}

.news-article .mb-content p:first-child {
    margin-top: 0!important
}

.news-article .mb-content p:empty {
    display: none
}

.news-article .mb-content_source#source {
    margin: .32rem 0 .24rem!important
}

.news-article .mb-content_source#source,.news-article .mb-content_source#source .mb-content_source {
    font-size: .28rem!important;
    color: #a0a3af!important
}

.news-article .mb-content img {
    max-width: 100%!important;
    height: auto!important;
    display: block!important;
    width: 100%!important
}

.news-article .mb-content .imgClass {
    width: 100%
}

.news-article .mb-content video {
    width: 100%!important;
    height: auto;
    max-height: 4.22rem
}

.news-article .mb-content .audioBox {
    height: 1.28rem;
    background: hsla(0,0%,84.7%,.2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: .32rem 0 0 0;
    overflow: hidden;
    font-size: 0!important
}

.news-article .mb-content .audioBox span {
    display: inline-block;
    float: left;
    margin-left: .28rem;
    width: .72rem;
    height: .72rem;
    border: .02rem solid #44a8fe;
    border-radius: 50%;
    margin-right: .2rem;
    margin-top: .26rem
}

.news-article .mb-content .audioBox.play span svg {
    display: block;
    margin-top: .24rem;
    margin-left: .2rem;
    width: .32rem!important;
    height: .24rem!important
}

.news-article .mb-content .audioBox.pause span,.news-article .mb-content .audioBox.stop span {

    background-size: .4rem;
    background-repeat: no-repeat;
    background-position: 50%
}

.news-article .mb-content .audioBox.pause span svg,.news-article .mb-content .audioBox.stop span svg {
    display: none
}

.news-article .mb-content .audioBox>p.title {
    float: left;
    width: 5.32rem;
    height: .32rem;
    color: #19191b!important;
    font-family: fzcysk,Helvetica,Arial,Verdana,sans-serif!important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.size-large .news-article .mb-content .audioBox>p.title,.size-larger .news-article .mb-content .audioBox>p.title,.size-normal .news-article .mb-content .audioBox>p.title,.size-small .news-article .mb-content .audioBox>p.title {
    margin: .32rem 0 0 0!important;
    font-size: .32rem!important;
    line-height: .32rem!important
}

.news-article .mb-content .audioBox>p.duration {
    float: left;
    color: #19191b!important;
    opacity: .5;
    width: 5.32rem
}

.size-large .news-article .mb-content .audioBox>p.duration,.size-larger .news-article .mb-content .audioBox>p.duration,.size-normal .news-article .mb-content .audioBox>p.duration,.size-small .news-article .mb-content .audioBox>p.duration {
    margin-top: .14rem!important;
    font-size: .22rem!important;
    line-height: .26rem!important
}

.news-article .mb-content .audioBox+.audioBox {
    margin-top: .16rem
}

.news-article .mb-content .audioBox:first-child {
    margin-top: 0
}

.news-article .mb-content .descClass {
    text-align: center!important;
    font-size: .28rem!important;
    color: #a0a3af!important
}

.news-article .mb-content p+.descClass {
    margin-top: -.4rem!important
}

.news-article .mb-content .imgClass+.descClass {
    margin-top: .16rem!important
}

.news-article .mb-editor {
    color: #a1a3af;
    font-size: .28rem!important;
    margin-top: .48rem;
    margin-bottom: .56rem
}

.mb-keywords {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: .64rem
}

.mb-keywords li {
    background: rgba(235,236,241,.6);
    padding: 6px 16px;
    margin-top: 12px;
    margin-right: 12px;
    color: #797e8b;
    font-size: .28rem
}

.mb-card {
    border-bottom: 4px solid hsla(0,0%,84.7%,.2)
}

.mb-card_tips {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 16px;
    padding-bottom: 16px;
    height: 18px;
    font-size: 12px
}

.mb-card_tips li {
    width: 33.3%;
    text-align: center
}

.mb-card_tips span {
    color: #797e8b;
    font-size: .24rem
}

.mb-card_tips .mb-icon {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    vertical-align: sub
}

.mb-card_content_text {
    font-size: 18px;
    line-height: 24px;
    font-size: .36rem;
    line-height: .48rem;
    color: #0d0d0d;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre-wrap
}

.mb-card_content_text .mb-card_data_title {
    margin-bottom: 0;
    margin: 0 0 .16rem 0;
    font-size: 18px;
    line-height: 26px;
    font-size: .36rem;
    line-height: .52rem;
    color: #000;
    text-align: left;
    font-weight: 400
}

.mb-card_content_text_folder {
    position: relative;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden
}

.mb-card_content_text_folder:after {
    content: "...\5168\6587";
    display: block;
    position: absolute;
    font-size: 18px;
    line-height: 24px;
    font-size: .36rem;
    line-height: .48rem;
    color: #1e87ff;
    right: 0;
    bottom: 0;
    background: #fff;
    width: 1.1rem
}

.mb-card_content h1 {
    display: block;
    margin-bottom: .16rem
}

.mb-card_content h1 .blue {
    font-size: 18px;
    line-height: 24px;
    font-size: .36rem;
    line-height: .48rem;
    color: #44a8fe
}

.mb-card_content h1 span[data_type],.mb-card_content h1 tag {
    font-size: 18px;
    line-height: 24px;
    font-size: .36rem;
    line-height: .48rem;
    color: #4a7eb0
}

.mb-card_content_img {
    position: relative;
    font-size: 0
}

.mb-card_content_img :first-child {
    margin-right: .1rem
}

.mb-card_content_img .mb-card_img {
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.mb-card_content .mb-card-img_one li {
    display: none
}

.mb-card_content .mb-card-img_one .mb-card_img:first-child {
    display: inline-block
}

.mb-card_content .mb-card-img_one .mb-card_img {
    width: 100%;
    height: 3.62rem
}

.mb-card_content .mb-card-img_two,.mb-card_content .mb-card-img_two .mb-card_img {
    overflow: hidden
}

.mb-card_content .mb-card-img_two .mb-card_img:first-child {
    float: left;
    margin-right: 0
}

.mb-card_content .mb-card-img_two .mb-card_img:nth-child(2) {
    float: right
}

.mb-card_content .mb-card-img_two .mb-card_img {
    width: 3.38rem;
    height: 3.38rem
}

@media screen and (max-width: 340px) {
    .mb-card_content .mb-card-img_two .mb-card_img {
        width:3.3rem;
        height: 3.3rem
    }
}

.mb-card_content .mb-card-img_three {
    height: 3.02rem
}

.mb-card_content .mb-card-img_three li {
    display: none
}

.mb-card_content .mb-card-img_three .mb-card_img:first-child {
    display: inline-block;
    width: 5.3rem;
    height: 3.02rem
}

@media screen and (max-width: 340px) {
    .mb-card_content .mb-card-img_three .mb-card_img:first-child {
        width:5.2rem;
        height: 3.02rem
    }
}

.mb-card_content .mb-card-img_three .mb-card_img:nth-child(2) {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    width: 1.46rem;
    height: 1.46rem
}

@media screen and (max-width: 340px) {
    .mb-card_content .mb-card-img_three .mb-card_img:nth-child(2) {
        width:1.46rem;
        height: 1.46rem
    }
}

.mb-card_content .mb-card-img_three .mb-card_img:nth-child(3) {
    display: inline-block;
    width: 1.46rem;
    height: 1.46rem;
    position: absolute;
    bottom: 0;
    right: 0
}

@media screen and (max-width: 340px) {
    .mb-card_content .mb-card-img_three .mb-card_img:nth-child(3) {
        width:1.46rem;
        height: 1.46rem
    }
}

.mb-card_comment {
    background: hsla(0,0%,84.7%,.2);
    padding: .2rem .24rem;
    margin-top: .16rem
}

.mb-card_comment .mb-icon-sift {
    display: inline-block;
    width: 32px;
    height: 16px;
    margin-right: 4px;
    vertical-align: middle;
    background-size: contain;
}

.mb-card_comment div {
    position: relative;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 14px;
    line-height: 19px;
    font-size: .28rem;
    line-height: .38rem;
    color: #515666;
    overflow: hidden
}

.mb-card_comment span {
    font-size: 14px;
    line-height: 18px;
    font-size: .28rem;
    line-height: .36rem;
    color: #4a7eb0
}

.mb-card_circle {
    margin-top: .2rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.mb-card_circle,.mb-card_circle a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mb-card_circle a {
    background: hsla(0,0%,84.7%,.25);
    height: .48rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: .16rem;
    margin-right: .2rem;
    border-radius: 2px
}

.mb-card_circle i {
    display: inline-block;
    background-size: cover;
    width: .4rem;
    height: .4rem;
    vertical-align: middle;
    border-radius: 2px
}

.mb-card_circle span {
    font-size: 12px;
    line-height: 12px;
    font-size: .24rem;
    line-height: .24rem;
    color: #797e8b;
    padding-left: .16rem
}

.mb-card_article {
    margin-top: .2rem;
    background: hsla(0,0%,84.7%,.25)
}

.mb-card_article a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: .24rem;
    border-radius: 2px;
    padding-left: 5px;
    padding-right: 12px
}

.mb-card_article_image {
    height: 1.12rem
}

.mb-card_article_image span {
    -webkit-line-clamp: 2
}

.mb-card_article i {
    display: inline-block;
    background-size: cover;
    width: .92rem;
    height: .92rem;
    vertical-align: middle;
    border-radius: 2px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.mb-card_article span {
    display: inline-block;
    padding-left: .16rem;
    font-size: 14px;
    line-height: 19px;
    font-size: .28rem;
    line-height: .38rem;
    color: #515666;
    position: relative;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.mb-card_article_noimage {
    height: .84rem
}

.mb-card_article_noimage i {
    width: .32rem;
    height: .38rem
}

.mb-card_article_noimage span {
    -webkit-line-clamp: 1
}

.mb-card_img_info {
    display: inline-block!important;
    position: absolute;
    bottom: .16rem;
    right: .16rem;
    background: rgba(0,0,0,.8);
    padding: 5px;
    border-radius: 2px;
    font-size: 12px;
    line-height: 12px;
    font-size: .24rem;
    line-height: .24rem;
    color: #fff
}

.relatedNews.one-column_all_type {
    border-bottom: 1px dotted hsla(0,0%,84.7%,.2)
}

.mb-article-card {
    border-bottom: 4px solid hsla(0,0%,84.7%,.2)
}

.mb-article-card .listContainer .card {
    display: -webkit-inline-box!important;
    display: -ms-inline-flexbox!important;
    display: inline-flex!important
}

.one-column_all_type .none {
    text-align: left;
    font-size: 16px;
    line-height: 20px;
    font-size: .32rem;
    line-height: .4rem;
    color: #212121;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.one-column_all_type .none img {
    width: 6.86rem;
    height: 3.86rem
}

.one-column_all_type .newPho-1 {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.one-column_all_type .newPho-1 a {
    -webkit-box-orient: horizontal!important;
    -ms-flex-direction: row!important;
    flex-direction: row!important
}

.one-column_all_type .newPho-1 .text,.one-column_all_type .newPho-1 a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-direction: normal!important
}

.one-column_all_type .newPho-1 .text {
    -webkit-box-orient: vertical!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
    width: 4.48rem
}

.one-column_all_type .newPho-1 .img-container,.one-column_all_type .newPho-1 img {
    width: 2.22rem;
    height: 1.66rem
}

.one-column_all_type .newPho-1 h4 {
    width: 4.32rem;
    float: left
}

.one-column_all_type .newPho-1 p {
    width: 4.28rem
}

.one-column_all_type .newPho-3 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.one-column_all_type .newPho-3 img {
    width: 2.22rem;
    height: 1.66rem
}

.one-column_all_type .newPho-video>a {
    display: block;
    vertical-align: top;
    position: relative
}

.one-column_all_type .newPho-video div {
    position: relative
}

.one-column_all_type .newPho-video div:before {
    content: "";
    position: absolute;
    display: block;
    width: .92rem;
    height: .92rem;
    left: 50%;
    top: 50%;
    margin-left: -.46rem;
    margin-top: -.46rem;
    background-size: contain
}

.one-column_all_type .newPho-video-horizantal {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
    position: relative
}

.one-column_all_type .newPho-video-horizantal:before {
    content: "";
    position: absolute;
    display: block;
    width: .92rem;
    height: .92rem;
    left: 50%;
    top: 50%;
    margin-left: -.46rem;
    margin-top: -.46rem;
    background-size: contain
}

.one-column_all_type .newPho-B {
    position: relative;
    text-align: center;
    width: 6.98rem;
    height: auto;
    overflow: hidden;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.one-column_all_type .newPho-B>a {
    vertical-align: top;
    position: relative
}

.one-column_all_type .newPho-B img {
    width: 6.86rem;
    height: 3.86rem
}

.one-column_all_type .listContainer .card {
    width: 100%;
    padding-top: .24rem;
    padding-bottom: .24rem;
    border-bottom: 1px dotted #f3f5f8
}

.one-column_all_type .listContainer .card h4 {
    margin: 0 0 .16rem 0;
    font-size: 18px;
    line-height: 26px;
    font-size: .36rem;
    line-height: .52rem;
    color: #000;
    text-align: left;
    font-weight: 400;
    position: relative;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.one-column_all_type .listContainer .card a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.one-column_all_type .listContainer .card p {
    margin-top: .16rem;
    text-align: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.one-column_all_type .listContainer .card p span {
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    font-size: .24rem;
    line-height: .4rem;
    color: #a0a3af
}

.one-column_all_type .listContainer .card .sticky {
    color: #1e87ff;
    background: #e7f6ff;
    margin-right: .16rem;
    padding: .01rem .02rem
}

.one-column_all_type .listContainer .card img {
    display: block
}


@-webkit-keyframes scaleDraw {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scaleDraw {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes opacityDraw {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes opacityDraw {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}


.freshBox {
    position: relative;
    padding-bottom: .62rem
}

.freshBox .swiper-container {
    height: 6.5rem
}

.freshBox .swiper-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.freshBox .swiper-container {
    background: hsla(0,0%,84.7%,.30196078431372547)
}


.freshBox .img {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    height: 100%;
    background-size: cover
}

.wap-head {
    width: 100%;
    height: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wap-head img {
    width: 4.16rem;
    height: .78rem;
    vertical-align: top;
    margin-top: .1rem;
    margin-left: .32rem
}

.wap-head-article {
    border-bottom: .5px solid #e6e6e6;
    width: 100%;
    max-width: 448px;
    margin: auto;
    font-size: .28rem
}

.wap-head-article .mb-icon.menuBlack {
    margin-right: .32rem
}

.wap-head-video {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 1000;
    border-bottom: .5px solid #e6e6e6
}

.navigation .menu {
    position: relative;
    width: 100%;
    max-width: 448px;
    height: .88rem;
    font-size: .36rem;
    color: #fff
}

.navigation .menu,.navigation .menu .menu-list {
    background: #0594e2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.navigation .menu .menu-list {
    padding-left: .12rem;
    white-space: nowrap;
    overflow-x: scroll
}

.navigation .menu .menu-list div {
    font-size: .32rem;
    line-height: .88rem;
    padding: 0 .2rem;
    color: #fff
}

.navigation .menu .menu-list .active {
    background: #237dda
}

.navigation .menu .menu-tag {
    height: .88rem;
    line-height: .88rem;
    width: 100%;
    text-align: center;
    font-size: .32rem
}

.navigation .menu .menu-tag img {
    position: absolute;
    left: .3rem;
    top: .24rem;
    width: .42rem;
    height: .4rem
}

.navigation .menu .menu-btn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: .88rem;
    width: 1.2rem;
    position: absolute;
    top: 0;
    right: 0;
    line-height: auto;
    padding-top: .16rem;
    padding-left: .48rem;
    background: -webkit-gradient(linear,left top,right top,from(rgba(5,148,226,0)),color-stop(32%,#0594e2),to(#0594e2));
    background: linear-gradient(90deg,rgba(5,148,226,0),#0594e2 32%,#0594e2)
}

.wap-swiper .swiper-bg {
    position: relative;
    width: 100%;
    height: 3.86rem;
    background: no-repeat 50%;
    background-size: cover
}

.wap-swiper .swiper-bg p {
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #fff;
    font-size: .36rem;
    position: absolute;
    padding: 0 .24rem;
    padding-top: .22rem;
    line-height: .48rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    left: 0;
    bottom: 0;
    padding-bottom: .5rem;
    z-index: 100;
    width: 100%;
    background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.8)));
    background: linear-gradient(180deg,transparent,rgba(0,0,0,.8))
}


.wap-card {
    width: 100%
}

.wap-card .ad {
    margin-top: .26rem;
    margin-bottom: -.24rem
}

.wap-card .ad span {
    display: block;
    width: .64rem;
    height: .32rem;
    background: rgba(25,25,27,.5);
    border-radius: .04rem;
    border: 1px solid #fff;
    left: .16rem;
    top: .16rem;
    padding: 0 .04rem
}

.wap-card * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: .32rem
}

.wap-card>div {
    padding: .24rem 0;
    position: relative
}


.wap-card>div .news-title {
    color: #2f2f2f;
    font-size: .36rem
}

.wap-card>div .news-info {
    margin-top: .22rem;
    line-height: .32rem
}

.wap-card>div .news-info.short {
    margin-top: .16rem
}

.wap-card>div span {
    color: #b0b0b0;
    font-size: .24rem;
    margin-right: .16rem
}

.wap-card>div .single-image,.wap-card>div .single-image>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.wap-card>div .single-image>div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}


.wap-card>div .single-image .news-image {
    background: no-repeat 50%;
    background-size: cover;
    width: 2.22rem;
    height: 1.66rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden
}

.wap-card>div .single-image .news-image img {
    width: 100%;
    height: auto
}

.wap-card>div .single-image .news-image img.heng {
    width: auto;
    height: 100%
}

.wap-card>div .poster {
    width: 6.86rem;
    height: 3.86rem;
    background: no-repeat 50%;
    background-size: cover;
    margin-top: .16rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.wap-card>div .poster .poster-info {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: .08rem .16rem;
    background: rgba(0,0,0,.4);
    font-size: .24rem;
    color: #fff
}

.wap-card>div .poster img {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.wap-card>div .poster img.thumb {
    width: 100%;
    height: auto
}

.wap-card>div .poster img.thumb.heng {
    width: auto;
    height: 100%
}

.wap-card>div .poster img.play {
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -.5rem 0 0 -.5rem
}

.wap-card>div:last-child {
    border-bottom: none
}

.wap-footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 1000;
    left: 0;
    right: 0
}

.wap-footer * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: .32rem
}

.wap-footer.show {
    animation: slide-up .3s ease-in;
    -webkit-animation: slide-up .3s ease-in
}

.wap-footer.hidden {
    height: 0;
    animation: slide-down .3s ease-in;
    -webkit-animation: slide-down .3s ease-in
}

.wap-footer .footer-box {
    height: 1.04rem;
    width: 100%;
    background: #fff;
    padding: 0 .32rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.wap-footer .footer-box:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
    top: 0;
    width: 7.5rem;
    height: .58rem;
    background: rgba(47,47,47,.12);
    -webkit-filter: blur(.08rem);
    filter: blur(.08rem)
}

.wap-footer .footer-box img {
    height: .64rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.wap-footer .footer-box .download-btn {
    color: #fff;
    font-size: .28rem;
    padding: .1rem .16rem;
    margin-left: auto;
    background: linear-gradient(45deg,#3d94fe,#60bdff)
}

@-webkit-keyframes slide-up {
    0% {
        height: 0
    }

    to {
        height: 1.04rem
    }
}

@keyframes slide-up {
    0% {
        height: 0
    }

    to {
        height: 1.04rem
    }
}

@-webkit-keyframes slide-down {
    0% {
        height: 1.04rem
    }

    to {
        height: 0
    }
}

@keyframes slide-down {
    0% {
        height: 1.04rem
    }

    to {
        height: 0
    }
}

.wap-welcome {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
    z-index: 10000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-image: radial-gradient(circle,#f9f9f9,#d7d7d7)
}

.wap-welcome .skip {
    width: 7.5rem;
    font-size: .26rem;
    line-height: .4rem;
    position: absolute;
    right: .4rem;
    top: .3rem;
    text-align: center;
    background-color: #f0f0f1;
    border: 1px solid #f0f0f1;
    border-radius: 3px;
    -moz-border-radius: 3px;
    font-family: 微软雅黑,Helvetica,Microsoft YaHei;
    color: #666;
    height: .4rem;
    width: .8rem;
    z-index: 100
}

.wap-welcome .logo {
    width: 100%;
    text-align: center;
    padding-top: 20vh
}

.wap-welcome .logo img {
    width: 5.1rem
}

.wap-welcome .alignCon {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.wap-welcome .alignCon .buttonBox {
    font-family: 微软雅黑,Helvetica,Microsoft YaHei;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#e2e2e2),to(#fefefe));
    background-image: linear-gradient(0deg,#e2e2e2,#fefefe);
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    width: 6.7rem;
    height: 1rem;
    font-size: .36rem;
    padding-top: .22rem;
    padding-left: .9rem;
    margin: 0 auto;
    margin-top: .46rem
}

.wap-welcome .alignCon .buttonBox img {
    vertical-align: middle;
    width: .6rem;
    margin-right: .28rem
}

.wap-welcome .alignCon .buttonBox .first {
    width: .3rem;
    margin-right: .5rem
}

.wap-welcome .alignCon .buttonBox a {
    text-decoration: none;
    color: #333;
    font-size: .24rem
}

.wap-welcome .alignCon .buttonBox a span {
    font-size: .36rem;
    margin-right: .2rem
}

.wap-welcome .alignCon .buttonBox .last {
    color: #0096e0
}

.wap-welcome .secBox {
    width: 100%;
    text-align: center;
    font-size: .24rem;
    margin-top: .9rem
}

.wap-welcome .secBox span {
    font-size: .3rem;
    font-weight: 700;
    color: #f5a100
}

.column-card {
    width: 100%;
    height: 100vh;
    position: fixed;
    max-width: 448px;
    top: 0;
    background: #fff;
    padding-top: .08rem;
    z-index: 10000;
    font-size: .36rem
}

.column-card * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.column-card .column-head {
    width: 100%;
    height: .88rem;
    text-align: center;
    line-height: .88rem;
    font-weight: 500;
    color: #19191b;
    font-family: PingFangSC-Medium,PingFang SC
}

.column-card .column-head img {
    width: .4rem;
    position: absolute;
    top: .32rem;
    right: .4rem
}

.column-card .column-list {
    width: 100%;
    height: calc(100vh - .88rem);
    overflow: auto
}

.column-card .column-list .card {
    width: 100%;
    border-bottom: 4px solid #f4f4f4;
    margin-bottom: .04rem;
    padding: .3rem .4rem .28rem;
    font-size: .32rem
}

.column-card .column-list .card:last-child {
    border-bottom: none
}

.column-card .column-list .card .title {
    color: #19191b;
    font-family: PingFangSC-Medium,PingFang SC;
    padding-bottom: .32rem
}

.column-card .column-list .card .title span {
    font-size: .28rem;
    color: #a0a3af;
    margin-left: .16rem;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400
}

.column-card .column-list .card .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.column-card .column-list .card .box>div {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 1.52rem;
    height: .72rem;
    background: #f4f4f4;
    border-radius: .01rem;
    border: .01rem solid #ebecf1;
    color: #434448;
    font-size: .32rem;
    text-align: center;
    line-height: .72rem;
    margin-right: .2rem;
    margin-bottom: .2rem
}

.column-card .column-list .card .box>div:nth-child(4n),.wap-head-article .mb-icon.menuBlack {
    margin-right: 0
}

.wap-head-article {
    padding: 0 .32rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mb-icon.logo {
    margin-left: 0
}

#video-container h1 {
    font-weight: 700;
    margin-bottom: .24rem
}