@charset "gb2312";
xmp {color: #900;}
.置顶 {
	position:fixed;/*定位 固定不动 */
	top:-1%;          /* 背景顶端位置 */
	left:0%;           /* 背景左端位置 */
	text-align: center;/* 中对齐 */
	font-weight: 400;/*字体粗细100-900*/
   -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .85);
    box-shadow: 0 0 10px rgba(0, 0, 0, .85);/*阴影*/
	width: 100%;
	}
.头部{
	position:fixed;/*定位 固定不动 */
	top:-1%;          /* 背景顶端位置 */
	left:0%;           /* 背景左端位置 */
	text-align: center;/* 中对齐 */
	font-weight: 400;/*字体粗细100-900*/
   -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .85);
    box-shadow: 0 0 10px rgba(0, 0, 0, .85);/*阴影*/
	background-color: #60BF00; /*背景颜色 */
	line-height:40px; /*字高40*/
    
	white-space:nowrap;  /*不换行*/
	overflow:hidden;     /*超出隐藏*/
	text-overflow:ellipsis;/*超出部分用....代替 clip不显示小园点*/
    width: 100%
	}	

.底部/*mui-bar-tab*/
{
	bottom: 0;/*底部*/
	display: table;/*a换行*/
	width: 100%;/*宽*/
	height: 100px;/*高度*/
	padding: 0;/*内边距*/
	table-layout: fixed;/*定位固定*/
	border-top: 0;/*上边距*/
	border-bottom: 0;/*下边距*/
	-webkit-touch-callout: none;/*长按会弹出*/
	float: left;
	position: fixed;
	background-color: #F5F5F5;
	color: #000;	
}

.底部BB/*mui-bar-tab*/
{
	bottom: 0;/*底部*/
	display: table;/*a换行*/
	width: 100%;/*宽*/
	height: 20px;/*高度*/
	padding: 0;/*内边距*/
	table-layout: fixed;/*定位固定*/
	border-top: 0;/*上边距*/
	border-bottom: 0;/*下边距*/
	-webkit-touch-callout: none;/*长按会弹出*/
	float: left;
	position: fixed;
	left:0%;           /* 背景左端位置 */
	/*background-color: #F5F5F5;*/
	color: #000;
	font-size: 18px;
}

.底部文字{
	margin: 0px;
	padding: 0px;/*内外边距*/
	margin-top: -5px;/*上距*/
	font-size: 45px;/*字号*/
	color: #000;	/*黑字*/
	font-weight: 300;/*字粗细*/
	text-align: center !important;/*块*/
	}

.浮右 {	float: right;}
.浮左 {	float: left;}
.浮停 {	clear: both;}
.浮停左{clear: left;/*清除左浮动*/}

.右浮 {	float: right;}
.左浮 {	float: left;}
.停止浮动 {	clear: both;}
.清除浮动{	clear: both;}
.清除左浮{clear: left;/*清除左浮动*/}

	
a{text-decoration: none;}/*没有下划*/
.没有下划{text-decoration: none;}





/*目录A*/

.目录外框{
	padding: 0px;/*内左边距*/
	width: 100%;
	margin: 0px;
	vertical-align: middle;/*纵向居中*/
}

.目录外框 li img {
	height: 130px;
	width: 150px;
	margin-top: 5px;/*上边距*/
	margin-bottom: 10px;/*下边距*/
	border-radius: 11px; /*圆角*/
	margin-left: 33px;/*左边距*/
	display: inline-block;/*转让块级元素*/
	vertical-align: middle;/*纵向居中*/
	}

.目录 {
	background-color: #FFF0F2; /*背景颜色*/
	height: 150px;
	width: 100%;
	margin-top: 20px;/*上边距*/
	white-space:nowrap;/*不让换行*/
	overflow:hidden; /*超出隐藏*/
	text-overflow:ellipsis; /*超出部分用....代替*/
	line-height: 150px; /*行高*/
	float: left;/*左浮动*/
	font-size: 45px;/*字号*/
	}

.目录灰色居中 {
	background-color:#E7E7D7;/*背景色*/
	line-height: 100px;/*行高*/
	margin-bottom: 15px;/*下外边距*/
	padding-left: 20px;/*左边距*/
	border-radius: 0px;/*4个圆角相同*/
	box-shadow: 0px 1px 5px #FFF inset;/*阴影*/
	border:0px solid green;/*内阴影*/
	width: 97%;/*宽度*/
	height: 100px;
	text-align: center;/*居中*/
	font-size: 50px;
}
.目录灰色居中小 {
	background-color:#E7E7D7;/*背景色*/
	line-height: 100px;/*行高*/
	margin-bottom: 15px;/*下外边距*/
	padding-left: 20px;/*左边距*/
	border-radius: 0px;/*4个圆角相同*/
	box-shadow: 0px 1px 5px #FFF inset;/*阴影*/
	border:0px solid green;/*内阴影*/
	width: 97%;/*宽度*/
	height: 100px;
	text-align: center;/*居中*/
	font-size: 18px;
}
/*目录X*/


