.drag-box[data-v-142973ca]{display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.drag-box-item[data-v-142973ca]{background-color:#f4f4f4;border:1px solid #e1e4e8}.item-title[data-v-142973ca]{padding:8px 8px 8px 12px;font-size:20px;line-height:1.5;color:#24292e;font-weight:600}.item-ul[data-v-142973ca]{padding:0 8px 8px;height:100%;overflow-y:scroll}.item-ul[data-v-142973ca]::-webkit-scrollbar{width:0}.drag-list[data-v-142973ca]{border:1px solid #e1e4e8;padding:10px;margin:5px 0 10px;list-style:none;background-color:#fff;border-radius:6px;cursor:pointer;transition:border .3s ease-in}.drag-list[data-v-142973ca]:hover{border:1px solid #20a0ff}.drag-title[data-v-142973ca]{font-weight:400;line-height:25px;margin:10px 0;font-size:22px;color:#1f2f3d}.ghost-style[data-v-142973ca]{display:block;color:transparent;border-style:dashed}.grid-content[data-v-142973ca]{display:flex;align-items:center;height:100px;cursor:pointer}.grid-cont-right[data-v-142973ca]{flex:1;text-align:center;font-size:14px;color:#999}.grid-num[data-v-142973ca]{font-size:25px;color:#24292e;font-weight:700}.grid-con-icon[data-v-142973ca]{display:block;font-size:50px;padding:4px;width:100px;height:100px;text-align:center;line-height:100px;color:#fff;box-sizing:border-box}.handle-box{margin-bottom:20px}.handle-box .action-btn{margin-left:20px}.handle-input{width:300px;display:inline-block}.setting-container{position:relative;height:600px;box-sizing:border-box}.setting-container .box{background-color:#f4f4f4;border:1px solid #e1e4e8}.setting-container .desktop{position:relative;width:100%;height:600px}.setting-container .desktop .desktop-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden}.setting-container .desktop .desktop-bg .el-image{width:100%;height:100%}.setting-container .desktop #iconGrid,.setting-container .desktop .icon-grid{z-index:1}.setting-container .desktop .changeBorder{z-index:1;border:2px dashed #add8e6}.setting-container .left-container{height:600px;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:scroll}.setting-container .left-container .box{flex:1;position:relative}.setting-container .left-container .icons-ul{display:grid;grid-template-columns:repeat(auto-fill,50%);grid-template-rows:repeat(auto-fill,110px);padding:8px;overflow-y:scroll;height:100%;box-sizing:border-box}.setting-container .left-container .icons-ul::-webkit-scrollbar{width:0}.vue-grid-layout{position:relative;width:410px;height:410px}.vue-grid-layout #icon-grid-item{position:relative;width:100%;height:100%;box-sizing:border-box}.vue-grid-layout #icon-grid-item .el-image{width:100%;height:100%}.vue-grid-layout #icon-grid-item .el-button{position:absolute;top:0;right:-8px;z-index:99;width:32px;height:32px;text-align:center}.vue-grid-layout .changeBorder{border:2px dashed #add8e6}.grideBorder:after,.gridItemBorder:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:2px dashed #add8e6;pointer-events:none}.vue-grid-layout>div{position:absolute}.icon-ul-item{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.icon-ul-item-content{border:1px solid #e1e4e8;padding:10px;width:60px;height:60px;list-style:none;background-color:#fff;border-radius:6px;transition:border .3s ease-in;cursor:pointer}.icon-ul-item-content .icon-ul-item-icon{pointer-events:none;width:60px;text-align:center;color:#fff;box-sizing:border-box}.ghost-style{display:block;color:transparent;border-style:dashed}.form{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.form ::v-deep .el-upload--text{border:none}.button-container{margin-top:30px}.border-button-cell{text-align:center;padding-bottom:10px}.handle-box[data-v-2b9deaf5]{margin-bottom:20px}.handle-select[data-v-2b9deaf5]{width:120px}.handle-input[data-v-2b9deaf5]{width:300px;display:inline-block}.table[data-v-2b9deaf5]{width:100%;font-size:14px}.red[data-v-2b9deaf5]{color:red}.mr10[data-v-2b9deaf5]{margin-right:10px}.table-td-thumb[data-v-2b9deaf5]{display:block;margin:auto;width:40px;height:40px}.handle-box[data-v-4d0627b5]{margin-bottom:20px}.table[data-v-4d0627b5]{width:100%;font-size:14px}.red[data-v-4d0627b5]{color:red}.mr10[data-v-4d0627b5]{margin-right:10px}.table-td-thumb[data-v-4d0627b5]{display:block;margin:auto;width:40px;height:40px}