@import "./2021_m/points_popup.css";
*{color:#333;}
.add-img{position:absolute;top:50%;display:inline-block;background-position:center;background-size: cover}
.between-pic-txt{display:inline-block;width:8px;height:inherit;}
/*标题*/
.bgc-28{background-color: #c01820;}
/*.topbar{height:44px;position:relative}*/
.topbar>a{float:left;}
.add-img{position:absolute;top:50%;display:inline-block;}
/*.btn-menu{left:15px;margin-top:-8px;width:20px;height:16px;}@media(max-width:320px){.btn-menu{left:10px;}}*/
.menu-box span{margin-left:40px;font-size:14px;color:#fff;}@media(max-width:320px){.menu-box span{margin-left:35px;}}
.topbar h1 span{color:#fff;}
/*.btn-return{left:25%;margin-top:-8px;width:10px;height:16px;}*/
.btn-logo{margin-top:-10px;margin-left:-26px;width:20px;height:20px;}
/*.search{right:17%;margin-top:-8px;width:16px;height:16px;}*/
.btn-share{right:15px;margin-top:-8px;width:16px;height:16px;}@media(max-width:320px){.btn-share{right:10px;}}
.topbar>a:last-child img{right:15px;}@media(max-width:320px){.topbar>a:last-child img{right:10px;}}
.data-photo{display:block;width:100%;height:100%;object-fit:cover;background-size:cover}
.fl{float: left;}
/*头部*/
.top-box *{box-sizing: border-box;}
.top-box{height:44px;line-height:44px;text-align: center;}
.top-box span{padding: 0}
.top-box .left-box{position: absolute;left:0;top:0;}
.top-box .right-box{position: absolute;right:0;top:0;}
.ui-header h1{text-align:left;padding-left:5px;}@media(max-width:320px){.ui-header h1{padding-left:10px;}}
.top-box .logo-box{display:inline-block;vertical-align:top;height:44px;line-height:44px;background:url("../img/logo.png") no-repeat left center/20px 20px;padding-left:25px;color: #fff;font-weight: bold;font-size: 16px;}
.top-box .btn-menu{width:65px;height:44px;display:inline-block;vertical-align:top;text-align: left;background:url("../img/btn-menu-1.png")no-repeat 10px center/16px 16px;padding-left: 31px;color:#fff;font-size: 14px;}
.top-box .btn-return{display:inline-block;vertical-align:top;width:26px;height:44px;background:url("../img/btn-return.png") no-repeat center center/7.5px 16px;}
.top-box .search{display:inline-block;vertical-align:top;width:36px;height:44px;background:url("../img/search.png") no-repeat center center/16px 16px;}
.top-box .share{display:inline-block;vertical-align:top;width:36px;height:44px;background:url("../img/share-1.png") no-repeat center center/16px 16px;}
/*侧边栏*/
.sub_slide{display:none;position: fixed;top:0;left: 0;right:0;bottom:0;background: rgba(0,0,0,.4);z-index: 1000}
.sub_slide .close{width: 24px;height: 24px;line-height: 24px;text-align: center;background: #fff;font-weight: bolder;border-radius: 50%;font-size: 20px;color:#999;right:10px;top:10px;position: absolute;}
.sub_slide .close img{width: 24px;height: 24px}
.sub_slide .user_box{margin-left: -80%;width: 80%;background: #333;position: absolute;top:0;left:0;bottom:0;}
.sub_slide .username{padding:20px;color:#fff;line-height: 50px;font-size: 14px}
.sub_slide .username a{color: #fff}
.sub_slide .username img{vertical-align: middle;width: 50px;height: 50px;border-radius: 50%;margin-right: 20px}
.sub_slide .banner{padding-left: 10px;width: 100%;box-sizing: border-box;background: #1b1b1b;color:rgba(255,255,255,.5);height: 28px;line-height: 28px;font-size: 14px}
.sub_slide .side-nav{width: 100%;padding-top:10px;}
.sub_slide .side-nav li{width: 100%;height: 44px}
.sub_slide .side-nav li.mt85{margin-top: 50px}
.sub_slide .side-nav li img{width: 24px;height: 24px;border-radius: 50%;vertical-align: middle;margin:0 10px}
.sub_slide .side-nav li a{color:#fff;display: block}
.sub_slide .ui-btn-wrap{padding-top: 0;}
.sub_slide .ui-btn-wrap a{font-size: 16px;color:#fff;margin-top: 0;background: #C01820;}
.sub_slide .side-user-info{position:relative;height:80px;background: #2a2a2a;padding-top: 10px;box-sizing: border-box;}
.sub_slide .side-user-info .info,.sub_slide .side-user-info .info a{color: #ACACAC;font-size: 12px;font-weight: normal;}
.sub_slide .side-user-info .info p:first-child{color: #fff;font-size: 14px;}
.sub_slide .ui-avatar{width: 50px;height: 50px;border-radius: 50%;margin:5px 10px 5px 0;overflow: hidden;}
.sub_slide .ui-avatar img{display:block;width:100%;height:100%;}
.sub_slide .sider-member{background: #333;height:44px;line-height: 44px;}
.sub_slide .sider-member a{display:block;text-align: center;font-size: 14px;color: #fff;position: relative;}
.sub_slide .sider-member li:not(:last-child) a:after{content:'';width:1px;height:14px;background: #2C2C2C;position: absolute;top:15px;right: 0;}
.sub_slide .side-user-info.ui-list-link{border-bottom: 1px solid #333;}
body{background-color:#3f5642;}
.audio-bg{background:url(../img/default.png) center center no-repeat; background-size:cover;-webkit-filter: blur(30px); position:absolute; height:100%; width:100%; z-index:0; }
.audio-bg:before{content:""; position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.2);}
.audio-player{position:absolute;width:100%; height:100%; overflow:hidden;z-index:99;}
.audio-info{ width:160px; margin:100px auto 20px auto;}
.audio-thumb{width:158px;height:158px;overflow:hidden;border:1px solid #333;display:flex;align-items:center}
.audio-thumb img{width:100%;}
.audio-info strong{ display:block; font-size:14px; color:#fff; font-weight:400; margin-top:10px;}
.audio-info b{ display:block; font-size:12px; color:#fff;font-weight:400; }
.audio-progress{position:relative; height:4px; padding:8px 60px; margin:20px 0;}
.audio-progress span{ position:absolute; font-size:12px; color:#fff; height:20px; line-height:20px; top:0; }
.audio-progress .audio-time-current{left:15px;}
.audio-progress .audio-time-total{ right:15px;}
.audio-seek-bar{ height:4px; background-color:#333;}
.audio-play-bar{ width:0; background-color:#fff; height:100%;}
.audio-control{ margin:20px 0;}
.audio-control ul{ overflow:hidden; clear:both;}
.audio-control ul li{ float:left; width:33.3333%; text-align:center;}
.audio-control ul li a{ display:block; width:50px; height:50px; background-position:center center; background-repeat:no-repeat; overflow:hidden; text-indent:-999em; margin:0 auto;}
.audio-prev{ background-image:url(../img/audio_prev.png); background-size:25px;}
.audio-next{ background-image:url(../img/audio_next.png); background-size:25px;}
.audio-play{ background-image:url(../img/audio_play.png); background-size:50px;}
.audio-pause{ background-image:url(../img/audio_pause.png); background-size:50px;}
.audio-control ul li .audio-pause{ display:none;}
.audio-toggle{ position:absolute; left:0; width:100%; bottom:10px;}
.audio-toggle ul{ overflow:hidden; clear:both;}
.audio-toggle ul li{ float:left; width:33.3333%;}
.audio-toggle ul li a{ display:block; height:30px;background-position:center center;background-repeat:no-repeat;overflow:hidden;text-indent:-9999em;}
.audio-like{background-image:url(../img/like.png);background-size:25px;}
.audio-like.isliked{background-image:url(../img/isliked.png);}
.audio-comment{ text-indent:0 !important; text-align:center;}
.audio-comment span{ color:#fff; display:inline-block; height:30px; line-height:30px; padding-left:30px; background:url(../img/audio_comment.png) left center no-repeat; background-size:25px; font-size:12px;}
.audio-playlist{ background-image:url(../img/audio_playlist.png);background-size:25px;}
.audio-list,.comment-list{ position:absolute; left:0; bottom:-100%; ; width:100%; z-index:99;transition:ease-out all 0.3s;}
.audio-list-show,.comment-list-show{ bottom:0; transition:all ease-out 0.3s;}
.audio-list h3,.comment-list h3{ text-align:center; line-height:39px;color:#434343; height:39px; border-bottom:1px dashed #434343;background: #fff}
.audio-list-close,.comment-list .comment-list-close{ position:absolute; top:0; right:0; width:40px; height:40px; line-height:40px; text-align:center; font-size:24px;}
.audio-list ul{height:240px; overflow-y:scroll;background: #fff}
.audio-list ul li{ padding:10px 15px; font-size:14px; color:#434343; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;background: #fff}
.audio-list ul li.now{ background-color:#eee;}
.audio-list ul li span{ font-size:12px; color:#898989; margin-left:8px;}
.comment-list{background-color:#fff;}
.comment-list h3{ color:#313131; border-bottom:none;}
/*.comment-list ul{ height:300px;overflow-y:scroll; padding:0 10px;}*/
/*.comment-list ul li{ position:relative; padding:20px 0 20px 50px; border-top:1px solid #eee;}*/
/*.comment-list ul li .ui-avatar-s{ position:absolute; left:0; top:20px;}*/
/*.comment-list ul li .ui-avatar-s img{width:40px;height:40px;}*/
/*.comment-list ul li strong{ display:block; font-size:14px; font-weight:400; position:relative; padding-right:30px;}*/
/*.comment-list ul li strong .dz{display: block; position:absolute; right:0; top:3px;height:14px; background:url(../img/like_icon.png) left center no-repeat; padding-left:16px; line-height:14px; font-size:12px; color:#959595; background-size:14px;}*/
/*.comment-list ul li .time{ font-size:12px; color:#959595;}*/
/*.comment-list ul li .text{ font-size:14px; color:#434343;}*/
.sub_slide .ui-btn-wrap{}
/*fenxiang*/
/*.fx{ overflow:hidden;clear:both;text-align:center;}
.fx li{ float:left;width:50%;}
.fx li a{ display:block;}
.fx li a .ico{ display:block;width:40px;height:40px;border-radius:20px;overflow:hidden;margin:10px auto;}
.fx li.fx_wb a .ico{ background:url(../img/wbhaha.png) center center no-repeat;background-size:40px;}
.fx li.fx_qq a .ico{ background:url(../img/qzone.png) center center no-repeat;background-size:40px;}
.fx li a b{ font-size:14px;font-weight:400;color:#959595;}*/
.layui-layer-content{color: #fff;}
/*八大资源和app关联迭代*/
.downloadAssociationBox{width:100%;padding:0 30px;position: absolute;top:-38px;box-sizing: border-box;}
.downloadAssociationBox.twoBtn{top:-56px;}
.btn-single{display: block;width:100%;height:36px;line-height: 36px;box-shadow:0px 0px 9px rgba(4,0,0,0.3);border-radius:18px;color:#fff;text-align: center;background:
        #C01820;font-size: 14px;}
.downloadAssociationBox.twoBtn .btn{display: block;width:120px;height:36px;line-height: 36px;box-shadow:0px 1px 9px rgba(4,0,0,0.3);border-radius:18px;text-align: center;font-size: 14px;}
.downloadAssociationBox.twoBtn .btn-l{border:1px solid #f2f2f2;text-shadow:2px 1px 9px rgba(4,0,0,0.3);color:#C01820;background: #fff;}
.downloadAssociationBox.twoBtn .btn-r{color:#fff;background:#C01820;}
.guideContainer{display:none;position: fixed;top:0;left:0;width:100%;height:100%;z-index: 9999;background: url('../img/android_guide.png') #fff no-repeat center top/cover;}
.guideContainer a{display: block;position:absolute;left:10px;top:20px;color: #666;font-size: 16px; }
.guideContainer img{width:9px;height:16px;vertical-align:top;margin:4px 7px 0 0;}
/*提示购买弹框*/
.z-purchase-popup .ui-img{padding-top: 62%;position: relative;border-radius: 10px 10px 0 0;overflow: hidden;}
.z-purchase-popup .ui-img span{background-size:cover;background-position: center top;background-repeat: no-repeat;}
.z-purchase-popup .ui-dialog-close {position: absolute;bottom: -60px;left: 50%;width: 40px;height: 40px;margin-left: -20px;cursor: pointer;}
.z-purchase-popup .ui-dialog-close:before{color: #fff;}
.z-purchase-popup .ui-dialog-cnt{border-radius: 10px;}
.z-purchase-popup .ui-img span{position:absolute;top:0;left:0;width: 100%;height: 100%;}
.z-purchase-popup .ui-dialog-bd{padding: 22px 26px;border-radius:0 0 10px 10px;}
.z-purchase-popup .ui-dialog-bd h3{color: #333;font-size: 16px;margin-bottom: 10px;}
.z-purchase-popup .ui-dialog-bd h3 span{display: inline-block;vertical-align: middle;max-width: 154px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: -1px;}
.z-purchase-popup .ui-dialog-bd p{color: #666;font-size: 12px;margin-bottom: 15px;}
.z-purchase-popup .ui-dialog-bd a{display: block;width: 100%;height: 32px;line-height: 32px;background: #FF6702;color: #fff;font-size: 14px;border-radius:16px;}
/*分享*/
.bgc-f{background:#fff;}
.bgc-ed{background:#ededed;}
.actionsheet-share {position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:9999;opacity:0;pointer-events:none;display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-pack:center;-webkit-box-align:end;background:rgba(0,0,0,.85)}
.actionsheet-share.show {pointer-events:inherit;opacity:1;}
.actionsheet-share.show .actionsheet-share-cnt {-webkit-transform:translateY(0);-webkit-transition-delay:0.3s;}
.actionsheet-share-cnt{position:fixed;bottom:0;padding:0;width:100%;box-sizing:border-box;text-align:center;-webkit-transform:translateY(100%);-webkit-transition-property:all;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:0.3s; }
.actionsheet-share-cnt .actionsheet-share-bd{padding-left:20px;padding-right:20px;display:-webkit-box;display:-webkit-flex;display:flex; -webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;border-bottom:1px solid #eee}
.actionsheet-share .j-grid{display:block;padding:25px 12px 13px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center;-webkit-box-align:center;text-align:center;}
.actionsheet-share .grid-icon{width:40px;height:40px;background:url(../img/icons_online_contact.png) no-repeat 0 0/100px auto;}
.actionsheet-share .j-icon-wb{background-position:-5px -55px;}
.actionsheet-share .j-icon-qq{background-position:-5px -5px;}
.actionsheet-share .j-icon-wx{background-position:-5px -105px;}
.actionsheet-share .j-icon-friendswx{background-position:-55px -105px;}
.actionsheet-share .j-icon-friendscirle{background-position:-55px -55px;}
.actionsheet-share .j-icon-copylink{background-position:-55px -5px;}
.actionsheet-share .grid-label{margin-top:10px;font-size:12px;font-weight:400;color:#666;}
.actionsheet-share .actionsheet-share-ft{height:40px;background:#fff;font-size:16px;font-weight:400;color:#333;line-height:40px;cursor:pointer}
.weshare{display:none;position: fixed;top:0;width:100%;height:100%;background: rgba(0,0,0,0.85) url("../img/wechat_share.png") no-repeat right 20px top 10px/87.5% auto;z-index: 9999;}
.actionsheet-share.webviewshare{background:rgba(0,0,0,0.85) url("../img/webview_share.png") no-repeat right 0 top 20px/87.5% auto;}
.dialog-sharewx{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;display: -webkit-box;-webkit-box-orient: horizontal;-webkit-box-pack: center;-webkit-box-align: center;background:rgba(0,0,0,.85);display: none;}
.dialog-sharewx.show{display: -webkit-box;display: box; }
.dialog-sharewx-cnt{width:280px;border-radius:10px;-webkit-background-clip: padding-box;background-clip: padding-box;pointer-events: auto;background:#fff;position: relative;font-size: 16px;}
.dialog-sharewx-hd{height: 48px;line-height: 48px;text-align: center;}
.dialog-sharewx-bd{padding:0 10px;}
.dialog-sharewx-bd .link-zs{padding:10px;display: -webkit-box;display: box;-webkit-box-pack: center;-webkit-box-align: center;-webkit-box-orient: vertical;width:100%;height:56px;border-radius:2px;background:#F6F6F6;word-break:break-all;font-size:12px;font-weight:400;color:#666;line-height:1.5;box-sizing:border-box;-webkit-user-select:text;}
.dialog-sharewx-bd .link-zs .ui-nowrap-multi{-webkit-user-select:text !important;}
.dialog-sharewx-ft{padding:0 45px;border-bottom-left-radius: 10px;border-bottom-right-radius:10px;display: -webkit-box;width: 100%;box-sizing: border-box;-webkit-box-align: center;height:75px;}
.dialog-sharewx-ft a{display:block;width:100%;height:38px;background:#16AE67;border-radius:19px;font-size:14px;color:#fff;line-height:38px;text-align:center}
.dialog-sharewx .ui-dialog-close:before{top:auto;right:auto;bottom:-50px;left:50%;transform:translateX(-50%);color:#fff;}
/*评论*/
.img34{width:34px;height:34px;}
.comment .btn-like span{font-size:12px;color:#999;}
.comment .btn-like i{display:inline-block;width:14px;height:14px;background: url("../img/dongtai_dianzan.png") no-repeat center top/100%;margin-left: 5px;}
.comment .btn-like.active i{background-image: url("../img/dongtai_dianzan_on.png");}
.comment{margin-top: 10px;}
.comment .ui-list-info{padding: 0;}
.comment .ui-avatar{margin-right: 12px;}
.comment .author{margin-top: -2px;}
.comment .author a{font-size:14px;color:#333;}
.comment .comment-container{height: 300px;overflow-y: auto;}
.comment .comment-container>li{padding:20px 10px;}
.comment .cnt{color: #333;font-size: 14px;line-height: 24px;word-break: break-word;padding:15px 0 0 45px;}
.comment-area{display:none;}
.comment .btn-operate{display:block;font-size: 14px;color: #666;margin-left: 16px;}
.comment .btn-more{background: url("../img/m_operate_more.png") no-repeat center center/18px 5px;width: 18px;}
.comment .btn-reply,.comment .btn-like{line-height: 40px;}
.reply-content{padding-left: 45px;}
.reply-content li{border-left: 4px solid #eee;border-radius: 1px;padding-left: 10px;margin-top: 15px;}
.reply-content .cnt{color: #666;padding: 0;}
.reply-content a{color: #0C73C2;}
.reply-content .btn-more{height: 24px;}
.reply-content .cnt .user{color: #333;}
.btn-like.active span{color:#CC3729;}
.comment-operate-actionsheet div button:last-child{color: #333!important;margin: 0;}
.comment-btn{margin-right: 0;height: 30px;line-height: 30px;color: #5c85ae;background: #fff;}
/*公共弹窗*/
.z-dialog-box{display:none;position:fixed;top:0;left:auto;width:100%;height:100%;background:rgba(0,0,0,.5);z-index: 101;text-align: center;}
.z-dialog-box .dialog-cnt{position:absolute;top:50%;left:50%;width:80%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius: 2px;background: #fff;overflow: hidden;}
.z-dialog-box .dialog-bd{padding: 35px 12px;}
.z-dialog-box .dialog-bd h3{color: #333;font-size: 20px;margin-bottom: 15px;}
.z-dialog-box .dialog-bd p{color: #666;font-size: 16px;line-height: 20px;}
.z-dialog-box .dialog-ft{height: 45px;line-height: 44px;border-top:1px solid #eee;}
.z-dialog-box .dialog-ft a{color: #333;font-size: 18px;}
.z-dialog-box .dialog-ft a:last-child{border-left: 1px solid #eee;}
.ui-actionsheet div button {font-size: 16px;color: #333;}
.pd0{padding: 0;}
.orange{color: #c01820!important;}
/* 没有评论 */
.nocomment_show{width:100%;background:#fff url("../img/live/nodata.png") no-repeat center 30px/152px auto;text-align: center;padding:200px 0 24px!important;font-size: 12px;color: #666;}
/*标识*/
.common-tag-box{position: absolute;top:0;left:4px;padding-top: 4px;z-index: 99;}
.common-tag{display: none;vertical-align: middle;width:32px!important;height: 20px!important;line-height: 20px;border-radius:2px;margin-right: 4px;margin-top: -3px;margin-left: 0!important;}
.common-tag-box .common-tag{vertical-align: top!important;margin-top: 0!important;}
.common-tag.free{display: inline-block;background: url("../img/tag/mf_m.png") no-repeat center center/32px 20px;}
.common-tag.default{display: inline-block;width:auto!important;text-align: center;color: #fff;font-size: 12px;background:rgba(0,0,0,.4);padding:0 4px;}
.common-tag.experience{display: inline-block;background: url("../img/tag/ty_m.png") no-repeat center center/32px 20px;}
.common-tag.pay{display: inline-block;background:url("../img/tag/ff_m.png") no-repeat center center/32px 20px;}
.common-tag.paied{display: inline-block;background:url("../img/tag/yg_m.png") no-repeat center center/32px 20px;}
.common-tag.vip{display: inline-block;background:url("../img/tag/vip_m.png") no-repeat center center/32px 20px;}
.common-tag.gk{display: inline-block;background: url("../img/tag/gk_m.png") no-repeat center center/32px 20px;}
.common-tag.xm{display: inline-block;background:url("../img/tag/xm_m.png") no-repeat center center/32px 20px;}
.common-tag.nck{display: inline-block;background: url("../img/tag/nck_m.png") no-repeat center center/46px 20px;width:46px!important;height: 20px!important;}