html,body,ul, li, p , dl, dd,header,footer {
    font-family:'微软雅黑','Microsoft YaHei UI';
    margin:0;
    padding:0;
    list-style:none;
}
a {
    text-decoration:none;
    color:#fff;
}
.center {
    margin:0 auto;
}
.txt-center {
   text-align:center;
}
.txt-left {
    text-align:left;
}
.txt-right {
    text-align: right;
}
.pull-left {
    float: left;
}
.pull-right {
    float:right;
}
header {
    position:fixed;
    top:0;
    left:0;
    right:0;
    height:80px;
    line-height:80px;
    background:#fff;
    text-align:center;
    z-index:2;
    box-shadow:0 1px 3px rgba(26,26,26,0.3);
}
header img {
    margin-top:15px;
}
header div{
    width:1200px;
    margin:0 auto;
}
header ul {
    margin-left:400px;
    float: right;
}
header li {
    height:80px;
    box-sizing:border-box;
    padding:0 20px 2px;
    float:left;
    margin-right:6px;
}
header li:hover{
    opacity:0.8;
    border-bottom: 3px solid red;
    color:red;
}
header li.active{
    opacity:0.8;
    border-bottom: 3px solid red;
    color:red;
}
header li > a {
    display:inline-block;
    color:inherit;
}
.content {
    min-width:1200px;
    min-height:900px;
    margin: 0 auto;
    padding-top:80px;
}
.content h2 {
    margin:30px 0;
}
.crumb{
    font-size:15px;
    color: blue;
    line-height:30px;
}
.crumb a {
    color: blue;
}
.content article {
    width:1000px;
    margin:0 auto 100px auto;
}
.swiper-container {
    width:100%;
}
.swiper-slide {
    color: #fff;
    font-size: 36px;
    text-align: center;
}
.content .img {
    width:100%;
}
.swiper-slide img {
    width:100%;
}
.font18 {
    font-size:18px;
}
.download-codes {
	user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	display: flex;
	width: 1200px;
	margin: 0 auto 200px auto;
	color: #727272;
	font-size: 24px;
}
.download-codes .game-title {
	font-size: 26px;
	margin: 15px 0 50px 0;
}
.download-codes .left {
	padding: 70px 0 200px 15px;
}
.download-codes .left img {
    margin-top: 100px;
    margin-left: 40px;
}
.download-codes .right {
	flex: 1;
	
}
.download-codes .right .codes {
	display: flex;
	padding-left: 55px;
    margin-bottom: 75px;
    justify-content: center;
}
.download-codes .right .codes > div{
	text-align: center;
    /* width: 382px; */
}
.download-codes .icon {
    width: 72px;
    height: 72px;
}
.download-codes .right img.code_img {
	width: 220px;
	height: 220px;
	box-shadow: 2px 2px 10px #ddd;
}
footer {
    box-sizing:border-box;
    padding-top:20px;
    padding-bottom:20px;
    line-height:45px;
    min-width:1200px;
    background:#666;
}
footer > div {
    min-width:1200px;
    margin:0 auto;
}
footer p {
    color: #fff;
}
footer a {
    text-decoration: underline;
}