﻿@charset "utf-8";
/* CSS Document */

/*登录*/
/*.login{background: url(../images/login_bg.png) no-repeat ; overflow: hidden;}
.top{margin-top: 80px; overflow: hidden; margin-bottom: 350px;}
.top .logo{width: 486px;height: 33px; float: left; margin-right: 30px;}
.top .logo img{width: 100%;}
.top_right{font-size: 26px; color: #fff; background: url(../images/login_line.png) no-repeat left; padding-left: 30px; height: 40px; line-height: 40px;}
.login_area{width: 490px; float: right; margin-bottom: 278px;}
.login_area p{margin-bottom: 60px; overflow: hidden;}
.label_login{color: #7f7f7f; font-size: 18px; height: 40px; line-height: 40px; margin-right: 10px; display: block; float: left;}
.label_xing{color: #d85a5a; font-size: 18px; float: left;  padding-top: 10px; margin-right: 10px;}
.label_text{width: 228px; height: 41px; border: 1px solid  #e7e7e7; line-height: 41px; padding: 0 10px;}
.label_send{width: 106px; height: 40px; line-height: 40px; color: #fff; font-size: 18px; background: #66ccce; display: block; float: right; text-align: center; border-radius: 10px; cursor: pointer;}
.label_code{width: 349px; height: 41px; border: 1px solid  #e7e7e7; line-height: 41px; padding: 0 10px;}
.login_btn{width: 196px;height: 45px; line-height: 45px; color: #fff; font-size: 20px; text-align: center; border-radius: 10px; background: #66ccce; border:#66ccce; margin: 0 auto; display: block; }*/


