body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video{ display: inline-block;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul,li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
a{text-decoration:none; -webkit-tap-highlight-color:transparent;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-overflow-scrolling: touch; width:100%;}
img{border: 0; -webkit-touch-callout: none;}
body{-webkit-text-size-adjust: 100%; width:100%; background: #0b0c0b;}
html, body {-webkit-user-select: none;/* 禁止选中文本（如无文本选中需求，此为必选项） */user-select: none;}

#afooter{padding:.2rem 0;line-height:.3rem;color:#ddd;text-align:center;font-size:.2rem;font-family:'tahoma'; position: relative; z-index: 3; background: #000;}
#afooter a{color:#ddd;text-decoration:none}

.spr{ background-image:url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/spr.png); background-repeat:no-repeat; background-size:4.2rem 2.56rem;}
.spr.btn-close{ width:0.52rem; height:0.5rem; background-position:62.77174% 77.18447%;}
.spr.btn-more{ width:1.83rem; height:0.73rem; background-position:1.26582% 72.6776%;}
.spr.btn-rule{ width:1.7rem; height:0.43rem; background-position:92.4% 1.40845%;}
.spr.btn-video{ width:0.94rem; height:1.09rem; background-position:70.8589% 32.65306%;}
.spr.icon-1{ width:0.46rem; height:0.45rem; background-position:0.80214% 98.5782%;}
.spr.icon-2{ width:0.45rem; height:0.44rem; background-position:86.66667% 92.92453%;}
.spr.icon-3{ width:0.46rem; height:0.45rem; background-position:13.63636% 98.5782%;}
.spr.icon-4{ width:0.46rem; height:0.45rem; background-position:26.47059% 98.5782%;}
.spr.icon-5{ width:0.45rem; height:0.45rem; background-position:39.2% 98.5782%;}
.spr.icon-6{ width:0.45rem; height:0.45rem; background-position:99.2% 93.36493%;}
.spr.icon-bz{ width:0.38rem; height:0.41rem; background-position:74.60733% 73.95349%;}
.spr.icon-cz{ width:0.36rem; height:0.4rem; background-position:71.875% 97.68519%;}
.spr.icon-cz1{ width:0.35rem; height:0.42rem; background-position:50.38961% 82.24299%;}
.spr.icon-sel{ width:0.43rem; height:0.41rem; background-position:61.27321% 98.13953%;}
.spr.icon-sel2{ width:0.41rem; height:0.41rem; background-position:49.60422% 61.86047%;}
.spr.icon-wg{ width:0.83rem; height:0.76rem; background-position:97.03264% 26.66667%;}
.spr.icon-zm{ width:0.76rem; height:0.69rem; background-position:95.05814% 67.37968%;}
.spr.logo{ width:2.26rem; height:1.28rem; background-position:1.54639% 2.34375%;}


.wrapper{ position:relative; font-size:12px; overflow: hidden; width: 100%;}
.wrapper *,.dia *,.dia{ -webkit-box-sizing:border-box; box-sizing:border-box;}
body .wrapper .boxc{-webkit-box-sizing: content-box; box-sizing:content-box;}
.wrapper a{ outline:none;}
.wrapper .hid{text-indent:-9999px;font-size:0px;overflow:hidden;width:0px;height:0px;}
.wrapper img{ display:block;}
.wrapper .disul{font-size: 0;text-align: center;}
.wrapper .disli{display: inline-block; vertical-align: top;}

.swiper-container{position: relative; overflow: hidden; width: 100%; height: 100%;}
.swiper-wrapper,.page3 .tab-box,.page4 .tab-box{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;}
.swiper-container-vertical>.swiper-wrapper {-webkit-box-orient: vertical;-moz-box-orient: vertical;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}
.swiper-slide,.page3 .tab-box .tab-main,.page4 .tab-box .tab-main{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform; overflow: hidden;}
.swiper-invisible-blank-slide{visibility:hidden}


.page1{background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/bg1.jpg) no-repeat; height: 15.2rem; background-size: 100% 100%;}
.page2{background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/bg2.jpg) no-repeat; height: 13.7rem; background-size: 100% 100%;}
.page3{background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/bg3.jpg) no-repeat; height: 13.8rem; background-size: 100% 100%;}
.page4{background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/bg4.jpg) no-repeat; height: 16.3rem; background-size: 100% 100%;}
.page5{background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/bg5.jpg) no-repeat; height: 12.7rem; background-size: 100% 100%;}


