/********************
 * GENERAL STYLES
 ********************/
html {
  position: relative;
  min-height: 100%; }

body {
  background-color: #f0f3f5;
  font-family: "microsoft yahei", sans-serif;
  font-size: 14px;
  color: #fff;
  
   }
ul,ol,li{list-style:none outside none;}
a {
  color: #fff; }
  a:hover, a:focus {
    color: #fff;
    text-decoration: none; }

th {
  font-weight: 600; }

.page-title {
  margin-top: 0;
  margin-bottom: 30px;
  font-weight: 300; }

footer {
  position: absolute;
  bottom: 0;
  right: 0;
  padding-top: 15px;
  padding-bottom: 10px; }

.copyright {
  margin-bottom: 0;
  text-align: right;
  font-size: 13px; }
  @media screen and (max-width: 767px) {
    .copyright {
      text-align: center;
      position: relative !important; } }

/********************
 * LAYOUT
 ********************/

.row,div[class^="col"],.container,.container-fluid{padding:0!important;}
.row{margin:0!important;}
.content .container{margin-bottom: 30px;}



#wrapper #sidebar-nav,#wrapper .main , #wrapper .sub-main{  padding-top: 125px;}
#wrapper .main{height:100%;}
#wrapper .sub-main{background: #fff;height:auto;position: relative;}

@media screen and (max-width: 767px) {
  #wrapper #sidebar-nav,
  #wrapper .main {
    padding-top: 130px; } }

.layout-fullwidth #wrapper .sidebar {
  left: -260px; }

.layout-fullwidth #wrapper .main {
  width: 100%; }

.layout-fullwidth #wrapper .navbar {
  left: 0 !important; }

.layout-fullwidth #wrapper .btn-toggle-fullwidth {
  color: #00AAFF; }

.offcanvas-active #wrapper .sidebar {
  left: 0; }

.offcanvas-active #wrapper .main {
  width: 100%;
  position: relative;
  left: 260px; }

@media screen and (max-width: 1024px) {
  #wrapper .sidebar {
    left: -260px; }
  #wrapper .main {
    width: 100%; }
  #wrapper .navbar {
    left: 0 !important; }
  #wrapper .btn-toggle-fullwidth {
    color: #00AAFF; }
  .btn-toggle-minified {
    display: none; } }

.main-content,.sub-main-content {
  padding: 16px 10px; }

.navbar + .main-content {
  padding: 105px 0 28px 5px; }
  @media screen and (max-width: 767px) {
    .navbar + .main-content {
      padding-top: 155px; } }

html.fullscreen-bg,
html.fullscreen-bg body,
html.fullscreen-bg #wrapper {
  height: 100%; }

.vertical-align-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  display: table; }

.vertical-align-middle {
  display: table-cell;
  vertical-align: middle; }
.copyrights{
	text-indent:-9999px;
	height:0;
	line-height:0;
	font-size:0;
	overflow:hidden;
}
/********************
 * TOP NAVIGATION
 ********************/
