a{
    text-decoration: none;
}
::-webkit-scrollbar{
    display: none;
}
.btn {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
    padding: 10px 20px;
    border-radius: 2px
}

.size-large .btn,.size-larger .btn,.size-normal .btn,.size-small .btn {
    font-size: .28rem
}

.btn.focus,.btn:focus {
    outline: none
}

.btn:hover {
    text-decoration: none
}

.btn.disabled,.btn:disabled {
    cursor: default;
    opacity: .5
}

.btn-theme {
    color: #dcdcdc
}

.theme-base .btn-theme {
    border-color: #44a8fe;
    background: #44a8fe
}

.theme-red .btn-theme {
    border-color: red;
    background: red
}

.theme-green .btn-theme {
    border-color: green;
    background: green
}

.btn-outline {
    background: transparent
}

.theme-base .btn-outline {
    border-color: #44a8fe;
    color: #44a8fe
}

.theme-red .btn-outline {
    border-color: red;
    color: red
}

.theme-green .btn-outline {
    border-color: green;
    color: green
}

.btn-block {
    width: 100%
}

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-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
}

.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
}

.float-pc {
    position: fixed;
    bottom: .32rem;
    right: 50%;
    -webkit-transform: translate(3.43rem);
    transform: translate(3.43rem)
}

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

.mb-icon.logo {
    width: 4.16rem;
    height: .78rem;
    vertical-align: top;
    margin-top: .1rem;
    margin-left: .32rem;
}

.mb-icon.floatPCBTN {
    background-image: url(../img/float_pc_btn@2x.8f2253a3.png);
    width: 1.04rem;
    height: 1.04rem
}

.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;
    background-image:url(../images/menu2.png);
}

.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
}


@-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: .9rem;
    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 a {
    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;
    border-bottom: 1px dashed #c5c5c5;

}


.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>div .news-title {
    margin-right: .22rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    /*flex: 1*/
}

.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-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) {
    margin-right: 0
}

#wapindex .menu-fix {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000
}

#wapindex.fix {
    padding-top: .88rem
}
.footer{
    color: #222;
    text-align: center;
    padding: 0.4rem 0 ;
    font-size: 0.3rem;
    border-top: 1px solid #999;
}
.footer a{
    color: #222;
}

.menus{display:block;width:25px;height:25px;top:7.5px;right:12.5px;background:url(../images/menu.png) no-repeat;background-size:25px 25px;margin:  0 6px 0 0}
.menuwrap{width:100%;background:#fff;top:1.9rem;z-index:99999;padding-bottom:10px;max-width: 448px;}
.menuwrapmain{overflow:auto;height:95vh;}
.menuwrapmain .as{background:#eee;float:left;width:23%;margin:3px 1%;font-size:14px;text-align:center;line-height:26px;height:26px;border-radius:2px;}
.menuwrapmain a.cul{width:48%;margin:3px 1%;font-size:16px;text-align:center;line-height:32px;height:32px;border-radius:2px;}
.menuwrapmain a{
    color: #222;
}
.menuwrapmain h3{font-size:18px;line-height:30px;height:30px;border-left:3px solid #0594e2;padding-left:15px;margin:15px 0 5px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.pos-a{position:absolute;}



.row1{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 1;-webkit-box-orient: vertical;
}
.row2{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
}
.row3{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 3;-webkit-box-orient: vertical;
}
.row4{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 4;-webkit-box-orient: vertical;
}
.row5{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 5;-webkit-box-orient: vertical;
}



.pagination{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    /*background: #fff;*/
    padding: 0 0.3rem;
}
.pagination li{
    list-style: none;
}
.pagination li a{
    margin: 14px 5px;
    display: inline-block;
    line-height: 30px;
    border-radius: 4px;
    text-align: center;
    background: #e3e3e3;
    color: #333;
    font-size: 14px;
    position: relative;
    padding: 5px 10px;
    border: none;
    height: auto;
}
.pagination span{
    margin: 14px 5px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    padding: 5px 10px;
    border-radius: 4px;
    height: auto;
}

.pagination li:last-child a{
    background: #e3e3e3;
    color: #333;
}
.pagination li:first-child a{
    background: #e3e3e3;
    color: #333;
}
.disabled span{
    background: #e3e3e3;
    color: #333;
}
.pagination .active span{
    background: #0594e2;
    color: #fff;
}


.selhover{
    color: #fff!important;
    background-color: #0594e2 ;
}
.listnav{
    display: flex ;
    align-items: center;
    flex-wrap: wrap;
    height: auto;
    margin-bottom: 0.2rem;
    /*background: #fff;*/
    /*padding-left: 20px;*/

}
.listnav a{
    display: block;
    padding: 5px 10px;
    color: #222;
    margin: 5px 0;
    border-radius: 4px;
    font-size: 16px;
}

.runk {display: flex;flex-wrap: wrap}
.runk a{padding:10px 24px;display: block}