@charset "utf-8";

/*--------------------- 顶部、左侧、右区大框架 样式
************************************************************************/
*	{margin:0; padding:0;}
html	{height:100%; }
div, h1, h2, h3, h4, h5, h6 ,p, form, label, input, img, span,ul,ol{margin:0; padding:0; list-style-type:none;}
img {border:0; max-width: 100%; height: auto; width: auto\9; /* ie8 */}
.spacer{ clear:both !important; font-size:0 !important; line-height:0 !important; height:0 !important;}
.clear:after,#clear:after {    content: "";    display: table;    clear: both;    font-size: 0;    line-height: 0;    height: 0;}
body{ display:block; width:100%;  height:100%;  background: #FFF; transition:all ease-out 0.3s;color:#555; font-family: Arial,"Microsoft YaHei","微软雅黑","宋体" ; font-size:0.9em; line-height:1.4;}
a:link {color: #0066CC;	text-decoration: none; transition:all ease-out 0.3s;}
a:visited {text-decoration: none;	color: #0066CC;}
a:hover {text-decoration: none ;	color: #36F;}
a:active {text-decoration: none;	color: #0066CC;}
table a {color: #0066CC;}
table a:hover{color: #36F;}
.dark_grey{ color:#666!important;}

.paddingLeft25 {	padding-left: 25px;}
.paddingTop40 {	padding-Top: 70px!important;}
.paddingBtm40 {	padding-bottom: 70px!important; }
.marginTop-10 {	 margin-top:-10px !important;}
.marginBtm15 {	 margin-bottom:15px !important;}
.marginBtm10 {	 margin-bottom:10px !important; float:left;}
.margin10 {	 margin:10px;}
.inline{	display: inline;line-height: 38px;}

/*---------------------------------//top-----------------------------------*/
#header:after{ content:"";display: block;clear:both;}
#header{width:100%;  height:55px; box-sizing:border-box; padding-left:220px; background:#fff /*url(../images/bg.jpg) left bottom no-repeat*/ ; background-size:cover; position:relative;text-align:center;box-shadow: 0 1px 7px rgba(0,21,41,.15);}
#header .syslogo_txt { font-size: 1.6em;line-height:55px;color:#FFF; font-weight: normal; }
#header .syslogo_txt a {color:#333; }
#header .syslogo{	 width:199px; display:block; float:left;  text-align:center; box-sizing:border-box; padding:0 0.5%;vertical-align: middle;}
#header .syslogo img{ width:100%; padding-top:5px;border:none;}

ul.topNav{	float:left; border-left:1px  solid rgba(255,255,255,0.4);}
ul.topNav li{float:left; border-right:1px  solid rgba(255,255,255,0.4);position: relative; height:55px;}
ul.topNav li a{ display:block; float:left; padding:0 30px;text-align:center;  font: normal 16px/55px "微软雅黑"; color:#fff; }
ul.topNav li:hover{	color: #057737;}
ul.topNav li.hover{	color: #057737;}
ul.topNav li.hover:before {
    content: '';
    position: absolute;
    left: 50%;
    margin-left:-4px ;
    bottom: 0;
    display: block;
    border-color:transparent transparent #fff transparent;
    border-width: 8px;
    border-style: solid;
    width: 0px;
    height: 0px;
}

.my_nav {
    top: 44px !important;
    padding: 0 !important
}

    .my_nav dd {
        width: 100% !important
    }

        .my_nav dd a {
            background: #fff !important;
            text-align: center !important;
            border-radius: 0 !important;
            display: block !important;
            width: 100% !important;
            padding: 0 !important;
            line-height: 40px !important
        }

            .my_nav dd a:hover {
                background: #409eff !important;
                color: #fff !important
            }

.my_user {
    color: #333 !important;
    width: calc(100% - 40px) !important;
}

ul.topright {
    float: right;
    padding: 10px 0 0 0 !important;
    background: #fff
}
ul.topright li {float:left;margin-right:5px;  }
ul.topright li a{ display: inline; float:left;  line-height:30px; padding:0 8px;text-align:center; border-radius:5px;  background:#f0f0f0 ; color:#5c5c5c; position:relative;}
ul.topright li a:hover{ color:#555;}
ul.topright li a span{ position:absolute; left:-5px; top:-5px; background:#F00; color:#FFF; border-radius:100%; font-size:12px; line-height:20px; width:20px;height:20px; text-align:center; }
/*---------------------------------//左侧导航-----------------------------------*/
	 .btn_nav	{display:block; font-size:0;z-index: 9999; position: absolute; top:10px;right:-47px; width:32px; height:32px; cursor:pointer;/* background:#FFF;*/}
	 .btn_nav span:before { content:"";position:absolute; left:5px;top:8px; width:22px; height:2px; background:#fff;transition: all ease-out 0.3s;}
	 .btn_nav span:after { content:"";position:absolute; left:5px;bottom:8px; width:22px; height:2px; background:#fff;transition: all ease-out 0.3s;}
	 .btn_nav span{ width:22px; height:2px; background:#fff;  display:block; margin:15px auto;}
	 .btn_nav span.open{background:none;  }
	 .btn_nav span.open:before { transform: rotate(45deg); top:50%; margin-top:-1px;}
	 .btn_nav span.open:after { transform: rotate(-45deg);bottom:50%;margin-bottom:-1px;}
	 
#leftMain:after{ content:"";display: block;clear:both;}
#leftMain {position: absolute; left:0; top:0; bottom:0; transition: all ease-out 0.3s ; 
    background: #304156;
    width: 220px;
    box-sizing: border-box;
    z-index:999;
	
}
.left_box{width: 220px; float:left;  background:#F00;overflow-y:auto;overflow-x:hidden; }

.nav_on{left: -220px!important; transition: all ease-out 0.3s ;}
.SidebarLogo {
    padding: 7px 25px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;

	/*background: #fff*/
}
.SidebarLogo img{display:block; margin:0 auto; width:auto;height: 41px/* max-width:100px; border-radius:100%;box-shadow: 0 0 15px #FFF;background: #FFF;*/}

/*.SidebarLogo figure{ padding:22px; box-sizing:border-box; max-width:100%;border-radius:100%; background:#BFC2C5}*/
.SidebarLogo h2{font-size:16px; font-weight:bold; padding-top:10px; color:#c3c8cd;}
.left_nav:after{ content:"";display: block;clear:both;}
.left_nav{float:left;width:100%;}
.left_nav h3{float:left;width:100%; margin-bottom:2px; box-sizing: border-box;
             position:relative;/*background:#313f4d; */ font-size:15px; line-height:55px; color:#c3c8cd; cursor: pointer;transition: all ease-out 0.3s;}
.left_nav h3 a{ color:#c3c8cd;transition: all 0.3s;font-size: 16px;display: block}
.left_nav h3 a:hover{ color:#FFF;background: #263445}
.left_nav .on a:hover{ color:#FFF;background: #263445}
.left_nav h3 a i{ color:#FcFcFc; padding:0 10px;}
.left_nav h3:after{ content:""; position:absolute;transition: all ease-out 0.3s;
    right: 20px;
    top: 22px;
    display: block;
    border-color:  #c3c8cd transparent transparent transparent;
    border-width: 6px;
    border-style: solid;
    width: 0px;
    height: 0px;
}
/*.left_nav h3.on{ border-left:#409eff 3px solid;}
*/.left_nav h3.on:after{ 
    top: 15px;
    border-color: transparent transparent #FFF transparent;
}
.left_nav ul{ width: 100%; float: left; display: none;padding-bottom: 3px;background: #1f2d3d}
.left_nav ol{ padding-left: 10px;    float: left;}
.left_nav ul.open{ display: block !important;}
.left_nav li{float:left;width:100%; margin-top:1px;line-height: 50px;}
.left_nav ul li a{ display:block; float:left;width:100%; padding-left: 40px;color:#BFC2C5;box-sizing: border-box; font-size:14px; line-height:50px;  background:none;position:relative;
transition: background 0.3s;
-moz-transition: background 0.3s; /* Firefox 4 */
-webkit-transition: background 0.3s; /* Safari 和 Chrome */
-o-transition: background 0.3s; /* Opera */  
font-size: 15px;
}
.left_nav ul li a:after{ content:""; position:absolute;transition: all ease-out 0.3s;
    left: 30px;
    top: 22.5px;
    display: block;
    background:#BFC2C5 ;
    width: 5px;
    height: 5px; border-radius:100%;
}
.left_nav ul li a.hover:after{ background:#409eff ;}
.left_nav ul li a:hover{ color:#FFF;background: #162434}
.left_nav ul li a.hover,ul.left_nav ul li a.cur{/*background:#409eff;*/ color:#409eff;}
.left_nav ol li a:after{display: none;}



#LeftFoot{  position:absolute; z-index:1002; bottom:0; left:0; width:200px; font: bold 10px/14px Arial, Helvetica, sans-serif; text-align:center; padding:15px 0; color:#999;}
#LeftFoot a{ color:#999;}
#LeftFoot a:hover{ color:#F6F6F6;}
/*---------------------------------//右侧内容区域-----------------------------------*/

#RightMain:after{ content:"";display: block;clear:both;}
#RightMain{ position: fixed;  left: 220px; right:0; top: 60px; bottom:0; 
	overflow: hidden;transition: all ease-out 0.3s;
    }
.w_on{   left: 0 !important; }
.layui-show-iframe{
	width: 100%!important;
    height: 100%!important;
	box-sizing: border-box;
	padding: 0;
	border: none;

/*    position: absolute;
	    left: 0!important;
    top: 0 !important;
    right: 0!important;
    bottom: 0!important;*/
   

}











/*---------------------------------//手机端-----------------------------------*/
@media screen and (max-width:800px){	 
/*------//左侧导航--------*/
	.btn_nav{left:11px;position: fixed;right: auto;
    /* width: 23px; */
    }
	#leftMain {top:55px; width: 100%; left: -100%; bottom: -100px;background: rgba(28,36,43,0.9);overflow-y: scroll;}
	.nav_on{ left:0 !important;transition: all ease-out 0.3s ;/*box-shadow: -1px 0 1px #E9EFF5;*/	 }

/*-------//头部--------*/
   #header{ padding-left:50px;}
   #header .syslogo_txt{ display:none;}
   ul.topright li a {    font-size: 0;}
   ul.topright li a i{    font-size: 20px;    line-height: 33px;}
	
/*-------//右侧内容区域--------*/
   #RightMain{left: 0;}
    .layui-nav-more {
        line-height: 33px !important
    }
    ul.topright {
        padding: 10px 0 0 0 !important;
    }
}