.wrapper .price{background: rgba(0,0,0,.63); display: inline-block; vertical-align: top; padding: 0 .36rem; height: .58rem; line-height: .58rem; border-radius:.29rem;}
.wrapper .price p{padding-left: .46rem; position: relative; color: #ffe222; font-size: .42rem;}
.wrapper .price .icon-cz{position: absolute; left: 0; top: 50%; margin-top: -.2rem;}
.wrapper .price .icon-cz1{position: absolute; left: 0; top: 50%; margin-top: -.21rem;}
.wrapper .main{font-size: 0; text-align: center;}

.wrapper .tab-btnbox p{ height: 1.84rem; position: relative; z-index: 2;}
.wrapper .tab-btnbox a{display: inline-block; vertical-align: top; width: 2.16rem; line-height: .9rem; background: rgba(33,36,40); position: relative; transition: .3s ease-out background; margin: .01rem;}
.wrapper .tab-btnbox a.swiper-pagination-bullet-active{background: #910000;}
.wrapper .tab-btnbox span{display: inline-block; vertical-align: top; padding-left: .62rem; color: #fff; font-size: .26rem; position: relative; text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.28);}
.wrapper .tab-btnbox span i{ position: absolute; left: 0; top: 50%; margin-top: -.225rem;}


.page1 .logo{position: absolute; left: .3rem; top: 0; z-index: 3;}
.page1 .main{padding-top: 10rem;}
.page1 .act-info{display: inline-block; vertical-align: top; padding-right: 2.18rem; position: relative; color: #ababab; font-size: .2662rem; height: .43rem; line-height: .43rem;}
.page1 .act-info span{ color: #b21706;}
.page1 .act-info a{position: absolute; right: 0; top: 0; color: #fff; font-size: .2242rem; line-height: .43rem;}
.page1 .btn-video{margin: 1.64rem auto 0; display: block;}

.page2 .main{padding-top: 4.64rem;}
.page2 .gift-list{margin-top: 2.34rem;}
.page2 .gift-list li{ width: 1.7rem; display: inline-block; vertical-align: top;}
.page2 .gift-list li:nth-of-type(1),.page2 .gift-list li:nth-of-type(2),.page2 .gift-list li:nth-of-type(3){width: 2.1rem; height: 3.15rem;}
.page2 .gift-list p{font-size: .24rem; line-height: .3rem; color: #e6d0d4; height: .6rem; display:flex; display:-webkit-flex; align-items:center; justify-content:center;width: 1.48rem; margin: 0 auto;}
.page2 .gift-list li:nth-of-type(1) p,.page2 .gift-list li:nth-of-type(2) p,.page2 .gift-list li:nth-of-type(3) p{height: .46rem; display: block; width: 100%;}
.page2 .gift-list li:nth-of-type(4) p{margin-bottom: .2rem;}
.page2 .gift-list a{display: block; margin: 0 auto; color: #feb787; font-size: .2667rem; line-height: .58rem;}

.page3 .main{padding-top: 1.55rem;}
.page3 .price{background: rgba(36,36,36,.77); padding: 0 .32rem 0 1.2rem; height: .5rem; line-height: .5rem; border-radius:.25rem; position: relative;}
.page3 .price p{padding-left: .6rem;}
.page3 .price em{position: absolute; left: .3rem; top: 50%; margin-top: -.37rem;}
.page3 .tab-btnbox{margin: .62rem auto 0;}
.page3 .sw-wrapper{position: relative; height: 8.2rem;}
.page3 .tab-box{width: 100%; height: 100%; transition: .3s ease-out transform;}
.page3 .tab-box.goto0{transform: translateX(0);}
.page3 .tab-box.goto1{transform: translateX(-100%);}
.page3 .tab-main{height: 100%;}
.page3 .swiper-slide-big{padding-top: .82rem;}
.page3 .soldier .swiper-slide-small:nth-of-type(1){background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/zs11.png) 0 0 no-repeat; background-size: 7.5rem 6.3rem;}
.page3 .soldier .swiper-slide-small:nth-of-type(2){background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/zs12.png) 0 0 no-repeat; background-size: 7.5rem 6.3rem;}
.page3 .fighter-male .swiper-slide-small:nth-of-type(1){background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/gdj11.png) 0 0 no-repeat; background-size: 7.5rem 6.3rem;}
.page3 .fighter-male .swiper-slide-small:nth-of-type(2){background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/gdj12.png) 0 0 no-repeat; background-size: 7.5rem 6.3rem;}
.page3 .fighter-female .swiper-slide-small:nth-of-type(1){background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/gdj13.png) 0 0 no-repeat; background-size: 7.5rem 6.3rem;}
.page3 .fighter-female .swiper-slide-small:nth-of-type(2){background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/gdj14.png) 0 0 no-repeat; background-size: 7.5rem 6.3rem;}
.page3 .shooter-male .swiper-slide-small:nth-of-type(1){background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/ss11.png) 0 0 no-repeat; background-size: 7.5rem 6.3rem;}
.page3 .shooter-male .swiper-slide-small:nth-of-type(2){background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/ss12.png) 0 0 no-repeat; background-size: 7.5rem 6.3rem;}
.page3 .shooter-female .swiper-slide-small:nth-of-type(1){background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/ss13.png) 0 0 no-repeat; background-size: 7.5rem 6.3rem;}
.page3 .shooter-female .swiper-slide-small:nth-of-type(2){background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/ss14.png) 0 0 no-repeat; background-size: 7.5rem 6.3rem;}
.page3 .magician .swiper-slide-small:nth-of-type(1){background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/mfs11.png) 0 0 no-repeat; background-size: 7.5rem 6.3rem;}
.page3 .magician .swiper-slide-small:nth-of-type(2){background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/mfs12.png) 0 0 no-repeat; background-size: 7.5rem 6.3rem;}
.page3 .lurker .swiper-slide-small:nth-of-type(1){background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/qfz11.png) 0 0 no-repeat; background-size: 7.5rem 6.3rem;}
.page3 .lurker .swiper-slide-small:nth-of-type(2){background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/qfz12.png) 0 0 no-repeat; background-size: 7.5rem 6.3rem;}
.page3 .warlock .swiper-slide-small:nth-of-type(1){background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/shushi11.png) 0 0 no-repeat; background-size: 7.5rem 6.3rem;}
.page3 .warlock .swiper-slide-small:nth-of-type(2){background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/shushi12.png) 0 0 no-repeat; background-size: 7.5rem 6.3rem;}

