body,
.date_list {
    display: flex;
    flex-direction: row;
}

body .layui-panel h1 {
    margin-bottom: 26px;
}

body .layui-panel {
    width: 50%;
    padding: 30px;
    box-sizing: border-box;
}

.date_list input {
    margin-right: 5px;
}

/* 计算相差按钮 */
.butt_list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 50px;
}

#start1 {
    /* margin: 50px auto;
    display: block; */
}

#result {
    margin-bottom: 60px;
}

#result p,#result2 p {
    color: red;
}

/* 匹配手机端 */
@media (max-width: 900px) {
    body .layui-panel {
        width: 100%;
    }

    body {
        flex-direction: column;
    }
}