/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
img,
legend {
	border: 0
}

.header-box .title,
.school-detail .school-card .school-card-t p,
.school-detail .school-item .school-item-list ul li div strong {
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap
}

.body-container {
	width: 100%;
	padding: .88rem 0 0
}

.com-masker {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10000;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, .7)
}

body,
html {
	background-color: #f7f7f7
}

@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.7);
		transform: scale(.7)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.7);
		transform: scale(.7)
	}

	100% {
		opacity: 1;
		-moz-transform: scale(1);
		transform: scale(1)
	}
}

@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.7);
		transform: scale(.7)
	}

	100% {
		opacity: 1;
		-o-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.7);
		-moz-transform: scale(.7);
		-o-transform: scale(.7);
		transform: scale(.7)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}
}

.bounceIn {
	-webkit-animation-duration: .3s;
	-moz-animation-duration: .3s;
	-o-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn
}

.clearfix:after {
	display: block;
	content: '';
	clear: both
}

button:active {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05)
}

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	overflow-scrolling: touch;
	-webkit-tap-highlight-color: transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

body,
html {
	over-flow: auto;
	-webkit-overflow-scrolling: touch;
	width: 100%
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
time,
tt,
u,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline
}

caption,
table,
tbody,
td,
tfoot,
th,
thead,
tr {
	margin: 0;
	padding: 0;
	font: inherit;
	vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: '';
	content: none
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden],
template {
	display: none
}

a {
	background-color: transparent;
	text-decoration: none
}

