@charset "utf-8";
/**
 * @Source ../../static/special/shareshortvideo/css/app.css
 */
@charset "utf-8";*,.video-card .des{word-break:break-all}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-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}.header{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;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-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-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}.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}.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}.bottom-alert,.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}.bottom-alert{z-index:10000;position:fixed;bottom:0;width:100%;height:16vw;background:rgba(0,0,0,.8)}.bottom-alert .clearfix{*zoom:1}.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}.none{display:none}#video{position:relative;width:100vw;height:56.266666666666666vw}#video video{width:100%;height:100%;background:#eee}#video .display{position:absolute;top:0;left:0;right:0;bottom:0}#video .display .mask{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#video .display .video-btn{position:absolute;left:50%;top:50%;margin-top:-6.666666666666667vw;margin-left:-6.666666666666667vw;width:13.333333333333334vw;height:13.333333333333334vw;z-index:2}#video .display .video-btn.is-play .bigplay{display:none!important}#video .display .video-btn.is-play .bigpause{display:block!important}#video .display .video-btn .btn{width:100%;height:100%;border-radius:100%;background-size:100%}#video .display .video-btn .btn.bigplay{display:block;background-image:url(../res/play.png)}#video .display .video-btn .btn.bigpause{display:none;background-image:url(../res/pause.png)}#video .display .ctrl{position:absolute;bottom:0;left:0;right:0;z-index:2;font-size:0;background-image:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.7) 100%);background-image:linear-gradient(-180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.7) 100%)}#video .display .ctrl .time{display:inline-block;vertical-align:middle;width:100vw;text-align:center;padding:2.666666666666667vw 0}#video .display .ctrl .time .time-left,#video .display .ctrl .time .time-right{display:inline-block;vertical-align:middle;font-size:3.2vw;color:#fff;line-height:5.333333333333334vw;width:13.333333333333334vw;height:5.333333333333334vw;text-align:center}#video .display .ctrl .time .track{display:inline-block;vertical-align:middle;width:65.33333333333333vw;height:.8vw;margin:1.6vw 2vw;border-radius:100px;position:relative;background:#464646}#video .display .ctrl .time .track .trackbar{position:absolute;left:0;top:0;width:0;height:.8vw;border-radius:100px;background:#ff5655;z-index:2}#video .display .ctrl .time .track .trackbar .dot{position:absolute;width:4vw;height:4vw;right:-2vw;top:-1.6vw;background:#fff;border-radius:100%;z-index:3}#video .display .ctrl .time .track .loadingbar{position:absolute;left:0;top:0;width:0;height:.8vw;border-radius:100px;background:#7f7a7d;z-index:1;-webkit-transition:width .3s;transition:width .3s}#video .display .ctrl .full-btn{display:inline-block;vertical-align:middle;margin-left:2.666666666666667vw;width:5.333333333333334vw;height:5.333333333333334vw;background-size:100%;background-image:url(../res/ic_full.png)}#video .display .poster{position:absolute;left:0;top:0;width:100%;height:100%;z-index:3}#video .display .poster img{width:100%;height:100%}#video .display .poster .init-btn{position:absolute;top:50%;left:50%;margin-left:-6.666666666666667vw;margin-top:-6.666666666666667vw;width:13.333333333333334vw;height:13.333333333333334vw;background-image:url(../res/play.png);border-radius:100%;background-size:100%}#video .display .loading{z-index:3;position:absolute;bottom:0;left:0;right:0;top:0;opacity:.8;border-radius:50%;width:2.5vw;height:2.5vw;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;-moz-animation:.85s video-loader-rotate steps(8) infinite;animation:.85s video-loader-rotate steps(8) infinite}@-webkit-keyframes video-loader-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes video-loader-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.video-openapp-btn{display:block;box-sizing:border-box;width:100vw;height:10.666666666666668vw;font-size:4vw;line-height:10.666666666666668vw;text-align:center;color:#fff;background:#ff5655}.reader-like-icon,.reader-unlike-icon{display:inline-block;width:4.533333333333333vw;height:4.533333333333333vw;margin-right:1.333333333333333vw}.reader-like-icon{background:url(../res/news_up.png) no-repeat;vertical-align:-1.066666666666667vw;background-size:100% 100%}.reader-unlike-icon{background:url(../res/news_down.png) no-repeat;vertical-align:-1.333333333333333vw;background-size:100% 100%}.video-card{display:block;width:45.33333333333333vw;margin-bottom:4vw}.video-card .photo{width:45.33333333333333vw;height:25.6vw;background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;border-radius:1.066666666666667vw 1.066666666666667vw 0 0}.video-card .photo span{color:#fff;font-size:2.666666666666667vw;position:absolute;right:1.333333333333333vw;bottom:1.333333333333333vw}.video-card .des{color:#333;font-size:3.2vw;height:9.6vw;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:5.066666666666666vw;background:#fff;padding:1.6vw 1.333333333333333vw;box-shadow:0 .533333333333333vw 1.6vw 0 rgba(0,0,0,.08)}.more-video-list,.video-msg .reader-like-show{-webkit-box-orient:horizontal;-webkit-box-direction:normal}.more-video-list-wrap,.video-msg{padding:4vw}.video-msg .title{height:13.333333333333334vw;line-height:6.666666666666667vw;color:#333;font-weight:700;font-size:4.8vw}.video-msg .reader-like-show{font-size:3.2vw;color:#999;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.video-msg .reader-like-show>div{margin-right:4vw}.video-msg .reader-like-show span{display:inline-block;vertical-align:middle}.video-msg .reader-like-show i{margin-right:1.333333333333333vw}.more-video-list-wrap .title{font-size:4.266666666666667vw;font-weight:700;color:#333;margin-bottom:4vw}.more-video-list{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-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}