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

body{
	font-weight:normal; font-size:12px; line-height:24px; font-family:'微软雅黑'; background:#fff;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td{
	margin:0; padding:0;}
input, select, button, textarea{
	font-size:100%; font-family:inherit; outline:none;}
img{
	border:0; -ms-interpolation-mode:bicubic; image-rendering:optimizeQuality;}
a{
	color:#555; text-decoration:none;}
a:hover{
	color:#1963AA; text-decoration:none;}
ul{
	list-style:none;}
li{
	list-style:none;}

/*public css*/
.clear{
	clear:both; height:0; line-height:0; margin:0; padding:0; font-size:0;}
.cf{
	*zoom:1;}
.cf:after{
	display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
.tl{
	text-align:left;}
.tc{
	text-align:center;}
.tr{
	text-align:right;}
.fl{
	float:left;}
.fr{
	float:right;}
.hide{
	display:none;}
.col{
	padding-top:15px;}
@font-face{
	font-family:'icomoon';src:url('../fonts/icomoon.eot');src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),url('../fonts/icomoon.woff') format('woff'),url('../fonts/icomoon.ttf') format('truetype'),url('../fonts/icomoon.svg#icomoon') format('svg');font-weight:normal;font-style:normal;}
.icon-font{
	font-family:'icomoon'; speak:none; font-weight:400; font-style:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; }
.w{
	width:1000px; margin:0 auto;}


#login{width:360px; margin:120px auto 0;}
#login h1{margin-bottom:15px; text-align:center; font-size:20px; font-weight:normal; color: #fff}
#login ul{display:block; border:1px solid #eee; background:#FFF; padding:0px 30px; border-radius: 5px; overflow:hidden;}
#login li{width:100%; height:40px; float:left;}
#login li span{font-size:14px; line-height:40px;}
#login li span.cue{color:#f60}
#login li .text{width:286px; height:38px; padding:0 5px; border:1px solid #e5e5e5; border-radius:5px; font-size:14px; line-height:38px; color:#585858}
#login li .text:focus{background:#f9f9f9; border-color:#74b9f0; outline:0px none; box-shadow:0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);}
#login li .verfycode{width: 166px; padding-right: 125px}
#login li .verfyimg{position: absolute; top: 1px; right: 1px; border-left:1px solid #e5e5e5; border-top-right-radius:5px; border-bottom-right-radius:5px; cursor:pointer}
#login li .submit{width:100%; height:40px; border:0; border-radius:5px; background:#218FFF; font-size:20px; color:#fff; text-shadow:0px -1px 0px rgba(0, 0, 0, 0.25); cursor:pointer;
	transition:background .6s;
	-moz-transition:background .6s; /* Firefox 4 */
	-webkit-transition:background .6s; /* Safari 和 Chrome */
	-o-transition:background .6s; /* Opera */}
#login li .submit:hover{background:#45a1de}
#login li.last{margin:20px 0;}
#login .copyright{font-size:14px; line-height:50px; color:#585858; font-family:Arial; text-align:center}

	
	
#header{height:45px; padding:0 20px; background:#1a1a1a; font-size:18px; text-align:right; font-weight:200; line-height:45px; color:#fff; overflow:hidden}
#header a,#header span{display:inline-block; height:45px; padding:0 25px; color:#fff; overflow:hidden}
#header a:hover{background:#343434; color:#45a1de;}
#header a.style{width:36px; height:24px; margin:10px 0 0 4px; padding:0; border-radius:1px; text-align:center; overflow:hidden;
	transition:background .3s;
	-moz-transition:background .3s; /* Firefox 4 */
	-webkit-transition:background .3s; /* Safari 和 Chrome */
	-o-transition:background .3s; /* Opera */}
#header a.style1{background:#f4a425}
#header a.style1:hover{background:#f5b95b}
#header a.style2{background:#1dccaa}
#header a.style2:hover{background:#24e3be}
#header a.style3{background:#45a1de}
#header a.style3:hover{background:#74B9F0}
#header .icon-font{font-size:12px; line-height:24px; font-weight:400; color:#fff}



#main{margin-left:190px; position:relative;}
#navi{width:189px; height:100%; background:#f2f2f2; border-right:1px solid #ccc; position:absolute; top:0; left:-190px; overflow:hidden}
#navi h3{height:38px; padding:0 20px; border-top:1px solid #fcfcfc; border-bottom:1px solid #e5e5e5; background:#f4f4f4; font-weight:normal; font-size:14px; line-height:38px; color:#585858; overflow:hidden; cursor:pointer}
#navi h3 .icon-font{margin-right:8px; color:#333; font-size:18px; line-height:38px; float:left}
#navi h3 span{font-family:'serif'; font-weight:bold; float:right;}
#navi h3.on,#navi h3.hover{background:#fafafa; color:#45a1de;}
#navi h3.on .icon-font,#navi h3.hover .icon-font{color:#45a1de;}

#navi ul{display:block}
#navi li{height:38px; background:#fff; border-top:1px solid #fff; border-bottom:1px solid #e5e5e5; overflow:hidden}
#navi a{display:block; height:38px; padding-left:40px; font-size:14px; line-height:38px; color:#585858}
#navi a:hover,#navi li.on a{color:#45a1de;}
#navi a em{display:block; width:6px; height:6px; margin:16px 8px 0 0; background:url(../Images/navi-bg.gif) 0 0 no-repeat; float:left;}
#navi a:hover em,#navi li.on em{background-position:-10px 0;}




#pageposition{height:39px; padding-left:12px; border-bottom:1px solid #e5e5e5; background:#f4f4f4; font-size:14px; color:#333; line-height:40px; overflow:hidden}
#pageposition .icon-font{margin-right:5px}
#pageposition a{color:#428BCA;}
#pageposition a:hover{color:#2A6496;}
#pageposition em{padding:0px 5px; font-style:normal; color:#b2c2e0; font-family:serif;}