*[data-v-7589b93f] {
    margin: 0;
    padding: 0;
}
ul li[data-v-7589b93f] {
    list-style: none;
}
body[data-v-7589b93f]{
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/ /*早期浏览器*/
    user-select: none;
}
.login-body[data-v-7589b93f] {
    width: 100%;
    height: 100%;
    background-color: cornflowerblue;
    background-size: cover;
    font-family: "Microsoft YaHei,sans-serif";
    background-size: cover;
}
.login-container[data-v-7589b93f] {
    position: relative;
    max-width: 1400px;
    margin:0 auto;
    height:600px;
    top:50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /*border: 1px solid red;*/
}
.login-container .left-area[data-v-7589b93f] {
    position: absolute;
    /*width:650px;*/
    top:50%;
    /*left: -140px;*/
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    /*border:1px solid  #fff;*/
}
.login-container .left-area .top-title[data-v-7589b93f] {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /*margin-bottom:14px;*/
    /*margin-top:50px;*/
}
.login-container .logo[data-v-7589b93f] {
    height:64px;
    margin-right: 10px;
    display: block;
    float: left;
}
.login-container .left-area .top-title .title[data-v-7589b93f] {
    display: inline-block;
    vertical-align: middle;
    color:#ffffff;
    margin: 20px 0;
}
.login-container .left-area .top-title .title span[data-v-7589b93f]:first-child {
    font-size:48px;
    color:#FFD76F;
    font-weight:600;
}
.login-container .left-area .top-title .title span[data-v-7589b93f]:last-child {
    font-size:36px;
    font-weight:600;
}
.login-container .left-area .content[data-v-7589b93f] {
    margin-top:6%;
}
.login-container .left-area .content p[data-v-7589b93f]{
    color:#ffffff;
    font-size:20px;
}
.login-container .tips[data-v-7589b93f] {
    padding-top: 30px;
    letter-spacing: 5px;
    width:100%;
    font-size:22px;
    color:#ffffff;
    line-height:30px;
}
.login-container .tips img[data-v-7589b93f] {
    width:100%;
}
.login-container .right-area[data-v-7589b93f] {
    top:50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width:340px;
    background:rgba(255,255,255,0.8);
    border-radius:8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding:40px 30px;
    position:absolute;
    left:50%;
    margin-left: -170px;
}
.login-container .right-area h3[data-v-7589b93f] {
    width:100%;
    text-align:center;
    color:#257edb;
    font-weight:normal;
    font-size:20px;
    margin-bottom:30px;
}
.login-container .right-area .login[data-v-7589b93f] {
    width:100%;
    position: relative;
}
.login-container .right-area .login input[data-v-7589b93f] {
    display: block;
    width:100%;
    height:40px;
    margin-bottom:20px;
    border-radius:4px;
    border: 1px solid #cccccc;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left:34px;
    font-size:14px;
}
.VerifyCodeImg[data-v-7589b93f]{
    cursor: pointer;
}
.login-container .right-area .login input[data-v-7589b93f]:focus {
    outline-style: none;
}
.icon[data-v-7589b93f] {
    display: inline-block;
    width:16px;
    height:16px;
    position: absolute;
    left:10px;
}
.icon-user[data-v-7589b93f] {
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAYCAYAAAD6S912AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTA3QUMwNkZEMTkyMTFFN0EzOEE5RkM1MzhBNDMyMDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTA3QUMwNzBEMTkyMTFFN0EzOEE5RkM1MzhBNDMyMDQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMDdBQzA2REQxOTIxMUU3QTM4QTlGQzUzOEE0MzIwNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMDdBQzA2RUQxOTIxMUU3QTM4QTlGQzUzOEE0MzIwNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoHVo5cAAAFdSURBVHjarJVNK0RRHIfPMDZC0SQsKCbyspKNFSuaUthcFj6BhY0dVnwAspEypWzcKytlacPKbPgASjQRaliJhOfUuXWNO2f+p+6vnm6dl+ee2znnf1O+7ytLGmAcuuEdrqEAP+EAz/P+TEhbZAuwCZmy9htYgtO4STUVZLNwECPT6YETyEmFum1L2aPHbMfNjxOOQKeqniz0S4TDSp5RibDNQdgqEfY5CAclwgkHYU4ivHQQFiTCeXgQyJ5gTiJ8g7xAuAuv0puyAYcW2T6su1y9T1izCFfhy0Wo02Tpy9juZFx6zWdVSt5cvX9JReqhfus0zMAk1FXZlG84h2M4oi4+Rle4DPewB1MCWTh3zFSduyAIVsIVdvG8Vckkq98yoJLLkBY2Jyhs1MLnBIVF/ZO6gB1TLPVxqXeUvMAVnOldT5vf42JZ0eyAdmgx1Jq+DygZihqOSylq/xVgAHNdPtutkn4ZAAAAAElFTkSuQmCC) no-repeat;
    background-size:100% 100%;
    top:12px;
}
.icon-password[data-v-7589b93f] {
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAYCAYAAAD6S912AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTA3QUMwNzNEMTkyMTFFN0EzOEE5RkM1MzhBNDMyMDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTA3QUMwNzREMTkyMTFFN0EzOEE5RkM1MzhBNDMyMDQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMDdBQzA3MUQxOTIxMUU3QTM4QTlGQzUzOEE0MzIwNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMDdBQzA3MkQxOTIxMUU3QTM4QTlGQzUzOEE0MzIwNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0eCnoAAAFDSURBVHjaYly5ciUDDsANxHlAHAXE6lCxm0C8DIgnAfFXkEBYWBiKJiYchqkA8TkgbgNiHSBmhWIdqNg5qBoMwITDZVuBWA3KXw3E8VC8GiqmBlXDTYyBeUiGRYN8BcSLoDgMKgYzNI8YA6OQXLYMi/wyJJdGEWMgLAK2MOAGW9DU4jSQERr4IPAJj4EwOVZCBv5noBCwQGk7aHhwoEVOAA59cjDGqlWrFgCpH6CwBabJQ4zAhA0ybD+eNEks+AfEjkxQl1FqGCz4opjQvEkp4CDWZa+gmChnEgJFQCwJxUWUGngKiPuhAf4Pyj5FiYFviBQj2kAHtGJKBSpGtoFcQLwXib8XKkYwp+ADUkDMi8RmoNRAkJoTxKpnITIdapGSXX5QMaf8YIKWwP+oYBjIjGUgLx8ClRJYii+SXAYrvgACDAChDD2tsspfEAAAAABJRU5ErkJggg==) no-repeat;
    background-size:100% 100%;
    top:72px;
}
/*  .icon-yanzhengma {
    background: url(../img/validate.png) no-repeat;
    background-size: 100% 100%;
    top: 130px;
  }*/
