body,.layui-layer-content{ 
    font-size: 15px;
} 
.layui-tab-title li{
	font-size: 15px;
	 	 
}
.layui-code-view {
    margin: 0px  !important;
}
 
.layui-table-header th{
	background-color: #F9F9F9;
}
 
.layui-table td, .layui-table th { 
    font-size: 15px;
}
.layui-table[lay-size=lg] td, .layui-table[lay-size=lg] th {
     font-size: 16px;
}
.layui-layer-title{
	background-color: #F4F4F4;  
 
}

 

html{background-color:#f2f2f2;color:#666} 
.layui-table, .layui-table-view {
    margin: 0;
}

.bg-ffff{
	background-color: #FFFFFF;
}
.bg-oooo{
	background-color: #FFF3EE;
}
.bg-oooo2{
	background-color: #FFEAE1;  
}
.bg-bbbb{
	background-color: #ECF5FF;
}

 

.el_table .layui-word-aux{
	font-size: 12px;
	padding: 0px !important;
	 
}
.el_table .layui-table-cell{
   height:auto;
   overflow:visible;
   text-overflow:inherit;
   white-space:normal;    line-height: 20px;
}

 


 
.etable thead th div{
	font-weight: bold; 
}
 
.fthead{
 
	line-height: 40px;
	height: 40px;
	border: 1px solid #CCCCCC;
	overflow: hidden;
	padding-left: 10px;
}
.fthead .layui-tab-title{
	height: 40px; 
}
.fthead .layui-tab-title li{
	line-height: 40px;font-size: 14px;
}

.fthead .layui-tab-title .layui-this {
	color: #000000; 
}

.fthead .layui-tab-title .layui-this:after {
	height: 46px;
	background-color: rgba(170,170,170,0.2);
	margin-top: 3px;
	border-radius: 6px; 
	border-bottom: none;
}



.ftbody{
	background-color: #FFFFFF;
	position: absolute;
	right: 0px;
	bottom: 0px;
	top: 43px;
	left: 0px; 
}

 
.siteTop{
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 50px;
	background-color: #0270c1;
	border-bottom: 1px solid #0270c1;
	z-index: 10;
	color: #FFFFFF;
	background-image: url(../images/tbg.png);
	background-repeat: no-repeat;
	background-position: left 0%;
}
.siteTop .title{
	font-size: 16px;
	line-height: 50px;
	padding-left: 15px;
}.siteTop .title i{
	font-size: 18px; 
}
.siteTop .uhead{
	line-height: 50px;
	text-align: right; 
}
.siteTop .uhead a{
	display: block;
	float: right;
	line-height: 48px;
	width: 50px;
	text-align: center;
	color: #FFFFFF;
}
.siteTop .uhead a:hover{
	background-color: #025B9D;
}
.siteTop .uhead a.ons{
	background-color: #025B9D;
}
.siteTopSubs{	position: fixed;
	top: 50px;
	left: 0px;
	right: 0px; 
	background-color: #025B9D;
	z-index: 999;
	color: #FFFFFF;}
.siteTopSubs .utnav{
	clear: left;padding: 5px;
}
.siteTopSubs .utnav a{
	display: block;
	float: left;
	height: 70px;
	width: 25%;
	text-align: center;
	color: #FFFFFF; 
}
.siteTopSubs .utnav a .box{ 
	padding: 10px;
} 
.siteTopSubs .utnav a .title{
	font-size: 13px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
} 

.siteTopSubsCls{
	position: fixed;
	top: 50px;
	left: 0px;
	right: 0px;
	background-color: rgba(255,255,255,.8); 
	-webkit-filter: blur(5px);  
    filter: blur(5px);
	z-index: 9;
	bottom: 0px;
}

 

.siteLeft{
	position: fixed;
	left: 0px;
	top: 50px;
	bottom: 0px;
	background-color: #2F4056;
	width: 60px;
}


.siteLeft .siteappbtn{
	 
}
.siteLeft .siteappbtn a{
	display: block;
	color: #F7F7F7;
	text-align: center;
	padding: 5px;
	margin-bottom: 5px;
	margin-top: 1px;
	font-size: 12px;
}
.siteLeft .siteappbtn a i{
	display: block;
	font-size: 23px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.siteLeft .siteappbtn a.on{
	background-color: #6F788A;
	color: #FFFFFF;
}

.siteFoot{
	position: fixed;
	left: 0px;
	bottom: 0px;
	background-color: #2F4056;
	right: 0px;
	height: 50px;
}
.siteFoot ul{
 width:100%;position:relative;height:50px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center; 
}
.siteFoot ul li{
 -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#979797;position: relative;
} 
.siteFoot .siteappbtn a{
	display: block;
	color: #CCCCCC;
	text-align: center;
	font-size: 13px;
}
.siteFoot .siteappbtn a i{
	display: block;
	font-size: 20px;
	padding-top: 3px;
	padding-bottom: 0px;
}
.siteFoot .siteappbtn a.on{
	color: #FFFFFF;
}




.filestree{
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	width: 250px;
	border-top: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
	border-left: 1px solid #E2E2E2;
	overflow: auto;box-shadow:inset 0px 25px 25px -15px rgba(153,153,153,.3), inset 0px -15px 15px -15px rgba(153,153,153,.6); 
}


.app_GroutQx .layui-table-view .layui-form-radio{
	display: block;
	height: 30px;
	line-height: 30px;
}
.app_GroutQx .layui-table-view .layui-form-radio>i{
	font-size: 20px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 5px;
	margin-top: 0;
}
.app_GroutQx .layui-form-radioed ,.app_GroutQx .layui-form-radioed>i{
	color: #CC0000;
}
 

.app-web{
	display: block;
	height: 100px;
	text-align: center;
	color: #999999;
	position: relative;
}
.app-web .title{
	height: 20px;
	font-size: 20px;
	overflow: hidden;
	color: #2F4056;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 25px;
	line-height: 20px;
} 

 .app-web:hover{
	background-color: #01AAED;
	color: #FFFFFF;
}.app-web:hover .title{ 
	color: #FFFFFF;
} 



 

.app-navbox{
	display: block;
	height: 130px;
	text-align: center;
	color: #999999;
	position: relative;
}
.app-navbox .title{
	height: 130px;
	font-size: 20px;
	overflow: hidden;
	color: #2F4056; 
	padding-left: 20px;
	padding-right: 20px; 
	line-height: 130px;
} 
 .app-navbox .del{
	position: absolute;
	right: 0px;
	top: 0px;
	height: 25px;
	width: 25px;
	line-height: 20px;
	display: none;
	border-bottom-left-radius: 100%;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	padding-left: 6px;
	background-color: rgba(255,255,255,.8);
}
 .app-navbox:hover{
	background-color: #01AAED;
	color: #FFFFFF;
}.app-navbox:hover .title{ 
	color: #FFFFFF;
} 
.app-navbox:hover .del{
	display: block;
	color: #000000;
}

.app-modexs{
	display: block;
	height: 70px;
	text-align: center;
	position: relative;
	line-height: 70px;
	font-size: 16px;
	overflow: hidden;
	background: -moz-linear-gradient(top,  #f6f8f9 0%, #dae6ed 51%, #c3d6e2 96%, #f5f7f9 100%);
	background: -webkit-linear-gradient(top,  #f6f8f9 0%,#dae6ed 51%,#c3d6e2 96%,#f5f7f9 100%);
	background: linear-gradient(to bottom,  #f6f8f9 0%,#dae6ed 51%,#c3d6e2 96%,#f5f7f9 100%);
	border: 1px solid #CBD6E0;
} 

.app-modesm{
	display: block;
	height: 100px;
	text-align: center;
	color: #999999;
	position: relative;
	
		background: -moz-linear-gradient(top,  #f6f8f9 0%, #dae6ed 51%, #c3d6e2 96%, #f5f7f9 100%);
	background: -webkit-linear-gradient(top,  #f6f8f9 0%,#dae6ed 51%,#c3d6e2 96%,#f5f7f9 100%);
	background: linear-gradient(to bottom,  #f6f8f9 0%,#dae6ed 51%,#c3d6e2 96%,#f5f7f9 100%);
	border: 1px solid #CBD6E0;
	
}.app-modesm .title{
	height: 50px;
	font-size: 16px;
	overflow: hidden;
	color: #2F4056;
	padding-bottom: 0px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	line-height: 25px;
}

.app-mode{
	display: block;
	height: 160px;
	text-align: center;
	color: #999999;
	position: relative; 
	border: 1px solid #CBD6E0; 
}.app-mode .title{
	height: 50px;
	font-size: 20px;
	overflow: hidden;
	color: #2F4056;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 35px;
 
}
 .app-mode .del{
	position: absolute;
	right: 0px;
	top: 0px;
	height: 25px;
	width: 25px;
	line-height: 20px;
	display: none;
	border-bottom-left-radius: 100%;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	padding-left: 6px;
	background-color: rgba(255,255,255,.8);
}

 .app-mode:hover{
	background-color: #2F4056;
	color: #FFFFFF;
}.app-mode:hover .title{ 
	color: #FFFFFF;
}
.app-mode:hover .del{
	display: block;
	color: #000000;
}
.tableLeft{
	position: fixed;top: 50px;left: 0px;bottom: 0px;overflow-x: auto;
	width: 290px;	overflow: auto;box-shadow:inset 0px 25px 25px -15px rgba(153,153,153,.3), inset 0px -15px 15px -15px rgba(153,153,153,.6); 
}
.tableLeft .sortTree{
	width: 100%;
	 
}

 

.htitle{
	height: 50px; 
	line-height: 50px;
	margin-left: auto;
	margin-right: auto;
}



.nodata{
	text-align: center;
	padding: 20px;
	color: #999999;
}
 .nodata i{
	font-size: 30px;
}

.layui-td-edit{
position:absolute;left:0;top:0;width:100%;height:100%;padding:0 14px 1px;border-radius:0;box-shadow:1px 1px 20px rgba(0,0,0,0);
	border:none;
}

.viewtitle{
	color: #999999;
}
.viewtext{
	padding-top: 10px;
	color: #000000;
	font-size: 15px;
	line-height: 20px;
}
.viewtext a{
	 color: #01AAED;
}
.viewtext .picture{
	width: 100px;
}
.videoBox video{
	background-color: #000000;
	max-height: 300px;
	text-align: center;
}

 .videoBoxSm{ 
	max-height: 150px;max-width: 200px;
	text-align: center;
}
 .videoBoxSm video{ 
	max-height: 150px;max-width: 200px;
	text-align: center;
}
.pictureSm{
	max-width: 80px;
	max-height: 80px;
}
.tdimg{
	width: 50px;
	height: 50px;
}.tdimg img{
	max-width: 100%;
	max-height: 100%;
}
.tda a{ color: #01AAED;}

.layer-nbg{
	background-color: rgba(255,255,255,0) !important;
	box-shadow: 1px 1px 50px rgba(0,0,0,0) !important;
 }
  .div-column2{
-moz-column-count:2;
-webkit-column-count:2;
column-count:2;
}
 .div-column3{
-moz-column-count:3;
-webkit-column-count:3; 
column-count:3;
}
  .div-column4{
-moz-column-count:4;
-webkit-column-count:4;
column-count:4;
}



.layui-input-sm{
	height: 30px;line-height: 30px;
	padding-left: 6px;
	padding-right: 6px;
	border: 1px solid #CCCCCC;
}
 
 
 
   .layer-edit .layui-layer-content{ background-color: #fafafa;}
   .layeredit-top{background-color: #FFFFFF;position: fixed;left: 0px;right: 0px;top: 0px;z-index: 100;border-bottom: 1px solid #e8e8e8;} 
   .layeredit-toolbar { width: 1350px;  margin: 0 auto;  }
   .layeredit-container {width: 850px;background-color: #fff;padding: 20px 50px 50px 50px;border: 1px solid #e8e8e8;box-shadow: 0 2px 10px rgb(0 0 0 / 12%);margin-bottom: auto;margin-left: auto;margin-right: auto;margin-top: 50px; min-height:400px; }
    .layeredit-title { padding: 20px 0; border-bottom: 1px solid #e8e8e8;}
    .layeredit-title input { font-size: 23px;  border: 0;  outline: none;  width: 100%; line-height: 1; }

 
 
 
 
 
.el-upload-file{	min-width: 110px;}
.el-upload{min-width:54px} 
.el-upload .el-upload-img{background-color: #FAFAFA;padding: 1px;text-align: center;border: 1px solid #E2E2E2}
.el-upload .el-upload-img div{text-align:center;display:table-cell;vertical-align:middle;text-align:center;text-align:center;position:relative;background-color:#F1F1F1;padding:2px}
.el-upload .el-upload-img img{max-width:100%;max-height:100%}
 
.el-upload .el-btn-group{height:25px; }
.el-upload .el-btn-group a{width:50%;height:20px;display:block;float:left;background-color:#EBEBEB;text-align:center;line-height:20px;color:#000000}
.el-upload .el-btn-group.btntwo a{width:50%; }
.el-upload .el-btn-group a.el-upload-cancel{background-color:#D3D3D3;color:#000000}

.el-upload-box .el-btn-group a{width:50%;height:20px;display:block;float:left;background-color:#EBEBEB;text-align:center;line-height:20px;color:#000000}
.el-upload-box .el-btn-group.btntwo a{width:50%; }
.el-upload-box .el-btn-group a.el-upload-cancel{background-color:#D3D3D3;color:#000000}


.el-upload-multiple{}
.el-upload-multiple .el-upload-box{min-height:120px;}
.el-upload-multiple .el-upload-box .imgTem{width:98px;height:115px;border:1px solid #CCCCCC;margin-right:8px;float:left;overflow:hidden;margin-bottom:8px}
.el-upload-multiple .el-upload-box .imgTem .img{width:94px;height:94px;text-align:center;display:table-cell;vertical-align:middle;text-align:center;text-align:center;position:relative;background-color:#F1F1F1;padding:2px}
.el-upload-multiple .el-upload-box .imgTem .img img{max-width:100%;max-height:100%}

.el-upload-multiple .el-upload-box .vimgTem{width:98px;height:98px;border:1px solid #CCCCCC;margin-right:8px;float:left;overflow:hidden;margin-bottom:8px}
.el-upload-multiple .el-upload-box .vimgTem .img{width:94px;height:94px;text-align:center;display:table-cell;vertical-align:middle;text-align:center;text-align:center;position:relative;background-color:#F1F1F1;padding:2px}
.el-upload-multiple .el-upload-box .vimgTem .img img{max-width:100%;max-height:100%}


.el-minput{position: relative;}
.el-minput .del{position: absolute;right: 5px;top: 10px;color: #FF0000;display: none;}