.login-page{width:100vw;height:100vh;background:url(../img/bg.png) no-repeat;background-size:100% 100%;position:relative;z-index:0}.login-text,.login .canvasbg{position:absolute;left:0;top:0;width:100vw;height:100vh;z-index:1}.login-text{flex-direction:column}.login-text,.login-top{display:flex;justify-content:space-between;align-items:center}.login-top{padding:40px;width:100%;box-sizing:border-box}.login-top_left{display:flex;align-items:center}.login-top_left img{max-height:45px}.login-top_right{display:flex;align-items:center;font-size:16px;font-family:AlibabaSans-Medium,AlibabaSans;font-weight:500;color:#fff}.login-top_right img{max-height:30px;margin-right:10px}.login-center{width:960px;height:440px;background:url(../img/rectangle.png) no-repeat;background-size:100% 100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;display:flex}.login-center_left{width:560px;height:100%;background:url(../img/cover-image.png) no-repeat;background-size:100% 100%}.login-center_right{width:calc(100% - 560px);height:100%;padding:50px 40px;box-sizing:border-box;position:relative}.login-bottom{font-size:12px;font-family:AlibabaSans-Regular,AlibabaSans;font-weight:400;color:hsla(0,0%,100%,.65);margin-bottom:24px}.login-bottom .copyright{color:hsla(0,0%,100%,.65);text-decoration:none}.login .signin{width:100%;height:100%}.login .qrcode{position:absolute;right:4px;top:4px;width:38px;height:38px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAC3ElEQVRYR+2YS4+NQRCGn1kYwgiRiFhZIC4LdhIbiaWNH8DC1sYlsSXi8gOIRNgSfgA/gLEUkhGJGcGChUuMCXFNxCXvpIrSvj7d5/PNOJNMrfp0V1e/X1VX1dtniN9yFvgMTAHngQ9hbdaHQ+HEq2F8CHgNrAI22rwA358thCVgO4D9BmYcOGXj7cBjAz8jWNsCOwZsAO4Al4E3XaMrAdsC7LZDnxoI/RSwTTZ/HbgHPAfedgWwBCx3TgTmOrqTupudSJfAJoGDnaACcsB0sb/2OGQNsDiEcgxYAuwKezxRWmHNAevH2EVgFFgJqBa67OnHSKo7J4CpZqWikrDTJpV11xp0HgKvgEXAtrC+OYyvAO/78WD0WNO+XIGtOaOpk9Tsm9YpAZMH9po1JcQ5Gy8DhpNTvlmf9ekI7IStfan1XAlY7guPAjFU0kvrWATmdm4BF2rcNg/MvNTKYyXXqzeqFUlOAw9sLPahJOkVSqdR1clUqmPxC+eBpeVCLcXlOLACiB5bAKhMSN6FXjpixXV50sRPBntiv9+BhcBSm1e/3Qf8AHTeH5Qpl5XqeQJafVlb9Mp4NdTwxZB/SQQWW5KKqr5M7eZmTd0B5NG1QXeiYd9Ls6ml1YGEqtW9yAFryspKTNNqM1Zg5wSwRxVEUcRQ4lxfCeG9VPPxQ92e3g13bd9HQL8lSgTZU5Io3FkG6wUxF8rI+dX7lCSpNLGLXIF1e7pnRwYRmDAJ5JPSY2Rr8ny7ZG7pwmOfQihFzZU8EpHOqRKwkutlqG0oY+h71rE2d+K/AdOfKuL9EmWdXtx+D/wl7pxfnF7c3iUW7PVWgNV2lMWpeFZq/oaKcCmUNVnpOr1e4qUW99edzQFzjp4DdgBYZ4vylLh8WsfiXumLANxOvOo6EZi8PlriYzlgcd4vf/rgjTr91EXtGxtUYM+6BnYm4+LDhT/59OryZJKJybavpJoQ/5POwAL7CRoR/MKHdNmwAAAAAElFTkSuQmCC) no-repeat;background-size:100% 100%}.login .qrcode:hover .shapecombination{display:flex}.login .shapecombination{display:none;position:absolute;right:38px;top:50%;transform:translateY(-50%);width:118px;height:24px;align-items:center;padding:5px;box-sizing:border-box;font-size:14px;font-family:AlibabaSans-Regular,AlibabaSans;font-weight:400;color:rgba(0,0,0,.65);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHYAAAAYCAYAAAAvWQk7AAAAtElEQVRoQ+3aMQ6CQBQA0SGWNiZWxgN4/+PoAazsbUwwm0AihRcYhpJu/ssCC0zAjQ7DBO6/EdMCuzlpqNxZw1icwQrRgxWijqRgg5VOQJrVig1WOgFpVitWDPsA5rWvfaxD+gocgCfwGUnBOmBHxRk4LbjvYD2wo+QIXIBXsMG6JiCs6VIsRO3hSYi6vituuyPE7QWFELWvO1LUYIMVT0Ca1j02WOkEpFl/V6y0d1dZm78Uv+udNDkdPM1zAAAAAElFTkSuQmCC) no-repeat;background-size:100% 100%}.login .wechat{width:16px;height:16px;margin-right:4px}.login .from{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}.login .from>.title{font-size:24px;font-family:AlibabaSans-Bold,AlibabaSans;font-weight:700;color:rgba(0,0,0,.85);text-align:left}.login .from>.inputbox{padding:12px 0;display:flex;flex-direction:column}.login .from>.inputbox>.labelbox{font-size:16px;font-family:AlibabaSans-Regular,AlibabaSans;font-weight:400;color:rgba(0,0,0,.65);text-align:left;margin-bottom:8px}.login .from>.inputbox>.labelbox>.en{font-size:12px}.login .from>.inputbox>.input{height:40px;background:rgba(0,0,0,.04);box-sizing:border-box;border-radius:8px;border:1px solid rgba(0,0,0,.15);padding:12px;outline:none}.login .from>.inputbox>.input:focus{border-color:#306ade;background:#d6f2ff}.login .from>.btn-login{margin-top:20px;height:46px;background:#506aef;border-radius:8px;font-size:16px;font-weight:700;color:#fff;outline:none;border:none}.login .from>.btn-login:hover{background:rgba(80,106,239,.8)}.login .from>.btn-login:active{background-color:rgba(80,106,239,.7)}