@charset "utf-8";
/**
 * @Source ../../static/video/detail/css/app.css
 */
@charset "utf-8";#vod-player .display,.copyUrl-modal .copy-url-btn{-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}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;white-space:nowrap;text-overflow:ellipsis}.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}.modal,.modal .mask{left:0;top:0;height:100%;width:100%}.modal{position:fixed;z-index:10001;display:none}.modal .mask{position:absolute;background-color:rgba(0,0,0,.7)}.modal .modal-body{z-index:5;position:relative}.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;left:50%;-webkit-transform:translateX(-50%);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}.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}.download-modal,.live .view{background-repeat:no-repeat}.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;user-select:none}.modal .msg,.modal .title{color:#000;text-align:center}.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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;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}.downloadTips-modal{position:relative;margin:auto;width:100vw;overflow:hidden}.downloadTips-modal img{display:block;margin:4vw auto;width:100%}#vod-player .loading,.download-modal{left:0;right:0;bottom:0;margin:auto;top:0}.modal .download-modal{position:absolute}.download-modal{position:absolute;width:70vw;height:68.2667vw;background-image:url(../../../common/res/img_h5_tanc.png);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}.none{display:none}.clearfix{*zoom:1}.clearfix:after{content:"";display:block;height:0;clear:both}.fl{float:left}.fr{float:right}@-webkit-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}}@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;width:10.666666666666668vw;height:10.666666666666668vw;background-image:url(../res/detail/loading.png);background-size:cover;-webkit-transform-origin:center;transform-origin:center;-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(../res/detail/exitfull.png)}#vod-player .display{top:0;z-index:10;user-select:none}#vod-player .mask{top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#vod-player .ctrl{z-index:1;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(../res/detail/m_play.png);margin-right:.666666666666667vw}#vod-player .pause{background-image:url(../res/detail/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(../res/detail/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;background-color:#000;overflow:hidden;cursor:pointer;text-align:center}#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(../res/detail/play.png);background-size:100%}.live,.video-li{position:relative}#vod-player .poster>img{height:100%;width:auto;opacity:.85;display:inline-block;border-style:none;margin:0;padding:0}.section-title{padding:4vw 0 4vw 4vw;font-size:4vw;line-height:4.266666666666667vw;display:inline-block;font-weight:700}.section-title .title-icon{width:4vw;height:4vw;display:inline-block;background-size:100% 100%;margin-right:2vw;vertical-align:top}.video-li{margin-right:4vw;margin-bottom:2.666666666666667vw;display:inline-block}.live{float:left;display:block;width:44vw;height:38.4vw;box-shadow:0 .533333333333333vw 1.6vw 0 rgba(0,0,0,.08);color:#333}.live .live-feature,.live .live-info,.live .live-title{position:absolute;overflow:hidden}.live .live-feature{display:block;top:0;left:0;width:100%;background-color:#000;height:26.13333333333333vw;background-size:cover;border-radius:1.066666666666667vw 1.066666666666667vw 0 0}.live .live-title{bottom:12vw;width:90%;height:4.8vw;padding:0 5%;color:#fff;font-size:2.666666666666667vw;white-space:nowrap;text-overflow:ellipsis}.live .live-info{bottom:0;left:0;right:0;margin:1.6vw 1.333333333333333vw;line-height:4.8vw;height:9.6vw;font-size:3.733333333333334vw;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.live .view{padding-left:4.666666666666667vw;background-image:url(../../res/common/icon_playtime.png);background-position:0 1.066666666666667vw;background-size:3.6vw 2.266666666666667vw;float:left;line-height:4.266666666666667vw}.live .time{float:right;line-height:4.8vw}.video-li:nth-child(2n){margin-right:0}.video-section{background:#fff;color:#333}.section-content{width:92vw;padding:0 4vw;margin-bottom:2.666666666666667vw;height:100%}.info-bar{padding:2.666666666666667vw 4vw;color:#333}.info-bar img{display:inline-block;width:9.866666666666667vw;height:9.866666666666667vw;border-style:none;margin:0;padding:0;border-radius:50%;margin-right:2vw}.info-bar .info-bar-like,.info-bar .info-bar-share{height:4.8vw;background-size:cover;margin-top:2.666666666666667vw}.info-bar .name{font-size:3.466666666666666vw;font-weight:700}.info-bar .play-info{font-size:2.933333333333333vw;color:#999;line-height:6.666666666666667vw}.info-bar .play-num{margin-right:2.933333333333333vw}.info-bar .info-bar-like{width:5.600000000000001vw;background-image:url(../res/detail/like.png);margin-right:6.4vw}.info-bar .info-bar-share{width:4.8vw;background-image:url(../res/detail/share.png)}