blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,iframe,input,li,object,ol,p,pre,span,td,textarea,th,ul{padding:0;margin:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}
body{background-color:#0d162c;font:16px/1.8 'Merriweather','roboto',cursive}
a{text-decoration:none;-webkit-transition:color .4s;transition:color .4s}
a:active{outline:0}
img{border:0;vertical-align:middle;-ms-interpolation-mode:bicubic}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input::-moz-placeholder,textarea::-moz-placeholder{color:#b9b9b9}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#b9b9b9}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#b9b9b9}
input{outline:0;border:0;font-family:"Microsoft YaHei"}
textarea{overflow:auto;resize:none}
.clearfix:after{content:"";height:0;visibility:hidden;display:block;clear:both}
.clearfix{zoom:1}
.hide{display:none!important}
.fl{float:left}
.fr{float:right}

/* pc样式 */
*{-webkit-tap-highlight-color:transparent;}
body,html{position:relative;width:100%;height:100%}
.full-bg{position:relative;max-width:1920px;height:100%;margin:0 auto}
.wrapper{width:1200px;margin:0 auto;position:relative;height:100%;padding:10px 0 0}
.swiper-main .swiper-slide{width:100%;position:relative}
.swiper-main .swiper-slide.page4{height: 1000px;}
.logo { display: block; width:225px; margin:0 auto; }
.logo img { display:block; width:100%; }
.play-video {position: absolute;top: 390px;left: 57%;margin-left: 391px}
.play-video a { position: relative; display:block; width:128px; height:128px; background:url(../images/play.png) no-repeat center center;  margin: 0 auto;}
.play-video a:hover { filter:brightness(1.2); }
.section .logo { position:absolute; left:-10%; top:20px; }
#page1 { background:url(../images/bg1.jpg?v1) no-repeat; height: 1080px;}
#page2 { background:url(../images/bg2.jpg) no-repeat top center;position: relative;z-index: 1;height: 1111px; }
#page3 { background:url(../images/bg3.jpg) no-repeat ;height: 1034px; }
#page4 { background:url(../images/bg4-1.jpg) no-repeat ; height: 1161px;}
#page5 { background:url(../images/bg5.jpg) no-repeat ; height: 924px;}
.guo1,.guo2,.guo3,.guo4{position: absolute; top:926px;left: 0; width:1920px;height: 227px;background: url(../images/guo1.png) no-repeat; z-index: 10;}
.guo1{top:926px; background: url(../images/guo3.png) no-repeat; }
.guo2{top:2039px;background: url(../images/guo2.png) no-repeat;}
.guo3{top: 3107px; }
.guo4{top:4249px;background: url(../images/guo2.png) no-repeat; }
.sec1 .wrapper { display:flex; align-items:center; justify-content:flex-start;flex-direction: column;height: 900px; z-index: 1;}
.sec2 .wrapper {width: 1110px;}
.sec3 .wrapper {width: 1315px;}
.sec-nav { position:fixed; right: 0; top: 50%; margin-top: -205px; z-index:2;width:186px; height: 492px; padding:104px 0 20px 0; display:none;background: url(../images/nav-bg.png) no-repeat top right; }
.sec-nav a{position: absolute;right: 16px; width: 175px;height: 70px;width: 91px;height: 92px;color:#ffeaa9;line-height: 20px;padding-top: 24px;background: url(../images/nav.png) no-repeat 0 0/100%;text-align: center;}
.sec-nav a:hover,.sec-nav a.on{ background:url(../images/nav-on.png) no-repeat 0 0/100%;  text-align: center;width: 148px;height:95px;padding-top:56px;font-size: 17px;}
.sec-nav a:nth-child(1){top: 213px;right: 13px;width: 72px;height: 72px;line-height: 72px;padding-top: 0;font-size: 16px;color:#ef9080}
.sec-nav a:nth-child(1):hover,.sec-nav a:nth-child(1).on{width: 93px;height: 93px;line-height: 92px;top: 202px;right: 3px;}
.sec-nav a:nth-child(2){top: -11px;left: 75px;}
.sec-nav a:nth-child(2):hover,.sec-nav a:nth-child(2).on{top: -40px;left: 45px;}
.sec-nav a:nth-child(3){top: 107px;left: -17px;}
.sec-nav a:nth-child(3):hover,.sec-nav a:nth-child(3).on{top: 80px;left: -47px;}
.sec-nav a:nth-child(4){top: 260px;left: -38px;padding-top: 10px;}
.sec-nav a:nth-child(4):hover,.sec-nav a:nth-child(4).on{top: 232px;left: -69px;padding-top: 43px;}
.sec-nav a:nth-child(5){top: 392px;left: 30px;}
.sec-nav a:nth-child(5):hover,.sec-nav a:nth-child(5).on{top: 360px;left: 1px;}

/*sec1*/
.login-content { position:absolute; right: -17%;top: 74px; }
.login-btn,.rule { display:block; width:97px; height:117px;color:#b71700;text-align: center;line-height: 117px; background:url(../images/login.png) no-repeat 6px 2px;font-size: 20px;}
/* .login-btn strong,.rule strong{text-shadow: 0 0 4px #023e51,0 0 4px #023e51,0 0 4px #023e51,0 0 4px #023e51,0 0 4px #023e51;font-family: "Birthstone", sans-serif; font-size:23px;} */
.login-btn:hover,.rule:hover{filter: brightness(1.2);}
.before-login, .after-login { display:none; }
.before-login.show, .after-login.show { display:flex; align-items:center; justify-content:center;flex-direction: row-reverse; }
.after-login .user-info{color:#fff;text-shadow: 0 0 3px #161616,0 0 3px #161616,0 0 3px #161616,0 0 3px #161616,0 0 3px #161616;font-size: 16px;}
.rule{position: absolute;bottom: 0;right: -136px;}
.index-cont { position:relative; }
.index-slogan {width:1130px; height:631px;  margin:134px 0 0 740px; background: url(../images/en/slg.png) no-repeat;display: none;}
.sec1 .wrapper > * { z-index:3; }
.sec1 .wrapper > .index-cont { z-index:2; }
.kv-video{position: absolute; top: 0;left: 0; width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover; }

/*sec2*/
.title { margin:80px auto 0; width:100%; font-size:0; }
.title1 { height:91px; background:url(../images/en/title1.png) no-repeat center center;margin-bottom: 30px; }
.cake{position: relative; width: 665px; height: 750px;margin-left: 109px;}
.candle-list{position: absolute; top: 0;left: 0; width: 100%; height: 100%; }
.candle-list li{position: absolute; width: 24px; height:119px;filter: grayscale(0.8);opacity: 0.7;}
.candle-list li.c1,.candle-list li.c4,.candle-list li.c8{top: 361px;left:62px;width: 78px;height: 73px; background: url(../images/cake/1.png) no-repeat 0 0;}
.candle-list li.c1.light,.candle-list li.c4.light,.candle-list li.c8.light{background: url(../images/cake/1-on.png) no-repeat 0 0;}
.candle-list li.c2,.candle-list li.c6{top: 450px;left: 84px;width: 80px;height: 79px; background: url(../images/cake/2.png) no-repeat 0 0;}
.candle-list li.c2.light,.candle-list li.c6.light{background: url(../images/cake/2-on.png) no-repeat 0 0;}
.candle-list li.c3{top: 445px;left: 110px;width:130px;height:156px; background: url(../images/cake/9.png) no-repeat 0 0;z-index: 2;}
.candle-list li.c3.light{background: url(../images/cake/9-on.png) no-repeat 0 0;}
.candle-list li.c4{top: 562px;left: 225px;}
.candle-list li.c5{top: 483px;left: 277px;width:172px;height:161px; background: url(../images/cake/10.png) no-repeat 0 0;z-index: 2;}
.candle-list li.c5.light{background: url(../images/cake/10-on.png) no-repeat 0 0;}
.candle-list li.c6{top: 531px;left: 445px;}
.candle-list li.c7{top: 424px;left: 493px;width:98px;height:149px; background: url(../images/cake/11.png) no-repeat 0 0;z-index: 3;}
.candle-list li.c7.light{background: url(../images/cake/11-on.png) no-repeat 0 0;}
.candle-list li.c8{top: 410px;left: 540px;z-index: 2;}
.candle-list li.c9{top: 346px;left: 556px;width:99px;height:111px; background: url(../images/cake/3.png) no-repeat 0 0;}
.candle-list li.c9.light{background: url(../images/cake/3-on.png) no-repeat 0 0;}
.candle-list li.c10,.candle-list li.c16,.candle-list li.c19{top: 373px;left: 504px;width:42px;height:43px; background: url(../images/cake/6.png) no-repeat 0 0/100%;}
.candle-list li.c10.light,.candle-list li.c16.light,.candle-list li.c19.light{background: url(../images/cake/6-on.png) no-repeat 0 0/100%;}
.candle-list li.c11,.candle-list li.c17,.candle-list li.c21{top: 387px;left: 500px;width:50px;height:49px; background: url(../images/cake/4.png) no-repeat 0 0;}
.candle-list li.c11.light,.candle-list li.c17.light,.candle-list li.c21.light{background: url(../images/cake/4-on.png) no-repeat 0 0;}
.candle-list li.c12,.candle-list li.c14,.candle-list li.c20{top: 413px;left: 502px;width:40px;height:39px; background: url(../images/cake/5.png) no-repeat 0 0;}
.candle-list li.c12.light,.candle-list li.c14.light,.candle-list li.c20.light{background: url(../images/cake/5-on.png) no-repeat 0 0;}
.candle-list li.c13{top: 363px;left: 389px;width:122px;height:141px; background: url(../images/cake/12.png) no-repeat 0 0;}
.candle-list li.c13.light{background: url(../images/cake/12-on.png) no-repeat 0 0;}
.candle-list li.c14{top: 476px;left: 400px;z-index: 2;}
.candle-list li.c15{top: 389px;left: 336px;width:109px;height:134px; background: url(../images/cake/8.png) no-repeat 0 0;}
.candle-list li.c15.light{background: url(../images/cake/8-on.png) no-repeat 0 0;}
.candle-list li.c16{top: 465px;left: 315px;width:55px;height:53px;}
.candle-list li.c17{top: 474px;left: 288px;}
.candle-list li.c18{top: 369px;left: 236px;width:77px;height:141px; background: url(../images/cake/13.png) no-repeat 0 0;}
.candle-list li.c18.light{background: url(../images/cake/13-on.png) no-repeat 0 0;}
.candle-list li.c19{top: 422px;left: 165px;width:55px;height:53px;}
.candle-list li.c20{top: 391px;left: 142px;z-index: 3;}
.candle-list li.c21{top: 369px;left: 131px;z-index: 2;}
.candle-list li.c22{top: 264px;left: 80px;width:105px;height:149px; background: url(../images/cake/7.png) no-repeat 0 0;}
.candle-list li.c22.light{background: url(../images/cake/7-on.png) no-repeat 0 0;}
.candle-list li.light{background: url(../images/candle-on.png) no-repeat 0 0;filter: grayscale(0%);opacity: 1;}
.candle-list li.c23{top: -14px;left: 265px;width: 190px;height: 212px;background: url(../images/cake/14.png) no-repeat 0 0;}
.candle-list li.c23.light::before{content: '';position: absolute;top: -4px;left: 23px;width: 65px;height: 86px;background: url(../images/cake/14-on.png) no-repeat 0 0/100%;animation: flame 2s ease-in-out infinite alternate;transform-origin: 50% 90%;}
.candle-list li.c23.light::after{content: '';position: absolute;top: -4px;left: 115px;width: 65px;height: 86px;background: url(../images/cake/14-on.png) no-repeat 0 0/100%;animation: flame 2s ease-in-out infinite alternate;transform-origin: 50% 90%;}

.sec2 .info{position: absolute;top: 230px;right: 34px;color: #feffc0;font-size: 16px;}
.sec2 .rule{position: absolute;top: 427px;right: 392px; display: inline-block;width: 87px;height: 119px;line-height: 80px;color:#7a3321;text-shadow: 0 0 2px #ff392d; background: url(../images/rule.png) no-repeat 0 0;vertical-align: middle;margin: 5px;}
.cakeBtn{position: absolute;top: 370px;right: 107px;width: 131px;height: 300px;}
.cakeBtn a{display: inline-block;width: 131px;height: 131px;line-height: 131px;margin: 5px;text-align: center;font-size: 20px;color:#7d2a1a;background: url(../images/btn3.png) no-repeat 0 0;filter: grayscale(100%);}
.cakeBtn a.claim,.cakeBtn a.share{background: url(../images/btn3.png) no-repeat 0 0;filter: grayscale(0%);}
.cakeBtn a.share{line-height: 20px;padding-top: 51px;height: 77px;}
.cakeBtn a.btn3:hover,.cakeBtn a:hover{filter:brightness(1.0) grayscale(100);}
.cakeBtn a.btn3{display: none;}
.cakeBtn a.btn3.claim{display: block;}
.cakeBtn a.claim:hover,.cakeBtn a.share:hover{filter: brightness(1.1) grayscale(0%);}

/*sec3*/
.title2 { height:91px; background:url(../images/en/title2.png) no-repeat center center;margin: 80px auto 0; }
.sec3 .ranking{position: absolute;bottom: 98px;left: 597px;font-size: 16px;color:#ffcc00;text-decoration: underline;animation: ranking-shake 0.6s ease-in-out infinite alternate;transform-origin: center center;}
.cont3{position: relative;width: 1315px;height: 730px;background: url(../images/cont3.png) no-repeat center center;margin: 0 auto;}
.cont3>div:hover{transform: scale(1.05);}
.cont3 .p1{position: absolute;top: 112px;left: 185px;width: 560px;height: 180px;}
.cont3 .p2{position: absolute;top: 290px;left: 116px;width: 357px;height: 117px;padding-left: 125px;}
.cont3 .p3{position: absolute;top: 419px;left: 162px;width: 361px;height: 210px;}
.cont3 .p4{position: absolute;top: 303px;left: 574px;width: 304px;height: 287px;padding: 180px 0 0 20px;}
.cont3 .p5{position: absolute;top: 113px;left: 879px;width: 363px;height: 276px;}
.cont3 .p6{position: absolute;top: 405px;left: 918px;width: 234px;height: 204px;}
.cont3 div{position: relative;cursor: pointer;}
.cont3 div h2{width: 200px;padding-left: 45px;line-height: 22px;background: url(../images/process/icon.png) no-repeat 0 0;font-size: 21px;display: inline-block;}
.cont3 div span.name{display: block;font-size: 23px;color: #fff;background-image: -webkit-linear-gradient(90deg, #fff3d9 54%, #fffdf2 44%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.cont3 div span{font-size: 15px;font-weight: normal;color:#ffe8b5}
.cont3 div p{font-size: 15px;color:#fff6cd;width: 243px;line-height: 20px;padding-top: 5px;}
.cont3 div img{position: absolute;top: -7px;right: -21px;}
.cont3 div.p1 h2{width: 200px;}
.cont3 div.p1 img{top: 3px;right: -35px;}
.cont3 div.p2 p{padding-left: 25px;}
.cont3 div.p2 img{top: -23px;right: 343px;}
.cont3 div.p3 p{width: 199px;}
.cont3 div.p3 img{right: -71px;top: -37px;}
.cont3 div.p4 p{width: 295px;}
.cont3 div.p4 img{right: 30px;}
.cont3 div.p5 p{width: 289px;}
.cont3 div.p5 img{top: 78px;right: -15px;}
.cont3 div.p6 p{width: 222px;padding-left: 40px;}
.cont3 div.p6 img{top: 99px;right: -27px;}

/*sec4*/
.title3 { height:127px; background:url(../images/en/title3.png) no-repeat center center; }
.cont4>div{width: 1200px;height: 700px;margin: 0 auto;display: none;}
.cont4>div.on{display: block;}
.cont4>div.c1{text-align: center;}
/* cont1 */
.btn-list{position: relative;width: 925px;height: 96px;margin: 0 auto;}
.btn-list a{display: inline-block;width: 265px;height:70px;line-height: 70px;text-align: center;margin: 0 20px;cursor: pointer;background: url(../images/btn1.png) no-repeat 0 0;font-weight: bold;}
.btn-list a:hover,.btn-list a.on{background: url(../images/btn1-on.png) no-repeat 0 0;}
.btn-list a span{display: block;width: 100%; font-size: 20px;color: #13121a;}
.btn-list a:hover span,.btn-list a.on span{color: #5d3402;}
.cont4 .slideBox{display: inline-block;width: 708px; height:460px; z-index:0;margin-top: 90px;background: url(../images/intro_hdbg.png) no-repeat center center;position: relative;padding: 0;vertical-align: middle; }
.cont4 .slideBox .hd{bottom:-80px;width: 60px;margin-left: -30px;}
.cont4 .slideBox .bd{width: 708px;}
.cont4 .slideBox .bd li{width: 690px;height: 440px;padding: 10px;}
/* .cont4 .slideBox .bd li .img-gif{width: 690px;height: 440px;overflow: hidden;border-radius: 20px;margin: 0 auto;}
.cont4 .slideBox .bd li .img-gif img{width: 700px;margin-top: -155px;} */
.cont4 .slideBox .hd ul li{display:inline-block;width:16px;height:16px;margin:0 5px;background:url(../images/swith.png);cursor:pointer}
.cont4 .slideBox .hd ul li.on{background:url(../images/swith-on.png)}
.cont4 .c1 .note{color: #ad3511;position: relative;top: 20px;left: -204px;}
.intro_txt{display: inline-block;width: 365px;vertical-align: middle;margin: 65px 0 0 40px;}
.c2 .intro_txt{width: 400px;margin: 25px 0 0 40px;}
.intro_txt h2{width: 270px;height: 71px;font-size: 24px;font-weight: bold;margin-bottom: 20px;background: url(../images/intro_tit.png) no-repeat;}
.intro_txt h2 span{display: block;width: 100%;height: 100%;line-height: 76px;text-align: center;font-weight: normal;color: #fff;background-image: -webkit-linear-gradient(90deg, #fff7ae 40%, #fff9d6 53%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 30px; font-style: italic;-webkit-filter: drop-shadow(2px 4px 4px #bc3e00);font-weight: bold;font-family: 'Merienda', serif;}
.intro_txt p{width: 360px;font-size: 20px;line-height: 30px;color:#2e1f29;text-align: left;}
.intro_txt .obtain p{font-size: 18px;}
.intro_txt p span{color:#9a362c}
.dracantus .intro_txt p span{color:#5b5698}


/* cont2 */
.fusheng,.dracantus {width: 1100px; display:flex; align-items:center; justify-content:space-between; }
.sub-title {position: absolute;top: 0;left: 240px; width:350px; height:128px;z-index: 10; }
.fusheng .sub-title ,.dracantus .sub-title{top: 92px;left: 83px;background:url(../images/intro_tit2.png) no-repeat 0 0;color:#9a362c ;font-weight: bold;font-size: 17px;width: 232px;height: 61px;line-height: 84px;text-align: center;font-style: italic;font-family: 'Merienda', serif;}
.img { position: relative; width:650px; height:650px;}
.small-pic, .img-tabs { position:absolute; }
.small-pic { z-index: 3; left: 448px;bottom: 60px; width:194px; height:192px; background:url(../images/small-circle.png) no-repeat 0 0; display:flex; align-items:center; justify-content:center; }
.small-pic img { display:block; width:165px; height:165px; border-radius:50%; }
.img-tabs { position:absolute; left:319px; top:63px; z-index:4; }
.img-tabs a { position: absolute; display:block; width:86px; height:100px; background:url(../images/tab.png) no-repeat 0 0; display:flex; align-items:center; justify-content:center; color:#93361b; font-weight:bold; font-size:16px; line-height:1; }
.img-tabs a:hover, .img-tabs a.on { background-image:url(../images/tab-hover.png); }
.fusheng .img-tabs a span{display: block;width: 100%;height:100%;line-height:89px;text-align: center;color:#fef6b3; background-color: #e85617;-webkit-background-clip: text;-webkit-text-fill-color: #fef6b3;-webkit-text-stroke: 3px transparent;}
.img-tabs a:nth-child(3) span{line-height: 16px;padding-top: 56px;}
.dracantus .img-tabs a:nth-child(2) span{line-height: 16px;}
.img-tabs a:nth-child(1) { left:135px; top:5px; }
.img-tabs a:nth-child(2) { left:202px; top:82px; }
.img-tabs a:nth-child(3) { left:233px; top:182px; }
.dracantus .intro_txt h2{background: url(../images/intro_tit4.png) no-repeat 12px 0;}
.dracantus .intro_txt h2 span{color: #fff;background-image: -webkit-linear-gradient(90deg, #cee0ff 40%, #f4faff 53%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-filter: drop-shadow(2px 4px 4px #32437d);}
.pic { width:100%; height:100%; display:flex; align-items:center; justify-content:center; }
.fusheng .pic:before { content:""; position:absolute; z-index:1; width:616px; height:616px; background:url(../images/circle.png) no-repeat center center; animation: roll 16s linear infinite;}
.fusheng .pic p { position: relative; width: 504px; height: 504px; border-radius: 50%; overflow:hidden; flex-shrink:0; z-index:2; }
.fusheng .pic p img { display:block; position:absolute; left:50%; top:50%; margin: -253px 0 0 -253px; width:504px; height:504px; }
.img p.note{position: absolute;bottom: -20px;left: 141px;color: #ad3511;width: 400px;text-align: center;}
.fusheng .intro_txt>p{width: 400px;margin-bottom: 20px;}
.fusheng .obtain{width: 386px;height: 68px;background: url(../images/obtain.png) no-repeat;padding: 23px 45px;}
.fusheng .intro_txt .detail{display: block;width: 147px;height: 42px;line-height: 42px;text-align: center;font-size: 16px;color:#a93227;background: url(../images/btn2.png) no-repeat 0 0;margin: 10px auto 0;}
.dracantus{width: 1170px;position: relative;left: -36px;}
.dracantus .sub-title{ background:url(../images/intro_tit3.png) no-repeat 0 0;color:#464871 ; width: 212px;height: 66px;top: 30px;left:432px;line-height: 98px;}
.dracantus .sub-title[data-type="1"]{left: 109px;}
.dracantus .obtain{width: 380px;height: 202px;background: url(../images/obtain2.png) no-repeat;padding: 40px 29px;margin: 10px 0;}
.dracantus .obtain p{font-size: 18px;line-height: 25px;width: 313px;margin-bottom: 12px;}
.dracantus .img {width: 760px;height: 632px;}
.dracantus .img p.note{left: 169px;bottom: -40px;color:#707bae}
.dracantus .img-tabs { position:absolute;left: 530px;top: 341px; z-index:4; }
.dracantus .img-tabs a{width: 95px;height: 95px;background:url(../images/tab1.png) no-repeat 0 0;color:#fef6b3;font-weight: normal;}
.dracantus .img-tabs a:hover, .dracantus .img-tabs a.on { background-image:url(../images/tab1-hover.png); }
.dracantus .img-tabs a:nth-child(1) { left:135px; top:5px; }
.dracantus .img-tabs a:nth-child(2) { left:95px; top:82px; }
.dracantus .img-tabs a:nth-child(3) { left: 29px;top: 141px; }
.dracantus .img-tabs a:nth-child(3) span{padding-top: 0;}
.dracantus .pic{width: 100%;height: 100%;background: url(../images/pic/bg.png) no-repeat center center;}
.dracantus .pic .pic1{width: 1115px;height: 691px;margin: -98px 397px 0 0;}
.dracantus .pic .pic2{width: 883px;height: 792px;margin: -98px 0 0 0;}
.dracantus .pic .pic3{width: 633px;height: 586px;margin: -5px 0 0 52px;}
.gender-toggle{position: absolute;top: 201px;left: -5px;}
.gender-toggle a { position: absolute; display:block; width:77px; height:70px; background:url(../images/tab2.png) no-repeat 0 0; display:flex; align-items:center; justify-content:center; color:#fff; font-weight:bold; font-size:16px; line-height:1; }
.gender-toggle a:hover, .gender-toggle a.on { background-image:url(../images/tab2-hover.png); }
.gender-toggle a:nth-child(1) { left:0px; top:5px; }
.gender-toggle a:nth-child(2) { left: -13px; top: 82px; }

/*sec5*/
.title4 { height:127px; background:url(../images/en/title4.png) no-repeat center center;margin: 40px auto 0; }
.slideBox{width: 926px; height:517px; z-index:0;background: url(../images/featurebg.png) no-repeat center center;position: relative;padding: 78px 90px 114px 91px; margin: 0 auto;}
.slideBox .hd{ height:20px; overflow:hidden; position:absolute; left:50%; bottom:22px; z-index:1; margin-left: -4.5em;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}
.slideBox .hd ul li{display:inline-block;width:16px;height:16px;margin:0 5px;background:url(../images/swith1.png);cursor:pointer}
.slideBox .hd ul li.on{background:url(../images/swith1-on.png)}
.slideBox .bd{ position:relative;height: 100%;z-index:0;width: 926px;}
.slideBox .bd li{ zoom:1; vertical-align:middle;}
.slideBox .bd img{ width:100%; height:auto; display:block;}
.slideBox .prev,.slideBox .next{position:absolute; top:50%; margin-top:-62px; display:block; width:86px; height:86px;cursor:pointer;webkit-transition:transform .5s;transition:transform .5s;-webkit-animation:dx 1.5s ease-in-out infinite;animation:dx 1.5s ease-in-out infinite;}
.slideBox .next{ right:-3%;background:url(../images/right.png?) no-repeat 0 0/100%;}
.slideBox .prev{ left:-3%; background:url(../images/left.png) no-repeat 0 0/100%;}
.slideBox .prev:hover,.slideBox .next:hover{ filter: brightness(1.1);}
.slideBox .prevStop{ display:none;}
.slideBox .nextStop{ display:none;}

/*common*/
.footer{width:100%;padding:20px auto;font-size:12px;color:#fff;background:#000;z-index:30;}
.footer.show{transform:translateY(0)}
.footer a{color:#fff}

.video iframe { width:800px; height:451px; }
.video.con{padding: 13px 17px 0px 17px;}

/*box*/
.pop, .commonbox { position:fixed;width:100%;height:100%;top:0;left:0;display:none;background:rgba(0,0,0,.8); z-index: 999; }
.pop.show, .commonbox.show {display:flex; align-items: center; justify-content: center;}
.spop, .tipbox { position:relative; margin:0 auto;color:#2d0b08 }
.box1 { width:897px; height:585px; background:url(../images/box1.png) no-repeat 0 0/100%; }
.login_form_class .box1,#accountlogin .box1{ width:530px; height:375px; background:url(../images/box2.png) no-repeat 0 0/100% 100%;padding: 40px 50px 20px 70px; }
.box3 { width:800px; height:450px; background:url(../images/box1.png) no-repeat 0 0/100% 100%; }
.close {position: absolute;top: 5px;right: -65px; width: 87px; height: 77px; font-size:0; background:url(../images/close.png) no-repeat 0 0; }
.login_form_class .box1 .close,#accountlogin .box1 .close { right: -66px;top: -4px;}
.close:hover { filter:brightness(1.2); }
.con { padding:43px  84px 16px 85px }
.box3 .con { padding:90px 70px; }
.con h3, .tipbox h2 { text-align:center; font-size:26px;height: 60px; line-height: 50px; }
.rule-cont { margin:10px auto; height: 400px; overflow-y:auto; }
.rule-cont p { padding:3px 0;font-size: 16px; }
.rule-cont table{width:96% ;margin:10px auto}
.rule-cont table td,.rule-cont table th{text-align:center;border:1px solid #c38d51  ;color: #2d0b08;line-height:35px;padding: 0 3px;font-size: 14px ;background: #fcf1cf;vertical-align: middle;}
.rule-cont table th{background: #9b6c44;color:#fff}
.rule-cont table td span{color: #000;font-family: 'Roboto' ;font-size: 14px;}

/* 表格容器样式 */
.table-container {position: relative;width: 100%;max-height:318px; overflow-y: auto; overflow-x: hidden; margin: 0 auto;}
/* 表头固定样式 */
.table-container table thead {position: sticky;top: 0px;z-index: 10;background-color: #9b6c44;}
.table-container table tbody {position: relative;z-index: 5;top:1px}
.rank table{width:98%;margin: 0 auto;}
.rank table tr{background: #fcf1cf;}
#rank_list tr:nth-child(even) td{background-color:#e9cfae;color:#2d0b08}
.rank th{color:#fff;line-height:44px;font-size:16px;height:46px;background:#9c462a;}

.rank{font-family: 'Roboto' ;height: 509px;overflow: hidden;}
.note{line-height:20px;width:98%;margin:0 auto; font-size:16px}
.rank th{color:#fff;line-height:30px;font-size:16px;height:30px;background:#9b6c44;}
.rank td{max-width:100px;overflow:hidden;white-space:nowrap;vertical-align:middle;padding: 0 3px;text-overflow: ellipsis;color:#2d0b08;line-height:25px;font-size:16px;border:1px solid #c38d51;}
.rank tr{text-align:center;}
.rank div.form{margin:0 auto;line-height:20px;width:100%;padding:10px 0;text-align:center}
.rank div.form input,.rank div.form select{height:25px;line-height:25px;border:none;vertical-align:middle;outline: none;font-size:14px;}
.rank div.form label{font-weight:700;vertical-align:middle;color:#6d2512; font-size:16px}
.rank div.form select{margin-right:5px;width:130px;color:#000;background-color:#fff;cursor:pointer;border:1px solid #6d2512;outline: none;}
.rank div.form input.txt{ height:25px;width:230px;padding-left:2px;color:#000;background-color:#fff;cursor:pointer;border:1px solid #6d2512;font-size:14px;line-height:25px;}
.rank div.form input.search{width:91px;height:25px;line-height: 25px; background:#9c462a;color:#fff;cursor:pointer;font-size:14px;font-weight:700;border-radius: 4px;border:1px solid #9c462a}
.rank div.form input.search:hover{background:#803c26;}
.pages{text-align:center;padding:10px 0;width:100%;margin:0 auto;}
.pages a{display:inline-block;margin:0 10px;color:#614137;font-size:14px}
.pages a.on,.pages a.page_cur,.pages a:hover{text-decoration:underline;color:#9c462a}

.form li { display:flex; align-items:center; justify-content:flex-start; margin:15px 0; }
.form li label { display:block; width:30%; text-align:right; font-size:16px; margin-right:4px; } 
.form li select, .form li input { width:50%; height:36px; line-height:36px; border:1px solid #0f1f2c; margin:0; padding:0 3px; }
.form li input.code { width:30%; }
.code_img { display:block; width:20%; }
.code_img img  { width:100%!important; }
.two_btns { display:flex; align-items:center; justify-content:center; margin-top:30px; }
.two_btns li { margin:0 30px; }
.two_btns a, .btn_tip { display:block; width:191px; height:51px; line-height:51px; background:url(../images/btn4.png) no-repeat center center; text-align:center; font-size:20px; color:#fff8d1; margin:0 auto; }
.two_btns a:hover, .btn_tip:hover { filter: brightness(1.1); }
.accountmore { text-align:center; margin-top:10px; }
.accountmore a { color:#883627; margin:0 40px; }
.accountmore a:hover { text-decoration:underline; }
.msg_form_class {z-index: 9999;}
.msg_form_class .tip_con { height:370px; display:flex; align-items:center; justify-content:center;width: 615px;padding-left: 30px;margin: 0 auto; }
.msg_form_class .btn_tip{margin-top: -43px;}
.common_msg { font-size:16px; }

@keyframes flame {
  0% {
      transform: scale(1, 1);
      opacity: 1;
  }
  30% {
      transform: scale(1.1, 1.1);
      opacity: 0.85;
  }
  60% {
      transform: scale(1.05, 1.05);
      opacity: 0.87;
  }
  100% {
      transform: scale(1.02, 0.98);
      opacity: 1;
  }
}

@keyframes ranking-shake {
  0% {
      transform: rotate(4deg) scale(1.1);text-shadow: 0 0 10px #fa521f;
  }
  /* 25% {
    transform: rotate(2deg);
} */
  50% {
      transform: rotate(0deg) scale(1);
  }
  /* 75% {
    transform: rotate(-2deg);
} */
  100% {
      transform: rotate(-4deg) scale(1.1);text-shadow: 0 0 10px #fa521f
  }
}

@-webkit-keyframes dx {
  0%, 100% {-webkit-transform: scale(1); }
  50% {-webkit-transform: scale(1.2); } }

@keyframes roll{
0%{ transform:rotate(0deg); }
100%{ transform:rotate(360deg); }
}

.pop ::-webkit-scrollbar{width:6px;border-radius: 6px;}
.pop ::-webkit-scrollbar-thumb{background:#9b6c44;border-radius: 6px;}
.pop ::-webkit-scrollbar-track{background:#e9cfae;border-radius: 6px;}