* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

ul li {
	list-style: none;
}

img {
	max-width: 100%;
	display: block;
}

html,
body {
	width: 100%;
	height: 100%;
	overflow: auto;
	background: #fff;
}

#app {
	max-width: 750px;
	margin: auto;
}

.flex {
	display: flex;
	display: -webkit-flex;
}

.flex.jlr {
	justify-content: space-between;
}

.flex.j-center {
	justify-content: center;
}

.flex.j-end {
	justify-content: flex-end;
}

.flex.a-center {
	align-items: center;
}

.flex.col {
	flex-direction: column;
}

.flex.wrap {
	flex-wrap: wrap;
}

.head {
	width: 100%;
	height: 5.98rem;
	background: url(../img/banner.jpg) no-repeat;
	background-size: 100% 100%;
}

.head_text {
	width: 100%;
	height: 4.05rem;
	background: url(../img/banner_text.jpg) no-repeat;
	background-size: 100% 100%;
}

.head_container {
	background: url(../img/background.jpg);
	margin-top: -1px;
	background-size: 100%;
	padding: 0.2rem 0.75rem;
	color: #81511c;
}

.head_container h2 {
	font-size: 0.47rem;
	white-space: nowrap;
	font-weight: 600;
	border-bottom: 2px solid #81511c;
	padding-bottom: 0.2rem;
	margin-bottom: 0.2rem;
}

.head_container p {
	font-size: 0.32rem;
	color: #b28850;
	white-space: nowrap;
}

.head_container .right {
	width: 0.44rem;
	height: 0.25rem;
	background: url(../img/right.png) no-repeat;
	background-size: 100% 100%;
	margin: 0.3rem 0px 0.7rem 0px;
}

.wenti {
	width: 100%;
	height: 7.62rem;
	background: url(../img/wenti.jpg) no-repeat;
	background-size: 100% 100%;
	padding: 0.7rem 0.7rem 0px 0.7rem;
}

.myTitle {
	font-weight: 600;
	width: 100%;
	font-size: 0.4rem;
	color: #996c33;
	text-align: center;
	padding: 0.4rem 0px 0.28rem;
	margin-bottom: 0.2rem;
	position: relative;
}

.myTitle.while {
	color: #fff;
	text-shadow: 0px 2px 4px #996c33;
}

.myTitle::before {
	content: '';
	width: 110%;
	height: 1px;
	background: #996c33;
	position: absolute;
	left: -5%;
	bottom: 2px;
}

.myTitle::after {
	content: '';
	width: 10%;
	height: 5px;
	background: #996c33;
	position: absolute;
	left: 45%;
	bottom: 0px;
}

.myTitle.while::before {
	content: '';
	width: 100%;
	height: 1px;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: 2px;
}

.myTitle.while::after {
	content: '';
	width: 10%;
	height: 5px;
	background: #fff;
	position: absolute;
	left: 45%;
	bottom: 0px;
}

.wenti_container {
	width: 6.1rem;
	margin-top: 0.2rem;
	height: 4.3rem;
	background: url(../img/text.png) no-repeat;
	background-size: 100% 100%;
}

.general {
	background: url(../img/background.jpg);
	padding: 0.1rem 0.45rem 0.4rem 0.45rem;
}

.general .text {
	font-size: 0.28rem;
	color: #313131;
	line-height: 200%;
	text-align: justify;
}

.general .iconWrap {
	width: 5.94rem;
	height: 1.26rem;
	padding-bottom: 0.1rem;
	background: url(../img/generalIcon.png) no-repeat;
	background-size: 100% 100%;
	margin: 0.1rem auto 0.8rem auto;
}

.general .iconWrap .block {
	width: 1.14rem;
	height: 1.05rem;
	font-size: 0.4rem;
	color: #cc9933;
	position: relative;
}

.general .iconWrap .block em {
	font-size: 0.22rem !important;
	color: #333;
	font-style: normal;
}

.general .iconWrap .block .subText {
	position: absolute;
	width: 140%;
	text-align: center;
	left: -20%;
	bottom: -80%;
	font-size: 0.22rem;
	font-weight: 600;
	color: #333;
}
.verCodeImage{width: 42%; margin-left: 0.1rem; height: 0.7rem;}
.verCodeImage img{width: 100%; height: 0.7rem;}
.feature {
	padding: 0.1rem 0.45rem 0.1rem 0.45rem;
}

.featureItem {
	width: 100%;
	height: 1.66rem;
	margin-bottom: 0.3rem;
	margin-top: 0.25rem;
}

.featureItem .avatar {
	width: 1.78rem;
	height: 1.66rem;
	background: #000;
}

.featureItem .avatar.n1 {
	background: url(../img/images/feature_01.png) no-repeat;
	background-size: 100% 100%;
}

.featureItem .avatar.n2 {
	background: url(../img/images/feature_02.png) no-repeat;
	background-size: 100% 100%;
}

.featureItem .avatar.n3 {
	background: url(../img/images/feature_03.png) no-repeat;
	background-size: 100% 100%;
}

.featureItem .avatar.n4 {
	background: url(../img/images/feature_04.png) no-repeat;
	background-size: 100% 100%;
}

.featureItem .info {
	flex: 1;
	height: 1.66rem;
	padding: 0.3rem 0.3rem;
	font-size: 0.3rem;
	color: #fff;
}

.featureItem .info .item {
	width: 50%;
}

.featureItem .info.n1 {
	background: #d09234;
}

.featureItem .info.n2 {
	background: #3277ab;
}