a:active,
a:hover {
	outline: 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b,
optgroup,
strong {
	font-weight: 700
}

dfn {
	font-style: italic
}

h1 {
	font-size: 2em
}

mark {
	background: #ff0;
	color: #000
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 1em 40px
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}

pre,
textarea {
	overflow: auto
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
	padding: 0;
	color: inherit;
	font: inherit;
	margin: 0
}

button,
input {
	overflow: visible;
	border: none;
	outline: 0
}

button,
select {
	text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],
html input[disabled] {
	cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

input {
	line-height: normal;
	padding: 0
}

input[type=radio],
input[type=checkbox] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	height: auto
}

input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	padding: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

.global-search {
	display: none;
	z-index: 10002
}

.global-search dl {
	position: fixed;
	top: 1.87rem;
	left: 50%;
	margin-left: -2.75rem;
	z-index: 9999;
	width: 5.5rem;
	background-color: #fff;
	-webkit-border-radius: .08rem;
	border-radius: .08rem;
	text-align: center
}

.global-search dt {
	padding-top: .32rem;
	font-size: .34rem;
	color: #333
}

.global-search dd.input-toggle {
	border: 1px solid red
}

.global-search .close {
	position: absolute;
	right: 0;
	top: 0;
	width: .52rem;
	height: .6rem;
	line-height: .6rem;
	cursor: pointer
}

.global-search .close .iconclose {
	font-size: .35rem;
	color: #cecece
}

.global-search .entry {
	position: relative;
	width: 4.65rem;
	height: .7rem;
	margin: .35rem auto .4rem;
	-webkit-border-radius: .08rem;
	border-radius: .08rem;
	overflow: hidden;
	border: 1px solid #bebebe;
	font-size: 0;
	background-color: #f5f5f5
}

.global-search .entry .iconsearch {
	position: absolute;
	top: 50%;
	z-index: 5;
	font-size: .3rem;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left: .28rem
}

.global-search .entry input {
	width: 3rem;
	height: .7rem;
	padding: 0 .2rem;
	line-height: .7rem;
	font-size: .3rem;
	color: #333;
	text-align: center;
	text-indent: .15rem;
	background-color: #f5f5f5
}

.global-search .entry input::-webkit-input-placeholder {
	color: #c6c6c6
}

.global-search .entry input::-moz-placeholder {
	color: #c6c6c6
}

.global-search .entry input::-ms-input-placeholder {
	color: #c6c6c6
}

.global-search button {
	width: 4.65rem;
	height: .7rem;
	margin-bottom: .4rem;
	background-color: #ff4d5c;
	-webkit-border-radius: .08rem;
	border-radius: .08rem;
	font-size: .28rem;
	color: #fff
}

.global-menu,
.global-menu .menu-box {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.global-menu {
	display: none;
	position: fixed;
	z-index: 10001;
	padding-top: 1.76rem;
	text-align: center;
	font-size: 0
}

.global-menu .com-masker {
	background-color: rgba(0, 0, 0, .8)
}

.global-menu .menu-box {
	content: "";
	position: absolute;
	z-index: 2;
	background-color: #000;
	-webkit-filter: blur(10px);
	filter: blur(10px);
	background: rgba(255, 255, 255, .8)
}

.global-menu .close {
	position: absolute;
	right: 0;
	top: 0;
	padding-top: .5rem;
	text-align: left;
	z-index: 10000;
	width: .8rem;
	cursor: pointer
}

.global-menu .close .iconerror {
	font-size: .55rem;
	color: #fff
}

.global-menu .inner {
	position: relative;
	width: 5.7rem;
	margin: 0 auto;
	z-index: 10002
}

.global-menu .float {
	float: left;
	width: 1.9rem
}

.global-menu a {
	display: block;
	margin-bottom: .45rem;
	color: #fff
}

.global-menu dt {
	height: .77rem;
	width: 100%;
	text-align: center
}

.global-menu dt i {
	font-size: .76rem;
	color: #dfdedc
}

.global-menu dd {
	margin-top: .35rem;
	font-size: .35rem;
	color: #fff
}

.header-box {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	width: 100%;
	height: .88rem;
	line-height: .88rem;
	background-color: #fff
}

.header-box .back {
	position: absolute;
	top: 0;
	left: .15rem;
	text-align: right;
	width: .46rem;
	cursor: pointer
}

.header-box .back .iconfont {
	display: block;
	font-size: .5rem;
	font-weight: 700;
	color: #464a54
}

.header-box .title {
	height: 100%;

	margin: 0 auto;
	overflow: hidden;
	font-size: .36rem;
	color: #232323;
	text-align: center
}

.header-box dl.opt {
	position: absolute;
	right: .1rem;
	top: 0;
	height: 100%;
	font-size: .24rem;
	color: #c5c5c5
}

.lds-css,
.lds-spinner {
	position: relative
}

.header-box dl.opt dd,
.header-box dl.opt dt {
	display: inline-block;
	cursor: pointer
}

.header-box dl.opt dt {
	width: .52rem;
	margin-right: .1rem
}

.header-box dl.opt dd {
	width: .58rem
}

.header-box dl.opt .iconfont {
	font-size: .36rem;
	color: #c5c5c5
}

.phone-chat {
	width: 100%;
	height: .88rem;
	-webkit-border-radius: 0;
	border-radius: 0;
	bottom: 0;
	display: table;
	background-color: #f41e2d;
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(244, 30, 45, .85)), to(rgba(255, 70, 70, .85))), -webkit-gradient(linear, left top, left bottom, from(rgba(228, 28, 51, .85)), to(rgba(228, 28, 51, .85)));
	background-image: -webkit-linear-gradient(bottom, rgba(244, 30, 45, .85) 0, rgba(255, 70, 70, .85) 100%), -webkit-linear-gradient(rgba(228, 28, 51, .85), rgba(228, 28, 51, .85));
	background-image: -moz-linear-gradient(bottom, rgba(244, 30, 45, .85) 0, rgba(255, 70, 70, .85) 100%), -moz-linear-gradient(rgba(228, 28, 51, .85), rgba(228, 28, 51, .85));
	background-image: -o-linear-gradient(bottom, rgba(244, 30, 45, .85) 0, rgba(255, 70, 70, .85) 100%), -o-linear-gradient(rgba(228, 28, 51, .85), rgba(228, 28, 51, .85));
	background-image: linear-gradient(0deg, rgba(244, 30, 45, .85) 0, rgba(255, 70, 70, .85) 100%), linear-gradient(rgba(228, 28, 51, .85), rgba(228, 28, 51, .85));
	background-blend-mode: normal, normal;
	-webkit-box-shadow: 0 3px 7px 0 rgba(65, 18, 18, .25);
	box-shadow: 0 3px 7px 0 rgba(65, 18, 18, .25);
	opacity: .85;
	font-size: 0
}

