html {
	color: #333;
	background: #FFF;
	font-family: MicrosoftYaHei;
	font-size: 14px;
	padding-top: 80px;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style: normal;
	font-weight: normal;
}

ol,
ul {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

a {
	text-decoration: none;
	color: #333;
}

img {
	max-width: 100%;
}

q:before,
q:after {
	content: '';
}

abbr,
acronym {
	border: 0;
}

/* 流式布局 */
.flex {
	display: flex;
}

.flex-ajcenter {
	align-items: center;
	justify-content: center;
}

.flex-row {
	flex-flow: row;
}

.flex-column {
	flex-flow: column
}

.align-stretch {
	align-items: stretch;
}

.align-center {
	align-items: center;
}

.alignicon-start {
	align-items: flexicon-start;
}

.align-end {
	align-items: flex-end;
}

.align-baseline {
	align-items: baseline;
}

.align-inherit {
	align-items: inherit;
}

.justifyicon-start {
	justify-content: flexicon-start;
}

.justify-center {
	justify-content: center;
}

.justify-end {
	justify-content: flex-end;
}

.justify-between {
	justify-content: space-between;
}

.justify-around {
	justify-content: space-around !important;
}

.justify-inherit {
	justify-content: inherit;
}

.self-align-stretch {
	align-self: stretch;
}

.self-align-center {
	align-self: center;
}

.self-alignicon-start {
	align-self: start;
}

.self-align-end {
	align-self: end;
}

.self-align-inherit {
	align-self: inherit;
}

.self-justifyicon-start {
	justify-self: start;
}

.self-justify-center {
	justify-self: center
}

.self-justify-end {
	justify-self: end
}

.self-justify-between {
	justify-self: between
}

.self-justify-around {
	justify-self: around
}

.self-justify-inherit {
	justify-self: inherit
}

/* 不加宽度会有溢出bug */
.flex-1 {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 50%;
}

.content {
	margin: auto;
	width: 1200px;
	min-width: 1200px;
	box-sizing: border-box;
}
.p-show{
	display: none;
}

/* 头部样式 */
.head-box {
	height: 80px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	z-index: 9999;
}

.head-box .content {
	display: flex;
	align-items: center;
	height: 80px;
}

.head-box .content .logo {
	width: 135px;
}
.head-box .content .head-nav>li{
	flex: 1;
	text-align: right;
}
.head-box .content .head-nav>li>a {
	display: inline-block;
	height: 37px;
	line-height: 37px;
	position: relative;
}

.head-box .content .head-nav>li>a.active {
	color: #d84621;
}

.head-box .content .head-nav>li>a.active::after {
	content: '';
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 2px;
	background-color: #d84621;
}

/* 底部样式 */
.footer-box {
	height: 250px;
	background-color: #000000;
}

.footer-box .footer-box__top {}

.footer-box .footer-box__top .footer-box__top_lf {
	width: 620px;
	padding: 22px 0;
	border-bottom: 1px solid #2f2f2f;
	line-height: 20px;

}

.footer-box .footer-box__top .footer-box__top_lf .li .tit {
	color: #999;
}

.footer-box .footer-box__top .footer-box__top_lf .li .num {
	color: #fff;
}

.footer-box .footer-box__top .footer-box__top_lr {
	text-align: right;
	padding: 22px 0 0;
}

.footer-box .footer-box__top .footer-box__top_lr .tit {
	color: #999;
	font-size: 12px;
	margin-bottom: 5px;
}

.footer-box .footer-box__top .footer-box__top_lr .btn>a {
	display: inline-block;
	width: 37px;
	height: 37px;
	background: url(../img/wb_icon.png) no-repeat top left;
	margin-left: 15px;
}

.footer-box .footer-box__top .footer-box__top_lr .btn>a.wx {
	background: url(../img/wx_icon.png) no-repeat top left;
}

.footer-box .footer-box__bot {
	padding-top: 29px;
}

.footer-box .footer-box__bot .bot_lf .img {
	width: 225px;
}

.footer-box .footer-box__bot .bot_lf .url {
	color: #999999;
	font-size: 12px;
}

.footer-box .footer-box__bot .bot_lr .btn {
	text-align: right;
}

.footer-box .footer-box__bot .bot_lr .btn>a {
	display: inline-block;
	color: #ffffff;
	font-size: 12px;
	margin-left: 35px;
	text-decoration: underline;
}

.footer-box .footer-box__bot .bot_lr .tips {
	justify-content: flex-end;
	font-size: 12px;
	color: #999999;
	margin-top: 27px;
}

.footer-box .footer-box__bot .bot_lr .tips>div {
	color: #fff;
}

.footer-box .footer-box__bot .bot_lr .tips-bot {
	justify-content: flex-end;
	font-size: 12px;
	color: #999999;
	margin-top: 10px;
	align-items: center;
}

.footer-box .footer-box__bot .bot_lr .tips-bot img {
	width: 9px;
	height: 11px;
	margin-right: 3px;
}

.footer-box .footer-box__bot .bot_lr .tips-bot .line {
	width: 1px;
	height: 12px;
	background-color: #999;
	margin: 0 4px;
}

.navigation-box {
	display: flex;
	align-items: center;
	height: 130px;
	background-color: #f7f7f7;
}

.privacy-box .privacy-box_h1 {
	justify-content: center;
	padding: 40px 0 30px 0;
	font-size: 20px;
	font-weight: bold;
}

.privacy-box .privacy-box_h2 {
	font-size: 20px;
	display: flex;
	font-size: 18px;
	height: 60px;
	color: #666666;
	align-items: center;
	text-indent: 21px;
	background-color: #f9eae7;
	margin-bottom: 20px;
}

.privacy-box_cont {
	margin-bottom: 21px;
	font-size: 14px;
	line-height: 24px;
	color: #666666;
}

.privacy-box_cont .title {
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
}

.dispute {
	padding-top: 26px;
}

.dispute .title {
	margin: 37px 0;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}

.dispute .cont {
	padding-bottom: 140px;
	line-height: 24px;
	color: #666666;
}

.about {
	padding: 68px 0;
	text-align: center;
}

.about .tit {
	font-size: 24px;
	color: #333333;
	margin-bottom: 35px;
}

.about .cont {
	color: #999999;
	line-height: 24px;
}

.recruitment {
	padding: 0 80px 70px;
	overflow: hidden;
}

.recruitment .li {
	width: 490px;
	float: left;
	height: 850px;
	margin-top: 65px;
	background-color: #fafafa;
	box-sizing: border-box;
	padding: 0 44px;
}

.recruitment .li:nth-child(2n+2) {
	margin-left: 60px;
}

.recruitment .li .title {
	color: #333333;
	font-size: 24px;
	text-align: center;
	padding: 35px 0 24px;
}

.recruitment .li .name {
	font-size: 20px;
	color: #333333;
	margin: 50px 0 30px;
}

.recruitment .li .cont {
	color: #999999;
	font-size: 16px;
	line-height: 30px;
}


.game {
	padding: 60px 0;
}

.game>ul>li .li-top {
	align-items: center;
}

.game .li-top .name .tit {
	color: #333333;
	font-size: 28px;
	padding-bottom: 10px;
}

.game .li-top .name .cont {
	color: #999999;
	font-size: 15px;
	line-height: 20px;
}

.game .li-top .img {
	margin-left: 60px;
}

.game .li-bot {
	text-align: right;
	margin-top: 30px;
	position: relative;
}

.game .li-bot .cont {
	position: absolute;
	left: 0;
	top: 16px;
	width: 270px;
	height: 380px;
	background-color: #c02700;
	box-sizing: border-box;
	padding: 39px 29px;
	text-align: left;
	color: #fff;
}

.game .li-bot .cont .name {
	font-size: 22px;
	margin-bottom: 18px;
}

.game .li-bot .cont .info {
	line-height: 24px;
}

.game-2 {
	background-color: #f7f7f7;
}

.game-2 .li-bot {
	text-align: left;
}

.game-2 .li-bot .cont {
	right: 0;
	left: initial;
	background-color: #ec9310;
}

.game-3 .li-bot .cont {
	background-color: #09adb7;
}

.game-3 .li-bot .cont .info {
	line-height: 36px;
}

.game-4 {
	background-color: #f7f7f7;
	padding: 54px 0;
}

.game-4 .pag {
	width: 574px;
}

.game-4 .pag:nth-child(2) {
	margin-left: 52px;
}

.game-4 .pag .tit {
	font-size: 28px;
	color: #333333;
}

.game-4 .pag .tips {
	padding: 20px 0;
	color: #999999;
	line-height: 20px;
}

.game-5 {
	padding: 60px 0;
}

.game-5 .tit {
	color: #333333;
	font-size: 24px;
	margin-bottom: 30px;
}

.game-5>ul>li {
	margin-right: 20px;
}

.game-5>ul>li:last-child {
	margin: 0;
}

.game-5>ul>li .name {
	color: #333333;
	font-size: 18px;
	padding: 20px 0;
}

.game-5>ul>li .tips {
	color: #999999;
	line-height: 20px;
}

.register {
	padding: 40px 150px;
}

.register .register-box {
	width: 990px;
	box-sizing: border-box;
	padding: 36px 110px;
	background-color: #f7f7f7;
	border-radius: 10px;
}

.register .register-box .pag {
	display: flex;
}

.register .register-box .pag .pag_lf {
	position: relative;
}

.register .register-box .pag .pag_lf .pag_round {
	width: 15px;
	height: 15px;
	background-color: #d84621;
	border-radius: 15px;
	margin-top: 7px;
	margin-right: 20px;
}

.register .register-box .pag .pag_lf .pag_line {
	width: 1px;
	background-color: #d84621;
	height: 100%;
	position: absolute;
	top: 0;
	left: 7.5px;
}

.register .register-box .pag:nth-child(1) .pag_lf .pag_line {
	top: 7px;
}

.register .register-box .pag:last-child .pag_lf .pag_line {
	height: 7px;
}

.register .register-box .pag .pag_lr .tit {
	color: #333333;
	font-size: 22px;
	margin-bottom: 14px;
}

.register .register-box .pag .pag_lr .input input {
	width: 750px;
	height: 70px;
	background-color: #ffffff;
	border-radius: 5px;
	border: solid 1px #dddddd;
	font-size: 30px;
	text-indent: 20px;
}

.register .register-box .pag .pag_lr .ps {
	color: #999999;
	font-size: 16px;
	padding: 15px 0 30px;
}

.register .register-box .pag .pag_lr .tips {
	align-items: center;
	margin-top: 19px;
	font-size: 18px;
	color: #999999;
}

.register .register-box .pag .pag_lr .tips>input {
	width: 24px;
	height: 24px;
	background-color: #ffffff;
	border-radius: 5px;
	border: solid 1px #dddddd;
	margin-right: 9px;
	cursor: pointer
}

.register .register-box .pag .pag_lr .tips>a {
	color: #d84621;
}

.register .register-ps {
	justify-content: center;
	padding: 29px 0;
	font-size: 18px;
}

.register .register-ps img {
	margin-right: 10px;
	width: 20px;
	height: 20px
}

.register .register-btn {
	display: flex;
	height: 90px;
	justify-content: center;
	color: #fff;
	background-color: #d84621;
	border-radius: 10px;
	align-items: center;
	font-size: 30px;
	margin: 90px 0;
	cursor: pointer
}

.index-box {
	padding: 463px 0 112px;
	background: url(../img/banner.png)no-repeat center top;
}

.index-box ul {
	margin: 0 135px;
	background-color: rgba(255, 255, 255, 0.9);
	border-top: 5px solid #f4761c;
	box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.05);
}

