body,html {
    height: auto;
    background: #f5f5f5;
}

.box {
    max-width: 640px;
    margin: 0 auto;
    background: #fff;
    /*background:#fff url(bg.cloud.790.jpg) top center no-repeat; background-size:100%;
        background-position-y: -20px;*/
}

.box header {
    background: #ed2c25 url(bg2025.jpg?v6) top center no-repeat;
    background-size: 100%;
}

.box .S-TOP {
    height: 40px;
    width: 100%
}
.botton {
    background-color:#ed2c25;
    width: 120px;
    border-radius: 50px;
    border-bottom: none;
    cursor: pointer;
    font-size: 16px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    padding: 0 0;
    /*font-weight: bold;*/
}
.box .S-TOP.first1 {
    display: flex;
    height: 50px;
    align-items: center;
    justify-content: space-between
}

.box .S-TOP.first1 .searchinp {
    padding-left: .1rem;
    display: none;
}

.box .S-TOP.first1 input {
    height: .75rem;
    color: #555;
    padding: 0 .2rem;
    border-radius: 4px;
}

.box .S-TOP.onlylogo {
    background: #ed2c25;
    /* url(topbg.png?v221) top center no-repeat;*/
    background-size: 100%;
}

.box .S-TOP.fixed {
    position: fixed;
    max-width: 640px;
    z-index: 9;
    height: 60px;
}

.box .S-TOP .mlogo {
    padding-left: 5px;
    height: 50px;
    filter: brightness(0) invert(1);
}

._fixed {
    bak-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
}

.box .S-TOP .S-TOP-logo {
    background: url(../images/logo.m.png) no-repeat center;
    background-size: 100% 100%;
    width: 315px;
    height: 57px
}

.box .S-TOP .index-nav-bar {
    background: #fff;
    border-radius: .1rem;
    box-shadow: 0 0 8px 0 rgb(54 0 0 / 10%);
    margin: 0 10px;
    position: relative;
    padding: 5px;
    min-height: 55px;
    text-align: center;
    top: 12px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: nowrap
}

.box .S-TOP .index-nav-bar li {
    height: 40px;
    width: 20px;
    line-height: 1.2;
    overflow-y: hidden;
}

.box .S-TOP .index-nav-bar li a.red-href {
    color: #ed2c25
}

.box .S-TOP .S-TOP-channel {
    height: auto;
    color: #ed2c25;
    padding-left: .3rem;
    padding-right: .2rem;
    font-size: .27rem;
    background: #fff;
    border-top-right-radius: .08rem;
    border-bottom-right-radius: .08rem
}

.box .S-TOP .S-TOP-channel span {
    padding-right: .189rem;
    color: #fff
}

.box .S-TOP .S-TOP-search {
    background: url(search@2x.png) no-repeat center;
    background-size: 100% 100%;
    width: .42rem;
    height: .42rem;
    margin: .1rem
}

.S-NAV {
    width: 100%;
    _background: #f5feff;
    padding-top: 60px;
}

.swiper-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.S-NAV-swiper .swiper-slide {
    width: auto;
    padding: 0 .2rem
}

.S-NAV-swiper .swiper-slide a {
    height: .5rem;
    line-height: .5rem;
    font-size: .3rem;
    color: #ff9898;
    display: block;
    text-decoration: none
}

.S-NAV-swiper .swiper-slide a.swiper-href {
    color: #fff;
    font-size: .3rem;
    position: relative
}

.S-NAV-swiper .swiper-slide a.swiper-href::after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    content: " ";
    background-color: #fff;
    width: .35rem;
    height: .06rem;
    border-radius: .04rem;
    margin: 0 auto
}

.S-NAV-swiper .swiper-slide span {
    background: #ed2c25;
    width: .52rem;
    height: .06rem;
    display: block;
    margin: 0 auto;
    border-radius: 3px
}

.T-DING {
    margin: 0 .3rem;
    margin-top: 45px
}

.T-DING ul li {
}

.T-DING ul li h3 {
    font-size: .34rem;
    color: #111;
    margin-top: .15rem;
    line-height: 1.333333;
    text-align: justify;
}

.T-DING ul li .T-DING-label {
    display: flex;
    border-bottom: 3px solid #ed2c25;
}

.T-DING ul li .T-DING-label .T-DING-label-T-DING {
    padding-right: .2rem;
    font-size: .24rem;
    color: #ed2c25;
}

.T-DING ul li .T-DING-label .T-DING-label-column,.T-DING ul li .T-DING-label .T-DING-label-time {
    padding-right: .1rem;
    font-size: .24rem;
    color: #888
}

