@charset "utf-8";
/*
*   湖北省高新区竞争力评价系统 样式表
*/
body{
    background-color: #f2f2f2;
    color: #333;
}
a:hover, a:focus{text-decoration: none;}
a:focus{outline: 0;}
.num{font-family: "Arial"}						 
.font12{font-size: 12px;}
.font16{font-size: 16px;}
.font20{font-size: 20px;}
.font32{font-size: 32px;}
.text-green{color: green;}
.text-gray{color:#666;}
.text-blue{color: #1e90ff;}
.color-green{color:#349838;}
.color-orange{color:#eea40d;}	
.ml15{margin-left: 15px;}	
.mr15{margin-right:15px;}					 
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.pt7{padding-top: 7px;}
.block-shadow{
    background: #fff;
    -webkit-box-shadow:1px 1px 2px rgba(0,0,0,.3);
    -moz-box-shadow:1px 1px 2px rgba(0,0,0,.3);
    -ms-box-shadow:1px 1px 2px rgba(0,0,0,.3);
    -o-box-shadow:1px 1px 2px rgba(0,0,0,.3);
    box-shadow: 1px 1px 2px rgba(0,0,0,.3);
}
.conT {
    padding: 2px 8px;
    font-weight: bold;
    border-left: 4px solid #56abe4;
    margin-bottom: 15px;
    font-size: 15px;
    color: #444;
}
.line{height: 1px; margin: 25px -15px; background-color: #f0f0f0;}
/*slidemenu begin*/
.h-slideLeft{width: 200px; position: absolute;}
.h-mainCon{position: relative; margin-left: 215px; width: auto; min-height: 800px; padding: 15px;}
.h-slideLeft .h-slideTitle{display: block; font-size: 16px;  background-color: #78ba82; color:#FFF; height: 50px; line-height: 50px; padding-left: 30px; margin-bottom: 1px;}
.h-slideLeft .h-slideItem{display: block; background-color: #f8f8f8; color: #212121; border-bottom: 1px solid #e8e8e8; padding: 14px 10px;}

a.h-slideTitle.active{background-color: #379249;}
a.h-slideTitle:hover,a.h-slideTitle:focus{opacity: .9; color: #fff;}

.h-slideItem .glyphicon-chevron-right{color: #cccccc;}
.h-slideItem.active,.h-slideItem:hover,.h-slideItem:focus{background-color: #f5f2d7;}
.h-slideItem.active .glyphicon-chevron-right, .h-slideItem:hover .glyphicon-chevron-right{color: #9f953c;}
.icon{display: inline-block; width: 18px; height:18px; margin-bottom: -3px; margin-right: 5px;}
.menuicon1{background: url(../images/iconMenu1.png) no-repeat;}
.menuicon2{background: url(../images/iconMenu2.png) no-repeat;}
.menuicon3{background: url(../images/iconMenu3.png) no-repeat;}
.menuicon4{background: url(../images/iconMenu4.png) no-repeat;}
.h-slideLeft .subMenu > li{
	display: block;
	color: #999;
	height: 45px;
    line-height: 45px;
    padding-left: 60px;
    font-size: 16px;
    padding-right: 10px;
    background-color: #dbecdb;
    border-bottom: 1px solid #f5f5f5;
}
.h-slideLeft .subMenu > li > a{display: inline-block; color: #333; width: 100px;}
.h-slideLeft .subMenu > li > a:hover{color: #379249;}
.h-slideLeft .subMenu > li.active{background-color: #c7eecb; color: #2e6b2a;}
.h-slideLeft .subMenu > li.active > a{color: #2e6b2a;}
.h-slideLeft .subMenu > li .glyphicon{top: 14px;}
/*slidemenu end*/
.mainCon{
    padding: 20px;
    min-height: 800px;
    overflow: hidden;
}


.h-btnAdd{background-color: #379249; color: #fff; padding: 6px 15px;}
.h-btnImport{background-color: #68af71; color: #fff; padding: 4px 15px; font-size: 12px;}
.h-btnAdd:hover, .h-btnAdd:focus{}
.h-btnImport:hover, .h-btnImport:focus{opacity: 0.85; color: #000;}
.btn-leftSubmit{width: 120px; margin: 30px; font-size: 15px; padding: 8px 15px;}
/* table */
/*.h-tableHead{margin-bottom: 0;}*/
.h-tableHead > thead > tr > th{text-align: center; background-color: #f1f1f1; vertical-align: middle;}

.btn-saveBtn{padding: 6px 25px; margin-right: 30px;}


.tableScroll{max-height: 186px; margin-bottom: 20px;}
.tableScroll .table{margin-bottom: 0;}
.tableScroll .mCSB_inside > .mCSB_container{margin-right: 0;}
.tableScroll .mCSB_scrollTools{width: 2px;}
.tableScroll .mCSB_scrollTools .mCSB_draggerRail{background-color: #999; background-color: rgba(153, 153, 153, 0.45);filter: "alpha(opacity=45)";-ms-filter: "alpha(opacity=45)";}
.tableScroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #000; background-color: rgba(0,0,0,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)";}
.tableScroll .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color: #1976d2; background-color: rgba(25,118,210,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)";}
.tableScroll .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background-color: rgba(0,0,0,0.7); filter: "alpha(opacity=70)"; -ms-filter: "alpha(opacity=70)";}

.tableScroll .table > tbody > tr > td,.tableScroll .table > tr > td{word-wrap: break-word; word-break: break-all;} 

.mlv1{display: block; margin-left: 35px;}
.mlv2{display: block; margin-left: 60px;}
.table-annual{border: 1px solid #d2dad3; background-color: #f5f5f5;}
.table-annual > tbody > tr > td{border: 1px solid #d2dad3;}
.table-annual > tbody > tr > td.text-input{padding: 3px; background-color: #fff;}
.text-input > input{width: 100%; border-radius: 0;}
.table-head{background-color: #ebf3ec; margin-bottom: 0; border-top: 1px solid #d2dad3;}
.table-head > thead > tr > th{background-color: #ebf3ec; border: 1px solid #d2dad3; vertical-align:middle;}
.pd-b0{padding-bottom: 0;}
.accordionBox{padding-top: 0;}
.accordionBox .panel{margin-bottom: 0; box-shadow: none; -webkit-box-shadow: none; border-top:none; border-left:none; border-right:none;}
.accordion-hd{color:#333; font-size:16px; font-weight: bold; display: block; padding:10px 15px; background-color: #f5f5f5; border-left:1px solid #d2dad3; border-right:1px solid #d2dad3;}
.accordion-hd:hover{color:#428bca;}
.btn-green{color: #fff; text-align: center; display: inline-block; position: relative; z-index: 1; padding: 7px 10px; min-width: 92px; font-size: 14px; background-color: #5fba57; border-radius: 3px; border-bottom: 3px solid #289422; transition: 0.3s;}
.btn-green:hover,.btn-green:focus{color:#fff;}
.btn-green:hover:before {height: 100%;}
.btn-green:before{content: ""; width: 100%; height: 0; border-radius: 3px; z-index: -1; position: absolute; left: 0; bottom: 0; background-color: #289422; transition: 0.3s;}
.accordion-next{padding:15px; text-align: right; background: #f5f5f5; border-left:1px solid #d2dad3; border-right:1px solid #d2dad3;}
.tableHd{background-color: #fff;}
.tableHd > thead > tr > th{background-color: #ebf3ec; border: 1px solid #d2dad3;}

/*个人首页*/
.header{background-color: #fff; height: 80px; border-bottom: 1px solid #ddd; margin-bottom: 10px;}
.nav-eval{padding: 20px;}
.nav-eval .title{margin: 0;}
.nav-eval .lists{margin-bottom: 0; margin-top: 10px;}
.nav-eval .lists > li{margin-right: 10px;}

/*管理员首页*/
.selectBox{border: 2px solid #ccc; padding: 20px; margin-top: 15px;}
.optBtn .btn{padding: 4px 15px; margin-right: 5px; font-size: 12px;}
.selYear{padding: 2px 10px; vertical-align: middle;}

/*基本信息*/
.inputBox{display: inline-block; position: relative;}
.inputBox .inputFile{opacity:0; position: absolute; top:0; width: 100%; height: 100%;}
.addCoreInputFileLength{opacity:0; position: absolute; top:0; width:106px; height: 30px;}
.picBox{margin-bottom: 10px; display: block; width:250px; height:auto;}
.mustText{color: #ea1919; vertical-align: sub;}				

/*登录页*/
html,body{height:100%;}
.loginCon{width: 450px; margin:0 auto; padding: 80px 0; min-height: 400px;}
.msg-tip{color: #cc3333;font-size: 12px;}
.heightContainer{min-height: 100%; padding-bottom:40px;}
.ft_highTech{text-align: center; background-color: #333; color:#999; height:40px; line-height: 40px;}
.heightContainer .container{width: 1200px;}

.score-tabs{border-bottom: 1px solid #3f863a; margin-bottom: 20px;}
.score-tabs > li{margin-bottom: 0;}
.score-tabs > li > a{background-color: #dfdfdf; font-size: 15px; border-radius: 0; padding: 8px 20px;}
.score-tabs > li.active > a, .score-tabs > li.active > a:hover, 
.score-tabs > li.active > a:focus, .score-tabs > li > a:hover{
	background-color: rgba(8,179,8,0.22);
	border-color: rgba(8,179,8,0.22);
	color: #333;
	border-radius: 0;
	border-bottom-color: transparent;
}
.score-tabs.annual{margin-bottom: 0px; margin-top: 15px;}
.score-tabs.annual > li > a{padding: 8px 20px; display: table-cell; width: 154px; height: 60px; text-align: center; vertical-align: middle; border-right: 1px solid #fff;}
.score-tabs.annual > li.active > a{border-right-color: rgba(8,179,8,0.22);}
.score-tabs > li.annex{ margin-top:15px;}
.score-tabs > li.annex > a{background-color: transparent; border-radius: 0; padding: 8px 3px; display: inline-block; min-height: 1px;}
.score-tabs > li.annex > a:hover{background-color: transparent; border-color: transparent; display: inline-block;}
/*加载动态图样式*/
.loadBox{position: fixed; top: 0; background-color: rgba(0,0,0,.7); width: 100%; height: 100%; z-index: 1; text-align: center;}
.loadBox:after{content: ''; display: inline-block; height: 100%; vertical-align: middle;}
.loadImg{display: inline-block; vertical-align: middle; width: 50px; height: 40px;}
.spinner{position: absolute; width: 30px; height: 30px;}
.spinner02{transform: rotate(45deg);}
.spinner > div{position: absolute; width: 6px; height: 6px; border-radius: 50%; background-color: #e5eeef; animation: circleLoading 1.4s ease-in-out infinite; -webkit-animation: circleLoading 1.4s ease-in-out infinite;}
.spinner .circle01{left: 0; top: 0;}
.spinner .circle02{right: 0; top: 0;}
.spinner .circle03{right: 0; bottom: 0;}
.spinner .circle04{left: 0; bottom: 0;}
.spinner02 .circle01{animation-delay: -1.2s; -webkit-animation-delay: -1.2s;}
.spinner01 .circle02{animation-delay: -1.0s; -webkit-animation-delay: -1.0s;}
.spinner02 .circle02{animation-delay: -0.8s; -webkit-animation-delay: -0.8s;}
.spinner01 .circle03{animation-delay: -0.6s; -webkit-animation-delay: -0.6s;}
.spinner02 .circle03{animation-delay: -0.4s; -webkit-animation-delay: -0.4s;}
.spinner01 .circle04{animation-delay: -0.2s; -webkit-animation-delay: -0.2s;}
.spinner02 .circle04{animation-delay: -0.1s; -webkit-animation-delay: -0.1s;}
@keyframes circleLoading{
 0%,80%,100%{
  transform: scale(0);
  -webkit-transform: scale(0);
 }
 40%{
  transform: scale(1.0);
  -webkit-transform: scale(1.0);
 }
}
@-webkit-keyframes circleLoading{
 0%,80%,100%{
  transform: scale(0);
  -webkit-transform: scale(0);
 }
 40%{
  transform: scale(1.0);
  -webkit-transform: scale(1.0);
 }
}
/*填报说明*/
.arrow-l{display: inline-block; width: 24px; height:22px; background: url(../images/introduction-arrow.png) no-repeat; vertical-align: bottom;}
.rotated{transform: rotate(-180deg);-webkit-transform: rotate(-180deg)}