* { margin: 0;outline: 0;padding: 0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
header,article,footer,nav,section,aside,figure,menu{ display:block;}
a { text-decoration: none;}
html { height: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body { width:100%;max-width:720px;margin:0 auto;padding: 0;width: 100%;font-family: Arial, Helvetica, sans-serif;font-size:14px;line-height: 1.5em;-webkit-touch-callout: none;display: -webkit-box;-webkit-box-orient: vertical;-webkit-box-align: stretch;position: relative;background:#fff;color:#333}
img {border:0;max-width: 100%;-ms-interpolation-mode: bicubic;vertical-align: middle;border: 0 none;max-width: 100%;height: auto;width: auto\9;/* ie8 */}
table { border-collapse: collapse;border-spacing: 0;width: 100%;}
th, td, caption { vertical-align: middle;}
textarea { resize: none;border: 0;padding: 8px 0;border-radius: 0;}
textarea,input{ font-family:Arial, Helvetica, sans-serif}
ul, ol, li, dl, dt, dd,em{ list-style: none;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-weight:normal;}
.clr:after {content:"";display:block;height:0;clear:both;visibility:hidden;}
.clr {*zoom:1;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 ,footer { -webkit-text-size-adjust: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
.cl6{ color:#666;}
.fl{ float:left;}
.fr{ float:right;}
.cl{ clear:both;font-size:0;line-height:0;height:0;width:100%;overflow:hidden;}
.clearfix:after {clear: both;content: " ";display: block;height: 0;}
.fix:after {visibility: hidden;display: block;font-size: 0;content:"";clear: both;height: 0;}
.fix{*zoom:1;}
a:link,a:visited{text-decoration:none;outline:none;}
a:active,a:hover{ text-decoration:none;}


.login-bg {
  width: 100%; max-width: 750px; height:auto; margin: 0 auto;  overflow-x: hidden;

   background: url(../images/login-bg.png) no-repeat fixed;
    color: #ff34f;
    background-size: 100% 100%;

}.login-contain {
   height: 100vh; 
}
.logo{ text-align:center; padding:2em 0 1.3em 0; width:80%; margin:0 auto;}
.name{ text-align:center; padding:0em 0; width:65%; margin:0 auto;}
.nav{ padding:1.5em 0;width:70%; margin:0 auto;}
.nav li{ width:100%; border-radius:23px; margin:2em 0; }
.nav li a{ display:block; padding:0.6em 0; line-height:1.6em; font-size:1.125em; text-align:center; color:#fff;}
.cl_a{ background:#05c160;}
.cl_b{ background:#fe4833;}
.cl_c{ background:#f25e9a;}

.header{ height:50px; background:#37a0db; text-align:center;  }
.btn-back{ 
 border: none;width: 50px;height: 50px;text-indent: -900em;overflow: hidden;position: absolute;top: 0;left: 0;cursor: pointer;outline: none;background:url(../images/icon-back.png) no-repeat center center;background-size: 28%;}
.title_name{ font-size: 1.375em; color:#fff; line-height:2.6em; text-align:center; display:block;}

.header .header-left{ position:absolute;left:0;top:0;height:48px;padding-left:10px;}
.header .header-left img{ display:block;height:28px;padding-top:10px;}
.header .header-center{ width:100%;height:48px;line-height:48px;text-align:center}
.header .header-center p{ text-align:center;font-size:1.125em;color:#fff; font-weight:700;letter-spacing:1px}
.header .header-right{position:absolute;right:5px;top:0;height:45px;padding-right:10px;}
.header .header-right img{ display:block;height:20px;padding-top:15px;}


.containt{}
.school{ padding:1.6em; font-size:1.125em; line-height:1.6em;}
.titlle{text-align:center; padding:0.5em 0 0.5em 0; width:75%; margin:0 auto;}
.biao{ background:#fff; padding:0.5em 1em;}
.biao li{ border-bottom:1px solid #eee; padding:0.8em 0; font-size:1.125em; line-height:1.6em;}
.mes-name{ width:31%; color:#555;}
.mes-cont{ width:69%;}
.biao li em{ color:#f00;font-size:1.25em; font-style:normal; }
.g-ico{ background: url(../images/right.png) no-repeat right center; background-size:8px 15px;}
.select1{ border:0;appearance:none; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; -ms-appearance:none; width:90%;color:#333; font-size:1em;line-height:1.5em; background:#fff;}
.input_a{ width:90%; color:#333;font-size:1em;line-height:1.5em; border:0;}
.textarea_a{width:90%; color:#333;font-size:1em;line-height:1.5em; border:0; height:60px;}
.shenqing-btn{width:140px;margin:25px auto 50px auto; }
.tj-btn{ width:100%; height:2.5em; line-height:2.5em; background:#00c4c5; color:#fff; display:block; margin:0px auto; text-align:center;font-size:1.375em; border:0;}
.ok-ct{ padding:30px 20px;}
.ok{ width:66px; height:66px; text-align:center; margin:10px  auto;  }
.ok img{ max-width:100%;}
.ok-ct .ok-block{
  margin:0;
  text-align: center;
  color: #151515;
  text-align: center;
  line-height: 40px;
  font-size: 1.25em; 
}
.ok-ct .ok-block p{
  margin:.6rem 0;
}
.ok-ct a{ color:#00c4c5; }
.pl-10{ padding-right:15px;}
.search_all{  background-color: #fff; padding:10px 0 5px 0;}
.search {
    width: 96%;
    height: 40px;
    overflow: hidden;
    display:block;
	font-size:14px;
    margin: 0px auto; 	}
.s_ipt {
	line-height: 40px;
    width:60%;
    height: 40px;
    overflow: hidden;
    color: #333;
    font-size: 1.125em;
    font-family: "Microsoft YaHei";
    display: inline-block;
    border: 0;
	background:#f1f1f1; text-indent:0.5em;
}
.select_a{ height:40px; line-height:40px; font-size:1em; width:30%; background:none;border:1px solid #eee;}

.btnall{ width:20%; }
.s_btn {
    width: 100%; 
    height: 35px;
    overflow: hidden;
    background: #007af6;
    display: inline-block; border:0; color:#fff; border-radius:8px; font-size:14px;}
.green{ color:#0C3}.red{ color:#f00}