.login-container .right-area .login input.yanzheng-input[data-v-7589b93f] {
    width: 160px;
    float: left;
}
.login a[data-v-7589b93f] {
    color:#333333;
    text-decoration: none;
    font-size:14px;
}
.login a[data-v-7589b93f]:first-child {
    float:left;
}
.login a[data-v-7589b93f]:last-child {
    float:right;
}
.login .confirm[data-v-7589b93f] {
    display: inline-block;
    width:18px;
    height:18px;
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAYAAABWk2cPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTY0OUVBM0VEMTkyMTFFN0EzOEE5RkM1MzhBNDMyMDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTY0OUVBM0ZEMTkyMTFFN0EzOEE5RkM1MzhBNDMyMDQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNjQ5RUEzQ0QxOTIxMUU3QTM4QTlGQzUzOEE0MzIwNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxNjQ5RUEzREQxOTIxMUU3QTM4QTlGQzUzOEE0MzIwNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmsPRMMAAAHvSURBVHjaYlGtu+3MwMAwH4hlGWgPHgNxIhOQmEUnCxmg9swDWarEQF8gx8QwAGDU0lFLB7elnGxMDFUeIgzhJnz0sVSYm5lhcYIUQ4KlAIONMheGPAu1LVQUYWOYEyPJICvIyrDj2heG0rUvaWupiTwnw/RICQZ+TmaG+cc+MHTuesPw7z8D7Sz10uFh6AwUZ2BhYmRo3vaaYfHJjzjV4rRUWoCVQZyXmeHc4x8ELUyxFmQodRVm+PHnP0PuyucMe258JS/1tviJMixPlgH7ABdgBuqu9xZlKHMTZnj37S9D7PynBC3Ea+mEfe8Yfv/9z9AeIM6gI8WONUtMi5RkiDbjZ3jw9jdD2OwnDJee/qAsn1588oOhauMrBk5WRrDhYryImBDlYWZYkiDN4KjGzXD20Q+GUKCFj9//pk7hsOnSZ4aZh98zSPCxMEyNkGDgADpAWZSNYWWKDIOuNDvD9qtfGBIWPmX4+P0vSYmOYOqdsO8tg4oYG4OzOjfDlAhJBn1pDmCWYGKYe/QDQ9fuNwz//9OgGPz7j4GhBJjBb738xWCnwsXAw87E0Lj1NTgPkmMh0fn0689/DOnLnjPkOwkxbLn8meHQ7W8U5WlGYGvwPwOdwWh9OjwtvUdnOx+BLM0E4md0shBkTypAgAEA3wSMf+Ej4QMAAAAASUVORK5CYII=) no-repeat center center;
    background-size:100% 100%;
    vertical-align: middle;
    margin-right:4px;
    cursor:pointer
}
.right-area button[data-v-7589b93f] {
    width:100%;
    height:40px;
    color:#ffffff;
    border-radius:4px;
    outline-style: none;
    border:0;
    background:#257edb;
    font-size:18px;
    margin-top:10px;
    cursor: pointer;
    -webkit-transition: backgrond .3s;
    transition: backgrond .3s;
}
.right-area button[data-v-7589b93f]:hover,
  .right-area button[data-v-7589b93f]:focus{
    background: rgba(37, 126, 219, 0.88);
}
.tip[data-v-7589b93f] {
    display:none;
    width:auto;
    height:34px;
    line-height:34px;
    padding:0 10px;
    color:#ffffff;
    text-align:center;
    background:rgba(0,0,0,.4);
    border-radius:4px;
    position: absolute;;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50% ,-50%);
            transform: translate(-50% ,-50%);
    font-size:13px;
}
.hint[data-v-7589b93f]{
  color: #666;
  font-size: 12px;
  float: left;
}
.img-box[data-v-7589b93f]{
  display: inline-block;
  width: 120px;
  height: 50px;
}
.img-box img[data-v-7589b93f]{
  display: block;
    width: 100%;
    height: 100%;
}