@charset "UTF-8";@-webkit-keyframes scale{0%,to{-webkit-transform:scale(1,1);transform:scale(1,1)}
25%,75%{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
50%{-webkit-transform:scale(.9,.9);transform:scale(.9,.9)}
}@keyframes scale{0%,to{-webkit-transform:scale(1,1);transform:scale(1,1)}
25%,75%{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
50%{-webkit-transform:scale(.9,.9);transform:scale(.9,.9)}
}@-webkit-keyframes line{0%{top:4%;opacity:1}
80%{top:58%;opacity:1}
to{top:76%;opacity:.2}
}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}@-webkit-keyframes fadeLeftR{0%{opacity:0;-webkit-transform:translateX(-1.4rem);transform:translateX(-1.4rem)}
to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}@keyframes fadeLeftR{0%{opacity:0;-webkit-transform:translateX(-1.4rem);transform:translateX(-1.4rem)}
to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}@-webkit-keyframes fadeRightL{0%{opacity:0;-webkit-transform:translateX(.8rem);transform:translateX(.8rem)}
to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}@keyframes fadeRightL{0%{opacity:0;-webkit-transform:translateX(.8rem);transform:translateX(.8rem)}
to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}@-webkit-keyframes scaleBig{0%,to{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.2);transform:scale(1.2)}
}@keyframes scaleBig{0%,to{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.2);transform:scale(1.2)}
}@keyframes line{0%{top:4%;opacity:1}
80%{top:58%;opacity:1}
to{top:76%;opacity:.2}
}@-webkit-keyframes rotate{to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
}@keyframes rotate{to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
}.swiper-button-next:after,.swiper-button-prev:after{content:none}
.section{overflow:hidden}
.mian-box{overflow:visible}
#header .wrap,.index-ban{height:100%;position:relative}
.index-ban{width:100%}
.index-ban .main-bg{width:100%;z-index:1;overflow:hidden;position:absolute;top:0;left:0}
.index-ban .main-bg .main-bg-wrap{position:relative;left:50%;width:19.2rem;margin-left:-9.6rem}
.index-ban .main-bg .main-bg-wrap img{width:19.2rem;height:9.84rem}
#header{height:9.84rem}
#header .wrap{width:12rem;margin:0 auto;clear:both}
#header .btn-video-play{position:absolute;top:5.5rem;left:9.2rem;z-index:99;cursor:pointer;-webkit-animation:scale 4s linear infinite alternate forwards;animation:scale 4s linear infinite alternate forwards}
#header .btn-video-play:hover{opacity:.8}
#header .agetip-btn{top:.7rem;right:.1rem;left:auto}
.index-ban .kv-btn{background:#0000007a;border-radius:0.1rem;width:7.36rem;height:2.07rem;position:absolute;top:6.93rem;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:5;text-align:center;line-height:2.07rem}
.index-ban .kv-btn>div{vertical-align:middle;display:inline-block}
.index-ban .kv-btn .kv-er{background:url(../img/twocode_border-56af53f7ba.png) no-repeat 0 0/1.35rem 1.58rem;width:1.35rem;height:1.58rem;margin-right:.1rem;position:relative}
.index-ban .kv-btn .kv-er img{display:block;margin:.03rem auto 0;width:1.29rem;height:1.29rem}
.index-ban .kv-btn .kv-er p{font-size:.18rem;line-height:.25rem;color:#fdeab1}
.index-ban .kv-btn .down-btns a{display:block;font-size:0}
.index-ban .kv-btn .down-btns a:hover{opacity:.9}
.index-ban .kv-btn .down-android{background:url(../img/btn_and.png) no-repeat 0 0/1.84rem .5rem;width:1.84rem;height:.5rem}
.index-ban .kv-btn .down-ios{background:url(../img/btn_ios.png) no-repeat 0 0/1.84rem .5rem;width:1.84rem;height:.5rem;margin-top:.03rem}
.index-ban .kv-btn .down-pc{background:url(../img/btn_mnq.png) no-repeat 0 0/1.84rem .51rem;width:1.84rem;height:.51rem;margin-top:.03rem}
.index-ban .kv-btn .recent-server{background:url(../img/btn_server.png) no-repeat 0 0/1.59rem 1.58rem;width:1.59rem;height:1.58rem;margin-left:.1rem;line-height:normal}
.index-ban .kv-btn .recent-server p{font-size:.22rem;line-height:normal;pointer-events:none}
.index-ban .kv-btn .recent-server .name{color:#ca512c;font-weight:700;margin-top:.25rem}
.index-ban .kv-btn .recent-server .time{color:#ab6f3e;letter-spacing:.012rem}
.index-ban .kv-btn .recent-server .server-item{padding-top:.25rem}
.index-ban .kv-btn .recent-server a{display:none}
.index-ban .kv-btn .recent-server a:not(.server-query){display:block;height:.72rem;margin-top:-.64rem;font-size:0}
.index-ban .kv-btn .recent-server a.server-query{font-size:0;display:block;height:.34rem;margin-top:.05rem}
.index-ban .kv-btn .line{background:url(../img/line-0df1fa5c9e.png) no-repeat 0 0/1.38rem .17rem;height:.17rem;background-position:center;background-size:cover;width:1.57rem;position:absolute;top:4%;left:50%;margin-left:-.785rem;-webkit-animation:line 2s linear infinite;animation:line 2s linear infinite}
.card{margin-left:.1rem;position:relative;font-size:0}
.card .btn-card,.card .btn-zm-group{display:block;width:1.83rem;height:.76rem}
.card .btn-card{background:url(../img/btn_gift.png) no-repeat 0 0/1.83rem .76rem}
.card .btn-card:hover,.card .btn-zm-group:hover{opacity:.9}
/*.card i{position:absolute;left:.27rem;top:-.35rem;background:url(../img/card_tips-fca1b445fc.png) no-repeat 0 0/1.34rem .43rem;width:1.34rem;height:.43rem}*/
.card .btn-zm-group{background:url(../img/btn_group.png) no-repeat 0 0/1.83rem .76rem;margin-top:.05rem;cursor:pointer}
/*.bg-cover{position:absolute;bottom:0;left:50%;width:19.2rem;height:.94rem;margin-left:-9.6rem;background:url(../img/bg_cover-c2150d739c.png) center bottom/100% 100%;z-index:10}*/
.link-act1{height:100%;z-index:1;font-size:0}
.section1{height:7.68rem;border-top:3px solid #dbc0a3}
.section1.img-ori{background:url(../img/section1-76605c2b61.jpg) no-repeat center top/100% 100%}
.section1.img-webp{background:url(../img/section1-bg.jpg) no-repeat center top/100% 100%}
.section1 .main{height:100%;overflow:visible}
.section1 .title{background:url(../img/section1-tit.png) center / 100% no-repeat;width:11rem;height:1.39rem;margin-top:.35rem}
.hot-main{width:6.15rem;height:3.58rem;margin-top:.62rem;position:relative;z-index: 20;float:left;}
.hot-main .img-cover{background:url(../img/sec1_img_cover-dc44e613e2.png) no-repeat 0 0/6.17rem 3.65rem;width:6.17rem;height:3.65rem;position:absolute;top:0;left:0;pointer-events:none}
.hot-main .swiper{width:6.15rem;height:4.08rem}
.hot-main .swiper-slide{width:6.06rem;float:left;height:3.52rem}
.hot-main .swiper-slide img{width:5.97rem;height:3.36rem;margin:.1rem}
.hot-main .swiper-slide span{position:absolute;display:block;left:.09rem;bottom:.06rem;width:5.7rem;height:.4rem;line-height:.4rem;padding-left:.3rem;font-size:.16rem;background-color:rgba(0,0,0,.7);z-index:99;color:#ccc}
.hot-main .hot-pagination{position:absolute;right:.8rem;bottom:.2rem;z-index:30;text-align:center;width:100%}
.hot-main .hot-pagination span{display:inline-block;position:relative;width:.1rem;height:.1rem;margin:.02rem;border-radius:50%;background-color:#ccc;cursor:pointer;overflow:hidden;font-size:0;z-index:30;opacity:1}
.hot-main .hot-pagination span.swiper-pagination-bullet-active{width:.24rem;border-radius:.075rem;background:#f5d58d;opacity:1}
.news-content-box,.news-content-box .hot-news-title,.news-content-box .news-list a{-webkit-box-sizing:border-box;box-sizing:border-box}
.news-content-box{background:#0000003b;top:2.14rem;left:6rem;padding:0 .33rem 0 .62rem;z-index:10;width:6.3rem;height:3.37rem;position:absolute;}
.news-content-box .hot-news-title{display:block;padding:0 .2rem;height:.5rem;font-size:.2rem;font-weight:700;color:#f5d58d;text-align:center;line-height:.58rem;overflow:hidden;word-break:keep-all;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.news-content-box .hot-news-title:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}
.news-content-box .news-list{display:none}
.news-content-box .news-list.on{display:block}
.news-content-box .news-list a{position:relative;display:block;height:.3rem;line-height:0;font-size:.16rem;color:#e9f1ff}
.news-content-box .more,.news-content-box .news-list .icon{-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.news-content-box .news-list .icon{background:url(../img/dot-ea657bd7c9.png) no-repeat 0 0/.1rem .1rem;height:.1rem;display:inline-block;width:.1rem;margin-right:.1rem;vertical-align:middle}
.news-content-box .news-list span{display:inline-block;width:75%;height:.3rem;line-height:.3rem;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;letter-spacing:.003rem;vertical-align:middle;word-break:keep-all}
.news-content-box .news-list span.time{position:absolute;right:0;top:0;width:.5rem}
.news-content-box .news-list em{display:inline-block;margin-right:.04rem}
.news-content-box .news-list a:hover{color:#f5d58d}
.news-content-box .hd{margin-top:0}
.news-content-box .hd li{display:inline-block;position:relative;height:.6rem;margin-right:.25rem;padding:0 .1rem;line-height:.7rem;font-size:.2rem;color:#e9f1ff;letter-spacing:.02rem;text-align:center;cursor:pointer}
.news-content-box .hd li.on,.news-content-box .hd li:hover{color:#f5d58d;border-bottom:.02rem solid #f5d58d;font-weight:700}
.news-content-box .more{position:absolute;right:.45rem;top:.25rem;font-size:.18rem;color:#9cacc7;text-align:center;letter-spacing:.005rem;cursor:pointer}
.news-content-box .more:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}
.news-content-box .more i{background:url(../img/more-3a084d2883.png) no-repeat 0 0/.12rem .1rem;width:.12rem;height:.1rem;display:inline-block;margin-left:.05rem}
.other-message{width:1.64rem;height:3.39rem;position:absolute;right:0;top:2.14rem}
.other-message li{margin-bottom:.07rem;cursor:pointer;font-size:0}
.other-message li a{display:block;width:1.62rem;height:.79rem}
.other-message .yl{background:url(../img/news_yxgl-28d71133dd.png) no-repeat 0 0/1.62rem .79rem;width:1.62rem;height:.79rem}
.other-message .zn{background:url(../img/news_zn-d39cd7ba44.png) no-repeat 0 0/1.62rem .79rem;width:1.62rem;height:.79rem}
.other-message .zj{background:url(../img/news_zyzj-21f69e6916.png) no-repeat 0 0/1.71rem .79rem;width:1.71rem;height:.79rem}
.other-message .lt{background:url(../img/news_yxlt-b0d10d1696.png) no-repeat 0 0/1.62rem .79rem;width:1.62rem;height:.79rem}
.section2{height:9.57rem}
.section2.img-ori,.section2.img-webp{background:url(../img/section2-f2f6499403.jpg) no-repeat center top/100% 100%}
.section2 .title{background:url(../img/sec2_title-39c1d7379c.png) no-repeat 0 0/5.52rem 1.39rem;width:5.52rem;height:1.39rem;margin-top:.8rem}
.section2 .main{height:100%;overflow:visible}
.hero-box{position:relative;color:#e9f1ff;-webkit-box-sizing:border-box;box-sizing:border-box}
.hero-bg::before,.hero-box::before,.tese-show li .tese_bimg a::before{content:"";display:block;margin:0.1rem;}
.hero-bg{background:url(../img/role_bg-1aaa5da188.png) no-repeat 0 0/11.53rem 6.26rem;width:11.53rem;height:6.26rem;margin-left:1.67rem;margin-top:.44rem}
.hero-bg .pop-role-lists{position:absolute;left:-.2rem;top:-.1rem;width:7.1rem}
.hero-bg .pop-role-lists .pop-role-bg{display:none;position:absolute;left:0;bottom:0;padding:.08rem;width:3.3rem;max-height:3rem;background-color:rgba(0,0,0,.7);border-radius:.06rem;z-index:999;border:solid .02rem #fbdba0}
.hero-bg .pop-role-lists .pop-role-bg::after{content:"";position:absolute;bottom:-.11rem;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);height:0;width:0;border-left:.1rem solid transparent;border-top:.1rem solid rgba(251,219,160,.6);border-right:.1rem solid transparent}
.hero-bg .pop-role-lists .pop-role-bg h4{font-size:.2rem;color:#fbdba0}
.hero-bg .pop-role-lists .pop-role-bg p{display:-webkit-box;-webkit-line-clamp:9;-webkit-box-orient:vertical;overflow:hidden;color:#fff;font-size:.14rem}
.hero-bg .hero-list{width:6.2rem;height:4.83rem;margin-left:.05rem;margin-top:.4rem;padding-top:.1rem;overflow-y:auto;overflow-x:hidden}
.hero-bg .hero-list::-webkit-scrollbar{width:.03rem}
.hero-bg .hero-list::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}
.hero-bg .hero-list::-webkit-scrollbar-thumb{background:#bfad70;border-radius:.05rem}
.hero-bg .hero-list li{float:left;position:relative;margin:0 .05rem .34rem .18rem;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;width:1.3rem;height:1.3rem}
.hero-bg .hero-list li a{background:url(../img/role_b-cfb44f792f.png) no-repeat 0 0/1.3rem 1.3rem;width:1.3rem;height:1.3rem;display:block;padding:.03rem}
.hero-bg .hero-list li.active a,.hero-bg .hero-list li.enter a{background:url(../img/role_b_active-31c77bcd64.png) no-repeat 0 0/1.55rem 1.56rem;width:1.55rem;height:1.56rem;padding:.16rem;margin-left:-.13rem;margin-top:-.13rem}
.hero-bg .hero-list li img{width:1.23rem;height:1.23rem;-webkit-clip-path:polygon(0 0,calc(100% - .11rem) 0,100% .11rem,100% 100%,.11rem 100%,0 calc(100% - .11rem));clip-path:polygon(0 0,calc(100% - .11rem) 0,100% .11rem,100% 100%,.11rem 100%,0 calc(100% - .11rem))}
.hero-bg .hero-list li .name{position:absolute;left:.01rem;bottom:.01rem;font-size:.16rem;padding-left:.12rem;color:#721917;font-weight:700;background:url(../img/role_b_cover-4c7f4228e3.png) no-repeat 0 0/.88rem .24rem;width:.88rem;height:.24rem}
.hero-bg .hero-show{position:absolute;top:-.1306rem;left:8rem;overflow:hidden;width:5.32rem;height:7.06rem;background-color:#0f0b0b}
.hero-bg .hero-show::before{content:"";display:block;position:absolute;top:3rem;left:2rem;width:.8rem;height:.8rem;border:.1rem solid #656565;border-top:.1rem solid #f3f3f3;border-radius:50%;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}
.hero-bg .hero-show li{position:absolute;top:.5rem;left:0}
.hero-bg .hero-show li video{margin-top:-.08rem;margin-left:-.3rem;width:5.32rem;height:7.06rem}
.hero-bg .hero-show li .role-detail{position:absolute;right:-.06rem;top:.96rem;width:.26rem;height:.9rem;z-index:200;font-size:.18rem;line-height:.18rem;color:#fff;cursor:pointer}
.hero-bg .hero-show li .name{position:absolute;top:-.16rem;left:1.5rem;width:2.06rem;height:.35rem;font-size:.23rem;color:#57452d;z-index:200;font-weight:700;text-align:center}
.hero-bg .hero-show .hero-cover{position:absolute;top:0;left:0;background:url(../img/lihui-7248d80c21.png) no-repeat 0 0/5.32rem 7.06rem;width:5.32rem;height:7.06rem;z-index:100}
.hero-bg .more-role{width:1.39rem;height:.42rem;background-color:#20386f;color:#9cacc7;font-size:.2rem;position:absolute;bottom:0;left:4.12rem;text-align:center;line-height:.42rem;border:.02rem #3572ac solid;border-radius:.01rem;cursor:pointer}
.hero-select,.line-cover{position:absolute;left:.8rem;top:.58rem;width:.8rem;height:4.57rem;z-index:10}
.hero-select li{padding-bottom:.2rem;cursor:pointer;font-size:0}
.hero-select .all{background:url(../img/all-ef437a5c99.png) no-repeat 0 0/.73rem .75rem;width:.73rem;height:.75rem}
.hero-select .water{background:url(../img/water-b47b0e5f52.png) no-repeat 0 0/.73rem .75rem;width:.73rem;height:.75rem}
.hero-select .fire{background:url(../img/fire-2f159abd0c.png) no-repeat 0 0/.73rem .75rem;width:.73rem;height:.75rem}
.hero-select .wind{background:url(../img/wind-f1eb981246.png) no-repeat 0 0/.73rem .76rem;width:.73rem;height:.76rem}
.hero-select .soil{background:url(../img/soil-b03f3905dd.png) no-repeat 0 0/.73rem .75rem;width:.73rem;height:.75rem}
.hero-select .all.active{background:url(../img/all_active-5d47d0faca.png) no-repeat 0 0/1.05rem 1.06rem;width:1.05rem;height:1.06rem}
.hero-select .water.active{background:url(../img/water_active-bed85194c3.png) no-repeat 0 0/1.05rem 1.06rem;width:1.05rem;height:1.06rem}
.hero-select .fire.active{background:url(../img/fire_active-07c217d48e.png) no-repeat 0 0/1.05rem 1.06rem;width:1.05rem;height:1.06rem}
.hero-select .wind.active{background:url(../img/wind_active-5287278e22.png) no-repeat 0 0/1.05rem 1.06rem;width:1.05rem;height:1.06rem}
.hero-select .soil.active{background:url(../img/soil_active-5312494ec7.png) no-repeat 0 0/1.05rem 1.06rem;width:1.05rem;height:1.06rem}
.hero-select .active{margin:-.16rem 0 -.16rem -.16rem}
.hjjl .symbol,.sjzs .symbol{background:url(../img/soil-b1803c71c4.png) no-repeat 0 0/.88rem .92rem;width:.88rem;height:.92rem}
.dyml .symbol,.lylz .symbol{background:url(../img/light-2c36331ebb.png) no-repeat 0 0/.98rem 1rem;width:.98rem;height:1rem;margin-top:-.1rem}
.fyfl .symbol{background:url(../img/wing-e213128bc2.png) no-repeat 0 0/.79rem .81rem;width:.79rem;height:.81rem}
.bsjl .symbol{background:url(../img/water-c9dd920dc0.png) no-repeat 0 0/.8rem .83rem;width:.8rem;height:.83rem}
.hero-box .intro .symbol{height:1rem;width:.98rem}
.hero-box .pic{position:absolute;top:.02rem;right:0;z-index:0}
.hero-box .pic img{width:19.2rem;height:9.55rem}
.line-cover{background:url(../img/role_line-0381692f7f.png) no-repeat 0 0/.02rem 3.96rem;width:.02rem;height:3.96rem;left:1.15rem;top:1rem;z-index:0}
.hero-pagi{position:absolute;bottom:.5rem;left:50%;-webkit-transform:translateX(-66.5%);-ms-transform:translateX(-66.5%);transform:translateX(-66.5%);width:8.2rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:999}
.hero-pagi .role-pagination{margin-left:.7rem}
.hero-pagi .role-pagination span{display:inline-block;width:1.11rem !important;height:1.11rem !important;background-position:center !important;cursor:pointer;font-size:0}
.hero-pagi .role-pagination span.sjzs{background:url(../img/sjzs_s-3e7a3a9c48.png) no-repeat 0 0/.73rem .73rem;width:.73rem;height:.73rem}
.hero-pagi .role-pagination span.sjzs.on{background:url(../img/sjzs-8ecc3e3f54.png) no-repeat 0 0/1.11rem 1.11rem;width:1.11rem;height:1.11rem}
.hero-pagi .role-pagination span.hjjl{background:url(../img/hjjl_s-424d302894.png) no-repeat 0 0/.73rem .73rem;width:.73rem;height:.73rem}
.hero-pagi .role-pagination span.hjjl.on{background:url(../img/hjjl-33697203fa.png) no-repeat 0 0/1.11rem 1.11rem;width:1.11rem;height:1.11rem}
.hero-pagi .role-pagination span.dyml{background:url(../img/dyml_s-97c97a77d1.png) no-repeat 0 0/.73rem .73rem;width:.73rem;height:.73rem}
.hero-pagi .role-pagination span.dyml.on{background:url(../img/dyml-79b6108a66.png) no-repeat 0 0/1.11rem 1.11rem;width:1.11rem;height:1.11rem}
.hero-pagi .role-pagination span.lylz{background:url(../img/lylz_s-440f2c67d9.png) no-repeat 0 0/.73rem .73rem;width:.73rem;height:.73rem}
.hero-pagi .role-pagination span.lylz.on{background:url(../img/lylz-6453d2f677.png) no-repeat 0 0/1.11rem 1.11rem;width:1.11rem;height:1.11rem}
.hero-pagi .role-pagination span.fyfl{background:url(../img/fyfl_s-5b16263530.png) no-repeat 0 0/.73rem .73rem;width:.73rem;height:.73rem}
.hero-pagi .role-pagination span.fyfl.on{background:url(../img/fyfl-87e2c286b4.png) no-repeat 0 0/1.11rem 1.11rem;width:1.11rem;height:1.11rem}
.hero-pagi .role-pagination span.bsjl{background:url(../img/bsjl_s-596a469ced.png) no-repeat 0 0/.73rem .73rem;width:.73rem;height:.73rem}
.hero-pagi .role-pagination span.bsjl.on{background:url(../img/bsjl-6390670709.png) no-repeat 0 0/1.11rem 1.11rem;width:1.11rem;height:1.11rem}
.hero-box .hero-next,.hero-box .hero-prev{background:url(../img/sec2_arrow-2ff0dcec3d.png) no-repeat 0 0/.5rem .71rem;width:.5rem;height:.71rem;display:inline-block;overflow:hidden;vertical-align:middle;cursor:pointer}
.hero-box .hero-next{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
.section3{height:32.17rem}
.section3.img-ori{background:url(../img/section3-a30b3f0bc5.jpg) no-repeat center top/100% 100%}
.section3.img-webp{background:url(../img/section3-bg.jpg) no-repeat center top/100% 100%}
.section3 .title{background:url(../img/section3-tit.png) center / 100% no-repeat;width:11rem;height:1.39rem;margin-top:.45rem}
.section3 .main{height:100%}
.tese{width:13rem;margin:.2rem auto 0;overflow:hidden}
.tese ul li.swiper-slide{background:url(../img/sec3_img_border-c76e40b6bc.png) no-repeat 0 0/10.34rem 5.99rem;width:10.34rem;height:5.99rem;opacity:0}
.tese ul li.swiper-slide.ac{opacity:1}
.tese ul li img{margin:.12rem .11rem;width:10.09rem;height:5.66rem;border:.02rem solid #deb76e}
.tese .btn{background:url(../img/sec3_arrow-e8dbd0d19e.png) no-repeat 0 0/.62rem 1.1rem;width:.62rem;height:1.1rem;position:absolute;top:2.6rem;z-index:5;cursor:pointer}
.tese .btn.prev{left:.4rem}
.tese .btn.next{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);right:.4rem}
.section3 .swiper-pagination{bottom:23.8rem}
.section3 .swiper-pagination span{vertical-align:middle}
.section3 .swiper-pagination .swiper-pagination-bullet{background-color:#e9f1ff;opacity:1}
.section3 .swiper-pagination .swiper-pagination-bullet-active{background:url(../img/page_dot-d6bf3ca957.png) no-repeat 0 0/.18rem .18rem;width:.18rem;height:.18rem}
.tese-show{width:12.8rem;margin:1rem auto 0}
.tese-show ul{margin-left:-.15rem}
.tese-show li{margin-bottom:.39rem;overflow:hidden}
.tese-show li a{display:block;width:100%;height:100%}
.tese-show li a span{display:block;position:absolute;right:.16rem;top:.1rem;font-size:.16rem;color:#e2c8a8;text-decoration:underline}
.tese-show li a span:hover{color:red}
.tese-show li .tese_bimg{float:left;position:relative;width:5.2rem;height:2.7rem;margin:0.1rem}
.tese-show li .tese_bimg i{background:url(../img/tese_b-ece8f75bda.png) center / 100% 100% no-repeat;width:5.2rem;height:2.7rem;position:absolute;left:0;top:0}
.tese-show li .tese_bimg .tese_bimg_box{width:5rem;height:2.5rem;margin-left:.09rem;overflow:hidden}
.tese-show li .tese_bimg .tese_bimg_box img{width:100%;height:100%;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.tese-show li .tese_bimg:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.tese-show li .tese_mes{float:left;width:7.3rem;height:2.7rem;color:#f2e0b7;margin:0.1rem}
.tese-show li h3{display:inline-block;color:#f2e0b7;font-weight:400;text-align:center;font-size:.5rem}
.tese-show li h3.tese_xt{height:0.5rem;color:#f1db99;}
.tese-show li h3.tese_xt span{background:-webkit-linear-gradient(90deg,#cbb67a,#f9edc7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:.5rem;border-bottom:1px solid #e2c8a8;}
.tese-show li strong{font-size:.25rem;font-weight:600;line-height:.4rem;margin-left:0.1rem}
.tese-show li p{position:relative;top:0.1rem;font-size:.2rem;line-height:.3rem;float:left;text-indent:0.4rem;}
.tese-line{position:absolute;left:1.35rem;top:7.84rem;background:url(../img/tese_line-b8721824b9.png) no-repeat 0 0/9.3rem .03rem;width:9.3rem;height:.03rem}
.left-bar{width:1.84rem;position:fixed;left:-1.62rem;top:50%;margin-top:-2.27rem;padding:.08rem .08rem .08rem .06rem;z-index:10000;-webkit-box-sizing:border-box;box-sizing:border-box}
.left-bar .switch{position:absolute;top:.7rem;right:.04rem;cursor:pointer;z-index:10001}
.left-bar .shouqi{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);display:none}
.left-bar .shouqi,.left-bar .zhankai{background:url(../img/zhankai-31a4b41b0c.png) no-repeat 0 0/.17rem .41rem;width:.17rem;height:.41rem}
.left-bar .con{background:url(../img/sidebar_bg.png) no-repeat 0 0/1.7rem 4.53rem;width:1.7rem;height:4.53rem;overflow:hidden;display:none}
.server-recommend{margin:.42rem auto 0;text-align:center}
.server-recommend .name{font-size:.28rem;font-weight:700;color:#714343;letter-spacing:.015rem}
.server-recommend .time{font-size:.18rem;color:#000;letter-spacing:.008rem}
.server-recommend a{display:block;background:url(../img/server_recommend-c9fc24453b.png) no-repeat 0 0/1.23rem .31rem;width:1.23rem;height:.31rem;font-size:0;margin:.05rem auto}
.left-bar .btn,.left-bar .twocode{margin:.05rem auto 0;text-align:center}
.left-bar .twocode{position:relative;color:#e5cd87}
.left-bar .twocode .line{background:url(../img/line-0df1fa5c9e.png) no-repeat 0 0/1.38rem .17rem;width:1.38rem;height:.17rem;position:absolute;top:4%;left:50%;margin-left:-.69rem;-webkit-animation:line 2s linear infinite;animation:line 2s linear infinite}
.left-bar .twocode img{margin-top:.1rem;width:1.16rem;height:1.16rem}
.left-bar .btn{display:block;background:url(../img/leftbar_btn-77e1ea52ae.png) no-repeat 0 0/1.23rem .31rem;width:1.23rem;height:.31rem;color:#fff;font-size:.18rem}
.left-bar .zm-download{margin-top:.1rem}
.pop-yuyue,.pop-yuyue .mask{left:0;top:0;height:100%;width:100%}
.pop-yuyue{display:none;position:fixed;z-index:10000}
.pop-yuyue .mask{position:absolute;background:#000;opacity:.7;filter:alpha(opacity=70);z-index:1}
.pop-yuyue-bd{background:url(../img/yuyue_bg-470e62a968.png) no-repeat 0 0/7.38rem 5.23rem;position:absolute;z-index:2;width:7.38rem;height:5.23rem;top:50%;left:50%;margin-left:-4rem;margin-top:-2.25rem}
.pop-yuyue-bd .close{background:url(../img/close-d595ffdd1b.png) no-repeat 0 0/.72rem .72rem;width:.72rem;height:.72rem;position:absolute;top:-.15rem;right:-.75rem;cursor:pointer;-webkit-transition:-webkit-transform .3s ease-in-out;-o-transition:transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}
.pop-yuyue-bd .close:hover{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.pop-yuyue-bd .con{height:100%;padding:.45rem;-webkit-box-sizing:border-box;box-sizing:border-box}
.pop-yuyue-bd .con .title{background:url(../img/title_d-ad4cd462e7.png) no-repeat 0 0/5.29rem .39rem;width:5.29rem;height:.39rem;margin:.2rem auto}
.pop-yuyue-bd .radios{width:4.29rem;margin:0 auto;text-align:justify}
.pop-yuyue-bd .rd{position:relative;padding-left:.25rem;color:#fff;font-size:.28rem}
.pop-yuyue-bd .rd input{opacity:0}
.pop-yuyue-bd .rd:nth-child(2){float:right}
.pop-yuyue-bd .radios i{display:block;position:absolute;top:.1rem;left:.02rem;width:.18rem;height:.18rem;outline:0;border:.01rem solid #858585;background:#fff;border-radius:50%;-webkit-transition:border-color .3s;-o-transition:border-color .3s;transition:border-color .3s}
.pop-yuyue-bd .radios input+i:after{position:absolute;content:'';top:.03rem;left:.03rem;width:.12rem;height:.12rem;border-radius:50%;background-color:#e0ab2f;opacity:0;-webkit-transition:opacity .1s;-o-transition:opacity .1s;transition:opacity .1s}
.pop-yuyue-bd .radios input:checked+i:after{opacity:1}
.pop-yuyue-bd .texts{position:relative}
.pop-yuyue-bd input.txt,.pop-yuyue-bd input.veri{-webkit-box-sizing:border-box;box-sizing:border-box}
.pop-yuyue-bd input.txt{display:block;background-color:#fff;width:4.29rem;height:.55rem;padding-left:.15rem;font-size:.18rem;margin:.25rem auto 0}
.pop-yuyue-bd input.veri{padding-right:1.66rem}
.pop-yuyue-bd button{outline:0;border:0}
.pop-yuyue-bd button.send-veri{width:1.52rem;height:.55rem;background-color:#e1bf74;color:#5e281b;font-size:.18rem;font-weight:700;position:absolute;right:1.095rem;bottom:0;cursor:pointer}
.pop-yuyue-bd button.send-veri[disabled]{cursor:not-allowed}
.pop-yuyue-bd button.submit{font-size:0;background:url(../img/yuyue_d-ee1f33867a.png) no-repeat 0 0/2.44rem .67rem;width:2.44rem;height:.67rem;margin:.5rem auto;display:block;cursor:pointer}
.pop-yuyue-bd button:hover{-webkit-filter:brightness(110%);filter:brightness(110%)}
#common-pop-slide-ver{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:none}
#common-pop-slide-ver .mask{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background:#000;opacity:.7;filter:alpha(opacity=70)}
#common-pop-slide-ver .pop-slide-ver{position:absolute;left:50%;top:50%;width:3.8rem;height:3.5rem;margin-left:-1.9rem;margin-top:-1.75rem;background:#fff;z-index:2}
#common-pop-slide-ver .pop-slide-ver-tit{color:#000;text-align:center;font-size:.2rem;line-height:.5rem;border-bottom:.02rem solid #ccc;margin-bottom:.2rem;display:none}
#common-pop-slide-ver .pop-slide-ver-bd{padding-top:.2rem}
.pop-video,.pop-video .mask{left:0;top:0;height:100%;width:100%}
.pop-video{display:none;position:fixed;z-index:10005}
.pop-video .mask{position:absolute;background:#000;opacity:.7;filter:alpha(opacity=70);z-index:1}
.pop-video .close{position:absolute;right:-.8rem;top:-.15rem;background:url(../img/close-d595ffdd1b.png) no-repeat 0 0/.72rem .72rem;width:.72rem;height:.72rem;line-height:99em;z-index:3;overflow:hidden;cursor:pointer;-webkit-transition:transform .3s ease-in-out;-webkit-transition:-webkit-transform .3s ease-in-out;-o-transition:transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}
.pop-video .close:hover,.pop-zm-group-bd .close:hover{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.pop-video-bd{position:absolute;background:0 0;z-index:2;width:8rem;height:4.5rem;top:50%;left:50%;margin-left:-4rem;margin-top:-2.25rem}
.pop-video-bd video{width:8rem !important;height:4.5rem !important}
.pop-agemain{width:10.71rem !important;height:7.04rem !important;margin:-3.52rem 0 0 -5.35rem !important;background:url(../img/agepop.png) no-repeat 0 0/100% 100% !important}
.pop-agemain .close-pop{right:-.5rem !important;width:.4rem !important;height:.4rem !important;background:url(../img/close.png) no-repeat 0 0/100% 100% !important}
.pop-agemain .inbox{padding:.46rem .45rem 0 !important}
.pop-agemain h3{font-size:.34rem !important}
.pop-agemain .ageTip-con{font-size:.18rem !important;line-height:.3rem !important;height:5.56rem !important;padding-right:.1rem !important}
.pop-agemain .ageTip-con p{margin-top:.2rem !important}
.pop-zm-group,.pop-zm-group .mask{left:0;top:0;height:100%;width:100%}
.pop-zm-group{display:none;position:fixed;z-index:10000}
.pop-zm-group .mask{position:absolute;background:#000;opacity:.7;z-index:1}
.pop-zm-group-bd{background:url(../img/pop_bg-5d4e8ec1bf.png) no-repeat 0 0/6.26rem 5.02rem;width:6.26rem;height:5.02rem;position:absolute;z-index:2;top:50%;left:50%;margin-left:-3.13rem;margin-top:-2.51rem}
.pop-zm-group-bd .close{background:url(../img/close-d6cdd2efca.png) no-repeat 0 0/.52rem .52rem;width:.52rem;height:.52rem;position:absolute;top:-.15rem;right:-.75rem;cursor:pointer;-webkit-transition:-webkit-transform .3s ease-in-out;-o-transition:transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}
.pop-zm-group-bd .con{height:100%;padding:.45rem;-webkit-box-sizing:border-box;box-sizing:border-box}
.pop-zm-group-bd .con .title{text-align:center;margin:0 auto .2rem;line-height:.42rem;font-size:.26rem;color:#e1e9f7;font-weight:700}
.pop-zm-group-bd .con .gift{margin:0 auto;background:url(../img/gift_box-0b567c90c9.png) no-repeat 0 0/1.19rem 1.23rem;width:1.19rem;height:1.23rem;text-align:center;font-size:.18rem;line-height:.24rem;color:#ccc;overflow:hidden}
.pop-zm-group-bd .con .gift .icon-bi{background:url(../img/bi-5e6a02ecdf.png) no-repeat 0 0/.71rem .7rem;width:.71rem;height:.7rem;display:block;margin:.13rem auto 0}
.pop-zm-group-bd .con .form{overflow:hidden;margin:.2rem 0}
.pop-zm-group-bd .con .form-item{overflow:hidden;line-height:.38rem;text-align:center}
.pop-zm-group-bd .con .form-item label{display:inline-block;vertical-align:top;text-align:center;width:1rem;font-size:.2rem;color:#e1e9f7}
.pop-zm-group-bd .con .form-item-input,.pop-zm-group-bd .con .form-item-input select{display:inline-block;vertical-align:top;font-size:.18rem;color:#c6d0e3}
.pop-zm-group-bd .con .form-item-input select{padding:.06rem .05rem;background:#365791;border:1px solid #0c2a5c;margin-right:.1rem;outline:0}
.pop-zm-group-bd .con .btn-get{background:url(../img/btn_get-eb7022be0b.png) no-repeat 0 0/1.97rem .66rem;width:1.97rem;height:.66rem;font-size:0;margin:0 auto;cursor:pointer;-webkit-transition:-webkit-transform .2s;-o-transition:transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}
.pop-zm-group-bd .con .btn-get:hover{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}
.pop-zm-group-bd .con .btn-get.disable{background:url(../img/btn_get_disable-7dea40b526.png) no-repeat 0 0/1.97rem .66rem;width:1.97rem;height:.66rem}
.pop-zm-group-bd .con .btn-get.disable:hover{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.pop-zm-group-bd .con .has-role,.pop-zm-group-bd .con .no-role{display:none}
.pop-zm-group-bd .con .rule{text-align:center;padding-top:.08rem}
.pop-zm-group-bd .con .rule-tip{font-size:.16rem;line-height:.24rem;color:#c6d0e3;display:inline-block;vertical-align:top;position:relative}
.pop-zm-group-bd .con .rule-tip i{background:url(../img/icon_rule-08786cccb8.png) no-repeat 0 0/.15rem .15rem;width:.15rem;height:.15rem;display:inline-block;vertical-align:top;margin-top:.05rem;margin-right:.03rem}
.pop-zm-group-bd .con .rule-tip-pop{background:url(../img/tip-b9f720bd75.png) no-repeat 0 0/3.65rem 1.84rem;width:3.65rem;height:1.84rem;position:absolute;left:100%;top:-.8rem;display:none}
.pop-zm-group-bd .con .rule-tip-pop .info{padding:.3rem .4rem 0}
.pop-zm-group-bd .con .rule-tip-pop p{text-align:justify;color:#e1e9f7;font-size:.14rem;line-height:.2rem;margin-bottom:.07rem}
.pop-zm-group-bd .con .rule-tip-pop p strong{font-size:.18rem;color:#fafbfe}
.pop-gift-tip,.pop-gift-tip .mask{left:0;top:0;height:100%;width:100%}
.pop-gift-tip{display:none;position:fixed;z-index:10000}
.pop-gift-tip .mask{position:absolute;background:#000;opacity:.7;z-index:1}
.pop-gift-tip-bd{background:url(../img/pop_bg2-4ca0a0f139.png) no-repeat 0 0/4.23rem 2.77rem;width:4.23rem;height:2.77rem;position:absolute;z-index:2;top:50%;left:50%;margin-left:-2.12rem;margin-top:-1.33rem}
.pop-gift-tip-bd .close{background:url(../img/close-d6cdd2efca.png) no-repeat 0 0/.52rem .52rem;width:.52rem;height:.52rem;position:absolute;top:-.15rem;right:-.75rem;cursor:pointer;-webkit-transition:-webkit-transform .3s ease-in-out;-o-transition:transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}
.pop-gift-tip-bd .close:hover{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.pop-gift-tip-bd .con{height:100%;padding:.45rem;-webkit-box-sizing:border-box;box-sizing:border-box}
.pop-gift-tip-bd .con .title{text-align:center;margin:0 auto .2rem;line-height:.42rem;font-size:.26rem;color:#e1e9f7;font-weight:700}
.pop-gift-tip-bd .con .btn-sure{background:url(../img/btn_sure-62465292c4.png) no-repeat 0 0/1.39rem .44rem;width:1.39rem;height:.44rem;font-size:0;margin:0 auto;cursor:pointer;-webkit-transition:-webkit-transform .2s;-o-transition:transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}
.pop-gift-tip-bd .con .btn-sure:hover{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}