.index-box ul li {
	padding: 0 30px;
	height: 60px;
}

.index-box ul li .cont {
	height: 60px;
	align-items: center;
	border-bottom: 1px solid #eee;
}

.index-box ul li .cont .title {
	border: solid 1px #c5ab86;
	color: #c5ab86;
	font-size: 12px;
	width: 41px;
	text-align: center;
	height: 21px;
	line-height: 20px;
	margin-right: 18px;
}

.index-box ul li .cont .time {
	color: #999;
}

.index-box ul li:nth-child(1) {
	background-color: #f8f8f8;
}

.index-box ul li:nth-child(1) .cont .title {
	width: 52px;
	height: 33px;
	line-height: 33px;
	border: none;
	text-align: left;
	text-indent: 9px;
	background: url(../img/index1.png)no-repeat left top;
}

.index-box ul li:nth-child(1) .cont .info {
	font-size: 16px;
	font-weight: bold;
}

.index-box ul li:nth-child(1) .cont .time {
	font-size: 16px;
	font-weight: bold;
}

.topup-box {
	padding: 30px 0 80px;
	display: flex;
}

.topup-box .topup-box_lf {
	width: 313px;
	height: 390px;
	background-color: #f7f7f7;
	border-radius: 5px;
	box-sizing: border-box;
	padding: 48px 0 0 50px;
	margin-right: 26px;
}

