body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, div, input {

	margin: 0;

	padding: 0;

	border: 0;

}

header, section, footer, aside, nav, article, figure, dialog, menu {

	display: block;

}

body {

	font: 14px/1.5 "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, "Hiragino Sans GB", "Microsoft YaHei", sans-serif;

	background: #FFFFFF;

}

li {

	list-style-type: none;

}

a img {

	border: 0

}

a {

	text-decoration: none;

}

a:hover {

	text-decoration: none;

}

h1, h2, h3, h4 {

	font-family: "寰蒋闆呴粦", "榛戜綋";

}

.clearfix:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0;

}

.clear {

	clear: both;

}

.clearfix {

	display: inline-table;

}

/* Hides from IE-mac \*/

* html .clearfix {

	height: 1%;

}

.clearfix {

	display: block;

}

/* End hide from IE-mac */

.cl {

	font-size: 14px;

	font-family: "寰蒋闆呴粦";

}

a, p, input {

	-webkit-tap-highlight-color: rgba(0,0,0,0);

}

.topbag {

	position: relative;

}

.topbag img {

	width: 100%;

}

.topbox div h1 {

	color: #fff;

	font-size: 9vw;

	margin-top: 9%;

}

.topbox div p {

	color: #d4edff;

	letter-spacing: 3.5px;

	font-size: 4vw;

}

.topbox div {

	text-align: center;

}

.topbox div img {

	width: 16%;

}

.topbox {

	width: 100%;

	position: absolute;

	left: 0px;

	top: 0px;

	margin-top: 30%;

}

.left-dbtn {

	overflow: hidden;

	width: 50%;

	float: left;margin-top:5px;margin-bottom:5px;

}

.right-dbtn {

	overflow: hidden;

	width: 50%;margin-top:5px;margin-bottom:5px;

}

.download-btn {

	margin: 0px auto;

	overflow: hidden;margin-top:5px;

}

.download-btn a {

	display: block;

	color: #fff;

	border-radius: 5px;

	padding: 6px 5px;

	margin: 0px auto;

	width: 134px;

	height: 37px;

}

.download-btn a img {

	width: 20px;

	vertical-align: text-bottom;

	margin-top: 8px;

	margin-left: 4px;

}

.download-btn a span {

	display: block;

	float: right;

}

.left-apple {

	padding-left: 6px;

	padding-top: 8px;

	padding-bottom: 8px;

	padding-right: 5px;

}

.right-android {

	padding-left: 2px;

	padding-top: 8px;

	padding-bottom: 8px;

	padding-right: 5px;

}

.downp {

	background-color: #088FEB;

	margin-right: 14px;

}

.downa {

	background-color: #00D8BD;

}

.downp span {


}

.downa span {


}

.midbox {

	margin-bottom: 20px;

}

.midbox ul {

	overflow: hidden;

}

.midbox ul li {

	text-align: center;

	border-top: 1px solid #e5e5e5;

	padding: 16px 0px 12px 0px;

	overflow: hidden;

}

.midbox ul li img {

	width: 50px;

}

.left-ul {

	float: left;

	margin-top: 24px;

	width: 48.3%;

	padding-right: 5px;

}

.left-ul li:last-child {

	border-bottom: 1px solid #e5e5e5;

}

.right-line {

	border-left: 1px solid #e5e5e5;

	overflow: hidden;

	margin-top: 24px;

	padding-left: 5px;

}

.right-ul {

	border-bottom: 1px solid #e5e5e5;

}

.left-ul .news {

	color: #ed781c;

	font-weight: bold;

}

.left-ul .friends {

	color: #e6588e;

	font-weight: bold;

}

.left-ul .life {

	color: #2ac7da;

	font-weight: bold;

}

.right-ul .bbs {

	color: #088eeb;

	font-weight: bold;

}

.right-ul .event {

	color: #f15553;

	font-weight: bold;

}

.right-ul .game {

	color: #ad80dc;

	font-weight: bold;

}

.news1 {

	font-size: 11px;

	color: #909090;

	width: 88%;

	margin: 0px auto;

}