*{
	outline: none;
}
body{
	margin: 0; font-size: 0.14rem; font-family: 'Microsoft Yahei'; background: url(../image/bg.jpg) left top no-repeat; background-size: 100% auto;
}
p{
	margin: 0;
}
ul{
	padding: 0;
}
li{
	list-style-type: none;
}
a{
	text-decoration: none; color: #303030;
}
img{
	border: none;
}
input{
	text-indent: 0.1rem;
}
.theme{
	color: #efd9b1
}
.c9{
	color: #999
}
.c6{
	color: #666
}
.fz16{
	font-size: 16px
}
.fz18{
	font-size: 18px
}
.fz20{
	font-size: 20px
}

.mt20{
	margin-top: 20px
}

.mb10{
	margin-bottom: 10px
}
.mb20{
	margin-bottom: 20px
}

.ml20{
	margin-left: 20px
}
.ml29{
	margin-left: 29px
}

.lh25{
	line-height: 25px;
}

.ti30{
	text-indent: 30px;
}

.tac{
	text-align: center
}
.fwb{
	font-weight: bold
}
.w-1170{
	width: 1170px; margin: 0 auto;
}


/*页头*/

.head-wp{
	width: 76%; max-width: 1440px; margin: 0 auto 0 auto; position: relative; z-index: 10; overflow: hidden;
}
.head-wp>a{
	display: block; float: left; width: 3.05rem; 
}
.logo{
	display: block; width: 100%;
}

.head-nav{
	float: right;
	margin: 0 0.5rem 0 0;
}
.head-nav li{
	float: left; position: relative;
}
.head-nav li a{
	position: relative; z-index: 1; float: left; line-height: 1.22rem; transition: all .5s; color: #fff;
}
.head-nav li a:hover{
	color: #2359c3;
}
.head-nav li span{
	float: left; margin: 0 0.2rem 0 0.2rem; font-size: 26px; line-height: 1.22rem; color: #fff;
}
.head-nav li p{
	position: absolute; width: 0.45rem; height: 0.04rem; background: #fff; left: 0.05rem; bottom: 0.04rem;
}
.head-wp-right{
	float: right; line-height: 1.22rem; display: none;
}
.head-wp-right a{
	color: #fff; margin-left: 0.2rem;
}
.head-wp-right>p a:hover{
	color: #2359c3;
}


/*首页*/
.blue-bg{
	width: 14.4rem; max-width: 1440px; height: 7.03rem; margin: 0.87rem auto 0; background: rgba(24,144,255,0.8); overflow: hidden;
	
}
.english{
	float: left; font-size: 0.46rem; color: #fff; margin: 2.62rem 0 0 1.36rem; font-weight: bold;
}
.login-box{
	float: right; width: 4rem; height: 4.2rem; margin: 1.5rem 1.22rem 0rem 0; background: #fff; position: relative;
}

.login-box form{
	width: 3rem; margin: 0 auto; display: none;
}
.login-box form:first-child{
	display: block;
}
.login-box form p{
	text-align: center; font-size: 0.2rem; color: #2359c3; font-weight: bold; margin: 0.5rem 0 0.55rem; 
}
.login-box form input{
	width: 100%; height: 0.4rem; margin-bottom: 0.2rem; font-size: 0.16rem; border: none; border-bottom: #ccc solid 1px;
}
.login-box form button{
	width: 1.7rem; height: 0.55rem; border: none; display: block; margin: 0.2rem auto 0.2rem; background: #2359c3; color: #fff;
	border-radius: 0.06rem; font-size: 0.16rem; cursor: pointer;
}
.login-box form span{
	display: block; text-align: center;
}
.login-box form span a:hover{
	color: #2359c3; text-decoration: underline;
}
.hello-box{
	width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #fff; text-align: center; line-height: 4.2rem;
	font-size: 0.2rem; color: #2359c3; display: none;
}



.join-us-outer{
	width: 100%; margin: -0.15rem auto 0; background: #fff; overflow: hidden;
}
.join-us{
	width: 11.7rem; height: 5.25rem; margin: 0 auto;
}
.join-us-position{
	float: left; width: 5.55rem; margin-top: 1rem;
}
.join-us-position p{
	color: #2359c3; font-size: 0.32rem; margin-bottom: 0.3rem; font-weight: bold;
}
.join-us-position table{
	width: 100%; text-align: left;  border-collapse: collapse; text-indent: 0.2rem;
}
.join-us-position table thead{
	background: #e7f0fa; line-height: 0.3rem; font-size: 0.16rem; color: #666;
}
.join-us-position table tbody{
	line-height: 0.16rem;
}
.join-us-position table tbody tr td{
	padding-top: 0.15rem; font-size: 0.16rem; color: #333;
}
.join-us-position a{
	float: right; margin-top: 1.1rem; color: #2359c3; font-weight: bold; text-decoration: underline;
}

