/* �ർ����ʽ */
#mini:hover{cursor: pointer;}
.main-frame { position: absolute;width: 100%;top: 55px;bottom: 0px; background-color: #eaedf1;z-index: 100;}/* top: 50px; */
.nav-side {position: fixed;left: 0;bottom:0; top:50px;height: -webkit-calc(100% - 50px);height: -moz-calc(100% - 50px);height: calc(100% - 50px);z-index: 2;}
.nav {width: 160px;height: 100%;background: #A0E2F8;float: left;overflow-y:auto;}
.nav-item a.J_title {display: block;overflow: hidden;padding-left: 25px;line-height: 40px;max-height: 40px;color: #fff;transition: all .3s;}
.nav-item a.J_title  span {margin-left: 10px;font-size: 12px;color: #605E5F;}
.nav-item>a.J_title  span {color: #fff;}
.nav-top { background-color: #A0E2F8;}
.nav-item {position: relative;background: #2EC9FF;}
.nav-item ul>li>a .nav-icon {font-size: 14px;position: absolute;}
.nav-item ul>li>a:hover,
.nav-item ul>li>a:hover span {color: #605E5F !important;}
.nav-item ul>li>a:hover i.icon{color: #605E5F !important;}
.nav-item ul>li.active {background-color: #E0F7FF;}
.nav-item ul>li.active:hover {background: #E0F7FF;}
/* .nav-item ul>li.active:hover {background: rgba(0,0,0,.1);} */
.nav-item ul>li:hover{background: rgba(0,0,0,.1);}
.nav-item ul>li.active>a,.nav-item ul>li.active>a span {color: #605E5F !important;}
.nav-item>a:before {content: "";position: absolute;left: 0px;width: 2px;height: 46px;background: #34A0CE; opacity: 0; transition: all .3s;}
.nav-item.nav-show { border-bottom: none;}
.nav-item ul {display: none; background: #C2F0FF;}
.nav-item.nav-show ul {display: block;}
ul.navContent li {position: relative;}
/*ul.navContent li i.nav-icon{padding-left:5px;}*/
ul.navContent li .showtitle {position: absolute;display: none;text-align: center;line-height: 40px; z-index: 100; background-color: #545f71;left: 55px;top: 0;z-index: 999999999999999999999999;padding: 0px 10px 0px 10px;color: #FFF;min-width: 100px;}
.nav-item>a {position: relative;}
.nav-item>a.J_hover:hover{background: rgba(0,0,0,.3);}
/* .nav-item>a.J_hover:hover span{color: #fff;} */
.nav-item>a .showtitle {position: absolute;display: none;text-align: center;line-height: 40px;z-index: 100;background-color: #545f71;left: 55px;top: 0; z-index: 9999999;padding: 0px 10px 0px 10px;color: #FFF; min-width: 100px;}


/*----�����˵�---*/
.Two-level-menu {position: fixed;left: 50px;top:50px;width: 120px;height: 100%;background-color: #E0F7FF;overflow-y: auto;}	
.Two-level-menu dt.title {color: #605E5F;font-size: 12px;padding: 28px 10px 26px 15px;font-weight: 700;border-bottom: 1px solid #ddd;}
.Two-level-menu dd a,.Two-level-menu div {padding: 11px 10px 12px 21px; font-size: 12px;display: block; color: #605E5F;}
.Two-level-menu dd.select a {background-color: #fff;}
.Two-level-menu div.hoverafter{background-color: #d2d3d4;cursor: pointer;}
.Two-level-menu div.hoverafter:hover{background: #eaeaea;}
.Two-level-menu div.select{background-color: #fff;}
.Two-level-menu div.select:hover{background: #fff;}
.Two-level-menu dd a:hover {background-color: #F4F6F8}
.colse-btn {width: 18px;text-align: center;height: 100px; position: absolute; right: 0;top: 50%;margin-top: -20px;}
.open-btn {width: 18px; text-align: center;height: 100px;position: absolute;left: 0;top: 50%;margin-left: 0px;display: none;}

/*---------------------*/
.nav-more {font-size: 12px;transition: transform .3s;}

/* �˴�Ϊ�����Ҳ���ͷ �����Զ���iconfont Ҳ��Ҫ�滻*/
.nav-more::before {content: "\f0da";}

/*---------------------*/
.nav-show .nav-more {transform: rotate(90deg);}

/* nav-mini */
.nav-mini.nav {width: 50px;}
.nav-mini.nav .nav-icon {position: static;}

/*.nav-mini.nav .nav-item>a span{display: none; opacity:0;}*/
.nav-mini.nav a.J_title  {padding-left: 16px;}
.navContent a.J_title i{font-size: 18px;color: #fff;}
.nav-mini.nav .nav-item ul {background: #C4EAF5;}
.nav-mini.nav a.J_title span {display: none;}
.nav-mini ul.navContent li a:hover .showtitle {display: block;}

/*---ͷ��������ʽ--*/
.navbar-default {position:fixed;width:100%;height: 50px;background: #2EC9FF;z-index: 101;border-bottom: 5px solid #A0E2F8;}
.navbar-brand {cursor: pointer;display: block;font-size:14px !important;color: #FFF; line-height: 50px;position: relative;padding-left: 47px;}
.navbar-brand img{width: 38px;height:38px;position: absolute;top: 6px;left: 13px;}
.navbar-brand:hover{ color: #fff;}
.navbar-brand i{ font-size: 24px;padding:13px; float:left;}
/* .navbar-brand span{heigt:50px; line-height: 50px; float:left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;width:100px;} */
.navbar-default .nav-brand-item{position: absolute;vertical-align:middle;left:53px;top:0px;z-index:99999;background:#2EC9FF;}
.navbar-default .nav-brand-item .li-border-select{float:left;padding:9px 8px 0 0;}
.navbar-default .nav-brand-item span{float:left;line-height: 18px;height:20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 156px;color:#fff;font-size:15px;border-left:1px solid #fff;padding-left:8px;margin-top:16px;}/* width: 130px; */
.navbar-nav{width:calc(100% - 446px); right:0; position:absolute; background:#2EC9FF;}/* min-width:565px; */
.navbar-nav,.navbar-nav a{color: #fff; font-size: 14px;}
.navbar-nav a{ display: block;width:100%; }
.navbar-nav a:not(.dropdown-user){height: 100%;}
.navbar-nav .li-border {float: left;height:18px;line-height:18px;padding: 16px 13px;position: relative; }
.dropdown{float:right;height:50px;position: relative; margin-right:67px;}
.dropdown-language{float:left;height:50px;position: relative;width:88px;border-right: 1px solid #2a2f32;}
.dropdown-user{ display:block;padding: 16px 10px; height:18px; line-height:18px;}
.dropdown-lan{ display:block;padding: 16px 0px; height:18px; line-height:18px;text-align:center;}
.dropdown-menu {padding:10px 0;-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);-webkit-transition: opacity 0.15s, visibility 0s 0.15s;transition: opacity 0.15s, visibility 0s 0.15s;}
.dropdown-menu-l {padding:10px 0;-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);-webkit-transition: opacity 0.15s, visibility 0s 0.15s;transition: opacity 0.15s, visibility 0s 0.15s;}
.dropdown-menu a{padding-left:44px;line-height:36px;}
.dropdown-menu-l a{padding-left:12px;line-height:36px;}
.dropdown-menu li{position: relative;}
.dropdown-menu-l li{position: relative;}
.navbar-nav .li-border-select {float: left;line-height: 50px;padding: 8px 20px;line-height: 20px;position: relative;}
.navbar-nav .glyphicon-bell:before {position: absolute;left: -15px;top: 2px;}
.dropdown:hover>a{color:#ccc;}
.dropdown:hover>a.no-pointer{color:#fff;cursor:auto;}
.dropdown-menu a:hover,.dropdown-menu li:hover{ background-color:#f6f6f6;}
.dropdown-menu-l a:hover,.dropdown-menu-l li:hover{ background-color:#f6f6f6;}
.dropdown-menu-l a.active-l,.dropdown-menu-l li.active-l{ background-color:#88B7E0;color:#fff;}
.dropdown-menu a{background-color:#fff; color:#5a5a5a;}
.dropdown-menu-l a{background-color:#fff; color:#5a5a5a;}
.dropdown-menu{ background-color:#fff; position:absolute;top: 50px;right: 0px;width: 100%;z-index: 9999999999999999;}
.dropdown-menu-l{ background-color:#fff; position:absolute;top: 50px;right: 0px;width: 100%;z-index: 9999999999999999;}
.dropdown-menu i{font-size:18px;color:#333;position: absolute; top:5px; left:7px;}
.dropdown-menu-l i{font-size:18px;color:#333;position: absolute; top:5px; left:7px;}
.dropdown-menu i.fa-chevron-right{top: 5px;right: 7px;}
.dropdown-menu-l i.fa-chevron-right{top: 5px;right: 7px;}
.dropdown-menu li.divider i{ font-size:16px;}
.dropdown-menu-l li.divider i{ font-size:16px;}
.glyphicon {position: absolute;color: #fff;top: 1px;left: 0;font-family: 'Glyphicons Halflings';font-style: normal;font-weight: 400; line-height: 1;-webkit-font-smoothing: antialiased;}
.icon_3::after {content: "\e61d";}
.topbar-num {font-size: 12px;color: #fff;background: #f90;border-radius: 5px;padding: 2px 5px;display: inline-block;line-height: 16px;vertical-align: top;text-align: center;}
.dropdown-menu {display: none;}
.dropdown-menu-l {display: none;}
.J_showtitle{display: none;position: absolute;text-align: center;line-height: 40px;z-index: 100;background: #545f71;left: 55px;top: 0;z-index: 999999999999999999999999;padding: 0px 10px 0px 10px;color: #FFF;min-width: 100px;}
.leftSideIcon{width: 16px;vertical-align: middle;}
.J_showtitle_spread{display: none;position: absolute;text-align: center;line-height: 30px;z-index: 100;background:rgba(0,0,0,.5);
left: 165px;top: 0;z-index: 999999999999999999999999;padding: 0px 10px 0px 10px;color: #FFF;min-width: 180px;border-radius:3px;cursor:pointer;}
.J_showtitle_spread:before{
	display:block;
    content:'';
    border-width:7px 7px 7px 7px;
    border-style:solid;
    border-color:transparent rgba(0,0,0,.5) transparent transparent;
    position:absolute;
    left:-14px;
    top:50%;
    margin-top:-8px;
   
}
/* 右下角弹窗广告 */
#ShowAD span{
    top: 21px;
    left: 6px;
    color: red;
    cursor: pointer;
    position: absolute;
    display: inline-block;
}
#ShowAD #tongzhi-content{
    border: 1px solid #ccc;
}

/* 竖型选项步骤选项菜单 */
#fow-scroll{width:90px; border-right: 3px solid #d8d8d8;position: relative; text-align:right; padding: 0; }
.verticals {width:120px;height:600px; overflow-x: hidden; overflow-y: auto;}
.verticals::-webkit-scrollbar {/*滚动条整体样式*/width:8px; /*高宽分别对应横竖滚动条的尺寸*/height:8px;}
.verticals::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 4px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.1);}
.verticals::-webkit-scrollbar-track {/*滚动条里面轨道*/-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background:none;}
.verticals .ver-line {width:90px;height: 50px;}
.verticals dd {display: block;font-size: 12px;height: 54px;line-height:18px;cursor: pointer;color:#ccc;  margin: 0; position: relative;}
.verticals dd.st-active{height: 54px; display: block; color:#00c1de; width:89.5px;border-right: 3px solid #00c1de; margin: 0; text-align: center;}
.verticals dd .radius-gray{position:absolute; display: inline-block; width:14px; height: 14px; border: 1px solid #666666; border-radius: 50%; top:17px;right:-10px;text-align: center; line-height: 14px; background: #ffffff;}
.verticals dd .icon-g{display: block; position: absolute; width:14px; height: 14px; background:url('../images/icon1.png') no-repeat; background-size: 100%; top:20px;left:6px;}
.verticals dd a:hover{color:#00c1de;}
.verticals dd a{text-align:left; padding-right:0; }

/*
   #fow-scroll{width: 120px; overflow-x: hidden; overflow-y: auto; right:0;  margin: 0; padding: 0; height:900px;}
  .menu-verticals{background: none !important;}
  .verticals{width:70px; height:700px; border-right:3px solid #797979; position: relative; margin: 0;}
  .verticals dl{ display: block; height:100%; position: absolute; left: 0; font-family:'微软雅黑'; font-size: 14px; color: #333px;}
  .verticals dl dd{position: relative; width:92px;list-style:none; height: 50px; line-height:16px; }
  .verticals dl dd:hover{ color: #00c1de;}
  .verticals dl dd .circle-verticals{position:absolute; display: inline-block; width: 20px; height: 20px; border: 1px solid #666666; border-radius: 50%; top:16px;right:-12px;text-align: center; line-height: 20px; background: #ffffff;}
  .verticals dl dd a{text-align:center;}
  .verticals dl dd .select{ background: #fff; }
  .verticals dl dd a:hover{ background:#f5f6f7; color: #00c1de; }
  .verticals dl dd a:active,a:visited{ background:none;}
 */
/* 图表显示隐藏icon的样式2018.9.12 hyh */
 .slideEchart img{width: 16px !important;vertical-align: middle;margin-right: 5px;}