* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
	font-family: "微软雅黑";
}

body {
	background: #fff;
}

button,
input {
	border: none;
	outline: none;
}

.logo {
	width: 60px;
	height: 60px;
	margin: 2.5rem auto 1.25rem;
}

.logo img {
	width: 100%;
	border-radius: 0.5rem;
}

.title {
	width: 100%;
	padding: 0 4%;
	box-sizing: border-box;
}

.title h4 {
	width: 100%;
	text-align: center;
	height: 2rem;
	line-height: 2rem;
	font-size: 20px;
	font-weight: 600;
}

.title p {
	width: 100%;
	text-align: center;
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: 12px;
	color: #666;
}

.hydrated {
	width: 92%;
	height: 12.5rem;
	margin: 2.5rem 4%;
}

.hydrated ul {
	display: flex;
	justify-content: space-between;
}

.hydrated li {
	width: 45%;
	height: 12.5rem;
	background: #fff;
	border: 1px #f5f5f5 solid;
	border-radius: 0.5rem;
	box-shadow: 0 0 4px #f3f3f3;
}

.hydrated_img {
	width: 2.5rem;
	height: 2.5rem;
	background-size: cover;
	margin: 1.5rem auto 1.25rem;
}

.hydrated h3 {
	width: 100%;
	text-align: center;
	height: 1.5rem;
	line-height: 1.5rem;
	color: #999;
	font-size: 20px;
}

.hydrated p {
	width: 100%;
	height: 2.5rem;
	line-height: 2.5rem;
	font-size: 14px;
	text-align: center;
	color: #999;
	font-weight: 600;
}

.hydrated span {
	width: 100%;
	height: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
	font-size: 12px;
	display: block;
	color: #999;
}

