a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
    display:block
}
[hidden] {
    display:none
}
body {
    line-height:1
}
ol, ul {
    list-style:none
}
blockquote, q {
    quotes:none
}
blockquote:after, blockquote:before, q:after, q:before {
    content:"";
    content:none
}
table {
    border-collapse:collapse;
    border-spacing:0
}
#app,body,html{
    overflow:hidden
}
#app,.app,body,html{
    height:100%
}
#app{
    background-color:#fff;
}
.app{
}
.footer-mask {
	height:4.4rem;
    background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.7));
    background-image:linear-gradient(transparent,rgba(0,0,0,.7))
}
.footer, .footer-mask {
    width:10rem;
    margin-left:auto;
    margin-right:auto;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    z-index:1
}
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    outline:0;
    -webkit-tap-highlight-color:transparent;
    -webkit-font-smoothing:antialiased
}
.question-wrap{
    background:rgba(0,0,0,.6);
    border-radius:.16rem;
    width:9.2rem;
    height:1.49333rem;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:.48rem;
    padding-left:.32rem;
    padding-right:.4rem;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:center;
    -webkit-align-items:center;
    align-items:center
}
.question-wrap .question-info{
    -webkit-box-flex:1;
    -webkit-flex:1;
    flex:1;
    margin-right:.13333rem;
    width:6.93333rem
}
.question-wrap .question-title{
    font-size:.42667rem;
    color:#fff;
    letter-spacing:0;
    line-height:.48rem;
    text-shadow:0 .01333rem .01333rem rgba(0,0,0,.2);
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.question-wrap .question-count{
    line-height:.32rem;
    font-size:.32rem;
    margin-top:.14667rem
}
.question-wrap .answer-btn,.question-wrap .question-count{
    color:#fff;
    letter-spacing:0
}
.question-wrap .answer-btn{
    font-size:.34667rem;
    line-height:.48rem;
    width:1.33333rem;
    height:.69333rem;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:center;
    -webkit-align-items:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
    border:.01333rem solid hsla(0,0%,100%,.8);
    border-radius:1.33333rem
}
.player-wrap{
    width:10rem;
    margin:auto;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
    background:no-repeat 50%;
    background-size:cover
}
.player-wrap .player,.player-wrap video{
    width:100%;
    height:100%
}
.player-wrap video{
    object-fit:cover;
    background-color:#000
}
@-webkit-keyframes a{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)}
    to{
       -webkit-transform:rotate(1turn);
       transform:rotate(1turn)
   }
}@keyframes a{
     0%{
         -webkit-transform:rotate(0deg);
         transform:rotate(0deg)
     }
     to{
         -webkit-transform:rotate(1turn);
         transform:rotate(1turn)
     }
 }
.message-wrap{
    margin-left:.33333rem;
    margin-right:.33333rem;
    margin-bottom:.61333rem
}
.message-wrap .message-header{
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
    flex-direction:row;
    justify-content: space-between;
}
.message-wrap .topic-wrap{
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    align-items:center;
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
    justify-content:flex-start;
    background:rgba(0,0,0,.3);
    border-radius:.1rem;
    height:.55rem;
    padding: 0 .16rem;
    overflow: hidden;
    margin-top: .6rem;
    margin-right: 0.1rem;
}
.message-wrap .topic-icon{
    width:.25rem;
    display:block;
    margin-right:.08rem
}
.message-wrap .topic-wrap span{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size:.26rem;
    color:#fff;
}
.message-wrap .message-detail{
    margin-top:.2rem;
    font-size:.37333rem;
    line-height:.53333rem;
    color:#fff;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.message-wrap .message-font{
    padding:.1rem 0 1rem;
    font-size:.3rem;
    line-height:.4rem;
    color:#fff;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 1.25rem;
}
.header-wrap{
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    justify-content: space-between;
    width: 9.36rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: .26667rem;
    position: relative;
    z-index:1
}
.header-wrap,.host-info{
    display:-webkit-box;
    display:-webkit-flex;
    display:flex
}
.host-info{
    height:.84rem;
    border-radius:1.33333rem;
    background:rgba(0,0,0,.6);
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:center;
    -webkit-align-items:center;
    align-items:center;
    padding-left:.2rem;
    padding-right:.2rem;
    margin-left: .3rem;
}
.host-info .avatar{
    width:.7rem;
    height:.7rem;
    border-radius:50%;
    border: 2px solid #ff867d;
}
.host-info .host-detail{
    margin-left:.12rem;
    font-size:.3rem;
    color:#fff;
    max-width: 2.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.jump-btn{
    background-color:#f75761;
    border-radius:1.33333rem;
    width:2.4rem;
    height:.6rem;
    line-height:.6rem;
    text-align:center;
    font-size:.3rem;
    margin: .12rem .2rem 0 0;
}
.jump-btn a{
    color: #fff;
    text-decoration: none;
}
.vjs-center-poster{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
    background: #000;
	z-index: 2;
}
.lib-video {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
	background: #000;
}
.lib-video video {
    object-fit: contain;
    width: 100%;
    height: 100%;
	z-index: 1;
}
.vjs-center-container {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    text-align: center;
    margin: auto;
    z-index: 2;
}
.vjs-button {
    background-color: transparent;
    border: none;
    color: #fff;
    outline: none;
}
.vjs-center-start {
    background-image: url("../images/play.png");
}
.vjs-center-retry, .vjs-center-start {
    background-size: contain;
    border: none;
    background-repeat: no-repeat;
}
.lib-video .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: .013333rem;
    margin: -.013333rem;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: .013333rem;
}
.vjs-center-container, .vjs-center-start {
    width: 1.333333rem;
    height: 1.333333rem;
}
.show_dialog{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgb(30,28,29);
    border-radius: .4rem .4rem 0 0;
    z-index: 23;
    color: white;
    text-align: justify;
    display: none;
}
.show_dialog_title{
    padding: .266667rem;
    font-size: .4rem;
    border-bottom:  1px solid rgb(137,136,137);
}
.show_mask{
    position: fixed;
    display: none;
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    z-index: 22;
}
.show_dialog_content{
    padding: .266667rem;
    font-size: .333333rem;
    line-height: .433333rem;
}
.heart_box{
    width: 1rem;
    height:.933333rem;
}
.heart {
    background: url(../images/heart.svg);
    width: .55rem;
    height: .55rem;
    background-size: 100% 100%;
}
.heart_border{
    display: flex;
    height: .55rem;
    justify-content: space-between;
    align-items: center;
    margin-top: .6rem;
}
.heart_border_box{
    width: .9rem;
    height: .9rem;
    background: rgba(0,0,0,.3);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: .133333rem;
}
.heart_border>p{
    width: 100%;
    color: white;
    font-size: .36rem;
    font-weight: normal;
    text-align: center;
    margin-top: .133333rem;
    flex: 1;
}
.heart_border .heart_hui{
    background: url(../images/heart_hui.svg);
    background-size: 100% 100%;
}