@charset "utf-8";

/* CSS Document */
.banner {
	height: 645px;
}

.container {
	width: 1200px;
	margin: 0 auto;
}

.study {
	margin-right: 60px;
}

.title {
	padding-top: 118px;
}

.daybox {
	width: 250px;
	height: 100px;
	line-height: 100px;
	text-align: center;
}

.day {
	color: #a6b9fc;
}

.jiantou {
	padding-left: 72px;
	padding-right: 10px;
}

.d-box {
	height: 200px;
	line-height: 200px;
}

.jianjie {
	height: 776px;
}

.teacher {
	padding-top: 86px;
}

.sl {
	background-color: #eef0f4;
	border-radius: 12px;
	border: 1px solid #fff;
}

.teacher-img img {
	margin: 0 auto;
}

.lunbo {
	padding-bottom: 90px;
}

.tixi {
	padding-top: 96px;
}

.tixi-img {
	padding-bottom: 86px;
}

.lianxi {
	padding-top: 86px;
}

.pr-item {
	width: 560px;
	height: 135px;
	border: 1px solid #fff;
	border-radius: 8px;
	box-shadow: 0 10px 10px #ccc;
	margin-top: 30px;
}

.pr-item .pr-item-top {
	background-image: linear-gradient(to right, #3078ec, #3b82ee, #4c91f2, #70b2f9, #89cafe);
	height: 40px;
	line-height: 40px;
	border-top-left-radius: 10px;
	border-top-right-radius: 8px;
}

.pr-item-content {
	margin-left: 18px;
	margin-right: 30px;
}

.pr-items {
	margin-top: 40px;
}

.item-box {
	padding-bottom: 80px;
}

.tifen {
	padding-top: 105px;
}

.tifen-item {
	width: 284px;
	height: 355px;
	position: relative;
	text-align: center;
	transition: all 0.25s ease-in;
	-moz-transition: all 0.25s ease-in;
	-webkit-transition: all 0.25s ease-in;
}

.tifen-item a {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.tifen-item-logo img {
	margin: 0 auto;
	display: block;
	max-width: 100%;
}

.tifen-item-logo {
	margin: 0 auto;
	display: block;
}

.tifen-item-logo {
	position: relative;
	margin-top: 70px;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.tifen-item .btn {
	width: 150px;
	height: 35px;
	border: 1px solid #fff;
	border-radius: 4px;
	line-height: 35px;
	margin: 0 auto;
	margin-top: 50px;
}

.tifen-item-title {
	position: relative;
}

.tifen-item a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.tifen-item .btn {
	position: relative;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	opacity: 0;
	margin-top: 35px;
}

.tifen-item:hover .tifen-item-logo {
	margin-top: 50px;
}

.tifen-item:hover .btn {
	display: block;
	opacity: 1;
	margin-top: 40px;
}

.tifen-item:hover {
	transform: translateY(-15px);
}

.tifen-box {
	padding-bottom: 110px;
}

.title-one {
	color: #77787b;
}

.titles {
	border-bottom: 1px solid #d0d6e1;
	padding: 45px 0;
}

.xian::after {
	position: absolute;
	content: "";
	display: block;
	bottom: -45px;
	width: 120px;
	height: 5px;
	background-color: #31456a;
	margin-top: 40px;
}

.bt-img img {
	margin: 0 auto;
	padding-bottom: 130px;
}

.back-box {
	position: fixed;
	right: 30px;
	top: 50%;
}

.back-top {
	border-style: solid;
	border-width: 24px 24px 24px 24px;
	border-color: transparent transparent #fff transparent;
	width: 0px;
	height: 0px;
}

.c-box {
	border: 1px solid #eeeeee;
}

.saoma {
	width: 165px;
	border: 1px solid #eeeeee;
}

.jiao {
	border-style: solid;
	border-width: 6px 6px 6px 6px;
	border-color: transparent transparent transparent #fff;
	width: 0px;
	height: 0px;
}

.xiazai:hover {
	color: #3999fb;
}

.xiazai-one {
	margin-top: 13px;
	color: #FFFFFF;
	font-size: 14px;
	padding: 10px;
	border-radius: 20px;
	background-image: linear-gradient(to right, #1c85f8, #1d8ef9, #1f9ffb, #21b3fe, #22bcff);
	box-shadow: 0 2px 6px #22bbff;
}

.xiazai-one img {
	width: 19px;
}

.xiazai-one:hover {
	color: #eeeeee !important;
}

.header {
	height: 100px;
	/*line-height: 100px;*/
	display: flex;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 22;
	background: #FFFFFF;
	box-shadow: 1px 2px 40px 0px rgba(62, 58, 57, 0.15);
}

.header-boxh {
	height: 100px;
}

.header .menu .active {
	font-weight: bold;
	color: #1c84f8;
}

.header .menu .active:after {
	position: absolute;
	display: block;
	content: "";
	width: 30px;
	height: 4px;
	background: #1c84f8;
	top: 30px;
	left: 2px;
	border-radius: 8px;
}

.header .menu {
	padding-left: 75px;
	height: 100px;
}

.header .menu a {
	margin-left: 55px;
	position: relative;
	color: #333333;
}

.header .menu a:hover {
	color: #1c84f8;
	font-weight: bold;
}

.header .menu a:hover:after {
	position: absolute;
	display: block;
	content: "";
	width: 30px;
	height: 4px;
	background: #1c84f8;
	top: 30px;
	left: 2px;
}

.sou {
	margin-right: 55px;
}

.menu-right a:hover,
.menu-right a .cc:hover {
	color: #1c84f8;
}

.xuanke img {
	width: 28px;
	height: 32px;
}

.kecheng {
	width: 120px;
	height: 40px;
	border-radius: 4px;
	background-image: linear-gradient(to right, #1c85f8, #1d8ef9, #1f9ffb, #21b3fe, #22bcff);
	box-shadow: 0 2px 6px #22bbff;
}

.kecheng img {
	width: 8px;
	height: 12px;
	margin-top: 4px;
}

.alls {
	background: #f1f3f5;
	font-weight: bold;
	color: #1c84f8;
}

.list-one a {
	margin: 10px 24px;
	color: #666666;
	font-size: 14px;
	display: inline-block;
}

.list-one a:hover,
.list-two a:hover {
	color: #1c84f8;
}

.list-two a {
	margin: 0 22px;
	color: #666666;
	font-size: 14px;
}

.classbox {
	background: #FFFFFF;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 30px;
	padding-bottom: 30px;
}

.classbox .hoverfont {
	color: #666666;
	font-size: 14px;
	margin-left: 15px;
	padding-right: 10px;
}

.classbox .hoverfont.actived {
	color: #1c84f8;
	font-weight: bold;
}

.classbox .hoverfont:hover {
	color: #1c84f8;
}

.classbox .cor6,
.classbox .cor3 {
	display: inline-block;
	line-height: 40px;
}

.shaixuan a {
	position: relative;
}

.shaixuan a:hover {
	color: #1c84f8;
}

.shaixuan a:after {
	content: '';
	display: block;
	right: 0;
	position: absolute;
	width: 1px;
	height: 14px;
	background: #e0e0e0;
	top: 50%;
	transform: translate(0, 0);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-transition: 0.35s;
	-moz-transition: 0.35s;
	-ms-transition: 0.35s;
	-o-transition: 0.35s;
	transition: 0.35s;
}

.shaixuan a:last-child::after {
	display: none;
}

.shaixuan-s {
	padding-left: 25px;
	padding-right: 15px;
}

.class-box {
	width: 280px;
	height: 328px;
	border-radius: 5px;
	position: relative;
	transition: all 0.3s;
	transition-property: all;
	transition-duration: 0.3s;
	transition-timing-function: ease;
	transition-delay: 0s;
}

.class-box .img-up {
	z-index: 3;
	position: relative;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.25s ease-in;
	-moz-transition: all 0.25s ease-in;
	-webkit-transition: all 0.25s ease-in;
}

.class-box .img-mid {
	z-index: 2;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	width: 260px;
	height: 295px;
	position: absolute;
	bottom: -8px;
	margin: 0 auto;
	border-radius: 10px;
	opacity: 0.4;
	left: 10px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.class-box .img-down {
	z-index: 1;
	width: 240px;
	height: 295px;
	position: absolute;
	bottom: -16px;
	margin: 0 auto;
	border-radius: 10px;
	opacity: 0.2;
	left: 20px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.img-up .imgbox {
	width: 100%;
	height: 186px;
	overflow: hidden;
	/* Center slide text vertically */
	/* Center slide text vertically */
	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;
}

.img-box1 {
	width: 100%;
	height: 160px;
	overflow: hidden;
	/* Center slide text vertically */
	/* Center slide text vertically */
	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;
}

.img-box1 img {
	width: 100%;
	height: 160px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.class-box-c {
	width: 280px;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	margin-bottom: 20px;
}

.img-up .imgbox img {
	width: 100%;
	height: 186px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.person-img img {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	margin-right: 8px;
}

.class-bao {
	background: #fdedea;
	padding: 5px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.class-box:hover .img-up {
	transform: translateY(-10px);
}

.class-box:hover .img-mid {
	bottom: 0;
	left: 10px;
}

.class-box:hover .img-down {
	bottom: -8px;
	left: 20px;
	box-shadow: 0 10px 10px #ccc;
}

.xiayiye {
	padding: 50px 0 50px 0;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
}

.xiayiye a {
	border: 1px solid #ededed;
	height: 36px;
	line-height: 36px;
	padding: 0 12.5px;
	display: inline-block;
	margin: 0 5px;
	background: #FFFFFF;
}

.xiayiye a:hover {
	background: #1c84f8;
	color: #FFFFFF;
}

.xiayiye input {
	width: 52px;
	height: 36px;
	border: 1px solid #ededed;
	margin: 0 10px;
}

.xiayiye button {
	height: 36px;
	line-height: 36px;
	background: #e8e8e8;
	border: 0 !important;
	font-size: 14px;
	color: #666666;
	padding: 0 10px;
}

.container-box {
	background: #FFFFFF;
	width: 820px;
}

.container-box .class-title {
	border-radius: 6px;
}

.container-box .fenxiang {
	color: #9598a2;
}

.container-box .fenxiang:hover {
	color: #1c84f8;
}

.jiao-1 {
	border-style: solid;
	border-width: 5px 5px 5px 5px;
	border-color: transparent transparent transparent #f1f3f5;
	width: 0px;
	height: 0px;
	position: absolute;
	right: -9px;
	top: 42%;
}

.teachers img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

.container-top {
	height: 60px;
	line-height: 60px;
	padding-left: 40px;
}

.container-top a {
	margin-right: 70px;
	padding-bottom: 18px;
}

.container-top a.actives {
	font-weight: bold;
	color: #1c84f8;
	border-bottom: 3px solid #1c84f8;
}

.container-top a.actives-one {
	font-weight: bold;
	color: #1c84f8;
	position: relative;
}

.container-top a.actives-one:after {
	position: absolute;
	display: block;
	content: "";
	width: 30px;
	height: 3px;
	background: #1c84f8;
	bottom: -2px;
	left: 27%;
}

.xiangqing img {
	width: 100%;
}

.right-box {
	width: 360px;
	background: #FFFFFF;
	border-bottom: 3px solid #1c84f8;
}

.kechengs {
	width: 140px;
	height: 44px;
	border-radius: 4px;
	background-image: linear-gradient(to right, #1c85f8, #1d8ef9, #1f9ffb, #21b3fe, #22bcff);
	box-shadow: 0 2px 6px #22bbff;
}

.kechengs-right {
	width: 140px;
	height: 43px;
	border-radius: 4px;
	background-color: #f3f5f8;
	border: 1px solid #eeeeee;
}

.ling {
	border-bottom: 1px dashed #eb4e34;
}

.login-box {
	padding-bottom: 95px;
}

.login-right {
	width: 420px;
	background: #FFFFFF;
	right: 0;
	top: -15px;
	border-radius: 10px;
	box-shadow: 1px 12px 40px 0px rgba(62, 58, 57, 0.15);
}

.zhuce {
	color: #888f99;
}

.login-right-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	font-size: 24px;
	border-bottom: 1px solid #eef0f3;
}

.login-right-title a {
	flex: 1;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 20px;
	position: relative;
}

.login-right-title .actives {
	color: #333333;
}

.login-right-title .actives:after {
	position: absolute;
	display: block;
	content: "";
	width: 38px;
	height: 5px;
	background: #1c84f8;
	bottom: 0;
	left: 86px;
}

.denglu {
	padding-top: 60px;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 60px;
}

.denglu .inputs {
	width: 320px;
	height: 44px;
	border: none;
	background: #f7f9fc;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	border-radius: 20px;
}

.denglu .inputs input {
	flex: 1;
	background: #f7f9fc;
	font-size: 15px;
	min-width: 0;
	border: 0 !important;
	padding: 0 20px;
}

.denglu .denglu-btn {
	width: 320px;
	height: 44px;
	border-radius: 20px;
	background-image: linear-gradient(to right, #1c85f8, #1d8ef9, #1f9ffb, #21b3fe, #22bcff);
	box-shadow: 0 2px 6px #22bbff;
	color: #FFFFFF;
	border: none;
}

.denglu-bt {
	background: #f4f6fa;
	height: 65px;
	line-height: 65px;
	position: relative;
	cursor: pointer;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border: 1px solid #fff;
}

.denglu-bt a {
	color: #eb4e34;
}

.tuxing {
	background-color: #eeeeee;
	width: 110px;
	height: 44px;
}

.denglu .inputs200 input {
	width: 200px;
	height: 44px;
	border: none;
	background: #f7f9fc;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	border-radius: 20px;
}

.denglu .inputs200 input {
	flex: 1;
	background: #f7f9fc;
	font-size: 15px;
	min-width: 0;
	border: 0 !important;
	padding: 0 20px;
}

.denglu .inputs-two .yanzheng {
	width: 200px;
	height: 44px;
	border: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	border-radius: 20px;
	flex: 1;
	background: #f7f9fc;
	font-size: 15px;
	min-width: 0;
	border: 0 !important;
	padding: 0 20px;
}

.denglu-bt label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.huoqu {
	background-color: #eeeeee;
	width: 110px;
	height: 44px;
	border: none;
}

.study-title-one {
	padding-top: 120px;
}

.jiesuan:after {
	display: block;
	content: "";
	position: absolute;
	width: 1px;
	height: 48px;
	background: #e6e6e6;
	left: 0;
	top: 28px;
}

.jiesuan-box {
	padding-left: 150px;
	padding-right: 150px;
	padding-top: 65px;
}

.jiesuan-title {
	border-bottom: 3px solid #cfe7ff;
}

.sell-s {
	padding-top: 12px;
	padding-bottom: 15px;
}

.xuxian {
	border-top: 1px dashed #d9d9d9;
	background: #f2f7ff;
	border-bottom: 1px solid #fff;
}

.money {
	padding-top: 10px;
	padding-bottom: 10px;
}

.money-bt {
	height: 54px;
	background: #f2f7ff;
}

.addclass {
	height: 40px;
	line-height: 40px;
}

.addclass-bg {
	background-color: #fff3f1;
	border: 1px solid #ef4f37;
}

.give-money .give-money-j {
	padding: 25px 55px;
	border: 2px solid #f2f7ff;
	cursor: pointer;
}

.give-money .actives {
	border-color: #ef4f37;
}

.goumai {
	width: 220px;
	height: 44px;
	background-image: linear-gradient(to right, #1c85f8, #1d8ef9, #1f9ffb, #21b3fe, #22bcff);
	box-shadow: 0 2px 6px #22bbff;
	border-radius: 6px;
}

.shuoming {
	margin-top: 8px;
	margin-bottom: 8px;
}

.person-img img {
	width: 28px;
	height: 28px;
	border-radius: 50%;
}

.vip-left {
	width: 300px;
}

.vip-left-img {
	width: 90px;
	height: 90px;
	border-radius: 50%;
}

.vip-left-img img {
	width: 100%;
	border-radius: 50%;
}

.yuan {
	background-color: #1c84f8;
	width: 10px;
	height: 10px;
	border-radius: 50%;
}

.xuexi {
	padding: 20px;
	border-radius: 10px;
}

.xuexi:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.xuexi-btn {
	padding: 0 15px;
	border: 1px solid #1c85f8;
	color: #1c84f8;
	border-radius: 8px;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
}

.xuexi-btn-on {
	background: #1c85f8;
	color: #FFFFFF;
}

.xuexi-btn:hover {
	color: #FFFFFF;
	background: #1c85f8;
}

.xuexi-btns {
	color: #ef4f37;
	border-color: #ef4f37;
}

.xuexi-btns:hover {
	color: #FFFFFF;
	background: #ef4f37;
}

.kaoshi {
	width: 800px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(0, 0);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-transition: 0.35s;
	-moz-transition: 0.35s;
	-ms-transition: 0.35s;
	-o-transition: 0.35s;
	transition: 0.35s;
	margin-left: -400px;
	background: #FFFFFF;
	border-radius: 10px;
	color: #4d4d4d;
	z-index: 999;
}

.kaoshi-top {
	height: 90px;
	line-height: 90px;
	text-align: center;
	background: #eff1f4;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.kaoshi-content-top {
	padding-left: 65px;
	padding-right: 80px;
	padding-top: 40px;
}

.kaoshi-title:after {
	position: absolute;
	height: 16px;
	width: 4px;
	background-color: #1c85f8;
	left: 0;
	display: block;
	content: "";
	top: 3px;
}

.kaoshi-content-top a {
	padding: 10px 25px;
	border: 1px solid #e5e5e5;
	border-radius: 6px;
	display: inline-block;
	margin: 6px 8px;
	color: #666666;
}

.kaoshi-content-top a.active {
	border-color: #1c85f8;
	color: #1c84f8;
}

.kaoshi-btn {
	width: 280px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-image: linear-gradient(to right, #1c85f8, #1d8ef9, #1f9ffb, #21b3fe, #22bcff);
	box-shadow: 0 2px 6px #22bbff;
	border-radius: 6px;
	cursor: pointer;
}

.baoming-box,
.city-box {
	width: 600px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(0, 0);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-transition: 0.35s;
	-moz-transition: 0.35s;
	-ms-transition: 0.35s;
	-o-transition: 0.35s;
	transition: 0.35s;
	margin-left: -300px;
	border-radius: 10px;
	z-index: 999;
	background: #FFFFFF;
}

.baoming-box img {
	width: 100%;
}

.baoming-content {
	padding: 60px 80px;
}

.bm-q {
	background: #f3f5f8;
	color: #333333;
	padding: 15px 88px;
	border: 1px solid #e6e6e6;
	border-radius: 6px;
	cursor: pointer;
}

.bm-s {
	color: #333333;
	padding: 15px 88px;
	border-radius: 6px;
	background-image: linear-gradient(to right, #1c85f8, #1d8ef9, #1f9ffb, #21b3fe, #22bcff);
	cursor: pointer;
}

.btns {
	padding: 10px 30px;
	border: 1px solid #1c85f8;
	color: #1c84f8;
	margin: 10px 20px;
	display: inline-block;
	width: 100px;
	text-align: center;
	border-radius: 10px;
}

.select_active {
	color: #fff;
	background-color: #1c85f8;
}

.btns:hover,
.btns:active,
.btns:focus {
	color: #fff;
	background-color: #1c85f8;
}

.money-input {
	width: 142px;
	padding: 0 10px;
	margin-left: 20px;
	border: 1px solid #1c85f8;
	border-radius: 10px;
}

.money-input input {
	width: 142px;
	height: 40px;
	line-height: 40px;
	border: none;
}

.contentbox {
	position: absolute;
	left: 0;
	right: 0px;
	bottom: 0;
	top: 0;
	-webkit-transition: 0.35s;
	-moz-transition: 0.35s;
	-ms-transition: 0.35s;
	-o-transition: 0.35s;
	transition: 0.35s;
	height: 100%;
	background: #000;
}

.mulu {
	position: absolute;
	right: -400px;
	top: 0;
	z-index: 9;
	-webkit-transition: 0.35s;
	-moz-transition: 0.35s;
	-ms-transition: 0.35s;
	-o-transition: 0.35s;
	transition: 0.35s;
	bottom: 0px;
}

.mulu .mulu-cons {
	width: 400px;
	background: #fff;
	height: 100%;
}

.mulu .mulu-title .item {
	padding: 12px 15px;
	background: #FFFFFF;
	cursor: pointer;
}

.open {
	right: 400px;
}

.close {
	right: 0px;
}

.mulu-cn-s {
	display: none;
	height: 100%;
}

.mulu-cn-d {
	display: flex;
	height: 100%;
	flex-direction: column;
}

.mulu-shu {
	border-radius: 10px;
	height: 10px;
	overflow-y: hidden;
}

.lh-40 {
	height: 40px;
	line-height: 40px;
}

.zhifu-s {
	height: 50px;
	border-color: #fcfcfc;
	width: 858px;
	border: 1px solid #e6e6e6;
}

.shiping {
	padding: 0px 5px;
	border: 1px solid #1c85f8;
	border-radius: 6px;
	color: #1c84f8;
}

.arrowclick.opens .icon-jiantou {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition: 0.35s;
	-moz-transition: 0.35s;
	-ms-transition: 0.35s;
	-o-transition: 0.35s;
	transition: 0.35s;
}

.boxs-two.opens .icon-wo {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition: 0.35s;
	-moz-transition: 0.35s;
	-ms-transition: 0.35s;
	-o-transition: 0.35s;
	transition: 0.35s;
}

.boxs-two {
	background: #f7f9fc;
	padding: 0px 20px 5px 20px;
	margin-top: 2px;
}

.dian-three {
	width: 12px;
	height: 12px;
	background: #1c85f8;
	border-radius: 50%;
}

.youhui-xz.opens img {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: 0.35s;
	-moz-transition: 0.35s;
	-ms-transition: 0.35s;
	-o-transition: 0.35s;
	transition: 0.35s;
}

.mulu-title>.item.active {
	color: #fff;
	background-color: #1c85f8;
}

.kechengs-ts {
	width: 100px;
	height: 30px;
}

.ziliao .actives {
	color: #1c84f8;
	position: relative;
}

.ziliao .actives:after {
	display: block;
	content: "";
	width: 5px;
	height: 60px;
	background-color: #1c84f8;
	position: absolute;
	left: 0;
	top: 0;
}

.ziliao a:hover {
	background: #f3f5f8;
}

.vip-right-top {
	width: 880px;
	height: 150px;
}

.vip-top-l {
	padding-left: 120px;
}

.vip-top-l:after {
	position: absolute;
	display: block;
	content: "";
	width: 2px;
	background: #eff1f4;
	height: 56px;
	top: 6px;
	right: -80px;
}

.vip-top-r {
	padding-right: 120px;
}

.vip-top-r:after {
	position: absolute;
	display: block;
	content: "";
	width: 2px;
	background: #eff1f4;
	height: 56px;
	top: 6px;
	left: -80px;
}

.vip-center-box {
	width: 430px;
}

.vip-right .jindu {
	padding-left: 10px;
	position: relative;
}

.vip-right .jindu:after {
	display: block;
	position: absolute;
	content: "";
	width: 4px;
	height: 16px;
	background-color: #1c84f8;
	top: 3px;
	left: 0;
}

.vip-center-box .v-center-btn {
	border: 1px solid #ebedf0;
	background: #f3f5f8;
	border-radius: 6px;
}

.vip-center-bt {
	width: 880px;
	padding-top: 3px;
}

.vip-center-f {
	padding: 0 20px;
}

.vip-center-xq {
	padding: 0;
}

.vip-center-xq .items {
	margin-right: 10px;
	margin-top: 10px;
}

.vip-center-f .items {
	width: 270px;
	background: #f3f5f8;
	height: 150px;
}

.vip-center-f .items-color {
	background: #1c84f8;
}

.vip-center-f .items .items-time {
	color: #a8c8fc;
}

.vip-center-f .items .progress-s {
	width: 150px;
	height: 4px;
	background: #c8def3;
}

.vip-center-f .items .progress-s .progress-done {
	height: 4px;
	background: linear-gradient(to right, #1c85f8, #1d8ef9, #1f9ffb, #21b3fe, #22bcff);
}

.vip-right-s {
	width: 880px;
}

.vip-right-s .jindu {
	padding-left: 10px;
	position: relative;
}

.vip-right-s .jindu:after {
	display: block;
	position: absolute;
	content: "";
	width: 4px;
	height: 16px;
	background-color: #1c84f8;
	top: 3.5px;
	left: 0;
}

.vip-person {
	padding-left: 75px;
	padding-right: 85px;
}

.person-content {
	display: flex;
	align-items: flex-end;
}

.checkred {
	height: 20px;
	line-height: 20px;
	position: relative;
	cursor: pointer;
}

.checkred label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
}

.inputs-one {
	width: 320px;
	height: 44px;
	border: 1px solid #ededed;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	padding: 0 10px;
}

.inputs-one input {
	display: block;
	border: 0 !important;
	flex: 1;
	padding-right: 10px;
	font-size: 14px;
	min-width: 0;
}

.codeimg {
	width: 110px;
	height: 44px;
	border: 1px solid #ededed;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	background: #f7f7f7;
	/* Center slide text vertically */
	/* Center slide text vertically */
	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;
	font-size: 14px;
	color: #666666;
}

.inputs-300 {
	width: 200px;
}

.selectform {
	border: 1px solid #ededed;
	width: 200px;
	height: 44px;
	line-height: 44px;
	position: relative;
}

.selectform .cur {
	display: block;
	font-size: 14px;
	color: #333333;
	padding-left: 15px;
}

.selectform .cur .icon {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translate(0, 0);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-transition: 0.35s;
	-moz-transition: 0.35s;
	-ms-transition: 0.35s;
	-o-transition: 0.35s;
	transition: 0.35s;
}

.selectform .box {
	display: none;
}

.selectform:hover .box {
	display: block;
	width: 190px;
	background: #FFFFFF;
	position: absolute;
	z-index: 5;
	padding-left: 10px;
	cursor: pointer;
	border: 1px solid #ededed;
	top: 42px;
	left: -1px;
	height: 176.5px;
	overflow-y: auto;
}

.shouhuo-btn {
	width: 150px;
	height: 44px;
	line-height: 44px;
	background: linear-gradient(to right, #1c85f8, #1d8ef9, #1f9ffb, #21b3fe, #22bcff);
	text-align: center;
	color: #FFFFFF;
	border-radius: 8px;
	box-shadow: 0 2px 6px #22bbff;
}

.xiangguan {
	width: 360px;
}

.yue:after {
	position: absolute;
	content: "";
	display: block;
	width: 2px;
	height: 16px;
	top: 4px;
	right: 0;
	background: #e7e9ec;
}

.container-boxs {
	width: 880px;
}

.cuoti-left {
	background: #FFFFFF;
	width: 360px;
	border-top: 2px solid #1c84f8;
}

.cuoti-btn {
	width: 160px;
	height: 44px;
	line-height: 44px;
	background: linear-gradient(to right, #1c85f8, #1d8ef9, #1f9ffb, #21b3fe, #22bcff);
	text-align: center;
	color: #FFFFFF;
	border-radius: 8px;
	box-shadow: 0 2px 6px #22bbff;
}

.cuoti-right {
	width: 820px;
	background: #FFFFFF;
}

.library-tab-box {
	position: relative;
	border-bottom: 1px solid #f2f2f2;
}

.library-tab-warp {
	position: relative;
	margin-left: 40px !important;
	overflow: hidden;
}

.library-tab-warp .swiper-slide {
	border-right: 1px solid #e8e8e8;
	box-sizing: border-box;
	color: #666666;
	font-size: 16px;
	font-weight: bold;
	margin: 20px 0;
	text-align: center;
	cursor: pointer;
}

.library-tab-warp .active {
	color: #1c84f8;
}

.library-tab-mask {
	z-index: 10;
	position: absolute;
	top: 0;
	right: 0;
	width: 15%;
	height: 100%;
	background: -webkit-linear-gradient(left, transparent, #fff, #fff);
}

.library-tab-btn2 {
	left: 2%;
	transform: rotate(180deg) translateY(55%) !important;
}

.library-tab-btn {
	z-index: 20;
	position: absolute;
	top: 50%;
	right: 2%;
	width: 10px;
	height: 18px;
	transform: translateY(-55%);
	background-image: url(../img/png/pic72.png);
	background-position: center 0;
	background-repeat: no-repeat;
	background-size: cover;
	outline: none !important;
}

.library-cont {
	padding: 20px;
}

.catalog-super-item {
	cursor: pointer;
	background-color: #f7f9fc;
	border-radius: 8px;
	margin-bottom: 20px;
}

.catalog-super-item>.catalog-head {
	position: relative;
	padding: 20px;
}

.timeLine {
	overflow: hidden;
	position: relative;
}

.timeLine li {
	background: url(../img/png/back1.png) repeat-y 7.5px 0;
	zoom: 1;
	display: flex;
	margin-left: 20px;
}

.timeLine li:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* .timeLine li:last-child {background:none !important;} */
.timeLine li:last-child .con {
	border: none;
}

.timeLine li .con {
	/* background:url(../img/jpg/pic15.jpg) no-repeat 0 0; */
	width: 100%;
	padding-left: 30px;
	background: #f7f9fc;
	margin-left: 20px;
	border-bottom: 1px solid #e6e6e6;
}

.timeLine li .con img {
	max-width: 100%;
}

.gonggu:after {
	position: absolute;
	display: block;
	content: "";
	width: 1px;
	height: 18px;
	background: #e0e2e5;
	right: 0;
	top: 6px;
}

.chongzhi {
	padding: 5px 20px;
	border: 1px solid #e6e6e6;
	border-radius: 20px;
}

.zhenti:after {
	position: absolute;
	display: block;
	content: "";
	width: 1px;
	height: 30px;
	background: #e0e2e5;
	right: 0;
	top: 24px;
}

.zhentis:after {
	position: absolute;
	display: block;
	content: "";
	width: 1px;
	height: 16px;
	background: #999;
	top: 24px;
	left: 0;
}

.goumai-s {
	border-radius: 8px;
	margin-bottom: 20px;
}

.youxiao {
	border-radius: 20px;
	padding: 5px 15px;
}

.shijuan-content {
	padding-top: 60px;
	padding-bottom: 100px;
}

.shijuan-content img {
	width: 100%;
}

.lianxi-top {
	height: 60px;
	line-height: 60px;
}

.lianxi-left {
	width: 910px;
	background: #FFFFFF;
}

.lianxi-left .lianxi-left-top,
.biji-top {
	border-bottom: 1px solid #e6e6e6;
}

.lianxi-left .lianxi-left-top .lian-left,
.biji-top .biji-left {
	padding: 5px 15px;
	background: linear-gradient(to right, #1c85f8, #1d8ef9, #1f9ffb, #21b3fe, #22bcff);
	text-align: center;
	color: #FFFFFF;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	box-shadow: 0 2px 6px #22bbff;
}

.lian-right-btn {
	background: #f3f5f8;
	border: 1px solid #e6e6e6;
	padding: 5px 10px;
	color: #333333;
	border-radius: 6px;
}

.lianxi-xz {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #f3f5f8;
	color: #333333;
	border: 1px solid #e2e4e8;
}

.lianxi-xz.actived {
	border-color: #1c85f8;
	background: #e8f3ff;
	color: #1c84f8;
}

.lianxi-h:hover {
	background: #f7f9fc;
}

.tijiao-btn {
	background: #f3f5f8;
	border: 1px solid #e6e6e6;
	width: 140px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	border-radius: 6px;
}

.tijiao-s {
	width: 200px;
}

.lianxi-right {
	margin-left: 20px;
}

.lianxi-right .lian-right-top {
	width: 270px;
	background: #FFFFFF;
	border-top: 3px solid #1c85f8;
}

.lianxi-top-title:after {
	position: absolute;
	display: block;
	content: "";
	width: 1px;
	height: 19px;
	background: #e6e6e6;
	top: 22px;
	right: 0;
}

input[type="checkbox"] {
	-webkit-appearance: none;
	vertical-align: middle;
	margin-top: 0;
	background: #fff;
	border: #999 solid 1px;
	border-radius: 3px;
	min-height: 18px;
	min-width: 18px;
}

input[type="checkbox"]:checked {
	background: #1c85f8;
}

input[type=checkbox]:checked::after {
	content: '';
	top: 3px;
	left: 2px;
	position: absolute;
	background: transparent;
	border: #fff solid 2px;
	border-top: none;
	border-right: none;
	height: 6px;
	width: 10px;
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.changebox a {
	display: block;
	width: 36px;
	height: 36px;
	color: #333333;
	border: 1px solid #e0e2e6;
	border-radius: 100%;
	text-align: center;
	line-height: 36px;
	font-size: 16px;
	margin-right: 10px;
	margin-bottom: 10px;
	background: #f3f5f8;
}

.changebox a.actived {
	background: #1c85f8;
	color: #FFFFFF;
	border: 1px solid #1c84f8;
}

.changebox a.actived-one {
	background: #ef4f37;
	color: #FFFFFF;
	border: 1px solid #ef4f37;
}

.changebox a.actived-two {
	background: #ffffff;
	color: #1c84f8;
	border: 1px solid #1c84f8;
}

.lianxi-over {
	padding: 15px 25px;
	background: linear-gradient(to right, #1c85f8, #1d8ef9, #1f9ffb, #21b3fe, #22bcff);
	text-align: center;
	color: #FFFFFF;
	border-radius: 8px;
	box-shadow: 0 2px 6px #22bbff;
}

.zihao a {
	display: block;
	width: 36px;
	height: 36px;
	color: #333333;
	background: #f3f5f8;
	line-height: 36px;
	border-radius: 6px;
	text-align: center;
	border: 1px solid #e6e6e6;
}

.zihao a.actives {
	background: #fff;
	border: 1px solid #1c84f8;
	color: #1c84f8;
}

.jianpan {
	height: 60px;
	line-height: 60px;
}

.jiexi {
	border-radius: 8px;
	background: #FFFFFF;
	border: 1px solid #f3f5f8;
	/* margin-bottom: 50px; */
}

.jiexi-top {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.jiucuo {
	background: #FFFFFF;
	border: 1px solid #e6e6e6;
	border-radius: 20px;
	padding: 5px 10px;
}

.daan {
	padding-right: 80px;
}

.zhishi {
	background: #f3f5f8;
	padding: 5px 10px;
	border: 1px solid #e6e6e6;
	border-radius: 6px;
}

.huifu {
	border: 1px solid #f7452c;
}

.huifu textarea {
	height: 104px;
	border: 0 !important;
	padding: 10px;
	width: 100%;
}

.huifu .flexV-sb {
	height: 36px;
	background: #f8f8f8;
}

.huifu .tijiao {
	width: 80px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #FFFFFF;
	font-size: 16px;
}

.zj {
	width: 18px;
	height: 18px;
}

.zd {
	width: 18px;
	height: 18px;
}

.vctop {
	vertical-align: top;
}

.tubiao-1 {
	margin-bottom: 23px;
}

.tubiao-2 {
	margin-bottom: 23px;
}

.tubiao-3 {
	margin-bottom: 25px;
}

.jiahao {
	background: url(../img/jpg/pic21.jpg) center / cover;
}

.jiahao-one {
	background: url(../img/png/pic73-2.png) center / cover;
}

.jianhao-one {
	background: url(../img/png/pic74-2.png) center / cover;
}

.jianhao {
	background: url(../img/jpg/pic20.jpg) center / cover;
}

.inputs-two {
	width: 320px;
	height: 44px;
	border: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	border: 1px solid #e6e6e6;
	border-radius: 6px;
}

.inputs-two input {
	flex: 1;
	background: #f7f9fc;
	font-size: 15px;
	min-width: 0;
	border: 0 !important;
	padding: 0 20px;
}

.bm-q-one {
	padding: 10px 50px;
}

.baoming-content-one {
	padding-bottom: 30px;
}

span.name {
	display: block;
	width: 75px;
	text-align: right;
	line-height: 30px;
}

.gf-select {
	width: 157px;
	margin-right: 10px;
	position: relative;
}

.gf-select span {
	width: 120px;
	padding: 8px 27px 8px 10px;
	display: block;
	border: 1px solid #ddd;
	cursor: pointer;
}

.gf-select span em {
	font-style: normal;
}

.gf-select .icon-jt {
	background: url(../img/jpg/down-jt.jpg) center right no-repeat;
	width: 12px;
	height: 6px;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -3px;
}

.gf-select ul {
	border: 1px solid #ddd;
	position: absolute;
	width: 100%;
	top: 31px;
	overflow-y: auto;
	display: none;
	background: #fff;
}

.gf-select ul li {
	border-bottom: 1px solid #ddd;
	line-height: 30px;
	padding-left: 10px;
}

.gf-select ul li:last-child {
	border-bottom: none;
}

.baoming-content-two {
	padding-left: 54px;
	padding-right: 54px;
}

.biaoti-h {
	height: 50px;
}

.youhui {
	width: 255px;
	margin-bottom: 10px;
	border: 3px solid #f2f7ff;
}

.youhui .youhui-top {
	background: linear-gradient(to right, #1c85f8, #1d8ef9, #1f9ffb, #21b3fe, #22bcff);
}

.youhui.actives {
	border-color: #ef4f37;
}

.zixun-box {
	display: flex;
}

.zixun-box .zixun-img {
	width: 160px;
	height: 95px;
}

.zixun-box .zixun-img img {
	border-radius: 8px;
}

.right-top {
	padding-left: 20px;
}

.yuan-xiao {
	background: #1c85f8;
	width: 8px;
	height: 8px;
	border-radius: 50%;
}

.yinpin-box {
	display: none;
	transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
}

.yinpin-box.active {
	display: block;
	transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
}

.kecheng-two {
	width: 240px;
	height: 140px;
	border-radius: 10px;
}

.kecheng-two img {
	width: 100%;
	height: 100%;
	border-radius: 10px;
}

.kecheng-two-btn {
	background: #1c85f8;
	color: #FFFFFF;
	width: 75px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border-radius: 6px;
}

.mk-fengmian {
	width: 800px;
	margin: 0 auto;
}

.mk-fengmian .mk-tab {
	width: 500px;
	border-top: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6;
	margin: 0px auto;
}

.mk-fengmian .mk-tab li {
	list-style-type: none;
	border-right: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
	line-height: 220%;
	text-align: left;
	color: #333333;
}

.mk-fengmian .mk-tab li i {
	float: left;
	width: 30%;
	border-right: 1px solid #D6D6D6;
	line-height: 220%;
	margin-right: 20px;
	text-align: center;
	font-style: normal;
	font-size: 14px;
}

.mk-fengmian .mk-shuoming {
	width: 500px;
	margin: 0px auto;
	text-align: left;
}

.kaoshi-one {
	padding: 8px 22px;
	background: #1c85f8;
	border-radius: 6px;
	cursor: pointer;
}

.shijianzhou-box:after {
	position: absolute;
	display: block;
	content: "";
	width: 10px;
	height: 10px;
	background: #1c85f8;
	border-radius: 50%;
	top: 0;
	left: 10px;
}

.shijianzhou-box:before {
	position: absolute;
	display: block;
	content: "";
	width: 1px;
	background: #e6e6e6;
	height: 100%;
	left: 14px;
	top: 0;
}

.shijianzhou-box:last-child:before {
	height: 50%;
}

.shijianzhou-t {
	position: absolute;
	top: 0;
	left: 30px;
}

.pp-btnyewll {
	background-color: #ff8828;
	box-shadow: 0 2px 6px #ff8828;
	background-image: linear-gradient(to right, #ff8828, #ff8828, #ff8828, #ff8828, #ff8828);
}

.classtime .class-tit {
	color: #a7b5c7;
	margin: 15px 0 10px 0;
}

.classtime .classtime-li {
	cursor: pointer;
	position: relative;
	padding: 12px 5px;
	box-sizing: border-box;
	width: 31%;
	margin: 0 3.5% 10px 0;
	overflow: hidden;
	border-radius: 10px;
	background-color: #fff9f0;

}

.classtime .classtime-li:nth-child(3n) {
	margin-right: 0;
}

.classtime .classtime-li.active {
	border: 1px solid #ff8828;
	transition: all .2s;
}

.classtime .classtime-li.active .tit img {
	display: block;
}

.classtime .classtime-li.active .mannub {
	display: block;
}

.classtime .classtime-li.ended {
	background-color: #f7f9fc;

}

.classtime .classtime-li.ended .tit .tittit {
	color: #a7b5c7;
}

.classtime .classtime-li.ended .time {
	color: #a7b5c7;
}

.classtime .classtime-li.ended .mannub {
	display: block;
	background-color: #e7ecf5;
	color: #a7b5c7;
}

.classtime .classtime-li .tit img {
	display: none;
	width: 10px;
	vertical-align: middle;
	margin: 0 5px 0 0;
}

.classtime .classtime-li .tit .tittit {
	color: #353535;
}

.classtime-li .time {
	color: #545454;
	text-align: center;
}

.classtime-li .mannub {
	display: none;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 30px;
	line-height: 30px;
	border-radius: 20px 20px 0 0;
	width: 100%;
	color: #fff;
	text-align: center;
	background-color: #ff811b;
}