body {
			font-family: "Droid Sans", Roboto, Arial, sans-serif, ;
			font-size: 4.6vw;
			margin: 0;
			padding: 0;
			background-color: #C33764;
			background: -webkit-linear-gradient(to top, #C33764, #1D2671 75%, #000 100%);
			/* Chrome 10-25, Safari 5.1-6 */
			background: linear-gradient(to top, #C33764, #1D2671 75%, #000 100%);
			/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
		}

		a {
			text-decoration: none;
		}
.on_left{
	float: left !important;
}
.on_right{
	float: right !important;
}

.on_center{
	margin: 0.2rem auto !important;
}

		.activity_title {
			width: 84%;
			height: auto;
			margin: 8% 8% 0 8%;
			text-align: center;
			justify-content: center;
			align-items: center;
		}


		.activity_title h1 {
			margin: 0;
			padding: 0;
			text-align: left;
			font-size: 12vw;
			line-height: 12VW;
			color: transparent;
			text-transform: uppercase;
			background-image: linear-gradient(to right, #f00, #ff0, #0ff, #E100FF, #00f);
			-webkit-background-clip: text;
			animation: animate 16s linear infinite;
			background-size: 1000%;
			font-weight: 800;
			display: block;
		}

		@keyframes animate {
			0% {
				background-position: 0% 100%;
			}

			50% {
				background-position: 100% 0%;
			}

			100% {
				background-position: 0% 100%;
			}
		}




		#scroll-container {
			width: 100%;
			margin: 2vw 0;
			overflow: hidden;
			white-space: nowrap;
		}


		#scroll-text {
			display: inline-block;
		}

		#scroll-text p {
			display: inline-block;
			font-size: 3vw;
			color: #FFF;
			margin-right: 2vw;
		}

		#scroll-text p span:nth-child(1) {
			color: #FF0;
		}

		#scroll-text p span:nth-child(2) {
			color: #E844FF;
		}




.banner {
			width: 100%;
			height: 200px;
			margin: 0 auto 5vw auto;
			border-radius: 3vw;
			overflow: hidden;
			position: relative;
			box-shadow: 
			0 0 0.2vw 0 #8fcfff inset,
			0 0 0.4vw 0 #8fcfff inset,
			0 0 0.6vw 0 #8fcfff inset,
			0 0 1vw 0 #8fcfff inset,
			0 0 2vw 0 #8fcfff inset,
			0 0 3vw 0 #8fcfff inset;
		}


		.wipper {
			width: max-content;
			/*设置为图片的总宽度*/
			height: 200px;
			position: absolute;
			left: 0;
			z-index: -1;
		}

		.wipper .wipper-item {
			width: 800px;
			height: 200px;
			float: left;
			text-align: center;
			font-size: 30px;
			line-height: 300px;
			color: #fff;
		}


.box {
			margin: 0 8%;
			padding: 0;
			width: 84%;
		}





		.button_title {
			font-size: 1.5vw;
			color: #E844FF;
			text-align: center;
			margin: 5vw 0;
		}