.phone-chat dl {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	cursor: pointer
}

.phone-chat dl dd,
.phone-chat dl dt {
	display: inline-block;
	font-size: .3rem;
	color: #fff;
	line-height: .78rem
}

.phone-chat dl i.iconfont {
	font-size: .3rem;
	margin-right: .14rem
}

.phone-chat dl a {
	color: #fff
}

@-moz-keyframes lds-spinner {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-o-keyframes lds-spinner {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@keyframes lds-spinner {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-webkit-keyframes lds-spinner {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.lds-css {
	height: .8rem;
	display: none
}

.lds-spinner div {
	position: absolute;
	left: 50%;
	-webkit-animation: lds-spinner linear 1s infinite;
	-moz-animation: lds-spinner linear 1s infinite;
	-o-animation: lds-spinner linear 1s infinite;
	animation: lds-spinner linear 1s infinite;
	background: #cfaf68;
	width: .06rem;
	height: .14rem;
	-webkit-border-radius: 40%;
	border-radius: 40%;
	-webkit-transform-origin: .02rem .3rem;
	-moz-transform-origin: .02rem .3rem;
	-ms-transform-origin: .02rem .3rem;
	-o-transform-origin: .02rem .3rem;
	transform-origin: .02rem .3rem
}

.footer-box,
.return-home {
	position: fixed;
	background-color: #fff;
	text-align: center
}

.lds-spinner div:nth-child(1) {
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	-webkit-animation-delay: -.916666666666667s;
	-moz-animation-delay: -.916666666666667s;
	-o-animation-delay: -.916666666666667s;
	animation-delay: -.916666666666667s
}

.lds-spinner div:nth-child(2) {
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg);
	-webkit-animation-delay: -.833333333333333s;
	-moz-animation-delay: -.833333333333333s;
	-o-animation-delay: -.833333333333333s;
	animation-delay: -.833333333333333s
}

.lds-spinner div:nth-child(3) {
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	-o-transform: rotate(60deg);
	transform: rotate(60deg);
	-webkit-animation-delay: -.75s;
	-moz-animation-delay: -.75s;
	-o-animation-delay: -.75s;
	animation-delay: -.75s
}

.lds-spinner div:nth-child(4) {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-animation-delay: -.666666666666667s;
	-moz-animation-delay: -.666666666666667s;
	-o-animation-delay: -.666666666666667s;
	animation-delay: -.666666666666667s
}

.lds-spinner div:nth-child(5) {
	-webkit-transform: rotate(120deg);
	-moz-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	-o-transform: rotate(120deg);
	transform: rotate(120deg);
	-webkit-animation-delay: -.583333333333333s;
	-moz-animation-delay: -.583333333333333s;
	-o-animation-delay: -.583333333333333s;
	animation-delay: -.583333333333333s
}

.lds-spinner div:nth-child(6) {
	-webkit-transform: rotate(150deg);
	-moz-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	-o-transform: rotate(150deg);
	transform: rotate(150deg);
	-webkit-animation-delay: -.5s;
	-moz-animation-delay: -.5s;
	-o-animation-delay: -.5s;
	animation-delay: -.5s
}

.lds-spinner div:nth-child(7) {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-animation-delay: -.416666666666667s;
	-moz-animation-delay: -.416666666666667s;
	-o-animation-delay: -.416666666666667s;
	animation-delay: -.416666666666667s
}

.lds-spinner div:nth-child(8) {
	-webkit-transform: rotate(210deg);
	-moz-transform: rotate(210deg);
	-ms-transform: rotate(210deg);
	-o-transform: rotate(210deg);
	transform: rotate(210deg);
	-webkit-animation-delay: -.333333333333333s;
	-moz-animation-delay: -.333333333333333s;
	-o-animation-delay: -.333333333333333s;
	animation-delay: -.333333333333333s
}

.lds-spinner div:nth-child(9) {
	-webkit-transform: rotate(240deg);
	-moz-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	-o-transform: rotate(240deg);
	transform: rotate(240deg);
	-webkit-animation-delay: -.25s;
	-moz-animation-delay: -.25s;
	-o-animation-delay: -.25s;
	animation-delay: -.25s
}

.lds-spinner div:nth-child(10) {
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
	-webkit-animation-delay: -.166666666666667s;
	-moz-animation-delay: -.166666666666667s;
	-o-animation-delay: -.166666666666667s;
	animation-delay: -.166666666666667s
}

.lds-spinner div:nth-child(11) {
	-webkit-transform: rotate(300deg);
	-moz-transform: rotate(300deg);
	-ms-transform: rotate(300deg);
	-o-transform: rotate(300deg);
	transform: rotate(300deg);
	-webkit-animation-delay: -83.333333333333ms;
	-moz-animation-delay: -83.333333333333ms;
	-o-animation-delay: -83.333333333333ms;
	animation-delay: -83.333333333333ms
}

.lds-spinner div:nth-child(12) {
	-webkit-transform: rotate(330deg);
	-moz-transform: rotate(330deg);
	-ms-transform: rotate(330deg);
	-o-transform: rotate(330deg);
	transform: rotate(330deg);
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s
}

.empty-box {
	margin-top: .5rem;
	text-align: center
}

.empty-box dt i {
	font-size: 1.8rem;
	color: #d9d9d9
}

.empty-box dd {
	line-height: .45rem;
	font-size: .34rem;
	color: #8c8c8c
}

.return-home {
	right: .28rem;
	bottom: 1.59rem;
	width: .65rem;
	padding: .12rem 0;
	-webkit-transition: opacity .3s ease-out;
	-o-transition: opacity .3s ease-out;
	-moz-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
	-webkit-box-shadow: 0 0 .12rem 0 rgba(119, 119, 119, .13);
	box-shadow: 0 0 .12rem 0 rgba(119, 119, 119, .13);
	-webkit-border-radius: .08rem;
	border-radius: .08rem;
	opacity: 0;
	cursor: pointer;
	z-index: -1;
	font-size: 0
}

.return-home i.iconyuanjiaojuxingkaobei {
	font-size: .12rem;
	color: #848484
}

.return-home dt {
	margin-bottom: .06rem
}

.return-home dd {
	font-size: .18rem;
	color: #848484
}

.return-home-active {
	z-index: 100;
	opacity: .9
}

.footer-box {
	left: 0;
	bottom: 0;
	z-index: 9999;
	width: 100%;
	padding: .12rem 0 .1rem;
	font-size: 0;
	border-top: solid 1px #f0f0f0
}

.footer-box a,
.footer-box dl {
	display: inline-block
}

.footer-box a.mrg {
	margin: 0 .9rem 0 .8rem
}

.footer-box dl {
	text-align: center
}

.footer-box dl dt {
	margin: 0 auto
}

.footer-box dl dt.icon {
	height: .48rem;
	width: .48rem
}

.footer-box dl dt.home {
	background: url(../image/home.png) center/100% 100% no-repeat
}

.footer-box dl dt.home-active {
	background: url(../image/home-active.png) center/100% 100% no-repeat
}

.footer-box dl dt.subject {
	background: url(../image/major.png) center/100% 100% no-repeat
}

.footer-box dl dt.subject-active {
	background: url(../image/major-active.png) center/100% 100% no-repeat
}

.footer-box dl dt.college {
	background: url(../image/school.png) center/100% 100% no-repeat
}

.footer-box dl dt.college-active {
	background: url(../image/school-active.png) center/100% 100% no-repeat
}

.footer-box dl dt.people {
	background: url(../image/user.png) center/100% 100% no-repeat
}

.footer-box dl .chat {
	height: .72rem;
	width: .72rem;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	top: -.1rem;
	background: url(../image/chat.png) center/100% 100% no-repeat;
	cursor: pointer
}

.footer-box dl .iconmsg {
	font-size: .34rem;
	color: #fff
}

.footer-box dl dd {
	margin-top: .05rem;
	font-size: .2rem;
	color: #666;
	cursor: pointer
}

@supports (bottom:constant(safe-area-inset-bottom)) or (bottom:env(safe-area-inset-bottom)) {
	.footer-box {
		padding-bottom: env(safe-area-inset-bottom)
	}
}

@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%)
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@-moz-keyframes slideDown {
	0% {
		-moz-transform: translateY(-100%);
		transform: translateY(-100%)
	}

	100% {
		-moz-transform: translateY(0);
		transform: translateY(0)
	}
}

@-o-keyframes slideDown {
	0% {
		-o-transform: translateY(-100%);
		transform: translateY(-100%)
	}

	100% {
		-o-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes slideDown {
	0% {
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		transform: translateY(-100%)
	}

	100% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}
}

.slideDown {
	-webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
	-o-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: slideDown;
	-moz-animation-name: slideDown;
	-o-animation-name: slideDown;
	animation-name: slideDown
}

.swiper-container,
.swiper-wrapper {
	overflow: hidden;
	height: 100%;
	position: relative
}

.swiper-slide {
	float: left
}

.error-close {
	position: fixed;
	bottom: 8%;
	left: 50%;
	z-index: -1;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: .2rem;
	background-color: #000;
	opacity: 0;
	text-align: center;
	padding: .15rem .2rem;
	-webkit-border-radius: .1rem;
	border-radius: .1rem;
	color: #fff;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.error-close-show {
	z-index: 10002;
	opacity: .8
}

.img-view {
	position: fixed;
	top: 0;
	background: rgba(0, 0, 0, .8);
	height: 100%;
	width: 7.5rem;
	z-index: 10003
}

.img-view img {
	width: 7.5rem;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

.active-model .active-content,
.enroll-box .inner {
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%)
}

.img-view #closs-btn {
	position: absolute;
	right: .5rem;
	top: 5%;
	z-index: 10005
}

.img-view #closs-btn i {
	font-size: .6rem;
	color: #fff
}

.active-model {
	display: none
}

.active-model .active-content {
	position: fixed;
	z-index: 10000;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.active-model .active-content i {
	position: absolute;
	right: -.6rem;
	top: -.5rem;
	color: #ECECEC;
	font-size: .5rem;
	z-index: 999
}

.active-model .active-content a {
	display: block
}

.active-model .active-content img {
	max-width: 100%
}

.active-slider {
	display: none;
	position: fixed;
	right: .1rem;
	bottom: 3rem;
	height: 1.1rem;
	width: 1.1rem
}

.active-slider a {
	display: block
}

.active-slider img {
	height: 100%;
	width: 100%
}

.active-slider em {
	position: absolute;
	top: -.4rem;
	right: 0;
	height: .24rem;
	width: .24rem;
	background: url(../image/activeclose.png) center center/100% 100% no-repeat
}

.enroll-box {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10001
}

.enroll-box .iconerror {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9999;
	font-size: .35rem;
	color: #9c9c9c;
	padding-top: .2rem;
	padding-right: .2rem;
	cursor: pointer
}

.enroll-box .inner {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 10000
}

.enroll-box .contain {
	width: 5.89rem;
	padding: .32rem .36rem .41rem;
	-webkit-border-radius: .25rem;
	border-radius: .25rem;
	background-color: #fff
}

.enroll-box .intro {
	font-size: 0
}

.enroll-box .intro dd,
.enroll-box .intro dt {
	display: inline-block;
	vertical-align: middle
}

.enroll-box .intro dt {
	width: 2.29rem;
	height: 1.7rem
}

.enroll-box .intro dt img {
	height: 100%;
	width: 100%
}

.enroll-box .intro dd {
	padding-left: .23rem
}

.enroll-box .intro dd h2,
.enroll-box .intro dd h3,
.enroll-box .intro dd span {
	display: block;
	max-width: 3.3rem;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap
}

.enroll-box .intro dd h2 {
	font-size: .32rem;
	color: #525151
}

.enroll-box .intro dd h3,
.enroll-box .intro dd span {
	font-size: .26rem;
	color: #959595
}

.enroll-box .intro dd h3 {
	margin: .1rem 0 .26rem
}

.enroll-box .form {
	margin-top: .56rem;
	font-size: 0
}

.enroll-box .form dt {
	position: relative;
	height: .8rem;
	line-height: .8rem;
	border: 1px solid #cfcfcf;
	-webkit-border-radius: .08rem;
	border-radius: .08rem;
	overflow: hidden;
	font-size: 0
}

.enroll-box .form dt input,
.enroll-box .form dt label {
	height: .8rem;
	line-height: .8rem;
	font-size: .28rem;
	color: #525151;
	vertical-align: middle
}

.enroll-box .form dt label {
	float: left;
	padding-left: .24rem
}

.enroll-box .form dt input {
	float: right;
	width: 3.8rem;
	text-align: left
}

.enroll-box .form dt input::-webkit-input-placeholder {
	font-size: .26rem;
	color: #c6c6c6
}

.enroll-box .form dt input::-moz-placeholder {
	font-size: .26rem;
	color: #c6c6c6
}

.enroll-box .form dt input::-ms-input-placeholder {
	font-size: .26rem;
	color: #c6c6c6
}

.enroll-box .form dd.error,
.enroll-box .form p.error {
	height: .3rem;
	line-height: .3rem;
	font-size: .2rem;
	color: red
}

.enroll-box .form .img-code dt,
.enroll-box .form .msg-code dt {
	float: left;
	width: 3.9rem
}

.enroll-box .form .img-code input,
.enroll-box .form .msg-code input {
	width: 1.9rem
}

.enroll-box .form .img-code dd.code-btn,
.enroll-box .form .img-code dd.img-btn,
.enroll-box .form .msg-code dd.code-btn,
.enroll-box .form .msg-code dd.img-btn {
	float: right;
	width: 1.76rem;
	height: .8rem;
	line-height: .8rem;
	background-color: #fff;
	overflow: visible
}

.enroll-box .form .img-code dd.code-btn img,
.enroll-box .form .img-code dd.img-btn img,
.enroll-box .form .msg-code dd.code-btn img,
.enroll-box .form .msg-code dd.img-btn img {
	height: 100%;
	width: 100%
}

.enroll-box .form .img-code dd.code-btn button,
.enroll-box .form .img-code dd.img-btn button,
.enroll-box .form .msg-code dd.code-btn button,
.enroll-box .form .msg-code dd.img-btn button {
	width: 100%;
	height: 100%;
	line-height: normal;
	font-size: .24rem;
	color: #525151;
	border: 1px solid #cfcfcf;
	background-color: #fbfbfb;
	-webkit-border-radius: .08rem;
	border-radius: .08rem
}

.enroll-box .form .img-code dd.code-btn button.disabled,
.enroll-box .form .img-code dd.img-btn button.disabled,
.enroll-box .form .msg-code dd.code-btn button.disabled,
.enroll-box .form .msg-code dd.img-btn button.disabled {
	color: #b4b4b4;
	background-color: #f1f1f1
}

.enroll-box .opt {
	text-align: center;
	margin-top: .43rem
}

.enroll-box .opt button {
	height: .7rem;
	width: 100%;
	background-color: #ff4d5c;
	-webkit-border-radius: .08rem;
	border-radius: .08rem;
	font-size: .3rem;
	color: #fff
}

.enroll-box .enroll-msg-err,
.enroll-box .enroll-msg-suc {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 5.51rem;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 10000;
	text-align: center
}

.enroll-box .enroll-msg-err dl,
.enroll-box .enroll-msg-suc dl {
	padding-top: .56rem;
	background-color: #fff;
	-webkit-border-radius: .25rem;
	border-radius: .25rem
}

.enroll-box .enroll-msg-err .iconerror-alert,
.enroll-box .enroll-msg-err .iconyes,
.enroll-box .enroll-msg-suc .iconerror-alert,
.enroll-box .enroll-msg-suc .iconyes {
	font-size: 1.14rem;
	color: #309a13
}

.enroll-box .enroll-msg-err .iconerror-alert,
.enroll-box .enroll-msg-suc .iconerror-alert {
	color: #fd781e
}

.enroll-box .enroll-msg-err .cont,
.enroll-box .enroll-msg-suc .cont {
	padding: .44rem .15rem .51rem;
	font-size: .36rem;
	color: #000
}

.enroll-box .enroll-msg-err .option,
.enroll-box .enroll-msg-suc .option {
	padding-bottom: .48rem;
	font-size: 0
}

.enroll-box .enroll-msg-err .option button,
.enroll-box .enroll-msg-suc .option button {
	width: 4.75rem;
	height: .7rem;
	background-color: #ff4d5c;
	-webkit-border-radius: .08rem;
	border-radius: .08rem;
	color: #fff;
	font-size: .3rem
}

.header-box {
	border-bottom: 1px solid #e6e6e6
}

.school-detail {
	padding-bottom: 1.8rem
}

.school-detail .school-h {
	height: 5.1rem;
	position: relative
}

.school-detail .school-h ul {
	position: absolute;
	width: 100%;
	font-size: 0;
	text-align: right;
	top: .32rem
}

.school-detail .school-h ul li {
	height: .36rem;
	display: inline-block;
	vertical-align: middle;
	-webkit-border-radius: .18rem;
	border-radius: .18rem;
	line-height: .36rem;
	color: #fff;
	text-align: center;
	padding: .02rem .2rem;
	font-size: .21rem;
	background-color: rgba(0, 0, 0, .7);
	margin-right: .16rem
}

.school-detail .school-h ul li:last-of-type {
	margin-right: .32rem
}

.school-detail .school-h img {
	width: 100%;
	height: 100%
}

.school-detail .school-card {
	width: 6.38rem;
	margin: -.53rem auto auto;
	padding: .32rem .28rem .34rem .24rem;
	-webkit-border-radius: .2rem;
	border-radius: .2rem;
	background-color: #fff;
	position: relative
}

.school-detail .school-card .school-card-t {
	position: relative;
	border-bottom: .02rem solid #efefef;
	padding-bottom: .32rem
}

.school-detail .school-card .school-card-t h1 {
	margin: 0 0 .12rem;
	font-size: .38rem;
	font-weight: 600;
	color: #3d3d3d
}

.school-detail .school-card .school-card-t p {
	font-size: .24rem;
	line-height: .45rem;
	color: #7a7a7a;
	width: 4.75rem;
	overflow: hidden;
	margin-bottom: .1rem
}

.school-detail .school-card .school-card-t img {
	width: 1.39rem;
	height: 1.39rem;
	position: absolute;
	top: .06rem;
	right: .16rem
}

.school-detail .school-card .school-card-t ul {
	color: #b5b5b5;
	font-size: 0
}

.school-detail .school-card .school-card-t ul li {
	float: left;
	font-size: .24rem;
	margin-right: .38rem
}

.school-detail .school-card .school-card-t ul i {
	font-size: .25rem;
	color: #cecece
}

.school-detail .school-card .school-card-t ul strong {
	font-weight: 400;
	color: #b5b5b5
}

.school-detail .school-card ol li {
	border-bottom: #efefef solid .02rem;
	height: .74rem;
	line-height: .74rem
}

.school-detail .school-card ol li a {
	display: block;
	color: #3d3838;
	font-size: .28rem
}

.school-detail .school-card ol li a em,
.school-detail .school-card ol li a i,
.school-detail .school-card ol li a span {
	vertical-align: middle
}

.school-detail .school-card ol li a i {
	margin-right: .14rem;
	font-size: .23rem;
	color: #cfaf68
}

.school-detail .school-card ol li a i.iconbook {
	font-size: .28rem
}

.school-detail .school-card ol li a i.iconyoujiantou {
	float: right;
	font-size: .4rem;
	color: #c5c5c5
}

.school-detail .school-card ol li a em {
	color: #7a7a7a
}

.school-detail .school-card ol li a span {
	color: #fe5464
}

.school-detail .school-card .des {
	position: relative;
	color: #a0a0a0;
	font-size: .28rem;
	line-height: .36rem;
	margin-top: .34rem
}

.school-detail .school-card .des span {
	position: absolute;
	color: #828282
}

.school-detail .school-card .des .content {
	position: relative;
	text-indent: 1.4rem;
	line-height: .4rem;
	overflow: hidden
}

.school-detail .school-card .des .over {
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.school-detail .school-card .des .hide {
	display: none
}

.school-detail .school-card .des .option {
	position: absolute;
	right: 0;
	bottom: .08rem;
	height: .24rem;
	width: .24rem
}

.school-detail .school-item {
	width: 6.9rem;
	margin: .6rem auto auto
}

.school-detail .school-item .title {
	color: #030000;
	font-size: .36rem;
	margin-bottom: .28rem
}

.school-detail .school-item .school-item-con {
	padding: .32rem .24rem .32rem .25rem;
	background-color: #fff;
	-webkit-border-radius: .2rem;
	border-radius: .2rem
}

.school-detail .school-item .school-item-con ul li {
	margin-bottom: .4rem
}

.school-detail .school-item .school-item-con ul li dl {
	font-size: 0;
	position: relative
}

.school-detail .school-item .school-item-con ul li dl dd,
.school-detail .school-item .school-item-con ul li dl dt {
	display: inline-block;
	vertical-align: middle
}

.school-detail .school-item .school-item-con ul li dl a {
	display: block
}

.school-detail .school-item .school-item-con ul li dl dt img {
	width: 1.75rem;
	height: 1.3rem
}

.school-detail .school-item .school-item-con ul li dl dd {
	width: 3rem;
	margin-left: .21rem
}

.school-detail .school-item .school-item-con ul li dl dd h4 {
	font-size: .33rem;
	color: #030000;
	margin-bottom: .21rem
}

.school-detail .school-item .school-item-con ul li dl dd p {
	font-size: .24rem;
	color: #777
}

.school-detail .school-item .school-item-con ul li dl dd button {
	right: 0;
	width: 1.39rem;
	height: .42rem;
	position: absolute;
	-webkit-border-radius: .21rem;
	border-radius: .21rem;
	background-color: #ff3548;
	color: #fff;
	font-size: .22rem;
	text-align: center;
	line-height: .42rem;
	border: none;
	top: .48rem
}

.school-detail .school-item .school-item-con ul li dl i.icongraduation,
.school-detail .school-item .school-item-con ul li dl i.iconshijian {
	margin-right: .1rem;
	font-size: .22rem;
	color: #cecece
}

.school-detail .school-item .school-item-con ul .level-name {
	margin-right: .21rem
}

.school-detail .school-item .school-item-con ul li:last-of-type {
	margin-bottom: 0
}

.school-detail .school-item .school-item-list ul li {
	background-color: #fff;
	-webkit-border-radius: .1rem;
	border-radius: .1rem;
	overflow: hidden;
	margin-bottom: .27rem
}

.school-detail .school-item .school-item-list ul li a {
	display: block;
	height: 100%;
	width: 100%;
	color: #030000
}

.school-detail .school-item .school-item-list ul li img {
	width: 100%;
	height: 3.8rem
}

.school-detail .school-item .school-item-list ul li div {
	height: .66rem;
	line-height: .66rem;
	font-size: .3rem;
	color: #030000;
	padding-left: .24rem
}

.school-detail .school-item .school-item-list ul li div strong {
	display: inline-block;
	font-weight: 400;
	max-width: 5.1rem;
	overflow: hidden
}

.school-detail .school-item .school-item-list ul li div span {
	display: inline-block;
	width: .93rem;
	height: .37rem;
	-webkit-border-radius: .18rem;
	border-radius: .18rem;
	font-size: .22rem;
	color: #fff;
	text-align: center;
	line-height: .37rem;
	float: right;
	margin-top: .12rem;
	margin-right: .24rem
}

.school-detail .school-item .school-item-list ul li div span.hot {
	background-color: #fe5464
}

.school-detail .school-item .school-item-list ul li div span.regist {
	background-color: #cfaf68
}