@font-face {
		   font-family: zhunhei;
		   src: url(https://www.cwizard.cn/fonts/zhunhei.TTF);
		}
@font-face {
		   font-family: cuhei;
		   src: url(https://www.cwizard.cn/fonts/cuhei.TTF);
		}
@font-face {
		   font-family: zhunhei;
		   src: url(https://cwizard.cn/fonts/zhunhei.TTF);
		}
@font-face {
		   font-family: cuhei;
		   src: url(https://cwizard.cn/fonts/cuhei.TTF);
		}
		
.line_a p:before{
	content: "设计版本：Ver 3.4.5｜最后一次维护时间：2024.12.23";
}
.line_b p:before{
	content: "©2017-2024 CWizard 非经营性互联网信息服务";
}
.line_c p:before{
	content: "沪ICP备2022016562号";
}
		
*{
	 margin:0px;
	 padding:0px;
	  list-style:none;
	  list-style-position:outside;
	  text-align:center;
	  color: #090e22;
	  float: left;
}


html{
				/* background-color: #e3ebf1; */
				height: 100%;
				width: 100%;
				/* background-color: #522B5B; */
				/* background-image: linear-gradient(#522B5B, #DFB6B2);*/
				
				/* background:linear-gradient(30deg,rgba(186,219,254,1),rgba(186,186,186,0.7),rgba(186,186,186,0.3),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0)) , linear-gradient(70deg,rgba(1,234,251,1),rgba(1,234,251,0.7),rgba(1,234,251,0.3),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0)) , linear-gradient(40deg,rgba(3,36,203,1),rgba(3,36,203,0.7),rgba(3,36,203,0.3),rgba(0,0,0,0),rgba(0,0,0,0)), linear-gradient(-30deg,rgba(186,219,254,1),rgba(186,219,254,0.66),rgba(186,219,254,0.33),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0)) , linear-gradient(-20deg,rgba(78,53,136,1),rgba(78,53,136,0.7),rgba(78,53,136,0.3),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0)); */
				/* background-color: #090e22; */
				/* animation: gradientBG 20s ease-in-out infinite; */

				background-color: #090e22;
				
				font-family:Sans-serif, Monospace;
				transition-duration:0.6s;
				transition-delay: 0s;
				transition-timing-function:ease;
			}
			
.bgimg{
				width: 100%;
				height: 100%;
				z-index: -999;
				position: fixed;
				left: 0;
				top: 0;
	
}

			
			/* @keyframes gradientBG {
			                0% {
			                    background-position: 100% 100%;
			                }
			                33% {
			                    background-position: 0% 50%;
			                }
							66% {
							    background-position: 50% 100%;
							}
			                100% {
			                    background-position: 100% 100%;
			                }
			            } */

body{
	position: absolute;
	height: 100%;
	width: 100%;
}

.header_p{
	/* border: #000000 1px solid; */
	width: 84%;
	position: relative;
	margin: 16px 0 -70px 0;
	left: 11%;
	font-size: 60px;
	text-align: left;
	font-family: cuhei;
	color: #FFFFFF;
	letter-spacing: 4px;
	top: 60px;
}

.header_p_highlight{
	height: 62px;
	width: 10px;
	background-color: #FEC601;
	position: absolute;
	left: 8%;
	top: 78px;
	border-radius: 5px;
	box-shadow: rgba(254,198,1,0.9) 0 0 20px 0px;
	
}

.footer{
	height: 120px;
	width: 100%;
	position: relative;
	margin: 220px 0 20px 0;
}

.line_a, .line_b, .line_c{
	width: 100%;
}

.line_c a, .line_a a, .line_b a {
	width: 100%;
}


.footer p{
	color: #999;
	font-family: zhunhei, Sans-serif, Monospace;
	font-size: 20px;
	width: 100%;
	line-height: 30px;
	letter-spacing: 1px;
}

.menu{
	/* border: #000000 1px solid; */
	width: 82%;
	height: 78px;
	border-radius: 36px;
	position: relative;
	left: 4%;
	top: 180px;
	padding: 10px 5% 0 5%;
	/* background-color:rgba(28,32,36,0.8); */
	background-color: #111111;
	margin-bottom: 50px;
	box-shadow: rgba(28,32,36,0.3) 0 0 20px 0px;
}

.menu_button{
		border-style: none;
		outline: none;
		background-color: unset;
		position: relative;
		width: 20%;
}

.menu_on{
	position: relative;
	width: 100%;
	text-align: center;
	font-family: zhunhei;
	text-decoration: none;
	line-height: 74px;
	font-size: 40px;
	color: #FFFFFF;
	opacity: 1;
	transition-duration:0.6s;
	transition-timing-function:ease;
}

.menu_off{
	/* border: #000000 1px solid; */
	position: relative;
	width: 100%;
	text-align: center;
	font-family: zhunhei;
	text-decoration: none;
	line-height: 74px;
	font-size: 40px;
	color: #FFFFFF;
	opacity: 0.6;
	transition-duration:0.6s;
	transition-delay: 0.65s;
	transition-timing-function:ease;
}

#menu_lumos{
	width: 14%;
	height: 8px;
	left: 7%;
	margin-left: 0.5%;
	bottom: -3px;
	background-color: #fec601;
	position: absolute;
	border-radius: 4px;
	box-shadow: rgba(254,198,1,1) 0 0 30px 0;
	transition-duration:0.6s;
	transition-timing-function:cubic-bezier(0,0.2,0,1);
}

#menu_lumos_off{
	box-shadow: rgba(254,198,1,0.9) 0 0 0 0;
	transition-duration:0.8s;
	transition-timing-function:ease;
}


/* .menu_lumos{
	width: 79px;
	height: 8px;
	background-color: #fec601;
	position: absolute;
	top: 84px;
	padding: 0 2.8% 0 2.8%;
	border-radius: 4px;
	box-shadow: rgba(254,198,1,0.9) 0 0 20px 0px;
}

.menu_on_lumos_box{
	width: 79px;
	height: 8px;
	background-color: #fec601;
	position: absolute;
	top: 84px;
	padding: 0 2.8% 0 2.8%;
	border-radius: 4px;
	box-shadow: rgba(254,198,1,0.9) 0 0 20px 0px;
	opacity: 1;
} */


.menu_on_zhaiyao{
	margin-left: -18%;
}

.menu_on_zuopin{
	margin-left: -18%;
}

.menu_on_boke{
	margin-left: -18%;
}

.menu_on_zhichan{
	margin-left: -18%;
}

.menu_on_xiazai{
	margin-left: -18%;
}

.div_bg{
	width: 94%;
	background-color: #f2f4fc;
	height: auto;
	position: relative;
	left: 3%;
	margin: 50px 0 30px 0;
	padding: 20px 0 40px 0;
	border-radius: 24px;
}

.table{
	float: unset;
}

.describe{
	width: 88%;
	left: 6%;
	font-family: zhunhei;
	font-size: 30px;
	position: relative;
	line-height: 40px;
	opacity: 0.5;
	margin: 20px 0 0 0;
}

.describe p{
		text-align: left;
		display: inline-block;
		letter-spacing: 2px;
		/* border: #000000 1px solid; */
}

.information{
	width: 88%;
	left: 6%;
	font-family: cuhei;
	font-size: 35px;
	position: relative;
	line-height: 60px;
}

.information p{
		text-align: left;
		display: inline-block;
		letter-spacing: 1px;
		/* border: #000000 1px solid; */
}

.information a{
		text-align: left;
		display: inline-block;
		letter-spacing: 1px;
		line-height: 80px;
		text-decoration: none;
		/* border: #000000 1px solid; */
}

.div_bg_con{
	margin-top: 0px;
}

.div_bg_con_con{
	margin-top: 26px;
}

.div_bg_in{
	width: 88%;
	left: 9%;
}


.transition {
  		transition: all .4s;
  	}
  	.show {
  		line-height: 200%;
	    box-sizing: border-box;
	    height: auto;
	    overflow: hidden;
	    background: none;
	    width: 100%;
		margin: 40px 0 40px 0;
  	}

  	.fold {
  		max-height: 0;
  	}

  	/*箭头旋转*/
	.rotate1 {
      display: inline-block;
	  transform: rotate(180deg);
	}

	.rotate2 {
	  transform: rotate(360deg);
	}
	
	.arrow{
		background: url(../img/tg.png);
		background-repeat: no-repeat;
		background-size: contain;
		width: 42px;
		height: 42px;
		background-position-y: 7px;
		position: relative;
		top: 2px;
		left: 56px;
		float: left;
	}
	
	.rotate_text{
		width: 100px;
		height: 46px;
		font-family: zhunhei;
		font-size: 30px;
		line-height: 50px;
		opacity: 0.5;
		position: relative;
		left: 42px;
		float: left;
	}
	
	.list_more{
		width: 94%;
		background-color: #f2f4fc;
		height:60px;
		position: relative;
		left: 3%;
		margin: 0px 0 -14px 0;
		padding: 20px 0 40px 0;
		border-radius: 24px;
		padding: 0;
	}
	
	.list_more_url{
		width: 94%;
		background-color: #e5eaff;
		height:60px;
		position: relative;
		left: 3%;
		margin: 0px 0 40px 0;
		padding: 20px 0 40px 0;
		border-radius: 24px;
		padding: 0;
	}
	
	.list_more_con{
		width: 94%;
		background-color: #e5eaff;
		height:60px;
		position: relative;
		left: 3%;
		margin: 0px 0 30px 0;
		padding: 20px 0 40px 0;
		border-radius: 24px;
		padding: 0;
	}
	
	.arrow_url{
		background: url(../img/tg.png);
		background-repeat: no-repeat;
		background-size: contain;
		width: 36px;
		height: 36px;
		background-position-y: 7px;
		position: relative;
		top: 11px;
		left: 120px;
		float: left;
	}
	
	.rotate_text_url{
		width: 100px;
		height: 46px;
		font-family: zhunhei;
		font-size: 30px;
		line-height: 62px;
		opacity: 0.5;
		position: relative;
		left: -3px;
		float: left;
	}
	
	.rotate1_url{
	  display: inline-block;
	  transform: rotate(270deg);
	}
	
	.list_close{
		width: 88%;
		background-color: #f2f4fc;
		height:60px;
		position: relative;
		left: 9%;
		margin: 0 0 0 0;
		padding: 20px 0 40px 0;
		border-radius: 24px;
		padding: 0;
	}
	
	.list_more button, .list_close button, .list_more_con button, .list_more_url a{
		border-radius: 24px;
		width: 100%;
		height: 100%;
		border-style: none;
		outline: none;
		background-color: #f2f4fc;
	}
	
	#device_alert_div{
		opacity: 0;
		border-radius: 20px;
		position: fixed;
		bottom: 30px;
		right: 30px;
		width: 160px;
		height: 210px;
		background-color: #18264b;
		z-index: 9999;
		transition-duration:0.6s;
		transition-timing-function:ease;
	}
	
	.device_alert_pdiv{
		width: 160px;
		margin-top:18px;
		font-size: 12px;
		}
	
	.device_alert_pdiv p{
		width: 160px;
		font-family: zhunhei;
		color: #FFFFFF;
		line-height: 20px;
	}
	
	.device_alert_img{
		width: 100px;
		border-radius: 10px;
		margin: 10px 0 0 50%;
		position: relative;
		left: -50px;
	}
	
	.device_alert_a:before{
		content: "该设备尺寸不支持";
	}
	
	.device_alert_b:before{
		content: "您可以缩小窗口";
	}
	
	.device_alert_c:before{
		content: "或使用手机访问";
	}
	
	#close_01{
		width: 20px;
		height: 20px;
		position: absolute;
		right: -2px;
		top: -2px;
		background-image: url(../img/closeicon.png);
		border-style: none;
		outline: none;
		background-color: unset;
		background-size: 20px 20px;
	}
	
	
	@media (min--width: 0px) and (max-width:1020px){
		
		#device_alert_div{
			opacity: 0;
		}
		

	}
	
	
	@media screen and (min-width:1020px) {
		
		#device_alert_div{
			opacity: 0.8;
		}
		
		.device_alert_a:before{
			content: "该设备尺寸不支持";
		}
		
		.device_alert_b:before{
			content: "您可以缩小窗口";
		}
		
		.device_alert_c:before{
			content: "或使用手机访问";
		}
		
		
	}