|  | @@ -0,0 +1,757 @@
 | 
	
		
			
				|  |  | +@charset "utf-8";
 | 
	
		
			
				|  |  | +/*Reset 样式初始化*/
 | 
	
		
			
				|  |  | +html, body, form, fieldset, p, a, ul, ol, li, div, legend, label,
 | 
	
		
			
				|  |  | +br, input, button, textarea, h1, h2, h3, h4, h5,em{
 | 
	
		
			
				|  |  | +  padding: 0;
 | 
	
		
			
				|  |  | +  margin: 0;
 | 
	
		
			
				|  |  | +  font-weight: normal;
 | 
	
		
			
				|  |  | +  font-style: normal;
 | 
	
		
			
				|  |  | +  font-size: 12px;
 | 
	
		
			
				|  |  | +  font-family:"微软雅黑","Tahoma";
 | 
	
		
			
				|  |  | +  vertical-align: baseline;
 | 
	
		
			
				|  |  | +  text-align:justify;
 | 
	
		
			
				|  |  | +  word-wrap:break-word;
 | 
	
		
			
				|  |  | +  text-justify:inter-ideograph
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +body{text-align:center}
 | 
	
		
			
				|  |  | +ul, ol, li, h1 {
 | 
	
		
			
				|  |  | +  line-height:normal;
 | 
	
		
			
				|  |  | +  list-style-image:none;
 | 
	
		
			
				|  |  | +  list-style-position:outside;
 | 
	
		
			
				|  |  | +  list-style-type:none
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +dl {
 | 
	
		
			
				|  |  | +  margin:0
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +dd {
 | 
	
		
			
				|  |  | +  margin-left:0
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +a {
 | 
	
		
			
				|  |  | +  outline:none;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +a img {
 | 
	
		
			
				|  |  | +  border:0 none
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +img {
 | 
	
		
			
				|  |  | +  vertical-align:middle;
 | 
	
		
			
				|  |  | +  border:0px
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +table {
 | 
	
		
			
				|  |  | +  border-collapse:collapse
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.clearfix:after {
 | 
	
		
			
				|  |  | +  content:".";
 | 
	
		
			
				|  |  | +  display:block;
 | 
	
		
			
				|  |  | +  height:0;
 | 
	
		
			
				|  |  | +  clear:both;
 | 
	
		
			
				|  |  | +  visibility:hidden
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.clearfix {
 | 
	
		
			
				|  |  | +  display:inline-block;
 | 
	
		
			
				|  |  | +  overflow:hidden
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.clearfix {
 | 
	
		
			
				|  |  | +  display:block
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +body {color:#666;background:#f8f8f8 url(bodybg.jpg) repeat}
 | 
	
		
			
				|  |  | +a {color:#3366cc;text-decoration:none}
 | 
	
		
			
				|  |  | +a:hover {color:#333}
 | 
	
		
			
				|  |  | +.width950{width:950px;margin:0 auto}
 | 
	
		
			
				|  |  | +/**/
 | 
	
		
			
				|  |  | +.clearB {clear:both}
 | 
	
		
			
				|  |  | +.fL {float:left}
 | 
	
		
			
				|  |  | +.fR {float:right}
 | 
	
		
			
				|  |  | +:link, *:visited, *:hover, *:active, *:focus {
 | 
	
		
			
				|  |  | +    -moz-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
 | 
	
		
			
				|  |  | +  -webkit-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
 | 
	
		
			
				|  |  | +  transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
 | 
	
		
			
				|  |  | +  -o-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.colRed {color:#f70000}
 | 
	
		
			
				|  |  | +.colOrange {color:#ed8b00}
 | 
	
		
			
				|  |  | +.colYel {color:#d9a601}
 | 
	
		
			
				|  |  | +.colGreen{color:#17ab0c}
 | 
	
		
			
				|  |  | +.colGray{color:#999}
 | 
	
		
			
				|  |  | +.colBlue{color:#3172d9}
 | 
	
		
			
				|  |  | +.hide {display:none}
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +.button {
 | 
	
		
			
				|  |  | +  float:left;
 | 
	
		
			
				|  |  | +  height:32px;
 | 
	
		
			
				|  |  | +  margin-right:10px;
 | 
	
		
			
				|  |  | +  padding:0px 30px;
 | 
	
		
			
				|  |  | +  line-height:32px;
 | 
	
		
			
				|  |  | +  text-align:center;
 | 
	
		
			
				|  |  | +  overflow:hidden;
 | 
	
		
			
				|  |  | +  font-weight:bold;
 | 
	
		
			
				|  |  | +  color:#FFF;
 | 
	
		
			
				|  |  | +  border-radius:3px;
 | 
	
		
			
				|  |  | +  text-shadow:0 1px rgba(0, 0, 0, 0.1);
 | 
	
		
			
				|  |  | +  text-decoration:none;
 | 
	
		
			
				|  |  | +  border:none;
 | 
	
		
			
				|  |  | +  cursor:pointer
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +input.button {
 | 
	
		
			
				|  |  | +    height: 35px;
 | 
	
		
			
				|  |  | +    line-height: 35px;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.button:hover{
 | 
	
		
			
				|  |  | +  color:#fff
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.button.btn-blue{
 | 
	
		
			
				|  |  | +  background-color:#006fd8;
 | 
	
		
			
				|  |  | +  border-bottom:3px solid #014687
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.button.btn-blue:hover{
 | 
	
		
			
				|  |  | +  background-color:#0076e4;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.button.btn-blue:active{
 | 
	
		
			
				|  |  | +  background-color:#014687;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.button.btn-red{
 | 
	
		
			
				|  |  | +  background-color:#E74C3C;
 | 
	
		
			
				|  |  | +  border-bottom:3px solid #C44133
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.button.btn-red:hover{
 | 
	
		
			
				|  |  | +  background-color:#EC7063;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.button.btn-red:active{
 | 
	
		
			
				|  |  | +  background-color:#C44133;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.button.btn-green{
 | 
	
		
			
				|  |  | +  background-color:#1ABC9C;
 | 
	
		
			
				|  |  | +  border-bottom:3px solid #16A085
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.button.btn-green:hover{
 | 
	
		
			
				|  |  | +  background-color:#48C9B0;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.button.btn-green:active{
 | 
	
		
			
				|  |  | +  background-color:#16A085;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.button.btn-dark{
 | 
	
		
			
				|  |  | +  background-color:#415B76;
 | 
	
		
			
				|  |  | +  border-bottom:3px solid #2c3e50
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.button.btn-dark:hover{
 | 
	
		
			
				|  |  | +  background-color:#456a91;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.button.btn-dark:active{
 | 
	
		
			
				|  |  | +  background-color:#2c3e50;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +/*global header*/
 | 
	
		
			
				|  |  | +.globalHeader {
 | 
	
		
			
				|  |  | +  background:#515b61;
 | 
	
		
			
				|  |  | +  height:30px
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.globalNav a{
 | 
	
		
			
				|  |  | +  float:left;
 | 
	
		
			
				|  |  | +  height:30px;
 | 
	
		
			
				|  |  | +  line-height:30px;
 | 
	
		
			
				|  |  | +  padding:0 10px;
 | 
	
		
			
				|  |  | +  color:#eee;
 | 
	
		
			
				|  |  | +  position: relative;
 | 
	
		
			
				|  |  | +  cursor: pointer
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.globalNav a:hover{
 | 
	
		
			
				|  |  | +  background:#666E70;
 | 
	
		
			
				|  |  | +  color:#fff
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.globalNav a.now{
 | 
	
		
			
				|  |  | +  background:#E36335;
 | 
	
		
			
				|  |  | +  color:#fff;
 | 
	
		
			
				|  |  | +  font-weight:600
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.globalNav .zhzd{
 | 
	
		
			
				|  |  | +  float:left;
 | 
	
		
			
				|  |  | +  height:30px;
 | 
	
		
			
				|  |  | +  position: relative;
 | 
	
		
			
				|  |  | +  z-index:999
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.globalNav .zhzd a b{
 | 
	
		
			
				|  |  | +  border-color: #FFDDC9 transparent transparent;
 | 
	
		
			
				|  |  | +  border-right: 3px dashed transparent;
 | 
	
		
			
				|  |  | +  border-style: solid dashed dashed;
 | 
	
		
			
				|  |  | +  border-width: 3px 3px 0;
 | 
	
		
			
				|  |  | +  display: inline-block;
 | 
	
		
			
				|  |  | +  font-size: 0;
 | 
	
		
			
				|  |  | +  height: 0;
 | 
	
		
			
				|  |  | +  line-height: 0;
 | 
	
		
			
				|  |  | +  width: 0;
 | 
	
		
			
				|  |  | +  position: relative;
 | 
	
		
			
				|  |  | +  top:-1px;
 | 
	
		
			
				|  |  | +  left:4px
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.globalNav .zhzd .zhzdMenu{
 | 
	
		
			
				|  |  | +  position: absolute;
 | 
	
		
			
				|  |  | +  left:0;
 | 
	
		
			
				|  |  | +  top:29px;
 | 
	
		
			
				|  |  | +  background:#fff;
 | 
	
		
			
				|  |  | +  border:1px solid #ccc;
 | 
	
		
			
				|  |  | +  border-top:none;
 | 
	
		
			
				|  |  | +  box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);
 | 
	
		
			
				|  |  | +  z-index: 0;
 | 
	
		
			
				|  |  | +  display:none
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.globalNav .zhzd .zhzdMenu a{
 | 
	
		
			
				|  |  | +  width:100%;
 | 
	
		
			
				|  |  | +  padding:0;
 | 
	
		
			
				|  |  | +  text-align:center;
 | 
	
		
			
				|  |  | +  color:#3366cc
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.globalNav .zhzd .zhzdMenu a:hover{
 | 
	
		
			
				|  |  | +  background:#f2f2f2
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.globalNav .zhzd a.now{
 | 
	
		
			
				|  |  | +  background:#fff;
 | 
	
		
			
				|  |  | +  border:1px solid #ccc;
 | 
	
		
			
				|  |  | +  border-bottom:none;
 | 
	
		
			
				|  |  | +  border-top:none;
 | 
	
		
			
				|  |  | +  color:#3366cc;
 | 
	
		
			
				|  |  | +  z-index:10
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +/*indexBanner*/
 | 
	
		
			
				|  |  | +.indexBanner {
 | 
	
		
			
				|  |  | +  background:url(indexbanner.jpg) no-repeat center top;
 | 
	
		
			
				|  |  | +  height:418px
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.indexBanner .width950{
 | 
	
		
			
				|  |  | +  position:relative
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.indexBanner a.loginButton{
 | 
	
		
			
				|  |  | +  position:absolute;
 | 
	
		
			
				|  |  | +  right:0;
 | 
	
		
			
				|  |  | +  top:-40px;
 | 
	
		
			
				|  |  | +  border:1px solid #d75d49;
 | 
	
		
			
				|  |  | +  color:#d75d49;
 | 
	
		
			
				|  |  | +  padding:5px 20px
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.indexBanner a.loginButton:hover{
 | 
	
		
			
				|  |  | +  background-color:#e8715e;
 | 
	
		
			
				|  |  | +  color: #fff
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.indexBanner a.loginButton:active{
 | 
	
		
			
				|  |  | +  background-color:#bf3a25;
 | 
	
		
			
				|  |  | +  color: #fff
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.sideBanner {
 | 
	
		
			
				|  |  | +  width:486px;
 | 
	
		
			
				|  |  | +  height:290px;
 | 
	
		
			
				|  |  | +  position: absolute;
 | 
	
		
			
				|  |  | +  right:81px;
 | 
	
		
			
				|  |  | +  top:24px
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.signButton {
 | 
	
		
			
				|  |  | +  position:absolute;
 | 
	
		
			
				|  |  | +  top:232px;
 | 
	
		
			
				|  |  | +  left:20px
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.panelLogin {
 | 
	
		
			
				|  |  | +  float:left
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.panelLogin a{
 | 
	
		
			
				|  |  | +  width:187px;
 | 
	
		
			
				|  |  | +  height:58px;
 | 
	
		
			
				|  |  | +  display:inline-block;
 | 
	
		
			
				|  |  | +  *display:inline;
 | 
	
		
			
				|  |  | +  zoom:1;
 | 
	
		
			
				|  |  | +  background:url(globalIcon.png) no-repeat 0 -20px
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.panelLogin a:hover{
 | 
	
		
			
				|  |  | +  background-position:0 -78px;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.panelLogin a:active{
 | 
	
		
			
				|  |  | +  background-position:0 -136px;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.panelSign {
 | 
	
		
			
				|  |  | +  margin:0 0 0 200px
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.panelSign p{
 | 
	
		
			
				|  |  | +  margin:4px 0 4px 0
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.panelSign a{
 | 
	
		
			
				|  |  | +  width:118px;
 | 
	
		
			
				|  |  | +  height:33px;
 | 
	
		
			
				|  |  | +  display:inline-block;
 | 
	
		
			
				|  |  | +  *display:inline;
 | 
	
		
			
				|  |  | +  zoom:1;
 | 
	
		
			
				|  |  | +  background:url(globalIcon.png) no-repeat -187px -20px
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.panelSign a:hover{
 | 
	
		
			
				|  |  | +  background-position:-187px -53px;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.panelSign a:active{
 | 
	
		
			
				|  |  | +  background-position:-187px -86px;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.indexDownload {
 | 
	
		
			
				|  |  | +  background:#f5f5f5 url(globalIcon.png) repeat-x 0 -194px;
 | 
	
		
			
				|  |  | +  position: relative;
 | 
	
		
			
				|  |  | +  margin:40px 0 0 0
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.indexDownload .warpDownload{
 | 
	
		
			
				|  |  | +  background:url(globalIcon.png) repeat-x 0 260px;
 | 
	
		
			
				|  |  | +  *background:url(globalIcon.png) repeat-x 0 260px;
 | 
	
		
			
				|  |  | +  _background:url(globalIcon.png) repeat-x 0 272px;
 | 
	
		
			
				|  |  | +  padding:20px 0
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.warpDownload li{
 | 
	
		
			
				|  |  | +  width:420px;
 | 
	
		
			
				|  |  | +  height:50px;
 | 
	
		
			
				|  |  | +  float:left;
 | 
	
		
			
				|  |  | +  padding:15px 25px
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.warpDownload li:hover{
 | 
	
		
			
				|  |  | +  background:#fff
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.warpDownload li a{
 | 
	
		
			
				|  |  | +  float:right;
 | 
	
		
			
				|  |  | +  color:#fff;
 | 
	
		
			
				|  |  | +  background-color:#E36335;
 | 
	
		
			
				|  |  | +  padding:1px 5px;
 | 
	
		
			
				|  |  | +  margin:20px 0 0 0
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.warpDownload li a:hover{
 | 
	
		
			
				|  |  | +  background-color:#ff6501;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.warpDownload li a:active{
 | 
	
		
			
				|  |  | +  background-color:#D05100;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.warpDownload li a.info{
 | 
	
		
			
				|  |  | +  border-right:1px solid #fff;
 | 
	
		
			
				|  |  | +  display:none
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.warpDownload li h2 {
 | 
	
		
			
				|  |  | +  font-size:18px;
 | 
	
		
			
				|  |  | +  color:#414141;
 | 
	
		
			
				|  |  | +  margin:0 0 5px 65px
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.warpDownload li h3 {
 | 
	
		
			
				|  |  | +  font-size:14px;
 | 
	
		
			
				|  |  | +  color:#a8a8a8;
 | 
	
		
			
				|  |  | +  margin:0 0 0 65px
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.warpDownload li b{
 | 
	
		
			
				|  |  | +  float:right;
 | 
	
		
			
				|  |  | +  color:#fff;
 | 
	
		
			
				|  |  | +  background-color:#999;
 | 
	
		
			
				|  |  | +  padding:1px 5px;
 | 
	
		
			
				|  |  | +  margin:20px 0 0 0
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.indexIcon {
 | 
	
		
			
				|  |  | +  background:url(globalIcon.png) no-repeat;
 | 
	
		
			
				|  |  | +  width:48px;
 | 
	
		
			
				|  |  | +  height:48px;
 | 
	
		
			
				|  |  | +  position:absolute
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.idIcon {
 | 
	
		
			
				|  |  | +  background-position:-187px -119px;
 | 
	
		
			
				|  |  | +  left:50%;
 | 
	
		
			
				|  |  | +  margin:0 0 0 -24px;
 | 
	
		
			
				|  |  | +  top:-37px
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.isIcon {
 | 
	
		
			
				|  |  | +  background-position:-236px -119px;
 | 
	
		
			
				|  |  | +  right:50%;
 | 
	
		
			
				|  |  | +  margin:0 -24px 0 0;
 | 
	
		
			
				|  |  | +  top:-50px
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.indexSlide {
 | 
	
		
			
				|  |  | +  margin:40px 0 0 0;
 | 
	
		
			
				|  |  | +  position: relative
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.footer{
 | 
	
		
			
				|  |  | +  margin:20px 0
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.footer p{
 | 
	
		
			
				|  |  | +  text-align:center
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.warpLogin .loginItem,.warpProfile .formContent{background:#fff}
 | 
	
		
			
				|  |  | +.warpLogin .loginSlide {
 | 
	
		
			
				|  |  | +    padding: 40px 0 0 40px;
 | 
	
		
			
				|  |  | +    width: 280px;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.warpLogin .loginSlide p {
 | 
	
		
			
				|  |  | +    line-height: 50px;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.warpLogin .loginForm {
 | 
	
		
			
				|  |  | +    border-right: 1px dashed #E2E2E2;
 | 
	
		
			
				|  |  | +    margin: 0 320px 0 30px;
 | 
	
		
			
				|  |  | +    padding: 20px 0 150px;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.warpLogin .loginForm h3 {
 | 
	
		
			
				|  |  | +    border-left: 2px solid #FF6501;
 | 
	
		
			
				|  |  | +    font-size: 18px;
 | 
	
		
			
				|  |  | +    padding: 3px 8px;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.warpLogin .loginForm dt {
 | 
	
		
			
				|  |  | +    font-size: 14px;
 | 
	
		
			
				|  |  | +    margin: 20px 0 5px;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.loginForm dd .inputText {
 | 
	
		
			
				|  |  | +    font-size: 14px;
 | 
	
		
			
				|  |  | +    width: 300px;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.formItem li input.inputText,.inputText {
 | 
	
		
			
				|  |  | +  background:url(inputBg.png) repeat-x 0 0;
 | 
	
		
			
				|  |  | +  height:28px;
 | 
	
		
			
				|  |  | +  line-height:28px;
 | 
	
		
			
				|  |  | +  border:1px solid #dcdcdc;
 | 
	
		
			
				|  |  | +  border-top-color:#abadb3;
 | 
	
		
			
				|  |  | +  border-left-color:#abadb3;
 | 
	
		
			
				|  |  | +  border-radius:3px;
 | 
	
		
			
				|  |  | +  -moz-border-radius:3px;
 | 
	
		
			
				|  |  | +  -webkit-border-radius:3px;
 | 
	
		
			
				|  |  | +  padding:0 5px;
 | 
	
		
			
				|  |  | +  color:#999;
 | 
	
		
			
				|  |  | +  font-size: 14px
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.formItem li input.inputText:focus,.inputText:focus {
 | 
	
		
			
				|  |  | +  border-color:#ff6501;
 | 
	
		
			
				|  |  | +  background:#fff;
 | 
	
		
			
				|  |  | +  color:#333;
 | 
	
		
			
				|  |  | +  font-weight:600;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.formItem li {
 | 
	
		
			
				|  |  | +    border-bottom: 1px dotted #E2E2E2;
 | 
	
		
			
				|  |  | +    padding: 15px 0 15px 20px;
 | 
	
		
			
				|  |  | +    position:relative
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.formItem li .fL {
 | 
	
		
			
				|  |  | +    color: #676767;
 | 
	
		
			
				|  |  | +    font-size: 14px;
 | 
	
		
			
				|  |  | +    font-weight: 600;
 | 
	
		
			
				|  |  | +    height: 32px;
 | 
	
		
			
				|  |  | +    line-height: 32px;
 | 
	
		
			
				|  |  | +    width: 125px;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.formItem li select {
 | 
	
		
			
				|  |  | +    -moz-border-bottom-colors: none;
 | 
	
		
			
				|  |  | +    -moz-border-left-colors: none;
 | 
	
		
			
				|  |  | +    -moz-border-right-colors: none;
 | 
	
		
			
				|  |  | +    -moz-border-top-colors: none;
 | 
	
		
			
				|  |  | +    border-color: #ABADB3 #DCDCDC #DCDCDC #ABADB3;
 | 
	
		
			
				|  |  | +    border-image: none;
 | 
	
		
			
				|  |  | +    border-right: 1px solid #DCDCDC;
 | 
	
		
			
				|  |  | +    border-style: solid;
 | 
	
		
			
				|  |  | +    border-width: 1px;
 | 
	
		
			
				|  |  | +    color: #999999;
 | 
	
		
			
				|  |  | +    height: 30px;
 | 
	
		
			
				|  |  | +    line-height: 30px;
 | 
	
		
			
				|  |  | +    padding: 5px 3px;
 | 
	
		
			
				|  |  | +    vertical-align: bottom;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.formItem li input.inputDis,.loginForm input.inputDis {
 | 
	
		
			
				|  |  | +    background: none repeat scroll 0 0 #F2F2F2;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.formItem li input.erroT, .formItem li select.erroT {
 | 
	
		
			
				|  |  | +    border-color: #E9322E;
 | 
	
		
			
				|  |  | +    box-shadow: 0 0 4px #E9322E;
 | 
	
		
			
				|  |  | +    color: #E9322E;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.formItem li span.erroT {
 | 
	
		
			
				|  |  | +    background: none repeat scroll 0 0 #E9322E;
 | 
	
		
			
				|  |  | +    border-radius: 0 0 5px 5px;
 | 
	
		
			
				|  |  | +    color: #FFFFFF;
 | 
	
		
			
				|  |  | +    left: 150px;
 | 
	
		
			
				|  |  | +    padding: 0 5px;
 | 
	
		
			
				|  |  | +    position: absolute;
 | 
	
		
			
				|  |  | +    bottom:-2px;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.formItem .formExtra {
 | 
	
		
			
				|  |  | +    background: none repeat scroll 0 0 #E5EDEF;
 | 
	
		
			
				|  |  | +    margin: 0 0 0 125px;
 | 
	
		
			
				|  |  | +    padding: 8px;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.formItem .formExtra p {
 | 
	
		
			
				|  |  | +    margin: 0 0 5px;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.formItem .formExtra i {
 | 
	
		
			
				|  |  | +    margin: 0 10px;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.formTips{
 | 
	
		
			
				|  |  | +  background: #FFFBCC;
 | 
	
		
			
				|  |  | +  border: 1px solid #E6DB55;
 | 
	
		
			
				|  |  | +  color: #666452;
 | 
	
		
			
				|  |  | +  padding: 8px 12px;
 | 
	
		
			
				|  |  | +  margin:5px 20px 5px 0
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.loginItem dd select {
 | 
	
		
			
				|  |  | +    -moz-border-bottom-colors: none;
 | 
	
		
			
				|  |  | +    -moz-border-left-colors: none;
 | 
	
		
			
				|  |  | +    -moz-border-right-colors: none;
 | 
	
		
			
				|  |  | +    -moz-border-top-colors: none;
 | 
	
		
			
				|  |  | +    border-color: #ABADB3 #DCDCDC #DCDCDC #ABADB3;
 | 
	
		
			
				|  |  | +    border-image: none;
 | 
	
		
			
				|  |  | +    border-radius: 2px 2px 2px 2px;
 | 
	
		
			
				|  |  | +    border-right: 1px solid #DCDCDC;
 | 
	
		
			
				|  |  | +    border-style: solid;
 | 
	
		
			
				|  |  | +    border-width: 1px;
 | 
	
		
			
				|  |  | +    color: #999999;
 | 
	
		
			
				|  |  | +    outline: medium none;
 | 
	
		
			
				|  |  | +    padding: 7px;
 | 
	
		
			
				|  |  | +    vertical-align: bottom;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.loginItem .globalForm{
 | 
	
		
			
				|  |  | +  padding-bottom:100px;
 | 
	
		
			
				|  |  | +  margin-top:10px
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.userInfoPanel {
 | 
	
		
			
				|  |  | +  margin:20px auto 5px
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.userInfoPanel p{
 | 
	
		
			
				|  |  | +  text-align:right;
 | 
	
		
			
				|  |  | +  margin:10px 0 0 0
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.formContent {
 | 
	
		
			
				|  |  | +  margin-top:10px;
 | 
	
		
			
				|  |  | +  background:#fff
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.formContent .slidebar {
 | 
	
		
			
				|  |  | +    float: left;
 | 
	
		
			
				|  |  | +    width: 180px;
 | 
	
		
			
				|  |  | +    margin:20px 0 0 0
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.formContent .slidebar li {
 | 
	
		
			
				|  |  | +    margin: 1px 0;
 | 
	
		
			
				|  |  | +    padding: 0 10px 0 0;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.formContent .slidebar li.now {
 | 
	
		
			
				|  |  | +    background: none repeat scroll 0 0 #f5f5f5;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.formContent .slidebar li a {
 | 
	
		
			
				|  |  | +    color: #666666;
 | 
	
		
			
				|  |  | +    display: block;
 | 
	
		
			
				|  |  | +    font-size: 14px;
 | 
	
		
			
				|  |  | +    height: 30px;
 | 
	
		
			
				|  |  | +    line-height: 30px;
 | 
	
		
			
				|  |  | +    padding: 0 0 0 10px;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.formContent .slidebar li a:hover{
 | 
	
		
			
				|  |  | +  color:#ff6501
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.formContent .slidebar li.now a {
 | 
	
		
			
				|  |  | +    color: #FF6501;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.formContent .slidebar li a.userProfile {
 | 
	
		
			
				|  |  | +    background-position: right 0;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.formContent .mainContent {
 | 
	
		
			
				|  |  | +    border-left: 1px solid #E2E2E2;
 | 
	
		
			
				|  |  | +    margin: 0 0 0 180px;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.mainContent .globalForm {
 | 
	
		
			
				|  |  | +  padding:15px 0 60px
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.mainContent .globalForm .formTips{
 | 
	
		
			
				|  |  | +  margin-left:20px
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.mainContent .globalForm h3 {
 | 
	
		
			
				|  |  | +    border-left: 2px solid #FF6501;
 | 
	
		
			
				|  |  | +    font-size: 18px;
 | 
	
		
			
				|  |  | +    padding: 3px 8px;
 | 
	
		
			
				|  |  | +    margin:0 20px
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.statistical {
 | 
	
		
			
				|  |  | +  margin:10px 20px;
 | 
	
		
			
				|  |  | +  padding:10px;
 | 
	
		
			
				|  |  | +  background:#f9f9f9
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.statistical table {
 | 
	
		
			
				|  |  | +  width:80%;
 | 
	
		
			
				|  |  | +  margin:0 0 10px 0
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.statistical table th{
 | 
	
		
			
				|  |  | +  width:90px
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.accuntTipe{
 | 
	
		
			
				|  |  | +  padding:5px 8px;
 | 
	
		
			
				|  |  | +  background:#34495E;
 | 
	
		
			
				|  |  | +  color:#fff;
 | 
	
		
			
				|  |  | +  margin:0 30px 10px 0
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.accuntTipe a{
 | 
	
		
			
				|  |  | +  color:#fff;
 | 
	
		
			
				|  |  | +  border-bottom:1px dashed #fff;
 | 
	
		
			
				|  |  | +  padding:0 3px
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.accuntConfirm {
 | 
	
		
			
				|  |  | +  margin:20px 30px 0 0;
 | 
	
		
			
				|  |  | +  padding:20px 0 20px 150px;
 | 
	
		
			
				|  |  | +  border-top:1px dashed #E2E2E2;
 | 
	
		
			
				|  |  | +  background:#f2f2f2
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.accuntConfirm p{
 | 
	
		
			
				|  |  | +  font-size:18px;
 | 
	
		
			
				|  |  | +  margin:0 0 10px 0
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.accuntConfirm p span{
 | 
	
		
			
				|  |  | +  display:inline-block;
 | 
	
		
			
				|  |  | +  *display:inline;
 | 
	
		
			
				|  |  | +  zoom:1;
 | 
	
		
			
				|  |  | +  width:140px;
 | 
	
		
			
				|  |  | +  text-align:right
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.accuntConfirm .button{
 | 
	
		
			
				|  |  | +  margin:20px 0 0 50px
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +.modal-backdrop {
 | 
	
		
			
				|  |  | +  position: fixed;
 | 
	
		
			
				|  |  | +  top: 0;
 | 
	
		
			
				|  |  | +  right: 0;
 | 
	
		
			
				|  |  | +  bottom: 0;
 | 
	
		
			
				|  |  | +  left: 0;
 | 
	
		
			
				|  |  | +  z-index: 1040;
 | 
	
		
			
				|  |  | +  background-color: #000
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +.modal-backdrop.fade {
 | 
	
		
			
				|  |  | +  opacity: 0
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +.modal-backdrop,.modal-backdrop.fade.in {
 | 
	
		
			
				|  |  | +  opacity: .8;
 | 
	
		
			
				|  |  | +  filter: alpha(opacity=80)
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +.modal {
 | 
	
		
			
				|  |  | +  position: fixed;
 | 
	
		
			
				|  |  | +  top: 10%;
 | 
	
		
			
				|  |  | +  left: 50%;
 | 
	
		
			
				|  |  | +  z-index: 1050;
 | 
	
		
			
				|  |  | +  width: 560px;
 | 
	
		
			
				|  |  | +  margin-left: -280px;
 | 
	
		
			
				|  |  | +  background-color: #fff;
 | 
	
		
			
				|  |  | +  border: 1px solid #999;
 | 
	
		
			
				|  |  | +  border: 1px solid rgba(0,0,0,0.3);
 | 
	
		
			
				|  |  | +  *border: 1px solid #999;
 | 
	
		
			
				|  |  | +  -webkit-border-radius: 6px;
 | 
	
		
			
				|  |  | +  -moz-border-radius: 6px;
 | 
	
		
			
				|  |  | +  border-radius: 6px;
 | 
	
		
			
				|  |  | +  outline: 0;
 | 
	
		
			
				|  |  | +  -webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.3);
 | 
	
		
			
				|  |  | +  -moz-box-shadow: 0 3px 7px rgba(0,0,0,0.3);
 | 
	
		
			
				|  |  | +  box-shadow: 0 3px 7px rgba(0,0,0,0.3);
 | 
	
		
			
				|  |  | +  -webkit-background-clip: padding-box;
 | 
	
		
			
				|  |  | +  -moz-background-clip: padding-box;
 | 
	
		
			
				|  |  | +  background-clip: padding-box
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +.modal.fade {
 | 
	
		
			
				|  |  | +  top: -25%;
 | 
	
		
			
				|  |  | +  -webkit-transition: opacity .3s linear,top .3s ease-out;
 | 
	
		
			
				|  |  | +  -moz-transition: opacity .3s linear,top .3s ease-out;
 | 
	
		
			
				|  |  | +  -o-transition: opacity .3s linear,top .3s ease-out;
 | 
	
		
			
				|  |  | +  transition: opacity .3s linear,top .3s ease-out
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +.modal.fade.in {
 | 
	
		
			
				|  |  | +  top: 10%
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +.modal-header {
 | 
	
		
			
				|  |  | +  padding: 9px 15px;
 | 
	
		
			
				|  |  | +  border-bottom: 1px solid #eee
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +.modal-header .close {
 | 
	
		
			
				|  |  | +  margin-top: 2px
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +.modal-header h3 {
 | 
	
		
			
				|  |  | +  margin: 0;
 | 
	
		
			
				|  |  | +  line-height: 30px
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +.modal-body {
 | 
	
		
			
				|  |  | +  position: relative;
 | 
	
		
			
				|  |  | +  max-height: 400px;
 | 
	
		
			
				|  |  | +  padding: 15px;
 | 
	
		
			
				|  |  | +  overflow-y: auto
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +.modal-form {
 | 
	
		
			
				|  |  | +  margin-bottom: 0
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +.modal-footer {
 | 
	
		
			
				|  |  | +  padding: 14px 15px 15px;
 | 
	
		
			
				|  |  | +  margin-bottom: 0;
 | 
	
		
			
				|  |  | +  text-align: right;
 | 
	
		
			
				|  |  | +  background-color: #f5f5f5;
 | 
	
		
			
				|  |  | +  border-top: 1px solid #ddd;
 | 
	
		
			
				|  |  | +  -webkit-border-radius: 0 0 6px 6px;
 | 
	
		
			
				|  |  | +  -moz-border-radius: 0 0 6px 6px;
 | 
	
		
			
				|  |  | +  border-radius: 0 0 6px 6px;
 | 
	
		
			
				|  |  | +  *zoom: 1;
 | 
	
		
			
				|  |  | +  -webkit-box-shadow: inset 0 1px 0 #fff;
 | 
	
		
			
				|  |  | +  -moz-box-shadow: inset 0 1px 0 #fff;
 | 
	
		
			
				|  |  | +  box-shadow: inset 0 1px 0 #fff
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +.modal-footer:before,.modal-footer:after {
 | 
	
		
			
				|  |  | +  display: table;
 | 
	
		
			
				|  |  | +  line-height: 0;
 | 
	
		
			
				|  |  | +  content: ""
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +.modal-footer:after {
 | 
	
		
			
				|  |  | +  clear: both
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +.modal-footer .btn+.btn {
 | 
	
		
			
				|  |  | +  margin-bottom: 0;
 | 
	
		
			
				|  |  | +  margin-left: 5px
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +.modal-footer .btn-group .btn+.btn {
 | 
	
		
			
				|  |  | +  margin-left: -1px
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +.modal-footer .btn-block+.btn-block {
 | 
	
		
			
				|  |  | +  margin-left: 0
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.area-button {
 | 
	
		
			
				|  |  | +  display:inline-block;
 | 
	
		
			
				|  |  | +  height:30px;
 | 
	
		
			
				|  |  | +  line-height: 30px;
 | 
	
		
			
				|  |  | +  padding:0 10px;
 | 
	
		
			
				|  |  | +  cursor: pointer;
 | 
	
		
			
				|  |  | +  font-size: 14px
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.area-dorpdown.hover .area-button{
 | 
	
		
			
				|  |  | +  background:#e2e2e2;
 | 
	
		
			
				|  |  | +  color: #E36335
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.area-dorpdown .area-warp {
 | 
	
		
			
				|  |  | +  width:360px;
 | 
	
		
			
				|  |  | +  padding:10px 0 10px 10px;
 | 
	
		
			
				|  |  | +  position:absolute;
 | 
	
		
			
				|  |  | +  top:45px;
 | 
	
		
			
				|  |  | +  left:145px;
 | 
	
		
			
				|  |  | +  z-index: 999;
 | 
	
		
			
				|  |  | +  border:1px solid #E2E2E2;
 | 
	
		
			
				|  |  | +  background:#fff;
 | 
	
		
			
				|  |  | +  display:none;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.area-dorpdown.hover .area-warp{
 | 
	
		
			
				|  |  | +  display:block;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.area-content-list div.item {
 | 
	
		
			
				|  |  | +  float:left;
 | 
	
		
			
				|  |  | +  width:60px;
 | 
	
		
			
				|  |  | +  padding:2px 0;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.area-content-list div.item a{
 | 
	
		
			
				|  |  | +  float:left;
 | 
	
		
			
				|  |  | +  padding:5px 8px;
 | 
	
		
			
				|  |  | +  color:#666;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +.area-content-list div.item a:hover{
 | 
	
		
			
				|  |  | +  background-color:#E36335;
 | 
	
		
			
				|  |  | +  color:#fff;
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +.area-content-list div.item a.select{
 | 
	
		
			
				|  |  | +  background-color:#E36335;
 | 
	
		
			
				|  |  | +  color:#fff;
 | 
	
		
			
				|  |  | +}
 |