*{margin:0;padding:0;}
body {font:12px/1.5 微软雅黑,Tahoma,'Microsoft Yahei','Simsun';color:#fff;text-align:center;background-color:#010101; }
a{display:inline-block;color:#fff;text-decoration:none;}
/*右侧导航*/
.rigbar{
    position: fixed;
    right: 110px;
    bottom: 0;
    top: 0;
    width: 46px;
    height: 80px;
    z-index: 22;
    margin: auto;
}
.rigbar_inner{
    display: flex;
    justify-content: space-between;
    flex-flow: column;
}
.rigbar_inner li{
    margin-bottom: 5px;
    background: #cccccc;
    width: 100%;
    height: 36px;
    border-radius: 3px;
}
/*头部*/
.header{
    width: 110%;
    margin: 0 auto;
    height: 80px;
    text-align: center;
    border-bottom: 1px solid #3e3c42;
    position: relative;
    z-index: 99;
}
/*头部
.header{
    width: 110%;
    margin: 0 auto;
    height: 80px;
    text-align: center;
    border-bottom: 1px solid #3e3c42;
    position: relative;
    z-index: 99;
}*/
.header_li{
    max-width: 1300px;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #0000;
	width: 1300px;
    height: 81px;
}
.header_logo{
    width: 250px;
    height: 66px;
	padding-top: 16px;
	margin-right: 90px;
	float: left;
}
.header_bar li{
    width: 110px;
    height: 70px;
    text-align: center;
    float: left;
    position: relative;
}
.header_bar li a:first-child{
    font-size: 16px;
    color: #cecbcb;
    display: block;
    line-height: 79px;
    font-weight: lighter;
}
.header_bar_shoepart{
    top:70px;
    left:0;
    width: 100%;
    padding: 10px 0;
    border-radius: 3px;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    position: absolute;
    display: none;
    background: #fff;
}
.header_bar_shoepart:before{
    content: "";
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.liwactive{
    color: #228BFF !important;
    border-bottom: 1px solid #228BFF;
}
.header_bar li a:hover{
    color: #228BFF !important;
    border-bottom: 1px solid #228BFF;
}
.header_bar_shoepart a{
    display: block;
    cursor: pointer;
    height: 40px;
    line-height: 40px!important;
    font-size: 14px!important;
    color: #555;
}
.header_lspart{
    padding-right: 10%;
    color: #cecbcb;
	margin-top: 21px;
	margin-left: 80px;
	width: 400px;
	float: left;
}
.header_lspartli{
    border: 1px solid #3e455f;
    border-radius: 40px;
    height: 40px;
    line-height: 38px;
    padding: 0 20px;
}
.header_bar{
	width: 480px;
	float: left;
}
.header_lspartli a{
    color: #cecbcb;
    font-size: 16px;
}

img{border:0;vertical-align:middle;}
span {color: #cbc8c8;}
p { color: #000;text-align: left;line-height: 20px;}
h1 {text-align: center;}
li {list-style:none;}
h3 {font-size: 20px;text-align: center;font-weight: normal;margin-top: 10px;}
.c{width:1420px;margin:0 auto;overflow:hidden;height:360px;position: relative;}
#top{text-align: center;}
.logo {text-align:left;margin-top:35px;}
.top-p {color:#228BFF;font-size:18px;position:relative;top:120px;}
.top_info {text-align:center;margin-top:120px;}
.top2 {width:1420px;margin:0 auto;overflow:hidden;height:210px;position: relative;top:-60px;}
.top2 h1 {font-size:20px;color:#00ccff;margin:10px 0 0 200px;}
.top2 img {display:block;margin-left:200px;}
.top-h2 {font-size:40px;text-align:center;line-height:75px;margin-top:-5px;color:#57a7ff;}
h3 span,.top-h2 span,h2 span{color:#57a7ff;}
.top-h2 span {color:#ffffff !important;}
.top3 {width:1420px;margin:0 auto;overflow:hidden;height:179px;}
.top3-p {color:#2c2c2c;margin-top:35px;margin-left:	142px;}
.top3-p span {color:#00ccff;font-weight: bold;}
.top2-div {margin-top:0px;}
.top4 {width:1420px;margin:0 auto;overflow:hidden;height: 250px;background-color:#e6e6e6;}
#top4 {background-color:#e6e6e6;}
.top-download {background: url(../img/download_top.jpg) center top no-repeat;width:364px;height:100px;text-align: left;overflow: hidden;margin:20px 0 0 0px;opacity:0.9}
.middle-download {width:394px;height:70px;overflow: hidden;text-align:center;margin-top:590px;opacity:0.9}
.foot-download-a {width:394px;height:70px;overflow: hidden;position: absolute;left:510px;bottom:85px;opacity:0.9}
.top-download:hover,.middle-download:hover,.foot-download-a:hover{opacity:1}

.b h2 {font-size:45px;font-weight:bold;margin-left:0px;text-align:center;padding-top:66px;color:#228BFF}
.b h2 span {color: #fff}
.b p {color:#8c8c8c;text-align: center;margin:25px 295px;}

.wrap{}.wrap .logo  a{width:190px;height:60px;display:block;}
.banner{height:965px;text-align:center;}.banner .btns{top:698px;left:0;position:absolute;width:100%;}.banner .btns a{margin:0 30px;}
img.hover{display:none;}.banner .btns a:hover .hover,.download_btn  a:hover .hover,.spot_items li:hover .hover{display:inline}.banner .btns a:hover .blur,.download_btn  a:hover .blur,.spot_items li:hover .blur{display:none;}
.compare{margin-top:80px;text-align:center;}.compare li{display:inline;margin:0 29px;}.download_btn{text-align:center;margin:60px 0 80px;}.spot{text-align:center;}
.spot_items{margin-top:60px;text-align:center;}.spot_items li{display:inline;margin:0 20px;}
.banner_title{width: 100%;position: absolute;top: 470px;}
.banner_title h1{display:block;width:680px;height:77px;text-align:left;margin: 0 auto 10px;}
.frienldly{
	width:1000px;
	margin:0 auto;
	padding-top: 40px;
	}
.frienldly h2{
	font-size:40px;
	text-align:center;
	color:#fff;
	border-bottom:1px solid #228BFF;
	padding-bottom:20px;
	margin-bottom:15px;
}
.frienldly ul{overflow:hidden;}
.frienldly ul li{
	float:left;
	width: 125px;
    height: 34px;
    line-height: 34px;
    text-align: left;
}
.frienldly ul li a{
	color:#fff;
	display:inline-block;
	
}

.articles{padding-bottom: 34px;overflow: hidden;width:1400px;margin:0 auto;padding-top:34px;color:#fff;}.articles a{color:#fff;}.game_info_h2{font-size:48px;color:#228BFF;font-weight:bold;text-align:center;margin-top:80px;}.articles li a{display:block;}
.articles li{float:left;width:450px;height:30px;line-height:30px;overflow:hidden;padding:0 40px;text-overflow:ellipsis;white-space: nowrap;}
.articles li span{margin-right:10px;float:left;}
a:hover{color:#228BFF !important;}
.banner a.do_btn{position:relative;}
.do_div{position:relative;}
.zt_tips{display:block;width:164px;height:47px; position:absolute;top:-30px; right:-20px;}

.footer_game{	
	 padding:40px 0px;	
	 bottom:0px;
}
.footer_game div{
	width:1000px;
	margin:0 auto;		
}
.footer_game ul{
	
	 overflow:hidden;	
	 margin:0 auto;
	 width:365px;
	color:#cbc8c8;
}
.footer_game ul li{
	float:Left;	
}
.footer_game ul li a{color:#cbc8c8;padding:0px 25px;}
.footer_game div p{color:#cbc8c8;}