@charset "utf-8";
/* reset */
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form{margin:0;padding:0;}
body{font:12px/1.5 tahoma,'Microsoft YaHei',sans-serif;background:#f3f6fc;font-family:'Microsoft YaHei';}
h1,h2,h3,h4,h5,h6{font-size:100%;}
em,b,i{font-style:normal;}
a{text-decoration:none;}
img{border:0;}
button,input,select,textarea{font-size:100%;outline:none;}
table{border-collapse:collapse;border-spacing:0;}
td,th,ul,ol{padding:0;list-style-type:none;}
.clearfix:after{content:"\0020";height:0;display:block;clear:both;}

/*main*/
body {background:url(../img/bg.jpg) top center no-repeat #1a1a1a;}

.main_header{ width: 100%; height: auto; display: block; margin-bottom: 60px;}
.con_line_info{ position: relative; text-align: center;}
.split_line{border-bottom: 1px solid #2c80ff;}
.con_tit{font-size:20px;line-height:20px;text-align:center;color:#2c80ff;padding:0 26px;display:inline-block;position:relative;top:-10px;width:auto;background:#f3f6fc;}
.con_box{ width: 100%; text-align: center; padding-top: 30px;}

.errorTipDiv {color: red;font-size: 14px;margin-top: 5px;}

#mid-qrcode {text-align:center;}
#mid-qrcode table {margin:0 auto;}
.layui-form-item {text-align:center !important;}
.layui-form-item .layui-input-inline {float:none !important;margin:0 auto !important;;}
.layer-photos img {max-width:70% !important;height:auto !important;}

.Yzm {width:230px;height:30px;display:block;text-decoration:underline;cursor:pointer;color:#2c80ff;font-size:14px;margin:0 auto;margin-top:10px;}

    .max_top{ width: 100%; display: block;}
    .min_top{ width: 100%; display: none;}
    .main_content{ width: 1200px; height: auto; margin: 0 auto;}
    /*閫夋嫨娓告垙*/
    .game_link{ width: 200px; height: 236px; display: inline-block; box-shadow: 0 2px 8px 0 rgba(14,28,50,.1); border-radius: 10px; margin: 0 10px; overflow: hidden;}
    .game_link img { transition: all 0.1s ease-in;}
    .game_link img:hover{ transform: scale(1.1);}
    /*瀵艰埅鏉�*/
    .nav_box{ width: 84px; height: 420px; text-align: center; display: block; position: fixed; bottom: 50%; margin-bottom: -210px; right: 0px; background: #fff; border-radius: 10px 0px 0px 10px; padding: 20px 13px; box-sizing: border-box; box-shadow: 0 0 8px 2px rgba(14,28,50,.1);}
    .nav_btn{ display: inline-block; text-align: center; cursor: pointer; margin: 10px auto;}
    .nav_btn:hover{ opacity: 0.8;}

    /*鐧诲綍*/
    .login_box{ width: 520px; height: 288px; display: block; margin: 0 auto; background: #fff; box-shadow: 0 2px 8px 0 rgba(14,28,50,.1); border-radius: 10px; box-sizing: border-box; padding: 50px;}
    .login_lb{ display: block; width: 100%; height: 30px; line-height: 30px; padding-bottom: 10px; border-bottom: 1px solid #c7c7c7; margin-bottom: 20px;}
    .input_tit{ float: left; color: #333; font-size: 17px; font-weight: bold; margin-left: 20px;}
    .input_box{ float: left; }
    .input_box input{ border: none; font-size: 17px; line-height: 30px; padding: 0 10px; box-sizing: border-box; color: #777; margin-left: 20px;}
    .login_btn{position:relative;display:block;width:184px; margin: 0 auto; padding:12px 24px;box-sizing:border-box;font-weight:500;font-size:17px;text-align:center;text-decoration:none;color:#fff;line-height:1.41176471;border-radius:8px; border: none; background: #2c80ff; cursor: pointer;}
    .login_btn:hover{background: #5c9cfc;}

    /*閫夋嫨瑙掕壊*/
    .select_tit{ display: block; text-align: center; font-size: 17px; line-height: 30px; margin-bottom: 20px;}
    .select_con{ display: block; width: 70%; margin:20px auto; font-size: 17px; line-height: 45px; height: 45px; border: 1px solid #777; border-radius: 5px;}



/*pc*/
@media screen and (min-width:768px){
	
	.IndexBox {width:760px;height:auto;overflow:hidden;margin:0 auto;}
	.IndexBox a {width:200px;height:auto;display:block;float:left;margin-left:40px;}
	.IndexBox a img {width:100%;height:auto;}
    .max_top{ width: 100%; display: block;}
    .min_top{ width: 100%; display: none;}
    .main_content{ width: 1200px; height: auto; margin: 0 auto;padding-bottom:100px;overflow:hidden;padding-top:20px;}
    /*閫夋嫨娓告垙*/
    .game_link{ width: 200px; height: 236px; display: inline-block; box-shadow: 0 2px 8px 0 rgba(14,28,50,.1); border-radius: 10px; margin: 0 10px; overflow: hidden;}
    .game_link img { transition: all 0.1s ease-in;}
    .game_link img:hover{ transform: scale(1.1);}
    /*瀵艰埅鏉�*/
    .nav_box{ width: 84px; height: 420px; text-align: center; display: block; position: fixed; bottom: 50%; margin-bottom: -210px; right: 0px; background: #fff; border-radius: 10px 0px 0px 10px; padding: 20px 13px; box-sizing: border-box; box-shadow: 0 0 8px 2px rgba(14,28,50,.1);}
    .nav_btn{ display: inline-block; text-align: center; cursor: pointer; margin: 10px auto;}
    .nav_btn:hover{ opacity: 0.8;}

    /*鐧诲綍*/
    .login_box{ width: 520px; height: auto; display: block; margin: 0 auto; background: #fff; box-shadow: 0 2px 8px 0 rgba(14,28,50,.1); border-radius: 10px; box-sizing: border-box; padding: 50px;overflow:hidden;line-height:40px;font-size:16px;}
    .login_box b {color:#ec6300;font-size:18px;}
    .login_box a {color:#ec6300;text-decoration:underline;}
    .login_box input {width:100%;height:30px;border:none;border-bottom:1px solid #c7c7c7; font-size: 17px; line-height: 30px;display:block;margin:0 auto;margin-top:20px;}
    .login_lb{ display: block; width: 100%; height: 30px; line-height: 30px; padding-bottom: 10px; border-bottom: 1px solid #c7c7c7; margin-bottom: 20px;}
    .input_tit{ float: left; color: #333; font-size: 17px; font-weight: bold; margin-left: 20px;}
    .input_box{ float: left; }
    .input_box input{width:100%;height:30px; border-bottom:1px solid #c7c7c7; font-size: 17px; line-height: 30px;display:block;margin:0 auto;margin-top:20px;}
    .login_btn{position:relative;display:block;width:184px; margin: 0 auto; padding:12px 24px;box-sizing:border-box;font-weight:500;font-size:17px;text-align:center;text-decoration:none;color:#fff;line-height:1.41176471;border-radius:8px; border: none; background: #2c80ff; cursor: pointer;margin-top:20px;}
    .login_btn:hover{background: #5c9cfc;}

    /*閫夋嫨瑙掕壊*/
    .select_tit{ display: block; text-align: center; font-size: 17px; line-height: 30px; margin-bottom: 20px;}
    .select_con{ display: block; width: 70%; margin:20px auto; font-size: 17px; line-height: 45px; height: 45px; border: 1px solid #777; border-radius: 5px;}
}

/*sp*/
@media screen and (max-width:768px){
	
	.IndexBox {width:100%;height:auto;overflow:hidden;margin:0 auto;}
	.IndexBox a {width:30%;height:auto;display:block;float:left;margin-left:2.5%;}
	.IndexBox a img {width:100%;height:auto;}
	
    .max_top{ width: 100%; display: none; }
    .min_top{ width: 100%; display: block;}
    .con_box{ padding-bottom: 100px;}
    .main_content{ width: 100%; height: auto; margin: 0 auto;margin-bottom:4rem;overflow:hidden;padding-top:3rem;}
    .game_link{ width: 30%; height: auto; display: inline-block; box-shadow: 0 2px 8px 0 rgba(14,28,50,.1); border-radius: 10px; margin: 0 2px; overflow: hidden;}
    .game_link img{ width: 100%; margin: 0; padding: 0;}

    /*瀵艰埅鏉�*/
    .nav_box{ width: 100%; height: auto; text-align: center; display: block; position: fixed; bottom: 0px; left: 0px; background: #fff;  box-sizing: border-box; padding: 1vh 5%; border-top: 1px solid #c7c7c7; display: flex;  justify-content: space-between; align-items: center; margin: 0;}
    .nav_btn{ display: inline-block; text-align: center; cursor: pointer;}
    .nav_btn img{ width: 10vw;}

     /*鐧诲綍*/
     .login_box{ width: 80%; height: auto; display: block; margin: 0 auto; background: #fff; box-shadow: 0 2px 8px 0 rgba(14,28,50,.1); border-radius: 10px; box-sizing: border-box; padding: 50px;line-height:3rem;font-size:1.4rem;}
    .login_box b {color:#ec6300;font-size:1.6rem;}
    .login_box a {color:#ec6300;text-decoration:underline;}
     .login_box input {width:100%;height:4rem;border:none;border-bottom:1px solid #c7c7c7; font-size: 1.4rem; line-height: 4rem;display:block;margin:0 auto;margin-top:2rem;}
     .login_lb{ display: flex; width: 100%; height: 30px; line-height: 30px; padding-bottom: 10px; border-bottom: 1px solid #c7c7c7; margin-bottom: 20px; justify-content: baseline; align-items: center; flex-wrap: nowrap;}
     .input_tit{  color: #333; font-size: 17px; font-weight: bold; width: 20%; display: block; }
     .input_tit span{ max-width: 5em;}
     .input_box{ width: 70%; margin-left: 10%;}
     .input_box input{ border: none; font-size: 17px; line-height: 30px;  box-sizing: border-box; color: #777;  width: 100%;}
     .login_btn{position:relative;display:block;width:184px; margin: 0 auto; padding:12px 24px;box-sizing:border-box;font-weight:500;font-size:17px;text-align:center;text-decoration:none;color:#fff;line-height:1.41176471;border-radius:8px; border: none; background: #2c80ff; cursor: pointer;margin-top:2rem;}
     .login_btn:hover{background: #5c9cfc;}

     /*閫夋嫨瑙掕壊*/
    .select_tit{ display: block; text-align: center; font-size: 17px; line-height: 30px; margin-bottom: 20px;}
    .select_con{ display: block; width: 70%; margin:20px auto; font-size: 17px; line-height: 45px; height: 45px; border: 1px solid #777; border-radius: 5px;}
}


@media screen and (min-width:1600px){
	
body {background:url(../img/bg.jpg) top center no-repeat #1a1a1a; background-size:100% 100%;background-attachment:fixed;overflow-x:hidden;}

}