.lonely {
	padding-top: .6rem;
	padding-bottom: .6rem;
	background: url(../images/background.jpg) no-repeat;
	background-size: 100% 100%;
}

.header {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	padding: 0 .3rem;
}

.header img {
	height: .4rem;
	display: block;
}

.header-phone {
	font-size: .4rem;
	color: #fff;
	font-weight: bold;
}

.banner {
	height: 4.69rem;
	position: relative;
	overflow: hidden;
}

.banner::before {
	content: "";
	display: block;
	width: 7.42rem;
	height: 4.89rem;
	background: url(../images/banner.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: -.5rem;
	bottom: -.6rem;
}

.banner a {
	position: absolute;
	left: .6rem;
	bottom: .35rem;
	display: block;
	color: #61600d;
	font-size: .3rem;
	width: 3.2rem;
	height: .75rem;
	line-height: .75rem;
	text-align: center;
	background: #fffd40;
	border-radius: 3px;
}

.publisher {
	border: .2rem solid #efda67;
	background: #fff;
	border-radius: .25rem;
	margin: 0 .3rem;
	padding: .55rem .45rem .3rem;
}

.publisher-count {
	text-align: center;
}

.publisher-count-title {
	color: #de0a3e;
	font-size: .8rem;
	font-weight: bold;
}

.publisher-count-des {
	height: .4rem;
	margin-top: .2rem;
	line-height: .4rem;
	color: #1a1a1a;
	font-size: .24rem;
	background: rgba(255, 62, 109, .1);
	border-radius: .2rem;
}

.publisher-count-des span {
	color: #de0a3e;
}

.publisher-count-than {
	margin-top: .3rem;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}

.publisher-count-text {
	color: #1a1a1a;
	font-size: .34rem;
	margin-right: .2rem;
}

.publisher-down {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}

.publisher-digit {
	width: .6rem;
	height: .6rem;
	line-height: .6rem;
	text-align: center;
	font-size: .4rem;
	color: #de0a3e;
	font-weight: bold;
	background: #ffebf0;
	border-radius: 3px;
}

.publisher-mark {
	font-size: .34rem;
	color: #1a1a1a;
	margin-right: .2rem;
}

.publisher-mark:last-child {
	margin-right: 0;
}

.publisher-forms {
	margin-top: .3rem;
}

.publisher-item {
	display: -webkit-flex;
	display: flex;
	height: .8rem;
	margin-bottom: .28rem;
	border-radius: 5px;
	overflow: hidden;
}

.publisher-item input {
	border: 0;
	outline: 0;
	padding: .1rem .2rem;
	flex: 1;
	font-size: .28rem;
	color: #333;
	background: #eeeeee;
}

.publisher-btn {
	margin-bottom: .2rem;
}

.publisher-btn button {
	display: block;
	height: .8rem;
	width: 100%;
	color: #fff;
	font-size: .36rem;
	border: 0;
	outline: 0;
	background-color: #de0a3e;
	border-radius: 3px;
	cursor: pointer;
}

.publisher-des {
	font-size: .24rem;
	color: #5b5118;
	text-align: center;
}

.publisher-des span {
	color: #f33463;
}

.title {
	text-align: center;
}

.title h2 {
	color: #383839;
	font-size: .44rem;
	font-weight: bold;
	margin-bottom: .2rem;
}

.title h2 span,
.title p span {
	color: #de0a3e;
}

.title p {
	color: #4d4d4d;
	font-size: .28rem;
}

.white-title h2 {
	color: #fff;
}

.white-title h2 span {
	color: #fffd40;
}

.white-title p {
	color: #fff;
}

.problem {
	margin-top: .5rem;
	padding: 0 .3rem;
}

.problem-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-bottom: .65rem;
}

.problem-item {
	width: 2.8rem;
	background: #fff;
	border-radius: 6px;
	overflow: hidden;
	margin-top: .5rem;
}

.problem-chart img {
	display: block;
	width: 100%;
}

.problem-text {
	padding: .3rem .15rem;
	text-align: center;
}

.problem-text h3 {
	color: #383839;
	font-size: .26rem;
	line-height: .34rem;
	font-weight: bold;
	margin-bottom: .2rem;
}

.problem-text h3 span {
	color: #de0a3e;
}

.problem-text p {
	color: #2a2a2a;
	font-size: .24rem;
	line-height: .3rem;
}

.button {
	width: 5.75rem;
	height: .85rem;
	line-height: .85rem;
	text-align: center;
	margin: 0 auto;
	border-radius: 6px;
	font-size: .36rem;
}

.button-yellow {
	color: #61600d;
	background: #fffd40;
}

.button-red {
	color: #fff;
	background: #de0a3e;
}

.button-white {
	color: #de0a3e;
	background: #ffff;
}

