.u-c-kv img[data-v-b25fcae4] {
  width: 100%;
  height: 20.8333333333vw;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1023.98px) {
.u-c-kv img[data-v-b25fcae4] {
    width: 100%;
    height: 56.2666666667vw;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
}
}@media screen and (min-width: 1024px) {
.u-c-info .u-logo[data-v-d5375b3f] {
    width: calc(var(--rpx, 1px) * 114);
    height: calc(var(--rpx, 1px) * 114);
    margin-left: calc(var(--rpx, 1px) * 13);
}
.u-c-info .u-name[data-v-d5375b3f] {
    padding: calc(var(--rpx, 1px) * 32) 0;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: rgb(26, 29, 37);
    text-align: left;
    padding-left: calc(var(--rpx, 1px) * 24);
}
.u-c-info .btn[data-v-d5375b3f] {
    padding: 12px 50px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgb(0, 20, 51);
}
}
@media screen and (max-width: 1023.98px) {
.u-c-info[data-v-d5375b3f] {
    padding: 0 16px;
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-top: -68px;
}
.u-c-info .u-logo[data-v-d5375b3f] {
    width: 88px;
    height: 88px;
    margin-left: 0;
}
.u-c-info .u-name[data-v-d5375b3f] {
    padding-top: 16px;
    font-weight: 700;
    color: rgb(26, 29, 37);
    text-align: left;
    font-size: 16px;
    line-height: 24px;
}
.u-c-info .btn[data-v-d5375b3f] {
    padding: 8px 16px;
    color: rgb(0, 20, 51);
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
}
}@media screen and (min-width: 1024px) {
.u-c-notification[data-v-a34d20e3] {
    background: rgb(245, 247, 250);
    border-radius: 16px;
    padding: calc(var(--rpx, 1px) * 16);
    margin-top: calc(var(--rpx, 1px) * 48);
}
.u-c-notification .u-c-no-close[data-v-a34d20e3] {
    display: flex;
    justify-content: flex-end;
    cursor: pointer;
}
.u-c-notification .u-c-no-close svg[data-v-a34d20e3] {
    width: calc(var(--rpx, 1px) * 24);
    height: calc(var(--rpx, 1px) * 24);
}
.u-c-notification .u-c-no-content p[data-v-a34d20e3] {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: rgb(92, 96, 106);
    padding-bottom: 12px;
}
.u-c-notification .u-c-no-content a[data-v-a34d20e3] {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgb(25, 63, 137);
    text-decoration: underline;
}
.u-c-notification .u-c-no-title[data-v-a34d20e3] {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: rgb(25, 63, 137);
    padding: 12px 0;
}
}
@media screen and (max-width: 1023.98px) {
.u-c-notification[data-v-a34d20e3] {
    background: rgb(245, 247, 250);
    border-radius: 16px;
    padding: 16px;
}
.u-c-notification .u-c-no-close[data-v-a34d20e3] {
    display: flex;
    justify-content: flex-end;
    cursor: pointer;
}
.u-c-notification .u-c-no-close svg[data-v-a34d20e3] {
    width: 24px;
    height: 24px;
}
.u-c-notification .u-c-no-content p[data-v-a34d20e3] {
    color: rgb(92, 96, 106);
    padding-bottom: 8px;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
}
.u-c-notification .u-c-no-content a[data-v-a34d20e3] {
    color: rgb(25, 63, 137);
    text-decoration: underline;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
}
.u-c-notification .u-c-no-title[data-v-a34d20e3] {
    color: rgb(25, 63, 137);
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 8px;
}
}@media screen and (min-width: 1024px) {
.u-c-menu .menu-list[data-v-4b86da8f] {
    display: flex;
    flex-direction: column;
    gap: calc(var(--rpx, 1px) * 16);
}
.u-c-menu .menu-item[data-v-4b86da8f] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: calc(var(--rpx, 1px) * 30);
    cursor: pointer;
    padding: 12px 16px;
    border-radius: 8px;
    background-color: transparent;
    transition: 0.3s;
}
.u-c-menu .menu-item.active[data-v-4b86da8f] {
    background-color: rgb(245, 247, 250);
}
.u-c-menu .menu-item[data-v-4b86da8f]:hover {
    background-color: rgb(245, 247, 250);
}
}
@media screen and (max-width: 1023.98px) {
.u-c-menu[data-v-4b86da8f] {
    margin-top: 32px;
    padding: 0 16px;
    position: relative;
}
.u-c-menu .active-menu.menu-item[data-v-4b86da8f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgb(245, 247, 250);
    border-radius: 8px;
    border: 1px solid transparent;
    border-bottom: none;
    transition: 0.3s;
}
.u-c-menu .active-menu.menu-item.active[data-v-4b86da8f] {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background: #fff;
    border-color: rgb(233, 234, 237);
    box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.08);
}
.u-c-menu .active-menu.menu-item.active .arrow-icon[data-v-4b86da8f] {
    transform: rotate(180deg);
}
.u-c-menu .active-menu.menu-item .wrap[data-v-4b86da8f] {
    display: flex;
    gap: 30px;
}
.u-c-menu .active-menu.menu-item .arrow-icon[data-v-4b86da8f] {
    width: 24px;
    height: 24px;
    transform-origin: center;
    transition: 0.3s;
}
.u-c-menu .menu-list-wrap[data-v-4b86da8f] {
    position: absolute;
    inset: 0;
    top: 48px;
    padding: 0 16px;
    z-index: 2;
}
.u-c-menu .menu-list-wrap.active .menu-list[data-v-4b86da8f] {
    border-color: rgb(233, 234, 237);
    box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.08);
}
.u-c-menu .menu-list[data-v-4b86da8f] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: #fff;
    border: 1px solid transparent;
    border-top: none;
    transition: 0.3s;
}
.u-c-menu .menu-item[data-v-4b86da8f] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 30px;
    cursor: pointer;
    padding: 12px 16px;
    background-color: transparent;
    transition: 0.3s;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
}
.u-c-menu .menu-item.active[data-v-4b86da8f] {
    background-color: rgb(245, 247, 250);
}
.u-c-menu .menu-item .icon[data-v-4b86da8f] {
    width: 24px;
    height: 24px;
}
.u-c-menu .menu-item .txt[data-v-4b86da8f] {
    display: flex;
    align-items: center;
}
}.u-c-head .tags[data-v-418cea35] {
  display: flex;
  gap: 16px;
  border-bottom: 1px solid rgb(208, 208, 208);
}
.u-c-head .tags .tag[data-v-418cea35] {
  padding: calc(var(--rpx, 1px) * 9) calc(var(--rpx, 1px) * 30);
  border-bottom: 1px solid rgb(0, 0, 0);
  margin-bottom: -1px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: rgb(26, 29, 37);
  cursor: pointer;
}@media screen and (min-width: 1024px) {
.u-c-order-list[data-v-372602e9] {
    padding: calc(var(--rpx, 1px) * 48) 0;
}
.u-c-order-list .order-list[data-v-372602e9] {
    display: flex;
    flex-direction: column;
    gap: calc(var(--rpx, 1px) * 16);
}
.u-c-order-list .order-item[data-v-372602e9] {
    border: 1px solid rgb(233, 234, 237);
    padding: calc(var(--rpx, 1px) * 24);
    border-radius: 14px;
}
.u-c-order-list .order-item.gray[data-v-372602e9] {
    opacity: 0.6;
}
.u-c-order-list .order-item .line[data-v-372602e9] {
    height: 1.6px;
    background-color: rgb(233, 234, 237);
    margin: calc(var(--rpx, 1px) * 16) 0;
}
.u-c-order-list .order-infos[data-v-372602e9] {
    display: flex;
    gap: calc(var(--rpx, 1px) * 24);
}
.u-c-order-list .order-image[data-v-372602e9] {
    flex: 0 1 327px;
}
.u-c-order-list .order-image img[data-v-372602e9] {
    width: 100%;
    aspect-ratio: 327/184;
    -o-object-fit: contain;
       object-fit: contain;
    border-radius: 8px;
}
.u-c-order-list .order-info[data-v-372602e9] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
}
.u-c-order-list .order-info .product-name[data-v-372602e9] {
    font-weight: 700;
    font-style: Bold;
    font-size: 20px;
    line-height: 28px;
    color: rgb(26, 29, 37);
}
.u-c-order-list .order-info .configurator .title[data-v-372602e9] {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: rgb(92, 96, 106);
}
.u-c-order-list .order-info .configurator .txt[data-v-372602e9] {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: rgb(26, 29, 37);
}
.u-c-order-list .order-info .configurator .txt span[data-v-372602e9]:not(:last-child)::after {
    content: "  +  ";
}
.u-c-order-list .order-detail .list[data-v-372602e9] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.u-c-order-list .order-detail .list .item[data-v-372602e9]:nth-child(-n+3) {
    flex: 1;
}
.u-c-order-list .order-detail .list .item[data-v-372602e9]:nth-child(4) {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
}
.u-c-order-list .order-detail .list .item .title[data-v-372602e9] {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: rgb(92, 96, 106);
    margin-bottom: 4px;
}
.u-c-order-list .order-detail .list .item .value[data-v-372602e9] {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: rgb(26, 29, 37);
    display: flex;
    align-items: center;
}
.u-c-order-list .order-detail .list .item .value .status-icon[data-v-372602e9] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 12px;
}
.u-c-order-list .order-detail .list .item .value .status-icon.success[data-v-372602e9] {
    background-color: rgb(92, 181, 49);
}
.u-c-order-list .order-detail .list .item .value .status-icon.warning[data-v-372602e9] {
    background-color: rgb(251, 121, 38);
}
.u-c-order-list .order-detail .list .item .value .status-icon.danger[data-v-372602e9] {
    background-color: rgb(221, 10, 52);
}
.u-c-order-list .order-detail .list .item .value .status-icon.primary[data-v-372602e9] {
    background-color: rgb(34, 144, 253);
}
.u-c-order-list .order-detail .list .item .wrap[data-v-372602e9] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.u-c-order-list .order-detail .list .item .wrap .btn[data-v-372602e9] {
    padding: 12px 35px;
}
.u-c-order-list .order-detail .list .item .copy-orderNo[data-v-372602e9] {
    width: 20px;
    height: 20px;
    display: block;
    margin-left: 10px;
    cursor: pointer;
}
.u-c-order-list .order-detail .list .item .orderNo-wrap[data-v-372602e9] {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 4px;
}
.u-c-order-list .order-detail .list .item .btn-wrap[data-v-372602e9] {
    display: flex;
    width: 100%;
}
.u-c-order-list .order-detail .list .item .btn-wrap .btn[data-v-372602e9] {
    flex: 1;
    width: 100%;
}
.u-c-order-list .no-result[data-v-372602e9] {
    text-align: center;
}
}
@media screen and (max-width: 1023.98px) {
.u-c-order-list[data-v-372602e9] {
    padding: 24px 16px 32px;
}
.u-c-order-list .order-item[data-v-372602e9] {
    border: 1px solid rgb(233, 234, 237);
    padding: 8px;
    border-radius: 16px;
    width: 85.3333333333vw;
}
.u-c-order-list .order-item.gray[data-v-372602e9] {
    opacity: 0.6;
}
.u-c-order-list .order-item .line[data-v-372602e9] {
    height: 1.6px;
    background-color: rgb(233, 234, 237);
    margin: 8px 0;
}
.u-c-order-list .order-image img[data-v-372602e9] {
    width: 100%;
    height: auto;
    border-radius: 8px;
    display: block;
    min-height: 152px;
}
.u-c-order-list .order-info[data-v-372602e9] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 8px;
}
.u-c-order-list .order-info .product-name[data-v-372602e9] {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: rgb(26, 29, 37);
    margin-bottom: 8px;
}
.u-c-order-list .order-info .configurator .title[data-v-372602e9] {
    color: rgb(92, 96, 106);
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 4px;
}
.u-c-order-list .order-info .configurator .txt[data-v-372602e9] {
    color: rgb(26, 29, 37);
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
}
.u-c-order-list .order-info .configurator .txt span[data-v-372602e9]:not(:last-child)::after {
    content: "  +  ";
}
.u-c-order-list .order-detail .list[data-v-372602e9] {
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.u-c-order-list .order-detail .list .item[data-v-372602e9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.u-c-order-list .order-detail .list .item .title[data-v-372602e9] {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: rgb(92, 96, 106);
    margin-bottom: 4px;
}
.u-c-order-list .order-detail .list .item .value[data-v-372602e9] {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: rgb(26, 29, 37);
    display: flex;
    align-items: center;
}
.u-c-order-list .order-detail .list .item .value .status-icon[data-v-372602e9] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 12px;
}
.u-c-order-list .order-detail .list .item .value .status-icon.success[data-v-372602e9] {
    background-color: rgb(92, 181, 49);
}
.u-c-order-list .order-detail .list .item .value .status-icon.warning[data-v-372602e9] {
    background-color: rgb(251, 121, 38);
}
.u-c-order-list .order-detail .list .item .value .status-icon.danger[data-v-372602e9] {
    background-color: rgb(221, 10, 52);
}
.u-c-order-list .order-detail .list .item .value .status-icon.primary[data-v-372602e9] {
    background-color: rgb(34, 144, 253);
}
.u-c-order-list .order-detail .list .item .wrap[data-v-372602e9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.u-c-order-list .order-detail .list .item .wrap .btn[data-v-372602e9] {
    padding: 12px 35px;
}
.u-c-order-list .order-detail .list .item .copy-orderNo[data-v-372602e9] {
    width: 20px;
    height: 20px;
    display: block;
    margin-left: 10px;
    cursor: pointer;
}
.u-c-order-list .order-detail .list .item .orderNo-wrap[data-v-372602e9] {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 4px;
}
.u-c-order-list .order-detail .btn[data-v-372602e9] {
    width: 100%;
    margin: 0;
}
.u-c-order-list .order-detail .btn.user-center-cancel[data-v-372602e9] {
    margin-top: 8px;
}
.u-c-order-list .no-result[data-v-372602e9] {
    text-align: center;
}
.u-c-notification-wrap[data-v-372602e9] {
    padding: 16px;
}
}@media screen and (min-width: 1024px) {
.u-c-order-detail[data-v-0df38f62] {
    padding: calc(var(--rpx, 1px) * 48) 0;
}
.u-c-order-detail .info-list[data-v-0df38f62] {
    border: 1px solid rgb(233, 234, 237);
    padding: calc(var(--rpx, 1px) * 24);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5%;
    margin-bottom: calc(var(--rpx, 1px) * 24);
}
.u-c-order-detail .info-item[data-v-0df38f62]:first-child {
    display: flex;
}
.u-c-order-detail .info-item[data-v-0df38f62]:not(:first-child) {
    flex: 1;
}
.u-c-order-detail .info-item:not(:first-child) .title[data-v-0df38f62] {
    margin-bottom: 4px;
}
.u-c-order-detail .info-item .orderNo-wrap[data-v-0df38f62] {
    display: flex;
    align-items: center;
    gap: 8px;
}
.u-c-order-detail .info-item .orderNo-wrap .copy-orderNo[data-v-0df38f62] {
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.u-c-order-detail .info-item .title[data-v-0df38f62] {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: rgb(92, 96, 106);
}
.u-c-order-detail .info-item .value[data-v-0df38f62] {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: rgb(26, 29, 37);
    display: flex;
    align-items: center;
}
.u-c-order-detail .info-item .value .status-icon[data-v-0df38f62] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 12px;
}
.u-c-order-detail .info-item .value .status-icon.success[data-v-0df38f62] {
    background-color: rgb(92, 181, 49);
}
.u-c-order-detail .info-item .value .status-icon.warning[data-v-0df38f62] {
    background-color: rgb(251, 121, 38);
}
.u-c-order-detail .info-item .value .status-icon.danger[data-v-0df38f62] {
    background-color: rgb(221, 10, 52);
}
.u-c-order-detail .info-item .value .status-icon.primary[data-v-0df38f62] {
    background-color: rgb(34, 144, 253);
}
.u-c-order-detail .status-wrap[data-v-0df38f62] {
    border: 1px solid rgb(233, 234, 237);
    padding: calc(var(--rpx, 1px) * 24);
    border-radius: 16px;
    margin-bottom: calc(var(--rpx, 1px) * 24);
}
.u-c-order-detail .status-wrap .title[data-v-0df38f62] {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: rgb(26, 29, 37);
    margin-bottom: calc(var(--rpx, 1px) * 16);
}
.u-c-order-detail .status-list[data-v-0df38f62] {
    display: flex;
    justify-content: space-between;
    gap: calc(var(--rpx, 1px) * 16);
}
.u-c-order-detail .status-item[data-v-0df38f62] {
    flex: 1;
    background-color: rgb(245, 247, 250);
    padding: calc(var(--rpx, 1px) * 23) calc(var(--rpx, 1px) * 12);
    border-radius: 16px;
    position: relative;
}
.u-c-order-detail .status-item[data-v-0df38f62]:not(:first-child)::before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: rgb(42, 103, 207);
    position: absolute;
    border-radius: 50%;
    left: calc(var(--rpx, 1px) * -16 - 4px);
    top: 50%;
    transform: translateY(-50%);
}
.u-c-order-detail .status-item[data-v-0df38f62]:not(:first-child)::after {
    content: "";
    width: 16px;
    height: 2px;
    background-color: rgb(42, 103, 207);
    position: absolute;
    left: calc(var(--rpx, 1px) * -16);
    top: 50%;
    transform: translateY(-50%);
}
.u-c-order-detail .status-item .icon[data-v-0df38f62] {
    width: calc(var(--rpx, 1px) * 32);
    height: calc(var(--rpx, 1px) * 32);
    margin-bottom: calc(var(--rpx, 1px) * 16);
}
.u-c-order-detail .status-item .status-title[data-v-0df38f62] {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: rgb(26, 29, 37);
    word-break: break-all;
}
.u-c-order-detail .status-item.not-activate[data-v-0df38f62] {
    background-color: rgb(245, 247, 250);
}
.u-c-order-detail .status-item.not-activate .status-title[data-v-0df38f62] {
    color: rgb(155, 161, 175);
}
.u-c-order-detail .status-item.not-activate[data-v-0df38f62]::before, .u-c-order-detail .status-item.not-activate[data-v-0df38f62]::after {
    background-color: rgb(194, 200, 211);
}
.u-c-order-detail .configuration[data-v-0df38f62] {
    border: 1px solid rgb(233, 234, 237);
    padding: calc(var(--rpx, 1px) * 24);
    border-radius: 16px;
    margin-bottom: calc(var(--rpx, 1px) * 24);
}
.u-c-order-detail .configuration .title[data-v-0df38f62] {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: rgb(26, 29, 37);
}
.u-c-order-detail .configuration .type-item[data-v-0df38f62] {
    margin-bottom: calc(var(--rpx, 1px) * 8);
}
.u-c-order-detail .configuration .type-item .type[data-v-0df38f62] {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: rgb(26, 29, 37);
    padding: calc(var(--rpx, 1px) * 8) 0;
    border-bottom: 1px solid rgb(233, 234, 237);
}
.u-c-order-detail .configuration .type-item:first-child .config-list .config-item[data-v-0df38f62], .u-c-order-detail .configuration .type-item:last-child .config-list .config-item[data-v-0df38f62] {
    border-bottom: 1px solid rgb(233, 234, 237);
}
.u-c-order-detail .configuration .type-item:first-child .config-list .config-item div[data-v-0df38f62], .u-c-order-detail .configuration .type-item:last-child .config-list .config-item div[data-v-0df38f62] {
    display: flex;
}
.u-c-order-detail .configuration .type-item .config-item[data-v-0df38f62] {
    padding: calc(var(--rpx, 1px) * 8) 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.u-c-order-detail .configuration .type-item .config-item div[data-v-0df38f62] {
    flex: 1;
}
.u-c-order-detail .configuration .type-item .config-item div[data-v-0df38f62]:nth-child(2) {
    display: flex;
    justify-content: flex-start;
    padding-left: 15%;
}
.u-c-order-detail .configuration .type-item .config-item div[data-v-0df38f62]:nth-child(3) {
    display: flex;
    justify-content: flex-end;
}
.u-c-order-detail .configuration .type-item .config-item img[data-v-0df38f62] {
    width: calc(var(--rpx, 1px) * 48);
    height: calc(var(--rpx, 1px) * 48);
    display: block;
    -o-object-fit: contain;
       object-fit: contain;
}
.u-c-order-detail .configuration .type-item .config-item .txt[data-v-0df38f62] {
    width: 160px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: rgb(26, 29, 37);
    text-align: left;
}
.u-c-order-detail .configuration .type-item .config-item .price[data-v-0df38f62] {
    display: flex;
    align-items: center;
    gap: 8px;
}
.u-c-order-detail .configuration .type-item .config-item .price span[data-v-0df38f62] {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: rgb(92, 96, 106);
}
.u-c-order-detail .configuration .type-item .config-item .price svg[data-v-0df38f62] {
    cursor: pointer;
}
.u-c-order-detail .configuration .type-item .config-item[data-v-0df38f62]:not(:last-child) {
    border-bottom: 1px solid rgb(233, 234, 237);
}
.u-c-order-detail .configuration .total-price[data-v-0df38f62] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: calc(var(--rpx, 1px) * 8) 0;
}
.u-c-order-detail .configuration .total-price span[data-v-0df38f62] {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: rgb(26, 29, 37);
}
.u-c-order-detail .configuration .total-price p[data-v-0df38f62] {
    display: flex;
    align-items: center;
    gap: 8px;
}
.u-c-order-detail .configuration .total-price p span[data-v-0df38f62] {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgb(26, 29, 37);
}
.u-c-order-detail .configuration .total-price p svg[data-v-0df38f62] {
    cursor: pointer;
}
.u-c-order-detail .btn-wrapper[data-v-0df38f62] {
    display: flex;
    justify-content: flex-end;
}
.u-c-order-detail .btn-wrapper .btn[data-v-0df38f62] {
    padding: 12px 80px;
}
.u-c-order-detail[data-v-0df38f62] .refund-dialog-warpper {
    background-color: rgba(0, 0, 0, 0.7);
}
.u-c-order-detail[data-v-0df38f62] .refund-dialog-warpper .el-dialog {
    border-radius: 16px;
    max-width: 672px;
    padding: calc(var(--rpx, 1px) * 32);
    width: 100%;
}
.u-c-order-detail[data-v-0df38f62] .refund-dialog-warpper .el-dialog .el-dialog__header {
    display: flex;
    flex-direction: column-reverse;
    padding: 0;
}
.u-c-order-detail[data-v-0df38f62] .refund-dialog-warpper .el-dialog .el-dialog__header .refund-title {
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    color: rgb(26, 29, 37);
    padding-top: calc(var(--rpx, 1px) * 72);
}
.u-c-order-detail[data-v-0df38f62] .refund-dialog-warpper .el-dialog .el-dialog__header .el-dialog__headerbtn {
    top: calc(var(--rpx, 1px) * 32);
    right: calc(var(--rpx, 1px) * 32);
    width: calc(var(--rpx, 1px) * 48);
    height: calc(var(--rpx, 1px) * 48);
    border-radius: 50%;
    background-color: rgb(245, 247, 250);
    display: flex;
    align-items: center;
    justify-content: center;
}
.u-c-order-detail[data-v-0df38f62] .refund-dialog-warpper .el-dialog .el-dialog__body {
    padding: calc(var(--rpx, 1px) * 16) 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 260px;
}
.u-c-order-detail[data-v-0df38f62] .refund-dialog-warpper .el-dialog .el-dialog__body .content {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgb(92, 96, 106);
}
.u-c-order-detail[data-v-0df38f62] .refund-dialog-warpper .el-dialog .el-dialog__body .policy {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: rgb(155, 161, 175);
    display: flex;
    align-items: center;
    gap: 16px;
    cursor: pointer;
    width: -moz-max-content;
    width: max-content;
}
.u-c-order-detail[data-v-0df38f62] .refund-dialog-warpper .el-dialog .el-dialog__body .policy .icon {
    width: 16px;
    height: 16px;
}
.u-c-order-detail[data-v-0df38f62] .refund-dialog-warpper .el-dialog .el-dialog__body .policy a {
    color: rgb(26, 29, 37);
    text-decoration: underline;
}
}
@media screen and (max-width: 1023.98px) {
.u-c-order-detail[data-v-0df38f62] {
    padding: 0 16px 16px 16px;
    position: fixed;
    bottom: 0;
    background: #fff;
    max-height: calc(var(--vh, 1vh) * 90);
    overflow-y: auto;
    z-index: 2;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    width: 100%;
}
.u-c-order-detail .info-list[data-v-0df38f62] {
    border: 1px solid rgb(233, 234, 237);
    padding: 16px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 8px;
}
.u-c-order-detail .info-item[data-v-0df38f62] {
    display: flex;
    justify-content: space-between;
}
.u-c-order-detail .info-item .orderNo-wrap[data-v-0df38f62] {
    display: flex;
    align-items: center;
    gap: 8px;
}
.u-c-order-detail .info-item .orderNo-wrap .orderNo[data-v-0df38f62] {
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
}
.u-c-order-detail .info-item .orderNo-wrap .copy-orderNo[data-v-0df38f62] {
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.u-c-order-detail .info-item .title[data-v-0df38f62] {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: rgb(92, 96, 106);
}
.u-c-order-detail .info-item .value[data-v-0df38f62] {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: rgb(26, 29, 37);
    display: flex;
    align-items: center;
}
.u-c-order-detail .info-item .value .status-icon[data-v-0df38f62] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 12px;
}
.u-c-order-detail .info-item .value .status-icon.paid[data-v-0df38f62] {
    background-color: rgb(92, 181, 49);
}
.u-c-order-detail .info-item .value .status-icon.not-paid[data-v-0df38f62] {
    background-color: rgb(251, 121, 38);
}
.u-c-order-detail .info-item .value .status-icon.payment-failed[data-v-0df38f62] {
    background-color: rgb(221, 10, 52);
}
.u-c-order-detail .info-item .value .status-icon.refunding[data-v-0df38f62] {
    background-color: rgb(34, 144, 253);
}
.u-c-order-detail .status-wrap[data-v-0df38f62] {
    border: 1px solid rgb(233, 234, 237);
    padding: 16px;
    border-radius: 16px;
    margin-bottom: 8px;
}
.u-c-order-detail .status-wrap .title[data-v-0df38f62] {
    color: rgb(26, 29, 37);
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
}
.u-c-order-detail .status-list[data-v-0df38f62] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.u-c-order-detail .status-item[data-v-0df38f62] {
    display: flex;
    align-items: center;
    gap: 16px;
    background-color: rgb(245, 247, 250);
    padding: 12px;
    border-radius: 16px;
    position: relative;
}
.u-c-order-detail .status-item[data-v-0df38f62]:not(:first-child)::before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: rgb(42, 103, 207);
    position: absolute;
    border-radius: 50%;
    left: 50%;
    top: -20px;
    transform: translateX(-50%);
}
.u-c-order-detail .status-item[data-v-0df38f62]:not(:first-child)::after {
    content: "";
    width: 2px;
    height: 16px;
    background-color: rgb(42, 103, 207);
    position: absolute;
    left: 50%;
    top: -16px;
    transform: translateX(-50%);
}
.u-c-order-detail .status-item .icon[data-v-0df38f62],
  .u-c-order-detail .status-item svg[data-v-0df38f62] {
    width: 24px;
    height: 24px;
}
.u-c-order-detail .status-item .status-title[data-v-0df38f62] {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: rgb(26, 29, 37);
}
.u-c-order-detail .status-item.not-activate[data-v-0df38f62] {
    background-color: rgb(245, 247, 250);
}
.u-c-order-detail .status-item.not-activate .status-title[data-v-0df38f62] {
    color: rgb(155, 161, 175);
}
.u-c-order-detail .status-item.not-activate[data-v-0df38f62]::before, .u-c-order-detail .status-item.not-activate[data-v-0df38f62]::after {
    background-color: rgb(194, 200, 211);
}
.u-c-order-detail .configuration[data-v-0df38f62] {
    border: 1px solid rgb(233, 234, 237);
    padding: 16px;
    border-radius: 16px;
    margin-bottom: 8px;
}
.u-c-order-detail .configuration .title[data-v-0df38f62] {
    color: rgb(26, 29, 37);
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
}
.u-c-order-detail .configuration .type-item[data-v-0df38f62] {
    margin-bottom: 8px;
}
.u-c-order-detail .configuration .type-item .type[data-v-0df38f62] {
    color: rgb(26, 29, 37);
    padding: 8px 0;
    border-bottom: 1px solid rgb(233, 234, 237);
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
}
.u-c-order-detail .configuration .type-item:first-child .config-list .config-item[data-v-0df38f62], .u-c-order-detail .configuration .type-item:last-child .config-list .config-item[data-v-0df38f62] {
    border-bottom: 1px solid rgb(233, 234, 237);
}
.u-c-order-detail .configuration .type-item .config-item[data-v-0df38f62] {
    padding: 8px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.u-c-order-detail .configuration .type-item .config-item img[data-v-0df38f62] {
    width: 48px;
    height: 48px;
    display: block;
    -o-object-fit: contain;
       object-fit: contain;
    border-radius: 4px;
}
.u-c-order-detail .configuration .type-item .config-item .txt[data-v-0df38f62] {
    width: 160px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: rgb(26, 29, 37);
    text-align: left;
}
.u-c-order-detail .configuration .type-item .config-item .price[data-v-0df38f62] {
    display: flex;
    align-items: center;
    gap: 8px;
}
.u-c-order-detail .configuration .type-item .config-item .price span[data-v-0df38f62] {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: rgb(92, 96, 106);
}
.u-c-order-detail .configuration .type-item .config-item .price svg[data-v-0df38f62] {
    cursor: pointer;
}
.u-c-order-detail .configuration .type-item .config-item[data-v-0df38f62]:not(:last-child) {
    border-bottom: 1px solid rgb(233, 234, 237);
}
.u-c-order-detail .configuration .total-price[data-v-0df38f62] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
}
.u-c-order-detail .configuration .total-price span[data-v-0df38f62] {
    color: rgb(26, 29, 37);
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
}
.u-c-order-detail .configuration .total-price p[data-v-0df38f62] {
    display: flex;
    align-items: center;
    gap: 8px;
}
.u-c-order-detail .configuration .total-price p span[data-v-0df38f62] {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: rgb(26, 29, 37);
}
.u-c-order-detail .configuration .total-price p svg[data-v-0df38f62] {
    cursor: pointer;
}
.u-c-order-detail .btn-wrapper[data-v-0df38f62] {
    display: flex;
    justify-content: flex-end;
}
.u-c-order-detail .btn-wrapper .btn[data-v-0df38f62] {
    padding: 12px;
    flex: 1;
}
.u-c-order-detail .mob-controller[data-v-0df38f62] {
    padding-top: 16px;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 1;
}
.u-c-order-detail .mob-controller .mob-detail-close[data-v-0df38f62] {
    display: flex;
    justify-content: flex-end;
}
.u-c-order-detail .mob-controller .mob-detail-close svg[data-v-0df38f62] {
    width: 40px;
    height: 40px;
}
.u-c-order-detail[data-v-0df38f62] .refund-dialog-warpper {
    background-color: rgba(0, 0, 0, 0.7);
}
.u-c-order-detail[data-v-0df38f62] .refund-dialog-warpper .el-overlay-dialog {
    padding: 0 16px;
}
.u-c-order-detail[data-v-0df38f62] .refund-dialog-warpper .el-dialog {
    border-radius: 16px;
    max-width: 672px;
    padding: 16px;
    width: 100%;
}
.u-c-order-detail[data-v-0df38f62] .refund-dialog-warpper .el-dialog .el-dialog__header {
    display: flex;
    flex-direction: column-reverse;
    padding: 0;
}
.u-c-order-detail[data-v-0df38f62] .refund-dialog-warpper .el-dialog .el-dialog__header .refund-title {
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    color: rgb(26, 29, 37);
    padding-top: 56px;
}
.u-c-order-detail[data-v-0df38f62] .refund-dialog-warpper .el-dialog .el-dialog__header .el-dialog__headerbtn {
    top: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgb(245, 247, 250);
    display: flex;
    align-items: center;
    justify-content: center;
}
.u-c-order-detail[data-v-0df38f62] .refund-dialog-warpper .el-dialog .el-dialog__body {
    padding: 16px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 260px;
}
.u-c-order-detail[data-v-0df38f62] .refund-dialog-warpper .el-dialog .el-dialog__body .content {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: rgb(92, 96, 106);
}
.u-c-order-detail[data-v-0df38f62] .refund-dialog-warpper .el-dialog .el-dialog__body .policy {
    font-weight: 400;
    font-size: 10px;
    line-height: 16px;
    color: rgb(155, 161, 175);
    display: flex;
    align-items: center;
    gap: 16px;
    cursor: pointer;
    width: -moz-max-content;
    width: max-content;
}
.u-c-order-detail[data-v-0df38f62] .refund-dialog-warpper .el-dialog .el-dialog__body .policy .icon {
    width: 16px;
    height: 16px;
}
.u-c-order-detail[data-v-0df38f62] .refund-dialog-warpper .el-dialog .el-dialog__body .policy a {
    color: rgb(26, 29, 37);
    text-decoration: underline;
}
.u-c-order-detail[data-v-0df38f62] .refund-dialog-warpper .el-dialog .el-dialog__footer {
    padding: 0;
}
.u-c-order-detail[data-v-0df38f62] .refund-dialog-warpper .el-dialog .el-dialog__footer .dialog-footer {
    display: flex;
}
.u-c-order-detail[data-v-0df38f62] .refund-dialog-warpper .el-dialog .el-dialog__footer .dialog-footer .btn {
    width: 100%;
}
}@media screen and (min-width: 1024px) {
.user-center .container[data-v-38c6fa7a] {
    padding: 0 calc(var(--rpx, 1px) * 64);
}
.user-center .container .wrapper[data-v-38c6fa7a] {
    max-width: 1490px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    gap: calc(var(--rpx, 1px) * 90);
}
.user-center .container .l-c[data-v-38c6fa7a] {
    flex: 0 1 320px;
    margin-top: calc(var(--rpx, 1px) * 114 / 2 * -1);
}
.user-center .container .l-c .line[data-v-38c6fa7a] {
    height: 1.6px;
    background-color: rgb(233, 234, 237);
    width: 100%;
    margin: calc(var(--rpx, 1px) * 48) 0 calc(var(--rpx, 1px) * 32);
}
.user-center .container .r-c[data-v-38c6fa7a] {
    flex: 0 1 1160px;
    min-height: 80vh;
    padding: calc(var(--rpx, 1px) * 98) 0 calc(var(--rpx, 1px) * 30);
}
}@media screen and (min-width: 1024px) {
.btn {
    padding: 12px 44px;
    height: auto;
    border-radius: 8px;
    background: transparent;
    border: none;
    cursor: pointer;
    transition: all 0.3s;
    border: 1px solid rgb(0, 20, 51);
}
.btn.user-center-cancel {
    background-color: rgb(2, 19, 73);
}
.btn.user-center-cancel span {
    color: #fff;
}
.btn.disabled {
    pointer-events: none;
    opacity: 0.3;
}
}
@media screen and (min-width: 1024px) and (max-width: 1023.98px) {
.btn {
    min-width: unset;
}
}
@media screen and (min-width: 1024px) {
.btn:focus-visible {
    outline: none;
}
.btn:focus-visible {
    outline: none;
}
.btn:active {
    background: rgb(2, 19, 73);
    color: rgb(255, 255, 255);
}
.btn span {
    color: rgb(0, 20, 51);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    transition: all 0.3s;
}
.btn:hover {
    background-color: rgb(42, 103, 207);
    border-color: rgb(42, 103, 207);
}
.btn:hover span {
    color: rgb(255, 255, 255);
}
.user-center-modal.el-overlay {
    position: relative;
}
.user-center-modal.el-overlay .el-overlay-message-box {
    padding: 0;
    background-color: rgba(0, 0, 0, 0.7);
}
.user-center-modal.el-overlay .el-message-box.user-center--message-box {
    max-width: 672px;
    padding: calc(var(--rpx, 1px) * 32);
    border-radius: 16px;
}
.user-center-modal.el-overlay .el-message-box.user-center--message-box .el-message-box__header.show-close {
    padding: 0;
    margin-top: calc(var(--rpx, 1px) * 72);
}
.user-center-modal.el-overlay .el-message-box.user-center--message-box .el-message-box__title {
    font-weight: 700;
    font-size: 30px;
    line-height: 40px;
    color: rgb(26, 29, 37);
}
.user-center-modal.el-overlay .el-message-box.user-center--message-box .el-message-box__headerbtn {
    position: absolute;
    top: calc(var(--rpx, 1px) * 32);
    right: calc(var(--rpx, 1px) * 32);
    width: calc(var(--rpx, 1px) * 48);
    height: calc(var(--rpx, 1px) * 48);
    border-radius: 50%;
    background-color: rgb(245, 247, 250);
    display: flex;
    align-items: center;
    justify-content: center;
}
.user-center-modal.el-overlay .el-message-box.user-center--message-box .el-message-box__headerbtn .el-message-box__close {
    color: rgb(26, 29, 37);
}
.user-center-modal.el-overlay .el-message-box.user-center--message-box .el-message-box__headerbtn .el-message-box__close {
    width: calc(var(--rpx, 1px) * 24);
    height: calc(var(--rpx, 1px) * 24);
}
.user-center-modal.el-overlay .el-message-box.user-center--message-box .el-message-box__headerbtn:hover .el-message-box__close {
    color: rgb(26, 29, 37);
}
.user-center-modal.el-overlay .el-message-box.user-center--message-box .el-message-box__container {
    display: unset;
}
.user-center-modal.el-overlay .el-message-box.user-center--message-box .byd-message-box__content,
  .user-center-modal.el-overlay .el-message-box.user-center--message-box .el-message-box__message,
  .user-center-modal.el-overlay .el-message-box.user-center--message-box .el-message-box__message > p {
    height: 300px;
}
.user-center-modal.el-overlay .el-message-box.user-center--message-box .el-message-box__message > p {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.user-center-modal.el-overlay .el-message-box.user-center--message-box .el-message-box__message .message {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgb(92, 96, 106);
    margin-top: calc(var(--rpx, 1px) * 16);
}
.user-center-modal.el-overlay .el-message-box.user-center--message-box .el-message-box__message .custom-content .text {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: rgb(26, 29, 37);
}
.user-center-modal.el-overlay .el-message-box.user-center--message-box .el-message-box__btns {
    padding: calc(var(--rpx, 1px) * 16) 0;
    justify-content: flex-start;
    gap: calc(var(--rpx, 1px) * 16);
}
.user-center-modal.el-overlay .el-message-box.user-center--message-box .el-message-box__btns .btn {
    margin: 0;
}
}@media screen and (max-width: 1023.98px) {
.user-center .container[data-v-008e5584] {
    padding: 0 16px;
}
.user-center .detail-mask[data-v-008e5584] {
    position: fixed;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.8);
    inset: 0;
}
.user-center .slide-up-enter-active[data-v-008e5584],
  .user-center .slide-up-leave-active[data-v-008e5584] {
    transition: 0.3s ease;
}
.user-center .slide-up-enter-from[data-v-008e5584],
  .user-center .slide-up-leave-to[data-v-008e5584] {
    transform: translateY(100%);
    opacity: 0;
}
.user-center .slide-up-enter-to[data-v-008e5584],
  .user-center .slide-up-leave-from[data-v-008e5584] {
    transform: translate(0);
    opacity: 1;
}
}@media screen and (max-width: 1023.98px) {
.btn {
    padding: 12px;
    height: auto;
    border-radius: 8px;
    background: transparent;
    border: none;
    cursor: pointer;
    transition: all 0.3s;
    border: 1px solid rgb(0, 20, 51);
}
.btn.user-center-cancel {
    background-color: rgb(2, 19, 73);
}
.btn.user-center-cancel span {
    color: #fff;
}
.btn.disabled {
    pointer-events: none;
    opacity: 0.3;
}
.btn:focus-visible {
    outline: none;
}
.btn:focus-visible {
    outline: none;
}
.btn:active {
    background: rgb(2, 19, 73);
    color: rgb(255, 255, 255);
}
.btn span {
    color: rgb(0, 20, 51);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    transition: all 0.3s;
}
.btn:hover {
    background-color: rgb(42, 103, 207);
    border-color: rgb(42, 103, 207);
}
.btn:hover span {
    color: rgb(255, 255, 255);
}
.user-center-modal.el-overlay {
    position: relative;
}
.user-center-modal.el-overlay .el-overlay-message-box {
    padding: 0;
    background-color: rgba(0, 0, 0, 0.7);
}
.user-center-modal.el-overlay .el-message-box.user-center--message-box {
    max-width: 91.4666666667vw;
    padding: 16px;
    border-radius: 16px;
}
.user-center-modal.el-overlay .el-message-box.user-center--message-box .el-message-box__header.show-close {
    padding: 0;
    margin-top: 56px;
}
.user-center-modal.el-overlay .el-message-box.user-center--message-box .el-message-box__title {
    color: rgb(26, 29, 37);
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
}
.user-center-modal.el-overlay .el-message-box.user-center--message-box .el-message-box__headerbtn {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgb(245, 247, 250);
    display: flex;
    align-items: center;
    justify-content: center;
}
.user-center-modal.el-overlay .el-message-box.user-center--message-box .el-message-box__headerbtn .el-message-box__close {
    color: rgb(26, 29, 37);
}
.user-center-modal.el-overlay .el-message-box.user-center--message-box .el-message-box__headerbtn .el-message-box__close {
    width: 24px;
    height: 24px;
}
.user-center-modal.el-overlay .el-message-box.user-center--message-box .el-message-box__headerbtn:hover .el-message-box__close {
    color: rgb(26, 29, 37);
}
.user-center-modal.el-overlay .el-message-box.user-center--message-box .el-message-box__container {
    display: unset;
}
.user-center-modal.el-overlay .el-message-box.user-center--message-box .byd-message-box__content,
  .user-center-modal.el-overlay .el-message-box.user-center--message-box .el-message-box__message,
  .user-center-modal.el-overlay .el-message-box.user-center--message-box .el-message-box__message > p {
    min-height: 260px;
}
.user-center-modal.el-overlay .el-message-box.user-center--message-box .el-message-box__message > p {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.user-center-modal.el-overlay .el-message-box.user-center--message-box .el-message-box__message .message {
    color: rgb(92, 96, 106);
    margin-top: 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
}
.user-center-modal.el-overlay .el-message-box.user-center--message-box .el-message-box__message .custom-content .text {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: rgb(26, 29, 37);
}
.user-center-modal.el-overlay .el-message-box.user-center--message-box .el-message-box__btns {
    padding: 12px 0;
    gap: 16px;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.user-center-modal.el-overlay .el-message-box.user-center--message-box .el-message-box__btns .btn {
    margin: 0;
    flex: 0 1 50%;
}
.u-c-tabs .el-tabs__header {
    margin: 0 0 24px 0;
}
.u-c-tabs .el-tabs__nav-wrap::after {
    background-color: rgb(194, 200, 211);
}
.u-c-tabs .el-tabs__active-bar {
    background-color: rgb(0, 0, 0);
}
.u-c-tabs .el-tabs__item {
    padding: 0 16px;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: rgb(194, 200, 211);
}
.u-c-tabs .el-tabs__item.is-active {
    color: rgb(26, 29, 37);
}
.u-c-tabs .el-tabs__item:hover {
    color: rgb(26, 29, 37);
}
}