.join-us-banner{
	float: left; margin-left: 1.15rem; position: relative;
}
.join-us-banner p{
	width: 2.7rem; height: 5.25rem; background: #2359c3; position: absolute; top: 0; left: 1.12rem;
}

.join-us-banner img{
	position: relative; z-index: 1; margin-top: 1rem; width: 4.99rem;
}


.index-game-outer{
	width: 100%; margin: 0 auto; background: #f4f4f4; overflow: hidden;
}
.index-game{
	width: 11.7rem; margin: 1rem auto; overflow: hidden;
}
.index-game-good{
	float: left; width: 7.8rem;
}
.index-game-good>p{
	color: #2359c3; font-size: 0.32rem; font-weight: bold; margin-bottom: 0.6rem;
}
.index-game-good ul li{
	float: left; width: 3.75rem; margin-bottom: 0.4rem; line-height: 0.33rem;
}
.index-game-good ul li:nth-child(2n){
	float: right;
}
.index-game-good ul li img{
	display: block; width: 100%; height: 1.9rem; margin-bottom: 0.2rem;
}
.index-game-good ul li span{
	margin-right: 0.1rem; font-size: 0.18rem;
}
.index-game-good ul li a{
	font-size: 0.16rem;
}
.index-game-good ul li i{
	color: #666; font-style: normal; margin: 0 0.05rem;
}
.index-game-good ul li .a1{
	color: #666;
}
.index-game-good ul li .a2{
	color: #666;
}
.index-game-good ul li .a3{
	background: #5bd2e5; color: #fff; float: right; padding: 0 0.1rem; border-radius: 0.05rem;
}

.index-game-hot{
	float: left; margin-left: 0.95rem; width: 2.8rem;
}
.index-game-hot>p{
	color: #2359c3; font-size: 0.32rem; font-weight: bold; margin-bottom: 0.6rem;
}
.index-game-hot li{
	margin-bottom: 0.2rem;
}
.index-game-hot li img{
	width: 0.9rem; height: 0.9rem; float: left; margin-right: 0.2rem; border-radius: 0.15rem;
}
.index-game-hot li p{
	font-size: 0.16rem; padding-top: 0.05rem; margin-bottom: 0.2rem;
}
.index-game-hot li a{
	display: block; float: left; font-size: 0.16rem; line-height: 35px; background: #275cc4; color: #fff;
	padding: 0 0.15rem; border-radius: 0.05rem;
}

/*公司介绍*/
.about-bg{
	width: 14.4rem; max-width: 1440px; height: 6.9rem; margin: 0.87rem auto 0; background: rgba(24,144,255,0.8); overflow: hidden;
}
.about-bg p{
	width: 10.48rem; margin: 0 auto; font-size: 0.24rem; color: #fff; text-indent: 0.48rem; margin-bottom: 0.55rem; line-height: 0.37rem;
}
.about-bg img{
	width: 1.59rem; display: block; margin: 1rem auto 0.7rem;
}





/*游戏中心*/

.game-bg{
	width: 100%; background: #f4f4f4; overflow: hidden;
}
.game-bg>p{
	text-align: center; font-size: 0.4rem; color: #333; margin: 0.75rem auto; font-weight: bold;
}
.game-bg ul{
	width: 14.4rem; margin: 0 auto 1rem;
}
.game-bg ul li{
	width: 100%; padding: 0.45rem 1.45rem; box-sizing: border-box; background: #fff; margin-bottom: 0.2rem; overflow: hidden;
	border-bottom: #e8e8e8 solid 2px;
}
.game-bg ul li img{
	width: 2.2rem; height: 2.2rem; border-radius: 0.5rem; float: left; margin-right: 0.6rem;
}
.game-bg ul li span{
	font-size: 0.27rem; color: #333;
}
.game-bg ul li p{
	margin: 0.2rem 0 0.4rem 0; font-size: 0.16rem; color: #666; line-height: 0.3rem;
}
.game-bg ul li a{
	background: #5bd2e5; color: #fff; display: inline-block; padding: 0 0.3rem; border-radius: 0.1rem;
	line-height: 0.55rem; font-size: 0.24rem;
}



/*加入我们*/

.join-bg{
	width: 100%; background: #f4f4f4; overflow: hidden;
}
.join-bg>p{
	text-align: center; font-size: 0.4rem; color: #333; margin: 0.75rem auto; font-weight: bold;
}
.join-bg ul{
	width: 14.4rem; margin: 0 auto 1rem; overflow: hidden;
}
.join-bg ul li{
	width: 7rem; height: 5.7rem; padding: 0.3rem 0.3rem; box-sizing: border-box; background: #fff; margin-bottom: 0.35rem; overflow: hidden;
	border-bottom: #e8e8e8 solid 2px; float: left;
}
.join-bg ul li:nth-child(2n){
	float: right;
}
.join-bg ul li img{
	width: 2.2rem; height: 2.2rem; border-radius: 0.5rem; float: left; margin-right: 0.6rem;
}
.join-bg ul li span{
	font-size: 0.27rem; color: #333;
}
.join-bg ul li>p{
	margin-bottom: 0.3rem; font-size: 0.24rem; color: #333;
}
.join-bg ul li>div{
	margin-bottom: 0.1rem; line-height: 0.25rem;
}
.join-bg ul li>div span{
	display: inline-block; width: 0.05rem; height: 0.25rem; background: #285ac7; float: left; margin-right: 0.1rem;
}
.join-bg ul li>div p{
	margin-left: 0.15rem; color: #666; line-height: 0.28rem;
}




