.filter-list-mobile {
    width: 100%;
    padding-top: 40px;
    >.am-list {
        >.am-list-header {
            padding: 0 10px;
        }
        >.am-list-body {
            height: 40px;
            >.am-list-item {
                min-height: 40px;
                padding-left: 10px;
            }
        }
        &.list-title {
            position: fixed;
            height: 40px;
            margin-top: -40px;
            width: 100%;
            z-index: 999;
            background-color: white;
            border-bottom: 1px solid #DBE5F2;
            >.am-list-header {
                padding: 5px 0;
                text-align: right;
                .toggle {
                    font-size: 16px;
                }
            }
        }
        &.row {
            .am-list-body {
                display: flex;
                flex-direction: row;
            }
        }
    }

    // .am-list-extra {
    //     display: none;
    // }

    .menu-mask {
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4);
        z-index: 999;
    }

    .am-calendar {
        .content {
            .header {
                >div {
                    margin: 0 auto;
                    .am-list-extra {
                        display: none;
                    }
                }
            }
            .shortcut-panel {
                padding: 0;
                >.item:first-child {
                    margin-left: 30px;
                }
                >.item:last-of-type {
                    margin-right: 30px;
                }
                .sub-title {
                    padding: 0 20px;
                }
            }
        }
    }

    .calendar-date-picker {
        position: fixed;
        width: 100%;
        bottom: 0;
        background: white;
        z-index: 1001;
    }

    .am-calendar .single-month .row .cell .info {
        line-height: 15px;
    }
    .am-calendar .single-month .row .cell .date-wrapper .left, .am-calendar .single-month .row .cell .date-wrapper .right {
        margin: 0 -1px;
    }

    .filter-menu-box {
        position: fixed;
        width: 100%;
        bottom: 0;
        z-index: 1000;

        .filter-menu .am-flexbox .am-flexbox-item:last-child .am-list .am-list-item {
            border-bottom: 1px solid #f7f7f7;
        }
    }
}
