.login{background:#dae0e6;text-align:center;position:relative;height:100vh}.login .content{padding-top:20vh;-webkit-box-sizing:border-box;box-sizing:border-box}.login .content .login-header{width:500px;padding:0;font-weight:300;margin:0 auto;margin-bottom:10px}.login .content .login-header .brand{font-size:28px;color:#2d353c}.login .content .login-header .brand .top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.login .content .login-header .brand .top .logo{width:28px;height:28px;display:inline-block;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAACiElEQVRYhc3ZzWsTQRjH8V8na0Vb0Yo21apVWxApRQSpRHoICOJBKN5U8N6TCJ6K5+JJ8GT9C9RbCXiQQC9FKBZRJBQvthqxGqM0FRNfs4k80dFtN/syO8++fA/J7sws+RCWgWU7ms0mrC2Wfu5+uFgrL7z9geLnOuqN9fNhZ4gODGw3MLpvM84Od/UO93V+tP7kOvDN2crEvUL1PIAzkSqdy18c6Z65drrnjg189f7rqUel1IkEYWX5sT7zya0LB6/TuaCPG7mXV2YLxVP1r2tJw4JMZCMjnYvCmy/puwsrdBtkzdoqLbBdFFdkIRPZyEhW48GzDyWr5+8CGFt3JAUry5JVPF6u2BbH/U+3wbYiqyiufrNNIEa0E5Yiq3DbZ6NGu2Fb843mn13CrajQXliZJxgRoP1i4ReMENEqWKiAEQJaFQtVMBjRQbAIAgYDOigWQcHQQOtgoQNGALQuFrpgKKA5sOAAwweaCwsuMFzQnFhwgtEGzY2lDNuIZlYgNzYUMPW9vNz63tTF/xDADv5VW4NZ/f9QwI1mvYc3YumYxjhjA2/EhoVmATthZZxobbAXVsaF1gL7xco40IHBqliZLjoQOChWpoNWButiZUHRSmAurCwI2jeYGytTRfsCh4WVqaA9wWFjZX7Rgt4pOBUVVuaFJqsY2LnFNoEYsDI3NFnFycM9tom4sDInNFnFuePpNL34kINxY2Vt0HmyipED28qXRvtzNJAUrMyCzpORrK1dYnJ86PbY/s6nZrUyZ7sq5shENjLCuq1NT2QmL2ePzABIEnqOTGSTA7ZXt8+Xyntz80sr8y/e49WnKkyzEakwlRI4tKsbmaN7MJ4Z7D822Pvu3ySA319yJjOdEozTAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-size:100% 100%;margin-right:5px}.login .content .login-header .brand small{font-size:14px;display:block;color:#707478;text-align:left;font-weight:400}.login .content .login-header .agreement{margin-left:-20px}.login .content .login-header .agreement .agreement-title{margin-top:20px;text-align:left;font-size:14px;color:#08080a;font-weight:700}.login .content .login-header .agreement .agreement-content{text-align:left;margin-top:5px;font-size:14px;color:#000}.login .content .login-header .agreement .agreement-content ul{margin:0;padding:0;width:1000px}.login .content .login-header .agreement .agreement-content ul li{list-style:none;margin:0;padding:0}.login .content .login-header .agreement .agreement-content .agreement-checkbox{text-align:center;margin-top:10px}.login .content .form{background:#2f353c;padding:30px 0;text-align:left}.login .content .form .input-center{width:500px;margin:0 auto}.login .content .form .input-center .tab{margin-bottom:25px}.login .content .form .input-center .tab .el-radio__input,.login .content .form .input-center .tab .el-radio__label{font-size:16px;color:#fff!important}.login .content .form .login-btn{width:100%;background:#4d8fdc!important;border-color:#4d8fdc!important;font-weight:700}.login .content .form .password,.login .content .form .userName{background:#595d63}.login .content .form .password .el-input__inner,.login .content .form .userName .el-input__inner{background:#595d63!important;border-color:#595d63!important;color:#fff!important}.login .login-btn{background:#4d8fdc!important;border-color:#4d8fdc!important;font-weight:700;width:500px;margin-top:20px}@media screen and (max-width:767px){.login{background:#2f353c;text-align:center;position:relative;height:100vh}.login .content{padding-top:3vh;-webkit-box-sizing:border-box;box-sizing:border-box}.login .content .login-header{width:80%;padding:0;font-weight:300;margin:0 auto;margin-bottom:10px}.login .content .login-header .brand{font-size:28px;color:#fff}.login .content .login-header .brand .top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.login .content .login-header .brand .top .logo{width:28px;height:28px;display:inline-block;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAACiElEQVRYhc3ZzWsTQRjH8V8na0Vb0Yo21apVWxApRQSpRHoICOJBKN5U8N6TCJ6K5+JJ8GT9C9RbCXiQQC9FKBZRJBQvthqxGqM0FRNfs4k80dFtN/syO8++fA/J7sws+RCWgWU7ms0mrC2Wfu5+uFgrL7z9geLnOuqN9fNhZ4gODGw3MLpvM84Od/UO93V+tP7kOvDN2crEvUL1PIAzkSqdy18c6Z65drrnjg189f7rqUel1IkEYWX5sT7zya0LB6/TuaCPG7mXV2YLxVP1r2tJw4JMZCMjnYvCmy/puwsrdBtkzdoqLbBdFFdkIRPZyEhW48GzDyWr5+8CGFt3JAUry5JVPF6u2BbH/U+3wbYiqyiufrNNIEa0E5Yiq3DbZ6NGu2Fb843mn13CrajQXliZJxgRoP1i4ReMENEqWKiAEQJaFQtVMBjRQbAIAgYDOigWQcHQQOtgoQNGALQuFrpgKKA5sOAAwweaCwsuMFzQnFhwgtEGzY2lDNuIZlYgNzYUMPW9vNz63tTF/xDADv5VW4NZ/f9QwI1mvYc3YumYxjhjA2/EhoVmATthZZxobbAXVsaF1gL7xco40IHBqliZLjoQOChWpoNWButiZUHRSmAurCwI2jeYGytTRfsCh4WVqaA9wWFjZX7Rgt4pOBUVVuaFJqsY2LnFNoEYsDI3NFnFycM9tom4sDInNFnFuePpNL34kINxY2Vt0HmyipED28qXRvtzNJAUrMyCzpORrK1dYnJ86PbY/s6nZrUyZ7sq5shENjLCuq1NT2QmL2ePzABIEnqOTGSTA7ZXt8+Xyntz80sr8y/e49WnKkyzEakwlRI4tKsbmaN7MJ4Z7D822Pvu3ySA319yJjOdEozTAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-size:100% 100%;margin-right:5px}.login .content .login-header .brand small{font-size:14px;display:block;color:#707478;text-align:left;font-weight:400}.login .content .login-header .agreement-content{color:#fff!important}.login .content .login-header .agreement-content ul{width:auto!important}.login .content .login-header .agreement-title{color:#fff!important}.login .content .form{background:#2f353c;padding:30px 0;text-align:left}.login .content .form .input-center{width:80%;margin:0 auto}.login .content .form .login-btn{width:100%;background:#4d8fdc!important;border-color:#4d8fdc!important;font-weight:700}.login .content .form .password,.login .content .form .userName{background:#595d63}.login .content .form .password .el-input__inner,.login .content .form .userName .el-input__inner{background:#595d63!important;border-color:#595d63!important;color:#fff!important}.login .login-btn{background:#4d8fdc!important;border-color:#4d8fdc!important;font-weight:700;width:100%;margin-top:0}.login .search .el-button{width:80%}}