.zbys{
		color: #9f008c;
	}
	.zbys a:link,.zbys a:visited{
		color: #9f008c;
	}
	.djys{
		color: #2a409f;
	}
	.djys a:link,.djys a:visited{
		color: #2a409f;
	}
	.djys a:hover{
		color: #2a409f;
		background-color: #81799f;
	}
	.hpys{
		color: #ff0057;
	}
	.ypys{
		color: #9f7211;
	}
	.ypys a:link,.ypys a:visited{
		color: #9f7211;
	}
	body {
		padding: 0px;
		margin: 0px;
		font-size: 16px;
		background-color: #0c2724;
		line-height:22px;
	}

	a:link {
		color: #0093E8;
		display: inline-block;
		margin: 4px 3px 2px 4px;
	}
	
	a{
		/* color: #0093E8;
		padding: 1px 10px;
		border: 1px solid #e3e3e3;
		border-radius: 3px;
		text-decoration: none;
		margin-right: 3px; */
	}
	a:visited {
		color: #0093E8;
	}

	a:hover,a:active,a:focus {
		color: #FFFFFF;
		background: #0093e8;
	}
	
	ul{
		/* position: absolute; */
		list-style-type:none;
		margin:0;
		margin-left: 75%;;
		margin-top: -200px;;
		float:right;

	}

	
	
	#ltmsg2{
		float: left;
		resize: none;
	}

	#btn{
		display:inline-block;
		background: #fff;
		color:#ff7a01;
		border:1px solid #ff7a01;
		text-align: center;
		width: 160px;
		font-size: 0.8em;
		line-height: 26px;
		height:26px;border-radius: 5px;
		max-width: 98%;
	}
	
	#mainfont{
		font-size: 18px; text-align: center;margin-top: 15px;font-family: "楷体",sans-serif ;
	}
	
	.footer{width: 300px;margin: 10px auto;background: #fff;padding: 20px;text-align: center;border-radius: 10px;}
	
	.main{
		text-align: center;
		max-width: 580px;
		margin: 0 auto;
		background: #fff;
		padding: 20px;
		border-radius: 2px;
		min-height: calc(100% - 40px);
		
		/* background: url(../images/bj/1.jpg);
		background-size: 100% 100%;
		border-radius: 5px; */
	}
	
	.xinxi{font-size:14px;color:#666;}
	.main button{background: #fff;border: 1px solid #e3e3e3;border-radius: 3px;padding: 1px 10px;color:#0093E8;font-size:16px;}


	.login{
		width: 300px;
		margin: 10px auto;
		text-align: center;
	}

	.btn-login{display:inline-block;
		background: #ff7a01;
		color:#fff;
		text-align: center;
		width: 160px;
		font-size: 0.8em;
		line-height: 30px;border-radius: 5px;
		height:30px;
		max-width: 98%;border:none;
	}
	
	.input{padding:10px;margin-top:2px;}
	.fix{font-size:12px;color:#666;padding-left:15px;}
	.fix h2{font-size:14px;color:red;}
	.fix p{line-height:18px;margin:0;}
	
	.div-jz{
		display: flex;
		flex-direction: column;
		align-items: center;
		
	}
	
	.div-lb{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	
	.div-gg{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.div-zdi {
		display: flex;
		align-items: center;
	    text-align: center;
		max-width: 580px;
	    margin: 0 auto;
		position: fixed;  
		bottom: 0;  
		/* left: 0;   */
		width: calc(100% - 40px);
		height:50px;
		/* background-color: #ffffff; */
	}
	.div-zdi-2 {
		font-size: 13px;
		display: flex;
		align-items: center;
		text-align: center;
		max-width: 580px;
		margin: 0 auto;
		/* position: fixed;
		bottom: 0; */
		width: calc(100% - 40px);
		height: 80px;
		justify-content: center;
	}
	
	.div-fh{
		display: flex; 
		justify-content: space-between;
		align-items: center;
		text-align: center;
		max-width: 580px;
		margin: 0 auto;
		position: fixed;
		bottom: 0;
		
		width: calc(100% - 40px);
		height: 50px;
		
		
	}
	.tp{
		vertical-align: middle;
		width: 26px;
		height: 16px;
	}
	
	
/* ##灰色 #9e9e9e  2绿色 #02ac02  3蓝色 #0093E8  4黄色 #ff9800 5紫色 #da00ff 6红色 #ff0000  7青色 #00ead4  8黑色 #000000 */
	@keyframes color-change {
	  0% {  
		background: red;  
	  }  
	  50% {  
		background: #0093e8;  
	  }  
	  100% {  
		background: red;  
	  }  
	}
	
	.dong{
		position: absolute;
		top: -2px;
		right: -6px;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		animation: color-change 2s infinite; 
	}
	
	.dian{
		position: absolute;
		top: -2px;
		right: -6px;
		width: 8px;
		height: 8px;
		background: red;
		border-radius: 50%;
	}
	
	
	
	.bk-fen{
		color: #ffffff;
		background-color: #fe37a3;
		border-radius: 3px;
		font-family: "Apple LiGothic Medium" ,Arial,sans-serif;
		text-shadow: 1px 1px 2px #939393, 2px 1px 2px #000000;
	}
	.bk-hui{
		color: #ffffff;
		background-color: #9e9e9e;
		border-radius: 3px;
		font-family: "Apple LiGothic Medium" ,Arial,sans-serif;
		text-shadow: 1px 1px 2px #939393, 2px 1px 2px #000000;
	}
	.bk-lv{
		color: #ffffff;
		background-color: #02ac02;
		border-radius: 3px;
		font-family: "Apple LiGothic Medium" ,Arial,sans-serif;
		text-shadow: 1px 1px 2px #939393, 2px 1px 2px #000000;
	}
	.bk-lan{
		color: #ffffff;
		background-color: #0093E8;
		border-radius: 3px;
		font-family: "Apple LiGothic Medium" ,Arial,sans-serif;
		text-shadow: 1px 1px 2px #939393, 2px 1px 2px #000000;
	}
	.bk-huang{
		color: #ffffff;
		background-color: #ff9800;
		border-radius: 3px;
		font-family: "Apple LiGothic Medium" ,Arial,sans-serif;
		text-shadow: 1px 1px 2px #939393, 2px 1px 2px #000000;
	}
	.bk-zi{
		color: #ffffff;
		background-color: #da00ff;
		border-radius: 3px;
		font-family: "Apple LiGothic Medium" ,Arial,sans-serif;
		text-shadow: 1px 1px 2px #939393, 2px 1px 2px #000000;
	}
	.bk-hong{
		color: #ffffff;
		background-color: #ff0000;
		border-radius: 3px;
		font-family: "Apple LiGothic Medium" ,Arial,sans-serif;
		text-shadow: 1px 1px 2px #939393, 2px 1px 2px #000000;
	}
	.bk-qing{
		color: #ffffff;
		background-color: #00ead4;
		border-radius: 3px;
		font-family: "Apple LiGothic Medium" ,Arial,sans-serif;
		text-shadow: 1px 1px 2px #939393, 2px 1px 2px #000000;
	}
	.bk-hei{
		color: #ffffff;
		background-color: #000000;
		border-radius: 3px;
		font-family: "Apple LiGothic Medium" ,Arial,sans-serif;
		text-shadow: 1px 1px 2px #939393, 2px 1px 2px #000000;
	}
	
	/* 加粗 */
	
	/* 加粗 */
	.jc-hui{
		color: #9e9e9e;
		font-weight: bold;text-shadow: 0px 0px 0px #939393, 1px 1px 0px #000000;
	}
	.jc-lv{
		color: #02ac02;
		font-weight: bold;text-shadow: 0px 0px 0px #939393, 1px 1px 0px #000000;
	}
	.jc-lan{
		color: #0093E8;
		font-weight: bold;text-shadow: 0px 0px 0px #939393, 1px 1px 0px #000000;
	}
	.jc-huang{
		color: #ff9800;
		font-weight: bold;text-shadow: 0px 0px 0px #939393, 1px 1px 0px #000000;
	}
	.jc-zi{
		color: #da00ff;
		font-weight: bold;text-shadow: 0px 0px 0px #939393, 1px 1px 0px #000000;
	}
	.jc-hong{
		color: #ff0000;
		font-weight: bold;text-shadow: 0px 0px 0px #939393, 1px 1px 0px #000000;
	}
	.jc-qing{
		color: #00ead4;
		font-weight: bold;text-shadow: 0px 0px 0px #939393, 1px 1px 0px #000000;
	}
	.jc-hei{
		color: #000000;
		font-weight: bold;text-shadow: 0px 0px 0px #939393, 1px 1px 0px #000000;
	}
	.jc-fen{
		color: #fe37a3;
		font-weight: bold;text-shadow: 0px 0px 0px #939393, 1px 1px 0px #000000;
	}
	
	/* 颜色 */
	
	.ys-hui{
		color: #9e9e9e;
		
	}
	.ys-lv{
		color: #02ac02;
		
	}
	.ys-lan{
		color: #0093E8;
		
	}
	.ys-huang{
		color: #ff9800;
		
	}
	.ys-zi{
		color: #da00ff;
		
	}
	.ys-hong{
		color: #ff0000;
		
	}
	.ys-qing{
		color: #00ead4;
		
	}
	.ys-hei{
		color: #000000;
		
	}
	.ys-fen{
		color: #fe37a3;
		
	}
	
	
	/* 、、---------提示框-----------、、 */
	
	.alert {
		border: 1px solid #0093E8;	/* 	蓝色外边框 */
		position: fixed;  
		top: 40px; /* 修改初始位置，使其从下方30像素处开始 */  
		left: 50%;  
		transform: translateX(-50%);  
		/* background-color: #004851;  */
		background: linear-gradient(rgba(0, 0, 0, 0.5), #0c2724); 	/* 半透明 */  
		padding: 6px;  
		border-radius: 2px;  
		box-shadow: 0 2px 5px rgba(0,0,0,0.3);  
		transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out; /* 添加top属性的过渡效果 */  
		color: #ffffff;  
		min-width: 120px;  
		display: flex;  
		justify-content: center;  
		flex-direction: column;  
		align-items: center;  
		opacity: 0; /* 初始时元素不可见 */  
		z-index: -1; /* 初始页面最底层 */  
	}  
	/* 显示动画 */  
	.alert.show { 
		top: 10px; /* 修改目标位置，使其向上位移30像素 */  
		opacity: 1; /* 元素完全可见 */ 
		z-index: 9999;
	}
	
	.alert2{
		border: 1px solid #607d8b36;
		position: fixed;  
		top: 40px; /* 修改初始位置，使其从下方30像素处开始 */  
		left: 50%;  
		transform: translateX(-50%);  
		background-color: #0c2724;  
		padding: 6px;  
		border-radius: 2px;  
		/* box-shadow: 0 2px 5px rgba(0,0,0,0.3);  */ 
		box-shadow: 0 1px 10px 1000px rgba(0,0,0,0.5);
		transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out; /* 添加top属性的过渡效果 */  
		color: #ffffff;  
		min-width: 120px;  
		 
		opacity: 0; /* 初始时元素不可见 */  
	} 
	/* 显示动画 */  
	.alert2.show {  
		top: 10px; /* 修改目标位置，使其向上位移30像素 */  
		opacity: 1; /* 元素完全可见 */  
	}
	
	.alert3{
		position: fixed;  
		top: 40px;
		left: 50%;  
		transform: translateX(-50%);  
		padding: 6px;  
		border-radius: 2px;  
		box-shadow: 0 1px 10px 1000px rgba(0,0,0,0.5);
		transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out;
		color: #ffffff;  
		min-width: 120px;  
		opacity: 0; 
		background: url(../images/svg/bk0.png) center top no-repeat rgb(12 39 36); 
		background-size: 100% 100%;
	} 
		
	/* 显示动画 */  
	.alert3.show {  
		top: 10px; /* 修改目标位置，使其向上位移30像素 */  
		opacity: 1; /* 元素完全可见 */  
	}
	
	
	
	
	
	
	
	/*---------------------------渐变色------------------------*/
	
	.jbs{
        /*渐变色*/
        background-image: -webkit-linear-gradient(left, #3498db, #f47920 10%, #d71345 20%, #f7acbc 30%,  #ffd400 40%, #3498db 50%, #f47920 60%, #d71345 70%, #f7acbc 80%, #ffd400 90%, #3498db);
        color: transparent;
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        background-size: 200% 100%;
        /* 动画 */
        animation: jbs-dh 4s infinite linear;
    }
    @keyframes jbs-dh {
        0% {
            background-position: 0 0;
        }
        100% {
            background-position: -100% 0;
        }
    }