.contents{
		color:#fff;
		text-align:center;
		background:#121212;
		max-width:100%;
		margin:0px auto;
	}
	.items{
		position:relative;
		border-bottom: 1px solid #1b1b1b;
		display: flex;
		align-items: center;
		background-size:cover;
		width: 100%;
		height: 100%;
	}
		.itemCon{
	position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:2rem 0;
	flex-wrap: wrap;
	max-width:780px;
	margin:0px auto;
		}
		.itemCon img{
			max-width:2.3rem;
			margin-bottom:0.2rem;
		}
		.itemCon .logo{
			width:1.7rem;
		}
		.itemCon div{
			width:100%;
		}
		.subTitle{
			font-size:.4rem;
			margin-bottom:.2rem;
		}
		.overlay{
	 position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(#121212), color-stop(36%, rgba(18, 18, 18, 0.3)), to(rgba(18, 18, 18, 0.3)));
		}
		.footer{
			width:100%;
			color:#fff;
			text-align:center;
			padding:.2rem 0;
		}
		.footer a{
			color:#818181;
		}
		.enter{
			display: inline-block;
    width: auto !important;
    padding: 0 2rem;
	position:relative;
	height:100%;
		}
		.enter:before {
		content: '';
		background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
		position: absolute;
		top: -4px;
		left:-4px;
		background-size: 400%;
		z-index: 0;
		filter: blur(5px);
		width: calc(100% + 8px);
		height: calc(100% + 8px);
		animation: glowing 20s linear infinite;
		opacity: 1;
		transition: opacity .3s ease-in-out;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
	}

	.enter:after {
		z-index: -1;
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		background: #fff;
		left: 0;
		top: 0;
		border-radius: 50%;
	}
	.enter .text{
		position:absolute;
		height:100%;
		left:0px;
		top:0px;
		margin:auto;
		background:#b11ea0;
		color:#ffffff;
		display: flex;
		font-size:.5rem;
    align-items: center;
	width:100%;
	border-radius:10px;
    justify-content: center;
	}
	@keyframes glowing {
		0% { background-position: 0 0; }
		50% { background-position: 400% 0; }
		100% { background-position: 0 0; }
	}
	.headDesc{
		text-shadow: 2px 2px 4px #616161;
		font-size:.4rem;
		line-height:.8rem;
	}
	.enterBtn{
		height:0.8rem;
		margin-top:.5rem;
	}
.usercenter{
	position: absolute;
    z-index: 2;
    right: .2rem;
    top: .1rem;
    font-size: .2rem;
    padding: 3px 10px;
    background: #fff;
    border-radius: 10px;
    color: #333;
}
.itemNav{
	position: fixed;
    right: 2px;
    top: 40%;
}
.itemNav ul li{
	width: .2rem;
    height: .2rem;
    border-radius: 100%;
    background: #ffffff;
    margin-top: .1rem;
}
.itemNav ul .active{
	 background: #ff0000;
}