.box {
    width: 100%;
    height: 600px; /* ÉèÖø¸ÈÝÆ÷µÄ³õʼ¸ß¶È */
    display: flex;
    flex-direction: column;
}

/* ÉÏÃ沿·Ö */
.top {
    background-color: #36cfc9;
    overflow: auto;
    flex-grow: 1;
}

/* ·Ö¸îÌõ */
.resize {
    cursor: ns-resize;
    height: 5px;
    background-color: yellow;
    width: 100%;
}

/* µ×²¿²¿·Ö */
.bottom {
    background-color: #b7eb8f;
    overflow: auto;
    flex-grow: 1;
}

/* ±êÇ©ÄÚÈݲ¿·Ö */
.layui-tab-card {
    margin-top: 40px;
}