.layui-panel {
    padding: 15px;
    height: 150px;
}

.layui-elem-field {
    margin-bottom: 20px;
}

    .layui-elem-field legend {
        font-weight: 600;
    }

.topTitle {
    position: relative;
}
.topTitle .des {
    display: inline-block;
    width: 70%;
    min-height: 50px;
}
.topTitle #typeBtn {
    position: absolute;
    right: 15px;
    top: 15px;
}


.top {
    height: calc(100% - 190px);
    overflow-y: auto;
}

    .top .row1 {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }

        .top .row1 .icon {
            width: 20%;
        }

            .top .row1 .icon .layui-icon {
                line-height: initial;
                font-size: 28px;
                color: #16b777;
            }

        .top .row1 .content {
            width: 80%;
        }

            .top .row1 .content .title {
                font-size: 16px;
                font-weight: 600;
                margin-bottom: 10px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .top .row1 .content .des {
                height: 60px;
                overflow: auto;
            }

    .top .row2 {
        border-top: 1px solid #EEEEEE;
        padding-top: 15px;
        margin-top: 15px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .top .row2 .item {
            width: 30%;
            text-align: center;
            cursor: pointer;
        }

            .top .row2 .item:hover {
                background-color: #EEEEEE;
            }

.layui-panel:hover {
    border-color: #16b777;
}

#Add-form {
    height: 100%;
}

.creatTime {
    height: 38px;
    line-height: 38px;
    padding-left: 10px;
}

#laypage-all {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 20px;
}