@charset "utf-8";
/**
 * @Source ../../static/home/css/live/app.css
 */
@charset "utf-8";.bottom-alert .clearfix,.clearfix{*zoom:1}.modal .btn,.trial-end{-webkit-box-direction:normal}fieldset,img{border:0}body,button,dd,dl,dt,fieldset,figcaption,figure,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}body,button,input,select,textarea{font:12px/1 Lucida Grande,'Microsoft YaHei',"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif}h1,h2,h3,h4,h5,h6{font-weight:400}h1{font-size:18px}h2{font-size:16px}h3{font-size:14px}h4,h5,h6{font-size:100%}address,cite,dfn,em,var{font-style:normal}code,kbd,pre,samp,tt{font-family:"Courier New",Courier,monospace}small{font-size:12px}li,ol,ul{list-style:none}a{text-decoration:none}a:active,a:hover,a:link,a:visited{text-decoration:none;color:#000}abbr[title],acronym[title]{border-bottom:1px dotted;cursor:help}q:after,q:before{content:''}legend{color:#000}table{border-collapse:collapse;border-spacing:0}*{word-break:break-all;word-wrap:break-word;-webkit-tap-highlight-color:rgba(0,0,0,0)}.header-right{line-height:1}.header-right .wxtips{display:none;position:fixed;top:1.066666666666667vw;right:2.933333333333333vw;width:43.06666666666666vw;height:24.133333333333333vw;color:#fff;background:url(../../../client/index/res/arrow@3x.png) center no-repeat;background-size:100%;padding:4.666666666666667vw 4vw 3.466666666666666vw;box-sizing:border-box;font-size:3.466666666666666vw;line-height:5.333333333333334vw;letter-spacing:.133333333333333vw;z-index:100}.header-right .wxtips .dots{display:inline-block;width:4.533333333333333vw;height:1.6vw;background:url(../../../client/index/res/dots@3x.png) center no-repeat;background-size:100%;margin:0 2.266666666666667vw}.header-btn-search{width:16vw;height:8vw;display:inline-block;background:#f0f0f0;border-radius:4vw;position:relative}.header-btn-search:after{content:'';display:inline-block;height:5.3333vw;width:5.3333vw;background-image:url(../../../common/res/index/ht_icon.png);background-repeat:no-repeat;background-size:68.8vw 33.6vw;background-position:-2.6667vw -2.6667vw;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto}.header-btn-download{display:inline-block;width:24vw;height:8vw;background:#ffd800;border-radius:4vw;line-height:8vw;text-align:center;vertical-align:top;margin-left:1.6vw;font-size:3.2vw}.ht-icon-search-history-icon{display:inline-block;vertical-align:middle;width:4vw;height:3.7333vw;background:url(../../../common/res/index/ht_icon.png) -34.4vw -11.6vw no-repeat;background-size:68.8vw 36.9333vw}.ht-icon-search-history-delete-icon{display:inline-block;vertical-align:middle;width:3.6vw;height:3.6vw;background:url(../../../common/res/index/ht_icon.png) -26.5333vw -11.6vw no-repeat;background-size:68.8vw 36.9333vw}.header,.index-search .index-search-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;-webkit-box-align:center}.header{display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:3.2vw 4vw;border-bottom:1px solid #eee;background-color:#fff}.header .logo{display:inline-block;height:7.7333vw;width:26.8vw;background:url(../../../common/res/index/logo-new.png) center center no-repeat;background-size:contain}.index-search{position:fixed;width:100vw;z-index:999;height:100%;background:#eee;top:0;left:0;display:none;overflow:scroll}.index-search .index-search-header{width:100%;height:11.7333vw;background-color:#fff;position:relative;z-index:2;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.index-search .index-search-input{padding:1.0667vw 2.4vw;background:#eee;border-radius:1.3333vw;margin-left:3.8667vw;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.index-search .index-search-input input{background-color:#eee;width:67.3333vw;height:5.3333vw;font-size:4vw;border:none}.index-search .index-search-input .header-btn-search{height:5.3333vw;width:5.3333vw;background:0 0}.index-search .search-cancel{display:inline-block;margin-right:3.8667vw;font-size:4.5333vw;color:#ff5655}.index-search .search-history{position:absolute;top:11.7333vw;background-color:#fff;display:none;z-index:4}.index-search .search-history li{height:5.8667vw;width:93.4667vw;padding:2.9333vw 0 2.9333vw 6.5333vw}.index-search .search-history span{display:inline-block;font-size:3.2vw;width:72vw;height:5.6vw;margin:0 3.6vw;vertical-align:middle}.index-search .search-history .clear-search-history{display:block;width:100vw;height:11.7333vw;line-height:2;text-align:center;color:#ff5655;font-size:4vw}.index-search .index-search-no-result,.index-search .index-search-result{padding-top:.1333vw;display:none}.index-search .index-search-result h2{display:block;font-size:4vw;height:5.6vw;line-height:1;color:#666;margin:2.6667vw 0 2.6667vw 4.1333vw}.index-search .index-search-result .index-search-section-content{margin:0 2.4vw}.live-room-card-des span,.live-room-card-title{margin-left:1.333333333333333vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.index-search .index-search-result .index-search-section-content .index-search-section-ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.index-search .index-search-no-result,.index-search .no-search-result{text-align:center;font-size:4vw;color:#999}.index-search .index-search-no-result p,.index-search .no-search-result p{background:url(../../../common/res/index/no_data.png) center center no-repeat;background-size:40vw 40vw;height:31.0667vw;margin-top:35.3333vw;margin-bottom:4.4vw}.live-room-card{position:relative;display:block;margin-bottom:3.733333333333334vw;width:45.33333333333333vw;height:38.4vw;border-radius:5px;box-shadow:0 4px 1.6vw 0 rgba(0,0,0,.08);padding-bottom:1.733333333333333vw;box-sizing:border-box}.live-room-card-img{display:block;height:25.6vw;position:static;border-radius:3px;width:100%;background:url(../../../common/res/index/icon_share.png) center center no-repeat;background-size:cover;overflow:hidden}.live-room-card-des{width:100%;position:absolute;bottom:0;font-size:2.9333vw;color:#fff;height:5.3333vw;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;background-image:#fff}.live-room-card-des span{display:inline-block;width:45%;color:#999}.live-room-card-des b{display:block;margin-right:1.6vw;margin-top:.4vw;font-weight:100;color:#666}.live-room-card-des b .ht-icon-popularity{margin-right:.5333vw;margin-top:-.9333vw;vertical-align:middle}.live-room-card-title{width:80%;display:inline-block;font-size:3.733333333333334vw;height:4.933333333333334vw;margin-top:2vw;text-indent:0}.user-searched-live-room-card{display:block;width:95.3333vw;position:relative;margin-bottom:3.7333vw}.user-searched-live-room-living{display:block;position:absolute;left:0;top:0;z-index:1;width:12.4vw;height:4.2667vw;background:url(../../../common/res/index/searched_living-room.png) no-repeat;background-size:12.4vw 4.2667vw}.user-searched-live-room-card-img{display:block;position:relative;width:100%;height:42vw;background:url(../../../common/res/share.png) center center no-repeat;background-size:cover;border-radius:1.0667vw;overflow:hidden}.user-searched-live-room-card-des{width:100%;position:absolute;bottom:0;font-size:2.9333vw;color:#fff;height:5.3333vw;line-height:1.5;background-color:rgba(0,0,0,.6)}.user-searched-live-room-card-des span{display:inline-block;width:45%;margin-left:1.6vw;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-searched-live-room-card-des b{display:block;float:right;margin-right:1.6vw;margin-top:.4vw;font-weight:100}.user-searched-live-room-card-des b .ht-icon-popularity{margin-right:.5333vw;margin-top:-.9333vw;vertical-align:middle}.user-searched-live-room-card-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:80%;display:inline-block;padding-top:1.3333vw;font-size:3.7333vw;text-indent:.7333vw;height:4.9333vw}.user-searched-live-room-card-room-message{margin-top:1.0667vw;text-indent:.7333vw}.user-searched-live-room-card-room-message span{font-size:3.2vw;margin-right:3.3333vw;color:#999}.user-searched-live-room-card-room-message b{font-size:3.2vw;color:#ff3f16;margin:0 1.3333vw;font-weight:100}.ht-icon-popularity{background:url(../../../common/res/newadd/ht-icon-popularity.png) no-repeat;display:inline-block;width:2.666666666666667vw;height:2.666666666666667vw;background-size:100% auto}.index-section{width:92vw;background:#fff;padding:0 4vw 3.33333vw;margin-bottom:2vw}.index-section-header{padding:2.4vw 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.index-section-header h2{font-size:4vw;font-weight:700}.index-section-header a{display:inline-block;font-size:3.2vw;color:#666}.index-section-ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.index-section-ul.stretch .live-room-card{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.section-icon-hot{background:url(../../../common/res/index/hot.png) left top no-repeat;background-size:3.73333vw 4vw;display:inline-block;height:4vw;width:4vw;margin-right:2.13333vw;float:left}.ht-icon-arrows{background:url(../../../common/res/index/ht_icon.png) -31.6vw -4.26667vw no-repeat;background-size:68.8vw 36.93333vw;display:inline-block;width:3.3vw;height:2vw}.ht-icon-arrows.rotate90{-webkit-transform:rotate(90deg)!important;transform:rotate(90deg)!important}.bottom-alert{z-index:10000;display:block;position:fixed;bottom:0;width:100%;height:16vw;background:rgba(0,0,0,.8)}.bottom-alert .clearfix:after{content:"";display:block;height:0;clear:both}.bottom-alert h2{height:13.3333vw;width:13.3333vw;background:url(../../../common/res/index/img_bottom_qielogo.png) no-repeat;background-size:13.3333vw 13.3333vw;margin:1.3333vw 2.8vw 1.3333vw 5.3333vw;float:left}.bottom-alert .bottom-alert-content{float:left;width:46.6667vw}.bottom-alert .bottom-alert-content h3{font-size:4vw;color:#fff;height:5.6vw;line-height:5.6vw;margin-top:2.4vw}.bottom-alert .bottom-alert-content p{font-size:2.8vw;color:#fff;height:5.6vw;line-height:5.6vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bottom-alert .bottom-alert-download-btn{display:inline-block;width:21.3333vw;height:8vw;color:#fff;font-size:3.2vw;background-color:#ff5655;border-radius:8vw;text-align:center;line-height:8vw;margin-right:7.6vw;margin-top:4vw;float:right}.bottom-alert .ht-icon-delete-icon{position:absolute;top:.6667vw;right:1.6vw;display:inline-block;width:3.4667vw;height:3.4667vw;background:url(../../../common/res/index/ht_icon.png) -19.0667vw -11.36vw no-repeat;background-size:68.8vw 36.9333vw}.qie-live-section{background:#fff;margin-top:2vw}.qie-section-header{width:100%}.qie-section-header span{display:inline-block;margin-left:1.3333vw;margin-top:4.2667vw;margin-bottom:4.2667vw;height:4.2667vw;padding-left:1.6vw;font-size:3.4667vw;line-height:4.4vw;border-left:1.0667vw solid #ff5655}.qie-relate-video-section{background:#fff;margin-top:2vw}.qie-relate-video-section .section-ul{padding:0 2vw}.clearfix:after{content:"";display:block;height:0;clear:both}.upright-li{padding:2.666666666666667vw 0;border-bottom:1px solid #eee;position:relative;display:inline-block;width:100%}.upright-li img{width:32.93333333333333vw;height:19.733333333333334vw;float:left}.upright-li .upright-live-title{position:absolute;top:17.599999999999998vw;background-image:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,#000 100%);background-image:linear-gradient(-180deg,rgba(0,0,0,0) 0,#000 100%);width:32.93333333333333vw;height:4.8vw;color:#fff;font-size:2.666666666666667vw}.upright-li .upright-live-num{float:right;margin-right:2.666666666666667vw;line-height:4.8vw}.upright-li .upright-info{float:left;width:56.00000000000001vw;margin-left:3.066666666666666vw}.upright-li .upright-title{line-height:5.333333333333334vw;max-height:10.666666666666668vw;font-size:3.733333333333334vw;overflow:hidden}.upright-li .upright-name{line-height:4.266666666666667vw;font-size:3.2vw;color:#999;margin-bottom:1.333333333333333vw}.upright-li .click-num,.upright-li .danmu-num{color:#999;display:inline-block;width:20vw;font-size:2.666666666666667vw;float:left}.modal .msg,.modal .title{color:#000;text-align:center}.upright-li .click-num i,.upright-li .danmu-num i{width:3.733333333333334vw;height:3.2vw;display:inline-block;background-image:url(../../../common/res/common/icon_playtime-b.png);background-size:100% 100%;vertical-align:middle;margin-right:.666666666666667vw}.modal,.modal .mask{width:100%;height:100%;top:0;left:0}.upright-li .click-num i.bscreen,.upright-li .danmu-num i.bscreen{background-image:url(../../../common/res/common/icon_bscreen.png)}.modal{position:fixed;z-index:10001;display:none}.modal .btn,.portraitVideoPlayer .time{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.modal .mask{position:absolute;background-color:rgba(0,0,0,.7)}.modal .modal-body{z-index:5;position:relative}.modal .alert-modal{box-sizing:border-box;border-radius:1.066666666666667vw;width:72vw;height:40vw;text-align:center;background-color:#fff;overflow:auto;margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}.modal .title{font-size:4.533333333333333vw;font-weight:700;height:6.4vw;line-height:6.4vw;margin-top:5.333333333333334vw}.modal .msg{font-size:3.733333333333334vw;height:5.333333333333334vw;margin-top:2.666666666666667vw;margin-bottom:5.333333333333334vw}.modal .btn .ebtn,.modal .btn .obtn{width:30vw;height:9.6vw;line-height:9.6vw;font-size:4vw;border-radius:4.8vw;font-weight:700}.modal .btn{display:flex;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.modal .btn .ebtn{color:#fff;background-color:#ccc;margin-right:4vw}.modal .btn .obtn{color:#000;background-color:#ffd800}.share-modal{window:100%;height:100%}.share-modal .tips{background:url(../../../common/res/share_guide.png) top right no-repeat;width:100%;height:100%;background-size:70vw auto}.share-modal .share-bar{position:fixed;z-index:11;bottom:0;left:0;padding-top:4vw;width:100%;height:40vw;line-height:15.3333vw;background-color:#fff;border-bottom:.2667vw solid #ddd;font-size:3.7333vw;overflow:hidden}.share-modal .share-bar .share-list{display:block;padding-top:2.6667vw;text-align:center;font-size:0}.share-modal .share-bar .share-list a{display:inline-block;margin:0 2vw;width:18vw}.share-modal .share-bar .share-list a span{display:block;width:100%;height:12vw;line-height:12vw;font-size:3.7333vw;text-align:center;color:#000}.share-modal .share-bar .share-list a img{display:block;width:7.3333vw;height:7.3333vw;margin:auto}.share-modal .share-bar .close{margin:auto;width:87.4667vw;height:10.4vw;line-height:10.4vw;text-align:center;font-size:4vw;color:#999}.copyUrl-modal{padding:7.7333vw 5vw 5vw;position:fixed;z-index:13;width:59.56vw;top:46.1333vw;left:50%;margin-left:-35.13vw;background:#fff;border-radius:1.0667vw;-webkit-transition:all .7s linear;transition:all .7s linear}.copyUrl-modal .close-url{display:block;position:absolute;top:3.2vw;right:3.2vw;width:3.2vw;height:3.2vw;background:url(../../../common/res/index/ht_icon.png) -19vw -11.6vw no-repeat;background-size:68.8vw 36.9333vw}.copyUrl-modal .p-link{font-size:4vw;color:#4a90e2}.copyUrl-modal .p-title{padding-top:1.3333vw;font-size:4vw;color:#333}.copyUrl-modal .copy-url-btn{font-size:3.7333vw;color:#999;margin-top:5vw;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#vod-player .display,.portraitVideoPlayer{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.downloadTips-modal{position:relative;margin:auto;width:100vw;overflow:hidden}.downloadTips-modal img{display:block;margin:4vw auto;width:100%}.landscape-modal{position:relative;margin:auto;width:100vw;overflow:hidden}.landscape-modal img{display:block;margin:6.6667vw auto;width:66.6667vw;position:relative}.landscape-modal .close-landscape{position:absolute;top:6.4516vw;right:17.0045vw;width:7.5019vw;height:7.5019vw}.landscape-modal .openAppBtn{position:absolute;bottom:0vw;right:23vw;width:40vw;height:26.6667vw}.modal .download-modal{position:absolute}.download-modal{position:absolute;width:70vw;height:68.2667vw;margin:auto;top:0;left:0;right:0;bottom:0;background-image:url(../../../common/res/img_h5_tanc.png);background-repeat:no-repeat;background-position:50% 50%;background-size:67.3333vw 65.6vw}.download-modal .download-modal-btn{width:100%;height:13.3333vw;position:absolute;bottom:0}.download-modal .download-modal-close{width:13.3333vw;height:13.3333vw;position:absolute;right:0}.APP-bar{display:block;height:16vw;margin:0 auto;background-color:#fff;padding:3vw 2.4vw 0;position:relative}.APP-bar .APP-logo{background:url(../../../common/res/index/img_bottom_qielogo.png) no-repeat;background-size:11.7333vw 11.7333vw;display:block;width:11.7333vw;height:11.7333vw;float:left;margin:0 4.5333vw 0 0}.APP-bar .APP-bar-title{font-size:4vw;color:#333;display:inline-block}.APP-bar .APP-bar-title span{margin-bottom:1.5vw;display:block}.APP-bar .APP-bar-message{font-size:3.2vw;color:#666}.APP-bar .live-room-user-btn{border-radius:6.9333vw;display:inline-block;width:18.4vw;height:6.9333vw;color:#fff!important;line-height:6.9333vw;background-color:#ff5655;font-size:3.2vw;text-align:center;position:relative;top:-4vw}.APP-bar .APP-bar-openBtn{position:absolute;top:2.3333vw;right:21.8667vw}.info-bar{height:14.399999999999999vw;box-sizing:border-box;padding:2.4vw 4vw 2.133333333333333vw;background:#fff;position:relative;margin-bottom:1.333333333333333vw;box-shadow:0 .533333333333333vw 1.333333333333333vw 0 rgba(217,217,217,.3)}.info-bar .photo{float:left;margin-right:2.133333333333333vw}.info-bar .photo img{width:9.866666666666667vw;height:9.866666666666667vw;border-radius:100%}.info-bar .liver-info{float:left;width:53.333333333333336vw;margin-right:11.733333333333333vw}.info-bar .liver-info p{font-size:3.466666666666666vw;width:100%;box-sizing:border-box;color:#3c3d3e;line-height:3.733333333333334vw;height:3.733333333333334vw;font-weight:700;margin-bottom:1.866666666666667vw;margin-top:.533333333333333vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-bar .liver-info span{font-size:2.933333333333333vw;color:#999;vertical-align:top;line-height:3.466666666666666vw;height:3.466666666666666vw;display:inline-block;max-width:49%;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:2.666666666666667vw}.info-bar .liver-info span:last-child{margin-right:0}.info-bar .share{width:14.666666666666666vw;height:7.466666666666668vw;line-height:7.466666666666668vw;text-align:center;border-radius:4vw;background:#ffd800;font-size:2.933333333333333vw;color:#333;font-weight:700;position:absolute;top:3.466666666666666vw;right:4vw}.liver-info-msg{padding:2.666666666666667vw 4vw 5.333333333333334vw;background:#fff}.liver-info-msg .msg-title{height:6vw;line-height:6vw;font-size:4.266666666666667vw;color:#333;font-weight:700;margin-bottom:6vw}.liver-info-msg .msg-content p{color:#666;line-height:5.333333333333334vw;font-size:3.733333333333334vw;display:inline-block}.portraitVideoPlayer{width:100%;height:100%;position:relative;overflow:hidden;user-select:none;display:none}.portraitVideoPlayer .loading{opacity:.8;border-radius:50%;width:2.5vw;height:2.5vw;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;box-shadow:0 -4vw 0 0 #000,-2.8vw -2.8vw 0 0 rgba(0,0,0,.75),-4vw 0 0 0 rgba(0,0,0,.5),-2.8vw 2.8vw 0 0 rgba(0,0,0,.25);-webkit-animation:.85s video-loader-rotate steps(8) infinite;animation:.85s video-loader-rotate steps(8) infinite}.portraitVideoPlayer video{background:#000}.portraitVideoPlayer .gift,.portraitVideoPlayer .narrow-icon,.portraitVideoPlayer .pause,.portraitVideoPlayer .play,.portraitVideoPlayer .playBtn,.portraitVideoPlayer .share,.portraitVideoPlayer .t-img{background-size:89.73333333333333vw 38.4vw;display:inline-block;background-image:url(../../../common/res/index/godness.png);background-repeat:no-repeat;width:10.666666666666668vw;height:10.666666666666668vw;vertical-align:middle}.portraitVideoPlayer .display,.portraitVideoPlayer .poster{width:100%;height:100%;top:0;left:0;position:absolute}.portraitVideoPlayer .poster{z-index:4;background-size:cover;background-position:50% 50%}.portraitVideoPlayer .poster .playBtn{width:4.533333333333333vw;height:5.333333333333334vw;background-position:-8.133333333333333vw -25.866666666666667vw;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}.portraitVideoPlayer .room-info{position:absolute;top:2.666666666666667vw;left:2.666666666666667vw;z-index:5}.portraitVideoPlayer .user-info{width:38.13333333333333vw;height:8.533333333333333vw;border-radius:4.266666666666667vw;background:rgba(0,0,0,.2);margin-bottom:2.666666666666667vw}.portraitVideoPlayer .user-info:after{display:block;content:'';clear:both}.portraitVideoPlayer .user-info .avatar{width:8.533333333333333vw;height:8.533333333333333vw;background-size:cover;border-radius:4.266666666666667vw;float:left}.portraitVideoPlayer .user-info span{margin-left:10vw;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}.portraitVideoPlayer .user-info .name{font-size:3.2vw}.portraitVideoPlayer .room-id,.portraitVideoPlayer .user-info .class{font-size:2.666666666666667vw}.portraitVideoPlayer .room-id{display:inline-block;line-height:5.333333333333334vw;border-radius:2.666666666666667vw;background:rgba(0,0,0,.2);color:#fff;padding:0 1.6vw}.portraitVideoPlayer .room-info-foot{position:absolute;bottom:0;left:0;width:100%;z-index:5}.portraitVideoPlayer .opsBar{margin:0 2.666666666666667vw 2.666666666666667vw}.portraitVideoPlayer .opsBar:after{display:block;content:'';clear:both}.portraitVideoPlayer .opsBar .left{float:left}.portraitVideoPlayer .opsBar .share{background-position:-20vw -6.666666666666667vw}.portraitVideoPlayer .opsBar .gift{margin-left:1.333333333333333vw;background-position:-38.13333333333333vw -6.666666666666667vw}.portraitVideoPlayer .opsBar .openapp{float:right;line-height:9.6vw;font-size:3.2vw;color:#fff;padding:0 3.2vw;background:rgba(0,0,0,.2);border-radius:4.8vw}.portraitVideoPlayer .opsBar .narrow-icon{background-position:-42.53333333333333vw -26.93333333333333vw;width:2vw;margin-left:2vw;height:3.466666666666666vw}.portraitVideoPlayer .time{margin:0 3.466666666666666vw;color:#fff;height:5.333333333333334vw;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;font-size:3.2vw}.portraitVideoPlayer .danmuItem{color:#fff;font-size:4.266666666666667vw;padding:.8vw 3.2vw}.portraitVideoPlayer .danmuItem:first-child{opacity:.5}.portraitVideoPlayer .danmuItem .uname{color:#7ff}.portraitVideoPlayer .ctrl{margin-bottom:2.666666666666667vw}.portraitVideoPlayer .track{height:5.333333333333334vw;width:55.46666666666666vw;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative}.portraitVideoPlayer .trackWrap{width:100%;background:#4a3535;height:1.066666666666667vw;border-radius:.533333333333333vw;position:relative}.portraitVideoPlayer .loadingbar,.portraitVideoPlayer .trackbar{width:0;height:1.066666666666667vw;border-radius:.533333333333333vw;top:0;background:#ff3f16;left:0}.portraitVideoPlayer .loadingbar{position:absolute;z-index:2;opacity:.5}.portraitVideoPlayer .trackbar{position:absolute;z-inde:3}.portraitVideoPlayer .trackbar .dot{width:5.333333333333334vw;height:5.333333333333334vw;padding:0 2.666666666666667vw;position:absolute;right:-4vw;top:-2.4vw}.portraitVideoPlayer .trackbar .dot>div{display:block;content:'';width:4vw;height:4vw;margin:0 auto;margin-top:.666666666666667vw;border-radius:50%;background:#fff}.portraitVideoPlayer .play{width:4.8vw;height:5.333333333333334vw;background-position:-8.133333333333333vw -25.866666666666667vw}.portraitVideoPlayer .pause{width:4.8vw;height:5.466666666666667vw;background-position:-23.066666666666666vw -25.866666666666667vw}.portraitVideoPlayer .no-play{position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.portraitVideoPlayer .no-play .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;z-index:1}.portraitVideoPlayer .no-play .bg:after{display:block;content:'';width:100%;height:100%;background:rgba(0,0,0,.7)}.portraitVideoPlayer .no-play .tips{position:relative;z-index:3;margin-bottom:4vw;text-align:center}.portraitVideoPlayer .no-play .t-img{background-position:-59.599999999999994vw -8.799999999999999vw;width:10.4vw;height:6.933333333333333vw;margin:0 auto}.portraitVideoPlayer .no-play .t-msg{color:#bbb;font-size:3.733333333333334vw}.portraitVideoPlayer .no-play .like,.portraitVideoPlayer .no-play .seeAnother,.portraitVideoPlayer .no-play .seeVideo{position:relative;z-index:3;color:#fff;font-size:4vw;margin-bottom:4vw;line-height:7.466666666666668vw;border-radius:3.733333333333334vw;background:#4782fb;padding:0 3.733333333333334vw}.portraitVideoPlayer .no-play .like{background:#ff5655}@-moz-keyframes video-loader-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-webkit-keyframes video-loader-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes video-loader-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes video-loader-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}#vod-player{width:100%;height:56.00000000000001vw;position:relative;overflow:hidden}#vod-player video{background-color:#000;display:none}#vod-player video.show{display:block}#vod-player .loading{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:10.666666666666668vw;height:10.666666666666668vw;background-image:url(../../../common/res/common/player/loading.png);background-size:cover;-webkit-transform-origin:center;transform-origin:center;display:none;-webkit-animation:.85s video-loader-rotate steps(16) infinite;animation:.85s video-loader-rotate steps(16) infinite}#vod-player.full{position:fixed;top:0;bottom:0;left:0;right:0;width:auto;height:auto;z-index:5}#vod-player .ctrl,#vod-player .display,#vod-player .mask{position:absolute;left:0;right:0;bottom:0}#vod-player.full .full-btn{background-image:url(../../../common/res/common/player/exitfull.png)}#vod-player .display{top:0;z-index:10;user-select:none}#vod-player .mask{top:0;display:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#vod-player .ctrl{z-index:1;display:none;height:9.333333333333334vw}#vod-player .track{position:relative;width:100%;height:.8vw;background-color:rgba(255,255,255,.8)}#vod-player .ctrl-bar{padding-top:2.133333333333333vw;height:5.066666666666666vw;color:#fff;font-size:3.733333333333334vw}#vod-player .btn{display:inline-block;width:4.8vw;height:4.8vw;vertical-align:sub;background-size:100%}#vod-player .play{background-image:url(../../../common/res/common/player/m_play.png);margin-right:.666666666666667vw}#vod-player .pause{background-image:url(../../../common/res/common/player/m_pause.png);display:none;margin-right:.666666666666667vw}#vod-player .time,#vod-player .video-btn.is-play .pause{display:inline-block}#vod-player .video-btn{position:absolute;left:4vw}#vod-player .video-btn.is-play .play{display:none}#vod-player .full-btn{position:absolute;right:4vw;background-image:url(../../../common/res/common/player/full.png)}#vod-player .trackbar{position:absolute;left:0;top:0;bottom:0;z-index:5;width:0;background-color:#ffd800}#vod-player .dot{position:absolute;width:5.333333333333334vw;height:5.333333333333334vw;right:-2.266666666666667vw;top:-2.666666666666667vw}#vod-player .dot:after{content:'';display:block;width:4vw;height:4vw;border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;background-color:#fff}#vod-player .poster{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;cursor:pointer;text-align:center;background:no-repeat;background-size:cover}#vod-player .poster .init-btn{position:absolute;top:0;bottom:0;left:0;right:0;width:10.666666666666668vw;height:10.666666666666668vw;margin:auto;background-image:url(../../../common/res/common/player/play.png);background-size:100%}#vod-player .poster>img{height:100%;width:auto;opacity:.85;display:inline-block;border-style:none;margin:0;padding:0}#vod-player .no-play{width:100%;height:100%;padding-top:2.666666666666667vw;line-height:5.333333333333334vw;font-size:3.733333333333334vw;text-align:center;color:#fff;background-color:#000;display:none}#vod-player .no-play h3{font-size:4.266666666666667vw;color:#fff;margin-top:17.733333333333334vw;padding-bottom:6.933333333333333vw}#vod-player .no-play a:nth-of-type(1){margin-right:7.733333333333333vw}#vod-player .no-play span{position:absolute;right:0;top:0;width:20vw;height:13.333333333333334vw;line-height:13.333333333333334vw;font-size:8vw}#vod-player .no-play .live-room-user-btn{border-radius:6.933333333333333vw;display:inline-block;width:18.4vw;height:6.933333333333333vw;color:#fff!important;line-height:6.933333333333333vw;background-color:#ff5655;font-size:3.2vw;text-align:center;position:relative;top:-4vw}@keyframes video-loader-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center;transform-origin:center}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transform-origin:center;transform-origin:center}}#voice-player{width:100%;height:100%;position:relative;overflow:hidden;background:url(../../../common/res/common/player/voice_bg.png) center/cover no-repeat}#voice-player .avatar{display:none}#voice-player .avatar.show{display:block;width:100%;height:100%}#voice-player .avatar img{position:absolute;width:16vw;height:16vw;border-radius:50%;top:15.866666666666667vw;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#voice-player .avatar .live{position:absolute;top:24vw;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:5.066666666666666vw;height:5.066666666666666vw;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;box-sizing:border-box}#voice-player .avatar .live>span{position:relative;width:.933333333333333vw;height:70%}#voice-player .avatar .live>span:first-child{height:80%}#voice-player .avatar .live>span:first-child:after{-webkit-animation-delay:.1s;animation-delay:.1s}#voice-player .avatar .live>span:last-child{height:100%}#voice-player .avatar .live>span:last-child:after{-webkit-animation-delay:.5s;animation-delay:.5s}#voice-player .avatar .live>span:after{position:absolute;bottom:0;left:0;content:'';width:100%;height:30%;border-radius:.466666666666667vw;background:#fff;-webkit-animation:grow .5s;animation:grow .5s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate-reverse;animation-direction:alternate-reverse}@-moz-keyframes grow{from{height:100%}to{height:30%}}@-webkit-keyframes grow{from{height:100%}to{height:30%}}@-o-keyframes grow{from{height:100%}to{height:30%}}@keyframes grow{from{height:100%}to{height:30%}}#voice-player .avatar .app{margin-bottom:15.866666666666667vw;font-size:3.733333333333334vw;width:100%;color:#fff;text-align:center;bottom:0;position:absolute}#voice-player .play{display:none;width:100%;height:100%}#voice-player .play.show{display:block;background-image:url(../../../common/res/common/player/play.png);background-size:10.666666666666668vw 10.666666666666668vw;background-position:center;background-repeat:no-repeat}#voice-player .no-play{display:none}#voice-player .loading{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:10.666666666666668vw;height:10.666666666666668vw;background-image:url(../../../common/res/common/player/loading.png);background-size:cover;-webkit-transform-origin:center;transform-origin:center;display:none;-webkit-animation:.85s video-loader-rotate steps(16) infinite;animation:.85s video-loader-rotate steps(16) infinite}#voice-player .loading.show{display:block}#voice-player.noplay{background:#000}#voice-player.noplay .avatar.show,#voice-player.noplay .play.show{display:none}#voice-player.noplay .no-play{display:block;color:#fff;width:100%;text-align:center;margin:auto;position:absolute;top:0;bottom:0;height:4.266666666666667vw;line-height:4.266666666666667vw}#voice-player.noplay .no-play h3{font-size:4.266666666666667vw}#voice-player .video-box{display:none}.qie-tab{width:100vw;height:11.600000000000001vw;border-bottom:1px solid #e8e8e8;font-size:0;background:#fff}.qie-tab li{display:inline-block;margin-left:8vw}.qie-tab li.cur .tab-btn{color:#333}.qie-tab li.cur .tab-btn:after{content:'';display:inline-block;width:4.8vw;height:.533333333333333vw;border-radius:.533333333333333vw;position:absolute;left:50%;background:#333;margin-left:-2.4vw;bottom:0}.qie-tab .tab-btn{width:16vw;font-size:3.466666666666666vw;position:relative;height:11.600000000000001vw;line-height:11.600000000000001vw;color:#999;text-align:center;font-weight:700}.qie-tab .sub-btn{width:14.666666666666666vw;margin:0 auto;font-size:2.933333333333333vw;text-align:center;height:7.466666666666668vw;line-height:6.933333333333333vw;color:#ffb500;box-sizing:border-box;border:.266666666666667vw solid #ffb500;border-radius:5.333333333333334vw;font-weight:700}.qie-more-lives .card,.qie-more-video .content .card{box-shadow:0 .533333333333333vw 1.6vw 0 rgba(0,0,0,.08);border-radius:1.6vw;float:left}.qie-more-video{padding:2.933333333333333vw 4vw;background:#fff}.qie-more-video .section-title{font-size:4.266666666666667vw;color:#333;font-weight:700;margin-bottom:2.8vw}.qie-more-video .content{overflow:hidden}.qie-more-video .content .card{width:45.33333333333333vw;position:relative;background:#fff;overflow:hidden;margin-bottom:1.333333333333333vw;margin-right:1.333333333333333vw}.qie-more-video .content .card:nth-child(even){margin-right:0}.qie-more-video .content .card .photo{width:100%;height:25.6vw;background:no-repeat;background-size:cover}.qie-more-video .content .card .play-num,.qie-more-video .content .card .time{font-size:2.666666666666667vw;color:#fff;position:absolute;top:20.533333333333335vw}.qie-more-video .content .card .play-num{left:1.333333333333333vw}.newadd_section .ad,.qie-chat-new-msg{left:50%;-webkit-transform:translateX(-50%)}.qie-more-video .content .card .play-num i{display:inline-block;vertical-align:top;margin-top:.4vw;width:3.733333333333334vw;height:2.4vw;background:url(../../../common/res/common/live/playnum.png) no-repeat;background-size:3.733333333333334vw 2.4vw;margin-right:.8vw}.qie-more-video .content .card .time{right:1.333333333333333vw}.qie-more-video .content .card .video-title{width:42.66666666666667vw;box-sizing:border-box;height:12.8vw;margin:0 auto;padding:1.6vw 0;overflow:hidden}.qie-more-lives{padding:5.333333333333334vw 4vw;overflow:hidden;background:#fff}.qie-more-lives .card .name,.qie-more-lives .card .online,.qie-more-lives .card .title{padding:0 1.333333333333333vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.qie-more-lives .card{width:45.33333333333333vw;overflow:hidden;background:#fff;margin-right:1.333333333333333vw;margin-bottom:1.333333333333333vw}.qie-more-lives .card:nth-child(even){margin-right:0}.qie-more-lives .card .photo{height:25.6vw;background:no-repeat;background-size:cover}.qie-more-lives .card .title{height:4.8vw;line-height:4.8vw;font-size:3.2vw;color:#333}.qie-more-lives .card .name,.qie-more-lives .card .online{font-size:2.666666666666667vw;height:4vw;line-height:4vw;color:#999;box-sizing:border-box;width:50%;float:left}.qie-more-lives .card .name{float:left;width:26.666666666666668vw}.qie-more-lives .card .online{float:right;width:18.666666666666668vw;text-align:right}.qie-more-lives .card .online i{display:inline-block;vertical-align:top;width:2.666666666666667vw;height:2.666666666666667vw;margin-top:.4vw;margin-right:.8vw;background:url(../../../common/res/common/live/onlinenum.png) no-repeat;background-size:2.666666666666667vw 2.666666666666667vw}.qie-chat-list-wrap{width:100%;height:100%;position:absolute;top:0;box-sizing:border-box;overflow-y:auto}.qie-chat-new-msg{position:absolute;bottom:13vw;transform:translateX(-50%);color:#fe6432;font-size:3.466666666666666vw;line-height:5.066666666666666vw;background-color:#fff;box-shadow:0 0 3px #ddd;padding:1.5vw;border-radius:.533333333333333vw}.qie-chat-list .item,.qie-chat-list .name{font-size:3.733333333333334vw;display:inline-block}.qie-chat-list{background:#fff;padding:4vw 4vw 12vw;box-sizing:border-box;box-shadow:0 4px 10px 0 rgba(217,217,217,.3) inset}.qie-chat-list .item{color:#333;line-height:5.333333333333334vw;width:100%;margin-bottom:2.666666666666667vw}.qie-chat-list .item img{width:8.266666666666666vw;height:8.266666666666666vw;vertical-align:text-bottom}.qie-chat-list .level{display:inline-block;width:14.266666666666666vw;height:4.266666666666667vw;background-size:14.266666666666666vw 4.266666666666667vw;background-repeat:no-repeat;vertical-align:sub}.qie-chat-list .name{color:#80bade;vertical-align:middle}.qie-chat-send{height:12vw;box-sizing:border-box;background:#fff;box-shadow:0 -4px 10px 0 rgba(217,217,217,.3);padding:1.866666666666667vw 0vw 2.133333333333333vw 3.333333333333333vw;font-size:0;position:absolute;bottom:0;width:100%}.qie-chat-send .btn,.qie-chat-send .input{font-size:3.466666666666666vw;margin-right:6vw;display:inline-block;vertical-align:middle}.qie-chat-send .input{background:#f8f8f8;border:.266666666666667vw solid #f1f1f1;height:8vw;width:64vw;box-sizing:border-box;border-radius:8vw;line-height:8vw;color:#a9a9a9;padding:0 3.2vw}.qie-chat-send .btn{width:7.16vw;height:7.16vw;line-height:7.199999999999999vw;text-align:center;background-image:url(../../../common/res/common/live/recharge_icon.png);background-size:100%;background-position:center}.qie-chat-send .gift{width:7.466666666666668vw;height:7.466666666666668vw;background:url(../../../common/res/common/live/gift.png) no-repeat;background-size:7.199999999999999vw 7.466666666666668vw;display:inline-block;vertical-align:middle}.newadd_section{width:100%;height:18.666666666666668vw;padding-top:1.333333333333333vw;box-sizing:border-box;position:relative}.newadd_section .ad,.newadd_section .download{width:92vw;height:16vw;border-radius:.533333333333333vw}.newadd_section .download{background:url(../../../common/res/newadd/newadd_section.png) no-repeat;background-size:100% auto;margin:0 auto}.newadd_section .ad{display:none;position:absolute;top:1.333333333333333vw;transform:translateX(-50%);z-index:1;background-repeat:no-repeat;background-size:cover;background-position:center}.newadd_section .ad.show{display:block}.newadd_section .ad:before{content:'广告';position:absolute;left:1.333333333333333vw;bottom:1.333333333333333vw;width:8vw;height:4.266666666666667vw;line-height:4.266666666666667vw;font-size:2.666666666666667vw;color:#fff;letter-spacing:0;text-align:center;opacity:.5;background:#000;border-radius:.533333333333333vw}.newadd_section .ad .close{position:absolute;right:1.333333333333333vw;top:1.333333333333333vw;width:5.066666666666666vw;height:5.066666666666666vw;background:url(../../../common/res/close_ad.png) center/contain no-repeat;opacity:.5}.room-section-wrap{position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;overflow:hidden}.room-section-wrap .player-section{position:relative;width:100%;height:56.8vw;background:#000}.room-section-wrap .room-section-top{height:83.46666666666667vw;position:absolute;top:0;width:100%;z-index:10}.room-section-wrap .room-section-top.short-padding-top{height:72.8vw}.room-section-wrap .room-section-bottom{width:100%;box-sizing:border-box;padding-top:83.46666666666667vw;height:100%;position:absolute;top:0}.room-section-wrap .room-section-bottom.short-padding-bottom{padding-top:72.8vw}.room-section-wrap .room-section-bottom .room-bottom-content{width:100%;height:100%;overflow:scroll;-webkit-overflow-scrolling:touch;display:none;box-sizing:border-box;position:relative}.room-section-wrap .room-section-bottom .room-bottom-content.sendBottom{padding-bottom:12vw;overflow:hidden}.room-section-wrap .room-section-bottom .room-bottom-content.cur{display:block}.room-section-wrap .room-section-bottom .room-bottom-content .ad{display:none;position:absolute;top:0vw;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100vw;height:26.666666666666668vw;z-index:1;background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:.533333333333333vw}.room-section-wrap .room-section-bottom .room-bottom-content .ad.show,a.moreGodness{display:block}.room-section-wrap .room-section-bottom .room-bottom-content .ad:before{content:'广告';position:absolute;left:1.6vw;bottom:1.6vw;width:8vw;height:4.266666666666667vw;line-height:4.266666666666667vw;font-size:2.666666666666667vw;color:#fff;letter-spacing:0;text-align:center;opacity:.5;background:#000;border-radius:.533333333333333vw}.room-section-wrap .room-section-bottom .room-bottom-content .ad .close{position:absolute;right:1.6vw;top:1.6vw;width:5.066666666666666vw;height:5.066666666666666vw;background:url(../../../common/res/close_ad.png) center/contain no-repeat;opacity:.5}.bcontainer,.bke{background-color:#fff}body,html{margin:0;height:100%;color:#333;line-height:1.5}.bcontainer{margin:auto;width:100vw;min-height:100%;font-family:PingFangSC-Regular,Helvetica}.qie-live-section.sectionNoMt,.qie-relate-video-section.sectionNoMt{margin-top:0}.textoverflow{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.qie-live-section.sectionNoMt .index-section{margin-bottom:0}a.moreGodness{text-align:center;line-height:11.733333333333333vw;font-size:4vw;color:#4782fb}a.moreGodness span{display:inline-block;background:url(../../res/godness.png) -79.33333333333333vw -10.533333333333333vw no-repeat;background-size:89.73333333333333vw 38.4vw;width:1.866666666666667vw;height:3.333333333333333vw;margin-left:.666666666666667vw}.container .trial-watching .trial-gradient,.trial-end{display:none}.trial-end,.trial-watching{position:absolute;width:100%;z-index:11;color:#fff}.trial-watching{height:10.666666666666668vw;line-height:10.666666666666668vw;bottom:0;pointer-events:none;opacity:0;-webkit-animation:fade-out 3.125s linear;animation:fade-out 3.125s linear}.trial-watching .trial-gradient{height:100%;background-image:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,#000 61%);background-image:linear-gradient(180deg,rgba(0,0,0,0) 0,#000 61%);opacity:.5}.trial-watching .trial-tips{position:absolute;padding-left:3.2vw;font-family:PingFang-SC-Bold;font-size:3.2vw;-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%}.container .trial-watching{bottom:13.333333333333334vw}.trial-end{height:100%;top:0;left:0;-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-color:rgba(0,0,0,.7);font-size:4vw;line-height:5.600000000000001vw;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.trial-end .ok-btn{width:22.933333333333334vw;height:8.533333333333333vw;line-height:8.533333333333333vw;border-radius:4.8vw;background:#ffd800;color:#000;text-align:center;margin-top:4.8vw;font-size:3.733333333333334vw}#tt_title{padding:4vw 3.2vw}#tt_title .tt-title-h3{font-size:5.6vw;color:#333;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;margin-bottom:2.5vw}#tt_title .fenlei,#tt_title .room-num{display:inline-block;height:4.4vw;font-size:3.2vw}#tt_title .fenlei{color:#333;margin-right:4.8vw}#tt_title .fenlei a{margin-left:2vw;color:#F65533}#tt_title .room-num{color:#333}#tt_title .room-num span{margin-left:2vw;color:#F65533}@-moz-keyframes fade-out{0%,80%{opacity:1}100%{opacity:0}}@-webkit-keyframes fade-out{0%,80%{opacity:1}100%{opacity:0}}@-o-keyframes fade-out{0%,80%{opacity:1}100%{opacity:0}}@keyframes fade-out{0%,80%{opacity:1}100%{opacity:0}}