#app,#nav,.login-content,body,html{height:100%;padding:0;margin:0}.login-content{overflow:hidden;background:var(--bgImg) no-repeat 50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:var(--align);-ms-flex-pack:var(--align);justify-content:var(--align);background-size:cover;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:var(--align);flex-direction:var(--align)}.login-content .layout-flex{float:left}.login-content .layout-flex .el-input__prefix{left:16px;font-size:18px}.login-content .layout-flex .el-input--prefix .el-input__inner{padding-left:45px}.login-content .left-wrap{width:65%;background:var(--foreImg) no-repeat 100% 100%;background-size:100% 100%}.login-content .left-wrap,.login-content .right-wrap{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.login-content .right-wrap{width:calc(35% - 40px);padding:0 20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.login-content .right-wrap .login-bg{background:var(--loginBgColor);border-radius:10px;width:80%}.login-content .logo img{width:88%}.login-content .remember-pwd{text-align:left}.login-content .loginwrap button.login-btn{width:100%;background:-webkit-linear-gradient(left,var(--leftColor),var(--rightColor));background-image:-webkit-gradient(linear,left top,right top,from(var(--leftColor)),color-stop(var(--rightColor)),color-stop(var(--leftColor)),to(var(--rightColor)));background-image:linear-gradient(90deg,var(--leftColor),var(--rightColor),var(--leftColor),var(--rightColor));border:0;font-size:14px;-webkit-box-shadow:0 0 12px var(--buttonShadow);box-shadow:0 0 12px var(--buttonShadow);border-radius:28px;padding:16px 24px;background-size:300% 100%;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.login-content .loginwrap button.login-btn:hover{background-position:100% 0;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.login-content .account input,.login-content .password input{border-radius:28px;background-color:#ecf3fd;height:40px;line-height:40px}.login-content .account .el-input__icon,.login-content .password .el-input__icon{color:var(--iconColor)}.slide-menu{position:fixed;right:20px;bottom:30px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:-webkit-box;display:-ms-flexbox;display:flex}.slide-menu button{margin:5px;border:0}.slide-menu .icon-reset-style{width:54px;height:54px;font-size:28px}.slide-menu .wchart-icon{width:54px;height:54px;background:-webkit-linear-gradient(left,var(--leftColor),var(--rightColor))}.slide-wchart-content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.slide-wchart-content .scode-item{width:calc(50% - 20px);padding:10px}.slide-wchart-content .scode-item img{display:inline-block;width:100%}.slide-wchart-content .scode-item p{text-align:center;color:#222}@media screen and (max-width:660px){.login-content .left-wrap{display:none}.login-content .right-wrap{width:100%}}.scode-animate :after,.scode-animate :before{position:absolute;content:""}.scode-animate .btn-holder{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.scode-animate .scode-wrap{position:relative;display:inline-block;width:100%;background-color:transparent;cursor:pointer}.scode-animate .scode-wrap:after,.scode-animate .scode-wrap:before{background:transparent;z-index:2}.scode-animate .hover-border:after,.scode-animate .hover-border:before{width:0;height:0%;opacity:0;-webkit-transition:width .2s linear .15s,height .15s linear,opacity 0s .35s;transition:width .2s linear .15s,height .15s linear,opacity 0s .35s}.scode-animate .hover-border:before{top:0;right:0;border-top:1px solid #01cdb0;border-left:1px solid #01b0d8}.scode-animate .hover-border:after{bottom:0;left:0;border-bottom:1px solid #01cdb0;border-right:1px solid #01b0d8}.scode-animate .hover-border:hover:after,.scode-animate .hover-border:hover:before{width:100%;height:99%;opacity:1;-webkit-transition:width .2s linear,height .15s linear .2s,opacity 0s;transition:width .2s linear,height .15s linear .2s,opacity 0s}