@charset "utf-8";
/* 通用全局样式====================================================================================================================== */

/* 字体大小(响应式) sss*/
.fs-12{font-size: 0.75rem;}
.fs-13{font-size: 0.8125rem;}
.fs-14{font-size: 0.875rem;}
.fs-15{font-size: 0.9375rem;}
.fs-16{font-size: 1rem;}
.fs-18{font-size:1.125rem;}
.fs-20{font-size:1.25rem;}
.fs-22{font-size:1.375rem;}
.fs-24{font-size:1.5rem;}
.fs-25{font-size:1.5625rem;}
.fs-26{font-size:1.625rem;}
.fs-28{font-size:1.75rem;}
.fs-30{font-size:1.875rem;}
.fs-32{font-size:2rem;}
.fs-34{font-size:2.125rem;}
.fs-36{font-size:2.25rem;}
/* 字体大小(响应式)  eee*/

/* 字体大小(自适应) sss*/
.fs_12{font-size: 1vh;}
.fs_13{font-size: 1.35vh;}
.fs_14{font-size: 1.45vh;}
.fs_15{font-size: 1.55vh;}
.fs_16{font-size: 1.66vh;}
.fs_18{font-size:1.86vh;}
.fs_20{font-size:2.07vh;}
.fs_22{font-size:2.28vh;}
.fs_24{font-size:2.48vh;}
.fs_25{font-size:2.58vh;}
.fs_26{font-size:2.69vh;}
.fs_28{font-size:2.89vh;}
.fs_30{font-size:3.1vh;}
.fs_32{font-size:3.31vh;}
.fs_34{font-size:3.51vh;}
.fs_36{font-size:3.72vh;}
/* 字体大小(自适应)  eee*/