.featureItem .info.n3 {
	background: #9e7f65;
}

.featureItem .info.n4 {
	background: #9c4c40;
}

.featureItem .info:nth-child(even) {
	margin-left: 0.1rem;
}

.featureItem .info:nth-child(odd) {
	margin-right: 0.1rem;
}

.modules {
	padding: 0.1rem 0.45rem 0.4rem 0.45rem;
}

.modules .itemBox {
	width: 100%;
	margin-top: 0.3rem;
	padding: 0.6rem 0.7rem;
	background: url(../img/background.jpg);
}

.modules .itemBox .title {
	width: 100%;
	height: 0.87rem;
	border-bottom: 2px dashed #bfbfbf;
}

.modules .itemBox .title_container {
	width: 100%;
	position: relative;
	padding-left: 1rem;
	height: 0.73rem;
	background: url(../img/t2.png) no-repeat;
	background-size: 100% 100%;
}

.modules .itemBox .title_container b {
	font-weight: 400;
	width: 0.77rem;
	height: 0.73rem;
	position: absolute;
	left: 0;
	top: 0;
	color: #fff;
	font-size: 0.54rem;
}

.modules .itemBox .title_container .lang {
	font-size: 0.24rem;
	text-transform: uppercase;
	color: #fff;
	line-height: 120%;
}

.modules .itemBox .title_container h4 {
	font-size: 0.32rem;
	font-weight: 400;
	color: #fff;
	line-height: 120%;
}

.circle {
	width: 3px;
	height: 3px;
	background: #333;
	border-radius: 50%;
	position: absolute;
	flex-shrink: 0;
	left: 3px;
	top: 50%;
	transform: translateY(-50%);
}

.modules .itemBox dl dt {
	font-size: 0.26rem;
	color: #333;
	margin-top: 0.2rem;
	padding-left: 0.3rem;
	position: relative;
}

.modules .itemBox dl dd {
	font-size: 0.22rem;
	color: #333;
	line-height: 1.8;
	padding-top: 0.1rem;
	padding-left: 0.3rem;
	position: relative;
}

.shizililiang {
	padding: 0.1rem 0.45rem 0.4rem 0.45rem;
}

.shizililiang .item {
	width: 100%;
	height: 1.16rem;
	padding-bottom: 0.2rem;
	position: relative;
	z-index: 2;
}

.shizililiang .item:last-child {
	height: 0.94rem;
	padding-bottom: 0
}

.shizililiang .item::before {
	content: '';
	display: block;
	width: 0.12rem;
	background: #996c33;
	height: 100%;
	position: absolute;
	left: 1.03rem;
	top: 0;
	z-index: 1;
}

.shizililiang .item_wrap {
	width: 100%;
	height: 0.94rem;
}

.shizililiang .item_wrap .labelName {
	width: 1.03rem;
	color: #996c33;
	font-size: 0.27rem;
}

.shizililiang .item_wrap .avatar {
	width: 0.94rem;
	height: 0.94rem;
	margin-left: 0.11rem;
}

.shizililiang .item_wrap .info {
	flex: 1;
	padding-left: 0.38rem;
	height: 0.94rem;
	font-size: 0.24rem;
}
.student{
	padding: 0.1rem 0.45rem 0.4rem 0.45rem;
	background: url(../img/background.jpg);
}
.studentBanner {
	width: 100%;
	height: 4.25rem;
	padding-bottom: 0.5rem;
	position: relative;
}

.swiper-container {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-container {
	overflow: inherit;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: -0.65rem !important;
}

.swiper-pagination-bullet-active {
	width: 16px !important;
	border-radius: 4px !important;
}
.xueyuanqiye{
	padding: 0.1rem 0.45rem 0.4rem 0.45rem; background: url(../img/about.jpg) no-repeat; background-size: 100% 100%;
}
.xueyuanqiye ul li{width: 33.33%; position: relative; white-space: nowrap; padding-left: 10px; margin-top: 0.2rem; font-size: 0.2rem; color: #333;}
.xueyuanqiye ul li .circle{left: 0 !important;}
.zixun{padding: 0.1rem 0.45rem 0.4rem 0.45rem;}
.inputForm{width: 6.2rem; margin: auto; overflow: hidden; padding-top: 0.3rem;}
.inputForm .item{width: 100%; margin-bottom: 0.2rem; position: relative; height: 0.7rem; background: #eeeeee; font-size: 0.26rem; color: #666; padding-left: 1.3rem;}
.inputForm .item .label{width: 1.3rem; padding-left: 0.2rem; position: absolute; left: 0; top: 0; height: 0.7rem; font-size: 0.26rem; color: #666;}
.inputForm .item input{flex: 1; height: 0.7rem; border: 0; font-size: 0.26rem; background: none; outline: none;}
.inputForm .button{width: 100%; cursor: pointer; height: 0.74rem; border-radius: 5px; background: #996C33; font-size: 0.32rem; color: #330000;}
.inputForm .text{font-size: 0.26rem; color: #666; text-align: center; padding-top: 0.1rem; line-height: 1.8;}
.content{padding: 0.1rem 0.45rem 0.4rem 0.45rem; background: url(../img/content.png) no-repeat left bottom; background-size:100%;}
.content .text{font-size: 0.3rem; line-height: 1.8; color: #333; padding: 0.3rem 0px; text-align: center;}
.footer{width: 100%; font-size: 0.2rem; background: #b28850; color: #fff; text-align: center; padding: 0.2rem;}