/*输入框架*/
.表单分类框 {
	border: thick solid #FC6; /*边框*/
	border-radius: 50px;/*圆角*/
	/*box-shadow: 10px -5px 20px  #f00 inset;内阴影*/
	margin-top: 100px;/*上边距*/
	margin: 20px; /*外边距*/
	padding:20px /*内边距*/	
	box-sizing: border-box;/*向内收缩*/
	background-color: #FFF5F0;	
}
.表单分类框B {
	border: medium solid #FC6; /*边框*/
	border-radius: 20px;/*圆角*/
	/*box-shadow: 10px -5px 20px  #f00 inset;内阴影*/
	margin-top: 100px;/*上边距*/
	margin: 20px; /*外边距*/
	padding:20px /*内边距*/	
	box-sizing: border-box;/*向内收缩*/
	background-color: #FFF5F0;
}
.表单分类框B-2 {
	border: thin solid #FC6; /*边框*/
	border-radius: 10px;/*圆角*/
	/*box-shadow: 10px -5px 20px  #f00 inset;内阴影*/
	margin-top: 100px;/*上边距*/
	margin: 5px; /*外边距*/
	padding:0px /*内边距*/	
	/*box-sizing: border-box;向内收缩*/
	background-color: #FFF5F0;}

.输入框,.表单 {
	background-color:  	#ffb6c1 !important;/*前主色*/
	border-radius: 50px !important;/*圆角*/
	height: 30px;
	width: 100%;
	font-size: 18px;/*字号*/
	text-align:center/*居中*/;
}
.入框架1,.表单1{font-size:30px;height:40px;width: 400px;}

.输入框xx,.表单XX {
	border-top-style: none;   /*无边框*/
	border-right-style: none; /*右边框的款式*/
	border-bottom-style: solid;
	border-left-style: none;  /*边框的样式*/
	background-color:  	#ffb6c1;/*前主色*/
	border-bottom-width: 1px;  /*底部边框宽度*/
	border-bottom-color: #333;  /*背景色*/
	
	height: 60px;
	width: 90%;
	font-size: 18px;/*字号*/
	text-align:center/*居中*/*/
}


.圆角文字,.圆角文字待宽, .圆角小 {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	background-color:  	#ffb6c1;/*前主色*/
	border-bottom-width: 1px;
	border-bottom-color: #333;
	border-radius: 50px;/*圆角*/
	height: 100px;
	width: 100%;
	font-size: 65px;/*字号*/
	text-align:center/*居中*/
}
.圆角小{
	height: 50px;
	width: 100%;
	font-size: 23px;/*字号*/	
	}

.文字域改下划线左对齐 {height: 50px;
/*	width: 100%;*/
	font-size: 40px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none; //底色
	border-bottom-width: 1px;
	border-bottom-color: #000000; //下划线
}

.文字域取消边框 {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;//底色
	border-bottom-width: 1px; //下划线
}
.无框线 {
	height: 50px;/*高度*/
/*	width: 70%; /*宽度*/*/	
	border-top-style: none;/*无边框*/
	border-right-style: none;/*无边框*/
	border-bottom-style: none;/*无边框*/
	border-left-style: none;/*无边框*/
	font-size: 50px;/*字号*/
	padding-left: 100px;/*左距*/
	background-color: #F3F3F3;/*背景色*/
}

.无框线居左 {
	height: 50px;
/*	width: 320px;*/
	font-size: 40px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;//底色
	border-bottom-width: 1px;
	border-bottom-color: #000000;//下划线
 	background-position: center;
	background-position: center;
}

.文字域改下划线 {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	background-color: #090;
	border-bottom-width: 1px;
	border-bottom-color: #333;
}

.下划线左对齐小 {height: 60px;
/*	width: 200px;*/
	font-size: 35px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none; //底色
	border-bottom-width: 1px;
	border-bottom-color: #000000; //下划线
	
}



.单选输入框架,.单选表单 {
	height: 50px;
	width: 50px;
	background-color: #F9C;
	vertical-align: bottom;/*上下居中*/
}
.单选输入框架B,.单选表单B {
	height: 20px ;
	width: 20px !important;
	background-color: #F9C;
	vertical-align: bottom;/*上下居中*/
}

.下框线 {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-width: thin;
	border-bottom-color: #0F0;
	/*border-bottom-color: #C0BEB8;底部边框颜色*/
} 

.多选输入框,.多选表单 {
	font-size: 36px;
	height: 100px;
	width: 200px;
}

.多选输入框中,.多选表单中 {
	font-size: 36px;
	height: 60px;
	width: 150px;
}

/*输入框架X*/


/*按钮*/
.单选按钮{
	height: 50px;
	width: 50px;
	margin-left: 20px;
	vertical-align: middle;
	margin-right: 5px;
}

.按钮 {
	display: inline-block;
	font-size: 55px;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	outline: none;
	color: #000;
	background-color: #F3F3F3;
	border: none;
	border-radius: 35px;
	box-shadow: 0 9px #999;
	letter-spacing: 1em;
	padding-top: 15px;
	padding-right: 25px;
	padding-bottom: 15px;
	padding-left: 85px;
}

.按钮1 {
	display: inline-block;
	padding: 15px 25px;
	font-size: 45px;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	outline: none;
	color: #fff;
	background-color: #4CAF50;
	border: none;
	border-radius: 35px;
	box-shadow: 0 9px #999;
	
}
.按钮2{
	box-shadow:5px 2px 6px #999 inset; /*阴影大小颜色*/
	width:400px; /*DIV宽*/
	height:150px;
	border-radius:30px; /* 圆角 */
	background-color:  #F66;/* 背影颜色 */
	color:    #FC9;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 30px;
	letter-spacing: 20px;
	display: block;/* 转成块元素*/ 
    margin:auto;" /*居中*/
}

.按钮3{box-shadow:5px 2px 6px #999 inset; /*阴影大小颜色*/
width:400px; /*DIV宽*/
height:150px; /*DIV高*/
margin:0 auto;border-radius:30px; /* 圆角 */
background-color:  #F66;/* 背影颜色 */
color:    #FC9;      /* 文字颜色 */
}
 
.按钮4{
	height: 150px;	width: 30%;	
	margin-right: 20px;/*右外边距*/
	margin-left: 10px;/*左右边距*/
	margin-bottom: 50px;/*下边距*/	
	border-radius: 50%;/*圆角*/	
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);/*阴影*/
	text-shadow: 6px/*水平距离*/ 6px/*上下距离*/ 8px/*模糊度*/ #000/*阴影颜色*/;
	text-align: center;/*文本居中*/
	font-weight: bold;/*文字加粗*/
	font-family:"黑体", "华文彩云", "隶书", "魏碑", "楷体";/*字体*/
	line-height: 140px; /*行高*/
	float: left;/*浮动*/
	list-style-type:none;/*取消小圆点*/
    cursor: pointer;/*光标变成手开型*/}

