@font-face{font-family:myFont-bold;src:url(https://static2.qcplay.com/fonts/SiYuanSongTi/SourceHanSerifCN-Bold-2.otf)}body,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,html,li,ol,p,strong,td,ul{font-family:myFont-bold}body,html{overflow:hidden;margin:0 auto;height:100%;width:100%}body{opacity:0}.index{overflow:hidden;margin:0 auto;height:100%;width:100%}.index .swiper-container{width:100%;height:100%;margin-left:auto;margin-right:auto}.index .swiper-container .first_bg{position:absolute;top:0;left:0;width:245%;height:100%;background:url(/summer/images/mobile/content_bg-a6bd1958a0.png) center no-repeat;background-size:100% auto;background-position-y:50%;transition:all 1.5s;z-index:1}.index .swiper-container .first_bg .ani_box{position:absolute;top:0;left:50%;z-index:2}.index .swiper-container .page_bg_ani0{-webkit-transform:translateX(0)}.index .swiper-container .page_bg_ani1{-webkit-transform:translateX(-2rem)}.index .swiper-container .page_bg_ani2{-webkit-transform:translateX(-4rem)}.index .swiper-container .page_bg_ani3{-webkit-transform:translateX(-5rem)}.index .swiper-container .page_bg_ani4{-webkit-transform:translateX(-8rem)}.index .swiper-container .page_bg_ani5{-webkit-transform:translateX(-10rem)}.index .swiper-container .page_bg_ani6{-webkit-transform:translateX(-12rem)}.index .swiper-container .nav-btn-box{position:fixed;bottom:0;left:0;width:100%;height:1.24rem;background:url(/summer/images/mobile/shadow_bg-a8b4d383d4.png) no-repeat;background-size:100% 100%;z-index:999;transform:translateZ(1px)}.index .swiper-container .nav-btn-box ul{height:.4rem;padding-top:.4rem;justify-content:space-between;display:flex;align-items:center;justify-content:center}.index .swiper-container .nav-btn-box ul li{position:relative;width:1.8667rem;height:.4rem;line-height:.4rem;padding:0 .4rem;color:#fff;font-size:.2667rem;text-align:center;white-space:nowrap;cursor:pointer}.index .swiper-container .nav-btn-box ul li::after{position:absolute;top:50%;left:50%;width:2.3067rem;height:.56rem;margin:-.2667rem 0 0 -1.3333rem;background:url(/summer/images/mobile/nav_active-d27e749dfe.png) no-repeat;background-size:100% 100%;content:'';opacity:0}.index .swiper-container .nav-btn-box ul li::before{position:absolute;top:.18rem;left:2.1rem;width:.9067rem;height:.0933rem;background:url(/summer/images/mobile/dot-265f8c3df2.png) no-repeat;background-size:100% 100%;content:''}.index .swiper-container .nav-btn-box ul li i{position:absolute;top:0;left:50%;display:block;width:2.2133rem;height:.6933rem;padding-top:.0667rem;margin-left:-1.0667rem;font-size:.1867rem;background:url(/summer/images/pc/nav_info-39b0382fcd.png) no-repeat;background-size:100% 100%;font-style:normal;color:#2c3241;line-height:.2667rem;opacity:0;transition:all .15s}.index .swiper-container .nav-btn-box ul li i b{color:#da5e21}.index .swiper-container .nav-btn-box ul li:nth-last-child(1)::before{opacity:0}.index .swiper-container .nav-btn-box ul li:hover{color:#f0f174}.index .swiper-container .nav-btn-box ul .active{color:#f0f174}.index .swiper-container .nav-btn-box ul .active::after{opacity:1}.index .swiper-container .nav-btn-box ul .active i{top:-.8rem;opacity:1}.index .swiper-container .swiper_btn{position:absolute;top:50%;margin-top:-.4rem;width:.68rem;height:.8rem;z-index:999;transform:translateZ(2px);background-image:url(/summer/images/mobile/swiper_btns-e8d463d3b7.png);background-size:.9467rem 4.2667rem;animation:breathAni 2.4s linear infinite}.index .swiper-container .swiper_btn.swiper_prev_btn{background-position:-.1333rem -1.2rem}.index .swiper-container .swiper_btn.swiper_next_btn{background-position:-.1333rem -.1333rem}.index .swiper-container .swiper_btn.swiper_prev_btn_2{background-position:-.1333rem -3.3333rem}.index .swiper-container .swiper_btn.swiper_next_btn_2{background-position:-.1333rem -2.2667rem}.index .swiper-container .swiper_prev_btn{left:2%}.index .swiper-container .swiper_next_btn{right:2%}.index .swiper-container .content-01{position:relative;width:24.76rem;height:100%}.index .swiper-container .content-01 .main-content{position:relative;top:0;left:50%;width:24.76rem;margin-left:-12.38rem;height:100%;background:url(/summer/images/mobile/page_1-994372cf05.png) no-repeat;background-size:100% auto;z-index:3}.index .swiper-container .content-01 .main-content .logo{left:10.6667rem;margin-left:-8rem}.index .swiper-container .content-01 .main-content .title{position:absolute;top:50%;left:10.6667rem;width:9.8133rem;height:4.52rem;margin:-.5rem 0 0 -4.9076rem;z-index:5}.index .swiper-container .content-01 .main-content .title img{display:block;width:100%;height:auto}.index .swiper-container .content-01 .main-content .trophy{position:absolute;top:50%;left:10.6667rem;width:4.6933rem;height:5.6267rem;margin:-2.35rem 0 0 -2.3466rem;z-index:4}.index .swiper-container .content-01 .main-content .role{position:absolute;bottom:0}.index .swiper-container .content-01 .main-content .role-left{left:10.6667rem;bottom:-7.6rem;margin-left:-15.2rem;width:14.5067rem;height:16rem;background:url(/summer/images/mobile/role_l-59ffe3d064.png) no-repeat;background-size:100% 100%}.index .swiper-container .content-01 .main-content .role-rigit{left:10.6667rem;bottom:-7.6rem;width:11.9067rem;height:17.1333rem;margin-left:2.5rem;background:url(/summer/images/mobile/role_r-030ae2c4a8.png) no-repeat;background-size:100% 100%}.index .swiper-container .content-01 .main-content .light{position:absolute;left:0;bottom:0;width:21.52rem;height:5.56rem}.index .swiper-container .content-01 .main-content .light span{position:absolute;display:block;width:100%;height:100%;background:url(/summer/images/mobile/page_1_light-2479c90dd4.png) no-repeat;background-size:100% 100%}.index .swiper-container .content-01 .main-content .light span:nth-child(1){top:.2rem;animation:Beat2 2.2s ease-in-out infinite;transform:rotate(0)}.index .swiper-container .content-01 .main-content .light span:nth-child(2){top:.3rem;animation:Beat2 3.3s ease-in-out infinite;transform:rotate(5deg)}.index .swiper-container .content-01 .main-content .light span:nth-child(3){top:.4rem;animation:Beat2 1.75s ease-in-out infinite;transform:rotate(-5deg)}.index .swiper-container .content-01 .main-content .official_btn{left:10.6667rem;margin-left:7rem}.index .swiper-container .content-01 .main-content .share_btn{left:10.6667rem;margin-left:6rem}.index .swiper-container .content-02::after{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/summer/images/mobile/page_2_bg-479558e70f.png) no-repeat;background-size:100% 100%;content:''}.index .swiper-container .content-02 .main-content{z-index:999;transform:translateZ(1px)}.index .swiper-container .content-02 .main-content .title{position:absolute;top:50%;left:50%;width:6.0933rem;height:1.3733rem;margin:-4.5rem 0 0 -3.04rem;background:url(/summer/images/mobile/title_img_2-593529c1d6.png) center no-repeat;background-size:100% 100%}.index .swiper-container .content-02 .main-content .turntable{position:absolute;top:50%;left:50%;width:6.8533rem;height:6.8133rem;margin:-3.2rem 0 0 -3.6rem}.index .swiper-container .content-02 .main-content .turntable::after{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/summer/images/pc/page_2_turntable-01a59f9847.png) no-repeat;background-size:100% 100%;content:'';z-index:1}.index .swiper-container .content-02 .main-content .turntable .role-left{position:absolute;top:1rem;right:6.2rem;width:4.24rem;height:5.7733rem;background:url(/summer/images/mobile/page_2_role_l-79f37964e0.png) center no-repeat;background-size:100% 100%;z-index:2;transform:translateY(0) scale(1.1);animation:Beat3 1.9s ease-in-out infinite}.index .swiper-container .content-02 .main-content .turntable .role-right{position:absolute;left:4.9rem;top:1rem;width:6.0667rem;height:5.88rem;background:url(/summer/images/mobile/page_2_role_r-48d12ae07e.png) center no-repeat;background-size:100% 100%;z-index:0;transform:translateY(0) scale(1.1);animation:Beat3 1.8s ease-in-out infinite}.index .swiper-container .content-03 .main-content .title{position:absolute;top:50%;left:50%;width:5.5067rem;height:1.5733rem;margin:-4.6rem 0 0 -2.7533rem;background:url(/summer/images/mobile/title_img_3-be8ef9c1df.png) center no-repeat;background-size:100% 100%}.index .swiper-container .content-03 .main-content .singer-content{position:absolute;width:15.8rem;height:6.4933rem;margin:-3.2466rem 0 0 -7.9rem;top:50%;left:50%;background:url(/summer/images/mobile/singer_bg-2-28ca376a01.png) center no-repeat;background-size:100% 100%}.index .swiper-container .content-03 .main-content .singer-content .video-btn{position:absolute;top:50%;left:50%;width:1.0667rem;height:1.0533rem;opacity:.8}.index .swiper-container .content-03 .main-content .singer-content .video-btn::after{position:absolute;top:50%;left:50%;width:.5733rem;height:.5733rem;margin:-.32rem 0 0 -2.35rem;background:url(/summer/images/mobile/play_btn-7cb2528d16.png) no-repeat;background-size:100% 100%;content:'';z-index:1;transform:translateY(.04rem)}.index .swiper-container .content-03 .main-content .singer-content .video-btn::before{position:absolute;top:0;left:0;width:100%;height:100%;margin:0 0 0 -2.08rem;background:url(/summer/images/mobile/video_btn-80b1a21773.png) no-repeat;background-size:100% 100%;content:'';animation:rotateAni360 6s linear infinite}.index .swiper-container .content-03 .main-content .singer-content .video-btn:hover{opacity:1}.index .swiper-container .content-04::after{position:absolute;top:0;left:50%;width:23.4933rem;height:100%;margin-left:-11.7466rem;background:url(/summer/images/mobile/page_4_bg-a1547ab24a.png) no-repeat;background-size:100% 100%;content:''}.index .swiper-container .content-04 .main-content .bg{position:absolute;top:0;width:100%;height:100%}.index .swiper-container .content-04 .main-content .bg .content{position:absolute;top:50%;left:50%;width:12.84rem;height:7.2667rem;margin:-3rem 0 0 -6.8rem}.index .swiper-container .content-04 .main-content .bg .content ul{position:relative;top:0;left:0;width:100%;height:100%;z-index:5}.index .swiper-container .content-04 .main-content .bg .content ul li{position:absolute}.index .swiper-container .content-04 .main-content .bg .content ul .jl-1{left:1.2rem;top:.08rem;width:2.6267rem;height:2.12rem;background:url(/summer/images/mobile/hl_1-68a1f1ec5d.png) no-repeat;background-size:100% 100%}.index .swiper-container .content-04 .main-content .bg .content ul .jl-2{top:-.3rem;left:9.4rem;width:1.7867rem;height:2.2933rem;background:url(/summer/images/mobile/hl_2-a406f8f922.png) no-repeat;background-size:100% 100%}.index .swiper-container .content-04 .main-content .bg .content ul .jl-3{top:1.6rem;left:0;width:2.24rem;height:2.7867rem;background:url(/summer/images/mobile/hl_3-88b2f9fc52.png) no-repeat;background-size:100% 100%}.index .swiper-container .content-04 .main-content .bg .content ul .jl-4{left:11.2rem;top:2rem;width:1.7333rem;height:2.12rem;background:url(/summer/images/mobile/hl_4-3c77b4ce65.png) no-repeat;background-size:100% 100%}.index .swiper-container .content-04 .main-content .bg .content ul .jl-5{top:-1.4rem;left:-1rem;width:15.7467rem;height:8.6133rem;background:url(/summer/images/mobile/hl_5-db9976c01f.png) no-repeat;background-size:100% 100%}.index .swiper-container .content-04 .main-content .bg .content .title-and-btn{position:absolute;top:50%;left:50%;width:9.1333rem;height:2.9733rem;margin:-.65rem 0 0 -4.25rem;z-index:20}.index .swiper-container .content-04 .main-content .bg .content .title-and-btn h3{width:100%}.index .swiper-container .content-04 .main-content .bg .content .title-and-btn .details-btn{position:absolute;width:2.12rem;height:.6933rem;top:1.35rem;left:3.4667rem;background:url(/summer/images/mobile/details_btn-ac1a165927.png) no-repeat;background-size:100% 100%}.index .swiper-container .content-04 .main-content .bg .content .reward-box{position:absolute;top:.1867rem;left:0;width:100%;height:100%;z-index:10}.index .swiper-container .content-04 .main-content .bg .content .reward-box::after{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/summer/images/mobile/page_4_con-6663c6580c.png) no-repeat;background-size:100% 100%;content:''}.index .swiper-container .content-04 .main-content .title{width:5.68rem;height:1.56rem;position:absolute;top:50%;left:50%;z-index:100;margin:-4.6rem 0 0 -2.84rem}.index .swiper-container .content-04 .main-content .official_btn,.index .swiper-container .content-04 .main-content .share_btn{z-index:10}.index .swiper-container .content-05 .main-content{overflow:hidden}.index .swiper-container .content-05 .main-content .title{position:absolute;top:50%;left:50%;width:8.0667rem;height:1.56rem;margin:-4.6rem 0 0 -4.0333rem}.index .swiper-container .content-05 .main-content .bg{position:absolute;top:50%;left:50%;width:17.3333rem;height:4.4933rem;margin:-1.6rem 0 0 -8.6666rem;background:url(/summer/images/mobile/page_role_bg-ac1f67be8c.png) no-repeat;background-size:100% 100%}.index .swiper-container .content-05 .main-content .bg .name{position:absolute;top:50%;left:50%;width:2.2rem;height:2.6133rem;margin:-3.5rem 0 0 -6.9rem;background:url(/summer/images/mobile/page_5_role_name-1d7ec76605.png) no-repeat;background-size:100% 100%}.index .swiper-container .content-05 .main-content .bg .role-bg{position:absolute;top:50%;left:50%;width:7.56rem;height:6.56rem;margin:-4rem 0 0 -3.8rem;background:url(/summer/images/mobile/role_bg-a17acda19d.png) no-repeat;background-size:100% 100%}.index .swiper-container .content-05 .main-content .bg .role-bg .h-sqs{position:absolute;top:50%;left:50%;width:5.1467rem;height:6.8533rem;margin:-2.8rem 0 0 -2rem;background:url(/summer/images/mobile/page_5_role-d4aef67549.png) no-repeat;background-size:100% 100%}.index .swiper-container .content-05 .main-content .bg .weapon{position:absolute;top:50%;left:50%;width:5.3867rem;height:2.9333rem;margin:-1.56rem 0 0 3rem;background:url(/summer/images/pc/page_5_role_wq-7e8ecd6339.png) no-repeat;background-size:100% 100%}.index .swiper-container .content-05 .main-content .bg .skill-box{position:absolute;width:3.2rem;height:2.8rem;top:1.4rem;left:1.8rem}.index .swiper-container .content-05 .main-content .bg .skill-box .skill-icon{height:.5867rem;display:flex;flex-wrap:wrap;align-content:space-between}.index .swiper-container .content-05 .main-content .bg .skill-box .skill-icon a{position:relative;width:.5867rem;height:.5867rem;margin:0 .06rem;transform:scale(.8)}.index .swiper-container .content-05 .main-content .bg .skill-box .skill-icon a::after{position:absolute;top:50%;left:50%;width:1.2267rem;height:1.2267rem;margin:-.6133rem 0 0 -.6133rem;background:url(/summer/images/mobile/page_role_jn-c71fc8d0ec.png) no-repeat;background-size:100% 100%;content:'';opacity:0}.index .swiper-container .content-05 .main-content .bg .skill-box .skill-icon a::before{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/summer/images/mobile/sqs_jn_icon-48c8b28af1.png);background-size:1.7067rem 1.7067rem;content:'';z-index:1}.index .swiper-container .content-05 .main-content .bg .skill-box .skill-icon .skill-1::before{background-position:-.1333rem -.1333rem}.index .swiper-container .content-05 .main-content .bg .skill-box .skill-icon .skill-2::before{background-position:-.9867rem -.1333rem}.index .swiper-container .content-05 .main-content .bg .skill-box .skill-icon .skill-3::before{background-position:-.1333rem -.9867rem}.index .swiper-container .content-05 .main-content .bg .skill-box .skill-icon .skill-4::before{background-position:-.9867rem -.9867rem}.index .swiper-container .content-05 .main-content .bg .skill-box .skill-icon .select{transform:scale(1)}.index .swiper-container .content-05 .main-content .bg .skill-box .skill-icon .select::after{opacity:1}.index .swiper-container .content-05 .main-content .bg .skill-box .skill-desc{position:relative;width:3.2rem;height:1.6rem;margin-top:.3rem;transform:scale(1.15)}.index .swiper-container .content-05 .main-content .bg .skill-box .skill-desc .desc{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/summer/images/mobile/sqs_jn_intro-7f4dbbe2bb.png);background-size:6.9333rem 3.6rem;opacity:0}.index .swiper-container .content-05 .main-content .bg .skill-box .skill-desc .desc-1{height:1.52rem;background-position:-.1333rem -1.9467rem}.index .swiper-container .content-05 .main-content .bg .skill-box .skill-desc .desc-2{height:1.5467rem;background-position:-.1333rem -.1333rem}.index .swiper-container .content-05 .main-content .bg .skill-box .skill-desc .desc-3{height:1.52rem;background-position:-3.6rem -1.9467rem}.index .swiper-container .content-05 .main-content .bg .skill-box .skill-desc .desc-4{height:1.5467rem;background-position:-3.6rem -.1333rem}.index .swiper-container .content-05 .main-content .bg .skill-box .skill-desc .show{opacity:1}.index .swiper-container .content-05 .main-content .bg .skill-box .tips{position:relative;width:2.5333rem;height:.1333rem;background-image:url(/summer/images/mobile/tole_tips-24d79a6576.png);background-size:100% 100%;margin-top:.2rem;margin-left:.16rem;transform:scale(1.15)}.index .swiper-container .content-06 .main-content{overflow:hidden}.index .swiper-container .content-06 .main-content .title{position:absolute;top:50%;left:50%;width:8.0267rem;height:1.56rem;margin:-4.6rem 0 0 -4.0333rem}.index .swiper-container .content-06 .main-content .bg{position:absolute;top:50%;left:50%;width:17.3333rem;height:4.4933rem;margin:-1.6rem 0 0 -8.6666rem;background:url(/summer/images/mobile/page_role_bg-ac1f67be8c.png) no-repeat;background-size:100% 100%}.index .swiper-container .content-06 .main-content .bg .name{position:absolute;top:50%;left:50%;width:2.3867rem;height:2.6133rem;margin:-3.5rem 0 0 -6.9rem;background:url(/summer/images/mobile/page_6_role_name-477a705409.png) no-repeat;background-size:100% 100%}.index .swiper-container .content-06 .main-content .bg .role-bg{position:absolute;top:50%;left:50%;width:7.56rem;height:6.56rem;margin:-4rem 0 0 -3.8rem;background:url(/summer/images/mobile/role_bg-a17acda19d.png) no-repeat;background-size:100% 100%}.index .swiper-container .content-06 .main-content .bg .role-bg .h-zx{position:absolute;top:50%;left:50%;width:6.5467rem;height:7.0533rem;margin:-3rem 0 0 -3.4rem;background:url(/summer/images/mobile/page_6_role-4a60a24db0.png) no-repeat;background-size:100% 100%}.index .swiper-container .content-06 .main-content .bg .weapon{position:absolute;top:50%;left:50%;width:5.3867rem;height:3.4933rem;margin:-1.56rem 0 0 3rem;background:url(/summer/images/pc/page_6_role_wq-d809e9b22a.png) no-repeat;background-size:100% 100%}.index .swiper-container .content-06 .main-content .bg .skill-box{position:absolute;width:3.2rem;height:2.8rem;top:1.4rem;left:1.8rem}.index .swiper-container .content-06 .main-content .bg .skill-box .skill-icon{height:.5867rem;display:flex;flex-wrap:wrap;align-content:space-between}.index .swiper-container .content-06 .main-content .bg .skill-box .skill-icon a{position:relative;width:.5867rem;height:.5867rem;margin:0 .06rem;transform:scale(.8)}.index .swiper-container .content-06 .main-content .bg .skill-box .skill-icon a::after{position:absolute;top:50%;left:50%;width:1.2267rem;height:1.2267rem;margin:-.6133rem 0 0 -.6133rem;background:url(/summer/images/mobile/page_role_jn-c71fc8d0ec.png) no-repeat;background-size:100% 100%;content:'';opacity:0}.index .swiper-container .content-06 .main-content .bg .skill-box .skill-icon a::before{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/summer/images/mobile/zx_jn_icon-f3c9d59930.png);background-size:1.7067rem 1.7067rem;content:'';z-index:1}.index .swiper-container .content-06 .main-content .bg .skill-box .skill-icon .skill-1::before{background-position:-.1333rem -.1333rem}.index .swiper-container .content-06 .main-content .bg .skill-box .skill-icon .skill-2::before{background-position:-.9867rem -.1333rem}.index .swiper-container .content-06 .main-content .bg .skill-box .skill-icon .skill-4::before{background-position:-.1333rem -.9867rem}.index .swiper-container .content-06 .main-content .bg .skill-box .skill-icon .skill-3::before{background-position:-.9867rem -.9867rem}.index .swiper-container .content-06 .main-content .bg .skill-box .skill-icon .select{transform:scale(1)}.index .swiper-container .content-06 .main-content .bg .skill-box .skill-icon .select::after{opacity:1}.index .swiper-container .content-06 .main-content .bg .skill-box .skill-desc{position:relative;width:3.2rem;height:1.6rem;margin-top:.3rem;transform:scale(1.15)}.index .swiper-container .content-06 .main-content .bg .skill-box .skill-desc .desc{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/summer/images/mobile/zx_jn_intro-aa839d60cd.png);background-size:6.9333rem 3.6rem;opacity:0}.index .swiper-container .content-06 .main-content .bg .skill-box .skill-desc .desc-2{height:1.52rem;background-position:-.1333rem -1.9467rem}.index .swiper-container .content-06 .main-content .bg .skill-box .skill-desc .desc-4{height:1.5467rem;background-position:-.1333rem -.1333rem}.index .swiper-container .content-06 .main-content .bg .skill-box .skill-desc .desc-3{height:1.52rem;background-position:-3.6rem -1.9467rem}.index .swiper-container .content-06 .main-content .bg .skill-box .skill-desc .desc-1{height:1.5467rem;background-position:-3.6rem -.1333rem}.index .swiper-container .content-06 .main-content .bg .skill-box .skill-desc .show{opacity:1}.index .swiper-container .content-06 .main-content .bg .skill-box .tips{position:relative;width:2.5333rem;height:.1333rem;background-image:url(/summer/images/mobile/tole_tips-24d79a6576.png);background-size:100% 100%;margin-top:.2rem;margin-left:.16rem;transform:scale(1.15)}.index .swiper-container .content-07 .main-content .title{position:absolute;top:50%;left:50%;width:7.6933rem;height:1.56rem;margin:-4.6rem 0 0 -3.76rem}.index .swiper-container .content-07 .main-content .content{position:absolute;top:50%;left:50%;width:14.1867rem;height:5.36rem;margin:-2.84rem 0 0 -7.26rem;background:url(/summer/images/mobile/page_7_con-4236de419e.png) no-repeat;background-size:100% 100%}.index .swiper-container .content-07 .main-content .content .book-mmortal-btn{position:absolute;bottom:-.8rem;left:50%;margin-left:-1.3rem;width:2.9333rem;height:.7467rem;background:url(/summer/images/mobile/expect_btn-d908b7213f.png) no-repeat;background-size:100% 100%}.index .swiper-container .main-content{position:relative;width:100%;height:100%}.index .swiper-container .main-content .logo{left:1.3333rem;position:absolute;top:.3rem;width:2.2267rem;height:.9867rem;z-index:5}.index .swiper-container .main-content .logo img{display:block;width:100%;height:auto}.index .swiper-container .main-content .official_btn,.index .swiper-container .main-content .share_btn{position:absolute;top:.6rem;width:.5333rem;height:.56rem;background-size:100% 100%;transform:scale(1.5)}.index .swiper-container .main-content .official_btn{right:1.3333rem;background-image:url(/summer/images/mobile/official_btn-bdfcbd9c22.png);background-size:100% 100%}.index .swiper-container .main-content .official_btn_2{background-image:url(/summer/images/mobile/official_btn_2-fc036ba466.png);background-size:100% 100%}.index .swiper-container .main-content .share_btn{right:2.5rem;background-image:url(/summer/images/mobile/share_btn-ffd258a800.png);background-size:100% 100%}.index .swiper-container .main-content .share_btn_2{background-image:url(/summer/images/mobile/share_btn_2-0046c64c77.png);background-size:100% 100%}.footer{position:fixed!important;bottom:-1.4667rem;width:100%;height:1.4667rem;background:#282f3e;z-index:9;transition:all .5s;transform:translateZ(10px)}.footer .footer-btn{position:absolute;top:-2rem;right:.6rem;width:.8533rem;height:.24rem;transition:all .5s}.footer .footer-btn a{display:block;width:100%;height:100%;background:url(/summer/images/mobile/banquan_icon-a69fe38957.png) no-repeat;background-size:100% 100%;transform:scale(1.5)}.footer .footer-content{padding:.1333rem 0;font-size:.2133rem;line-height:.4rem;color:#fff;text-align:center}.footer .footer-content p{text-align:center}.footer-on{display:block;bottom:0;transition:all .5s}.footer-on .footer-btn{top:-.8rem;transition:all .5s}.video-wrap{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);-ms-background-size:100% 100%;background-size:100% 100%;z-index:99}.video-wrap .video-content{position:absolute;top:6%;left:6%;width:88%;height:88%;margin:0;background:url(/summer/images/pc/video_pop-8ee5a797a6.png) 0 0 no-repeat;background-size:100% 100%;display:flex;align-items:center;justify-content:center}.video-wrap .video-content #media-play{width:97.2%;height:97.2%}.video-wrap .video-content .close-btn{position:absolute;top:0;right:-1rem;display:block;width:1.65rem;height:1.57rem;background:url(/summer/images/pc/video_close-4e2692bd2e.png) 0 0 no-repeat;background-size:100% 100%;cursor:pointer;z-index:9}.share-wrap{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);-ms-background-size:100% 100%;background-size:100% 100%;z-index:99}.share-wrap .share-content{position:absolute;top:50%;left:50%;width:11.4667rem;height:5.5733rem;margin:-3.2rem 0 0 -5.7333rem}.share-wrap .share-content .close-btn{position:absolute;top:-.5rem;right:-.5rem;display:block;width:.5067rem;height:.5067rem;background:url(/summer/images/mobile/share_close-6e536c78c3.png) 0 0 no-repeat;background-size:100% 100%;cursor:pointer;transform:scale(1.2)}.share-wrap .share-content img{display:block;width:100%;height:auto}.share-wrap .share-content p{display:block;width:100%;height:.6667rem;color:#fffbd6;line-height:.6667rem;font-size:.2667rem;text-align:center}.share-wrap .share-content a{display:block;width:2.3733rem;height:.7733rem;margin:0 auto;background:url(/summer/images/mobile/copy_btn-625bbb3706.png) no-repeat;background-size:100% 100%}.share-wrap .share-content #copy{opacity:0}.preloading{overflow-y:hidden;position:fixed;top:0;left:0;width:100%;height:100%;background:url(/summer/images/pc/preloading_bg-b54b5aceef.png) 50% no-repeat;background-size:cover;background-color:#fff;z-index:9999;transform:translateZ(10px)}.preloading .loding_time{position:absolute;top:50%;left:50%;width:5.1733rem;height:.4rem;margin:-.32rem 0 0 -2.5867rem;z-index:1}.preloading .loding_time p{color:#37536a;font-size:.4rem;line-height:.4rem;text-align:center;margin:0 auto}.portrait .layui-layer{transform:rotate(90deg)!important;transition-duration:0s!important}.portrait .layui-layer .layui-layer-content{padding:.16rem .3333rem!important;font-size:.32rem!important;line-height:.4rem!important}.small_screen .index .swiper-container .first_bg{background-size:100% 100%!important}.small_screen .content-01 .logo{margin-left:-6.5rem!important}.small_screen .content-01 .official_btn{margin-left:6rem!important}.small_screen .content-01 .share_btn{margin-left:5rem!important}.small_screen .footer .footer-content{line-height:.3733rem!important;font-size:.1867rem!important}a,img{display:block;width:100%;height:100%}@keyframes breathAni{50%{transform:scale(1.1) translateZ(2px)}}@keyframes rotateAni360{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes Beat2{0%{opacity:0}60%{opacity:1}100%{opacity:0;transform:scale(1.1)}}@keyframes Beat3{0%{transform:translateY(0) scale(1.1);-webkit-transform:translateY(0) scale(1.1)}60%{transform:translateY(.1333rem) scale(1.1);-webkit-transform:translateY(.1333rem) scale(1.1)}}
/*# sourceMappingURL=style_index_mobile-717ca35846.css.map */