*,p{
  padding: 0;
  margin: 0;
}
ul,li{
  list-style: none;
}
ul,ol{
  margin-bottom: 0;
}
html,body{
  font-family: Microsoft YaHei;
  /* height: 100%; */
}
.clearfloat:after{
  content:"";
  height:0;
  line-height:0;
  display:block;
  clear:both;
  visibility:hidden;
}
.clearfloat{
   zoom:1; 
}
.abs-bottom{
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.top{
  text-align: center;
  height: 100px;
  line-height: 100px;
  min-width: 1200px;
}
.logo-box{
  display: inline-block;
}
.logo-box img{
  margin-top: 16px;
  float: left;
}
.logo-box:last-child{
  margin-left: 60px;
}
.logo-box:last-child img{
  margin-top: 14px;
}
.logo-box span{
  font-size: 28px;
  color: #1E488F;
  float: left;
  margin-left: 15px;
}
.middle{
  width: 100%;
  height: 652px;
  border-top: 6px solid #17509D;
  border-bottom: 6px solid #2F74AB;
  box-sizing: border-box;
  background: url(../images/bg.png) no-repeat center;
  min-width: 1200px;
}
.middle-box{
  width: 1200px;
  margin: 0 auto;
}
.left-box{
  width: 612px;
  height: 229px;
  /*background: rgba(0, 0, 0, 0.5);*/
  padding-top: 19px;
  box-sizing: border-box;
  float: left;
  margin-top: 175px;
}
.left-box-sub{
  width: 571px;
  height: 189px;
  border: 1px solid #ffffff;
  margin: 0 auto;
  text-align: center;
  color: #ffffff;
  box-sizing: border-box;
  padding-top: 49.5px;
}
.left-box-sub div:first-child{
  font-size: 39px;
  margin-bottom: 15px;
}
.left-box-sub div:last-child{
  font-size: 18px;
}
.login-box{
  width: 438px;
  height: 432px;
  background: #ffffff;
  float: left;
  border-radius:4px;
  box-shadow:0px 8px 19px rgba(10,37,72,0.13);
  margin-top: 94px;
  margin-left: 110px;
  padding: 30px 29px;
  box-sizing: border-box;
}
.login-title{
  font-size: 26px;
  text-align: center;
  color: #17509D;
  height: 26px;
  line-height: 26px;
  margin-bottom: 30px;
}
.input-box{
  width: 100%;
  height: 56px;
  position: relative;
  background: #F5F7FA;
  margin-bottom: 20px;
}
.input-box img{
  left: 20px;
  position: absolute;
  z-index: 99;
  top: 29%;
}
.input-box input{
  width: 100%;
  height: 100%;
  border: 1px solid #D9D9D9;
  border-radius:2px;
  position: absolute;
  background: transparent;
  padding-left: 45px;
  box-sizing: border-box;
  font-size: 18px;
  z-index: 98;
}
.input-box button{
  width: 100%;
  height: 100%;
  border: none;
  background: #17509D;
  border-radius: 2px;
  font-size: 23px;
  color: #ffffff;
}
.info{
  height: 12px;
  line-height: 12px;
  text-align: right;
}
.info span{
  font-size: 12px;
  height: 12px;
  line-height: 12px;
  display: inline-block;
  color: #FD5C5C;
}
.has-margin{
  margin-top: 20px;
}
.footer{
  font-size: 14px;
  text-align: center;
  padding: 10px 0;
  min-width: 1200px;
}
.input-yzm input{
  padding-right: 76px;
}
.yzm-img{
  right: -66px!important;
  left: auto!important;
  top: 0!important;
}
@media screen and (max-height: 768px) {
  .top {
      height: 80px;
      line-height: 80px;
  }
  .logo-box img{
    margin-top: 6px;
  }
  .logo-box:last-child img{
    margin-top: 4px;
  }
  .middle{
    height: 610px;
  }
}
@media screen and (min-height: 900px) {
  .top {
      height: 138px;
      line-height: 138px;
  }
  .logo-box img{
    margin-top: 35px;
  }
  .logo-box:last-child img{
    margin-top: 33px;
  }
}