.topup-box .topup-box_lf a {
	display: flex;
	align-items: center;
	height: 70px;
	justify-content: center;
	background-color: #fff;
	font-size: 21px;
	color: #d84621;
}

.topup-box .topup-box_lr {
	background-color: #f7f7f7;
	border-radius: 5px;
	height: 687px;
	box-sizing: border-box;
	padding: 57px 89px;
}

.topup-box .topup-box_lr ul li {
	display: flex;
	align-items: center;
	margin-bottom: 40px;
}

.topup-box .topup-box_lr ul li .name {
	font-size: 18px;
	width: 108px;
	text-align: right;
}

.topup-box .topup-box_lr ul li .info {
	align-items: center;
	font-size: 18px;
	margin-left: 20px;
}

.topup-box .topup-box_lr ul li .radio {
	width: 20px;
	height: 20px;
	margin-right: 5px;
}

.topup-box .topup-box_lr ul li .game-btn {
	align-items: center;
	font-size: 18px;
	margin-left: 20px;
}

.topup-box .topup-box_lr ul li .game-btn>button {
	width: 260px;
	height: 60px;
	background-color: #ffffff;
	border-radius: 5px;
	color: #999999;
	font-size: 18px;
	border: solid 1px #dddddd;
	margin-right: 15px;
	cursor: pointer;
}

