:root {
	font-family: Inter, sans-serif;
}

body {
	margin: 0;
	background-color: #1b084f
}

html {
	-webkit-tap-highlight-color: transparent
}

a {
	text-decoration: none
}

input, button, textarea {
	color: inherit;
	font: inherit
}

a:focus, input:focus, button:focus, textarea:focus, [class*=van-]:focus {
	outline: none
}

.head {
	background-image: url(../image/head.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat
}

.head .title {
	color: #fff;
	text-align: center;
	padding-top: 9.33333vw;
	font-size: 1.8rem;
}

.head .title .entry {
	color: #e0132b;
	font-size: 5.33333vw
}

.head .title .exit {
	color: #30d166;
	font-size: 4.26667vw
}

.head .zdtitle {
	width: 87.46667vw;
	height: 14.13333vw;
	margin: auto;
	background-image: url(../image/title.png);
	background-size: 100% 100%;
	margin-top: 3.46667vw
}

.head .zdtitile2 {
	font-size: 1.8rem;
	text-align: center;
	margin-top: 1.33333vw;
	color: #fff
}

.head .circle {
	width: 100vw;
	height: 100vw;
	background-image: url(../image/circle.png);
	background-size: 100% 100%;
	position: absolute;
	top: 38.66667vw;
	z-index: 101
}

.head .circle-move {
	width: 67.2vw;
	height: 67.2vw;
	background-image: url(../image/cyclemove.png);
	background-size: 100% 100%;
	position: absolute;
	top: 47.06667vw;
	z-index: 100;
	left: calc(50% - 32vw);
	mix-blend-mode: color-dodge;
	-webkit-transform: rotate(360deg);

	animation: rotation 3s linear infinite;

	-moz-animation: rotation 3s linear infinite;

	-webkit-animation: rotation 3s linear infinite;

	-o-animation: rotation 3s linear infinite;
	
}

@-webkit-keyframes rotation {

	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
	}

}

.van-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1003;
	width: 100%;
	height: 100%;
	display: none;
	background: rgba(0, 0, 0, .7)
}

.head .circle-empty {
	height: 93.33333vw;
	margin-bottom: 10vw;
}

.head .circle-input {
	margin: 0 13.33333vw;
	height: 12vw
}

.head .circle-input .van-cell {
	background: rgba(122, 122, 122, .4);
	border-radius: 1.33333vw;
	padding: 0;
	height: 12vw;
	line-height: 12vw
}

.head .circle-input input {
	background: rgba(122, 122, 122, .4);
	border-radius: 1.33333vw;
	padding: 0;
	height: 12vw;
	line-height: 12vw;
	outline: none;
	border: 1px solid #06F2FE;
	text-align: center;
	width: 100%;
	color: #fff
}

.head .circle-input input:focus {
	border: 1px solid #06F2FE
}

.head .circle-input .van-cell .van-field__control {
	color: #fff;
	text-align: center;
	font-size: 4.26667vw
}

.head .circle-input input::-webkit-input-placeholder {
	color: #06f2fe;
	text-align: center;
	font-size: 4.26667vw
}

.head .button,.popup-btn{
	width: 82.66667vw;
	height: 18.46667vw;
	margin: auto;
	background-image: url(../image/button.png);
	background-size: 100% 100%;
	margin-top: 4.8vw;
	color: #fff;
	text-align: center;
	line-height: 18.46667vw;
	font-size: 6vw;
}

.head .tip-text {
	text-align: center;
	color: #fcfefd;
	font-size: 1rem;
	margin-top: 2rem;
}

.head .circle-input-title {
	color: #f2e01c;
	margin-top: 8vw;
	margin-bottom: 5.33333vw;
	font-size: 4.53333vw;
	text-align: center
}

.head .body1 {
	width: 90%;
	height: 15vw;
	margin: auto;
	background-image: url(../image/tit1.gif);
	background-size: 100% 100%;
	margin-top: 5.33333vw;
	color: #06F2FE;
	font-size: 3.5vw;
	text-align: center;
	line-height: 15vw;
}
li{
	list-style: none;
}
.head .body11 {
	width: 90%;
	height: 67vw;
	margin: auto;
	background-image: url(../image/11.gif);
	background-size: 100% 100%;
	font-size: 3.4vw;
	text-align: left;
	padding: 0 20px 0 20px;
	line-height: 2vw;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: left;
}
.head .body11 p{
	padding: 0 40px;
	line-height: 3.8vw;
	margin-top: -50px;
}


