taro/src/features/health/MainConsole.scss

.timeline_item{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-right: 40px;
    position: relative;
    margin-left: 64px;
    height: 128px;
}

.timeline_left{
    display: flex;
    flex-direction: column;

}

.timeline_title{
    font-size: 24px;
    color: #808080;

}

.timeline_time{
    font-size: 34px;
    color: #4D4D4D;
}

.timeline_operate{
    height: 72px;
    border-radius: 20px;
    font-size: 28px;
    font-weight: bold;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-console-bg{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.main_arrow{
    width: 228px;
    height: 36px;
}

.main_summary{
    display: flex;
    width: 750px;
    background-color: #fff;
    height: 134px;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.main_summary_time{
    font-size: 36px;
    color: #000;
    line-height: 44px;
}

.main_summary_duration{
    margin-top: 6px;
    color: #B2B2B2;
    font-size: 24px;
    line-height: 28px;
}

.main_summary_status{
    display: flex;
    position: absolute;
    left: 64px;
    top: 0;
    bottom: 0;
    flex-direction: row;
    align-items: center;
}

.main_footer{
    height: 108px;
    width: 750px;
    background-color: #fff;
    align-items: center;
    justify-content: center;
    display: flex;
}

.main_footer_text{
    color: #B2B2B2;
    font-size: 24px;
}