.page3 .swiper-pagination{position: absolute; width: 100%; left: 0; bottom: .1rem; z-index: 6;}
.page3 .swiper-pagination span{display: inline-block; vertical-align: top; width: .26rem; height: .26rem; border-radius:50%; background: #434449; margin: 0 .08rem;}
.page3 .swiper-pagination span.swiper-pagination-bullet-active{background: #760304;}

.page3 .info-list{width: 120%; margin-left: -10%; height: 100%; }
.page3 .info{display: inline-block; vertical-align: top; width: 3.42rem; margin: 0 .1rem; height: 100%; position: relative; padding-top: 6.35rem;}
.page3 .info-hover{background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/role-bg.png) 50% 0 no-repeat; width: 3.46rem; height: 1.7rem; background-size: cover; position: absolute; left: 50%; margin-left: -1.73rem; top: 4.4rem; opacity: 0; transform: translateY(.5rem); transition: .3s ease-out opacity,.3s ease-out transform; background-size: 3.41rem 1.7rem;}
.page3 .info-hover.show{ opacity: 1; transform: translateY(0);}
.page3 .info .name{display: inline-block; vertical-align: top; padding-right: .5rem; position: relative; color: #a39691; font-size: .26rem; line-height: .4rem; height: .4rem;}
.page3 .info .icon-sel2{position: absolute; right: 0; top: 50%; margin-top: -.2rem;}
.page3 .info-hover li{display: inline-block; vertical-align: top; width: 1.14rem; font-size: .22rem; line-height: .28rem; padding-top: 4px;}
.page3 .attribute-name{ height: .96rem; color: #fff; padding-top: .14rem;}
.page3 .attribute{ color: #ffed98;}
.page3 .info-tab-btnbox{width: 2.16rem; position: absolute; left: 50%; margin-left: -1.08rem; height: .64rem; border: .04rem solid #32373c; overflow: hidden; border-bottom-left-radius: .32rem; border-bottom-right-radius: .32rem; z-index: 2; top: -.04rem;}
.page3 .info-tab-btnbox:after{content: ''; pointer-events: none; width: .02rem; height: 100%; margin-left: -.01rem; position: absolute; top: 0; left: 50%; background: #0e0b11;}
.page3 .info-tab-btnbox a{display: inline-block; vertical-align: top; width: 50%; height: 100%; background: rgba(33,36,40); transition: .3s ease-out background; text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.28); font-size: .24rem;line-height: .58rem; color: #fff;} 
.page3 .info-tab-btnbox a.on{background: #910000;}
.page3 .btn-left,.page3 .btn-right{display: none;}

.page4 .main{padding-top: 2.26rem;}
.page4 .tab-btnbox{margin: 0 auto;}

.page4 .sw-wrapper{position: relative; height: 10.75rem;}
.page4 .tab-box{width: 100%; height: 100%; transition: .3s ease-out transform;}
.page4 .tab-box.goto0{transform: translateX(0);}
.page4 .tab-box.goto1{transform: translateX(-100%);}
.page4 .tab-main{height: 100%;}
.page4 .swiper-slide-small{padding-top: 1.03rem;}
.page4 .soldier .swiper-slide-small:nth-of-type(1){background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/zs21.png) 50% .84rem no-repeat; background-size: 7.5rem 9.4rem;}
.page4 .soldier .swiper-slide-small:nth-of-type(2){background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/zs22.png) 50% .84rem no-repeat; background-size: 7.5rem 9.4rem;}
.page4 .soldier .swiper-slide-small:nth-of-type(3){background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/zs23.png) 50% .84rem no-repeat; background-size: 7.5rem 9.4rem;}
.page4 .soldier .swiper-slide-small:nth-of-type(4){background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/zs24.png) 50% .84rem no-repeat; background-size: 7.5rem 9.4rem;}
.page4 .fighter-male .swiper-slide-small:nth-of-type(1){background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/gdj21.png) 50% .84rem no-repeat; background-size: 7.5rem 9.4rem;}
.page4 .fighter-female .swiper-slide-small:nth-of-type(1){background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/gdj22.png) 50% .84rem no-repeat; background-size: 7.5rem 9.4rem;}
.page4 .fighter-female .swiper-slide-small:nth-of-type(2){background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/gdj23.png) 50% .84rem no-repeat; background-size: 7.5rem 9.4rem;}
.page4 .fighter-female .swiper-slide-small:nth-of-type(3){background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/gdj24.png) 50% .84rem no-repeat; background-size: 7.5rem 9.4rem;}
.page4 .fighter-female .swiper-slide-small:nth-of-type(4){background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/gdj25.png) 50% .84rem no-repeat; background-size: 7.5rem 9.4rem;}
.page4 .shooter-male .swiper-slide-small:nth-of-type(1){background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/ss21.png) 50% .84rem no-repeat; background-size: 7.5rem 9.4rem;}
.page4 .shooter-male .swiper-slide-small:nth-of-type(2){background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/ss22.png) 50% .84rem no-repeat; background-size: 7.5rem 9.4rem;}
.page4 .shooter-male .swiper-slide-small:nth-of-type(3){background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/ss23.png) 50% .84rem no-repeat; background-size: 7.5rem 9.4rem;}
.page4 .shooter-female .swiper-slide-small:nth-of-type(1){background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/ss24.png) 50% .84rem no-repeat; background-size: 7.5rem 9.4rem;}
.page4 .magician .swiper-slide-small:nth-of-type(1){background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/mfs21.png) 50% .84rem no-repeat; background-size: 7.5rem 9.4rem;}
.page4 .magician .swiper-slide-small:nth-of-type(2){background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/mfs22.png) 50% .84rem no-repeat; background-size: 7.5rem 9.4rem;}
.page4 .magician .swiper-slide-small:nth-of-type(3){background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/mfs23.png) 50% .84rem no-repeat; background-size: 7.5rem 9.4rem;}
.page4 .magician .swiper-slide-small:nth-of-type(4){background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/mfs24.png) 50% .84rem no-repeat; background-size: 7.5rem 9.4rem;}
.page4 .lurker .swiper-slide-small:nth-of-type(1){background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/qfz21.png) 50% .84rem no-repeat; background-size: 7.5rem 9.4rem;}
.page4 .lurker .swiper-slide-small:nth-of-type(2){background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/qfz22.png) 50% .84rem no-repeat; background-size: 7.5rem 9.4rem;}
.page4 .warlock .swiper-slide-small:nth-of-type(1){background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/shushi21.png) 50% .84rem no-repeat; background-size: 7.5rem 9.4rem;}
.page4 .warlock .swiper-slide-small:nth-of-type(2){background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/shushi22.png) 50% .84rem no-repeat; background-size: 7.5rem 9.4rem;}
.page4 .info-name{ color: #9e2100; font-size: .2934rem; line-height: .4rem;  text-shadow: 0 0 .19rem rgba(0, 0, 0, 0.8);}
.page4 .info-list{width: 120%; margin-left: -10%;}
.page4 .info{display: inline-block; vertical-align: top; width: 3.17rem; height: 4.34rem; position: relative; padding-top: 3.56rem;}
.page4 .info-hover{width: 1.4rem; position: absolute; left: 50%; margin-left: -.7rem; bottom: .8rem; opacity: 0; transform: translateY(.05rem); transition: .3s ease-out opacity,.3s ease-out transform; font-size: .22rem; line-height: .28rem;}
.page4 .info-hover.show{ opacity: 1; transform: translateY(0);}
.page4 .info .name{display: inline-block; vertical-align: top; padding-right: .5rem; position: relative; color: #a39691; font-size: .26rem; line-height: .4rem; height: .4rem;}
.page4 .info .icon-sel{position: absolute; right: 0; top: 50%; margin-top: -.2rem;}
.page4 .attribute-name{color: #fff; padding: .08rem 0; border: 2px solid #fff; border-bottom: none; border-top-left-radius: .05rem;border-top-right-radius: .05rem; background: #161113;}
.page4 .attribute{ color: #ffed98; background: #100c0d;  padding: .08rem 0; border: 2px solid #979797; border-top: none; border-bottom-left-radius: .05rem;border-bottom-right-radius: .05rem;}

.page4 .info-tab-btnbox{width: 2.16rem; position: absolute; left: 50%; margin-left: -1.08rem; height: .64rem; border: .04rem solid #32373c; overflow: hidden; border-bottom-left-radius: .32rem; border-bottom-right-radius: .32rem; z-index: 2; top: -.04rem;}
.page4 .info-tab-btnbox:after{content: ''; pointer-events: none; width: .02rem; height: 100%; margin-left: -.01rem; position: absolute; top: 0; left: 50%; background: #0e0b11;}
.page4 .info-tab-btnbox a{display: inline-block; vertical-align: top; width: 50%; height: 100%; background: rgba(33,36,40); transition: .3s ease-out background; text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.28); font-size: .24rem;line-height: .58rem; color: #fff;} 
.page4 .info-tab-btnbox a.on{background: #910000;}

.page4 .btn-left,.page4 .btn-right{position: absolute; top: 50%; margin-top: -53px; z-index: 3;}
.page4 .btn-left{left: 0;}
.page4 .btn-right{right: 0;}
.page4 .swiper-pagination{position: absolute; width: 100%; left: 0; bottom: .1rem; z-index: 6;}
.page4 .swiper-pagination span{display: inline-block; vertical-align: top; width: .26rem; height: .26rem; border-radius:50%; background: #434449; margin: 0 .08rem;}
.page4 .swiper-pagination span.swiper-pagination-bullet-active{background: #760304;}

.page5 .main{padding-top: 1.36rem;}
.page5 .price{background: rgba(36,36,36,.77); padding: 0 .27rem 0 1.1rem; height: .46rem; line-height: .46rem; border-radius:.23rem; position: relative;}
.page5 .price p{ padding-left: .5rem;}
.page5 .price em{position: absolute; left: .25rem; top: 50%; margin-top: -.3rem;}
.page5 .war-horse-list{margin-top: .72rem;}
.page5 .war-horse-list li{width: 2.22rem; display: inline-block; vertical-align: top; color: #fff; font-size: .3rem; line-height: .5rem; padding-top: 3.5rem; height: 3.94rem;}
	
.dia * { -webkit-box-sizing: border-box; box-sizing: border-box; }
.dia {outline: none; display: none; font-size: 0; text-align: center; border: 3px solid #7b1615;}
.dia .btn-close { position: absolute; z-index: 3;}

.dia-video{width: 6.6rem; height: 3.72rem;}
.dia-video .btn-close{top: -.6rem; right: -2px;}
.dia-video-cont{width: 100%; height: 100%;}

.dia-wallpaper{width: 6.22rem; height: 3.26rem; background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/bg-tc1.jpg) 50% 0 no-repeat; background-size: cover;}
.dia-wallpaper .btn-close{top: .06rem; right: .18rem;}
.dia-wallpaper p{padding-left: .67rem; color: #ff0c13; height: .6rem; line-height: .6rem; position: relative; font-size: .24rem; text-align: left;}
.dia-wallpaper .icon-bz{position: absolute; top: 50%; left: .24rem; margin-top: -.205rem;}

.dia-rule{width: 5.6rem;height: 9.34rem; background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/m/bg-tc2.jpg) 50% 50% no-repeat; background-size: cover;}
.dia-rule .btn-close{top: .12rem; right: .18rem;}
.dia-rule .rule-title{height: .7rem; background: rgba(0,0,0,.6); line-height: .7rem; color: #ff0c13; font-size: .3rem;}
.dia-rule .rule-title p{width: 5.2rem; margin: 0 auto; text-align: left;}
.dia-rule .scrollbar-box{width: 5.2rem; margin: .3rem auto 0; height: 8rem; overflow-y: auto;}
.dia-rule .scrollbar-box::-webkit-scrollbar {width:4px;height:4px;background:linear-gradient(to right,transparent 28%,#2a2023 50%,transparent 72%); border-radius:2px;}
.dia-rule .scrollbar-box::-webkit-scrollbar-thumb{background-color:#2a1f23; border-radius:2px;}
.dia-rule ul{text-align: justify; color: #d7d7d7; font-size: .2rem; line-height: .3rem; width: 4.86rem;}
.dia-rule li{padding-bottom: .3rem;}
.dia-rule li:nth-last-of-type(1){padding-bottom: 0;}

.page1 .btn-video{-webkit-animation: aniZoom 2s linear infinite; animation: aniZoom 2s linear infinite;}
@-webkit-keyframes aniZoom{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(.8)}100%{-webkit-transform:scale(1)}}
@keyframes aniZoom{0%{transform:scale(1)}50%{transform:scale(.8)}100%{transform:scale(1)}}