.hydrated li.action {
	background-image: linear-gradient(to right, #6c9afc, #8876ff);
}

.hydrated li.action h3 {
	color: #fff;
}

.hydrated li.action p {
	color: #fff;
}

.hydrated li.action span {
	color: #fff;
}

.hydrated li.action .hydrated_img {
	background-size: cover;
}

.btn a {
	width: 92%;
	height: 2.5rem;
	border-radius: 2.5rem;
	text-align: center;
	display: block;
	background-image: linear-gradient(to right, #6c9afc, #8876ff);
	color: #fff;
	display: block;
	line-height: 2.5rem;
	font-size: 14px;
	margin-left: 4%;
	box-shadow: 0 0 8px #bdbbff;
}

.footer {
	width: 92%;
	margin: 3rem 4% 0;
}

.footer p {
	text-align: center;
	font-size: 12px;
	line-height: 1.5rem;
	color: #808080;
}

.test_bg {
	background: #f5f5f5;
}

.text_title {
	width: 100%;
	padding: 0 4%;
	box-sizing: border-box;
	margin-top: 2rem;
}

.text_title h4 {
	width: 100%;
	text-align: center;
	height: 2rem;
	line-height: 2rem;
	font-size: 20px;
	font-weight: 600;
}

.text_title p {
	width: 100%;
	text-align: center;
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: 12px;
	color: #666;
}

.text_tiku {
	width: 100%;
	padding: 2rem 0;
	background: #fff;
	margin: 2rem auto 0;
	color: #000;
	position: relative;
}

.text_top {
	width: 100%;
	height: 4px;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
}

.text_tops {
	position: absolute;
	top: 0;
	left: 0;
	width: 1.66%;
	height: 4px;
	background-image: linear-gradient(to right, #6c9afc, #8876ff);
	border-radius: 0 4px 4px 0;
}

.text_digital {
	height: 32px;
	width: 100px;
	background-image: linear-gradient(to right, #6c9afc, #8876ff);
	text-align: center;
	line-height: 32px;
	font-size: 14px;
	position: absolute;
	top: 4px;
	color: #fff;
	border-radius: 0 0px 40px 0;
}

.text_tiku h4 {
	width: 88%;
	line-height: 1.5rem;
	text-align: center;
	margin: 2rem 4% 0;
	color: #333;
}

.text_tiku .tabs {
	width: 92%;
	background: #fff;
	position: relative;
	box-sizing: border-box;
	margin: 2rem 4% 0;
	box-shadow: 0 0 4px #ddd;
	box-sizing: border-box;
}

.text_tiku .tabs p {
	width: 100%;
	text-align: left;
	line-height: 3.5rem;
	font-size: 14px;
	padding: 0 4%;
	box-sizing: border-box;
	z-index: 9;
	position: relative;
}

.text_tiku .tabs::after {
	content: '';
	width: 6px;
	height: 100%;
	background: #8876ff;
	display: block;
	position: absolute;
	top: 0rem;
	left: 0rem;
	/* border-radius: 8px; */
}

.text_tiku .active::after {
	animation: tikutab 0.3s;
	width: 100%;
}

.text_tiku .active p {
	color: #fff !important;
}

@keyframes tikutab {
	from {
		width: 0;
		background: #6c9afc;
	}

	to {
		width: 100%;
		background: #8876ff;
	}
}

@-webkit-keyframes tikutab

/* Safari 与 Chrome */
	{
	from {
		background: #6c9afc;
	}

	to {
		background: #8876ff;
	}
}

.ona {
	width: 7.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	font-size: 14px;
	background: #fff;
	position: relative;
	box-sizing: border-box;
	margin: 2rem 4% 0;
	box-shadow: 0 0 4px #ddd;
	box-sizing: border-box;
	text-align: center;
	border-radius: 50px;
	color: #333;
}

.getresults {
	width: 100%;
	height: 50px;
	position: fixed;
	bottom: 0;
	left: 0;
}

.getresults a {
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	text-align: center;
	background-image: linear-gradient(to right, #6c9afc, #8876ff);
	display: block;
}

.results_bg {
	background: #efefef;
}

.results_title {
	width: 92%;
	height: 50px;
	line-height: 50px;
	background: linear-gradient(to right, #6c9afc, #8876ff);
	margin: 1.5rem 4% 0;
	border-radius: 0.5rem 0.5rem 0 0;
	display: flex;
	justify-content: space-between;
	padding: 0 10px;
	box-sizing: border-box;
	color: #fff;
}

.results_title span {
	font-size: 15px;
}

.results_title p {
	font-size: 13px;
}

.results_list {
	width: 92%;
	height: 5rem;
	margin: 0 4%;
	background: #fff;
	border-radius: 0 0 0.5rem 0.5rem;
	padding: 0 10px;
	box-sizing: border-box;
}

.results_list p {
	height: 2rem;
	line-height: 2rem;
	float: left;
	width: 100%;
	font-size: 14px;
}

.results_list p span {
	float: right;
}

.results_list p:nth-child(1) {
	margin-top: 0.5rem;
}

.results_swiper {
	width: 92%;
	height: 10rem;
	background: #fff;
	margin: 0rem 4% 0;
	border-radius: 0 0 0.5rem 0.5rem;
	overflow: hidden;
}

.results_swiper .swiper {
	width: 100%;
	height: 100%;
}

.results_swiper .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
}

.results_swiper .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.results_swiper .swiper-slide p{
	width: 100%;
	height: 2rem;
	line-height: 2rem;
	font-size: 14px;
}
.results_swiper .swiper-slide h3{
	width: 100%;
	height: 2rem;
}
.results_swiper .swiper-slide:nth-child(1){
	margin-top: 1rem;
}
.tips{
	width: 92%;
	margin: 1.5rem 4%;
	border-radius: 0.5rem;
}
.tips h4{
	width: 100%;
	height: 2rem;
	line-height: 2rem;
	text-align: center;
}
.tips p{
	width: 100%;
	height: 2rem;
	line-height: 2rem;
	text-align: center;
	font-size: 14px;
}
.tips span{
	margin: 0 0.25rem;
	font-weight: 600;
	color: red;
}
.pay a{
	width: 80%;
	height: 3rem;
	line-height: 3rem;
	background: #58be6b;
	display: block;
	margin-bottom: 1.25rem;
	margin-left: 10%;
	border-radius: 0.25rem;
	text-align: center;
	font-size: 14px;
	color: #fff;
}
.pay a:nth-child(2){
	background: #52b0e3;
}