.list-page, .list-footer {
    background-repeat: no-repeat;
    background-size: 100%;
}

@media screen and (min-width: 768px) {
    .list-page {
        background-image: url("../img/list-header-bg.png");
    }

    .list-footer {
        background-image: url("../img/list-footer-bg.png");
    }
}


.list-page .layui-container {
    margin: 0 auto;
}

.list-header {
    border-bottom: 1px solid #ccc;
    margin-bottom: 60px !important;
    padding: 10px 6px;
}

@media screen and (max-width: 768px) {
    .list-header, #divRightTopNotification {
        display: none;
    }
}

.list-header .left img {
    height: 36px;
}

.list-header .left .name {
    font-weight: bold;
}

    .list-header .left .name span {
        color: #8f8f8f;
    }

.list-header .left .link {
    margin: 0 15px;
    cursor: pointer;
}

.list-header .right {
    text-align: right;
}

    .list-header .right > button {
        background-color: #fafafa;
        padding: 0 30px;
    }

.list-dropdown-tabs {
    border-radius: 30px;
    padding: 20px;
}

    .list-dropdown-tabs .layui-row {
        margin: 15px 0;
    }

        .list-dropdown-tabs .layui-row .layui-btn-primary {
            background-color: #fafafa;
        }

            .list-dropdown-tabs .layui-row .layui-btn-primary.width {
                width: 240px;
                text-align: left;
            }

.list-action {
    cursor: pointer;
    border-radius: 10px;
    border: 2px solid transparent;
    background-color: #eff4f9;
    margin-top: 15px;
    padding: 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .list-action:hover {
        border: 2px solid #26ce9a;
        box-shadow: 0 5px 18px #0000001a;
        background-color: #fff;
    }

    .list-action > .layui-row:first-of-type {
        flex: 1;
    }

    .list-action > .layui-row:last-of-type .iconfont {
        border-radius: 50%;
        font-size: 36px;
        background-color: #dce3e9;
        padding: 8px;
    }

    .list-action:hover > .layui-row:last-of-type .iconfont {
        color: #26ce9a;
        background-color: #1fca6d20;
    }

    .list-action .header .tag {
        font-size: 12px;
        font-weight: 700;
        padding: 4px 6px;
        border-radius: 10px;
        color: #fff;
    }

        .list-action .header .tag.green {
            background: linear-gradient(317deg, #1fca6d, #43bff0);
        }

        .list-action .header .tag.plus {
            background: linear-gradient(317deg, #e6dcf3, #ab68ff);
        }

        .list-action .header .tag.team {
            background-color: #43bff0;
        }

        .list-action .header .tag.gpt4 {
            background: linear-gradient(317deg, #bfbf94, #d5d547);
        }

        .list-action .header .tag.mini {
            background: linear-gradient(317deg, #c9d6db, #00A9EB);
        }


    .list-action .header .title {
        font-size: 15px;
        font-weight: 700;
    }

    .list-action .text {
        margin-top: 15px;
    }


.list-footer {
    min-height: 240px;
    margin-top: 15px;
    padding-bottom: 15px;
}