.iframe-box[data-v-2b4acd40]{height:200px}.iframe-box iframe[data-v-2b4acd40]{width:100%;height:100%}.header-menu[data-v-f020fd80]{width:30px;height:30px;margin:0 8px 0 11px}.header-menu[data-v-f020fd80] .kw-button--small{min-width:30px!important;height:30px!important;padding:0!important}.header-menu[data-v-f020fd80] .kw-dropdown-menu__item{padding:3px 8px}.header-menu[data-v-f020fd80]:active{background:rgba(198,206,214,.4)}.header-menu .icon[data-v-f020fd80]{width:24px;height:24px;background-image:url(../../static/img/header-menu.svg);background-size:100% 100%}.header-menu .menu-item[data-v-f020fd80]{display:flex;align-items:center}.header-menu .menu-item i[data-v-f020fd80]{width:16px;height:16px;background-size:100% 100%;margin-right:8px}.header-menu .menu-item .feedback-icon[data-v-f020fd80]{background-image:url(../../static/img/feedback.svg)}.header-menu .menu-item .question-icon[data-v-f020fd80]{background-image:url(../../static/img/question.svg)}.header-menu .kw-button--small[data-v-f020fd80]{min-width:0;width:24px;height:24px;padding:0}.header[data-v-0dff5c33]{box-sizing:border-box;width:100%;height:64px;display:flex;justify-content:space-between;align-items:center}.header .logo[data-v-0dff5c33]{width:24px;height:24px;background-image:url(../../static/img/logo.svg);background-size:cover;margin-right:6px;margin-top:1px}.header-title[data-v-0dff5c33]{font-size:20px;color:#0c0f17;height:28px}.header .add-device[data-v-0dff5c33]{width:110px;height:30px;display:flex;align-items:center;padding-left:4px;cursor:pointer}.header .add-device[data-v-0dff5c33]:hover{background:rgba(198,206,214,.2)}.header .add-device[data-v-0dff5c33]:active{background:rgba(198,206,214,.4)}.header .add-device i[data-v-0dff5c33]{width:24px;height:24px;background-image:url(../../static/img/add.svg);background-size:cover;margin-right:2px}.header .add-device span[data-v-0dff5c33]{font-size:12px;color:#444e63}.header .column-line[data-v-0dff5c33]{width:1px;height:12px;background:rgba(198,206,214,.6)}.header .close[data-v-0dff5c33]{cursor:pointer;width:32px;height:32px;display:flex;justify-content:center;align-items:center;background-image:url(../../static/img/close.svg);background-size:cover;margin-left:7px}.header .close[data-v-0dff5c33]:hover{background-image:url(../../static/img/close-hover.svg)}.header .close[data-v-0dff5c33]:active{background-image:url(../../static/img/close-active.svg)}.version-tips h3[data-v-0dff5c33]{height:22px;font-size:14px;color:#0c0f17;line-height:22px;font-weight:700}.version-tips p[data-v-0dff5c33]{font-size:12px;color:#444e63;line-height:22px}.network-error[data-v-7a117436]{background:#fff;border-radius:4px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center}.network-error .image[data-v-7a117436]{width:80px;height:80px}.network-error .text[data-v-7a117436]{font-size:12px;color:#4f5d79;height:22px;line-height:22px;margin:12px 0}.login[data-v-23b5f96e]{background:#fff;border-radius:4px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center}.login .image[data-v-23b5f96e]{width:100px;height:100px}.login .text[data-v-23b5f96e]{font-size:12px;color:#4f5d79;height:22px;line-height:22px;margin:16px 0}.dropdown-menu[data-v-5c5fffc2]{width:32px;height:32px}.dropdown-menu[data-v-5c5fffc2] .kw-button--small{min-width:32px!important;height:32px!important;padding:0!important}.dropdown-menu[data-v-5c5fffc2] .kw-dropdown-menu__item{padding:3px 8px}.dropdown-menu[data-v-5c5fffc2]:active{background:rgba(198,206,214,.4)}.dropdown-menu .icon[data-v-5c5fffc2]{width:16px;height:16px;background-image:url(../../static/img/more.svg);background-size:100% 100%}.dropdown-menu .menu-item[data-v-5c5fffc2]{display:flex;align-items:center}.dropdown-menu .menu-item i[data-v-5c5fffc2]{width:16px;height:16px;background-size:100% 100%;margin-right:8px}.dropdown-menu .menu-item .rename-icon[data-v-5c5fffc2]{background-image:url(../../static/img/rename.svg)}.dropdown-menu .menu-item .offline-icon[data-v-5c5fffc2]{background-image:url(../../static/img/offline.svg)}.dropdown-menu .kw-button--small[data-v-5c5fffc2]{min-width:0;width:24px;height:24px;padding:0}.rename[data-v-4eab7548]{position:relative}.rename .device-input[data-v-4eab7548]{width:60%;height:32px}.rename .verify[data-v-4eab7548]{box-sizing:border-box;padding:0 16px;position:absolute;top:-34px;left:0;font-size:12px;font-family:MicrosoftYaHei;color:#333840;height:32px;line-height:32px;border-radius:4px;border:1px solid rgba(17,19,23,.1);background:#fff}.context-menu-item[data-v-76ada3a4]{display:flex;align-items:center;padding:0 8px}.context-menu-item i[data-v-76ada3a4]{width:16px;height:16px;margin-right:10px;background-size:contain}.common-text[data-v-76ada3a4]{color:var(--text-02)}.error-text[data-v-76ada3a4]{color:var(--error-01)}.context-menu[data-v-9e9908de]{position:fixed;top:0;left:0}.context-menu[data-v-9e9908de] .kw-dropdown-menu__item{padding:3px 8px}.device-card[data-v-1fb0bdfa]{width:100%;height:56px;border-radius:2px;display:flex;justify-content:space-between;align-items:center;padding:0 12px}.device-card[data-v-1fb0bdfa]:active,.device-card[data-v-1fb0bdfa]:hover{background:rgba(198,206,214,.2)}.device-card .icon[data-v-1fb0bdfa]{width:32px;height:32px;background-size:100% 100%;position:relative;margin-right:12px}.device-card .icon .offline[data-v-1fb0bdfa],.device-card .icon .online[data-v-1fb0bdfa]{width:7px;height:7px;border:1px solid #fff;border-radius:50%;position:absolute;bottom:2px;right:2px}.device-card .icon .online[data-v-1fb0bdfa]{background:#3fc857}.device-card .icon .offline[data-v-1fb0bdfa]{background:#a2aaba}.device-card .wps-pc[data-v-1fb0bdfa]{background-image:url(../../static/img/wps-pc.svg)}.device-card .wps-ios[data-v-1fb0bdfa]{background-image:url(../../static/img/wps-ios.svg)}.device-card .wps-android[data-v-1fb0bdfa]{background-image:url(../../static/img/wps-android.svg)}.device-card .wps-mac[data-v-1fb0bdfa]{background-image:url(../../static/img/wps-mac.svg)}.device-card .wps-androidPad[data-v-1fb0bdfa]{background-image:url(../../static/img/wps-androidPad.svg)}.device-card .wps-iosPad[data-v-1fb0bdfa]{background-image:url(../../static/img/wps-iosPad.svg)}.device-card .unknown-device[data-v-1fb0bdfa]{background-image:url(../../static/img/unknown-device.svg)}.device-card .content[data-v-1fb0bdfa]{flex:1;display:flex;flex-direction:column;align-items:flex-start}.device-card .content h3[data-v-1fb0bdfa]{width:100%;height:22px;font-size:14px;color:#0c0f17;line-height:22px;display:flex;align-items:center}.device-card .content .device-name[data-v-1fb0bdfa]{max-width:430px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.device-card .content .local-sign[data-v-1fb0bdfa]{margin-left:5px;padding:0 4px;height:22px;line-height:22px;background:#f0f7ff;border-radius:1px;font-size:12px;color:#417ff9}.device-card .content .last-login-time[data-v-1fb0bdfa]{height:22px;font-size:12px;color:#8b95a8;line-height:22px}.devices-box[data-v-bb26a79e]{background:#fff;border-radius:4px;width:100%;box-sizing:border-box;overflow-y:scroll;position:relative;padding:8px 16px}.devices-box[data-v-bb26a79e]::-webkit-scrollbar{background:#fff;border-radius:3px;width:6px}.devices-box[data-v-bb26a79e]::-webkit-scrollbar-thumb{height:300px;background:rgba(19,36,64,.1);border-radius:3px}.devices-box .offline-list[data-v-bb26a79e],.devices-box .online-list[data-v-bb26a79e]{width:100%;border-radius:2px}.devices-box .offline-list h3[data-v-bb26a79e],.devices-box .online-list h3[data-v-bb26a79e]{height:40px;font-size:14px;color:#727e96;line-height:40px}.home[data-v-629d2fc7]{width:100%;display:flex;flex-direction:column;justify-content:space-between}.home .device-components[data-v-629d2fc7]{height:0;flex:1;display:flex}.home .associate-device[data-v-629d2fc7]{margin-top:8px;flex:1;width:100%;background:#fff;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center}.home .associate-device .tips[data-v-629d2fc7]{height:22px;font-size:16px;color:#0c0f17;line-height:22px}body,h1,h2,h3,h4,h5,h6,html,iframe{padding:0;margin:0;border:none;outline:none;list-style:none;font-family:MicrosoftYaHei;font-weight:400}body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.app-index[data-v-8f181574]{box-sizing:border-box;background:#f5f7f9;width:100%;min-height:100vh;padding:0 16px 16px;display:flex;flex-direction:column}.app-index main[data-v-8f181574]{flex:1;display:flex;height:0}