.c-mc-card {
    box-shadow:0px 1px 5px 0px rgba(0, 0, 0, 0.05);
}


/* 侧栏 */
.c-mc-aside {
    border-radius:0px 0px 8px 8px;
    box-shadow:0px 1px 5px 0px rgba(0, 0, 0, 0.05);
}



.c-mc-aside > ul > li.active {
    background-color: #F5F8FB;
    color: #5491ED;
    border-left: #5491ED 4px solid
}

/* 主体 */
.c-mc-rightarea {
    box-shadow:0px 1px 5px 0px rgba(0, 0, 0, 0.05);
    border-radius:0px 0px 8px 8px;
}



.ghost {
    border:1px solid rgba(229,229,229,1);
    border-radius:4px;
    background-color: white;
}



/* 修改部分 */
.c-mc-vip {
    /* height:60px;
    padding: 0 52px; */
    border-bottom: 1px solid rgba(244, 247, 250, 1);
    /* background-color: #FAFAFA */
}

/* .c-mc-vip-progress {
    margin-top: 10px;
} */

/* .c-mc-vip-progress >  */
.progress-out {
    /* height:5px; */
    background: rgba(215, 215, 215, 1);
    border-radius: 3px;
}

/* .c-mc-vip-progress  */
.progress-in {
    /* height:5px; */
    background: linear-gradient(90deg, rgba(255, 164, 66, 1) 0%, rgba(255, 130, 54, 1) 100%);
    border-radius: 3px;
}

/* .c-mc-vip-progress  */
.progress-tag {
    position: absolute;
    top: 15px;
    padding: 3px;
    border: 1px solid rgba(230, 230, 230, 1);
    border-radius: 4px;
    transform: translateX(-50%);
    /* 避免数字换行 */
    white-space: nowrap;
}

/* .c-mc-vip-progress  */
.progress-tag::before {
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    border-width: 7px;
    border-color: transparent transparent #fff;
    border-style: solid;
    left: 50%;
    bottom: calc(100% - 2px);
    transform: translateX(-50%);
}

/* .c-mc-vip-progress  */
.progress-tag::after {
    content: '';
    position: absolute;
    display: block;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent rgba(230, 230, 230, 1);
    left: 50%;
    bottom: 100%;
    transform: translateX(-50%);
}