.T-DING ul li .sub_name a {
    padding: 0 0.05rem ;
    border-radius: 3px ;
    background: #fff4f8;
    color: #ed2c25 !important;
}

.T-DING ul li .haibao img {
    vertical-align: text-bottom;
    height: .38rem
}

.T-DING ul li .onekeycopy {
    border: 1px solid #eee;
    border-radius: 4px;
    padding: .01rem .1rem
}

.sLider {
    margin: 0 .3rem;
    padding: .2rem 0;
    position: relative;
    border-bottom: 1px solid #f5f5f5
}

.sLider .sLider-selected {
    position: absolute;
    top: .44rem;
    left: .24rem;
    width: 100%;
    z-index: 10
}

.sLider .sLider-selected span {
    font-size: .3rem;
    color: #fff;
    text-shadow: 0 2px 0 rgba(0,0,0,.27);
    margin-right: .14rem
}

.sLider .sLider-selected .sLider-selected-img {
    display: inline-block;
    width: .36rem;
    height: .36rem;
    background: url(hot@2x.png) no-repeat center;
    background-size: 100% 100%;
    vertical-align: middle
}

.sLider-swiper .swiper-slide {
    width: 6.45rem;
    height: 3.74rem;
    margin: 0 .05rem
}

.sLider-swiper-href {
    width: 6.45rem;
    height: 3.74rem;
    position: relative;
    border-radius: .1rem
}

.sLider-swiper-href-cen {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1.71rem;
    background-image: linear-gradient(180deg,rgba(5,5,5,0) 0,rgba(4,4,4,.54) 33%,rgba(3,3,3,.7) 100%);
    border-radius: .1rem
}

.sLider-swiper-href-cen p {
    font-size: .27rem;
    color: #fff;
    line-height: 1.2;
    position: absolute;
    bottom: .23rem;
    left: .23rem;
    right: .23rem
}

.sLider-pagination {
    text-align: right
}

.sLider-swiper>.sLider-pagination {
    right: .6rem;
    left: auto;
    bottom: 5px
}

.sLider-pagination .swiper-pagination-bullet {
    height: .04rem;
    width: .1rem;
    background: rgba(255,255,255,.6);
    border-radius: 1px;
    border-radius: 1px
}

.sLider-pagination .swiper-pagination-bullet-active {
    width: .48rem;
    background: #e00
}

.list {
    margin: 0 .3rem
}

.M-box {
    padding: .15rem 0;
    display: flex;
    border-bottom: 1px solid #f5f5f5
}

.M-box .M-box-b {
    display: flex;
    width: 100%;
    justify-content: space-between
}

.M-box .M-box-left {
    width: 4.3rem;
    padding-right: .3rem;
    text-align: justify;
    flex-grow: 1
}

.M-box .M-box-r {
    flex: 1
}

.M-box .M-box-right {
    width: 2.345rem;
    min-height: 1.2rem;
    border-radius: .08rem;
    position: relative
}

.M-box .M-box-right .M-box-right-Play {
    width: .62rem;
    height: .62rem;
    margin: 0 auto;
    background: url(Play@2x.png) no-repeat center;
    background-size: 100% 100%;
    display: block;
    transform: translate3d(-50%,-50%,0);
    position: absolute;
    left: 50%;
    top: 50%
}

.M-box .M-box-right .M-box-right-time {
    position: absolute;
    bottom: 0;
    right: .2rem;
    font-size: .22rem;
    color: #fff
}

.M-box .M-box-left h3 {
    font-size: .32rem;
    color: #222;
    line-height: 1.3;
    height: 1.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal;
}

.M-box .M-box-left h3 a {
    font-size: .34rem;
    color: #222;
    line-height: 1.234
}

.M-box .M-box-left .M-box-left-label span {
    font-size: .24rem;
    color: #abafb4;
    padding-right: .12rem;
    line-height: 1
}

.M-box3 {
    padding: .15rem 0;
    border-bottom: 1px solid #f5f5f5
}

.M-box3 h3 {
    font-size: .32rem;
    color: #222;
    line-height: 1.234;
    font-weight: normal;
    text-align: justify;
}

.M-box3 h3 a {
    font-size: .32rem;
    color: #222;
    line-height: 1.234
}

.M-box3 .M-box3-img {
    display: flex;
    height: 1.666666666rem;
    margin-top: 0.1rem;
}

.M-box3 .M-box3-img-box {
    position: relative
}

