html, body, .container-fluid{ height: 100%;}
body{ background: #2a3a4f; padding-bottom: 10px; box-sizing: border-box;}
.warning, .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label{ color: #eb5b26 !important;}
.btn-warning{ background: #eb5b26;}
.has-warning .form-control, .line-warning{ border-color: #eb5b26;}
.article{ word-break: break-all; white-space: normal;}
/*璋锋瓕CSS3瀹氫箟婊氬姩鏉�/
/*---婊氬姩鏉￠粯璁ゆ樉绀烘牱寮�-*/
::-webkit-scrollbar-thumb{background-color:#545454; height:50px; outline-offset:0px; outline:none; -webkit-border-radius:10px; border: 0px solid #fff;}
/*---榧犳爣鐐瑰嚮婊氬姩鏉℃樉绀烘牱寮�-*/
::-webkit-scrollbar-thumb:hover{ background-color:#1b1b1b;height:50px; -webkit-border-radius:10px;}
/*---婊氬姩鏉″ぇ灏�-*/
::-webkit-scrollbar{width:8px;height:8px ;}
/*---婊氬姩妗嗚儗鏅牱寮�-*/
::-webkit-scrollbar-track-piece{background:#ededed; -webkit-border-radius:0;}
/***璋锋瓕CSS3瀹氫箟婊氬姩鏉�END**/
/* navbar-fixed-top START */
.navbar-brand{ padding: 0; height: 70px;}
.navbar-inverse{ background: #36485f; color: #fff; height: 70px;}
.navbar-inverse span{ display: inline-block; padding: 15px; line-height: 40px; font-size: 16px;}
.navbar .btn-warning, .navbar .label-warning{ background: #ea5c25; border-color: #ea5c25; }
.navbar .label-warning{ border-radius: 20px; padding: 5px 20px;}
.btn-logout{ width: 98px; padding: 8px 3px; border-radius: 0; margin-right: -15px;}
.btn-logout p{ font-size: 14px;}
/* navbar-fixed-top END */
/* sidebar START */
.sidebar{ position: absolute; left: 0; top: 70px; bottom: 0; padding: 20px 0; width: 200px; background: #36485f;}
.nav-inverse{ background: #33425a; border-top: solid #283a51 1px;}
.nav-inverse>li>a, .nav-inverse .nav-menu a{ font-size: 17px; line-height: 30px; color: #fff; padding-left: 60px; position: relative; cursor: pointer;}
.nav-inverse>li>a:hover, .nav-inverse>li.active>a{ background: #e85b26;}
.nav-inverse>li>a:before{ content: ''; position: absolute; right: 30px; top: 50%; background: url("../images/icon/icon-right.png") center right no-repeat; width: 20px; height: 20px; margin-top: -10px;}
.nav-inverse>li.active>a:before{ -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1); background-position: center top;}
.nav-inverse .icon{ position: absolute; left: 30px; top: 50%; margin-top: -10px; width: 20px; height: 20px; display: inline-block; background: url("../images/icon/icon.png") no-repeat;}
.nav-inverse .icon-menu1{ background-position: 1px 1px;}
.nav-inverse .icon-menu2{ background-position: 0 -50px;}
.nav-inverse .icon-menu3{ background-position: 1px -97px;}
.nav-inverse .icon-menu4{ background-position: 0 -144px;}
.nav-inverse .icon-menu5{ background-position: 1px -193px;}
.nav-inverse .icon-menu6{ background-position: 1px -242px;}
.nav-inverse .icon-menu7{ background-position: 0 -290px;}
.nav-inverse .nav-menu{ display: none;}
.nav-inverse .active .nav-menu{ display: block;}
.nav-inverse .nav-menu a{ text-align: center; padding-left: 15px; border-bottom: solid #374760 1px;}
.nav-inverse .nav-menu li:hover a, .nav-inverse .nav-menu .active a{ color: #eb5b26; background: none;}
/* sidebar END */
/* main START */
.container-fluid .row{ height: 100%; padding-top: 70px; position: relative;}
.main{ margin-left: 200px; padding: 20px; box-sizing: border-box; height: 100%; overflow-y: auto; background: #d6dce7;}
.bg-white{ overflow-y: auto; height: 100%; border-radius:5px; background: #fff; position: relative;}
.bg-white .page-header{ margin: 0; background: #ebf0f4; line-height: 62px; border-bottom-color: #e7ecf0; color: #79828d; font-weight: normal; font-size: 18px; padding: 0 20px; position: absolute; top: 0; left: 0; right: 0;}
.bg-white .page-header img{ vertical-align: top; margin: 18px 10px 0 0;}
.main-box{ padding: 20px 30px; margin-top: 63px; position: relative;}
/* main END */

.statistics{
  padding: 120px 0 0 140px;
}
.statistics a{
  background: #fdefe9;
  color: #ea5a25;
  font-size: 32px;
  line-height: 130px;
  display: inline-block;
  margin: 0 80px 80px 0;
  border-radius: 3px;
  padding: 0 45px;
}
.statistics a:hover{
  text-decoration: none;
}
.form{
  padding: 20px 0;
}
.img-box{
  position: relative;
  overflow: hidden;
  border: solid #dfe2e4 1px;
  z-index: 1;
  height: 125px;
  width: 290px;
}
.img-box.radius-box{
  border-radius: 100%;
  width: 50px;
  height: 50px;
}
.img-box:before{
  content: '+';
  width: 30px;
  height: 30px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -15px;
  margin-left: -15px;
  font-size: 20px;
  line-height: 30px;
  color: #999;
  text-align: center;
}
.img-box input[type="file"]{
  opacity: 0;
  z-index: 10;
  width:  100%;
  height: 100%;
  cursor: pointer;
}
.signin-box {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #eee;
}

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.modal-header{
  border: none;
}
.modal .control-label{
  padding-right: 0;
}
.btn-check{
  color: #eb5b26;
  background: #fcede5;
  border: solid #e76a3f 1px;
  position: relative;
}
.icon-tips{
  width: 10px;
  height: 10px;
  border-radius: 100%;
  display: block;
  background: #e95a21;
  border: solid #fff 1px;
  position: absolute;
  top: -5px;
  right: -5px;
}
.info-list ul{
  padding: 0;
}
.info-list ul.pull-left{
  width: 480px;
}
.info-list li{
  list-style: none;
  line-height: 2;
  font-size: 18px;
  color: #79828d;
}
.info-list span{
  padding-right: 10px;
}
.lv{ display: inline-block; padding: 0 !important; width: 135px; vertical-align: middle;}
.lv label{ overflow: hidden; height: 32px; display: block; position: relative;}
.lv i{ display: block; height: 32px; width: 135px; background: url("../images/icon/i-lv.png") no-repeat; background-size: contain; position: absolute; left: 0; top: 0;}
.lv .lv-1{ width: 20%;}
.lv .lv-2{ width: 40%;}
.lv .lv-3{ width: 60%;}
.lv .lv-4{ width: 80%;}
.lv .lv-5{ width: 100%;}
.img-edit{ display: inline-block; position: relative; overflow: hidden; margin: 0 20px 20px 0;}
.img-edit a{ display: block; position: absolute; left: 0; right: 0; top: 100%; height: 100%; background: rgba(0,0,0,.5); color: #fff;}
.img-edit:hover a{ top: 0;}
.img-edit span{ position: absolute; left: 50%; top: 50%; width: 50px; line-height: 24px; margin-top: -12px; margin-left: -25px; text-align: center; cursor: pointer; font-weight: bold;}


/*page_box*/
.page_box{ margin-top:20px ; float:right;}
*+html .page_box{ padding:50px 0;}
.page_box li{ clear:both; overflow:hidden;}
.page_box li a,.page_box li em{ background:#fff; float: left; padding:0px 10px;height:30px; border:solid 1px #ccc; margin-left:10px; text-align:center; line-height:30px;}
.page_box li span{float: left; line-height:30px;}
.page_box li span input{ border:solid 1px #ccc; height:30px; line-height:30px; text-align:center; width:50px; margin:0px 5px; vertical-align:middle;}
/*.page_box li span input:focus{ border:solid 1px #FF8700;}*/
.page_box li span a,.page_box li span em{padding:0;height:30px;width:30px;}
.page_box li span em{ border:none; background:none;}
/* .page_box li span .pre,.page_box li span .next{position:relative;} */
.page_box li span .pre,.page_box li span .next{ position:relative;}
.page_box li span .pre i,.page_box li span .next i{ position:absolute; float:left; width:7px; height:13px; background:url(../images/ico.png) -333px -30px; top:8px; left:11px; }
.page_box li span .pre:hover i{background-position:-333px -46px;}
.page_box li span .next:hover i{background-position:-343px -46px;}
.page_box li span .next i{ background-position:-343px -30px; left:13px; }
.page_box li .active,.page_box li a:hover{ border:solid 1px #36485f; color:#36485f}
.page_box li .qd_btn{ background:#36485f; color:#fff; margin-left:10px; border:solid 1px #36485f;}
/*背景弹窗灰色层*/
#popup_overlay{position:fixed; z-index: 998; top: 0px; left: 0px; width: 100%; height: 100%; background: #000; opacity: 0.4;:alpha(opacity=40);display:none; }