#app,body,html{width:100%;height:100%;padding:0;margin:0;background-image:url(../../static/img/bj.005a22fc.png);background-repeat:no-repeat;background-size:100% 100%;overflow:hidden}body,html{background:none;display:flex;justify-content:center;align-items:center}#app{max-width:500px;margin:0 auto;height:900px;border-radius:10px}*{box-sizing:border-box}.home{margin-top:-40px;height:100%;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.home>img{width:50%;margin-bottom:40px}.home>.title{font-size:28px;font-weight:500;color:#c9ecff;margin-bottom:40px}.form{margin-top:10px;width:75%;min-height:300px}.input{position:relative;margin-bottom:28px}.input>img{position:absolute;width:20px;height:20px;top:calc(50% - 10px)}.input>img.left{left:10px}.input>img.right{right:10px}input{border-radius:5px;background-color:#000;border:1px solid #555;outline:none;height:38px;font-size:16px;width:100%;padding-left:40px;color:#fff}input.iconright{padding-right:40px}input:focus{border-color:#36f}.separate{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.separate .input{margin:0}.separate input{min-width:180px;width:90%}button{outline:none;background-color:#36f;height:38px;font-size:14px;border-radius:4px;border:1px solid #36f;color:#fff;width:100%;transition:all .3}button:active{border-color:#668cff;background-color:#668cff}button[disabled]{border-color:#809fff;background-color:#809fff}.separate button{min-width:108px;width:10%}.submit{margin-top:40px}div.input[illegal]{position:relative}div.input[illegal]:after{position:absolute;content:attr(illegal);width:-webkit-max-content;width:-moz-max-content;width:max-content;top:100%;left:0;color:#f56c6c;font-weight:inherit;font-size:14px}div.input[illegal] input{border:1px solid #f56c6c}.loading{position:relative}.loading:before{position:absolute;width:100%;height:100%;background-color:hsla(0,0%,100%,.5);content:"提交中...";z-index:999;top:40px;color:#36f}.icode,.loading:before{display:flex;align-items:center;justify-content:center}.icode{height:38px;font-size:16px;border-radius:4px;color:#fff;min-width:108px;background-color:#36f;width:10%;position:relative}.icode img{width:100%;height:100%;border-radius:4px}.icode .error{color:#f56c6c;text-decoration:underline}.logo-png{margin-bottom:20px!important;margin-top:-10px;width:40%!important}.title{margin-bottom:10px!important}.description{margin-top:0;margin-bottom:10px;color:#999;font-size:14px}.description,.description>span{display:flex;flex-direction:row;align-items:flex-end}.description>span{color:#36f;font-weight:700}