.button {
			font-size: 5vw;
			color: #fff;
			position: relative;
			text-align: center;
			width: 75%;
			margin: 6vw auto;
			padding: 4vw 0;
			border: 0.8vw solid #E100FF;
			text-transform: uppercase;
			cursor: pointer;
			border-radius: 10vw;
			box-shadow: 0 0px 5vw 0 #E100FF inset, 0 0px 5vw 0 #E100FF, 0 0px 5vw 0 #E100FF inset, 0 0px 5vw 0 #E100FF;
			text-shadow: 0 0 0.5vw #E100FF, 0 0 5vw #E100FF;
			background-color: #4A004A;
		}





		.comment {
			width: 100%;
			height: auto;
			margin: 0;
			padding: 0;
			overflow: hidden;
		}

		.comment h1 {
			color: #fff;
			font-size: 5vw;
			text-align: center;
			font-weight: normal;
			text-shadow:
				0 0 0.1vw #fff,
				0 0 0.2vw #fff,
				0 0 0.8vw #fff,
				0 0 1vw #ff00cc,
				0 0 2vw #ff00cc,
				0 0 3vw #ff00cc,
				0 0 4vw #ff00cc,
				0 0 5vw #ff00cc;
		}



		.comment li {
			width: 100%;
			height: auto;
			margin: 3vw auto;
			padding: 0;
			float: left;
			display: block;
		}

		.comment li span {
			height: 14vw;
			width: 14vw;
			border-radius: 50%;
			float: left;
			display: block;
			margin: 0;
			overflow: hidden;
			border: 0.7VW solid transparent;
			background-clip: padding-box, border-box;
			background-origin: padding-box, border-box;
			background-image: linear-gradient(to right, #222, #222), linear-gradient(90deg, #9733EE, #ff00cc);
			box-shadow: 0 0 1.5vw 0 #ff00cc;
		}


		.arrowbox2-left {
			position: relative;
			display: inline-block;
			width: 63%;
			height: auto;
			margin: 0;
			padding: 5%;
			border-radius: 5vw;
			background: #fff;
			border: 0.6VW solid transparent;
			background-clip: padding-box, border-box;
			background-origin: padding-box, border-box;
			background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(60deg, #9733EE, #ff00cc);
			box-shadow: 0 0 20vw 0 #000 inset, 0 0 2vw 0 #ff00cc;
			float: right;

		}

		.arrowbox2-left:before {
			content: "";
			position: absolute;
			top: 9.9vw;
			left: -11.5%;
			margin-top: -5vw;
			border: 2.5vw solid transparent;
			border-right: 5vw solid #3f125b;
			z-index: 2;
		}

		.arrowbox2-left:after {
			content: "";
			position: absolute;
			top: 10.5vw;
			left: -15%;
			margin-top: -6.3vw;
			border: 3.15vw solid transparent;
			border-right: 6.3vw solid #a02feb;
			z-index: 1;
		}

		.arrowbox2-left p,
		.arrowbox2-left i {
			width: 50%;
			height: auto;
			font-size: 3vw;
			color: #ffa2ec;
			display: block;
			margin: 0px;
			padding: 0px;
		}

		.arrowbox2-left p {
			text-align: left;
			float: left;
		}

		.arrowbox2-left i {
			float: right;
			font-style: normal;
			text-align: right;
		}


		.arrowbox2-left h2 {
			font-size: 3.4vw;
			color: #FFF;
			margin: 5vw 0 0 0;
			width: 100%;
			height: auto;
			display: block;
			overflow: hidden;
			font-weight: normal;
			text-align: justify;
		}




/*账号表单*/



.popup{
	width:100%;
	height: auto;
	padding: 0;
	margin: 0;
	text-align: center;
}

.popup h1{
	color: #fff;
    font-size: 5vw;
	line-height: 6vw;
    text-align: center;
    font-weight: normal;
    text-shadow: 0 0 0.1vw #fff, 0 0 0.2vw #fff, 0 0 0.8vw #fff, 0 0 1vw #ff00cc, 0 0 2vw #ff00cc, 0 0 3vw #ff00cc, 0 0 4vw #ff00cc, 0 0 5vw #ff00cc;
	margin: 3vw 0;
	font-weight: normal;
	background-position: center;
}

.popup h2{
	color: #fff;
	font-size: 4w;
	line-height: 5vw;
	text-align: center;
	margin: 5vw 0;
	font-weight: normal;
}

.popup h3{
	color: #fff;
	font-size: 3vw;
	line-height: 5vw;
	text-align: center;
	margin: 2vw 0;
	font-weight: normal;
}


.popup p{
	font-size: 2vw;
	line-height: 5vw;
	margin: 5vw 0;
	color: #FFF;
}




.phone_cont{
	height: 12vw;
	width: 90%;
	border-radius: 6vw;
	font-size: 4.6vw;
	margin: 4vw 0;
	padding: 0 5%;
	line-height: 12vw;
	background-color:#000;
	border: 0.2vw solid #fff;
	text-transform: uppercase;
	box-shadow: 0 0px 1.5vw 0 #8fcfff inset, 0 0px 2.5vw 0 #8fcfff, 0 0px 1.5vw 0 #8fcfff inset, 0 0px 2.5vw 0 #8fcfff;
	display: inline-block;
}

.content_switch_country{
	display: flex;
	align-items: center;
	margin-right: 2.4vw;
	float: left;
}
.form_flag{
	height: 10vw;
	width: 10vw;
	border-radius: 50%;
	overflow: hidden;
}
.content_switch_country img{
	height: 100%;
	left: -50%;
	position: relative;
	margin-left: 3.1vw;
}

.content_switch_country i{
	font-size: 3.6vw;
	color: #000;
}

.form_label {
	line-height: 12vw;
	font-size: 4.6vw;
	color: #fff;
	width: 11vw;
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

.phone_cont input{
	outline-style: none;
	outline-width: 0;
	border: none;
	border-style: none;
	text-shadow: none;
	-webkit-appearance: none;
	-webkit-user-select: text;
	outline-color: transparent;
	background-color:transparent;
	box-shadow: none;
	font-size: 4.6vw;
	line-height: 12vw;
}
.pwd{
	width: 55%;
}
.pwd2{
	width: 80%;
}
.pwd_icon{
	margin-top: 3vw;
}

.pwd_icon i{
	font-size: 6vw;
	color: #8fcfff;
}


.account_msg{
	font-size: 3.6vw !important;
	color: #ff4f4f;
	width: 100%;
	height: auto;
	padding: 0;
	margin: -2vw 0 0 0;
	line-height: 5vw;
	text-align: left;
	display: inline-block;
	overflow: hidden;
}


.account_msg i{
	color: #ff4f4f;
	font-size: 3.2vw;
	margin-right: 1vw;
}

.sign_in{
	text-align: right;
	color: #FFF;
	overflow: hidden;
	width: 100%;
}
.sign_in a{
	text-decoration: underline;
}

.siteinfoLegal{width: 92%;
	font-size: 1.8vw !important;
	line-height: 3vw;
	color: #FFF;
	margin: 4vw 4% 2vw 4%;
	overflow: hidden;
	display: inline-block;
}


.popup_footer {
	text-align: center;
	margin: 0px;
	padding:  3vw 0;
	height: auto;
	width: 100%;
	color: #95a5a5;
	overflow: hidden;
}

.popup_footer a,.siteinfoLegal a{
	text-decoration: underline;
}








/*手机验证码*/
.code_digit{
	margin: 2vw 0;
	padding: 0;
	width: 100%;
	height: auto;
	overflow: hidden;
	display: block;
}
.code_digit li{
	line-height: 14vw;
	display: inline-block;
	border-radius: 2vw;
	float: left;
	width: 13.6%;
	height: 14vw;
	margin: 0 1.3%;
	padding: 0;
	text-align: center;
	background-color: #000;
    border: 0.2vw solid #fff;
    text-transform: uppercase;
    box-shadow: 0 0px 1vw 0 #8fcfff inset, 0 0px 2vw 0 #8fcfff, 0 0px 1vw 0 #8fcfff inset, 0 0px 2vw 0 #8fcfff;
}
.code_digit input{
	outline-style: none;
	outline-width: 0;
	border: none;
	border-style: none;
	text-shadow: none;
	-webkit-appearance: none;
	-webkit-user-select: text;
	outline-color: transparent;
	background-color: transparent;
	box-shadow: none;
	font-size: 8vw;
	line-height: 14vw;
	float: left;
	width: 94.5%;
	margin: -13.5vw 0 0 5.5%;
	padding: 0;
	position: relative;
	z-index: 2;
	letter-spacing: 9.5vw;
	overflow: hidden;
	text-align: left;
}
/*手机验证码END*/

/*账号表单END*/