@charset "utf-8";
/* CSS Document */

/* reset */

html {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-ms-text-size-adjust: 100%; 
	-webkit-text-size-adjust: 100%;
	font-size: 62.5%;
}

body {
	color: #333;
	font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.6;
}

body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, area, blockquote, p, table, td, th, form, fieldset, legend input, select, textarea, button, section, aside, nav, header, footer, audio, vedio, canvas, article, figure, figcaption, progress, datalist {
	margin: 0;
	padding: 0;
}

section, aside, nav, header, footer, audio, vedio, canvas, article, figure, figcaption { display: block; }

progress, datalist {
	display: inline-block;
	vertical-align: baseline;
}

input, select, textarea, button {
	font-family: inherit;
	font-size: inherit;
	outline: none;
	box-sizing: content-box;
}

textarea { resize: none; }

ol, ul, li { list-style: none; }

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	border: none;
	vertical-align: middle;
}

a, a:link, a:visited, a:hover, a:active {
	color: #333;
	text-decoration: none;
	outline: none;
}

.clearfix:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	font-size: 0;
	visibility: hidden;
}
.clearfix {
	clear: both;
	zoom: 1;
}

.fleft { float: left; }
.fright { float: right; }

.absolute { position: absolute; }
.relative { position: relative; }

.hide { display: none; }
.block { display: block; }

.hidden { overflow: hidden; }

.hr10, .hr15, .hr20, .hr30, hr40, hr50, hr80 { font-size: 0; }
.hr10 { height: 10px; }
.hr15 { height: 15px; }
.hr20 { height: 20px; }
.hr30 { height: 30px; }
.hr40 { height: 40px; }
.hr50 { height: 50px; }
.hr80 { height: 80px; }

.b { font-weight: bold; }

.c-red { color: red; }
.c-blue { color: blue; }
.c-white { color: white; }
.c-black { color: black; }

.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f22 { font-size: 22px; }
.f24 { font-size: 24px; }
.f26 { font-size: 26px; }
.f28 { font-size: 28px; }
.f30 { font-size: 30px; }
.f32 { font-size: 32px; }

.txtL { text-align: left; }
.txtC { text-align: center; }
.txtR { text-align: right; }

.btn {
	background-image: url(../../../images/btn.png);
	background-repeat: no-repeat;
	overflow: hidden;
}

.ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

#wrapper {
	width: 100%;
	margin: 0 auto;
}

.wrap {
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
}
.wrap,
.head{ min-width: 960px\9; }
:root .wrap,
:root .head { min-width: inherit; }
#wrapper.fromApp .head { display: none; }

.inputs {
	position: relative;
	width: 312px;
	margin: 0 auto;
	padding: 7px 0;
	overflow: hidden;
}

