*{
	padding: 0;
	margin: 0;
	list-style: none;
}
[v-cloak]{
	display: none;
}
input,button{
	border: 0;
	outline: none;
}
.banner{
	width: 100%;
}
.new_welfare{
	padding: 0.42rem 0.2rem 0.25rem;
	background:rgba(255,223,211,0.1); 
}
.welfare_content{
	border: 2px solid rgb(255,235,234);
}
.welfare_title{
	width: 1.31rem;
	height: 0.4rem;
	display: block;
	margin: -0.2rem auto 0.2rem;
}
.benefits{
	display: flex;
	justify-content: space-around;
	text-align: center;
}
.benefits img{
	width: 1.13rem;
	height: 0.63rem;
}
.benefits li>p{
	font-size: 0.11rem;
	font-weight: bold;
	color: rgb(255,71,65);
	margin: 0.1rem 0 0.07rem;
}
.benefits li>div{
	font-size: 0.11rem;
	color: rgb(17,17,17);
}
.welfare_time{
	width: 100%;
	height: 1.03rem;
	background: url(../img/bg.png) no-repeat;
	background-size: 100% 1.03rem;
	margin-top: 0.06rem;
}
.welfare_time>div{
	padding: 0.19rem 0.3rem;
	font-size: 0.11rem;
	line-height: 0.16rem;
	color: rgb(17,17,17);
}
.welfare_time span{
	color: rgb(255,71,65);
	font-weight: bold;
}
.course_wrap{
	background: rgb(255,99,43);
	border-radius: 0.05rem;
	padding: 0.13rem 0.07rem 0.11rem;
}
.course_title{
	display: flex;
	color: rgb(255,198,179);
	font-size: 0.13rem;
	border: 1px solid #FFF;
	line-height: 0.25rem;
	margin-bottom: 0.12rem;
	border-radius: 0.18rem;
	text-align: center;
}
.course_title li:nth-of-type(1){
	flex: 1;
	border-top-left-radius: 0.18rem;
	border-bottom-left-radius: 0.18rem;
}
.course_title li:nth-of-type(2){
	flex: 1;
	border-top-right-radius: 0.18rem;
	border-bottom-right-radius: 0.18rem;
}
.course_title .checked{
	background: rgb(255,255,255);
	color: #FF632B;
	font-weight: bold;
	position: relative;
}
.course_content{
	background: #FFF;
	border-radius: 0.12rem;
	margin-top: 0.07rem;
	padding: 0.11rem 0.1rem;
}
.course_tips{
	padding: 0.11rem 0.15rem 0.12rem 0.1rem;
	color: rgb(17,17,17);
	background: rgb(255,236,232);
	border-radius: 0.12rem;
	font-size: 0.1rem;
}
.course_list li{
	display: flex;
	align-items: center;
	margin-top: 0.13rem;
}
.course_list img{
	width: 1.2rem;
	height: 0.69rem;
}
.course_list li>div{
	flex: 1;
	margin-left: 0.12rem;
}
.course_list div div{
	font-size: 0.13rem;
	font-weight: bold;
	color: rgb(255,99,43);
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.course_list div div img{
	width: 0.5rem;
	height: 0.08rem;
}
.course_list div>p{
	font-size: 0.11rem;
	color: rgb(17,17,17);
	margin-top: 0.06rem;
}
.special_title{
	color: rgb(255,99,43);
	font-size: 0.17rem;
	text-align: center;
	margin-top: 0.17rem;
}
.special_title2{
	font-size: 0.11rem;
	color: rgb(102,102,102);
	text-align: center;
	margin-top: 0.05rem;
	margin-bottom: 0.15rem;
}

.exhibition_wrap{
	display: flex;
}
.exhibition{
	padding: 0.09rem;
	border: 1px solid rgba(255,97,44,0.3);
	border-radius: 0.08rem;
	margin-right: 0.1rem;
	margin-top: 0.1rem;
	flex: 1;
}
.exhibition:nth-of-type(2n){
	margin-right: 0;
}
.exhibition>img{
	width: 1.3rem;
	height: 0.88rem;
	object-fit: cover;
	display: block;
	margin: 0 auto;
	border-radius: 0.04rem;
}
.exhibition h3{
	font-size: 0.1rem;
	color: rgb(51,51,51);
	margin: 0.08rem 0 0.11rem;
}
.exhibition p{
	font-size: 0.07rem;
}
.black{
	color: rgb(51,51,51);
}
.blue{
	color: rgb(33,130,219);
}
.red{
	color: rgb(244,53,75);
}
.exhibition div{
	color: rgb(51,51,51);
	font-size: 0.09rem;
}
.schoolmaster>p{
	font-size: 0.16rem;
	color: rgb(255,71,65);
	text-align: center;
	margin: 0.28rem 0 0.17rem;
}
.schoolmaster ul{
	display: flex;
	justify-content: space-between;
	padding: 0 0.05rem 0.4rem 0.15rem;
}
.schoolmaster li{
	background: #FF543C;
	border-radius: 0.05rem;
	padding: 2px;
	flex: 1;
}
.schoolmaster li{
	margin-right: 0.1rem;
}
.schoolmaster li>div{
	border: 1px dashed #FFF;
	border-radius: 0.05rem;
	height: 0.83rem;
	padding: 0.1rem 0.08rem;
}
.flex{
	display: flex;
	align-items: center;
}
.icon{
	background: #FFF;
	box-shadow: 1px 1px 3px rgb(0,0,0,0.5);
	border-radius: 100%;
	width: 0.23rem;
	height: 0.23rem;
	text-align: center;
	margin-right: 0.1rem;
}
.icon img{
	width: 0.13rem;
	height: 0.12rem;
	vertical-align: middle;
}
.evaluate p{
	font-size: 0.1rem;
	color: #FFF;
}
.evaluate span{
	color: rgb(255,244,99);
	font-size: 0.12rem;
}
.schoolmaster li>div>p{
	color: #FFF;
	font-size: 0.1rem;
	text-align: center;
	margin-top: 0.09rem;
}
.btn{
	position: fixed;
	width: 100%;
	height: 0.44rem;
	background: #FCB800;
	color: #FFF;
	font-size: 0.16rem;
	text-align: center;
	left: 0;
	bottom: 0;
}
.swipe{
	margin-top: 0.15rem;
}
.campus_life{
	flex: 1;
	border: 1px solid #FFCFBF;
	border-radius: 0.12rem;
	padding: 0.08rem 0.09rem 0.11rem;
}
.campus_life img{
	width: 100%;
}
input:disabled {
	background: #FFF;
}
.campus_life p{
	font-size: 0.1rem;
	font-weight: bold;
	color: rgb(17,17,17);
	margin: 0.12rem 0 0.06rem;
}
.campus_life div{
	font-size: 0.09rem;
	color: rgb(17,17,17);
	height: 0.4rem;
	overflow: hidden;
}
.van-swipe{
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 0.2rem;
}
.van-swipe__indicators{
	bottom: 0rem;
}
.van-swipe__indicator{
	background: #FFC9B6;
}
.van-swipe__indicator--active{
	width: 0.25rem;
	background: #FF7342;
	border-radius: 3px;
}
.plan{
	width: 100%;
}
.pop_wrap{
	background: rgba(0,0,0,0.5);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.pop{
	position: fixed;
	width: 2.7rem;
	height: 3.4rem;
	background: #FFFFFF;
	border-radius: 0.15rem;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	text-align: center;
}
.close{
	display: flex;
	padding: 0.15rem 0.13rem 0;
	justify-content: flex-end;
}
.close img{
	width: 0.12rem;
	height: 0.12rem;
}
.pop_title{
	text-align: center;
	font-size: 0.15rem;
	color: rgb(34,41,59);
	margin-top: -0.1rem;
}
.pop_title span{
	color: rgb(251,60,88);
}
.expect{
	color: rgb(34,41,59);
	font-size: 0.12rem;
	margin-top: 0.2rem;
}
.roger{
	padding: 0 0.2rem;
	margin-top: 0.7rem;
}
.roger button{
	width: 100%;
	height: 0.35rem;
	color: #FFF;
	background: rgb(251,60,88);
	border-radius: 0.18rem;
	border: 0;
}
.infor{
	padding: 0 0.2rem;
	margin-top: 0.26rem;
}
.input{
	width: 100%;
	height: 0.35rem;
	border-radius: 0.18rem;
	border: 1px solid rgb(204,204,204);
	text-indent: 0.17rem;
	margin-top: 0.12rem;
}
.grade_wrap{
	width: 100%;
	height: 0.35rem;
	border-radius: 0.18rem;
	border: 1px solid rgb(204,204,204);
	margin: 0.12rem 0;
	position: relative;
}
.grade_wrap>div{
	display: flex;
	align-items: center;
}
.grade_wrap input{
	height: 0.35rem;
	border: 0;
	text-indent: 0.17rem;
	flex: 1;
	border-radius: 0.18rem;
}
.grade_wrap img{
	width: 0.08rem;
	height: 0.05rem;
	margin: 0 0.15rem;
}
.grade_wrap ul{
	position: absolute;
	z-index: 99;
	width: 100%;
	height: 1rem;
	overflow-y: auto;
	background: #FFF;
	top: 0.4rem;
	box-shadow: 0 0.02rem 0.03rem rgba(0,0,0,0.3);
}
.grade_wrap li{
	line-height: 0.3rem;
}
.infor button{
	width: 100%;
	height: 0.35rem;
	background: rgb(251,60,88);
	color: #FFF;
	border: 0;
	font-size: 0.15rem;
	border-radius: 0.18rem;
	margin-top: 0.1rem;
}
.againCode{
	color: #EEE;
}
.prompt{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 3rem;
	height: 0.9rem;
	display: none;
	background: rgba(0,0,0,0.5);
}