.ev_calendar_time {
    width: 100%;
    height: 78vh;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
}
.ev_calendar_weeks {
    width: calc(100% - 2rem);
    height: 2.8rem;
    line-height: 2.8rem;
    background: #F6F6F6;
    padding: 0 1rem;
    overflow: hidden;
    color: #999;
    font-size: 1.2rem;
    .ev_calendar_week {
        float: left;
        width: calc((100%)/7);
        text-align: center;
    }
}
.ev_calendar_days {
    width: 100%;
    height: calc(100% - 23rem);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 0.2rem;
    .ev_calendar_days_item_box {
        width: 100%;
        .ev_calendar_year_month {
            width: calc(100% - 2rem);
            height: 3.5rem;
            line-height: 3.5rem;
            padding-left: 2rem;
            color: #999;
            font-size: 1.2rem;
        }
        .ev_calendar_days_box {
            overflow: hidden;
            width: calc(100% - 2rem);
            padding: 0 1rem;
            .ev_calendar_days_item {
                width: calc(100% / 7);
                float: left;
                background: #fff;
                color: #333;
                text-align: center;
                font-size: 1rem;
                padding: 0.5rem 0;
                margin-bottom: 0.5rem;
                .ev_calendar_days_item_middle {
                    font-weight: bold;
                    font-size: 1.5rem;
                    padding: 0.2rem 0;
                }
                .ev_calendar_days_item_top {
                    height: 1rem;
                }
                .ev_calendar_days_item_top_color1 {
                    color: #999;
                }
                .ev_calendar_days_item_top_color2 {
                    color: #fff;
                }
                .ev_calendar_days_item_bottom {
                    height: 1rem;
                }
            }
            .hidden_item {
                opacity: 0;
            }
            .border_radius_left {
                border-top-left-radius: 4px;
                border-bottom-left-radius: 4px;
            }
            .border_radius_right {
                border-top-right-radius: 4px;
                border-bottom-right-radius: 4px;
            }
            .border_radius_all {
                border-radius: 4px;
            }
            .select {
                background: #38B43C;
                color: #fff;
            }
            .middle {
                background: #88D28A;
                color: #fff;
            }
            .disabled {
                background: #eee;
                color: #B7B7B7;
            }
        }
    }
}
.ev_date_picker {
    height: 15rem;
    width: 100%;
    box-shadow: 0 -2px 2px 0 rgba(0,0,0,0.05);
    background: #fff;
    picker-view {
        height: 100%;
        .item {
            line-height: 30px;
            text-align: center
        }
    }
}
.confirm_btn {
    height: 5rem;
    width: 100%;
    button {
        width: 100%;
        height: 100%;
        background: #38B43C;
        color: #fff;
        text-align: center;
        line-height: 5rem;
        border: 0;
        outline: 0;
        font-size: 1.6rem;
        border-radius:0;
    }
    button:active {
        background-color: #005931;
    }
}