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

.clearfix {
    *zoom: 1;
}
.container {
    width: 1200px;
    margin: 0 auto;
}
.logo{
	padding-top: 9px;
	float: left;
}
body .login{
	float: right;
	width: 130px;
	line-height: 40px;
	margin-top: 20px;
	text-align: center;
	color: #fff;
	background: #00b28e;
	font-size: 18px;
	float: right;
	border-radius: 50px;
	cursor: pointer;
}
body .login:hover{
	background: #019879;
}
.banner_box {
    width: 100%;
    height: 249px;
    min-width: 1200px;
    background: url(../images/banner.png) center 0 no-repeat;
    margin-top: 13px;
}
.banner_tit {
    font-size: 22px;
    color: #fff;
    padding-top: 162px;
    margin-left: 90px;
}
.banner_tit span{
	padding-left: 20px;
	padding-right: 20px;
}
.liucheng_box{
	height: 130px;
	background: #fafafa;
	width: 100%;
	overflow: hidden;

}
.liucheng_img{
	float: left;
	margin-top: 20px;
}
.liucheng_zi{
	position: relative;
	float: left;
	margin-left: 31px;
	width: 1060px;
	border-bottom: 2px solid #c8ece4;
	height: 95px;
}
.liucheng_zi p{
	width: 128px;
	text-align: center;
	color: #00ae8c;
	height: 43px;
	padding-bottom: 28px;
	background: url(../images/dian.png) center bottom no-repeat;
	float: left;
	font-weight: bold;
	margin-top: 33px;
	margin-left: 44px;
}
.liucheng_zi1{
	line-height: 43px;
}
.zhuanye_tit{
	margin-top: 40px;
	padding-left: 15px;
	position: relative;
	font-size: 24px;
	font-weight: bold;
	line-height: 24px;
	padding-bottom: 13px;
	border-bottom: 1px solid #f2f2f2;
}
.zhuanye_tit span{
	margin-left: 14px;
	color: #777777;
	font-size: 14px;
	margin-top: 3px;
	line-height: 14px;
}
.zhuanye_tit:before{
    position: absolute;
    content: '';
    width: 4px;
    height: 26px;
    background: #00b28e;
    top: 0;
    left: 0;
}
.kuanji_box{
	float: left;
	width: 285px;
	height: 249px;
	margin-top: 20px;
}
.kuanji_box1{
	background: url(../images/zhuanye1.png) 0 0 no-repeat;
}
.kuanji_box2{
	background: url(../images/zhuanye2.png) 0 0 no-repeat;
	margin-left: 20px;
}
.kuanji_box3{
	background: url(../images/zhuanye3.png) 0 0 no-repeat;
	margin-left: 20px;
}
.kuanji_box4{
	background: url(../images/zhuanye4.png) 0 0 no-repeat;
	margin-left: 20px;
}
.kuaiji_tit{
	text-align: center;
	line-height: 46px;
	font-weight: bold;
	color: #fff;
	font-size: 22px;
	margin-top: 10px;
}
.zhuanye_box{
	overflow: hidden;
	margin-bottom: 11px;
}
.kuaiji_nr{
	width: 256px;
	background: #fff;
	border-radius: 10px;
	margin: 14px auto 0;
	padding-top: 14px;
	padding-bottom: 12px;
}
.kuanji_zi{
	line-height: 30px;
	text-align: center;
}
.kuaiji_btn{
	width: 120px;
	line-height: 34px;
	margin: 10px auto 0;
	text-align: center;
	background: #fed8a8;
	color: #da7a02;
	cursor: pointer;
	border-radius: 50px;
}
.kuaiji_btn:hover{
	background: #eda74e;
	color: #fff;
}
.yuwen_box{
	width: 285px;
	margin-top: 20px;
	float: left;
	box-shadow: 0 0 10px rgba(61,78,110,0.16);
}
.yuwen_box1 .yuwen_top{
	background: url(../images/kecheng1.png) 0 0 no-repeat;
	height: 164px;
}
.yuwen_box1 .yuwen_tit{
	color: #c9783d;
}
.yuwen_box1{
	margin-left: 20px;
}
.class_tit{
	line-height: 59px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	color: #222;
}
.yuwen_img{
	display: block;
}
.class_tit span{
	font-weight: normal;
	float: right;
	color: #555;
}
.advantage_box {
    margin-top: 10px;
    background: #fff;
    cursor: pointer;

}
.advantage_box1{
	margin-top: 20px;
    box-shadow: 0 0 10px rgba(230,234,242,0.59);
}
.class_header {
    margin-top: 20px;
    overflow: hidden;
}
.advantage_box .advantage_xx p:nth-child(1) {
    color: #555;
}
.advantage_list{
	float: left;
	overflow: hidden;
	width: 300px;
	border-bottom: 4px solid #fff;
}
.advantage_list .advantage_img{
	float: left;
	display: block;
	width: 140px;
	height: 156px;

}
.advantage_img1{
    background: url(../images/youshi1.png) 0 0 no-repeat;

}
.advantage_img2{
    background: url(../images/youshi2.png) 0 0 no-repeat;
}
.advantage_img3{
    background: url(../images/youshi3.png) 0 0 no-repeat;
}
.advantage_img4{
    background: url(../images/youshi4.png) 0 0 no-repeat;
}
.advantage_xx{
	float: left;
	width: 160px;
	margin-top: 48px;
}
.advantage_xx p:nth-child(1){
	font-weight: bold;
	margin-top: 15px;
	font-size: 18px;
}
.advantage_xx p:nth-child(2){
	line-height: 22px;
	color: #929292;
	font-size: 14px;
	margin-top: 5px;
}
.advantage_box .active{
	border-bottom: 2px solid #12c8d5;
}
.wenti_box{
	width: 100%;
	background: url(../images/footer.png) center 0 no-repeat;
	height: 231px;
	padding-top: 63px;
}
.wenti_l{
	float: left;
	overflow: hidden;
}
.wenti_r{
	float: left;
	overflow: hidden;
	margin-left: 65px;
}
.wenti_tit{
	font-size: 24px;
	line-height: 24px;
	padding-left: 12px;
	border-left: 4px solid #00b28e;
	font-weight: bold;
	margin-bottom: 21px;
}
.wenti_xq{
	line-height: 34px;
	cursor: pointer;
}
.wenti_xq:hover{
	color: #00b28e;
}
.more{
	float: left;
	font-size: 14px;
	font-weight: bold;
	color: #555555;
	margin-left: 170px;
	cursor: pointer;
}
.kaohe_tit{
	font-weight: 20px;
	margin-bottom: 5px;
}
.fangfa{
	font-size: 14px;
	line-height: 26px;
}
.ewm{
	float: right;
	border: 7px solid #f1f1f1;
	border-radius: 5px;
    margin-top: -7px;
    margin-right: 112px;
	width: 160px;
}
.footer_box {
    width: 100%;
    margin-top: 10px;
    background: #fff;
    border-bottom: 1px solid #dfdfdf;
}
.copyright {
    text-align: center;
    padding-top: 12px;
    color: #555;
    font-size: 14px;
}
.record {
    text-align: center;
    padding-bottom: 20px;
    color: #555;
    font-size: 14px;
}
.record a {
    color: #555;
}
.mask_box{
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	z-index: 10;
	width: 100%;
	height: 100%;
	display: none;
}
.teacher_box{
	width: 576px;
	height: 332px;
	background: #fff;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	z-index: 11;
}
.teacher_tit{
	line-height: 60px;
	background: #f5f5f5;
	position: relative;
	color: #666666;
	padding-left: 41px;
	font-size: 18px;
}
.teacher_tit:before {
    position: absolute;
    content: '';
    width: 5px;
    height: 22px;
    background: #00b28e;
    top: 19px;
    left: 20px;
}
.teacher_close{
	position: absolute;
	top: 22px;
	right: 22px;
	cursor: pointer;
}
.teacher_ul{
	margin-left: 29px;
	overflow: hidden;
	margin-top: 40px;
}
.teacher_ul li{
	float: left;
	width: 38px;
	margin-left: 153px;
}
.teacher_ul li img{
	border:7px solid #f1f4f4;
	width: 174px;
	height: 174px;
}
.teacher_ul li p{
	margin-top: 10px;
	text-align: center;
	font-size: 14px;
	color: #333333;
}
.login_mask {
    position: fixed;
    left: 0;
    top: -500px;
    width: 417px;
    height: 117px;
    z-index: 10000;
    display: none;
}
.login_mask_btn {
    position: absolute;
    width: 132px;
    height: 48px;
    right: 0;
    bottom: 0;
    background: #fff;
}
.logOut{
	margin-left: 20px;
}
.yesLogin{
	display: none;
}
.wrap{
	width: 1200px;
	margin: 0 auto;
}
/* 红包领取 */
.red_off{
	width: 1200px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 34px;
}
.red_off_l{
	width: 580px;
	height: 161px;
	background: url(/OtherItem/kjxt/images/re_bg.png) no-repeat center;
	display: flex;
	align-items: center;
	position: relative;
}
.red_off_l>img{
	width: 66px;
	margin-left: 40px;
    margin-right: 50px;
}
.red_off_l .off_info{
	width: 243px;
	color: #333;
	font-family: "微软雅黑","Microsoft YaHei";
}
.red_off_l .off_info p{
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 7px;
}
.red_off_l .off_info span{
	font-size: 14px;
}
.off_btn{
	position: absolute;
	right: 20px;
	top: 41px;
}
/* 高效班 */
.eff_info{
	width: 1200px;
	height: 235px;
	background: url(/OtherItem/kjxt/images/high_bg.png) no-repeat center;
	padding: 0px 20px 0 20px;
    box-sizing: border-box;
	display: flex;
	margin-top: 20px;
}
.eff_m {
	position: relative;
	margin-top: 60px;
	width: 560px;
	padding-top: 39px;
    padding-left: 36px;
    box-sizing: border-box;
}
.eff_m span.title{
	position: absolute;
	top: -9px;
	left: 10px;
	width: 180px;
	height: 34px;	
	background: url(/OtherItem/kjxt/images/ef_bg.png) center;
	text-align: center;
	line-height: 34px;
	color: #8a3a07;
	font-size: 16px;
	font-weight: 600;
}
.eff_m p{
	color: #333;
	font-size: 14px;
	line-height: 25px;
}
.step_m{
	width: 473px;
	height: 56px;
	background: url(/OtherItem/kjxt/images/step_bg.png) no-repeat center;
}
.steo_info{
	width: 526px;
	display: flex;
	justify-content: space-between;
}
.steo_info p{
	font-size: 14px;
	font-weight: 600;
	color: #333;
	text-align: center;
}
.steo_info p:nth-child(2){
	margin-left: 59px;
}
.steo_info p span{
	font-weight: 500;
	font-size: 12px;
	line-height: 14px;
	display: block;
    width: 162px
}
.c_title{
	display: flex;
	align-items: center;
	margin: 20px 0;
}
.c_title i{
	width: 6px;
	height: 6px;
	margin-right: 10px;
	background: linear-gradient(to left,#16979f,#2bc0a2);
}
.c_title p{
	font-size: 24px;
}
.c_title span{
	height: 18px;
	background: rgba(254,168,130,0.32);
	border-radius: 9px;
	font-size: 12px;
	text-align: center;
	line-height: 18px;
	color: #ff4011;
	margin-left: 16px;
	padding: 0 8px;
}
.classes li{
	width: 285px;
	height: 223px;
	background: #fff;
	border-radius: 9px;
	box-shadow: 0 0 18px 3px rgba(230,234,242,0.6);
	margin-right: 20px;
	float: left;
	margin-bottom: 20px;
}
.classes li:nth-child(4n){
	margin-right: 0;
}
.topImg{
	width: 285px;
	height: 164px;
	padding-top: 30px;
	padding-left: 32px;
	box-sizing: border-box;
}
.bg01{
	background: url(/OtherItem/kjxt/images/c_img01.png) no-repeat;

}
.bg02{
	background: url(/OtherItem/kjxt/images/c_img02.png) no-repeat;
	
}
.bg03{
	background: url(/OtherItem/kjxt/images/c_img03.png) no-repeat;
	
}
.bg04{
	background: url(/OtherItem/kjxt/images/c_img04.png) no-repeat;
	
}
.bg05{
	background: url(/OtherItem/kjxt/images/c_img05.png) no-repeat;
	
}
.topImg p{
	width: 72px;
	height: 28px;
	border-radius: 9px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.topImg p i{
	width: 13px;
	height: 15px;
	background: url(/OtherItem/kjxt/images/address_icon.png) no-repeat center;
	margin-right: 6px;
}
.topImg span{
	display: block;
	font-size: 30px;
	margin-top: 24px;
	line-height: 1.1;
	font-family: "SimSun", "微软雅黑","Arial";
}
.bg01 p{
	background: #908af3;
}
.bg02 p{
	background: #f38c66;
}
.bg03 p{
	background: #41c6b2;
}
.bg04 p{
	background: #f5cc66;
}
.bg05 p{
	background: #6baaf6;
}
.bg01 span{
	color: #40377b;
}
.bg02 span{
	color: #873d29;
}
.bg03 span{
	color: #1e6776;
}
.bg04 span{
	color: #785b02;
}
.bg05 span{
	color: #073d7e;
}
.class_btn{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 12px;
	box-sizing: border-box;
	margin-top: 13px;
}
.class_btn a{
	width: 120px;
	height: 34px;
	font-size: 18px;
	border-radius: 17px;
	text-align: center;
	line-height: 34px;
}
.class_btn a:nth-child(1){
	border: 1px solid #dddddd;
	color: #333;
}
.class_btn a:nth-child(2){
	background: #01b18e;
	color: #fff;
}
.class_btn a:nth-child(2):hover{
	background: #019879;
}
/* vip班 */
.v_info{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
}
.v_info_M{
	width: 386px;
	height: 160px;
	color: #fff;
}
.v_info_M h3{
	line-height: 50px;
	margin-left: 30px;
	font-size: 18px;
	font-family: "黑体";
}
.v_info_M span{
	line-height: 26px;
	margin-left: 30px;
	font-size: 16px;
	display: block;
    margin-top: 13px;
    width: 90%;
}
.v_info01{
	background: url(/OtherItem/kjxt/images/v_ingo_img01.png) center no-repeat;
	box-shadow: 0 0 18px 3px rgba(230,234,242,0.6);
}
.v_info02{
	background: url(/OtherItem/kjxt/images/v_ingo_img01.png) center;
	box-shadow: 0 0 18px 3px rgba(230,234,242,0.6);
}
.v_info03{
	background: url(/OtherItem/kjxt/images/v_ingo_img01.png) center;
	box-shadow: 0 0 18px 3px rgba(230,234,242,0.6);
}

.v_classes .bg01{
	background: url(/OtherItem/kjxt/images/v_bgimg01.png) no-repeat;

}
.v_classes .bg02{
	background: url(/OtherItem/kjxt/images/v_bgimg02.png) no-repeat;
	
}
.v_classes .bg03{
	background: url(/OtherItem/kjxt/images/v_bgimg03.png) no-repeat;
	
}
.v_classes .topImg{
	display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    padding-top: 30;
	padding-left: 0;
}
.v_classes .topImg p{
	height: 28px;
	border-radius: 9px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	padding: 0 12px;
	width: auto;
    margin: 0 auto;
    display: flex;
    line-height: 28px;
}
.v_classes .topImg span{
	text-align: center;
}
.v_classes .topImg span.mt{
	margin-top: 10px;
}
.v_classes .bg01 p{
	background: #908af3;
}
.v_classes .bg02 p{
	background: #7ab2f7;
}
.v_classes .bg03 p{
	background: #f38c66;
}
.v_classes .bg01 span{
	color: #40377b;
}
.v_classes .bg02 span{
	color: #073d7e;
}
.v_classes .bg03 span{
	color: #873d29;
}
/* 整专业保障班 */
.zhuanye_tit{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.zhuanye_tit a{
	height: 27px;
	padding: 0 10px;
	background: #ff7b4f;
	border-radius: 13.5px;
	color: #fff;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-style: normal;
	cursor: pointer;
}
.zhuanye_tit a i{
	width: 13px;
	height: 17px;
	background: url(/OtherItem/kjxt/images/cur_icon.png) no-repeat ;
	margin-left: 4px;
}
.all-top{
	width: 1200px;
	height: 80px;
	background: linear-gradient(to right,#ffedd3,#fffcf7);
	border-radius: 0 0 9px 9px;
	border-top: 3px solid #f2c182;
	margin-top: 20px;
	display: flex;
	align-items: center;
	justify-content: center;

}
.a_step_info{
	display: flex;
	align-items: center;
	color: #333;
}
.a_step_info h5{
	font-size: 18px;
	font-weight: 600;
	margin-left: 14px;
	margin-right: 28px;
}
.a_step_info span{
	font-size: 14px;
	margin-top: 5px;
}
.line{
	background: #fff;
	width: 1px;
	height: 40px;
	margin: 0 42px;
}
.topImg em{
	font-size: 30px;
	font-style: normal;
}
.topImg h4{
	font-weight: 500;
	padding: 0 12px;
	height: 28px;
	border-radius: 14px;
	color: #fff;
	margin-top: 17px;
	line-height: 28px;
}
.c_zhi .class_m{
	margin-top: 20px;
}
.class_btn h6{
	font-size: 18px;
}
.class_btn h6.elide{
	width: 144px;
	overflow: hidden;    
	text-overflow:ellipsis;    
	white-space: nowrap;
}
.class_btn span{
	font-size: 16px;
}
.topImg em{
	text-align: center;
}
.sty em{
	line-height: 1.2;
}
.sty h4{
	margin-top: 10px;
}
.v_classes .bg01 em{
	color: #40377b;
}
.v_classes .bg02 em{
	color: #073d7e;
}
.v_classes .bg03 em{
	color: #873d29;
}

.v_classes .bg01 h4{
	background: #908af3;
}
.v_classes .bg02 h4{
	background: #7ab2f7;
}
.v_classes .bg03 h4{
	background: #f38c66;
}
.hot_main{
	width: 100%;
	height: 404px;
	background: #e0e7e9;
	padding: 12px 13px;
	box-sizing: border-box;
	border-radius: 22px;
	margin-top: 20px;
}
.hot_info{
	width: 100%;
	background: #fff;
	height: 380px;
	border-radius: 20px;
	overflow: hidden;
}
.hot_info ul{
	display: flex;
	align-items: center;
}
.hot_info ul li{
	width: 292px;
	height: 64px;
	text-align: center;
	line-height: 64px;
	font-size: 18px;
	color: #333;
	background: #f2f5f6;
	margin-right: 2px;
	cursor: pointer;
}
.hot_info ul li.on{
	background: #00ae8c;
	color: #fff;
}
.hot_info ul li:last-child{
	margin-right: 0;
}
.h_info{
	display: none;
	align-items: center;
	justify-content: center;
	margin-top: 42px;
}
.H_info_m{
	width: 288px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin-right: 50px;
	position: relative;

}
.H_info_m:last-child{
	margin-right: 0;
}
.H_info_m h3{
	font-size: 18px;
	text-align: center;
	line-height: 1;
	position: absolute;
    top: 79px;
}
.H_info_m span{
	font-size: 16px;
	line-height: 28px;
	margin-top: 5px;
	min-height: 288px;
}
/* 购物车 */
.r_fixed{
	width: 89px;
	height: auto;
	background: #f2f5f6;
	position: fixed;
	right: 20px;
	margin-top: -92px;
	top: 50%;
	border-radius: 4px;
	padding-top: 4px;
}
.car_icon{
	border-radius: 4px;
	width: 81px;
	height: 29px;
	position: relative;
	background: #00b28e;
	color: #fff;
	align-items: center;
	justify-content: center;
	display: flex;
	font-size: 14px;
	margin: 0 auto;
}
.car_icon img{
	margin-right: 2px;
	width: 19px;
	height: 19px;
}
.car_num{
	position: absolute;
	right: 0px;
	width: 17px;
	height: 17px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	border-radius: 50%;
	background: #ff4b27;
	right: 0;
	top: -10px;
	line-height: 17px;
	font-style: normal;
}
.code{
	margin-top: 12px;
	margin-left: 4px;
}
.code span{
	font-size: 12px;
    text-align: center;
    line-height: 20px;
    display: block;

}
.courPop{
	display: none;
	align-items: center;
	padding: 0 10px;
	height: 30px;
	border-radius: 6px;
	text-align: center;
	line-height: 30px;
	font-size: 16px;
	background: rgba(0,0,0,0.5);
	color: #fff;
	position: fixed;
	top: 50%;
	margin-top: 15px;
	left: 50%;
}
.coupon-popup,.rules-popup {
    display: none;
    width: 500px;
    height: 320px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    background: #fff;
    border-radius: 10px;
    padding-top: 45px;
    z-index: 9999
}

.coupon-popup .close-popup,.rules-popup .close-popup {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    right: 0;
    margin: 18px;
    background: url("//www.zikao365.com/zhuanti/20211212/img/i-close.png") no-repeat left top;
    cursor: pointer
}

.coupon-popup .img,.rules-popup .img {
    display: block;
    margin: 0 auto;
    width: 96px;
    height: 104px;
    overflow: hidden
}

.coupon-popup .img img,.rules-popup .img img {
    width: 100%
}

.coupon-popup .tip,.rules-popup .tip {
    font-size: 22px;
    line-height: 40px;
    margin-top: 20px;
    text-align: center
}
.mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.6);
    z-index: 9998
}
.coupon-popup .target,.rules-popup .target {
    display: block;
    width: 139px;
    line-height: 40px;
    margin: 30px auto;
    background: #f7553f;
    border-radius: 20px;
    color: #fff;
    font-size: 18px;
    text-align: center
}