.login-page{background:#f3f6fe url(//statichuoshan.shuidi.cn/shuidi/images/login/login-bg.png) no-repeat top;background-size:auto 377px;height:calc(100vh - 60px);min-height:800px;min-width:1200px;position:relative}.login-page .login-box{display:inline-block;left:50%;position:absolute;top:350px;transform:translate(-50%,-50%)}.login-page .login-type{position:absolute;right:0;top:0}.login-page .login-type .icon-subscript{cursor:pointer;display:block;height:40px;width:40px}.login-page .login-type .subscript-tip{animation:moveRight 2s ease forwards;background-color:#eaf2fe;border-radius:4px;color:#327bf9;font-size:12px;padding:3px 6px;position:absolute;right:34px;top:10px;white-space:nowrap}.login-page .login-type .subscript-tip:after{border-bottom:6px solid #0000;border-left:6px solid #eaf2fe;border-top:6px solid #0000;content:"";height:0;position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:0}@keyframes moveRight{0%,20%,50%,80%{transform:translateX(0)}40%{transform:translateX(-10px)}60%{transform:translateX(-10px)}to{transform:translateX(0)}}.qr-login-container{background-color:#fff;background-size:cover;border-radius:11px;box-shadow:0 3px 18px 0 #00000008;box-sizing:border-box;min-height:500px;padding:44px 48px;width:500px}.qr-login-container .icon-logo{display:block;height:45px;margin:0 auto;width:135px}.qr-login-container .title-row{color:#666;font-size:18px;margin-bottom:22px;margin-top:30px;text-align:center}.qr-login-container .title-row .text-link{color:#327bf9;padding:0 5px}.qr-login-container .qr-box{border:1px solid #dcdcdc;border-radius:9px;box-sizing:border-box;height:220px;margin:0 auto 12px;padding:15px;width:220px}.qr-login-container .qr-box .icon-qr{display:block;height:100%;width:100%}.qr-login-container .footerdesc{color:#999;font-size:13px;margin-top:25px;text-align:center}.qr-login-container .footerdesc .agreement-link{color:#999;text-decoration:none}.qr-login-container .footerdesc .agreement-link:hover{color:#327bf9}.qr-login-container .login-loading-box{align-items:center;background-color:#f3f6fe;border-radius:4px;display:flex;height:100%;justify-content:center;width:100%}.qr-login-container .login-loading-box .loading-logo{height:60px;position:relative;width:60px}.qr-login-container .login-loading-box .loading-logo .loading-logo-behind{height:48px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:48px}.qr-login-container .login-loading-box .loading-logo .loading-logo-front{animation:rotate 1s linear infinite;height:60px;width:60px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.phone-login-container{background-color:#fff;background-size:cover;border-radius:11px;box-shadow:0 3px 18px 0 #00000008;box-sizing:border-box;min-height:500px;padding:44px 48px;width:500px}.phone-login-container .icon-logo{display:block;height:45px;margin:0 auto;width:135px}.phone-login-container .title-row{color:#666;font-size:18px;margin-bottom:22px;margin-top:30px;text-align:center}.phone-login-container .title-row .text-link{color:#327bf9;padding:0 5px}.phone-login-container .blue-button{background-color:#1f81f8;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;height:45px;line-height:45px;text-align:center;transition:background-color .3s ease;width:100%}.phone-login-container .blue-button:hover{background-color:#fff;border:1px solid #1f81f8;color:#1f81f8}.phone-login-container .tab-box{margin:0 auto;width:320px}.phone-login-container .tab-box .ant-tabs>.ant-tabs-nav{margin-bottom:24px;margin-top:35px}.phone-login-container .tab-box .ant-tabs>.ant-tabs-nav:before{border:none;display:none}.phone-login-container .tab-box .ant-tabs>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list{gap:40px}.phone-login-container .tab-box .ant-tabs>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-ink-bar{width:30px!important}.phone-login-container .tab-box .ant-tabs>.ant-tabs-nav .ant-tabs-tab{font-size:18px;padding:2px 0}.phone-login-container .tab-box .ant-form-item{margin-bottom:15px}.phone-login-container .tab-box .input-item{height:45px}.phone-login-container .tab-box .footerdesc{color:#999;font-size:13px;margin-top:27px;text-align:center}.phone-login-container .tab-box .footerdesc .agreement-link{color:#999;text-decoration:none}.phone-login-container .tab-box .footerdesc .agreement-link:hover{color:#327bf9}.phone-login-container .tab-box .codediv{position:relative;width:100%}.phone-login-container .tab-box .codediv .code-input{height:45px;padding-right:106px;width:100%}.phone-login-container .tab-box .codediv .code-button{border:none;bottom:0;color:#1f81f8;cursor:pointer;font-size:14px;font-stretch:normal;font-weight:400;height:43px;letter-spacing:0;line-height:43px;position:absolute;right:0;text-align:center;top:0;-webkit-user-select:none;user-select:none;width:106px;z-index:2}.phone-login-container .tab-box .codediv .code-button:before{border-left:1px solid #ddd;bottom:0;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:1px}