.M-box3 .M-box3-img-box .M-box3-img-box-play {
    width: .62rem;
    height: .62rem;
    margin: 0 auto;
    background: url(Play@2x.png) no-repeat center;
    background-size: 100% 100%;
    display: block;
    transform: translate3d(0,50%,0)
}

.M-box3 .M-box3-img-box .M-box3-img-box-time {
    position: absolute;
    bottom: 0;
    right: .2rem;
    font-size: .22rem;
    color: #fff
}

.M-box3 .M-box3-img>.M-box3-img-box {
    flex: 1;
    margin: 0 .03rem;
    border-radius: .08rem
}

.M-box3 .M-box3-img>.M-box3-img-box:first-of-type {
    margin-left: 0
}

.M-box3 .M-box3-img>.M-box3-img-box:last-of-type {
    margin-right: 0
}

.M-box3 .M-box3-label span {
    font-size: .24rem;
    color: #abafb4;
    padding-right: .2rem;
    line-height: 1
}

.M-big {
    padding: .15rem 0;
    border-bottom: 1px solid #f5f5f5
}

.M-big h3 {
    font-size: .32rem;
    color: #222;
    line-height: 1.234;
    font-weight: normal;
}

.M-big h3 a {
    font-size: .32rem;
    color: #222;
    line-height: 1.234
}

.M-big .M-big-img {
    margin-top: 0.1rem;
    width: 100%;
    height: 3.333rem;
    border-radius: .1rem;
    position: relative
}

.M-big .M-big-img-Play {
    width: .96rem;
    height: .96rem;
    margin: 0 auto;
    background: url(../images/playbt.png) no-repeat center;
    background-size: 100% 100%;
    display: block;
    transform: translate3d(-50%,-50%,0);
    position: absolute;
    right: 0;
    bottom: 0
}

.M-big .M-big-img-time {
    position: absolute;
    bottom: 0;
    right: .2rem;
    font-size: .22rem;
    color: #fff
}

.M-big .M-big-label span {
    font-size: .24rem;
    color: #abafb4;
    padding-right: .2rem;
    line-height: 1
}

.M-box .M-box-left-label {
    line-height: 1.5;
}

.M-box3 .M-box3-label {
    line-height: 1.5;
}

.M-big .M-big-label {
    line-height: 1.5;
}

.M-xjh {
    padding: .3rem 0;
    border-bottom: 1px solid #f5f5f5
}

.M-xjh .M-xjh-portrait {
    font-size: .28rem;
    color: #222;
    text-align: left;
    line-height: 1;
    padding-bottom: .28rem
}

.M-xjh .M-xjh-portrait span {
    display: inline-block;
    width: .54rem;
    height: .54rem;
    margin-right: .12rem;
    border-radius: 100%;
    vertical-align: middle
}

.M-xjh .M-xjh-box {
    padding-top: 0;
    display: flex
}

.M-xjh-box h3 {
    font-size: .34rem;
    color: #222;
    line-height: 1.5;
    min-height: .94rem
}

.M-xjh-box .M-box-left {
    width: 4.35rem;
    padding-right: .3rem
}

.M-xjh-box .M-box-left .M-box-left-label span {
    font-size: .24rem;
    color: #abafb4;
    padding-right: .2rem;
    line-height: 1
}

.M-xjh-box .M-box-right {
    flex: 1;
    height: 1.41rem;
    border-radius: .08rem;
    position: relative
}

.M-xjh-box-b {
    display: flex;
    width: 100%
}

.M-no {
    padding: .3rem 0;
    border-bottom: 1px solid #f5f5f5
}

.M-no h3 {
    font-size: .34rem;
    color: #222;
    letter-spacing: 0;
    line-height: 1.5
}

.M-no h3 a {
    font-size: .34rem;
    color: #222;
    letter-spacing: 0;
    line-height: 1.5
}

.M-no-label span {
    font-size: .24rem;
    color: #abafb4;
    padding-right: .2rem;
    line-height: 1
}

.M-slide {
    padding: .3rem 0;
    border-bottom: 1px solid #f5f5f5;
    overflow: hidden
}

.M-slide-display {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none
}

.M-slide-display::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none
}

.M-slide .M-side-box {
    width: 6.29rem;
    height: 5.96rem;
    background: #fff;
    border: 1px solid #f5f5f5;
    border-radius: .18rem;
    border-radius: .1rem;
    flex-shrink: 0;
    margin-right: .14rem;
    transform: translate3d(0,0,0)
}

.M-side-box .M-side-box-play {
    width: .96rem;
    height: .96rem;
    margin: 0 auto;
    background: url(playd@2x.png) no-repeat center;
    background-size: 100% 100%;
    display: block;
    transform: translate3d(-50%,-50%,0);
    position: absolute;
    left: 50%;
    top: 50%
}

