* {
			margin: 0px; padding: 0px;
		}
		a: link, a: visited {
			text-decoration: none;
		}
		a: hover {
			text-decoration: none;
		}
		ul {
			list-style: none;
		}
		button {
			outline: none;
		}
		/*-------------[top-content]------------------*/
		.center {
			width: 1200px; margin: 0px auto;
		}
		.top-bar {
			width: 100%; height: 35px;
			background-color: #eee;
		}
		.top-bar .center {
			height: 35px;
		}
		.welcome {
			width: 300px; height: 35px; padding: 9px 0px;
			font-size: 12px; float: left;
		}
		.operate {
			width: 300px; height: 35px; padding: 4px 0px;
			float: right; text-align: right;
		}
		.operate button {
			width: 50px; height: 27px; border-radius: 4px;
			padding: 4px 5px; font-size: 12px;
			outline: none; margin-left: 5px; margin-right: 5px;
		}
		.banner {
			width: 100%; height: 118px;
			background-image: url('../images/banner.png');
			/*background-attachment: fixed;*/
			background-position: center;
		}
		header {
			width: 100%; height: 100px;
		}
		header .center {
			height: 100px;
		}
		.logo {
			width: 200px; height: 100px; float: left;
			padding: 15px 0px;
		}
		.menu-operate {
			width: 1000px; height: 100px;
			float: right;
		}
		.menu-operate ul {
			width: 780px; height: 100px; padding-top: 40px; float: left;
		}
		.menu-operate li {
			display: inline-block;
		}
		.menu-operate li a:link, .menu-operate li a:visited {
			display: block; padding: 8px 8px; font-size: 17px;
			border-bottom: 2px solid white;
		}
		.menu-operate li a:hover {
			text-decoration: none;
			border-bottom: 2px solid #0074b7;
		}
		.menu-operate li a:focus {
			text-decoration: none;
		}
		.user-operate {
			width: 220px; height: 100px; padding: 10px 0px; padding-top: 30px; float: right;
		}
		.user-operate .online{
			width: 110px; height: 60px; float: left;
			
		}
		 .user-operate .online a:link,  .user-operate .online a:visited {
		 	width: 110px; height: 60px; border-radius: 10px 0px 0px 10px;
		 	background-color: #5cb85c; text-decoration: none; display:  block;
		 	padding: 18px 0px; text-align: center; padding-left: 28px;
		 	background-image: url(../images/calculator.png); font-size: 15px;
		 	background-repeat: no-repeat; color: white;
		 }
		 .user-operate .online a:hover {
		 	background-color: #70c670;
		 }
		.user-operate .login-register {
			width: 110px; height: 60px; float: right;
			border-radius: 0px 10px 10px 0px; text-align: center;
			background-color: #e8bf02;
		}
		.user-operate .login-register:hover {
			 background-color: #face00;
		}
		.user-operate .login-register a:link,
		.user-operate .login-register a:visited {
			display: inline-block; padding: 20px 5px; font-size: 14px; color: white;
		}
		.user-operate .login-register a:hover {
		}
		/*-----------[footer]------------*/
		
		footer {
			width: 100%; height: 220px; background-color: #54b1f3;
		}
		footer .center {
			height: 220px; padding: 30px 0px; color: white;
		}
		.footer-left {
			width: 650px; height: 160px; float: left; border-right: 1px dashed white;
		}
		.footer-left ul {
			display: inline-block; height: 160px; margin: 0px 30px; float: left;
		}
		.footer-left ul span {
			font-weight: bold; margin-bottom: 8px; display: block;
		}
		.footer-left li {
			margin-bottom: 7px;
		}
		.footer-left li a:link, .footer-left li a:visited {
			color: white;
		}
		.footer-right {
			width: 500px; height: 160px; float: right;
		}
		.contact {
			width: 330px; height: 160px; float: left; padding: 35px 0px;
		}
		.contact li {
			margin-bottom: 10px;
		}
		.qr-code {
			width: 160px; height: 160px; padding: 10px 20px; padding-bottom: 0px; float: right;
			margin-bottom:
		}
		.qr-code img {
			margin-bottom: 5px;
		}
		.qr-code span {
			text-align: center; font-size: 12px;
		}
		.footer-bottom {
			width: 100%; height: 50px; background-color: white;
			padding: 15px 0px; text-align: center; font-size: 13px; color: #666;
		}