/*miecu.net 通用样式 2024/11/30 Robert审定*/
@charset "utf-8";
*{
    margin: 0px;
    padding: 0px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:14px;	
}
html{	
	background-color: #00800024;
}
body{
	position:fixed;
	width:100%;
	height:100%;	
	top:0.1px;
	bottom:0.1px;
}
a{
	color:blue;
}
select{				
	height: 20px;
	background-color:white;
	color: black;
	border: 0;
	display: inline-block;
	position: relative;				
}
option{
	text-align:right;
}
p,li{	
	text-align:left;
	padding:1px 0px;
}
table th, table td {
    word-break: break-all;
}
.sys-div{
	display:none;
}
.layui-colla-item-show{	
	border:0px!important;
}
.layui-colla-item-show h2{	
	color:green!important;
}
.layui-colla-item .layui-colla-title{	
	padding:0px 25px 0px calc(2% + 30px);
	white-space: nowrap;
	text-overflow: ellipsis;
}
.layui-elem-field legend {
	font-size:16px;
}
.layui-field-title{
	width:100%;
}
.layui-col-space15{
    height:calc(100% - 10px)!important;
}
.layui-col-space15 .layui-tab{
    height:calc(100% - 10px);
}
.layui-col-space15 .layui-col-md6{
	width:100%;
}
.basic-operation{	
	font-size:14px!important;
	font-weight:bold;
	display:block!important;
	width:auto!important;
	/*width:60px!important;*/
	text-align: right!important;
	padding-right: 0px!important;
	margin:0px!important;
}
.layui-elem-field legend{
	margin-left:2%;
}
.layui-colla-icon{
	left:calc(2% + 10px);
	color:green;
}
.layui-colla-content{
	padding:10px calc(2% + 15px);
}
.td-manage div{
	display:inline-block;
	vertical-align: bottom;
	line-height:22px;	
}
.td-manage div:last-child{
	margin-left:calc(30% - 8px);
}
.td-manage div i{
	width:16px!important;
	height:16px!important;
}
.color-red{
	color:red!important;
}
.color-green{
	color:green!important;
}
.goUrl{
	padding-left:6px;
	width:16px;
	vertical-align: text-bottom;
}
.linkIcon{
	font-size:12px;
}
.container{	
	min-height:100%;
	margin-bottom:4px;
	padding:0px;	
}
.layui-tab{
	height:100%;
}
.xnohtml5-loading,.xnocookie{
	justify-content:center;align-items:center;height:100%;background-color:white;
}
.xnoscript{
	justify-content:center;align-items:center;height:100%;background-color:white;
}
.xnohtml5-loading div,.xnoscript div,.xnocookie div{
	width:90%;text-align:left;font-size:16px;color:red;
}
.xwaiting{
	display:flex;
	justify-content:center;
	align-items:center;
	height:100%;
	width:100%;
}
.xwrap{
	display:none;
	width:100%;	
	height:100%;
	overflow:auto;
}
.wrap-side{
	display:none;
}
.sys-side{
	display:none!important;
}	
.sys-wrap{
	display:block;
	min-width:320px;
	width:calc(100% - 300px);
	margin:0px auto;
	height:100%;
	min-height:360px;
	background-color:white;
	box-sizing: border-box;
  	overflow: auto;
}
.xwrap .sys-wrap-width-full{
	width:100%!important;
}
.sys-page-width{
	text-indent:0;
	display:inline-block!important;
}
.sys-wrap-nofooter{
	display:flex;
	min-height:calc(100% - 39px);
}
.no-head .sys-head{
	display:none!important;
}
.no-head .sys-body{
	height:100%!important;
}
.no-footer .sys-wrap-nofooter{
	min-height:100%;
}
.no-footer .footer{
	display:none!important;
}
.sys-wrap .sys-wrap-nofooter>div{
	display:none;
}
.body-cu .sys-wrap .sys-wrap-nofooter .sys-cu{
	display:block;
}
.body-cstudy .sys-wrap .sys-wrap-nofooter .sys-cstudy{
	display:block;
}
.body-cinnovation .sys-wrap .sys-wrap-nofooter .sys-cinnovation{
	display:block;
}
.body-cdisk .sys-wrap .sys-wrap-nofooter .sys-cdisk{
	display:block;
}
.sys-body{
	display:flex;
	flex-direction: column;	
	flex-grow:2;
	height:calc(100% - 41px);	
	position: relative;
	width:100%;
	overflow:auto;     	
}
.sys-welcome{
	display:flex;
	justify-content: center;
	align-items: center;
	align-content: flex-end;	
	width:100%;
	height:100%;
    flex-wrap:wrap;
}
.sys-home{
	display:none;	
}
.sys-role{
	color:red;
}
.sys-wrap .footer{
	display:flex;
	justify-content:space-between;
	position:relative;
	background-color: #222;	
    height:29px;	
    color: #fff;
	margin:0px;
	padding:9px 20px 0px 20px;
}
.sys-wrap .footer a{	
	cursor: pointer;
}
.sys-wrap .footer .copyright{
	order:1;
	float:left;padding:0;
}
.sys-wrap .footer .beian{
	order:0;
    float:right;padding:0;	
}
.layui-tab-div .tab-search{
	display:none;
}
.sys-logined-tip0{
	display:block!important;
}
.sys-logined-tip1{
	display:none!important;
}
.sys-display-none{
	display:none!important;
}
.layui-collapse{	
	position:relative;
	border:0px;
	margin-bottom:20px;
}
.layui-colla-content{
	background:white;
}
.layui-tab-item{
	height:100%;
}
.login-register-div{
    display:flex;
    flex-direction: row;
    align-content: center;
    height:100%;
    align-items: center;
    margin-top: 8px;
}
.layui-tab-title .layui-this:after{
    height:42px;
}
/*主体结构*/
.sys-head{
	display:flex;
	flex-direction: column;	
    justify-content:space-between;	
	position:relative;	
    height: 41px;
	background-color: #222; /*#222*/
    border-bottom: 0px solid rgba(255, 255, 255, 0.2);
	padding:0px 20px;
	margin:0px;	
}
/*页头*/
.sys-head .logo{
	margin-right:auto;
}
.sys-head .logo>a{
    float: left;   
    font-size: 14px;
    line-height: 34px;
  	margin-top:5px;
	cursor: pointer;
    max-width: 160px;
    padding-left: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all;
    white-space: nowrap;
	font-weight:bolder;
}
.sys-head .logo a img{
	height:18px;
	padding-bottom:4px;
	padding-right:4px;
}
.sys-head .logo>a span:first-of-type{
	display:inline-block;
}
.sys-head .logo>a span:last-of-type{
	display:none;
}
.sys-head .adaptive{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	padding:0px;
	margin-top:6px;
	line-height:30px;	
}
.adaptive-more{
	display:none;
}
.layui-nav .layui-nav-more {
    position: absolute;
    top: 2px;
    right: 4px;
    left: auto!important;
    margin-top: 0;
    font-size: 12px;
    cursor: pointer;
}
.sys-head .layui-nav-item{
	margin-top:6px;
	line-height: 33px;	
}
.sys-head .layui-nav-item .layui-anim-upbit {
    -webkit-animation-name: none;
    animation-name: none;
}
.sys-head .layui-nav-item a{
	text-align:center;
	cursor: pointer;
	transition: all 0s;
	-webkit-transition: all 0s;
	padding:0px 30px 0px 10px;
}
.sys-head .layui-nav li>a{
	color:#fff!important;				
}
.sys-head .layui-nav .layui-nav-child{
    top: 35px;
	text-align:center;
	left:5px;
	width:auto;
}
.sys-head .layui-nav .layui-nav-child a{
    /*color: #333;*/
    cursor: pointer;
    font-size:14px;
    padding:0px 8px;
	line-height:26px;
}
.sys-head .layui-nav hr{
	margin:2px 0px!important;
	display:block;
}
.sys-head .adaptive div{
	cursor: pointer;
	padding:0px 1.5vw;
	border-right:0px solid white;
}
@media screen and (max-width: 1400px) {	
	.sys-wrap{
		width:100%;		
	}
	.sys-page-width{
		display:none!important;
	}
	.sys-side{
		display:none!important;
	}
}
@media screen and (max-width: 840px) {	
	.sys-head .adaptive div{	
		padding:0px 2.1vw;
	}
	.sys-head .adaptive>div span{	
		display:none!important;
	}	
}
@media screen and (max-width: 780px) {	
	.sys-logined-tip0{
		display:none!important;
	}
	.sys-logined-tip1{
		display:block!important;
	}
	.adaptive-item{
		display:none;		
	}	
}
@media screen and (max-width: 640px) {	
	.sys-wrap .footer{
		flex-direction:column;	  
		height:36px;
		padding:2px 16px 1px 20px;
		text-align:right;	
	}	
	.sys-wrap .footer .copyright{
		order:0;
		overflow:hidden;
		clear:both;
		font-size:14px;	
		padding:0px;
		line-height:16px;
	}
	.sys-wrap .footer .beian{
		order:1;
		overflow:hidden;
		padding:0px;
		font-size:14px;
		height:24px;
	}
	.sys-head .layui-nav-item{
		height:33px;	
	}
	.sys-head .logo a{
		max-width: 140px;
	}
	.sys-head .logo>a span:first-of-type{
		display:none;
	}
	.sys-head .logo>a span:last-of-type{
		display:inline-block;
	}
	.sys-head .layui-nav .layui-nav-chiler{/*zh-center*/
		left:-2px;
		width:72px;
	}
	.adaptive-more{
		display:block;
		background-color:#222222;
        padding:0px 0px;		
	}	
	.adaptive div{
		padding-right:0px;
	}
}
@media screen and (max-width: 540px){
    .sys-head .adaptive>div:nth-child(6){	
        display:none!important;
    }   
}
@media screen and (max-width: 460px){	
	.sys-head .layui-nav .layui-nav-child{/*zh-center*/
		left:8px;
	}	
	.sys-head{
		padding:0px 14px;	
	}	
	.sys-head .logo a{
		max-width: 104px;
	}
	.adaptive{	
		flex-wrap:nowrap!important;
	}
	.sys-head .adaptive{
		justify-content: flex-end;
	}		
	.sys-head .layui-nav-item a{
		padding:0px 24px 0px 4px;
	}
	.sys-head .adaptive>div:nth-child(5) {   
        display:none!important;
    }	
}
@media screen and (max-width: 400px){    
	.sys-head .adaptive>div{ 
        padding: 0px calc(10vw - 27px);  
    }	
}
@media screen and (max-width: 320px){	
	.sys-body{	
		position: relative;
		width:100%;		
	}
	.sys-head .adaptive>div{ 
        padding: 0px 5px!important;  
    }
}