@charset "UTF-8";

html {
	width: 100vw;
	height: 100vh;
}

body {
	background-color: rgb(0, 0, 0);
}

#logo {
	width: 14vw;
	height: 11vh;
	text-align: center;
	position: absolute;
	top: 1.2vh;
	left: 43vw;
}

#main {
	width: 80vw;
	height: 85vh;
	background-color: rgb(49, 49, 49);
	text-align: center;
	padding-top: 1.5vh;
	position: absolute;
	top: 8vh;
	left: 10vw;
}

#maintitle {
	width: 76vw;
	height: 17vh;
	text-align: center;
	align-self: center;
	padding-left: 2vh;
	background-color: rgb(168, 168, 168);
	position: absolute;
	top: 3vh;
	left: 1.5vw;
}

#line {
	width: 80vw;
	height: 0.4vh;
	background-color: rgb(255, 255, 255);
	position: absolute;
	top: 23vh;
}

#introduct {
	font-size: 7vh;
	font-family: "楷体";
	font-weight: bolder;
	color: rgb(251, 255, 0);
	text-shadow: 5px 5px 10px black;
	position: absolute;
	top: 0vh;
	left: 29vw;
}

#introduct2 {
	font-size: 5vh;
	font-family: "楷体";
	font-weight: bolder;
	color: rgb(251, 255, 0);
	text-shadow: 5px 5px 10px black;
	position: absolute;
	top: 9vh;
	left: 26vw;
}

#expimg {
	width: 45vw;
	height: 46vh;
	position: absolute;
	top: 26vh;
	left: 1.5vw;
}

#info {
	width: 30vw;
	height: 46vh;
	padding-left: 1vh;
	padding-right: 1vh;
	background-color: rgb(204, 204, 204);
	text-align: center;
	position: absolute;
	top: 26vh;
	left: 47.5vw;
}

#loginfo {
	font-size: 3vh;
	font-family: "楷体";
	font-weight: bolder;
	position: absolute;
	top: 2vh;
}

#zc {
	width: 7vw;
	height: 7vh;
	border-radius: 1vh;
	position: absolute;
	top: 16vh;
	left: 4vw;
	font-size: 4vh;
	font-family: "楷体";
	font-weight: bolder;
	box-shadow: 0.2vh 0.2vh 0.5vh #000;
}

#zc:hover {
	background-color: rgb(145, 145, 145);
}

#dl {
	width: 7vw;
	height: 7vh;
	border-radius: 1vh;
	position: absolute;
	top: 16vh;
	left: 20vw;
	font-size: 4vh;
	font-family: "楷体";
	font-weight: bolder;
	background-color: rgb(240, 188, 139);
	box-shadow: 0.2vh 0.2vh 0.5vh #000;
}

#dl:hover {
	background-color: rgb(187, 113, 52);
}

#price {
	width: 29vw;
	height: 15vh;
	background-color: rgb(255, 255, 255);
	border-radius: 1.5vh;
	position: absolute;
	top: 27vh;
	left: 2vh;
	border: 0.5vh #000;
	box-shadow: 0.2vh 0.2vh 0.5vh #000;
	text-align: left;
}

#lists {
	position: absolute;
	top: 3.5vh;
	left: 0.5vw;
}

#author {
	width: 30vw;
	height: 10vh;
	font-size: 1.8vh;
	font-family: "楷体";
	color: rgb(255, 255, 255);
	position: absolute;
	bottom: -3vh;
	right: -10vw;
}

#rule {
	width: 28vw;
	height: 15vh;
	background-color: rgb(255, 255, 255);
	border-radius: 1.5vh;
	position: absolute;
	top: 27vh;
	left: 2vh;
	border: 0.5vh #000;
	box-shadow: 0.2vh 0.2vh 0.5vh #000;
	text-align: left;
	font-size: 2.1vh;
	font-family: "华文新魏";
	font-weight: bolder;
	color: black;
	/* text-shadow: 5px 5px 15px rgb(119, 119, 119); */
}

#email {
	position: absolute;
	bottom: 2vh;
	left: 6.5vw;
}

#list {
	position: absolute;
	top: 3.5vh;
}