.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;overflow:hidden;font-size:16px;line-height:1;color:#fff;white-space:nowrap;background-color:#ccc;border-radius:50%}.avatar.is-image{background:none}.avatar img{width:100%;height:100%}.avatar--large{width:40px;height:40px;font-size:20px}.avatar--small{width:24px;height:24px;font-size:12px}.avatar--square{border-radius:4px}.avatar__string{transform:scale(.75)}.download-app{position:fixed;top:0;left:0;z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh;padding:36px 0;background:url(/web/oauth/img/bg.f66f1ff3.png) no-repeat top/100% auto #fff}.download-app img{flex-basis:auto;flex-shrink:1;min-height:0;object-fit:contain}.download-app__logo{width:23.5%}.download-app__logo--en{width:52.5%}.download-app__pic{width:100%}.download-app__btn{width:83.5%}.download-app__tip{width:46%}.download-app__tip--en{width:90.5%}#oauth-app{height:100vh}.oauth{position:relative;z-index:1;display:flex;align-items:center;height:100%;padding:24px 36px;overflow:auto}.oauth,.oauth .center{flex-direction:column}.oauth__error-img{width:200px;margin-bottom:16px;pointer-events:none}.oauth__success-img{width:128px;margin-bottom:36px}.oauth__message{font-size:18px;font-weight:600;text-align:center}.oauth__oauth-tip{margin-top:36px;color:#7f7f7f}.oauth__oauth-tip strong{font-weight:600}.oauth__oauth-tip ul{margin-left:18px}.oauth__oauth-tip li{margin-top:8px;list-style:disc}.oauth__btn-bind{width:120px;height:40px;margin-top:36px;color:var(--wdz-color-primary);border:1px solid var(--wdz-color-primary);border-radius:4px}.oauth__footer{position:relative;padding:0 12px;margin-top:36px}.oauth__footer:after,.oauth__footer:before{position:absolute;top:50%;width:16vw;max-width:120px;height:1px;content:"";background-color:#c2c2c2}.oauth__footer:before{left:0;transform:translate(-100%)}.oauth__footer:after{right:0;transform:translate(100%)}.oauth__footer-img{width:48px}.oauth__footer-text{margin-top:8px;font-size:13px;color:#c2c2c2}.oauth__cmiot-back{width:128px;height:36px;margin-top:36px;font-weight:600;color:#fff;cursor:pointer;background-color:#409eff;border:1px solid #409eff;border-radius:4px}.oauth__cmiot-back:hover{background:#69b9ff;border-color:#69b9ff}.oauth__cmiot-back:active{background:#2b7cd9;border-color:#2b7cd9}.oauth__oauth2-wrapper{width:100%}.oauth__oauth2-info{margin-top:24px;color:#595959;text-align:center}.oauth__oauth2-info .mt-4{margin-top:4px}.oauth__logos{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:72%;margin-top:24px}.oauth__logos:before{position:absolute;top:50%;right:24px;left:24px;height:0;content:"";border-top:2px dotted #979797}.oauth__logos .center{position:relative;z-index:2;width:64px;height:64px;background:#fff;border:.5px solid #e5e5e5;border-radius:32px;box-shadow:0 2px 8px 0 rgba(0,0,0,.051)}.oauth__logos .center img{width:40px;height:40px;object-fit:contain}.oauth__logos .center span{width:40px;font-size:14px;font-weight:700;line-height:1.1;text-align:center;word-break:break-all}.oauth__logo-switch{position:relative;z-index:2;width:30px;height:30px}.oauth__user-info{display:flex;align-items:center;width:100%;height:76px;padding:0 16px;margin-top:24px;background:#f7f7f7;border-radius:12px}.oauth__user-avatar{margin-right:8px}.oauth__user-name{font-size:16px;font-weight:600;color:#000}.oauth__user-tip{margin-top:4px;color:#7f7f7f}.oauth__oauth2-btns{width:100%;margin-top:24px}.oauth__oauth2-confirm{width:100%;height:44px;font-size:17px;font-weight:600;color:#fff;background:var(--wdz-color-primary);border-radius:8px}.oauth__oauth2-cancel{width:100%;height:44px;margin-top:16px;font-size:17px;color:#333;border:1px solid #e5e5e5;border-radius:8px}@media(min-width:472px){.oauth__oauth2-wrapper{width:400px}.oauth__oauth2-btns{display:flex;flex-direction:row-reverse;align-items:center}.oauth__oauth2-cancel{margin-top:0;margin-right:16px}}:root{--wdz-color-primary:#f90;--wdz-color-error:#f11;--wdz-color-success:#1cbb61;--wdz-text-color:#333}body{position:relative;min-height:100vh;font-family:PingFang SC,Microsoft YaHei,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;color:var(--wdz-text-color);background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;text-size-adjust:100%;-webkit-overflow-scrolling:touch}*,:after,:before{box-sizing:border-box;padding:0;margin:0;outline:0}[hidden],template{display:none}dd,dl,dt,li,ol,ul{list-style:none}img{display:inline-block;vertical-align:middle;border:0}.center,.flex-middle{display:flex;align-items:center}.flex{display:flex}.flex-1{flex:1}.center{justify-content:center}.abs-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.t-center{text-align:center}