/* 字体颜色 sss*/
.c_white{color: #fff;}
.c_red{color: red;}
.c_green{color: green;}
.c_black{color: black;}
.c_blue{color: blue;}
.c_orange{color: orange;}
.c_yellow{color: yellow;}
.c_gray{color: gray;}
/* 字体颜色 eee */

/*flex布局sss*/
/*水平从左到右排列*/
.flex_flex-row {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
}

/*水平从右到左排列*/
.flex_flex-row-rev {
	display: flex;
	display: -webkit-flex;
	flex-direction: row-reverse;
}

/*垂直从上到下排列*/
.flex_flex-column {
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
}

/*垂直从下到上排列*/
.flex_flex-column-rev {
	display: flex;
	display: -webkit-flex;
	flex-direction: column-reverse;
}
/* 水平左对齐，有小间距 */
.flex_flex-start {
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
}
/* 水平右对齐，有小间距 */
.flex_flex-end {
	display: flex;
	display: -webkit-flex;
	justify-content: flex-end;
}

/* 水平居中对齐，有小间距 */
.flex_center {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
}

/* 两端对齐，项目之间的间隔都相等 */
.flex_space-between {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}

/* 每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍 */
.flex_space-around {
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
}

/*每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔小一倍*/
.flex_space-evenly {
	display: flex;
	display: -webkit-flex;
	justify-content: space-evenly;
}

/*项目不换行*/
.flex_nowrap {
	display: flex;
	display: -webkit-flex;
	flex-wrap: nowrap;
}

/*项目换行*/
.flex_wrap {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}

/*项目反向换行（即第一行排在最下方，以此类推）*/
.flex_wrap-reverse {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap-reverse;
}
/*flex布局eee*/

/* 内外边距 sss */
.ml-20{
	margin-left: 20px;	
}
.ml-10{
	margin-left: 10px;	
}
.ml-5{
	margin-left: 5px;	
}
.ml-30{
	margin-left: 30px;	
}
.ml-15{
	margin-left: 15px;	
}
.ml-25{
	margin-left: 25px;	
}
.mt-10{
	margin-top: 10px;
}
.mt-20{
	margin-top: 20px;
}
.mt-25{
	margin-top: 25px;
}
.mt-5{
	margin-top: 5px;
}
.mt-15{
	margin-top: 15px;
}
.mt-30{
	margin-top: 30px;
}
.mb-5{
	margin-bottom: 5px;	
}
.mb-10{
	margin-bottom: 10px;	
}
.mb-15{
	margin-bottom: 15px;	
}
.mb-20{
	margin-bottom: 20px;	
}
.mb-25{
	margin-bottom: 25px;	
}
.mb-30{
	margin-bottom: 30px;	
}
.mr-5{
	margin-right: 5px;
}
.mr-10{
	margin-right: 10px;
}
.mr-15{
	margin-right: 15px;
}
.mr-20{
	margin-right: 20px;
}
.mr-25{
	margin-right: 25px;
}
.mr-30{
	margin-right: 30px;
}
.mg-5{margin: 5px;}
.mg-10{margin: 10px;}
.mg-15{margin: 15px;}
.mg-20{margin: 20px;}
.mg-25{margin: 25px;}
.mg-30{margin: 30px;}

.pt-5{padding-top:5px}/*上填充5像素*/
.pt-10{padding-top:10px}/*上填充10像素*/
.pt-15{padding-top:15px}/*上填充15像素*/
.pt-20{padding-top:20px}/*上填充20像素*/
.pt-25{padding-top:25px}/*上填充25像素*/
.pt-30{padding-top:30px}/*上填充30像素*/
 
.pb-5{padding-bottom:5px}/*下填充5像素*/
.pb-10{padding-bottom:10px}/*下填充10像素*/
.pb-15{padding-bottom:15px}/*下填充15像素*/
.pb-20{padding-bottom:20px}/*下填充20像素*/
.pb-25{padding-bottom:25px}/*下填充25像素*/
.pb-30{padding-bottom:30px}/*下填充30像素*/
 
.pl-5{padding-left:5px}/*左填充5像素*/
.pl-10{padding-left:10px}/*左填充10像素*/
.pl-15{padding-left:15px}/*左填充15像素*/
.pl-20{padding-left:20px}/*左填充20像素*/
.pl-25{padding-left:25px}/*左填充25像素*/
.pl-30{padding-left:30px}/*左填充30像素*/
 
.pr-5{padding-right:5px}/*右填充5像素*/
.pr-10{padding-right:10px}/*右填充10像素*/
.pr-15{padding-right:15px}/*右填充15像素*/
.pr-20{padding-right:20px}/*右填充20像素*/
.pr-25{padding-right:25px}/*右填充25像素*/
.pr-30{padding-right:30px}/*右填充30像素*/
 
.pd-5{padding:5px}/*填充5像素*/
.pd-10{padding:10px}/*填充10像素*/
.pd-15{padding:15px}/*填充15像素*/
.pd-20{padding:20px}/*填充20像素*/
.pd-25{padding:25px}/*填充25像素*/
.pd-30{padding:30px}/*填充30像素*/
/* 内外边距 eee */

/* 内外边距（自适应） sss*/
.pt_5{padding-top: 0.52vh;}/*上填充5像素*/
.pt_10{padding-top:1.04vh}/*上填充10像素*/
.pt_15{padding-top:1.55vh}/*上填充15像素*/
.pt_20{padding-top:2.08vh}/*上填充20像素*/
.pt_25{padding-top:2.6vh}/*上填充25像素*/
.pt_30{padding-top:3.12vh}/*上填充30像素*/
 
.pb_5{padding-bottom:0.52vh}/*下填充5像素*/
.pb_10{padding-bottom:1.04vh}/*下填充10像素*/
.pb_15{padding-bottom:1.55vh}/*下填充15像素*/
.pb_20{padding-bottom:2.08vh}/*下填充20像素*/
.pb_25{padding-bottom:2.6vh}/*下填充25像素*/
.pb_30{padding-bottom:3.12vh}/*下填充30像素*/
 
.pl_5{padding-left: 0.265vw;}/*左填充5像素*/
.pl_10{padding-left:0.53vw;}/*左填充10像素*/
.pl_15{padding-left:0.785vw}/*左填充15像素*/
.pl_20{padding-left:1.05vw}/*左填充20像素*/
.pl_25{padding-left:1.305vw}/*左填充25像素*/
.pl_30{padding-left:1.565vw}/*左填充30像素*/
 
.pr_5{padding-right:0.265vw}/*右填充5像素*/
.pr_10{padding-right:0.53vw;}/*右填充10像素*/
.pr_15{padding-right:0.785vw}/*右填充15像素*/
.pr_20{padding-right:1.05vw}/*右填充20像素*/
.pr_25{padding-right:1.305vw}/*右填充25像素*/
.pr_30{padding-right:1.565vw}/*右填充30像素*/
 
.pd_5{padding:0.52vh 0.265vw;}/*填充5像素*/
.pd_10{padding:1.04vh 0.53vw;}/*填充10像素*/
.pd_15{padding:1.55vh 0.785vw;}/*填充15像素*/
.pd_20{padding:2.08vh 1.05vw;}/*填充20像素*/
.pd_25{padding:2.6vh 1.305vw;}/*填充25像素*/
.pd_30{padding:3.12vh 1.565vw;}/*填充30像素*/

.mg_5{margin:0.52vh 0.265vw;}
.mg_10{margin:1.04vh 0.53vw;}
.mg_15{margin:1.55vh 0.785vw;}
.mg_20{margin:2.08vh 1.05vw;}
.mg_25{margin:2.6vh 1.305vw;}
.mg_30{margin:3.12vh 1.565vw;}

.mt_5{margin-top: 0.52vh;}
.mt_10{margin-top: 1.04vh;}
.mt_15{margin-top: 1.55vh;}
.mt_20{margin-top: 2.08vh;}
.mt_25{margin-top: 2.6vh;}
.mt_30{margin-top:3.12vh;}

.mb_5{margin-bottom: 0.52vh;}
.mb_10{margin-bottom: 1.04vh;}
.mb_15{margin-bottom: 1.55vh;}
.mb_20{margin-bottom: 2.08vh;}
.mb_25{margin-bottom: 2.6vh;}
.mb_30{margin-bottom:3.12vh;}

.ml_5{margin-left: 0.265vw;}
.ml_10{margin-left:0.53vw;}
.ml_15{margin-left:0.785vw;}
.ml_20{margin-left:1.05vw;}
.ml_25{margin-left:1.305vw;}
.ml_30{margin-left:1.565vw;}

.mr_5{margin-right: 0.265vw;}
.mr_10{margin-right:0.53vw;}
.mr_15{margin-right:0.785vw;}
.mr_20{margin-right:1.05vw;}
.mr_25{margin-right:1.305vw;}
.mr_30{margin-right:1.565vw;}
/* 内外边距（自适应） eee */

/*文字单行溢出省略号*/
.text-overflow{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.hide{display: none !important;}
.no-border{
	border: none;
}
.v-hidden{
	visibility: hidden;
}
.required:before{
	content: "*";
	color: red;
	display: inline;
	margin-right: 5px;
}
.text-c{
	text-align: center;
}.text-l{
	text-align: left;	
}
.text-right{
	text-align: right;
}
.lf{
	float: left;
}
.rf{
	float: right;
}
.parentClear{
	overflow: hidden;
}
.parentClear:after{
	content: "";
	display: block;
	clear: both;
}
.inline-block{
	display: inline-block;
}
.block{
	display: block;
}
.inline{
	display: inline;
}
/* 固定表格头部样式 */
table.fixedHead{
	width: auto;
}
table.fixedHead th,table.fixedHead td{width: 120px;}
table.fixedHead tbody{display:block;overflow:scroll; height: 63vh;}
table.fixedHead thead,table.fixedHead tbody tr {display:table;width:100%;table-layout:fixed;}
table.fixedHead thead {width: calc( 100% - 1em )}	

/**改变滚动条背景颜色样式*/
/* 滚动条背景底部颜色 */
.scrollEffect::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
	/* background-color: #143c52; */
	background-color: #fff;
	border-radius: 10px;
}
.scrollEffect::-webkit-scrollbar{
	width: 10px; height:10px; 
	background-color: #143c52;
	border-radius: 10px;
}
/* 滚动条背景颜色 */
.scrollEffect::-webkit-scrollbar-thumb{
	/* background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.86, rgb(131, 173, 208))); */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.86, rgb(75, 80, 84)));
}  
.scrollEffect::-webkit-scrollbar-thumb:hover{
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.86, rgb(255, 255, 255)));
}