.topup-box .topup-box_lr ul li .input {
	margin-left: 20px;
}

.topup-box .topup-box_lr ul li .input>input {
	width: 260px;
	height: 60px;
	background-color: #ffffff;
	border-radius: 5px;
	border: solid 1px #dddddd;
	font-size: 30px;
	text-indent: 15px;
}

.topup-box .topup-box_lr ul li .tips {
	margin-left: 20px;
	font-size: 18px;
}

.topup-box .topup-box_lr ul li:nth-child(5) {
	margin-bottom: 15px;
}

.topup-box .topup-box_lr ul li .recharge {
	margin-left: 20px;
	width: 260px;
	height: 70px;
	background-color: #d84621;
	border-radius: 5px;
	text-align: center;
	line-height: 70px;
	color: #ffffff;
	font-size: 24px;
	cursor: pointer;
}

.parental-box {
	padding: 60px 0 120px;
}

.parental-box .parental-box_tab {
	display: flex;
	margin-bottom: 30px;
}

.parental-box .parental-box_tab li {
	flex: 1;
	text-align: center;
	height: 55px;
	border: solid 1px #dddddd;
	line-height: 55px;
	font-size: 16px;
	border-right: none;
	cursor: pointer;
}

.parental-box .parental-box_tab li:last-child {
	border-right: solid 1px #dddddd;
}

.parental-box .parental-box_tab li.active {
	background-color: #c73510;
	color: #ffffff;
}

.parental-box .parental-box__box .tab-item {
	display: none;
}

.parental-box .parental-box__box .tab-item .cont {
	color: #666666;
	line-height: 24px;
	margin-bottom: 20px;
	text-indent: 18px;
}

.parental-box .parental-box__box .tab-item .info {
	color: #666666;
	line-height: 24px;
	margin-bottom: 20px;
}

.parental-box .parental-box__box .tab-item .btn {
	color: #666666;
	line-height: 24px;
	margin-bottom: 140px;
}

.parental-box .parental-box__box .tab-item .tit {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
}

.parental-box .parental-box__box .show {
	display: block;
}

.cooper-box {
	background: url(../img/Cooperate_bg.png)no-repeat top center;
	background-size: 100% 100%;
}

.cooper-box .info {
	text-align: center;
	width: 302px;
	height: 302px;
	background-color: rgba(255, 255, 255, 0.7);
	border: solid 10px #d84621;
	border-radius: 50%;
	line-height: 36px;
	margin-top: 278px;
	margin-bottom: 140px;
}

.cooper-box .info .tit {
	margin-top: 86px;
	font-size: 24px;
	font-weight: 700;
	color: #333333;
}

