* { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.main_warp{ position:relative; width:100%; min-width: 320px; margin: 0 auto;}

.login-dl {background-color: rgba(255,255,255,1); padding:2rem 1rem 2rem 1em;margin: 0 auto; margin-top: -30px; position: relative; z-index: 99; border-radius: 25px 25px 0 ;}
.login_banner_p img{ width: 100%; height: auto;}
.login-input-text {font-size: 15px; color:#333; margin:0px 0 15px 0; position:relative;}
.login-input-text i{position:absolute; line-height:54px; padding-left:15px; color:#adadad; font-size: 22px;}
.login-input-text input {  background-color: #F5F5FA; border-radius:50px; height:50px; padding:0px 6px; outline: 0; width: 100%; font-size: 15px;line-height: 50px;
 margin:2px 0; font-family: "Microsoft YaHei"; padding-left:42px;transition:all 0.30s ease-in-out;-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;
 outline:none;border: 0;}
.login-input-text input:focus{box-shadow:0 0 5px rgba(221, 225, 255, 1);-webkit-box-shadow:0 0 5px rgba(221, 225, 255, 1);-moz-box-shadow:0 0 5px rgba(221, 225, 255, 1);}

.wap_btn input{ height:50px; background:#346ff1; text-align: center; color: #fff; margin-top:45px; font-size: 18px; border-radius:50px; cursor: pointer; display:block; box-shadow: 0 2px 10px rgba(54,112,241,0.3); width: 100%; outline: none;}
.wap_btn input:active{opacity: 0.9;}
.login_footer_txt{ text-align: center; line-height: 22px; color: #666666;left: 0;font-size: 12px;
transform: scale(0.89999);white-space: nowrap; position: fixed; bottom:20px; width: 100%;}
.login_footer_txt p{transform: scale(1);white-space: nowrap; font-size: 12px;}
/*--login end--*/


	.header{
  position: fixed;
  z-index: 996;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  height: 53px;
  line-height: 53px;
  border-bottom: 1px solid #f1f1f1;
	}
	.header #navToggle {
		height: 40px;
		display: inline-block;
	position: absolute;
	    left: 0;
	
	}
	.header #navToggle span {
		position: relative;
		width: 25px;
		height: 1px;
		margin-top:22px;
        margin-left: 15px;

	}
	.header #navToggle span:before,
	.header #navToggle span:after {
		content: '';
		position: relative;
		width: 100%;
		height: 1px;
		left: 0;
	}
	.header #navToggle span,
	.header #navToggle span:before,
	.header #navToggle span:after {
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
		display: block;
		background: #c1c1c1;
	}
	.header #navToggle span:before {
		top: 8px;
	}
	.header #navToggle span:after {
		bottom: 10px;
	}
	.header #navToggle.open span:before {
		top: 10px;
		-webkit-transform: translateY(-11px) rotate(-45deg);
		-moz-transform: translateY(-11px) rotate(-45deg);
		-ms-transform: translateY(-11px) rotate(-45deg);
		-o-transform: translateY(-11px) rotate(-45deg);
		transform: translateY(-11px) rotate(-45deg);
	}
	.header #navToggle.open span:after {
		bottom: 12px;
		-webkit-transform: translateY(10px) rotate(45deg);
		-moz-transform: translateY(10px) rotate(45deg);
		-ms-transform: translateY(10px) rotate(45deg);
		-o-transform: translateY(10px) rotate(45deg);
		transform: translateY(10px) rotate(45deg);
	}
	.header #navToggle.open span {
		background: none;
	}
	.header #navToggle.open span:before,
	.header #navToggle.open span:after {
		background: #c1c1c1;
	}
	
	.header .nav{
		display: none;
	}

#navToggle{
	display: none;
}

