.login__modal{background:rgba(245,250,255,.92);box-shadow:0 4px 24px 0 rgba(55,62,90,.15);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.login__modal .loginbox{background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;height:auto}.loginbox{width:400px;height:519px;border-radius:8px;background:rgba(245,250,255,.92);box-shadow:0 4px 24px 0 rgba(55,62,90,.15);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:46px 32px 32px}.loginbox-logo{width:264px;height:69px;display:flex;align-items:center;justify-content:center;margin:0 auto;position:relative}.loginbox-logo.loginbox-logo-bind{justify-content:flex-start}.loginbox-logo .loginbox-logo__title{display:flex;align-items:center}.loginbox-logo .loginbox-logo__title-text{color:#1e1e33;font-size:36px;margin-right:20px}.loginbox-logo span{height:100%;font-size:32px;color:#1e1e33;display:flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-left:12px}.loginbox-logo span em{width:36px;height:36px;display:inline-block;position:absolute;left:-24px;top:19px;color:#6c6c6c;cursor:pointer}.loginbox-logo span em:hover{color:#7c7c7c}.loginbox-logo span em:active{color:#5c5c5c}.loginbox-content{margin-top:32px;height:260px}.loginbox-content .autologin{height:16px;display:flex;align-items:center;justify-content:center;color:#6c6c6c;font-size:12px;margin-top:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.loginbox-content .autologin .label{width:14px;height:14px;border:1px solid #dbdbdb;border-radius:3px;cursor:pointer;margin-right:8px;display:flex;justify-content:center;align-items:center}.loginbox-content .autologin .label:hover{border-color:#1d80ff}.loginbox-content .autologin .label.checked{background-color:#1d80ff}.loginbox-content .autologin:hover{cursor:pointer}.loginbox-content .wx_module .qrcodebox{position:relative;width:170px;height:170px;margin:0 auto;overflow:hidden}.loginbox-content .wx_module .qrcodebox canvas{position:relative;z-index:1;background-color:#fff}.loginbox-content .wx_module .qrcodebox .qrcodebox_mask{position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;display:flex;align-items:center;flex-direction:column;padding-top:28px}.loginbox-content .wx_module .qrcodebox .qrcodebox_mask .icon{width:56px;height:56px}.loginbox-content .wx_module .qrcodebox .qrcodebox_mask.default{opacity:0}.loginbox-content .wx_module .qrcodebox .qrcodebox_mask.scanned .icon{background-image:url(//static-file.playnas.com/playnas/file/web/images/ok.png)}.loginbox-content .wx_module .qrcodebox .qrcodebox_mask.expired .icon{background-image:url(//static-file.playnas.com/playnas/file/web/images/refresh.png)}.loginbox-content .wx_module .qrcodebox .qrcodebox_mask.auth_fail .icon{background-image:url(//static-file.playnas.com/playnas/file/web/images/auth_fail.png)}.loginbox-content .wx_module .qrcodebox .qrcodebox_mask.code_fail .icon{background-image:url(//static-file.playnas.com/playnas/file/web/images/fail.png)}.loginbox-content .wx_module .qrcodebox .qrcodebox_mask.loading{padding:0;justify-content:center}.loginbox-content .wx_module .qrcodebox .qrcodebox_mask.loading .icon{animation:scan-loading 1s linear infinite;background-image:url(//static-file.playnas.com/playnas/file/web/images/loading.png)}.loginbox-content .wx_module .qrcodebox .qrcodebox_mask .t1{color:#1e1e33;font-weight:600;font-size:16px;line-height:21px;margin-top:12px}.loginbox-content .wx_module .qrcodebox .qrcodebox_mask .t2{color:#1d80ff;margin-top:8px;font-size:14px;line-height:18px;cursor:pointer}.loginbox-content .wx_module .qrcodebox .qrcodebox_mask .t2:hover{color:#4395ff}.loginbox-content .wx_module .qrcodebox .qrcodebox_mask .t2:active{color:#0b70f3}.loginbox-content .wx_module .tips{margin-top:23px;text-align:center;color:#1e1e33;font-size:16px;line-height:20px}.loginbox-content .phone_module{width:320px;margin:0 auto}.loginbox-content .phone_module .row{width:100%;height:46px;border-radius:4px;background:#fff;box-shadow:0 4px 20px 0 rgba(81,136,200,.08);margin-bottom:20px;border:1px solid #fff;position:relative}.loginbox-content .phone_module .row.focus{border-color:#1d80ff}.loginbox-content .phone_module .row.error{border-color:#dd160d;background-color:#fff1f1;box-shadow:0 2px 8px 0 rgba(0,0,0,.04)}.loginbox-content .phone_module .row .clear{position:absolute;right:14px;top:14px;width:18px;height:18px;border-radius:50%;background-color:#e2e7ef;display:flex;align-items:center;justify-content:center;cursor:pointer}.loginbox-content .phone_module .row .clear:hover{background-color:#f0f0f0}.loginbox-content .phone_module .row .clear:active{background-color:#d1dcee}.loginbox-content .phone_module .row.phone input{width:90%}.loginbox-content .phone_module .row.phone input:focus{box-shadow:none}.loginbox-content .phone_module .row.code input{width:65%}.loginbox-content .phone_module .row.code input:focus{box-shadow:none}.loginbox-content .phone_module .row .sendcode{position:absolute;width:35%;height:100%;top:0;right:0;border-radius:6px;font-size:14px;color:#1d80ff;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.loginbox-content .phone_module .row .sendcode:hover{color:#1d80ff}.loginbox-content .phone_module .row .sendcode.countdown{cursor:inherit;color:#acacac}.loginbox-content .phone_module .row .sendcode.countdown:hover{color:#acacac}.loginbox-content .phone_module .row .sendcode.disabled{cursor:inherit;color:#acacac}.loginbox-content .phone_module .row input{height:100%;padding:10px 11px;border:none;outline:none;background:none;font-size:14px}.loginbox-content .phone_module .row input::-moz-placeholder{color:#acacac}.loginbox-content .phone_module .row input::placeholder{color:#acacac}.loginbox-content .phone_module .errormsg{height:16px;line-height:16px;color:#fb4f47;font-size:12px;display:flex;justify-content:space-between;align-items:center}.loginbox-content .phone_module .errormsg .autologin{margin:0;justify-content:flex-start}.loginbox-content .phone_module .btn{height:46px;background-color:#1d80ff;border-radius:4px;font-size:18px;color:#fff;display:flex;align-items:center;justify-content:center;margin-top:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.loginbox-content .phone_module .btn.disabled,.loginbox-content .phone_module .btn.loading{opacity:.3;cursor:not-allowed}.loginbox-content .phone_module .btn.loading span{width:8px;height:8px;display:inline-block;background-color:hsla(0,0%,100%,.7);border-radius:50%;margin:0 5px}.loginbox-content .phone_module .btn.loading span:first-child{animation:login-btn-loading1 .5s linear infinite}.loginbox-content .phone_module .btn.loading span:nth-child(2){animation:login-btn-loading2 .5s linear infinite}.loginbox-content .phone_module .btn.loading span:nth-child(3){animation:login-btn-loading3 .5s linear infinite}.loginbox-content .phone_module .tips{font-size:12px;color:#6c6c6c;margin-top:12px;line-height:16px}.loginbox-changetype{width:206px;margin:0 auto}.loginbox-changetype,.loginbox-changetype_icon{height:42px;display:flex;justify-content:center}.loginbox-changetype_icon{width:42px;border-radius:4px;border:1px solid #dbdbdb;cursor:pointer;position:relative;align-items:center}.loginbox-changetype_icon:hover{border-color:#1d80ff}.loginbox-changetype_icon:before{left:-84px}.loginbox-changetype_icon:after,.loginbox-changetype_icon:before{content:"";position:absolute;top:21px;width:62px;height:1px;background-color:#dbdbdb}.loginbox-changetype_icon:after{right:-84px}.loginbox-agreement{line-height:16px;font-size:12px;color:#acacac;text-align:center;margin-top:20px}.loginbox-agreement span{margin:0 4px;text-decoration:underline}.loginbox-agreement span:hover{color:#1d80ff;cursor:pointer}.loginmodal{position:fixed;left:0;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}.loginmodal__mask{position:absolute;z-index:10;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7)}.loginmodal__inner{position:relative;z-index:100;width:640px;height:208px;padding:24px;border-radius:8px;background:#fff;box-shadow:0 8px 10px -5px rgba(0,0,0,.08),0 16px 24px 2px rgba(0,0,0,.04),0 6px 30px 5px rgba(0,0,0,.05)}.loginmodal__inner-close{position:absolute;right:8px;top:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:#6c6c6c;cursor:pointer}.loginmodal__inner-close:hover{color:#fff;background:#fb4f47}.loginmodal__inner-close:active{color:#fff;background:#b91414}.loginmodal__inner-icon{position:absolute;left:24px;top:54px;width:60px;height:60px;overflow:hidden}.loginmodal__inner-content{padding:24px 0 0 84px}.loginmodal__inner-content .hd{color:rgba(0,0,0,.9);font-size:18px;font-weight:700;line-height:24px}.loginmodal__inner-content .bd{line-height:24px;color:#6c6c6c;font-size:14px;margin-top:8px}.loginmodal__inner-content .bd span{color:#1d80ff}.loginmodal__inner-content .actions{display:flex;justify-content:flex-end;position:absolute;right:24px;bottom:24px}.loginmodal__inner-content .actions .login-btn{width:112px;height:40px;border-radius:4px;display:flex;align-items:center;justify-content:center;margin-left:16px;font-size:16px;color:#1d80ff;border:1px solid #1d80ff;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.loginmodal__inner-content .actions .login-btn:hover{border-color:#3e92ff;color:#3e92ff}.loginmodal__inner-content .actions .login-btn:active{border-color:#0064e7;color:#0064e7}.loginmodal__inner-content .actions .login-btn.primary{background-color:#1d80ff;border-color:#1d80ff;color:#fff}.loginmodal__inner-content .actions .login-btn.primary:hover{background-color:#3e92ff}.loginmodal__inner-content .actions .login-btn.primary:active{background-color:#0064e7}@keyframes scan-loading{to{transform:rotate(1turn)}}@keyframes login-btn-loading1{0%{background-color:#fff}50%{background-color:hsla(0,0%,100%,.7)}to{background-color:hsla(0,0%,100%,.7)}}@keyframes login-btn-loading2{0%{background-color:hsla(0,0%,100%,.7)}50%{background-color:#fff}to{background-color:hsla(0,0%,100%,.7)}}@keyframes login-btn-loading3{0%{background-color:hsla(0,0%,100%,.7)}50%{background-color:hsla(0,0%,100%,.7)}to{background-color:#fff}}