body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form,header,section,article,footer{margin:0;}
body,button,input,select,textarea{font:12px/1.5 tahoma,'\5FAE\8F6F\96C5\9ED1',sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,b{font-style:normal}
a,a:hover{text-decoration:none}
img{border:0}
body{background: #010204;}
button,input,select,textarea{font-size:100%;outline:none}
table{border-collapse:collapse;border-spacing:0}
td,th,ul,ol{padding:0}
ul li{list-style:none;}
/* reset end */

/***µ×²¿***/
#afooter {position: relative;padding: 30px 0;text-align: center;font: normal 12px/19px Tahoma;z-index: 10;background-color: #0c0704;}
#afooter, #afooter a {color: #c0c0c0;text-decoration: none;}

.wrapper-scale{position: relative; overflow: hidden; margin-top: -1px;}
.wrapper-scale .wrapper{ transform-origin: 0 0;}

.wrapper *{-webkit-box-sizing: border-box; box-sizing: border-box;}
.wrapper{position:relative; width: 100%; transition:opacity .2s cubic-bezier(.215,.61,.355,1); opacity: 0; overflow: hidden; margin-top: -1px;}
.wrapper.show{opacity: 1;}
.wrapper .main{width: 1600px; margin: 0 auto; position: relative; z-index: 2; font-size: 0; text-align: center; }
.wrapper img{display: block;}
.wrapper .hid{text-indent:-9999px;font-size:0px;overflow:hidden;width:0px;height:0px;}

.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}

.spr{ background-image:url(//game.gtimg.cn/images/fz/cp/a20240305zz/pc/spr.png);}
.spr.btn-close{ width:50px; height:49px; background-position:-188px -186px;}
.spr.btn-left:hover{ width:117px; height:117px; background-position:-479px -2px;}
.spr.btn-left{ width:117px; height:117px; background-position:-522px -121px;}
.spr.btn-more{ width:126px; height:52px; background-position:-60px -186px;}
.spr.btn-right:hover{ width:117px; height:117px; background-position:-598px -2px;}
.spr.btn-right{ width:117px; height:117px; background-position:-641px -121px;}
.spr.btn-rule{ width:146px; height:36px; background-position:-355px -148px;}
.spr.btn-video{ width:122px; height:144px; background-position:-355px -2px;}
.spr.icon-1{ width:46px; height:45px; background-position:-282px -186px;}
.spr.icon-2{ width:46px; height:45px; background-position:-330px -186px;}
.spr.icon-3{ width:46px; height:45px; background-position:-378px -186px;}
.spr.icon-4{ width:46px; height:45px; background-position:-426px -186px;}
.spr.icon-5{ width:46px; height:45px; background-position:-474px -186px;}
.spr.icon-6{ width:46px; height:45px; background-position:-760px -182px;}
.spr.icon-bz{ width:56px; height:59px; background-position:-2px -186px;}
.spr.icon-cz{ width:32px; height:37px; background-position:-808px -182px;}
.spr.icon-cz1{ width:40px; height:47px; background-position:-240px -186px;}
.spr.icon-sel{ width:41px; height:39px; background-position:-717px -2px;}
.spr.icon-sel2{ width:39px; height:39px; background-position:-717px -43px;}
.spr.icon-wg{ width:98px; height:88px; background-position:-760px -2px;}
.spr.icon-zm{ width:95px; height:88px; background-position:-760px -92px;}
.spr.logo{ width:351px; height:182px; background-position:-2px -2px;}


.page1{background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/pc/bg1.jpg) 50% 0 no-repeat; height: 1050px;}
.page2{background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/pc/bg2.jpg) 50% 0 no-repeat; height: 1140px;}
.page3{background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/pc/bg3.jpg) 50% 0 no-repeat; height: 1330px;}
.page4{background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/pc/bg4.jpg) 50% 0 no-repeat; height: 2520px;}
.page5{background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/pc/bg5.jpg) 50% 0 no-repeat; height: 1366px;}

