html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}li,ul{list-style:none}li,p,span,ul{padding:0;margin:0}a{outline:none;text-decoration:none;cursor:pointer}a:focus{-moz-outline-style:none;outline:none}em{font-style:normal}button{font:inherit;margin:0;padding:0;line-height:1;border:none}input,textarea{font-family:Microsoft YaHei,Arial,Helvetica,sans-serif;outline:none}
body{font-family:Microsoft YaHei,Arial,Helvetica,sans-serif;font-size:100%;margin:0;-webkit-text-size-adjust:100%!important;background-color:#000}*{outline:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.scrollbar-track-vertical{right:2px;bottom:2px;top:2px;border-radius:3px}.scrollbar-thumb-vertical{position:relative;display:block;width:100%;cursor:pointer;border-radius:inherit;background-color:hsla(0,0%,100%,.2)}.scrollbar-track-horizontal{right:2px;bottom:2px;left:2px;border-radius:3px}.scrollbar-thumb-horizontal{position:relative;display:block;height:100%;cursor:pointer;border-radius:inherit;background-color:hsla(0,0%,100%,.2)}.notice-horizontal{overflow:hidden}.notice-horizontal:after{content:"";background:url(//static.event.mihoyo.com/common/images/horizon_hint2.png) 50% no-repeat;background-size:contain;width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;background-color:#fff}.notice-horizontal.in-wechat:after{background-image:url(//static.event.mihoyo.com/common/images/horizon_hint3.png)}.notice-vertical{overflow:hidden}.notice-vertical:after{content:"";background:url(//static.event.mihoyo.com/common/images/landscape-hint.png) 50% no-repeat;background-size:auto 80%;width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;background-color:#fff}.dialog-container .dialog-content{-webkit-animation:dialog-in .3s both;animation:dialog-in .3s both}#app{margin:0 auto;overflow:hidden}.btn{cursor:pointer}.btn:active{-webkit-transform:scale(.95);transform:scale(.95);transition:.1s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.btn-disabled{cursor:default}.btn-disabled:active{-webkit-transform:none;transform:none}.click-effect{position:absolute;width:.9rem;height:.9rem;background:url(//static.event.mihoyo.com/5dj/assets/images/click.png) 50% no-repeat;background-size:cover;-webkit-animation-name:click-effect;animation-name:click-effect;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-transform:translate(-.45rem,-.45rem);transform:translate(-.45rem,-.45rem);z-index:99999;pointer-events:none}@-webkit-keyframes click-effect{0%{opacity:0;-webkit-transform:translate(-.45rem,-.45rem) scale(0);transform:translate(-.45rem,-.45rem) scale(0)}50%{opacity:1;-webkit-transform:translate(-.45rem,-.45rem) scale(.8);transform:translate(-.45rem,-.45rem) scale(.8)}to{opacity:0;-webkit-transform:translate(-.45rem,-.45rem) scale(1);transform:translate(-.45rem,-.45rem) scale(1)}}@keyframes click-effect{0%{opacity:0;-webkit-transform:translate(-.45rem,-.45rem) scale(0);transform:translate(-.45rem,-.45rem) scale(0)}50%{opacity:1;-webkit-transform:translate(-.45rem,-.45rem) scale(.8);transform:translate(-.45rem,-.45rem) scale(.8)}to{opacity:0;-webkit-transform:translate(-.45rem,-.45rem) scale(1);transform:translate(-.45rem,-.45rem) scale(1)}}@-webkit-keyframes dialog-in{0%{opacity:0;-webkit-transform:scale(1.05);transform:scale(1.05)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes dialog-in{0%{opacity:0;-webkit-transform:scale(1.05);transform:scale(1.05)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes dialog-in-center{0%{opacity:0;-webkit-transform:translate3d(-50%,-50%,0) scale(1.05);transform:translate3d(-50%,-50%,0) scale(1.05)}to{opacity:1;-webkit-transform:translate3d(-50%,-50%,0) scale(1);transform:translate3d(-50%,-50%,0) scale(1)}}@keyframes dialog-in-center{0%{opacity:0;-webkit-transform:translate3d(-50%,-50%,0) scale(1.05);transform:translate3d(-50%,-50%,0) scale(1.05)}to{opacity:1;-webkit-transform:translate3d(-50%,-50%,0) scale(1);transform:translate3d(-50%,-50%,0) scale(1)}}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}
.stage-scene{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:10000;-webkit-animation:fade-in .3s both;animation:fade-in .3s both}.stage-scene.stage-destroyed{-webkit-animation:fade-out .5s both;animation:fade-out .5s both}.stage-scene:before{content:"";visibility:hidden;width:0;height:0}.stage-scene .stage-bg-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:90}.stage-scene .stage-bg-container .stage-bg{width:100%;height:100%;background-position:50%;background-repeat:no-repeat;background-size:cover}.stage-scene .stage-character-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}.stage-scene .stage-mask{position:absolute;width:100%;height:100%;left:0;top:0;z-index:900;background-color:rgba(0,0,0,.5);-webkit-animation:fade-in .3s both;animation:fade-in .3s both}.stage-scene .stage-click-layer{position:absolute;width:100%;height:100%;left:0;top:0;z-index:500}.character-wrp{position:absolute;bottom:0;font-size:0}.character-wrp.pos-center{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.character-wrp.pos-left{left:50%;-webkit-transform:translateX(-50%) translateX(-3.2rem);transform:translateX(-50%) translateX(-3.2rem)}.character-wrp.pos-right{left:50%;-webkit-transform:translateX(-50%) translateX(3.2rem);transform:translateX(-50%) translateX(3.2rem)}.character-wrp .character{width:7.17rem;height:6.61rem;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.character-wrp .character,.stage-article-container{background-size:cover;background-position:50%;background-repeat:no-repeat}.stage-article-container{position:absolute;bottom:.1rem;z-index:600;width:9.69rem;height:2.02rem;margin-left:1.55rem;padding:.3rem .35rem .1rem;box-sizing:border-box}.stage-article-container .stage-article-header{height:.48rem}.stage-article-container .stage-article-header .stage-article-title{font-size:.28rem;padding-left:.32rem;padding-top:0;font-weight:700;color:#de6262;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.stage-article-container .stage-article-header .stage-article-title.article-title-player{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.stage-text-container{height:1rem}.stage-text-container .stage-text-box{margin:0 auto;height:100%}.stage-text-container .stage-text-layer{display:none}.stage-text-container .stage-text-typewriter{position:relative;height:100%;font-size:.24rem;line-height:.32rem;padding-top:0;padding-left:.8rem;padding-right:.8rem;box-sizing:border-box}.stage-text-container .stage-text-typewriter .text-p{position:relative;white-space:pre-wrap;word-break:break-all;word-wrap:break-word;overflow:hidden}.stage-text-container .stage-text-typewriter *{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.stage-text-container .stage-text-typewriter span{background-color:#000;color:#fff}.stage-text-container .typewriter-arrow{position:absolute;bottom:.05rem;right:.15rem;width:.6rem;height:.37rem;background-position:50%;background-repeat:no-repeat;background-size:cover;-webkit-animation:arrow-next 1s linear infinite alternate;animation:arrow-next 1s linear infinite alternate}.stage-transition-mask{position:absolute;width:100%;height:100%;left:0;top:0;z-index:2000;background-color:#000;-webkit-animation:fade-in linear both;animation:fade-in linear both}.stage-transition-mask.fade-out{-webkit-animation:fade-out linear both;animation:fade-out linear both}@-webkit-keyframes arrow-next{0%{-webkit-transform:translateY(-.03rem);transform:translateY(-.03rem)}to{-webkit-transform:translateY(.03rem);transform:translateY(.03rem)}}@keyframes arrow-next{0%{-webkit-transform:translateY(-.03rem);transform:translateY(-.03rem)}to{-webkit-transform:translateY(.03rem);transform:translateY(.03rem)}}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}
body{background-color:#fff;color:#fff}.page{position:relative;width:100%;font-size:.18rem;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);box-sizing:border-box}#loading{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;background-color:#000;opacity:1;transition:opacity .3s}#loading.loading-leave{opacity:0}#loading .loading-spinner{position:absolute;top:50%;left:50%;width:2rem;height:.4rem;line-height:.4rem;margin-top:-.2rem;margin-left:-1rem;font-size:.24rem;color:#fff;text-align:center}#waiting .loading{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;background-color:rgba(0,0,0,.8);opacity:1;transition:opacity .3s}#waiting .loading.loading-out{opacity:0}#waiting .loading .loading-spinner{position:absolute;top:50%;left:50%;width:.8rem;height:.8rem;margin-top:-.4rem;margin-left:-.4rem;-webkit-animation:waiting 2s linear infinite both;animation:waiting 2s linear infinite both;background:url(//static.event.mihoyo.com/5dj/assets/images/loading.png) 50% no-repeat;background-size:cover}@-webkit-keyframes waiting{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes waiting{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.page-header{position:absolute;top:0;left:0;width:100%;height:.7rem;z-index:1000;background:url(//static.event.mihoyo.com/5dj/assets/images/header.png) 50% no-repeat;background-size:cover}.page-header .page-header-inner{max-width:12.8rem;margin:0 auto;position:relative}.page-header .logo{position:absolute;top:.05rem;left:.2rem;width:2.66rem;height:.8rem;background:url(//static.event.mihoyo.com/5dj/assets/images/nav/logo.png) 50% no-repeat;background-size:cover}.top-nav{position:absolute;top:.1rem;right:.15rem;display:flex}.top-nav div{margin-bottom:.1rem}.top-nav .nav-item{display:inline-block;width:.8rem;height:.8rem;margin-left:.2rem;background-repeat:no-repeat;background-position:50%;background-size:cover;cursor:pointer}.top-nav .nav-item:active{-webkit-transform:scale(.95);transform:scale(.95);transition:.1s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.top-nav .nav-party{background-image:url(//static.event.mihoyo.com/5dj/assets/images/nav/party.png)}.top-nav .nav-admin{background-image:url(//static.event.mihoyo.com/5dj/assets/images/nav/admin.png)}.top-nav .nav-news{background-image:url(//static.event.mihoyo.com/5dj/assets/images/nav/news.png);position:relative}.top-nav .nav-news.new-message:after{position:absolute;left:0;top:.05rem;width:.1rem;height:.1rem;border-radius:.1rem;background-color:red}.top-nav .nav-index{background-image:url(//static.event.mihoyo.com/5dj/assets/images/nav/index.png)}.top-nav .nav-contact{background-image:url(//static.event.mihoyo.com/5dj/assets/images/nav/contact.png)}.page-body{width:100%;position:relative}.page-content{width:100%}.page-inner{width:12.8rem;margin:0 auto}.btn-close{position:absolute;width:.46rem;height:.36rem;background:url(//static.event.mihoyo.com/5dj/assets/images/contact/close.png) 50% no-repeat;background-size:cover}.admin-intro{position:fixed;width:10.93rem;height:6.26rem;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:url(//static.event.mihoyo.com/5dj/assets/images/admin_intro.png) 50% no-repeat;background-size:cover}.admin-intro .btn-close{right:0}.live-wrapper.live-body{padding-bottom:.2rem;padding-top:1.5rem;background:url(//static.event.mihoyo.com/5dj/assets/images/bg.png) 50% 0 no-repeat;background-size:cover;margin:0 auto}.live-wrapper.live-bottom{padding-top:.4rem;padding-bottom:env(safe-area-inset-bottom);background-color:#fff}.live-list{display:inline-block;height:100%;width:2.15rem;background-color:rgba(0,0,0,.5);border-radius:.1rem;padding:.2rem .1rem;margin-left:.2rem;box-sizing:border-box}.live-list .scrollbar-track-vertical{display:none}.live-list .scroll-arrow{position:absolute;bottom:-.12rem;left:50%;margin-left:-.09rem;width:.18rem;height:.12rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMCAYAAABvEu28AAAAuUlEQVQokaXQMU4CURhF4Y8XKuhZBVuAXaC2EApt7NkEYk2wEPqBNVDBBrR0B1SQQPMsYJJhwuAgt7zv5uR/p1JP4hh9/0/EMGB5ByTNMuATH3dA3rGo1JMINazQvBGyRguHcCp2eMD2BsgGjzhAyDx84aUkJKKHn7QIucEUkxKgEebZInWUzV++Vmg7fanoIo6+Oi772uApDykCwTeec11EV8ZLGRDMnPt6w6JoXL0Cglc0sMfg2vAXgOIo0aLaQ6cAAAAASUVORK5CYII=) 50% no-repeat;background-size:cover;-webkit-animation:float-arrow 1s linear infinite alternate both;animation:float-arrow 1s linear infinite alternate both}.live-list .scroll-arrow.hidden{display:none}.live-list .live-cover{width:1.68rem;height:1.1rem;background-repeat:no-repeat;background-position:50%;background-size:cover;position:relative;font-size:.16rem;margin-left:.15rem;margin-right:.15rem;cursor:pointer}.live-list .live-cover+.live-cover{margin-top:.1rem}.live-list .live-cover.on:after{content:"";position:absolute;top:-.01rem;left:-.15rem;width:1.84rem;height:1.13rem;background:url(//static.event.mihoyo.com/5dj/assets/images/cover/border.png) 50% no-repeat;background-size:cover}.live-list .live-cover .live-title{position:absolute;width:100%;bottom:0;color:#fff;height:.22rem;line-height:.22rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-list .live-cover .live-notice{width:100%;height:100%;background-color:rgba(0,0,0,.9);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;border-radius:.1rem;box-sizing:border-box;padding-left:.05rem;font-size:.14rem}@-webkit-keyframes float-arrow{0%{-webkit-transform:scale(.8) translate3d(0,-.02rem,0);transform:scale(.8) translate3d(0,-.02rem,0)}to{-webkit-transform:translate3d(0,.02rem,0);transform:translate3d(0,.02rem,0)}}@keyframes float-arrow{0%{-webkit-transform:scale(.8) translate3d(0,-.02rem,0);transform:scale(.8) translate3d(0,-.02rem,0)}to{-webkit-transform:translate3d(0,.02rem,0);transform:translate3d(0,.02rem,0)}}.video-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20000;visibility:hidden;opacity:0;transition:none}.video-container .video-mask{display:none}.video-container .video-box{width:100%;height:100%;display:none;background-color:#000;justify-content:center;align-items:center}.video-container .video-box video{width:100%}.video-container.video-play{transition:.3s;opacity:1;visibility:visible}.video-container.video-play .video-box{display:flex}.dialog-container.dialog-leaving .dialog-content,.dialog-container.dialog-leaving .dialog-content-custom,.dialog-container.dialog-leaving .dialog-mask{-webkit-animation:fade-out .3s both;animation:fade-out .3s both}.dialog-container .dialog-custom{z-index:11300;-webkit-animation:dialog-in-center .3s both;animation:dialog-in-center .3s both}.dialog-container .dialog-mask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);z-index:11200}.dialog-container .dialog-close,.dialog-container .dialog-inner-close{position:absolute;top:.5rem;right:2rem;width:.57rem;height:.57rem;background-size:cover;z-index:11400;cursor:pointer}.dialog-container .dialog-close:active,.dialog-container .dialog-inner-close:active{-webkit-transform:scale(.95);transform:scale(.95);transition:.1s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.dialog-container .dialog-inner-close{right:-.2rem;top:-.2rem}.dialog-container .dialog-btn{width:1.19rem;height:.47rem;background-repeat:no-repeat;background-position:0 0;background-size:cover;float:left;font-size:0;line-height:.56rem;color:#fff;font-weight:700;cursor:pointer}.dialog-container .dialog-btn:active{-webkit-transform:scale(.95);transform:scale(.95);transition:.1s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.dialog-container .dialog-btn.dialog-btn-confirm{background-image:url(//static.event.mihoyo.com/5dj/assets/images/btn_confirm.png);background-position:0 0;background-size:2.38rem .47rem}.dialog-container .dialog-btn.dialog-btn-cancel{background-image:url(//static.event.mihoyo.com/5dj/assets/images/btn_cancel.png);margin-left:.6rem;background-size:2.38rem .47rem}.dialog-container .dialog-btn:active{background-position:-1.19rem 0}.dialog-content{position:fixed;z-index:11300;top:50%;left:50%;width:5.88rem;height:4.1rem;margin-left:-2.94rem;margin-top:-2.05rem;background:url(//static.event.mihoyo.com/5dj/assets/images/dialog.png) 50% no-repeat;background-size:cover;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dialog-content .dialog-help{position:absolute;cursor:pointer}.dialog-content .dialog-help:active{-webkit-transform:scale(.95);transform:scale(.95);transition:.1s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.dialog-content .dialog-text-wrp{padding-top:.55rem;padding-left:.4rem;padding-right:.4rem;height:3.1rem;box-sizing:border-box;text-align:center;display:table;width:100%}.alert-no-coin .dialog-content .dialog-text-wrp{text-align:left}.dialog-content .dialog-text-wrp .dialog-text{font-size:.24rem;color:#54290a;display:table-cell;vertical-align:middle;word-break:break-all;word-wrap:break-word;line-height:.4rem}.dialog-content .dialog-btn-wrp{position:absolute;width:100%;box-sizing:border-box;text-align:center;left:0;bottom:.4rem;font-size:0;color:#fff}.dialog-content .dialog-btn-wrp .dialog-btn-center{display:inline-block;vertical-align:top;zoom:1}.dialog-content .dialog-btn-wrp .dialog-btn-center:after{content:"";display:block;visibility:hidden;height:0;clear:both;font-size:0}
.scrollbar-track-horizontal,.scrollbar-track-vertical{display:none}.contact-panel{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:30000;color:#684328;-webkit-animation:dialog-in .3s both;animation:dialog-in .3s both;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.contact-panel .contact-body{position:absolute;top:50%;left:50%;width:10.87rem;height:5.38rem;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:url(//static.event.mihoyo.com/5dj/assets/images/contact/bg.png) 50% no-repeat;background-size:cover;box-sizing:border-box;padding:.1rem .1rem .1rem 3.3rem}.contact-panel .contact-body .btn-close{right:.2rem;top:.16rem}.contact-panel .contact-body .dialog-box-view{padding:.6rem .2rem 0;height:3.88rem}.contact-panel .contact-body .dialog-box-view .dialog-box{padding:.1rem 0;height:100%;box-sizing:border-box}.contact-panel .contact-body .question-box{width:7.18rem;height:.46rem;margin:.1rem auto;padding:0 .05rem 0 .04rem;line-height:.46rem;position:relative;font-size:.2rem}.contact-panel .contact-body .question-box .options-state{font-weight:bolder;color:#6eb609;padding:0 .2rem;height:100%;border-radius:.1rem}.contact-panel .contact-body .question-box .options-state.disabled{background-color:#cbc9c9;color:#fff}.contact-panel .contact-body .contact-options-container{position:absolute;left:0;padding:0 .1rem;bottom:.54rem;width:100%;box-sizing:border-box;background-color:#fff;border-radius:.1rem .1rem 0 0}.contact-panel .contact-body .contact-options-container .contact-option{background-color:#dcf1dd;border-radius:.1rem;margin:.1rem 0;color:#6eb609;padding:0 .2rem}.contact-panel .contact-body .contact-options-container .contact-option:active{background-color:#fadca0;color:#684328}.contact-panel .contact-body .contact-text-typewriter{display:flex;padding:.04rem 0}.contact-panel .contact-body .contact-text-typewriter.type-text{justify-content:center}.contact-panel .contact-body .contact-text-typewriter.type-text .text-p{margin:.1rem 0}.contact-panel .contact-body .contact-text-typewriter.type-dialog .name{color:#a0277f}.contact-panel .contact-body .contact-text-typewriter.type-dialog .text-p{margin-left:.3rem;background-color:#fee8f4}.contact-panel .contact-body .contact-text-typewriter.type-dialog .text-p:before{border-right:.2rem solid #fee8f4;left:-.29rem}.contact-panel .contact-body .contact-text-typewriter.type-player{justify-content:flex-start;flex-direction:row-reverse}.contact-panel .contact-body .contact-text-typewriter.type-player .name{color:#446391}.contact-panel .contact-body .contact-text-typewriter.type-player .text-p{background-color:#cce1fc;margin-right:.3rem}.contact-panel .contact-body .contact-text-typewriter.type-player .text-p:before{border-left:.2rem solid #cce1fc;right:-.29rem}.contact-panel .contact-body .contact-text-typewriter .user{text-align:center}.contact-panel .contact-body .contact-text-typewriter .user .name{font-weight:700}.contact-panel .contact-body .contact-text-typewriter .face{width:.88rem;height:.91rem;background-repeat:no-repeat;background-position:50%;background-size:cover}.contact-panel .contact-body .contact-text-typewriter .dialog-player{text-align:right}.contact-panel .contact-body .contact-text-typewriter .text-p{max-width:4.5rem;border-radius:.1rem;padding:.1rem .2rem;margin-top:.1rem;position:relative}.contact-panel .contact-body .contact-text-typewriter .text-p:before{content:"";position:absolute;border:.1rem solid transparent;width:0;height:0}
.channel-wrapper{height:5.67rem;width:12.8rem;margin:0 auto;display:flex;justify-content:center}.channel-container{display:inline-block;width:9.05rem;height:5.67rem;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-animation:fade-in .3s both;animation:fade-in .3s both}.channel-container .channel-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50%;background-size:cover}.channel-container .channel-bg.bg-back{z-index:0}.channel-container .channel-bg.bg-front{z-index:100}.channel-container #channel canvas{position:relative;z-index:50}.channel-container .channel-dialog{position:absolute;width:2.24rem;height:1.5rem;margin-top:-.1rem;margin-left:-.2rem;-webkit-animation:channel-dialog .4s both;animation:channel-dialog .4s both;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;z-index:120}.channel-container .channel-dialog.dialog-reverse{margin-left:-2.24rem}.channel-container .channel-dialog.dialog-reverse .dialog-inner,.channel-container .channel-dialog.dialog-reverse p{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.channel-container .channel-dialog.dialog-leave{-webkit-animation:fade-out .3s both;animation:fade-out .3s both}.channel-container .channel-dialog .dialog-inner{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:url(//static.event.mihoyo.com/5dj/assets/images/bubble.png) 50% no-repeat;background-size:cover}.channel-container .channel-dialog p{margin-top:-.3rem;color:#000;line-height:.24rem;font-size:.18rem;word-break:break-all;word-wrap:break-word;white-space:pre-wrap;max-width:1.8rem}.channel-container .btn-play{position:absolute;z-index:200;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);cursor:pointer}.channel-container .btn-play:after{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:.98rem;height:.7rem;background:url(//static.event.mihoyo.com/5dj/assets/images/channel/btn_play.png) 50% no-repeat;background-size:cover}#channel canvas{display:block}@-webkit-keyframes channel-dialog{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}70%{opacity:.9;-webkit-transform:scale(1.1);transform:scale(1.1)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes channel-dialog{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}70%{opacity:.9;-webkit-transform:scale(1.1);transform:scale(1.1)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes channel-dialog-reverse{0%{opacity:0;-webkit-transform:scale(-.1,0);transform:scale(-.1,0)}70%{opacity:.9;-webkit-transform:scale(-1.1,1.1);transform:scale(-1.1,1.1)}to{opacity:1;-webkit-transform:scaleX(-1);transform:scaleX(-1)}}@keyframes channel-dialog-reverse{0%{opacity:0;-webkit-transform:scale(-.1,0);transform:scale(-.1,0)}70%{opacity:.9;-webkit-transform:scale(-1.1,1.1);transform:scale(-1.1,1.1)}to{opacity:1;-webkit-transform:scaleX(-1);transform:scaleX(-1)}}
.live-info-wrp{display:flex;justify-content:center}.live-info{min-height:1.55rem;width:12.28rem;border:2px solid #ffccd9;border-radius:.1rem;box-sizing:border-box;padding-left:.2rem;padding-top:.11rem;padding-right:.2rem;position:relative}.live-info.col2{width:6.04rem;display:inline-block;padding:0;border:none}.live-info.col2 .live-info-main{border:2px solid #ffccd9;border-radius:.1rem;padding:.11rem .2rem .05rem 1.7rem}.live-info .live-info-main{padding-left:1.5rem}.live-info .icon{position:absolute;left:.2rem;top:.11rem;width:1.28rem;height:1.28rem;background-repeat:no-repeat;background-position:50%;background-size:cover}.live-info .name{color:#ff5280;font-weight:700;font-size:.32rem;height:.32rem;line-height:.32rem;position:relative;padding:.06rem 0 .06rem .75rem}.live-info .name:before{content:"";position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:.63rem;height:.36rem;background:url(//static.event.mihoyo.com/5dj/assets/images/icon_host.png) 50% no-repeat;background-size:cover}.live-info .item-name{color:#b3bdbd;font-weight:700;padding-left:.25rem;font-size:.2rem;position:relative;margin-top:.08rem}.live-info .item-name:before{content:"";position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:.16rem;height:.16rem;border-radius:.08rem;background-color:#b3bdbd}.live-info .tag-list{color:#fff;display:flex;flex-wrap:wrap;margin-top:.12rem}.live-info .tag-list li{display:inline-block;background-color:#ffccd9;border-radius:.17rem;padding:0 .2rem;height:.34rem;line-height:.34rem;font-size:.2rem;margin-right:.2rem;margin-bottom:.1rem}.live-info .live-desc{white-space:pre-wrap;padding:.05rem .2rem .5rem;color:#828080;font-size:.18rem;line-height:.24rem;word-break:break-all;word-wrap:break-word;border:2px solid #ffccd9;border-radius:.1rem;margin-top:.15rem}.live-info .live-desc .live-desc-title{width:100%;height:.24rem;padding-top:.15rem;padding-bottom:.2rem;margin-bottom:.1rem;background:url(//static.event.mihoyo.com/5dj/assets/images/info/intro.png) .1rem .15rem no-repeat;background-size:1.2rem .25rem;border-bottom:.02rem solid #e7e8ea}.live-history{display:inline-block;vertical-align:top;width:6.04rem;border:2px solid #ffccd9;border-radius:.1rem;box-sizing:border-box;padding:.2rem .25rem;position:relative;margin-left:.2rem}.live-history .live-history-title{width:100%;height:.24rem;padding-top:.15rem;padding-bottom:.1rem;margin-top:.2rem;background:url(//static.event.mihoyo.com/5dj/assets/images/info/history.png) .1rem .15rem no-repeat;background-size:1.21rem .24rem;border-top:.02rem solid #e7e8ea}.live-history .live-history-newest,.live-history ul li{font-size:.2rem;line-height:.34rem;width:2.3rem;height:.34rem;color:#977c66;cursor:pointer;margin-right:.3rem;white-space:nowrap;text-overflow:ellipsis;padding-left:.35rem;position:relative;font-weight:700;background-color:#f0f0f0;border-radius:.1rem;box-sizing:border-box;margin-bottom:.15rem;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.live-history .live-history-newest.current,.live-history ul li.current{color:#0bafff;background-color:#dffaff}.live-history .live-history-newest.current:before,.live-history ul li.current:before{width:.18rem;height:.12rem;left:.12rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMCAYAAABvEu28AAAAuUlEQVQokaXQMU4CURhF4Y8XKuhZBVuAXaC2EApt7NkEYk2wEPqBNVDBBrR0B1SQQPMsYJJhwuAgt7zv5uR/p1JP4hh9/0/EMGB5ByTNMuATH3dA3rGo1JMINazQvBGyRguHcCp2eMD2BsgGjzhAyDx84aUkJKKHn7QIucEUkxKgEebZInWUzV++Vmg7fanoIo6+Oi772uApDykCwTeec11EV8ZLGRDMnPt6w6JoXL0Cglc0sMfg2vAXgOIo0aLaQ6cAAAAASUVORK5CYII=) 50% no-repeat;-webkit-transform:translateY(-50%) rotate(-90deg);transform:translateY(-50%) rotate(-90deg);background-size:cover;border-radius:0}.live-history .live-history-newest:before,.live-history ul li:before{content:"";position:absolute;left:.16rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:.06rem;height:.06rem;border-radius:.1rem;background-color:#977c66}.live-history .live-history-newest:after{content:"";width:.48rem;height:.24rem;background:url(//static.event.mihoyo.com/5dj/assets/images/info/new.png) 50% no-repeat;background-size:cover;position:absolute;right:-.6rem;top:.05rem}.live-history ul{display:flex;flex-wrap:wrap;justify-content:space-between;padding:.1rem 0 0}.live-history .no-history{color:#d1c9c3}
::-webkit-input-placeholder{color:#bbb;opacity:1}:-ms-input-placeholder{opacity:1}::-ms-input-placeholder{opacity:1}::placeholder{color:#bbb;opacity:1}:-ms-input-placeholder{color:#bbb}::-ms-input-placeholder{color:#bbb}.input-wrp{display:inline-block}.input-wrp input{font-size:.18rem;height:100%;width:100%;box-sizing:border-box;outline:none;-webkit-appearance:none;border:none;background-color:transparent;border-radius:.1rem;padding:0 .1rem;color:#684328}.comment-container{padding-top:.4rem;padding-bottom:.4rem}.comment-container .comment-header{display:flex;flex-wrap:wrap;padding-left:1.8rem;position:relative}.comment-container .comment-header:before{content:"";position:absolute;left:.3rem;top:.08rem;width:1.32rem;height:.32rem;background:url(//static.event.mihoyo.com/5dj/assets/images/comment/icon.png) 50% no-repeat;background-size:cover}.comment-container .input-comment{height:.49rem;width:8.21rem;background:url(//static.event.mihoyo.com/5dj/assets/images/comment/input.png) 50% no-repeat;background-size:cover}.comment-container .comment-send{display:inline-block;width:1.9rem;height:.49rem;background:url(//static.event.mihoyo.com/5dj/assets/images/comment/btn_send.png) 50% no-repeat;background-size:cover;margin-left:.3rem;cursor:pointer}.comment-container .comment-send:active{-webkit-transform:scale(.95);transform:scale(.95);transition:.1s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.comment-container .comment-empty,.comment-container .comment-loading{text-align:center;color:#684328;padding:.2rem 0}.comment-container .comment-list-container{padding:.3rem}.comment-container .comment-list-container li{background-color:#fff9ec;color:#684328;border-radius:.1rem;padding:.15rem .3rem}.comment-container .comment-list-container li+li{margin-top:.2rem}.comment-container .comment-list-container li.comment-empty{background-color:transparent}.comment-container .comment-list-container li span{background-color:#f0c267;border-radius:.1rem;display:inline-block;padding:.02rem .15rem}.comment-container .comment-list-container li p{padding-top:.2rem;padding-left:.4rem;word-break:break-all;word-wrap:break-word}.back-to-top{position:fixed;width:.88rem;height:.88rem;background:url(//static.event.mihoyo.com/5dj/assets/images/btn_top.png) 0 0 no-repeat;background-size:1.76rem .88rem;right:.2rem;margin-right:env(safe-area-inset-right);bottom:.3rem;cursor:pointer}.back-to-top:active{-webkit-transform:scale(.95);transform:scale(.95);transition:.1s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;background-position:-.88rem 0}
.news-container{position:absolute;top:0;left:0;width:100%;height:100%}.news-box{position:fixed;width:10.37rem;height:6.43rem;background:url(//static.event.mihoyo.com/5dj/assets/images/news/bg.png) 50% no-repeat;background-size:cover;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin-left:-.5rem;box-sizing:border-box;padding:1rem .1rem .8rem 2.8rem}.news-box.hidden{display:none}.news-box ul{padding:.2rem}.news-box ul li{width:6.89rem;height:.57rem;color:#54290a;background-color:#fff9ec;border-radius:.1rem;font-size:.24rem;line-height:.57rem;box-sizing:border-box;padding:0 .3rem;position:relative;cursor:pointer}.news-box ul li:active{background-color:#fbda9a}.news-box ul li+li{margin-top:.15rem}.news-box ul li.new:before{content:"";position:absolute;top:.02rem;right:.2rem;width:1.28rem;height:.53rem;background:url(//static.event.mihoyo.com/5dj/assets/images/news/new.png) 50% no-repeat;background-size:cover;z-index:0;pointer-events:none}.news-box ul li.locked{cursor:default}.news-box ul li.locked,.news-box ul li.locked:active{background-color:#54290a;color:#fff}.news-box ul a{color:#54290a}.news-box .btn-close{top:.58rem;right:.2rem}.news-image{position:fixed;z-index:12000;height:100%;width:12.8rem;overflow:auto;-webkit-overflow-scrolling:touch;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:flex;align-items:center;justify-items:center;-webkit-animation:fade-in .3s both;animation:fade-in .3s both}.news-image img{max-width:12.8rem}.news-image .btn-close{top:.3rem;right:.2rem}.comic .btn-close{top:.2rem;right:1rem;z-index:12000}
.party-container{background-color:#fff;-webkit-animation:fade-in .3s both;animation:fade-in .3s both}.party-container .party-banner{height:9.15rem;background:url(//static.event.mihoyo.com/5dj/assets/images/party/banner.jpg) 50% no-repeat;background-size:cover}.party-container .party-intro-1{height:3.85rem;background:url(//static.event.mihoyo.com/5dj/assets/images/party/intro1.png) 50% no-repeat;background-size:cover}.party-container .party-characters{height:7.17rem;background:url(//static.event.mihoyo.com/5dj/assets/images/party/bg.png) 50% no-repeat;background-size:cover;box-sizing:border-box;padding:.85rem 0 0;display:flex;justify-content:center}.party-container .party-characters .party-chara-wrp{position:relative}.party-container .party-characters .party-chara-intro{position:absolute;top:-1.5rem;left:0;width:4.97rem;height:2.87rem;background-repeat:no-repeat;background-position:50%;background-size:cover;z-index:20;-webkit-animation:fade-in .3s both;animation:fade-in .3s both}.party-container .party-characters ul{display:flex;flex-wrap:wrap;box-sizing:border-box;justify-content:center}.party-container .party-characters ul li{width:2.46rem;height:6.18rem;background:url(//static.event.mihoyo.com/5dj/assets/images/party/characters/border.png) 50% no-repeat;background-size:cover;cursor:pointer;position:relative}.party-container .party-characters ul li.party-chara-current:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;background:url(//static.event.mihoyo.com/5dj/assets/images/party/characters/border_active.png) 50% no-repeat;background-size:cover}.party-container .party-characters ul li .party-chara-img{width:100%;height:100%;background-repeat:no-repeat;background-position:50%;background-size:cover}.party-container .party-intro-2{height:5.87rem;background:url(//static.event.mihoyo.com/5dj/assets/images/party/intro2.png) 50% no-repeat;background-size:cover}.party-container .party-result{height:8.34rem;background:url(//static.event.mihoyo.com/5dj/assets/images/party/result.jpg) 50% no-repeat;background-size:cover}