body,div,h1,li,p,ul,input,button{margin:0;padding:0;border-box;box-sizing:border-box;}
    body,button,input,select,textarea{color:#474747;font-size:16px;font-family:Verdana,"Microsoft YaHei",Helvetica,sans-serif;}
    button,input{outline: none;}
    li{list-style:none;}
    em,i{font-style:normal;}
    a img{border:none;}
    a{color:#0071c0;text-decoration:none;}
    a:hover{color:#0071c0;}
    body,html{height:100%;}
    body{min-width:1280px;;background-image:url(../../assets/images/login-bg.jpg);background-position:center center;background-repeat:no-repeat;background-size: cover;background-attachment: fixed;}
  .login{width:1200px;height:600px;position: absolute;left:50%;top:50%;margin-left: -600px;margin-top:-300px;border-radius:30px; overflow: hidden; /*background: url(../../assets/images/login-box.png) no-repeat center top;*/}
  .login-head{background: url(../../assets/images/login-logo.png) no-repeat;width:124px;height:132px; padding-left: 130px; font-size:60px;line-height:120px;font-weight: normal;margin:50px auto 10px;}
  .login-left{width:670px;height:600px; float: left;}
  .login-right{width:430px; height:600px; float: right;background-color:#fff;}
  .login a{color:#fd7f42;float: right}
  .login ul{padding:0 35px;margin:auto;}
  .login li{margin-bottom:20px;}
  .login li:last-child{padding-top:20px;}
  .login li span{padding-right:5px;display: inline-block;width:100px; text-align: right;}
  .login-input{display:inline-block;padding:5px 20px 5px 20px;width:370px;height:58px;font-size:16px;vertical-align: middle;border:1px solid #c0c0c0;border-radius: 4px;border-radius: 30px;color:#acacac;background-repeat: no-repeat;background-position: 20px 12px;}
  .login-input:hover{border-color:#18a6fe;box-shadow: 0 0 5px #30bbfb;color:#2c2c2c;}
  .login-input:focus{border-color:#18a6fe;box-shadow: 0 0 5px #30bbfb;color:#18a6fe;}
  .login-btn{width:370px;border-radius: 30px;padding-right:15px;padding-left:15px;height:60px;border:none;color:#fff;font-size:20px;cursor:pointer;transition: all .5s;  overflow: hidden; position: relative;background: linear-gradient(to right, #5ed6ff , #0ba6fe);vertical-align:middle;}
  .login-btn:active,.login-btn:active{box-shadow: inset 2px 2px 5px rgba(0,0,0,.5)}
  .login-btn.short{width:125px;}
  .login-btn-cance{border:1px solid #c0c0c0;width:125px;height:60px;margin-left:20px;border-radius: 30px;background-color: #fff}
  .login-btn i{margin-right:5px;}
  .login-btn.active,.login-btn:active,.login-btn:focus,.login-btn:hover{outline:0;background-color:#309efb;}
  .login-btn.active,.login-btn:active{box-shadow:inset 0 1px 2px rgba(0,0,0,.125);}
  .user{background-image: url(../../assets/images/login-user.png);padding-left:60px;}
  .lock{background-image: url(../../assets/images/login-lock.png);padding-left:60px;}
  .login h1{margin-top:120px;font-size:24px;color:#565656;margin-left:75px;margin-bottom:25px;font-weight: 400;}
  .login-input.short{width:220px;}
  .login-btn-code{width:140px;border-radius: 30px;padding-right:15px;padding-left:15px;height:60px;vertical-align:middle;float: right;background-color: #0a9bfe;font-size:16px;}