/*登录页面*/
.login{width:100vw;height:100vh;background:url(bg.jpg) no-repeat;position:relative;}
.login .login_main{width:430px;height:488px;background:url(frame.png) no-repeat;position:absolute;top:24%;right:15%;box-sizing: border-box;padding:0 34px;}
.login .login_main h3{text-align: center;color:#333;font-size:18px;text-align: center;padding-top:46px;position: relative;padding-bottom: 20px;margin-bottom: 30px;}
.login .login_main h3:before{content: '';display: block;width:84px;height:2px;background:#3699ff;position:absolute;bottom:0;left:50%;margin-left: -42px;z-index:3;}
.login .login_main h3:after{content: '';display: block;width:100%;height:1px;background:#e5e5e5;position:absolute;bottom:0;left:0;z-index:2;}
.login .login_main label{width:100%;font-weight: normal;box-sizing:border-box;position:relative;margin-bottom: 18px;}
.login .login_main input{position:relative;background:none;border:1px solid #eeeeee;border-radius: 3px;width:100%;height:40px;line-height: 40px;padding:0 20px 0 37px;outline-color:#32b5fc;}
.login .login_main label.yzm input{width: calc(100% - 110px);float:left;}
.login .login_main label.name:before{content: '';display: block;width:15px;height:17px;background:url(icon_user.png) no-repeat;background-size:100% 100%;position:absolute;left:10px;top:12px;}
.login .login_main label.password:before{content: '';display: block;width:13px;height:16px;background:url(icon_password.png) no-repeat;background-size:100% 100%;position:absolute;left:10px;top:12px;}
.login .login_main label.yzm:before{content: '';display: block;width:15px;height:18px;background:url(icon_code.png) no-repeat;background-size:100% 100%;position:absolute;left:10px;top:12px;}

.login .login_main button{display: block;width:100%;height:40px;background:#26b4ff;border-radius: 3px;border:none;color:#fff;margin-top:11px;margin-bottom: 15px;font-size:18px; outline-color:#32b5fc;}
.login .login_main button:hover{background:#25aff8;}
.login .login_main a.forget{color:#666666;font-size:14px;float:right;}
.login .login_main a.forget:hover{color:#26b4ff;}
.login .copyright{position:absolute;width:100%;text-align:center;font-size:14px;height:30px;line-height: 30px;color:#888;bottom:0;left:0;}
.login .title{position:absolute;top:26%;left:17%;}
.login .title h3{color:#26b4ff;font-size:36px;font-weight: bold;line-height: 36px;margin-bottom: 5px;}
.login .title p{color:#7e98b6;font-size:16px;font-weight: lighter;line-height: 16px;}

.login1 .title{position:absolute;top:26%;left:17%;}
.login1 .title h3{color:#26b4ff;font-size:36px;font-weight: bold;line-height: 36px;margin-bottom: 5px;}
.login1 .title p{color:#7e98b6;font-size:18px;font-weight: lighter;line-height: 18px;}

/*验证*/
.field-validation-error {
    display: inline-block;
    margin-top: 5px;
    z-index: 5;
    max-width: 100%;
    padding: 0rem;
    /*  margin-top: .1rem;*/
    font-size: .75rem;
    /*line-height: 1.54;*/
    color: #d9534f;
    /*background-color: #d9534f;*/
    /*border-radius: .25rem;*/
    vertical-align: middle;
    -ms-flex-item-align: center;
    align-self: center;
}

@media screen and (max-width: 1680px) {
 
}

@media screen and (max-width: 1440px) {
 
}

@media screen and (max-width: 1366px) {
 
}

@media screen and (max-width: 1280px) {
 
}

@media screen and (max-width: 1100px) {
 
}

@media screen and (max-width: 1024px) {
 
}

@media screen and (max-width: 992px) {
 
}

@media screen and (max-width: 768px) {
   .login{background:#eee;}
  .login .login_main{width:86%;right:7%;top:20%;padding:0 20px;height:400px;background-size:100% 100%;}
  .login .tit{display: block;}
  .login .copyright{display: none;}
 
  .login .title{position:relative;text-align: center;left:auto;top:auto;padding-top:10%;}
  .login .title h3{font-size:24px;line-height: 24px;}
  .login .title p{font-size:14px;line-height: 14px;}
}