.numeric-virtual-keyborad {
    font-size: 30px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: transparent;
    z-index: 9999;
    display: flex;
    flex-direction: column
}

.numeric-virtual-keyborad .numeric-virtual-keyborad-wrap {
    margin-top: 450px;
    flex-grow: 1;
    height: 0;
    background: #72674b;
    width: 100%;
    padding: .1em;
    display: flex;
    flex-direction: column
}

.numeric-virtual-keyborad .numeric-virtual-keyborad-wrap .numeric-virtual-keyborad-input-field {
    width: 100%;
    height: 2em;
    background-color: rgba(0,0,0,.4);
    padding: 0 .3em;
    font-size: .5em;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: .3em;
    border: .01em solid rgba(191,161,117,.95);
    color: #bfa175
}

.numeric-virtual-keyborad .numeric-virtual-keyborad-wrap .numeric-virtual-keyborad-keys-wrap {
    margin-top: .1em;
    flex-grow: 1;
    height: 0;
    width: 100%;
    display: flex;
    gap: 1px 1px;
    flex-wrap: wrap
}

.numeric-virtual-keyborad .numeric-virtual-keyborad-wrap .numeric-virtual-keyborad-keys-wrap .numeric-virtual-keyborad-key {
    flex: 1 1 33%;
    background-color: #202020;
    border: .1em solid rgba(75,66,46,.281);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #727272;
    font-size: .5em;
    border-radius: .3em
}

@media (orientation: portrait) and (max-width:320px) {
    .numeric-virtual-keyborad {
        font-size:35px
    }

    .numeric-virtual-keyborad .numeric-virtual-keyborad-wrap {
        margin-top: 8em
    }
}

@media (orientation: portrait) and (min-width:321px) and (max-width:360px) {
    .numeric-virtual-keyborad {
        font-size:39px
    }

    .numeric-virtual-keyborad .numeric-virtual-keyborad-wrap {
        margin-top: 11em
    }
}

@media (orientation: portrait) and (min-width:361px) and (max-width:375px) {
    .numeric-virtual-keyborad {
        font-size:40px
    }

    .numeric-virtual-keyborad .numeric-virtual-keyborad-wrap {
        margin-top: 11em
    }
}

@media (orientation: portrait) and (min-width:376px) and (max-width:428px) {
    .numeric-virtual-keyborad {
        font-size:44px
    }

    .numeric-virtual-keyborad .numeric-virtual-keyborad-wrap {
        margin-top: 11em
    }
}

@media (orientation: portrait) and (min-width:429px) and (max-width:601px) {
    .numeric-virtual-keyborad {
        font-size:65px
    }

    .numeric-virtual-keyborad .numeric-virtual-keyborad-wrap {
        margin-top: 11em
    }
}

@media (orientation: portrait) and (min-width:602px) and (max-width:768px) {
    .numeric-virtual-keyborad {
        font-size:82px
    }

    .numeric-virtual-keyborad .numeric-virtual-keyborad-wrap {
        margin-top: 11em
    }
}

@media (orientation: portrait) and (min-width:769px) and (max-width:800px) {
    .numeric-virtual-keyborad {
        font-size:86px
    }

    .numeric-virtual-keyborad .numeric-virtual-keyborad-wrap {
        margin-top: 11em
    }
}

@media (orientation: portrait) and (min-width:801px) and (max-width:1024px) {
    .numeric-virtual-keyborad {
        font-size:110px
    }

    .numeric-virtual-keyborad .numeric-virtual-keyborad-wrap {
        margin-top: 11em
    }
}

@media (orientation: landscape) and (min-width:480px) {
    .numeric-virtual-keyborad {
        font-size:29px
    }

    .numeric-virtual-keyborad .numeric-virtual-keyborad-wrap {
        margin-top: 5em
    }
}

@media (orientation: landscape) and (min-width:481px) and (max-width:568px) {
    .numeric-virtual-keyborad {
        font-size:35px
    }

    .numeric-virtual-keyborad .numeric-virtual-keyborad-wrap {
        margin-top: 4em
    }
}

@media (orientation: landscape) and (min-width:569px) and (max-width:640px) {
    .numeric-virtual-keyborad {
        font-size:39px
    }

    .numeric-virtual-keyborad .numeric-virtual-keyborad-wrap {
        margin-top: 3.9em
    }
}

@media (orientation: landscape) and (min-width:641px) and (max-width:667px) {
    .numeric-virtual-keyborad {
        font-size:40px
    }

    .numeric-virtual-keyborad .numeric-virtual-keyborad-wrap {
        margin-top: 3.8em
    }
}

@media (orientation: landscape) and (min-width:668px) and (max-width:812px) {
    .numeric-virtual-keyborad {
        font-size:44px
    }

    .numeric-virtual-keyborad .numeric-virtual-keyborad-wrap {
        margin-top: 3.8em
    }
}

@media (orientation: landscape) and (min-width:813px) and (max-width:926px) {
    .numeric-virtual-keyborad {
        font-size:50px
    }

    .numeric-virtual-keyborad .numeric-virtual-keyborad-wrap {
        margin-top: 3.8em
    }
}

@media (orientation: landscape) and (min-width:927px) and (max-width:1024px) {
    .numeric-virtual-keyborad {
        font-size:58px
    }

    .numeric-virtual-keyborad .numeric-virtual-keyborad-wrap {
        margin-top: 3.9em
    }
}

@media (orientation: landscape) and (min-width:1025px) and (max-width:1280px) {
    .numeric-virtual-keyborad {
        font-size:77px
    }

    .numeric-virtual-keyborad .numeric-virtual-keyborad-wrap {
        margin-top: 3.9em
    }
}

@media (orientation: landscape) and (min-width:1281px) {
    .numeric-virtual-keyborad {
        font-size:82px
    }

    .numeric-virtual-keyborad .numeric-virtual-keyborad-wrap {
        margin-top: 3.9em
    }
}

.banner-view-root[data-v-dd10c938] {
    position: relative
}

.banner-view-root .slide-contents[data-v-dd10c938] {
    width: 100%;
    height: 100%;
    position: relative
}

.banner-view-root .slide-contents .slide[data-v-dd10c938] {
    width: 100%;
    height: 27rem
}