.scrollEffect::-moz-scrollbar-track{
	-moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
	/* background-color: #143c52; */
	background-color: #fff;
	border-radius: 10px;
}
.scrollEffect::-moz-scrollbar{
	width: 10px; height:10px; 
	background-color: #143c52;
	border-radius: 10px;
}
/* 滚动条背景颜色 */
.scrollEffect::-moz-scrollbar-thumb{
	/* background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.86, rgb(131, 173, 208))); */
	background-image: -moz-gradient(linear,left bottom,left top,color-stop(0.86, rgb(75, 80, 84)));
}  
.scrollEffect::-moz-scrollbar-thumb:hover{
	background-image: -moz-gradient(linear,left bottom,left top,color-stop(0.86, rgb(255, 255, 255)));
}
/* 通用全局样式============================================================================================================================ */
.w_5{width:5%;}
.w_6{width:6%;}
.w_7{width:7%;}
.w_8{width:8%;}
.w_9{width:9%;}
.w_10{width:10%;}
.w_11{width:11%;}
.w_12{width:12%;}
.w_13{width:13%;}
.w_14{width:14%;}
.w_15{width:15%;}
.w_20{width:20%;}
.w_25{width:25%;}
.w_30{width:30%;}
.w_34{width:34%;}
.w_35{width:35%;}
.w_36{width:36%;}
.w_37{width:37%;}
.w_38{width:38%;}
.w_39{width:39%;}
.w_40{width:40%;}
.w_41{width:41%;}
.w_42{width:42%;}
.w_43{width:43%;}
.w_44{width:44%;}
.w_45{width:45%;}
.w_50{width:50%;}
.w_55{width:55%;}
.w_60{width:60%;}
.w_65{width:65%;}
.w_70{width:70%;}
.w_75{width:75%;}
.w_80{width:80%;}
.w_85{width:85%;}
.w_90{width:90%;}
.w_95{width:95%;}
.w_100{width:100%;}

