html,body{
	height:100%;
	width:100%;
	padding:0;
	margin: 0;
}
#wrapper {
	width:100%;
	height:100%;
	background-color: #f5f6f7;
}
.user-option{
	position: absolute;
	right: 10%;
	top: 15px;
	padding-left: 40px;
	height: 32px;
	line-height: 32px;
}
.user-option a{
	color: #1e7cff;
	margin: 0 2px;
	text-decoration: none;
}
.my-btn,
.my-btn:hover,
.my-btn:active,
.my-btn:focus{
	border:none!important;
	background-color: #fff!important;
}
.content .top_nav_content {
	width: 1200px;
	display:flex;
	margin: 0px auto;
	padding:15px 0;
}
.content .top_nav_content .logo-box {
	width:10%;
}
.content .top_nav_content .nav-box {
	width:90%;
	line-height:30px;
	margin-left:10%;
}
.content .top_nav_content .nav-box ul {
	width:100%;
	display:flex;
}
.content .top_nav_content .nav-box ul li {
	margin:0 30px;
	border-bottom:2px solid transparent;
}
.content .top_nav_content .nav-box ul li.active {
	color:#5688ff;
	border-bottom:2px solid #5688ff;
}
.content .top_nav_content .nav-box ul li.active a{
  color:#5688ff;
}
.content .top_nav_content .nav-box ul li a {
	display:inline-block;
	width:100%;
	height:100%;
	text-decoration:none;
	color:#333;
}
.footer-box {
	width: 100%;
	background-color: #292e34;
	color: #fff;
	font-size: 12px;
	padding: 20px 0;
}
.footer-box .footer-detail {
	width: 1200px;
	margin: 15px auto;
	display: flex;
	justify-content: space-between;
}
.footer-box .footer-detail .footer-item .footer-title {
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 20px;
}
.footer-box .footer-detail .footer-item .ecode-box img{
  width: 107px;
  height: 107px;
  margin-right: 10px;
}
.footer-box .footer-detail .footer-item ul li {
	margin: 20px 0;
	display: flex;
	justify-content: space-between;
}
.footer-box .footer-detail .footer-item ul li a,
.footer-box .footer-detail .footer-item ul li a:hover{
	color:#fff;
	text-decoration: none;
}
.footer-box .footer-bottom {
	width: 100%;
	text-align: center;
}
.footer-box .footer-bottom p {
	margin-top: 10px;
}