.contrast {
	margin-top: .6rem;
	padding: 0 .3rem;
}

.contrast-box {
	margin: .4rem 0 .6rem;
}

.contrast-up {
	height: .96rem;
	background: url(../images/vs.jpg) no-repeat;
	background-size: 100% 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.contrast-dede {
	width: 3.2rem;
	text-align: center;
}

.contrast-dede img {
	height: .4rem;
	display: block;
	margin: 0 auto;
}

.contrast-title {
	color: #4a4a4a;
	font-size: .28rem;
	font-weight: bold;
}

.contrast-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	margin-bottom: .3rem;
}

.contrast-wide {
	border-radius: .1rem;
	position: relative;
	overflow: hidden;
}

.contrast-img img {
	width: 100%;
	display: block;
}

.contrast-des {
	font-size: .24rem;
	line-height: .34rem;
	padding: .1rem;
	text-align: center;
}

.contrast-grey {
	background: #e5e5e5;
}

.contrast-grey .contrast-des {
	color: #434343;
}

.contrast-blue {
	background: #6b62df;
}

.contrast-blue .contrast-des {
	color: #fff;
}

.contrast-blue .contrast-des span {
	color: #fffd40;
}

.contrast-well {
	color: #404040;
	font-size: .22rem;
	margin: 0 .2rem;
	width: .55rem;
	height: 1.3rem;
	padding-top: .2rem;
	text-align: center;
	border: 1px solid #404040;
	border-radius: 16px;
}

.contrast-wrong {
	background: url(../images/contrast-wrong.png) no-repeat;
}

.contrast-yes {
	background: url(../images/contrast-yes.png) no-repeat;
}

.contrast-send {
	width: .4rem;
	height: .4rem;
	position: absolute;
	right: 3px;
	bottom: 3px;
	background-size: 100% 100%;
}

.strip {
	text-align: center;
	background: #7870e5;
	padding: .5rem 0;
	margin-top: .6rem;
	position: relative;
}

.strip::before {
	content: "";
	display: block;
	border: .3rem solid transparent;
	border-top-color: #7870e5;
	position: absolute;
	left: 50%;
	bottom: -.57rem;
	margin-left: -.3rem;
}

.strip-box {
	color: #ffffff;
}

.strip-box h2 {
	font-size: .46rem;
	font-weight: bold;
	margin-bottom: .2rem;
}

.strip-box p {
	font-size: .28rem;
}

.course {
	margin-top: .6rem;
	padding: 0 .3rem;
}

.course-box {
	margin-top: .5rem;
	margin-bottom: .5rem;
}

.course-grade {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
}

.course-grade-item {
	width: 1.25rem;
	height: .55rem;
	color: #6b62df;
	font-size: .28rem;
	font-weight: bold;
	line-height: .53rem;
	text-align: center;
	border: .01rem solid #6b62df;
	border-radius: .05rem;
	cursor: pointer;
}

.course-grade-item.active {
	color: #fff;
	background: #6b62df;
}

.course-live {
	margin-top: .3rem;
	background: #f4f4f4;
	padding: .3rem;
	border-radius: .08rem;
}

.course-lead {
	display: none;
}

.course-lead:nth-child(1) {
	display: block;
}

.course-kemu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: .3rem;
}

.course-kemu-item {
	width: 1.5rem;
	height: .5rem;
	color: #525252;
	font-size: .24rem;
	line-height: .46rem;
	text-align: center;
	border: .02rem solid #6b62df;
	border-radius: .05rem;
	margin-right: .2rem;
	cursor: pointer;
}

.course-kemu-item.active {
	color: #fff;
	background: #6b62df;
}

.course-outline {
	margin-top: .4rem;
}

.course-outline-item {
	display: none;
}

.course-outline-item:nth-child(1) {
	display: block;
}

.course-title {
	color: #525252;
	font-size: .24rem;
	font-weight: bold;
	line-height: 1.2;
}

.course-con {
	margin-top: .1rem;
	padding-left: .75rem;
}

.course-con-box p {
	color: #525252;
	font-size: .22rem;
	line-height: .33rem;
}

.classic {
	margin-top: .4rem;
	padding: .6rem .3rem;
	background: url(../images/classic-bg.jpg) no-repeat;
	background-size: 100% 100%;
}

.classic-box {
	margin-top: .4rem;
	margin-bottom: .5rem;
}

.classic-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #fff;
	border-radius: 6px;
	margin-bottom: .2rem;
}

.classic-img {
	position: relative;
	width: 3.4rem;
}

.classic-img img {
	width: 100%;
	display: block;
}

.classic-img h3 {
	color: #fff;
	font-size: .34rem;
	font-weight: bold;
	position: absolute;
	left: 0;
	top: .2rem;
	width: 100%;
	text-align: center;
}

.classic-wrap {
	flex: 1;
	padding: .2rem;
}

