.hc-my-record-page {
    .hc-record-time-line {
        position: relative;
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 14px;
        .time-line-item {
            position: relative;
            display: flex;
            text-align: center;
            padding-bottom: 14px;
            &::before {
                position: absolute;
                content: "";
                width: 1px;
                top: 19px;
                left: 6.5px;
                bottom: 1px;
                background: #FBBCB4;
                transition: all 0.3s ease-in-out 0s;
            }
            .item-icon {
                display: block;
                position: relative;
                top: 3px;
                .dot {
                    width: 14px;
                    height: 14px;
                    background-color: #fbbcb4;
                    border: 1px solid #f96654;
                    border-radius: 50%;
                }
            }
            .item-content {
                flex: 1;
                position: relative;
                text-align: left;
                padding-left: 10px;
                .time {
                    font-size: 14px;
                    color: #8E8E93;
                    margin-bottom: 10px;
                }
                .card {
                    background: white;
                    position: relative;
                    padding: 10px;
                    border-radius: 6px;
                    box-shadow: 0 2px 6px 0 rgba(221, 221, 221, .31);
                    margin-bottom: 10px;
                    .title {
                        color: #101010;
                        margin-bottom: 10px;
                    }
                    .text {
                        color: #8E8E93;
                        font-size: 13px;
                    }
                }
            }
        }
        .time-line-item.no-data {
            &::before {
                display: none;
            }
            .item-icon .dot {
                background-color: #C7C7CC;
                border-color: #C7C7CC;
            }
            .item-content .card {
                background: #EAEAEA;
                box-shadow: none;
                color: #8E8E93;
                font-size: 14px;
            }
        }
    }
}
