.global-toast{display:block;height:.6rem;line-height:.6rem;position:fixed;top:50%;left:50%;background-color:rgba(0,0,0,.8);z-index:1000;color:#fff;font-size:.24rem;white-space:nowrap;padding:0 .2rem;border-radius:.08rem;-webkit-box-shadow:0 0 .2rem 0 rgba(0,0,0,.2);box-shadow:0 0 .2rem 0 rgba(0,0,0,.2);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.global-toast,.toast-enter-active,.toast-leave-active{-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.toast-enter-active,.toast-leave-active{opacity:1}.toast-enter,.toast-leave-active{opacity:0;-webkit-transform:translate(-50%,-150%);-ms-transform:translate(-50%,-150%);transform:translate(-50%,-150%)}
*{margin:0;padding:0;font-family:Microsoft Yahei,Tahoma,Helvetica,Arial,"\5B8B\4F53",sans-serif;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;tap-highlight-color:rgba(0,0,0,0);-moz-appearance:none;appearance:none;-webkit-font-smoothing:antialiased;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;-webkit-touch-callout:none;-webkit-box-sizing:border-box;box-sizing:border-box}::-webkit-scrollbar{display:none;width:0!important}html{height:100%}html #__vconsole .vc-switch{bottom:100px}body{height:100%}body,html{background:#0a1734}#app,.page-wrapper{width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto}#app.is-h5,.page-wrapper.is-h5{background:#2a2d74;max-width:750px}a{text-decoration:none}li,ul{list-style:none}.clearfix:after{content:"";display:block;width:0;height:0;clear:both}
.invite-wrap{min-height:100%;padding-top:3.6rem;padding-bottom:50px}.invite-wrap .bg{position:absolute;top:0;left:0;width:100%}.invite-wrap .bg img{display:block;width:100%}.invite-wrap .bg .color{height:3.4rem;background:-o-linear-gradient(top,#0e173b 0,#0e173b 0,#2a2d74 100%);background:-webkit-gradient(linear,left top,left bottom,from(#0e173b),color-stop(0,#0e173b),to(#2a2d74));background:-webkit-linear-gradient(top,#0e173b,#0e173b 0,#2a2d74);background:linear-gradient(180deg,#0e173b,#0e173b 0,#2a2d74)}.invite-wrap .invite-card{background:url(//s1.hdslb.com/bfs/static/ogv/theatre/h5/invite-h5/asserts/ticket.png) 0 0 no-repeat;background-size:100% auto;border-radius:12px;height:8.62rem;position:relative;width:6.8rem;margin:0 auto;padding-top:.64rem;text-align:center}.invite-wrap .invite-card .avatar{position:absolute;width:1.48rem;height:1.48rem;border:4px solid #fff;top:-.9rem;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);border-radius:50%;background:#ccc;background-size:cover;background-repeat:no-repeat;background-position:50%}.invite-wrap .invite-card .username{font-size:.32rem;color:#18191c;margin-bottom:.04rem}.invite-wrap .invite-card .desc{font-size:.28rem;color:#61666d;letter-spacing:0;line-height:.4rem;margin-bottom:.2rem;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.invite-wrap .invite-card .season-cover{width:3.2rem;height:4.28rem;border-radius:.08rem;background:#ccc;margin:0 auto .16rem;position:relative;background-size:cover;background-repeat:no-repeat;background-position:50%}.invite-wrap .invite-card .season-cover .play-icon{width:1.2rem;height:1.2rem;background:url(//s1.hdslb.com/bfs/static/ogv/theatre/h5/invite-h5/asserts/play.png);background-size:cover;background-repeat:no-repeat;background-position:50%;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.invite-wrap .invite-card .season-cover .recom-badge{position:absolute;top:.08rem;right:.08rem;padding:0 .16rem;text-align:center;color:#fff;border-radius:.08rem;font-size:.4rem;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right;white-space:nowrap}.invite-wrap .invite-card .season-name{font-size:.28rem;color:#18191c;text-align:center;font-weight:700;margin-bottom:.24rem;padding:0 .32rem}.invite-wrap .invite-card .season-name,.invite-wrap .invite-card .season-name span{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.invite-wrap .invite-card .season-name span{max-width:5.4rem;display:inline-block;vertical-align:top}.invite-wrap .invite-card .btn{width:5.54rem;height:.88rem;text-align:center;font-size:.28rem;color:#fff;background:#f69;line-height:.88rem;border-radius:.84rem;margin:0 auto .36rem}.invite-wrap .invite-card .hint{position:relative;text-align:center}.invite-wrap .invite-card .hint p{font-size:.24rem;color:#fff}.invite-wrap .use-hint{position:fixed;top:0;bottom:0;right:0;left:0;background:rgba(0,0,0,.5)}.invite-wrap .use-hint .hint-wrapper{width:6rem;border-radius:.04rem;background:#fff;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:30%}.invite-wrap .use-hint .hint-wrapper .text{font-size:.32rem;color:#000;text-align:center;padding:.5rem 0;border-bottom:1px solid #ded8d8}.invite-wrap .use-hint .hint-wrapper .btn{font-size:0}.invite-wrap .use-hint .hint-wrapper .btn .cancel,.invite-wrap .use-hint .hint-wrapper .btn .upgrade{height:1rem;text-align:center;line-height:1rem;display:inline-block;width:3rem;font-size:.32rem}.invite-wrap .use-hint .hint-wrapper .btn .cancel{border-right:1px solid #ded8d8;color:#656161}.invite-wrap .use-hint .hint-wrapper .btn .upgrade{color:#fb7299;font-weight:700}.invite-wrap .use-hint.device .btn .cancel{width:100%;color:#fb7299;font-weight:700}.invite-wrap .use-hint.device .hint-wrapper .text{padding:.5rem .2rem}.invite-wrap-pc{background:rgba(253,80,80,.15);background:url(http://s1.hdslb.com/bfs/ogv-static/toc/watch-together/invite/pc/bg.png);width:1920px;height:1080px;margin:0 auto;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}.invite-wrap-pc .right-content{margin-left:138px}.invite-wrap-pc .right-content img{-o-object-fit:cover;object-fit:cover}.invite-wrap-pc .invite-text{color:#fff;font-size:28px}.invite-wrap-pc .invite-qr-code{margin:95px 0;width:160px;padding:20px 20px 10px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:12px;background:#fff}