.classic-title {
	color: #313131;
	font-size: .25rem;
	font-weight: bold;
}

.classic-line {
	width: .4rem;
	height: 2px;
	margin-top: .2rem;
}

.classic-te {
	font-size: .2rem;
	margin-top: .1rem;
}

.classic-item:nth-child(1) .classic-line {
	background: #6b62df;
}

.classic-item:nth-child(1) .classic-te {
	color: #6b62df;
}

.classic-item:nth-child(2) .classic-line {
	background: #35a0e2;
}

.classic-item:nth-child(2) .classic-te {
	color: #35a0e2;
}

.classic-item:nth-child(3) .classic-line {
	background: #ab60e5;
}

.classic-item:nth-child(3) .classic-te {
	color: #ab60e5;
}

.classic-des {
	margin-top: .1rem;
}

.classic-des p {
	color: #565656;
	font-size: .2rem;
	line-height: .36rem;
}

.goods {
	background: #f7f6f6;
	background: url(../images/good-bg.jpg) no-repeat;
	background-size: cover;
	padding: .75rem .3rem .7rem;
}

.goods-box {
	margin: .5rem -.3rem .4rem;
}

.goods-box .swiper-container {
	padding-top: 1.2rem;
}

.goods .swiper-slide {
	width: 4.8rem;
}

.goods .goods-btn img {
	display: block;
}

.goods-item {
	background: #fff;
	border-radius: .2rem;
}

.goods-data {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-around;
	text-align: center;
	margin-bottom: .5rem;
}

.goods-bang img {
	height: .58rem;
	display: block;
	margin: 0 auto;
}

.goods-bang p {
	color: #fff;
	font-size: .24rem;
	margin-top: .15rem;
}

.goodlist-img {
	height: 2.6rem;
	position: relative;
}

.goodlist-img img {
	width: 2.6rem;
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -1.3rem;
	top: -1.2rem;
}

.goodlist-con {
	background: #de0a3e;
	padding: .3rem;
	border-bottom-left-radius: .2rem;
	border-bottom-right-radius: .2rem;
}

.goodlist-up {
	margin-bottom: .3rem;
}

.goodlist-up h4 {
	font-size: .36rem;
	color: #fff;
	font-weight: bold;
	margin-bottom: .1rem;
}

.goodlist-up p {
	font-size: .24rem;
	color: #fff;
}

.goodlist-up p span {
	color: #fff;
}

.goodlist-des {
	color: #fff;
	font-size: .22rem;
	line-height: .32rem;
	margin-top: .2rem;
	text-align: justify;
}

.goods .swiper-slide {
	-webkit-transform: scale(.9);
	transform: scale(.9);
	opacity: .3;
}

.goods .swiper-slide-active {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}


.service {
	margin-top: .6rem;
	background: url(../images/service.png) no-repeat;
	background-position: 0 1.2rem;
	background-size: 4.38rem 9.51rem;
	padding: 0 .3rem;
}

.service-box {
	margin-top: .8rem;
	margin-bottom: .8rem;
}

.service-item {
	width: 2.5rem;
}

.service-item h3 {
	font-size: .26rem;
	font-weight: bold;
	margin-bottom: .1rem;
}

.service-item p {
	color: #4b4b4b;
	font-size: .24rem;
	line-height: .36rem;
}

.service-item:nth-child(1) {
	margin-left: 2.1rem;
	margin-bottom: .4rem;
}

.service-item:nth-child(2) {
	margin-left: 3.3rem;
	margin-bottom: .7rem;
}

.service-item:nth-child(3) {
	margin-left: 4.2rem;
	margin-bottom: .6rem;
}

.service-item:nth-child(4) {
	margin-left: 4.1rem;
	margin-bottom: .5rem;
}

.service-item:nth-child(5) {
	margin-left: 3.5rem;
}

.service-item:nth-child(5) h3 {
	color: #3dbdb1;
}

.service-item:nth-child(4) h3 {
	color: #f0a516;
}

.service-item:nth-child(3) h3 {
	color: #616dd2;
}

.service-item:nth-child(2) h3 {
	color: #3b9fdc;
}

.service-item:nth-child(1) h3 {
	color: #a55fd9;
}

.praise {
	margin-top: .6rem;
	padding: .6rem .3rem 0;
	background: url(../images/praise.jpg) no-repeat;
	background-size: 100% auto;
}

.praise-box {
	margin: .4rem -.3rem .4rem;
}

.praise-box .swiper-container {
	padding-bottom: .4rem;
}

.praise .swiper-slide {
	width: 4.6rem;
	-webkit-transform: scale(.9);
	transform: scale(.9);
	opacity: .5;
}

.praise .swiper-slide-active {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.praise .swiper-slide img {
	width: 100%;
	display: block;
}

.praise .swiper-pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
}