.cooper-box .info_2 {
	margin-top: 118px;
	margin-left: 117px;
}
@media screen and (max-width: 1024px) {
	.content{
		width: 960px;
		min-width: 960px;
	}
}
@media screen and (max-width: 767px) {
	.content{
		width: 100%;
		min-width: 100%;
	}
	.p-show{
		display: block;
	}
	.head-box{
		padding: 0 10px;
		border-bottom: 1px solid #d3d3d3;
	}
	.head-box .content .logo{
		flex: 1;
	}
	.head-box .content .wap-menu{
		background-color: #d84621;
		padding: 10px;
		height: 22px;
		border-radius: 3px;
	}
	.head-box .content .wap-menu img{
		width: 22px;
		height: 22px;
	}
	.head-box .head-nav{
		flex-direction: column;
		position: absolute;
		top: 80px;
		right: 0;
		display: none;
		width: 150px;
		background-color: #fff;
		border-top: 2px solid #d84621;
	}
	.head-box .head-nav.show{
		display: block;
	}
	.head-box .content .head-nav>li{
		text-align: center;
	}
	.index-box{
		padding: 20px 10px;
		background: none;
	}
	.index-box ul{
		margin: 0;
	}
	.footer-box{
		height: inherit;
	}
	.footer-box .footer-box__top{
		flex-direction: column;
	}
	.footer-box .footer-box__top .footer-box__top_lf{
		width: 100%;
		flex-direction: column;
	}
	.footer-box .footer-box__top .footer-box__top_lf .li{
		width: 100%;
		display: flex;
		line-height: 32px;
		text-indent: 20px;
	}
	.footer-box .footer-box__top .footer-box__top_lr{
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.footer-box .footer-box__bot{
		flex-direction: column;
		align-items: center;
	}
	.footer-box .footer-box__bot .bot_lf{
		width: 100%;
		text-align: center;
	}
	.footer-box .footer-box__bot .bot_lr{
		width: inherit;
		text-align: center;
		padding: 0 10px;
	}
	.footer-box .footer-box__bot .bot_lf .img{
		margin: auto;
	}
	.footer-box .footer-box__bot .bot_lr .btn{
		text-align: center;
	}
	.footer-box .footer-box__bot .bot_lr .btn>a{
		margin:10px 0 0;
	}
	.footer-box .footer-box__bot .bot_lr .tips-bot{
		margin-bottom: 20px;
	}
	.footer-box .footer-box__bot .bot_lr .tips>div{
		white-space: nowrap;
	}
	.navigation-box{
		padding-left: 10px;
	}
	.game{
		padding: 20px 10px;
	}
	.game .li-bot .cont{
		display: none;
	}
	.game .li-top .img{
		margin-left: 10px;
	}
	.game-4{
		padding: 20px 10px;
	}
	.game-4>.content{
		flex-direction: column;
	}
	.game-4 .pag{
		width: 100%;
	}
	.game-4 .pag:nth-child(2){
		margin: 0;
	}
	.game-5{
		padding: 20px 10px;
	}
	.game-5>.flex{
		display: block;
		overflow: hidden;
		
	}
	.game-5>ul>li{
		width: 48%;
		float: left;
		margin-right: 4%;
	}
	.game-5>ul>li:nth-child(2n+2){
		margin: 0;
	}
	.register{
		padding: 20px 10px;
	}
	.register .register-box{
		width: 100%;
		padding:36px 20px
	}
	.register .register-box .pag .pag_lr .input input{
		width: 100%;
		height:48px
	}
	.register .register-btn{
		height: 56px;
		font-size:24px;
		margin:40px 0
	}
	.topup-box{
		flex-direction: column;
		padding: 0 10px;
	}
	.topup-box .topup-box_lf{
		width: 100%;
		background-color:#fff;
		padding:0;
		margin-right:0;
		height: inherit;
	}
	.topup-box .topup-box_lf a{
		justify-content: left;
	}
	.topup-box .topup-box_lr{
		width: 100%;
		padding: 20px;
	}
	.topup-box .topup-box_lr ul li .name{
		white-space: nowrap;
	}
	.topup-box .topup-box_lr ul li .recharge{
		width: 100%;
	}
	.topup-box .topup-box_lr ul li .game-btn>button{
		width: 50%;
		font-size: 14px;
	}
	.topup-box .topup-box_lr ul li .game-btn>button:last-child{
		margin: 0;
	}
	.topup-box .topup-box_lr ul li:last-child .name{
		display: none;
	}
	.topup-box .topup-box_lr ul li .input>input{
		width: 100%;
	}
	.recruitment{
		padding: 20px 10px;
	}
	.recruitment .li{
		width: 100%;
		margin-top: 20px;
		height: auto;
		padding: 0 20px 20px;
	}
	.recruitment .li:nth-child(2n+2){
		margin-left: 0;
	}
	.recruitment .li .name{
		margin: 20px 0;
	}
	.recruitment .li .title{
		padding: 20px 0 0px;
	}
	.about{
		padding: 30px 10px;
	}
	.cooper-box{
		background: none;
	}
	.cooper-box .content{
		flex-direction: column;
		align-items: center;
		margin-bottom: 40px;
	}
	.cooper-box .info{
		margin: 20px 0;
	}
	.cooper-box .info_2{
		margin: 0;
	}
	.privacy-box{
		padding: 0px 10px;
	}
	.dispute{
		padding: 0 10px;
	}
	.dispute .cont{
		padding-bottom: 40px;
	}
	.parental-box{
		padding: 20px 10px;
	}
	.parental-box .parental-box_tab li{
		font-size: 14px;
		white-space: nowrap;
	}
}