.head .body2 {
	padding: 0 30px 50px 30px;
	text-align: center;
	width: 85%;
	overflow: hidden;
	margin: auto;
	background-size: 100% 100%;
	margin-top: 5.33333vw
}

.tr_text {
	height: 15vw;
	width: 15vw;
	padding: 6px 40px 5px 20px
}

table tr {
	height: 100px;
	animation: liMove calc(1.2s) infinite;
	border-color: #06F2FE;
}

th {
	font-weight: normal;
}

@keyframes liMove {
	0% {
		transform: translate(0, 0);
	}
	80%,
	100% {
		transform: translate(0, -158px);
	}
}

.head .body3 {
	width: 93.73333vw;
	height: 52.6vw;
	margin: auto;
	background-size: 100% 100%;
	margin-top: 5.33333vw
}


.desc {
	width: 100%;
	color: #ffffffab;
	font-size: 16px;
	margin: 20% 0 auto;
	justify-content: center;
	text-align: center;
}

.desc a {
	color: #ffffffab;
}

.popup-main {
	display: none;
	position: fixed;
	top: 30%;
	left: 12%;
	width: 77.86667vw;
	height: 71.06667vw;
	background-image: url(../image/popupmain.png);
	background-size: 100% 100%;
	margin: auto;
	z-index: 1009;
}

.popup-main .popup-text1 {
	color: #fff;
	font-size: 3rem;
	text-align: center;
	padding-top: 5%;
	margin: 5%;
}

.popup-main .popup-text2 {
	color: #fff;
	font-size: 3rem;
	text-align: center;
	margin: 8%;
}

.popup-close {
	position: absolute;
	right: 5%;
	color: white;
	font-size: 5.86vw;
}

.popup-close:before {
	content: "×";
}

.popup-err {
	position: fixed;
	height: 35.33333vw;
	left: 10%;
	top: 35%;
	display: none;
	z-index: 1009;
	background-image: url(../image/popup-err.png);
	background-size: 100% 100%
}

.popup-err1 {
	position: fixed;
	text-align: center;
	display: none;
	height: 35.33333vw;
	left: 12%;
	top: 35%;
	z-index: 1009;
	background-size: 100% 100%
}

.popup-err2 {
	display: none;
	font-size: 40px;
	color: white;
	position: fixed;
	text-align: center;
	left: 30%;
	top: 35%;
	z-index: 1009;
	background-size: 100% 100%;
	background: rgba(85, 85, 85, 0.7);
	width: 400px;
	height: 300px;
	padding: 10px 20px;
	border-radius: 10px
}

.popup-err .popup-err-text {
	text-align: center;
	color: #fff;
	padding-top: 4vw;
	font-size: 3rem;
}

.popup-err .popup-err-btn {
	display: flex;
	margin: 5.33333vw 12vw 0;
	justify-content: space-between
}

.popup-err .popup-err-btn1 {
	width: 26.66667vw;
	height: 8vw;
	line-height: 8vw;
	background-color: #8fa4b7;
	border-radius: 4vw;
	font-size: 3.73333vw;
	color: #fff;
	text-align: center;
	margin-right: 30px;
}

.popup-err .popup-err-btn2 {
	width: 26.66667vw;
	height: 8vw;
	line-height: 8vw;
	background-color: #f13b37;
	border-radius: 4vw;
	font-size: 3.73333vw;
	color: #fff;
	text-align: center
}

.popup-err .popup-err-btn3 {
	width: 26.66667vw;
	height: 8vw;
	line-height: 8vw;
	background-color: #f13b37;
	border-radius: 4vw;
	font-size: 3.73333vw;
	color: #fff;
	text-align: center;
	margin: 2.66667vw auto 0
}

.base-progress {
	margin-top: 20px;
	position: relative;
	width: 50%;
	height: 54px;
	border: 1px solid #2eb5ec;
	margin-left: auto;
	margin-right: auto;
}

.base-progress .active-progress {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
	width: 100%;
	height: 54px;
	background: repeating-linear-gradient(90deg, #1561b5, #1561b5 10px, white 10px, white 20px);
	background-size: 15px 54px;
	animation: progressAnimation 1s linear infinite;
}

@keyframes progressAnimation {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 28px 0;
	}
}