.按钮4 a:link {color:#fff;}/* 未访问链接*/
.按钮4 a:visited {color:#C0C0C0;}  /* 已访问链接 */
.按钮4 a {font-size: 55px;   /*字号*/	text-decoration: none;}

.按钮灰色, .按钮粉紫, .按钮紫粉{
	display: inline-block;/*内边距*/
	font-size: 20px;/*字号*/
	color: #fff; /*文字颜色*/
	cursor: pointer;/*手型鼠标*/
	text-align: center;/*文字居中*/
	text-decoration: none;/*消除下划线*/
	outline: none;/*按钮等的外面会有一个虚线框(或高亮框)*/
	background-color:  #CCC; /*背景色*/
	border-radius: 10px; /*边框圆角*/
	box-shadow: 0 9px #999;/*框架上添加阴影效果*/
	width: 80% !important;
	height: 30px !important;
	letter-spacing: 1px!important;/*字距*/
	padding-top: 0px!important;/**/
	vertical-align: middle;
	line-height: 30px;/*行高 */
	padding-right: 10px;
   }
.按钮粉紫{background-image: linear-gradient(90deg,#ff1493, #9400d3);} 
.按钮紫粉{background-image: linear-gradient(90deg,#9400d3, #ff1493);} 

.按钮, .按钮B , .按钮C,.按钮D{
	display: inline-block;/*转块级元素*/
	font-size: 45px;/*字号*/
	text-align: center;/*文字居中*/
	cursor: pointer;/*手型鼠标*/
	text-decoration: none;/*消除下划线*/
	outline: none;/*按钮等的外面会有一个虚线框(或高亮框)*/
	color: #fff; /*颜色*/
	background-color: #57C863; /*边框不显示*/
	border-radius: 20px; /*边框圆角*/
	box-shadow: 0 9px #999;/*框架上添加阴影效果*/
	width: 50%;
	height: 250px
	letter-spacing: 20px;/*字距*/
	padding-top: 25px;/*上边距*/
	padding-bottom: 25px;/*下边距*/
   } 
.按钮B,.按钮C{
	font-size: 18px;/*字号*/
	letter-spacing: 10px;/*字距*/
	padding-top: 5px;/*上边距*/
	padding-bottom: 5px;/*下边距*/
	width: 40%!important;        
	padding-left: 18px;/*左内距*/
	}
.按钮C{
	width: 100px!important; 
	}
	
.按钮D{
	width: 60%!important;
	font-size: 18px!important;/*字号*/
	letter-spacing: 2px!important;/*字距*/
	padding-top: 5px!important;/*上边距*/
	padding-bottom: 5px!important;/*下边距*/
}


 .按钮园型{
	 	width:50px; 
	height:70px;
	/*display: inline-block;块级元素的特性*/
	 /*outline: none;        /*整个轮廓的样式*/
	/*cursor: pointer;        指针(一只手)*/
	text-align: center;     /*居中*/
	text-decoration: none;  /*没有下划线*/
	font: 16px/100% 'Microsoft yahei',Arial, Helvetica, sans-serif;/*字体大小*/
	padding-top: 16px;       /*上内边距 */
	padding-right: 8px;      /*右内边距 */
	padding-bottom: 18px;     /*下边距 */
	padding-left: 13px;      /*左内边距 */
	       
	text-shadow: 0 1px 1px rgba(0,0,0,.3); /*文字添加阴影效果*/
	/*border-radius: 50%;    圆角*/ 
	border-radius:50%;     /*边框创建圆角*/
	box-shadow: 0 1px 2px rgba(0,0,0,.2);/*边框的阴影*/
	color: #d9eef7;        /*文字颜色*/
	letter-spacing: 5px;  /*字距*/
	border: solid 2px #0076a3;/*(边框颜色*/
	background: #0095cd;      /*背景颜色*/
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
} 



.绿色按钮, .灰色按钮,.绿色按钮4字{
	display: inline-block;/*内边距*/
	font-size: 45px;/*字号*/
	cursor: pointer;/*手型鼠标*/
	text-align: center;/*文字居中*/
	text-decoration: none;/*消除下划线*/
	outline: none;/*按钮等的外面会有一个虚线框(或高亮框)*/
	color: #fff; /*颜色*/
	background-color: #57C863; /*边框不显示*/
	border-radius: 20px; /*边框圆角*/
	/*box-shadow: 0 9px #999;框架上添加阴影效果*/
	width: 50%;
	height: 250px
	letter-spacing: 20px;/*字距*/
	padding-top: 25px;/*上边距*/
	padding-bottom: 25px;/*下边距*/
   } 
.绿色按钮4字{
	display: inline-block;/*内边距*/
	font-size: 24px;/*字号*/
	letter-spacing: 5px;/*字距*/
	color: #fff; /*文字颜色*/
	cursor: pointer;/*手型鼠标*/
	text-align: center;/*文字居中*/
	text-decoration: none;/*消除下划线*/
	outline: none;/*按钮等的外面会有一个虚线框(或高亮框)*/
	background-color: #57C863; /*边框不显示*/
	border-radius: 20px; /*边框圆角*/
	box-shadow: 0 9px #999;/*框架上添加阴影效果*/
	width: 50%;
	height: 40px;
	padding-top: 1px;/*下边距*/
	padding-left: 5px;/*左边距*/
   }    
   
   
.绿色按钮B{
	display: inline-block;/*内边距*/
	font-size: 24px!important;/*字号*/
	color: #fff; /*文字颜色*/
	cursor: pointer;/*手型鼠标*/
	text-align: center;/*文字居中*/
	text-decoration: none;/*消除下划线*/
	outline: none;/*按钮等的外面会有一个虚线框(或高亮框)*/
	background-color: #57C863!important; /*边框不显示*/
	border-radius: 20px!important; /*边框圆角*/
	box-shadow: 0 9px #999;/*框架上添加阴影效果*/
	width: 50% !important;
	height: 60px !important;
	letter-spacing: 20px;/*字距*/
	padding-top: 25px;/*上边距*/
	padding-bottom: 25px;/*下边距*/
   }
.绿色按钮B2{
	display: inline-block;/*内边距*/
	font-size: 24px;/*字号*/
	letter-spacing: 20px;/*字距*/
	color: #fff; /*文字颜色*/
	cursor: pointer;/*手型鼠标*/
	text-align: center;/*文字居中*/
	text-decoration: none;/*消除下划线*/
	outline: none;/*按钮等的外面会有一个虚线框(或高亮框)*/
	background-color: #57C863; /*边框不显示*/
	border-radius: 20px; /*边框圆角*/
	box-shadow: 0 9px #999;/*框架上添加阴影效果*/
	width: 50%;
	height: 40px;
	padding-top: 1px;/*下边距*/
	padding-left: 25px;/*左边距*/
   } 
 .按钮绿色{
	display: inline-block;/*内边距*/
	font-size: 20px;/*字号*/
	color: #fff; /*文字颜色*/
	cursor: pointer;/*手型鼠标*/
	text-align: center;/*文字居中*/
	text-decoration: none;/*消除下划线*/
	outline: none;/*按钮等的外面会有一个虚线框(或高亮框)*/
	background-color: #57C863; /*边框不显示*/
	border-radius: 5px; /*边框圆角*/
	box-shadow: 0 9px #999;/*框架上添加阴影效果*/
	width: 60%;
	height: 40px;
	letter-spacing: 10px;/*字距*/
	padding-top: 10px;/*上边距*/
	padding-bottom: 5px!important;/*下边距*/
	padding-left: 8px;
   } 

  
     
.绿色按钮B小{
	display: inline-block;/*内边距*/
	font-size: 24px!important;/*字号*/
	color: #fff; /*文字颜色*/
	cursor: pointer;/*手型鼠标*/
	text-align: center;/*文字居中*/
	text-decoration: none;/*消除下划线*/
	outline: none;/*按钮等的外面会有一个虚线框(或高亮框)*/
	background-color: #57C863!important; /*边框不显示*/
	border-radius: 20px!important; /*边框圆角*/
	box-shadow: 0 9px #999;/*框架上添加阴影效果*/
	width: 20% !important;
	height: 60px !important;
	letter-spacing: 20px;/*字距*/
	padding-top: 25px;/*上边距*/
	padding-bottom: 25px;/*下边距*/
   }   
.小按钮灰色 {
	background-image:linear-gradient(#F0F0F0 10%,#dcdcdc 40%,#F0F0F0 90%);/*背景颜色*/
	color: #000;
	padding-top: 2px;
	padding-bottom: 1px;
	font-size: 14px;/*字号*/
	font-weight: 300;
}

.图片按钮{
    border-top-style: none;/*无边线*/
	border-right-style: none;/*无边线*/
	border-bottom-style: none;/*无边线*/
	border-left-style: none;/*无边线*/
	background: #FFF5F0;/*背景色*/
	border-radius:10px;/* 圆角*/
	padding:0px/*边距*/
	}
   
.灰色按钮{
	background-color: #F2F2F2;
	color: #000;
}
.圆角文字按钮 {	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	background-color:  	#ffb6c1;/*前主色*/
	border-bottom-width: 1px;
	border-bottom-color: #333;
	border-radius: 50px;/*圆角*/
	height: 100px;
	width: 800px;
	font-size: 45px;/*字号*/
	text-align:center/*居中*/;
	padding: 20px;
}
.圆角文字按钮灰色 {	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	background-color: 	#b0c4de;/*前主色*/
	border-bottom-width: 1px;
	border-bottom-color: #333;
	border-radius: 50px;/*圆角*/
	height: 100px;
	width: 800px;
	font-size: 45px;/*字号*/
	text-align:center/*居中*/;
	padding: 20px;
}
.按钮横, .金色, .紫色, .蓝红{
	font-size: 16px!important;/*字号*/
	cursor: pointer;/*鼠标的形状-手*/
	text-align: center;/*文本居中*/
	text-decoration: none;/*清除下划线*/
	color:  #FFF!important;/*文本颜色*/
	border-radius: 10px;/*圆角*/
	box-shadow: 0 2px #CECECE;
	background-image: linear-gradient(90deg,#ff4500, #32cd32);
	height: 60px !important;
	width: 100% !important;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 4px;
	font-size: 14px;
	padding-top: 4px;
	letter-spacing: 3px;
}
.红绿{background-image: linear-gradient(90deg,#ff4500, #32cd32);}
.金色{background-image: linear-gradient(90deg, #32cd32, #ffa500); }
.紫色{background-image: linear-gradient(90deg, #ffa500, #da70d6); }
.蓝红{background-image: linear-gradient(90deg, #da70d6,#ff1493); }   

.好看按钮{
	text-decoration: none;/*文本没有下划线*/
	position: relative;/*相对定位*/
	/*transform: translate(-50%,-50%);居中的位置*/
	font-size: 18px;
	line-height: 50px;/*按钮上边距*/
	background: linear-gradient(90deg,#03a9f4,#f441a5,#ffeb3b,#03a9f3);
	background-size: 400%;/*按钮右端颜色值*/
	width: 800px;
	height: 100px;
	color: #ffffff;/*白色*/
	text-align: center;/*居中*/
	border-radius:50px;/*圆角*/
	z-index: 1;/*上一层*/
	letter-spacing: 2px;/*字母间距*/
	padding-top: 5px;/*内边距*/
	padding-right: 10px;/*内边距*/
	padding-bottom: 5px;/*内边距*/
	padding-left: 10px;/*内边距*/
}   
.好看按钮:hover{ animation: sun 8s infinite;}
@keyframes sun {100%{background-position: -400% 0; }}   
   

 
 .小按钮, .小按钮深绿,.小按钮灰色 {
	 font-size: 15px;/*字号*/
	cursor: pointer;/*鼠标的形状-手*/
	text-align: center;/*文本居中*/
	text-decoration: none;/*清除下划线*/
	color: #FF0;/*文本颜色*/
	border-radius: 55px;/*圆角*/
	box-shadow: 0 2px #CECECE;
	background-image:linear-gradient(#cd5c5c 10%,#ff6347 40%,#cd5c5c 90%);
	height: 40px;
	width: 100px;
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 1px;
	font-size: 14px;
}
.小按钮深绿 {
	background-image:linear-gradient(#006600 10%,#009966 40%,#006600 90%);
	color: #F9F5D5;
} 
.小按钮灰色 {
	background-image:linear-gradient(#F0F0F0 10%,#dcdcdc 40%,#F0F0F0 90%);/*背景颜色*/
	color: #000;
	padding-top: 2px;
	padding-bottom: 1px;
	font-size: 14px;/*字号*/
	font-weight: 300;
}   
   

.红按钮 {
	display: inline-block;
	padding: 15px 25px;
	font-size: 45px;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	outline: none;
	color: #fff;
	background-color: #FF6F6F;
	border: none;
	border-radius: 35px;
	box-shadow: 0 9px #999;
	
}




.按钮_文字标签 {
	font-size: 13px;/*字号*/
	line-height: normal; /*行高*/
	display: inline-block; /*内边距*/
	color: #000;  /*字体颜色*/
	border-radius: 2px; /*角圆*/
	background-color: #FAFAFA; /*指背景色*/
	vertical-align: middle;/*上下居中*/
	border: thin solid #999; /*边框颜色*/
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
}
.发送{
	height: 40px;
	width: 100px;
	margin-top: 15px;
	font-size: 20px !important;/*字号*/
	}
.发送小{
	height: 30px;
	width: 80px;
	margin-top: 5px;
	font-size: 18px!important; /*字号*/
	justify-content: center;
	margin-left: 10px;
	padding-top: 1px!important;
	}	
		
.提交,.提交园角{
	height: 40px!important;
	width: 150px!important;
	font-size: 16px!important;
	color: #FFF;/*文字颜色*/
	border-radius: 18px;/*圆角*/
	background-color: #57C863!important;/*背景色*/
	border-radius: 5px!important;/*园角*/
	border-top-style: none!important; /*无边框线*/
	border-right-style: none!important;
	border-bottom-style: none!important;
	border-left-style: none!important;
	letter-spacing: 10px; /*字距*/
}
.提交园角{
	border-radius: 30px!important;/*园角*/
	
}


.提交红色{
	box-shadow:5px 2px 6px #999 inset; /*阴影大小颜色*/
	/*width:150px; DIV宽*/
	height:30px;
	border-radius:20px; /* 圆角 */
	background-color:  #F66;/* 背影颜色 */
	padding-top: 1px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
	letter-spacing: 10px;
	display: block;/* 转成块元素*/
	margin:auto; /*居中*/
	font-size: 24px;
	text-align: center;
	color: #FFF;
    }

/*文字按钮*/
  .文字按钮1{
	display: inline-block;
	padding: 15px 25px;
	font-size: 45px;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	outline: none;
	color: #fff;
	background-color: #4CAF50;/*背景色*/
	border: none;
	border-radius: 35px;
	box-shadow: 0 9px #999;
}
.文字按钮1 a:hover {background-color: #3e8e41}

.文字按钮1 a:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

  .文字按钮2{
	display: inline-block;
	padding: 15px 25px;
	font-size: 55px;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	outline: none;
	color: #fff;/*文字颜色*/
	background-color: #ff7f50;/*背景色*/
	border: none;
	border-radius: 35px;
	box-shadow: 0 9px #999; /*阴影*/
	letter-spacing: 10px;
}
.文字按钮2 a:hover {background-color: #FF185E}

.文字按钮2 a:active {
  background-color: #FF185E;/*点击后颜色*/
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
/*文字按钮X*/



/*标题*/
.小标签{
	font-size: 30px;/*字号*/
	line-height: normal;
	display: inline-block;
	padding: 3px 6px;
	color: #FFF;
	border-radius: 100px;
	background-color: #FF9797;
	vertical-align: middle;/*上下居中*/
}

.标签B {	font-size: 10px;/*字号*/
	line-height: normal;
	display: inline-block;
	padding: 3px 6px;
	color: #FFF;
	border-radius: 100px;
	background-color: #FF9797;
	vertical-align: middle;/*上下居中*/
}


 .标题小小红色, .标题小小灰色, .标题小小绿色  {
	font-size: 15px;/*字号*/
	cursor: pointer;/*鼠标的形状-手*/
	text-align: center;/*文本居中*/
	text-decoration: none;/*清除下划线*/
	color: #000!important;/*文本颜色*/
	border-radius: 55px;/*圆角*/
	box-shadow: 0 4px #999;/*阴影效果*/
	letter-spacing: 5px;
	background-image:linear-gradient(#cd5c5c 10%,#ff6347 40%,#cd5c5c 90%);
	height: 40px;
	width: 100px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 15px;
}  
 
.标题小小绿色 {
	background-image:linear-gradient(#006600 10%,#009966 40%,#006600 90%);
	color: #F00;	
}  

.标题小小灰色 {	background-image:linear-gradient(#a9a9a9 10%,#dcdcdc 40%,#a9a9a9 90%);/*背景颜色*/  } 
  

.标题红色 {
	font-size: 15px;/*字号*/
	cursor: pointer;/*鼠标的形状-手*/
	text-align: center;/*文本居中*/
	text-decoration: none;/*清除下划线*/
	color: #FF0;/*文本颜色*/
	border-radius: 55px;/*圆角*/
	box-shadow: 0 4px #999;/*阴影效果*/
	letter-spacing: 5px;
	background-image:linear-gradient(#cd5c5c 10%,#ff6347 40%,#cd5c5c 90%);
	height: 40px;
	width: 100px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 15px;
}

.标题小红色 {
	padding: 15px 35px;/*上下，左右内边距*/
	font-size: 25px;/*字号*/
	cursor: pointer;/*鼠标的形状-手*/
	/*text-align: center;文本居中*/
	text-decoration: none;/*清除下划线*/
	color: #FF0;/*文本颜色*/
	border-radius: 55px;/*圆角*/
	box-shadow: 0 4px #999;/*阴影效果*/
	letter-spacing: 5px;
	background-image:linear-gradient(#cd5c5c 10%,#ff6347 40%,#cd5c5c 90%);/*背景颜色*/
   }
 .标题小红色大 {
	padding: 2px 15px;/*上下，左右内边距*/
	font-size: 40px;/*字号*/
	cursor: pointer;/*鼠标的形状-手*/
	/*text-align: center;文本居中*/
	text-decoration: none;/*清除下划线*/
	color: #FF0;/*文本颜色*/
	border-radius: 55px;/*圆角*/
	box-shadow: 0 4px #999;/*阴影效果*/
	letter-spacing: 5px;
	background-image:linear-gradient(#cd5c5c 10%,#ff6347 40%,#cd5c5c 90%);/*背景颜色*/
   }   
   .标题小灰色 {
	padding: 0px 15px;/*上下，左右内边距*/
	font-size: 45px;/*字号*/
	cursor: pointer;/*鼠标的形状-手*/
	/*text-align: center;文本居中*/
	text-decoration: none;/*清除下划线*/
	color: #000;/*文本颜色*/
	border-radius: 55px;/*圆角*/
	box-shadow: 0 4px #999;/*阴影效果*/
	letter-spacing: 5px;
	background-image:linear-gradient(#a9a9a9 10%,#dcdcdc 40%,#a9a9a9 90%);/*背景颜色*/
   }

   
.标题大红色 {
	font-size: 55px;/*字号*/
	cursor: pointer;/*鼠标的形状-手*/
	/*text-align: center;文本居中*/
	text-decoration: none;/*清除下划线*/
	color: #FF0;/*文本颜色*/
	border-radius: 55px;/*圆角*/
	box-shadow: 0 4px #999;/*阴影效果*/
	letter-spacing: 5px;
	background-image:linear-gradient(#cd5c5c 10%,#ff6347 40%,#cd5c5c 90%);/*背景颜色*/
	margin: auto;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	
   } 
   .标题中红色 {
	font-size: 45px;/*字号*/
	cursor: pointer;/*鼠标的形状-手*/
	/*text-align: center;文本居中*/
	text-decoration: none;/*清除下划线*/
	color: #FF0;/*文本颜色*/
	border-radius: 55px;/*圆角*/
	box-shadow: 0 4px #999;/*阴影效果*/
	letter-spacing: 5px;
	background-image:linear-gradient(#cd5c5c 10%,#ff6347 40%,#cd5c5c 90%);/*背景颜色*/
	margin: auto;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	
   } 
  .红色大标题 {
	box-shadow:5px 2px 6px #999 inset; /*阴影大小颜色*/
	width:400px; /*DIV宽*/
	height:150px;
	border-radius:60px; /* 圆角 */
	background-color:  #F66;/* 背影颜色 */
	color:    #FC9;      /* 文字颜色 */
	font-size: 56px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 50;
	margin-left: auto;
	letter-spacing: 20px;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
} 
/*标题*/
	  
/*边框*/
.背景园角, .边框1 {box-shadow:5px 2px 6px #999 inset; /*阴影大小颜色*/
width:100%; /*DIV宽*/
/*height:180px; DIV高*/
margin:0 auto;border-radius:30px; /* 圆角 */
background: #E0F7DF;
text-align: center;
}
.边框_角角,.花边{border:solid #ff7f50;border-width: 1px; /*边框*/
	  border-radius: 50px;/*圆角*/
    }
	


.背景花边, .背景花边B{
	border: thick solid #FC6; /*边框*/
	border-radius: 50px;/*圆角*/
	box-shadow: 10px -5px 20px  #f00     inset;/*内阴影*/
	margin: 20px; /*外边距*/
	padding:60px /*内边距*/	
	box-sizing: border-box;/*向内收缩*/
	background-color: #FFEEEC;
	padding-left: 40px;	
}

.边框黄色{border: thick solid #FC6; /*边框*/}
.边框黄色中{border: medium solid #FC6; /*边框*/}
.边框黄色细{border: thin solid #FC6; /*边框*/}


.环绕 {
	float: right; /*浮动：left左 ； right; 右*/
	margin-top: 10px;/*外边距的宽度*/
	margin-right: 20px; /*右外边距*/
	margin-bottom: 10px; /*下边距*/
	margin-left: 30px; /*左外边距*/
	width: 400px;
}

	
.背红{background-color:  #F00;}	
.背淡红{background-color: #F9686B!important;}
.背淡紫色{background-color: #da70d6;}
.背粉{background-color: #ff1493;}
.背浅粉{background-color: #ffe4e1;}
.背淡粉{background-color: #ff69b4;}
.背淡绿{background-color:  #ECFEE0;}
.背绿{background-color:  #4DCB10 ;}
.背黄{background:#FC1}
.背青绿 {background-color: #60BF00; /*背景颜色 */}
.背灰 {	background-color: #EEEFED;}
.背淡灰 {	background-color: #D9D9D9!important;}
.背深灰{background-color: #C1C0C7;}
.背白{background-color: #FFF;}
.背兰色{background-color:  #8888FF;}
.背闪兰色{background-color: #1e90ff!important;}
.背黑{background-color:   #333;}


.内阴影红色{box-shadow: 10px -5px 20px  #f00 inset;/*内阴影*/}
.内阴影综色{box-shadow: 10px -5px 20px #CE4300 inset;/*内阴影*/}
.内阴影粉色{box-shadow: 10px -5px 20px #FFD7D7 inset;/*内阴影*/}
.内阴影绿色{box-shadow: 10px -5px 20px  #97F392 inset;/*内阴影*/}
.内阴影灰色{box-shadow: 10px -5px 20px  #EBEBEB inset;/*内阴影*/}
.内阴影深灰{box-shadow: 10px -5px 20px #C1C0C7 inset;/*内阴影*/}


.圆角阴影 {box-shadow:  6.2px 6.2px 8px 5px #C1CACA;border-radius: 30px;
}
.椭圆 {
border-radius: 50%;
box-shadow:  6.2px 6.2px 8px 5px #C1CACA;
}
 .灰色下拉,.按钮绿色B {
	background-color:#E7E7D7;/*背景色*/
	line-height: 100px;/*行高*/
	margin-bottom: 15px;/*下外边距*/
	padding-left: 20px;/*左边距*/
	border-radius: 0px;/*4个圆角相同*/
	box-shadow: 0px 1px 5px #FFF inset;/*阴影*/
	border:0px solid green;/*内阴影*/
	width: 97%;/*宽度*/
	height: 100px;
	}

.按钮绿色B{
	display: inline-block;/*在同一行内*/
	font-size: 14px/*字号*/
	color: #fff; /*文字颜色*/
	cursor: pointer;/*手型鼠标*/
	text-align: center;/*文字居中*/
	text-decoration: none;/*消除下划线*/
	outline: none;/*按钮等的外面会有一个虚线框(或高亮框)*/
	background-color: #57C863!important; /*背景色*/
	border-radius: 20px!important; /*边框圆角*/
	box-shadow: 0 5px #999 !important;/*框架上添加阴影效果*/
	width: 80px !important;
	height: 25px ;
	letter-spacing: 1px;/*字距*/
	padding-top: 0px!important;/*上边距*/
	padding-bottom: 0px;/*下边距*/
	line-height: 26px;
   }


	
 .灰色下拉居中,.灰色下拉居中B {
	background-color:#E7E7D7;/*背景色*/
	line-height: 100px;/*行高*/
	margin-bottom: 15px;/*下外边距*/
	padding-left: 20px;/*左边距*/
	border-radius: 0px;/*4个圆角相同*/
	box-shadow: 0px 1px 5px #FFF inset;/*阴影*/
	border:0px solid green;/*内阴影*/
	width: 97%;/*宽度*/
	height: 100px;
	text-align: center;/*居中*/
	}
.灰色下拉居中B{
	height: 50px;
	}	
		
 .粉色下拉 {
	background-color:#EFDFCF;/*背景色*/
	line-height: 100px;/*行高*/
	margin-bottom: 10px;/*下外边距*/
	padding-left: 20px;/*左边距*/
	border-radius: 30px;/*4个圆角相同*/
	box-shadow: 0px 0px 10px red inset;
	border:1px solid green;/*内阴影*/
	width: 92%;/*宽度*/
       } 
 .粉色下拉居中 {
	background-color:#EFDFCF;/*背景色*/
	line-height: 100px;/*行高*/
	margin-bottom: 10px;/*下外边距*/
	padding-left: 20px;/*左边距*/
	border-radius: 30px;/*4个圆角相同*/
	box-shadow: 0px 0px 10px red inset;
	border:1px solid green;/*内阴影*/
	width: 92%;/*宽度*/
	text-align: center;/*居中*/
       }	    
 .兰色下拉 {
	background-color: rgba(100,250,250,0.4);
	line-height: 100px;/*行高*/
	margin-bottom: 10px;/*下外边距*/
	padding-left: 20px;/*左边距*/
	border-radius: 30px;/*4个圆角相同*/
	box-shadow: 0px 0px 10px red inset;     border:1px solid green;/*内阴影*/
    }	
.兰色下拉居中 {
	background-color: rgba(100,250,250,0.4);
	line-height: 100px;/*行高*/
	margin-bottom: 10px;/*下外边距*/
	padding-left: 20px;/*左边距*/
	border-radius: 30px;/*4个圆角相同*/
	box-shadow: 0px 0px 10px red inset;     border:1px solid green;/*内阴影*/
	text-align: center;/*居中*/
    }	


.园角5{border-radius: 5px;}
.园角10{border-radius: 10px;}
.园角20{border-radius: 20px;}
.园角30{border-radius: 30px;}
.园角左30{border-radius:30px 0px 0px 30px;}
.园角右30{border-radius:0px 30px 30px 0px;}

/*边框X*/

   
button:hover {background-color: #3e8e41}
button:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
展开全部A
<style type="text/css">
#contTab{
    display: none;
}
.content-more, .隐藏, .隐身{
    display: none;/*隐藏*/
}

#contTab:checked ~ #cont{
    max-height: 600px;/*最大高度*/
    overflow: hidden;/*超出的部分将会被隐藏,不占位*/
}
#contTab:checked ~  .content-more{
    display: block;/*按zhi钮*/
    position: relative;/*定位*/
    padding-top: 20px;/*按钮上边距*/
    padding-bottom: 30px;/*内边距*/
    text-align: center; /*文本水平居中*/
}
#contTab:checked ~  .content-more .gradient{

background:radial-gradient(/*经向渐变*/
at /*位置*/
300% /*0左，50中，100右 可以是负值和大于100*/
-100%, /*0上，50中，100下可以是负值和大于100*/
rgba(255, 0, 0, 0), /*起点*/
rgba(255, 255, 255, 1));/*终点*/
    height: 200px;
    position: absolute;/*绝对定位相*/
    left: 0;/*左边*/
    top: -193px;/*上外边距*/
    width: 100%;
	
}
#contTab:checked ~  .content-more .readmore{
    display: inline-block;/*浮动*/
    background: #3cb371;/*按钮颜色*/
    color: #fff; /*文字颜色*/
    width: 375px; /*按钮宽度*/
    height: 82px; /*按钮高度*/
    border-radius: 42px;/*圆角*/
    line-height: 82px; /*行高*/
    font-size: 46px;/*字号*/
    cursor: pointer;/*鼠标的形状*/
	
}



	
	
	 
.超出文字隐藏 {
	background-color: #FFF0F2; /*背景颜色*/
	height: 150px;
	width: 100%;
	margin-top: 20px;/*上边距*/
	white-space:nowrap;/*不让换行*/
	overflow:hidden; /*超出隐藏*/
	text-overflow:ellipsis; /*超出部分用....代替*/
	line-height: 150px; /*行高*/
	float: left;/*左浮动*/
	font-size: 45px;/*字号*/
	}
.文字隐藏{
	height: 1px;
	visibility: visible;
	overflow: hidden;
	position: absolute;
	width: 1px;
}
ul, ol, hl {list-style-type: none;/*去消小加点*/
		    margin: 0px;padding: 0px;}

.去小园点 {list-style-type: none;/*去消小加点*/}
.转块{display: block; /*元素属性转换*/}

.固定宽度{table-layout:fixed;/*固定表格宽度*/width:100%;     /*表格宽度*/}
.不换行 {
	white-space:nowrap;  /*不换行*/
	overflow:hidden;     /*超出隐藏*/
	text-overflow:ellipsis;/*超出部分用....代替 clip不显示小园点*/
     }
.隐藏超出 {overflow:hidden;} /*超出隐藏*/	 
.换行{word-break:break-all;}	 
.限制字数350,.限制字数15,.限制字数30,.限制字数250{
width: 350px; /*设置需要固定的宽度*/
white-space: nowrap; /*不换行*/
text-overflow: ellipsis; /*超出部分用....代替 clip不显示小园点*/
overflow: hidden; /*超出隐藏*/
}
.限制字数15{width: 70px;} 
.限制字数30{width: 100px; }
.限制字数250{width: 200px; } 

.字距2{letter-spacing: 2px;}
.字距3{letter-spacing: 3px;}
.字距5{letter-spacing: 5px;}
.字距10{letter-spacing: 10px;}
.字距20{letter-spacing: 20px;}

.行距1 {line-height: 1mm;}
.行距4 {line-height: 4mm;}
.行距6 {line-height: 6mm;}
.行距10 {line-height: 10mm;}
.行距12 {line-height: 12mm;}
.行距15 {line-height: 15mm;}

.高10 {height:10px; /*高*/ }
.高20 {height:20px!important; /*高*/ }
.高25 {height:25px!important; /*高*/ }

.高30 {height:30px!important; /*高*/ }
.高40 {height:40px; /*高*/}
.高50 {height: 50px;/*高度*/}
.高60 {height: 60px;/*高度*/}
.高80 {height:80px; /*高*/ }
.高100 {height:100px; /*高*/ }
.高110 {height:110px; /*高*/ } 
.高120 {height:120px; /*高*/ } 
.高130 {height:130px; /*高*/ } 
.高140 {height:140px; /*高*/ }
.高160 {height:160px; /*高*/}
.高260 {height:260px; /*高*/}

.宽0 {width: 0px;}
.宽1 {width: 1px;}
.宽100 {width: 100px;}
.宽200 {width: 200px;}
.宽300 {width: 300px;}
.宽400 {width: 400px;}
.宽500 {width: 500px;}
.宽600 {width: 600px;}
.宽700 {width: 700px;}
.宽800 {width: 800px;}
.宽百分100 {width: 100%;}
.宽百分95{ width: 95%;}
.宽百分90{ width: 90%;}
.宽百分85{ width: 85%;}
.宽百分80{ width: 80%;}
.宽百分75{ width: 75%;}
.宽百分70{ width: 70%;}
.宽百分60{ width: 60%;}
.宽百分50{ width: 50%;}
.宽百分45{ width: 45%;}
.宽百分40{ width: 40%;}
.宽百分38{ width: 38%;}
.宽百分36{ width: 36%;}
.宽百分33{ width: 33%;}
.宽百分32{ width: 32%;}
.宽百分34{ width: 34%;}
.宽百分30{ width: 30% !important;}
.宽百分28{ width: 28%!important;}
.宽百分25{ width: 25%;}
.宽百分23{ width: 23%;}
.宽百分20{ width: 20%;}
.宽百分18{ width: 18%;}
.宽百分17{ width: 17%;}
.宽百分16{ width: 16%;}
.宽百分15{ width: 15%;}
.宽百分12{ width: 12%;}
.宽百分10{ width: 10%;}



  
.字上下居中 {vertical-align: bottom;}
.居中 {background-position: center;/*文字*/
       text-align: center !important;/*块*/
      }
.居中弹性盒子,.强居中{
   display: flex; display:-webkit-flex;/*弹性布局兼容性*/ 
	display: flex;/**/
	justify-content: center !important; /*水平居中*/
	align-items: center;/*上下居中*/
	
	height: 30%;
	margin: auto;/*居中*/
	/*background-color: #CFF; 背景色*/
	/*width:50%;*/
}

.字高15{line-height:15px;}
.字高20{line-height:20px;}
.字高40{line-height:40px;}
.字高45{line-height:45px;}
.字高50{line-height:50px;}
.字高55{line-height:55px;}
.字高60{line-height:60px;}
.字高70{line-height:70px;}
.字高80{line-height:80px;}
.字高90{line-height:90px;}
.字高150{line-height:150px;}
.字高170{line-height:170px;}
.字高180{line-height:180px;}

.字5{font-size: 5px;}
.字7{font-size: 7px;}
.字9{font-size: 9px;}
.字10{font-size: 10px;}
.字11{font-size: 11px;}
.字12{font-size: 12px!important;}
.字13{font-size: 13px;}
.字14{font-size: 14px;}
.字15{font-size: 15px;}
.字16{font-size: 16px;}
.字17{font-size: 17px;}
.字18{font-size: 18px;}
.字20{font-size: 20px }
.字25{font-size: 25px }
.字30{font-size: 30px;  /* 文字大小 */ }
.字35{font-size: 35px;}
.字40{font-size: 40px;}	
.字45{font-size: 45px;}
.字50{font-size: 45px;}
.字60{font-size: 60px;}
.字70{font-size: 70px;}
.字80{font-size: 80px;}

.字粗细100 {font-weight: 100;}
.字粗细200 {font-weight: 200;}
.字粗细300 {font-weight: 300;}
.字粗细400 {font-weight: 400;}
.字粗细500 {font-weight: 500;}
.字粗细600 {font-weight: 600;}
.字粗细700 {font-weight: 700;}
.字粗细700 {font-weight: 700;}
.字粗细800 {font-weight: 800;}


.字黑{	color: #000;}
.字淡黑{color: #999;}
.字灰{	color: #666;}
.字白{color: #FFF;}
.字红{color: #F00;}
.字粉{color:    #F19A8B;}
.字兰{color: #0000FF;}
.字深兰{color: #039;}
.字黄{color:  #FC9;}
.字深黄{color:  #FF9B06;}
.字淡绿{color: #ECFEE0;}
.字综{color:  #900;}
.字宗{color:  #900;}
.字棕{color:  #900;}

.黑字{	color: #000;}
.灰字{	color: #666;}
.白字{color: #FFF;}
.综字 {	color:  #900;}
.绿字 {	color: #060;}
.兰色 {	color: #9900AB;}
.灰色 {	color:  #999;}
.白色 {	color: #FFF;}

.缩进15 {	text-indent: 15px!important;}
.缩进25 {	text-indent: 25px;}

.对齐左{text-align: left;}
.对齐右{text-align: right;}

.取消边距{padding:0px}	
.内外0{	margin: 0px;	padding: 0px;}
.全内0{	padding: 0px;}
.全内5{	padding: 5px;}
.全内10{padding:10px;}
.内外5{margin: 10px;padding: 5px;}
.内外10{margin: 10px;padding: 10px;}
.全外8{	margin:8px;}
.全外10{	margin: 10px;}
.全0边距{
	margin: 0px;
	padding: 0px;
}
.左右内0{padding-left: 0px; padding-right: 0px;}


.左外-45 {margin-left: -45px;}
.左外-40 {margin-left: -40px;}
.左外-30 {margin-left: -30px;}
.左外-20 {margin-left: -20px;}
.左外-10 {margin-left: -10px;}
.左外-5 {margin-left: -5px;}
.左外0 {margin-left: 0px;}
.左外5 {margin-left: 5px;}
.左外10 {margin-left: 10px;}
.左外12 {margin-left: 12px;}
.左外15 {margin-left: 15px;}
.左外20 {margin-left: 20px;}
.左外25 {margin-left: 25px;}
.左外30 {margin-left: 30px;}
.左外40 {margin-left: 40px;}
.左外50 {margin-left: 50px;}
.左外100 {margin-left: 100px;}
.左外120 {margin-left: 120px;}
.左外150 {margin-left: 150px;}
.左外200 {margin-left: 200px;}
.左外250 {margin-left: 250px;}

.左内0 {padding-left: 0px;}
.左内5 {padding-left: 5px;}
.左内10 {padding-left: 10px;}
.左内15 {padding-left: 15px;}
.左内20 {padding-left: 20px;}
.左内30 {padding-left: 30px;}
.左内40 {padding-left: 40px;}
.左内50 {padding-left: 50px;}
.左内60 {padding-left: 60px;}
.左内70 {padding-left: 70px;}
.左内80 {padding-left: 80px;}

.右外-10 {margin-right: -10px;}
.右外-5 {margin-right: -5px;}
.右外0 {margin-right: 0px;}
.右外5 {margin-right: 5px;}
.右外10 {margin-right: 10px;}
.右外20 {margin-right: 20px;}
.右外30 {margin-right: 30px;}
.右外40 {margin-right: 40px;}
.右外50 {margin-right: 50px;}
.右外60 {margin-right: 60px;}
.右外70 {margin-right: 70px;}
.右外80 {margin-right: 80px;}
.右外90 {margin-right: 90px;}
.右外100 {margin-right: 100px;}

.右内0 {padding-right: 0px;}
.右内5 {padding-right: 5px;}
.右内10 {padding-right: 10px;}
.右内20 {padding-right: 20px;}
.右内30 {padding-right: 30px;}

.上外-5 {	margin-top: -5px;}
.上外-10 {	margin-top: -10px;}
.上外-15 {	margin-top: -15px;}
.上外-20 {	margin-top: -20px;}
.上外-25 {	margin-top: -25px;}
.上外-30 {	margin-top: -30px;}
.上外0 {	margin-top: 0px;}
.上外5 {	margin-top: 5px;}
.上外8 {	margin-top: 5px;}
.上外10 {	margin-top: 10px;}
.上外15 {	margin-top: 15px;}
.上外20 {	margin-top: 20px;}
.上外25 {	margin-top: 25px;}
.上外30 {	margin-top: 30px;}
.上外35 {	margin-top: 35px;}
.上外40 {	margin-top: 40px;}
.上外45 {	margin-top: 45px;}
.上外50 {	margin-top: 50px;}
.上外60 {	margin-top: 60px;}
.上外65 {	margin-top: 65px;}
.上外70 {	margin-top: 70px;}
.上外80 {	margin-top: 80px;}
.上外90 {	margin-top: 90px;}
.上外100 {	margin-top: 100px;}
.上外150 {	margin-top: 150px;}
.上外200 {	margin-top: 200px;}
.上外300 {	margin-top: 300px;}
.上外350 {	margin-top: 350px;}
.上外400 {	margin-top:400px;}

.上内2 {	padding-top: 2px;}
.上内3{	padding-top: 3px;}
.上内4{	padding-top: 4px;}
.上内5 {	padding-top: 5px;}
.上内10 {	padding-top: 10px;}
.上内15 {	padding-top: 15px;}
.上内20 {	padding-top: 20px;}
.上内30 {	padding-top: 30px;}

.下外-5{	margin-bottom: -5px;}
.下外-10{	margin-bottom: -10px;}
.下外-15{	margin-bottom: -15px;}
.下外-20{	margin-bottom: -20px;}
.下外-30{	margin-bottom: -30px;}
.下外-40{	margin-bottom: -40px;}
.下外-50{	margin-bottom: -50px;}
.下外-80{	margin-bottom: -80px;}
.下外0 {	margin-bottom: 0px;}
.下外5 {	margin-bottom: 5px;}
.下外10 {	margin-bottom: 10px;}
.下外15 {	margin-bottom: 15px;}
.下外20 {	margin-bottom: 20px;}
.下外18 {	margin-bottom: 18px;}
.下外25 {	margin-bottom: 25px;}
.下外30 {	margin-bottom: 30px;}
.下外40 {	margin-bottom: 40px;}
.下外50 {	margin-bottom: 50px;}
.下外80 {	margin-bottom: 80px;}
.下外100 {	margin-bottom: 100px;}
.下外200 {	margin-bottom: 200px;}
.下外300 {	margin-bottom: 300px;}
.下外400 {	margin-bottom: 400px;}

.下内5{padding-bottom: 5px;}
.下内10{padding-bottom: 10px;}
.下内15{padding-bottom: 15px;}
.下内20{padding-bottom: 20px;}
.下内30{padding-bottom: 30px;}
.下内40{padding-bottom: 40px;}
.下内50{padding-bottom: 50px;}

 .前面10{z-index:10;}
 .前面50 {	z-index: 50;}
 .前面100 {	z-index: 100;}
.a{
	z-index: 100;/*上一层*/
	position: fixed;
	left: 0px;
	top: 0px;
}



.播 {
	position: absolute;
	top: 350px;
	left: 400px;/**/
}
.播放B {
	position: absolute;
	top: 190px;
	left: 130px;/**/
}



::-webkit-scrollbar{
width:6px;
background:rgba(0,0,0,0);
}
::-webkit-scrollbar-thumb{
border-radius:12px; background: pink;
}
::-webkit-scrollbar-track{
background: #F99; 
border-radius:12px; /*滚动条颜色*/
}
  
/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
.滚动条::-webkit-scrollbar{
    width: 16px;
    height: 16px;
    background-color:   #9F0;/*滚动条背景色*/
}
/*定义滚动条的轨道，内阴影及圆角*/
.滚动条::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    border-radius: 10px;
    background-color:  #0C6; /*滚动条背景色*/
}
/*定义滑块，内阴影及圆角*/
.滚动条::-webkit-scrollbar-thumb{
    /*width: 10px;*/
    height: 20px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color:  #FCC;/*滚动条颜色*/
}
/*
 ::-webkit-scrollbar         滚动条整体部分
 ::-webkit-scrollbar-thumb             滚动条里面的小方块，能上下左右移动（取决于是垂直滚动条还是水平滚动条）
 ::-webkit-scrollbar-track      滚动条的轨道（里面装有thumb）
 ::-webkit-scrollbar-button      滚动条轨道两端的按钮，允许通过点击微调小方块的位置
 ::-webkit-scrollbar-track-piece    内层轨道，滚动条中间部分（除去）
 ::-webkit-scrollbar-corner     边角，及两个滚动条的交汇处
 ::-webkit-resizer       两个滚动条的交汇处上用于通过拖动调整元素大小的小控件
*/