.praise .swiper-pagination-bullet {
	background: #eeeeee;
	opacity: 1;
	width: .15rem;
	height: .15rem;
}

.praise .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px;
}

.praise .swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: .1rem;
}

.praise .swiper-pagination-bullet-active {
	background: #6d64e0;
}

.praise-des {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	margin-bottom: .6rem;
	padding: 0 .5rem;
}

.praise-des h3 {
	color: #6d64e0;
	font-size: .26rem;
	font-weight: bold;
	line-height: .5rem;
}

.praise-des p {
	color: #3e3e3e;
	font-size: .22rem;
	line-height: .36rem;
}

.campus {
	margin-top: .7rem;
	padding: .7rem .3rem;
	background: #f6f6fc;
}

.campus-img {
	margin: .6rem auto;
}

.campus-img img {
	width: 100%;
	display: block;
}

.make {
	margin-top: .6rem;
}

.make-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-around;
	margin: .4rem 0;
}

.make-item {
	width: 2.4rem;
	text-align: center;
	position: relative;
}

.make-num {
	width: .3rem;
	height: .3rem;
	font-size: .2rem;
	line-height: .28rem;
	text-align: center;
	border: 1px solid;
	border-radius: 50%;
	margin: 0 auto;
}

.make-img {
	width: .8rem;
	margin: .2rem auto 0;
}

.make-img img {
	display: block;
	width: 100%;
}

.make-title {
	font-size: .26rem;
	font-weight: bold;
	margin-top: .2rem;
}

.make-des {
	margin-top: .2rem;
	color: #525252;
	font-size: .22rem;
	line-height: .34rem;
}

.make-item:nth-child(1) .make-num {
	color: #b358ca;
	border-color: #b358ca;
}

.make-item:nth-child(1) .make-title {
	color: #b358ca;
}

.make-item:nth-child(2) .make-num {
	color: #fb7a34;
	border-color: #fb7a34;
}

.make-item:nth-child(2) .make-title {
	color: #fb7a34;
}

.make-item:nth-child(3) .make-num {
	color: #f26d64;
	border-color: #f26d64;
}

.make-item:nth-child(3) .make-title {
	color: #f26d64;
}

.make-spot {
	width: 1.45rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	position: absolute;
	left: 1.73rem;
	top: .85rem;
}

.make-spot span {
	width: .1rem;
	height: .1rem;
	background: #d2d2d2;
	border-radius: 50%;
}

.apply {
	padding: .7rem .3rem .3rem;
	margin-top: .6rem;
	background: #7870e5;
	position: relative;
}

.apply-mise {
	background: url(../images/apply-bg.png) no-repeat;
	background-size: 3.5rem 3rem;
	padding-left: 3.4rem;
	padding-bottom: .4rem;
	margin-top: .4rem;
	margin-left: -.3rem;
	background-position:0 .67rem;
}

.apply-mise-title {
	color: #fff;
	font-size: .46rem;
	font-weight: bold;
	text-align: center;
}

.apply-mise-itme {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	margin-top: .3rem;
}

.apply-mise-icon {
	width: .6rem;
	height: .75rem;
	padding-top: .15rem;
	margin-right: .15rem;
	color: #6b62de;
	font-size: .34rem;
	font-weight: bold;
	text-align: center;
	background: url(../images/apply-icon.png) no-repeat;
	background-size: 100% 100%;
}

.apply-mise-des h4 {
	color: #ffef3f;
	font-size: .34rem;
	font-weight: bold;
}

.apply-mise-des p {
	color: rgba(255, 255, 255, .8);
	font-size: .26rem;
	line-height: .34rem;
	margin-top: .1rem;
}

.apply-forms {
	background: #fff;
	padding: .55rem .6rem;
	border-radius: .15rem;
}

.apply-form-title {
	color: #de0a3e;
	font-size: .6rem;
	text-align: center;
	font-weight: bold;
	margin-bottom: .4rem;
}

.apply-input {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: .3rem;
}

.apply-input input {
	flex: 1;
	padding: .28rem .2rem;
	font-size: .28rem;
	color: #333;
	border: 0;
	background: #eeeeee;
	outline: 0;
	border-radius: 3px;
}

.apply-form-des p {
	color: #de0a3e;
	font-size: .26rem;
	line-height: .48rem;
}

.apply-btn {
	display: block;
	height: .9rem;
	width: 100%;
	color: #fff;
	font-size: .36rem;
	border: 0;
	outline: 0;
	background-color: #de0a3e;
	border-radius: 3px;
	cursor: pointer;
	margin-top: .4rem;
}

.footer {
	color: #212121;
	font-size: .2rem;
	text-align: center;
	background: #eeeeee;
	padding: .4rem .3rem;
}

.popup {
	cursor: pointer;
}