.tip[data-v-07e4ffbc]{color:#fff;background:#000}.canvas-container[data-v-ba9fc46e]{border:solid 1px #e4e4ea;border-radius:8px}input[data-v-c4df3478],select[data-v-c4df3478]{width:100%;box-sizing:border-box;margin-top:10px}input[type=color][data-v-c4df3478]{width:50px;height:50px;cursor:pointer}input[type=checkbox][data-v-c4df3478]{width:20px;height:20px;cursor:pointer}.sel-img[data-v-c4df3478]{display:block;width:240px;height:120px;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:8px;border:solid 1px #e4e4ea;margin-top:6px}.config-platform[data-v-267df7de]{text-align:left;box-sizing:border-box;padding:0 10px}.config-platform .block[data-v-267df7de]{box-sizing:border-box;padding:5px;margin:10px 0;border:solid 1px #e4e4ea;border-radius:8px}.config-platform .canvas-basic input[data-v-267df7de]{text-align:center}.config-platform .shape-list[data-v-267df7de]{display:flex;justify-content:space-between;align-items:center}.config-platform .shape-list .shape-item[data-v-267df7de]{cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5px 10px;border:solid 2px transparent;transition:all .3s}.config-platform .shape-list .shape-item .icon[data-v-267df7de]{width:30px;height:30px;margin-bottom:5px}.config-platform .shape-list .shape-item span[data-v-267df7de]{margin-top:2px;font-size:13px;color:#999}.config-platform .shape-list .active[data-v-267df7de]{border-bottom-color:coral}.config-platform .config-area[data-v-267df7de]{display:flex;justify-content:space-between;align-items:flex-start}.config-platform .config-area .user-config-list[data-v-267df7de]{flex:2;margin-left:10px;max-height:800px;overflow-y:scroll;position:relative}.config-platform .config-area .user-config-list ol[data-v-267df7de]{padding:5px;cursor:pointer;transition:all .2s}.config-platform .config-area .user-config-list ol[data-v-267df7de]:hover{background-color:coral;color:#fff;border-radius:8px}.config-platform .config-area .user-config-list ol .icon[data-v-267df7de]{margin-right:4px;width:20px;height:20px}.config-platform .config-area .user-config-list ol span[data-v-267df7de]{font-size:13px}.config-platform .config-area .user-config-list .del-btn[data-v-267df7de]{font-size:13px;margin:0 5px}.config-platform .config-area .user-config-list .list-btn[data-v-267df7de]{margin-top:20px;margin-bottom:40px;bottom:10px}.config-platform .config-area .user-config-list .on-edit[data-v-267df7de]{border-left:2px coral solid}.config-platform .config-area .form[data-v-267df7de]{border:solid 1px #e4e4ea;flex:3}.config-platform .config-area .form .form-item[data-v-267df7de]{margin-bottom:20px}.config-platform .config-area .form .form-item label[data-v-267df7de]{font-size:16px;color:#666;border-left:2px solid coral;padding-left:5px}.config-platform .config-area .form .edit-tip[data-v-267df7de]{font-size:13px;color:#999;margin:5px 0}.platform[data-v-8bdb35d6]{box-sizing:border-box;padding:15px;background:#f5f5f5;display:flex;justify-content:space-between;align-items:flex-start;position:relative;height:100vh;max-height:100vh;overflow-y:scroll}.platform .left[data-v-8bdb35d6]{background:#fff;flex:2;height:100%;overflow-y:scroll;box-sizing:border-box}.platform .right[data-v-8bdb35d6]{overflow-y:scroll;box-sizing:border-box;background:#fff;flex:3;height:100%}*,div,html,ul{padding:0;margin:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;box-sizing:border-box}::-webkit-scrollbar{width:2px;height:1px}::-webkit-scrollbar-thumb{border-radius:10px;background-color:coral;background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent)}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#ededed;border-radius:10px}button[disabled]{opacity:.3;cursor:not-allowed!important}.btn{background-color:#fff;color:#000;padding:4px 10px;border-radius:8px;font-size:13px;text-align:center;cursor:pointer}input,select{padding:5px;border:solid 1px #e4e4ea;border-radius:4px}.f-r-s-s{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;box-sizing:border-box}.f-r-c-c{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;box-sizing:border-box}.f-r-b-c{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;box-sizing:border-box}.f-r-b-s{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;box-sizing:border-box}.f-r-b-e{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;box-sizing:border-box}.f-r-a-c{width:100%;display:flex;flex-direction:row;justify-content:space-around;align-items:center;box-sizing:border-box}.f-r-e-c{width:100%;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;box-sizing:border-box}.f-r-e-s{width:100%;display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-start;box-sizing:border-box}.f-r-e-e{width:100%;display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-end;box-sizing:border-box}.f-r-s-c{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;box-sizing:border-box}.f-r-s-e{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-end;box-sizing:border-box}.f-c-c-c{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}.f-c-c-s{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;box-sizing:border-box}.f-c-c-e{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;box-sizing:border-box}.f-c-s-s{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;box-sizing:border-box}.f-c-a-c{width:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center;box-sizing:border-box}.f-c-s-c{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;box-sizing:border-box}.f-c-a-s{width:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:flex-start;box-sizing:border-box}.f-c-b-s{width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;box-sizing:border-box}.f-c-b-c{width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;box-sizing:border-box}.f-c-e-c{width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;box-sizing:border-box}.f-c-e-s{width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;box-sizing:border-box}.flexrow{width:100%;display:flex;flex-direction:row}.flexcol{width:100%;display:flex;flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-shrink{flex-shrink:0}.flex1{flex:1}.flex2{flex:2}.flex3{flex:3}.flex4{flex:4}