input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/* .centered-div {
  position: absolute; 
  top: 50%; 
  left: 50%; 
  transform: translate(-50%, -50%); 
} */

.movebutton {
    width: 24px;
    height: 64px;
    display: flex;
    position: absolute;
    /* 在父元素相对定位的基础上，为子元素设置绝对定位 */
    top: 50%;
    /* 子元素顶部距离父元素顶部的距离为父元素高度的一半 */
    left: 50%;
    /* 子元素左侧距离父元素左侧的距离为父元素宽度的一半 */
    transform: translate(-50%, -50%);
    flex-direction: column;
}

.config-unit {
    min-width: 500px;
}

.config-major {
    min-width: 500px;
}

.readonly-input:read-only {
    color: inherit;
    background-color: inherit;
}


/*
*右侧菜单内容
*/

#diymenu {
    position: absolute;
    top: 65px;
    left: 10px;
    bottom: 0;
    width: 223px;
    border-right: 1px solid #ccc;
    background-color: #fff;
    box-sizing: border-box;
    height: calc(100vh - 90px);
    overflow-y: auto;
}

#diycontent {
    position: absolute;
    top: 65px;
    left: 232px;
    /* set left to the width of the menu */
    right: 0;
    bottom: 0;
    background-color: #fff;
    box-sizing: border-box;
    padding-left: 10px;
    height: calc(100vh - 90px);
}

.diysplitter {
    position: absolute;
    width: 1px;
    top: 65px;
    bottom: 0;
    left: 232px;
    height: calc(100vh - 90px);
    /* set left to the width of the menu */
    margin-left: -5px;
    /* half the width of the splitter to center it over the border */
    cursor: col-resize;
    background-color: #ebebeb;
    z-index: 1;
}