.ant-form-item.custom-form-item, .ant-form-item.custom-form-item .ant-form-item-label, .ant-form-item.custom-form-item .ant-form-item-label>label
{
    color: inherit;
}
.custom-select-dropdown .ant-select-dropdown-menu-item, .custom-select .ant-select-selection-selected-value
{
    display: flex!important;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.custom-select-dropdown .ant-select-dropdown-menu-item
{
    padding-right: 40px;
}
.custom-select
{
    font-size: 14px;
    color: inherit;
}
.custom-select>.ant-select-selection
{
    box-shadow: none;
    border-radius: 10px;
}
.custom-select>.ant-select-selection>.ant-select-selection__rendered
{
    margin-right: 38px;
}
.custom-select .ant-select-selection-selected-value
{
    width: 100%;
}
.custom-input
{
    color: inherit;
    font-size: 14px;
    border-radius: 10px;
}
.custom-input:disabled
{
    border-color: #d9d9d9;
}
.custom-input:focus, .has-error .custom-input:focus
{
    box-shadow: none;
}
.custom-checkbox
{
    color: inherit;
}
.custom-checkbox .ant-checkbox-checked:after, .custom-checkbox .ant-checkbox-inner
{
    border-radius: 50%;
}
.home-footer
{
    position: absolute;
    left: 80px;
    bottom: 40px;
}
.home-footer a
{
    text-decoration: underline;
    color: inherit;
}
.home-footer>.logos
{
    display: flex;
}
.home-footer>.logos>.logo
{
    height: 54px;
}
.home-footer>.logos>.logo+.logo
{
    margin-left: 10px;
}
.home-footer>.links
{
    margin-top: 20px;
    margin-bottom: 0;
    list-style-type: none;
    padding-left: 0;
}
.home-footer>.links>li
{
    display: flex;
    line-height: 20px;
    align-items: center;
}
.home-footer>.links>li>.divider
{
    height: 16px;
    width: 1px;
    background-color: #000;
    margin: 4px;
}
@media(max-width: 1440px)
{
    .home-footer
    {
        overflow: hidden;
        position: static;
        margin: 0 auto 40px;
    }
    .home-footer>.links>li, .home-footer>.logos
    {
        justify-content: center;
    }
    .home-footer>.links>li .item, .home-footer>.logos .item
    {
        text-align: center;
    }
    .home-footer>.links
    {
        margin-top: 15px;
    }
}
.choose-language[data-v-8be78a96]
{
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 14px;
}
.choose-language>.label[data-v-8be78a96]
{
    margin-right: 12px;
}
.choose-language>.language[data-v-8be78a96]
{
    min-width: 130px;
}
.choose-language>.language[data-v-8be78a96] .ant-select-selection
{
    border-radius: 10px;
    box-shadow: none;
}
@media(max-width: 640px)
{
    .choose-language>.label[data-v-8be78a96]
    {
        display: none;
    }
}
.home-block
{
    position: relative;
    padding-bottom: 40px;
}
.home-block .ant-form-item-label
{
    height: 18px;
    line-height: 16px;
    margin-bottom: 8px;
}
.home-block .ant-form-explain
{
    position: absolute;
    font-size: 12px;
}
.home-block>.block-title
{
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
    line-height: 28px;
    align-items: flex-start;
}
.home-block>.block-title>.number
{
    width: 28px;
    height: 28px;
    margin-right: 6px;
    border-radius: 50%;
    background-size: 100%;
    flex-shrink: 0;
}
.home-block>.block-title>.text
{
    font-size: 20px;
    font-weight: 700;
}
.home-block .label
{
    height: 16px;
    line-height: 16px;
    margin-bottom: 10px;
}
.home-block .items
{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 74px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 20px;
}
.home-block .items>.item
{
    height: 100%;
    padding: 0;
    margin: 0;
    flex-direction: column;
    justify-content: space-between;
}
.home-block .items+.items, .home-block .items+.label
{
    margin-top: 20px;
}
@media(max-width: 640px)
{
    .home-block .items
    {
        grid-template-columns: 1fr;
    }
}
@media(min-width: 641px)
{
    .home-block .items
    {
        grid-template-columns: 1fr 1fr;
    }
}
.select-region-dropdown .region>.icon[data-v-95a73ed2], .select-region .ant-select-selection-selected-value>.icon[data-v-95a73ed2]
{
    height: 15px;
    border: 1px solid #bebebe;
    border-radius: 2px;
}
.home-server .input-character-id .ant-form-item-children
{
    display: block;
}
.home-server .input-character-id .character-tip
{
    position: absolute;
    bottom: 54px;
    right: 0;
    font-size: 20px;
    cursor: pointer;
    height: 20px;
    line-height: 20px;
}
.home-server .input-character-id .character-tip>.icon
{
    transition: opacity .3s;
}
.home-server .input-character-id .character-tip>.normal
{
    opacity: 1;
}
.home-server .input-character-id .character-tip>.hover
{
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
}
.home-server .input-character-id .character-tip>.img
{
    position: absolute;
    height: 0;
    transition: height .3s;
    overflow: hidden;
    z-index: 1;
}
.home-server .input-character-id .character-tip>.img img
{
    width: 340px;
}
.home-server .input-character-id .character-tip:hover>.normal
{
    opacity: 0;
}
.home-server .input-character-id .character-tip:hover>.hover
{
    opacity: 1;
}
.home-server .input-character-id .character-tip:hover>.img
{
    height: 640px;
}
@media(max-width: 812px)
{
    .home-server .input-character-id .character-tip>.img
    {
        right: 0;
    }
}
.home-block-v2-skeleton
{
    margin-bottom: 40px;
}
.home-block-v2
{
    position: relative;
}
.home-block-v2 .ant-form-item-label
{
    height: 18px;
    line-height: 16px;
    margin-bottom: 8px;
}
.home-block-v2 .ant-form-explain
{
    position: absolute;
    font-size: 12px;
}
.home-block-v2>.block-title
{
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
    line-height: 28px;
    align-items: flex-start;
    padding-left: 12px;
    position: relative;
}
.home-block-v2>.block-title:before
{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 18px;
    background-color: #41bfe3;
}
.home-block-v2>.block-title>.text
{
    font-size: 20px;
    font-weight: 700;
}
.home-block-v2 .label
{
    height: 16px;
    line-height: 16px;
    margin-bottom: 10px;
}
.home-block-v2 .items
{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 74px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 20px;
}
.home-block-v2 .items>.item
{
    height: 100%;
    padding: 0;
    margin: 0;
    flex-direction: column;
    justify-content: space-between;
}
.home-block-v2 .items+.items, .home-block-v2 .items+.label
{
    margin-top: 20px;
}
@media(max-width: 640px)
{
    .home-block-v2 .items
    {
        grid-template-columns: 1fr;
    }
}
@media(min-width: 641px)
{
    .home-block-v2 .items
    {
        grid-template-columns: 1fr 1fr;
    }
}
.custom-modal .ant-modal-close-x
{
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.custom-modal .ant-modal-header
{
    padding: 0;
    border: none;
    border-radius: 10px 10px 0 0;
}
.custom-modal .ant-modal-header .ant-modal-title
{
    border-radius: 10px 10px 0 0;
}
.custom-modal .ant-modal-content
{
    border-radius: 10px;
}
.custom-modal .ant-modal-footer
{
    border: none;
    padding: 0;
}
.custom-modal .custom-modal-title
{
    height: 40px;
    display: flex;
    align-items: center;
    padding-left: 24px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    border-radius: 10px 10px 0 0;
}
.custom-modal .custom-modal-content
{
    background-color: #fefafb;
    border: 1px solid #fceccd;
    padding: 16px 16px 0 16px;
    overflow: hidden;
}
.custom-modal .custom-modal-footer
{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 18px;
}
.custom-modal .custom-modal-footer .btn
{
    min-width: 120px;
    padding: 0 10px;
    height: 40px;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #505050;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
}
.custom-modal .custom-modal-footer .btn-cancel
{
    margin-right: 12px;
}
.custom-modal .custom-modal-footer .btn-ok
{
    border: none;
    color: #000;
}
.custom-modal .check-item
{
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}
.custom-modal .check-item .check-item-label
{
    font-size: 14px;
    font-weight: 700;
    color: #373737;
    margin-right: 10px;
    white-space: nowrap;
}
.custom-modal .check-item .check-item-value
{
    color: #7c7c7c;
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.font-10[data-v-70cd9fe3]
{
    display: inline-block;
    font-size: 20px;
    transform: scale(.5);
}
.channel[data-v-70cd9fe3]
{
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 2px solid #bebebe;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.channel .channel-content[data-v-70cd9fe3]
{
    flex: 1;
    display: flex;
    justify-content: space-between;
}
.channel .channel-content .channel-content-header[data-v-70cd9fe3]
{
    display: flex;
    margin-left: 16px;
    align-items: center;
    flex: 1;
}
.channel .channel-content .channel-content-header .header-logo[data-v-70cd9fe3]
{
    width: 60px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: .5px solid #f5f5f5;
    margin-right: 8px;
}
.channel .channel-content .channel-content-header .header-logo .header-logo-img[data-v-70cd9fe3]
{
    width: 100%;
}
.channel .channel-content .channel-content-header .header-name[data-v-70cd9fe3]
{
    font-weight: 400;
    font-size: 14px;
    color: #1d2127;
}
.channel .channel-content .price-wrapper[data-v-70cd9fe3]
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 20px;
    text-align: right;
    position: relative;
}
.channel .channel-content .price-wrapper .price[data-v-70cd9fe3]
{
    line-height: 1;
    font-weight: 700;
    font-size: 18px;
    color: #f64c4c;
}
.channel .channel-content .price-wrapper .costPrice[data-v-70cd9fe3]
{
    line-height: 1;
    font-size: 12px;
    color: #868c92;
}
.channel .channel-content .price-wrapper .countdown-placeholder[data-v-70cd9fe3]
{
    height: 14px;
}
.channel .channel-content .price-wrapper .countdown-wrapper[data-v-70cd9fe3]
{
    position: absolute;
    line-height: 1;
    display: flex;
    align-items: center;
    white-space: nowrap;
    background: #feeded;
    font-weight: 700;
    color: #4b4f68;
    border-radius: 2px;
    height: 16px;
    font-size: 12px;
    padding: 0 4px;
    right: 0;
    bottom: 4px;
}
.channel .channel-content .price-wrapper .countdown-wrapper .countdown-text[data-v-70cd9fe3]
{
    color: #f64c4c;
}
.channel .channel-content .price-wrapper .countdown-wrapper .countdown-item[data-v-70cd9fe3]
{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #4b4f68;
    border-radius: 2px;
    min-width: 11px;
    height: 11px;
    margin: 0 2px;
    font-size: 12px;
    font-weight: 500;
}
.channel .channel-footer[data-v-70cd9fe3]
{
    display: flex;
    height: 24px;
    align-items: center;
    background-color: #fafafa;
    padding-left: 15px;
}
.channel .channel-footer .footer-icon[data-v-70cd9fe3]
{
    height: 12px;
}
.home-channels .tip
{
    border: 2px dashed #bebebe;
    border-radius: 10px;
    color: #bebebe;
    line-height: 16px;
    text-align: center;
    padding: 14px;
}
.home-channels .channel-items
{
    grid-auto-rows: 95px;
}
.rules[data-v-f1fe8806]
{
    margin: 0;
    padding: 30px 30px 30px 0;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    color: #000;
    border-radius: 20px;
}
.rules .rules-wrapper[data-v-f1fe8806]
{
    overflow-y: auto;
}
.rules .rules-title[data-v-f1fe8806]
{
    margin-left: 23px;
    margin-bottom: 6px;
    font-weight: 700;
}
.rules .rules-ol[data-v-f1fe8806]
{
    margin-bottom: 0;
}
.rules .rules-ol .rules-li[data-v-f1fe8806]
{
    line-height: 22px;
}
.home-submit[data-v-18aecd82]
{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 0;
}
.home-submit[data-v-18aecd82] .agree>a
{
    text-decoration: underline;
}
.home-submit[data-v-18aecd82] .btn-submit
{
    width: 100%;
    max-width: 460px;
    height: 88px;
    margin-top: 20px;
    line-height: 88px;
    text-align: center;
    border-radius: 10px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    transition: filter .3s ease-out;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 20px;
    font-weight: 700;
}
.home-submit[data-v-18aecd82] .btn-submit.disabled
{
    filter: grayscale(1);
    cursor: not-allowed;
}
@media(max-width: 812px)
{
    .home-submit[data-v-18aecd82] .btn-submit
    {
        height: 44px;
        line-height: 44px;
        max-width: 230px;
        font-size: 14px;
    }
}
.creator[data-v-01ff0a48]
{
    border: 1px solid #d9d9d9;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
    border-radius: 10px;
    padding: 16px;
}
.creator .creator-title[data-v-01ff0a48]
{
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #000;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 0;
}
.creator .creator-title .creator-title-icon[data-v-01ff0a48]
{
    margin-right: 2px;
    fill: #000;
}
.creator .creator-desc[data-v-01ff0a48]
{
    font-size: 14px;
    color: #626262;
    margin-bottom: 10px;
}
.creator .creator-name[data-v-01ff0a48]
{
    font-size: 14px;
    color: #000;
}
.creator .creator-name .name[data-v-01ff0a48]
{
    font-weight: 700;
}
@media(prefers-color-scheme: dark)
{
    .creator .creator-title .creator-title-icon[data-v-01ff0a48]
    {
        color: #fff;
    }
}
.modal-maintain[data-v-322bbcdc] .ant-modal-content
{
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
    pointer-events: auto;
}
.modal-maintain[data-v-322bbcdc] .ant-modal-content .ant-modal-header
{
    border-bottom: 2px solid #e8e8e8;
    padding: 16px 24px;
    color: rgba(0,0,0,.65);
    background: #fff;
    border-radius: 4px 4px 0 0;
    font-size: 14px;
}
.modal-maintain[data-v-322bbcdc] .ant-modal-content .ant-modal-header .ant-modal-title
{
    font-size: 16px;
    font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
    font-weight: 400;
}
.modal-maintain[data-v-322bbcdc] .ant-modal-content .ant-modal-body
{
    padding: 24px;
    font-size: 14px;
    line-height: 1.5;
    word-wrap: break-word;
    font-weight: 400;
}
.modal-maintain .preWarning[data-v-322bbcdc]
{
    font-size: 14px;
    font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
    font-weight: 400;
}
.order-quantity[data-v-4df104af]
{
    display: flex;
    align-items: center;
}
.order-quantity .trigger-btn[data-v-4df104af]
{
    cursor: pointer;
    height: 35px;
    width: 35px;
    border: 2px solid #bebebe;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.order-quantity .trigger-btn[data-v-4df104af]:active
{
    background-color: hsla(0,0%,81.2%,.3);
}
.order-quantity .trigger-btn.trigger-btn--disabled[data-v-4df104af]
{
    opacity: .3;
    cursor: not-allowed;
}
.order-quantity__input[data-v-4df104af]
{
    margin-left: 18px;
    margin-right: 18px;
}
[data-v-4df104af] .ant-input
{
    text-align: center;
}
.home[data-v-3e943158]
{
    position: relative;
    min-height: 100%;
    color: #000;
    overflow: hidden;
}
.home .ant-skeleton-header[data-v-3e943158]
{
    vertical-align: middle;
}
.home>.bg-top[data-v-3e943158]
{
    position: absolute;
    width: 100%;
    max-height: 1180px;
    left: 0;
    top: 0;
}
.home>.bg-role[data-v-3e943158]
{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.home>.main[data-v-3e943158]
{
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}
.home>.main>.choose-language[data-v-3e943158]
{
    position: absolute;
    right: 250px;
    top: 20px;
}
.home>.main>.order-form[data-v-3e943158]
{
    position: relative;
    width: 740px;
    min-height: 800px;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 4px 20px rgba(0,0,0,.25);
    margin-bottom: 40px;
}
.home>.main>.order-form>.title[data-v-3e943158]
{
    position: relative;
    width: 100%;
    height: 74px;
    padding: 0 30px;
    display: flex;
    align-items: center;
    background-color: rgba(255,199,0,.8);
    color: #836231;
    font-weight: 700;
    font-size: 28px;
    border-radius: 10px 10px 0 0;
}
.home>.main>.order-form>.content[data-v-3e943158]
{
    position: relative;
    padding: 30px 30px 40px;
}
.home>.main>.order-form>.content .form[data-v-3e943158]
{
    color: inherit;
}
.home>.main>.footer[data-v-3e943158]
{
    position: relative;
    width: 400px;
}
.preWarning[data-v-3e943158]
{
    font-style: normal;
    font-size: 14px;
}
@media(min-width: 2561px)
{
    .home>.bg-top[data-v-3e943158]
    {
        background-position: 50%;
    }
}
@media(max-width: 1440px)
{
    .home>.bg-role[data-v-3e943158]
    {
        display: none;
    }
    .home>.main[data-v-3e943158]
    {
        max-width: 740px;
        width: 100%;
        padding: 143px 0 40px;
        flex-direction: column;
        align-items: center;
    }
    .home>.main>.choose-language[data-v-3e943158]
    {
        top: 96px;
        right: 25px;
    }
    .home>.main>.order-form[data-v-3e943158]
    {
        width: 100%;
        border-radius: 10px;
    }
    .home>.main>.order-form>.title[data-v-3e943158]
    {
        height: 37px;
        font-size: 14px;
    }
}
@media(max-width: 812px)
{
    .home>.main[data-v-3e943158]
    {
        max-width: 632px;
    }
    .home>.main>.order-form>.content[data-v-3e943158]
    {
        padding: 25px 25px 40px;
    }
}
@media(max-width: 640px)
{
    .home[data-v-3e943158]
    {
        min-width: 375px;
    }
    .home>.main[data-v-3e943158]
    {
        padding-top: 196px;
        width: 100%;
        max-width: 480px;
    }
    .home>.main>.choose-language[data-v-3e943158]
    {
        top: 25px;
    }
    .home>.main>.order-form>.content[data-v-3e943158]
    {
        padding: 20px 20px 40px;
    }
}
body
{
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
}
#app[data-v-877de1f8]
{
    position: relative;
    height: 100%;
}