.wrap{
	width:1200px !important;
}

/* 顶部导航栏 */
.top-bar-area{
	position:relative;
	width:100%;height:49px;
	background:#212121;
}

.top-bar-area .logo-btn{
	float:left;
	margin:5px 0 0 5px;
	width:84px;height:38px;
	background:url('../img/logo-icon.png') no-repeat;
}

.top-bar-area .release-number{
	float:left;
	margin-left:10px;
	line-height:49px;
	font-size:14px;
	color:#fff;
}

.top-bar-area .btn-area{
	float:left;
	margin-left:135px;
	width:570px;
}
.top-bar-area .btn-area .btn{
	position:relative;
	float:left;
	margin:0 23px;
	line-height:49px;
	font-size:14px;
	color:#b7ab92;
	cursor:pointer;
	z-index:2;
}
.top-bar-area .btn-area .btn.active,
.top-bar-area .btn-area .btn:hover{
	color:#efe5d6;
	font-weight:700;
}

.top-bar-area .btn-area .btn .vip-area{
	display:none;
	position:absolute;
	top:49px;left:50%;
	margin-left:-53px;
	width:106px;
}
.top-bar-area .btn-area .btn:hover .vip-area{
	display:block;
}
.top-bar-area .btn-area .btn .vip-area a{
	display:block;
	width:106px;height:53px;
	line-height:53px;
	background:#333;
	font-size:14px;
	color:#b7ab92;
	font-weight:500;
	text-align:center;
}
.top-bar-area .btn-area .btn .vip-area a:hover,
.top-bar-area .btn-area .btn .vip-area a.active{
	background:#222;
	color:#fff;
}

.top-bar-area .login-area{
	float:right;
	margin-right:20px;
}
.top-bar-area .login-area a{
	float:left;
	margin:0 8px;
	height:49px;line-height:49px;
	font-size:12px;
	color:#b0aeac;
}

/* 底部区域 */
.footer-area{
	position:relative;
	padding-top:31px;
	width:100%;height:313px;
	/* background:url('../img/footer-bg.jpg') top center no-repeat; */
	background:#313131;
	box-sizing:border-box;
}

.footer-area .info-area{
	float:left;
	margin-left:80px;
	width:400px;
}
.footer-area .info-area .name{
	height:58px;line-height:58px;
	font-size:24px;
	color:#fff;
	font-weight:700;
}
.footer-area .info-area .row{
	height:30px;line-height:30px;
	font-size:14px;
	color:#888;
}
.footer-area .info-area .row .left,
.footer-area .info-area .row .right{
	float:left;
}
.footer-area .info-area .row .mid{
	float:left;
	margin:8px 17px;
	width:1px;height:14px;
	background:#888;
}
.footer-area .info-area .row span{
	font-weight:700;
}

.footer-area .line{
	float:left;
	margin:48px 35px 0;
	width:1px;height:102px;
	background:#383838;
}

.footer-area .contact-area{
	float:left;
	width:123px;
}
.footer-area .tit{
	height:58px;line-height:58px;
	font-size:14px;
	color:#888;
	text-align:center;
}
.footer-area .contact-area a{
	display:inline-block;
	width:100%;height:30px;
	line-height:30px;
	font-size:14px;
	color:#fff;
	font-weight:700;
	text-align:center;
}

.footer-area .partner-area{
	float:left;
	width:123px;
}
.footer-area .partner-area a{
	display:block;
	margin:2px auto;
	width:111px;height:26px;
}

.footer-area .more-area{
	float:left;
	width:190px;
}
.footer-area .more-area span{
	display:block;
	height:30px;line-height:30px;
	font-size:14px;
	color:#fff;
	font-weight:700;
	text-align:center;
}
.footer-area .more-area .share-btn{
	margin:12px auto 0;
	width:fit-content;
}
.footer-area .more-area .share-btn a{
	float:left;
	margin:0 13px;
	width:31px;height:31px;
}

.footer-area .remind{
	margin:50px auto 0;
	width:100%;
	font-size:12px;
	color:#888;
	text-align:center;
}
.footer-area .remind p{
	margin-bottom:20px;
}
.footer-area .remind p .icon{
	display:inline-block;
	margin-right:10px;
	width:18px;height:20px;
	background:url('../img/ga-icon.png') no-repeat;
	vertical-align:-5px;
}

/* 分页 */
.pageArea{
	margin:0 auto;
	width:fit-content;
}
.pageArea a{
	float:left;
	padding:0 13px;
	margin:0 5px;
	height:31px;line-height:31px;
	background:#eee;
	border-radius:5px;
	font-size:12px;
	color:#666;
	text-align:center;
}
.pageArea a.cur{
	background:#00acf0;
	color:#fff;
}

.nav{
	position:fixed;
	top:50%;right:0px;
	margin-top:-200px;
	width:150px;height:400px;
	background:url('../img/home-code.png') no-repeat;
	z-index:1;
}

.nav .code-img{
	position:absolute;
	top:17px;left:50%;
	margin-left:-71px;
	width:142px;height:142px;
	animation:mymove 1s linear infinite;
	-webkit-animation:mymove 1s linear infinite; 
}
@keyframes mymove{
	0%{
		transform:scale(1);
	}
	50%{
		transform:scale(0.9);
	}
	100%{
		transform:scale(1);
	}
}

.nav a{
	position:absolute;
	bottom:0;left:0;
	width:100%;height:185px;
}