*{margin:0;padding:0;}
li{list-style:none;}
input,select{
	resize: none;
  outline: none;
  background: none;
  border:0;
}

body{
	background:#fcbb0c;
	background-size:100%;
	font-size:14px;
}
html,body{
	position:fixed;
	left:0;
	top:0;
	right:0;
	width:100%;
	height:100%;
}
.w100{
	width:100%;
	height:100%;
	overflow:scroll;
}
.loading{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:#fcbb0c;
	text-align:center;
	z-index:99;
}
.loading .loadingText{width:43%;margin-top:50px;}
#loading {
	width:72px;
	height:40px;
	margin:150px auto 0;
}

#loading span {
	height:40px;
	width:8px;
	background:#f01b00;
	float:left;
	margin:0 2px;
	animation:loader 1s infinite;
}
@keyframes loader{
	50% { height:20px; margin-top:20px; opacity:.5; }
}
#loading span:nth-child(1) {animation-delay:.1s;}
#loading span:nth-child(2) {animation-delay:.2s;}
#loading span:nth-child(3) {animation-delay:.3s;}
#loading span:nth-child(4) {animation-delay:.4s;}
#loading span:nth-child(5) {animation-delay:.5s;}
#loading span:nth-child(6) {animation-delay:.6s;}


.index{
	width:91%;
	margin:0 auto;
	max-width:640px;
	z-index:2;
}
.title_wrap{
	width:98%;
	height:1.96rem;
	margin:1rem auto 0.6rem;
	border:1px solid #9a4962;
	border-radius:5px;
	background:#fff;
}
.title_wrap02{
	width:95%;
	height:1.8rem;
	margin:0.06rem auto;
	border:1px solid #9a4962;
	border-radius:5px;
	background:#8fd7fc;
	text-align:center;
	position:relative;
}
.title_wrap img{
	width:90%;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
}
.index .list{height:2.2rem;}
.index .type{float:left;}
.index .type-1{width:24%;margin:2px 5% 0 8%;animation:type 0.6s linear 0s 2 alternate;}
.index .type-2{width:24%;margin:22px 5% 0 0%;animation:type 0.6s linear 0.3s 2 alternate;}
.index .type-3{width:26%;animation:type 0.6s linear 0.6s 2 alternate;}
.index .type-4{width:23%;margin:0 5% 0 2%;animation:type 0.6s linear 0.9s 2 alternate;}
.index .type-5{width:34%;margin:18px 7% 0 0%;animation:type 0.6s linear 1.2s 2 alternate;}
.index .type-6{width:27%;animation:type 0.6s linear 1.5s 2 alternate;}
.index .tip{
	width: 40px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 40px;
  animation:tip 0.6s linear 0.2s infinite alternate;
}
@keyframes tip{
	0%{
		transform:translateY(0);
	}
	100%{
		transform:translateY(10px);
	}
}

@keyframes type{
	0%{
		transform:scale(1);
	}
	100%{
		transform:scale(1.1);
	}
}


.ii{
	animation:yidong 1s;
	opacity:0;
}
@keyframes yidong{
	0%{
		transform:translate(0,0);
		opacity:1;
	}
	100%{
		transform:translate(0,-100%);
		opacity:0;
	}
}
.iii{
	animation:yidong3 1s;
	opacity:0;
	transform:translate(0,0%);
}
@keyframes yidong3{
	0%{
		transform:translate(0,-100%);
		opacity:0;
	}
	100%{
		transform:translate(0,0%);
		opacity:1;
	}
}
.ff{
	transform:translate(0,100%);
	opacity:1;
	animation:yidong2 1s ease 0.2s 1 normal;
}
@keyframes yidong2{
	0%{
		transform:translate(0,100%);
		opacity:0;
	}
	100%{
		transform:translate(0%,0%);
		opacity:1;
	}
}
.fff{
	transform:translate(0,0%);
	opacity:1;
	animation:yidong4 1s ease 0.2s 1 normal;
}
@keyframes yidong4{
	0%{
		transform:translate(0,0%);
		opacity:1;
	}
	100%{
		transform:translate(0%,100%);
		opacity:0;
	}
}

