@font-face {font-family: 'iconfont';
    src: url('../font/iconfont.eot');
    src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../font/iconfont.woff') format('woff'),
    url('../font/iconfont.ttf') format('truetype'),
    url('../font/iconfont.svg#iconfont') format('svg');
}
*{
    padding:0;
    margin:0;
    box-sizing: border-box;
}
html,body{
    background-color: #fff;
    font-family: 'Microsoft YaHei';
    font-size:16px;

}
ol,ul{
    list-style-type: none;
}
a{text-decoration: none;color:#333;}
img{border:none;}

.clear{
    clear:both;
}
.clearfix:after{display:block;clear:both;height:0;visibility: hidden;content:'';}
.clearfix{zoom:1}
.fl{float:left;}
.fr{float:right;}
.wrap{
    width:1200px;
    margin:0 auto;
}
select {
    border: 1px solid #f2f2f2;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background: url(../imgs/select_sanjiao.png) no-repeat scroll 120px center transparent;
    border-radius: 2px;
    background-color: #f8f8f8;
}

input,textarea{border:none;background-color:#fff;outline:none;}
input::-webkit-input-placeholder{color:#ccc;}
input::-moz-input-placeholder{color:#ccc;}
textarea::-webkit-input-placeholder{color:#ccc;}
textarea::-moz-input-placeholder{color:#ccc;}
.hover_btn{opacity:0.8;border-radius: 2px;cursor: pointer}
.hover_btn:hover{opacity: 1;}


.active_color:hover{color:#cc0000;}
.icon-white{color:#fff;}
.icon-red{color:#cc0000;}


.icon-gray{color:#ccc;}
.icon-small{font-size:14px;}
.icon-xs{font-size:12px;}
.icon-m{font-size:20px;}
.icon-big{font-size:22px;}
.icon-xb{font-size:28px;}
.icon-bigger{font-size:50px;}
.icon-red{color:#cc0000;}
.icon-blue{color:#4A90E2;}
.icon-yellow{color:#f5a623}
.icon-close{color:#d8d8d8;transition: all 0.5s;}
.icon-close:hover {
    color: #e69f2d;
    transform: rotate(90deg);
}



.iconsearch{margin:0 14px;cursor:pointer;}


.btn_template{
    width:80px;height:30px;
    line-height:30px;
    text-align:center;
    color:#fff;
    background-color:#4A90E2;
    position:absolute;
    right:0;
    bottom:0;
    cursor:pointer;
}
.magic-radio, .magic-checkbox {
    position: absolute;
    display: none;
}
.magic-radio + label, .magic-checkbox + label {
    position: relative;
    display: block;
    padding-left: 30px;
    cursor: pointer;
    vertical-align: middle;
}
.magic-radio:checked + label:before {
    border: 1px solid #cc0000;
    background: #cc0000;
}
.magic-radio + label:before {
    border-radius: 50%;
}
.magic-radio + label:before, .magic-checkbox + label:before {
    position: absolute;
    top: 1px;
    left: 0;
    display: inline-block;
    width: 18px;
    height: 18px;
    content: '';
    border: 1px solid #c0c0c0;
}
.magic-radio:checked + label:after, .magic-checkbox:checked + label:after {
    display: block;
}
.magic-radio + label:after {
    top: 7px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
}

.magic-radio + label:after, .magic-checkbox + label:after {
    position: absolute;
    display: none;
    content: '';
}

/****閸忣剙鍙eader****/
.header{
    width:100%;

}
.index_top{
    background:url(../imgs/banner.png) no-repeat center;
    width:100%;
    height:150px;
}
.header_line{
    width:100%;
    height: 10px;
    background: linear-gradient(#005db1 0, #0084e9 39%, #005db1 100%);
}
.h_search{
    height:34px;
    line-height:34px;
    margin-top:20px;
}
.h_search_box{
    background-color:#fff;
    border-radius:40px;
}
.h_search_box input::-webkit-input-placeholder{color:#999;}
.h_search_box input::-moz-input-placeholder{color:#999;}
.h_search_box>input{
    background-color:#fff;
    font-size:14px;
    margin-left:12px;
    width:210px;
}

.index_top{
    height:146px;
    line-height:146px;
    overflow:hidden;
}
.logo{
    margin-top:44px;
}
.common_nav{border-bottom:3px solid #f2f2f2;}
.common_nav li{
    float:left;
    margin-right:57px;
}
.common_nav li>a{
    color:#333;
    display:block;
    padding:20px 10px;
    font-size:22px;
    border:3px solid transparent;
}
.common_nav li.active a,.common_nav li:hover a{
    color: #c11d1a;
    border-bottom:3px solid #c11d1a;
}


/*****footer*****/
.footer{
    width:100%;
    background-color:#D8D8D8;
    color:#333;
    padding:20px 0;
    margin-top:30px;
}
.footer_link{
    color:#666;
    margin:36px 0 20px;
}

.footer_link a {
    color:#666;
    margin-right:16px;
}
.footer_r{width:164px;}
.footer_r img{
    width:164px;
    height:164px;
    margin-top:30px;
}
.footer_data{margin:40px 0;}
.footer_data li{
    float:left;
    margin-right:50px;
}
.footer_data li i{
    margin-right:8px;
}
.footer_txt{
    font-size:14px;
    margin-top:20px;
    line-height:200%;
    color:#999;
}
/**婢跺秹锟藉顢�**/
/**婢跺秹锟藉顢�**/
label {cursor:pointer;}
label i {font-style:normal;display:inline-block;width:14px;height:14px;text-align:center;line-height:14px;color:#fff;vertical-align:middle;margin:-2px 2px 1px 0px;border:#e1e1eb 1px solid; background-color:#fff;}
input[type="checkbox"],input[type="radio"] {display: none;}
input[type="radio"] + i {border-radius:8px;}
input[type="checkbox"]:checked + i,input[type="radio"]:checked + i {background:#09c; border:#09c 1px solid;}



/*****鐏忓牓顢戦悧鍫㈩吀閻烇拷********  */
.student_table_title {
	color:#4a4a4a;
	font-size:18px;
	margin:14px 0;
}

.student_tt_add_btn>a{
	font-size:16px;
	color:#4A90E2;
	cursor: pointer;
}
.student_tt_add_btn a{
	cursor: pointer;
}
.blue_color{color:#4A90E2;font-size: 16px;cursor: pointer;}

.manage-btn-primary{
	color:#fff;
	background:#4A90E2;
	padding:6px 12px;
	margin-top: 5px;
}
.clazz_search_item{    
    width: 283px;
    padding: 5px;
    margin-bottom: 5px;
    }
 .form-control{
	height:30px;
	line-height:30px;
	border:1px solid #ececec;
	padding-left:10px;
	margin-left:10px;
	width:180px;
}
 .form-control_select{
	margin-left:6px;
	padding-left:10px;
	width:180px;
	height:30px;
	line-height:30px; 
	appearance:none;
	-moz-appearance:none; 
	-webkit-appearance:none;
	 background: url(../images/jiao.png) no-repeat scroll right center transparent;
	 border:1px solid #ececec;
  }
.contact .lx_us {
    margin: 20px 0;
}
.contact .lx_us p, .kf_online p {
    padding: 14px 0 20px;
}

.ms_clazz_select {
    font-size: 14px;
    width: 140px;
    height: 35px;
    color: #666;
    padding-left: 10px;
}

 .infochange{
               font-size: 15px;
			    padding: 8px 16px;
			    height: 32px;
			    line-height: 14px;
			    display: inline-block;
			    margin-bottom: 0;
			    font-weight: normal;
			    text-align: center;
			    white-space: nowrap;
			    vertical-align: middle;
			    cursor: pointer;
			    margin-left: 10px;
			    color: #666;
			    border: 1px solid #ddd;
			    background-color: #F7F7F7;
			    border-radius: 4px;
    }
    
/******瀹屽杽涓汉淇℃伅********/
.index_wanshan {
    width: 760px;
    height: 488px;
    top: 50%;
    left: 50%;
    margin-left: -380px;
    margin-top: -220px;
    background-color:#fff;
    border-radius:2px;
    position:fixed;
    z-index:9999;
    display:none;
}


.ws_title {
    background-color: #f8f8f8;
    font-size: 20px;
    line-height: 65px;
    color: #666;
    font-weight: normal;
    text-align: center;
    position: relative;
}

.ws_title i {
    position: absolute;
    top: 25px;
    right: 25px;
    color: #d8d8d8;
    transition: all 0.5s ease;
    cursor: pointer;
    line-height:1;
}

.ws_title i:hover {
    color: #e69f2d;
    transform: rotate(90deg)
}

.ws_form {
    width: 466px;
    margin: 4px auto;
    font-size: 16px;
}

.ws_form .ws_prompt {
    font-size: 14px;
    color: #999;
}

.ws_form td {
    padding: 14px 0
}

.ws_form input[type="text"],.ws_form input[type="password"] {
    width: 230px;
    height: 40px;
    line-height: 40px;
    margin: 0 16px;
    border:1px solid #ccc;
}

.ws_form  .send_code {
    font-size: 14px;
    color: #e69f2d;
    cursor: pointer
}

.ws_form .ws_item {
    text-align: right;
}

.ws_form .ws_sure, .ws_form .ws_cancel {
    width: 110px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    cursor: pointer;
}

.ws_form .ws_cancel {
    margin-left: 10px;
    background-color: #999;
}

.ws_form .ws_sure {
    margin-left: 16px;
    background-color: #cc0000;
}
/**首页弹出框样式*/

.index_classmasg {
    width: 760px;
    height: 488px;
    top: 50%;
    left: 50%;
    margin-left: -380px;
    margin-top: -220px;
    background-color:#fff;
    border-radius:2px;
    position:fixed;
    z-index:9999;
    display:none;
}
 #infofloat_classmasg{
    position: fixed;
    z-index: 100099;
    width: 680px;
    padding:18px 13px;
    background: #fff;
    left: 50%;
    top: 50%;
    height: 354px;
    margin-left: -340px;
    margin-top: -177px;
    line-height: 190%;
    border-radius: 4px;
    }
#infofloat_classmasg h3{
    	text-align:center;
    	margin-bottom:14px;
    }
#infofloat_classmasg .tips-info{
        overflow-y: scroll;
    height: 255px;
    padding:0 30px;
    }
#infofloat_classmasg .infofloat_close_classmasg{
    	position: absolute;
    right: 10px;
    top: 4px;
    color: #999;
    font-size: 24px;
    cursor: pointer;
    font-weight:bold;
    }
.infofloat_classmasg .infofloat_close_classmasg:hover{
   color: #e69f2d;
    
    }
/*.index_classmasg   .bitian{
    	color:red;
        display: inline;
    }
 .index_classmasg   .fbitian{
    	color:#fff;
        display: inline;
  }*/


    