.wrapper .price{background: rgba(0,0,0,.63); display: inline-block; vertical-align: top; *zoom:1; *display: inline; padding: 0 36px; height: 56px; line-height: 56px; border-radius:28px;}
.wrapper .price p{padding-left: 46px; position: relative; color: #ffe222; font-size: 40px;}
.wrapper .price .icon-cz{position: absolute; left: 0; top: 50%; margin-top: -19px;}
.wrapper .price .icon-cz1{position: absolute; left: 0; top: 50%; margin-top: -24px;}

.wrapper .tab-btnbox{width: 1358px; height: 68px; position: relative;}
.wrapper .tab-btnbox:after{content: ''; position: absolute; left: -5px; top: -5px; width: 1376px; height: 86px; background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/pc/nav-bg.png) 50% 0 no-repeat; z-index: 4; pointer-events: none;}
.wrapper .tab-btnbox p{ height: 68px; border-radius:34px; overflow: hidden; position: relative; z-index: 2;}
.wrapper .tab-btnbox a{display: inline-block; vertical-align: top; *zoom:1; *display: inline; width: 226px; line-height: 68px; background: rgba(33,36,40); position: relative; transition: .3s ease-out background;}
.wrapper .tab-btnbox a:hover,.wrapper .tab-btnbox a.swiper-pagination-bullet-active{background: #910000;}

.wrapper .tab-btnbox a:after{content: ''; position: absolute; width: 1px; height: 100%; background: #120e15; right: 0; top: 0; z-index: 2;}
.wrapper .tab-btnbox a:nth-last-of-type(1):after{display: none;}
.wrapper .tab-btnbox span{display: inline-block; vertical-align: top; *zoom:1; *display: inline; padding-left: 62px; color: #fff; font-size: 29px; 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: -22.5px;}


.page1 .logo{position: absolute; left: 10px; top: 20px; z-index: 3;}
.page1 .main{padding-top: 410px;}
.page1 .act-info{display: inline-block; vertical-align: top; *zoom:1; *display: inline; padding-right: 172px; position: relative; color: #ababab; font-size: 24px; height: 36px; line-height: 36px;}
.page1 .act-info span{ color: #b21706;}
.page1 .act-info a{position: absolute; right: 0; top: 0; color: #fff; font-size: 18px;}
.page1 .btn-video{margin: 214px auto 0; display: block;}

.page2 .main{padding-top: 548px;}
.page2 .gift-list{margin-top: 234px;}
.page2 .gift-list li{ width: 210px; display: inline-block; vertical-align: top; *zoom:1; *display: inline;}
.page2 .gift-list p{font-size: 20px; line-height: 30px; color: #e6d0d4; height: 46px;}
.page2 .gift-list a{display: block; margin: 0 auto; color: #feb787; font-size: 20px; line-height: 44px;}

.page3 .main{padding-top: 160px;}
.page3 .price{background: rgba(36,36,36,.77); padding: 0 43px 0 143px; height: 60px; line-height: 60px; border-radius:30px; position: relative;}
.page3 .price p{padding-left: 60px;}
.page3 .price em{position: absolute; left: 30px; top: 50%; margin-top: -37px;}
.page3 .tab-btnbox{margin: 98px auto 0;}
.page3 .sw-wrapper{width: 1550px; margin: 0 auto; position: relative; height: 800px;}
.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{padding-top: 100px; height: 100%;}
.page3 .soldier{background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/pc/tab111.png) 50% 51% no-repeat;}
.page3 .fighter-male{background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/pc/tab121.png) 50% 51% no-repeat;}
.page3 .fighter-female{background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/pc/tab122.png) 50% 51% no-repeat;}
.page3 .shooter-male{background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/pc/tab131.png) 50% 51% no-repeat;}
.page3 .shooter-female{background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/pc/tab132.png) 50% 51% no-repeat;}
.page3 .magician{background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/pc/tab141.png) 50% 51% no-repeat;}
.page3 .lurker{background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/pc/tab151.png) 50% 51% no-repeat;}
.page3 .warlock{background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/pc/tab161.png) 50% 51% no-repeat;}
.page3 .swiper-slide-big .swiper-wrapper{display: block;}
.page3 .swiper-slide-small{width: 680px; display: inline-block; vertical-align: top; *zoom:1; *display: inline;}
.page3 .info-list{width: 120%; margin-left: -10%; height: 100%; }
.page3 .info{display: inline-block; vertical-align: top; *zoom:1; *display: inline; width: 320px; margin: 0 10px; height: 100%; position: relative; padding-top: 640px;}
.page3 .info-hover{background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/pc/role-bg.png) 50% 0 no-repeat; width: 282px; height: 135px; background-size: cover; position: absolute; left: 50%; margin-left: -141px; top: 480px; opacity: 0; transform: translateY(50px); transition: .3s ease-out opacity,.3s ease-out transform;}
.page3 .info:hover .info-hover{ opacity: 1; transform: translateY(0);}
.page3 .info .name{display: inline-block; vertical-align: top; *zoom:1; *display: inline; padding-right: 50px; position: relative; color: #a39691; font-size: 26px; line-height: 40px; height: 40px;}
.page3 .info .icon-sel2{position: absolute; right: 0; top: 50%; margin-top: -20px;}
.page3 .info-hover li{display: inline-block; vertical-align: top; *zoom:1; *display: inline; width: 94px; font-size: 18px; line-height: 22px; padding-top: 4px;}
.page3 .attribute-name{ height: 70px; color: #fff; padding-top: 8px;}
.page3 .attribute{ color: #ffed98;}
.page3 .info-tab-btnbox{width: 226px; position: absolute; left: 50%; margin-left: -113px; height: 64px; border: 4px solid #32373c; overflow: hidden; border-bottom-left-radius: 32px; border-bottom-right-radius: 32px; z-index: 2;}
.page3 .info-tab-btnbox:after{content: ''; pointer-events: none; width: 1px; height: 100%; margin-left: -1px; position: absolute; top: 0; left: 50%; background: #0e0b11;}
.page3 .info-tab-btnbox a{display: inline-block; vertical-align: top; *zoom:1; *display: inline; 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: 29px;line-height: 58px; color: #fff;} 
.page3 .info-tab-btnbox a:hover,.page3 .info-tab-btnbox a.on{background: #910000;}
.page3 .btn-left,.page3 .btn-right{position: absolute; top: 50%; margin-top: 22px; z-index: 3;}
.page3 .btn-left{left: 0;}
.page3 .btn-right{right: 0;}

.page4 .main{padding-top: 226px;}
.page4 .tab-btnbox{margin: 0 auto;}

.page4 .sw-wrapper{width: 1550px; margin: 0 auto; position: relative; height: 2230px;}
.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{padding-top: 126px; height: 100%;}
.page4 .tab-main .swiper-wrapper{display: block;}
.page4 .tab-main .swiper-slide-small{height: 517px;}
.page4 .soldier{background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/pc/tab211.png) 50% 110px no-repeat;}
.page4 .fighter-male{background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/pc/tab221.png) 50% 110px no-repeat;}
.page4 .fighter-female{background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/pc/tab222.png) 50% 110px no-repeat;}
.page4 .shooter-male{background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/pc/tab231.png) 50% 110px no-repeat;}
.page4 .shooter-female{background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/pc/tab232.png) 50% 110px no-repeat;}
.page4 .magician{background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/pc/tab241.png) 50% 110px no-repeat;}
.page4 .lurker{background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/pc/tab251.png) 50% 110px no-repeat;}
.page4 .warlock{background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/pc/tab261.png) 50% 110px no-repeat;}
.page4 .info-name{ color: #9e2100; font-size: 26px; line-height: 40px;  text-shadow: 0px 0px 19px rgba(0, 0, 0, 0.8);}
.page4 .info-list{width: 120%; margin-left: -10%; height: 400px;}
.page4 .info{display: inline-block; vertical-align: top; *zoom:1; *display: inline; width: 320px; margin: 0 10px; height: 100%; position: relative; padding-top: 350px;}
.page4 .info-hover{width: 120px; position: absolute; left: 50%; margin-left: -60px; bottom: 80px; opacity: 0; transform: translateY(50px); transition: .3s ease-out opacity,.3s ease-out transform; font-size: 18px; line-height: 24px;}
.page4 .info:hover .info-hover{ opacity: 1; transform: translateY(0);}
.page4 .info .name{display: inline-block; vertical-align: top; *zoom:1; *display: inline; padding-right: 50px; position: relative; color: #a39691; font-size: 26px; line-height: 40px; height: 40px;}
.page4 .info .icon-sel{position: absolute; right: 0; top: 50%; margin-top: -20px;}
.page4 .attribute-name{color: #fff; padding: 8px 0; border: 2px solid #fff; border-bottom: none; border-top-left-radius: 5px;border-top-right-radius: 5px; background: #161113;}
.page4 .attribute{ color: #ffed98; background: #100c0d;  padding: 8px 0; border: 2px solid #979797; border-top: none; border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.page4 .info-tab-btnbox{width: 226px; position: absolute; left: 50%; margin-left: -113px; height: 64px; border: 4px solid #32373c; overflow: hidden; border-bottom-left-radius: 32px; border-bottom-right-radius: 32px; z-index: 2;}
.page4 .info-tab-btnbox:after{content: ''; pointer-events: none; width: 1px; height: 100%; margin-left: -1px; position: absolute; top: 0; left: 50%; background: #0e0b11;}
.page4 .info-tab-btnbox a{display: inline-block; vertical-align: top; *zoom:1; *display: inline; 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: 29px;line-height: 58px; color: #fff;} 
.page4 .info-tab-btnbox a:hover,.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;}

.page5 .main{padding-top: 148px;}
.page5 .price{background: rgba(36,36,36,.77); padding: 0 43px 0 143px; height: 60px; line-height: 60px; border-radius:30px; position: relative;}
.page5 .price p{padding-left: 60px;}
.page5 .price em{position: absolute; left: 30px; top: 50%; margin-top: -37px;}
.page5 .war-horse-list{margin-top: 72px;}
.page5 .war-horse-list li{width: 308px; display: inline-block; vertical-align: top; *zoom:1; *display: inline; color: #fff; font-size: 32px; line-height: 50px; padding-top: 540px;}
	
.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; transition: .3s ease-out transform; z-index: 3;}
.dia .btn-close:hover{transform: rotate(90deg);}

.dia-video{width: 65%;}
.dia-video .btn-close{top: 0; right: -60px;}
.dia-video-cont{width: 100%; height: 100%;}

.dia-wallpaper{width: 1244px; height: 652px; background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/pc/bg-tc1.jpg) 50% 0 no-repeat;}
.dia-wallpaper .btn-close{top: 20px; right: 38px;}
.dia-wallpaper p{padding-left: 108px; color: #ff0c13; height: 86px; line-height: 86px; position: relative; font-size: 21px; text-align: left;}
.dia-wallpaper .icon-bz{position: absolute; top: 50%; left: 42px; margin-top: -30px;}

.dia-rule{width: 1107px;height: 720px; background: url(//game.gtimg.cn/images/fz/cp/a20240305zz/pc/bg-tc2.jpg) 50% 0 no-repeat;}
.dia-rule .btn-close{top: 20px; right: 38px;}
.dia-rule .rule-title{height: 86px; background: rgba(0,0,0,.6); line-height: 86px; color: #ff0c13; font-size: 30px;}
.dia-rule .rule-title p{width: 960px; margin: 0 auto; text-align: left;}
.dia-rule .scrollbar-box{width: 960px; margin: 30px auto 0; height: 574px; 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: 18px; line-height: 30px; width: 900px;}
.dia-rule li{padding-bottom: 30px;}
.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)}}


.page1 .act-info a:hover,.page2 .gift-list a:hover{-webkit-filter: brightness(1.2); filter: brightness(1.2);}

.mob-show{display: none;}