.c-import-image-modal{background:#24262a;border-radius:16px}.c-import-image-modal .el-dialog__title{color:#f3f2f3;font-family:Helvetica;font-size:14px;font-weight:700}.c-import-image-modal .el-dialog__close{color:#f3f2f3}.c-import-image-modal .import-image-modal-describe{color:#c0c0c3;font-family:Helvetica;font-size:12px;font-weight:400}.c-import-image-modal .import-image-modal-input{margin-top:8px}.c-import-image-modal .import-image-modal-input .el-input__inner{background:#24262a;border-color:#393c3d;border-radius:6px}.c-import-image-modal .cancel-btn{background:#1a1d1f;border-color:transparent;border-radius:8px;color:#fff;font-family:PingFang HK;font-size:14px;font-weight:500}.c-import-image-modal .confirm-btn{background:linear-gradient(99deg,#3271cc,#0fffff);border-radius:8px;color:#fff}.action-item[data-v-4fe232e2]{cursor:pointer;height:49px;width:48px}.action-item .icon-box[data-v-4fe232e2]{height:100%;width:100%}.action-item[data-v-4fe232e2]:hover{background-color:#2a2832;color:#fff}.act-item[data-v-4fe232e2]{background-color:#4784ff!important}.disable-item[data-v-4fe232e2]{cursor:not-allowed}.top-select-list .item[data-v-4fe232e2]{padding-right:10px}.top-select-list .item>div[data-v-4fe232e2],.top-select-list .item>div[data-v-4fe232e2] .el-upload,.top-select-list .item>div[data-v-4fe232e2] .el-upload .upitem{box-sizing:border-box;height:100%;width:100%}.bel-item{left:0;position:absolute;top:0}.moveable-control{background:#fff!important;border:2px solid #4285f4!important;border-radius:0!important;border-radius:initial!important;height:10px!important;margin-left:-5px!important;margin-top:-5px!important;width:10px!important}.shortcut-key{background-color:rgba(0,0,0,.4);border-radius:4px;color:#fff;display:inline-block;height:20px;line-height:20px;margin-left:4px;padding:0 5px;text-align:center}.loding-box{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.tooltip-video[data-v-0f4881b0]{animation:fadeIn 1s 1s forwards;border-radius:6px;padding:0}.tooltip-video-title[data-v-0f4881b0]{border-radius:6px;height:30px;line-height:30px;width:100%}.tooltip-video-item[data-v-0f4881b0]{border-radius:4px;height:246px;-o-object-fit:cover;object-fit:cover;width:270px}.action-item[data-v-35f0593b]{cursor:pointer;height:49px;width:48px}.action-item .icon-box[data-v-35f0593b]{height:100%;width:100%}.action-item[data-v-35f0593b]:hover{background-color:#2a2832;color:#fff}.act-item[data-v-35f0593b]{background-color:#4784ff!important}.disable-item[data-v-35f0593b]{cursor:not-allowed}.action-item[data-v-685d9298]{cursor:pointer;height:49px;width:48px}.action-item .icon-box[data-v-685d9298]{height:100%;width:100%}.action-item .icon-box>.iconfont[data-v-685d9298]{font-size:20px}.action-item[data-v-685d9298]:hover{background-color:#2a2832;color:#fff}.act-item[data-v-685d9298]{background-color:#4784ff!important}.disable-item[data-v-685d9298]{cursor:not-allowed}.action-item[data-v-0e96447e]{cursor:pointer;height:49px;width:48px}.action-item .icon-box[data-v-0e96447e]{height:100%;width:100%}.action-item .icon-box i[data-v-0e96447e]{color:#c0c0c3;font-size:18px}.action-item[data-v-0e96447e]:hover{background-color:#2a2832}.action-item:hover i[data-v-0e96447e]{color:#fff;font-size:18px}.act-item[data-v-0e96447e]{background-color:#4784ff!important}.disable-item[data-v-0e96447e]{cursor:not-allowed}.disable-dom .iconfont[data-v-0e96447e]{color:#8d8d8f;cursor:not-allowed}.color-max-box .top-item[data-v-a4e3487a]{height:32px;padding-bottom:7px;padding-top:4px}.color-max-box .top-item>.left[data-v-a4e3487a]{background-color:#393b41;border-radius:7px;height:32px;margin-left:6px}.color-max-box .top-item>.left>.item[data-v-a4e3487a]{height:32px;width:32px}.color-max-box .top-item>.left>.item>.iconfont[data-v-a4e3487a]{color:#c0c0c3;font-size:16px}.color-max-box .top-item>.left>.act-item-top[data-v-a4e3487a]{background-color:#4784ff;border-radius:7px;color:#fff}.color-max-box .top-item>.right[data-v-a4e3487a]{margin-right:6px;width:calc(100% - 78px)}.color-max-box .top-item>.right>.icon-huak[data-v-a4e3487a]{color:#c0c0c3;font-size:16px;height:24px;margin:0 4px;width:24px}.color-max-box .top-item>.right>.slider-item[data-v-a4e3487a]{padding:0 10px;width:110px}.color-max-box .top-item>.right>.slider-input[data-v-a4e3487a]{background:#393b41;border-radius:100px;height:24px;width:70px}.color-max-box .top-item>.right>.slider-input>.item[data-v-a4e3487a]{width:calc(100% - 20px)}.color-max-box .top-item>.right>.slider-input>.item[data-v-a4e3487a] .el-input__inner{background-color:transparent;border:0;border-radius:100px;color:#c0c0c3;font-size:12px;height:22px;padding:0 10px}.color-max-box>.color-box[data-v-a4e3487a]{border-top:1px solid #2a2832;height:35px}.color-max-box>.color-box>.left[data-v-a4e3487a]{flex-grow:1;height:18px}.color-max-box>.color-box>.left>.item[data-v-a4e3487a]{border-radius:4px;height:18px;margin:0 7px;position:relative;width:18px}.color-max-box>.color-box>.left>.act-item-top[data-v-a4e3487a]:before{border:1px solid #4784ff;border-radius:4px;content:"";display:block;height:22px;left:-3px;position:absolute;top:-3px;width:22px}.color-max-box>.color-box>.right[data-v-a4e3487a]{border-left:1px solid #f0f0f0;justify-content:flex-end;padding-right:7px;width:28px}.color-max-box>.color-box>.right>.item[data-v-a4e3487a]{background:conic-gradient(from 180deg at 50% 50%,#ff34eb -40.67deg,#f44 37.83deg,#faff00 102.82deg,#00fff0 179.02deg,#7000ff 258.03deg,#ff34eb 319.33deg,#f44 397.83deg);border-radius:4px;height:18px;width:18px}.color-picker[data-v-a4e3487a] .el-color-picker__trigger{border:0}.el-color-picker__panel{background-color:#2a2832;border-color:#2a2832}.el-color-picker__panel .el-input__inner{background-color:#393c41;border:0;color:#c0c0c3}.el-color-picker__panel .el-button--default{background:linear-gradient(99deg,#3271cc,#0fffff)!important;border-color:#409eff;color:#fff!important}.el-color-picker__panel .el-button--text{display:none}.disable-dom{color:#6b6b6f!important;cursor:not-allowed}.action-item[data-v-3637281a]{cursor:pointer;height:49px;position:relative;width:48px}.action-item[data-v-3637281a] .arrow-box{height:12px;transition:all .3s;width:12px}.action-item[data-v-3637281a] .el-icon-arrow-down{font-size:12px}.action-item[data-v-3637281a] .icon-arrow_act{transform:rotate(180deg);transition:all .3s}.action-item[data-v-3637281a]:hover{background-color:#2a2832;color:#fff}.act-item[data-v-3637281a]{background-color:#4784ff!important}.disable-item[data-v-3637281a]{cursor:not-allowed}.top-select-list[data-v-3637281a]{width:230px}.top-select-list>.item[data-v-3637281a]{padding-left:20px;position:relative}.top-select-list>.item>.icon-gou[data-v-3637281a]{font-size:20px;left:10px;margin:0;position:absolute;top:6px}.brush-style-box[data-v-3637281a]{background-color:#24262a;border:1px solid #2a2832;border-radius:10px;height:80px;left:0;position:absolute;top:60px;width:297px;z-index:10}.top-select-list{background-color:#24262a;border-radius:8px;cursor:pointer;padding:6px}.top-select-list .item{color:#c0c0c3;font-size:12px;height:40px}.top-select-list .item:hover{background-color:#393b41}.top-select-list .item .iconfont{margin-left:17px;margin-right:12px}.action-item[data-v-fd864486]{cursor:pointer;height:49px;position:relative;width:48px}.action-item[data-v-fd864486] .arrow-box{height:12px;transition:all .3s;width:12px}.action-item[data-v-fd864486] .el-icon-arrow-down{font-size:12px}.action-item[data-v-fd864486] .icon-arrow_act{transform:rotate(180deg);transition:all .3s}.action-item[data-v-fd864486]:hover{background-color:#2a2832;color:#fff}.action-item>.iconfont[data-v-fd864486]{font-size:22px}.act-item[data-v-fd864486]{background-color:#4784ff!important}.disable-item[data-v-fd864486]{cursor:not-allowed}.top-select-list[data-v-fd864486]{width:230px}.top-select-list>.item[data-v-fd864486]{padding-left:20px;position:relative}.top-select-list>.item>.icon-gou[data-v-fd864486]{font-size:20px;left:10px;margin:0;position:absolute;top:6px}.brush-style-box[data-v-fd864486]{background-color:#24262a;border:1px solid #2a2832;border-radius:10px;left:0;position:absolute;top:60px;width:297px;z-index:10}.action-item[data-v-462f2cd2]{cursor:pointer;height:49px;position:relative;width:48px}.action-item .icon-box[data-v-462f2cd2]{height:100%;width:100%}.action-item[data-v-462f2cd2]:hover{background-color:#2a2832;color:#fff}.brush-style-box[data-v-462f2cd2]{background-color:#24262a;border:1px solid #2a2832;border-radius:10px;left:0;position:absolute;top:60px;width:339px;z-index:10}.act-item[data-v-462f2cd2]{background-color:#4784ff!important}.disable-item[data-v-462f2cd2]{cursor:not-allowed}.add-or-edit-canvas .label[data-v-1bb0a08a]{color:#efefef;font-family:PingFang SC;font-size:14px;font-weight:500;margin-bottom:10px;word-break:break-word}.add-or-edit-canvas[data-v-1bb0a08a] .canvas-name-input .el-input__inner{background-color:#313337;border:0;border-radius:8px;color:#efefef;height:32px}.reset-action[data-v-77b0a094]{margin-right:32px}.reset-action>.item[data-v-77b0a094]{border:1px solid #2a2832;cursor:pointer;height:26px;width:28px}.reset-action>.item>.icon-haiyi[data-v-77b0a094]{color:#828086;font-size:14px}.reset-action>.item.forbidden[data-v-77b0a094]{cursor:not-allowed}.reset-action>.disable-sta[data-v-77b0a094]{cursor:not-allowed;opacity:.5}.top-select-list[data-v-11a1dfc5]{background-color:#24262a;border-radius:8px;cursor:pointer;padding:6px}.top-select-list .item[data-v-11a1dfc5]{color:#c0c0c3;font-size:12px;height:40px}.top-select-list .item[data-v-11a1dfc5]:hover{background-color:#393b41}.top-select-list .item .iconfont[data-v-11a1dfc5]{margin-left:17px;margin-right:12px}.select-canvas[data-v-11a1dfc5]{z-index:10000!important}.el-dropdown-menu[data-v-11a1dfc5]{z-index:10001!important}.topnav-box[data-v-11a1dfc5]{height:100%}.topnav-box>.left[data-v-11a1dfc5]{background-color:#06060d;width:450px;z-index:10000}.topnav-box>.left>.back-icon[data-v-11a1dfc5]{border-right:1px solid #2a2832;color:#828086;cursor:pointer;font-size:24px;width:71px}.topnav-box>.left .custom-select-transparent[data-v-11a1dfc5]{background:transparent;height:100%;min-width:170px}.topnav-box>.left .custom-select-transparent[data-v-11a1dfc5] .el-input{box-sizing:border-box;height:100%;width:100%}.topnav-box>.left .custom-select-transparent[data-v-11a1dfc5] .el-input .el-input__inner{background:transparent;border:0;box-sizing:border-box;color:#8993a7;font-family:PingFang SC;font-size:12px;height:100%;text-align:right;width:100%}.topnav-box>.left .custom-select-transparent[data-v-11a1dfc5] .el-input .el-input__suffix{display:flex}.topnav-box>.left .custom-select-transparent[data-v-11a1dfc5] .el-input .el-input__suffix .el-input__suffix-inner{align-items:center;display:flex}.topnav-box>.left .custom-select-transparent[data-v-11a1dfc5] .el-input .el-input__suffix .el-input__suffix-inner .el-select__caret{align-items:center;color:#fff;display:flex;justify-content:center}.topnav-box>.left .custom-select-transparent[data-v-11a1dfc5] .el-input .el-input__inner{text-align:left}.topnav-box>.center[data-v-11a1dfc5]{flex-grow:1;position:relative}.topnav-box>.center>.options-list[data-v-11a1dfc5]{height:100%}.topnav-box>.center>.options-list>.item[data-v-11a1dfc5]{color:#c0c0c3;cursor:pointer;font-size:24px;height:100%;width:48px}.topnav-box>.right[data-v-11a1dfc5]{justify-content:flex-end;padding-right:10px;width:440px}.topnav-box>.right>.reset-action[data-v-11a1dfc5]{margin-right:16px}.topnav-box>.right>.reset-action>.item[data-v-11a1dfc5]{border:1px solid #2a2832;cursor:pointer;height:26px;width:28px}.topnav-box>.right>.reset-action>.item>.icon-haiyi[data-v-11a1dfc5]{color:#828086;font-size:14px}.topnav-box>.right>.reset-action>.item.forbidden[data-v-11a1dfc5]{cursor:not-allowed}.topnav-box>.right>.live-box[data-v-11a1dfc5]{height:100%}.topnav-box>.right>.live-box>.text[data-v-11a1dfc5]{color:#c0c0c3;font-size:14px;margin-left:10px}.topnav-box>.right>.live-box .icon-help[data-v-11a1dfc5]{color:#69676e;font-size:16px;margin-left:4px;margin-top:2px}.topnav-box>.right>.feed-back[data-v-11a1dfc5]{background:rgba(63,66,74,.6);border-radius:6px;box-sizing:border-box;color:#c6c6ce;cursor:pointer;height:32px;margin-right:10px;padding:4px 12px}.topnav-box>.right>.feed-back>i[data-v-11a1dfc5]{font-size:16px;margin-right:6px}.topnav-box>.right>.feed-back>span[data-v-11a1dfc5]{font-family:Inter;font-size:12px;font-weight:500}.topnav-box>.right>.publish-btn[data-v-11a1dfc5]{align-items:center;background:linear-gradient(90deg,#3f8fff,#21feff);border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;padding:0 12px}.topnav-box>.right>.publish-btn span[data-v-11a1dfc5]{margin-left:3px}.topnav-box>.right>.publish_disabled[data-v-11a1dfc5]{cursor:not-allowed;opacity:.4}.topnav-box>.right>.head-img[data-v-11a1dfc5]{align-items:center;background:#333;border-radius:50%;display:flex;height:32px;justify-content:center;margin-left:16px;overflow:hidden;width:32px}.topnav-box>.right>.head-img .avatar-text[data-v-11a1dfc5]{color:#e9eef8;font-family:PingFangSC-Medium,PingFang SC;font-weight:500}[data-v-11a1dfc5] .icon-box i{color:#c0c0c3}[data-v-11a1dfc5] .action-item:hover{background-color:#2a2832}[data-v-11a1dfc5] .action-item:hover i{color:#fff}[data-v-11a1dfc5] .act-item{background-color:#4784ff}[data-v-11a1dfc5] .act-item i{color:#fff}.login-btn[data-v-11a1dfc5]{background:linear-gradient(90deg,#245cfb,#52c2ed);border:none;border-radius:16px;color:#fff;font-size:15px;height:32px;line-height:32px;margin-left:5px;padding:0 14px;-webkit-text-decoration:none;text-decoration:none}.my-el-select[data-v-11a1dfc5]{background-clip:padding-box,border-box!important;background-image:linear-gradient(90deg,#2a2c36,#2a2c36),linear-gradient(90deg,#3271cc,#0fffff)!important;background-origin:padding-box,border-box!important;border:1px solid hsla(0,0%,100%,.1);border-radius:6px 6px 6px 6px;height:32px!important;margin-left:8px;margin-top:8px}.my-el-option .selected[data-v-11a1dfc5]{color:#fff!important}.video-box[data-v-eb2d15e0]{background:rgba(0,0,0,.8);flex-direction:column;height:100%;left:0;position:fixed;top:0;width:100%;z-index:100010}.video-box-item[data-v-eb2d15e0]{background-repeat:no-repeat;background-size:contain;height:614px;overflow:hidden;width:852px}.video-box-item video[data-v-eb2d15e0]{border-radius:8px;height:466px;margin-bottom:8px;-o-object-fit:cover;object-fit:cover;width:714px}.video-box .btn[data-v-eb2d15e0]{margin-bottom:10px}.video-box .btn-item[data-v-eb2d15e0]{border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#929292;cursor:pointer;height:40px;margin:49px 9px;width:180px}