@charset "utf-8";blockquote,body,button,center,cmsArea,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,td,th,tr,ul{padding:0;margin:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
.footer,button,input,select{font:14px/1.8 Arial,Verdana,Helvetica,sans-serif}
li{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%}
body{margin:0 auto;font:14px/1.8 Arial,Helvetica,sans-serif;color:#fff;background:#161625}

a{text-decoration:none;-webkit-transition:color .4s;-moz-transition:color .4s;-o-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}
.clear{clear:both}
.hide{display:none!important}
.show{display:block!important;z-index:9999999999}
.fl{float:left}
.fr{float:right}
body{background:#151622}
.full-bg{position:relative;max-width:1920px;height:100%;margin:0 auto;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.swiper-full .swiper-slide{width: 100%;position: relative;}
.full-bg a{-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.logo{position:absolute;top:10px;left: 50%;z-index:50}
.logo img{width:250px;}
.wrapper{position:relative;width:1200px;height:100%;margin:0 auto;z-index:5}
.scroll{position:relative}
.scroll img{cursor:pointer}
.s-tab{position: fixed;right: 10px;top:50%;transform: translateY(-50%);background:url(../img/sidenav.png) no-repeat;width:232px;height:386px; z-index: 10;padding: 53px 5px 28px 5px;}
.s-tab a{display: block; color:#fff691; width: 85%;margin:0 auto; height:84px; padding-top:29px;line-height: 26px; text-align: center; }
.s-tab a.on,.s-tab a:hover{background:url(../img/sidenav-on.png) no-repeat;}
/* .s-tab a.tab1{height:50px; padding:33px 0;line-height: 50px;} */
.s-tab a.tab3{height:123px; }
.s-tab a.tab4{height: 50px;width: 50px;margin-top: -13px;font-size: 0;padding: 0;background: url(../img/top.png) no-repeat;}
.s-tab a.tab4:hover{filter: brightness(1.2);}
.page-01{background:url(../img/bg1.jpg) no-repeat center top;height: 980px;}
.page-02{background:url(../img/bg2.jpg) no-repeat center top;height: 1390px;}
.page-03{background:url(../img/bg3.jpg) no-repeat center top;height: 1525px;}
.page-04{background:url(../img/bg4.jpg) no-repeat center top;height: 690px;}
.page-01 .slogan{font-size:0;color:transparent;}
.page-01 .usermsg{position:absolute;top:34px;right:160px;font-size:20px;color:#ffe360;background-color:#d84478;padding:4px;border:1px solid #ffee8f;font-weight:700;max-width: 300px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: middle;}

.box-con{position:absolute;width:1159px;height:805px;top:50px;right:-150px;-webkit-transition:background 1s;transition:background 1s}
.box-con.none{background:0 0}
.header{height: 1002px;}

.nav{width:980px;height:40px;margin:0 auto;z-index:111;font:14px/1.8 Microsoft YaHei,Arial,Helvetica,sans-serif}
.nav li{position:relative;float:left}
.nav li a{display:block;z-index:111;height:40px;font-size:14px;font-weight:700;color:#fff;line-height:40px;float:left;padding:0 19px;text-align:center}
.nav li a:hover,.nav li.on a{text-decoration:none;background:#6d443b;color:#fcbf20}
.subnav{position:absolute;display:none;margin-left:0;padding-left:0;white-space:nowrap;left:0;top:40px;background:#313131;background:rgba(49,49,49,.9);z-index:111}
.subnav li{padding:0 3px;transition:all .2s ease-in-out 0s;float:none;text-align:left}
.subnav li a{height:30px;line-height:30px;padding:0 3px;font-size:14px;font-weight:400;font-family:Arial,Helvetica,sans-serif;text-align:left;float:none;text-indent:0;text-shadow:none;overflow:visible;color:#fff;background:0 0;border:none;z-index:0}
.nav li.on li a,.subnav li a:hover,.subnav li.on a{background:0 0;color:#fff;}
.nav li.on li a:hover{color:#fff}
.subnav li:hover{background:#fcbf20;opacity:.9;filter:alpha(opacity=90);}

a.logo{position:absolute;top:139px;left:11%;width:240px;height:90px;z-index:4}
a.logo img{width:200px}

.loginbtns{position:absolute;top:75px;right:28%;margin-right: -170px; width:100px;height:174px}
.loginbtns a{position: relative; display:block;float:left;width:72px;height:75px;margin:0 10px;background:url(../img/logbtn.png) no-repeat;line-height:75px;color:#6f140e;text-align:center;font-size:18px;font-weight: bold;font-family:'Merriweather', sans-serif;}
.loginbtns a.b3{left: 50px;top: -9px;}
.loginbtns a:hover{filter: brightness(1.2);}
.usermsg{margin:0 auto;position:absolute;top:430px;color:#064f6e;line-height:18px;text-align:center;width:100%}

.content1{position:relative;width:1072px;height:420px;background:url(../img/conbg1.png) no-repeat;padding-top:47px;text-align:center;margin:30px auto 0;font-size:16px;line-height:26px}
.content1 p.title{color:#ffeebb; font-size:28px;font-weight:bold;padding:0;line-height:40px;width: 80%;margin: 0 auto;font-family:'Lora', sans-serif;}
.en,.ar,.sp{display: none;}
.enpage .en,.arpage  .ar,.sppage  .sp{display: inline-block;}
.content1 p{width: 80%;margin: 0 auto; padding: 5px 0;color:#f8deb9;font-size: 18px;line-height: 24px;}
.content1 p.num{font-size:40px;color:#f8eab8;line-height:40px;font-weight:700;padding-top: 9px !important;}
a.invitebtn{display:block;background:url(../img/codebtn.png) no-repeat;width:457px;height:97px;line-height:110px;color:#d14a2d;text-align:center;margin:-8px auto 0;font-size:27px;font-weight:700;font-family:'Courgette', sans-serif;} 
a.invitebtn:hover{filter: brightness(1.1);}
.content1 div.form{padding-top:10px;width:90%;margin:0 auto;font-size:16px;line-height:28px;text-align:center}
.ranklist div.form input,.content1 div.form select{height:40px;line-height:40px;border:none;vertical-align:middle;border-radius:4px}
.content1 div.form label{font-weight:700;vertical-align:middle;color:#000}
.content1 div.form select{margin-right:10px;width:160px;color:#fff;border:1px solid #3b5e95;background:#3b5e95}
.content1 div.form input.txt{width:460px;padding-left:2px;color:#333;background:#ffe7b8;height:40px;line-height:40px;border-radius:4px;outline:0;border:1px solid #df970e;vertical-align: middle;}
.content1 div.form input.submit{width:127px;height:40px;line-height:40px;background:url(../img/submitbtn.png) no-repeat;text-align:center;font-size:18px;color:#6e150e;border:none;vertical-align: middle;}
.content1 div.form input.submit:hover{filter: brightness(1.2);}
.content1 .nv{position: absolute;bottom: -5px;left: -258px;width:362px;height: 470px;background: url(../img/nv.png) no-repeat 0 0/100%;}
.content2{position:relative;width:1147px;height:580px;background:url(../img/wheelbg1.png) no-repeat;margin:60px auto 0;padding-top: 37px;left: -20px;}
.valutecont div{color:#d74639;font-weight:700;font-size:21px;}
a.refreshbtn{position: absolute;right: 162px;top: 25px;display:inline-block;*display:inline;*zoom:1;background:url(../img/refresh.png?v1) no-repeat ;width:26px;height:29px;vertical-align:middle;margin-left:40px}
a.refreshbtn:hover{background:url(../img/refresh-hover.png?v1) no-repeat ;}

.valutecont{position:relative;font-size:16px;text-align:center;height: 70px;line-height: 70px;}
.valutecont span{font-size:22px;font-weight:700;color:#d74639;display:inline-block}
.drawtabs{position:absolute;left:80px;top:60px;width:180px}
.drawtabs a{width:190px;height:46px;display:block;float:left;background:url(../img/tab.png) no-repeat;color:#fff2aa;text-align:center;margin-bottom:5px;font-size: 20px;line-height: 20px; padding: 50px 0;}
.drawtabs a.on,.drawtabs a:hover{background:url(../img/tab-on.png) no-repeat ;color:#ba4d2c}
.drawtabs a.tab1,.drawtabs a.tab3{margin-left: 46px;}
.drawcont{position:absolute;top:120px;left:333px;width:722px}
.wheel{position:relative;width:700px;height:378px;}
.wheel li{float:left;text-align:center;font-size:13px;line-height:16px;color:#000000;border:1px solid #f0a34e;background:#fff4e5;}
.wheel li.current{background:#fad775;}

.cont1 .wheel li.type1,.cont1 .wheel li.type2,.cont1 .wheel li.type3,.cont1 .wheel li.type4,.cont1 .wheel li.type5{width:138px;height:99px}
.cont1 .wheel li.type6{width:106px;height:116px;padding:20px 0 20px 471px;float:right}
.cont1 .wheel li.type8,.cont1 .wheel li.type9,.cont1 .wheel li.type10,.cont1 .wheel li.type11,.cont1 .wheel li.type12,.cont1 .wheel li.type7{width:138px;height:96px;float:right}
.cont1 .wheel li.type12{position: absolute; top: 101px;left: 0px;height: 117px;width: 109px;padding: 20px 0;}
.cont2 .wheel li.type1,.cont2 .wheel li.type2,.cont2 .wheel li.type3,.cont2 .wheel li.type4,.cont2 .wheel li.type5,.cont2 .wheel li.type6,
.cont3 .wheel li.type1,.cont3 .wheel li.type2,.cont3 .wheel li.type3,.cont3 .wheel li.type4,.cont3 .wheel li.type5,.cont3 .wheel li.type6{width:114.5px;height:100px}
.cont2 .wheel li.type8,.cont2 .wheel li.type7,.cont2 .wheel li.type10,.cont2 .wheel li.type11,
.cont3 .wheel li.type7,.cont3 .wheel li.type8,.cont3 .wheel li.type10,.cont3 .wheel li.type11{width:108px;height:76px;float:right}
.cont2 .wheel li.type7,.cont2 .wheel li.type8,.cont3 .wheel li.type7,.cont3 .wheel li.type8{margin-left: 479px;line-height: 14px;}
.cont2 .wheel li.type14,.cont2 .wheel li.type15,.cont3 .wheel li.type17,.cont3 .wheel li.type18{position: absolute;top: 180px;left: 0;width: 109px;height: 76px;}
.cont2 .wheel li.type14,.cont3 .wheel li.type15{top:102px;left:0;}
.cont2 .wheel li.type9,.cont2 .wheel li.type10,.cont2 .wheel li.type11,.cont2 .wheel li.type12,.cont2 .wheel li.type13{width:138px;height:103px;float:right}
.cont3 .wheel li.type9,.cont3 .wheel li.type10,.cont3 .wheel li.type11,.cont3 .wheel li.type12,.cont3 .wheel li.type13,.cont3 .wheel li.type14{width:114.5px;height:102px;float:right}
.cont3 .wheel li.type15,.cont3 .wheel li.type16{position: absolute;top: 180px;left: 0;width:109px;height: 76px;}
.cont3 .wheel li.type15 img,.cont3 .wheel li.type16 img{width:36%}
.cont3 .wheel li.type16{top:102px;left:0;}
.cont1 .wheel li.type13,.cont2 .wheel li.type17,.cont3 .wheel li.type18{display: none;}

div.startbtn{border-right:none;border-left:none;position: absolute;top:101px;left:112px;width:480px;}
div.startbtn a{display:inline-block;*display:inline;*zoom:1;width:223px;height:60px;text-align: center;background:url(../img/startbtn.png) no-repeat;margin:41px 7px;color:#ba1c0b;padding-top:17px;line-height:21px;font-size:15px;}
div.startbtn a:hover{background:url(../img/startbtn-hover.png) no-repeat; }
div.startbtn strong{font-size:25px;}

div.startbtn.startbtn1{width: 500px;height: 172px;left: 111px;top: 113px;}
div.startbtn.startbtn1 a{margin:31px 14px}

.valutecont .value_score{display: inline-block;}
.valutecont .calbtn{position: absolute;right: 210px;top: 15px; font-size: 11px;font-weight: normal;width:110px;height:30px;line-height:30px;color:#6e150e;background:url(../img/valuebtn.png) no-repeat;margin:8px auto;text-align:center;font-weight: bold;}
.valutecont .calbtn:hover{filter: brightness(1.2);}

.cont1 div.startbtn{background:url(../img/spinbg.png) no-repeat 0 0/100%;}

.content3{position:relative;width:1168px;height:587px;background:url(../img/wheelbg2.png);margin:12px auto 0}
.content3 p { font-size: 20px; text-align: center; padding-top:40px;color: #d74639; }
.content3 p span{color:#d74639}
.content3 a.refreshbtn{right: 342px;top: 47px;}
.roulette{position:relative;width:954px;height:347px; margin:5px auto 0;display: flex;flex-direction: column;flex-wrap: wrap;align-content: center;justify-content: center;left: 29px;}
.roulette li{text-align:center;font-size:13px;line-height:27px;color:#f8eab8;margin:0 5px 3px;background:url(../img/td.png) no-repeat; width: 206px; height:120px;padding:10px;display: flex;justify-content: center;align-items: center;flex-direction: column;position: relative;padding-top: 40px;}
.roulette li.current{filter: brightness(1.2);}
.roulette li img{position: relative;left: -3px;margin-bottom: 34px;}
.drawbtn{position:absolute;left: 300px;top: 430px;width: 560px; height: 117px;}
.drawbtn a {display:block;background:url(../img/drawbtn.png) no-repeat;font-size: 36px; color:#6e150e;width: 284px; height: 77px; line-height: 77px; text-align: center; margin: 10px auto;}
.drawbtn a:hover{filter: brightness(1.2);}
.content3 .long{position:absolute;right: -152px;top: 154px;width:338px; height: 441px;background: url(../img/long.png) no-repeat ;}

.content4{position:relative;width:1115px;height:465px;background:url(../img/conbg2.png);margin:15px auto 0;padding: 125px 0 50px 0;display: flex;flex-direction: row-reverse;}
.claimcont{display: inline-block; width:397px;text-align:center;margin: -20px 0 0 146px;}
.claimcont li{position: relative;left: -10px;width:218px;margin:0 auto}
.claimcont li p{line-height: 18px;color: #f6d9b7; margin-top: -15px;}
.ncboxcont{margin-top:10px;position:relative}

.ncbox{width:216px;height:195px;}
.ncbox1{background:url(../img/pack1.png) no-repeat}
.claimed .ncbox1,.unclaimed .ncbox1,.claimed .ncbox2,.unclaimed .ncbox2{filter:grayscale(100%);-webkit-filter:grayscale(100%)}
.ncbox2{background:url(../img/pack2.png) no-repeat}
.icon{z-index:10;display:none;position:absolute;left: 47px;top: 35px;width:121px;height:119px;background:url(../img/icon.png) no-repeat}
.claimed .icon{display:block}
a.claimbtn{display:block;width:142px;height:39px;line-height:39px;background:url(../img/claimbtn.png) no-repeat;margin:0 auto;text-align:center;font-size:18px;color:#6e150e;}
a.claimbtn:hover{filter: brightness(1.2);}
.claimed a.claimbtn,.unclaimed a.claimbtn{filter:grayscale(100%);-webkit-filter:grayscale(100%);cursor: default;}
.mannercont{display: inline-block;width:450px;margin-left:50px;padding-top:110px}
.mannercont h3{font-size:30px;color: #df5b42; line-height: 40px;font-family: 'Lora', sans-serif;}
.mannercont p{font-size:20px;line-height:28px;padding-top: 20px;color:#df5b42}
a.morebtn{display:block;position:absolute;right:50px;top:60px;color:#fff}
a.morebtn:hover{text-decoration:underline}

.content5{position:relative;width:987px;height:482px;background:url(../img/conbg3.png) no-repeat;margin:20px auto 0;padding: 50px 80px 30px 137px;}
.leftpart{position:relative;padding:40px 0 0 20px; width:580px;display: inline-block;*display:inline;*zoom:1;}
.leftpart h3,.rightpart h3{font-size:30px;color: #d14d3c; line-height: 40px; padding: 0 0 20px 40px;font-family: 'Lora', sans-serif;}
.rewardcon{width:280px;display: none;}
.rewardcon a.claimbtn{margin-top: -60px;}
.rewardchest{width:280px;height:280px;position:relative;margin:0 auto}
.rewardchest .chest{width:280px;height:280px;background:url(../img/pack3.png) no-repeat 0 0;margin:0 auto}
.claimed .chest,.unclaimed .chest{filter:grayscale(100%);-webkit-filter:grayscale(100%)}
.taskcont{width:90%;margin-left:34px;font-size:18px;line-height:25px}
.taskcont p{font-size: 18px;line-height: 23px;color:#d14d3c}
.taskcont p.imgcont{text-align: center;}
.taskcont img{margin:10px;width: 215px}
.taskcont a.claimbtn{margin-top: -20px;}
.rightpart{position:relative;height:277px;width:372px;padding-top:40px;z-index:100;display:inline-block;*display:inline;*zoom:1;vertical-align: top;}
.rightpart p{font-size: 18px; width:94%;margin:0 auto;padding:5px 0;text-align:center;line-height:20px;color:#d14d3c}
.packcont{position:relative;margin:0 auto}
.pack{width:266px;height:267px;background:url(../img/pack4.png) no-repeat;margin:0 auto}
.packcont a.claimbtn{margin-top: -60px;}

.claimed .pack,.unclaimed .pack{filter:grayscale(100%);-webkit-filter:grayscale(100%)}
.claimed .pack2,.unclaimed .pack2{background-position:-160px -160px}


.footer{width:100%;padding:15px 0!important;position:relative}
.footer {color:#fff;width:100%;margin:0 auto}
.footer  a{color:#fff;margin:0 5px}
.footer  a:hover{text-decoration:underline}
.bugs_form_class,.msg_form_class,.suggest_form_class{display:none;margin-top:0;position:fixed!important;position:absolute}
.msg_form_class{z-index:9999;top:32%;}
.mask{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.4;filter:alpha(opacity=40);z-index:1112}
.rewardbox{display:none;width:100%;min-width:1420px;z-index:1113;left:50%;top:42%;margin-left:-50%!important;margin-top:-60px!important;margin-top:0;position:absolute}
.commonbox{width: 100%; height: 100%; position: absolute; margin: 0 auto;}
.tipbox{position:relative;z-index:1113;color:#fef2cf;background:#e36640;border:2px solid #fff4c4}
.box1{width:440px;margin: 0 auto;}
.box2{width:690px;margin: 0 auto;}
.box3{width:460px}
.box4{width:800px}

.tip_t{position:relative;z-index:2;height:50px;text-align:center;border-radius:10px 10px 0 0}
.tip_t a.close{position:absolute;top:10px;right:10px;width:40px;height:40px;line-height:30px;color:#ffeebb;font-size:40px}
.tip_t a.close:hover{color:#fff}
.tip_t h2{color:#ffeebb !important;line-height:48px;font-size:30px;text-align:center;font-family:benguiat_bk_btbold,Arial}
.tip_c{position:relative;z-index:1;font-family:Arial}
.tip_con{width:88%;margin:0 auto;padding:20px 0 5px 0;position:relative}
.tip_con.sp{width:96%}
.tip_con span{color:#fff !important;}
#rule_form span{font-weight: bold;}
.tip_con p{padding:7px 0;line-height:18px;font-size:16px}
.tip_con table{width:100%;margin:10px auto}
.tip_con table td, .tip_con table th{border:1px solid #e4583c !important;background: #f4e9a6d1;color: #433e30;}
.tip_con div.form ul{padding:0 20px}
.tip_con div.form ul li{padding:3px}
.tip_con div.form ul li label{font-size:16px;text-transform:capitalize;width:100px;display:inline-block;*display:inline;*zoom:1;text-align:right;padding-right:3px}
.tip_con div.form input.ipt,.tip_con div.form select.slt{width:200px;padding-left:2px;color:#000;border:1px solid #fecf9b;border-right-color:#fff6ed;border-bottom-color:#fff6ed;height:24px;line-height:24px}
.tip_con div.form input.code{width:120px}
.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 !important}
.tip_db li{float:left;width:170px !important;margin:0 10px}
.tip_db p{padding-bottom:5px}
.tip_db p a{color:#fef2cf;font-family:Arial}
.tip_db p a:hover{text-decoration:underline}
.tip_db a.btn_tip{display:block;width:142px!important;height:39px!important;line-height:39px!important;background:url(../img/claimbtn.png) no-repeat!important;margin:0 auto;text-align:center;font-size:18px;color:#6e150e!important;text-transform:uppercase}
.tip_db a.btn_tip:hover{filter: brightness(1.2);}
.loading{width:100%;height:100%;position:fixed;top:0;left:0;line-height:56px;color:#fff;padding-left:60px;font-size:15px;background:#000 url(../img/loader.gif) no-repeat 45% 50%;opacity:.7;filter:alpha(opacity=70);z-index:10000;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px}
.msg_form_class .tip_con a{text-decoration:underline}
.elist a{display:inline-block;*display:inline;*zoom:1;padding:0 10px;height:30px;line-height:30px;background:#cc5441;text-align:center;margin:10px;color:#fff}
.elist a.on,.elist a:hover{background:#cc8941;text-decoration:none}
.line td,.line th{text-align:center;border:1px solid #fff !important;line-height:18px}
.scrollcont{max-height:500px;overflow-y: auto;overflow-x: hidden;}

.show {display: block !important;z-index: 9999; }
#accountlogin{display: none;top: 32%;position: fixed !important;}
.accountmore a{margin: 0 20px;}