@CHARSET "UTF-8";

html{height:100%;}
body{position:relative;min-height:100%;}
/*header*/
.header{height:80px;background:#fff;}
.header-wrap{position:fixed;top:0;left:0;z-index:5;width:100%;height:80px;background:#fff;-webkit-transition:.2s ease;-moz-transition:.2s ease;-o-transition:.2s ease;-ms-transition:.2s ease;transition:.2s ease;}
.hgroup{float:left;width:255px;height:50px;padding-top:16px;transition:.2s ease;}
.hgroup img{width:100%;}
.nav{position:relative;float:left;margin-left:95px;}
.nav-lst{position:relative;}
.nav-lst li{float:left;}
.nav-lst a{display:block;padding:0 21px;height:80px;line-height:80px;color:#666;font-size:16px;-webkit-transition:.2s ease;-moz-transition:.2s ease;-o-transition:.2s ease;-ms-transition:.2s ease;transition:.2s ease;}
.nav-lst a:hover{text-decoration:none;}
.nav-lst .hover a{color:#fff;}
.nav-lst-bg{position:absolute;top:0;left:0;width:92px;height:80px;background:#003b83;overflow:hidden;-webkit-transition:height .2s ease;-moz-transition:height .2s ease;-o-transition:height .2s ease;-ms-transition:height .2s ease;transition:height .2s ease;}
.user-panel{float:right;padding-top:30px;height:20px;line-height:20px;-webkit-transition:.2s ease;-moz-transition:.2s ease;-o-transition:.2s ease;-ms-transition:.2s ease;transition:.2s ease;}
.user-panel a{color:#999;font-size:14px;}
.user-panel a:hover{color:#3481ee;text-decoration:none;}
.user-panel span{margin:0 15px;color:#ccc;}

.header-fixed .header-wrap{height:50px;box-shadow:0 2px 4px 0 rgba(0,0,0,.15);}
.header-fixed .hgroup{width:204px;height:40px;padding-top:5px;}
.header-fixed .nav-lst a{height:50px;line-height:50px;}
.header-fixed .nav-lst-bg{height:50px;}
.header-fixed .user-panel{padding-top:15px;}


/*button*/
.ui-btn{display:inline-block;vertical-align:middle;border:0 none;text-align:center;cursor:pointer;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;-ms-transition:.2s;transition:.2s;}
a.ui-btn:hover{text-decoration:none;}

.ui-btn-lg{padding:0 30px;height:42px;line-height:42px;font-size:16px;}
.ui-btn-xl{padding:0 50px;height:48px;line-height:48px;font-size:18px;}

.ui-btn-primary{color:#fff;background:#075ec3;}
.ui-btn-primary:hover{color:#fff;background:#1d72d7;}
.ui-btn-info{color:#fff;background:#02a5fa;}
.ui-btn-info:hover{color:#fff;background:#0095df;}


/*field*/
.field-item{padding:15px 0 15px 94px;overflow:hidden;}
.field-tit{float:left;width:72px;line-height:42px;margin-left:-103px;padding-right:30px;text-align:right;color:#333;font-size:14px;font-weight:bold;}
.field-con{position:relative;}
.field-inp{height:16px;line-height:16px;padding:12px 15px;background:#fff;border:1px solid #e8e8e8;color:#999;font-size:14px;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;-ms-transition:.2s;transition:.2s;}
.field-inp:focus{border-color:#3884e0;}
.field-inp-error,.field-inp-error:focus{border-color:#fa4644;}
.field-inp-xs{width:98px;}
.field-inp-sm{width:138px;}
.field-inp-md{width:328px;}
.field-inp-lg{width:568px;}
.field-select{height:42px;line-height:42px;padding-left:15px;border:1px solid #e8e8e8;color:#666;font-size:14px;}
.field-select-xs{width:90px;}
.field-select-sm{width:110px;}
.field-select-lg{width:285px;}
.field-tip-warn{line-height:30px;font-size:14px;color:#f7b027;}

/*tip*/
.ui-tip-sm{height:16px;line-height:16px;padding-left:20px;font-family:"\5B8B\4F53";}
.ui-tip-sm i{float:left;width:16px;height:16px;margin-left:-20px;background:url(../images/ico-sm.png) no-repeat;}
.ui-tip-error{color:#fc4343;}
.ui-tip-error i{background-position:0 0;}

.field-lst .ui-tip-sm{position:absolute;left:370px;top:50%;margin-top:-8px;white-space:nowrap;}

/*pop*/
.pop-mask{position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);}
.pop{position:fixed;z-index:10000;top:50%;left:50%;width:480px;height:390px;margin:-195px 0 0 -240px;background:#fff;}
.pop-hd{height:50px;background:#e8e8e8;}
.pop-title{float:left;height:50px;line-height:50px;padding-left:20px;font-size:16px;color:#333;}
.pop-close{float:right;width:17px;height:16px;margin:17px 20px 0 0;background:url(../images/ico-close.png) no-repeat;}
.pop-close:hover{background-position:-17px 0;}

/*layout*/
.content-container{padding:30px 0 150px;}
.content-wrap{padding:30px;background:#fff;}
.content-hd{height:38px;border-bottom:1px solid #e8e8e8;}
.content-title{float:left;height:38px;line-height:38px;color:#333;font-size:20px;}
.content-extra{float:right;margin-top:8px;height:30px;line-height:30px;color:#999;font-size:14px;}

/***index***/

/*banner*/
.banner{position:relative;width:100%;height:600px;background:url(../images/banner.jpg) no-repeat center top;overflow:hidden;}
.banner-submit{position:absolute;z-index:10;top:336px;left:32%;margin-left:-138px;width:276px;}
.btn-submit{display:block;width:276px;height:60px;background:url(../images/btn-submit.png) no-repeat 0 0;text-indent:-9999em;}
.btn-submit:hover{background-position:0 -60px;}
.banner-halo{position:absolute;bottom:0;left:50%;margin-left:-461px;width:922px;height:103px;background:url(../images/halo-bg.png) no-repeat 0 0;}
.halo-wrap{position:absolute;bottom:-21px;left:50%;margin-left:-451px;width:971px;height:282px;-webkit-animation:haloTranslate 3s linear infinite;-moz-animation:haloTranslate 3s linear infinite;-o-animation:haloTranslate 3s linear infinite;animation:haloTranslate 3s linear infinite;}
@-webkit-keyframes haloTranslate{
	0%{
		-webkit-transform:translateY(-30px);
	}
	100%{
		-webkit-transform:translateY(30px);
	}
}
@-moz-keyframes haloTranslate{
	0%{
		-moz-transform:translateY(-30px);
	}
	100%{
		-moz-transform:translateY(30px);
	}
}
@-o-keyframes haloTranslate{
	0%{
		-o-transform:translateY(-30px);
	}
	100%{
		-o-transform:translateY(30px);
	}
}
@keyframes haloTranslate{
	0%{
		transform:translateY(-30px);
	}
	100%{
		transform:translateY(30px);
	}
}
.halo{width:100%;height:100%;background:url(../images/halo.png) no-repeat 0 0;-webkit-animation:haloRotate 3s linear infinite;-moz-animation:haloRotate 3s linear infinite;-o-animation:haloRotate 3s linear infinite;animation:haloRotate 3s linear infinite;-webkit-transform-origin:center 1280px;-moz-transform-origin:center 1280px;-o-transform-origin:center 1280px;-ms-transform-origin:center 1280px;transform-origin:center 1280px; }
@-webkit-keyframes haloRotate{
	0%{
		-webkit-transform:rotate(-50deg);
	}
	100%{
		-webkit-transform:rotate(50deg);
	}
}
@-moz-keyframes haloRotate{
	0%{
		-moz-transform:rotate(-50deg);
	}
	100%{
		-moz-transform:rotate(50deg);
	}
}
@-o-keyframes haloRotate{
	0%{
		-o-transform:rotate(-50deg);
	}
	100%{
		-o-transform:rotate(50deg);
	}
}
@keyframes haloRotate{
	0%{
		transform:rotate(-50deg);
	}
	100%{
		transform:rotate(50deg);
	}
}

/*intro*/
.intro{height:350px;background:#fff;}
.intro-wrap{padding-top:74px;}
.intro-title{width:302px;height:49px;margin:0 auto;background:url(../images/hello-wrold.png) no-repeat;}
.intro-cons{margin-top:36px;line-height:38px;font-size:16px;color:#555;text-align:center;}

/*feature*/
.feature{height:570px;padding-bottom:100px;background:#f1f2f3;}
.feature-wrap{padding-top:134px;overflow:hidden;}
.feature-lst{padding-left:90px;margin-right:-110px;}
.feature-lst li{float:left;width:260px;margin-right:110px;}
.feature-img{width:178px;height:200px;margin:0 auto;background:url(../images/feature.png) no-repeat;}
.feature-item1 .feature-img{background-position:0 0;}
.feature-item2 .feature-img{background-position:-178px 0;}
.feature-item3 .feature-img{background-position:-356px 0;}
.feature-tit{width:178px;height:30px;margin:39px auto 0;background:url(../images/feature.png) no-repeat;text-indent:-9999em;}
.feature-tit a{display:block;width:100%;height:100%;}
.feature-item1 .feature-tit{background-position:0 -200px;}
.feature-item2 .feature-tit{background-position:-178px -200px;}
.feature-item3 .feature-tit{background-position:-356px -200px;}
.feature-txt{margin-top:9px;line-height:18px;color:#666;font-size:14px;text-align:center;}


/*report*/
.report-main{float:left;width:780px;background:#fff;}
.report-main-wrap{padding:30px 55px 30px 30px;}

.upload-attach{position:relative;height:42px;overflow:hidden;}
.upload-attach input{position:relative;padding-top:10px;margin-left:55px;height:42px;line-height:42px;font-size:14px;color:#666;
text-indent:-100px;

}
@-moz-document url-prefix() {  
	.upload-attach  input{
	position:relative;padding-top:10px;margin-left:55px;height:42px;line-height:42px;font-size:14px;color:#666;text-indent:-100px; 
	text-indent:-192px;
	}
}

.upload-btn{position:absolute;top:0;left:0;width:118px;height:40px;line-height:40px;background:#f8f8f8;background:-webkit-linear-gradient(top,#fdfdfd,#f4f4f4);background:-moz-linear-gradient(top,#fdfdfd,#f4f4f4);border:1px solid #e8e8e8;color:#666;font-size:14px;text-align:center;}
.upload-btn:hover{text-decoration:none;color:#666;}
.upload-txt{margin-top:5px;font-size:14px;color:#999;}

.report-sider{float:right;width:380px;background:#fff;}
.warm-prompt{padding:20px 30px 30px;}
.warm-prompt-hd{height:36px;line-height:36px;border-bottom:1px solid #e8e8e8;}
.warm-prompt-title{font-size:18px;color:#333;}
.warm-propt-lst{margin-top:15px;}
.warm-propt-lst h3{line-height:36px;font-size:16px;color:#666;}
.warm-propt-lst p{line-height:30px;font-size:14px;color:#999;}


/*thanks*/
.thanks-tab{float:left;}
.thanks-tab li{float:left;margin-right:10px;width:178px;height:40px;line-height:40px;background:#fff;border:1px solid #e8e8e8;color:#666;font-size:14px;text-align:center;cursor:pointer;}
.thanks-tab .current{background:#075dc5;border-color:#075dc5;color:#fff;}
.thanks-filter{float:right;}
.thanks-filter span{float:left;line-height:42px;font-size:14px;color:#666;}

.thanks-tb{width:100%;table-layout:fixed;border:1px solid #e8e8e8;font-size:14px;color:#666;}
.thanks-tb th,.thanks-tb td{border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;}
.thanks-tb th{height:40px;line-height:40px;background:#f6f6f6;font-weight:normal;}
.thanks-tb td{padding:10px 0;line-height:20px;background:#fff;}
.thanks-tb .col1,.thanks-tb .col3{text-align:center;}
.thanks-tb .col1{width:15%;}
.thanks-tb .col2{width:30%;text-align:left;}
.thanks-tb .col3{width:25%;}
.thanks-tb .col2 p{padding-left:24px;padding-right:12px;word-break:break-all;}


/*pagination*/
.pagination{height:24px;}
.pager{float:right;}
.pager-next,.pager-num,.pager-prev{position:relative;float:left;margin-right:10px;width:22px;height:22px;border:1px solid #e8e8e8;background:#fff;color:#666;text-align:center;font-size:14px;font-family:Arial;line-height:22px;}
.pager-next:hover,.pager-num:hover,.pager-prev:hover{border-color:#075dc5;background:#075dc5;color:#fff;text-decoration:none;}
.pager-next i,.pager-prev i{position:absolute;top:50%;left:50%;margin:-4px 0 0 -2px;width:0;height:0;border-style:solid;}
.pager-prev i{border-color:transparent #666 transparent transparent;border-width:4px 4px 4px 0;}
.pager-next i{border-color:transparent transparent transparent #666;border-width:4px 0 4px 4px;}
.pager-prev:hover i{border-color:transparent #fff transparent transparent;}
.pager-next:hover i{border-color:transparent transparent transparent #fff;}
.pager-txt{float:left;line-height:24px;color:#666;font-size:14px;}


/**announcement**/
.anno-lst li{height:53px;line-height:53px;padding-right:90px;border-bottom:1px dashed #e8e8e8;font-size:14px;overflow:hidden;}
.anno-lst-cons{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.anno-lst-cons a:hover{color:#003b83;text-decoration:none;}
.anno-lst-date{float:right;margin-right:-90px;width:90px;color:#666;text-align:right;}

/**register**/
.reg-box{padding:70px 0 100px 350px;}
.reg-tab{width:420px;}
.reg-tab li{float:left;width:50%;height:34px;line-height:34px;border-bottom:1px solid #e8e8e8;font-size:16px;color:#999;text-align:center;cursor:pointer;}
.reg-tab .current{border-bottom-color:#3884e0;color:#075dc5;}
.reg-field-lst{margin-top:20px;}
.reg-field-lst .field-item{padding:10px 0 10px 60px;overflow:visible;}
.reg-field-lst .field-tit{width:100px;margin-left:-100px;padding-right:10px;font-weight:normal;}
.btn-reg{width:360px;}
.btn-msgcode{width:170px;margin-left:20px;padding:0;font-size:14px;}
.jump-login{width:360px;text-align:center;color:#999;font-size:14px;}

/*pop-login*/
.login-box{width:360px;margin:0 auto;padding-top:42px;}
.login-box .ui-tip-error{margin:-26px 0 10px;}
.login-lst li{position:relative;height:42px;margin-bottom:20px;}
.login-lst .field-inp-md{padding-left:51px;width:292px;}
.field-ico{position:absolute;left:1px;top:50%;margin-top:-8px;width:16px;height:16px;padding:0 12px;border-right:1px solid #dcdcdc;}
.field-ico i{display:block;width:16px;height:16px;background:url(../images/ico-login.png) no-repeat;}
.field-username .field-ico i{background-position:0 0;}
.field-pwd .field-ico i{background-position:-16px 0;}
.field-username .field-inp-md:focus + .field-ico i{background-position:0 -16px;}
.field-pwd .field-inp-md:focus + .field-ico i{background-position:-16px -16px;}

/*agreement-tip*/
.agreement-tip-dialog{position:fixed;z-index:10000;top:50%;left:50%;width:420px;margin-left:-210px;background:#fff;transform:translateY(-50%);box-shadow:0 4px 20px rgba(0,0,0,.2);}
.agreement-tip-hd{height:50px;line-height:50px;padding-left:20px;background:#e8e8e8;font-size:16px;color:#333;}
.agreement-tip-bd{padding:22px 22px 8px;}
.agreement-tip-bd p{line-height:24px;font-size:14px;color:#555;}
.agreement-tip-bd p+p{margin-top:10px;}
.agreement-tip-bd a{color:#075ec3;}
.agreement-tip-bd a:hover{color:#1d72d7;}
.agreement-tip-link a{display:block;padding:10px 12px;background:#f4f8fc;border:1px solid #dfe9f5;border-radius:6px;color:#075ec3!important;font-weight:bold;text-align:center;line-height:22px!important;}
.agreement-tip-link a:hover{background:#eaf2fc;color:#1d72d7!important;text-decoration:none;}
.agreement-tip-warn{margin-top:12px!important;padding:9px 12px;background:#fff8e8;border-left:3px solid #f7b027;font-size:13px!important;line-height:22px!important;color:#8a6116!important;}
.agreement-tip-ft{padding:15px 20px 22px;text-align:center;}
.agreement-tip-ft .ui-btn{min-width:140px;}


