| 1 |
- li[data-v-488e0802],ul[data-v-488e0802]{margin:0;padding:0;list-style:none}.disable[data-v-488e0802]{pointer-events:none}.comment[data-v-488e0802]{position:fixed;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:999;overflow:hidden}.comment.show[data-v-488e0802]{pointer-events:all}.comment>div[data-v-488e0802]{position:fixed;top:25%;left:0;bottom:0;width:100%;border-top-left-radius:.3rem;border-top-right-radius:.3rem;background-color:#222426;color:hsla(0,0%,100%,.8);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.comment header[data-v-488e0802]{height:1rem;line-height:1rem;position:relative;text-align:center}.comment header span[data-v-488e0802]{font-size:14px}.comment header i[data-v-488e0802]{position:absolute;right:.5rem;font-size:.4rem;color:#fff}.comment main[data-v-488e0802]{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;color:#8c8e90;font-size:14px;width:100%;height:100%;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.comment main.hidden[data-v-488e0802]{overflow:hidden}.comment main>div[data-v-488e0802]{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.comment main ul li[data-v-488e0802]{padding:.3rem .5rem}.comment main ul li.end[data-v-488e0802]{text-align:center;padding-bottom:.8rem;padding-bottom:1rem}.comment main ul li>div[data-v-488e0802]{display:-webkit-box;display:-ms-flexbox;display:flex}.comment main ul li>div>img[data-v-488e0802]{width:.8rem;height:.8rem;border-radius:50%}.comment main ul li>div>div[data-v-488e0802]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:.3rem}.comment main ul li>div .nickname[data-v-488e0802]{line-height:1}.comment main ul li>div .nickname .flag[data-v-488e0802]{color:#fff;background-color:#ed5d18;border-radius:.05rem;margin-left:10px;padding:0 4px}.comment main ul li>div .content[data-v-488e0802]{color:hsla(0,0%,100%,.8);margin-top:.2rem;margin-bottom:.2rem;line-height:1.5;font-size:16px}.comment main ul li>div .reply span[data-v-488e0802]{margin-left:.3rem}.comment main ul li>div .split[data-v-488e0802]{font-size:0;line-height:0;height:1px;background-color:#333536;margin-top:.3rem}.comment main ul li>div li[data-v-488e0802]{padding:0;padding-top:.5rem}.comment main ul li>div li>div[data-v-488e0802]{display:-webkit-box;display:-ms-flexbox;display:flex}.comment main ul li>div li>div>img[data-v-488e0802]{width:.6rem;height:.6rem}.comment footer[data-v-488e0802]{padding:.3rem;height:2rem;background:#000}.comment footer.active[data-v-488e0802]{background:#fff;height:1.5rem}.comment footer.active input[data-v-488e0802]{color:#000}.comment footer>div[data-v-488e0802]{position:relative;color:#8c8e90}.comment footer>div input[data-v-488e0802]{height:1rem;width:90%;font-size:14px;background:transparent;border:none;outline:none;resize:none;color:#fff}.comment footer>div span[data-v-488e0802]{position:absolute;top:.2rem;right:.2rem;width:.6rem;height:.6rem;border-radius:50%;border:1px solid #8c8e90;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;font-size:16px}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}#app,body,html{width:100%;height:100%;overflow:hidden}#app{position:relative}body{margin:0;color:#000;font-size:14px;line-height:normal;font-family:OpenSans,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none}body,iframe{background-color:#262729}iframe{width:100%;height:100%}.menu{position:absolute;left:10px;top:12px;z-index:10;padding:10px}.menu i{font-size:22px;color:#fff}.menu i.icon_back{font-size:16px}.list{position:absolute;left:0;top:0;width:100%;height:100%;z-index:100}.list>div{position:relative;width:80%;height:100%;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:1;background-color:#f7f7f7;-webkit-box-shadow:0 0 8px #666;box-shadow:0 0 8px #666}.list .close{height:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-right:.2rem}.list .close i.icon_close{font-size:.6rem}.list li,.list ul{list-style:none;padding:0;margin:0}.list .cates{height:.8rem;padding-left:.3rem;width:100%;position:relative}.list .cates:after{content:"";position:absolute;right:0;top:0;bottom:0;width:.5rem;background:-webkit-gradient(linear,left top,right top,color-stop(10%,hsla(0,0%,96.9%,.9)),to(rgb(247 247 247)));background:linear-gradient(90deg,hsla(0,0%,96.9%,.9) 10%,rgb(247 247 247));z-index:10}.list .cates .swiper-container{width:100%;height:100%}.list .cates .swiper-slide{text-align:center;font-size:.45rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap;-ms-flex-negative:0;flex-shrink:0;padding-right:20px}.list .cates .swiper-slide.active{color:#ed5d18}.list .items{position:absolute;top:2rem;bottom:.1rem;left:0;right:0;overflow:hidden;overflow-y:auto}.list .items .empty{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.list .items .empty img{width:35%;height:35%}.list .items .empty>div{text-align:center;color:#b8b7b8;font-size:14px}.list .items ul{padding-right:.3rem;padding-bottom:.3rem}.list .items li{height:2.5rem;width:50%;display:inline-block;padding-left:.3rem;padding-top:.3rem;font-size:.3rem}.list .items li>div{background:#fff;border-radius:.1rem;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:.2rem .4rem}.list .items li>div .logo{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;height:100%;background-position:50%;background-repeat:no-repeat;background-size:contain;margin-bottom:.1rem}.list .items li>div .name{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:end;align-content:flex-end;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;padding-top:.15rem;width:100%;margin-top:.05rem;border-top:1px solid rgba(0,0,0,.1);font-size:.25rem;color:#131d34;text-align:center}.list .items li>div .name span{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container,.swiper-container{width:100%;height:100%;overflow:hidden}.videos .swiper-container{-webkit-perspective:none!important;perspective:none!important}.swiper-slide{position:relative;text-align:center;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;overflow:hidden}.swiper-slide.hidden .buttons,.swiper-slide.hidden .info,.swiper-slide.hidden .loading,.swiper-slide.swiper-slide-next .buttons,.swiper-slide.swiper-slide-next .info,.swiper-slide.swiper-slide-next .loading,.swiper-slide.swiper-slide-prev .buttons,.swiper-slide.swiper-slide-prev .info,.swiper-slide.swiper-slide-prev .loading{display:none}.swiper-slide.normal .video-info video{-webkit-transform:none;transform:none;width:100%;left:0;top:0;-o-object-fit:contain;object-fit:contain}.swiper-slide .info{pointer-events:none;position:absolute;z-index:99999;left:.5rem;right:2.2rem;bottom:1rem;color:#fff;text-align:left}.swiper-slide .info>div{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swiper-slide .info .info-name{font-size:.5rem;font-weight:700}.swiper-slide .info .info-content{margin-top:.15rem;font-size:.4rem}.swiper-slide .buttons{position:absolute;right:.5rem;bottom:.6rem;z-index:99999}.swiper-slide .buttons,.swiper-slide .buttons>div{width:1.1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.swiper-slide .buttons>div{margin-bottom:.5rem;color:#fff}.swiper-slide .buttons>div.head{position:relative;border-radius:100%;height:1.1rem;background-color:hsla(0,0%,100%,.2);background:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,.2)),to(hsla(0,0%,100%,0)));background:linear-gradient(90deg,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,0))}.swiper-slide .buttons>div.head img{width:100%;height:100%;overflow:hidden}.swiper-slide .buttons>div.share.disable{pointer-events:none}.swiper-slide .buttons>div.like.active{color:red;-webkit-animation:like-out .3s linear;animation:like-out .3s linear}.swiper-slide .buttons>div.like.active i.like{color:red}.swiper-slide .buttons>div.like.unactive{color:#fff}.swiper-slide .buttons>div.like.unactive i.like{-webkit-transform:scale(0);transform:scale(0);color:red;-webkit-animation:like-in .3s linear;animation:like-in .3s linear}.swiper-slide .buttons>div.like i.like{position:absolute;left:0;right:0}.swiper-slide .buttons>div i{font-size:1rem}.swiper-slide .buttons>div span{font-size:.35rem;color:hsla(0,0%,100%,.8)}.slide-enter{-webkit-transform:translateX(0);transform:translateX(0)}.slide-enter-active{-webkit-transition:-webkit-transform .5s ease-in-out;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}.slide-enter-to,.slide-leave{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.slide-leave-active{-webkit-transition:-webkit-transform .5s ease-in-out;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}.slide-leave-to{-webkit-transform:translateX(0);transform:translateX(0)}.video-info{left:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:10000}.video-info,.video-info video{position:absolute;top:0;height:100%}.video-info video{opacity:1;background-color:transparent;-webkit-transform:rotate(90deg);transform:rotate(90deg);width:1584px;left:-677px}.user-guide{position:absolute;top:50%;left:1.2rem;right:1.2rem;border-radius:.15rem;color:#fff;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:rgba(0,0,0,.7);z-index:999999}.user-guide .main{padding:.8rem;padding-bottom:0}.user-guide .main h4{margin:0;font-size:.5rem;text-align:center}.user-guide .main li,.user-guide .main ul{list-style:none;padding:0;margin:0;width:100%}.user-guide .main ul{margin:.4rem 0}.user-guide .main li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.6rem 0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.user-guide .main li i{font-size:1.4rem}.user-guide .main li>div{line-height:1.3;font-size:.4rem;margin-top:.3rem}.user-guide .main button{width:100%;margin-bottom:.5rem;background-color:#fff;font-size:.4rem;color:#444;height:1.1rem;border:none;border-radius:.15rem;outline:none}.user-guide .main button[type=submit]{color:#fff;background-color:transparent}@media (orientation:landscape){.user-guide{width:400px;left:50%!important;right:auto!important;margin-left:-200px}.user-guide .main{padding:.5rem}.user-guide .main h4{font-size:.35rem}.user-guide .main ul{margin:.3rem 0}.user-guide .main li{padding:.1rem 0}.user-guide .main li i{font-size:.6rem}.user-guide .main li>div{font-size:.25rem}.user-guide .main button{margin-bottom:0;font-size:.3rem;height:.8rem}}.loading .brick{text-align:center;position:relative;width:36px;height:12px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:18px 6px;transform-origin:18px 6px;margin:0 auto 3px;z-index:1000}.loading .brick-1{-webkit-animation:rorate 2s linear 1s infinite;animation:rorate 2s linear 1s infinite;-webkit-transform:rotateX(-30deg) rotateY(45deg) translateZ(30px);transform:rotateX(-30deg) rotateY(45deg) translateZ(30px)}.loading .brick-2{-webkit-animation:rorate 2s linear .75s infinite;animation:rorate 2s linear .75s infinite;-webkit-transform:rotateX(-30deg) rotateY(45deg) translateZ(20px);transform:rotateX(-30deg) rotateY(45deg) translateZ(20px)}.loading .brick-3{-webkit-animation:rorate 2s linear .5s infinite;animation:rorate 2s linear .5s infinite;-webkit-transform:rotateX(-30deg) rotateY(45deg) translateZ(10px);transform:rotateX(-30deg) rotateY(45deg) translateZ(10px)}.loading .face{width:36px;height:12px;overflow:hidden;position:absolute;background:hsla(0,0%,100%,.4)}.loading .brick.enter{-webkit-transition:all .5s;transition:all .5s;-webkit-transform:rotateX(-30deg) rotateY(45deg);transform:rotateX(-30deg) rotateY(45deg)}.loading .brick.enter .face{-webkit-transition:all .5s;transition:all .5s;opacity:1}.loading .brick-2 .face{background:hsla(0,0%,100%,.3)}.loading .brick-2 .brick-back,.loading .brick-2 .brick-front{background:hsla(0,0%,100%,.4)}.loading .brick-3 .face{background:hsla(0,0%,100%,.2)}.loading .brick-3 .brick-back,.loading .brick-3 .brick-front{background:hsla(0,0%,100%,.1)}.loading .brick-front{-webkit-transform:translateZ(18px);transform:translateZ(18px);background:hsla(0,0%,100%,.6)}.loading .brick-top{-webkit-transform:rotateX(90deg) translateZ(18px);transform:rotateX(90deg) translateZ(18px)}.loading .brick-bottom,.loading .brick-top{width:36px;height:36px;background-color:hsla(0,0%,100%,.8)}.loading .brick-bottom{-webkit-transform:rotateX(-90deg) translateZ(-6px);transform:rotateX(-90deg) translateZ(-6px)}.loading .brick-left{-webkit-transform:rotateY(-90deg) translateZ(18px);transform:rotateY(-90deg) translateZ(18px);background:hsla(0,0%,100%,.5)}.loading .brick-right{-webkit-transform:rotateY(90deg) translateZ(18px);transform:rotateY(90deg) translateZ(18px);background:hsla(0,0%,100%,.5)}.loading .brick-back{-webkit-transform:rotateY(180deg) translateZ(18px);transform:rotateY(180deg) translateZ(18px);background:hsla(0,0%,100%,.6)}[show-mode=mobile] .loading .brick{width:24px;height:8px;-webkit-transform-origin:12px 4px;transform-origin:12px 4px;margin:0 auto 2px}[show-mode=mobile] .loading .brick.enter{-webkit-transition:all .5s;transition:all .5s;-webkit-transform:rotateX(-30deg) rotateY(45deg);transform:rotateX(-30deg) rotateY(45deg)}[show-mode=mobile] .loading .brick.enter .face{-webkit-transition:all .5s;transition:all .5s;opacity:1}[show-mode=mobile] .loading .brick-1{-webkit-animation:rorate 2s linear 1s infinite;animation:rorate 2s linear 1s infinite;-webkit-transform:rotateX(-30deg) rotateY(45deg) translateZ(30px);transform:rotateX(-30deg) rotateY(45deg) translateZ(30px)}[show-mode=mobile] .loading .brick-2{-webkit-animation:rorate 2s linear .75s infinite;animation:rorate 2s linear .75s infinite;-webkit-transform:rotateX(-30deg) rotateY(45deg) translateZ(20px);transform:rotateX(-30deg) rotateY(45deg) translateZ(20px)}[show-mode=mobile] .loading .brick-3{-webkit-animation:rorate 2s linear .5s infinite;animation:rorate 2s linear .5s infinite;-webkit-transform:rotateX(-30deg) rotateY(45deg) translateZ(10px);transform:rotateX(-30deg) rotateY(45deg) translateZ(10px)}[show-mode=mobile] .loading .face{width:24px;height:8px}[show-mode=mobile] .loading .brick-front{-webkit-transform:translateZ(12px);transform:translateZ(12px)}[show-mode=mobile] .loading .brick-top{width:24px;height:24px;-webkit-transform:rotateX(90deg) translateZ(12px);transform:rotateX(90deg) translateZ(12px)}[show-mode=mobile] .loading .brick-bottom{width:24px;height:24px;-webkit-transform:rotateX(-90deg) translateZ(-4px);transform:rotateX(-90deg) translateZ(-4px)}[show-mode=mobile] .loading .brick-left{-webkit-transform:rotateY(-90deg) translateZ(12px);transform:rotateY(-90deg) translateZ(12px)}[show-mode=mobile] .loading .brick-right{-webkit-transform:rotateY(90deg) translateZ(12px);transform:rotateY(90deg) translateZ(12px)}[show-mode=mobile] .loading .brick-back{-webkit-transform:rotateY(180deg) translateZ(12px);transform:rotateY(180deg) translateZ(12px)}@-webkit-keyframes rorate{0%{-webkit-transform:rotateX(-30deg) rotateY(-45deg);transform:rotateX(-30deg) rotateY(-45deg)}50%{-webkit-transform:rotateX(-30deg) rotateY(-315deg);transform:rotateX(-30deg) rotateY(-315deg)}to{-webkit-transform:rotateX(-30deg) rotateY(-315deg);transform:rotateX(-30deg) rotateY(-315deg)}}@keyframes rorate{0%{-webkit-transform:rotateX(-30deg) rotateY(-45deg);transform:rotateX(-30deg) rotateY(-45deg)}50%{-webkit-transform:rotateX(-30deg) rotateY(-315deg);transform:rotateX(-30deg) rotateY(-315deg)}to{-webkit-transform:rotateX(-30deg) rotateY(-315deg);transform:rotateX(-30deg) rotateY(-315deg)}}@-webkit-keyframes zoom{0%{-webkit-transform:scale(.9);transform:scale(.9)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.9);transform:scale(.9)}}@keyframes zoom{0%{-webkit-transform:scale(.9);transform:scale(.9)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.9);transform:scale(.9)}}@-webkit-keyframes zoom-out{0%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:.2}50%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:.2}}@keyframes zoom-out{0%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:.2}50%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:.2}}@-webkit-keyframes like-out{0%{-webkit-transform:scale(.5);transform:scale(.5)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes like-out{0%{-webkit-transform:scale(.5);transform:scale(.5)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes like-in{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes like-in{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}
|