.banner-view-root .slide-contents .slide img[data-v-dd10c938] {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.banner-view-root ul[data-v-dd10c938] {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-type: none;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.banner-view-root ul li[data-v-dd10c938] {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    border: .0625rem solid #fff;
    background-color: #000;
    cursor: pointer
}

.banner-view-root ul li[data-v-dd10c938]:not(:first-child) {
    margin-left: .5rem
}

.banner-view-root ul li.active[data-v-dd10c938] {
    background-color: orange
}

.timer-loading-bar-root {
    overflow: hidden;
    display: flex
}

.timer-loading-bar-root .fill {
    background-color: #9b895b;
    width: 0;
    height: 100%
}

.timer-loading-bar-root .ticking {
    transition: 1s linear
}

.roadmap-root[data-v-54514b7c] {
    position: relative
}

.roadmap-root>canvas[data-v-54514b7c] {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none
}

.bead-root .svg {
    width: 100%;
    height: 100%;
    transform: scale(.9)
}

.big-root .svg {
    width: 100%;
    height: 100%;
    padding: 2px
}

.big-eye-root .svg,.cockroach-root .svg,.small-root .svg {
    width: 100%;
    height: 100%;
    transform: scale(.9)
}

.svg-map-root[data-v-6c4b88b9] {
    position: relative;
    background: #fff
}

.svg-map-root .svg-content[data-v-6c4b88b9] {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.svg-map-root .svg-content table[data-v-6c4b88b9] {
    top: 0;
    left: 0;
    bottom: auto;
    right: auto;
    position: absolute;
    border: 1px solid #000;
    border-collapse: collapse;
    table-layout: fixed
}

.svg-map-root .svg-content table tr td[data-v-6c4b88b9] {
    border: 1px solid rgba(0,0,0,.3);
    white-space: nowrap
}

.svg-map-root .bead-content[data-v-6c4b88b9] {
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    bottom: auto
}

.svg-map-root .bead-content .bead[data-v-6c4b88b9] {
    position: absolute
}

.svg-map-root .big-content[data-v-6c4b88b9] {
    position: absolute;
    top: 180px;
    left: 0;
    right: auto;
    bottom: auto
}

.svg-map-root .big-content .big[data-v-6c4b88b9] {
    width: 15px;
    height: 15px;
    padding: 1px;
    position: absolute;
    top: 0;
    left: 0
}

.svg-map-root .big-eye-content[data-v-6c4b88b9] {
    position: absolute;
    top: 270px;
    left: 0;
    right: auto;
    bottom: auto
}

.svg-map-root .big-eye-content .bigeye[data-v-6c4b88b9] {
    width: 7.5px;
    height: 7.5px;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0
}

.svg-map-root .small-content[data-v-6c4b88b9] {
    position: absolute;
    top: 315px;
    left: 0;
    right: auto;
    bottom: auto
}

.svg-map-root .small-content .small[data-v-6c4b88b9] {
    width: 7.5px;
    height: 7.5px;
    padding: .5px;
    position: absolute;
    top: 0;
    left: 0
}

.svg-map-root .cockroach-content[data-v-6c4b88b9] {
    position: absolute;
    top: 270px;
    left: 0;
    right: auto;
    bottom: auto
}

.svg-map-root .cockroach-content .small[data-v-6c4b88b9] {
    width: 7.5px;
    height: 7.5px;
    padding: .5px;
    position: absolute;
    top: 0;
    left: 0
}

.svg-map-root .star-content[data-v-6c4b88b9] {
    position: absolute;
    top: 315px;
    left: 0;
    right: auto;
    bottom: auto
}

.svg-map-root .star-content .small[data-v-6c4b88b9] {
    width: 15px;
    height: 15px;
    padding: 1px;
    position: absolute;
    top: 0;
    left: 0
}

.d-list-item-root[data-v-0b31b5cb] {
    background-color: rgba(0,0,0,.3)!important;
    padding: 1rem;
    display: flex;
    flex-direction: column
}

.d-list-item-root .item-header[data-v-0b31b5cb] {
    font-size: 1.2rem;
    font-weight: 400;
    font-stretch: normal;
    letter-spacing: 0;
    color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.d-list-item-root .item-header .timer[data-v-0b31b5cb] {
    width: 2.4rem;
    text-align: center
}

.d-list-item-root .item-header .timer.green[data-v-0b31b5cb] {
    color: #3da84d
}

.d-list-item-root .item-header .timer.red[data-v-0b31b5cb] {
    color: #ec0503
}

.d-list-item-root .item-header .timer.orange[data-v-0b31b5cb] {
    color: orange
}

.d-list-item-root .line[data-v-0b31b5cb] {
    height: .4rem;
    border: .0625rem solid #9b895b;
    width: 100%;
    margin-top: .5rem
}

.d-list-item-root .map[data-v-0b31b5cb] {
    flex-grow: 1;
    height: 0;
    background-color: #fff;
    width: 100%;
    margin-top: .5rem;
    position: relative;
    overflow: hidden
}

.d-list-item-root .map .road-map[data-v-0b31b5cb] {
    width: 100%;
    height: 100%
}

.d-list-item-root .map .limit-pop[data-v-0b31b5cb] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff
}

.d-list-item-root .map .limit-pop .limit-pop-content[data-v-0b31b5cb] {
    display: flex;
    width: 100%;
    height: 100%;
    background-color: #110c03
}

.d-list-item-root .map .limit-pop .limit-pop-content .limit-pop-head[data-v-0b31b5cb] {
    width: 15%;
    height: 100%;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-size: 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: .625rem
}

.d-list-item-root .map .limit-pop .limit-pop-content .limit-pop-list[data-v-0b31b5cb] {
    flex-grow: 1;
    height: 100%;
    display: flex;
    border-left: .0625rem solid hsla(0,0%,100%,.2);
    flex-direction: column
}

.d-list-item-root .map .limit-pop .limit-pop-content .limit-pop-list .limit-pop-list-item[data-v-0b31b5cb] {
    display: flex;
    width: 100%;
    height: 33.33333%;
    font-size: 1.2rem;
    justify-content: space-evenly
}

.d-list-item-root .map .limit-pop .limit-pop-content .limit-pop-list .limit-pop-list-item[data-v-0b31b5cb]:hover {
    background-color: hsla(0,0%,100%,.1)
}

.d-list-item-root .map .limit-pop .limit-pop-content .limit-pop-list .limit-pop-list-item span[data-v-0b31b5cb] {
    text-align: left;
    height: 100%;
    display: flex;
    align-items: center;
    width: 50%
}

.d-list-item-root .map .limit-pop .limit-pop-content .limit-pop-list .limit-pop-list-item span[data-v-0b31b5cb]:first-child {
    padding-left: 2rem
}

.pc-header-root[data-v-8f2ddc04] {
    background-color: rgba(0,0,0,.5);
    display: flex;
    align-items: center
}

.pc-header-root .logo[data-v-8f2ddc04] {
    width: 17rem;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.pc-header-root .logo .logo_wrap[data-v-8f2ddc04] {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    mask-image: url(../img/logo.6850a1de.png);
    -webkit-mask-image: url(../img/logo.6850a1de.png);
    overflow: hidden;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: 100% 100%;
    mask-position: 100% 100%;
    position: relative
}

.pc-header-root .logo .logo_wrap[data-v-8f2ddc04]:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -55%;
    width: 50%;
    height: 100%;
    transform: skewX(-30deg);
    background: linear-gradient(90deg,hsla(0,0%,100%,.0392157),hsla(0,0%,100%,.698039),hsla(0,0%,100%,.745098));
    background-repeat: no-repeat;
    -webkit-animation: shimmer 5s infinite;
    animation: shimmer 5s infinite
}

.pc-header-root .logo .logo_wrap img[data-v-8f2ddc04] {
    width: 100%
}

.pc-header-root .left-label[data-v-8f2ddc04] {
    width: 11rem;
    height: 100%;
    background-color: #4c483f;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    font-weight: 400;
    font-stretch: normal;
    letter-spacing: 0;
    color: #fff
}

.pc-header-root .left-label .icon[data-v-8f2ddc04] {
    font-size: 1.8rem;
    padding-top: .5rem;
    margin-right: 1rem
}

.pc-header-root .btn-360[data-v-8f2ddc04] {
    width: 15rem;
    height: 100%;
    background-color: #72674b;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    font-weight: 400;
    font-stretch: normal;
    letter-spacing: 0;
    color: #ddc28c;
    cursor: pointer
}

.pc-header-root .empty[data-v-8f2ddc04] {
    flex-grow: 1;
    height: 100%
}

.pc-header-root .other-label[data-v-8f2ddc04] {
    width: 15rem;
    height: 100%;
    display: flex;
    align-items: center;
    color: #ddc28c
}

.pc-header-root .other-label .coin-svg[data-v-8f2ddc04] {
    width: 1.6843rem;
    height: 1.6843rem;
    margin-left: var(--px5);
    margin-right: var(--px5)
}

.pc-header-root .other-label .label[data-v-8f2ddc04] {
    font-size: 1.2rem
}

.pc-header-root .other-label .icon[data-v-8f2ddc04] {
    font-size: 1.8rem;
    padding-top: .5rem;
    margin-right: 1rem;
    margin-left: 1rem
}

.pc-header-root .other-label .icon.icon-setting[data-v-8f2ddc04] {
    cursor: pointer
}

.pc-header-root .other-label[data-v-8f2ddc04]:last-child {
    text-align: right;
    justify-content: flex-end
}

.pc-header-root .other-label.loby[data-v-8f2ddc04] {
    background-color: #252525
}

.pc-header-root .switch-table-toggle[data-v-8f2ddc04] {
    width: 28rem;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: space-between;
    background-color: #252525;
    color: #ddc28c;
    cursor: pointer
}

.pc-header-root .switch-table-toggle .icon[data-v-8f2ddc04] {
    font-size: 1.8rem;
    margin-top: .5rem;
    margin-right: 1rem
}

.pc-header-root .switch-table-toggle .label[data-v-8f2ddc04] {
    font-size: 1.2rem;
    flex-grow: 1;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.pc-header-root .switch-table-toggle[data-v-8f2ddc04]:hover {
    background-color: rgba(37,37,37,.212)
}

.pc-header-root .limit-btn[data-v-8f2ddc04] {
    flex-grow: 1;
    display: flex;
    align-items: center;
    height: 100%;
    color: #ddc28c;
    cursor: pointer
}

.pc-header-root .limit-btn .icon[data-v-8f2ddc04] {
    font-size: 2rem;
    margin-top: .5rem;
    margin-left: 1rem;
    margin-right: 1rem
}

.pc-header-root .limit-btn .label[data-v-8f2ddc04] {
    font-size: 1.2rem;
    height: 100%;
    display: flex;
    align-items: center
}

.pc-header-root .limit-btn .label.other[data-v-8f2ddc04] {
    flex-grow: 1;
    justify-content: center;
    align-items: center
}

.calendar-picker-root[data-v-07e0d29e] {
    display: flex;
    height: 100%;
    position: relative
}

.calendar-picker-root .vc[data-v-07e0d29e] {
    width: 100%
}

.calendar-picker-root .vc .wrap[data-v-07e0d29e] {
    border: .0625rem solid #ffe4a2;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center
}

.calendar-picker-root .vc .wrap .input[data-v-07e0d29e] {
    flex-grow: 1;
    width: 0;
    background-color: transparent;
    border: none;
    outline: none;
    color: #ffe5a3!important;
    font-size: 1.2rem;
    padding: 0 1rem 0 1rem
}

.calendar-picker-root .vc .wrap .input[data-v-07e0d29e]::-webkit-input-placeholder {
    color: rgba(255,229,163,.5)!important
}

.calendar-picker-root .vc .wrap .input[data-v-07e0d29e]::-moz-placeholder {
    color: rgba(255,229,163,.5)!important
}

.calendar-picker-root .vc .wrap .input[data-v-07e0d29e]:-ms-input-placeholder {
    color: rgba(255,229,163,.5)!important
}

.calendar-picker-root .vc .wrap .input[data-v-07e0d29e]:-moz-placeholder {
    color: rgba(255,229,163,.5)!important
}

.calendar-picker-root .vc .wrap .icon[data-v-07e0d29e] {
    position: absolute;
    display: flex;
    justify-content: center;
    font-size: 1.8rem;
    color: #ffe5a3!important;
    right: .5em;
    pointer-events: none
}

.vc-popover-content-wrapper {
    --popover-horizontal-content-offset: 0.5rem!important;
    --popover-vertical-content-offset: 0.625rem!important;
    --popover-slide-translation: 0.9375rem!important;
    --popover-caret-horizontal-offset: 1.125rem!important;
    --popover-caret-vertical-offset: 0.5rem!important;
    transform: translateY(3rem)!important
}

.vc-popover-content-wrapper .vc-container {
    --text-xs: 1rem!important;
    --text-sm: 1.4rem!important;
    --text-base: 0.0625rem!important;
    --text-lg: 1.8rem!important
}

.vc-popover-content-wrapper .vc-container .vc-popover-caret {
    content: "";
    width: .75rem;
    height: .75rem
}

.vc-popover-content-wrapper .vc-container .vc-header {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .625rem 1.125rem .625rem 1.125rem!important
}

.vc-popover-content-wrapper .vc-container .vc-weeks {
    display: grid;
    grid-template-columns: repeat(7,1fr);
    position: relative;
    -webkit-overflow-scrolling: touch;
    padding: .3125rem!important;
    min-width: 15.625rem!important
}

.vc-popover-content-wrapper .vc-container .vc-weeks .vc-weekday {
    text-align: center;
    color: var(--gray-500);
    font-size: var(--text-sm);
    font-weight: var(--font-bold);
    line-height: .875rem!important;
    padding-top: .25rem!important;
    padding-bottom: .5rem!important;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.vc-popover-content-wrapper .vc-container .vc-weeks .vc-day {
    min-height: 3rem!important
}

.vc-popover-content-wrapper .vc-container .vc-weeks .vc-day .vc-day-content {
    width: 3rem!important;
    height: 3rem!important;
    line-height: 3rem!important
}

.vc-popover-content-wrapper .vc-container .vc-arrows-container {
    padding: .5rem .625rem!important
}

.vc-popover-content-wrapper .vc-container .vc-arrows-container svg {
    width: 3rem;
    height: 3rem
}

.vc-popover-content-wrapper .vc-container .vc-pane {
    min-width: 15.625rem!important
}

.vc-popover-content-wrapper .vc-container .vc-title {
    line-height: 3rem!important
}

.history-view-root[data-v-3f84fb12] {
    background-color: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center
}

.history-view-root .content[data-v-3f84fb12] {
    width: 114rem;
    height: 50rem;
    background-color: #15130e;
    border: .0625rem solid #897152;
    overflow: hidden;
    font-size: 1.9rem
}

.history-view-root .content.desktop[data-v-3f84fb12] {
    width: 25rem
}

.history-view-root .content>div[data-v-3f84fb12] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column
}

.history-view-root .content>div .title[data-v-3f84fb12] {
    height: 4rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 .9375rem;
    color: #e0c98f;
    font-size: 1.5rem;
    width: 100%
}

.history-view-root .content>div .title .icon-close[data-v-3f84fb12] {
    color: #d3bc86;
    font-size: 1.5rem
}

.history-view-root .content>div .dialog-body[data-v-3f84fb12] {
    flex-grow: 1;
    height: 0;
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    overflow-x: auto;
    background-color: #2e2e2e
}

.history-view-root .content>div .dialog-body .form[data-v-3f84fb12] {
    height: 4rem;
    width: 100%!important;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box
}

.history-view-root .content>div .dialog-body .form .field[data-v-3f84fb12] {
    display: flex;
    height: 100%;
    align-items: center;
    color: #e0c98f;
    font-size: 1.2rem
}

.history-view-root .content>div .dialog-body .form .field.end-date[data-v-3f84fb12],.history-view-root .content>div .dialog-body .form .field.start-date[data-v-3f84fb12] {
    margin-left: 2rem
}

.history-view-root .content>div .dialog-body .form .field .calendar-picker[data-v-3f84fb12] {
    margin-left: 1rem;
    width: 17rem;
    height: 3rem
}

.history-view-root .content>div .dialog-body .form .btn-search[data-v-3f84fb12] {
    width: 9rem;
    height: 2.5rem;
    background-color: #e0c98f;
    border-radius: .125rem;
    margin-left: 12rem;
    font-size: 1.2rem;
    font-weight: 400;
    font-stretch: normal;
    letter-spacing: 0;
    color: #5b5536;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.history-view-root .content>div .dialog-body .table-wrap[data-v-3f84fb12] {
    overflow: auto;
    flex-grow: 1;
    height: 0;
    min-width: 100%;
    background-color: #15130e
}

.history-view-root .content>div .dialog-body .table-wrap[data-v-3f84fb12]::-webkit-scrollbar {
    width: 1rem
}

.history-view-root .content>div .dialog-body .table-wrap[data-v-3f84fb12]::-webkit-scrollbar-track {
    border-radius: .15625rem;
    border: .3125rem solid transparent
}

.history-view-root .content>div .dialog-body .table-wrap[data-v-3f84fb12]::-webkit-scrollbar-thumb {
    background: rgba(86,63,30,.4392156862745098);
    border-radius: .15625rem;
    background-color: #72674b;
    border: .3125rem solid #141003
}

.history-view-root .content>div .dialog-body .table-wrap[data-v-3f84fb12]::-webkit-scrollbar-thumb:hover {
    background: #563f1e;
    border-radius: .15625rem
}

.history-view-root .content>div .dialog-body .table-wrap .table[data-v-3f84fb12] {
    overflow: auto;
    border-collapse: collapse;
    width: 100%;
    font-size: 1.2rem
}

.history-view-root .content>div .dialog-body .table-wrap .table thead tr[data-v-3f84fb12] {
    color: #e0c98f;
    height: 4rem
}

.history-view-root .content>div .dialog-body .table-wrap .table thead tr th[data-v-3f84fb12] {
    position: sticky;
    text-align: center;
    background-color: #000;
    top: 0;
    z-index: 1;
    min-width: 10rem;
    border: 1px solid rgba(255,229,163,.3)
}

.history-view-root .content>div .dialog-body .table-wrap .table tbody tr[data-v-3f84fb12] {
    color: #f7f8f8
}

.history-view-root .content>div .dialog-body .table-wrap .table tbody tr .no-record[data-v-3f84fb12] {
    color: rgba(224,201,143,.361);
    font-size: 1.8rem;
    padding: 2em;
    border: none
}

.history-view-root .content>div .dialog-body .table-wrap .table tbody tr td[data-v-3f84fb12] {
    padding: .5em .5em;
    text-align: center;
    border: 1px solid rgba(255,229,163,.3)
}

.history-view-root .content>div .dialog-body .table-wrap .table tbody tr td .btn[data-v-3f84fb12] {
    display: inline-flex;
    background-color: #e0c98f;
    border: .0625rem solid #897152;
    align-items: center;
    justify-content: center;
    border-radius: .3125rem;
    font-size: 1.2rem;
    font-weight: 400;
    font-stretch: normal;
    letter-spacing: 0;
    color: #5b5536;
    height: 3rem;
    width: 5rem
}

.history-view-root.mobile .content[data-v-3f84fb12] {
    width: 100%;
    height: 100%
}

.history-view-root.mobile .content .dialog-body .form .field>span[data-v-3f84fb12] {
    display: none;
    margin: 0!important;
    width: 0!important
}

.history-view-root.mobile .content .dialog-body .form .field.end-date[data-v-3f84fb12],.history-view-root.mobile .content .dialog-body .form .field.start-date[data-v-3f84fb12] {
    margin-left: .1875rem!important
}

.history-view-root.mobile .content .dialog-body .form .field .calendar-picker[data-v-3f84fb12] {
    margin-left: 0!important;
    width: 11rem!important
}

.history-view-root.mobile .content .dialog-body .form .btn-search[data-v-3f84fb12] {
    margin-left: .1875rem!important
}

.history-view-root.mobile .content .dialog-body .mobile-list[data-v-3f84fb12] {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: auto
}

.history-view-root.mobile .content .dialog-body .mobile-list .no-data[data-v-3f84fb12] {
    position: absolute;
    width: 80%;
    height: 10%;
    top: 3rem;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(224,201,143,.361);
    font-size: 1rem;
    background-color: #303030;
    border-radius: .5rem;
    border: .0625rem solid #444
}

.history-view-root.mobile .content .dialog-body .mobile-list .wrap[data-v-3f84fb12] {
    position: absolute;
    top: .3125rem;
    left: .3125rem;
    bottom: .3125rem;
    right: .3125rem;
    width: calc(100% - .625rem);
    height: calc(100% - .625rem);
    overflow: hidden;
    overflow-y: auto
}

.history-view-root.mobile .content .dialog-body .mobile-list .wrap .logs[data-v-3f84fb12] {
    border-radius: .5rem;
    background-color: #303030;
    width: 100%;
    border: .0625rem solid #15130e;
    border-collapse: collapse;
    overflow: hidden
}

.history-view-root.mobile .content .dialog-body .mobile-list .wrap .logs[data-v-3f84fb12]:not(:first-child) {
    margin-top: .3125rem
}

.history-view-root.mobile .content .dialog-body .mobile-list .wrap .logs tr>td[data-v-3f84fb12] {
    border: .0625rem solid #444;
    padding: .625rem 0;
    border-radius: .5rem;
    font-size: 1rem;
    text-align: center
}

.history-view-root.mobile .content .dialog-body .mobile-list .wrap .logs tr>td[data-v-3f84fb12]:first-child {
    width: 7rem;
    color: #e0c98f
}

.history-view-root.mobile .content .dialog-body .mobile-list .wrap .logs tr>td[data-v-3f84fb12]:last-child {
    color: #f7f8f8
}

.history-view-root.mobile .content .dialog-body .mobile-list .wrap .logs tr>td .button[data-v-3f84fb12] {
    width: 4rem;
    height: 2rem;
    background-color: #e0c98f;
    border-radius: .3125rem;
    border: none;
    outline: none;
    color: #5b5536;
    font-size: 1rem
}

@media (orientation: landscape) and (max-width:480px) {
    .history-view-root.mobile .content[data-v-3f84fb12] {
        width:100%;
        height: 100%
    }

    .history-view-root.mobile .content .dialog-body .form .field>span[data-v-3f84fb12] {
        display: none;
        margin: 0!important;
        width: 0!important
    }

    .history-view-root.mobile .content .dialog-body .form .field.end-date[data-v-3f84fb12],.history-view-root.mobile .content .dialog-body .form .field.start-date[data-v-3f84fb12] {
        margin-left: 10px!important
    }

    .history-view-root.mobile .content .dialog-body .form .field .calendar-picker[data-v-3f84fb12] {
        margin-left: 0!important;
        width: 120px!important
    }

    .history-view-root.mobile .content .dialog-body .form .btn-search[data-v-3f84fb12] {
        margin-left: 10px!important
    }

    .history-view-root.mobile .content .dialog-body .table-wrap .table[data-v-3f84fb12] {
        font-size: 12px
    }

    .history-view-root.mobile .content .dialog-body .table-wrap .table tr th[data-v-3f84fb12] {
        min-width: 0
    }
}

@media (orientation: landscape) and (min-width:481px) and (max-width:568px) {
    .history-view-root.mobile .content[data-v-3f84fb12] {
        width:100%;
        height: 100%
    }

    .history-view-root.mobile .content .dialog-body .form .field>span[data-v-3f84fb12] {
        display: none;
        margin: 0!important;
        width: 0!important
    }

    .history-view-root.mobile .content .dialog-body .form .field.end-date[data-v-3f84fb12],.history-view-root.mobile .content .dialog-body .form .field.start-date[data-v-3f84fb12] {
        margin-left: 10px!important
    }

    .history-view-root.mobile .content .dialog-body .form .field .calendar-picker[data-v-3f84fb12] {
        margin-left: 0!important;
        width: 120px!important
    }

    .history-view-root.mobile .content .dialog-body .form .btn-search[data-v-3f84fb12] {
        margin-left: 10px!important
    }

    .history-view-root.mobile .content .dialog-body .table-wrap .table[data-v-3f84fb12] {
        font-size: 12px
    }

    .history-view-root.mobile .content .dialog-body .table-wrap .table tr th[data-v-3f84fb12] {
        min-width: 0
    }
}

@media (orientation: landscape) and (min-width:569px) and (max-width:640px) {
    .history-view-root.mobile .content[data-v-3f84fb12] {
        width:100%;
        height: 100%
    }

    .history-view-root.mobile .content .dialog-body .form .field>span[data-v-3f84fb12] {
        display: none;
        margin: 0!important;
        width: 0!important
    }

    .history-view-root.mobile .content .dialog-body .form .field.end-date[data-v-3f84fb12],.history-view-root.mobile .content .dialog-body .form .field.start-date[data-v-3f84fb12] {
        margin-left: 10px!important
    }

    .history-view-root.mobile .content .dialog-body .form .field .calendar-picker[data-v-3f84fb12] {
        margin-left: 0!important;
        width: 120px!important
    }

    .history-view-root.mobile .content .dialog-body .form .btn-search[data-v-3f84fb12] {
        margin-left: 10px!important
    }

    .history-view-root.mobile .content .dialog-body .table-wrap .table[data-v-3f84fb12] {
        font-size: 12px
    }

    .history-view-root.mobile .content .dialog-body .table-wrap .table tr th[data-v-3f84fb12] {
        min-width: 0
    }
}

@media (orientation: landscape) and (min-width:641px) and (max-width:667px) {
    .history-view-root.mobile .content[data-v-3f84fb12] {
        width:100%;
        height: 100%
    }

    .history-view-root.mobile .content .dialog-body .form .field>span[data-v-3f84fb12] {
        display: none;
        margin: 0!important;
        width: 0!important
    }

    .history-view-root.mobile .content .dialog-body .form .field.end-date[data-v-3f84fb12],.history-view-root.mobile .content .dialog-body .form .field.start-date[data-v-3f84fb12] {
        margin-left: 10px!important
    }

    .history-view-root.mobile .content .dialog-body .form .field .calendar-picker[data-v-3f84fb12] {
        margin-left: 0!important;
        width: 120px!important
    }

    .history-view-root.mobile .content .dialog-body .form .btn-search[data-v-3f84fb12] {
        margin-left: 10px!important
    }

    .history-view-root.mobile .content .dialog-body .table-wrap .table[data-v-3f84fb12] {
        font-size: 10px
    }

    .history-view-root.mobile .content .dialog-body .table-wrap .table tr th[data-v-3f84fb12] {
        min-width: 0;
        white-space: nowrap
    }

    .history-view-root.mobile .content .dialog-body .table-wrap .table tr td[data-v-3f84fb12] {
        white-space: normal;
        max-width: 10px
    }
}

@media (orientation: landscape) and (min-width:668px) and (max-width:780px) {
    .history-view-root.mobile .content[data-v-3f84fb12] {
        width:100%;
        height: 100%
    }

    .history-view-root.mobile .content .dialog-body .form .field>span[data-v-3f84fb12] {
        display: none;
        margin: 0!important;
        width: 0!important
    }

    .history-view-root.mobile .content .dialog-body .form .field.end-date[data-v-3f84fb12],.history-view-root.mobile .content .dialog-body .form .field.start-date[data-v-3f84fb12] {
        margin-left: 10px!important
    }

    .history-view-root.mobile .content .dialog-body .form .field .calendar-picker[data-v-3f84fb12] {
        margin-left: 0!important;
        width: 120px!important
    }

    .history-view-root.mobile .content .dialog-body .form .btn-search[data-v-3f84fb12] {
        margin-left: 10px!important
    }

    .history-view-root.mobile .content .dialog-body .table-wrap .table[data-v-3f84fb12] {
        font-size: 10px
    }

    .history-view-root.mobile .content .dialog-body .table-wrap .table tr th[data-v-3f84fb12] {
        min-width: 0
    }
}

@media (orientation: landscape) and (min-width:781px) and (max-width:846px) {
    .history-view-root.mobile .content[data-v-3f84fb12] {
        width:100%;
        height: 100%
    }

    .history-view-root.mobile .content .dialog-body .form .field>span[data-v-3f84fb12] {
        display: none;
        margin: 0!important;
        width: 0!important
    }

    .history-view-root.mobile .content .dialog-body .form .field.end-date[data-v-3f84fb12],.history-view-root.mobile .content .dialog-body .form .field.start-date[data-v-3f84fb12] {
        margin-left: 10px!important
    }

    .history-view-root.mobile .content .dialog-body .form .field .calendar-picker[data-v-3f84fb12] {
        margin-left: 0!important;
        width: 120px!important
    }

    .history-view-root.mobile .content .dialog-body .form .btn-search[data-v-3f84fb12] {
        margin-left: 10px!important
    }

    .history-view-root.mobile .content .dialog-body .table-wrap .table[data-v-3f84fb12] {
        font-size: 12px
    }

    .history-view-root.mobile .content .dialog-body .table-wrap .table tr th[data-v-3f84fb12] {
        min-width: 0
    }
}

@media (orientation: landscape) and (min-width:847px) and (max-width:1024px) {
    .history-view-root.mobile .content[data-v-3f84fb12] {
        width:100%;
        height: 100%
    }

    .history-view-root.mobile .content .dialog-body .form .field>span[data-v-3f84fb12] {
        display: none;
        margin: 0!important;
        width: 0!important
    }

    .history-view-root.mobile .content .dialog-body .form .field.end-date[data-v-3f84fb12],.history-view-root.mobile .content .dialog-body .form .field.start-date[data-v-3f84fb12] {
        margin-left: 10px!important
    }

    .history-view-root.mobile .content .dialog-body .form .field .calendar-picker[data-v-3f84fb12] {
        margin-left: 0!important;
        width: 190px!important
    }

    .history-view-root.mobile .content .dialog-body .form .btn-search[data-v-3f84fb12] {
        margin-left: 10px!important
    }

    .history-view-root.mobile .content .dialog-body .table-wrap .table[data-v-3f84fb12] {
        font-size: 9px
    }

    .history-view-root.mobile .content .dialog-body .table-wrap .table tr th[data-v-3f84fb12] {
        min-width: 50px
    }
}

@media (orientation: landscape) and (min-width:1025px) and (max-width:1280px) {
    .history-view-root.mobile .content[data-v-3f84fb12] {
        width:100%;
        height: 100%
    }

    .history-view-root.mobile .content .dialog-body .form .field>span[data-v-3f84fb12] {
        display: none;
        margin: 0!important;
        width: 0!important
    }

    .history-view-root.mobile .content .dialog-body .form .field.end-date[data-v-3f84fb12],.history-view-root.mobile .content .dialog-body .form .field.start-date[data-v-3f84fb12] {
        margin-left: 10px!important
    }

    .history-view-root.mobile .content .dialog-body .form .field .calendar-picker[data-v-3f84fb12] {
        margin-left: 0!important;
        width: 190px!important
    }

    .history-view-root.mobile .content .dialog-body .form .btn-search[data-v-3f84fb12] {
        margin-left: 10px!important
    }

    .history-view-root.mobile .content .dialog-body .table-wrap .table[data-v-3f84fb12] {
        font-size: 20px
    }

    .history-view-root.mobile .content .dialog-body .table-wrap .table tr th[data-v-3f84fb12] {
        min-width: 0
    }
}

@media (orientation: landscape) and (min-width:1281px) {
    .history-view-root.mobile .content[data-v-3f84fb12] {
        width:100%;
        height: 100%
    }

    .history-view-root.mobile .content .dialog-body .form .field>span[data-v-3f84fb12] {
        display: none;
        margin: 0!important;
        width: 0!important
    }

    .history-view-root.mobile .content .dialog-body .form .field.end-date[data-v-3f84fb12],.history-view-root.mobile .content .dialog-body .form .field.start-date[data-v-3f84fb12] {
        margin-left: 10px!important
    }

    .history-view-root.mobile .content .dialog-body .form .field .calendar-picker[data-v-3f84fb12] {
        margin-left: 0!important;
        width: 190px!important
    }

    .history-view-root.mobile .content .dialog-body .form .btn-search[data-v-3f84fb12] {
        margin-left: 10px!important
    }

    .history-view-root.mobile .content .dialog-body .table-wrap .table[data-v-3f84fb12] {
        font-size: 20px
    }

    .history-view-root.mobile .content .dialog-body .table-wrap .table tr th[data-v-3f84fb12] {
        min-width: 0
    }
}

.switch-root[data-v-6e4817e6] {
    width: 100%;
    overflow: hidden
}

.switch-root .title[data-v-6e4817e6] {
    display: inline-flex;
    font-size: 1.2rem;
    font-weight: 400;
    margin-bottom: .3125rem;
    clear: both;
    color: #ddc28c;
    align-items: center
}

.switch-root .title .icon[data-v-6e4817e6] {
    font-size: 2rem;
    height: 2rem;
    width: 2rem;
    margin-right: .5rem;
    display: inline-flex
}

.switch-root .switch[data-v-6e4817e6] {
    width: 3rem;
    float: right;
    margin: 0 0;
    border: .0625rem solid #c1a668;
    border-radius: 4.5rem;
    height: 1.5rem;
    overflow: hidden;
    position: relative
}

.switch-root .switch label[data-v-6e4817e6] {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 1.5rem;
    border-radius: 2.25rem
}

.switch-root .switch label input[type=checkbox][data-v-6e4817e6] {
    all: unset;
    visibility: hidden
}

.switch-root .switch label input[type=checkbox][data-v-6e4817e6]:before {
    visibility: visible;
    content: "";
    display: block;
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 50%;
    position: absolute;
    top: 0;
    transition: all .3s ease
}

.switch-root .switch label input[type=checkbox][data-v-6e4817e6]:checked:before {
    background: #77be7d;
    left: .02rem;
    top: .02rem
}

.switch-root .switch label input[type=checkbox][data-v-6e4817e6]:not(:checked):before {
    background: grey;
    left: 1.6rem;
    top: .02rem
}

.mobile-d .switch-root .title[data-v-6e4817e6] {
    font-size: 1.2rem;
    margin-bottom: .3125rem
}

.mobile-d .switch-root .title .icon[data-v-6e4817e6] {
    font-size: 1.5rem;
    height: 2rem;
    width: 2rem;
    margin-right: .5rem;
    padding-top: .25rem
}

.mobile-d .switch-root .switch[data-v-6e4817e6] {
    margin-top: .3rem
}

@media (orientation: portrait) and (min-width:415px) and (max-width:600px) {
    .switch-root .title[data-v-6e4817e6] {
        font-size:.9rem;
        margin-bottom: .375rem;
        line-height: 3.45rem
    }

    .switch-root .switch[data-v-6e4817e6] {
        width: 2.625rem;
        margin: .75rem 0;
        border: .075rem solid #c1a668;
        border-radius: 2.7rem;
        height: 1.725rem
    }

    .switch-root .switch label[data-v-6e4817e6] {
        height: 1.5rem;
        border-radius: 2.7rem
    }

    .switch-root .switch label input[type=checkbox][data-v-6e4817e6]:before {
        width: 1.125rem;
        height: 1.125rem;
        top: .225rem
    }

    .switch-root .switch label input[type=checkbox][data-v-6e4817e6]:checked:before {
        left: 1.125rem
    }

    .switch-root .switch label input[type=checkbox][data-v-6e4817e6]:not(:checked):before {
        left: .1875rem
    }
}

@media (orientation: portrait) and (min-width:601px) and (max-width:767px) {
    .switch-root .title[data-v-6e4817e6] {
        font-size:1.05rem;
        margin-bottom: .4375rem;
        line-height: 4.025rem
    }

    .switch-root .switch[data-v-6e4817e6] {
        width: 3.0625rem;
        margin: .875rem 0;
        border: .0875rem solid #c1a668;
        border-radius: 3.15rem;
        height: 2.0125rem
    }

    .switch-root .switch label[data-v-6e4817e6] {
        height: 1.7rem;
        border-radius: 3.15rem
    }

    .switch-root .switch label input[type=checkbox][data-v-6e4817e6]:before {
        width: 1.3125rem;
        height: 1.3125rem;
        top: .2625rem
    }

    .switch-root .switch label input[type=checkbox][data-v-6e4817e6]:checked:before {
        left: 1.3125rem
    }

    .switch-root .switch label input[type=checkbox][data-v-6e4817e6]:not(:checked):before {
        left: .21875rem
    }
}

@media (orientation: portrait) and (min-width:768px) and (max-width:799px) {
    .switch-root .title[data-v-6e4817e6] {
        font-size:1.2rem;
        margin-bottom: .5rem;
        line-height: 4.6rem
    }

    .switch-root .switch[data-v-6e4817e6] {
        width: 3.5rem;
        margin: 1rem 0;
        border: .1rem solid #c1a668;
        border-radius: 3.6rem;
        height: 2.3rem
    }

    .switch-root .switch label[data-v-6e4817e6] {
        height: 2rem;
        border-radius: 3.6rem
    }

    .switch-root .switch label input[type=checkbox][data-v-6e4817e6]:before {
        width: 1.5rem;
        height: 1.5rem;
        top: .3rem
    }

    .switch-root .switch label input[type=checkbox][data-v-6e4817e6]:checked:before {
        left: 1.5rem
    }

    .switch-root .switch label input[type=checkbox][data-v-6e4817e6]:not(:checked):before {
        left: .25rem
    }
}

@media (orientation: portrait) and (min-width:800px) and (max-width:1023px) {
    .switch-root .title[data-v-6e4817e6] {
        font-size:1.35rem;
        margin-bottom: .5625rem;
        line-height: 5.175rem
    }

    .switch-root .switch[data-v-6e4817e6] {
        width: 3.9375rem;
        margin: 1.125rem 0;
        border: .1125rem solid #c1a668;
        border-radius: 4.05rem;
        height: 2.5875rem
    }

    .switch-root .switch label[data-v-6e4817e6] {
        height: 2.25rem;
        border-radius: 4.05rem
    }

    .switch-root .switch label input[type=checkbox][data-v-6e4817e6]:before {
        width: 1.6875rem;
        height: 1.6875rem;
        top: .3375rem
    }

    .switch-root .switch label input[type=checkbox][data-v-6e4817e6]:checked:before {
        left: 1.6875rem
    }

    .switch-root .switch label input[type=checkbox][data-v-6e4817e6]:not(:checked):before {
        left: .28125rem
    }
}

@media (orientation: portrait) and (min-width:1024px) {
    .switch-root .title[data-v-6e4817e6] {
        font-size:1.5rem;
        margin-bottom: .625rem;
        line-height: 5.75rem
    }

    .switch-root .switch[data-v-6e4817e6] {
        width: 4.375rem;
        margin: 1.25rem 0;
        border: .125rem solid #c1a668;
        border-radius: 4.5rem;
        height: 2.75rem
    }

    .switch-root .switch label[data-v-6e4817e6] {
        height: 2.5rem;
        border-radius: 4.5rem
    }

    .switch-root .switch label input[type=checkbox][data-v-6e4817e6]:before {
        width: 1.875rem;
        height: 1.875rem;
        top: .375rem
    }

    .switch-root .switch label input[type=checkbox][data-v-6e4817e6]:checked:before {
        left: 1.875rem
    }

    .switch-root .switch label input[type=checkbox][data-v-6e4817e6]:not(:checked):before {
        left: .3125rem
    }
}

.setting-dialog-view-root .wrap {
    width: 18rem;
    margin-top: 4.3125rem
}

.setting-dialog-view-root .wrap .menu-item {
    display: flex;
    align-items: center;
    white-space: nowrap
}

.setting-dialog-view-root .wrap .menu-item .icon {
    font-size: 2rem;
    height: 2rem;
    width: 2rem;
    margin-right: .5rem;
    display: inline-flex
}

@media (orientation: portrait) and (min-width:415px) and (max-width:600px) {
    .setting-dialog-view-root {
        width:15rem
    }

    .setting-dialog-view-root .menu-item,.setting-dialog-view-root .switch-control {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .setting-dialog-view-root .menu-item {
        font-size: .9rem;
        margin-bottom: .375rem;
        line-height: 3.45rem
    }
}

@media (orientation: portrait) and (min-width:601px) and (max-width:767px) {
    .setting-dialog-view-root {
        width:17.5rem
    }

    .setting-dialog-view-root .menu-item,.setting-dialog-view-root .switch-control {
        padding-left: 1.75rem;
        padding-right: 1.75rem
    }

    .setting-dialog-view-root .menu-item {
        font-size: 1.05rem;
        margin-bottom: .4375rem;
        line-height: 4.025rem
    }
}

@media (orientation: portrait) and (min-width:768px) and (max-width:799px) {
    .setting-dialog-view-root {
        width:20rem
    }

    .setting-dialog-view-root .menu-item,.setting-dialog-view-root .switch-control {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .setting-dialog-view-root .menu-item {
        font-size: 1.2rem;
        margin-bottom: .5rem;
        line-height: 4.6rem
    }
}

@media (orientation: portrait) and (min-width:800px) and (max-width:1023px) {
    .setting-dialog-view-root {
        width:22.5rem
    }

    .setting-dialog-view-root .menu-item,.setting-dialog-view-root .switch-control {
        padding-left: 2.25rem;
        padding-right: 2.25rem
    }

    .setting-dialog-view-root .menu-item {
        font-size: 1.35rem;
        margin-bottom: .5625rem;
        line-height: 5.175rem
    }
}

@media (orientation: portrait) and (min-width:1024px) {
    .setting-dialog-view-root {
        width:25rem
    }

    .setting-dialog-view-root .menu-item,.setting-dialog-view-root .switch-control {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .setting-dialog-view-root .menu-item {
        font-size: 1.5rem;
        margin-bottom: .625rem;
        line-height: 5.75rem
    }
}

.change-pass-view-root[data-v-1607e2b8] {
    background-color: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center
}

.change-pass-view-root .content[data-v-1607e2b8] {
    width: 60%;
    height: 20rem;
    background-color: #15130e;
    border: .0625rem solid #897152;
    display: flex;
    flex-direction: column;
    font-size: 1rem
}

.change-pass-view-root .content.desktop[data-v-1607e2b8] {
    width: 50rem!important;
    height: 28rem
}

.change-pass-view-root .content.desktop .title[data-v-1607e2b8] {
    height: 4rem;
    padding: 0 .9375rem;
    font-size: 1.5rem;
    width: 100%
}

.change-pass-view-root .content.desktop .title .icon-close[data-v-1607e2b8] {
    font-size: 1.5rem
}

.change-pass-view-root .content.desktop .dialog-body[data-v-1607e2b8] {
    flex-grow: 1;
    height: 0;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column
}

.change-pass-view-root .content.desktop .dialog-body .field[data-v-1607e2b8] {
    width: 40rem;
    height: 3rem;
    margin-top: 2rem
}

.change-pass-view-root .content.desktop .dialog-body .field span[data-v-1607e2b8] {
    font-size: 1.2rem
}

.change-pass-view-root .content.desktop .dialog-body .field input[data-v-1607e2b8] {
    width: 30rem;
    font-size: 1.2rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border: .0625rem solid rgba(137,113,82,.5);
    outline: none
}

.change-pass-view-root .content.desktop .dialog-body .btn[data-v-1607e2b8] {
    width: 10rem;
    height: 3rem;
    margin-top: 1rem;
    font-size: 1.2rem
}

.change-pass-view-root .content.desktop .dialog-body .error[data-v-1607e2b8] {
    height: 2rem;
    margin-top: 1rem;
    font-size: 1.2rem
}

.change-pass-view-root .content .title[data-v-1607e2b8] {
    height: 3rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 .9375rem;
    color: #e0c98f;
    font-size: 1.2rem;
    width: 100%
}

.change-pass-view-root .content .title .icon-close[data-v-1607e2b8] {
    color: #d3bc86;
    font-size: 1.2rem
}

.change-pass-view-root .content .dialog-body[data-v-1607e2b8] {
    flex-grow: 1;
    height: 0;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column
}

.change-pass-view-root .content .dialog-body .field[data-v-1607e2b8] {
    width: 80%;
    height: 2rem;
    display: flex;
    flex-direction: row;
    margin-top: 1.3rem
}

.change-pass-view-root .content .dialog-body .field span[data-v-1607e2b8] {
    color: #e0c98f;
    flex-grow: 1;
    height: 100%;
    width: 0;
    display: flex;
    align-items: center
}

.change-pass-view-root .content .dialog-body .field input[data-v-1607e2b8] {
    width: 75%;
    height: 100%;
    background-color: #2f2f2f;
    border: none;
    padding: 0 .0625rem;
    font-size: 1rem;
    color: #e0c98f;
    padding-left: .3125rem;
    padding-right: .3125rem
}

.change-pass-view-root .content .dialog-body .btn[data-v-1607e2b8] {
    width: 7rem;
    height: 2rem;
    background-color: #e0c98f;
    border-radius: 0;
    color: #5b5536;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .3125rem;
    cursor: pointer
}

.change-pass-view-root .content .dialog-body .error[data-v-1607e2b8] {
    color: red;
    height: 2rem;
    display: flex;
    align-items: center;
    margin-top: .3125rem
}

.d-list-item-root[data-v-22639031] {
    background-color: rgba(0,0,0,.3)!important;
    padding: 1rem;
    display: flex;
    flex-direction: column
}

.d-list-item-root .item-header[data-v-22639031] {
    font-size: 1.1rem;
    font-weight: 400;
    font-stretch: normal;
    letter-spacing: 0;
    color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.d-list-item-root .line[data-v-22639031] {
    height: .4rem;
    border: .0625rem solid #9b895b;
    width: 100%;
    margin-top: .5rem
}

.d-list-item-root .content[data-v-22639031] {
    flex-grow: 1;
    height: 0;
    width: 100%;
    margin-top: .5rem;
    position: relative;
    overflow: hidden;
    background-image: url(../img/img3.921f9963.png);
    background-size: 100% 80%;
    background-repeat: no-repeat;
    background-position: 50%
}

.d-list-item-root .content .limit-pop[data-v-22639031] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff
}

.d-list-item-root .content .limit-pop .limit-pop-content[data-v-22639031] {
    display: flex;
    width: 100%;
    height: 100%;
    background-color: #110c03
}

.d-list-item-root .content .limit-pop .limit-pop-content .limit-pop-head[data-v-22639031] {
    width: 15%;
    height: 100%;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-size: 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: .625rem
}

.d-list-item-root .content .limit-pop .limit-pop-content .limit-pop-list[data-v-22639031] {
    flex-grow: 1;
    height: 100%;
    display: flex;
    border-left: .0625rem solid hsla(0,0%,100%,.2);
    flex-direction: column
}

.d-list-item-root .content .limit-pop .limit-pop-content .limit-pop-list .limit-pop-list-item[data-v-22639031] {
    display: flex;
    width: 100%;
    height: 33.33333%;
    font-size: 1.2rem;
    justify-content: space-evenly
}

.d-list-item-root .content .limit-pop .limit-pop-content .limit-pop-list .limit-pop-list-item[data-v-22639031]:hover {
    background-color: hsla(0,0%,100%,.1)
}

.d-list-item-root .content .limit-pop .limit-pop-content .limit-pop-list .limit-pop-list-item span[data-v-22639031] {
    text-align: left;
    height: 100%;
    display: flex;
    align-items: center;
    width: 50%
}

.d-list-item-root .content .limit-pop .limit-pop-content .limit-pop-list .limit-pop-list-item span[data-v-22639031]:first-child {
    padding-left: 2rem
}

.change-pass-view-root[data-v-4964c8bd] {
    background-color: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center
}

.change-pass-view-root .content[data-v-4964c8bd] {
    width: 60%;
    height: 20rem;
    background-color: #15130e;
    border: .0625rem solid #897152;
    display: flex;
    flex-direction: column;
    font-size: 1rem
}

.change-pass-view-root .content.desktop[data-v-4964c8bd] {
    width: 50rem!important;
    height: 28rem
}

.change-pass-view-root .content.desktop .title[data-v-4964c8bd] {
    height: 4rem;
    padding: 0 .9375rem;
    font-size: 1.5rem;
    width: 100%
}

.change-pass-view-root .content.desktop .title .icon-close[data-v-4964c8bd] {
    font-size: 1.5rem
}

.change-pass-view-root .content.desktop .dialog-body[data-v-4964c8bd] {
    flex-grow: 1;
    height: 0;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column
}

.change-pass-view-root .content.desktop .dialog-body .field[data-v-4964c8bd] {
    width: 40rem;
    height: 3rem;
    margin-top: 2rem
}

.change-pass-view-root .content.desktop .dialog-body .field span[data-v-4964c8bd] {
    font-size: 1.2rem
}

.change-pass-view-root .content.desktop .dialog-body .field input[data-v-4964c8bd] {
    width: 30rem;
    font-size: 1.2rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border: .0625rem solid rgba(137,113,82,.5);
    outline: none
}

.change-pass-view-root .content.desktop .dialog-body .btn[data-v-4964c8bd] {
    width: 10rem;
    height: 3rem;
    margin-top: 1rem;
    font-size: 1.2rem
}

.change-pass-view-root .content.desktop .dialog-body .error[data-v-4964c8bd] {
    height: 2rem;
    margin-top: 1rem;
    font-size: 1.2rem
}

.change-pass-view-root .content .title[data-v-4964c8bd] {
    height: 3rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 .9375rem;
    color: #e0c98f;
    font-size: 1.2rem;
    width: 100%
}

.change-pass-view-root .content .title .icon-close[data-v-4964c8bd] {
    color: #d3bc86;
    font-size: 1.2rem
}

.change-pass-view-root .content .dialog-body[data-v-4964c8bd] {
    flex-grow: 1;
    height: 0;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column
}

.change-pass-view-root .content .dialog-body .field[data-v-4964c8bd] {
    width: 80%;
    height: 2rem;
    display: flex;
    flex-direction: row;
    margin-top: 1.3rem
}

.change-pass-view-root .content .dialog-body .field span[data-v-4964c8bd] {
    color: #e0c98f;
    flex-grow: 1;
    height: 100%;
    width: 0;
    display: flex;
    align-items: center
}

.change-pass-view-root .content .dialog-body .field input[data-v-4964c8bd] {
    width: 75%;
    height: 100%;
    background-color: #2f2f2f;
    border: none;
    padding: 0 .0625rem;
    font-size: 1rem;
    color: #e0c98f;
    padding-left: .3125rem;
    padding-right: .3125rem
}

.change-pass-view-root .content .dialog-body .btn[data-v-4964c8bd] {
    width: 7rem;
    height: 2rem;
    background-color: #e0c98f;
    border-radius: 0;
    color: #5b5536;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .3125rem;
    cursor: pointer
}

.change-pass-view-root .content .dialog-body .error[data-v-4964c8bd] {
    color: red;
    height: 2rem;
    display: flex;
    align-items: center;
    margin-top: .3125rem
}

.red-envelop-root[data-v-a5dd2b14] {
    background-color: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center
}

.red-envelop-root .content[data-v-a5dd2b14] {
    background: url(../img/pop_redenvelope.558e9023.png);
    background-size: 100% 100%;
    background-position: 0 0;
    position: relative
}

.red-envelop-root .content.desktop[data-v-a5dd2b14] {
    width: 39rem;
    height: 29rem
}

.red-envelop-root .content.desktop .title[data-v-a5dd2b14] {
    position: absolute;
    max-width: 17rem;
    left: 0;
    right: 0;
    top: 4rem;
    margin: auto;
    bottom: auto;
    font-size: 2rem;
    color: #ae5201;
    text-align: center
}

.red-envelop-root .content.desktop .btn-close[data-v-a5dd2b14] {
    position: absolute;
    height: 4rem;
    width: 4rem;
    border-radius: 4rem;
    left: 37rem;
    top: 6rem;
    background-color: rgba(0,0,0,.5);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.5rem;
    cursor: pointer
}

.red-envelop-root .content.desktop .amount[data-v-a5dd2b14] {
    position: absolute;
    color: #2f1800;
    font-size: 3rem;
    white-space: nowrap;
    left: 0;
    right: 0;
    bottom: 0;
    top: 10rem;
    margin: auto;
    display: flex;
    align-items: flex-start;
    justify-content: center
}

.red-envelop-root .content.desktop .content-info[data-v-a5dd2b14] {
    position: absolute;
    top: 21rem;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 1rem;
    color: #ffc9c9
}

.red-envelop-root .content.desktop .content-info p[data-v-a5dd2b14] {
    margin: 0;
    max-width: 26rem
}

.red-envelop-root .content.desktop .content-info p[data-v-a5dd2b14]:last-child {
    margin-top: 1rem
}

.red-envelop-root .content.phone[data-v-a5dd2b14] {
    transform: scale(1.2);
    width: 22rem;
    height: 16rem
}

.red-envelop-root .content.phone .title[data-v-a5dd2b14] {
    position: absolute;
    max-width: 10rem;
    left: 0;
    right: 0;
    top: 2.3rem;
    margin: auto;
    bottom: auto;
    font-size: 1.1rem;
    color: #ae5201;
    text-align: center
}

.red-envelop-root .content.phone .btn-close[data-v-a5dd2b14] {
    position: absolute;
    height: 3rem;
    width: 3rem;
    border-radius: 3rem;
    left: 21rem;
    top: 3rem;
    background-color: rgba(0,0,0,.5);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.3rem;
    cursor: pointer
}

.red-envelop-root .content.phone .amount[data-v-a5dd2b14] {
    position: absolute;
    color: #2f1800;
    font-size: 2rem;
    white-space: nowrap;
    left: 0;
    right: 0;
    bottom: 0;
    top: 6rem;
    margin: auto;
    display: flex;
    align-items: flex-start;
    justify-content: center
}

.red-envelop-root .content.phone .content-info[data-v-a5dd2b14] {
    position: absolute;
    top: 12rem;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: .9rem;
    color: #ffc9c9
}

.red-envelop-root .content.phone .content-info p[data-v-a5dd2b14] {
    margin: 0;
    max-width: 19rem
}

.red-envelop-root .content.phone .content-info p[data-v-a5dd2b14]:last-child {
    margin-top: .5rem
}

@media (orientation: landscape) {
    .red-envelop-root .content.phone[data-v-a5dd2b14] {
        transform:scale(1.5)
    }
}

.red-envelop-2-root[data-v-4b56f39e] {
    background-color: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center
}

.red-envelop-2-root .content[data-v-4b56f39e] {
    background: url(../img/pop_redenvelope.558e9023.png);
    background-size: 100% 100%;
    background-position: 0 0;
    position: relative
}

.red-envelop-2-root .content.desktop[data-v-4b56f39e] {
    width: 39rem;
    height: 29rem
}

.red-envelop-2-root .content.desktop .title[data-v-4b56f39e] {
    position: absolute;
    max-width: 17rem;
    left: 0;
    right: 0;
    top: 4rem;
    margin: auto;
    bottom: auto;
    font-size: 2rem;
    color: #ae5201;
    text-align: center
}

.red-envelop-2-root .content.desktop .btn-close[data-v-4b56f39e] {
    position: absolute;
    height: 4rem;
    width: 4rem;
    border-radius: 4rem;
    left: 37rem;
    top: 6rem;
    background-color: rgba(0,0,0,.5);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.5rem;
    cursor: pointer
}

.red-envelop-2-root .content.desktop .amount[data-v-4b56f39e] {
    position: absolute;
    color: #2f1800;
    font-size: 3rem;
    white-space: nowrap;
    left: 0;
    right: 0;
    bottom: 0;
    top: 10rem;
    margin: auto;
    display: flex;
    align-items: flex-start;
    justify-content: center
}

.red-envelop-2-root .content.desktop .content-info[data-v-4b56f39e] {
    position: absolute;
    top: 21rem;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 1rem;
    color: #ffc9c9
}

.red-envelop-2-root .content.desktop .content-info p[data-v-4b56f39e] {
    margin: 0;
    max-width: 26rem
}

.red-envelop-2-root .content.desktop .content-info p[data-v-4b56f39e]:last-child {
    margin-top: 1rem
}

.red-envelop-2-root .content.phone[data-v-4b56f39e] {
    transform: scale(1.2);
    width: 22rem;
    height: 16rem
}

.red-envelop-2-root .content.phone .title[data-v-4b56f39e] {
    position: absolute;
    max-width: 10rem;
    left: 0;
    right: 0;
    top: 2.3rem;
    margin: auto;
    bottom: auto;
    font-size: 1.1rem;
    color: #ae5201;
    text-align: center
}

.red-envelop-2-root .content.phone .btn-close[data-v-4b56f39e] {
    position: absolute;
    height: 3rem;
    width: 3rem;
    border-radius: 3rem;
    left: 21rem;
    top: 3rem;
    background-color: rgba(0,0,0,.5);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.3rem;
    cursor: pointer
}

.red-envelop-2-root .content.phone .amount[data-v-4b56f39e] {
    position: absolute;
    color: #2f1800;
    font-size: 2rem;
    white-space: nowrap;
    left: 0;
    right: 0;
    bottom: 0;
    top: 6rem;
    margin: auto;
    display: flex;
    align-items: flex-start;
    justify-content: center
}

.red-envelop-2-root .content.phone .content-info[data-v-4b56f39e] {
    position: absolute;
    top: 12rem;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: .9rem;
    color: #ffc9c9
}

.red-envelop-2-root .content.phone .content-info p[data-v-4b56f39e] {
    margin: 0;
    max-width: 19rem
}

.red-envelop-2-root .content.phone .content-info p[data-v-4b56f39e]:last-child {
    margin-top: .5rem
}

@media (orientation: landscape) {
    .red-envelop-2-root .content.phone[data-v-4b56f39e] {
        transform:scale(1.5)
    }
}

.desk-loby-root[data-v-7952f934] {
    background-image: url(../img/bg.628bc423.jpg);
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #211d10;
    display: flex;
    flex-direction: column;
    position: relative
}

.desk-loby-root .header[data-v-7952f934] {
    height: 5rem;
    width: 100%
}

.desk-loby-root .body[data-v-7952f934] {
    flex-grow: 1;
    height: 0;
    margin-top: 1rem;
    display: flex;
    flex-direction: row;
    overflow: hidden
}

.desk-loby-root .body .left[data-v-7952f934] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column
}

.desk-loby-root .body .left .banner-content[data-v-7952f934] {
    width: 100%;
    height: 27rem
}

.desk-loby-root .body .left .tab[data-v-7952f934] {
    background-color: rgba(0,0,0,.5);
    height: 3rem;
    margin: 1rem 0 0 0;
    display: flex;
    padding: 0;
    list-style-type: none
}

.desk-loby-root .body .left .tab>li[data-v-7952f934] {
    width: 11rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e0d2ae;
    cursor: pointer;
    font-size: 1.3rem
}

.desk-loby-root .body .left .tab>li.active[data-v-7952f934] {
    background-color: #4a422c;
    cursor: default
}

.desk-loby-root .body .left .list[data-v-7952f934] {
    flex-grow: 1;
    height: 0;
    width: 100%;
    overflow: hidden;
    padding: 1rem 1rem 0 1rem
}

.desk-loby-root .body .left .list .list-content[data-v-7952f934] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    overflow: auto;
    -webkit-overflow-scrolling: auto;
    align-content: flex-start;
    scrollbar-color: #72674b rgba(114,103,75,0)
}

.desk-loby-root .body .left .list .list-content .item[data-v-7952f934] {
    flex: 0 0 calc(25% - 0.9375rem);
    margin: .3125rem;
    height: 18rem;
    box-sizing: border-box;
    background-color: rgba(0,0,0,.3);
    padding: 1rem
}

.desk-loby-root .body .left .list .list-content[data-v-7952f934]::-webkit-scrollbar {
    width: 1rem
}

.desk-loby-root .body .left .list .list-content[data-v-7952f934]::-webkit-scrollbar-track {
    border-radius: .3125rem
}

.desk-loby-root .body .left .list .list-content[data-v-7952f934]::-webkit-scrollbar-thumb {
    border-radius: 1rem;
    background-color: #72674b
}

.desk-loby-root .body .left .list .list-content[data-v-7952f934]::-webkit-scrollbar-thumb:hover {
    background: #563f1e;
    border-radius: 1rem
}

.desk-loby-root .body .right[data-v-7952f934] {
    flex-grow: 1;
    width: 0;
    background-color: rgba(114,103,75,.5);
    margin-left: 1rem;
    height: 100%
}

.desk-loby-root .body .right .label[data-v-7952f934] {
    height: 3rem;
    width: 100%;
    background-color: #72674b;
    font-size: 1.2rem;
    font-weight: 400;
    font-stretch: normal;
    letter-spacing: 0;
    color: #ddc28c;
    display: flex;
    align-items: center;
    justify-content: center
}

.desk-loby-root .body .right p[data-v-7952f934] {
    margin: 0;
    padding: 1.2rem;
    width: 100%;
    font-size: 1.2rem;
    font-weight: 400;
    font-stretch: normal;
    letter-spacing: 0;
    color: #fff;
    background-color: rgba(0,0,0,.5)
}

.desk-loby-root .full-dialog[data-v-7952f934] {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5
}

.marquee-root[data-v-2bbf734e] {
    overflow: hidden;
    white-space: nowrap
}

.marquee-root--static[data-v-2bbf734e] {
    text-align: center
}

.running[data-v-2bbf734e] {
    -webkit-animation-play-state: running!important;
    animation-play-state: running!important
}

.paused[data-v-2bbf734e] {
    -webkit-animation-play-state: paused!important;
    animation-play-state: paused!important
}

.m-list-item-root[data-v-f3a2b6ce] {
    background-color: rgba(194,153,99,.1);
    border: 1px solid rgba(191,161,117,.5);
    flex-direction: column;
    display: flex;
    padding: 0 .625rem;
    position: relative
}

.m-list-item-root .item-header[data-v-f3a2b6ce] {
    display: flex;
    height: 2rem;
    width: 100%;
    flex-direction: row;
    align-items: center
}

.m-list-item-root .item-header>div[data-v-f3a2b6ce] {
    width: 100%;
    font-size: 1.2rem;
    color: #cfc29f;
    white-space: nowrap
}

.m-list-item-root .item-header .timer[data-v-f3a2b6ce] {
    text-align: center
}

.m-list-item-root .item-header .timer.green[data-v-f3a2b6ce] {
    color: #3da84d
}

.m-list-item-root .item-header .timer.red[data-v-f3a2b6ce] {
    color: #ec0503
}

.m-list-item-root .item-header .timer.orange[data-v-f3a2b6ce] {
    color: orange
}

.m-list-item-root .item-header .limit[data-v-f3a2b6ce] {
    white-space: nowrap;
    letter-spacing: normal
}

.m-list-item-root .item-map[data-v-f3a2b6ce] {
    flex-grow: 1;
    width: 100%
}

.m-list-item-root .item-footer[data-v-f3a2b6ce] {
    width: 100%;
    height: 3rem;
    display: flex
}

.m-list-item-root .item-footer .item-summary-wrap[data-v-f3a2b6ce] {
    height: 100%;
    flex-grow: 1;
    width: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.m-list-item-root .item-footer .item-summary-wrap .item[data-v-f3a2b6ce] {
    display: flex;
    flex-direction: row;
    width: 100%;
    color: #fff
}

.m-list-item-root .item-footer .item-summary-wrap .item .circle[data-v-f3a2b6ce] {
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .9rem
}

.m-list-item-root .item-footer .item-summary-wrap .item .circle.red[data-v-f3a2b6ce] {
    background-color: #fe0100
}

.m-list-item-root .item-footer .item-summary-wrap .item .circle.blue[data-v-f3a2b6ce] {
    background-color: #4561f9
}

.m-list-item-root .item-footer .item-summary-wrap .item .circle.green[data-v-f3a2b6ce] {
    background-color: #34951d
}

.m-list-item-root .item-footer .item-summary-wrap .item .value[data-v-f3a2b6ce] {
    flex-grow: 1;
    width: 0;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: .625rem;
    font-size: .9rem;
    white-space: nowrap
}

.m-list-item-root .item-footer .item-btn-wrap[data-v-f3a2b6ce] {
    width: 6rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.m-list-item-root .item-footer .item-btn-wrap .btn[data-v-f3a2b6ce] {
    width: 80%;
    height: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(180deg,#fef0bf,#d4b166);
    border-radius: .3125rem;
    font-size: .9rem
}

.m-list-item-root .limit-pop[data-v-f3a2b6ce] {
    position: absolute;
    background-color: rgba(0,0,0,.5);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff
}

.m-list-item-root .limit-pop .limit-pop-content[data-v-f3a2b6ce] {
    margin: .625rem;
    display: flex;
    width: calc(100% - 1.25rem);
    height: calc(100% - 1.25rem);
    background-color: #1a1919;
    border: .0625rem solid #000
}

.m-list-item-root .limit-pop .limit-pop-content .limit-pop-head[data-v-f3a2b6ce] {
    width: 15%;
    height: 100%;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 1.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: .625rem
}

.m-list-item-root .limit-pop .limit-pop-content .limit-pop-list[data-v-f3a2b6ce] {
    flex-grow: 1;
    height: 100%;
    display: flex;
    border-left: .0625rem solid #000;
    flex-direction: column
}

.m-list-item-root .limit-pop .limit-pop-content .limit-pop-list[data-v-f3a2b6ce] :hover {
    background-color: #312a2a
}

.m-list-item-root .limit-pop .limit-pop-content .limit-pop-list .limit-pop-list-item[data-v-f3a2b6ce] {
    display: flex;
    width: 100%;
    height: 33.33333%;
    font-size: 1.4rem;
    justify-content: space-evenly
}

.m-list-item-root .limit-pop .limit-pop-content .limit-pop-list .limit-pop-list-item span[data-v-f3a2b6ce] {
    text-align: left;
    height: 100%;
    display: flex;
    align-items: center;
    width: 50%
}

.m-list-item-root .limit-pop .limit-pop-content .limit-pop-list .limit-pop-list-item span[data-v-f3a2b6ce]:first-child {
    padding-left: 2rem
}

.m-list-item-root .limit-pop .limit-pop-content .limit-pop-list .limit-pop-list-item[data-v-f3a2b6ce]:not(:last-child) {
    border-bottom: .0625rem solid #000
}

.setting-dialog-view-root {
    background-color: rgba(0,0,0,.5);
    display: flex;
    justify-content: flex-end;
    align-items: flex-start
}

.setting-dialog-view-root .wrap {
    width: 15rem;
    background-color: #3b3b3b;
    margin-top: 3rem
}

.setting-dialog-view-root .wrap .menu-item,.setting-dialog-view-root .wrap .switch-control {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.setting-dialog-view-root .wrap .menu-item {
    height: 4rem;
    font-size: 1.2rem;
    font-weight: 400;
    margin-bottom: .3125rem;
    clear: both;
    line-height: 4rem;
    color: #ddc28c
}

.setting-dialog-view-root .wrap .menu-item:hover {
    background-color: #555
}

.mobile-d .wrap .menu-item {
    height: 3rem;
    font-size: 1.1rem;
    font-weight: 400;
    margin-bottom: .3125rem;
    clear: both;
    line-height: 3rem;
    color: #ddc28c
}

.mobile-d .wrap .menu-item:hover {
    background-color: #555
}

.mobile-d .wrap .menu-item .icon {
    font-size: 1.5rem;
    padding-top: .25rem
}

.mobile-loby-root[data-v-183d267d] {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.mobile-loby-root .header[data-v-183d267d] {
    height: 3rem;
    width: 100%;
    display: flex;
    color: #cfc29f;
    font-size: 1.2rem
}

.mobile-loby-root .header>div[data-v-183d267d] {
    width: 100%;
    height: 100%
}

.mobile-loby-root .header>div.info-1[data-v-183d267d],.mobile-loby-root .header>div.info-2[data-v-183d267d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: .625rem
}

.mobile-loby-root .header>div.info-1 .coin-svg[data-v-183d267d],.mobile-loby-root .header>div.info-2 .coin-svg[data-v-183d267d] {
    width: 1.6843rem;
    height: 1.6843rem;
    margin-left: var(--px5);
    margin-right: var(--px5)
}

.mobile-loby-root .header>div.info-1 .label[data-v-183d267d],.mobile-loby-root .header>div.info-2 .label[data-v-183d267d] {
    flex-grow: 1;
    padding-left: .625rem
}

.mobile-loby-root .header>div.setting[data-v-183d267d] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: .625rem
}

.mobile-loby-root .header>div.setting :first-child.icon-install[data-v-183d267d] {
    margin-right: 1rem
}

.mobile-loby-root .header>div.setting :first-child.icon-install[data-v-183d267d]:-webkit-full-screen {
    display: none
}

.mobile-loby-root .header>div.setting :first-child.icon-install[data-v-183d267d]:-ms-fullscreen {
    display: none
}

.mobile-loby-root .header>div.setting :first-child.icon-install[data-v-183d267d]:fullscreen {
    display: none
}

.mobile-loby-root .header>div .icon[data-v-183d267d] {
    font-size: 2rem;
    margin-top: .3125rem
}

.mobile-loby-root .tab[data-v-183d267d] {
    height: 3rem;
    width: calc(100% - 1.25rem);
    margin: 0 .625rem;
    padding: 0;
    background-color: rgba(194,153,99,.1);
    list-style-type: none;
    display: flex;
    align-items: center
}

.mobile-loby-root .tab li[data-v-183d267d] {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    margin: 0;
    padding: 0;
    color: #797468
}

.mobile-loby-root .tab li.active[data-v-183d267d] {
    background-color: #72674b;
    color: #cfc29f
}

.mobile-loby-root .content[data-v-183d267d] {
    width: calc(100% - 1.25rem);
    flex-grow: 1;
    height: 0;
    margin: 0 .625rem;
    position: relative
}

.mobile-loby-root .content .list[data-v-183d267d] {
    position: absolute;
    top: .3125rem;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: calc(100% - .3125rem);
    overflow: hidden;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0
}

.mobile-loby-root .footer[data-v-183d267d] {
    height: 1.8rem;
    width: calc(100% - 1.25rem);
    margin: .3125rem .625rem;
    background-color: rgba(0,0,0,.1);
    border: .0625rem solid rgba(191,161,117,.2);
    display: flex;
    align-items: center;
    color: #bfa175;
    padding: 0 .3125rem
}

.mobile-loby-root .footer .m-notice[data-v-183d267d] {
    width: 100%
}

.mobile-loby-root .full-dialog[data-v-183d267d] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10
}

@media (orientation: portrait) {
    .mobile-loby-root .tab li[data-v-183d267d] {
        width:100%
    }

    .mobile-loby-root .content .list .item[data-v-183d267d] {
        height: 14rem;
        width: 100%
    }

    .mobile-loby-root .content .list .item[data-v-183d267d]:not(:first-child) {
        margin-top: .625rem
    }
}

@media (orientation: landscape) {
    .mobile-loby-root .tab li[data-v-183d267d] {
        width:12rem
    }

    .mobile-loby-root .content[data-v-183d267d] {
        margin: 1%
    }

    .mobile-loby-root .content .list[data-v-183d267d] {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-content: flex-start
    }

    .mobile-loby-root .content .list .item[data-v-183d267d] {
        height: 14rem;
        flex: 0 0 49%;
        margin: .5%
    }
}

@media (display-mode:fullscreen) {
    .mobile-loby-root .header .setting :first-child.icon-install[data-v-183d267d] {
        display: none
    }
}

.lang-dialog-view-root[data-v-05871cd6] {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5019607843137255);
    display: flex;
    justify-content: center;
    align-items: center
}

.lang-dialog-view-root .dialog-content[data-v-05871cd6] {
    width: 25rem;
    height: 17rem;
    background-color: #15130e;
    border: .0625rem solid #897152;
    position: absolute;
    display: flex;
    flex-direction: column
}

.lang-dialog-view-root .dialog-content.desktop[data-v-05871cd6] {
    width: 40rem;
    height: 25rem
}

.lang-dialog-view-root .dialog-content.desktop .title[data-v-05871cd6] {
    height: 4rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 .9375rem;
    color: #e0c98f;
    font-size: 1.5rem;
    width: 100%
}

.lang-dialog-view-root .dialog-content.desktop .title .icon-close[data-v-05871cd6] {
    color: #d3bc86;
    font-size: 1.5rem
}

.lang-dialog-view-root .dialog-content.desktop .dialog-body[data-v-05871cd6] {
    flex-grow: 1;
    height: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.lang-dialog-view-root .dialog-content.desktop .dialog-body ul[data-v-05871cd6] {
    margin: 0;
    padding: 0;
    list-style-type: none;
    color: #fff;
    font-size: 1.5rem
}

.lang-dialog-view-root .dialog-content.desktop .dialog-body ul li[data-v-05871cd6] {
    display: flex;
    width: 25rem;
    padding: 1rem;
    align-items: center
}

.lang-dialog-view-root .dialog-content.desktop .dialog-body ul li[data-v-05871cd6] :first-child {
    flex-grow: 1
}

.lang-dialog-view-root .dialog-content.desktop .dialog-body ul li[data-v-05871cd6] :last-child {
    width: 2rem;
    height: 2rem;
    border-radius: 2rem;
    border: .2rem solid #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.lang-dialog-view-root .dialog-content.desktop .dialog-body ul li :last-child.active[data-v-05871cd6]:before {
    content: "";
    width: 1rem;
    height: 1rem;
    background: #fff;
    border-radius: 1rem
}

.lang-dialog-view-root .dialog-content.desktop .dialog-footer[data-v-05871cd6] {
    width: 100%;
    height: 5rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.lang-dialog-view-root .dialog-content.desktop .dialog-footer>button[data-v-05871cd6] {
    width: 9rem;
    height: 65%;
    border-radius: .1875rem;
    display: block;
    border: none;
    font-size: 1.2rem
}

.lang-dialog-view-root .dialog-content.desktop .dialog-footer>button[data-v-05871cd6]:last-child {
    margin-left: 1rem
}

.lang-dialog-view-root .dialog-content.desktop .dialog-footer>button.confirm[data-v-05871cd6] {
    background-color: #e0c98f
}

.lang-dialog-view-root .dialog-content.desktop .dialog-footer>button.cancel[data-v-05871cd6] {
    background-color: rgba(224,201,143,.5058823529411764);
    color: hsla(0,0%,100%,.377)!important
}

.lang-dialog-view-root .dialog-content .title[data-v-05871cd6] {
    height: 3rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 .9375rem;
    color: #e0c98f;
    font-size: 1.2rem;
    width: 100%
}

.lang-dialog-view-root .dialog-content .title .icon-close[data-v-05871cd6] {
    color: #d3bc86;
    font-size: 1.2rem
}

.lang-dialog-view-root .dialog-content .dialog-body[data-v-05871cd6] {
    flex-grow: 1;
    height: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.lang-dialog-view-root .dialog-content .dialog-body ul[data-v-05871cd6] {
    margin: 0;
    padding: 0;
    list-style-type: none;
    color: #fff;
    font-size: 1.2rem
}

.lang-dialog-view-root .dialog-content .dialog-body ul li[data-v-05871cd6] {
    display: flex;
    width: 15rem;
    padding: .6rem;
    align-items: center
}

.lang-dialog-view-root .dialog-content .dialog-body ul li[data-v-05871cd6] :first-child {
    flex-grow: 1
}

.lang-dialog-view-root .dialog-content .dialog-body ul li[data-v-05871cd6] :last-child {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 1.5rem;
    border: .1rem solid #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.lang-dialog-view-root .dialog-content .dialog-body ul li :last-child.active[data-v-05871cd6]:before {
    content: "";
    width: .8rem;
    height: .8rem;
    background: #fff;
    border-radius: .8rem
}

.lang-dialog-view-root .dialog-content .dialog-footer[data-v-05871cd6] {
    width: 100%;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.lang-dialog-view-root .dialog-content .dialog-footer>button[data-v-05871cd6] {
    width: 6rem;
    height: 65%;
    border-radius: .1875rem;
    display: block;
    border: none;
    font-size: 1.2rem
}

.lang-dialog-view-root .dialog-content .dialog-footer>button[data-v-05871cd6]:last-child {
    margin-left: 1rem
}

.lang-dialog-view-root .dialog-content .dialog-footer>button.confirm[data-v-05871cd6] {
    background-color: #e0c98f
}

.lang-dialog-view-root .dialog-content .dialog-footer>button.cancel[data-v-05871cd6] {
    background-color: rgba(224,201,143,.5058823529411764);
    color: hsla(0,0%,100%,.377)!important
}

.select-service-root[data-v-fceaaaec] {
    width: 100%;
    height: 100%;
    background-image: url(../img/bg.628bc423.jpg);
    background-size: 100% 100%;
    background-color: #211d10;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.select-service-root .lang[data-v-fceaaaec] {
    position: absolute;
    top: 2rem;
    left: auto;
    right: 2rem;
    bottom: auto;
    color: #fff;
    width: 15rem;
    height: 4rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    white-space: norwap;
    font-size: 1.5625rem;
    z-index: 1
}

.select-service-root .lang[data-v-fceaaaec]:before {
    content: "";
    width: 5.3rem;
    height: 100%;
    margin-right: 1rem
}

.select-service-root .lang.zh[data-v-fceaaaec]:before {
    background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAAAAAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAoADQDAREAAhEBAxEB/8QAGgABAQACAwAAAAAAAAAAAAAAAAUGBwEECP/EACcQAAEDBAEEAQUBAAAAAAAAAAEAAgQDBQYREgcTITFBCBRRYXEi/8QAGQEBAQEBAQEAAAAAAAAAAAAAAAUEBwMJ/8QAKhEAAQQBAgYBBAMBAAAAAAAAAQACAxEEEiEFMUFRYXETBjKRsYGh4fD/2gAMAwEAAhEDEQA/ANLrgi+gCuZFiF2xiBY7hcqfGnfoAuEfx6YXuaAf3prXfx4U7B4nBxCSaKI7xO0n3QP7JHsFYMPiMOdJNHEd43aT7oH92P4K5tzcQfjFxFwdcBkHdZ9h22tMc09jlz875e9fGifZ1pOc4Zkfxafho6rvVe9V4/v11THNGUz49Pw0dV/dfSvH/bKbdbTc7HPq2u8QK8KZQIFWhXYWPYSNjYPkbBB/hBWvHyYcuITQODmnkRuCtMGRFlRiWFwc08iNwuovZeyIiIiyjpvkt3xnLbfJtV0jwm169OjJfKa10ftFw5Go13gtA2fyPggqPx3Agz8GRszC6gSNNh11tpI6n8d9lK4zhQ5uG9szC6gSK+662ojqfx3W++rH1BY1kmF3GH07ujYdwgSKdEOkxGsfXiH/AC50YnfE8iz4Dw0EgDWxzX6c+i8vB4hHJxVmpjgTs6wHjcB9c9r7tuhZ5Hn3AfpHKws5j+JM1McCdjYDuYD++19xe1rzJCMl8+gY8l1KQ6q3hV5lpa8nw7kPI8+drrsugRO1i21uPHal1KXQIzqFiuXj0rvUaJkEHMbhFym9MutyY5prSmVu6HgtDm6d+OJGgPAGgPSncCkxZsCN+HHoj6Cqrodvd+TzU/g0mNLhMfiM0M6Cq97e/wA81jSrKoiIiIiIiIrkDILbDxe42KrjsSRMm1WPpXGoT3Y7QQS1mte9fJI/XtTpsKWXMjyWykMaCCwcnX1N3y8Ae1gmxJZMtmQJSGtBtvQ+T/le1DVFb0RERERERERERERERERERERERERERERERERF/9k=);
    background-position: 0 0;
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.select-service-root .lang.en[data-v-fceaaaec]:before {
    background: url(data:image/jpeg;base64,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);
    background-position: 0 0;
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.select-service-root .lang.kor[data-v-fceaaaec]:before {
    background: url(data:image/jpeg;base64,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);
    background-position: 0 0;
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.select-service-root .form[data-v-fceaaaec] {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 75rem;
    position: relative
}

.select-service-root .form .logo[data-v-fceaaaec] {
    width: 22rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    mask-image: url(../img/logo.6850a1de.png);
    -webkit-mask-image: url(../img/logo.6850a1de.png);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: 100% 100%;
    mask-position: 100% 100%
}

.select-service-root .form .logo[data-v-fceaaaec]:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -55%;
    width: 50%;
    height: 100%;
    transform: skewX(-30deg);
    background: linear-gradient(90deg,hsla(0,0%,100%,.0392157),hsla(0,0%,100%,.698039),hsla(0,0%,100%,.745098));
    background-repeat: no-repeat;
    -webkit-animation: shimmer 5s infinite;
    animation: shimmer 5s infinite
}

.select-service-root .form .logo img[data-v-fceaaaec] {
    width: 100%;
    height: 100%
}

.select-service-root .form .form-title[data-v-fceaaaec] {
    margin: 2rem;
    color: #e1d4b1;
    font-size: 2.2rem
}

.select-service-root .form .p1[data-v-fceaaaec] {
    margin: 1rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.select-service-root .form .p1 .icon-check[data-v-fceaaaec] {
    color: #49ff01
}

.select-service-root .form .p1 .icon-x[data-v-fceaaaec] {
    color: #ff0101
}

.select-service-root .form .p1 .icon-check[data-v-fceaaaec],.select-service-root .form .p1 .icon-x[data-v-fceaaaec] {
    font-size: 2.5rem;
    display: inline-flex;
    margin: 0 .5rem
}

.select-service-root .form .p1 .icon-check[data-v-fceaaaec]:before,.select-service-root .form .p1 .icon-x[data-v-fceaaaec]:before {
    font-family: ig-icon-font!important
}

.select-service-root .form .p1 .icon-check[data-v-fceaaaec]:before {
    content: "\e019"
}

.select-service-root .form .p1 .icon-x[data-v-fceaaaec]:before {
    content: "\e01c"
}

.select-service-root .form .p2[data-v-fceaaaec] {
    margin: 0 px 0 0 0;
    text-align: center
}

.select-service-root .form .p1[data-v-fceaaaec],.select-service-root .form .p2[data-v-fceaaaec] {
    color: #e1d4b1;
    font-size: 1.5rem
}

.select-service-root .form .form-group[data-v-fceaaaec] {
    margin-top: 2rem
}

.select-service-root .form .form-group .btn[data-v-fceaaaec] {
    cursor: pointer;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .5rem;
    position: relative
}

.select-service-root .form .form-group .btn .btn-label[data-v-fceaaaec] {
    flex-grow: 1;
    width: 0;
    margin-left: 2rem
}

.select-service-root .form .form-group .btn .btn-icon[data-v-fceaaaec] {
    margin-right: 1rem;
    font-size: 2.5rem
}

.select-service-root .form .form-group .btn .btn-icon.icon-x[data-v-fceaaaec] {
    color: #ff0101
}

.select-service-root .form .form-group .btn .btn-icon.icon-check[data-v-fceaaaec] {
    color: #49ff01
}

.select-service-root .form .form-group .btn .btn-icon.icon-check[data-v-fceaaaec]:before,.select-service-root .form .form-group .btn .btn-icon.icon-x[data-v-fceaaaec]:before {
    font-family: ig-icon-font!important
}

.select-service-root .form .form-group .btn .btn-icon.icon-check[data-v-fceaaaec]:before {
    content: "\e019"
}

.select-service-root .form .form-group .btn .btn-icon.icon-x[data-v-fceaaaec]:before {
    content: "\e01c"
}

.select-service-root .form .form-group .btn .btn-icon[data-v-fceaaaec],.select-service-root .form .form-group .btn .btn-label[data-v-fceaaaec] {
    z-index: 1;
    pointer-events: none
}

.select-service-root .form .form-group .btn.disabled[data-v-fceaaaec] {
    background: rgba(115,96,54,.5)!important;
    cursor: not-allowed!important
}

.select-service-root .form .form-group .btn-group[data-v-fceaaaec] {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-top: 5rem;
    justify-content: center
}

.select-service-root .form .form-group .btn-group .btn[data-v-fceaaaec] {
    height: 4rem;
    width: 15rem;
    margin-right: 2rem;
    font-size: 1.5625rem;
    background: #ba9265;
    color: #fff
}

.select-service-root .form .form-group .btn-group .btn[data-v-fceaaaec]:last-child {
    margin-right: 0
}

.select-service-root .form .form-group .input-group[data-v-fceaaaec] {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-top: 5rem
}

.select-service-root .form .form-group .input-group .btn[data-v-fceaaaec] {
    height: 4rem;
    width: 15rem;
    margin: 0 0 0 2rem;
    font-size: 1.5625rem;
    background: #ba9265;
    color: #fff
}

.select-service-root .form .form-group .input-group .btn .btn-label[data-v-fceaaaec] {
    text-align: center;
    margin: 0
}

.select-service-root .form .form-group .input-group .input[data-v-fceaaaec] {
    all: unset;
    background-color: rgba(0,0,0,.4);
    border: .0625rem solid rgba(191,161,117,.6);
    width: 32rem;
    height: 4rem;
    font-size: 1.5625rem;
    padding: 1rem;
    box-sizing: border-box;
    color: #854b97
}

.select-service-root .form .form-group .input-group .input[data-v-fceaaaec]::-moz-placeholder {
    color: #afafaf
}

.select-service-root .form .form-group .input-group .input[data-v-fceaaaec]:-ms-input-placeholder {
    color: #afafaf
}

.select-service-root .form .form-group .input-group .input[data-v-fceaaaec]::placeholder {
    color: #afafaf
}

.select-service-root .form .server[data-v-fceaaaec] {
    position: absolute;
    width: 16.65625rem;
    left: -18rem;
    bottom: -4rem;
    cursor: pointer
}

.select-service-root .lang-box[data-v-fceaaaec] {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    z-index: 1
}

.select-service-root .cs-service[data-v-fceaaaec] {
    position: absolute;
    font-size: 34px;
    right: 90px;
    bottom: 70px;
    width: 34px;
    height: 34px;
    color: #bfa175;
    display: none
}

@media (orientation: landscape) {
    .mobile-view .select-service-root[data-v-fceaaaec] {
        background-image:url(../img/phonebg.430e1838.jpg);
        background-size: 100% 100%
    }

    .mobile-view .select-service-root .lang[data-v-fceaaaec] {
        position: absolute;
        top: 1rem;
        left: auto;
        right: 1rem;
        bottom: auto;
        color: #fff;
        width: 11rem;
        height: 2.3rem;
        display: flex;
        align-items: center;
        white-space: nowrap;
        font-size: 1rem;
        z-index: 1
    }

    .mobile-view .select-service-root .lang[data-v-fceaaaec]:before {
        content: "";
        width: 3.3rem;
        height: 100%;
        margin-right: 1rem
    }

    .mobile-view .select-service-root .lang.zh[data-v-fceaaaec]:before {
        background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAAAAAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAoADQDAREAAhEBAxEB/8QAGgABAQACAwAAAAAAAAAAAAAAAAUGBwEECP/EACcQAAEDBAEEAQUBAAAAAAAAAAEAAgQDBQYREgcTITFBCBRRYXEi/8QAGQEBAQEBAQEAAAAAAAAAAAAAAAUEBwMJ/8QAKhEAAQQBAgYBBAMBAAAAAAAAAQACAxEEEiEFMUFRYXETBjKRsYGh4fD/2gAMAwEAAhEDEQA/ANLrgi+gCuZFiF2xiBY7hcqfGnfoAuEfx6YXuaAf3prXfx4U7B4nBxCSaKI7xO0n3QP7JHsFYMPiMOdJNHEd43aT7oH92P4K5tzcQfjFxFwdcBkHdZ9h22tMc09jlz875e9fGifZ1pOc4Zkfxafho6rvVe9V4/v11THNGUz49Pw0dV/dfSvH/bKbdbTc7HPq2u8QK8KZQIFWhXYWPYSNjYPkbBB/hBWvHyYcuITQODmnkRuCtMGRFlRiWFwc08iNwuovZeyIiIiyjpvkt3xnLbfJtV0jwm169OjJfKa10ftFw5Go13gtA2fyPggqPx3Agz8GRszC6gSNNh11tpI6n8d9lK4zhQ5uG9szC6gSK+662ojqfx3W++rH1BY1kmF3GH07ujYdwgSKdEOkxGsfXiH/AC50YnfE8iz4Dw0EgDWxzX6c+i8vB4hHJxVmpjgTs6wHjcB9c9r7tuhZ5Hn3AfpHKws5j+JM1McCdjYDuYD++19xe1rzJCMl8+gY8l1KQ6q3hV5lpa8nw7kPI8+drrsugRO1i21uPHal1KXQIzqFiuXj0rvUaJkEHMbhFym9MutyY5prSmVu6HgtDm6d+OJGgPAGgPSncCkxZsCN+HHoj6Cqrodvd+TzU/g0mNLhMfiM0M6Cq97e/wA81jSrKoiIiIiIiIrkDILbDxe42KrjsSRMm1WPpXGoT3Y7QQS1mte9fJI/XtTpsKWXMjyWykMaCCwcnX1N3y8Ae1gmxJZMtmQJSGtBtvQ+T/le1DVFb0RERERERERERERERERERERERERERERERERF/9k=);
        background-position: 0 0;
        background-size: 100% 100%;
        background-repeat: no-repeat
    }

    .mobile-view .select-service-root .lang.en[data-v-fceaaaec]:before {
        background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAAAAAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAoADQDAREAAhEBAxEB/8QAGgABAAIDAQAAAAAAAAAAAAAAAAUIAgMEBv/EADkQAAAFAgMEBwUHBQAAAAAAAAECAwQFBhEABxIIEyHUFRYXV1iUlRQiMTLTCRgjJJOk4TRBRFFh/8QAGwEBAAMBAQEBAAAAAAAAAAAAAAEEBwIGAwj/xAA9EQABAQQCCxACAgMAAAAAAAABEQACBCEDMQYSExQVIlFSYYGhBRZBQlNUVWNxkZKi0+Hj8DLSYtGCseL/2gAMAwEAAhEDEQA/AK1kaND0/BGnoyKOG6d9WTxvsRlHLr28gaJfUcDlRsJgKKmngYtrlEwl0EFCbQngVVqTi6W829P8xlTtXhaSkGqHSNXGbxtOqTYoyfWlMRjwjEECvEtJoQwHsdQoDcNFxAt9IGxyCUdUlJJWtXGYRM1LNak1NxzLKlCQKBfYTJU2ReWGl1SEY9MrOQUQAnSxAOIkRD5QvwCxtOoOOOnS/bV40lrTh/HS0EOpomlS62kJhmqWfqk7WGpUtWA3mOnExGP6BQaAmnoPFmA4lM4sYwgBBEQE5dICIm08unFdUm1kldsv8tDSRMoAs1qTU1xcsqO2GnGW9KOKnr6TQmFYNieRSKo50puRQIKpQsiIWA+oOAiH/cZjuhRwRi6W2enbPZcp0Nuu5UbZe7AUDsPQulwOO2pxarUJxsjel6kfZ/d4sr+o6+hinc4DOO3+mv3/AGa8g75f2Z1I+z+7xZX9R19DC5wGcdv9Mv8As15B3y/s1C4P2hjTe8YRzml05mOdJLCsLk5a1SB+nZk3AqZipHIAWuA2ESfEBMADrTyPPTKomTFlWW/PhBdXgr/ym0nLIvzNncWen3aqEGEqqzpkqrzf0Ab21H8y6UFL8Ut+A3v/ALHR8uOXSFVa0nLHlUMjDkSpZZs2zl3ktvJubTqfduZkkyg6rJRN4LauCCoh+TbpCkG6MIDx4FG5rCJBDidDsnUqTFli1zM2EmZWtZ5dDap5o5O1kaeNRsgs0jBm3Degt88F1SRt2ld+4VFIu9JwEdIj8CBfSBgucIUPW1aY0sbQJseqITLLJpa42WGf2yTFZa0nFz+RSj2TZwbBu9c9BsD79cjchVFNRlQMbUYBG4gAjfjjNN0IqFdi6UPOTtnuAZS24bl2OWTU0DQ0lDGWrhcdIFu+EBAQSCSDem+8bsZ+HtT0CP8Aq4p33B8nsDX97FlXPvO/+rPvG7Gfh7U9Aj/q4X3B8nsDN7FlXPvO/wDq1Om+z7nzGRTRq3ySr9+4k0nDWTLIUyqqSF1OyqFXjTga4KiQtxEQLxEwcbgYNQv6GeKl8BKkNcqi2DmEpXZB1e6U+CbdbvILOpytKxyWS2ZKLOPTfqREkFLHB/OHVcJnIlLDrsYgkKN7Caw2Cxg44gRsOEJfdUooWQlxZMMLTFRa/wCp9s21yWSWfrhopKpbO9WKyM4Mii9hz0kqWLhEljpCmpGl1CJFfdMNxDh7vzDccHYyGBS6BAk1me3QwwtMi2taykg7JtulNn/Od65loNPKLNAsS3SkVo6bLSyhZmXUWImCTeQPrENyAksNhNYBNwNcNJ2NhwA9burJQshpEq2GEpSoQpOclPbNru5Z5o7VFJ5cUpSxNmlZQsNCMY8DrOxTUMCKBCXMQeJTe7xD+w8MeBjIqIMTSFxxRbFDlCtp8DuFuA/C0T1NHWr5ddUJUUCjUZN6Xtx2qvDL+/8A5xXvmK5NrWALHOkPKztx2qvDL+//AJwvmK5NmALHOkPK3IrQ+3uKpxRzjpAqYmESgLVG4Bfh/g4i5x2ePupvq7H2GJOFpF7T6jY9Rtvvvlo/yqPI4i5x2ePuppwhYXzWk7z6jOo2333y0f5VHkcLnHZ4+6mYQsL5rSd59RnUbb775aP8qjyOFzjs8fdTMIWF81pO8+ozqNt998tH+VR5HC5x2ePupmELC+a0nefUZ1G2+++Wj/Ko8jhc47PH3UzCFhfNaTvPqM6jbfffLR/lUeRwucdnj7qZhCwvmtJ3n1GiFshVTqnOG2zLEAxhHSEnwLx+H9Xjm9uu2+7WXbIQAmCHfD/w2HYGr43Zf1QebxF7ddt92nfEOiHfD8bOwNXxuy/qg83he3Xbfdm+IdEO+H42dgavjdl/VB5vC9uu2+7N8Q6Id8Pxs7A1fG7L+qDzeF7ddt92b4h0Q74fjZ2Bq+N2X9UHm8L267b7s3xDoh3w/GzsDV8bsv6oPN4Xt1233ZviHRDvh+Nv/9k=);
        background-position: 0 0;
        background-size: 100% 100%;
        background-repeat: no-repeat
    }

    .mobile-view .select-service-root .lang.kor[data-v-fceaaaec]:before {
        background: url(data:image/jpeg;base64,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);
        background-position: 0 0;
        background-size: 100% 100%;
        background-repeat: no-repeat
    }

    .mobile-view .select-service-root .form[data-v-fceaaaec] {
        display: flex;
        flex-direction: column;
        align-items: center;
        max-width: 30rem
    }

    .mobile-view .select-service-root .form .logo[data-v-fceaaaec] {
        width: 6rem
    }

    .mobile-view .select-service-root .form .form-title[data-v-fceaaaec] {
        margin: 2rem;
        color: #e1d4b1;
        font-size: 1.2rem
    }

    .mobile-view .select-service-root .form .p1[data-v-fceaaaec] {
        margin: .6rem;
        text-align: center
    }

    .mobile-view .select-service-root .form .p1 .icon-check[data-v-fceaaaec],.mobile-view .select-service-root .form .p1 .icon-x[data-v-fceaaaec] {
        font-size: 1.8rem;
        margin: 0 .5rem
    }

    .mobile-view .select-service-root .form .p1[data-v-fceaaaec],.mobile-view .select-service-root .form .p2[data-v-fceaaaec] {
        font-size: .7rem
    }

    .mobile-view .select-service-root .form .form-group[data-v-fceaaaec] {
        margin-top: 0
    }

    .mobile-view .select-service-root .form .form-group .btn[data-v-fceaaaec] {
        font-size: .5rem;
        border-radius: .5rem
    }

    .mobile-view .select-service-root .form .form-group .btn .btn-label[data-v-fceaaaec] {
        flex-grow: 1;
        width: 0;
        margin-left: 1rem
    }

    .mobile-view .select-service-root .form .form-group .btn .btn-icon[data-v-fceaaaec] {
        margin-right: 1rem;
        font-size: 1.5rem
    }

    .mobile-view .select-service-root .form .form-group .btn-group[data-v-fceaaaec] {
        display: flex;
        flex-direction: row;
        width: 100%;
        margin-top: 1.5rem;
        justify-content: center
    }

    .mobile-view .select-service-root .form .form-group .btn-group .btn[data-v-fceaaaec] {
        height: 2.5rem;
        width: 8rem;
        margin-right: 1rem;
        font-size: 1rem;
        background: #ba9265;
        color: #fff
    }

    .mobile-view .select-service-root .form .form-group .btn-group .btn[data-v-fceaaaec]:last-child {
        margin-right: 0
    }

    .mobile-view .select-service-root .form .form-group .input-group[data-v-fceaaaec] {
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: center;
        align-items: center;
        margin-top: 2rem
    }

    .mobile-view .select-service-root .form .form-group .input-group .btn[data-v-fceaaaec] {
        height: 2.5rem;
        width: 8rem;
        margin: 0 0 0 1rem;
        font-size: 1rem;
        background: #ba9265;
        color: #fff
    }

    .mobile-view .select-service-root .form .form-group .input-group .btn .btn-label[data-v-fceaaaec] {
        text-align: center;
        margin: 0
    }

    .mobile-view .select-service-root .form .form-group .input-group .input[data-v-fceaaaec] {
        width: 17rem;
        height: 2.5rem;
        font-size: 1rem;
        padding: 1rem
    }

    .mobile-view .select-service-root .form .server[data-v-fceaaaec] {
        display: none
    }

    .mobile-view .select-service-root .cs-service[data-v-fceaaaec] {
        font-size: 2.5rem;
        top: 5rem;
        right: 2rem;
        height: 4rem;
        width: 4rem;
        justify-content: center;
        align-items: center;
        display: flex
    }
}

@media (orientation: portrait) {
    .mobile-view .select-service-root[data-v-fceaaaec] {
        background-image:url(../img/phonebg.430e1838.jpg);
        background-size: 100% 100%
    }

    .mobile-view .select-service-root .lang[data-v-fceaaaec] {
        position: absolute;
        top: 1rem;
        left: auto;
        right: 1rem;
        bottom: auto;
        color: #fff;
        width: 11rem;
        height: 3rem;
        display: flex;
        align-items: center;
        white-space: nowrap;
        font-size: 1.3rem;
        z-index: 1
    }

    .mobile-view .select-service-root .lang[data-v-fceaaaec]:before {
        content: "";
        width: 4.4rem;
        height: 100%;
        margin-right: 1rem
    }

    .mobile-view .select-service-root .lang.zh[data-v-fceaaaec]:before {
        background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAAAAAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAoADQDAREAAhEBAxEB/8QAGgABAQACAwAAAAAAAAAAAAAAAAUGBwEECP/EACcQAAEDBAEEAQUBAAAAAAAAAAEAAgQDBQYREgcTITFBCBRRYXEi/8QAGQEBAQEBAQEAAAAAAAAAAAAAAAUEBwMJ/8QAKhEAAQQBAgYBBAMBAAAAAAAAAQACAxEEEiEFMUFRYXETBjKRsYGh4fD/2gAMAwEAAhEDEQA/ANLrgi+gCuZFiF2xiBY7hcqfGnfoAuEfx6YXuaAf3prXfx4U7B4nBxCSaKI7xO0n3QP7JHsFYMPiMOdJNHEd43aT7oH92P4K5tzcQfjFxFwdcBkHdZ9h22tMc09jlz875e9fGifZ1pOc4Zkfxafho6rvVe9V4/v11THNGUz49Pw0dV/dfSvH/bKbdbTc7HPq2u8QK8KZQIFWhXYWPYSNjYPkbBB/hBWvHyYcuITQODmnkRuCtMGRFlRiWFwc08iNwuovZeyIiIiyjpvkt3xnLbfJtV0jwm169OjJfKa10ftFw5Go13gtA2fyPggqPx3Agz8GRszC6gSNNh11tpI6n8d9lK4zhQ5uG9szC6gSK+662ojqfx3W++rH1BY1kmF3GH07ujYdwgSKdEOkxGsfXiH/AC50YnfE8iz4Dw0EgDWxzX6c+i8vB4hHJxVmpjgTs6wHjcB9c9r7tuhZ5Hn3AfpHKws5j+JM1McCdjYDuYD++19xe1rzJCMl8+gY8l1KQ6q3hV5lpa8nw7kPI8+drrsugRO1i21uPHal1KXQIzqFiuXj0rvUaJkEHMbhFym9MutyY5prSmVu6HgtDm6d+OJGgPAGgPSncCkxZsCN+HHoj6Cqrodvd+TzU/g0mNLhMfiM0M6Cq97e/wA81jSrKoiIiIiIiIrkDILbDxe42KrjsSRMm1WPpXGoT3Y7QQS1mte9fJI/XtTpsKWXMjyWykMaCCwcnX1N3y8Ae1gmxJZMtmQJSGtBtvQ+T/le1DVFb0RERERERERERERERERERERERERERERERERF/9k=);
        background-position: 0 0;
        background-size: 100% 100%;
        background-repeat: no-repeat
    }

    .mobile-view .select-service-root .lang.en[data-v-fceaaaec]:before {
        background: url(data:image/jpeg;base64,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);
        background-position: 0 0;
        background-size: 100% 100%;
        background-repeat: no-repeat
    }

    .mobile-view .select-service-root .lang.kor[data-v-fceaaaec]:before {
        background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAAAAAAD/2wBDAAMCAgICAgMCAgIDAwMDBAYEBAQEBAgGBgUGCQgKCgkICQkKDA8MCgsOCwkJDRENDg8QEBEQCgwSExIQEw8QEBD/2wBDAQMDAwQDBAgEBAgQCwkLEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBD/wAARCAAoADQDAREAAhEBAxEB/8QAGgAAAgMBAQAAAAAAAAAAAAAABwgABgkEBf/EAC0QAAEEAQMDAwMDBQAAAAAAAAIBAwQFBgcIEQASEyEiMQkUURUjYTJxgYKh/8QAGgEBAAIDAQAAAAAAAAAAAAAAAAQGAwUIB//EADIRAAEDAgQEAggHAAAAAAAAAAEAAgMEEQUhMVEGEiJBYXEHExUygaGx0RZCYnKR4fD/2gAMAwEAAhEDEQA/ANJNWtVsJ0R09udTtQrVIFHRx1efNERXHSVeAZaFVTvcMlERHlOVJPVE5XoiSfan9TC21IzvJIWvdLU4hjlk/Gl43KbXsCojyCRuLGnvOGiGchO1xpUASJBfdUBYUFAi0H6Ip0RDTXbX3CdA8YC5yQnJ1tYA+NHQQzD765fab8hMxxNUQiQf55VVERQjMAIiHW0XdFda7Y5ItM8hUFWlpcSmsQnQZzYtZBCEPN2tRzcJ8X47a9j4qnCEK8L6EgkTIdES+7x9pVVuwwqtqJGVT6i2xl5+wpWyPyVb00wQQKbFVFR4R4VBX0IUM09wmYERAHZ5sKtsbzk8/wBbqU24WG20hcVp5r4SHrKxQ+HshnkJEJvOEKKyCkSNCg+qkKOGRVDdXv8Ac6t8sscG0Tu1o6CseOK7bxkFZVi4Kqhk2aovia5T2qHBEid3dwvalKxTHZXyGKmNmjv3P2C6b4E9FNBT0jK/HI/WSvAIYfdYDoCPzOtrfIaWuLoB4fuu3JYpct2lVq7lNg6JIRRrOc7YMOJz6orT6mnC/HKcL+FReF6gUVZicsvLTFz3bZu+Wau+N8I8IClPtCnhhZpzdMVj+4cufgT8FojpNmOlm/LSWOzqVhkB63xW2iTJ1canxDsGS8jElkkVDFtxBNOOeVTytqpJypXWgrHVTCJW8r25OBysfI55rl7jPhUcMVjRTyCWnlHNG8EG47gkZEt72yIIOV7AFaJ7Ds+yHWO21D1mroeGRafKnrliBjLxMx5do28243Z1bguK5DYkM/tSGD9TVoVThUb+3nqnLQ/oinRFXtQ1t0wDJlx8XCtP0eb9ijacmsjwH40H+e7jjpyh/S7QrPSvEc7HkXAIOemvdYOvRZDD6xnWiRznhB4+f7fnrzarwmtoqk0ksZ572tY5+W4Pay7nwziTCsWw9uJ007TERckuA5dw7PpI7g6FW+ir/sIQo42gvOe5z8/wn+E/7z17/wAG4F7DwxrZW2lf1O38B8B23uuKPStxj+LsfkfTyc1NF0x7Ze84D9Tr56lobsnL+m4FmmpuVuMNn+nFRAkokT2+dJAeFFX89qv8f7dYOK4Ig6OcDrNxfcC2vl28yq5g9ZM6ifSOddgcHAbEhwJG17C+9hstCeqgpinREDN3e4mZty04ZyGto/PPupJVVfZzWlWnrJptksdyxMTE22DcQQ7k9EVfcQp69ES/7ct0equmeodbpvutkyI9fqcQXGM2NlLYdlUM6WRklNOVpe1sDUDKKRIPIcDwnBNsEXLuO2M5dGyWfmOjVc1aVE905LtO24DT8Iy5I0aQlQXGuf6RFe5OUFBVE56uWE8RRxxiCrytkDrl49/9mtVW4aZ3mWE5nUHudwdM9Te3gewCeLbUtwOV2g1kbTO3r07kRyTaNLDYbHnhSUnOO5E+eAQi4+EXrby4/QRt5g+/gAb/AG/lQxg9Tez7Ab8wP0JPyTnYzG0n2EaUQTzm/KRd5ZbRK83IcM5EmxnukgNsRo4fuONtIRFwnuVO9URCMQ6o2JYg/EZvWuyGgGwW8ghZTxiJmn1O/wDX1NyRHp9r7uG0i1lrMbzyeWrmKaqW5u4/c0KtvtTX33B9KwRdVuNAhxWiJ4XjUvISqKqPc71r1lT79EXjZlh2MahYraYTmdNHtqO6jHDnQ5A8g80ScKn5RU+UJOFRURUVFRF6IlV0F+nXhumOYzsm1Bum81ZrjSvx1iWwhIdU0TTkIbECRQkyIpNq2y4iJ2toKeqI2DJE4fRFOiKm6raR4PrPiUvD85qvuI77L7TEtlUbmQTdaNo3Yz3Ck0543DHuT5EiFUUVVFIh/tZ20ObcKO+p384mXzNlZq9WQUE2K+mgNooR48aOpkgH415dd5U3TXuNSXkiIjl0Rf/Z);
        background-position: 0 0;
        background-size: 100% 100%;
        background-repeat: no-repeat
    }

    .mobile-view .select-service-root .form[data-v-fceaaaec] {
        display: flex;
        flex-direction: column;
        align-items: center;
        max-width: 30rem
    }

    .mobile-view .select-service-root .form .logo[data-v-fceaaaec] {
        width: 10rem
    }

    .mobile-view .select-service-root .form .form-title[data-v-fceaaaec] {
        margin: 3rem;
        color: #e1d4b1;
        font-size: 1.3rem
    }

    .mobile-view .select-service-root .form .p1[data-v-fceaaaec] {
        margin: 1rem;
        text-align: center
    }

    .mobile-view .select-service-root .form .p1 .icon-check[data-v-fceaaaec],.mobile-view .select-service-root .form .p1 .icon-x[data-v-fceaaaec] {
        font-size: 2rem;
        margin: 0 .5rem
    }

    .mobile-view .select-service-root .form .p1[data-v-fceaaaec],.mobile-view .select-service-root .form .p2[data-v-fceaaaec] {
        font-size: .9rem
    }

    .mobile-view .select-service-root .form .form-group[data-v-fceaaaec] {
        margin-top: 1rem
    }

    .mobile-view .select-service-root .form .form-group .btn[data-v-fceaaaec] {
        font-size: .5rem;
        border-radius: .5rem
    }

    .mobile-view .select-service-root .form .form-group .btn .btn-label[data-v-fceaaaec] {
        flex-grow: 1;
        width: 0;
        margin-left: 1rem
    }

    .mobile-view .select-service-root .form .form-group .btn .btn-icon[data-v-fceaaaec] {
        margin-right: 1rem;
        font-size: 1.5rem
    }

    .mobile-view .select-service-root .form .form-group .btn-group[data-v-fceaaaec] {
        display: flex;
        flex-direction: row;
        width: 100%;
        margin-top: 5rem;
        justify-content: center
    }

    .mobile-view .select-service-root .form .form-group .btn-group .btn[data-v-fceaaaec] {
        height: 2.7rem;
        width: 8rem;
        margin-right: 1rem;
        font-size: 1.2rem;
        background: #ba9265;
        color: #fff
    }

    .mobile-view .select-service-root .form .form-group .btn-group .btn[data-v-fceaaaec]:last-child {
        margin-right: 0
    }

    .mobile-view .select-service-root .form .form-group .input-group[data-v-fceaaaec] {
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: center;
        align-items: center;
        margin-top: 5rem
    }

    .mobile-view .select-service-root .form .form-group .input-group .btn[data-v-fceaaaec] {
        height: 2.7rem;
        width: 8rem;
        margin: 0 0 0 1rem;
        font-size: 1.2rem;
        background: #ba9265;
        color: #fff
    }

    .mobile-view .select-service-root .form .form-group .input-group .btn .btn-label[data-v-fceaaaec] {
        text-align: center;
        margin: 0
    }

    .mobile-view .select-service-root .form .form-group .input-group .input[data-v-fceaaaec] {
        width: 17rem;
        height: 2.7rem;
        font-size: 1.2rem;
        padding: 1rem
    }

    .mobile-view .select-service-root .form .server[data-v-fceaaaec] {
        display: none
    }

    .mobile-view .select-service-root .cs-service[data-v-fceaaaec] {
        font-size: 2.5rem;
        top: 5rem;
        right: 2rem;
        height: 4rem;
        width: 4rem;
        justify-content: center;
        align-items: center;
        display: flex
    }
}

.pop-modal[data-v-56d6e262] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    -webkit-animation: fadeIn-56d6e262 .5s ease-in-out;
    animation: fadeIn-56d6e262 .5s ease-in-out
}

.pop-modal.closing[data-v-56d6e262] {
    -webkit-animation: fadeOut-56d6e262 .5s cubic-bezier(.4,0,1,1) forwards;
    animation: fadeOut-56d6e262 .5s cubic-bezier(.4,0,1,1) forwards
}

.pop-modal .pop-modal-content[data-v-56d6e262] {
    -webkit-animation: slideDown-56d6e262 .6s cubic-bezier(.34,1.56,.64,1);
    animation: slideDown-56d6e262 .6s cubic-bezier(.34,1.56,.64,1)
}

.pop-modal .pop-modal-content.closing[data-v-56d6e262] {
    -webkit-animation: slideUp-56d6e262 .5s cubic-bezier(.4,0,1,1) forwards;
    animation: slideUp-56d6e262 .5s cubic-bezier(.4,0,1,1) forwards
}

.pop-modal .pop-modal-content .pop-image[data-v-56d6e262] {
    position: relative;
    width: 50rem;
    margin: 0 auto
}

@media (orientation: landscape) {
    .pop-modal .pop-modal-content .pop-image.is-mobile[data-v-56d6e262] {
        width:35rem
    }

    .pop-modal .pop-modal-content .pop-image.is-mobile .btn-close[data-v-56d6e262] {
        width: 2.6rem;
        height: 2.6rem;
        font-size: 1rem;
        top: .5rem;
        right: .5rem
    }

    .pop-modal .pop-modal-content .pop-image.is-mobile .button-open-link[data-v-56d6e262] {
        bottom: 3rem;
        left: 16%;
        width: 15rem;
        height: auto
    }
}

@media (orientation: portrait) {
    .pop-modal .pop-modal-content .pop-image.is-mobile[data-v-56d6e262] {
        width:35rem
    }

    .pop-modal .pop-modal-content .pop-image.is-mobile .btn-close[data-v-56d6e262] {
        width: 2.6rem;
        height: 2.6rem;
        font-size: 1rem;
        top: .5rem;
        right: .5rem
    }

    .pop-modal .pop-modal-content .pop-image.is-mobile .button-open-link[data-v-56d6e262] {
        bottom: 3rem;
        left: 16%;
        width: 15rem;
        height: auto
    }
}

.pop-modal .pop-modal-content .pop-image .banner[data-v-56d6e262] {
    width: 100%;
    display: block
}

.pop-modal .pop-modal-content .pop-image .button-open-link[data-v-56d6e262] {
    position: absolute;
    bottom: 4rem;
    left: 16%;
    width: 20rem;
    height: auto;
    cursor: pointer;
    transition: transform .15s ease,box-shadow .15s ease
}

.pop-modal .pop-modal-content .pop-image .button-open-link[data-v-56d6e262]:hover {
    transform: scale(1.08);
    box-shadow: 0 8px 18px rgba(0,0,0,.2)
}

.pop-modal .pop-modal-content .pop-image .button-open-link[data-v-56d6e262]:active {
    transform: scale(.95);
    box-shadow: 0 3px 8px rgba(0,0,0,.2)
}

.pop-modal .pop-modal-content .pop-image .btn-close[data-v-56d6e262] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.8rem;
    color: #fff;
    background: linear-gradient(145deg,#caa64b,#8a6a22);
    box-shadow: 0 0 6px rgba(255,215,120,.4);
    cursor: pointer;
    transition: transform .2s ease,box-shadow .2s ease;
    -webkit-animation: closeGlow-56d6e262 2.5s ease-in-out infinite;
    animation: closeGlow-56d6e262 2.5s ease-in-out infinite
}

.pop-modal .pop-modal-content .pop-image .btn-close[data-v-56d6e262]:hover {
    transform: scale(1.1);
    box-shadow: 0 0 12px rgba(255,215,120,.7)
}

.pop-modal .pop-modal-content .pop-image .btn-close[data-v-56d6e262]:active {
    transform: scale(.95)
}

@-webkit-keyframes closeGlow-56d6e262 {
    0% {
        box-shadow: 0 0 6px rgba(255,215,120,.35)
    }

    50% {
        box-shadow: 0 0 12px rgba(255,215,120,.6)
    }

    to {
        box-shadow: 0 0 6px rgba(255,215,120,.35)
    }
}

@keyframes closeGlow-56d6e262 {
    0% {
        box-shadow: 0 0 6px rgba(255,215,120,.35)
    }

    50% {
        box-shadow: 0 0 12px rgba(255,215,120,.6)
    }

    to {
        box-shadow: 0 0 6px rgba(255,215,120,.35)
    }
}

@-webkit-keyframes fadeIn-56d6e262 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn-56d6e262 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut-56d6e262 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut-56d6e262 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes slideDown-56d6e262 {
    0% {
        transform: translateY(-50px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slideDown-56d6e262 {
    0% {
        transform: translateY(-50px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes slideUp-56d6e262 {
    0% {
        transform: translateY(0);
        opacity: 1
    }

    to {
        transform: translateY(-50px);
        opacity: 0
    }
}

@keyframes slideUp-56d6e262 {
    0% {
        transform: translateY(0);
        opacity: 1
    }

    to {
        transform: translateY(-50px);
        opacity: 0
    }
}

#app {
    width: 100%;
    height: 100%;
    position: relative
}

#app .desktop-view {
    width: 100vw;
    height: 56.25vw;
    max-height: 100vh;
    max-width: 177.78vh;
    margin: auto
}

#app .desktop-view,#app .desktop-view .loading {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

#app .desktop-view .loading {
    background-color: rgba(0,0,0,.5);
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999
}

#app .desktop-view .loading>div {
    width: 3vw
}

#app .desktop-view .loading>div img {
    width: 100%
}

#app .desktop-view .toast-message {
    pointer-events: none;
    position: absolute;
    z-index: 999;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    color: #fff
}

#app .desktop-view .toast-message span {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
    max-width: 50rem;
    min-width: 15rem;
    min-height: 5rem;
    border-radius: 3rem;
    padding: 1.2rem 1.2rem
}

#app .mobile-view {
    width: 100%;
    height: 100%
}

#app .mobile-view .loading {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999
}

#app .mobile-view .loading>div {
    width: 4rem
}

#app .mobile-view .loading>div img {
    width: 100%
}

#app .mobile-view .toast-message {
    pointer-events: none;
    position: absolute;
    z-index: 999;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    color: #fff
}

#app .mobile-view .toast-message span {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
    max-width: 30rem;
    min-width: 15rem;
    min-height: 5rem;
    border-radius: 3rem;
    padding: 1rem 1rem
}

@font-face {
    font-family: ig-icon-font;
    src: url(../fonts/ig-icon-font.3f97998a.eot);
    src: url(../fonts/ig-icon-font.3f97998a.eot?#iefix) format("embedded-opentype"),url(../fonts/ig-icon-font.32ac5d84.woff) format("woff"),url(../fonts/ig-icon-font.32be5eaf.ttf) format("truetype"),url(../img/ig-icon-font.6e27f1d4.svg#ig-icon-font) format("svg");
    font-weight: 400;
    font-style: normal
}

[data-icon]:before {
    content: attr(data-icon)
}

[class*=" icon-"]:before,[class^=icon-]:before,[data-icon]:before {
    font-family: ig-icon-font!important;
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-transform: none!important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-send:before {
    content: "\e004"
}

.icon-agent:before {
    content: "\e006"
}

.icon-min:before {
    content: "\e007"
}

.icon-call:before {
    content: "\e008"
}

.icon-menu:before {
    content: "\e009"
}

.icon-money:before {
    content: "\e00a"
}

.icon-max:before {
    content: "\e00b"
}

.icon-setting:before {
    content: "\e00c"
}

.icon-warning:before {
    content: "\e00d"
}

.icon-reload:before {
    content: "\e00e"
}

.icon-heart:before {
    content: "\e00f"
}

.icon-home:before {
    content: "\e010"
}

.icon-msg:before {
    content: "\e011"
}

.icon-circlestroke:before {
    content: "\e000"
}

.icon-circlefill:before {
    content: "\e002"
}

.icon-vertical:before {
    content: "\e003"
}

.icon-tel:before {
    content: "\e005"
}

.icon-close:before {
    content: "\e012"
}

.icon-arrow-down:before {
    content: "\e013"
}

.icon-arrow-up:before {
    content: "\e014"
}

.icon-calendar:before {
    content: "\e015"
}

.icon-download:before {
    content: "\e01a"
}

.icon-dollar:before {
    content: "\e01b"
}

.icon-bell:before {
    content: "\e01d"
}

.icon-megaphone:before {
    content: "\e01e"
}

.icon-costumer-service:before {
    content: "\e020"
}

.icon-2:before {
    content: "\e026"
}

.icon-chip:before {
    content: "\e029"
}

.icon-custumer-service:before {
    content: "\e02a"
}

.icon-key:before {
    content: "\e02b"
}

.icon-record:before {
    content: "\e02c"
}

.icon-rule:before {
    content: "\e02d"
}

.icon-switch:before {
    content: "\e02e"
}

.icon-system-settings:before {
    content: "\e02f"
}

.icon-caret-left:before {
    content: "\e030"
}

.icon-caret-right:before {
    content: "\e031"
}

.icon-full-screen-off:before {
    content: "\e032"
}

.icon-full-screen-on:before {
    content: "\e033"
}

.icon-g-back-loby:before {
    content: "\e034"
}

.icon-g-baoshuo:before {
    content: "\e035"
}

.icon-g-feipai:before {
    content: "\e036"
}

.icon-g-xiaofei:before {
    content: "\e038"
}

.icon-g-video-set-quyu-off:before {
    content: "\e03a"
}

.icon-g-knock-off:before {
    content: "\e039"
}

.icon-g-music-on:before {
    content: "\e03b"
}

.icon-g-video-set:before {
    content: "\e03c"
}

.icon-g-video-set-360-off:before {
    content: "\e03d"
}

.icon-g-video-set-music-off:before {
    content: "\e03e"
}

.icon-g-video-set-normal-off:before {
    content: "\e03f"
}

.icon-g-video-set-quanpin-off:before {
    content: "\e040"
}

.icon-gold:before {
    content: "\e041"
}

.icon-map-view-off:before {
    content: "\e042"
}

.icon-map-view-3-off:before {
    content: "\e043"
}

.icon-map-view-2-on:before {
    content: "\e044"
}

.icon-login-logo:before {
    content: "\e045"
}

.icon-play:before {
    content: "\e001"
}

.icon-sync:before {
    content: "\e016"
}

.icon-eye:before {
    content: "\e017"
}

.icon-eye-slash:before {
    content: "\e018"
}

.icon-check:before {
    content: "\e019"
}

.icon-x:before {
    content: "\e01c"
}

.icon-lock:before {
    content: "\e01f"
}

.icon-power:before {
    content: "\e021"
}

.icon-power-1:before {
    content: "\e022"
}

.icon-user:before {
    content: "\e023"
}

.icon-video:before {
    content: "\e024"
}

:root {
    --px5: 0.52634375rem;
    --px17: 1.78956875rem;
    --px20: 2.105375rem
}

.slide-right-enter-active,.slide-right-leave-active {
    transition: .3s
}

.slide-right-enter-from,.slide-right-leave-to {
    transform: translate(-100%);
    -webkit-transform: translate(-100%);
    -moz-transform: translate(-100%);
    -ms-transform: translate(-100%);
    -o-transform: translate(-100%)
}

.fadein-out-enter-active,.fadein-out-leave-active {
    transition: .3s
}

.fadein-out-enter-from,.fadein-out-leave-to {
    opacity: 0
}

.slide-up-enter-active,.slide-up-leave-active {
    transition: .3s
}

.slide-up-enter-from,.slide-up-leave-to {
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%)
}

@-webkit-keyframes flash {
    0% {
        background-color: hsla(0,0%,100%,.8)
    }

    to {
        background-color: hsla(0,0%,100%,.1)
    }
}

@keyframes flash {
    0% {
        background-color: hsla(0,0%,100%,.8)
    }

    to {
        background-color: hsla(0,0%,100%,.1)
    }
}

@-webkit-keyframes pulsate {
    0% {
        opacity: .5
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .5
    }
}

@keyframes pulsate {
    0% {
        opacity: .5
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .5
    }
}

@-webkit-keyframes shimmer {
    0% {
        left: -55%
    }

    to {
        left: 500%
    }
}

@keyframes shimmer {
    0% {
        left: -55%
    }

    to {
        left: 500%
    }
}

@-webkit-keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

:root {
    --rta: 9/16
}

/*@font-face {*/
/*    font-family: ms-yh;*/
/*    src: url(../fonts/ms-yh.4339f713.woff) format("woff"),url(../fonts/ms-yh.c2db9c47.ttf) format("truetype")*/
/*}*/

@font-face {
    font-family: PingFang-SC;
    src: url(/fonts/PingFang-SC-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: PingFang-SC;
    src: url(/fonts/PingFang-SC-Light.ttf) format("truetype");
    font-weight: lighter;
    font-style: normal
}

@font-face {
    font-family: PingFang-SC;
    src: url(/fonts/PingFang-SC-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

* {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

::-webkit-backdrop {
    background-color: #000
}

::backdrop {
    background-color: #000
}

body,html {
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%
}

body {
    background-color: #211d10;
    font-family: ms-yh,Courier,Monaco,monospace
}

input,input:after,input:before {
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial
}

button:focus,input:focus,select:focus,textarea:focus {
    outline: none
}

input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (orientation: portrait) {
    body,html {
        min-height:100%;
        min-width: 100wh
    }
}

@media (orientation: landscape) {
    body,html {
        min-height:100vh;
        min-width: 100wh
    }
}

@media (orientation: portrait) and (max-width:320px) {
    html {
        font-size:8px
    }
}

@media (orientation: portrait) and (min-width:321px) and (max-width:428px) {
    html {
        font-size:10px
    }
}

@media (orientation: portrait) and (min-width:429px) and (max-width:430px) {
    html {
        font-size:12px
    }
}

@media (orientation: portrait) and (min-width:431px) and (max-width:1024px) {
    html {
        font-size:15px
    }
}

@media (orientation: portrait) and (width:480px) {
    html {
        font-size:13px
    }
}

@media (orientation: portrait) and (min-width:600px) and (max-width:1024px) {
    html {
        font-size:19px
    }
}

@media (orientation: portrait) and (width:440px) and (height:760px) {
    html {
        font-size:12px
    }
}

@media (orientation: landscape) and (max-width:480px) {
    html {
        font-size:8px
    }
}

@media (orientation: landscape) and (min-width:481px) and (max-width:846px) {
    html {
        font-size:10px
    }
}

@media (orientation: landscape) and (min-width:847px) and (max-width:932px) {
    html {
        font-size:12px
    }
}

@media (orientation: landscape) and (min-width:933px) and (max-width:961px) {
    html {
        font-size:20px
    }
}

@media (orientation: landscape) and (min-width:962px) and (max-width:1366px) {
    html {
        font-size:19px
    }
}

@media (orientation: landscape) and (min-width:847px) and (max-width:896px) {
    html {
        font-size:10px!important
    }
}