.page {
	padding: 0 .4rem;
	background: #EEEEEE;
}

.swiper-button-next, .swiper-button-prev {
	outline: none;
}

.header {
	padding: .2rem .4rem;
	background: #FFFFFF;
	margin-left: -.4rem;
	margin-right: -.4rem;

}

.header .logo img {
	display: block;
	width: 2.44rem;
}


.header .phone {
	position: relative;
	padding-left: .53333rem;
	font-size: .4rem;
	font-weight: bold;
	color: rgba(214, 20, 25, 1);
}

.header .phone::before {
	content: "";
	width: .4rem;
	height: .4rem;
	background-image: url(../images/phone.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -.2rem;
}

.banner {
	height: 5.7733rem;
	margin-left: -.4rem;
	margin-right: -.4rem;
}

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

.swiper-button-next:after,
.swiper-button-prev:after {
	font-size: .6rem;
}

.banner .swiper-button-next {
	right: .3rem;
}

.banner .swiper-button-prev {
	left: .3rem;
}


.banner .swiper-pagination-bullets {
	bottom: .8rem;
}

.banner .swiper-pagination-bullet {
	width: .2rem;
	height: .2rem;
	background: transparent;
	border: 1px solid #FFFFFF;
	opacity: 1;
}

.banner .swiper-pagination-bullet-active {
	background: #FFFFFF;
}

.assess {
	padding: .6666rem .44rem;
	position: relative;
	z-index: 10;
	border-radius: .06666rem;
	background: rgba(255, 255, 255, 1);
}

.assess-box {
	margin-left: -.4rem;
	margin-right: -.4rem;
	padding: 0 .72rem;
}

.title {
	text-align: center;
}

.title h2 {
	font-size: .6rem;
	font-weight: bold;
	color: rgba(214, 20, 25, 1);
	position: relative;
	margin-bottom: .2rem;
}

.title h2:before {
	content: "";
	border: .12rem solid transparent;
	border-top-color: rgba(217, 57, 36, 1);
	position: absolute;
	left: 50%;
	margin-left: -.12rem;
	bottom: -.29rem;
}

.title h2:after {
	content: "";
	width: 100%;
	height: 1px;
	background: rgba(164, 164, 164, 1);
	position: absolute;
	left: 0;
	bottom: -2px;
}

.title p {
	font-size: .37333rem;
	font-weight: 400;
	color: rgba(106, 106, 106, 1);
}

.title p span {
	color: #D61419;
}

.assess .title h2:after,
.assess .title h2:before {
	display: none;
}

.assess-mine {
	margin-top: .8rem;
}

.assess-item {
	margin-bottom: .4rem;
}

.assess-item .text {
	font-size: .4rem;
	font-weight: 400;
	color: rgba(99, 96, 96, 1);
}

.assess-item .name,
.assess-item .phone,
.assess-item .grade {
	flex: 1;
	height: .76rem;
	border: 1px solid rgba(191, 191, 191, 1);
	border-radius: 3px;
	padding: 0 .32rem;
	outline: none;
	font-size: .32rem;
	color: rgba(48, 48, 48, 1);
}

.assess-item .name:focus,
.assess-item .phone:focus,
.assess-item .grade:focus {
	border-color: rgba(214, 20, 25, 1);
}

.assess-item .female {
	margin-left: .8rem;
}

.assess-item .female .arts {
	font-size: .4rem;
	font-weight: 400;
	color: rgba(102, 100, 100, 1);
	line-height: 1;
}

.assess-item .radio {
	position: relative;
	width: .32rem;
	height: .32rem;
	border-width: 1px;
	margin-right: .14rem;
}

.assess-item .radio span {
	width: .32rem;
	height: .32rem;
	border: 1px solid rgba(191, 191, 191, 1);
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0;
}

.assess-item .radio .subject:checked+span {
	border-color: #D61419;
}

.assess-item .radio .subject:checked+span:before {
	content: "";
	width: .2rem;
	height: .2rem;
	border: 1px solid #D61419;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.assess-item .female .subject {
	opacity: 0;
	position: absolute;
}

.assess-info {
	margin-top: .32rem;
	height: .65rem;
	font-size: .34666rem;
	font-weight: 400;
	color: rgba(144, 144, 144, 1);
	line-height: .65rem;
	text-align: center;
	background: rgba(246, 246, 246, 1);
	box-shadow: 0px .04rem .12rem 0px rgba(0, 0, 0, 0.21);
	border-radius: .29rem;
}

.assess-info span {
	color: #D61419;
}

.assess-btn {
	display: block;
	width: 100%;
	height: .9rem;
	font-size: .48rem;
	font-weight: bold;
	text-align: center;
	line-height: .9rem;
	outline: none;
	border: none;
	color: rgba(255, 255, 255, 1);
	background: rgba(214, 20, 25, 1);
	border-radius: 3px;
}

.poster {
	margin-left: -.4rem;
	margin-right: -.4rem;
	z-index: 10;
	height: 1.1466rem;
	line-height: 1.1466rem;
	border-radius: .066rem;
	background: rgba(214, 20, 25, 1);
}

.poster h2 {
	font-size: .56rem;
	text-align: center;
	font-weight: bold;
	color: rgba(255, 255, 255, 1);
}

.contrast {
	margin: .4rem -.4rem .6rem;
	padding: .4rem;
	background: #FFFFFF;
}

.contrast-hen {
	margin-top: .3rem;
}

.contrast .contrast-item.hurt {
	margin-bottom: .3rem;
}

.contrast .contrast-item.oblique {
	position: relative;
}

.contrast .contrast-item.oblique::before {
	content: "";
	width: 1.7rem;
	height: 1px;
	background-color: #D61419;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: rotate(38deg) translate(-50.05%, -50%);
	transform: rotate(38deg) translate(-50.05%, -50%);
	transform-origin: 0;
}

.contrast .contrast-item .vs {
	margin: 0 .8rem;
}

.contrast .contrast-item .vs img {
	display: block;
	width: 1rem;
}

.contrast .contrast-item .name {
	font-size: .4rem;
	font-weight: bold;
}

.contrast .contrast-item .red {
	color: #D61419;
}

.contrast .contrast-item .black {
	color: #525252;
}

.contrast .contrast-item .desc {
	width: 3.8rem;
	font-size: .24rem;
	font-weight: 400;
	height: 1.0666rem;
	line-height: 1.0666rem;
	position: relative;
}

.contrast .contrast-item .desc.red {
	text-align: right;
}

.contrast .contrast-item .desc.red:before,
.contrast .contrast-item .desc.black:after {
	content: "";
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
}

.contrast .contrast-item .desc.red:before {
	background-color: #D61419;
	top: 0;
}

.contrast .contrast-item .desc.black:after {
	background-color: #D61419;
	bottom: 0;
}

.contrast .contrast-item .circle {
	margin: 0 .2rem;
	font-size: .3rem;
	font-weight: bold;
	color: rgba(255, 255, 255, 1);
	width: .9rem;
	height: .9rem;
	line-height: .37rem;
	background: rgba(214, 20, 25, 1);
	box-shadow: 1px 2px 0px 0px rgba(162, 17, 20, 1);
	border-radius: 50%;
	position: relative;
	z-index: 10;
}

.contrast .group-btn {
	width: 6.5rem;
}

.group-btn {
	width: 8rem;
	text-align: center;
	border: 1px solid rgba(216, 19, 24, 1);
	border-radius: .1333rem;
	overflow: hidden;
	margin: .6rem auto 0;
}

.group-btn p {
	flex: 1;
	font-size: .34666rem;
	font-weight: 400;
	color: rgba(49, 49, 49, 1);
}

.group-btn p a {
	display: block;
	line-height: .8rem;
}

.group-btn .btn {
	padding: 0 .32rem;
	line-height: .8rem;
	font-size: .3733rem;
	font-weight: bold;
	color: rgba(255, 255, 255, 1);
	background-color: rgba(216, 19, 24, 1);
}


.duction {
	margin: 0 -.4rem;
	padding: .4rem;
	background: #FFFFFF;
}

.duction-item {
	margin-top: .6rem;
}

.duction-item .pic {
	width: 4.2rem;
	height: 0;
	padding-top: 2.4rem;
	position: relative;
}

.duction-item .pic img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.duction-item .desc {
	flex: 1;
	margin-left: .25rem;
}

.duction-item .desc h4 {
	position: relative;
	font-size: .4rem;
	font-weight: bold;
	color: rgba(217, 57, 36, 1);
	padding-left: .24rem;
	margin-bottom: .1rem;
}

.duction-item .desc h4:before {
	content: "";
	border: .12rem solid transparent;
	border-left-color: #D61519;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -.12rem;
}

.duction-item .desc p {
	font-size: .29333rem;
	font-weight: 400;
	color: #999999;
	padding-left: .24rem;
	text-align: justify;
}

.duction-item .desc p span {
	color: #D61519;
}

.duction-btn {
	margin-top: .666rem;
}

.duction-btn a {
	display: block;
	margin: 0 auto;
	width: 6rem;
	height: .78rem;
	background: rgba(214, 20, 25, 1);
	border-radius: .06rem;
	font-size: .4rem;
	font-weight: bold;
	line-height: .78rem;
	text-align: center;
	color: rgba(255, 255, 255, 1);
}

.choice {
	margin: 0 -.4rem;
	padding: .4rem .4rem .6rem;
	background: #FFFFFF;
}

.choice-box {
	margin-top: .6rem;
}

.choice-item {
	position: relative;
	margin-top: .6rem;
}

.choice-item .pk {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.choice-item .pk img {
	width: 2rem;
	display: block;
}

.choice-item .name {
	width: 50%;
	height: 1rem;
	font-size: .4rem;
	font-weight: 400;
	color: rgba(253, 253, 253, 1);
	background-repeat: no-repeat;
}

.choice-item .name .logo {
	height: .88rem;
}

.choice-item .desc {
	width: 50%;
	height: 1.0666rem;
	font-size: .2933rem;
	color: #FFFFFF;
	padding: .1rem .15rem;
}

.choice-item .left {
	background: rgba(216, 19, 24, 1);
	padding-right: .7rem;
}

.choice-item .right {
	background: rgba(62, 58, 57, .5);
	padding-left: .7rem;
}

.choice-item .center {
	width: 1.24rem;
	height: 1.1333rem;
	font-size: .29333rem;
	font-weight: bold;
	color: rgba(216, 19, 24, 1);
	background-image: url(../images/choice3.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	padding-top: .18rem;
	padding-left: .38rem;
}

.choice .group-btn {
	width: 7rem;
}

.teacher {
	margin: .45rem -.4rem 0;
	padding: .4rem;
	background: #EEEEEE;
}

.teacher-box {
	position: relative;
	margin-top: .5rem;
}

.teacher-box:before {
	content: "";
	width: 4.6rem;
	height: 8.4rem;
	background-image: url(../images/teacher-bg.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.teacher-item {
	position: relative;
	z-index: 10;
	height: .93333rem;
}

.teacher-item .name {
	font-size: .34rem;
	font-weight: 400;
	position: relative;
	padding-left: .2rem;
}

.teacher-item .desc {
	font-size: .32rem;
	font-weight: 400;
}

.teacher-item .line {
	border-bottom: 1px dashed rgba(214, 20, 25, 1);
	flex: 1;
	margin-left: .3rem;
	margin-right: .2rem;
}

.teacher-item:nth-child(odd) .name {
	color: #FFFFFF;
}

.teacher-item:nth-child:nth-child(even) .name {
	color: rgba(80, 80, 80, 1);
}

.teacher-item:nth-child(odd) .desc {
	color: rgba(80, 80, 80, 1);
}

.teacher-item:nth-child(even) .desc {
	color: rgba(217, 57, 36, 1);
}

.teacher-item:nth-child(1) .name {
	width: 4.4rem;
}

.teacher-item:nth-child(2) .name {
	width: 4.2rem;
}

.teacher-item:nth-child(3) .name {
	width: 3.95rem;
}

.teacher-item:nth-child(4) .name {
	width: 3.7rem;
}

.teacher-item:nth-child(5) .name {
	width: 3.45rem;
}

.teacher-item:nth-child(6) .name {
	width: 3.2rem;
}

.teacher-item:nth-child(7) .name {
	width: 2.9rem;
}

.teacher-item:nth-child(8) .name {
	width: 2.8rem;
}

.teacher-item:nth-child(9) .name {
	width: 2.4rem;
}

.device {
	margin: 0 -.4rem;
	padding: .6rem .4rem;
	background: #FFFFFF;
}

.device-name {
	margin-top: .45rem;
	font-size: .37333rem;
	font-weight: 400;
	text-align: center;
	color: rgba(133, 133, 133, 1);
}

.device-drawing {
	margin-right: .4rem;
}

.device-drawing img {
	width: 3.8rem;
}

.device-plan {
	margin-top: .4rem;
}

.device-duce {
	flex: 1;
	padding-top: .4rem;
}

.device-inof {
	margin-bottom: .6rem;
}

.device-inof:last-child {
	margin-bottom: 0;
}

.device-inof p {
	font-size: .29333rem;
	font-weight: 400;
	color: rgba(64, 64, 64, 1);
}

.device-inof p span {
	font-weight: bold;
	color: #D81318;
}

.device-real {
	margin-top: .4rem;
}

.device-real img {
	width: 4.4rem;
	height: 3rem;
}

.device .group-btn {
	width: 7.2rem;
}

.schedule {
	margin: 0 -.4rem;
	padding: 0 .4rem .6rem;
	background: #FFFFFF;
}

.schedule-box {
	margin-top: .4rem;
}

.schedule-box .name {
	height: .74rem;
	font-size: .32rem;
	font-weight: bold;
	color: rgba(255, 255, 255, 1);
	line-height: .74rem;
	text-align: center;
	background: rgba(214, 20, 25, 1);
}


.schedule-day {
	border: 1px solid rgba(214, 20, 25, 1);
	border-radius: 3px;
}

.schedule-day table {
	width: calc(100% + 2px);
	margin-left: -1px;
	margin-top: -1px;
	margin-bottom: -1px;
}

.schedule-day table th {
	font-size: .29333rem;
	font-weight: 400;
	color: rgba(214, 20, 25, 1);
}

.schedule-day table td {
	font-size: .26rem;
	font-weight: 400;
	color: rgba(70, 70, 70, 1);
}


.schedule-day table th:nth-child(1),
.schedule-day table th:nth-child(2) {
	width: 1.8rem;
}

.schedule-day table th,
.schedule-day table td {
	height: .88rem;
	text-align: center;
	border: rgba(200, 200, 200, 1) 1px dashed;
}

.schedule-day .schedule-line {
	margin: .1rem;
	overflow: hidden;
	position: relative;
}

.schedule-line:before {
	content: "";
	width: 5rem;
	height: 4.29rem;
	background-image: url(../images/schedule.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0;
	right: 0;
}

.schedule-child {
	margin-top: .4rem;
}

.schedule-month {
	width: 4.5rem;
	border: 1px solid rgba(214, 20, 25, 1);
	border-radius: 3px;
}

.schedule-loop {
	padding: 0 .4rem;
}

.schedule-loop .desc {
	font-size: .29333rem;
	font-weight: 400;
	color: rgba(70, 70, 70, 1);
	padding: .2rem 0;
}

.schedule-loop .desc span {
	color: #D61419;
}

.schedule-loop .border-bottom {
	border-bottom: 1px solid rgba(200, 200, 200, 1);
}

.schedule-loop .line {
	width: 1px;
	height: 66px;
	margin: 0 13px;
	border-left: 1px solid rgba(200, 200, 200, 1);
}

.schedule-mine {
	margin-top: .35rem;
}

.schedule-moon {
	margin-top: .3rem;
	font-size: .29333rem;
	font-weight: 400;
	color: #464646;
	text-align: justify;
}

.schedule-moon span {
	color: rgba(214, 20, 25, 1);
}

.schedule .group-btn {
	width: 7.2rem;
}

.repetition {
	margin-top: .6rem;
	margin-left: -.4rem;
	margin-right: -.4rem;
	background: #EEEEEE;
	padding: .4rem .4rem .8rem;
}

.repetition-surface {
	border-radius: 3px;
	overflow: hidden;
}

.repetition-surface table {
	width: 100%;
}

.repetition-surface th {
	height: 1rem;
	font-size: .32rem;
	font-weight: bold;
	color: rgba(255, 255, 255, 1);
	background-color: rgba(194, 17, 22, 1);
	border: 1px solid rgba(194, 17, 22, 1);
	position: relative;
}

.repetition-surface th:before {
    content: "";
    width: 1px;
    height: 100%;
    background: #FFFFFF;
    position: absolute;
    right: -1px;
    top: 0;
}

.repetition-surface th:last-child:before {
	display: none;
}

.repetition-surface th span {
	font-size: 18px;
}

.repetition-surface td {
	border: 1px solid rgba(194, 17, 22, 1);
	padding: .25rem;
	font-size: .29333rem;
	font-weight: 400;
	color: rgba(98, 98, 98, 1);
}

.repetition-surface td span {
	color: #D61419;
}

.repetition-surface .text h3 {
	font-size: .2666rem;
	font-weight: 400;
	color: rgba(116, 116, 116, 1);
	margin-bottom: .2rem;
}

.repetition-surface .text h3 span {
	font-size: .32rem;
	font-weight: bold;
	color: rgba(216, 19, 24, 1);
}

.repetition-surface .text p {
	font-size: .29333rem;
	font-weight: 400;
	color: rgba(105, 105, 105, 1);
}

.repetition-box {
	margin-top: .5rem;
}

.repetition .group-btn {
	width: 6.5rem;
}

.gratis {
	margin-left: -.4rem;
	margin-right: -.4rem;
	padding: 0 .72rem;
	background: url(../images/gratis.png);
	background-repeat: no-repeat;
	background-size: 10rem 7.44rem;
	background-position: 0 .1199rem;
}

.gratis>h2 {
	margin-left: -.72rem;
	margin-right: -.72rem;
	height: 1.2rem;
	line-height: 1.2rem;
	text-align: center;
	background: rgba(214, 20, 25, 1);
	font-size: .5333rem;
	font-weight: bold;
	color: rgba(255, 255, 255, 1);
}

.gratis-left {
	margin-top: .6rem;
	margin-bottom: .8rem;
}

.gratis-desc {
	width: 33.333%;
	text-align: center;
}

.gratis-desc span {
	display: inline-block;
	width: .7rem;
	height: .7rem;
	font-size: .4rem;
	font-weight: bold;
	color: rgba(255, 255, 255, 1);
	text-align: center;
	line-height: .7rem;
	background: rgba(214, 20, 25, 1);
	border-radius: 50%;
}

.gratis-desc h4 {
	font-size: .42666rem;
	font-weight: bold;
	color: rgba(214, 20, 25, 1);
	margin-top: .1rem;
}

.gratis-desc p {
	font-size: .37333rem;
	font-weight: 400;
	color: rgba(84, 84, 84, 1);
	margin-top: .2rem;
}


.footer {
	padding: .4rem 0;
}

.footer p {
	font-size: .24rem;
	font-weight: 400;
	color: rgba(137, 137, 137, 1);
	text-align: center;
}