#app,body,html{width:100%;height:100%;background-color:#f4f6f6;position:fixed;top:0}.cube-page h1{margin:0}.player{width:100%;height:100%}.player .play-mask{width:100vw;height:100vh;position:absolute;top:0}.player video{object-fit:cover!important;height:100%;top:0!important;width:100%;object-position:center center}.player .custom{position:absolute;background:transparent;left:50%;top:50%;transform:translate3d(-50%,-50%,0);z-index:2}.player .custom .play{width:60px}.player .isLive{color:#fff;font-size:22px}.player .video-js,.player .video-player{width:100%;height:100%}.player .live .vjs-loading-spinner,.player .vjs-big-play-button{display:none}.player .vjs-poster{background-size:cover!important}.player-wrapper{overflow:hidden}.player-wrapper,.record-player{width:100%;height:100%}.record-player .play-mask{width:100vw;height:100vh;position:absolute;top:0}.record-player video{object-fit:cover!important;height:100%;top:0!important;width:100%;object-position:center center}.record-player .custom{position:absolute;background:transparent;left:50%;top:50%;transform:translate3d(-50%,-50%,0);z-index:2}.record-player .custom .play{width:60px}.record-player .isLive{color:#fff;font-size:22px}.record-player .video-js,.record-player .video-player{width:100%;height:100%}.record-player .live .vjs-loading-spinner,.record-player .vjs-big-play-button{display:none}.record-player .vjs-poster{background-size:cover!important}.record-player .video-js{font-size:14px}.record-player .video-js button{outline:none}.record-player .video-js .vjs-control-bar{display:flex}.record-player .video-js .vjs-time-control{display:block}.record-player .video-js .vjs-remaining-time{display:none}.record-player .vjs-button>.vjs-icon-placeholder:before{font-size:22px;line-height:1.9}.record-player .video-js .vjs-play-progress{color:#ffb845;background-color:#ffb845}.record-player .video-js .vjs-progress-control .vjs-mouse-display{background-color:#ffb845}.record-player .vjs-mouse-display .vjs-time-tooltip{padding-bottom:6px;background-color:#ffb845}.record-player .video-js .vjs-play-progress .vjs-time-tooltip{display:none!important}.record-player .vjs-control-bar{opacity:1!important;background-color:transparent!important;position:absolute;z-index:2}.record-player .video-js .vjs-progress-holder{height:.2em}.record-player .video-js .vjs-playback-rate.vjs-control{border:1px solid;border-radius:1em;margin:.5em .5em;height:2em;width:3.5em}.record-player .vjs-playback-rate .vjs-playback-rate-value{font-size:1em}.record-player .video-js .vjs-control-bar{position:fixed;bottom:45px}.record-player .video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1em}.record-player .video-js .vjs-slider:focus{text-shadow:none!important;box-shadow:none!important}.record-player .vjs-slider:focus{outline:none}.record-player .vjs-play-control{width:10%!important}.record-player .vjs-time-control{padding:0;width:19%!important}.record-player .vjs-progress-control{width:23%!important}.record-player .vjs-time-control{width:16%!important}.record-player .vjs-playback-rate{width:13%!important}.scroll-list-wrap{width:248px;height:135px;border-radius:6px}.scroll-list-wrap .bscroll-vertical-scrollbar{opacity:0!important}.scroll-list-wrap .list-wrapper li{margin-bottom:3px;position:relative}.scroll-list-wrap .list-wrapper li.list-item .content{border-top-left-radius:12px;border-bottom-left-radius:12px}.scroll-list-wrap .list-wrapper li .content{min-height:24px;background:rgba(0,0,0,.3);border-radius:3px;font-size:13px;display:inline-block;font-weight:400;box-sizing:border-box;padding-left:32px;padding-bottom:3px;padding-top:3px;padding-right:8px}.scroll-list-wrap .list-wrapper li .content .avtor{position:absolute;left:0;top:0;min-width:24px;width:24px;height:24px;border-radius:50%;background-repeat:no-repeat;background-size:cover;background-position:50%;margin-right:2px}.scroll-list-wrap .list-wrapper li .content .name{margin-right:10px;white-space:nowrap}.scroll-list-wrap .list-wrapper li .content .admin{background-color:#ff2f60!important;color:#fff!important}.scroll-list-wrap .list-wrapper li .content .text{color:#fff;flex:1;line-height:18px}.scroll-list-wrap .list-wrapper li .content .text span{color:#ffd874}.scroll-list-wrap .list-wrapper li .content .text .is-vip{padding-right:75px;background-image:url(../img/vip-1.b3787a1a.png);background-size:70px;background-position:100%;background-repeat:no-repeat}.scroll-list-wrap .list-wrapper li .content .text .message-item{flex:1;flex-wrap:wrap;color:#fff;font-weight:500;word-break:break-all}.scroll-list-wrap .list-wrapper li .content .text .vip{height:18px;margin-right:5px;vertical-align:text-bottom}.scroll-list-wrap .list-wrapper li .notic{font-size:14px;line-height:20px;background:rgba(0,0,0,.3);border-radius:3px;padding:3px}.scroll-list-wrap .list-wrapper li .notic .label{color:#d3edba;margin-right:10px}.scroll-list-wrap .list-wrapper li .notic span{color:#fff}.scroll-list-wrap .cube-tip{color:#ff2f60!important;background:#fff;border-radius:26px;padding:4px 38px 4px 16px}.scroll-list-wrap .cube-tip .cube-tip-close{top:6px}.scroll-list-wrap .cube-pulldown-loaded{display:none}.good-list{background-color:#fff;height:428px;border-top-left-radius:10px;border-top-right-radius:10px;overflow:auto;-webkit-overflow-scrolling:touch}@media (max-width:399px){.good-list{height:360px}}@media (max-width:359px){.good-list{height:298px}}.good-list::-webkit-scrollbar{display:none}.good-list .good-container{display:flex;flex-direction:column;border-bottom:1px solid #e6e4e4;padding:10px}.good-list .sec-buy-container{margin-top:10px}.good-list .sec-buy-container .buy-btn{background:#ff3267;float:right}.good-list .sec-buy-container .buy-btn.disabled{opacity:.5}.good-list .good{display:flex;position:relative}.good-list .good:last-child{border-bottom:none}.good-list .good .good-img{width:100px;height:100px;background-repeat:no-repeat;background-position:50%;background-size:cover;border-radius:5px;position:relative}.good-list .good .good-img .id{height:14px;min-width:24px;background:#ff2851;border-radius:5px 0 5px 0;font-size:9px;color:#fff;line-height:14px;text-align:center;float:left}.good-list .good .good-img .sell-out{width:100%;position:absolute;bottom:0;border-radius:0 0 5px 5px;color:#999;background-color:#f1f1f1;text-align:center;font-size:14px}.good-list .good .good-info{padding:5px 0 10px 10px;flex:1;display:flex;flex-direction:column;justify-content:space-between}.good-list .good .good-info .name{color:#333;font-size:14px}.good-list .good .good-info .price{font-size:14px;color:#ff2851}.good-list .good .good-info .good-info-detail{display:flex}.good-list .good .good-info .good-info-price{flex:1}.good-list .good .good-info .good-info-sales{font-size:14px;color:#999}.good-list .no-good{width:100%;height:100%;background:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column}.good-list .no-good img{width:128px;height:128px}.good-list .no-good p{font-size:16px;color:#c2c2c2;margin-top:6px}.good-list .click-buy{font-size:14px;line-height:120%;border-radius:20px}.format-price:before{content:"\A5";font-size:.7em}.format-price{font-size:1em;font-weight:700}.old-price:before{font-size:1em}.old-price{text-decoration:line-through;font-weight:400;font-size:.9em}.old-price,.sku-sell-out{color:#999!important}.van-sku-stepper-stock{padding:12px 16px;overflow:hidden;line-height:30px;margin-left:0}.qr-code{color:#999;font-size:12px;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative}.qr-code,.qr-code #qrcode{margin-bottom:10px}.qr-code .img_mask{width:120px;height:120px;position:absolute;z-index:9999;top:0;left:50%;margin-left:-60px;opacity:0}.skus-popup .submit-btn{border-radius:0;margin-top:10px;background-color:#f93}.skus-popup .submit-btn.disabled{opacity:.5}.cube-toast{z-index:9999!important}.horizontal-goods{position:absolute;bottom:144px;width:100%}.horizontal-goods .bscroll-horizontal-scrollbar{opacity:0!important}.horizontal-goods .horizontal-scroll-list-wrap{border-radius:5px}.horizontal-goods .horizontal-scroll-list-wrap .cube-scroll-content{display:inline-block}.horizontal-goods .horizontal-scroll-list-wrap .good-wrapper{padding:0 10px;white-space:nowrap}.horizontal-goods .horizontal-scroll-list-wrap .good-card{display:inline-block;position:relative;background:#fff;padding:8px;box-sizing:border-box;border-radius:5px;margin-right:10px;overflow:hidden;width:84px;height:107px}.horizontal-goods .horizontal-scroll-list-wrap .living-good{width:222px}.horizontal-goods .horizontal-scroll-list-wrap .living-good .living-header{position:absolute;height:23px;line-height:23px;left:0;top:0;background:#fbe6ed;width:100%;font-size:12px;color:#ff2851;padding:0 5px}.horizontal-goods .horizontal-scroll-list-wrap .living-good .living-header .living-btn{color:#fff;background:#ff2851;border-radius:8px;padding:0 4px}.horizontal-goods .horizontal-scroll-list-wrap .living-good .living-body{position:absolute;top:23px;left:0;width:100%;padding:10px 20px;box-sizing:border-box;display:flex}.horizontal-goods .horizontal-scroll-list-wrap .living-good .good-img{width:58px;height:70px;background-repeat:no-repeat;background-position:50%;background-size:cover;position:relative}.horizontal-goods .horizontal-scroll-list-wrap .living-good .good-img .id{height:14px;background:#ff2851;border-radius:5px;font-size:9px;color:#fff;line-height:14px;text-align:center;float:left;margin-left:-10px;margin-top:-7px}.horizontal-goods .horizontal-scroll-list-wrap .living-good .good-info{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:5px}.horizontal-goods .horizontal-scroll-list-wrap .living-good .good-info .name{color:#333;font-size:14px}.horizontal-goods .horizontal-scroll-list-wrap .living-good .good-info .price{font-size:12px;color:#ff2851}.horizontal-goods .horizontal-scroll-list-wrap .good .id{position:absolute;top:0;left:0;height:14px;background:#ff2851;border-radius:5px 0 5px 0;font-size:9px;color:#fff;line-height:14px;text-align:center;float:left;min-width:25px}.horizontal-goods .horizontal-scroll-list-wrap .good .good-info{position:absolute;height:20px;line-height:20px;left:0;width:100%;text-align:center;bottom:0;background:#ff2851;color:#fff}.horizontal-goods .horizontal-scroll-list-wrap .good .good-info .name{color:#333;font-size:14px}.horizontal-goods .horizontal-scroll-list-wrap .good .good-info .price{font-size:12px}.horizontal-goods .horizontal-scroll-list-wrap .good .good-img{background-repeat:no-repeat;background-position:50%;background-size:cover;height:100%}.live-agenda{height:428px;flex-direction:column}@media (max-width:399px){.live-agenda{height:360px}}@media (max-width:359px){.live-agenda{height:298px}}.live-agenda .subscribe-head{border-radius:20px 20px 0 0;line-height:50px;background-color:#f93;color:#fff;padding-left:10px;font-size:16px;font-weight:500}.live-agenda .subscribe-btn{background-color:#f93;display:block;margin:0;padding:5px 16px;border-radius:15px;width:100%;text-align:center;white-space:nowrap;color:#fff;outline:none;border:none}.live-agenda .subscribe-btn.subscribed{opacity:.5}.live-agenda .no-invites{width:100%;height:100%;background:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column}.live-agenda .no-invites img{width:128px;height:128px}.live-agenda .no-invites p{font-size:16px;color:#c2c2c2;margin-top:6px}.live-agenda .list-wrapper{background:#f5f5f5;overflow:auto;height:calc(100% - 44px);-webkit-overflow-scrolling:touch}.live-agenda .list-wrapper .subscribe-panel{margin:10px;box-shadow:0 3px 2px rgba(0,0,0,.1);border-radius:6px;background:#fff}.live-agenda .list-wrapper .subscribe-panel .panel-head{display:flex;align-items:center;border-bottom:1px solid #eee;border-radius:6px}.live-agenda .list-wrapper .subscribe-panel .panel-head img{width:32px}.live-agenda .list-wrapper .subscribe-panel .panel-content{display:flex;justify-content:space-between;align-items:center;padding:0 10px}.live-agenda .list-wrapper .subscribe-panel .head-info{display:flex;padding:10px}.live-agenda .list-wrapper .subscribe-panel .head-info .headimgurl{background-position:50%;background-size:cover;width:45px;height:45px;border-radius:75px}.live-agenda .list-wrapper .subscribe-panel .head-info .nickname-content{margin-left:10px;padding:5px 0;display:flex;flex-direction:column;justify-content:space-between}.live-agenda .list-wrapper .subscribe-panel .head-info .nickname-content .nickname{font-size:16px}.live-agenda .list-wrapper .subscribe-panel .head-info .nickname-content .agenda-date{color:#999;font-size:14px}.room-id-tag{width:48px;height:30px;border-radius:6px;overflow:hidden;display:flex;flex-direction:column}.room-id-tag .title{background:#fff;height:15px;width:100%;line-height:15px;font-size:10px;text-align:center;color:rgba(0,0,0,.5)}.room-id-tag .id{background-color:rgba(0,0,0,.3);font-size:9px;justify-content:center;flex:1;display:flex;align-items:center}.sign-btn{position:absolute;top:50px;right:10px}.sign-btn,.sign-btn img{width:60px}.interact.hide{z-index:-1}.interact{width:100%;height:100%;position:absolute;top:0;left:0}.interact .come-back{position:absolute;padding:20px 10px;top:0;left:0;color:#fff;font-size:20px}.interact .lowermost{width:100%;height:100%}.interact .head{position:absolute;top:10px;left:10px;right:10px;z-index:0;display:flex;justify-content:space-between;align-items:center}.interact .head .anchor-info{height:40px;border-radius:23px;background:rgba(0,0,0,.3);padding-right:15px;padding-left:2px;display:flex;align-items:center}.interact .head .anchor-info img{width:34px;height:34px;border-radius:50%}.interact .head .anchor-info div{display:flex;flex-direction:column;color:#fff;margin-left:8px}.interact .head .anchor-info div .trade-name{font-size:13px;margin-bottom:2px}.interact .head .anchor-info div .watch-num{font-size:10px;display:flex;align-items:center}.interact .head .anchor-info div .watch-num img{width:10px;height:auto;margin-right:5px}.interact .head .room-id{font-size:12px;color:#fff}.interact .head.move-right{left:30px}.interact .chat-list{position:absolute;left:10px;bottom:102px}.interact .chat-list-move-top{bottom:57px}.interact .chat-list-move-toppest{bottom:159px}.interact .foot-warpper{position:absolute;width:100%;bottom:0}.interact .foot-warpper.live-end{bottom:57px}.interact .foot-warpper{bottom:30px}.interact .foot-warpper.live-record{bottom:87px}.interact .foot-warpper.live .foot{width:100vw}.interact .interact-icon{width:42px;height:42px;border-radius:50%;background:rgba(0,0,0,.3);display:flex;font-size:10px;align-items:center;justify-content:center;margin-right:7px}@media (max-width:359px){.interact .interact-icon{width:40px;height:40px;margin-right:5px}}.interact .interact-icon img{width:25px}.interact .home-btn{position:absolute;bottom:107px;right:10px}.interact .topper{bottom:167px}.interact .foot{display:flex;align-items:flex-end;justify-content:space-between;box-sizing:border-box;padding:10px}.interact .foot .box .shop-car{width:37px;height:auto;position:relative;top:4px}.interact .foot .message-input-warpper{flex:0.9}.interact .foot .back-live{display:flex;justify-content:center;align-items:center;width:137px;background-color:#ff3267;line-height:36px;border-radius:5px;font-size:14px;font-weight:400;color:#fff;text-align:center}@media (max-width:359px){.interact .foot .back-live{width:110px}}.interact .foot .message-input{background:rgba(0,0,0,.3);width:137px;padding-left:9px;height:42px;line-height:42px;border-radius:21px;color:#fff;font-size:14px;font-weight:400;position:relative}@media (max-width:359px){.interact .foot .message-input{width:110px}}.interact .foot .shang,.interact .foot .share{width:42px;height:42px;border-radius:50%;margin-left:5px}.interact .foot .share{background:rgba(0,0,0,.3);font-size:12px;display:flex;justify-content:center;align-items:center}.interact .foot .share img{width:26px;height:auto}.interact .foot .shang{background-color:#409eff;font-size:16px;font-weight:700}.interact .foot .interact-icon-wrapper{display:flex}.interact .foot .star{margin-left:10px;background:#ff3267;color:#fff;position:relative}.interact .foot .star .star-num{position:absolute;top:-9px;left:50%;transform:translateX(-50%);padding:0 6px;height:13px;line-height:13px;background:#fff;border-radius:6px;font-size:11px;color:#ff3267}.interact .foot .star img{width:26px;height:auto}.interact .wxCodeImage{width:100vw;height:100vh;background:rgba(0,0,0,.4);position:fixed;top:0;left:0;z-index:999;display:flex;align-items:center;justify-content:center}.interact .wxCodeImage img{width:80vw;height:auto}.interact .message:last-child{display:flex}.interact .message{line-height:16px;display:none;align-items:flex-start;position:fixed;left:10px;right:10px;top:10px;background:rgba(255,216,116,.6);border-radius:3px;color:#fff;font-size:13px;padding:4px 6px;z-index:999;opacity:0;transform:translateY(-100%);animation:fade-in-zoom1 10s cubic-bezier(.1,1,.1,1) forwards}.interact .message img{width:16px;margin-right:5px}.interact .message span{line-height:16px}.interact .vip-in:last-child{display:flex}.interact .vip-in{position:fixed;left:10px;bottom:247px;height:53px;border-radius:29px;background:rgba(255,216,116,.6);padding-right:15px;padding-left:4px;display:none;align-items:center;animation:fade-in-zoom2 5s cubic-bezier(.1,1,.1,1) forwards;opacity:0;transform:translateX(-100%)}.interact .vip-in .vip-headimag{width:45px;height:45px;border-radius:50%}.interact .vip-in .welcome-wrapper{display:flex;flex-direction:column;color:#fff;height:100%;margin-left:8px}.interact .vip-in .welcome-wrapper .nickname{white-space:nowrap;font-size:18px;flex:0.8;display:flex;align-items:center}.interact .vip-in .welcome-wrapper .nickname .vip-tag{height:18px;margin-left:5px}.interact .vip-in .welcome-wrapper .welcome-text{font-size:14px}.interact .reply{position:fixed;left:0;max-width:60vw;line-height:20px;transform:translateX(-100%);bottom:320px;background:#fff;border-radius:8px;font-size:14px;padding:4px 8px;opacity:0;animation:fade-in-zoom 5s linear forwards}.interact .reply .label{color:#ff2f60}.interact .reply .text{color:#666}.interact .click-animation{animation:click-animation .2s linear forwards}.interact .animation{position:absolute;width:36px;height:36px;border-radius:50%;bottom:40px;right:20px;animation:vertical-animation 3s linear forwards}@media (max-width:359px){.interact .animation{animation:vertical-animation-small 3s linear forwards}}.interact .animation .img{width:36px;height:36px;border-radius:50%;background:#f5f5f5;background-size:cover;background-repeat:no-repeat;background-position:50%}.interact .animation .img.img1{animation:level-animation1 3s ease-in forwards}.interact .animation .img.img2{animation:level-animation2 3s ease-in forwards}.interact .animation .img.img3{animation:level-animation3 3s ease-in forwards}.interact .animation .img.img4{animation:level-animation4 3s ease-in forwards}.interact .animation .img.img5{animation:level-animation5 3s ease-in forwards}.interact .animation .img.img6{animation:level-animation6 3s ease-in forwards}.interact .animation .img.img7{animation:level-animation7 3s ease-in forwards}.interact .animation .img.img8{animation:level-animation8 3s ease-in forwards}.interact .animation .img.img9{animation:level-animation9 3s ease-in forwards}.interact .animation .img.img10{animation:level-animation10 3s ease-in forwards}.interact .input-mask{position:absolute;top:0;width:100%;height:100%}.interact .bottom-input{padding:5px 5px 10px 5px;box-sizing:border-box;padding-right:0;width:100%;position:absolute;z-index:99999;bottom:0;left:0;background:#fff;display:flex;transition:all .5s linear}.interact .bottom-input .input{flex:1;background-color:#f2f2f2;height:36px;display:flex;align-items:center;box-sizing:border-box;padding:0 17px}.interact .bottom-input .input input{outline:none;background:transparent;line-height:26px;height:26px}.interact .bottom-input .send-btn{height:36px;width:68px;margin-right:8px;background-color:#ff3974;text-align:center;line-height:36px;font-size:14px;color:#fff}.interact .bottom-input .send-btn:active{background-color:rgba(255,57,116,.8)}.interact .hidden{visibility:hidden}@-webkit-keyframes fade-in-zoom1{0%{transform:translateY(-100%);opacity:0}10%{transform:translateY(0);opacity:1}90%{transform:translateY(0);opacity:1}to{transform:translateY(0);opacity:0}}@-webkit-keyframes fade-in-zoom2{0%{transform:translateX(-100%);opacity:0}20%{transform:translateX(0);opacity:1}90%{transform:translateX(0);opacity:1}to{transform:translateX(0);opacity:0}}@-webkit-keyframes fade-in-zoom{0%{transform:translateX(-100%);opacity:0}10%{transform:translateX(0);opacity:1}90%{transform:translateX(0);opacity:1}to{transform:translateX(0);opacity:0}}@-webkit-keyframes level-animation1{0%{transform:translateX(0)}10%{transform:translateX(20px)}80%{transform:translateX(0)}to{transform:translateX(20px)}}@-webkit-keyframes level-animation2{0%{transform:translateX(0)}10%{transform:translateX(16px)}80%{transform:translateX(0)}to{transform:translateX(16px)}}@-webkit-keyframes level-animation3{0%{transform:translateX(0)}10%{transform:translateX(12px)}80%{transform:translateX(0)}to{transform:translateX(12px)}}@-webkit-keyframes level-animation4{0%{transform:translateX(0)}10%{transform:translateX(8px)}80%{transform:translateX(0)}to{transform:translateX(8px)}}@-webkit-keyframes level-animation5{0%{transform:translateX(0)}10%{transform:translateX(4px)}80%{transform:translateX(0)}to{transform:translateX(4px)}}@-webkit-keyframes level-animation6{0%{transform:translateX(0)}10%{transform:translateX(-4px)}80%{transform:translateX(0)}to{transform:translateX(-4px)}}@-webkit-keyframes level-animation7{0%{transform:translateX(0)}10%{transform:translateX(-8px)}80%{transform:translateX(0)}to{transform:translateX(-8px)}}@-webkit-keyframes level-animation8{0%{transform:translateX(0)}10%{transform:translateX(-12px)}80%{transform:translateX(0)}to{transform:translateX(-12px)}}@-webkit-keyframes level-animation9{0%{transform:translateX(0)}10%{transform:translateX(-16px)}80%{transform:translateX(0)}to{transform:translateX(-16px)}}@-webkit-keyframes level-animation10{0%{transform:translateX(0)}10%{transform:translateX(-20px)}80%{transform:translateX(0)}to{transform:translateX(-20px)}}@-webkit-keyframes vertical-animation{0%{transform:translateY(-21px)}to{transform:translateY(-500px);opacity:0}}@-webkit-keyframes vertical-animation-small{0%{transform:translateY(-20px)}to{transform:translateY(-400px);opacity:0}}@-webkit-keyframes click-animation{20%{transform:scale(.7)}60%{transform:scale(1.1)}to{transform:scale(1)}}.coupons{width:100vw;height:100vh;background:rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:center;justify-content:center}.coupons .warpper{position:relative}.coupons .warpper .bg{width:255px}.coupons .warpper .content{position:absolute;height:100%;left:25px;right:15px;top:0}.coupons .warpper .content .coupons_type{position:absolute;width:66px;text-align:center;top:54px;color:#f03957;font-size:10px;display:inline-block;transform:rotate(-44deg);left:-6px}.coupons .warpper .content .main{display:flex;flex-direction:column;align-items:center;padding:72px 25px 0}.coupons .warpper .content .main h1{font-size:16px;color:#c76200;margin:0;font-weight:400;margin-bottom:10px}.coupons .warpper .content .main .money{overflow:hidden;display:flex;justify-content:center;align-items:center}.coupons .warpper .content .main .money .left{color:#ec3552;font-size:49px;margin-right:2px;font-weight:500}.coupons .warpper .content .main .money .man{color:#c76200;font-size:12px;margin-bottom:8px}.coupons .warpper .content .main .money .text{color:#ec3552;font-size:16px}.coupons .warpper .content .main .time{display:flex;align-items:center;justify-content:center;font-size:12px;color:#c76200;margin-top:5px}.coupons .warpper .content .main .time .line{width:15px;height:1px;background-color:#c76200}.coupons .warpper .content .main .time p{margin:0 5px}.coupons .warpper .content .get-btn{position:absolute;bottom:32px;text-align:center;width:100%;box-sizing:border-box;font-size:16px;color:#ec3552;padding:10px 0}.coupons #already .get-btn{bottom:25px}.coupons #already .already-main{flex-direction:row;justify-content:space-between;align-items:center;padding-top:85px}.coupons #already .already-main .man{color:#fff;font-size:16px;margin-bottom:4px}.coupons #already .already-main .time{color:#fff;font-size:10px;opacity:.5}.coupons #already .already-main .right{color:#ec3552}.coupons #already .already-main .right span{font-size:34px;font-weight:500}.coupons #already .code{text-align:center;margin-top:37px}.coupons #already .code .top{font-size:22px;color:#fff;margin-bottom:8px}.coupons #already .code .bottom{color:#fff;font-size:12px;opacity:.5}.fontSiz9{font-size:9px!important}.fontSiz32{font-size:32px!important}.fontSiz19{font-size:19px!important}.fontSiz14{font-size:14px!important}.redpacket{width:100vw;height:100vh;background:rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:center;justify-content:center}.redpacket .warpper{position:relative}.redpacket .warpper .bg{width:255px}@media (max-width:359px){.redpacket .warpper .bg{width:200px}}.redpacket .warpper .content{position:absolute;height:100%;width:100%;top:0}.redpacket .warpper .content .open{margin-top:220px;text-align:center}@media (max-width:359px){.redpacket .warpper .content .open{margin-top:171px}}.redpacket .warpper .content .open img{width:85px}@media (max-width:359px){.redpacket .warpper .content .open img{width:68px}}.redpacket .warpper .content .open img.animation{animation:rotation 2s linear infinite}.redpacket .warpper .content .amount{margin-top:127px;text-align:center;color:#cd3d28;font-size:32px;font-weight:500}@media (max-width:359px){.redpacket .warpper .content .amount{margin-top:99px;font-size:28px}}.redpacket .warpper .content .coupons_type{position:absolute;width:66px;text-align:center;top:54px;color:#f03957;font-size:10px;display:inline-block;transform:rotate(-44deg);left:-6px}.redpacket .warpper .content .main{display:flex;flex-direction:column;align-items:center;padding:72px 25px 0}.redpacket .warpper .content .main h1{font-size:16px;color:#c76200;margin:0;font-weight:400;margin-bottom:10px}.redpacket .warpper .content .main .money{overflow:hidden;display:flex;justify-content:center;align-items:center}.redpacket .warpper .content .main .money .left{color:#ec3552;font-size:49px;margin-right:2px;font-weight:500}.redpacket .warpper .content .main .money .man{color:#c76200;font-size:12px;margin-bottom:8px}.redpacket .warpper .content .main .money .text{color:#ec3552;font-size:16px}.redpacket .warpper .content .main .time{display:flex;align-items:center;justify-content:center;font-size:12px;color:#c76200;margin-top:5px}.redpacket .warpper .content .main .time .line{width:15px;height:1px;background-color:#c76200}.redpacket .warpper .content .main .time p{margin:0 5px}.redpacket .warpper .content .get-btn{position:absolute;bottom:32px;text-align:center;width:100%;box-sizing:border-box;font-size:16px;color:#ec3552;padding:10px 0}.redpacket #already .get-btn{bottom:25px}.redpacket #already .already-main{flex-direction:row;justify-content:space-between;align-items:center;padding-top:85px}.redpacket #already .already-main .man{color:#fff;font-size:16px;margin-bottom:4px}.redpacket #already .already-main .time{color:#fff;font-size:10px;opacity:.5}.redpacket #already .already-main .right{color:#ec3552}.redpacket #already .already-main .right span{font-size:34px;font-weight:500}.redpacket #already .code{text-align:center;margin-top:37px}.redpacket #already .code .top{font-size:22px;color:#fff;margin-bottom:8px}.redpacket #already .code .bottom{color:#fff;font-size:12px;opacity:.5}@keyframes rotation{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}.sign{width:100vw;height:100vh;background:rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:center;justify-content:center}.sign .warpper{width:350px;height:500px;position:relative}@media (max-width:360px){.sign .warpper{width:250px;height:359px}}.sign .warpper .bg{width:100%;position:relative}.sign .warpper .content{position:absolute;width:100%;height:100%;top:0}.sign .warpper .content .rule{font-size:12px;margin-left:10px}.sign .warpper .content .rule .cube-tip-angle{display:none}.sign .warpper .content .sign-success{display:flex;flex-direction:column;position:relative;margin-top:152px;height:51px;align-items:center}@media (max-width:360px){.sign .warpper .content .sign-success{height:46px;margin-top:106px;font-size:14px}}.sign .warpper .content .sign-success .points{color:#fff;font-size:25px}.sign .warpper .content .sign-success .total-points{margin-top:10px;color:hsla(0,0%,100%,.4)}@media (max-width:360px){.sign .warpper .content .sign-success .total-points{margin-top:3px}}.sign .warpper .content .sign-success .small-bao{width:15px}.sign .warpper .content .points-rule{display:flex;margin-top:25px;margin-left:41px;flex-wrap:wrap;height:178px}@media (max-width:360px){.sign .warpper .content .points-rule{height:128px;margin-top:10px;margin-left:28px}}.sign .warpper .content .points-rule .item{position:relative;width:63px;height:89px;margin-right:5px;display:flex;flex-direction:column;align-items:center}@media (max-width:360px){.sign .warpper .content .points-rule .item{width:46px;height:64px;margin-right:3px}}.sign .warpper .content .points-rule .item .dayth{color:#fff;line-height:19px;font-size:12px}@media (max-width:360px){.sign .warpper .content .points-rule .item .dayth{line-height:15px;font-size:10px}}.sign .warpper .content .points-rule .item .yuanbao{width:100%;height:31px;background:url(../img/medium-bao.605e8994.png) no-repeat;background-size:contain;background-position:50%}@media (max-width:360px){.sign .warpper .content .points-rule .item .yuanbao{height:21px}}.sign .warpper .content .points-rule .item .point{font-size:14px;color:#f59300}@media (max-width:360px){.sign .warpper .content .points-rule .item .point{height:12px}}.sign .warpper .content .points-rule .item.last{width:129px}@media (max-width:360px){.sign .warpper .content .points-rule .item.last{width:93px}}.sign .warpper .content .points-rule .item.last .yuanbao{background:url(../img/big-bao.28d9a846.png) no-repeat;background-size:contain;background-position:50%}.sign .warpper .content .points-rule .item.signed:after{content:" ";width:30px;height:30px;top:16px;right:5px;position:absolute;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAMAAADypuvZAAAAllBMVEUAAAD/Q2z/b5H/RG3/Q23/RG3/SHf/RG3/RHD/Q23/Q2z/RG3/RGz/RnD/Q2z/RW7/SXT/RGz/RGz/RG//Tnn/UXf/RG7/RG3/RG//RGz/RW//Rm3/RG3/RG3/RW7/SHH/RG3/Rm//RG3/RG3/RW3/RGz/Q23/Q23/Q2z/Q23/Q2z/Q2z/RG3/RG3/Q2//R3D/TG//Q2zCN43GAAAAMXRSTlMA+QO7i2cRyCbyv9/dK+M2GKmSWgwHlXw77T8wcFJGHJ0kd2JD6raCrtbSzVehSyAVHyHVLQAAAtxJREFUSMedVtmWqjAQTICwiBuyKC7AFXEfnfr/n7tJw5hRUedQD3DoQ6U71UvCWuCKxPRTzlPfTITL/oCFNcQdhtbiA2XUQwt6ozeUfwFeIPj3gmJYHDWcaTh3o8idh1OnMXHLaOPYTWSmGP82j4XZxGg/cwb92smMPWFWu+sP2AMyj+wr1ooVrehlD36IY9rsBWyTWIM7G600MdhLGBOKxP5lIQ2W7C2WpIZe1yI/7APIl3XLKVf7MT6RDLUv/pPl4BbteyLtPGjqDRKk9bWajN6xVpCo/1AqODX9BBym19csR2lBvaDos598qcbola/yNYPEopHOZITNxmDG5ssDDy7t2zMbAVXPCUY4cXIRhVuOatpGEqorGXMhMa5jw/5W2wWsNtIYEi5xHUbYoZcZtzTUTR5Nlk9SCJbIZxOJz9VEGFBK+JFM7hG4a9opgIS2FtL3HEm+PgDH5ZiVWKtcC686e2u2lpYGIcnmy+ecvgsSfjGpwM0DcunGwf6b7R12kJYwalYGfJbSziRir9/U2CXglISNFy72tkBuZF8c3tfGqHVLmSpWWuQMLXJUZmqZnI2QDbAWds4PJlTIkSpaTSrwOAPyiMV8x5IpuI+M5etrQ9LhBRAPVbCVEVkX+eaBhzShSqXwtBCzivSuIUoV8JYr05hvjXFpIo1vQmjJ810fOJG68bCKqQCWPoolzhdv46LQkuvkKm9JCr4N84kaGO4kYmdv6J68OOD2DjOdXF1GhHi1V9IcDdVyloXe9wCFzffM93UZ3QpWwxZFcaUfaKpZmO+QzbHTBatb4xlzbOXz6OdejxVwdWvoJmyBw79lwHIIzGLP0U2o270NJco8m1ZYi1UqdLvrwdKGeKTiGJYjJHGsB8vdCGvDQmxiilOPsLth+QYhaWer6gn+PJaNXqjHcocDoNNR0/lQ6358fj6ofeJkXa4EXS4fXa45nS5U3a9u3S+Jna6j/wEyvY3DiV0r4wAAAABJRU5ErkJggg==) no-repeat;background-size:contain;background-position:50%}.sign .warpper .content .sign-ok{margin-top:14px;line-height:50px;text-align:center;color:#ff2e5b;font-size:18px;padding:0 40px}@media (max-width:360px){.sign .warpper .content .sign-ok{margin-top:9px;padding:0 30px;line-height:39px;font-size:16px}}.cube-page{position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;background:#efeff4}.cube-page .header{position:relative;left:0;right:0;height:44px;line-height:44px;text-align:center;background-color:#fff;box-shadow:0 1px 6px #ccc;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:5}.cube-page .header h1{font-size:16px;font-weight:700}.cube-page .header .cubeic-back{position:absolute;top:0;left:0;padding:0 15px;color:#000}.cube-page>.wrapper{height:calc(100% - 44px);overflow-x:hidden;overflow-y:auto}.cube-page>.wrapper .desc{padding:10px;margin:10px 0;line-height:20px;font-size:14px}.cube-page.option-demo .wrapper{background-color:$color-white}.cube-page.option-demo .title{font-size:$fontsize-large;font-weight:500;color:$color-dark-grey;padding:15px;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:15px}.cube-page.option-demo .options{margin-bottom:15px}.cube-page.option-demo .option-list .group{margin-bottom:15px;border:1px solid rgba(0,0,0,.1);border-radius:$radius-size-medium}.cube-page.option-demo .option-list .item{height:52px;border-bottom:1px solid rgba(0,0,0,.1)}.cube-page.option-demo .option-list .item.sub{font-size:$fontsize-medium;background-color:$color-light-grey-opacity}.cube-page.option-demo .option-list .item.sub.first{box-shadow:inset 0 1px 1px 1px #eee}.cube-page.option-demo .option-list .item.sub.last{border-bottom:none}.cube-page.option-demo .demo{margin-bottom:15px}.cube-page.option-demo .methods .method-list .group{margin-bottom:15px;border:1px solid rgba(0,0,0,.1);border-radius:$radius-size-medium}.cube-page.option-demo .methods .method-list .item,.cube-page.option-demo .methods .method-list button{height:40px;font-size:$fontsize-large}.cube-page.option-demo .methods .method-list .item{background-color:$color-active-light-gray;border-bottom:1px solid rgba(0,0,0,.1)}.cube-page.option-demo .methods .method-list button{width:100%;border-bottom-left-radius:$radius-size-medium;border-bottom-right-radius:$radius-size-medium;background-color:$color-orange;box-shadow:0 0 0 1px $color-orange;border:none;outline:none;color:$color-white}.page-move-enter,.page-move-leave-active{transform:translate(100%)}.page-move-enter-active,.page-move-leave-active{transition:transform .3s}.livingroom.cube-page>header{display:none}.livingroom.cube-page>.wrapper{height:100%}.livingroom.cube-page>.wrapper>.content,.livingroom.cube-page>.wrapper>.content>div{width:100%;height:100%}.joining{display:flex;justify-content:center;align-items:center;height:100%}.room{width:100%;height:100%;position:relative;background-size:cover;background-position:50%}.room .preliminary-interact{position:absolute;top:0;left:0;width:100%;height:100%}.room .coupons-warpper{position:absolute;left:50%;top:50%;z-index:3;transform:translate3d(-50%,-50%,0);display:flex;flex-direction:column;align-items:center}.room .coupons-warpper .close-btn{margin-top:10px;display:flex;justify-content:center;align-items:center}.room .coupons-warpper .close-btn .close{width:34px}.room .video-wrapper{width:100%;height:100%}.room .movable-bd{border:2px solid #ff3267;z-index:999;position:fixed!important;top:0;right:0;height:178px!important;width:100px!important;border-radius:5px;overflow:hidden;background-color:red}.room .movable-bd .close-btn-wrapper{position:absolute;padding:10px;top:0;right:0}.room .movable-bd .close-btn{width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.3);display:flex;font-size:10px;align-items:center;justify-content:center}.room .movable-bd .close-btn img{width:18px}.not-room{width:100vw;height:100vh;background:rgba(0,0,0,.6);position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column}.not-room img{width:80px;height:auto}.not-room p{color:#fff;font-size:16px;margin-top:10px}.not-start{width:100%;height:100%;background:rgba(0,0,0,.47);position:absolute;left:0;top:0}.not-start .title{font-size:22px;color:#f1f1f1;position:absolute;top:50%;margin-top:-11px;left:0;right:0;text-align:center;transform:translate3d(0,-50%,0);display:flex;justify-content:center;align-items:center}.not-start .title.van-count-down{font-size:26px;color:#f1f1f1;line-height:normal}@media (max-width:360px){.not-start .title.van-count-down{font-size:22px}}.not-start .count-down{color:#fff;margin-top:10px}.not-start .count-down i{font-style:normal}