@charset "utf-8";
/************************************************************************
 * 公司	: suyee inc.
 * 网址	: www.suyee.net.cn
 * 作者QQ: 新月(46780956)
 * 日期	: 202105
--------------------- 顶部、左侧、右区大框架 样式
************************************************************************/
*	{margin:0; padding:0;}
html	{height:100%; }
div,i,p,h1,h2,h3,h4,h5,h6,hr,br,em,dl,dd,li,ul,ol,td,th,pre,form,body,input,strong,textarea,select,figcaption,figure{margin:0; padding:0; list-style-type:none;}
table {	border-collapse: collapse;}
textarea {	resize: none;	overflow: auto;}
a,button{cursor:pointer;}
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:16px; 
    line-height:1.4;
}
a {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:#105ead /*url(../images/bg.jpg) left bottom no-repeat*/ ; 
    background-size:cover; position:relative;text-align:center;
}
#header .syslogo_txt { font-size: 1.6em;line-height:55px;color:#FFF; font-weight: normal; }
#header .syslogo_txt a {color:#FFF; }
#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;
}

ul.topright{float:right; padding-top:10px;}
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 { 
    display: block; position:absolute;  transition: all ease-out 0.3s;
    content: "\f0a8";
    font-family: 'FontAwesome';
    font-size: 28px;
    color: #F2F2F2;
    line-height: 32px;
    left:0; 
    top: 0;
}
.btn_nav span.open:before { content: "\f0a9";}
/*f0c9
.btn_nav span:before { content:"";position:absolute; left:3px;top:6px; width:26px; height:2px; background:#F2F2F2;transition: all ease-out 0.3s;}
.btn_nav span:after { content:"";position:absolute; left:3px;bottom:6px; width:26px; height:2px; background:#F2F2F2;transition: all ease-out 0.3s;}
.btn_nav span{ width:26px; height:2px; background:#F2F2F2;  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: rgba(28,36,43,1);
    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: 10px 70px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}
.SidebarLogo img{display:block; margin:0 auto; max-width:100%;/* 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:#BFC2C5;}
.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:#28333E;  font-size:15px; line-height:50px; color:#BFC2C5; cursor: pointer;transition: all ease-out 0.3s;}
.left_nav h3 a{ color:#BFC2C5;}
.left_nav h3 a:hover{ color:#FFF;}
.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:  #BFC2C5 transparent transparent transparent;
    border-width: 6px;
    border-style: solid;
    width: 0px;
    height: 0px;
}
.left_nav h3.on{ border-left:#5FB878 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;}
.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;}
.left_nav ul li a{ display:block; float:left;width:100%; padding-left: 35px;color:#BFC2C5;box-sizing: border-box; font-size:14px; line-height:40px;  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 */  }
.left_nav ul li a:after{ content:""; position:absolute;transition: all ease-out 0.3s;
    left: 15px;
    top: 17.5px;
    display: block;
    background:#BFC2C5 ;
    width: 5px;
    height: 5px; border-radius:100%;
}
.left_nav ul li a.hover:after{ background:#FFF ;}
.left_nav ul li a:hover{ color:#FFF;}
.left_nav ul li a.hover,ul.left_nav ul li a.cur{background:#5FB878; color:#FFF;}
.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: 55px; bottom:0; 
	transition: all ease-out 0.3s;
    overflow: hidden; overflow-y: scroll;
    box-sizing: border-box; padding: 15px;
}
.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%; /*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;}
  
}