.light[data-v-0a6747a2]{min-height:inherit;color:#fff;padding:.5rem 0 1.3rem 0}.light.disabled[data-v-0a6747a2]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;cursor:not-allowed}.light .title[data-v-0a6747a2]{font-size:.2rem;text-align:center;margin-bottom:.4rem}.light .control-panel[data-v-0a6747a2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:9.3rem;margin:0 auto .25rem auto}.light .control-panel .left[data-v-0a6747a2],.light .control-panel .right[data-v-0a6747a2]{width:50%;-webkit-box-flex:1;-ms-flex:auto;flex:auto}.light .control-panel .right[data-v-0a6747a2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.light .control-panel .paly[data-v-0a6747a2],.light .control-panel .stop[data-v-0a6747a2]{-webkit-perspective:1rem;perspective:1rem;color:#8028f5;line-height:1;cursor:pointer;font-size:.64rem}.light .control-panel .paly[data-v-0a6747a2]:before,.light .control-panel .stop[data-v-0a6747a2]:before{-webkit-transition:all .1s;transition:all .1s}.light .control-panel .paly[data-v-0a6747a2]:hover:before,.light .control-panel .stop[data-v-0a6747a2]:hover:before{display:inline-block;-webkit-transform:translateZ(.08rem);transform:translateZ(.08rem)}.light .control-panel .brightness[data-v-0a6747a2],.light .control-panel .speed[data-v-0a6747a2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:.12rem;-webkit-box-flex:0;-ms-flex:none;flex:none}.light .control-panel .brightness .iconfont[data-v-0a6747a2],.light .control-panel .speed .iconfont[data-v-0a6747a2]{font-size:.26rem;line-height:1;color:#fff;margin-right:.2rem}.light .control-panel .brightness .slider[data-v-0a6747a2],.light .control-panel .speed .slider[data-v-0a6747a2]{width:1.5rem;margin-left:.2rem;margin-right:.3rem}.light .control-panel .speed .iconfont[data-v-0a6747a2]{font-size:.22rem}.light .light-panel[data-v-0a6747a2]{-ms-flex-align:center;-ms-flex-pack:center;margin-bottom:.2rem;position:relative}.light .light-panel .add[data-v-0a6747a2],.light .light-panel .remove[data-v-0a6747a2],.light .light-panel[data-v-0a6747a2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}.light .light-panel .add[data-v-0a6747a2],.light .light-panel .remove[data-v-0a6747a2]{-webkit-box-flex:1;-ms-flex:auto;flex:auto;-ms-flex-align:center;-ms-flex-pack:center;position:absolute;top:40%}.light .light-panel .add i[data-v-0a6747a2],.light .light-panel .remove i[data-v-0a6747a2]{font-size:.36rem;color:#8028f5;background:#171717;border-radius:50%;overflow:hidden;position:relative;cursor:pointer}.light .light-panel .add span[data-v-0a6747a2],.light .light-panel .remove span[data-v-0a6747a2]{font-size:.12rem;padding:0 .1rem;color:#fff;visibility:hidden;display:none}.light .light-panel .add:hover span[data-v-0a6747a2],.light .light-panel .remove:hover span[data-v-0a6747a2]{visibility:visible}.light .light-panel .remove[data-v-0a6747a2]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;right:50%;margin-right:7.5rem}.light .light-panel .remove .remove-hover[data-v-0a6747a2]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.light .light-panel .remove .remove-hover .close[data-v-0a6747a2],.light .light-panel .remove .remove-hover .reset[data-v-0a6747a2]{width:.36rem;height:.36rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;background:#8028f5;font-size:.22rem;position:absolute;-webkit-transform:scale(.3);transform:scale(.3);opacity:.3;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;-webkit-transition-delay:.2s;transition-delay:.2s}.light .light-panel .remove .remove-hover .reset[data-v-0a6747a2]{-webkit-transition-delay:.4s;transition-delay:.4s;font-size:.24rem}.light .light-panel .remove .remove-hover .close[data-v-0a6747a2]{margin-top:-.8rem;-webkit-transform:scale(1);transform:scale(1);opacity:1;-webkit-transition-delay:0s;transition-delay:0s}.light .light-panel .remove .remove-hover .reset[data-v-0a6747a2]{margin-top:.8rem;-webkit-transform:scale(1);transform:scale(1);opacity:1;-webkit-transition-delay:.15s;transition-delay:.15s}.light .light-panel .remove .remove-hover .iconminus-o[data-v-0a6747a2]{display:none}.light .light-panel .add[data-v-0a6747a2]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;left:50%;margin-left:7.5rem}.light .light-panel .add i[data-v-0a6747a2]{-webkit-perspective:1rem;perspective:1rem;color:#8028f5;line-height:1;cursor:pointer;-webkit-box-flex:0;-ms-flex:none;flex:none}.light .light-panel .add i[data-v-0a6747a2]:before{-webkit-transition:all .1s;transition:all .1s}.light .light-panel .add i[data-v-0a6747a2]:hover:before{display:inline-block;-webkit-transform:translateZ(.08rem);transform:translateZ(.08rem)}.light .light-panel .lights[data-v-0a6747a2]{width:14rem;height:4.95rem}.light .page-panel[data-v-0a6747a2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;margin-bottom:.4rem}.light .page-panel .page-slider[data-v-0a6747a2]{width:1.8rem}.light .page-panel .next[data-v-0a6747a2],.light .page-panel .prev[data-v-0a6747a2]{-webkit-perspective:1rem;perspective:1rem;color:#8028f5;line-height:1;cursor:pointer;font-size:.36rem;padding:.05rem .1rem;margin:0 .5rem}.light .page-panel .next[data-v-0a6747a2]:before,.light .page-panel .prev[data-v-0a6747a2]:before{-webkit-transition:all .1s;transition:all .1s}.light .page-panel .next[data-v-0a6747a2]:hover:before,.light .page-panel .prev[data-v-0a6747a2]:hover:before{display:inline-block;-webkit-transform:translateZ(.08rem);transform:translateZ(.08rem)}.light .page-panel .page[data-v-0a6747a2]{width:.6rem;text-align:center}.light .page-panel .page-now[data-v-0a6747a2]{width:.5rem;text-align:center;position:absolute;left:50%;margin-left:-.25rem;bottom:-.15rem;font-size:.12rem}.light .action-panel[data-v-0a6747a2]{margin-bottom:.3rem}.light .action-panel .rotation[data-v-0a6747a2],.light .action-panel .undo[data-v-0a6747a2],.light .action-panel .upload[data-v-0a6747a2],.light .action-panel[data-v-0a6747a2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.light .action-panel .rotation[data-v-0a6747a2],.light .action-panel .undo[data-v-0a6747a2],.light .action-panel .upload[data-v-0a6747a2]{width:auto;height:.4rem;padding:0 .2rem;margin-left:.3rem;font-size:.14rem;color:#8028f5;border:1px solid #8028f5;border-radius:10px;cursor:pointer}.light .action-panel .rotation i[data-v-0a6747a2],.light .action-panel .undo i[data-v-0a6747a2],.light .action-panel .upload i[data-v-0a6747a2]{font-size:.26rem;margin-right:.1rem}.light .action-panel .upload[data-v-0a6747a2]{margin-left:0}.light .action-panel .upload i[data-v-0a6747a2]{font-size:.24rem}.light .color-panel[data-v-0a6747a2]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:.5rem}.light .color-panel .slider-panel[data-v-0a6747a2],.light .color-panel[data-v-0a6747a2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.light .color-panel .slider-panel[data-v-0a6747a2]{margin-bottom:.3rem;position:relative}.light .color-panel .slider-panel .slider[data-v-0a6747a2]{width:6rem;margin:0 .3rem}.light .color-panel .slider-panel .color[data-v-0a6747a2]{position:absolute;right:-.2rem;width:.46rem;height:.46rem;border-radius:50%;border:1px solid #8028f5;-webkit-transform:translateX(50%);transform:translateX(50%);-webkit-transition:all .1s;transition:all .1s;cursor:pointer}.light .color-panel .slider-panel .color[data-v-0a6747a2]:hover{width:.5rem;height:.5rem}.light .color-panel .hex-color[data-v-0a6747a2]{font-size:.2rem}.light .color-panel .hex-color span[data-v-0a6747a2]{color:#8028f5;margin:0 .05rem 0 .3rem}.light .color-panel .hex-color input[data-v-0a6747a2]{width:1.1rem;text-align:center;color:#8028f5;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;border:1px solid #8028f5}.light .buttons .button[data-v-0a6747a2],.light .buttons[data-v-0a6747a2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.light .buttons .button[data-v-0a6747a2]{height:.42rem;color:#fff;background:#f0321e;border:1px solid #f0321e;font-size:.16rem;letter-spacing:.2em;border-radius:4px;cursor:pointer;width:2rem;margin:0 1rem}.light .buttons .button[data-v-0a6747a2]:hover{border:1px solid #fff}.light .buttons .button[data-v-0a6747a2]:disabled{pointer-events:all;cursor:not-allowed}.light .buttons .button i[data-v-0a6747a2]{margin-right:.1rem}.light .buttons .button span[data-v-0a6747a2]{font-size:.24rem;line-height:.12rem}.light .keyboard[data-v-0a6747a2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:fixed;right:.5rem;bottom:2rem;font-size:.2rem;cursor:pointer}.light .keyboard[data-v-0a6747a2]:hover{color:#8028f5}.light .keyboard i[data-v-0a6747a2]{width:.54rem;height:.54rem;line-height:.54rem;display:block;background:#8028f5;color:#fff;border-radius:10px;margin-right:.2rem;font-size:.22rem;padding-left:.05rem;text-align:center}.page-slider{padding:.03rem 0}.page-slider .ant-slider-rail{height:.04rem;background:#fff!important}.page-slider .ant-slider-track{height:.04rem}.page-slider .ant-slider-handle{margin-top:-.05rem}.page-slider .ant-slider-handle:focus,.page-slider .ant-slider-handle:hover{margin-top:-.06rem}