@charset "utf-8";
  /* -----------H-ui前端框架-------------*/
html {
  height:100%
}
body {
  min-height:100%;
  position:relative;
  font-size:14px;
  color:#333;
  background-color:#fff
}
a {
  color:#333;
  text-decoration: none;
}
a:hover,.maincolor,.maincolor a {
  color:#0e90d2;
  text-decoration: none;
}
.bg-1 {
  background-color:#f5fafe
}
h4 {
  line-height:30px
}
/*导航条*/
.navbar-wrapper{ height: 45px;}
.navbar{ position:relative; z-index:1030; background-color: #fff}
.navbar-black{ background-color: #222}
.navbar-fixed-top{ position:fixed; top:0;left: 0; right: 0; z-index:1030}

  /*logo*/
  .logo{ display:inline-block; text-decoration:none; cursor:pointer; background-repeat: no-repeat; background-position: left center; background-size: auto 100%}
  a.logo:hover{ text-decoration:none}
  .navbar .logo{height: 44px;line-height: 44px;margin-right: 10px;float: left;}
  .navbar-logo,.navbar-logo-m{font-size: 16px}
  .navbar-slogan{ font-size:12px; cursor: default}
  .navbar .container{ position:relative;}
  .navbar-userbar{position:absolute;top:0px; right:15px}
  .navbar .container .navbar-userbar{ right:0px}
  /*导航*/
  .nav{ z-index:1}
  .nav > ul{ font-size:0; line-height:0}
  .nav > ul > li{ position:relative; float:left}
  .nav > ul > li,.nav > ul > li > a{ display:inline-block;text-align:center;}
  .nav > ul > li > a{ padding:0 20px}
  .nav > ul > li > a:hover,.nav > ul > li.current > a{background-color:rgba(255,255,255,0.2); text-decoration:none;
    -webkit-transition: background-color 0.3s ease 0s;
    -moz-transition: background-color 0.3s ease 0s;
    -o-transition: background-color 0.3s ease 0s;
    -ms-transition: background-color 0.3s ease 0s;
    transition: background-color 0.3s ease 0s
  }
  .navbar-nav > ul > li,.navbar-nav > ul > li > a{line-height:44px;font-size:14px}

  /*面包导航*/
  .nav-toggle,a.nav-toggle{position:absolute; top:0px; right:15px; font-size: 20px; color:#999; padding:6px 11px;background-color:rgba(0,0,0,0.5);color:#fff;-webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;}
  .nav-toggle:hover,a.nav-toggle:hover{ text-decoration: none; color:#fff}

/*4.2.6 横向导向tab导航*/
.acrossTab,.acrossTab li,.acrossTab li em{ background-image:url(../images/acrossTab/acrossTab-bg.png)}
.acrossTab{height:29px; background-repeat: repeat-x; background-position: 0 0; padding-top:1px}
.acrossTab li,.acrossTab li em{ background-repeat:no-repeat; background-position:0 0}
.acrossTab li{position:relative;float:left; display:inline-block; height:29px; line-height:29px; font-size:12px;cursor:pointer;padding:0 30px; white-space:nowrap;color:#282828; background-position:0 0}
.acrossTab li em{position:absolute; width:23px;height:29px;right:-20px; top:0;z-index:50; background-position:right -30px}
.acrossTab li:hover{background-position:0 -60px}
.acrossTab li:hover em{background-position:right -90px}
.acrossTab li.active{background-position:0 -120px; z-index:99}
.acrossTab li.active em{background-position:right -150px}
.acrossTab li i{position:absolute; display:block; width:13px; height:13px; top:50%; margin-top:-6px; right:5px; font-size:0; line-height:0; cursor:pointer; background-image:url(../images/acrossTab/acrossTab-close.png); background-repeat:no-repeat; background-position:0 0;}
.acrossTab li i:hover{background-position:0 bottom}  

/*4.3 下拉菜单
  Name:     mod_dropDown
  Example:
  <span class="dropDown">
    <a class="dropDown_A" href="#">下拉菜单</a>
    <ul class="dropDown-menu menu radius box-shadow">
      <li><a href="#">菜单一</a></li>
      <li><a href="#">菜单二</a></li>
    </ul>
  </span>
  Explain:    如需要在不同的地方显示不同的样式，请在<span class="dropDown"> 追加class，采用覆盖的方式重写默认样式。

*/
.dropDown{display:inline-block}
.dropDown_A{display:inline-block}
.dropDown-menu{ display:none;transition: all 0.3s ease 0s}
.dropDown:focus,.dropDown-menu:focus {outline:0}
.dropDown-menu li.arrow{ position:absolute;display:block; width:12px; height:8px; margin-top:-13px; margin-left:20%; line-height:0;background:url(../images/dropDown/icon-jt.png) no-repeat 0 0}
/*鼠标经过*/
.dropDown.hover .dropDown_A,
.dropDown.open .dropDown_A{text-decoration:none;background-color:rgba(255,255,255,0.2)}
.dropDown.open .dropDown_A .menu_dropdown-arrow{transition-duration:0.3s ;transition-property:all;_background-position:0 0;transform: rotate(180deg)}

.menu{background-color:#fff;border:solid 1px #f2f2f2; display: inline-block}
.menu.radius{border-top-left-radius:0;border-top-right-radius:0}
.menu.box-shadow{border-top:none}
.menu > li{position:relative; clear:both;* float:left}
.menu > li > a{ display: block;border-bottom:solid 1px #f2f2f2;padding:5px 20px; line-height:1.8;text-align:left;font-weight: normal;white-space:nowrap; vertical-align:top}
.menu > li:last-child > a{ border-bottom:none}
.menu > li > a:hover,.menu > li > a:focus,.menu > li.open > a{ text-decoration:none;background-color:#fafafa}
.menu > li > a .arrow{ position:absolute; top:50%; margin-top:-10px; right:5px;line-height: 20px; height: 20px; color: #999}
.menu > li > .menu{ display: none}
.menu > li.open > .menu{ display: inline-block;position: absolute; left:100%;top:-1px;min-width:100%}

/*禁用菜单*/
.menu > li.disabled > a{color:#999;text-decoration:none; cursor:no-drop; background-color:transparent}
/*线条*/
.menu > li.divider{ display:block;height:0px; line-height:0px;margin:9px 0;overflow:hidden; border-top:solid 1px #eee}

/*打开菜单*/
.dropDown > .dropDown-menu{ display: none}
.dropDown.open{position:relative;z-index:990}
/*默认左对齐*/
.dropDown.open > .dropDown-menu{position:absolute;z-index:1000;display:inline-block;top:100%;left:-1px;min-width:100%;background-color:#fff;border:solid 1px #f2f2f2}
/*右对齐*/
.dropDown.open.right > .dropDown-menu{right:-1px!important;left:auto!important}

/*4.21 遮罩条
  Name:     mod_maskBar
*/
.maskBar{position:absolute;height:auto;left:0; bottom:-100%; right:0;padding:10px;background-color:rgba(0,0,0,0.6);z-index:2; color:#fff!important}
.maskWraper{position:relative; overflow:hidden}
.maskWraper.hover .maskBar{bottom:0px;
  transition: bottom 200ms;
  -moz-transition: bottom 200ms; /* Firefox 4 */
  -webkit-transition: bottom 200ms; /* Safari 和 Chrome */
  -o-transition: bottom 200ms; /* Opera */
}
.maskBox{position:absolute;width:100%; height:100%;top:0;left:0; bottom:0;right:0;z-index:2;color:#fff!important}
.maskWraper.hover .maskBox{background-color:rgba(0,0,0,0.6);
  transition: all 500ms;
  -moz-transition: all 500ms; /* Firefox 4 */
  -webkit-transition: all 500ms; /* Safari 和 Chrome */
  -o-transition: all 500ms; /* Opera */
}

/*自定义*/
/*页面框架*/
.Hui-header{
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:44px;
  z-index:999;
/*  padding:0 15px;*/
  background: #438eb9;
  color: #fff;
  line-height: 44px;
}
.Hui-header a{ color: #fff;}
.Hui-header .menu a{ color:#333;}
.Hui-aside {
  position:absolute;
  top:44px;
  bottom:0;
  left:0;
/*  padding-top:10px;*/
  width:199px;
  z-index:99;
  overflow:auto;
  background-color:#f3f3f3;
  border-right:1px solid #e5e5e5;
}
.Hui-article-box {
  position:absolute;
  top:44px;
  right:0;
  bottom:0;
  /* left:199px; */
  overflow:hidden;
  z-index:1;
  background-color:#fff
}
.Hui-article {
  position:absolute;
  top:34px;
  bottom:0;
  left:0;
  right:0;
  overflow:auto;
  z-index:1;
/*  margin: 5px;*/
}
.Hui-aside,.Hui-article-box,.dislpayArrow {
  -moz-transition:all 0.2s ease 0s;
  -webkit-transition:all 0.2s ease 0s;
  -ms-transition:all 0.2s ease 0s;
  -o-transition:all 0.2s ease 0s;
  transition:all 0.2s ease 0s
}
.show_iframe{ width: 100%; overflow: auto;}
.show_iframe iframe{ width: 100%; height:100%; overflow: auto;}

.big-page .Hui-article-box,.big-page .dislpayArrow,.big-page .breadcrumb {
  left:0px
}
.big-page .Hui-aside {
  left:-200px
}
.page-container {
  padding:20px
}
@media (max-width:767px) {
  .page-container {
  padding:15px
}
}

/*组件*/
/*logo*/
.viewhome {
  line-height:44px;
  padding-right:15px
}
.viewhome a {
  color:#FFF;
  padding-left:20px;
  background:url(../images/icon_link.png) no-repeat 0 center
}

/*导航*/
#Hui-nav > ul > li {
  font-weight:normal
}
#Hui-userbar {
  right:20px
}
#Hui-userbar > ul > li > a {
  padding:0 10px
}
#Hui-msg .badge {
  position:absolute;
  left:19px;
  top:4px;
  font-size:12px;
  font-weight:normal;
  padding:1px 5px
}

/*左侧菜单*/
.Hui-aside .menu_dropdown dl {
  margin-bottom:0
}
.Hui-aside .menu_dropdown dt {
  display:block;
  line-height:44px;
  padding-left:15px;
  cursor:pointer;
  position:relative;
  border-bottom:1px solid #e5e5e5;
  font-weight:normal
}
.Hui-aside .menu_dropdown dt .menu_dropdown-arrow,.Hui-aside .menu_dropdown a .menu_dropdown-arrow {
  position:absolute;
  overflow:hidden;
  top:0;
  right:15px;
  transition-duration:0.3s;
  transition-property:all
}
.Hui-aside .menu_dropdown dd {
  display:none
}
.Hui-aside .menu_dropdown dt.selected{ color: #0e90d2;}
.Hui-aside .menu_dropdown dt.selected .menu_dropdown-arrow,.Hui-aside .menu_dropdown a.selected .menu_dropdown-arrow {
  transform:rotate(180deg);
  color: #0e90d2;
}
.Hui-aside .menu_dropdown dd.selected {
  display:block;
  margin-left:0px;
}
.Hui-aside .menu_dropdown dd{
 border-bottom:1px solid #e5e5e5;
}

.Hui-aside .menu_dropdown ul {
  padding:0px
}
.Hui-aside .menu_dropdown li {
  line-height:35px;
  overflow:hidden;
  zoom:1
}
.Hui-aside .menu_dropdown li a{
  padding-left:15px;
  display:block;
  font-weight:bold;
  margin:0
}
.Hui-aside .menu_dropdown li a i {
  font-weight:normal
}
.Hui-aside .menu_dropdown dd li {
  border-left: 1px #dedede solid;
    border-top: 1px #dedede solid;
}
.Hui-aside .menu_dropdown dd li a{
  position: relative;
  line-height:38px;
  padding-left:30px;
  border-bottom:none;
  font-weight:normal;
  background: #fff;
  border-left: 1px #dedede solid;
}
.Hui-aside .menu_dropdown li a:hover{
  text-decoration:none;
  color: #0e90d2;
}
.Hui-aside .menu_dropdown li.current a,.menu_dropdown li.current a:hover {
  background-color:rgba(255,255,255,0.2)
}
.Hui-aside .menu-dropdown ul.menu_A{ 
  border-top: 1px #dedede solid;
}
.Hui-aside .menu_dropdown ul.menu_A li ul{ border-top: 1px #dedede solid;}
.Hui-aside .menu_dropdown ul.menu_A li.current .menu_B{ display: block; }

/*菜单收缩切换*/
.dislpayArrow {
  position:absolute;
  top:0;
  bottom:0;
  left:5px;
  width:0px;
  height:100%;
  z-index:10
}
.dislpayArrow a {
  position:absolute;
  display:block;
  width:17px;
  height:61px;
  top:0;
  outline:none;
  color: #fff;
}
.dislpayArrow a{}

/*选项卡导航*/
.Hui-tabNav-wp {
  position:relative;
  height:35px;
  overflow:hidden
}
.Hui-tabNav,.Hui-tabNav .acrossTab li,.Hui-tabNav .acrossTab li em {/*  background-image:url(../images/acrossTab/acrossTab-2.png)*/}
.Hui-tabNav {
  height:34px;
  padding-right:75px;
  overflow:hidden;
  position:relative;
  background-color:#efeef0;
/*  background-repeat:repeat-x;
  background-position:0 -175px;*/
}
.Hui-tabNav .acrossTab {
  position:absolute;
  height:26px;
  line-height:26px;
  background:none;
  top:8px;
  left:0;
  padding-top:0;
}
.Hui-tabNav .acrossTab li {
  height:26px;
  line-height:26px;
  background: #62a8d1;
}
.Hui-tabNav .acrossTab li em {
  right:-16px;
  height:26px;
  width:16px;
}

/*横向导向tab导航*/
.Hui-tabNav{ background: #f5f5f5; border-bottom: 1px #e5e5e5 solid;}
.Hui-tabNav .acrossTab{
  height:34px; 
  background: #f5f5f5;
  padding-top:0;
  padding-left: 0;
  top: 0;
}
.Hui-tabNav .acrossTab li{ background: #f5f5f5; }
.Hui-tabNav .acrossTab li{
  position:relative;
  float:left; 
  display:inline-block; 
  font-size:12px;
  height: 34px;
  line-height: 34px;
  cursor:pointer;
  padding:0 30px; 
  white-space:nowrap;
  color:#535353; 
  border-right: 1px #e5e5e5 solid;
  margin-right: 0;
}
.Hui-tabNav .acrossTab li.active{
  z-index:99;
  background: #fff;
  color: #0e90d2;
}
.Hui-tabNav .acrossTab li.active i{color: #0e90d2;}
.Hui-tabNav .acrossTab li i{
  position:absolute; 
  display:block; 
  width:13px; 
  height:13px; 
  top:50%; 
  font-size: 12px;
  margin-top:-6px; 
  right:5px; 
  cursor:pointer;
  color: #333;
  line-height: 1;
  background-image: none;
}
.Hui-tabNav .acrossTab li:hover i{color: red;}
/*.Hui-tabNav .acrossTab span i{ display: none;}*/

.loading {
  background:url(../images/loading.gif) no-repeat center;
  height:100px
}
.show_iframe iframe {
  position:absolute;
  bottom:0;
  height:100%;
  width:100%;
  overflow: auto;
/*  padding: 5px;*/
}
.Hui-tabNav-more{
  position:absolute;
  right:0px;
  width:70px;
  top:3px;
  display:none
}
.Hui-tabNav-more.btn-group .btn-default{
  background: #e6e6e6;
  border-color: #ddd;
}
.Hui-tabNav-more .tabNav-next-btn ,.Hui-tabNav-more .tabNav-prev-btn{
  display: inline-block;
  height: 34px;
  width: 34px;
  line-height: 34px;
  background: #fff;
  border-left: 1px #e5e5e5 solid;
  color: #535353;
  font-size: 12px;
  text-align: center;
}

/*tab选项卡*/
.tabBar {
    border: 1px solid #e4e4e4;
    background: #f5f5f5;
}
.tabBar span {
    background-color: #f5f5f5;
    cursor: pointer;
    display: inline-block;
    float: left;
    padding: 4px 15px;
    line-height: 1.5;
    height: auto;
    color: #333;
    font-size: 12px;
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
    margin-bottom: -1px;
    border-bottom: 1px #e4e4e4 solid;
    
}
.tabBar span.current {
    background-color: #fff;
    color: #333;
    border-color: #e4e4e4 #e4e4e4 #fff #dedede;
    border-bottom: 1px #fff solid;
}
.tabCon{
    display: block;
    padding: 15px;
    border: 1px #ddd solid;
    border-top: none;
    min-height: 250px;
}
.overflow-hidden{
  overflow: hidden;
  height: 100%;
}


/*面包屑导航*/
.breadcrumb {
  background-color:#fff;
  padding:0 20px
}

/**动画**/
.animated {
  -webkit-animation-duration:1s;
  animation-duration:1s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
}
.animated.infinite {
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
}
@-webkit-keyframes flash {
  from,50%,to {
  opacity:1;
}
25%,75% {
  opacity:0;
}
}@keyframes flash {
  from,50%,to {
  opacity:1;
}
25%,75% {
  opacity:0;
}
}.flash {
  -webkit-animation-name:flash;
  animation-name:flash;
}