/*联系我们*/
.connect-bg{
	width: 100%; height: 8rem; background: #fff; overflow: hidden;
}
.connect-bg>p{
	text-align: center; font-size: 0.4rem; color: #333; margin: 0.75rem auto 0.95rem; font-weight: bold;
}
.connect-bg>ul{
	width: 5rem; margin: 0 auto;
}
.connect-bg>ul li{
	overflow: hidden; margin-bottom: 0.65rem;
}
.connect-bg>ul img{
	float: left; margin-right: 0.2rem; width: 0.52rem;
}
.connect-bg>ul p{
	font-size: 0.16rem; color: #000; margin-bottom: 0.05rem;
}
.connect-bg>ul span{
	position: relative; color: #999;
}


/*客服中心*/
.help-bg{
	width: 100%; height: 8rem; background: #fff; overflow: hidden;
}
.help-bg>p{
	text-align: center; font-size: 0.4rem; color: #333; margin: 0.75rem auto 0.95rem; font-weight: bold;
}
.help-bg>ul{
	width: 5.2rem; margin: 0 auto; overflow: hidden;
}
.help-bg>ul li{
	float: left; width: 2.1rem; margin-bottom: 0.65rem; overflow: hidden;
}
.help-bg>ul li:nth-child(2n){
	float: right;
}
.help-bg>ul img{
	float: left; margin-right: 0.2rem; width: 0.52rem;
}
.help-bg>ul p{
	font-size: 0.16rem; color: #000; margin-bottom: 0.05rem; font-weight: bold;
}
.help-bg>ul span{
	position: relative; color: #999;
}
.help-bg>ul div{
	width: 100%; margin: 0.3rem 0; line-height: 0.35rem; background: #285ac7; color: #fff; text-align: center; font-size: 0.16rem;
}

.recruit{
	width: 1170px; margin: 50px auto 400px;
}


/*登录注册*/
.pay-bg{
	width: 100%; height: 9rem; background: #f4f4f4; overflow: hidden;
}
.pay-bg>p{
	text-align: center; font-size: 0.4rem; color: #333; margin: 0.75rem auto 0.95rem; font-weight: bold;
}
.pay-inner{
	width: 14.4rem; max-width: 1440px; margin: 0 auto; padding: 0.8rem 2.25rem; background: #fff; box-sizing: border-box;
}
.pay-inner>div{
	margin-bottom: 0.25rem; line-height: 0.4rem; overflow: hidden;
}
.pay-inner>div span{
	float: left; font-size: 0.16rem; margin-right: 0.1rem;
}
.pay-inner>div select{
	float: left; font-size: 0.16rem; height: 0.4rem; width: 2.4rem; border-radius: 0.05rem; border: #ccc solid 1px;
}
.pay-inner>div input{
	float: left; font-size: 0.16rem; line-height: 0.4rem; width: 2.4rem; border-radius: 0.05rem; border: #ccc solid 1px;
}
.money{
	float: left;
}
.money li{
	float: left; width: 1.5rem; height: 0.8rem; border: #ccc solid 1px; border-radius: 0.05rem; margin-right: 0.2rem;
	text-align: center; line-height: 0.8rem; font-size: 0.24rem; color: #666; cursor: pointer;
}
.money .active{
	border: #2359c3 solid 2px; background: url(../image/right.jpg) right -4px bottom -2px no-repeat;
}
.pay-inner button{
	width: 1.8rem; line-height: 0.5rem; color: #fff; background: #2359c3; border: none; margin-left: 0.9rem; font-size: 0.16rem;
	border-radius: 0.05rem; cursor: pointer;
}



footer{
	width: 100%; padding: 0.3rem 0; background: #285ac7; position: relative; z-index: 1; margin-top: -0.05rem; overflow: hidden; 
}
.footer-inner{
	margin: 0 auto; font-size: 0.16rem; overflow: hidden; color: #fff; position: relative; box-sizing: border-box;
	text-align: center;
}

footer ul{
	overflow: hidden; margin: 0 0 0.08rem 0;
}
footer li{
	display: inline-block; padding-right: 0.03rem; position: relative;
}
footer li a{
	position: relative; z-index: 1; transition: all .5s; color: #fff;
}
footer li a:hover{
	text-decoration: underline;
}
footer li span{
	margin-left: 0.03rem; color: #fff;
}

footer .wangwen{ position: absolute; right: 0; top: 0.05rem;}
footer div p{ margin-bottom: 0.05rem; }
footer div p a{
	color: #fff; transition: all .5s;
}