/*欢迎页*/
.welcome{
	background: #fff;
}
#mian{padding-top: 50px;padding-bottom: 20px}
.zx_logo{width:100%; vertical-align: middle}
.zx_logo .zixun{float:left; }
.zx_logo .zixun img{height: 40px;margin-right: 10px}
.zixun_title{display: inline-block; color:#31C5C7;font-size: 28px ;font-weight:bold; vertical-align: bottom}
.zx_logo .zixun .count{display: inline-block;color: #31C5C7; font-size: 18px;vertical-align: bottom;margin-left: 20px}
.zx_logo .gengduo{float:right;font-size: 18px;line-height: 55px; cursor: pointer}
.zx_logo2{margin-top: 40px}
.zx_content{width: 100%;margin-top: 20px}
.zx_content .zx_title .dian{float:left;width: 11px;height: 11px;border-radius: 100%; background-color: #2CD0D2;margin-top: 10px}
.zx_content .zx_title .zx_title_t{float:left; color: #000;font-size: 22px;margin-left: 5px;width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.zx_content .zx_title .zx_time{float: right;margin-top: 10px;color: #AAAAAA}
.zx_jj{color: #AAAAAA;line-height: 28px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow: hidden;}
.welcome_con{text-align: center;}
.welcome_con .sc_name{font-size: 35px;color: #000;margin-bottom: 20px}
.welcome_con .sign_up{font-size: 20px; color: #000000; height: 70px;color: #66ccce;}
.welcome_con .sign_up i{font-style: normal; font-size: 70px; color: #f89128; display: inline-block; margin: 0 30px;}
.welcome_con .sign_time{font-size: 20px; color: #66ccce; line-height: 40px; margin-bottom: 20px;}
.welcome_con .enter{width: 500px; height: 80px; line-height: 80px; background: #dddddd; color: #fff; font-size: 35px; text-align: center; border-radius: 10px; margin: 0 auto; cursor: pointer; margin-top: 80px; margin-bottom: 115px;}
.welcome_con .enter:hover{opacity: 0.8}
.school_logo{ margin: 0 auto; margin-top: 125px; overflow: hidden; width: 320px; height: 320px;}
.school_logo img{width: 333px; height: 320px; margin: 0 auto}
.sign_xiazai{width: 90%;margin: auto; margin-bottom: 50px;text-align: center;margin-top: 20px}
.login_lj{float: left;width: 40%;height: 50px;text-align: center;background-color: #F3A272;color: #fff;line-height: 50px;font-size: 20px;margin-right: 20%;border-radius: 5px}
.login_jd{float: left;width: 40%;height: 50px;text-align: center;background-color: #31C5C7;color: #fff;line-height: 50px;font-size: 20px;border-radius: 5px}
.login_lj2{display: inline-block;width: 40%;margin: auto;height: 50px;text-align: center;background-color: #F3A272;color: #fff;line-height: 50px;font-size: 20px;border-radius: 5px}
.num_t{margin-top: 20px;width:100% ;display: flex}
.m_numt{display: none;}
.pc_numt{}
.num_t .aaa{flex-basis: 33%;}
.num{text-align: center;position: relative;}
.xian{position:absolute;left: 50%;right: -50%;height: 2px;
	top: 12px;background-color: #31C5C7;text-align: center}
.num_sz{position: relative;
	z-index: 1;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	 display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 32px;
	height: 24px;
	font-size: 14px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #FFF;
	/*border-radius: 50%;*/
	/*border: 2px solid;*/
	border-color: inherit;

	}
.num_inner{
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background-color: #31C5C7;
	color: #fff;
	user-select: none;
	text-align: center;
	font-weight: 700;
	line-height: 24px;
	font-size: 16px;
	font-style: oblique;
	letter-spacing:4px;
}
.aaa_main{
	text-align: center;
}
.main_title{
	font-size: 16px;
	line-height: 38px;
	color: #333;
	text-align: center;

}
.schools .school{float: left;width: 24%;height: 100px;border: 1px solid #ccc;margin-right: 1%;margin-top: 20px;display: table}
.schools .school:hover{
	border: 1px solid #66ccce;
}
.schools .school .school_name{margin-top: 10px;margin-left: 10px;color: #000000;font-size: 21px;display: table-cell;vertical-align: middle;text-align: center}
.huitiao{height: 30px;background-color: #F4F4F4;display: none}
@media (max-width: 768px) {
	.zx_logo{margin-top: 30px}
	.zx_content .zx_title .zx_title_t{float:left; color: #333;font-size: 22px;margin-left: 5px;width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.zx_jj{display: none}
    .welcome_con .sc_name{width: 90%;font-size: 28px;color: #000;margin: auto;margin-bottom: 20px;}
    .welcome_con .sign_up{font-size: 25px; height: inherit;}
    .welcome_con .sign_up i{font-size: 60px;}
    .school_logo img{width: 100%; height: inherit;}
    .welcome_con .enter{width: 100%; /*height: 46px;*/ margin-top: 40px; margin-bottom: 45px;}
    .school_logo{margin-top: 50px; width: 200px; height: 200px;}
    .welcome_con .sign_up{margin-top: 40px;}
    .welcome_con .sign_time{height: inherit; width: 90%;margin: auto}
	.schools .school{float: left;width: 49%;height: 100px;border: 1px solid #cccc;margin-right: 1%;margin-top: 20px;display: table}
	.schools .school .school_name{margin-top: 30px;margin-left: 10px;color: #000000;font-size: 20px;display: table-cell;vertical-align: middle;text-align: center}
	.login_lj{font-size: 16px; height: 40px;line-height: 40px}
	.login_lj2{font-size: 16px; height: 40px;line-height: 40px}
	.login_jd{font-size: 16px;height: 40px;line-height: 40px}
	.huitiao{display: block}
	.m_numt{display: flex; margin-bottom: 50px}
	.pc_numt{display: none;}
}
@media (max-width: 540px) {
	.zx_logo{margin-top: 30px}
	.zx_logo2{margin-top: 30px}
	.zx_logo .zixun img{height: 25px;margin-right: 10px}
	.zixun_title{display: inline-block; color:#31C5C7;font-size: 22px ;font-weight:bold; vertical-align: bottom}
	.zx_logo .zixun .count{display: inline-block;color: #31C5C7; font-size: 16px;vertical-align: bottom;margin-left: 20px}
	.zx_logo .gengduo{float:right;font-size: 16px;line-height: 38px; cursor: pointer}
	.schools .school{float: left;width: 49%;height: 85px;border: 1px solid #cccc;margin-right: 1%;margin-top: 20px;display: table}
	.schools .school .school_name{margin-top: 10px;margin-left: 10px;color: #000000;font-size: 16px;display: table-cell;vertical-align: middle;text-align: center}
}
@media (max-width: 320px){
	.welcome_con .sign_up{font-size: 20px;}
    .welcome_con .sign_up i{font-size: 40px; margin: 0 10px;}
    .welcome_con .enter{width: 100%; height: 46px; line-height: 46px; font-size: 25px;}
}
@media (min-width: 321px) and (max-width:375px){
	.welcome_con .sign_up{font-size: 20px; height: inherit;}
    .welcome_con .sign_up i{font-size: 50px; margin: 0 10px;}
	.welcome_con .enter{width: 100%; height: 53px; line-height: 53px;}
}
@media (min-width: 376px) and (max-width:414px){
	.welcome_con .sign_up{font-size: 25px; height: inherit;}
    .welcome_con .sign_up i{font-size: 50px; margin: 0 10px;}
	.welcome_con .enter{width: 100%; height: 61px; line-height: 61px;}
}
@media (min-width: 415px) and (max-width:768px){
}


/*招生简章*/
.recruit{background: #f6f6f6; overflow: hidden;}
.recruit_con{background: #fff; border: 1px solid #e1e1e1; overflow: hidden; padding: 50px 50px; margin-top: 60px; margin-bottom: 80px;}
.recruit_con .recruit_title{height: 35px; line-height: 35px; overflow: hidden; margin-bottom: 30px;}
.recruit_con .recruit_title h2{color: #333333; font-size: 28px; height: 35px; line-height: 35px; float: left;}
.recruit_con .recruit_title .break{float: right; font-size: 16px; color: #a0a0a0}
.recruit_con .recruit_title .break:hover{color: #66ccce}
.recruit_list li {border-top: 1px solid #e5e5e5; padding: 40px 0; overflow: hidden;}
.recruit_list li .img{width: 180px; height: 180px; float: left; margin-right: 28px;display: none}
.recruit_list li .img img{width: 100%;}
.recruit_content{width: 890px; float: left;}
.recruit_content .title{color: #333333; font-size: 22px; line-height: 25px; height: 25px; display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.recruit_content .title:hover{color: #66ccce}
.recruit_content .time{font-size: 16px; color: #cbcbcb; height: 40px; line-height: 40px; display: block; margin: 10px 0 15px;}
.recruit_content .content{color: #b6b6b6; font-size: 18px; line-height: 30px; height: 90px; display: block;display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;}
@media (max-width: 1000px) {
	.basic_massage .massage label{
		text-align: left !important;
	}
}
@media (max-width: 768px) {
	.recruit .container{width: 100%;}
	.recruit_con{border: 0; margin: 0; padding: 0 20px 30px}
	.recruit_con .recruit_title{margin-top: 40px;}
	.recruit_list li:first-child{border-top: 0}
	.recruit_content{width: 500px;}
	.recruit_content .title{font-size: 20px; line-height: 30px; height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.recruit_content .time{font-size: 12px; margin: 0; height: 20px; line-height: 20px;}
	.recruit_content .content{height: 80px; overflow: hidden; font-size: 14px; line-height: 25px;}
	.recruit_list li{padding: 20px 0}
	.recruit_list li .img{width: 30%; height: inherit; /*float: none;*/ margin-bottom: 10px; margin-right: 10px;} 
	.recruit_content{width: 100%;}
}
@media (max-width: 320px){
	.recruit_list li .img{width: 25%;} 
	.recruit_content{width: 100%;}
	.recruit_content .content{height: 75px;}
	/*.recruit_list li{padding: 10px 0}*/
	.pagination {
		margin: 30px 0;
		float:none;
		margin-left: 10%;
	}
}
@media (min-width: 321px) and (max-width:375px){
	.recruit_list li .img{width: 25%;} 
	.recruit_content{width: 100%;}
	.recruit_content .content{height: 75px;}
	
}
@media (min-width: 415px) and (max-width:768px){
}

/*招生简章-详情*/
.detail{background: #fff; border: 1px solid #e1e1e1; overflow: hidden; padding: 40px 50px; margin-top: 60px; margin-bottom: 80px;}
.detail .break{ font-size: 16px; color: #a0a0a0; display: block; }
.detail_title{text-align: center; margin-top: 10px;}
.detail_title h2{color: #333333; font-size: 28px; width: 760px; margin: 0 auto; line-height: 50px; height: inherit; overflow: hidden;}
.detail .time{ font-size: 16px; color: #a0a0a0; display: block; margin: 50px 0}
.detail_con .content{color: #a0a0a0; font-size: 16px; line-height: 30px; padding-top: 70px; overflow: hidden;}
.detail_con .content .img{width: 800px; height: 533px; margin: 40px auto; }
.detail_con .content .img img{width: 100%;}

@media (max-width: 768px) {
	.detail .break{display: none;}
	.detail{margin: 0 ; border: 0; padding: 20px;}
	.detail_title h2{width: 100%; font-size: 26px; line-height: 30px;}
	.detail .time{margin: 20px 0}
	.detail_con .content{padding-top: 20px;}
	.detail_con .content .img{width: 100%; height: inherit; margin: 20px 0}
}
@media (max-width: 320px){
}
@media (min-width: 321px) and (max-width:375px){
}
@media (min-width: 376px) and (max-width:414px){
}
@media (min-width: 415px) and (max-width:768px){
}

/* 预约成功 */
div.yuyue{margin: 120px auto;margin-top: 140px;}
div.yuyue .pass{ margin-bottom: 65px;}
div.yuyue .message{ font-size: 16px;}
div.yuyue .divbtn .pdfAdobe{text-align: center;margin-top: 10px;}
div.yuyue .divbtn{}
div.yuyue .divbtn .pdfAdobe a{color: #66ccce;}
@media (max-width: 768px) {
	div.yuyue{margin: 18px auto;}
	div.yuyue .pass{ margin-bottom: 30px;}
	div.yuyue .message{margin-top: 12px;}
	div.yuyue .divbtn{ position: fixed;bottom: 30px;width: 90%;}
	div.yuyue .divbtn .sure_btn{margin-top: 10px;position: static;}
}
@media (max-width: 320px){
	div.yuyue{margin: 18px auto;}
	div.yuyue .pass{ margin-bottom: 30px;}
	div.yuyue .message{margin-top: 12px;}
	div.yuyue .divbtn{ position: fixed;bottom: 30px;width: 90%;}
	div.yuyue .divbtn .sure_btn{margin-top: 10px;position: static;}
}
@media (min-width: 321px) and (max-width:375px){
	div.yuyue{margin: 18px auto;}
	div.yuyue .pass{ margin-bottom: 30px;}
	div.yuyue .message{margin-top: 12px;}
	div.yuyue .divbtn{ position: fixed;bottom: 30px;width: 90%;}
	div.yuyue .divbtn .sure_btn{margin-top: 10px;position: static;}
}
@media (min-width: 376px) and (max-width:414px){
	div.yuyue{margin: 18px auto;}
	div.yuyue .pass{ margin-bottom: 30px;}
	div.yuyue .message{margin-top: 12px;}
	div.yuyue .divbtn{ position: fixed;bottom: 30px;width: 90%;}
	div.yuyue .divbtn .sure_btn{margin-top: 10px;position: static;}
}
@media (min-width: 415px) and (max-width:768px){
	div.yuyue{margin: 18px auto;}
	div.yuyue .pass{ margin-bottom: 30px;}
	div.yuyue .message{margin-top: 12px;}
	div.yuyue .divbtn{ position: fixed;bottom: 30px;width: 90%;}
	div.yuyue .divbtn .sure_btn{margin-top: 10px;position: static;}
}

/*答疑投诉提交成功*/
.succes_dayi{background: #f6f6f6; min-height: 300px;}
.dayi_con{width: 35%; margin: 200px auto;}
.dayi_con .pass{width: 175px; height: 173px; margin: 0 auto; margin-bottom: 80px;}
.dayi_con .pass img{width: 100%;}
.dayi_con .submit{color: #666666; font-size: 28px; text-align: center; line-height: 60px;}
.dayi_con .sure_btn{width: 220px; height: 52px; text-align: center; line-height: 52px; color: #fff; font-size: 22px; border-radius: 5px; background: #66ccce;border: #66ccce; margin: 0 auto; margin-top: 120px; display: block;}

@media (max-width: 768px) {
	.succes_dayi{background: #fff; }
	.dayi_con{width: 59%; margin: 100px auto}
	.dayi_con .pass{margin-bottom: 40px; width: 150px; height: 150px;}
	.dayi_con .sure_btn{position: fixed; bottom: 80px; width: 60%;}
	.dayi_con .submit{line-height: 40px; font-size: 22px;}
}
@media (max-width: 320px){
	.dayi_con{width: 90%; margin: 85px auto}
	.dayi_con .sure_btn{width: 90%; bottom: 30px;}
}
@media (min-width: 321px) and (max-width:375px){
	.dayi_con{width: 90%;}
	.dayi_con .sure_btn{ width: 90%;}
}
@media (min-width: 376px) and (max-width:414px){
	.dayi_con{width: 90%;}
	.dayi_con .sure_btn{ width: 90%;}
}
@media (min-width: 415px) and (max-width:768px){
}

/*首页*/
/*--banner--*/
.carousel-indicators li{width: 18px; height: 18px; background: #fff; border: 0; margin: 0 12px;}
.carousel-indicators .active{width: 18px; height: 18px; background: #66ccce; margin: 0 12px;}
.carousel-indicators{height: 18px;}

/*2017.04.10*/
.swiper-wrapper > .swiper-slide > img, .swiper-wrapper > .swiper-slide > a > img { display: block;   max-width: 100%; height: auto;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: 18px; height: 18px; background: #fff; border: 0; margin: 0 12px!important;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 18px; height: 18px; background: #66ccce; margin: 0 12px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 20px!important; margin: auto}


/*--banner--*/
.index{background: #fff;}
.index .index_con{background: #fff; border: 1px solid #e1e1e1; min-height: 400px; margin-top: 60px; margin-bottom: 80px; padding: 50px 50px 10px; overflow: hidden;}
.index .index_con h2{color: #66ccce; font-size: 26px; height: 30px; line-height: 30px; background: url(../images/index_ico2.png) no-repeat left; padding-left: 60px; margin-bottom: 50px;}
.index .index_con .fast_con{overflow: hidden;}
.index_con .fast_con li{width: 50%; float: left; /*height: 130px;*/ /*line-height: 130px;*/ padding: 10px 0; padding-left: 110px;line-height: 110px;}
.index_con .fast_con li:nth-of-type(1){border-right: 1px solid #d6d6d6}
.index_con .fast_con li .fast_bg{width: 110px; height: 110px; float: left;}
.index_con .fast_con li .fast_bg img{width: 100%;}
.index_con .fast_con li .check{color: #000000; font-size: 24px; padding-left: 150px; /*line-height: 110px;*/}
.index_con .fast_con li .query{color: #000000; font-size: 24px; padding-left: 150px; /*line-height: 110px;*/}
.process{width: 100%; margin-top: 50px;}
.process img{width: 100%;}
.recruit_massage{margin-top: 60px;}
.recruit_massage .recruit_title{ height: 34px; line-height: 34px;}
.recruit_massage .recruit_title h4{color: #66ccce; font-size: 26px; float: left; height: 34px; line-height: 34px;}
.recruit_massage .recruit_title h4 i{background: url(../images/index_ico3.png) no-repeat; width: 30px; height: 34px; display: block; float: left; margin-right: 20px;}
.recruit_massage .recruit_title .more{float: right; color: #c6c6c6; font-size: 12px; }
.Recruit_list li {border-bottom: 1px solid #e5e5e5; padding: 40px 0; overflow: hidden;}
.Recruit_list li:last-child{border-bottom: 0;}
.Recruit_list li .img{width: 180px; height: 180px; float: left; margin-right: 28px;}
.Recruit_list li .img img{width: 100%;}
.Recruit_content{width: 890px; float: left;}
.Recruit_content .title{color: #333333; font-size: 18px; line-height: 25px; height: 25px; display: block; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.Recruit_content .title:hover{color: #66ccce}
.Recruit_content .time{font-size: 16px; color: #c2c2c2; height: 40px; line-height: 40px; display: block; margin: 10px 0 15px; overflow: hidden;}
.Recruit_content .content{color: #9a9a9a; font-size: 14px; line-height: 30px; height: 90px; display: block; overflow: hidden;}

@media (max-width: 767px) {
	a.history-a{display: block!important;margin-bottom: 0!important;margin-left: 24px}
	.index .index_con{background: none; border: 0; margin: 0; padding: 0 15px;}
	.carousel-indicators li{width: 10px; height: 10px; margin: 0 5px;}
    .carousel-indicators .active{width: 10px; height: 10px; margin: 0 5px;}
    .process{margin: 20px 0;}
    .index_con .fast_con li{padding-left: 0; background: #fff; height: inherit; padding: 30px 0; padding-left: 5px; font-size: 20px; overflow: hidden; line-height: 25px;}
    .index_con .fast_con li .check{padding-left: 60px; color: #f3a173; font-weight: bold; line-height: 50px; font-size: 18px;}
    .index_con .fast_con li .query{padding-left: 60px; font-weight: bold; color: #66ccce; font-size: 18px; line-height: 50px;}
    .index_con .fast_con li:nth-of-type(1){border-right: 0}
    .index_con .fast_con .check_con{width: 55%; margin-right: 10px;}
    .index_con .fast_con .query_con{width: 42%;}
    .index_con .fast_con li .fast_bg{width: 50px; height: 50px;}
    .index .index_con .fast_con{margin-top: 20px; margin-left: 1px;}
    .recruit_massage .recruit_title h4{color: #333333; font-size: 22px}
    .recruit_massage .recruit_title .more{color: #c3c3c3; font-size: 16px;}
    .recruit_massage{padding: 0 15px; padding-bottom: 50px; background: #fff; margin-top: 20px; padding-top: 30px;}
    .Recruit_list li{padding: 20px 0}
    .Recruit_list li:last-child{border-bottom: 1px solid #e5e5e5;}
    .Recruit_list li .img{width: 110px; height: 110px; margin-right: 15px;}
    .Recruit_content{width: 100%;}
    .Recruit_content .time{height: 20px; line-height: 20px; margin: 5px 0}
    .Recruit_content .content{height: 60px; line-height: 30px;}
    .carousel-inner{height: 120px;}
    .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active{height: 120px;}
    .carousel-inner > .item > img, .carousel-inner > .item > a > img{height: 120px;}
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 10px!important;}
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: 10px; height: 10px; margin: 0 5px;}
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 10px; height: 10px; margin: 0 5px;}.swiper-wrapper > .swiper-slide > img, .swiper-wrapper > .swiper-slide > a > img { height: 120px;}
    
}
@media (max-width: 320px){
	.Recruit_content{width: 100%;}
	.index_con .fast_con li{font-size: 16px; line-height: 25px;}
	.index_con .fast_con li .check{ line-height: 25px; height: 50px;}
    .index_con .fast_con li .query{ line-height: 25px; height: 50px;}
    .index_con .fast_con .check_con{margin-right: 5px;}
}
@media (min-width: 321px) and (max-width:375px){
	.Recruit_content{width: 100%;}
}
@media (min-width: 376px) and (max-width:414px){
	.index_con .fast_con li{line-height: 50px; }
}
@media (min-width: 415px) and (max-width:768px){

}


/*答疑 投诉*/
a.history-a{color: #66ccce; font-size: 20px;line-height: 28px; display: block; margin-bottom: 20px; width: 80px;padding-top: 20px;margin-left: 20px}
.recruit_con h2{color: #333333; font-size: 28px}
.answer_list{margin-top: 40px; overflow: hidden;}
.answer_list li{padding: 40px 0; border-top: 1px solid #e5e5e5; overflow: hidden; padding-bottom:20px;}
.answer_list li .title{color: #333333; font-size: 22px; height: 35px; line-height: 35px; overflow: hidden;}
.answer_list li .title:hover{color: #66ccce}
.answer_list li .time{font-size: 16px; color: #cbcbcb; height: 40px; line-height: 40px; display: block; margin: 10px 0 ; overflow: hidden;}
.answer_list li .content{color: #b6b6b6; font-size: 18px; line-height: 30px; max-height: 90px; height:inherit; display: block; overflow: hidden;}
.recruit_btn{width: 220px; height: 52px; line-height: 52px; color: #fff; font-size: 22px; background: #66ccce; margin: 0 auto; text-align: center; border-radius: 5px; cursor: pointer; display: block;}
.recruit_con .answer{overflow: hidden;}
.recruit_con .edit_recruit{background: url(../images/edit_ico.png) no-repeat; width: 100px; height: 100px; position: fixed; right: 15px; bottom: 115px; cursor: pointer; background-size: 100%;}

@media (max-width: 768px) {
	.answer_list{margin-top: 0}
	.answer_list li{border-top: 0; border-bottom: 1px solid #e5e5e5 ; padding: 20px 0}
	.last{margin-top5px;color: #999;}
	.answer_list li .time{height: 25px; line-height: 25px;}
	.answer_list li .title{font-size: 20px;}
	.answer_list li .time{font-size: 12px; height: 20px; line-height: 20px; margin: 0 }
	.answer_list li .content{ font-size: 14px; line-height: 25px; height: 50px;}
}
@media (max-width: 320px){
}
@media (min-width: 321px) and (max-width:375px){
}
@media (min-width: 376px) and (max-width:414px){
}
@media (min-width: 415px) and (max-width:768px){
}

/*投诉详情*/
.question_con{background: #fff; border: 1px solid #e1e1e1; overflow: hidden; padding: 50px 50px; margin-top: 60px; margin-bottom: 80px;}
.question_con .break{color: #a0a0a0; font-size: 16px;}
.question {margin-top: 40px; overflow: hidden;}
.question .q{color: #333333; font-size: 24px; line-height: 30px;}
.question .type{border-bottom: 1px solid #e5e5e5; padding: 30px 0; overflow: hidden;}
.question .type .mold{width: 108px; height: 41px; line-height: 41px; text-align: center; color: #adadad; border: 1px solid #c1c1c1; font-size: 15px; display: block; float: left; border-radius: 10px; }
.question .type .time{color: #a0a0a0; font-size: 16px; float: left; display: block; height: 41px; line-height: 41px; margin-left: 30px;}
.question .matter{font-size: 20px; margin-top: 40px; line-height: 25px; }
.question .question_img{margin-top: 40px; width: 640px; height: 200px;}
.question .question_img img{width: 100%;}
.replay{padding-top: 40px; border-top: 1px solid #c1c1c1; margin-top: 40px; padding-left: 50px; overflow: hidden;}
.replay .ans{height: 30px; line-height: 30px; overflow: hidden;}
.replay .school{color: #66ccce; font-size: 24px; float: left; display: block;}
.replay .time{display: block; float: right; color: #a0a0a0; font-size: 16px;}
.replay .a{color: #66ccce; font-size: 24px;  line-height: 40px; margin-top: 20px;}

@media (max-width: 767px) {
	.question_con{border: 0; margin: 0; padding: 0; background: #f5f5f5; }
	.question{background: #fff; margin-top: 0; padding: 30px 15px; margin-bottom: 30px;}
	.question .type .mold{color: #858585; font-size: 20px;}
	.question .type .time{color: #999999; font-size: 14px; margin-left: 20px;}
	.question .matter{margin-top: 20px;color: #858585; line-height: 35px;}
	.replay{margin-top: 0; padding: 20px 15px; border-top: 0; background: #fff}
	.replay .time{color: #66ccce; font-size: 14px;}
	.replay .a{font-size: 20px; line-height: 30px; margin-top: 10px;}
	.question .type{padding: 10px 0}
}
@media (max-width: 320px) {
}
@media (min-width: 321px) and (max-width:375px){
}
@media (min-width: 376px) and (max-width:414px){
}
@media (min-width: 415px) and (max-width:768px){
}

/*我要答疑投诉*/
.dayi_write{margin-top: 40px; /*overflow: hidden;*/}
.dayi_write h2{color: #666666; font-size: 24px; border-bottom: 1px solid #e5e5e5; line-height: 30px; padding-bottom: 40px;}
.dayi_write .type_list {margin-top: 40px; overflow: hidden;}
.dayi_write .type_list li{float: left; width: 140px; height: 54px; line-height: 54px; border: 1px solid #e9e9e9; text-align: center; border-radius: 10px; margin-right: 40px; cursor: pointer; font-size: 20px; color: #9a9a9a}
.dayi_write .type_list .cur/*,.dayi_write .type_list li:hover*/{border: 1px solid #66ccce; color: #66ccce}
.dayi_write .dayi_title{width: 100%; line-height: 50px; margin-top: 20px; border: 0; font-size: 20px;}
.dayi_write textarea{outline: none; line-height: 35px!important; resize: none;}
.cream{background: url(../images/cream_ico.png) no-repeat ; width: 65px; height: 48px; display: block; margin-top: 70px;}
.dayi_send{width: 220px; height: 52px; line-height: 52px; color: #fff; background: #66ccce; font-size: 23px; text-align: center; border: #66ccce; border-radius: 10px; margin: 0 auto; display: block; margin-top: 150px; margin-bottom: 30px;}
@media (max-width: 767px) {
	.dayi_cons{background: #fff; padding: 0 15px;}
	.dayi_send{/*position: fixed;*/ bottom: 20px; margin: 0; width: 100%;}
	.dayi_sends{background: #fff; height: 95px; position: fixed; width: 90%; bottom: 0}
	.cream{margin-bottom: 200px;}
	.dayi_write h2{border-bottom: 0; padding-bottom: 0; font-size: 20px;}
	.dayi_write{border-bottom: 1px solid #e5e5e5; padding-bottom: 20px; margin-top: 20px;}
	.dayi_cons .dayi_write:nth-of-type(3){border-bottom: 0;}
	.dayi_write .type_list li{width: 108px; height: 41px; line-height: 41px; margin-right: 10px; margin-bottom:10px;}
	.dayi_write .type_list{margin-top: 20px;}
	.dayi_write .dayi_title{font-size: 15px; line-height: 30px;}
	label.checked{height: 40px!important; line-height: 40px!important;}
}
@media (max-width: 320px) {
}
@media (min-width: 321px) and (max-width:375px){
	.dayi_write .type_list li{margin-right: 20px;}
}
@media (min-width: 376px) and (max-width:414px){
}
@media (min-width: 415px) and (max-width:768px){
}


/*查询进度验证信息*/
.verify{background: #fff; border: 1px solid #e1e1e1; overflow: hidden; padding: 50px 50px; margin-top: 60px; margin-bottom: 80px;}
.verify h2{color: #666666; font-size: 25px; line-height: 30px; border-bottom: 1px solid #e5e5e5; padding-bottom: 35px;}
.verify h2 i{font-style: normal; color: #a0a0a0; font-size: 14px; margin-left: 25px;}
.verify form{padding-top: 100px;}
.verify .massage{margin:0 auto; width: 46%; overflow: hidden; margin-bottom: 50px;}
.verify .massage .label_xing{color: #d85a5a; font-size: 18px; margin-right: 10px;}
.verify .massage label{color: #7f7f7f; font-size: 18px; font-weight: normal; height: 41px; line-height: 41px; overflow: hidden; margin-bottom: 0; float: left; width:130px; max-width:130px}
.verify .massage_input{width: 350px; float: left; /*height: 41px; line-height: 41px;*/ margin-left: 20px;}
.verify .massage_input .massage_num{width: 100%; border: 1px solid #cccccc; height: 41px; line-height: 41px; float: left; margin: 0 15px 0 0px;font-size: 18px;}
.verify .massage_send{background: #66ccce; color: #fff; font-size: 18px; text-align: center; width: 130px; height: 41px; line-height: 41px; border: #66ccce; border-radius: 5px; float:right}
.verify .massage_gray{background: #ccc; font-size: 14px;}
.verify .massage_verify{width: 200px;border: 1px solid #cccccc; height: 41px; line-height: 41px;font-size: 18px;}
.verify form .query_btn{background: #66ccce; color: #fff; text-align: center;margin:0 auto; width: 220px; height: 52px; line-height: 52px; border-radius: 5px; display: block; font-size: 23px; margin-top: 160px;margin-bottom: 60px;}
@media (max-width: 767px) {
	.verify{border: 0; margin: 0; padding: 0 15px;}
	.massage{width: 100%;}
	.verify form{padding-top: 10px;}
	.query_btns{position: fixed; bottom: 0; height: 100px; background: #fff; width: 93%; }
	.verify form .query_btn{margin: 0; width: 100%;}
	.massage_input{margin-left: 0; width: 100%}
	.massage_input .massage_num{width: 209px;}
}
@media (max-width: 320px) {
}
@media (min-width: 321px) and (max-width:375px){
}
@media (min-width: 376px) and (max-width:414px){
}
@media (min-width: 415px) and (max-width:768px){
}


/*进度查询*/
.verifies{background: #fff; border: 1px solid #e1e1e1; overflow: hidden; margin-top: 60px; margin-bottom: 80px;}
.newTab_pro .controlBtn{width: 100%; height: 80px; line-height: 79px; /* background: #f6f6f6; */}
.newTab_pro .controlBtn li{list-style: none; float: left; width: 20%; text-align: center; cursor: pointer; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; font-size: 25px; color: #666666;background: #f6f6f6;}
/* .newTab_pro .controlBtn li:last-child{border-right: 0} */
.newTab_pro .controlBtn li.focusOpen{background: #fff; border-bottom: 0; line-height: 80px; color: #66ccce; font-weight: bold;}
.pro_cont{padding: 60px;clear: both;/* margin-top: 60px;*/}
.verifies h2{color: #666666; font-size: 25px; line-height: 30px; border-bottom: 1px solid #e5e5e5; padding-bottom: 35px;}
.verifies h2 i{font-style: normal; color: #a0a0a0; font-size: 14px; margin-left: 25px;}
.qy_pro_cont ul{ padding-top: 40px; overflow: hidden;}
.qy_pro_cont ul .jindu{color: #333333; font-size: 28px; height: 45px; line-height: 45px; background: url(../images/left_ico1.png) no-repeat left;padding-left: 90px;}
.qy_pro_cont ul .jindu.cur{background: url(../images/left_ico.png) no-repeat left; }
.qy_pro_cont ul .clear{border-left: 2px solid #f1f1f1; padding-left: 70px; min-height: 120px; margin-left: 20px; margin-top: 10px; margin-bottom: 10px; padding-top: 30px; padding-bottom: 50px;}
.qy_pro_cont ul .clear.cur{border-left: 2px solid #66ccce;}
.qy_pro_cont ul .clear .img{display: block; width: 90px; height: 90px;}
.qy_pro_cont ul .clear .img img{width: 100%}
.qy_pro_cont ul .clear .baoming{color: #f3a173; font-size: 26px; text-decoration: underline; margin-top: 40px; line-height: 30px;}
.qy_pro_cont_foot{width: 100%; margin-top: 80px;}
.qy_pro_cont_foot a{ color: #66ccce; font-size: 22px; line-height: 30px; text-decoration: underline;}
.verifies .jindu_message{ width: 181px; font-size: 20px; margin: 200px auto;}

@media (max-width: 767px) {
	.verifies{margin-top: 0; border: 0}
	.newTab_pro .controlBtn{background: #fff; height: 50px; line-height: 50px;}
	.newTab_pro .controlBtn li{width: 33.3%; border-right: 0; font-size: 22px;}
	.newTab_pro .controlBtn li.focusOpen{border-bottom: 1px solid #66ccce; line-height: 50px; font-weight: normal;}
	.pro_cont{padding: 15px;}
	.qy_pro_cont ul .jindu{font-size: 18px; padding-left: 40px; background-size: 8%!important;}
	.qy_pro_cont ul .clear .baoming{font-size: 20px; line-height: 25px;}
	.qy_pro_cont_foot a{font-size: 18px;}
	.qy_pro_cont ul{padding-top: 0px;}
	.qy_pro_cont ul .clear .img{width: 60px; min-height: 59px;}
	.qy_pro_cont ul .clear{margin: 0; margin-left: 12px; padding: 10px 20px; min-height: 60px;}
	.qy_pro_cont_foot{overflow: hidden; margin-top: 40px;}

}
@media (max-width: 320px) {
	.qy_pro_cont_foot a{width: 100%;}
	.qy_pro_cont ul .clear{ margin-left: 10px; }
}
@media (min-width: 321px) and (max-width:375px){
}
@media (min-width: 376px) and (max-width:414px){
}
@media (min-width: 415px) and (max-width:768px){
}


/*选择验证时间*/
.choose_time{background: #f6f6f6}
.choose_time h1{color: #333333; font-size: 25px; line-height: 30px; border-bottom: 1px solid #e5e5e5; padding-bottom: 35px;}
.interview_time{background: #fff; border: 1px solid #e1e1e1; overflow: hidden; padding: 50px; margin: 60px 0;}
.interview_time .Time{overflow: hidden; margin-top: 50px;}
.time_border{ border-top: 1px solid #e5e5e5; margin-top: 60px;}
.appointment_list{overflow: hidden;}
.interview_time .Time h2{color: #333333; font-size: 25px; line-height: 30px;/* border-bottom: 1px solid #e5e5e5; padding-bottom: 35px;*/ overflow: hidden; font-weight: bold;}
.interview_time .appointment_list .gray a{ color: #ccc!important;}
.interview_time .appointment_list .appointment{ height: 32px; line-height: 32px; float: left; width: 33.3%; margin-top: 60px; cursor: pointer; background: url(../images/no-choose.png) no-repeat left; padding-left: 55px;}
.interview_time .appointment_list .appointment a{color: #333; font-size: 26px; display: block;}
.interview_time .appointment_list .appointment.cur{background: url(../images/choose-ico.png) no-repeat left;}
.interview_time .appointment_list .appointment.cur a{color: #f3a173; text-decoration: underline;}
.interview_time .appointment_list .appointment_alter{width: 800px; height: 600px; margin: 0 auto}

@media (max-width: 767px) {
	.choose_time{background:#fff}
	.interview_time{border: 0; margin-top: 0; padding: 0; margin-bottom: 0}
	.Time{margin-top: 0!important}
	.time_border{border: 0; height:20px; background: #f5f5f5; margin-top: 0}
	select{
		border: 1px solid #e5e5e5;
	}
	.interview_time .Time h2{padding-bottom: 0px; height: 80px; line-height: 80px; border-bottom: 0; /*background:#f5f5f5;*/ font-size: 19px; padding: 0 15px;/* margin: 0 -15px;*/}
	.interview_time .appointment_list  {padding: 0 15px;}
	.interview_time .appointment_list  .appointment {width: 100%; margin-top: 0px; border-bottom: 1px solid #eeeeee; height: 60px; line-height: 60px; padding: 0; background: 0}
	.interview_time .appointment_list  .appointment:last-child{border-bottom: 0}
	.interview_time .appointment_list  .appointment a{ color: #333333; font-size: 20px;}
	.interview_time .appointment_list .appointment.cur a{color: #333333; text-decoration: none; background: #eee; padding: 0 15px; margin: 0 -15px;}
	.sure_choose_btn{position: fixed; width: 100%; overflow: hidden; bottom: 0; background: #fff}
	.sure_choose_btn .sure_choose{margin: 50px auto; width: 90%;}
	.sure_border{height: 155px;}



}
@media (max-width: 320px) {
	.interview_time .appointment_list h2{font-size: 18px;}
}
@media (min-width: 321px) and (max-width:375px){
}
@media (min-width: 376px) and (max-width:414px){
}
@media (min-width: 415px) and (max-width:768px){
}


/*选择验证时间修改 2017-03-28*/
.sure_choose{width: 220px; height: 52px; line-height: 52px; border-radius: 5px; margin: 100px auto 0; display: block; background: #66ccce; color: #fff; text-align: center; font-size: 23px; border: 0}
/*预览预约登记信息 2017-03-28*/
.perview .basic_massage .massage{margin-top:0;}
.basic_massage .pre_next .sure_btn{width: 220px; height: 52px; text-align: center; line-height: 52px; color: #fff; font-size: 22px; border-radius: 5px; background: #66ccce;border: #66ccce; margin: 0 auto; margin-top: 120px; display: block;}
.basic_massage .massage_time label.preview_label{color: #333!important; font-size: 20px; font-weight: 700;width: 25%;}
.basic_massage .massage_time div.preview_massage{color: #333; font-size: 20px; font-weight: 700;width: 75%;}
@media (max-width: 767px){
	.perview .basic_massage .massage{padding: 0;display: flex}
	.basic_massage .massage_time {border-bottom: 0; background: #f5f5f5; width: 100%!important; padding: 10px 15px}
	.basic_massage .massage_time label.preview_label{width: 100%!important;}
	.basic_massage .massage_time div.preview_massage{width: 100%!important;}
	.basic_massage{padding: 0}
	.basic_massage .massage{width: 90%;}
}

 /* -----弹出框----- */
	/*屏蔽背景层*/
    #divMsgBack{display:none;position:fixed;_position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:#000;opacity:0.2;filter:Alpha(opacity=20);_display:block;_left:-10000px;z-index:9999;} 
	/*弹出层*/
    #divMsg{display:none;position:fixed;background-color:white;top:23.5%;left:38.5%;width:800px;height:600px;margin-left:-195px;margin-top:-100px;padding:40px 100px;line-height:21px;_position:absolute;_display:block;_left:-10000px;z-index:10000; }
	/*设置显示*/
	#msgBody1 #divMsgBack{display:block;_left:0px;}
	#msgBody1 #divMsg{display:block;_left:50%;}
	#msgBody1{	_overflow:hidden;}
     .divMsg-area-title{ font-size:28px; color:#666666; text-align:center; line-height:30px; }
     .divMsg_area{margin-top: 70px; overflow: hidden;}
     .divMsg_area h2{color: #333333; font-size: 24px; border-bottom: 1px solid #e5e5e5; padding-bottom: 40px;}
     .divMsg_area .miantan{padding-left: 50px; color: #9a9a9a; margin-top: 50px; font-size: 24px; line-height: 30px;}
     .divMsg_area .miantan span{color: #333333; font-size: 24px; margin-right: 50px;}
     .divMsg_area .zhu{color: #66ccce; font-size: 24px; padding-left: 50px; margin-top: 40px; margin-bottom: 50px;}
     .bg_f3a{background: #f3a173; width: 220px; height: 52px; line-height: 52px; font-size: 23px; text-align: center; border-radius: 5px; margin-left: 30px; cursor: pointer; display: block;}
     .bg_6ce{background: #66ccce; width: 220px; height: 52px; line-height: 52px; font-size: 23px; text-align: center; border-radius: 5px; margin-right: 30px; cursor: pointer;display: block;}

 /* -----弹出框 end----- */

@media (max-width: 768px){
 /* -----弹出框----- */
	/*屏蔽背景层*/
    #divMsg{top:55%;left:45%;width:300px;height:300px;margin-left:-135px;margin-top:-180px;padding:20px;line-height:21px;border-radius:3px;_position:absolute;_display:block;_left:-10000px;z-index:10000; }
	/*设置显示*/
	#msgBody1 #divMsgBack{display:block;_left:0px;}
	#msgBody1 #divMsg{display:block;_left:50%;}
	#msgBody1{	_overflow:hidden;}
     .divMsg-area-title{ font-size:20px; color:#525252; text-align:center; line-height:20px; }
     .divMsg-area-img{ width:100px; height:100px; margin:40px auto 30px auto; }
	 .divMsg-area-img img{ width:100px; height:100px;}
   /*关闭按钮*/
	#divMsg #aClose1{position:absolute;right:20px;top:20px;}
	#divMsg #aClose1:hover{opacity:0.6;filter:Alpha(opacity=60);   } 
 /* -----弹出框 end----- */
 .divMsg_area{margin-top: 18px;}
 .divMsg_area h2{ font-size: 18px; padding-bottom: 10px;}
     .divMsg_area .miantan{ margin-top: 5px; font-size: 16px;line-height: 28px; padding-left: 0}
     .divMsg_area .miantan span{ font-size: 18px; margin-right: 10px; padding-left: 0}
     .divMsg_area .zhu{ font-size: 16px; margin-top: 10px; margin-bottom: 10px;padding-left: 0}
     .bg_f3a,.bg_6ce{width: 100px; height: 40px; line-height: 40px; font-size: 20px; margin: 0}

}




/*学生信息*/
.student_massage{background: #f6f6f6}
.write_massage{background: #fff; border: 1px solid #e1e1e1; overflow: hidden; padding: 50px; margin: 60px 0}
.write_massage h1{color: #666666; font-size: 28px; line-height: 30px;  padding-bottom: 35px;text-align: center}
.write_massage h2{color: #666666; font-size: 25px; line-height: 30px; border-bottom: 1px solid #e5e5e5; padding-bottom: 35px;}
.write_massage h2 i{font-style: normal; color: #a0a0a0; font-size: 14px; margin-left: 25px;}
.write_massage h2 span{font-style: normal; color: #67CCCE; font-size: 10px; float: right;margin-right: 20px;border: 1px solid #67CCCE;width: 80px;text-align: center;border-radius: 4px}
.write_massage form{margin-top: 80px;}
.write_massage .massage{margin:0 auto; width: 55%; overflow: hidden; margin-top: 30px;}
.write_massage .massage .label_xing{color: #d85a5a; font-size: 18px; margin-right: 10px;}
.write_massage .massage label{color: #7f7f7f; font-size: 18px; font-weight: normal; height: 41px; line-height: 41px; overflow: hidden; margin-bottom: 0; float: left; width: 160px;}
.write_massage .massage_input{width: 410px; font-size: 18px; float: left; height: inherit; line-height: 41px; overflow: hidden;}
.write_massage .massage_input .massage_num{width: 272px; border: 1px solid #cccccc; height: 41px; line-height: 41px; float: left; margin: 0 15px 0 0px;}
.write_massage .massage_input i{font-size: 13px; height: 41px; line-height: 41px; display: block; overflow: hidden; color: #a0a0a0; float: left;}
.form-horizontal .radio{padding: 0; float: left; margin-right: 20px;}
.form-horizontal .radio label{width: inherit; color: #7f7f7f; font-size: 20px; }
input[type="radio"], input[type="checkbox"]{margin-right: 10px;position: relative;top: 2px;}
.write_massage form .nexts{width: 220px; height: inherit; margin: 0 auto; overflow: hidden;margin-top: 30px;}
.write_massage form .next_btn{background: #66ccce;border: #66ccce; width: 220px; height: 52px; line-height: 52px; font-size: 23px; text-align: center; border-radius: 5px; margin-right: 30px; cursor: pointer;display: block; color: #fff; margin: 0 auto }
.write_massage form .help_other{color: #66ccce; font-size: 16px; float: right; text-decoration: underline; margin-top: 20px;}
/* .write_massage .look_other{padding-left: 270px; margin-top: 60px; overflow: hidden;} */
.write_massage .look_other p{color: #7f7f7f; font-size: 20px;}
.write_massage .look_other a{color: #66ccce; font-size: 19px; text-decoration: underline; width: 100%; margin-top: 30px; line-height: 25px; height: inherit; overflow: hidden; margin-right: 10px;}
.write_massage .look_other a i{float: right; width: 13px; height: 23px; line-height: inherit;}
.write_massage .basic_prompt{line-height: 30px;width: 55%; margin: 0 auto; padding-left: 160px;}

@media (max-width: 767px) {
	.student_massage{background: #fff}
	.write_massage{margin-top: 0; border: 0; padding: 15px;}
	.write_massage .look_other{padding-left: 0; margin-top: 40px;}
	.write_massage form .nexts{margin-top: 40px; width: 100%;}
	.write_massage form .next_btn{width: 100%;}
	.write_massage .massage_input .massage_num{width: 100%;}
	.write_massage .massage{width: 100%; margin-bottom: 0; border-bottom: 1px solid #e5e5e5; padding: 10px 0;margin-top: 10px;}
	.perview .massage{border-bottom: 0!important} 
	.write_massage .massage label{width: 40%;}
	.write_massage .massage_input{width: 60%}
	.write_massage form{margin-top: 0}
	.write_massage .massage_input .massage_num{border: 0}
	.form-horizontal .radio label{width: inherit;}
	.write_massage .look_other p{margin-bottom: 20px;}
	.write_massage .look_other a{text-decoration: none; border-top: 1px solid #e5e5e5; margin-top: 0; padding: 20px 0; /*background: url(../images/);*/}
	.write_massage .basic_prompt{width: 100%; margin: 0;padding-left: 0;}
	.write_massage h1{
		display: none;
	}
}
@media (max-width: 320px) {
}
@media (min-width: 321px) and (max-width:375px){
}
@media (min-width: 376px) and (max-width:414px){
}
@media (min-width: 415px) and (max-width:768px){
}

/*学生基本信息*/
.basic_massage{background: #fff; border: 1px solid #e1e1e1; overflow: hidden; padding: 50px; margin: 60px 0}
.basic_massage h2{color: #666666; font-size: 25px; line-height: 30px; border-bottom: 1px solid #e5e5e5; padding-bottom: 35px;}
.basic_massage h2 i{font-style: normal; color: #a0a0a0; font-size: 14px; margin-left: 25px;}
.basic_massage form{margin: 40px 0;}
.basic_massage .massage{margin:0 auto; width: 80%; overflow: hidden; margin-top: 40px;text-align: center;}
.basic_massage .massage .label_xing{color: #d85a5a; font-size: 18px; display: inline-block;width: 10px}
.basic_massage .massage label{width: 120px; text-align:left; padding-right:10px; color: #7f7f7f; font-size: 18px; font-weight: normal; height: 41px; line-height: 41px; overflow: hidden; margin-bottom: 0; display: inline-block; }
.basic_massage .massage_input{width: 350px; display: inline-block; height: inherit; line-height: 41px; overflow: hidden;}
.basic_massage .massage_input .massage_num{width: 295px; border: 1px solid #cccccc; height: 41px; line-height: 41px; float: left; margin: 0 15px 0 0px; border-radius: 0}
.basic_massage .massage_input i{font-size: 13px; height: 41px; line-height: 41px; display: block; overflow: hidden; color: #a0a0a0; float: left;}
.form-horizontal .radio{padding: 0; float: left; margin-right: 20px;}
/*.form-horizontal .radio input[type="radio"], input[type="checkbox"]{margin: 10px;}*/
/*.form-horizontal .radio label{padding-left: 10px}*/
.form-horizontal .radio label{width: inherit; color: #7f7f7f; font-size: 18px; padding-left: 0}
.basic_massage .massage_input .address{width: 100%; margin-right: 10px; height: 41px; line-height: 41px; float: left; font-size: 14px; margin-bottom: 20px; outline: none!important; box-shadow: none!important}
.basic_massage .massage .address_input{width: 295px; margin-right: 90px; float: right; border: 1px solid #cccccc; height: 41px; line-height: 41px; }
.pre_next{overflow: hidden; width: 65%; margin: 0 auto}
.pre_next .bg_f3a{background: #f3a173;border: #f3a173; width: 220px; height: 52px; line-height: 52px; font-size: 23px; text-align: center; border-radius: 5px; margin-left: 30px; cursor: pointer; display: block;}
.pre_next .bg_6ce{background: #66ccce;border: #66ccce; width: 220px; height: 52px; line-height: 52px; font-size: 23px; text-align: center; border-radius: 5px; margin-right: 30px; cursor: pointer;display: block;}
.radio_city{line-height: 35px; float: right; height: 35px; /* margin-left: -5px;*/}

@media (max-width: 767px) {
	.hr{ border-bottom: 1px solid #e5e5e5;}
	.basic_massage{margin-top: 0; border: 0; padding: 15px;}
	.basic_massage form{margin-top: 0; margin-bottom: 100px;}
	.basic_massage form:nth-of-type(1){margin-bottom: 0;}
	.basic_massage .massage{width: 100%; margin-bottom: 0;  padding: 10px 0 ;border-bottom: 1px solid #e5e5e5;}
	.basic_massage .massage label{height: auto;width: 40%; line-height: 40px; word-break: break-all;word-wrap: break-word;
	}
	.basic_massage .massage_input{width: 55%;}
	.basic_massage .yimiao_radio{padding-left: 10px;}
	.basic_massage .massage_input .massage_num{width: 100%; border: 0}
	.form-horizontal .radio label{width: 100%; font-size: 14px;}
    .radio_city{line-height: 35px; float: right; height: 35px; /* margin-left: -5px;*/}
	.radio_p{line-height: 35px; float: right;}
	.pre_next {width: 100%; margin-top: 0px; position: fixed; bottom: 0; height: 120px; background: #fff; padding-top: 30px; margin-left: -15px;}
	.pre_next .bg_f3a,.pre_next .bg_6ce{width: 40%; margin: 0 15px;}
	.basic_massage .massage .address_input{border: 0; width: 100%; margin-right: 0}
	.basic_massage .massage_input .address{ border: 1px solid #ccc}
	.form-horizontal .radio{margin-right: 15px;}
	.basic_massage .basic_prompt{color: #66ccce; line-height: 35px;width: 50%; margin: 0 auto; padding-left: 160px;}

}
@media (max-width: 320px) {
}
@media (min-width: 321px) and (max-width:375px){
}
@media (min-width: 376px) and (max-width:414px){
}
@media (min-width: 415px) and (max-width:768px){
}


/*预约登记验证信息*/
.verify form .next{width: 220px; height: inherit; margin: 0 auto; overflow: hidden;}
.verify form .next_btn{background: #66ccce; width: 220px; height: 52px; line-height: 52px; font-size: 23px; text-align: center; border-radius: 5px; margin-right: 30px; cursor: pointer;display: block; color: #fff; margin: 0 auto;border: #66ccce }
.verify form .help_other{color: #66ccce; font-size: 16px; float: right; text-decoration: underline; margin-top: 20px;}
.remember{width: 100%; margin: 0 auto; color: #66ccce; font-size: 14px; cursor: pointer;}
.icr-label { position: relative; display: inline-block; }
.icr-hidden { position: absolute; display: block; top: 0; left: 0; width: 0; height: 0; overflow: hidden; }
.icr-input { position: absolute; display: block; top: -20px; left: -20px; }
.icr-text { display: inline; vertical-align: middle; height: 30px; line-height: 30px; margin-left: 10px;}
.icr-item { position: relative; display: inline-block; vertical-align: middle; width: 30px; height: 30px; display: block; float: left;background: url(../images/choose.png) no-repeat;  }
.icr-label:hover .type_checkbox{ border: 1px solid #66ccce; background: none }
.icr-label.checked:hover .type_checkbox { background: url(../images/choose.png) no-repeat;border: 0 }
.send_tip1{
	font-size: 30px;
	color: #333;
	margin-top: 50px;
}
.send_tip2{
	font-size: 20px;
	color: #151515;
	margin-top: 30px;
}
.layui-layer-btn0{
	width: 20%;
	margin: auto;
	height: 50px;
	font-size: 14px;
	line-height: 50px;
	color: #fff;
	background-color: #67CCCE;
	border-radius: 5px;
	margin-top: 50px;
}
/*.remember i{width: 30px; height: 29px; border: 1px solid #66ccce; display: block; float: left; margin-right: 20px;}
.remember.cur{background: url(../images/choose.png) no-repeat;}*/
@media (max-width: 767px) {
    .verify form .next{width: 100%;  margin-top: 100px;}
    .verify form .next_btn{width: 100%;}
    .verify .massage{width: 100%; margin-bottom: 0; padding: 10px 0; border-bottom: 1px solid #e5e5e5; }
    .verify .massage label{width: 35%;}
    .verify .massage_input{width: 65%; margin-left: 0}
    .verify .massage_input .massage_num{width: 80%; border: 0; margin-right: 0}
    .verify .massage_send{width: 46%; font-size: 14px;}
    .verify .massage_verify{border: 0; width:48%;}
    .remember{margin-top: 20px;}
}
@media (max-width: 320px) {
}
@media (min-width: 321px) and (max-width:375px){
}
@media (min-width: 376px) and (max-width:414px){
}
@media (min-width: 415px) and (max-width:768px){
}


/*预约登记成功*/

 /* -----弹出框----- */
	/*屏蔽背景层*/
    #divMsgBack{display:none;position:fixed;_position:absolute;top:0px;left:0px;width:100%;height:100%;/*background-color:#000;*/opacity:0.2;filter:Alpha(opacity=20);_display:block;_left:-10000px;z-index:9999;} 
	/*弹出层*/
    #divMsg1{display:none;position:fixed;/*background-color:#191919;*/top:0%;left:0%;width:100%;height:100%;margin-left:0px;margin-top:0px;padding:0 15px;line-height:21px;_position:absolute;_display:block;_left:-10000px;z-index:10000; opacity: 0.9 }
	/*设置显示*/
	#msgBody #divMsgBack1{display:block;_left:0px;}
	#msgBody #divMsg1{display:block;_left:50%;}
	#msgBody{	_overflow:hidden;}
    
    
 /* -----弹出框 end----- */

@media (max-width: 768px){
 /* -----弹出框----- */
	/*屏蔽背景层*/
    #divMsg1{background: #191919 }
	/*设置显示*/
	#msgBody #divMsgBack1{display:block;_left:0px;}
	#msgBody #divMsg1{display:block;_left:50%;}
	#msgBody{	_overflow:hidden;}
     .divMsg-area-title{ font-size:22px; color:#525252; text-align:center; line-height:20px; }
     .divMsg-area-img{ width:100px; height:100px; margin:40px auto 30px auto; }
	 .divMsg-area-img img{ width:100px; height:100px;}
   /*关闭按钮*/
	#divMsg1 #aClose1{position:absolute;right:20px;top:20px;}
	#divMsg1 #aClose1:hover{opacity:0.6;filter:Alpha(opacity=60);   } 
 /* -----弹出框 end----- */
    #divMsg1 .know_btn{width: 90%; margin: 0 auto; height: 60px; line-height: 60px; color: #fff; text-align: center; border-radius: 50px; font-size: 35px; border: 1px solid #fff; display: block; margin-top: 130px;}
    #divMsg1 p{padding-left: 135px; color: #fff; font-size: 34px; line-height: 40px; text-align: center;}
    #divMsg1 p .img{background: url(../images/share.png) no-repeat top right; width: 189px; height: 136px; background-size: 100%; display: block; float: right;}
}
@media (max-width: 768px){
     #divMsg1 p{padding-left: 20px; height: 80px; font-size: 24px; overflow: hidden;}
     #divMsg1 p span{margin-top: 45px; line-height: 40px; display: block; float: left;}
     #divMsg1 p .img{width: 100px; height: 72px;}
     .share{color: #fff; font-size: 24px;}
     /*.choose_share{height: inherit!important}*/
     .choose_share span{margin-top: 30px!important; float: left;}
     .share_img{width: 30px; height: 31px; margin: 0 5px; display: block; float: left;margin-top: 30px;}
     .share_img i{font-size: 10px; font-style: normal;}
     .share_img img{width: 100%;}
}


/*扩展信息*/
.massage_extend{width: 100%;padding: 6px; border: 1px solid #cccccc; height: 41px; line-height: 41px; float: left; margin: 0 15px 0 0px;}
.xueli{height: 41px;padding: 6px; line-height: 4px; border-radius: 0; border: 1px solid #ccc; box-shadow: none;}
.yimiao{width: 40%!important;}
.prompt{color: #66ccce; line-height: 35px;width: 50%; margin: 0 auto; padding-left: 11%;
	opacity: 0.7;}
.yimiao_radio{width: 60%!important}
.yimiao_radio .img{width: 44px; height: 22px; display: block; float: right;}
.yimiao_radio .img img{width: 100%;}
@media (max-width: 1200px){
	.prompt {
		margin: 0 auto;
		padding-left: 18%;
	}
}
@media (max-width: 1000px){
	.prompt {
		margin: 0;
		padding-left: 0;
		width: 80%;
		margin-left: 64px;
	}
	.pre_next{
		width: 100%;
	}

}
@media (max-width: 1000px){
	.basic_massage .massage{
		margin-top: 10px;
	}
}
@media (max-width: 768px){
	.massage_extend{border: 1px solid #e5e5e5;font-size: 10px}
	.prompt{width: 100%; margin: 0; padding-left: 0;}
	.xueli{border: 0!important; box-shadow: none!important; outline: none!important;}
	.basic_massage .massage label{color: #333333;padding-right: 0}
	.yimiao_radio .img{width: 44px; height: 22px;}


}



/*预览信息*/
.preview_label{width: 34%!important;text-align: right !important;}
.preview_massage{width: 65%!important;display: inline-block; height: inherit; line-height: 41px; overflow: hidden; text-align: right; color: #b8b8b8; font-size: 18px;}
.basic_massage .massage_time{margin-bottom: 40px; margin-top: 0;}
.student_pic{height: 72px; line-height: 72px;}
.student_pic label{height: 72px!important; line-height: 72px!important;}
.preview_massage .pic{width: 72px; height: 72px; display: block; float: right;}
.preview_massage .pic img{width: 100%;}
.preview_massage .city{width: 30%; float: left; background: url(../images/select.png) no-repeat right; background-size: 25%; font-size: 26px; text-align: left; margin-right: 7px;}
.site{text-align: left; font-size: 26px;}

@media (max-width: 768px){
	.student_pic .pic{width: 52px; height: 52px;}
	.student_pic label{height: 52px!important; line-height: 52px!important}
	.preview_massage{font-size: 16px;}
	.preview_massage .city{width: 30%; float: left; background: url(../images/select.png) no-repeat right; background-size: 25%; font-size: 14px; text-align: left; margin-right: 7px;}
    .site{text-align: left; font-size: 14px;}
}



/*预约须知*/
.xz_center{
	width: 100%;
	margin: auto;
}
.xz_title{
	width: 90%;
	margin: auto;
	font-size: 28px;
	line-height: 32px;
	font-weight: bold;
	margin-bottom: 15px;
	text-align: center;
}
.xz_content{
	width: 90%;;
	margin: auto;
}
.xz_content p{
	color: #AAAAAA;
	font-size: 16px;
	line-height: 20px;
}
.xz_content .xz_c_title{
	color: #151515;
	font-size: 20px;
	margin: 30px 0;
}
.xz_content .xz_c_p{
	text-indent: 32px;
}
.xz_m{
	display: none;
}
.xz_anniu1{
	width: 100%;
	text-align: center;
	margin-top: 100px;
}
.xz_anniu1 .xz_btn1{
	width: 200px;
	height: 60px;
	font-size: 22px;
	line-height: 60px;
	margin: auto;
	border-radius: 8px;
	color: #fff;
	background-color: #67CCCE;
}
.xz_anniu2{
	width: 100%;
	text-align: center;
	margin-top: 60px;
}
.xz_anniu2 .xz_btn2{
	width: 40%;
	height: 40px;
	font-size: 16px;
	line-height: 40px;
	margin: auto;
	border-radius: 5px;
	color: #fff;
	background-color: #67CCCE;
}
.xz_center p{
	padding-top: 15px;
}
@media (max-width: 768px) {
	body{
		background-color: #fff;
	}
	.xz_m{
		display: block;
		height: 100%;
		position: absolute;
		width: 100%;
		background-color: #fff;
	}
	.pc_xz{
		display: none;
	}
	.scroll_wrap{
		display: none;
	}
	.xz_anniu1{
		display: none;
	}
}
@media (max-width: 540px) {
	.xz_center{
		width: 90%;
	}
}