a,a:hover{text-decoration: none;}
body{background-color: #f9f9f9;}
.header-login{height: 80px;background-color: #fff;
  -webkit-box-shadow: 1px 0 5px rgba(119,119,119,.35);
  -moz-box-shadow: 1px 0 5px rgba(119,119,119,.35);
  -ms-box-shadow: 1px 0 5px rgba(119,119,119,.35);
  box-shadow: 1px 0 5px rgba(119,119,119,.35);position: relative;}
.web-width{width: 1200px;margin: 0 auto;background-color: #fff;}
.header-login .web-width{display: flex;height:100%;align-items: center;}
.header-login .header-logo{width: 95px;height: 48px;background: url(../images/logo-color.png) no-repeat 0 0;background-size: cover;}
.header-login  .web-width span{display:block;height:40px;font-size: 20px;border-left: 1px solid #333;margin-left: 20px;padding-left: 18px;line-height: 40px;}

.login-box{overflow: hidden;}
.login-box .banner{height: 652px;}
.login-content{position: absolute;top:50%;margin-top:-300px;left:50%;margin-left:-456px;width:912px;height: 485px;background: url(../images/bg_login.png) no-repeat 0 0;display: flex;flex-direction: row;justify-content: center;padding-top:11px;}
.login-left{width: 500px;display: flex;flex-direction: column;align-items: center;color:#fff;font-size: 18px;padding-top:135px;padding-left:20px;}
.login-right{width: 412px;padding-right:12px;display: flex;flex-direction: column;align-items: center;}
.login-right h3{font-size: 22px;margin:30px 0 50px;}
.login-from{width: 300px;}
.login-item{height:46px;border:1px solid #ccc;border-radius: 4px;display: flex;overflow: hidden;align-items: center;}
.login-item .iconfont{font-size:22px;margin: 0 10px;color:#ccc;}
.login-item input{height: 100%;border:0 none;width: 100%;padding-right: 10px;}
.login-item input:focus{border:0 none;outline: none;}
.login-item:hover,
.login-item:focus{border-color: #1a77d6;}
.login-item:hover .iconfont{color:#1a77d6;}
.login-input{display: flex;justify-content: space-between;}
.login-input .login-item{width: 165px;}
.login-input img{width: 114px;height: 46px;}
.login-error{height: 29px;padding-left: 45px;color:#e5151a;font-size: 12px;line-height:26px;}
.login-btnsbox{width: 300px;}
.login-submit{display:block;width: 100%;height: 46px;line-height: 46px;font-size: 18px;}
.other-link{width: 300px;display: flex;justify-content:space-between;margin-top:18px;color:#999;font-size: 12px;}
.other-link a{color:#999;font-size: 12px;}
.other-link i{margin:0 8px;}

.forget-box{display: flex;flex-direction: column;align-items: center;padding-right: 250px;}
.forget-box h3{font-size: 18px;font-weight: normal;margin: 80px 0 40px;padding-left: 200px;}
.forget-box .other-link{margin: 0px 0 100px;width:600px;justify-content: flex-end;}

.register-box{padding:100px 0;display: flex;flex-direction: column; align-items: center;justify-content: center;}
.register-box h3{height: 80px;width:100%;display: flex;justify-content: space-between;align-items: center;padding:0 60px;font-weight: normal;font-size: 16px;border-bottom: 1px solid #ccc;border-top:15px solid #f9f9f9;}
.register-box h3 a{color:#1a77d6;}
.register-box .from-box{margin-right: 250px;margin-top:50px;}
.register-box .img-code{width: 114px;height: 46px;}
.register-box .xy{display: flex;align-items: flex-end;line-height: 14px;}