.watcher[data-v-4386ef8d]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.watcher .header[data-v-4386ef8d]{-webkit-box-flex:0;-ms-flex:0 0 60px;flex:0 0 60px;width:100%;height:60px;padding:20px 24px;-webkit-box-sizing:border-box;box-sizing:border-box}.watcher .header i[data-v-4386ef8d]{color:#909399;font-size:20px;vertical-align:middle;cursor:pointer}.watcher .header span[data-v-4386ef8d]{margin-left:10px;color:#303133;font-weight:700;font-size:16px;vertical-align:middle}.watcher .container[data-v-4386ef8d]{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:100%;height:90%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.watcher .container img[data-v-4386ef8d]{width:100%;height:100%}.watcher .container #board[data-v-4386ef8d]{position:absolute;top:0;left:0}.watcher .container .fixed-panel[data-v-4386ef8d]{position:absolute;right:0;top:0;width:96px;background-color:#f1f3f6}.watcher .container .fixed-panel .panel[data-v-4386ef8d],.watcher .container .fixed-panel[data-v-4386ef8d]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:48px}.watcher .container .fixed-panel .panel[data-v-4386ef8d]{position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:48px;cursor:pointer}.watcher .container .fixed-panel .panel.active[data-v-4386ef8d]{background-color:#4c84ff}.watcher .container .fixed-panel .panel.active i[data-v-4386ef8d]{color:#fff}.watcher .container .fixed-panel .panel .color-picker[data-v-4386ef8d]{position:absolute;right:0;top:48px;width:268px;height:171px;padding:20px 15px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#f1f3f6;border-radius:4px 0 0 4px}.watcher .container .fixed-panel .panel .color-picker .title[data-v-4386ef8d]{font-weight:400;color:#606266;font-size:14px}.watcher .container .fixed-panel .panel .color-picker .color-list[data-v-4386ef8d]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:16px}.watcher .container .fixed-panel .panel .color-picker .color-list .color-item[data-v-4386ef8d]{margin-right:7px;margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:40px;height:40px;border-radius:50%;border:1px solid transparent;cursor:pointer}.watcher .container .fixed-panel .panel .color-picker .color-list .color-item i[data-v-4386ef8d]{display:inline-block;width:32px;height:32px;border-radius:50%}