/** 初始化 **/
/* body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td,form,pre{margin: 0; padding: 0; -webkit-tap-highlight-color:rgba(0,0,0,0)}
a:active,a:hover{outline:0}
img{display: inline-block; border: none; vertical-align: middle;}
li{list-style:none;}
table{border-collapse: collapse; border-spacing: 0;}
h1,h2,h3{font-size: 14px; font-weight: 400;}
h4, h5, h6{font-size: 100%; font-weight: 400;}
button,input,select,textarea{font-size: 100%; }
input,button,textarea,select,optgroup,option{font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; outline: 0;}
pre{white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}
 */
/*开始*/
html,body{margin:0;padding:0;}
select{-webkit-appearance: none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{background:#f3f5fa;min-width:1200px;font-size:14px;font-family: "Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","\9ED1\4F53",Arial,sans-serif;}
ul{list-style:none;margin:0;padding:0;}
/*.container{position: relative; width: 1140px; margin: 0 auto;}*/
.container{position: relative; width: 1200px; margin: 0 auto;}
/*主页面样式*/
.header{line-height:58px;height:58px;background:white;color:#aaa;border-bottom:solid 1px #cce0ff;}
	.header-logo{display:block;font-size:28px;text-decoration:none;width:300px;color:#aaa;padding:16px;line-height:0;}
	.header-info{line-height:58px;font-size:14px;display:block;position:absolute;right:0;top:0;}
		.header-info img{display:block;width:38px;height:38px;float:left;margin:1px 8px;}
		.header-info span{color:#333;}
		.header-info a{color:#333;text-decoration:none;}
.main{border:solid 1px #d9dadc;background:white;margin:32px 0;}
	.main-left,.main-right{display: table-cell;vertical-align: top;*display:inline-block;padding:16px 0;}
	.main-left{width:200px;border-right:solid 1px #d9dadc;height:700px;}
		.main-left-footer{height:200px;}
		.main-left-menu{line-height:34px;font-size:14px;padding:8px 0;margin: 0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
		.main-left-menu + .main-left-menu{border-top:solid 1px #d9dadc;}
		.main-left-menu a{display:block;text-decoration:none;}
		.main-left-menu dt{position:relative;}
		.main-left-menu dt i{position:absolute;left:18px;font-size:24px;color:#8d8d8d;}
		.main-left-menu dd {margin:0;}
		.main-left-menu dt a{color:#8d8d8d;padding:0 0 0 54px;text-align:left;cursor:default;}
		.main-left-menu dd a{padding:0 0 0 54px;color:#222;}
		.main-left-menu dd a:hover{background:#f4f5f9;}
		.main-left-menu dd a.selected{background:#3381ff;color:white;}
		
	.main-right{width:1038px;position:relative;}
		.main-right-h1{margin:12px 28px;font-size:16px;line-height:24px;font-weight: 400;}
		.main-right-container{padding:0px 16px;}
		.main-right-tab{height:43px;border-bottom:solid 1px #d9dadc;}
			.main-right-tab li{display:block;float:left;line-height:40px;line-height:40px;border-bottom:solid 3px white;padding:0 16px;color:#222;}
			.main-right-tab li:hover{border-color:#d9dadc;}
			.main-right-tab li.selected{border-color:#3381ff;}
			.main-right-tab a{display: block;text-decoration: none;color: #222;outline: 0;}
		/*修改查询框开始*/	
		/* -song
		.main-right-search{position:absolute;top:66px;right:16px;width:400px;}
			.main-right-search input[type=text]{height: 30px;line-height: 30px; border: 1px solid #e6e6e6; background-color: #fff;display:block;width:360px;padding:0 30px 0 10px;}
			.main-right-search i {position:absolute;right:0;top:6px;line-height: 20px;cursor:pointer;color:grey;border-left: solid 1px #e6e6e6;width: 30px;text-align: center;} */
		.main-right-search-more{position:absolute;right:16px;top:66px;height:30px;}
		.main-right-search-submit{position:absolute;right:16px;top:119px;height:31px;width:75px;background: #469dff;color:#fff;border:0;}
		.main-right-search{position:relative;display:inline-block;margin: 10px 0 0 20px;border-radius: 2px;}
		.main-right-toolbar{color:#888;position:relative;display:inline-block;margin: 15px 0 0 20px;border-radius: 2px;backgroup:#3381ff}
		.main-right-toolbar a {color:#3381ff;}
			.main-right-search input[type=text]{height: 30px;line-height: 30px; border: 1px solid #e6e6e6; background-color: #fff;display:inline-block;width:216px;padding:0 30px 0 10px;}
			.main-right-search select{height: 30px;line-height: 30px; border: 1px solid #e6e6e6; background-color: #fff;display:inline-block;width:220px;padding:0 30px 0 10px;}
			.main-right-search i {position:absolute;right:0;top:6px;line-height: 20px;cursor:pointer;color:grey;border-left: solid 1px #e6e6e6;width: 30px;text-align: center;}
		/*修改查询框架结束*/
	.main-operation{color:#999;cursor:pointer;}
		.main-operation:hover{color:#a1a1a1;}
.footer{padding:27px;background:#b8b9b9;}
	.footer ul{height:12px;line-height:12px;font-size:12px;color:#f1f1f1;text-align:center;}
	.footer li{display:inline-block;padding:0 12px;}
	.footer li + li{border-left:solid 1px #f1f1f1;}
	.footer li a{color:#f1f1f1;}
/*表单样式*/
.form {}
	.form button,.form input,.form select,.form textarea{font-size: 100%;font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; outline: 0;}
	.form fieldset{margin:16px;border:solid 1px #e7e7eb;}
	.form legend{width:200px;text-align:center;line-height:43px;color:#222;}
	.form dl{list-style:none;margin:0;padding:8px 0;position:relative;line-height:38px;}
	.form dt{position:absolute;left:0;text-align:right;display:block;width:120px;font-weight:400;}
	.form dd{margin:0 0 8px 140px;display:block;position:relative;}
		/* .form dd.invalid input{background:black;color:white;} */
		.form dd:after {display:block;position:absolute;right:0;top:0;width:38px;height:38px;text-align:center;font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
		.form dd.valid:after{content: "\e750";color:green;}
		.form dd.pending:after{content: "\e74c";color:black;animation:circle 1s infinite linear;-webkit-animation:circle 1s infinite linear;-moz-animation:circle 1s infinite linear;-o-animation:circle 1s infinite linear;}
		.form dd.invalid:after {content: "\e6f3";color:red;}
	.form input[type=button],.form input[type=submit], .form input[type=text],.form input[type=password], .form textarea, .form select
		{outline: none; -webkit-transition: border-color .3s cubic-bezier(.65,.05,.35,.5); transition: border-color .3s cubic-bezier(.65,.05,.35,.5); -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}
	.form input[type=button],.form input[type=submit]{display: inline-block; vertical-align: middle; height: 38px; line-height: 38px;margin:0 0 0 16px; padding: 0 18px; background-color: #3381ff; color: #fff; white-space: nowrap; text-align: center; font-size: 14px; border: none; border-radius: 2px; cursor: pointer; opacity: 0.9; filter:alpha(opacity=90); -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}
	.form input[type=button].btn-delete{background:#e45555;}
	.form input[type=button]:hover,.form input[type=submit]:hover{opacity: 0.8; filter:alpha(opacity=80); color: #fff;}
	.form input[type=button]:active,.form input[type=submit]:active{opacity: 1; filter:alpha(opacity=100);}
	.form input[type=text],.form input[type=password],.form input[type=password], .form textarea , .form select
		{height: 38px; line-height: 38px; border: 1px solid #e6e6e6; background-color: #fff; border-radius: 2px;display: block; width: 100%; padding-left: 10px;}
	.form input[type=text]:hover,.form input[type=password]:hover, .form textarea:hover{border-color: #D2D2D2 !important;}
	.form input[type=text]:focus,.form input[type=password]:focus, .form textarea:focus{border-color: #C9C9C9 !important;}
		.form dd.invalid input[type=text],.form dd.invalid input[type=password],.form dd.invalid textarea{border-color:red !important;}
	.form textarea{position: relative; min-height: 100px; height: auto; line-height: 20px; padding: 6px 10px; resize: vertical;}
	.form input[type=checkbox],.form input[type=radio]{display:none;}
	.form input[type=checkbox] + label,.form input[type=radio] + label{position: relative; display: inline-block; background:#d2d2d2;color:white;vertical-align: middle; height: 28px; line-height: 28px; border:solid 1px #d2d2d2;padding:0 36px 0 8px;margin-right:8px;cursor:pointer;border-radius:2px;} 
	.form input[type=checkbox] + label:after,.form input[type=radio] + label:after{position:absolute;right:0;top:0;display:block;width:28px;background:white;text-align:center;content: "\e750";font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;border-radius:2px;}
	.form input[type=checkbox] + label:hover,.form input[type=radio] + label:hover{background:#c2c2c2;border-color:#c2c2c2;}
	.form input[type=checkbox] + label:hover:after,.form input[type=radio] + label:hover:after{color:#c2c2c2;}
	.form input[type=checkbox]:checked + label,.form input[type=radio]:checked + label{background:#3381ff;border-color:#3381ff;}
	.form input[type=checkbox]:checked + label:after,.form input[type=radio]:checked + label:after{color:#3381ff;}
	.form input[disabled]{color: #999;;}
	.form .form-image-selector input[type=file]{display:none;}
	
	.form *{outline: none;}
/*通用样式*/
.panel{margin:16px;border:solid 1px #e7e7eb;min-height:300px;overflow-x:scroll;width:1000px}
.table{width:100%;font-size: 14px;background-color: #fff;text-align: center;border-bottom: 1px solid #e7e7eb;border-spacing: 0;}
	.table a{text-decoration: none;color:#3381ff}
	.table thead{background: #f4f5f9;}
	.table th,.table td{line-height: 44px;font-weight: 400;font-style: normal;width:300px;}
	.table td img{width:150px;margin-top:15px}
	.table tr:nth-child(even){background:#fafafa;}
.blockquote{margin:0;border-left:solid 4px #3381ff;padding-left:16px;line-height:45px;background:#e7e7eb;}
/*分页样式*/
.pagelist{ clear:both; display:block; margin:0 0 20px 16px; }
	.pagelist:after{ clear:both; content:"."; display:block; height:0; visibility:hidden; }
	.pagelist .l-btns{ display:block; float:left; margin:2px 5px 0 -1px; padding:0 10px; border:1px solid #dbdbdb; height:28px; overflow:hidden; }
	.pagelist .l-btns span{ font-size:12px; color:#333; line-height:28px; }
	.pagelist .l-btns .pagenum{ display:inline-block; margin:0 5px; padding:0 5px; border:1px solid #dbdbdb; border-top:0; border-bottom:0; width:30px; height:28px; line-height:28px; font-size:12px; color:#333; text-align:center; vertical-align:top; overflow:hidden; }
.pagelist .default{ margin:0; padding:0; font-family:"Microsoft YaHei",Verdana; font-size:12px; }
	.pagelist .default a,div.default span{ display:block; float:left; margin:2px 0 0 -1px; padding:4px 12px; line-height:20px; height:20px; border:1px solid #e1e1e1; background:#fff; color:#333; text-decoration:none;cursor:pointer;}
	.pagelist .default span:first-child{ border-left:1px solid #e1e1e1; }
	.pagelist .default a:hover{ color:#666; background:#eee; }
	.pagelist .default span.current{ color:#fff; background:#3381ff; border-color:#3381ff;cursor: default; }
	.pagelist .default span.disabled{ color:#999; background:#fff;cursor: default; }

/*CSS3动画效果*/
@keyframes circle{from {transform:rotate(0deg)}to {transform:rotate(360deg)}}
@-moz-keyframes circle{from {transform:rotate(0deg)}to {transform:rotate(360deg)}}
@-webkit-keyframes circle{from {transform:rotate(0deg)}to {transform:rotate(360deg)}}
@-o-keyframes circle{from {transform:rotate(0deg)}to {transform:rotate(360deg)}}