body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:14px 'Microsoft YaHei','宋体','arial';background:#f5f5f5;-webkit-text-size-adjust:100%;color: #4e4e4e;}
a{color:#4e4e4e;text-decoration:none}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
.clearfix { *zoom: 1; }
.clearfix:before,
.clearfix:after {  display: table;  content: "";  line-height: 0;  }
.clearfix:after {  clear: both; }
h1{font-size: 18px;}
.btn{  border-radius: 2px;  padding: 2px 6px;  background-color: #f06b6f;  text-align: center;  }
.btn:hover {  background-color: #ec3036;  transition: background-color .5s ease-in-out;  }
body{background: #000;}

/*************载入游戏之前动画**************/
.status{position: absolute;  width: 540px;  height: 300px;  left: 38%;  top: 44%;  margin-left: -150px;  margin-top: -140px;  z-index: 1;}
.status-mg{width: 100%;}
.status-mg img{display: block;width: 100%;}
.spinner{width: 100px;  height: 60px;  text-align: center;  font-size: 10px;  margin-left: 260px;  margin-top: 10px;  }
.spinner > div {background-color: #c4b689;  height: 100%;  width: 10px;  display: inline-block;
    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;  animation: stretchdelay 1.2s infinite ease-in-out;  }
.spinner .rect2 { -webkit-animation-delay: -1.1s;  animation-delay: -1.1s;  }
.spinner .rect3 {  -webkit-animation-delay: -1.0s;  animation-delay: -1.0s;  }
.spinner .rect4 {  -webkit-animation-delay: -0.9s;  animation-delay: -0.9s;  }
.spinner .rect5 {  -webkit-animation-delay: -0.8s;  animation-delay: -0.8s;  }
@-webkit-keyframes stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } }
@keyframes stretchdelay { 0%, 40%, 100% {  transform: scaleY(0.4);  -webkit-transform: scaleY(0.4);  }
    20% {  transform: scaleY(1.0);  -webkit-transform: scaleY(1.0);  } }
/****************载入游戏之前动画***********************/

/**************左侧边栏样式*****************************************/
#slider{width: 50px;position: fixed;left: 0;  top:0;height: 100%;  background-color: rgba(28, 28, 28, 1); z-index: 100;color: #fff;font-size: 12px;}
.tab-item{width: 100%;  height: 50px;  margin: 10px 0;  position: relative;  cursor: pointer;  padding: 5px 0;}
.tab-item-ico{width: 100%;height: 100%;font-size: 12px;text-align: center;}
.tab-item-ico i{width: 32px;  height: 32px;  display: block;  margin: 0 auto; text-align: center;color: #f06b6f;font-size: 32px; }
.tab-item-ico i img{display: block;width: 100%;height: 100%;}
.tab-item-tips{position: absolute;  left: 50px;  top: 0px;  width: 250px;  height: 60px;
    z-index: 20;  background-color: #515151;  line-height: 25px;  display: none;  padding: 5px 10px;  box-sizing: border-box;  }
.tab-item3 .tab-item-tips{width:370px;height:205px;}
.tab-item4 .tab-item-tips{width:370px;height:145px;}
.tab-item5 .tab-item-tips{width:245px;height:82px;}
.tab-item-tips span{  color: #f06b6f;  }
.tab-item7 .tab-item-tips span,.tab-item6 .tab-item-tips span,.tab-item4 .tab-item-tips span,.tab-item3 .tab-item-tips span,.tab-item5 .tab-item-tips span{ margin-top:-12px;display: block;margin-left:9px;color:#fff;  }
.tab-item7 .tab-item-tips a,.tab-item6 .tab-item-tips a,.tab-item4 .tab-item-tips a,.tab-item3 .tab-item-tips a,.tab-item5 .tab-item-tips a{ display:inline-block;width:65px; margin:0 0 10px;}
.tab-item-tips i{display: inline-block;  font-size: 16px;  color: #f06b6f;  margin-left: 10px;}
.tab-item7 .tab-item-tips i,.tab-item6 .tab-item-tips i,.tab-item4 .tab-item-tips i,.tab-item3 .tab-item-tips i,.tab-item5 .tab-item-tips i{font-size:40px;width:32px;height:32px;}
.tab-item-tips .btn{position: absolute;line-height: 16px;  right: 10px;  bottom: 10px;  color: #fff; }
#slider-switch{  width: 50px;height: 50px;position: fixed;left: 0;  bottom:100px;background-color: rgba(28, 28, 28, 1); z-index: 200; background: url(../img/left-side.png) no-repeat;
    background-size: 90%;  background-position:0 5px;cursor: pointer;  }
#slider-switch:hover{background-color: #515151;}
.tab-item2:hover{background-color: #515151;}
.tab-hover .tab-item-tips{display: block !important;}
.tab-hover{background-color: #515151 !important;}
#slider-game{width:50px;position:fixed;bottom:170px;height:214px;background:rgba(28,28,28,1);z-index:100;color:#fff;font-size:12px;}
/***************左侧边栏样式******************************************************/

/*-------------------------额度转换开始--------------------------*/
.layui-input{  height: 32px;  line-height: 32px;  padding-left: 15px;  border: 1px solid #e6e6e6;  background-color: #fff;  border-radius: 2px;  }
.fast-modal-transfer{display: none;overflow: hidden;}
.transform-box{ position: relative;margin-bottom: 10px; width:100%; height: 120px; background-color: #f5f5f5;}
.transform-modal .main-modal-content{ padding: 0 0 30px 0!important;}
.transform-modal .form-button{width:172px;}
.transform-box .transform-box-l{  float: left;  margin-left: 30px;  }
.transform-box .transform-box-m {  text-align: center;  width: 36px;  margin-top: 15px;  position: absolute;  left: 50%;  margin-left: -18px;  }
.transform-box .transform-box-r{  float: right;  margin-right: 30px;  }
.layui-form .transform-box  .layui-form-item{  margin-bottom: 10px;  margin-top: 25px; }
.transform-box .layui-input-block{  margin-left: 0;  }
.transform-box .transform-box-m h2{ font-size:36px;padding-top:0;color: #f06b6f; }
.transform-box .transform-box-m a{ color: #f06b6f;}
.transform-box h3{color: #f06b6f; font-size:24px; font-weight: bold;position: relative;height: 32px;line-height: 32px;}
.transform-box h3>span{position: absolute; width: 100%;  height: 100%; display: block;}
.transform-box .balance-load{ background: url(../img/balance-load.gif) no-repeat 20px center;}
/*-------------------------额度转换结束--------------------------*/
/*--------------------自定义模态框css--------------------*/
/*更新成功失败提示层样式*/
body .prompt-msg { background-color: #282c34; color: #fff;  border:none;min-width: 130px;}
body .prompt-msg .layui-layer-content{  padding: 10px;  color: #fff;  text-align: center;  }
/*个人中心弹窗*/
body .layer-demo1 .layui-layer-title{    background: #f06b6f;  color: #fff;border: none;height: 38px;  line-height: 38px;}
body .layer-demo1{ box-shadow: 1px 1px 50px rgba(0,0,0,.3); }
body .layer-demo1 .layui-layer-setwin{top: 10px;}
body .layer-demo1 .layui-layer-setwin .layui-layer-close1{ background: url("../img/close.png")!important;width:16px!important; height: 16px!important; background-size: cover!important;}
/*layer-skin1*/
body .layer-skin1 .layui-layer-title{    background: #4898d5;  color: #fff;border: none;height: 38px;  line-height: 38px;}
body .layer-skin1 .layui-layer-setwin{top: 10px;}
body .layer-skin1 .layui-layer-setwin .layui-layer-close1{ background: url("../img/close.png")!important;width:16px!important; height: 16px!important; background-size: cover!important;}
/*--------------------自定义模态框css--------------------*/

/*表单公共样式*/
.main-form{padding:20px 15px;}
.main-form .main-form-item{ padding:5px 0 10px 0; line-height: 32px;}
.main-form .main-form-item .main-form-label{ float: left; width:90px; padding-left:30px;}
.main-form .main-form-item .main-form-label-long{  width:110px;}
.main-form .main-form-item .main-form-item-r{float:left;}
.main-form-input{ width:140px; height: 30px; padding:0 15px; border-radius: 2px; border:1px solid #e9e9e9; box-shadow: inset 0 2px 3px #f6f6f6;}
.main-form-input2{width:150px;}
.main-form-input3{width:175px;}
input + span{  color: #f06b6f;  font-size: 12px; margin-left: 5px;display: inline-block; }
select + span{  color: #f06b6f;  font-size: 12px; margin-left: 5px; display: inline-block;}
input + span i{color: #4e4e4e;  font-style: normal;}
.sex-item .layui-input-block{display: inline-block;  width: 182px;}
.sex-item em{  color: #f06b6f;  font-size: 12px;  }
.form-tips{font-size:12px; vertical-align: middle;}
.form-tips em{  color: #f06b6f;  }
.form-tips-right{  float: left; padding-left:15px;}
.bank-label{ position: absolute;}
.form-button { margin: 10px 0 0 120px;  width: 150px;  height: 30px;  line-height: 30px;  }
.button {  border-radius: 2px;  padding: 3px 5px;  background-color: #f06b6f;  text-align: center;  }
.button:hover {  background-color: #ec3036;  transition: background-color .5s ease-in-out;  }
.button a {  display: block;  color: #fff;  }
.form-button-long{margin:10px 0 0 140px; }
.main-form-lighttext{ color: #f06b6f;}
.main-form-tips{ width:600px; margin:20px 0 0 40px; border-radius: 3px; border:1px solid #fedddd; background-color: #ffedee; color:#f06b6f;padding:5px; line-height: 30px;}
.main-form-tips2{ margin:10px 15px;  border-radius: 3px; border:1px solid #fedddd; background-color: #ffedee; color:#f06b6f;padding:5px; line-height: 30px;}
.main-form-tips i{font-size:16px; vertical-align: middle;margin-right:10px;}
.icon-check{  color: #c2c2c2;  }
.icon-check:hover{  color: #5FB878;  }
.icon-checked{  color: #5FB878;  }
/*登录框*/
.login-modal{ position: absolute; top:20%; left:32%; z-index: 300; width:370px;display: none;}
.login-modal .login-modal-arrow{ position: absolute; top:-7px; left:177px; border-width: 8px;  border-color: #fff;  border-top-width: 0;  border-style: dashed;  border-bottom-style: solid;  border-left-color: transparent;  border-right-color: transparent;}
.login-modal .login-link{padding:5px 20px;display: none;}
.login-modal .login-link .user-reg{float: right;}
.float-modal-box{ border-radius: 5px;  background-color: #fff; color:#595858;line-height: 30px;}
.find-modal-close{ position: absolute; right:-10px; top:-10px; z-index: 15; width:34px; height: 34px;  border-radius:39px; border:3px solid #fff;
    box-sizing: border-box;
    background-color:#a10f0f;  box-shadow: 0 3px 2px rgba(0,0,0, .25); line-height: 30px;color:#fff; font-size: 24px; text-align: center;}
.find-modal-close i{ display:block; margin:3px 0 0 1px; padding-right: 0!important; transform:rotate(0deg) ; transition: transform .2s ease-in-out; cursor: pointer;}
.float-modal-box .float-modal-header{ padding:15px 0 0 0; text-align: center;}
.float-modal-box .float-modal-header h1{color: #4a4949; font-weight: normal!important;}
.float-modal-box .float-modal-header p{ font-size:16px; color: #c15f5f;}
.float-modal-footer a:hover{color:#e14545;}
.float-modal-box .form-item{ position: relative; width:332px; height: 47px; margin: 15px auto 0 auto;}
.float-modal-box .form-item input{position: relative; width:332px; height: 47px; border-radius: 5px; border:2px solid #eee;  padding-left:50px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: inset 0 0 6px #eee;
    font-size:16px; color: #676767;}
.float-modal-box .form-item .form-item-l{ position: absolute; left:2px; top:2px; background-color: #f1f0f0; box-shadow: inset 0 0 3px #e3e2e2; border-top-left-radius: 3px;border-bottom-left-radius: 3px; width:40px; height:43px; text-align: center;}
.float-modal-box .form-item .form-item-l i{font-size:20px; line-height: 43px; color:#868686;}
.float-modal-box .form-item .form-item-r{ position: absolute; right:10px; top:7px;}
.float-modal-box .form-button a{ display: block; color:#fff;}
.float-modal-box .form-button{width:332px; height: 43px;margin:5px auto; border-radius:5px; background-color:#d66b6b; font-size:16px;  line-height:43px; font-weight: bold; color:#fff; text-align:  center;}

/*游戏维护*/
.bg{width:600px;height:400px;margin:10px auto 20px;background:url(../img/closebg.png) no-repeat;background-size:560px;}
.bg.en-us{width:600px;height:400px;margin:10px auto 20px;background:url(../../../en-us/public/login_game/img/closebg.png) no-repeat;background-size:560px;}
#close-game{width:1000px;padding-left:20px;margin:auto;color:#fff;height:220px;}
#close-game .tab-item7 .tab-item-tips,#close-game .tab-item6 .tab-item-tips,#close-game .tab-item3 .tab-item-tips,#close-game .tab-item4 .tab-item-tips,#close-game .tab-item5 .tab-item-tips{background:none;width:930px;height:74px;left:70px;top:5px;display: block}
#close-game .tab-item7 .tab-item-ico,#close-game .tab-item6 .tab-item-ico,#close-game .tab-item3 .tab-item-ico,#close-game .tab-item4 .tab-item-ico,#close-game .tab-item5 .tab-item-ico{width:84px;margin-top:-5px;}
#close-game .tab-item7 .tab-item-tips a,#close-game .tab-item6 .tab-item-tips a,#close-game .tab-item3 .tab-item-tips a,#close-game .tab-item4 .tab-item-tips a,#close-game .tab-item5 .tab-item-tips a{width:87px;margin-bottom:0;}
#close-game .tab-item{height:60px;border:1px solid #2c2c2c;border-radius:10px;}
#close-game .tab-item-tips i{color:#f18923;}
#close-game .tab-item-tips i.icon-fg{font-size:21px;margin-left: 18px;}
#close-game .tab-item-tips i.icon-wm{ font-size: 25px;margin-left: 21px;}
#close-game .tab-item-tips i.icon-ky{ font-size: 25px;margin-left: 20px;}
#close-game .tab-item-tips i.icon-gj{ font-size: 25px;margin-left: 20px;}
#close-game .tab-item-tips i.icon-ly{ font-size: 25px;}
#close-game .dianzi{background:url(../img/dianzi.png) no-repeat;}
#close-game.en-us .dianzi{background:url(../../../en-us/public/login_game/img/dianzi.png) no-repeat;}
#close-game .zhenren{background:url(../img/zhenren.png) no-repeat;}
#close-game.en-us .zhenren{background:url(../../../en-us/public/login_game/img/zhenren.png) no-repeat;}
#close-game .caipiao{background:url(../img/caipiao.png) no-repeat;}
#close-game.en-us .caipiao{background:url(../../../en-us/public/login_game/img/caipiao.png) no-repeat;}
#close-game .qipai{background:url(../img/qipai.png) no-repeat;}
#close-game.en-us .qipai{background:url(../../../en-us/public/login_game/img/qipai.png) no-repeat;}
#close-game .tiyu{background:url(../img/tiyu.png) no-repeat;}
#close-game.en-us .tiyu{background:url(../../../en-us/public/login_game/img/tiyu.png) no-repeat;}