* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;touch-action: pan-y;font-weight: normal; }
html {font:12px "Microsoft YaHei";font-weight: normal;-webkit-text-size-adjust: 100%;}
body {position: relative;color: #000000;background: #0d0d0d;-webkit-text-size-adjust: none; /*取出点击出现半透明的灰色背景*/-webkit-tap-highlight: rgba(0,0,0,0);}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
ul,ul li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0}
table td {border-collapse: collapse;}
select, input, textarea {color: #414141;border-radius: 0;-webkit-border-radius: 0;border:none;}
img{border: none;max-width: 100%;width: 100%;vertical-align: middle;}
a {color: #333;text-decoration: none;cursor: pointer;noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}
a:hover {text-decoration: none;}
a:focus {outline: none;-moz-outline: none;}
input,input:focus,input:active{user-select: text;}
input::-webkit-input-placeholder {color: #000000;}
.gray{-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */filter: grayscale(100%);}
.section{position: relative;}
.section.active{-webkit-animation: scaleA 1s ease both;}
.text-underline{text-decoration:underline ;}
.animated{-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-delay:0.5s;-webkit-animation-delay:0.5s;}
*::-webkit-scrollbar {width: 4px;height: 8px;}
*::-webkit-scrollbar-thumb {border-radius: 4px;background: #d7d9e2;}
*::-webkit-scrollbar-track-piece {background-color:rgba(0,0,0,0.05);border-radius: 4px;}
i.sg{content: "";position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient( -45deg, transparent,transparent, rgba(255, 244, 227, 0.8), transparent, transparent );animation:animate-wipes 2s linear infinite;}
i.fg{content: "";position: absolute;display: none;top: 0;left:0;width: 100%;height: 100%;border-radius: 50%;background: radial-gradient( circle, #ea71f5, #b135bd,transparent, transparent ); animation:animate-lightzoom1 2s linear infinite;}
a:hover i.fg{display: block;z-index: -1;}
.pic-web{display: block;}
.pic-wap{display: none;}
@media(max-width:540px){
    .pic-web{display: none;}
    .pic-wap{display: block;}
}
body{max-width: 1920px;width: 100%;margin: 0 auto;}
@media(max-width:2000px){
    p{font-size: 1.1rem;line-height: 1.8rem;}
}
@media(max-width:1000px){
    p{font-size: 1rem;line-height: 1.5rem;}
    body{width: 100%;}
}
.section1 .store{display: none;}
.section2{background: url("../images/bg.jpg")no-repeat center top;background-size: 100% 100%;padding-top: 50px;}
.auto-1264{width: 90%;max-width: 1264px;margin: 0 auto;}
.title{width: 100%;margin-bottom: 30px;}

.yxts{position: relative; background:url("../images/box-bg.png")no-repeat center center;background-size: 100% 100%;padding: 2%; margin-bottom: 50px;}
.swiper-button-next,.swiper-button-prev{position: absolute;width: 8rem;height: 8rem;top: 50%;left: 102%;cursor: pointer; background: url("../images/arrow.png");background-position:center left;    background-repeat: no-repeat;background-size:contain; }
.swiper-button-prev{transform: rotateY(180deg);left: auto;right: 100%; }
.swiper-button-prev:after,.swiper-button-next:after{display: none;}
.swiper-pagination{display: none;}

.yxjs{position: relative; background:url("../images/box-bg.png")no-repeat center center;background-size: 100% 100%;padding: 2%; margin-bottom: 50px;}
.yxjs dl{display: flex;align-items: center;justify-content: space-between;}
.yxjs dl dd span.normal{display: block;    border-left: 2px solid #656565;}
.yxjs dl dd span.active{display: none;}
.yxjs dl dd.active span.normal{display: none;}
.yxjs dl dd.active span.active{display: block;}

.roles{position: relative; background:url("../images/box-bg.png")no-repeat center center;background-size: 100% 100%;padding: 2%; margin-bottom: 50px;}
.roles .nav-top{display: flex;flex-direction: column; align-items: center; position: absolute;content: "";width:130px;top: 50%;left: 85%;transform: translate(0,-50%);z-index: 2; }
.roles .nav-top a{margin: 15px 0;}
.roles .nav-top a span.normal{display: block; }
.roles .nav-top a span.active{display: none; }
.roles .nav-top a.active span.normal{display: none; }
.roles .nav-top a.active span.active{display: block; }
.roles .nav-bot dd{display: none;}
.roles .nav-bot dd.active{display: block;}

.foot{color: #777;font-size: 12px;background: #00000096;line-height: 28px;text-align: center;padding: 30px 0 40px 0;border-top: 1px rgba(255,255,255,0.15) solid;}

.fc{position: fixed;width:196px;top: 50%;right: 1%;transform: translate(0,-50%);z-index: 1000; }
.fc .fc-top{width:71px;margin: 0 auto 2%;}
.fc .fc-bot{background: url("../images/fc-bg.jpg")no-repeat center center;background-size: 100% 100%;padding: 12%;}
.game-download-inner a.btn{line-height: 44px;display: flex;align-items: center;font-size: 14px;justify-content: center;color: #fff;    width: 100%;background: #820b00;border-radius: 5px;}
.game-download-inner a.btn span{width: 22px;margin-right: 8px;}
.game-download-inner a.btn-ios{margin-bottom: 10px;background: #000;}
.pop-self{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);min-width: 500px;font-size: 20px;padding: 15px 0;text-align: center;background: #fff;display: none;z-index: 999;}

@media(max-width:540px){
    .section1 .store{display: flex;position: absolute;content: "";width: 70%;bottom: 3%;left: 50%;    background: #0000008f;padding: 2% 5%;transform: translate(-50%,0);justify-content: space-between;}
    .section1 .store a{flex: 1;margin: 0 2%;}
    .auto-1264{width: 90%;max-width: 1264px;margin: 0 auto;    overflow: hidden;}
    .title{width: 128%;margin-left: -14%;}
    .swiper-button-next, .swiper-button-prev{display: none;}
    .swiper-pagination{display: block;}
    .swiper-pagination-bullet{background: #fff;opacity: 1;}
    .swiper-pagination-bullet-active{background: #d00;opacity: 1;}
    .yxjs{display: none;}
    .roles .nav-top{flex-direction: row;    width: 45%;left: 5%;top: 6%;transform: translate(0,0);}
    .roles .nav-top a{margin: 0 5px;}
    .roles .nav-bot{    padding:10% 3% 3%;}
    .fc{width:50px;}
    .fc .fc-top{width: 100%;margin: 0;}
    .fc .fc-bot{display: none;}
    .pop-self{width: 90%;min-width: auto;font-size: 15px;padding: 10px 0;z-index: 2000;}
}
/*动效-转圈*/
/*调用-转圈*/ /*    animation:animate-turn 5s linear infinite;    */
@keyframes animate-turn {
    0% {transform: rotate(0deg);}
    to {transform: rotate(1turn);}
}

@keyframes animate-pos-turn {
    0% {transform: rotate(0deg) translate(-50%,-50%);}
    to {transform: rotate(1turn) translate(-50%,-50%);}
}

/*动效-按钮缩放*/
/*调用-按钮缩放*/ /*    animation:animate-zoom 2s linear infinite;    */
@keyframes animate-zoom {
    0% {transform: scale(0.85);}
    50% {transform: scale(1);}
    100% {transform: scale(0.85);}
}

@keyframes animate-zoom1 {
    0% {transform: scale(1.1);}
    50% {transform: scale(0);}
    100% {transform: scale(1.1);}
}

@keyframes animate-pos-zoom {
    0% {transform: scale(0.85) translate(-50%,0);}
    50% { transform: scale(1) translate(-50%,0);}
    100% {transform: scale(0.85) translate(-50%,0);}
}

@keyframes animate-pos1-zoom {
    0% {transform: scale(0.85) translate(0,-50%);}
    50% { transform: scale(1) translate(0,-50%);}
    100% {transform: scale(0.85) translate(0,-50%);}
}
@keyframes animate-pos2-zoom {
    0% {transform: scale(0.85) translate(-50%,-50%);}
    50% { transform: scale(1) translate(-50%,-50%);}
    100% {transform: scale(0.85) translate(-50%,-50%);}
}



/*动效-光效缩放*/
/*调用-光效缩放*/ /*        animation:animate-lightzoom 2s linear infinite;    */
@keyframes animate-lightzoom {
    0% {transform: scale(1);opacity: 0;}
    75% { transform: scale(0.8);opacity: 1;}
    100% { transform: scale(0);opacity: 1;}
}



/*动效-扫光*/  /*    background: linear-gradient( 120deg, transparent,transparent, rgba(255, 244, 227, 0.4), transparent, transparent );    */
/*调用-扫光*/ /*    animation:animate-wipes 2s linear infinite;    */
@keyframes animate-wipes {
    from {left:0;}
    to {left:100%;}
}



/*动效-左右摇晃*/
/*调用-左右摇晃*/ /*    transform-origin: center bottom;animation: animate-shake infinite 1s ease-in-out alternate;    */
@keyframes animate-shake {
    0%{transform:none}
    15%{transform:translate3d(-2%,0,0) rotate3d(0,0,1,-2deg);}
    30%{transform:translate3d(1%,0,0) rotate3d(0,0,1,1deg);}
    45%{transform:translate3d(-1%,0,0) rotate3d(0,0,1,-1deg);}
    60%{transform:translate3d(1%,0,0) rotate3d(0,0,1,2deg);}
    75%{transform:translate3d(-1%,0,0) rotate3d(0,0,1,-1deg);}
    100%{transform:none}
}
@keyframes animate-shake1 {
    0%{transform:none}
    15%{transform:translate3d(-1%,0,0) rotate3d(0,0,0.5,-0.5deg);}
    30%{transform:translate3d(0.5%,0,0) rotate3d(0,0,0.5,0.5deg);}
    45%{transform:translate3d(-0.5%,0,0) rotate3d(0,0,0.5,-0.5deg);}
    60%{transform:translate3d(0.5%,0,0) rotate3d(0,0,0.5,0.5deg);}
    75%{transform:translate3d(-0.5%,0,0) rotate3d(0,0,0.5,-0.5deg);}
    100%{transform:none}
}



/*动效-风吹左右摇晃*/
/*调用-风吹左右摇晃*/ /*    transform-origin: center top;animation: animate-wind infinite 1s ease-in-out alternate;    */
@keyframes animate-wind {
    0% {transform: rotate(1deg);}
    100% {transform: rotate(-2deg);}
}

/*动效-云移動*/
/*调用-云移動*/ /*    animation: animate-cloud 0.8s linear infinite;    */
@keyframes animate-cloud {
    0% {transform:translate(0,0);}
    50% { transform:translate(-20%,0);}
    100% {transform:translate(0,0);}
}

/*动效-左右跳动*/
/*调用-左右跳动*/ /*    animation: animate-jump-lr 0.8s linear infinite;    */
@keyframes animate-jump-lr {
    0% {transform:translate(0,0);}
    50% { transform:translate(-6px,0);}
    100% {transform:translate(0,0);}
}

/*动效-左右跳动*/
/*调用-左右跳动*/ /*    animation: animate-jump-lrf 0.8s linear infinite;    */
@keyframes animate-jump-lrf {
    0% {transform:translate(0,0) rotateY(180deg);}
    50% { transform:translate(-6px,0) rotateY(180deg);}
    100% {transform:translate(0,0) rotateY(180deg);}
}

/*动效-上下跳动*/
/*调用-上下跳动*/ /*    animation: animate-jump 0.8s linear infinite;    */
@keyframes animate-jump {
    0% {transform:translate(0,0);}
    50% { transform:translate(0,-6px);}
    100% {transform:translate(0,0);}
}



/*动效-背景逐帧动效*/
/*调用-背景逐帧动效*/ /*    animation: animate-changebg 1s steps(3) infinite;    */
@keyframes animate-changebg {
    from{background-position:0 0;}
    to {background-position: -90px 0;}
}

@-webkit-keyframes scaleA {
    0% {opacity: 0;-webkit-transform: scale(1.4);}
    100% {opacity: 1;-webkit-transform: scale(1);}
}


/*左右摇晃动效*/ 
@-webkit-keyframes error-swing {
    0% {-webkit-transform: rotate(1deg)}
    100% {-webkit-transform: rotate(-2deg)}
}
@-moz-keyframes error-swing {
    0% {-moz-transform: rotate(1deg)}
    100% {-moz-transform: rotate(-2deg)}
}
@keyframes error-swing {
    0% {transform: rotate(1deg)}
    100% {transform: rotate(-2deg)}
}

@keyframes animate-card {
    0%{transform:rotateY(0deg);}
    15%{transform:rotateY(-60deg);}
    30%{transform:rotateY(60deg);}
    45%{transform:rotateY(-60deg);}
    60%{transform:rotateY(60deg);}
    75%{transform:rotateY(-60deg);}
    100%{transform:rotateY(0deg);}
}