/*
*初始化样式
*/
body, form, ul, li, p, dl, dd, dt ,h,td,th,h3{
	margin: 0;
	padding: 0;
}
body{
	font-size:14px;
}
li,ul{
	list-style: none;
}
input,textarea{
	border:1px solid #ccc;
}
a {
	color:#000;
}
a:link {
	color:#000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

.wrap{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.top{
	width: 60%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 25px;
}

.top .logo{
	width: 250px;
}

.top .logo img{
	width: 250px;
}

.top .menu{
	width: 50%;
	height: 80px;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	font-size: 20px;
}

.top .menu .item{
	width: 120px;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}

.top .menu .active span a{
	color: #00a0e9;
}

.top .menu .item span{
	cursor: pointer;
}

.top .menu .item span a:hover{
	color: #00a0e9;
}

.top .login{
	cursor: pointer;
	font-size: 16px;
	color: #525252;
}

.banner{
	width: 100%;
	margin-top: 10px;
	position: relative;
}

.banner img{
	width: 100%;
}

.youshi{
	width: 65%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 60px;
}

.youshi .item{
	width: 33%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.youshi .item .icon{
	width: 95px;
	height: 90px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.youshi .item .icon img{
	width: 95px;
}

.youshi .item .title{
	font-size: 20px;
	font-weight: bold;
	color: #525252;
	margin-top: 20px;
}

.youshi .item .desc{
	color: #535353;
	margin-top: 10px;
}

.buzou{
	width: 60%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-top: 60px;
}

.buzou .title{
	border-left: 5px solid #2ca2df;
	padding-left: 20px;
	font-size: 18px;
	font-weight: bold;
	height: 30px;
	display: flex;
	align-items: center;
}

.buzou .content{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.buzou .content img{
	width: 868px;
}

.game{
	width: 60%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-top: 40px;
}

.game .title{
	border-left: 5px solid #2ca2df;
	height: 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;

}

.game .title .left{
	font-size: 18px;
	font-weight: bold;
	padding-left: 20px;
}

.game .title .right{
}

.game .list{
	width: 100%;
	display: flex;
	flex-direction: row;
	margin-top: 20px;
	flex-wrap: wrap;
}

.game .list .item{
	width: 11%;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-right: 10px;
	margin-bottom: 20px;
	cursor: pointer;
	max-height: 120px;
}

.game .list .item .icon{
	width: 80%;
	max-height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.game .list .item .icon img{
	width: 80%;
	border-radius: 15px;
}

.game .list .item .name{
	margin-top: 10px;
}

.foot{
	width: 100%;
	background-color: #f1f1f1;
	border-top: 1px solid #ddd;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 30px;
}

.foot .corp{
	width: 60%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ddd;
	padding-bottom: 40px;
	padding-top: 20px;
}

.foot .corp .title{
	font-size: 18px;
	font-weight: bold;
}

.foot .corp .content{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin-top: 20px;
}

.foot .corp .content .item{
	display: flex;
	flex-direction: column;
	margin-right: 5%;
}

.foot .corp .content .item .title{
	font-size: 16px;
	display: flex;
	justify-content: flex-start;
}

.foot .corp .content .item .qq{
	display: flex;
	justify-content: flex-start;
	margin-top: 15px;
}

.foot .corp .content .item .wx{
	display: flex;
	flex-direction: row;
	margin-top: 10px;
}

.foot .corp .content .item .wx .img{
	width: 100px;
	margin-right: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #575656;
}

.foot .corp .content .item .wx .img img{
	width: 100%;
}

.foot .corp .content .item .wx .img span{
	margin-top: 10px;
}

.foot .link{
	width: 60%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	border-top: 1px solid #fff;
	padding-top: 20px;
}

.foot .link .content{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.foot .link .item{
	margin-right: 15px;
	margin-bottom: 20px;
}

.foot .link .item a{
	color: #575656;
}

.foot .bottom{
	width: 60%;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

.foot .bottom .nav{
	width: 100%;
	display: flex;
	justify-content: center;
}

.foot .bottom .copyright{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 10px;
}

.foot .bottom .copyright a{
	display: flex;
	justify-content: center;
	align-items: center;
}

.foot .bottom .copyright img{
	width: 30px;
}

.foot .bottom .company{
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 10px;
}