/* 头部 */
.header{background-color: #fff;height: 1.1rem;padding: 0 .32rem;}
.header .logo{height: 100%;}
.header .logo a{display: flex;width: 100%;height: 100%;align-items: center;}
.header .logo img{height: 0.56rem;}
.search-box{height: 0.56rem;cursor: auto;flex:1;padding:0 .3rem;}
.search-box .iconfont{font-size: 16px;color: #999;transform:translateY(1px)}
.search-box .search{width: 100%;height: 100%; background: #f1f1f1; padding:0 0.1rem;box-sizing: border-box;}
.search-box input{width: calc(100% - 20px);height: 100%;padding-left: 5px;box-sizing: border-box;line-height: 1;}
.search-box input::-webkit-input-placeholder{color: rgba(51, 51, 51, 0.369);font-size:14px;line-height: 1;}
.top-nav {width: 100%; background: #fff; border-bottom: 1px solid #f0f3f7; position: relative;}
.top-nav.fixed{position: fixed;left: 0;top: 0;z-index: 1000;}
.top-nav .scroll-bar { overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; font-size: 0; overflow-y: hidden; padding: 0 .12rem;
      border-bottom: 1px solid #f0f3f7 ;padding-right: .7rem;}
.top-nav .scroll-bar a { background: #fff; display: inline-block; padding: 0 .2rem; font-size: .32rem; color: #35383b; height:.6rem;  position: relative }
.top-nav .scroll-bar a.on { color: #ff4410; font-weight: 700 }
.top-nav .scroll-bar a.on:after { content: "";width:auto; height: .06rem; background-color: #ff4410; position: absolute; bottom: 0; right: .2rem; left: .2rem; 
     -moz-border-radius: .12rem; border-radius: .12rem }
.top-nav .scroll-bar::-webkit-scrollbar {height: 0; background-color: transparent } 
.ruicai-more-shadow { pointer-events: none; position: absolute; width: 1rem; height: 1rem; right: 0; top: 0;overflow: hidden }
.ruicai-more-shadow>div { position: absolute; right: 0; top: 50%;   background: -webkit-linear-gradient(left, hsla(0, 0%, 100%, 0), #fff 60%);
      background: -moz-linear-gradient(left, hsla(0, 0%, 100%, 0) 0, #fff 60%); background: -o-linear-gradient(left, hsla(0, 0%, 100%, 0) 0, #fff 60%);
       background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff 60%);  width: 1.6rem; height: 1rem; -webkit-transform: translateY(-50%) translateX(.6rem); 
       -moz-transform: translateY(-50%) translateX(.6rem); -ms-transform: translateY(-50%) translateX(.6rem); transform: translateY(-50%) translateX(.6rem) }
.news-list{padding:0 .3rem;background-color: #fff;}
.news-list .list-item{padding:.2rem 0;}
.news-list .list-item a{display: block;}
.news-list .list-item .title{font-size:.32rem;color: #2e3134;font-weight: bolder;margin-bottom: .1rem;font-family:Microsoft YaHei;} 
.news-list .list-item .title span{display: inline-block;width: .6rem;line-height: .32rem; background-color: #de0422;font-size:.24rem;color: #fff;font-style: italic;
font-weight: normal;text-align: center;margin-right: 3px;}
.news-list .list-item .cont{font-size:.24rem;color: #333;padding-left: 10px;position: relative;} 
.news-list .list-item .cont::after{content: "";width: 4px;height: 4px;border-radius: 50%;background: #ccc; position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.news-list .list-item:first-of-type .title{color: #12377e;}
.banner .swiper-container{width: 100%;height: 100%;}
.banner .swiper-container .swiper-slide{width: 100%;height: 100%;overflow: hidden;}
.banner .swiper-container .swiper-slide a{display: block; width: 100%;height: 100%;position: relative;overflow: hidden;}
.banner .swiper-container .swiper-slide img{width: 100%;height: 100%;display: block;}
.banner .swiper-container .pagination-box{bottom: .2rem;left:0 ;width: 100%;position: absolute;}
.banner .swiper-container .pagination-box .swiper-pagination{position: relative;}
.banner .swiper-pagination-bullet{width: .12rem;height: .12rem;background-color: #fff;opacity: .549;border-radius: .1rem;margin-left: .1rem;}
.banner .swiper-pagination-bullet-active{width: .4rem;background-color: #fff;opacity: 1;}
.news-box{padding:0 .3rem;background-color: #fff;}
.news-box .list-item{padding:.3rem 0; border-bottom: 1px solid #f0f3f7;}
.news-box .list-item a{display: flex;}
.news-box .list-item .pic-box{width: 2.26rem; height: 1.4rem;border-radius:2px;overflow:hidden;}
.news-box .list-item .cont-box{width: calc(100% - 2.26rem);padding-left: .27rem;}
.news-box .list-item .cont-box .title{ color: #35383b; line-height: 1.4;font-size: .32rem;margin-bottom: .24rem;}
.news-box .list-item .cont-box .cont{font-size:.26rem;color: #ccc;position: relative;display: flex;align-items: center;font-family: Microsoft YaHei;} 
.news-box .list-item .cont-box .cont .tag{width: .54rem;line-height: .30rem;border: 1px solid #e95468;color: #e95468;font-size:.20rem;font-weight: normal;text-align: center;}
.news-box .list-item .cont-box .cont span{margin-right: 5px;}
.news-box .list-item .cont-box .cont span:last-of-type{letter-spacing: 0;}
.mb-10{margin-bottom: 0.20rem;}
.well-box{padding: .3rem;background-color: #fff;}
.well-box .title-line{margin-bottom: .2rem;}
.well-box .title-line .title{font-size: .36rem;color: #000;font-weight: 700;font-style: italic;}
.well-box .title-line .title span{color: #e4201b;}
.well-box .title-line .title img{height:.40rem;}
.well-box .title-line .more{font-size: .28rem;color: #999;}
.well-box .swiper-container{padding: .3rem 0 .3rem .3rem; background: -webkit-linear-gradient(top, #fff, #fff); background: -moz-linear-gradient(top, #fff 0, #fff 100%);
       background: -o-linear-gradient(top, #fff 0, #fff 100%); background: linear-gradient(180deg, #fff, #fff); -webkit-box-shadow: 0 .06rem .24rem 0 rgba(46, 68, 126, .08);
        -moz-box-shadow: 0 .06rem .24rem 0 rgba(46, 68, 126, .08); box-shadow: 0 .06rem .24rem 0 rgba(46, 68, 126, .08); -moz-border-radius: .08rem; border-radius: .08rem;}
.well-box .swiper-container .swiper-slide{text-align: center;}
.well-box .swiper-container .swiper-slide img{width: 100%;}
.well-box .swiper-container .swiper-slide .tit{font-size: .24rem;color: #000;margin-bottom: .1rem;}
.well-box .swiper-container .swiper-slide .cont{font-size: .26rem;color: #000;font-family: Microsoft YaHei;}
.video-box{padding: .3rem;background-color: #fff;}
.video-box .title-line{margin-bottom: .2rem;}
.video-box .title-line .title{font-size: .36rem;color: #000;font-weight: 700;font-style: italic;}
.video-box .title-line .title img{height:.7rem;}
.video-box .title-line .more{font-size: .28rem;color: #999;}
.index-video-box ul{ overflow-x: auto;white-space: nowrap;-webkit-overflow-scrolling: touch;}
.index-video-box ul::-webkit-scrollbar {height: 0; background-color: transparent } 
.index-video-box ul li{display:inline-block;width: 3.3rem;margin-right: .22rem;margin-bottom: 0;}
.video-box ul li{width: 48%;margin-bottom: .3rem;}
.video-box ul li a{display:block;}
.video-box ul li .pic-box{width: 100%;position: relative;margin-bottom: .2rem;}
.video-box ul li .pic-box img{width: 100%;}
.video-box ul li .pic-box .play{width: .6rem;height: .6rem;border-radius: 50%;color: #fff;border: 2px solid rgba(255, 255, 255, .612);position: absolute;
left: 50%;top: 50%;transform: translate(-50%,-50%);display: flex;align-items: center;justify-content: center;}
.video-box ul li .tit{font-size: .28rem;color: #000;margin-bottom: .1rem;}
.video-box ul li .cont{font-size: .24rem;color: #999;}
.video-box ul li .cont .iconfont{font-size: .32rem;margin-right:2px;}
.rank-box{background-color: #fff;}
.rank-box .title-line{padding: .3rem;}
.rank-box .title-line .title{font-size: .36rem;color: #000;font-weight: 700;font-style: normal;margin-right: .3rem;}
.rank-box .title-line .title img{height:.42rem;}
.rank-box .title-line .rank-tab li{font-size: .28rem; color: #5f6366; height: .48rem;background: #f5f7fa; -moz-border-radius: .2rem; border-radius: .2rem;
       border: 1px solid #edeef2; margin-right: .18rem;  padding: 0 .2rem;}
.rank-box .title-line .rank-tab li.on{color: #000;}
.rank-box .content-box{overflow-x: scroll;white-space: nowrap;}
.rank-box .content-box .table-box{display: none;}
.rank-box .content-box .table-box.show{display: block;}
.rank-box .content-box .table{display: inline-block;  width: 6.2rem;padding: .2rem;padding-bottom: .28rem; margin-left: .3rem;  border-radius: .1rem;
      background-size: cover;background-repeat: no-repeat;overflow: hidden;}
.rank-box .content-box .table .table-title{margin-bottom: .2rem;}
.rank-box .content-box .table .table-title .title{ font-size: .3rem; font-weight: 700; line-height: .64rem;}
.rank-box .content-box .table .more{font-size: .24rem;}
.rank-box .content-box .table .table-nav li{font-size: .28rem;  height: .48rem; -moz-border-radius: .2rem; border-radius: .2rem;
      margin-right: .18rem;  padding: 0 .2rem;}
.rank-box .content-box .table .pic-box{margin-top: .2rem;}
.rank-box .content-box .table .pic{display: none;}
.rank-box .content-box .table .pic.show{display: block;}
.rank-box .content-box .table:nth-child(1){background-image: url(../images/table-back1.png);}
.rank-box .content-box .table:nth-child(2){background-image: url(../images/table-back2.png);margin-right: .2rem;}
.rank-box .content-box .table:nth-child(1) .table-title{ color: #fd8d00;}
.rank-box .content-box .table:nth-child(1) .more{ color: #fd8d00;}
.rank-box .content-box .table:nth-child(2) .table-title{ color: #1a458d;}
.rank-box .content-box .table:nth-child(2)  .more{ color: #1a458d;}
.rank-box .content-box .table:nth-child(1) .table-nav li{background: #fff0da;color: #fd8d00;}
.rank-box .content-box .table:nth-child(1) .table-nav li.on{background: #fd8d00;color: #fff;}
.rank-box .content-box .table:nth-child(2) .table-nav li{background: #d2dcf2;color: #1a458d;}
.rank-box .content-box .table:nth-child(2) .table-nav li.on{background: #1a458d;color: #fff;}
.rank-box .content-box::-webkit-scrollbar {height: 0; background-color: transparent } 

.foot-h{height: 50px;}
.foot-ad{width: 100%;position: fixed;left: 0;bottom: 0;z-index: 111;}
.foot-ad .close{position: absolute;right: 10px;top: 5px;font-size: 20px;color: #fff;}

/* 新闻详情 */
.details-top{display: flex;width: 100%;height: .9rem;background-color: #12377e;color: #fff;align-items: center;justify-content: space-between;padding: 0 .3rem;position: relative;}
.details-top a{color: #fff;font-size: .4rem;}
.details-top .btn.search{margin-right: .3rem;}
.details-top .details-logo{width: 2rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.news-details{padding: .3rem; background-color: #fff;}
.news-details .title{font-size: .44rem;color: #222;line-height: 1.4;margin-bottom: .2rem;font-weight:bolder;font-family: Microsoft YaHei;}
.news-details .sub-tit{font-size:.26rem;color: #939799;position: relative;display: flex;align-items: center;margin-bottom: .2rem;} 
.news-details .sub-tit .tag{width: .50rem;line-height: .28rem;border: 1px solid #e95468;color: #e95468;font-size:.20rem;font-weight: normal;text-align: center;border-radius:2px;}
.news-details .sub-tit span{margin-right: 10px;letter-spacing: 1px;}
.news-details .sub-tit span:last-of-type{letter-spacing: 0;}
.news-details .detail-jianshu { margin: .4rem 0 0; padding: .2rem; background: #fafbfc; -moz-border-radius: .08rem; border-radius: .08rem; position: relative }
.news-details .detail-jianshu .content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100% }
.news-details .detail-jianshu .content p { font-size: .26rem; color: #656973; line-height: .42rem }
.news-details .detail-jianshu:after { content: ""; display: block; width: .08rem; height: 100%; background: #edeef2; position: absolute; left: 0; top: 0; z-index: 1 }
.news-details .cont-box{padding-top: .3rem;font-size:.32rem;color: #3d3f42;}
.news-details .cont-box p{font-size:.34rem!important;line-height:1.65!important;}
.news-details .detail-tips{    font-size: .18rem; color: #bfbfbf; line-height: 1.4; margin-top: .4rem; margin-bottom: .16rem;}
.detail-handlegroups{ border-bottom: 1px solid #edeef2; padding: .24rem 0;}
.detail-handlegroups .likes{display: flex;align-items: center;}
.detail-handlegroups .likes::before{content: ""; display: block; width: 25px; height:25px;background-image: url(../images/zan.png); background-size: contain;background-repeat: no-repeat;}
.detail-handlegroups .likes.like::before{background-image: url(../images/zan2.png);}
.detail-handlegroups .likes span{color: #e2312d;font-size: 12px;margin-left: 10px;}
.detail-handlegroups .dnx-list li {margin-left: 40px;position: relative;}
.detail-handlegroups .dnx-list li img{height:25px ;}
.details-box .social-share .social-share-icon{opacity: 0;position: absolute;left: 0;top: 0;}
.dp-model-alert{position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 140px;line-height: 60px;color: #fff;font-size: 18px;border-radius: 4px;
      text-align: center; background-color: rgba(0, 0, 0, .5); z-index: 99;display: none;}
.dnx-shade{position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, .5); z-index: 99;display: none;}
.dnx-shade img{width: 100%; position: absolute; left: 0; top: 50%; margin-top: -50%;}
.js-weixin-shade-tips,.js-browser-shade-tips{display: none;}
.details-ad{width: 100%;padding-top: .3rem;}
.details-ad img{width: 100%;}
/* 相关文章 */
.related-articles{padding:0 .3rem;background-color: #fff;}
.related-articles .title-line{ border-bottom: 1px solid #edeef2; padding: .24rem 0;}
.related-articles .title-line .title{font-size: .32rem;color: #1a1d20;font-weight: 700;}
.related-articles .title-line .more{font-size: .28rem;color: #999;}
.related-articles .title-line .more .iconfont{margin-left: .2rem;margin-top: 1px;}
.related-articles .news-box{padding: 0;}

.bottom-share{position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, .5); z-index: 9999;display: none;}
.bottom-share .share-box{width: 100%;width: 100%;height: 120px;padding:30px 22px 0 22px; position: absolute; left: 0; bottom: 0;background-color: #fff;}
.bottom-share .sharedom{width: 25%;text-align: center;position: relative;}
.bottom-share .sharedom a{display: block;width: 40px;height: 40px;margin: 0 auto; background: url(../images/gg_icon.png) no-repeat; -moz-background-size: 500px 250px; background-size: 500px 250px;}
.bottom-share .sharedom::after{position: absolute;left: 50%;top: 50px;transform: translateX(-50%); font-size: 10px;color: #999;line-height: 1;}
.bottom-share .sharedom.weixin::after{content: '微信好友';}
.bottom-share .sharedom.weixin a{background-position: -50px -25px;}
.bottom-share .sharedom.wechat a{background-position: -100px -25px;}
.bottom-share .sharedom.wechat::after{content: '朋友圈';}
.bottom-share .social-share{width: 50%;display: flex;justify-content: space-around;}
.bottom-share .social-share .social-share-icon{margin: 0;width: 40px;height: 40px;line-height: 40px;border: none;font-size: 22px;}
.bottom-share .social-share .social-share-icon::after{position: absolute;width: 100px; left: 50%;top:50px;transform: translateX(-50%);text-align: center; font-size: 10px;color: #999;line-height: 1;}
.bottom-share .social-share .icon-weibo{color: #fff;background-color: #F44C24;}
.bottom-share .social-share .icon-weibo:hover{background-color: #F44C24;}
.bottom-share .social-share .icon-weibo::after{content: '朋友圈';}
.bottom-share .social-share .icon-qzone{color: #fff;background-color: #2387E4;}
.bottom-share .social-share .icon-qzone:hover{background-color: #2387E4;}
.bottom-share .social-share .icon-qzone::after{content: '朋友圈';}
.bottom-share .close{position: absolute;right: 10px;bottom:130px;font-size: 40px;color: #fff;}

/* 财经精选 */
.details-top.selection{background-color: #fff;color: #000;position: fixed;left: 0;top: 0;z-index: 4;}
.details-top.selection a{color: #000;}
.weekly-list-wrap{height: 100vh;overflow: hidden;background-color: #fff;}
/* .weekly-list-wrap{padding-top: 1rem;} */
.weekly-list-wrap .weekly-fixed-types {width: 100%; position: fixed;left: 0;top: .9rem;height: 0.88rem; background: rgba(0,0,0,.21); backdrop-filter: blur(.3rem); z-index: 9;transition: all .3s ease;
     overflow-x: scroll;white-space: nowrap;}
.weekly-list-wrap .weekly-fixed-types::-webkit-scrollbar {height: 0; background-color: transparent;} 
.weekly-list-wrap .weekly-fixed-types.weekly-fixed-types2 { background: rgba(245,246,249,.75); -webkit-backdrop-filter: blur(.05rem); backdrop-filter: blur(.05rem) }
.weekly-list-wrap .weekly-fixed-types.weekly-fixed-types2 ul li a { color: #939799 }
.weekly-list-wrap .weekly-fixed-types.weekly-fixed-types2 ul li.act a { color: #000 }
.weekly-list-wrap .weekly-fixed-types.weekly-fixed-types2 ul li.act a:after { background: #000 }
.weekly-list-wrap .weekly-fixed-types ul {width: auto;max-width: 20rem; }
.weekly-list-wrap .weekly-fixed-types li { display: inline-block;margin: 0 .4rem;height: 0.88rem; }
.weekly-list-wrap .weekly-fixed-types li a { display: block; font-size: .32rem; color: hsla(0,0%,100%,.8); line-height: 0.88rem;  transition: all .3s ease;height: 0.88rem;
      line-height:.88rem; }
.weekly-list-wrap .weekly-fixed-types li.act { position: relative }
.weekly-list-wrap .weekly-fixed-types li.act a{ color: #fff; font-weight: 700;}
.weekly-list-wrap .weekly-fixed-types li.act a:after { content: ""; display: block; width: .46rem; height: .06rem; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); 
      -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) }
.weekly-list-wrap .weekly-above,.weekly-list-wrap .weekly-fixed-types ul li.act a:after { background: #fff; position: absolute; -webkit-transition: all .3s ease; -o-transition: .3s ease all; -moz-transition: .3s ease all; 
      transition: all .3s ease }
.weekly-list-wrap .weekly-above { -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; 
      transform-origin: center bottom; -webkit-transform: translateY(0) scale(1); -moz-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); 
      transform: translateY(0) scale(1); left: 0; top: 1.8rem; width: 100%; overflow: hidden; z-index: 0; }      
.weekly-list-wrap .weekly-above.weekly-above-transition { -webkit-transform: translateY(-100%) scale(.3) translateZ(-1px); 
      -moz-transform: translateY(-100%) scale(.3) translateZ(-1px); transform: translateY(-100%) scale(.3) translateZ(-1px); }
.weekly-list-wrap .weekly-list.js_weekly_list { overflow: auto; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%);
       transform: translateY(100%); position: relative; z-index: 3; height: 100%; padding-top: 2.16rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
        box-sizing: border-box; }
 .weekly-list-wrap .weekly-list.weekly-list-transition { -webkit-transition: all .6s ease; -o-transition: .6s ease all; -moz-transition: .6s ease all;
       transition: all .6s ease; }
.none{display: none;}

.weekly-list-wrap .weekly-list.js_weekly_list::-webkit-scrollbar {height: 0;width: 0; background-color: transparent;}


.weekly-list-wrap .weekly-focus { width: 7.5rem; height: 10.34rem; overflow: hidden; position: relative }        
.weekly-list-wrap .weekly-focus .weekly-item-focus-blur { width: 100%; height: 100%; -webkit-filter: blur(.4rem); filter: blur(.4rem); -webkit-transform: scale(1.5); 
      -moz-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); opacity: .8; padding-top:1.2rem }
.weekly-list-wrap .weekly-focus .weekly-item-focus-blur img { width: 100%; height: 100%; vertical-align: bottom }        
.weekly-list-wrap .weekly-focus .weekly-item-focus { position: absolute; left: 0; top: .88rem; width: 100%; height: 100%; z-index: 2;  display: flex; flex-direction: column;  align-items: center }
.weekly-list-wrap .weekly-focus .weekly-item-focus .weekly-item-img { width: 5.34rem; height: 6.83rem; margin-top: .4rem }
.weekly-list-wrap .weekly-focus .weekly-item-focus .weekly-item-img img { width: 100%; height: 100%; vertical-align: bottom }        
.weekly-list-wrap .weekly-focus .weekly-item-focus .weekly-item-date {font-size: .24rem; line-height: .28rem; color: #fff;  margin: .28rem 0 .32rem; }
.weekly-list-wrap .weekly-focus .weekly-item-focus .weekly-item-btn{width: 2.5rem; height: 0.76rem; border-radius: .04rem;background: #fff; color: #12377e;display: flex ;
       align-items: center;  justify-content: center; }
.weekly-list-wrap .weekly-focus-tabbtn { display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding-top: .4rem; padding-bottom: .45rem; cursor: pointer; 
      background: #fff; z-index: 2; position: relative }
.weekly-list-wrap .weekly-focus-tabbtn span { display: block;width: 0.66rem; height: .2rem; background-position: -1.24rem -0.52rem;
      background-image: url(../images/sprites-weekly_list.png); background-repeat: no-repeat; background-size: 2.48rem auto; animation: up_down 1s linear infinite alternate; 
      margin-top: -.3rem }
  
@keyframes up_down {
    0% {
        -webkit-transform: translateY(-.3rem);
        -moz-transform: translateY(-.3rem);
        transform: translateY(-.3rem)
    }

    to {
        -webkit-transform: translateY(.3rem) scale(1.1);
        -moz-transform: translateY(.3rem) scale(1.1);
        transform: translateY(.3rem) scale(1.1)
    }
}

.weekly-list-wrap .weekly-list {box-sizing: border-box;background-color: #fff; }
/* .weekly-list-wrap .weekly-list.all{padding-top: 1.3rem;height: calc(100vh - 1rem);overflow-y: scroll;} */
/* .weekly-list-wrap .weekly-list.all::-webkit-scrollbar {height: 0;width: 0; background-color: transparent;}  */
.weekly-list-wrap .weekly-list.all{padding-top: 1.3rem;}
.weekly-list-wrap .weekly-list ul{padding:0 .3rem;display: flex;flex-wrap: wrap; justify-content: space-between;}
.weekly-list-wrap .weekly-list ul .weekly-item {width: 3.34rem;  display: flex;flex-direction: column; align-items: center;justify-content: center;margin-bottom: 0.2rem; }
.weekly-list-wrap .weekly-list ul li.weekly-item .weekly-item-img { width: 3.34rem; height:4.36rem; -o-object-fit: cover; object-fit: cover }
.weekly-list-wrap .weekly-list ul li.weekly-item .weekly-item-img img { vertical-align: bottom; width: 100%; height: 100% }
.weekly-list-wrap .weekly-list ul li.weekly-item .weekly-item-date {width: 100%;text-align: center; font-size: .24rem; line-height: .28rem; color: #333; margin: .2rem 0; }  

.loader-box { position: relative; top: -80px; height: 80px;display: none; }
#loader { width: 25px; height: 25px;margin: 0 auto; border: 3px solid #ddd; border-radius: 50%; border-bottom: 3px solid #717171; transform: rotate(0deg); }
#loader.loading { animation: loading 1s linear infinite; }

@keyframes loading {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* 目录页 */
.weekly_fold_fixed { position: fixed; left: 0; top: 0; width: 100%; padding: .3rem 0 .4rem; z-index: 3; background: rgba(245,246,249,.97); opacity: 0;
       -webkit-transition: all 1s ease; -o-transition: 1s ease all; -moz-transition: 1s ease all; transition: all 1s ease; -webkit-transform: translateY(-100%); 
       -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%) }
.weekly_fold_fixed.weekly_fold_fixed_show { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
.cover-mask { width: 100%; position: fixed; left: 0; z-index: 9; overflow: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); 
      background-color: #fff }
.weekly_fold_fixed>div .img { margin: 0 .24rem 0 1.06rem }
.weekly_fold_fixed>div .img img { width: 1.07rem; height: 1.4rem; vertical-align: bottom }
.weekly_fold_fixed>div .art { width: calc(100% - 2.4rem);  box-sizing: border-box; padding-right: .4rem;display: flex; justify-content: space-between;  align-items: center }
.weekly_fold_fixed>div .art .art_l h2 { font-size: .34rem; font-weight: 700; color: #000; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 1;
       -webkit-box-orient: vertical; overflow: hidden }
.weekly_fold_fixed>div .art .art_l p { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical;
       -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
.weekly_fold_fixed>div .art .art_l p span { font-size: .28rem; color: #666; line-height: .36rem; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
       overflow: hidden; margin-top: .08rem }


.weekly_wrap { width: 100%; height: 100% }
.weekly_wrap.fixed{height:100vh;overflow:hidden;}
.weekly_wrap .weekly_scroll { background: #f5f6f9; overflow: hidden; }
.weekly_wrap .weekly_scroll .weekly_content { margin-top:2.3rem; background: #f5f6f9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
      padding: 0 .4rem; }
.weekly_wrap .weekly_scroll .weekly_content .wcontent { background: #fff; border-radius: .07rem; overflow: hidden; padding: 0 .3rem .6rem;margin: 0 0 .2rem; }
.weekly_wrap .weekly_scroll .weekly_content .wcontent .weekly_article .weekly_tit { display: flex; flex-direction: column; align-items: center; padding-top: .6rem }
.weekly_wrap .weekly_scroll .weekly_content .wcontent .weekly_article .weekly_tit h3 { display: inline-block; position: relative; }
.weekly_wrap .weekly_scroll .weekly_content .wcontent .weekly_article .weekly_tit h3 span {font-size: .34rem;font-weight: 700; color: #000; line-height:1; position: relative;
       z-index: 2; padding: 0 .02rem; }
.weekly_wrap .weekly_scroll .weekly_content .wcontent .weekly_article .weekly_tit h3:after { content: ""; display: block; position: absolute; z-index: 1; left: 0; 
      width: 100%; bottom: -.05rem; height: .19rem;  background-image:linear-gradient( to top, rgb(255,255,255) 4%, rgb(239,57,64) 100%); }
.weekly_wrap .weekly_scroll .weekly_content .wcontent .weekly_article .weekly_tit h4 { font-size: .14rem; color: #949799; line-height: 1; margin-top: .16rem;}
.weekly_wrap .weekly_scroll .weekly_content .wcontent .weekly_article .weekly_desc { padding-top: .4rem; }
.weekly_wrap .weekly_scroll .weekly_content .wcontent .weekly_article .weekly_desc h5 { font-size: .34rem; line-height: .42rem;font-weight: 700; color: #000;
       margin-bottom: .14rem;white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.weekly_wrap .weekly_scroll .weekly_content .wcontent .weekly_article .weekly_desc p { font-size: .24rem; color: #777; line-height:1.4; }
.weekly_wrap .weekly_scroll .weekly_content .wcontent .weekly_article .weekly_list { padding-top: .2rem; }
.weekly_wrap .weekly_scroll .weekly_content .wcontent .weekly_article .weekly_list ul li a { border-bottom: 1px solid hsla(0, 0%, 74.9%, .5); display: block; 
      padding: .27rem 0; }
.weekly_wrap .weekly_scroll .weekly_content .wcontent .weekly_article .weekly_list ul li a p { font-size: .28rem; color: #000; line-height:1.4; overflow: hidden;
       -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: .76rem; }
.weekly_wrap .weekly_scroll .weekly_content .wcontent .weekly_article .weekly_album { padding-top: .4rem; overflow-x: auto; overflow-y: hidden; white-space: nowrap; display: flex }
.weekly_wrap .weekly_scroll .weekly_content .wcontent .weekly_article .weekly_album::-webkit-scrollbar { display: none }
.weekly_wrap .weekly_scroll .weekly_content .wcontent .weekly_article .weekly_album ul { font-size: 0 }
.weekly_wrap .weekly_scroll .weekly_content .wcontent .weekly_article .weekly_album ul li { width: 2.5rem; text-align: center; display: inline-block }
.weekly_wrap .weekly_scroll .weekly_content .wcontent .weekly_article .weekly_album ul li img { width: 2.16rem; height: 2.82rem; -o-object-fit: cover; object-fit: cover;
       box-shadow: -.1rem .1rem .1rem 0 #e7e7ea }
.weekly_wrap .weekly_scroll .weekly_content .wcontent .weekly_article .weekly_album ul li .title { color: #222;font-size: .22rem; margin-top: .3rem; white-space: nowrap;
       overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis }
.weekly_wrap .weekly_scroll .weekly_content .wcontent .weekly_article .weekly_album .more_weekly { flex: none; text-align: center; margin-left: .3rem; font-size: .22rem;  color: #222 }
.weekly_wrap .weekly_scroll .weekly_content .wcontent .weekly_article .weekly_album .more_weekly .jiantou_back { width: 1.1rem; height: 2.82rem; background: #c8c8c8; display: flex;
       align-items: center; justify-content: center; box-shadow: -.12rem .12rem .06rem 0 rgba(206,207,213,.5); margin-bottom: .3rem }
.weekly_wrap .weekly_scroll .weekly_content .wcontent .weekly_article .weekly_album .more_weekly .jiantou_back:before { content: "";width: .28rem;height:.74rem;
       background-position: -1.14rem .04rem;background-image: url(../images/sprites-weekly.png); background-repeat: no-repeat; -moz-background-size: 1.72rem auto;
        background-size: 1.72rem auto; }
.weekly_wrap .weekly_scroll .weekly_content .weekly_footer { flex-direction: column; justify-content: center; padding-bottom: .2rem }
.weekly_wrap .weekly_scroll .weekly_content .weekly_footer,.weekly_wrap .weekly_scroll .weekly_content .weekly_footer>article { display: flex; align-items: center }
.weekly_wrap .weekly_scroll .weekly_content .weekly_footer>article{padding: .4rem 0 .3rem;}
.weekly_wrap .weekly_scroll .weekly_content .weekly_footer>article p { margin: 0 .14rem; font-size: .18rem; font-weight: 700; font-size: 0; display: flex; align-items: center }
.weekly_wrap .weekly_scroll .weekly_content .weekly_footer>article p i { font-style: normal; color: #323538; font-size: .18rem; line-height: .2rem; margin-right: .1rem }
.weekly_wrap .weekly_scroll .weekly_content .weekly_footer>article p span { color: #000; font-size: .2rem; line-height: .2rem }
.weekly_wrap .weekly_scroll .weekly_content .weekly_footer .logo {display:block; margin-bottom: .24rem }
.weekly_wrap .weekly_scroll .weekly_content .weekly_footer .logo img { width: 1.7rem }
/*.weekly_wrap .weekly_scroll .weekly_content .weekly_footer>a { position: relative; width: .88rem; height: .44rem }*/
  

.cover-mask,.cover-mask.full { height: 100%; top: 0 }
.cover-mask img.cover-mask-img { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.cover-mask .background-img { width: 100%; height: 100%; -webkit-backdrop-filter: blur(1.6rem); backdrop-filter: blur(1.6rem) }
.cover-mask .background-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover }
.cover-mask .cover-img { left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); 
      transform: translate(-50%,-50%); margin-top: .35rem; position: absolute; text-align: center }
.cover-mask .cover-img img { width: 6.2rem; height: auto }
.cover-mask .cover-img .cover-info { text-align: center; width: 15rem; margin-top: .3rem } 
.cover-mask .cover-img .cover-info:after { content: ""; display: block; margin: .3rem auto 0; width: .26rem; height: .26rem; background: url(../images/down.png) no-repeat; 
      -moz-background-size: .26rem .26rem; background-size: .26rem .26rem }
.cover-mask .cover-img .cover-info h3 { font-size: .44rem; font-weight: 700; color: #fff; line-height: .6rem; margin-bottom: .06rem }
.cover-mask .cover-img .cover-info h3,.cover-mask .cover-img .cover-info p { width: 100%; text-align: center; padding: 0 .3rem; 
      -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden }
.cover-mask .cover-img .cover-info p { font-size: .24rem; font-weight: 400; color: #dedede; line-height: .3rem }
.cover-mask .cover-ad-wrap { display: block; position: absolute; left: 0; top: 0; width:7.5rem; height: 1rem; z-index: 2 }
.cover-mask .cover-ad-wrap img { width: 100%; height: 100% }
.cover-mask .cover-ad-wrap b { background: rgba(0,0,0,.2); -webkit-border-radius: .05rem 0 0 0; -moz-border-radius: .05rem 0 0 0; border-radius: .05rem 0 0 0;
       font-size: .16rem; font-weight: 400; color: #fff; line-height: .4rem; position: absolute; right: 0; bottom: 0; z-index: 3; padding: .04rem; display: block }
.cover-mask .ad-title { position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 1 }
.cover-mask .ad-title span { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);
       transform: translate(-50%,-50%); z-index: 2; font-size: .33rem; line-height: .35rem; color: #fff; font-weight: 700; display: block; -o-text-overflow: ellipsis; 
       text-overflow: ellipsis; overflow: hidden; text-align: center; white-space: nowrap; width: 100%; background-color: transparent; -webkit-box-sizing: border-box; 
       -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 .6rem }
.cover-mask .ad-title:after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-color: #000; opacity: .48 }

/* 视频列表 */
.video-wrap{ background: #fff; width: 100%; padding: .4rem; position: relative; }
.video-wrap .box{display: block;width: 100%;border-radius: .08rem;position: relative;overflow: hidden;}
.video-wrap .box .img-box { width: 100%; height: 100%; }
.video-wrap .box .img-box img{width:100%;}
.video-wrap .box .icon-huifang { left: 50%; top: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); 
      -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-top: -.3rem; }
.video-wrap .box .icon-huifang b { display: block; background: url(../images/static-custom_index-juhe_video_play.png) no-repeat; -moz-background-size: 1.1rem 1.1rem; 
      background-size: 1.1rem 1.1rem; width: 1.1rem; height:1.1rem; }
.video-wrap .box .title { position: absolute; left: 0; bottom: 0; width: 100%; height: 1rem; padding-top: .4rem; background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(#000)); background: -webkit-linear-gradient(top,transparent,#000); background: -moz-linear-gradient(top,transparent 0,#000 100%); background: -o-linear-gradient(top,transparent 0,#000 100%); background: linear-gradient(180deg,transparent,#000); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 2 }
.video-wrap .box .title h4 { padding: 0 .2rem;font-size: .34rem; font-weight: 700; color: #fff; line-height: .38rem; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

/* 视频详情 */
.video-details .video-js{width: 100%;height: auto;}
.video-details .video-js .vjs-big-play-button{ width: 1.1rem; height:1.1rem;border: none;background: transparent;margin-top:0; margin-left:0;transform: translate(-50%,-50%);}
.video-details .video-js .vjs-big-play-button .vjs-icon-placeholder:before{content:"";background: url(../images/static-custom_index-juhe_video_play.png) no-repeat; 
      -moz-background-size: 1.1rem 1.1rem; background-size: 1.1rem 1.1rem; width: 1.1rem; height:1.1rem;}
.video-details .content-box{width: 100%;padding: .3rem .4rem 0 .4rem; background-color: #fff;}
.video-details .content-box .detail-info { height: 50px; overflow: hidden; -webkit-transition: height .5s ease; -o-transition: .5s ease height; -moz-transition: .5s ease height; 
      transition: height .5s ease;border-bottom: 1px solid #d8d8d8; }
.video-details .content-box .detail-info .detail-info-content { overflow: hidden }
.video-details .content-box .detail-info.show-info { height: auto }
.video-details .content-box .detail-info .detail-title { display: flex; justify-content: space-between; align-items: flex-start; padding-bottom: .1rem }
.video-details .content-box .detail-info .detail-title h2 { width: 5.6rem; max-height: .88rem; font-size: .34rem; font-weight: 700; color: #222; line-height: .44rem; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 }
.video-details .content-box .detail-info .detail-title .detail-btn { padding-top: .1rem; display: block; width: .24rem; height: .24rem; 
      background: url(../images/video_down.png) no-repeat;background-size: .24rem .24rem; -webkit-transform: rotate(180deg); 
      -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: transform .5s ease; -o-transition: .5s ease transform; 
      -moz-transition: .5s ease transform; transition: transform .5s ease }
.video-details .content-box .detail-info .detail-title .detail-btn.detail-btn-down { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg) }
.video-details .content-box .detail-info .detail-sub { padding-bottom: .16rem; display: flex; align-items: center; }
.video-details .content-box .detail-info .detail-sub span { height: .28rem; font-size: .26rem; color: #323538; line-height:1; }
.video-details .content-box .detail-info .detail-sub b { margin-left: .4rem; display: flex; align-items: center }
.video-details .content-box .detail-info .detail-sub b:before { content: ""; display: block; background: url(../images/view.png) no-repeat; background-size: .28rem .28rem; width: .28rem; height: .28rem; margin-right: .08rem }
.video-details .content-box .detail-info .detail-sub b em { height: .28rem; font-size: .26rem; color: #323538; line-height:1; font-style: normal }
.video-details .content-box .detail-info .detail-desc{font-size: .28rem;line-height: 1.4;padding-bottom: .2rem;}

/* 榜单 */
.rank-list{padding: 0 .3rem; background-color: #fff;}
.rank-list .list-item { padding: .3rem 0; border-bottom: 1px solid #f0f3f7; }
.rank-list .list-item a { display: flex; }
.rank-list .list-item .pic-box { width: 2.26rem; height: 1.4rem;border-radius:2px;overflow:hidden;}
.rank-list .list-item .cont-box { width: calc(100% - 2.26rem); padding-right: .3rem; }
.rank-list .list-item .cont-box .title { color: #35383b; line-height: 1.4; font-size: .32rem; margin-bottom: .24rem; }
.rank-list .list-item .cont-box .cont { font-size: .26rem; color: #ccc; position: relative; display: flex; align-items: center; }
.rank-list .list-item .cont-box .cont span { margin-right: 5px; }

.search-bigbox{width: 100%;padding: 0.3rem;background-color: #fff;position: fixed;left: 0;top: 0;z-index: 999;}
.search-bigbox .box{width: 100%;border-radius: 0.3rem;border:1px solid  #f1f1f1;overflow:hidden;}
.search-bigbox .search{ width: 80%;height: 0.8rem;background: #fff; cursor: auto;}
.search-bigbox .search .iconfont{width:40px; font-size: 20px;color: #999;text-align:center;}
.search-bigbox .search input{width: calc(100% - 40px);height:100%;box-sizing: border-box;font-size: 14px;}
.search-bigbox .search input::-webkit-input-placeholder{color: rgba(51, 51, 51, 0.369);font-size:14px;}
.result-list{padding-top: 1.4rem;}
.search-bigbox .btn{width:20%;height: 0.8rem;background-color: #12377e;color: #fff;}


.weui-loadmore .weui-loadmore{padding:30px;text-align:center;background-color:#fff;}