.hide{display:none}.full{width:100%;height:100%}.abs{position:absolute}.l0{left:0}.t0{top:0}.lhalf{left:50%}.thalf{top:50%}.absf{left:0;top:0;position:absolute;width:100%;height:100%}.abc{position:absolute;top:50%;left:50%}.abcter{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.lcter{position:absolute;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}.tcter{position:absolute;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.fcter{display:flex;align-items:center;justify-content:center}.fdc{flex-direction:column}.sizcont{background-repeat:no-repeat;background-size:contain;background-position:center}.sizcover{background-repeat:no-repeat;background-size:cover;background-position:center}.flex-center{display:flex;align-items:center;justify-content:center}.ol{border:.01rem solid #fff;-o-border-image:linear-gradient(to top,#f80,#2ed);border-image:linear-gradient(to top,#f80,#2ed);border-image-slice:10;box-sizing:border-box}.active-center{transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;cursor:pointer}.active-center:hover{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}.active-center:active{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}.btn-hover:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}.pop_common{display:none;background-color:rgba(0,0,0,.8);z-index:200;-webkit-perspective:10rem;perspective:10rem;position:fixed}.pop_common .container{-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation:cardFlipIn .6s .2s cubic-bezier(.25,1.47,.6,.99) both;animation:cardFlipIn .6s .2s cubic-bezier(.25,1.47,.6,.99) both}@-webkit-keyframes cardFlipIn{from{opacity:.1;-webkit-transform:translate(-50%,0) rotate3d(-.3,0,0,30deg);transform:translate(-50%,0) rotate3d(-.3,0,0,30deg)}}@keyframes cardFlipIn{from{opacity:.1;-webkit-transform:translate(-50%,0) rotate3d(-.3,0,0,30deg);transform:translate(-50%,0) rotate3d(-.3,0,0,30deg)}}.delay1{-webkit-animation-delay:.1s;animation-delay:.1s}.delay2{-webkit-animation-delay:.2s;animation-delay:.2s}.delay3{-webkit-animation-delay:.3s;animation-delay:.3s}.delay4{-webkit-animation-delay:.4s;animation-delay:.4s}.delay5{-webkit-animation-delay:.5s;animation-delay:.5s}.delay6{-webkit-animation-delay:.6s;animation-delay:.6s}.delay7{-webkit-animation-delay:.7s;animation-delay:.7s}.delay8{-webkit-animation-delay:.8s;animation-delay:.8s}.delay9{-webkit-animation-delay:.9s;animation-delay:.9s}.swiper-slide .animate__animated{-webkit-animation-play-state:paused;animation-play-state:paused}.swiper-slide-active .animate__animated{-webkit-animation-play-state:running;animation-play-state:running}.toast{display:none;background:rgba(0,0,0,.6);z-index:9999}.toast .msg{font-size:.24rem;line-height:.5rem;color:#fff;background:#6e48b8;text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:.5rem;margin-top:-.6rem;padding:.1rem .6rem}@-webkit-keyframes newFadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-4rem 0,0);transform:translate3d(-4rem,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes newFadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-4rem 0,0);transform:translate3d(-4rem,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__newFadeInLeft{-webkit-animation-name:newFadeInLeft;animation-name:newFadeInLeft;-webkit-animation-duration:.6s;animation-duration:.6s}.m-char{width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0;-webkit-animation-duration:.3s;animation-duration:.3s}.m-char img{pointer-events:none}.m-char .bg{background:url(../img/char_bg_0.jpg) no-repeat center top;background-size:cover}.m-char .bottom-line{width:19.2rem;height:.98rem;background:url(../img/bottom_line.png) center/contain no-repeat;width:100%;height:9.07407407vh;background-size:100% 100%;position:absolute;bottom:0;left:0}.m-char .btn-back{position:absolute;top:1.61rem;left:0;width:2.99rem;height:.87rem;background:url(../img/p3_btn_back.png) no-repeat center;background-size:contain;cursor:pointer;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.m-char .btn-back:hover{-webkit-transform:translateX(-.06rem);transform:translateX(-.06rem)}.m-char .char-imgs .char-bg{-o-object-fit:cover;object-fit:cover;-o-object-position:50% 0;object-position:50% 0}.m-char .char-imgs .char-img{-o-object-fit:cover;object-fit:cover;-o-object-position:50% 100%;object-position:50% 100%}.m-char .char-imgs .char-front{-o-object-fit:cover;object-fit:cover;-o-object-position:50% 100%;object-position:50% 100%;mix-blend-mode:screen}.m-char .char-content{-webkit-animation-duration:.6s;animation-duration:.6s}.m-char .char-content .name-box{position:absolute;left:1.8rem;top:2.7rem;display:flex}.m-char .char-content .name-box .char-name{width:9.04rem;height:4.17rem;-o-object-fit:contain;object-fit:contain}.m-char .char-content .video-play{width:1.88rem;height:1.14rem;background:url(../img/char_video_btn.png) center/contain no-repeat;cursor:pointer;margin-left:.38rem}.m-char .char-content .intro-content{width:5.93rem;height:.45rem;background:url(../img/p3_intro_lines.png) center/contain no-repeat;position:absolute;left:2.66rem;top:5.98rem;width:5.6rem}.m-char .char-content .intro-content .intro-title{font-family:bold;font-size:.37rem;color:#faf1ff;left:.1rem;top:.66rem;-webkit-transform:skew(-10deg);transform:skew(-10deg);letter-spacing:.01rem;line-height:.54rem;opacity:.85;white-space:nowrap;text-align:center;width:5.6rem}.m-char .char-content .intro-content .intro-desc{display:none;width:4.96rem;padding-right:.2rem;font-size:.21rem;color:#faf1ff;position:absolute;left:.4rem;top:.38rem;line-height:.46rem;height:1.38rem;overflow-y:scroll}.m-char .char-content .intro-content .intro-desc::-webkit-scrollbar{width:.04rem}.m-char .char-content .intro-content .intro-desc::-webkit-scrollbar-track{background-color:rgba(228,233,229,.3)}.m-char .char-content .intro-content .intro-desc::-webkit-scrollbar-thumb{background-color:rgba(228,233,229,.7)}.m-char .char-content .intro-content .intro-desc .desc-inner{margin:0;background-image:url(../img/char_desc_lines.png);background-size:4.96rem auto;background-position:50% 0}.m-char .char-slide{opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.m-char .char-slide.active{opacity:1;pointer-events:auto}.left-list{width:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;left:.46rem;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);margin-top:.44rem}.left-list .arrow-down,.left-list .arrow-up{width:.52rem;height:.51rem;background:url(../img/char_prev.png) center/contain no-repeat;margin:0 0;cursor:pointer;position:relative;transition:all .3s;opacity:.5}.left-list .arrow-down:hover,.left-list .arrow-up:hover{opacity:1}.left-list .arrow-down.disable,.left-list .arrow-up.disable{opacity:.2;pointer-events:none}.left-list .arrow-down{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.left-list .list-wrap{height:4rem;overflow:hidden;margin:.1rem 0}.left-list .list-wrap::-webkit-scrollbar{width:0}.left-list .list-wrap .item{position:relative;cursor:pointer;width:1.19rem;height:1.32rem}.left-list .list-wrap .item .head{pointer-events:none;width:1.19rem;height:1.42rem;position:absolute;top:-.1rem}.left-list .list-wrap .item .head img{-o-object-fit:contain;object-fit:contain;transition:opacity .3s;left:0;top:0;position:absolute;width:100%;height:100%}.left-list .list-wrap .item .char-thumb-active{opacity:0}.left-list .list-wrap .item .icon-type{position:absolute;top:.04rem;left:.1rem;width:.28rem;height:.31rem;background-size:contain;background-repeat:no-repeat}.left-list .list-wrap .item.active .char-thumb-active,.left-list .list-wrap .item:hover .char-thumb-active{opacity:1}.left-list .list-wrap .item.active .char-thumb,.left-list .list-wrap .item:hover .char-thumb{opacity:0}