@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, select{margin: 0;padding: 0;border: 0;}
table{ border-collapse:collapse;}
body{font-size:12px;color:#333; font-family:"Microsoft Yahei"; overflow-x:hidden;}
.bodybg{ background:url(../images/bodybg.jpg) right 160px no-repeat;}
img,a{border:0; text-decoration:none;}
ol, ul {list-style: none; }


img{ max-width:100%; height:auto;}
.web-width{width:1200px;margin:0 auto;}
.fl{float:left;}
.fr{float:right;}


/*忘记密码  必要样式*/
.clears{ clear:both;}
.for-liucheng{width:840px;margin:30px auto; height:50px; position:relative;}
.liulist{float:left;width:24.55%; height:40px; background:#f0f4f0;margin-left: 0.45%;}
.liulist:after{content: '';  
    display: block;  
    border-top: 20px solid transparent;  
    border-bottom: 20px solid transparent;  
    border-left: 20px solid #f0f4f0;  
    position: relative;   
    right: -186px;   
    top: 0;  
    z-index: 10;
    float: left;}
.liulist:before{
	content: '';  
    display: block;  
    border-top: 20px solid #f0f4f0;  
    border-bottom: 20px solid #f0f4f0;  
    border-left: 20px solid #fff;  
    position: relative;   
    left: 0px;   
    top: 0;
    float: left;  
}
.liutextbox{ position:absolute;width:100%;left:0;top:10px;}
.liutextbox .liutext{float:left;width:25%; text-align:center;}
.liutextbox .liutext em{ display:inline-block;width:20px; height:20px;-moz-border-radius: 20px; -webkit-border-radius: 20px;border-radius:20px; background:#A7A7A7; text-align:center; font-size:16px; line-height:20px; font-style:normal; font-weight:normal;color:#fff;}
.liutextbox .liutext strong{ display:inline-block;height:20px; line-height:20px; font-weight:400;margin-left: 10px;font-size: 16px;}
.liulist.for-cur{ background:#21c275;}
.liulist.for-cur:after{content: '';  
    display: block;  
    border-top: 20px solid transparent;  
    border-bottom: 20px solid transparent;  
    border-left: 20px solid #21c275; }
.liulist.for-cur:before{
	content: '';  
    display: block;  
    border-top: 20px solid #21c275;  
    border-bottom: 20px solid #21c275;  
    border-left: 20px solid #fff;    
}
.liutextbox .for-cur em{ background:#fff;color: #21c275;}
.liutextbox .for-cur strong{color:#fff;}

.forget-pwd{width:650px;margin:20px auto;min-height:400px;}
.forget-pwd input,.forget-pwd button{border:0;margin:0;padding:0; background:none;}
.forget-pwd dl{margin-bottom:36px;}
.forget-pwd dt{float:left;padding-right:10px;width:180px; height:40px; line-height:40px; text-align:right; font-size:16px;color:#333333;}
.forget-pwd dd{float:left;width:380px; height:40px; position:relative;margin-bottom: 10px;}
.forget-pwd dd input{width:260px; height:38px;border:#DDDDDD 1px solid;border-radius:0.2em;text-indent: 10px;}
.forget-pwd dd input::-webkit-input-placeholder{color:#B5B4B4;}
.forget-pwd dd input::-moz-placeholder{color:#B5B4B4;}
.forget-pwd dd #code{width:100px;}
.forget-pwd dd select{width:260px; height:38px;border:#DDDDDD 1px solid;border-radius:0.2em;}
.forget-pwd dd button{width:130px; height:38px; line-height:38px;border:#aaeeef 1px solid; background:#d7f0f5; text-align:center; cursor:pointer; font-size:16px;color:#333333;box-sizing:content-box;border-radius:0.2em;}
.forget-pwd .yanzma{ position:absolute;left:110px;top:0px; height:40px; line-height:40px;width:180px;}
.subtijiao{padding:0 0 0 190px;}
.subtijiao input{width:260px; height:40px; background:#21c275;color:#fff; font-size:16px; cursor:pointer;border-radius:0.2em;}
.subtijiao input:hover{background-color: #17af66}
.successs{ text-align:center;padding: 20px 0 60px 0;}
.successs h3{padding:20px; font-size:25px;color:#A0CD4E;}
.successs em{ display:inline-block;width:40px; height:40px;-moz-border-radius: 40px; -webkit-border-radius: 40px;border-radius:40px; background:#21c275; text-align:center; font-size:16px; line-height:40px; font-style:normal; font-weight:bold;color:#fff;}
.successs span{margin-left: 10px;color: #21c275;height:40px;line-height: 40px;}
.unclear{height: 40px;left: 220px;line-height: 40px;position: absolute;top: 2px;width: 190px;font-size:16px;}
.getCode,.backlogin{color: #3e8aeb;}
.tip{ height: 30px;left: 200px;line-height: 30px;position: absolute;top: 2px;width:450px;}
.contact{color:#3e8aeb;}
.form-footer{height:40px;line-height: 40px;text-align: center;margin-top: 10px;}
.hide{display: none;}
.no-account,.on-existent,.no-psd,.no-repsd,.not-equal,.no-contact,.no-length{color:#ff4302;}
.time_down{color:#ff4302;}
.un-code{padding: 0 0 0 200px;color:#ff4302;}
.no-code{padding: 0 0 0 200px;color:#ff4302;}
.content{border-top: 3px solid #ff4302;float: left;width:100%;}
.un_email_code,.un_phone_code,.no_phone_code,.no_email_code{color: #ff4302;padding: 0 0 0 190px;}
.show_account,.show_phone,.show_email{float: left;position: relative;width: 380px;font-size: 16px;}
.show_account{padding-top: 9px;}
.show_phone,.show_email{line-height: 40px;height:40px;}
.is_account{height:30px;line-height: 30px;}
.province,.edu_period_id{float: left;}
.city,.edu_grade_id{float: left;margin-left: 10px ! important;}
.school,.school_class{float: left;margin-left: 10px ! important;}
.forget-pwd .school_info{width: 600px;}
.contact_us_form{width: 800px ;}
.school_tip{height: 30px;left: 500px;line-height: 30px;position: absolute;top: 2px;width:100px;}
.contact_us_form #phone{float: left;}
.contact_us_form #email{float: left;}
.orinfo{height: 28px;line-height: 28px;float: left;margin:0 10px 0 10px;}
.forget-pwd .contact_info{width: 600px;}
.phone_or_email{height: 30px;left: 434px;line-height: 30px;position: absolute;top: 2px;width:100px;}
.form-footer .contact:hover{text-decoration: underline;color: #3e8aeb}
.theme_title{font-weight: bold;font-size: 20px;height: 20px;margin: 30px auto;position: relative;width: 840px;}
#phone_code,#email_code{width:116px;float: left;}
#get_phone_code,#get_email_code{margin-left: 10px;}
.school_list{color: #21c275;}
.wrong_input{border-color: #21c275 ! important;}
 select::-ms-expand { display: none; } 

select {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: solid 1px #000;
  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  /*在选择框的最右侧中间显示小箭头图片*/
  background: url("../images/select.png") no-repeat scroll right 10px center transparent;
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 14px;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
.success1{background: #a7a7a7 url("../images/success1.png") no-repeat scroll center center ! important;}
.success2{background: #fff url("../images/success2.png") no-repeat scroll center center ! important;}
.success3{background: #21c275 url("../images/success3.png") no-repeat scroll center center ! important;}
.mem{font-size: 16px;}
.theme_tip em{display:inline-block;width:24px;height:24px;background: #f0f4f0 url("../images/contact_tip.png") no-repeat scroll center left;margin-top: 8px;float: left;margin-left: 10px;}
.theme_tip{background-color: #f0f4f0;height: 40px;line-height: 40px;color: #ff4405;}
.contact_tip{margin-left: 10px;}
.must{color: #ff4405;height: 40px;line-height: 40px;margin-right: 10px;}
.subtijiao_teacher .contact_parents{ background: #21c275 none repeat scroll 0 0;border-radius: 0.2em;color: #fff;cursor: pointer;font-size: 16px;height: 40px;width: 380px;}
.subtijiao_teacher .contact_teacher{ background: #21c275 none repeat scroll 0 0;border-radius: 0.2em;color: #fff;cursor: pointer;font-size: 16px;height: 40px;width: 380px;}
.subtijiao_teacher .contact_manager{ background: #21c275 none repeat scroll 0 0;border-radius: 0.2em;color: #fff;cursor: pointer;font-size: 16px;height: 40px;width: 380px;}
.subtijiao_teacher input:hover{background-color:#17af66;}
.subtijiao_teacher{padding-left: 190px;padding-top:10px;}
.contact_us_form select{width:100px ! important;}
.school,.school_class{width: 160px ! important;}

#realname{width:380px;}
.not_all{color: #ff4302;}
dt{font-weight: normal;}
.alert_body{min-height:150px;text-align: center;font-size: 16px;font-weight: bold;line-height: 150px;}
#alert_data{width: 400px;border-top:2px solid #ff4302;}
.btn-alert{background-color: #21c275;-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background-repeat: repeat-x;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #b3b3b3;border-image: none;border-radius: 4px;border-style: solid;border-width: 1px;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);color: #333333;cursor: pointer;display: inline-block;font-size: 14px;line-height: 20px;margin-bottom: 0;padding: 6px 28px;text-align: center;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);vertical-align: middle;color: #fff;}
.alert-footer{border-radius: 0 0 6px 6px;box-shadow: 0 1px 0 #ffffff inset;margin-bottom: 0;padding: 14px 15px 15px;}
.contact_tip{color: #ff4302;}
.tip_user{float:left;}
input:focus{border: #21c275 1px solid ! important;}
.forget-pwd dd input:focus{border-color: #21c275;}
.phone-no-click,.email-no-click{background: #fff none repeat scroll 0 0;border: 1px solid #dddddd;border-radius: 0.2em;box-sizing: content-box;color: #333333;cursor: pointer;font-size: 16px;height: 38px;line-height: 38px;text-align: center;width: 130px;float: left;margin-left:10px;}
.time_count{color: #ff4302;}
#login_account,#phone{width:380px;}
.titback{background: #ff8700 none repeat scroll 0 0;border-radius: 0 0 5px 5px;display: inline-block;padding: 0 10px;position: absolute;right: 45px;}
.comback{color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: sans-serif;
    line-height: 1.5;
    padding: 6px 8px;}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ffffff;
  /* border: 1px solid #cccccc; */
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
   border-color: none; 
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}