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 'roboto','Berkshire Swash',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}
*{-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{height:1200px;width:100%;position:relative}
.swiper-main .swiper-slide.page4{height: 1000px;}
.tit{background:url(../image/en/t-1.png) no-repeat center;height:98px;margin-top: 40px;}
.btn{display:block;margin:0 auto}
.bd .item{font-size:0;display:none}
.bd .item.active{display:block}
.logo{margin-top: 50px;}
.logo img{width:200px}
.login{display:flex;align-items:center;justify-content:center;position:absolute;top:60px;right:50%;margin-right: -500px; color:#fff;font-size:18px;text-align:center;line-height:76px;z-index:2}
.login a{background:url("../../images/april/login.png") no-repeat center;width:70px;height:76px;color:#fff;text-shadow: 0 0 3px #201e54,0 0 3px #201e54,0 0 3px #201e54,0 0 3px #201e54,0 0 3px #201e54;}
.login a:hover{background:url("../../images/april/login-on.png") no-repeat center}

.side-nav{position:fixed;z-index:50;top:195px;right:80px;width:99px;height:586px;opacity:0;-webkit-transition:all .2s;transition:all .2s;background:url(../../images/april/navbg.png) no-repeat center top;display:flex;align-items:center;justify-content:center;flex-direction:column;padding-top: 40px;}
.side-nav li{position: relative; width:75px;height:75px;margin-bottom:15px;}
.side-nav li a{display: block;width: 100%;height: 100%;text-align: center;line-height: 73px; font-size: 16px; color:#274c7e;background-color: #fff;-webkit-background-clip: text;-webkit-text-fill-color: #274c7e;-webkit-text-stroke: 4px transparent;}
.side-nav li a:hover,.side-nav li.active a{color:#a552fb;-webkit-text-fill-color: #a552fb;}
.side-nav li:nth-child(1){left: 12px;background:url(../../images/april/nav1-l.png) no-repeat}
.side-nav li:nth-child(2){left: 31px;background:url(../../images/april/nav1-r.png) no-repeat}
.side-nav li:nth-child(3){left: 12px;background:url(../../images/april/nav1-l.png) no-repeat}
.side-nav li:nth-child(4){left: 31px;background:url(../../images/april/nav1-r.png) no-repeat}
.side-nav li:nth-child(5){left: 34px;background:url(../../images/april/nav1-l.png) no-repeat 0 0/100%;width: 54px;height: 53px;}
.side-nav li:nth-child(4) a{line-height: 20px;padding-top: 20px;}
.side-nav li:nth-child(5) a{width: 54px;height: 53px;line-height: 53px;}
.side-nav .index{order:-1}
.side-nav.active{opacity:1}

.page1{background:url(../../images/april/p1.jpg) no-repeat center top/cover}
.page2{background:url(../../images/april/p2.jpg) no-repeat center top/cover}
.page3{background:url(../../images/april/p3.jpg) no-repeat center top/cover}
.page4{background:url(../../images/april/p4.jpg) no-repeat center top/cover}

.page2 .tit{background-image:url(../../images/april/en/t1.png);}
.page3 .tit{background-image:url(../../images/april/en/t2.png);}
.page4 .tit{background-image:url(../../images/april/en/t3.png);margin-top: 60px;}

@media screen and (max-width:1200px){.side-nav{display:none}}
.main{width:100%;height:100%}
.btn-detail{display:block;width:359px;height:81px;background:url(../../images/april/en/btn-detail.png) no-repeat}

.page1 .wrapper{width:1400px;position:relative}
.page1 .slg{width:706px;height:405px;background:url(../../images/april/en/slg.png) no-repeat;position:absolute;top:50%;left:50%;margin-left:-176px;margin-top:-305px;}
.page1 .nav{position:absolute;bottom:360px;right: 116px;width:800px;text-align:center}
.page1 .nav li+li{margin-left:10px}
.page1 .nav li:nth-child(2){top:40px}
.page1 .nav li:nth-child(3){top:-20px}
.page1 .nav li:nth-child(4){top:20px}
.page1 .nav li{position: relative; display:inline-block;width:158px;height:153px;background:url(../../images/april/nav.png) no-repeat center}
.page1 .nav li:hover{background:url(../../images/april/nav-on.png) no-repeat center}
.page1 .nav li a{display:inline-block;vertical-align:middle;width:100%;height:100%;line-height: 153px;font-size:26px;margin:0;font-family: 'Berkshire Swash', cursive;color:#3a3f9a;text-shadow: 0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff;
 background-color: #fff;-webkit-background-clip: text;-webkit-text-fill-color: #3a3f9a;-webkit-text-stroke: 4px transparent;}
.page1 .nav li a.nav-4{line-height: 30px;padding-top:46px}

.page2 .content{font-size:0;text-align:center;width:1200px;height:626px}
.page2 .rank{width: 1219px;height: 677px;background: url(../../images/april/rankbg.png) no-repeat;margin: 0 auto;padding: 70px 0 0 20px;}
.page2 table{width:1050px;margin:0px auto;background: url(../../images/april/tablebg.png) no-repeat center top;}
.page2 table td,.page2 table th{text-align:center;font-size: 20px;}
.page2 table td{font-size: 18px;line-height:48px;color:#08144b;max-width:300px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle}
#rank_list tr.rank-1 td:first-child{background:url(../../images/april/1.png) no-repeat center;font-size:0;}
#rank_list tr.rank-2 td:first-child{background:url(../../images/april/2.png) no-repeat center;font-size:0;}
#rank_list tr.rank-3 td:first-child{background:url(../../images/april/3.png) no-repeat center;font-size:0;}
.page2 table th{ color:#fff; line-height:50px; font-size: 18px; }
.pages{text-align:center;padding:5px 0;width:87%;margin:3px auto 0; font-weight: bold; }
.pages a{display:inline-block;*display:inline;*zoom:1;margin:0 10px;color:#3545e1;font-size: 16px;}
.pages a.on, .pages a.page_cur, .pages a:hover{text-decoration:underline;color:#9929ff}
.page2 p.note{line-height: 18px;color:#303265;font-size: 16px;}


.page3 .wrapper{width:1400px;text-align: center;}
.page3 .detail{display: block;margin: 0 auto;width: 297px;height: 88px;line-height: 94px; text-align: center;background: url(../../images/april/detail.png) no-repeat;color:#372ea7;font-size: 30px;font-family: 'Merriweather', sans-serif;}
.page3 .detail:hover{filter: brightness(1.2);}

.page4 .content{width:1278px;height:624px;background: url(../../images/april/rewardbg.png) no-repeat center top;margin-top: 40px;}
.page4 ul{width: 1120px;height: 504px;margin: 0 auto;}
.page4 li{position: relative; display: inline-block;width: 277px;height: 471px;background: url(../../images/april/line.png) no-repeat center top;cursor: pointer;}
.page4 li:nth-child(1){top: 33px;left: 31px;padding-top: 113px;background-position: 119px 0px;}
.page4 li:nth-child(2){top: 36px;left: 6px;padding-top: 87px;background-position: 125px 0px;}
.page4 li:nth-child(3){top: 87px;left: 8px;padding-top: 113px;background-position: 119px 0px;}
.page4 li:nth-child(4){top: 81px;left: -6px;padding-top: 113px;background-position: 119px 0px;}

.page4 li a.tit-re,.pop.pop-pic a.tit-re{display: block;margin:40px auto 0;width: 220px;height: 50px;line-height: 50px;font-size: 21px;text-align: center; color:#fff;font-family: 'Merriweather', sans-serif;background: url(../../images/april/title.png) no-repeat center top;}
.page4 li:nth-child(2) a.tit-re{margin:10px auto 0;}
.page4 li span.classify,.pop.pop-pic span.classify{position: absolute;bottom: 395px;right: 38px;display: block;width: 80px;height: 79px;line-height: 75px;font-size: 15px;text-align: center;color: #fff;background: url(../../images/april/wing.png) no-repeat 0 0/100%;}
.page4 li:first-child span.classify,.pop-pic.pop-id-1 span.classify{line-height: 14px;padding-top: 22px;font-size: 12px;}

.scroll-cont{overflow-y:scroll;padding:0 30px;height:100%}
.scroll-cont::-webkit-scrollbar{width:5px;background-color:none}
.scroll-cont::-webkit-scrollbar-track{background-color:none}
.scroll-cont::-webkit-scrollbar-thumb{background:#e3a42d}


.footer{width:100%;padding:10px 0;min-width:1200px;max-width:1920px;color:#fff;padding:0px 0 10px!important}
.footer a, .footer p{color:#fff;font-size: 16px;}
.pop{position:fixed;width:100%;height:100%;top:0;left:0;display:none;z-index:99}
.pop:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.8;z-index: -2;}
.pop .pop-close{position:absolute;background:url(../../images/april/close.png) no-repeat center;width:60px;height:59px;top:5px;right:235px;-webkit-transition:all .2s;transition:all .2s;z-index:20}
.pop .pop-close:hover{-webkit-transform:scale(.9);transform:scale(.9)}
.pop .pop-main{position:absolute;left:50%;top:50%;font-size:18px;color:#684d3b;background:url(../../images/april/pop.png) no-repeat center top;width:784px;height:437px;margin-top:-218px;margin-left:-392px;padding:35px 80px 20px 60px}
.pop .pop-main p{font-size:18px}
.pop h4{background:url(../../images/april/pop-h4.png) no-repeat center;height:31px;text-align:center;line-height:31px;color:#974924;font-size:32px;margin-bottom:20px}
.pop.show{display:block}
.pop.pop-pic .pop-main{position:absolute;left:50%;top:50%;font-size:18px;color:#ffffff;background:url(../../images/april/picbg.png) no-repeat center top;width:750px;height:800px;margin-top:-395px;margin-left:-392px;padding:35px 80px 20px 60px}
.pop.pop-pic .pop-main img{position: relative;z-index: -1;width: 400px;margin: 2px 0 0 -58px;}
.pop.pop-pic.pop-id-1 .pop-main img{margin: 30px 0 0 -58px;}
.pop.pop-pic.pop-id-4 .pop-main img{margin: -126px 0 0 -365px;width: 1050px;}
.pop.pop-pic .pop-con .pop-img{content:"";position:absolute;top:50%;left:50%;width:308px;height:376px;margin-top:-351px;margin-left:-169px;background:#000;z-index: -2;border-radius: 50%;overflow: hidden;}
.pop.pop-pic a.tit-re{margin: 506px auto 12px;}
.pop.pop-pic p{width: 350px;margin: 0 auto;text-align: center;line-height: 23px;}
.pop.pop-pic p strong{color:#9dbaff}
.pop.pop-pic p.note{width: 500px;margin: 70px auto 0 ;}
.pop.pop-pic span.classify{bottom: 263px;right: 216px;}

.topbar .topmenu .games{width:140px!important}
.topbar .topmenu .games>ul li{width:140px!important}
.mask{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.4;z-index:1112}
.bugs_form_class,.msg_form_class,.suggest_form_class{display:none;width:100%;height:100%;position:fixed;left:0;top:36%;z-index:9999}
.msg_form_class.show{display: block;}
.msg_form_class .tip_con{height: 230px;display: flex;align-items: center;justify-content: center;}

.commonbox{display:none;width:100%;height:100%;position:fixed;left:0;top:0;z-index:99}
.commonbox.show{display:flex;align-items:center;justify-content:center}
.tipbox{position:relative;z-index:1113;color:#000;background:url(../../images/april/popmsg.png) no-repeat 0 0/100%;margin:0 auto;}
.box1{width:550px;height: 423px;}
.box2{width:680px}
.box3{width:460px}
.box4{width:800px}
.box5{width:416px}
.box6{width:600px}
.tip_t{position:relative;z-index:2;height:50px;text-align:center}
#accountlogin .tip_t,.login_form_class .tip_t{height:120px}
.tip_t a.close{display:inline-block;position:absolute;top:0;right:-13px;width:50px;height:50px;font-size: 0; background:url(../../images/april/pop-close.png) no-repeat 0 0/100%;}
.tip_t a.close:hover{filter: brightness(1.2);}
.tip_t h2{color:#000;line-height:135px;height: 100px; font-size:35px;text-align:center;padding-top:17px;font-family: 'Merriweather';}
.tip_c{position:relative;z-index:1;font-family:Arial}
.tip_con{width:88%;margin:0 auto;padding:10px 0 5px 0;position:relative}
.tip_con.sp{width:96%}
.tip_con span{color:#000}
.tip_con p{padding:7px 0;line-height:16px;font-size: 16px;}
.tip_con div.form{width: 400px;margin: 0 auto;}
.tip_con div ul{padding:0 20px}
.tip_con div ul li{padding:3px}
.tip_con div label{font-size:16px;text-transform:capitalize;width:100px;display:inline-block;text-align:right;padding-right:3px}
.tip_con div input.ipt,.tip_con div select.slt{width:220px;padding-left:2px;color:#fff;border:1px solid #a763da;height:30px;line-height:30px;background-color: #111759;font-size: 16px;}
.tip_con div input.code{width:100px}
.tip_con textarea{font-family:Arial;font-size:14px;width:100%;height:160px;border:1px solid #fecf9b;border-right-color:#fff6ed;border-bottom-color:#fff6ed}
.tip_db{padding-bottom:10px;text-align:center}
.tip_db ul{margin:0 auto;width:380px}
.tip_db li{float:left!important;width:190px}
.accountmore{width:70%;margin:0 auto}
.tip_db p a{color:#7061ea;display:inline-block;width:50%}
.tip_db p a:hover{text-decoration:underline}
.tip_db a.btn_tip{display:block;width:180px;height:60px;line-height:63px;font-weight:700;margin:5px auto;background:url(../../images/april/btn.png) no-repeat 0 0/100%;color:#073578;font-size:18px;font-family: 'Merriweather';}
.tip_db a.btn_tip:hover{filter: brightness(1.2);}
.txtlimit{max-width:300px}
.txtlimit,.txtlimit1{zoom:1;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle}
.txtlimit1{max-width:140px}
.loading{display:none;width:100%;height:100%;position:fixed;top:0;left:0;line-height:56px;color:#fff;padding-left:60px;font-size:15px;background:#000 url(../../images/april/loader.gif) no-repeat 45% 50%;opacity:.7;z-index:10000;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px}
.loading.show{display:flex;align-items:center;justify-content:center}

.sppage .page1 .slg{background:url(../../images/april/sp/slg.png) no-repeat;}
.sppage .page2 .tit{background-image:url(../../images/april/sp/t1.png);}
.sppage .page3 .tit{background-image:url(../../images/april/sp/t2.png);}
.sppage .page4 .tit{background-image:url(../../images/april/sp/t3.png);margin-top: 60px;}
.sppage .login a{font-size: 16px;}
.sppage .page4 li a.tit-re,.sppage .pop.pop-pic a.tit-re{font-size: 18px;}
.sppage .page4 li:first-child span.classify,.sppage .pop-pic.pop-id-1 span.classify{padding-top: 28px;}
.sppage .pop.pop-pic p.note{width: 625px;position: relative;left: -10px;}