*{
	list-style: none;
	padding: 0;
	margin: 0;
	text-decoration:none;
	color:black;
}
html{
	height: 100%;
	position:relative;
}
body{
	overflow: hidden;
	background: url("http://cdn.messiah.wang/FA/65.png");
	background-size: 100% 100%;
	background-size: cover;
}
::-webkit-scrollbar {
	display: none;
}
.content{
	width: 50%;
	margin: 100px auto;
	/* height: 640px; */
	overflow: auto;
	min-height: calc(100vh - 250px);
}
.item{
	width: 100%;
	background: linear-gradient(to bottom right, #F5F5F5 , #111111);
	border-radius: 10px;
	opacity: 0.6;
	margin: 20px 0;
}
.item:hover{
	background: linear-gradient(to bottom right, #F5F5F5 , #ffffff);
}
.item>li{
	opacity: 1;
	font-size: 28px;
	text-align: center;
	padding: 50px 0;
}
.time{
	position: absolute;
	background: linear-gradient(to bottom right, #f5dad3 , #a0abc2);
	border-radius: 10px;
	top:10vw;
	right: 4vw;
	width: 15vw;
	padding: 1vw 0.5vw;
	z-index: 99;
}
.time>.time_title{
	text-align: center;
	color:#fff;
	padding: 0.55vw 0;
}
.time>ul>li>div{
	float: left;
	background: #ebebeb;
	border-radius: 10px;
	margin-right: 0.2vw;
	width: 80%;
	height: 1.2vw;
}
.time>ul>li{
	padding: 0.3vw 0;
	text-align: center;
}
.time>ul>li>p{
	font-size: 15px;
	padding: 0.15vw 0;
	text-align: left;
}
.time>ul>li>span{
	background: -webkit-linear-gradient(bottom,#1100ff,#fd0000,#c9ebc6);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color:transparent;
}
.time>ul>li>p>span{
	color:#5623ff;
}
.time>ul>li>div>div{
	background: linear-gradient(90deg, #18f539 , #2ae5e5);
	float: left;
	border-radius: 10px;
	height: 1.2vw;
}