.form{width:91%;margin:0 auto;max-width:640px;}
.form form{
	width:91%;
	height:3.7rem;
	background:url(../images/formBg.png) no-repeat center center;
	background-size:100% 100%;
	margin:0 auto;
}
.form form ul{width:80%;margin:0 auto;padding-top:0.2rem;}
.form form li{height:0.75rem;line-height:0.75rem;border-bottom:1px dashed #a19d9b;}
.form form li span{float:left;}
.form form li input{height:100%;width:80%;}
.form form li.w52 select{width:52%;height:100%;
	background: url(https://liuxue.xdf.cn/special/aus/img/arrow.png) no-repeat right center;
  background-size: 20px;
  -webkit-appearance: none;
}
.form form li.borderNone{border-bottom:none;}
.form .tip{color:#76432c;text-align:center;font-size:12px;line-height:0.64rem;}
.form .tip span{color:#fb686c;}
.btn{text-align:center;}
.btn img{width:2.62rem;}

.subject{width:91%;margin:0 auto;max-width:640px;display:none;}
.subject .subjectTitle{text-align:center;margin:1rem auto 0.5rem;}
.subject .subjectTitle img{width:82%;}

.subject .subjectDec{width:4.78rem;height:5rem;background:url(../images/subjectBg.png) no-repeat;background-size:100% 100%;margin:0 auto;
	position:relative;display:none;
}
.subject .subjectDec:nth-child(1){display:block;}
.subject .subjectDec .topic{color:#fff;height:1rem;line-height:0.4rem;padding:0.64rem 0.3rem 0;display:flex;font-size:14px;}
.subject .subjectDec ul{padding:0.5rem 0.3rem 0 0.2rem;font-size:12px;}
.subject .subjectDec li{min-height:0.8rem;display:flex;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.subject .subjectDec li.active{color:red;font-size:14px;}
.subject .subjectDec li img{width:0.3rem;height:0.3rem;margin-right:7px;}
.subject .subjectDec .page{color:#fcbb0c;font-size:18px;position:absolute;right:0.3rem;bottom:0.4rem;}
.subject .subjectDec .page span{font-size:26px;}
.subject .btn{margin:0.3rem 0 0 0;}

.result{text-align:center;}
.result .sharePic{width:86%;margin:0 auto 0;}
.result .btn img{width:2.4rem;}

.share{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.8);color:#cccaca;display:none;z-index:99;}
.share .jt{position:absolute;right:10px;top:10px;font-size:16px;}
.share .jt .img{text-align:right;height:30px;}
.share .jt img{width:35px;margin-right:36px;}
.share .wxCode{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;text-align:center;height:4rem;width:3.5rem;}
.share .wxCode p{font-size:13px;line-height:30px;}
.share .wxCode img{width:94%;}


.music{position:fixed;width:34px;height:34px;right:10px;top:10px;z-index:96;}
.music img{width:100%;}
.music.active{animation:3s linear 0s infinite music;-webkit-animation:3s linear 0s infinite music;}
@-moz-keyframes music{
	from{
		transform:rotate(0deg);
	}
	to{
		transform:rotate(360deg);
	}
}
@-webkit-keyframes music{
	from{
		transform:rotate(0deg);
	}
	to{
		transform:rotate(360deg);
	}
}


.jyz{
	height:100%;
	background:#fff url(../images/bg2.jpg) no-repeat;
	background-size:100% auto;
	position:relative;

	overflow:hidden;
}
.jyz .prev{
	position:absolute;
	left:20px;
	top:20px;
	width:10px;
	padding:10px;
}
.jyz .w2018{
	position:absolute;
	width:100%;
	left:0;
	bottom:-16px;
}
.jyz .title{
	width:51%;
	margin:1.2rem 0 0 0.6rem;
}

/*.result.active{
	animation:up 1s;
	opacity:0;
}
.jyz.active{
	animation:up 1s;
	opacity:0;
}
@keyframes up{
	0%{
		transform:translate(100%,0);
		opacity:1;
	}
	100%{
		transform:translate(0,0);
		opacity:0;
	}
}*/