a[href],
input[type="submit"],
input[type="image"],
input[type="button"],
label[for],
select,
button {
  cursor: pointer;
}

/* 文本缩进类 */
.text-indent {
  text-indent: 2rem;
}
/*16px*/
.text-indent-xs {
  text-indent: 1.5rem;
}
/*12px*/
.text-indent-sm {
  text-indent: 1.7rem;
}
/*14px*/
.text-indent-md {
  text-indent: 2rem;
}
/*18px*/
.text-indent-lg {
  text-indent: 2.4rem;
}

/* 清除浮动 */
			.clearfix{
				zoom: 1;
			}
			.clearfix:after{
				content: "\00A0";
				display: block;
				visibility: hidden;
				width: 0;
				height: 0;
				clear: both;
				font-size: 0;
				line-height: 0;
				overflow: hidden;
			}
			/* 清除浮动 */
			
			/*  未知宽高情况下，垂直水平居中sss*/
			.center_pos{
				position: absolute;
				left: 50%;
				top:50%;
				transform: translate(-50%,-50%);
				-moz-transform: translate(-50%,-50%);
				-ms-transform: translate(-50%,-50%);
				-o-transform: translate(-50%,-50%);
				-webkit-transform: translate(-50%,-50%);
			}
			/* 针对父元素 */
			.flex_center_middle{
				display: flex;
				align-items: center;
				justify-content: center;
			}
			/*水平居中，垂直放在最低*/
			.flex_center_end{
				display: flex;
				align-items: end;
				justify-content: center;
			}
			/*  未知宽高情况下，垂直水平居中eee*/
			
			/* 适合单行，宽度固定，内容溢出省略sss... */
			.one_overflow{
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
			
			/* 适合多行，默认3行，宽度不固定以及移动端显示，内容溢出省略sss... */
			.more_overflow{
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 3;
				-webkit-box-orient: vertical;
			}
			/* 制造文本模糊效果 */
			.txt_shadow{
				color: transparent;
				text-shadow: 0 0 2px rgba(0,0,0,0.5);
			}
			
			/* 动画实现简单的loading效果 ===省略号加载条*/
			.com_loading:after{
				display: inline-block;
				overflow: hidden;
				vertical-align: bottom;
				content: "\2026";
				animation:ellipsis 2s infinite;
				transform: scale(1.5);
			}
			@-webkit-keyframes ellipsis{
				from{
					width: 2px;
				}
				to{
					width: 15px;
				}
			}
			@-ms-keyframes ellipsis{
				from{
					width: 2px;
				}
				to{
					width: 15px;
				}
			}
			@-moz-keyframes ellipsis{
				from{
					width: 2px;
				}
				to{
					width: 15px;
				}
			}
			@keyframes ellipsis{
				from{
					width: 2px;
				}
				to{
					width: 15px;
				}
			}
			
			
			/*旋转动画  */
			/* 例子 */
			/* 
				-moz-animation: spin 2s linear 1s 5 alternate;
				-ms-animation: spin 2s linear 1s 5 alternate;
				-webkit-animation: spin 2s linear 1s 5 alternate;
			    animation: spin 2s linear infinite; 
			 */
			.rorate_animate{
				-moz-animation: spin 2s linear 1s 5 alternate;
				-ms-animation: spin 2s linear 1s 5 alternate;
				-webkit-animation: spin 2s linear 1s 5 alternate;
				animation: spin 2s linear infinite; 
			}
			@-webkit-keyframes spin {
				from {
					-webkit-transform: rotate(0deg);
				}
				to {
					-webkit-transform: rotate(360deg);
				}
			}           
			@keyframes spin {
				from {
					transform: rotate(0deg);
				}
				to {
					transform: rotate(360deg);
				}
			}
			@-moz-keyframes spin {
				from {
					-webkit-transform: rotate(0deg);
				}
				to {
					-webkit-transform: rotate(360deg);
				}
			}  
			@-ms-keyframes spin {
				from {
					-webkit-transform: rotate(0deg);
				}
				to {
					-webkit-transform: rotate(360deg);
				}
			}  
			/*旋转动画  eee*/
			
			/* 自定义选中文本颜色和背景  复制网页文本用到*/
			.selection::selection{
				color: green;
				background-color: pink;
			}
			.selection::-moz-selection{
				color: green;
				background-color: pink;
			}
			.selection::-webkit-selection{
				color: green;
				background-color: pink;
			}
	
	/* input占位符修改其样式sss */
		input::-webkit-input-placeholder {
		 /* color: green;
		  background-color: #f9f7f7;
		  font-size: 14px; */
		}
		input::-moz-input-placeholder {
		  /* color: green;
		  background-color: #f9f7f7;
		  font-size: 14px; */
		}
		input::-ms-input-placeholder {
		 /* color: green;
		  background-color: #f9f7f7;
		  font-size: 14px; */
		}
		
		/* 获取焦点的时候不显示 placeholder*/
		input:focus::-webkit-input-placeholder{
			/* color: transparent; */
		}
		input:focus::-moz-input-placeholder{
			/* color: transparent; */
		}
		input:focus::-ms-input-placeholder{
			/* color: transparent; */
		}
		/* input占位符修改其样式eee */
		
		/* 文本首字下沉效果 */
		.txt_first_down:first-letter{
			float: left;
			font-size: 28px;
		}
		
		/* 小三角sss */
		
		.triangle {
		  /* 基础样式 */
		  border: solid 10px transparent;
		}
		/*下*/
		.triangle.bottom {
		  border-top-color: green;
		  width: 0;
		  height: 0;
		}
		/*上*/
		.triangle.top {
		  border-bottom-color: green;
		  width: 0;
		  height: 0;
		}
		/*左*/
		.triangle.left {
		  border-right-color: green;
		  width: 0;
		  height: 0;
		}
		/*右*/
		.triangle.right {
		  border-left-color: green;
		  width: 0;
		  height: 0;
		}
		/* 小三角eee */
		
	/* 垂直居中sss */
	.v-middle {
	  position: relative;
	  top: 50%;
	  -webkit-transform: -webkit-translateY(-50%);
	  -moz-transform: -moz-translateY(-50%);
	  -o-transform: -o-translateY(-50%);
	  transform: translateY(-50%);
	}
	/* 垂直居中eee */
	
	
	/* 元素阴影 针对各个分辨率大小  sss */
	.shadow-text-xs {
	  text-shadow: 4px 3px 0 #1d9d74, 9px 8px 0 rgba(0, 0, 0, 0.15);
	} /*智能兼容ie10以上 暂不考虑*/
	
	.shadow-xs {
	  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=100, Color='#cccccc')"; /* For IE 8 */
	  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=100, Color='#cccccc'); /* For IE 5.5 - 7 */
	  -moz-box-shadow: 1px 1px 2px #cccccc; /* for firefox */
	  -webkit-box-shadow: 1px 1px 2px #cccccc; /* for safari or chrome */
	  box-shadow: 1px 1px 2px #cccccc; /* for opera or ie9 */
	}
	.shadow-sm {
	  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=120, Color='#cccccc')"; /* For IE 8 */
	  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=120, Color='#cccccc'); /* For IE 5.5 - 7 */
	  -moz-box-shadow: 2px 2px 3px #cccccc; /* for firefox */
	  -webkit-box-shadow: 2px 2px 3px #cccccc; /* for safari or chrome */
	  box-shadow: 2px 2px 3px #cccccc; /* for opera or ie9 */
	}
	.shadow-md {
	  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#cccccc')"; /* For IE 8 */
	  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#cccccc'); /* For IE 5.5 - 7 */
	  -moz-box-shadow: 3px 3px 5px #cccccc; /* for firefox */
	  -webkit-box-shadow: 3px 3px 5px #cccccc; /* for safari or chrome */
	  box-shadow: 3px 3px 5px #cccccc; /* for opera or ie9 */
	}
	.shadow-lg {
	  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=150, Color='#cccccc')"; /* For IE 8 */
	  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=150, Color='#cccccc'); /* For IE 5.5 - 7 */
	  -moz-box-shadow: 5px 5px 8px #cccccc; /* for firefox */
	  -webkit-box-shadow: 5px 5px 8px #cccccc; /* for safari or chrome */
	  box-shadow: 5px 5px 8px #cccccc; /* for opera or ie9 */
	}
	/* 元素阴影 针对各个分辨率大小  eee */
	
	/* css3 绘制图标sss */
	/* 墙 */
	.com-gradient {
	  position: relative;
	  width: 300px;
	  height: 300px;
	  border-radius: 50%;
	  background-color: silver;
	  background-image: linear-gradient(335deg, #b00 23px, transparent 23px),
	    linear-gradient(155deg, #d00 23px, transparent 23px), linear-gradient(
	      335deg,
	      #b00 23px,
	      transparent 23px
	    ), linear-gradient(155deg, #d00 23px, transparent 23px);
	  background-size: 58px 58px;
	  background-position: 0px 2px, 4px 35px, 29px 31px, 34px 6px;
	}
	
	/* 月亮 */
	.com-moon {
	  display: inline-block;
	  height: 1.5em;
	  width: 1.5em;
	  box-shadow: inset -0.4em 0 0 orange;
	  border-radius: 2em;
	  transform: rotate(20deg);
	}
	/* css3 绘制图标eee*/
	
	/*循环缩放动画*/
	  @keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
	        0%{
	            transform: scale(1);  /*开始为原始大小*/
	        }
	        25%{
	            transform: scale(1.2); /*放大1.1倍*/
	        }
	        50%{
	            transform: scale(1);
	        }
	        75%{
	            transform: scale(1.2);
	        }
	    }
	 .animate_scale{
	    -webkit-animation-name: scaleDraw; /*关键帧名称*/
	    -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
	    -webkit-animation-iteration-count: infinite;  /*动画播放的次数*/
	    -webkit-animation-duration: 5s; /*动画所花费的时间*/
	    
	    animation-name: scaleDraw; /*关键帧名称*/
	    animation-timing-function: ease-in-out; /*动画的速度曲线*/
	    animation-iteration-count: infinite;  /*动画播放的次数*/
	    animation-duration: 5s; /*动画所花费的时间*/
	 }
	 /*蓝色渐变*/
	 .gradient_bg_blue{		  
		 /* Firefox 3.6+ */
		 background: -moz-linear-gradient(top, #66b7f9,#1c82d4);
		 /* Safari 4-5, Chrome 1-9 */
		 background: -webkit-gradient(linear,top,from(#66b7f9),to(#1c82d4));
		 /* Safari 5.1+, Chrome 10+ */
		 background: -webkit-linear-gradient(top, #66b7f9, #1c82d4);
		 /* Opera 11.10+ */
		 background: -o-linear-gradient(top, #66b7f9, #1c82d4);
		 /* default */
		 background: linear-gradient(top, #66b7f9, #1c82d4);
		 background-color: #1c82d4;
	 }
	 /**橙色渐变*/
	 .gradient_bg_orange{
	 		 /* Firefox 3.6+ */
	 		 background: -moz-linear-gradient(top, #ffaa00,#ffff00);
	 		 /* Safari 4-5, Chrome 1-9 */
	 		 background: -webkit-gradient(linear,top,from(#ffaa00),to(#ffff00));
	 		 /* Safari 5.1+, Chrome 10+ */
	 		 background: -webkit-linear-gradient(top, #ffaa00, #ffff00);
	 		 /* Opera 11.10+ */
	 		 background: -o-linear-gradient(top, #ffaa00, #ffff00);
	 		 /* default */
	 		 background: linear-gradient(top, #ffaa00, #ffff00);
	 		 background-color: #ffff00;
	 }
	 /**绿色渐变*/
	 .gradient_bg_green{
	 		 /* Firefox 3.6+ */
	 		 background: -moz-linear-gradient(top, #00aa00,#005500);
	 		 /* Safari 4-5, Chrome 1-9 */
	 		 background: -webkit-gradient(linear,top,from(#00aa00),to(#005500));
	 		 /* Safari 5.1+, Chrome 10+ */
	 		 background: -webkit-linear-gradient(top, #00aa00, #005500);
	 		 /* Opera 11.10+ */
	 		 background: -o-linear-gradient(top, #00aa00, #005500);
	 		 /* default */
	 		 background: linear-gradient(top, #00aa00, #005500);
	 		 background-color: #005500;
	 }
	 /**红色渐变*/
	 .gradient_bg_red{
	 		 /* Firefox 3.6+ */
	 		 background: -moz-linear-gradient(top, #ff007f,#ff0000);
	 		 /* Safari 4-5, Chrome 1-9 */
	 		 background: -webkit-gradient(linear,top,from(#ff007f),to(#ff0000));
	 		 /* Safari 5.1+, Chrome 10+ */
	 		 background: -webkit-linear-gradient(top, #ff007f, #ff0000);
	 		 /* Opera 11.10+ */
	 		 background: -o-linear-gradient(top, #ff007f, #ff0000);
	 		 /* default */
	 		 background: linear-gradient(top, #ff007f, #ff0000);
	 		 background-color: #ff0000;
	 }
	 /**紫色渐变*/
	 .gradient_bg_zise{
	 		 /* Firefox 3.6+ */
	 		 background: -moz-linear-gradient(top, #aa55ff,#aa00ff);
	 		 /* Safari 4-5, Chrome 1-9 */
	 		 background: -webkit-gradient(linear,top,from(#aa55ff),to(#aa00ff));
	 		 /* Safari 5.1+, Chrome 10+ */
	 		 background: -webkit-linear-gradient(top, #aa55ff, #aa00ff);
	 		 /* Opera 11.10+ */
	 		 background: -o-linear-gradient(top, #aa55ff, #aa00ff);
	 		 /* default */
	 		 background: linear-gradient(top, #aa55ff, #aa00ff);
	 		 background-color: #aa00ff;
	 }
	
	/*mui 自定义模板的索引和背景重新定义*/ 
	 .mui-backdrop.mui-backdrop-diy{
	 		z-index: 9999;
	 		background-color: rgba(0,0,0,.5);
	}