.m_nav{
	position: fixed;
	top: 0px;
    left: 0;
	width: 100%;
    height: 100%;
    background: rgba(255,255,255,1);
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
	z-index: 1000;
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    overflow-y: auto;
    /* transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; */
    top: 0;
    transform: translateX(-100%);

}
.m_nav.open{
    transform: translateX(0);

}
.m_nav .top{
	height: 22px;
	margin:0 15px 5px 15px;
	box-sizing: border-box;
	float: right;

}
.m_nav .top .closed{
	width: 30px;
	height: 30px;
	vertical-align: middle;
    font-size: 23px;
	cursor: pointer;
	z-index: 98;
	position: relative;
}
.m_nav .logo{
	width: 100%;
	margin:0 auto;
	display: none;
}
.m_nav .logo img{
	height: 50px;
	display: block;
	margin:30px auto;
}
.m_nav .ul{
}
.m_nav .ul li{
	padding: 0 15px;
	border-bottom: 1px solid #f1f1f1;
	transform: translateY(0);
	-webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    opacity: 0;
}
.m_nav.open .ul li{
	opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.m_nav .ul li:nth-child(1) {
    -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(2) {
    -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(3) {
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(4) {
    -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(5) {
    -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(6) {
    -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li a{
	display: block;
	text-decoration: none;
	color: #1d1d1d;
	font-size: 15px;
	height: 50px;
	line-height: 50px;
	width: 100%;
}
.m_nav .ul li a i{ padding-right:8px; font-size: 19px;}
.m_nav .ul li .dropdown_menu{
	display: none;
	padding: 5px 0;
}
.m_nav .ul li.active a{ color: #3881F3; font-weight: bold;}
.m_nav .ul li.active a i{ font-weight: normal;}
.m_nav .ul li.dropdown.active .dropdown_menu{
	display: block;
	
}
.m_nav .ul li .dropdown_menu a{
	display: block;
	height: 38px;
	line-height: 38px;
	padding: 0 50px;
	box-sizing: border-box;
}
.m_nav .ul li .dropdown_menu a:last-child{
	border: none;
}	
.dropdown a:nth-child(1) span{
-webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);}

.m_icon img{ width:36px; height: auto;vertical-align: middle;}
.menus_i{font-size: 27px;padding-left:15px;display: block;color:#1d1d1d; float: left;}
.right_login_letter{ float: right;margin: 0 12px; position: relative;}
.right_login_letter i{font-size: 25px;}
.right_login_letter b{width: 7px;height: 7px; background-color: #E55E58; border-radius: 8px; display: inline-block; position: absolute; 
margin: 13px 0px 0 0; margin-left: -5px;}
.right_login_icon{ float: right; margin: 0 12px; margin-top: -2px;font-size: 14px;}
.right_login_icon i{ margin-right:3px;vertical-align: middle; font-size: 23px;}
.right_login_icon img{ width: 30px; height: 30px; border-radius: 30px;vertical-align: middle; margin-top: -6px; border: 1px solid #f1f1f1;}
/*menu end*/

.focus{ margin:0 auto; padding-top: 50px; position:relative; overflow:hidden;}
.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:12px; text-align:center;}
.focus .hd ul{ display:inline-block; height:4px; padding:1px 5px; background-color:rgba(255,255,255,0); font-size:0; vertical-align:top;}
.focus .hd ul li{ display:inline-block; width:28px; height:2px; background-color:rgba(255,255,255,0.5); 
margin:0 5px;  vertical-align:top; overflow:hidden; }
.focus .hd ul .on{ background-color:rgba(255,255,255,0.9); }

.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%; height: auto;}
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  display: block; }
/*--banner end--*/
.i_nav_warp{ width: 100%;}
.i_nav_warp_left{ width:50%;float: left;padding: 10px;}
.i_nav_warp_left h3{ font-size: 22px;line-height: 34px;}
.i_nav_warp_left dl{ font-size: 13px; color: #666666;line-height:24px; padding: 12px 0;}
.i_nav_warp_left dl.i_view_btn a{border: 1px solid #888; font-size: 15px; padding: 6px 15px; border-radius: 40px;} 
.i_nav_warp_left_cont{width: 100%; background:#ffffff url(../images/cipainqu-1.png) no-repeat right bottom;
background-size: 60px;padding: 20px 0 18px 20px; border-radius: 3px;}

.i_nav_warp_right{ width:50%;float: left;padding: 10px 10px 10px 0;}
.i_nav_warp_right h3{ font-size: 22px;line-height: 30px;}
.i_nav_warp_right dl{ font-size: 13px; color: #666666;line-height:24px; padding: 10px 0;}
.i_nav_warp_right_cont{width: 100%; background:#ffffff url(../images/cipainqu-2.png) no-repeat right bottom;
background-size: 38px;padding: 20px 0 8px 15px; margin:0 0 10px 0;border-radius: 3px;}
.i_nav_warp_right .i_nav_warp_right_cont:nth-child(2){ background:#ffffff url(../images/cipainqu-3.png) no-repeat right bottom;background-size: 38px;
border-radius: 3px;}

.i_news_cont{ width:96%; margin:0 auto; background-image: linear-gradient( #E8EFFC 10%, #FFFFFF 30%);border-radius: 3px; border: 1px solid #fff;}
.i_news_cont_tit{color: #526387; overflow: hidden; padding: 20px 15px 5px 15px;}
.i_news_cont_tit span{color: #526387; font-size: 18px; float: left; font-weight: bold;}
.i_news_cont_tit a{ float: right; font-size: 13px; color: #6B7890;}
.i_news_cont_warp{ overflow: hidden; padding: 0 10px;}
.i_news_cont_warp_boxs li{margin: 15px 0;}
.i_news_cont_warp_boxs li a{ background-color: #fff; display: block;-moz-box-shadow:0px 5px 9px #f2f2f2;
-webkit-box-shadow:0px 5px 9px #f2f2f2;
box-shadow:0px 5px 9px #f2f2f2; padding: 20px 5px;border-radius: 3px;}
.i_news_cont_warp_boxs li a h3{ font-size: 18px; color: #333; line-height:26px; overflow: hidden;}
.i_news_cont_warp_boxs li a dl{ padding: 20px 0 0 0;}
.i_news_cont_warp_boxs li a dl span{ color: #666; font-size: 14px; margin-right: 15px;}
.i_news_cont_warp_boxs li a dl span i{ margin-right:5px; margin-left: 6px;}
/*index new end*/
.personal_warp_top{ background-color: #2a67f2; overflow: hidden; padding: 20px 20px 40px 20px;}
.personal_warp_top_pic{float: left; margin-right: 8px;}
.personal_warp_top_pic img{ width: 50px; height: 50px; border-radius: 50px; border: 1px solid #4677fb;}
.personal_warp_top_left{float: left;}

.personal_warp_top_left dl{ color: #ffffff; font-size: 16px; margin: 3px 0;}
.personal_warp_top_left dl:nth-child(2){ font-size: 12px;}
.personal_warp_top_right{ float: right; margin: 15px 0 0 0;}
.personal_warp_top_right i{ color: #fff; font-size: 18px;}
.personal_warp_bottom{ background-color: #fff; border-radius: 20px 20px 0 0; overflow: hidden; margin-top: -20px; padding-top: 10px;}
.personal_warp_bottom_nav{ width: 100%;}
.personal_warp_bottom_nav li{width: 100%; padding: 0 20px;}
.personal_warp_bottom_nav li a{display: block; border-bottom: 1px solid #f1f1f1; padding: 15px 0;font-size: 14px;}
.personal_warp_bottom_nav li a i.per_nav_icon{ margin-right: 5px; font-size: 20px; vertical-align: middle;}
.personal_warp_bottom_nav li a i.per_arrow{float: right; color: #bfbfbf;}

.personal_warp_top_modify{ background-color: #fff;padding:6px 15px; border-bottom: 1px solid #f1f1f1;}
.personal_warp_top_modify .personal_warp_top_right{ margin-top: 10px;}
.personal_warp_top_modify .personal_warp_top_right i{font-size: 14px; color: #888;}
.personal_warp_top_modify .personal_warp_top_pic img{ width: 40px; height: 40px; border: 1px solid #f1f1f1;}

.personal_warp_top_modify_bottom ul{padding: 0 10px;}
.personal_warp_top_modify_bottom ul li{ border-bottom: 1px solid #f1f1f1; padding: 15px 6px; overflow: hidden;}
.personal_warp_top_modify_bottom_boxs_l{float: left; font-size: 15px;}
.personal_warp_top_modify_bottom_boxs_r{float: right; color: #888; font-size: 15px;}
.personal_warp_top_modify_bottom_boxs_r a{ color: #888; font-size: 15px;}
.personal_warp_top_modify_bottom_boxs_r a i{font-size: 13px; margin-left:6px;}
.wap_btn2{ padding: 0 15px;}
.wap_btn2 a{ height:50px; background:#ffffff; text-align: center; color: #333; margin-top:45px; font-size: 18px; border-radius:50px; cursor: pointer; display:block; width: 100%;
border: 1px solid #e0e0e0; line-height: 36px;}
.wap_btn2 a:active{ background:#f6f6f6; color: #000;}
/*gerenziliao end*/
.manages_warp{overflow: hidden;}
.manages_warp_top{ background-color: #fff;padding:14px 15px; border-bottom: 1px solid #f1f1f1; overflow: hidden;}
.manages_warp_top a{font-size: 14px; margin: 0 12px 0 0;}
.manages_warp_top a i{ margin-right: 4px;}
.manages_warp_top a.add_department_btn{ color:#324A7C;}
.manages_warp_top a.add_department_btn i.c_green{ color: #32d67f;}
.manages_warp_top a.add_speciality_btn{color:#324A7C; }
.manages_warp_top a.add_speciality_btn i.c_red{color: #b85f5e; }
.manages_warp_top a.add_speciality_btn i.c_blue{color: #306ce7; }
.manages_warp_top a.batch_downGreen_btn{color:#40BD7B; }
.manages_warp_top a.red_delete_btn{color:#F56C6C; }
.manages_warp_top a.screen_btn{margin: 0;}
.manages_warp_top a:active{opacity: 0.85;}

.manages_cont_list{padding:0 10px; padding-bottom: 30px;overflow: hidden;}
.manages_cont_list_boxs li{ background-color: #fff; overflow: hidden; margin:10px 0 20px 0;box-shadow: 0 1px 8px #ececec;}
.manages_cont_list_boxs h4{font-size: 16px; border-bottom: 1px solid #f1f1f1; padding:15px 10px; line-height: 22px;}
.m_list_txt{font-size: 13px; border-bottom: 1px solid #f1f1f1; padding: 6px 10px;}
.m_list_txt dl{clear: both; padding: 10px 0;}
.m_list_txt dl a{ float: right; margin: 0 0 0 10px;}
.m_list_txt dl a i{font-size: 14px; color: #ffffff;}
.m_list_txt dl a:active{opacity: 0.85;}
.m_l_modifyBtn{}
.m_l_deleteBtn{}
.manages_operate{width: 100%; padding: 15px 0; overflow: hidden;font-size: 15px;}
.manages_operate dl{width: 50%; float: left; text-align: center;}
.manages_operate dl.y_blue_button a{color: #306CE7;}
.manages_operate dl.y_red_button a{color: #F56C6C;}
.manages_operate dl a i{ margin-right: 5px;}
.manages_operate dl a:active{opacity: 0.85;}
.manages_pagination{ display: block; width: 256px;}

.input_list_warp{padding: 0 10px; overflow: hidden; padding-bottom: 20px;}
.input_list_warp .input_txt{border: 1px solid #f1f1f1;}
.input_min_height{ min-height: 380px;}
.input_picker{border: 1px solid #f1f1f1; text-indent: 0.5em; color:#757575;}
.input_picker span{display: inline-block; width: 100%; position: relative;z-index: 9;}
.input_picker i{margin-right: 10px; position: absolute;right: 0;top: 0px;color:#0f0f0f;}
.save_blue_button{ width: 80%; margin: 0 auto; }
.save_blue_button button,.save_blue_button a{ border-radius: 80px; background-color: #306CE7;padding: 0;}
.save_blue_button button,.save_blue_button a{ height:46px; background:#346ff1; text-align: center; color: #fff; margin-top:30px; font-size: 16px; border-radius:50px; cursor: pointer; display:block; box-shadow: 0 2px 10px rgba(54,112,241,0.3); width: 100%; outline: none;}
.save_blue_button button:active,.save_blue_button a:active{opacity: 0.9;}
.save_blue_button a{ line-height: 46px;}

.save_blue_button{ width: 80%; margin: 0 auto; }
.save_blue_button input{ border-radius: 80px; background-color: #306CE7;padding: 0;}
.save_blue_button input{ height:46px; background:#346ff1; text-align: center; color: #fff; margin-top:30px; font-size: 16px; border-radius:50px; cursor: pointer; display:block; box-shadow: 0 2px 10px rgba(54,112,241,0.3); width: 100%; outline: none;}
.save_blue_button input:active{opacity: 0.9;}

.mui-popover.mui-popover-action.alert_sx.mui-active{background-color: #fff;left: 0; padding: 20px 10px;}
.alert_sx h3{ text-align:center; font-size: 18px; padding:5px 0 10px 0;}
.save_blue_button_two{width: 100%; padding: 10px 0;  overflow: hidden;}
.save_blue_button_two .resetting_button{ background-color: #fff; border:1px solid #DDDDDD;box-shadow: 0 2px 10px rgba(54,112,241,0);
color:#333;}
.save_blue_button_two .resetting_button:active{background-color: #f6f6f6;color:#333;}
.save_blue_button_two button{ width: calc(44% - 2px); float: left; text-align: center;margin: 0 3%;}
.save_blue_button_two input{ width: calc(44% - 2px); float: left; text-align: center;margin: 0 3%;}
.save_blue_button_two a{ width: calc(44% - 2px); float: left; text-align: center;margin: 0 3%; line-height: 44px;}

.save_blue_button_two_f_blue{width: 100%; padding: 10px 0;  overflow: hidden;}
.save_blue_button_two_f_blue .resetting_button{ background-color: #fff; border:1px solid #DDDDDD; color: #306CE7;}
.save_blue_button_two_f_blue .resetting_button:active{background-color: #f6f6f6;color:#306CE7;}
.save_blue_button_two_f_blue a{ width: calc(44% - 2px); float: left; text-align: center;margin: 0 3%; line-height: 44px;}
/*yuanxiguanli end*/
.l_import_warp{ background-color: #fff; width: calc(100% - 20px); margin:10px auto 0 auto; padding: 10px 8px;box-shadow: 0 1px 8px #ececec;}

input.input_file_style[type=text]{width: 98px; height: 36px; line-height: 36px; font-size: 13px;  padding: 10px 8px;margin-bottom: 0;}
.m_lr5{margin: 0 5px;}
.t_down_button{ float: right;}
.t_down_button{ background-color: #32D67F; color: #fff; width: 30px; height: 30px; display: block; border-radius: 5px;
text-align: center; line-height: 30px;}
.t_down_button i{font-size: 18px;-webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0px;}
.t_export_button{ float: right;}
.t_export_button{ background-color: #fff; border: 1px solid #888; color: #444444; width: 30px; height: 30px; display: block; border-radius: 5px;
text-align: center; line-height: 30px;}
.t_export_button i{font-size: 18px;-webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0px;}

.types_cont_list{ width: calc(100% - 20px); margin: 0 auto;overflow: hidden; padding-bottom: 30px;}
.types_cont_list_boxs{ margin-bottom: 20px;}
.types_cont_list_boxs li a{ background-color: #ffffff;padding:18px 12px; box-shadow: 0 1px 8px #ececec; overflow: hidden; margin: 5px 0 20px 0;
display: block;}
.types_cont_list_boxs li h4{font-size: 16px; line-height: 22px; padding:0 0 10px 0;}
.types_cont_list_boxs li dl{font-size: 12px; color: #666;}
.types_cont_list_boxs li dl span.types_label_1{ margin-left:5px;}
.types_cont_list_boxs li h4 .types_label_1{ margin-left: 18px; font-weight: normal;}
.types_cont_list_boxs li dl span{margin: 0 15px 0 0;}
.types_label_1{ background-color: #ffead2; color: #895211; font-size: 12px; border-radius: 20px; padding: 2px 12px;display: inline-block;}
.types_label_2{ background-color: #eff4ff; color: #495B7F; font-size: 12px; border-radius: 20px; padding: 2px 12px;}
.types_label_3{ background-color: #e0f9ec; color: #37634C; font-size: 12px; border-radius: 20px; padding: 2px 12px;}
/*teacher list end*/
.teacher_warp{overflow: hidden; padding-bottom: 20px;}
.teacher_details_top{background-color: #fff; width: calc(100% - 20px); margin:10px auto 0 auto; padding: 10px 8px;
box-shadow: 0 1px 8px #ececec;overflow: hidden; border-radius: 3px;}
.teacher_details_t_pic img{ width: 56px; height: 56px; border-radius: 56px; float: left;}
.teacher_details_t_pic_r{float: right; width:calc(100% - 66px);}
.teacher_details_t_pic_r h4{font-size: 16px; padding:8px 0;}
.teacher_details_t_pic_r dl{font-size: 12px; color: #888;}
.xy_color{color: #444;}
.teacher_details_t_pic_b{ padding: 10px 0; line-height: 24px; border-top: 1px solid #F3F3F3; margin-top: 10px;}
.teacher_details_t_pic_b span{ width: 60%; display: inline-block; font-size: 12px; float: left;}
.teacher_details_t_pic_b span:nth-child(2n+2){ width: 40%;}
.yq_icon{color: #306CE7; font-size: 14px;margin-right: 5px;color: #306CE7;
    font-size: 14px;
    margin-right: 5px;
    background-color: #306cE7;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    display: inline-block;}
.t_more{color: #306CE7; font-size: 13px;}
.t_more i{font-size: 12px;}
.p_title_h4{font-size: 18px;}
.p_title{padding: 0; overflow: hidden;}
.practice_p_list{padding:20px 12px 0 12px;}
.practice_p_list_padding{padding:10px 12px 10px 12px;}

.practice_p_list_boxs ul li{ background-color: #fff;padding: 12px 8px;
box-shadow: 0 1px 8px #ececec; border-radius: 3px; width: 100%; margin: 15px 0;}
.practice_p_list_boxs ul li a{ display: flex;align-items: center; width: 100%;}
.practice_p_list_boxs_l{ width:calc(100% - 90px);}
.practice_p_list_boxs_l h5{color: #333; font-size: 15px; line-height: 22px; padding-bottom: 8px;}
.practice_p_list_boxs_l dl i{ font-size: 12px;}
.practice_p_list_boxs_l dl{color: #666; font-size: 12px;}
.practice_p_list_boxs_l dl span{ margin-right: 10px;}
.practice_p_list_boxs_r{ width: 90px; text-align: center; color: #666666; line-height: 28px; font-size: 14px;}
.p_schedule_color_blue{ color: #306CE7; font-size: 24px;}
.p_schedule_color_red{color: #F56C6C; font-size: 18px;}

.practice_j_list_boxs{width: 100%;}
.practice_j_list_boxs li{background-color: #fff;padding: 6px 8px;
box-shadow: 0 1px 8px #ececec; border-radius: 3px; width: 100%; margin: 15px 0;}
.practice_j_list_boxs li a{ display: block;}
.practice_j_list_boxs ul li h5{ font-size: 15px; border-bottom: 1px solid #DDDDDD; padding: 10px 0; color: #333;}
.practice_j_list_boxs ul li dl{font-size: 12px; padding: 10px 0;}
.practice_j_list_boxs ul li dl span{margin-right: 10px; color: #999999;}
.alert_button_two button{ margin: 0 2.5%;}
/*jiaoshiguanli end*/
.delete_types_cont_list_boxs li div.mui-checkbox{ width: 40px;}
.delete_types_cont_list_boxs li div.mui-checkbox input[type=checkbox], 
.delete_types_cont_list_boxs li div.mui-checkbox .mui-radio input[type=radio]{position: initial;}
.delete_types_cont_list_boxs li{width: 100%;display: flex; align-items: center;}
.delete_types_cont_list_boxs li a{width: calc(100% - 40px);margin: 10px 0 10px 0;}
.foot_fix_checkbox{ position: fixed; bottom: 0; background-color: #fff; border-top: 1px solid #f4f4f4;height: 56px;
width: 100%; left: 0; padding: 10px 0; overflow: hidden;z-index: 99;}
.foot_fix_checkbox input{margin: 0 10px;}
input.foot_fix_checkbox_red[type=button]{ color: #fff; border: 1px solid #dd524d;background-color: #dd524d;}
input.foot_fix_checkbox_red[type=button]:active{ color: #fff; border: 1px solid #dd524d;background-color: #dd524d; opacity: 0.85;}
input.foot_fix_checkbox_blue[type=button]{ color: #fff; border: 1px solid #306CE7;background-color: #306CE7;}
input.foot_fix_checkbox_blue[type=button]:active{ color: #fff; border: 1px solid #306CE7;background-color: #306CE7; opacity: 0.85;}
/*shanchu end*/
.xq_details_t_pic_r{ width: 100%;}
.xq_add_map_boxs{ background-color: #ffffff; padding:20px 10px; overflow: hidden;box-shadow: 0 1px 8px #ececec;margin: 20px 0;
border-radius: 3px;}
.xq_add_map_boxs_txt{font-size: 14px; line-height: 22px;}
.xq_add_map_boxs_txt i{color: #306CE7;font-size: 14px; margin-right: 5px;}
.xq_add_map{padding: 15px 0 0 0;}
.xq_add_map img{ width: 100%; height: auto;}
.save_gradient_button_two .orange_btn{background-image: linear-gradient(to bottom right, #F9B439 , #F4A312); color: #fff;border:0;}
.save_gradient_button_two .orange_btn:active{color: #fff; opacity: 0.8;}
.save_gradient_button_two .green_btn{background-image: linear-gradient(to bottom right, #2ECB78 , #5FDC9A); color: #fff;border:0;
box-shadow: 0 2px 10px rgba(73,212,138,0.3);}
.save_gradient_button_two .green_btn:active{color: #fff; opacity: 0.8;}
.save_gradient_button_two .red2_btn{background-image: linear-gradient(to bottom right, #F56C6C , #F88787); color: #fff;border:0;
box-shadow: 0 2px 10px rgba(247,129,129,0.3);}
.save_gradient_button_two .red2_btn:active{color: #fff; opacity: 0.8;}

.xq_details_t_pic_b span:nth-child(4){width: 100%;}
.qianyue_cont{ background-color: #ffffff; padding:20px 10px; overflow: hidden;box-shadow: 0 1px 8px #ececec;margin: 20px auto;
border-radius: 3px;width: calc(100% - 20px);}

.qy_file{opacity: 0; margin-left: -98px; width:98px;height: 34px;}
.input_width4 .input_file_picker{ border: 0; width: 200px;}
.annex_button{float: left;}
.annex_button button{  background-color: #32D67F; display: block;}
.annex_button button:active{opacity: 0.85;}
.annex_button button i{vertical-align: middle;}
.annex_txts{ font-size: 12px; color: #666666; line-height: 20px; padding: 10px 0 0 0;}
.down_details_t_pic_b span,.down_details_t_pic_b span:nth-child(2n+2){ display: block; width: 100%;
font-size: 13px; line-height: 24px; padding:4px 0; color: #666;}

.wp_configs{ padding: 20px 0 0 0;}
.mui-switch.mui-active:before{content: '开';}
.mui-switch:before{content: '关';}
.wp_configs .mui-input-row .mui-switch{margin-right: 0;}
/*gerenzhongxin end*/
.top_menus_c{padding:10px;}
.top_menus_c_boxs{width: 100%;overflow: hidden;background-color: #ffffff;box-shadow: 0 1px 8px #ececec; padding: 10px 0;}
.top_menus_c_boxs li{ width: 25%; float: left; padding: 5px 0;}
.top_menus_c_boxs li a{ display: block; text-align: center; font-size: 13px;}
.top_menus_c_boxs li i{background-image: linear-gradient(to bottom right, #6D99F2 , #306CE7 ); color: #fff; border-radius: 30px;
width: 50px; height: 50px; display: block; line-height: 50px; text-align: center; font-size: 24px;margin: 0 auto; margin-bottom: 5px;}
.import_titles_t{ padding-left: 13px;}
.types_cont_list_delete{padding-bottom: 70px;}

.baseDetails_top{ background: url(../images/lot_detail.png) no-repeat; background-size: cover; width: 100%;color: #fff;overflow: hidden;
padding:15px 15px;}
.baseDetails_top h3{ font-size: 17px; color: #fff; line-height: 26px; padding: 15px 0;}
.baseDetails_top_l{font-size: 13px; line-height: 22px;float: left;}
.baseDetails_top_l dl{padding: 6px 0;}
.baseDetails_top_r{float: right;}
.baseDetails_top_r_txt{ background-color: #ffffff; color: #306CE7; text-align: center; padding: 10px 2px; border-radius: 10px;}
.baseDetails_top_r_txt dl{padding: 6px 0;}
.baseDetails_top_r_tit{ font-size: 14px;}
.baseDetails_top_r_tit i{vertical-align: middle; padding-right: 4px;}
.baseDetails_top_r_number{font-size: 28px; font-weight: bold;}
.baseDetails_top_r_button{ margin: 10px 0;}
.baseDetails_top_r_button a{ background-color: #ffffff; padding:8px 20px; color: #306CE7; font-size: 14px; border-radius:10px;}

.baseDetails_list_bg{background-color: #ffffff;box-shadow: 0 1px 8px #ececec; padding:15px 10px; overflow: hidden;
margin:0 0 18px 0;}
.b_rate_top{ color: #666; font-size: 14px; padding: 10px 0; border-top: 1px solid #F0F0F0; margin-top: 15px;}
.b_task_z_number{ margin-top: 12px; margin-right: 15px;}
.b_task_z_number b{ color: #306CE7;}
.b_task_number{margin-top: 12px;}
.b_task_number b{ color: #306CE7;}
.b_rate_number{ background-color: #DFEAFF; font-size: 14px; color: #263A64; border-radius: 5px; padding: 10px 6px;}
.b_rate_number b{font-size: 18px; font-weight: bold;}

.table_task_cont{ margin-top: 10px;}
.table_task_cont table{font-size: 13px;}
.table_task_cont table tr td{ text-align: center; border: 1px solid #f1f1f1; padding: 5px;}
.table_task_cont table thead{ background-color: #F1F1F1;}
.table_task_cont table thead tr td{ padding: 10px 0;}

.b_ask_txt{padding: 15px 0 5px 0; line-height: 22px; font-size: 13px;}
.b_allocation_button_list{padding: 10px 0;}
.b_allocation_button_list a{ height: 38px; display: inline-block; padding: 0 8px; line-height: 38px; background-color: #EBF5FF;
 color: #306CE7; border: 1px solid #EBF5FF; margin: 5px 2px;}
.b_allocation_button_list a i{ margin-right: 5px;}
.b_allocation_button_list a.t_fp_button{background-color:#306CE7;color: #ffffff; border: 1px solid #306CE7;}
.xz_cont_list_boxs li h4{padding: 0;}
.xz_cont_list_boxs li dl{margin-top: 8px;}
.xz_details_t_pic_b span:last-child{ display: block; width: 100%;}
.member_x_boxs dl{padding: 5px 0;}
.vague_search_btn{position: absolute;z-index: 99;right: 15px;top: 12px;}
.vague_search_btn i{font-size: 23px;}
.checkbox_top10{ font-size: 14px;}
.checkbox_top10 input[type=checkbox], .mui-radio input[type=radio]{top: 7px;}
.checkbox_top10.mui-left input[type=checkbox],.checkbox_top10.mui-left input[type=radio]{left: 0;}
.checkbox_top10.mui-left label, .checkbox_top10.mui-left label{ padding-left: 30px;}
.checkbox_top10 input[type=checkbox]:before, .checkbox_top10 input[type=radio]:before{font-size: 24px;}
.checkbox_top10 label {padding: 12px 10px;}

.x_allocation_button_list{padding: 10px 0;}
.x_allocation_button_list span{ height: 38px; display: inline-block; padding: 0 8px; line-height: 38px; background-color: #EBF5FF;
 color: #306CE7; border: 1px solid #EBF5FF; margin: 5px 2px;}
.x_allocation_button_list span i{ margin-right: 5px;}
.x_allocation_button_list a{ padding-left: 8px; }
.x_allocation_button_list a i{color: #FE4E4E;}
.f_sub_left{ width: 60%;}
.f_sub_right{ width: 40%;}
.f_sub_left h4{ padding: 10px 0; font-size: 16px;}
.f_sub_right h4{padding: 10px 0; font-size: 16px;}
.sx_details_top{background-color: #fff; width: calc(100% - 20px); margin:10px auto 0 auto; padding: 10px;
box-shadow: 0 1px 8px #ececec;overflow: hidden; border-radius: 3px; font-size: 15px; line-height: 24px;}

.baseDetails_top_sx_btm{display: flex; font-size: 14px; padding: 5px 0 10px 0;}
.baseDetails_top_sx_btm span{flex: 1;}
.task_modul_downbtn{border: 1px solid #f1f1f1; line-height: 26px; font-size: 14px; padding:8px 10px; vertical-align: middle;
margin: 5px 0;}
.task_modul_downbtn dl{display: flex;align-items: center;}
.task_modul_downbtn span{ width:calc(100% - 115px); display: inline-block;}
.task_modul_down_txt{ font-size: 14px; color: #8f8f94;; line-height: 22px; padding: 5px 0;}

.delete_practice_p_list_boxs ul li{background:none;
    padding: 0px 0px;
    box-shadow: 0 0 0 #ececec;
    border-radius: 3px;
    width: 100%;
    margin: 0;}
.delete_practice_p_list_boxs .types_cont_list_boxs li dl.p_schedule_color_blue{color: #306CE7;font-size: 24px;}
.sh_operate .y_red_button2 a{ color: #FE4E4E;}
.sh_operate .y_blue_button2 a{ color: #306CE7;}
.sh_cont_list .m_list_txt dl{padding: 5px 0;}
.w_types_flex li{display: flex; align-items: center;background-color: #ffffff;
    padding: 18px 12px;
    box-shadow: 0 1px 8px #ececec;
    margin: 5px 0 20px 0;
}
.sign_sx_color{ border-top: 1px solid #f1f1f1; margin-top: 10px; padding-top: 10px;}
.sign_sx_color dl.sign_sx_color_add{ color: #306CE7;}

.leave_cont_list_boxs{ padding-bottom: 30px;overflow: hidden;}
.leave_cont_list_boxs li{ background-color: #fff; overflow: hidden; margin:10px 0 20px 0;box-shadow: 0 1px 8px #ececec;}
.leave_cont_list_boxs h4{font-size: 16px; padding:15px 10px 15px 10px; line-height: 22px;}
.leave_cont_list_boxs h4 span{margin-right: 10px;}
.leave_cont_list_boxs .leave_border_t{border-bottom: 1px solid #f1f1f1;  padding:0 10px 15px 10px;}
.leave_cont_list_boxs .leave_border_t span{ margin-right: 10px;font-size: 12px;color: #666;}
.leave_cont_list_boxs .m_list_txt{font-size: 13px; border-bottom: 1px solid #f1f1f1; padding: 6px 10px;}
.leave_cont_list_boxs .m_list_txt dl{padding: 5px 0;}
/*shixixiaozu end*/
.exchange_home{padding: 10px;}
.exchange_home_list li{ background:#E8EFFC; border-radius: 10px; line-height: 22px; padding:15px 12px; margin:10px 0 20px 0;}
.exchange_home_list li h4{ color: #526387; font-size: 16px; line-height: 24px; padding-bottom: 5px;}
.exchange_h_list_time{ color: #909FBB; font-size: 13px; padding:2px 0;}
.exchange_h_list_number{ font-size: 13px; color: #333; padding:2px 0;}
.exchange_h_list_number span{ margin-right: 10px;}
.exchange_h_operate{ margin-top: 10px;}
.exchange_h_operate a{margin: 0 10px 0 0; border-radius: 30px;}

.save_blue_button_one_f_blue{ width: 100%;padding-top: 10px;}
.save_blue_button_one_f_blue a.a_re{    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(221, 221, 221);
    color: rgb(48, 108, 231);}
.save_blue_button_one_f_blue a.a_re{
	    width: 44%;
        margin: 15px auto;
	    text-align: center;
	    line-height: 44px;
		color: #324A7C;
	}


/* 分页样式  公共*/
.page{display: table;margin: 20px auto;font-size: 14px}
.page li{display: block;border: 1px solid #d2d2d2;padding: 0 5px;height: 30px;line-height: 30px;text-align: center;color:#999999;margin: 0 5px;border-radius: 5px;float: left;}
.page a{display: block;height: 30px;line-height: 30px;text-align: center;color:#999999;float: left;}
.page .thisclass{background: #0095da; color:#fff;border: none;}
.page .thisclass a{color:#fff;}
.page select{ margin-top:5px;}
.page span{display: block;width:100%;height: 30px;line-height: 30px;text-align: center;color:#999999;border-radius: 5px;float: left;}
.page ul{float: left;}
.page ul li{float: left; background-color:#fff;}
.page .active{background-color: #306ce7;}
.page .active span{color: white;}
	

@media only screen and (max-width:380px) {
	.practice_p_list_boxs_l{ width:calc(100% - 80px);}
	.practice_p_list_boxs_r{ width: 80px;}
	.top_menus_c_boxs li a{ font-size: 12px;}
	input.input_file_style[type=text]{width: 96px;}
	.w_types_flex dl span.diss{display: block;}
}

@media only screen and (max-width:370px) {
.import_titles{display: block;padding: 10px 0;}	
.practice_p_list_boxs_l dl span{display: inline-block;}
.types_label_1{ display: inline-block;margin: 1px 0;}
.top_menus_c_boxs li a{ font-size: 12px;transform: scale(0.89999); white-space: nowrap;}
.import_titles_t{ padding-left: 0;}
.b_rate_top{ font-size: 12px; }
.b_rate_number{font-size: 12px;}
.b_rate_number b{font-size: 16px;}
}
@media only screen and (max-width:340px) {
	input.input_file_style[type=text]{width: 92px;}
.teacher_details_t_pic_b span{width: 100%;}	
.teacher_details_t_pic_b span:nth-child(2n+2){ width:100%;}

}




