#portal-body {
    height: 100%;
    display: grid;
    grid-template-columns: 1fr 2.5fr;
    grid-template-rows: 210px auto auto;
    grid-gap: 12px 12px;
    padding: 10px 10vw 80px 10vw;
}

.portal-card-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
}

.portal-card-title-main {
    font-weight: bold;
    font-size: larger;
}

:deep(.el-card__body) {
    padding-top: 8px;
    padding-bottom: 8px;
}

:deep(.portal-card-divider) {
    margin: 8px 0 8px 0;
}

.portal-card-main {
    display: flex;
    flex-direction: column;
    overflow: scroll;
    align-items: center;
}

.portal-card-main::-webkit-scrollbar {
    display: none;
}

.portal-my-card-main {
    display: grid;
    grid-template-columns: 1fr;
    min-width: calc(max(100%, 250px));
}

.portal-card-content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
}

.tip {
    font-size: small;
    font-weight: bold;
    color: #666666;
}