@charset "UTF-8";

html,body {
    width: 100%;
    height: 100%;
    margin: 0; 
    padding: 0;
    background: #19778c;
    //background:#DCDCDC;
    //background:#fcfdf8;
 }
 .zihong {
    top: 50%; /*偏移*/
    position:absolute;
    margin-top: -450px;
    width: 100%;
    clear:both;
    text-align:center;
}
.login {
    width: 100%;
    height:370px;
    opacity: 0.9;
    margin: 0 auto; /*水平居中*/
    position: absolute; /*设置position属性*/
    top: 50%; /*偏移*/
    margin-top: -300px;
    text-align: center; 
    color:#ffffff;
    
}
.login_title {
    font-size: 30px;
    font-weight: bold;
    color:#ffffff;
    line-height: 24px;
    letter-spacing: 2px;
    display: block;
    margin: 50px auto;
  }
.span_x5{ 
    padding-bottom:5px; border-bottom:5px solid #fff;
  }
.login_input >input {
    display: block;
    margin: 10px auto 32px;
    width: 340px;
    height: 42px;
    background-color: #ffffff;
    border-radius: 4px;
    opacity: 0.9;
    border: 0;
    font-size: 16px;
    outline-color: #19778c; 
    color: #000000;
}
  
.login_submit >input[type="submit"]{
          border-radius: 30px;
          width: 200px;
          height: 42px;
          font-size: 16px;
          margin: 10px auto 10px;
          cursor: pointer;
          opacity: 0.9;
}

footer {
    position:absolute;
    bottom:1%;
    width: 100%;
    color:#ffffff;
    clear:both;
    text-align:center;
}