@charset "utf-8";
/**
 * @Source ../../static/home/css/live/app-qqnews.css
 */
@charset "utf-8";#vod-player .display,.portraitVideoPlayer{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}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}.live-room-card-des span,.live-room-card-title{margin-left:1.333333333333333vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}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)}.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}.ht-icon-popularity{display:inline-block;background:url(../../../common/res/newadd/ht-icon-popularity.png) no-repeat;background-size:100% auto;width:2.666666666666667vw;height:2.666666666666667vw}.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}.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{*zoom:1}.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-box-direction:normal;-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}.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}.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);-webkit-transform-origin:center;transform-origin:center}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transform-origin:center;transform-origin:center}}#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}.container{padding-bottom:16vw}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;background-color:#eee}.qie-live-section.sectionNoMt,.qie-relate-video-section.sectionNoMt{margin-top:0}.bke{background-color:#fff}.textoverflow{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.qie-live-section.sectionNoMt .index-section{margin-bottom:0}a.moreGodness{display:block;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}