.M-slide .M-side-box .M-side-box-img {
    height: 3.54rem;
    width: 100%;
    border-top-left-radius: .18rem;
    border-top-right-radius: .18rem;
    position: relative;
    margin-bottom: .3rem
}

.M-slide .M-side-box .M-side-box-img .M-side-box-img-time {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1.14rem;
    background-image: linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.23) 40%,rgba(0,0,0,.86) 100%)
}

.M-slide .M-side-box .M-side-box-img .M-side-box-img-time span {
    position: absolute;
    bottom: .3rem;
    right: .25rem;
    font-size: .22rem;
    color: #fff;
    line-height: 1
}

.M-slide .M-side-box .M-side-box-cen {
    padding: 0 .3rem
}

.M-slide .M-side-box .M-side-box-cen h3 {
    padding-bottom: .4rem;
    font-size: .34rem;
    color: #222;
    line-height: 1.5
}

.M-slide .M-side-box .M-slide-label span {
    font-size: .24rem;
    color: #abafb4;
    padding-right: .2rem;
    line-height: 1
}

.M-specialSmall {
    padding: .33rem 0;
    border-bottom: 1px solid #f5f5f5
}

.M-specialSmall .M-specialSmall-box {
    padding-top: 0;
    border: none;
    display: flex
}

.M-specialSmall-box .M-box-left h3 {
    font-size: .34rem;
    color: #222;
    line-height: 1.5;
    min-height: 1.06rem
}

.M-specialSmall-box-b {
    display: flex;
    width: 100%
}

.M-specialSmall-box-b .M-box-left {
    width: 4.35rem;
    padding-right: .3rem
}

.M-specialSmall-box .M-box-left .M-box-left-label span {
    font-size: .24rem;
    color: #abafb4;
    padding-right: .2rem;
    line-height: 1
}

.M-specialSmall-box-b .M-box-right {
    flex: 1;
    height: 1.41rem;
    border-radius: .08rem;
    position: relative
}

.M-specialSmall-box h3 span {
    display: inline-block;
    background: #ed2c25;
    border-radius: .06rem;
    height: .32rem;
    padding: 0 .07rem;
    font-size: .22rem;
    color: #fff;
    line-height: .32rem;
    vertical-align: .02rem;
    margin-right: .05rem
}

.M-specialMax h3 span {
    display: inline-block;
    background: #ed2c25;
    border-radius: .06rem;
    height: .32rem;
    padding: 0 .07rem;
    font-size: .22rem;
    color: #fff;
    line-height: .32rem;
    vertical-align: .02rem;
    margin-right: .05rem
}

.M-automatic-img {
    width: 100%;
    border-radius: .1rem;
    position: relative
}

.M-automatic-img img {
    width: 100%;
    border-radius: .1rem
}

.load {
    margin: .7rem auto .1rem;
    text-align: center;
    font-size: .28rem;
    color: #abafb4
}

.viewh5 .video-content {
    display: block;
    margin-bottom: 15px;
    position: relative;
}

#BrandLogo {
    width: 80px !important
}

.abs-9999 {
    position: absolute;
    top: -9999px;
    left: -9999px;
    width: 0px;
    height: 0px;
    overflow: hidden;
    display: none;
}
.box {background:#fff;}
.box .S-TOP.onlylogo{_background:#fff;}
.box .S-TOP.onlylogo div{margin:0 5px;}
.box .S-TOP .mlogo{ }

.box header{background:#fff}
.views .T-DING {background:#fff}
wx-open-launch-weapp#launch-btn {
    float: right;
}
.box .S-TOP.onlylogo {
    background: #fff;
    background-size: 100%;
}
.box .S-TOP .mlogo {filter:unset}
.S-NAV {
    background: #ed2c25;
}

/*======== 红色底部备案栏 ========*/
.red-footer{
    width:100%;
    background:linear-gradient(180deg,#c40000 0%,#a70000 100%);
    color:#fff;
    font-size:13px;
    padding:20px 0;
    text-align:center;
    line-height:1.8
}
.red-foot-inner{max-width:1200px;margin:0 auto;padding:0 15px}
.red-foot-line{margin:8px 0}
.red-foot-line a{color:#fff;}
.red-foot-line a:hover{color:#fff;}
.red-foot-line .split{margin:0 10px;opacity:.6}
.red-foot-icons{margin-top:12px;display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}
.red-foot-icons img{height:38px;width:auto;filter:drop-shadow(0 0 2px rgba(0,0,0,.3))}