.inputTxt {
	width: 290px;
	height: 16px;
	padding: 12px 10px;
	font-size: 14px;
	line-height: 16px\9;
	border: 1px solid #c3c3c3;
	border-radius: 5px;
	box-shadow: inset 0 1px 2px #d1d1d1;
}
select.inputTxt {
	width: 300px;
	*width: 312px;
	height: 40px;
	padding: 0 0 0 10px;
}
.inputTxt:focus { border-color: #7da12c; }
.inputTxt.error { border-color: #f00; }

a.submit,
a.cancle,
.submit,
.cancle {
	height: 42px;
	color: #fff;
	font-size: 16px;
	line-height: 42px;
	text-align: center;
	word-spacing: .4em;
	border: none;
	border-radius: 5px;
}

a.submit,
.submit { background-color: #7da12c; }
a.submit:hover,
.submit:hover { background-color: #86b819; }

a.cancle,
.cancle { background-color: #cbcbcb; }
a.cancle:hover,
.cancle:hover { background-color: #bab8b8; }

.head {
	position: relative;
	z-index: 10;
	width: 100%;
	padding: 7px 0;
	background-color: #fff;
	border-bottom: 1px solid #ebebeb\9;
	box-shadow: 0 0 4px 2px rgba(151,151,151,.23);
}
:root .head { border-bottom: none; }

.nav,
.nav li { float: left; }
.nav ul {
	overflow: hidden;
	zoom: 1;
}
.nav a,
.head-menu a {
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
	     -o-transition: all .3s;
	        transition: all .3s;
}
.nav a {
	display: block;
	height: 64px;
	line-height: 64px;
	padding: 0 25px;
	font-size: 16px;
}
.nav a:hover{ color: #7da12c; }

.logo {
	float: left;
	margin-right: 30px;
	background: url(logo3.png) no-repeat center;
	background-size: 100% 100%;
}
.logo a {
	display: block;
	width: 162px;
	height: 64px;
	padding: 0;
	text-indent: -9999px;
}

.head-toggle {
	position: fixed;
	right: 10px;
	top: 10px;
	z-index: 10;
	display: none;
	width: 44px;
}
.head-toggle a {
	display: block;	
	padding: 5px 10px 9px;
	background-color: #222;
	border: 1px solid #333;
	border-radius: 4px;
}
.head-toggle a:hover { background-color: #333; }
.head-toggle span {
	display: block;
	width: 22px;
	height: 2px;
	margin-top: 4px;
	background-color: #fff;
	border-radius: 1px;
}

.head-right {
	float: right;
	margin: 20px 0 0 20px;
	padding-right: 5px;
}

.before-login span,
.before-login a { line-height: 24px; }

.before-login span {
	margin: 0 8px;
	color: #a7a7a7;
	font-size: 14px;
}

.head-username,
.before-login a { color: #555; }
.before-login a.current {
	color: #000;
	font-size: 14px;
}
.before-login a:hover {
	color: #000;
	text-decoration: underline;
}

.head-username {
	min-width: 60px;
	height: 24px;
	line-height: 24px;
	padding: 0 12px;
	cursor: pointer;
}

.head-menu {
	position: absolute;
	left: 0;
	top: 24px;
	z-index: 100;
	display: none;
	width: 100%;
	background-color: #222;
}
.head-menu a {
	display: block;
	height: 26px;
	padding: 0 12px;
	color: #9d9d9d;
	line-height: 26px;
	border-bottom: 1px solid #101010;
	border-top: 1px solid #373737;
}
.head-menu a:hover {
	color: #fff;
	background-color: #333;
}

.unlogin-menu,
.login-menu {
	display: none;
}

.foot {
	padding: 15px 0;
	border-top: 1px solid #d9d9d9;
}
#wrapper.fromApp .foot { display: none; }

.foot-link a,#icp,
.foot-copyright { color: #737373; }
.foot-link a:hover {
	color: #000;
	text-decoration: underline;
}
.foot-link label { margin: 0 12px; }
#icp:hover {
	color: #000;
	text-decoration: underline;
}
.overlay {
	position: fixed;
	left: 0;
	top: 0;	
	z-index: 100;
	display: none;
	width: 100%;
	height: 100%;
}
.overlay-bg {
	width: 100%;
	height: 100%;
	background-color: #000;
	background-color: rgba(0,0,0,.4);
	filter: alpha(opacity=40);
}
.overlay-content {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 94%;
	width: 780px\9;
	max-width: 780px;
	overflow: hidden;
	background-color: #fff;
	border-radius: 10px;
	margin: -245px 0 0 -390px\9;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	     -o-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}
:root .overlay-content {	
	width: 94%;
	margin: 0;
}

a.overlay-close {
	position: absolute;
	right: -20px;
	top: -30px;
	z-index: 2;
	width: 60px;
	height: 50px;
	padding: 30px 20px 0 0;
	color: #fff;
	font-family: "Tahoma", "MS Sans Serif", "MHei 200", "MHei", "Helvetica Neue", "Helvetica";
	font-size: 18px;
	font-weight: 600;
	line-height: 48px;
	text-align: center;
	background-color: #2b8de0;
	border-radius: 50%;
	-webkit-transform: translateX(8px);
	   -moz-transform: translateX(8px);
	    -ms-transform: translateX(8px);
	     -o-transform: translateX(8px);
	        transform: translateX(8px);
	-webkit-transition: all .3s ease-in-out;
	   -moz-transition: all .3s ease-in-out;
	     -o-transition: all .3s ease-in-out;
	        transition: all .3s ease-in-out;
}
a.overlay-close:hover {	background-color: #df4444; }

@media screen and (max-width: 640px) {
	#wrapper { padding-top: 56px; }
	#wrapper.fromApp { padding-top: 0; }
	
	.inputs { width: 100%; }
	.inputTxt,
	select.inputTxt {
		width: 100%;
		height: 42px;
		box-sizing: border-box;
	}
	
	.head,
	.head:before,
	.logo {
		position: fixed;
		left: 0;
		top: 0;
	}
	
	.head {
		z-index: 10;
		width: 100%;
		max-height: 90%;
		overflow-x: hidden;
		overflow-y: auto;
		padding: 0;
		box-sizing: border-box;
	}
	.head:before {
		z-index: 1;
		content: '';
		width: 100%;
		height: 55px;
		background-color: #fff;
		border-bottom: 1px solid #aaa;
	}	
	.head .wrap { padding-top: 56px; }
	
	.nav,
	.head-right { display: none; }
	.head-toggle { display: block; }
	
	.logo {
        top: 3px;
        z-index: 10;
    }
	.logo a {
		width: 126px;
		height: 50px;
	}
	
	.nav {
		float: none;
		background-color: #222;
	}
	.nav li {
		float: none;
		border-bottom: 1px solid #101010;
		border-top: 1px solid #373737;
	}
	.nav a {
		height: 38px;
		color: #9d9d9d;
		font-size: 15px; 
		line-height: 38px;
	}
	.nav a:hover {
		color: #fff;
		background-color: #333;
	}
	
	.unlogin-menu,
	.login-menu {
		display: block;
	}
	
	.foot { padding: 10px 0; }
	.foot-copyright > span { display: block; }
}
@media screen and (min-width: 641px) and (max-width: 800px) {
	.logo { margin-right: 0; }
	
	.nav a { padding: 0 7px; }
	
	.head-username {
		max-width: 80px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
}

@media screen and (min-width: 801px) and (max-width: 960px) {
	.nav a { padding: 0 15px; }
}

.feedback{background: #fff; padding: 60px 0 120px; text-align: center;}
.feedback p{display: inline-block; height: 68px; padding: 10px 0 10px 110px; vertical-align: top; text-align: left;}
.feedback p.ok{background-position: -472px -168px;}
.feedback p.err{background-position: -472px -256px;}
.feedback .tit{font-size: 24px; height: 44px; font-weight: 400; line-height: 44px;}
.feedback .ok .tit{color: #33c169;}
.feedback .err .tit{color: #f55256;}
.feedback .msg{font-size: 18px; color: #7b7b7b;}

@media screen and (max-width: 640px) {
    .feedback .tit {
        display: inline-block;
        font-size: 16px;
        line-height: 22px;
        vertical-align: top;
        overflow: hidden;
    }
}