*{box-sizing:border-box;-webkit-text-size-adjust:none;outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
div,ul,li,img{-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}
html,body,.live-wap-shared{height:100%;overflow:hidden}
html,body,ul,p,li,pre,input,img,h1,h2,h3,h4,h5,h6{padding:0;margin:0}
h1,h2,h3,h4,h5,h6{font-weight:normal}
input,textarea,img{border:0 none;box-shadow:none;-webkit-appearance:none;font-size:inherit}
pre{border:0 none;background:0;word-wrap:break-word;word-break:break-all;white-space:pre-wrap}
p{word-break:break-all}
html{font-size:16px;max-width:425px;min-width:320px;margin:0 auto}
body{position:relative;color:#666;overflow-x:hidden;line-height:1.35em;font-family:sans-serif;background-color:#f0f0f0}
ul{list-style:none}
img{vertical-align:middle}
.opacity0{animation:opacity0 .3s forwards;-webkit-animation:opacity0 .3s forwards}
.opacity1{animation:opacity1 .3s forwards;-webkit-animation:opacity1 .3s forwards}
@keyframes opacity0{0{opacity:1}
100%{opacity:0}
}
@-webkit-keyframes opacity0{0{opacity:1}
100%{opacity:0}
}
@-moz-keyframes opacity0{0{opacity:1}
100%{opacity:0}
}
@-o-keyframes opacity0{0{opacity:1}
100%{opacity:0}
}
@keyframes opacity1{0{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes opacity1{0{opacity:0}
100%{opacity:1}
}
@-moz-keyframes opacity1{0{opacity:0}
100%{opacity:1}
}
@-o-keyframes opacity1{0{opacity:0}
100%{opacity:1}
}
.background-img{width:100%;height:100%;background-repeat:no-repeat;background-size:100% 100%;background-position:center;}
.background-img.btn{cursor:pointer}
.height1px{height:1px}
.overflow-hidden{overflow:hidden}
.block{display:block !important}
.none{display:none !important}
.heightauto{height:auto !important}
.btn:active{opacity:.5 !important}
.left{float:left !important}
.right{float:right !important}
.clearfix{display:block !important;clear:both !important}
.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.text-overflow-line2{overflow:hidden;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word;display:-webkit-box;/* -webkit-line-clamp:2; */-webkit-box-orient:vertical;}
.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}
.real-border-bottom,.real-border-all{position:relative}
.real-border-bottom:before,.real-border-all:before{content:'';display:block;position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;border-style:solid;border-color:#ddd;border-width:1px}
.real-border-bottom:before{border-width:0 0 1px 0;height:1px;bottom:0;top:auto;-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;-ms-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%}
.live-media{width:100%;height:13.19rem;background:#000;color:white;position:absolute;overflow:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0;top:0}
.live-top.p-thumb,.live-top.p-thumb .live-media{height: 9.5rem;}
.media-title{position:absolute;width:100%;top:0;padding:10px 60px 10px 10px;font-family:PingFangSC-Medium;font-size:17px;color:#fff;letter-spacing:0;text-align:left;line-height:17px;background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.1));z-index:1;display:none;}
.media-title .participate{position:absolute;right:7.5px;top:10px;font-family:PingFangSC-Medium;font-size:12px;color:#fff;letter-spacing:0;text-align:left;padding:0 5px;background:rgba(0,0,0,0.5);border-radius:20px}
.media-video>iframe,.media-video{width:100%;height:100%}
.media-video>iframe.hide{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
.media-navbar{height:81px;overflow:hidden;position:relative;background:white;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.media-navbar-btn{position:absolute;z-index:1;width:30px;height:100%;margin:auto;bottom:0;right:auto;top:0;left:3px}
.media-navbar-btn>span{position:absolute;margin:auto;z-index:0;top:0;left:0;right:0;bottom:0;width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.3) url('../images/arrow_bai.png') center no-repeat}
.media-navbar-btn.hide{display:none}
.media-navbar-btn>span.p-left{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.media-navbar-btn.p-right,.media-navbar-btn>span.p-right{right:3px;left:auto}
.media-navbar-item{padding:9px 5px 10px;overflow:hidden;position:absolute;top:0;left:0}
.media-navbar-item>li{height:62px;width:120px;margin-right:7px;float:left;position:relative;background:#f9f9f9;padding:7px 6px;color:#666}
.media-navbar-item>li>h6{font-size:10px;line-height:14px;margin-bottom:2px}
.media-navbar-item>li>p{font-size:12px;line-height:16px;max-height:32px}
.media-navbar-item>li>{display:none}
.media-navbar-item>li.active>span{position:absolute;width:5px;height:5px;display:block;top:12px;left:2px;background:url() center/cover no-repeat}
.media-navbar-item>li.active{position:relative}
.media-navbar-item>li.active.real-border-all:before{border-color:#d0021b}
.media-navbar-item>li:last-child{margin-right:0}
.live-dropdown{position:absolute;right:0;top:0;width:15%;cursor:pointer}
.live-dropdown>a{height:2.31rem;width:100%;text-align:center;line-height:2.31rem}
.live-dropdown.active>a>img{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)}
.live-dropdown>a>img{-webkit-transition:transform .3s;-moz-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s;width:.94rem}
.live-top,.live-bottom{overflow:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.live-bottom{position:relative}
.live-top{background-color:white;-webkit-transition:height .3s;-moz-transition:height .3s;-o-transition:height .3s;transition:height .3s;height:13.19rem}
.live-top.min{/* height:5.63rem */display: none;}
.live-top.p-thumb.min .live-media{right:.63rem;top:1.43rem;-webkit-transform:scale(0.35);-moz-transform:scale(0.35);-ms-transform:scale(0.35);-o-transform:scale(0.35);transform:scale(0.35)}
.live-top.min .live-media{right:.63rem;top:.63rem;-webkit-transform:scale(0.33);-moz-transform:scale(0.33);-ms-transform:scale(0.33);-o-transform:scale(0.33);transform:scale(0.33)}
.live-top.min .media-info-min{opacity:1}
.media-info-min{/* height:5.63rem; */overflow:hidden;padding:.63rem;width:14.56rem;opacity:0;-webkit-transition:opacity .3s ease-in;-moz-transition:opacity .3s ease-in;-o-transition:opacity .3s ease-in;transition:opacity .3s ease-in;}
.media-info-min>p{font-size:1.06rem;line-height: 1.5rem;color: #d0021b;/* height:2.50rem; */margin-bottom: .7rem;font-weight: bold;}
.media-info-icon{height:1.13rem;line-height:1.13rem;font-size:0}
.media-info-icon>span{text-align:center;border-radius:2px;display:inline-block;margin-right:.63rem}
.media-info-icon>span>img{max-height:.8rem;margin:0 .15rem;margin-top:-0.2rem}
.real-border-bottom .live-media .media-info-icon{bottom:47px}
.p-thumb .live-media .media-info-icon{bottom:0rem}
.media-info-min .media-info-icon .stat-read{width:auto;float:left;color:white;font-size:12px;line-height:1.4;float:left;padding:1px 4px;background:linear-gradient(to right,#a6a6a6,#484848)}
.live-media .media-info-icon{padding-left:10px;bottom:0rem;margin:0;padding:5px 0;left:0;/* background:rgba(0,0,0,0.5); */width:100%;border-radius:0;position:absolute;overflow:hidden;height:auto;opacity:1;font-size:.75rem;}
.live-media .media-info-icon>span{margin-left:10px}
.live-media .stat-read{width:100%;text-align:left !important;line-height:2.5;padding:0 20px 0 0}
.stat-read img,.stat-end img{height:16px}
.live-media .stat-end{width:100%;text-align:left !important;line-height:2.5;padding:0 20px 0 0}
.live-media .stat-read img{height:16px}
.live-media .stat-read label{float:right}
.media-info-icon .icon-video{background:#d1051e;height:100%;font-size:.75rem;color:white;padding:0 .15rem}
.media-info-icon .icon-user{font-size:.63rem;color:#999}
.live-media .media-info-icon .icon-user{color:white}
.live-navbar-wrap{width:100%;overflow:hidden;position:relative}
.live-item{width:100%;position:relative;overflow:hidden}
.live-comment-wrapper{box-shadow:0 -1px 2px #ddd;height:45px;position:absolute;bottom:52px;left:0;width:100%;background-color:#f0f0f5;z-index:100}
.live-comment-wrapper.p-noad{bottom:0}
.live-comment-wrapper.top{height:100%;top:0;bottom:auto}
.comment-min{margin-top:8px}
.comment-max{padding:0 15px}
.comment-title{height:50px;line-height:50px}
.comment-send{height:40px;line-height:40px}
.comment-title{text-align:center}
.comment-send-text{line-height:1.3;font-size:14px;overflow:hidden;padding-right:10px;color:black;font-weight:bold}
.comment-send-load{width:20px;height:20px;margin:10px 35px;animation:loading linear 1.5s infinite;-webkit-animation:loading linear 1.5s infinite}
.comment-textarea{height:140px}
.comment-textarea-title{font-size:14px;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.comment-textarea-title>span{color:#017aff}
.comment-textarea>textarea{border-radius:10px;resize:none;padding:10px;width:100%;height:100%;background-color:white;color:#666}
.comment-send{margin-top:15px}
.comment-send>div{width:90px;height:100%;text-align:center;border-radius:5px;background-color:#bebebe;color:white}
.comment-send>div.active{background-color:#017aff}
.comment-input{width:100%;padding:0 13px;margin-top:0;position:relative}
.comment-input .p-icon-edit{font-size:0;font-style:normal;width:20px;float:left;height:20px;margin:4px 4px 0 0;background:transparent url('../images/liveshare_settop.png') center/contain no-repeat}
.comment-input>span{display:block;width:100%;background-color:white;height:28px;line-height:28px;padding:0 58px 0 3px;border-radius:11px;color:#ddd}
.live-bottom-navbar{position:relative;box-shadow:0 1px 2px #ddd;z-index:2;color:#333}
.navbar-item{height:2.31rem;line-height:2.31rem;background-color:white;overflow:hidden;font-size:0;text-align:center}
.navbar-item>li{display:inline-block;cursor:pointer;margin:0 .78rem 0;padding:0 .5rem;max-width:33%;overflow:hidden;text-overflow:ellipsis;position:relative;font-size:.94rem;white-space:nowrap;vertical-align:middle}
.navbar-item>li:first-child{margin-right:0}
.navbar-item>li:last-child{margin-left:0}
.navbar-item>li.active>span{font-size:1.13rem;color:#d0021b}
.navbar-item>li.action:after{content:'';position:absolute;display:block;width:5px;height:5px;border-radius:50%;background:#e3583d;margin:auto;top:0;left:auto;right:.1rem;bottom:0}
.navbar-item.action{width:150px}
.navbar-item.action>li{width:50%}
.live-item>ul>li{position:relative}
.live-item>ul>li:nth-last-child(2) .post-content-wrap{padding-bottom:0;overflow:hidden}
.live-item>ul>li:nth-last-child(2) .post-content-box{z-index:1}
.live-navbar-wrap .list-upload{overflow:hidden;position:absolute;top:-45px;width:100%;height:45px;line-height:45px;-webkit-transition:transform .2s;-moz-transition:transform .2s;-o-transition:transform .2s;transition:transform .2s}
.post-content-time{/* height:1.2rem; */line-height: 1.5rem;background:#eaeaea;color:#999;padding-left:1em;font-size: 1rem;margin-bottom: 1.5rem;position:relative;z-index:1;text-indent: 2em;padding: 15px;}
.post-content-wrap{position:relative;padding: 0 .63rem 1.75rem 0.63rem;/* padding-top: 0.8rem; */}
.post-time-large{font-size: .83rem;height:.95rem;line-height:.95rem;margin-left: .5rem;margin-bottom: .4rem;font-family:PingFangSC-Regular;color: #9a9a9a;}
.post-time-stamp{position:absolute;width:1px;background:#ddd;top:.25rem;left:.63rem;height:100%;z-index:1}
.post-time-stamp>span{display:block;margin-left:-3px;border-radius:50%;width:8px;height:8px;border:2px solid white;background-color:#e95d6e}
.post-content-box{background-color:white;overflow:hidden;padding: .5rem;position:relative;}
.post-settop{position:absolute;top:0;right:0;z-index:1}
@media(max-width:361px){.post-settop{opacity:.3}
}
.post-settop>img{width:2.89rem}
#list1 ul li div .post-pic{position:absolute;left:4px;top:17px}
#list1 ul li .post-content-wrap{padding-bottom:0}
#list1 ul li div .post-content-box{background:#f0f0f0}
#list1 ul li div .post-content-text{font-family:PingFangSC-Regular;color:#151515;font-size:15px;margin:0}
#list1 ul li div .post-content-text .post-name{line-height:23px}
#list1 ul li div .post-content-text pre{display:inline-block}
#list1 ul li div .connect-title{font-size:16px}
#list1 ul li div .post-content{max-width:calc(100% - 17px);margin-left:26px;margin-right:49px;padding:5px 10px;background:#fff;border-radius:2px;max-width:max-content}
#list1 ul li div .triangle::before{content:"";display:block;position:absolute;left:28px;top:23px;width:0;height:0;border-bottom:6.5px solid white;border-left:8.5px solid transparent}
#list1 ul li div .triangleblue::before{content:"";display:block;position:absolute;left:28px;top:23px;width:0;height:0;border-bottom:6.5px solid #3d96ff;border-left:8.5px solid transparent}
#list1 ul li div .triangleblue{background:#3d96ff}
#list1 ul li div .triangleblue .post-content-text{color:white}
#list1 ul li div .triangleblue .post-name{color:white}
#list2 .connect-title{height:3rem;font-family:PingFangSC-Regular;font-size:16px;color:#222;text-align:left;line-height:24px}
#list2 .connect-tools>span{display:inline-block;height:1.37rem;line-height:1.7rem;vertical-align:bottom;margin-right:5px;font-family:PingFangSC-Regular;font-size:11px;color:#999;text-align:left}
#list2 .background-img{border-radius:2px}
.post-pic{height:1.13rem;line-height:1.13rem;vertical-align:middle;padding-top: 0.5rem;}
.post-pic>img{width:1.13rem;height:1.13rem;margin-right:.34rem;border-radius:50px}
.post-content-bottom{height:1.37rem;line-height:1.37rem;padding:0 .41rem;overflow:hidden;width:100%;margin:.3rem 0 .5rem}
.post-content{width:100%;margin-top: 1.8rem;}
.postlist-seconed{padding:.63rem;background:rgba(0,0,0,.05);width:100%;margin-bottom:.56rem}
.postlist-seconed>pre{font-size:.94rem;color:#999}
.post-name{font-family:PingFangSC-Regular;font-size:12px;color: #d0021b;letter-spacing:0;text-align:left;line-height:20px;/* font-weight: bold; */}
.post-name .name{font-size:.86rem;margin-right: 7px;}
.post-name .label{text-align:center;padding:0 .13rem;border-radius:.13rem;font-size:.86rem}
.live-item{height:100%}
.live-item>ul{padding-bottom:.63rem;position:relative;z-index:1}
.post-like>img{max-width:1.1rem;max-height:1.1rem;margin-right:.1rem}
.post-like{float:left;width:33.33%;font-size:.75rem;color:#666}
.post-like.text-center img{max-width:1.35rem;max-height:1.35rem}
.post-like.text-left img{margin-top:-2px;margin-right:2px}
.post-content-text,.post-content-video,.post-content-pic,.post-content-audio{margin:0 0 .44rem;overflow:hidden}
.post-content-audio,.post-content-video,.post-content-pic{font-size:0;line-height:0}
.post-content-audio{overflow:visible;position:relative}
.post-content-video>video{display:block;font-size:0;max-width:100%;max-height:300px;background:black}
.post-content-text{word-wrap:break-word;color:#333;line-height: 1.7rem;font-size: 1.1rem;}
.post-content-pic{margin-left:-.56rem}
.post-content-pic .img-wrap{width:33%;padding-left:.56rem;display:inline-block;margin-bottom:.56rem}
.post-content-pic>p:nth-last-child(1),.post-content-pic>p:nth-last-child(2),.post-content-pic>p:nth-last-child(3){margin-bottom:0}
.post-content-pic.mid .img-wrap{width:50%}
.post-content-pic a{display:inline-block;height: 0;padding-bottom: 70%;background-color:rgba(0,0,0,.02);}
.post-content-pic.min .img-wrap{width:100%}
.post-content-pic.min a{padding-bottom:0;height:auto;width:100%;opacity:0;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}
.post-content-pic.min a>img{max-width:100%;max-height:41.88rem}
.post-content-pic a.notdraw{animation:none;-webkit-animation:none}
.post-content-pic a.imgshow,.post-content-pic.min a.imgshow,.post-content-pic a.imgshow-err,.post-content-pic.min a.imgshow-err{background-color:transparent;opacity:1}
.post-content-pic.min>a.imgshow{height:auto !important;width:auto !important}
.post-content-pic>a.imgshow-err,.post-content-pic.min>a.imgshow-err>img{width:30px;height:22px;background-color:transparent}
.post-content-video>iframe{width:100%}
.loading-more{height:1.31rem;line-height:1.31rem;text-align:center;font-size:.8rem;color:#bbb;position:relative;z-index:1;background:#f0f0f0;margin:.63rem 0 0}
.loading-more>p{margin:0 auto}
.loading-more>p>img{width:20px;height:20px;margin-right:.5rem}
.loading-icon,.loading-more>p>img{animation:loading linear 1.5s infinite;-webkit-animation:loading linear 1.5s infinite}
@keyframes loading{100%{transform:rotate(360deg)}
}
@-webkit-keyframes loading{100%{transform:rotate(360deg)}
}
@-moz-keyframes loading{100%{transform:rotate(360deg)}
}
@-o-keyframes loading{100%{transform:rotate(360deg)}
}
.max-pic,.max-pic-wrap,.max-pic-item{height:100%;width:100%}
.max-pic{position:absolute;z-index:103;overflow:hidden;background:#000;top:0;left:0;opacity:0;-webkit-transition:opacity .25s;-moz-transition:opacity .25s;-o-transition:opacity .25s;transition:opacity .25s}
.max-pic.max{opacity:1}
.max-pic-wrap{position:absolute;top:0;left:0}
.max-pic-item{background:url('') center/contain no-repeat;float:left;background-clip:content-box;padding:0 5px}
.max-pic-nav{position:absolute;bottom:40px;text-align:center;width:100%;color:#fff}
.max-pic-nav>span{border:1px solid #fff;background-color:rgba(0,0,0,.2);border-radius:3px;padding:0 5px;font-size:12px}
.min-audio{width:0;height:0}
.post-audio{width:100%;height:2.75rem;line-height:2.75rem;box-shadow:0 0 1px #ddd inset;background-color:#f0f0f0;border-radius:2px;padding:0 .81rem 0 .31rem;color:#666;font-size:0}
.post-audio>.audio-box{width:2.25rem;height:2.25rem;line-height:2.25rem;text-align:center;float:left;margin-top:.25rem;background:white;border-radius:50%;background:#fff;box-shadow:0 0 1px rgba(216,216,216,0.50);overflow:hidden;margin-right:.69rem}
.post-audio>.audio-box>img{height:.78rem;width:.53rem}
.post-audio>.audio-box>.loading-icon{width:60%;height:60%}
.post-audio>.audio-time{font-size:.75rem}
.post-audio>.audio-pointer{position:absolute;width:.25rem;height:.25rem;border-radius:50%;right:-0.1rem;top:-0.1rem}
.post-audio>img{height:1rem}
.connect-list{padding:.63rem;background:white}
.connect-list:after{content:"";display:block;width:100%;margin-right:-10px;background-color:#ddd}
.connect-list:last-child:after{height:0}
.connect-detail{overflow:hidden;cursor:pointer;position:relative}
.connect-list .connect-right{width:100%;padding-bottom:20px}
.connect-list .connect-tools{width:100%}
.connect-list .text .connect-tools{width:calc(100% - 7.31rem)}
.connect-list .text .connect-right{width:calc(100% - 7.31rem)}
.connect-left{width:109px;height:82px;border-radius:2px}
.connect-right{width:100%}
.connect-title{line-height:1.5rem;height:3rem;font-size:1.06rem}
.connect-tools{text-align:left;font-size:0;position:absolute;bottom:0}
.connect-tools>span{display:inline-block;height:1.37rem;line-height:1.7rem;vertical-align:bottom;font-size:.75rem;margin-right:5px;font-size:11px}
.connect-tools>span>img{max-width:1.2rem;max-height:1.5rem;margin-top:-2px;margin-right:2px}
.connect-des{-webkit-line-clamp:3;font-size:.875rem;max-height:5em}
.connect-pic-title{height:1.5rem;line-height:1.5rem;font-size:1.06rem;margin-bottom:.35rem}
.connect-pic-item{white-space:nowrap;width:100%;overflow:hidden}
.connect-pic-item>a{width:31.53%;display:inline-block;height:4.37rem;margin-left:2.7%}
.connect-pic-item>a:first-child{margin-left:0}
.set-top{cursor:pointer;width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,0.6) url('../images/liveshare_settop.png') center/contain no-repeat;background-size:80%;box-shadow:0 0 8px #666;position:absolute;bottom:120px;right:30px;text-align:center;line-height:40px;opacity:.8;z-index:1}
.min-alert-wrap{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;z-index:102;overflow:hidden}
.min-alert{position:absolute;width:168px;height:78px;border-radius:6px;margin:auto;top:0;left:0;right:0;bottom:0;text-align:center;background-color:rgba(144,144,144,0.9);animation:opacity0 .3s ease-in 1s;-webkit-animation:opacity0 .3s ease-in 1s}
.min-alert>img{margin-top:14px;width:20px;height:20px}
.min-alert>p{margin-top:10px;color:white;font-size:16px}
.app-ad{width:100%;max-width:425px;color:white;background:#d0021b;padding:13px 15px;font-size:0;line-height:0;position:absolute;bottom:0}
.app-ad>p{line-height:25px;font-size:15px;padding:0 71px 0 40px}
.app-ad>p>span{font-size:17px;margin-right:11px;font-weight:bold}
.app-ad>img{position:absolute;left:22px;top:13px}
.app-ad>a{width:64px;position:absolute;height:22px;line-height:22px;font-size:13px;top:15px;right:15px;background:white;color:#d0021b;text-align:center;border-radius:2px;text-decoration:none}
.ad-close{width:16px;height:16px;position:absolute;left:3px;top:18px;background:url('') center/cover no-repeat;cursor:pointer}
.message{font-size:.8rem;color:#bbb;text-align:center}
.scroll-wrapper{position:absolute;right:0;bottom:0;left:0;top:0;width:100%;height:100%;-webkit-overflow-scrolling:touch;overflow-y:scroll}
.scroll-wrapper .iframe-link{width:100%;height:100%}
label.thumbs,label.video{position:absolute;bottom:3px;right:3px;font-size:12px;color:white;background:rgba(0,0,0,0.6);padding:0 4px;padding-left:20px;border-radius:100px}
label.thumbs i,label.video i{display:block;width:16px;height:16px;position:absolute;left:3px;top:0;font-size:15px}
label.audio{position:absolute;bottom:3px;right:3px;font-size:12px;color:white;background:rgba(0,0,0,0.6);padding:0 4px;border-radius:50%;width:18px;height:18px}
label.audio i{display:block;width:16px;height:16px;position:absolute;left:2px;top:-1px;font-size:14px}
#bg{position:fixed;bottom:0;height:60px;width:100%;background:white;display:none;z-index:1;border-top:1px solid #dedede}
.wake{height:40px;width:calc(100% - 30px);margin:10px 15px}
.overflow-ellipsis{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.wake span{display:block;float:left;font-size:12px;color:#333;height:40px;line-height:40px}
.wake span img{height:40px;width:40px}
.wake span a{color:white;text-decoration:none;background-image:linear-gradient(-90deg,#f5964f 0,#fa7842 100%);border-radius:4px;padding:6px 10px;margin-right:5px}
.wake .fr{float:right}
.close{position:relative;height:20px;width:20px;display:block;background:#ababab;border-radius:50%;margin:10px 10px}
.close::before,.close::after{content:'';position:absolute;height:2px;width:60%;top:50%;left:4px;margin-top:-1px;background:white}
.close::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.close::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.post-name{color:#45beff;/* margin-right: 5px; */}
.post-name .label {
    text-align: center;
    padding: 0 .13rem;
    border-radius: .13rem;
    margin-top: .1rem;
    height: .94rem;
    line-height: .88rem;
    font-size: .63rem;
    color: white;
    background-color: #ff9a46;
}
.daoyu{font-size: 0.8rem!important;line-height: 1rem!important;font-weight: normal!important;color: #636363!important;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;}