.navbar-default {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 0;
  margin: 0;
  border: none;
  background: -webkit-linear-gradient(left, #007fcc , #00a8e0); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #007fcc , #00a8e0); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #007fcc , #00a8e0); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #007fcc , #00a8e0); /* 标准的语法 */
  background:#007fcc\9\0;
  }
.navbar-default .navbar-nav>li>a{color:#fff;text-align: center;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #fafafa; }
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
   }
.navbar-default .navbar-toggle{border-color:transparent;}
.navbar-default .navbar-toggle .icon-bar{background-color:#fff;}
.navbar-default .brand {
    float: left;
    padding: 22px 0;
    }
  @media screen and (max-width: 1024px) {
    .navbar-default .brand {
      padding-left: 30px;
      padding-right: 15px; } }
  @media screen and (max-width: 992px) {
    .navbar-default .brand {
    } 
    #wrapper .btn-toggle-fullwidth{display: none;}
  }
  @media screen and (max-width: 640px) {
    .navbar-default #navbar-menu {
      float: right; } }

.navbar-btn {
  float: left;
  padding: 59px 0 6px; }
.navbar-btn button {
    font-size: 24px;
    padding: 5px 8px;
    line-height: .7;
    border: none;
    background: none;
    outline: none; }
@media screen and (max-width: 640px) {
    .navbar-btn {
      padding-left: 0; } 
}

.navbar-btn-right {
  float: right; }

.navbar-form {
  padding: 30px 0px;
  border: 0; }
.navbar-form input[type="text"] {    min-width: 220px; }
  @media screen and (max-width: 767px) {
    .navbar-form {
      float: left;
      width: 70%;
      margin-left: 5px;
      margin-right: 5px;
      padding-left: 0;
      padding-right: 0; }
      .navbar-form .input-group {
        width: 70%; }
      .navbar-form input[type="text"] {
        min-width: 150px; } }
  @media screen and (max-width: 640px) {
    .navbar-form {
      display: none; } }

.navbar-nav .icon-menu {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding-top: 28px;
  padding-bottom: 28px;
  position: relative; }
  .navbar-nav .icon-menu .badge {
    position: absolute;
    top: 22px;
    right: 16px; }

.navbar-nav > li > a { padding: 20px 0px 20px 40px; }
.navbar-nav > li > a > i {font-size: 22px;vertical-align: middle;display: block;text-align: center;}
.navbar-nav > li > a > i.icon-submenu { margin-left: 2px; margin-right: 0;font-size: 10px;position: relative;top: 2px; }
.navbar-nav > li > a > span {display: block;    position: relative;    top: 2px; margin-top:5px;}

.navbar-nav > li > a:hover > span{color: #fff;} 
.navbar-nav > li > a img {width: 50px;}
.navbar-nav > li > .dropdown-menu {padding: 0;min-width: 200px; }
.navbar-nav .dropdown-menu {
  /*border-top: 2px solid #ACB0B5;*/ }

.navbar-nav .dropdown-menu > li > a { padding: 10px 20px; }
.navbar-nav .dropdown-menu > li > a:hover, .navbar-nav .dropdown-menu > li > a:focus {
    background-color: #fafafa; }
.navbar-nav .dropdown-menu > li > a span,.navbar-nav .dropdown-menu > li > a i {vertical-align: middle; }

@media screen and (min-width: 768px) {
  .navbar-nav.navbar-right {
    margin-right: 0; } }

@media screen and (max-width: 767px) {
  .navbar-nav {
    width: 100%;
    margin: 0; }
    .navbar-nav > li {
      display: table-cell;
      width: 1%;
      position: inherit;
      text-align: center; }
    .navbar-nav > li > a {
      padding: 15px 20px; }
      
    .navbar-nav .open .dropdown-menu {
      -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
      -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
      position: absolute;
      width: 100%;
      margin-top: 3px;
      background-color: #fff; }
    .navbar-nav .open .dropdown-menu > li > a {
      padding: 10px 15px; }
    .navbar-nav .icon-menu {
      padding-top: 15px;
      padding-bottom: 15px; }
      .navbar-nav .icon-menu .badge {
        top: 10px;
        right: 15px; } }

.navbar-toggle {  padding: 8px 8px;margin: -39px 0px 9px 0;}
  .navbar-toggle .icon-nav {
    font-size: 24px; }

.notification-item .dot {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 10px;
  height: 10px;
  content: '';
  margin-right: 8px; }

ul.notifications > li {
  border-bottom: 1px solid #F0F0F0; }
  ul.notifications > li:last-child {
    border-bottom: none; }
  ul.notifications > li > .more {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    text-decoration: underline;
    font-weight: 600; }
    ul.notifications > li > .more:hover, ul.notifications > li > .more:focus {
      text-decoration: none; }

.dropdown-menu {
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  border-color: #eaeaea; }
  .dropdown-menu > li > a {
    color: #676a6d; }
  .dropdown-menu > li i {
    margin-right: 6px; }
  .dropdown-menu .active > a, .dropdown-menu .active > a:focus, .dropdown-menu .active > a:hover {
    background-color: #00AAFF; }
  .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
    color: #a3a3a3; }

/********************
 * SIDEBAR NAVIGATION
 ********************/
.sidebar {
  z-index: 9; }
  .sidebar .nav > li > a {
    padding: 18px 30px;
    color: #AEB7C2;
    border-left: 5px solid transparent; }
    .sidebar .nav > li > a:hover, .sidebar .nav > li > a:focus, .sidebar .nav > li > a.active {
      color: #fff;
      background-color: transparent; }
      .sidebar .nav > li > a:hover i, .sidebar .nav > li > a:focus i, .sidebar .nav > li > a.active i {
        color: #00AAFF; }
    .sidebar .nav > li > a:focus, .sidebar .nav > li > a.active {
      background-color: #252c35;
      border-left-color: #00AAFF; }
    .sidebar .nav > li > a[data-toggle="collapse"] .icon-submenu {
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline;
      -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
      -o-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out;
      float: right;
      position: relative;
      top: 3px;
      /*font-size: 12px;*/
      line-height: 1.1;
      -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg); }
    .sidebar .nav > li > a[data-toggle="collapse"].collapsed .icon-submenu {
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg); }
    .sidebar .nav > li > a .badge {
      font-weight: 400;
      background-color: #F9354C; }
  .sidebar .nav {
    /* submenu */ }
    .sidebar .nav i {
      margin-right: 10px;
      font-size: 18px; color:#eee;}
    .sidebar .nav span {
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      position: relative;
      top: -2px; }
    .sidebar .nav .nav {
      background-color: #252c35; }
      .sidebar .nav .nav > li > a {
        padding-left: 60px;
        padding-top: 10px;
        padding-bottom: 10px; }
        .sidebar .nav .nav > li > a:focus, .sidebar .nav .nav > li > a.active {
          background-color: transparent;
          border-left-color: transparent; }
        .sidebar .nav .nav > li > a.active a {
          color: #fff; }

/********************/
.content{max-width: 1170px;margin:50px auto;}
.content .icon-search{font-size: 20px;float: left;width:20px;height:20px;color:#fff;background:url(../img/search.png) no-repeat center left;margin-right: -14px;    margin-top: 3px;    margin-left: 31px;}
.content .input-group input{padding:25px 20px;font-size: 18px;}
.content .input-group-btn button{padding:13px 19px;font-size: 18px;width: 100%}
.content .input-group-btn{width:100%;background-color: #4698ed;display: block;}

.content .input-group {width: 100%;}
.content .btn-primary{background-color: #4698ed;border:none;}
.content .btn-primary:hover {
    color: #fff;
    background-color: #007fcc;
    border-color: #007fcc;
}
.content .dropdown{width:100%;height:52px;background-color: #fff;border:1px solid #ccc;border-left:none;line-height: 52px;}
.content .dropdown-toggle{display: block;overflow: hidden;}
.content .dropdown-toggle span{float: left; color:#333;font-size: 18px;padding-left:20px;}

.content .dropdown-toggle .icon-angle-down{float: right;color:#333;font-size: 16px;background: url(../img/angle.png) no-repeat center left;width:20px;height:20px;margin-top:17px;margin-right: 20px;}
.content .dropdown-menu{width: 100%;border-radius: 0;box-shadow: none;padding:0;height: calc(100px + 70vh);overflow-y: scroll;}
.content .dropdown-menu li a{padding:8px 10px;}
.content .dropdown-menu li a:hover{background: #d7f0ff;color:#007fcc;}

.search-number{margin:25px 0;overflow: hidden;}
.search-number p{color:#007fcc;font-size: 16px;}
.searchInfo{background-color: #fff;padding:20px 20px;}



.searchInfo{overflow: hidden;color:#333;}
.searchInfo a{color:#333;}
.searchInfo .key{font-size: 16px;color:#007fcc;padding:7px 0 0;}

.searchInfo .sorting{overflow: hidden;font-size: 16px;color:#666666;}
.searchInfo .sorting a{display: inline-block;margin:0 0 0 20px;font-size: 16px;}
.searchInfo .sorting a:hover{color:#007fcc;}
.searchInfoList{background: #fff;padding:20px 20px;margin-top:2px; color:#666;font-size: 16px;}
.NoSearchCon{text-align: center;padding:20px;}

.searchInfoList{}
.searchInfoList ul{padding:0;margin-bottom: 30px;}
.searchInfoList ul li{border-bottom: 1px dashed #ddd;padding-bottom: 30px;margin-bottom: 30px;}
.searchInfoList ul li .search01 {overflow: hidden;}
.searchInfoList ul li .search01 h2{font-size: 16px;color:#333;font-weight: normal;margin-bottom: 10px;margin-top: 0;line-height: 1.4;color: #007fcc;}
.searchInfoList ul li .search01 h2:hover{text-decoration: underline;}
.searchInfoList ul li .search01 span{font-size: 12px;color:#999;margin-bottom: 10px;line-height: 18px;display: block;}
.searchInfoList ul li .search01 p{font-size: 14px;color:#666;line-height: 1.4;display: block;margin-bottom: 10px;letter-spacing: 0.2px;}

/*分页*/
.pages{ text-align:center; height:37px;*height:39px; font-size:16px; line-height:23px; margin:45px 0 20px; overflow: hidden;}
.pages span{ color:#d9070d; padding:0 3px 0 3px; font-size:16px;}
.pages a{ display: inline-block; *display:inline; *zoom:1; vertical-align: middle;height: 23px;*height:23px; font-size:16px; text-align:center; color:#777;margin:0 3px;width: 23px;}
.pages a.start,.pages a.prev,.pages a.next,.pages a.end{width: auto;padding:0 6px;}

.pages a img{*display:block; *margin-top: 8px;}
.pages a:hover{ color:#4698ed;}
.pages a.on_pages{color:#fff;background-color:#4698ed;border-radius: 50%;}
.pages_min{ margin:25px 0; overflow: hidden; display: none;padding:0 25px;font-size:13px;}
.pages_min a.prev_min,.pages_min a.next_min{ display: block; width:100px; height: 30px; float:left;  border-radius: 3px; color:#fff; line-height: 30px; text-align: center;background-color:#4698ed;}
.pages_min a.next_min{ float:right;}

.footer{border-top:4px solid #4698ed;background-color: #fff;}
.copyRight{text-align: center;color: #333333;padding:20px 0;font-size: 16px;line-height: 28px;}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color: #4698ed;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border-top:0;}
.btn-info{color: #fff !important;}
#searchHistoryDiv{background-color: #fff;margin-top: 0;}
#searchHistoryDiv a {color:#666}
#searchResultList{border-right: 1px solid #e6e6e6;}
#searchHistoryDiv a:hover{color: #4698ed;}
#searchHistoryDiv {
    color: #333;
    /* margin-top: 2px; */
    padding:0 0 15px !important;position: relative;
}
#searchHistoryDiv:before{background-color: #e6e6e6;width: 1px;height: 100%;left: -1px;top: 0;position: absolute;}
#searchHistoryDiv ul li{ position: relative;line-height: 1.4;padding:4px 0 4px 15px;}
/* #searchHistoryDiv ul li a{color: #666;} */
#searchHistoryDiv ul li:before{content: '';width: 4px;height: 4px;background-color: #999;transform: rotate(45deg);position: absolute;left: 0;top: 52%;margin-top: -2.5px;}

#searchHistoryDiv  .btn{border-radius: 0 ;background:none;border:1px solid #ccc;margin-left: 30px;color: #666;transition: all 0.35s ease-in-out;}
#searchHistoryDiv  .btn:hover{background-color: #007fcc;color: #fff;}
#searchHistoryDiv > .row{padding:20px 20px 5px !important}
#searchHistoryList{padding-left:30px}
#searchHistoryDiv #showOrHideBtn{font-size: 14px;color: #007fcc;cursor: pointer;display: block;position: relative;padding-right: 8px;}
#showOrHideBtn:before{content: '';width: 0;height: 8px;height: 8px;border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #4698ed;position: absolute;right: 0;top: 6px;transition: transform 0.4s ease-in-out;}
#showOrHideBtn.on:before{transform: rotate(180deg);}
@media screen and (max-width: 1000px){
  .content .input-group-btn button{padding: 13px 0px;}
  .navbar-nav > li > a > i{display: none;}
}


@media screen  and (max-width:768px) {
.pages{display: none;}
.pages_min{display: block;}
.copyRight,.content .container{width: 90%;margin:0 auto;}
.navbar-default .brand {padding:10px 20px;}
.brand a img{width: 70%;}

}