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{font:12px/1.6;position: relative;}
.topbar {top:0}
.topbar .topmenu{height:31px!important}
.topbar .topmenu .games{width:140px!important}
.topbar .topmenu .games>ul li{width:140px!important}
a{text-decoration:none;-webkit-transition:color .4s;-moz-transition:color .4s;-o-transition:color .4s;transition:color .4s}
a:active{outline:0;opacity:.5}
a:hover{outline:0;opacity:.9}
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}
textarea{overflow:auto;resize:none}
*{box-sizing:border-box}
.clearfix:after{content:"";height:0;visibility:hidden;display:block;clear:both}
.clearfix{zoom:1}
.hide{display:none!important}
.fl{float:left}
.fr{float:right}
body,html{width:100%;height:100%;overflow: hidden;}
body{background:#fff;overflow-x:hidden;font: 14px/2 'Merriweather', sans-serif;}
.logo{position:absolute;top:50px;left:44%;width:200px;z-index: 10;}
.logo img{width:100%}
.full-bg{max-width:1920px;height:1080px;margin:0 auto;position:relative;overflow:hidden;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;position: relative;background: url(../img/bg1.jpg) no-repeat;}
.wrapper{position:relative;width:1002px;height:100%;margin:0 auto;z-index:5}
.contain{width:100%;margin: 0 auto;}
.sub-cont{position:absolute;left:50%;top:0;margin-left:-960px;width:1920px;max-width:1920px;height:1080px;overflow:hidden}
.con{width:1200px;height:760px;position:absolute;top:50%;left:50%;margin-left:-600px;margin-top:-455px;text-align:center;font-size:18px;}

.openbtn{position: absolute;top:37%;left:39%;width:200px;height:197px;background: url(../img/open.png) no-repeat 0 0/100%;z-index: 10;}
.openbtn:hover{background: url(../img/open-on.png) no-repeat 0 0/100%}
.startbtn{position: absolute;top:41%;left:40%;width:194px;height:193px;background: url(../img/start.png) no-repeat 0 0/100%;z-index: 10;display: none;}
.startbtn:hover{background: url(../img/start-on.png) no-repeat 0 0/100%}
.tit{position: absolute;top:5%;left:7%;width:925px;height:65px;background: url(../img/info.png) no-repeat 0 0/100%;z-index: 10;}
.info{position: absolute;top:63%;left:27%;width:450px;height:212px;z-index: 10;color:#f6f4c6;font-size: 24px;text-align: center;}
.info::after{position: absolute;content: "";top: 0px;left: 50%;margin-left: -8px;width: 0px;height:0px;border-bottom: 10px solid #f6f4c6;border-right:10px solid transparent;border-left: 10px solid transparent;}
.letterCont{position: relative; width:1072px;height:874px;text-align: center;font-size: 28px;padding: 120px 162px;margin: 60px auto;background: url(../img/close.png?v1) no-repeat 0 0/100%;position: relative;margin-left: -52px;}
.letterCont.open{animation: openletter 2s linear forwards;} 
.letterpage{position: absolute;top:115px;left:160px; width:747px;height:245px;font-size: 28px;line-height: 45px;text-align: left;font-weight: bold;color:#2a4649;overflow: hidden;font-weight: bold;display: none;
    font-family: 'roboto', serif;
}
.letterpage.show{display: block ;animation: openword 2s linear forwards;}
.letterpage span{color:#88170f}
@keyframes openletter { 
    0% {  background: url(../img/close.png?v1) no-repeat 0 0/100%; }
    50% {  background: url(../img/open1.png?v1) no-repeat 0 0/100%;}
    100% {  background: url(../img/open2.png?v1) no-repeat 0 0/100%;}
}
@keyframes openword { 
    0% {  opacity: 0; }
   50% {   opacity: 0.5;}
    100% {  opacity: 1;}
}
.cont1{display: block;}
.cont2{display: none;}
.video{width:900px;height:561px;background: url(../img/videobg.png) no-repeat 0 0/100%;margin: 105px auto 0;}
.video iframe{width: 88%;height: 80%;margin: 74px 61px 54px;}
.video video{width: 88%;height: 80%;margin: 29px 57px 54px;}
.tab{width:1000px;margin: 0 auto;text-align: center;}
.tab a{display: inline-block;width:300px;height:105px;background: url(../img/btn.png) no-repeat 0 0/100%;color:#fff;text-align: center;line-height: 83px;font-size: 30px;}
.tab a:hover{background: url(../img/btn-on.png) no-repeat 0 0/100%;}
/* .tab a:hover span{color: #fff;background-image: -webkit-linear-gradient(90deg,#cc4d38 20%,#342d2c 50%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} */
.tab a:hover span{color: #fff;text-shadow: 1px 1px 1px #104f57;}

.footer{position:absolute;bottom:0px;width:100%;padding:10px 0 !important;line-height: 25px;font-size:14px;color:#000;z-index:30;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform .2s linear;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear}
.footer.show{-webkit-transform:translateY(0);transform:translateY(0);z-index:30;}
.footer{-webkit-transform:translateY(0);transform:translateY(0);z-index:30;}
.footer a{color:#000}

/*pop box*/
.mask{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.4; filter: alpha(opacity=40); z-index: 1112;}
.msg_form_class, .bugs_form_class, .suggest_form_class { display:none; width: 100%; height: 100%; position: fixed; left: 0; top: 36%; }
.msg_form_class { z-index:1114; }
.bugs_form_class, .suggest_form_class { z-index:1112; }
.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: #1b183e; background: #ebecf1;  margin: 0 auto; border: 3px solid #564776;}
.box1{width: 480px;}
.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; }
.tip_t a.close{display: inline-block; *display: inline; *zoom: 1; position: absolute; top: 0; right: 10px; width: 44px; height: 44px; color:#1b183e; font-size: 50px;background: none;line-height: 50px;}
.tip_t a.close:hover{ color:#8d7cc1; }
.tip_t h2{ color:#1b183e; line-height: 48px; font-size: 30px; text-align: center; padding-top:17px;}
.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: #1b183e;}
.tip_con p{ padding: 7px 0; line-height: 16px;}
.tip_con table{width: 100%; margin:0 auto;}
.tip_con table td, .tip_con table th{text-align: center; border: 1px solid #1b183e!important; line-height: 28px;color:#1b183e!important;font-size: 16px}
.tip_con table th{background: #cea765!important;}
.tip_con table td{background: #faebd0!important;}
.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;  *display: inline; *zoom: 1;text-align: right; padding-right: 3px;}
.tip_con div input.ipt, .tip_con div select.slt { width: 200px; padding-left: 2px; color: #4f392a; border: 1px solid #666; height: 24px; line-height: 24px; }
.tip_con div 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;}
.tip_db li{float: left!important; width: 190px;}
.accountmore{width: 90%;margin: 0 auto;}
.tip_db p a{color: #4f392a; display: inline-block;width: 50%;}
.tip_db p a:hover{text-decoration: underline;}
.tip_db a.btn_tip{ display:block; width:137px; height:43px; line-height: 43px; font-weight: bold; margin: 10px auto; background: #625887; color: #fff;font-size: 17px}
.tip_db a.btn_tip:hover{background: #3e3462; }
.scrollcont{height:500px;overflow: auto;}
.send{display:inline-block;*display:inline;*zoom:1;width:85px;height:30px;line-height:30px;font-size:18px;background:#7c441f;color:#ffeec1;margin:10px;border-radius:3px ;text-align: center;vertical-align: middle;}
.send:hover{background:#9b6628;text-decoration:none;}
.send span.show{color:#ffeec1;width: 110px;background: #7c441f;}
.send span #count_down{color: #ffeec1;}
.time{font-size: 14px;}
.sbtn,.time{display: none;}
.sbtn.show,.time.show{display: block;}
.bindfirst .tip_con div input.code{width: 180px;}
  
.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(https://encoevent.99.com/new_server_reservation/view/images/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;display: none;}
.show {display: block;z-index: 9999; }

@keyframes openlettersp { 
    0% {  background: url(../img/sp/close.png?v1) no-repeat 0 0/100%; }
    50% {  background: url(../img/sp/open1.png?v1) no-repeat 0 0/100%;}
    100% {  background: url(../img/open2.png?v1) no-repeat 0 0/100%;}
}

.sppage .tit{background: url(../img/sp/info.png) no-repeat 0 0/100%;}
.sppage .openbtn{background: url(../img/sp/open.png) no-repeat 0 0/100%;}
.sppage .openbtn:hover{background: url(../img/sp/open-on.png) no-repeat 0 0/100%;}
.sppage .startbtn{background: url(../img/sp/start.png) no-repeat 0 0/100%;}
.sppage .startbtn:hover{background: url(../img/sp/start-on.png) no-repeat 0 0/100%;}
.sppage .letterCont{background: url(../img/sp/close.png?v1) no-repeat 0 0/100%;}
.sppage .letterCont.open{animation: openlettersp 2s linear forwards;}