body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
a{text-decoration:none;color: #000;} 
em{font-style:normal} 
li{list-style:none} 
img{border:0;vertical-align:middle} 
table{border-collapse:collapse;border-spacing:0} 
p{word-wrap:break-word}
html,body{
	width: 100%;
	height: auto;
}

:root {
	--color-0:rgb(255, 255, 255);
	--color-1:rgb(238, 241, 255);
	--color-2:rgb(210, 218, 255);
	--color-3:rgb(170, 196, 255);
	--color-4:rgb(177, 178, 255);
	--color-5:rgb(133, 102, 210);
    --box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.2);
}

.color-0-font{
	color:var(--color-0);
}
.color-1-font{
	color:var(--color-1);
}
.color-2-font{
	color:var(--color-2);
}
.color-3-font{
	color:var(--color-3);
}
.color-4-font,.nav-bt:hover{
	color:var(--color-4);
}
.color-5-font{
	color:var(--color-5);
}

.color-0-bg{
	background-color:var(--color-0);
}
.color-1-bg{
	background-color:var(--color-1);
}
.color-2-bg{
	background-color:var(--color-2);
}
.color-3-bg{
	background-color:var(--color-3);
}
.color-4-bg{
	background-color:var(--color-4);
}
.color-5-bg{
	background-color:var(--color-5);
}
.text-left{
	text-align: left;
}
.text-right{
	text-align: right;
}


.button-title{
	height: 100%;
	padding: 0 10px;
	background-color: unset;
	border: unset;
	font-weight: 600;
}
#header{
	width: 100%;
	height: 60px;
	box-shadow: var(--box-shadow);
}
.header-block{
	width: 80%;
	margin: auto;
	height: 100%;
}
.header-ul{
	width: auto;
	height: 100%;
	float: right;
}
.header-li{
	height: 100%;
	float: left;
	
}
.nav-bt{
	padding:0 25px;
}
.select{
	color: rgb(54, 41, 86);
}
#navicon{
	display: none;
}

.infobody{
	width: 80%;
	margin:5rem auto;
}

.block{
	width: 100%;
	overflow: auto;
	height: auto;
	border-radius: 20px;
	box-shadow:  var(--box-shadow);
}
.txt-1{
	margin-bottom: 0.5rem;
	font-weight: 500;
}

.form-div{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(50,50,50,0.5);
    justify-content: center;
    /* 垂直居中 */
    align-items: center;
    display: flex;
    display: none;
    
}
.form{
    border-radius: 20px;
    box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.5);
}
.footer{
    padding: 150px 0;
}
@media screen and (max-width:1000px) {
	.header-block{
		width: 100%;
	}
	.header-ul{
		width: 100%;
		height: 0;
		overflow: hidden;
		transition: 0.5s;
		position: absolute;
		top: 60px;
	}
	.header-li{
		float: none;
		height: 60px;
	}
	.nav-bt{
		width: 100%;
		height: 100%;
		text-align: left;
	}
	#navicon{
		display: block;
	}
	#navicon:hover+.header-ul,.header-ul:hover{
		height: 300px;
		transition: 0.5s;
	}
	.infobody{
		width: 100%;
		margin:2rem auto;
	}
	
}