body.hide-meiqia #MEIQIA-BTN-HOLDER {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important
}

body.body-no-scroll {
    overflow: hidden !important
}

* {
    font-family: Chinese Quote, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol
}

.clearfix:after {
    display: table;
    content: "";
    clear: both
}

ul {
    list-style: none
}

.mpa-hide,
.hide {
    display: none !important
}

body,
h3,
p,
ul,
li {
    margin: 0;
    padding: 0;
    font-weight: 400
}

body {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
    -webkit-font-smoothing: antialiased
}

body.has-dialog {
    overflow: hidden
}

button {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.global-help-box {
    position: fixed;
    right: 0;
    top: 40%;
    width: 3em;
    background-color: #fff;
    border: 1px solid #efefef;
    border-radius: 3px;
    box-shadow: -1px 1px 2px #efefef;
    z-index: 100;
    text-align: center
}

.global-help-box a {
    padding: 10px .5em;
    color: #999;
    display: inline-block;
    cursor: pointer;
    transition: color .1s ease;
    text-decoration: none
}

.global-help-box a:hover {
    color: #666;
    text-decoration: none
}

.global-help-box #line {
    width: 70%;
    height: 1px;
    margin: 0 auto;
    background-color: #ccc
}

.gs-dialog {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #00000080;
    z-index: 2000
}

.gs-dialog .inner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 20px 35px;
    border-radius: 2px;
    box-shadow: 0 3px 5px #0000001a;
    background-color: #fff;
    width: 316px
}

.gs-dialog .inner img.close {
    position: absolute;
    right: 14px;
    top: 14px;
    width: 32px;
    height: 34px;
    padding: 10px;
    cursor: pointer
}

.gs-dialog .inner .title {
    text-align: center;
    font-size: 17px;
    margin: 20px 0 0;
    color: #222;
    font-weight: 500;
    padding: 0
}

.gs-dialog footer {
    margin-top: 20px
}

.dialog-enlarge {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #00000080;
    z-index: 2000
}

.dialog-enlarge>img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.dialog {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #0009;
    z-index: 2000;
    overflow: auto
}

.dialog header {
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 10px;
    padding: 10px 10px 10px 15px;
    font-size: 15px
}

.dialog header .dialog-close {
    height: 24px;
    cursor: pointer;
    float: right;
    padding: 5px;
    position: absolute;
    right: 7px;
    opacity: .6
}

.dialog header .dialog-close:hover {
    opacity: 1
}

.dialog .inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    text-align: left;
    min-width: 380px;
    border-radius: 2px
}

.dialog .inner .content {
    padding: 0 15px;
    width: 100%;
    overflow: hidden
}

.dialog .inner .content .input {
    display: block;
    width: 100%
}

.dialog .inner .content p {
    margin: 10px 0
}

.dialog footer {
    padding: 0 12px 12px;
    text-align: right
}

.dialog .inner>.content {
    margin-bottom: 15px
}

.dialog .btn {
    cursor: pointer;
    border: none;
    line-height: 32px;
    font-size: 14px;
    text-align: center;
    border-radius: 3px;
    outline: none;
    display: inline-block;
    min-width: 90px;
    padding: 0
}

.dialog .btn+.btn {
    margin-left: 10px
}

.dialog .btn-default {
    border: 1px solid #dcdcdc;
    background: #fff;
    color: #333;
    transition: background-color .2s ease 0s
}

.dialog .btn-default:hover {
    background: #fafafa;
    border: 1px solid #d5d5d5;
    color: #333
}

.dialog .btn-default:active {
    background: #eee
}

.dialog .btn-primary {
    color: #fff;
    background: #20c05c;
    transition: background-color .2s ease 0s, color .2s ease 0s
}

.dialog .btn-primary:hover {
    border-color: #1ab955;
    background: #1ab955;
    color: #fff
}

.dialog .btn-primary:active {
    border-color: #22ad56;
    background: #22ad56;
    color: #fff
}

.common-dialog {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #0000007a;
    z-index: 900000000
}

.common-dialog .inner {
    position: relative;
    padding: 32px 32px 24px;
    border-radius: 4px;
    width: 399px;
    box-sizing: border-box;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff
}

.common-dialog .inner .close-icon {
    position: absolute;
    top: 21px;
    right: 21px;
    width: 11px;
    height: 11px;
    cursor: pointer
}

.common-dialog .inner .title {
    font-size: 16px;
    color: #222;
    font-weight: 500;
    margin-bottom: 12px
}

.common-dialog .inner .content {
    font-size: 14px;
    color: #222;
    margin-bottom: 24px
}

.common-dialog .inner .btn-box {
    display: flex;
    justify-content: flex-end
}

.common-dialog .inner .btn-box .btn {
    display: inline-block;
    border: none;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    padding: 5px 16px;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    background: #fff;
    margin-right: 8px
}

.common-dialog .inner .btn-box .confirm-btn {
    background: #24be48;
    color: #fff;
    border-color: #24be48
}

.mpa-btn-v1 {
    outline: none;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    padding: 0 20px;
    white-space: nowrap;
    color: #000;
    font-size: 14px;
    background: #fff;
    box-sizing: content-box;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    height: 32px;
    line-height: 32px
}

.mpa-btn-v1:hover {
    color: #333;
    background: #f8f8f8;
    border-radius: 4px;
    border: 1px solid #d3d3d3
}

.mpa-btn-v1:active {
    color: #1a1a1a;
    background: #f2f2f2;
    border-radius: 4px;
    border: 1px solid #cfcfcf
}

.mpa-btn-v1.primary {
    background: #24be58;
    color: #fff;
    border: 1px solid #24BE58
}

.mpa-btn-v1.primary:hover {
    background: #21af42;
    color: #fff
}

.mpa-btn-v1.primary:active {
    background: #1fa63f
}

.mpa-btn-v1.primary.disable {
    background: #f5f5f5;
    color: #b8b8b8;
    border: 1px solid transparent;
    cursor: not-allowed
}

.mpa-btn-v1.primary.disable:hover {
    opacity: 1
}

.common-dialog-container {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
    background: #0000007a;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.common-dialog-container .inner {
    width: 400px;
    box-shadow: 0 2px 14px #0000002e;
    border-radius: 4px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    padding: 22px 30px 16px;
    position: relative;
    background: #fff
}

.common-dialog-container .inner>.close-icon {
    width: 14px;
    height: 14px;
    padding: 4px;
    box-sizing: content-box;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: absolute;
    top: 12px;
    right: 18px
}

.common-dialog-container .inner>.title {
    font-size: 16px;
    font-weight: 700;
    color: #222;
    width: 100%;
    text-align: left
}

.common-dialog-container .inner>.content {
    width: 100%;
    font-size: 14px;
    color: #222;
    white-space: pre-wrap;
    word-break: break-all;
    text-align: left;
    line-height: 18px;
    margin-top: 10px
}

.common-dialog-container .inner>.action-wrap {
    margin-top: 20px;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.common-dialog-container .inner>.action-wrap .btn {
    line-height: 32px
}

.common-dialog-container .inner>.action-wrap .cancel-btn {
    border: none;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid #D9D9D9;
    color: #333;
    background: #fff;
    transition: background .3s
}

.common-dialog-container .inner>.action-wrap .cancel-btn:active {
    background: #f2f2f2;
    border: 1px solid #cfcfcf
}

.common-dialog-container .inner>.action-wrap .cancel-btn:hover {
    background: #f8f8f8;
    border: 1px solid #d3d3d3
}

.common-dialog-container .inner>.action-wrap .btn.primary {
    margin-left: 12px;
    border: none;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    background: #24be48;
    border-radius: 4px;
    color: #fff;
    transition: background .3s
}

.common-dialog-container .inner>.action-wrap .btn.primary:active {
    background: #1fa63f
}

.common-dialog-container .inner>.action-wrap .btn.primary:hover {
    background: #21af42
}

.new-user-discount-box-wrapper {
    color: #215e1f;
    font-size: 13px
}

.new-user-discount-box-wrapper .countdown-box {
    display: flex;
    align-items: center;
    line-height: initial
}

.new-user-discount-box-wrapper .countdown-box .label {
    margin: 0 2px
}

.new-user-discount-box-wrapper .countdown-box .label:last-child {
    margin-right: 0
}

.new-user-discount-box-wrapper .countdown-box .time {
    width: 22px;
    height: 22px;
    line-height: initial;
    font-size: 14px;
    font-weight: 600;
    margin: 0 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f06e2a;
    background: linear-gradient(127deg, #fff4bf, #ffe9a6);
    box-shadow: 0 4px 32px #0000001a;
    border-radius: 4px;
    border: 1px solid #fffae7
}

.new-user-discount-box-wrapper .label-text {
    position: relative;
    top: 1px;
    font-weight: 600;
    font-size: 13px;
    color: #004100d9
}

.new-user-discount-box-wrapper .bell {
    width: 16px
}

.new-user-discount-box-wrapper .pay-btn {
    width: 84px;
    height: 28px;
    background: linear-gradient(331deg, #53da4a, #b4fa5a);
    border-radius: 16px;
    backdrop-filter: blur(3px);
    color: #005900;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    position: absolute;
    right: 27px;
    cursor: pointer;
    line-height: initial
}

.new-user-discount-box-wrapper .close-btn {
    width: 10px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%)
}

.new-user-discount-box-wrapper .new-user-discount-box {
    display: flex;
    align-items: center;
    font-weight: 400;
    position: relative;
    border-radius: 8px;
    padding: 8px 8px 8px 12px
}

.new-user-discount-box-wrapper .new-user-discount-box .bg.top,
.new-user-discount-box-wrapper .new-user-discount-box .bg.bottom,
.new-user-discount-box-wrapper .new-user-discount-box.with-mpEditPage-single {
    display: none
}

.new-user-discount-box-wrapper .new-user-discount-box.with-mpEditPage-multi {
    width: 100%;
    height: 38px;
    background: linear-gradient(122deg, #e3ffdf, #e9fedd 41%, #efffdd 76%, #f5fddb);
    display: flex;
    align-items: center
}

.new-user-discount-box-wrapper .new-user-discount-box.with-mpEditPage-multi .label-text {
    position: relative;
    top: 2px
}

.new-user-discount-box-wrapper .new-user-discount-box.with-mpEditPage-multi .bell {
    width: 16px;
    margin-right: 4px
}

.new-user-discount-box-wrapper .new-user-discount-box.with-mpEditPage-multi .countdown-box {
    position: relative
}

.new-user-discount-box-wrapper .new-user-discount-box.with-mpIndexPage {
    width: 183px;
    height: 67px;
    justify-content: flex-start;
    flex-wrap: wrap;
    font-size: 12px;
    position: relative;
    z-index: 1
}

.new-user-discount-box-wrapper .new-user-discount-box.with-mpIndexPage .bg {
    width: 215px;
    position: absolute;
    z-index: -1;
    right: -17px
}

.new-user-discount-box-wrapper .new-user-discount-box.with-mpIndexPage .bg.top {
    display: none
}

.new-user-discount-box-wrapper .new-user-discount-box.with-mpIndexPage .bg.bottom {
    top: -16px;
    display: block
}

.new-user-discount-box-wrapper .new-user-discount-box.with-popup {
    width: 183px;
    height: 67px;
    justify-content: flex-start;
    flex-wrap: wrap;
    font-size: 12px;
    position: relative;
    z-index: 1
}

.new-user-discount-box-wrapper .new-user-discount-box.with-popup .bg {
    width: 215px;
    position: absolute;
    z-index: -1;
    right: -17px
}

.new-user-discount-box-wrapper .new-user-discount-box.with-popup .bg.top {
    top: -10px;
    display: block
}

.new-user-discount-box-wrapper .new-user-discount-box.with-popup .bg.bottom {
    display: none
}

.new-user-discount-box-wrapper .new-user-discount-box-bar {
    width: 314px;
    height: 38px;
    background: linear-gradient(122deg, #e3ffdf, #e9fedd 41%, #efffdd 76%, #f5fddb);
    border-radius: 4px;
    position: relative;
    padding-left: 10px;
    align-items: center;
    display: none
}

.new-user-discount-box-wrapper .new-user-discount-box-bar.with-mpEditPage-single {
    display: flex
}

.new-user-discount-box-wrapper .new-user-discount-box-bar.with-mpEditPage-single .label-text {
    position: relative;
    top: 2px
}

.new-user-discount-box-wrapper .new-user-discount-box-bar.with-mpEditPage-single .bell {
    width: 16px;
    margin-right: 4px;
    position: relative;
    top: 1px
}

.new-user-discount-box-wrapper .new-user-discount-box-bar.with-mpEditPage-single .countdown-box {
    position: relative
}

.new-user-discount-box-wrapper .new-user-discount-box-bar.with-mpEditPage-single .countdown-box .label:last-child {
    margin-right: 0
}

.new-user-discount-box-wrapper .new-user-discount-box-bar .pay-btn {
    width: 58px;
    height: 28px
}

.new-user-discount-box-wrapper .new-user-discount-box-bar .close-btn {
    width: 10px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%)
}

.buy-vip-dialog-v3-container {
    z-index: 99999;
    background-color: #00000080;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.buy-vip-dialog-v3-container * {
    padding: 0;
    margin: 0;
    box-sizing: border-box
}

.buy-vip-dialog-v3-container .inner {
    width: 916px;
    height: 640px;
    border-radius: 4px;
    position: relative;
    overflow: visible;
    background-color: #fff
}

.buy-vip-dialog-v3-container .inner>.advanced-feature-lock-tips {
    height: 34px;
    line-height: 34px;
    background-color: #fff;
    border-radius: 2px;
    font-size: 13px;
    color: #333;
    position: absolute;
    padding: 0 12px;
    white-space: nowrap;
    word-break: keep-all;
    box-shadow: 0 0 8px #00000030;
    z-index: 10;
    right: 66px;
    top: -16px
}

.buy-vip-dialog-v3-container .inner>.advanced-feature-lock-tips span {
    font-weight: 700;
    margin: 0 2px
}

.buy-vip-dialog-v3-container .inner>.advanced-feature-lock-tips:after {
    box-sizing: content-box;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #fff;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    z-index: 2;
    bottom: -10px
}

.buy-vip-dialog-v3-container .inner .close-btn {
    width: 20px;
    height: 20px;
    padding: 4px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: absolute;
    top: 10px;
    right: 12px;
    z-index: 10
}

.buy-vip-dialog-v3-container .inner.step-1 {
    width: 936px;
    height: 640px
}

.buy-vip-dialog-v3-container .inner.step-2 {
    width: 378px;
    height: 373px
}

.buy-vip-dialog-v3-container .inner.step-3,
.buy-vip-dialog-v3-container .inner.step-4 {
    width: 460px;
    height: 416px
}

.buy-vip-dialog-v3-container .inner.step-5 {
    width: 818px;
    height: 826px;
    background: transparent;
    box-shadow: unset
}

.buy-vip-dialog-v3-container .step-box.step-1 {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative
}

.buy-vip-dialog-v3-container .step-box.step-1 .left-panel {
    width: 304px;
    height: 100%;
    background: #18b33c;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    flex-direction: column;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.buy-vip-dialog-v3-container .step-box.step-1 .left-panel .gift-box {
    width: 100%;
    flex: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
    padding-top: 30px;
    padding-bottom: 27px;
    position: relative;
    z-index: 1
}

.buy-vip-dialog-v3-container .step-box.step-1 .left-panel .gift-box>.title {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    height: 22px;
    line-height: 22px;
    min-height: 22px
}

.buy-vip-dialog-v3-container .step-box.step-1 .left-panel .gift-box>.desc {
    font-size: 13px;
    height: 18px;
    line-height: 18px;
    color: #ffffffa6;
    margin-top: 6px;
    min-height: 18px
}

.buy-vip-dialog-v3-container .step-box.step-1 .left-panel .gift-box>.desc.mt-0 {
    margin-top: 0
}

.buy-vip-dialog-v3-container .step-box.step-1 .left-panel .gift-box .gift-list {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 9px;
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    padding: 0 14px;
    overscroll-behavior: none
}

.buy-vip-dialog-v3-container .step-box.step-1 .left-panel .gift-box .gift-list .col-flex {
    flex: 1
}

.buy-vip-dialog-v3-container .step-box.step-1 .left-panel .gift-box .gift-list .col {
    display: block
}

.buy-vip-dialog-v3-container .step-box.step-1 .left-panel .gift-box .gift-list::-webkit-scrollbar {
    width: 8px
}

.buy-vip-dialog-v3-container .step-box.step-1 .left-panel .gift-box .gift-list::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background: #c8c8c8;
    cursor: pointer
}

.buy-vip-dialog-v3-container .step-box.step-1 .left-panel .gift-box .gift-list::-webkit-scrollbar-thumb:hover {
    background: #bebebe
}

.buy-vip-dialog-v3-container .step-box.step-1 .left-panel .gift-box .gift-list::-webkit-scrollbar-thumb:active {
    background: #b0b0b0
}

.buy-vip-dialog-v3-container .step-box.step-1 .left-panel .gift-box .gift-list::-webkit-scrollbar-track-piece {
    background-color: #20c05c
}

.buy-vip-dialog-v3-container .step-box.step-1 .left-panel .gift-box .gift-list::-webkit-scrollbar {
    width: 4px
}

.buy-vip-dialog-v3-container .step-box.step-1 .left-panel .gift-box .gift-list::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: #ffffff4d;
    border-radius: 20px
}

.buy-vip-dialog-v3-container .step-box.step-1 .left-panel .gift-box .gift-list .gift-v1-li {
    width: 33.33333333%;
    min-width: 33.33333333%;
    max-width: 33.33333333%;
    flex: 1;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    margin-top: 11px;
    padding: 7px 0;
    border-radius: 4px;
    cursor: pointer
}

.buy-vip-dialog-v3-container .step-box.step-1 .left-panel .gift-box .gift-list .gift-v1-li:hover {
    background: #17aa38
}

.buy-vip-dialog-v3-container .step-box.step-1 .left-panel .gift-box .gift-list .gift-v1-li .icon-placeholder,
.buy-vip-dialog-v3-container .step-box.step-1 .left-panel .gift-box .gift-list .gift-v1-li .icon {
    width: 26px;
    height: 26px;
    border-radius: 4px;
    background: #fff
}

.buy-vip-dialog-v3-container .step-box.step-1 .left-panel .gift-box .gift-list .gift-v1-li .title {
    height: 18px;
    line-height: 18px;
    font-size: 13px;
    color: #fff;
    margin-top: 8px
}

.buy-vip-dialog-v3-container .step-box.step-1 .left-panel .gift-box .gift-list .gift-v1-li .desc {
    height: 17px;
    line-height: 17px;
    font-size: 12px;
    color: #ffffffa6;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.buy-vip-dialog-v3-container .step-box.step-1 .left-panel .gift-box .vip-lock-layer {
    width: 276px;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    background: #1ead3fd1;
    border-radius: 4px;
    border: 1px solid #3ec05d;
    z-index: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column
}

.buy-vip-dialog-v3-container .step-box.step-1 .left-panel .gift-box .vip-lock-layer .icon {
    margin-top: 110px;
    width: 71px;
    height: 66px
}

.buy-vip-dialog-v3-container .step-box.step-1 .left-panel .gift-box .vip-lock-layer .title {
    height: 21px;
    line-height: 21px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    margin-top: 5px
}

.buy-vip-dialog-v3-container .step-box.step-1 .left-panel .gift-box .vip-lock-layer .desc {
    height: 18px;
    line-height: 18px;
    color: #fff;
    font-size: 13px;
    margin-top: 3px
}

.buy-vip-dialog-v3-container .step-box.step-1 .left-panel .partner-comment-box {
    width: 100%;
    height: 254px;
    min-height: 254px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    position: relative;
    padding-top: 26px;
    z-index: 1
}

.buy-vip-dialog-v3-container .step-box.step-1 .left-panel .partner-comment-box:before {
    content: "";
    position: absolute;
    background: #ffffff24;
    width: 264px;
    height: 1px;
    left: 50%;
    transform: translate(-50%);
    top: 0
}

.buy-vip-dialog-v3-container .step-box.step-1 .left-panel .partner-comment-box>.title {
    color: #fff;
    font-weight: 700;
    height: 22px;
    line-height: 22px;
    font-size: 16px
}

.buy-vip-dialog-v3-container .step-box.step-1 .left-panel .partner-comment-box .comment-box {
    width: 100%;
    height: 74px;
    min-height: 74px;
    margin-top: 12px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 38px
}

.buy-vip-dialog-v3-container .step-box.step-1 .left-panel .partner-comment-box .comment-box .icon {
    width: 12px;
    height: 11px;
    position: absolute
}

.buy-vip-dialog-v3-container .step-box.step-1 .left-panel .partner-comment-box .comment-box .icon.before {
    left: 20px;
    top: 0
}

.buy-vip-dialog-v3-container .step-box.step-1 .left-panel .partner-comment-box .comment-box .icon.after {
    right: 20px;
    bottom: 0
}

.buy-vip-dialog-v3-container .step-box.step-1 .left-panel .partner-comment-box .comment-box .comment {
    width: 100%;
    white-space: pre-wrap;
    word-break: break-all;
    line-height: 18px;
    font-size: 13px;
    color: #fff
}

.buy-vip-dialog-v3-container .step-box.step-1 .left-panel .partner-comment-box .partner-comment-list {
    display: flex;
    justify-content: center;
    align-content: center;
    margin-top: 24px;
    width: 100%
}

.buy-vip-dialog-v3-container .step-box.step-1 .left-panel .partner-comment-box .partner-comment-list .partner-comment-li {
    width: 25%;
    min-width: 25%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    opacity: .65;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.buy-vip-dialog-v3-container .step-box.step-1 .left-panel .partner-comment-box .partner-comment-list .partner-comment-li:hover,
.buy-vip-dialog-v3-container .step-box.step-1 .left-panel .partner-comment-box .partner-comment-list .partner-comment-li.active {
    opacity: 1
}

.buy-vip-dialog-v3-container .step-box.step-1 .left-panel .partner-comment-box .partner-comment-list .partner-comment-li.active .avatar-placeholder,
.buy-vip-dialog-v3-container .step-box.step-1 .left-panel .partner-comment-box .partner-comment-list .partner-comment-li.active .avatar {
    width: 38px;
    height: 38px
}

.buy-vip-dialog-v3-container .step-box.step-1 .left-panel .partner-comment-box .partner-comment-list .partner-comment-li .avatar-placeholder,
.buy-vip-dialog-v3-container .step-box.step-1 .left-panel .partner-comment-box .partner-comment-list .partner-comment-li .avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid white
}

.buy-vip-dialog-v3-container .step-box.step-1 .left-panel .partner-comment-box .partner-comment-list .partner-comment-li .avatar-placeholder {
    background: #fff
}

.buy-vip-dialog-v3-container .step-box.step-1 .left-panel .partner-comment-box .partner-comment-list .partner-comment-li .nickname {
    height: 17px;
    line-height: 17px;
    font-size: 12px;
    color: #fff;
    margin-top: 5px;
    white-space: nowrap;
    word-break: keep-all
}

.buy-vip-dialog-v3-container .step-box.step-1 .left-panel>.bg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel {
    flex: 1;
    height: 100%;
    padding-top: 26px;
    overflow: hidden
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel>.vip-version-category-list {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    z-index: 1;
    position: relative
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel>.vip-version-category-list>.vip-version-category-li {
    width: 278px;
    height: 58px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: #f1f4f88f;
    border-radius: 6px 6px 0 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: relative
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel>.vip-version-category-list>.vip-version-category-li.active {
    background: #fff;
    box-shadow: 0 0 8px #0000001a
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel>.vip-version-category-list>.vip-version-category-li.active>.title,
.buy-vip-dialog-v3-container .step-box.step-1 .right-panel>.vip-version-category-list>.vip-version-category-li.active>.desc {
    color: #333
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel>.vip-version-category-list>.vip-version-category-li>.title {
    height: 22px;
    line-height: 22px;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #666
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel>.vip-version-category-list>.vip-version-category-li>.title .icon {
    width: 17px;
    height: 20px;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 10px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel>.vip-version-category-list>.vip-version-category-li>.desc {
    color: #777;
    font-size: 13px;
    height: 18px;
    line-height: 18px;
    margin-top: 3px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box {
    width: 100%;
    padding: 12px 32px 0 24px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    position: relative;
    z-index: 2;
    background: #fff
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box>.sub-title {
    height: 20px;
    line-height: 20px;
    color: #333;
    font-weight: 700;
    font-size: 14px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    white-space: nowrap
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box>.sub-title .icon {
    width: 20px;
    height: 13px;
    margin-right: 6px;
    -o-object-fit: cover;
    object-fit: cover
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .category-list {
    width: 100%;
    height: 34px;
    line-height: 34px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    z-index: 2;
    margin-top: 10px;
    left: -8px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .category-list .feature-category-li {
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 14px;
    color: #666;
    width: 100px;
    max-width: 100px;
    white-space: nowrap;
    word-break: keep-all;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    font-weight: 700
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .category-list .feature-category-li .new-icon {
    position: absolute;
    line-height: 1;
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 10px;
    color: #fff;
    text-align: left;
    font-style: normal;
    background: #eb423b;
    padding: 3px 2px;
    border-radius: 8px 0;
    right: -8px;
    top: -8px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .category-list .feature-category-li .new-icon em {
    display: block;
    font-style: normal;
    transform: scale(.8)
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .category-list .feature-category-li.advanced-feature {
    height: 28px;
    min-width: 90px;
    margin-right: 8px;
    font-weight: 700;
    color: #333
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .category-list .feature-category-li.advanced-feature:after {
    display: none !important
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .category-list .feature-category-li.advanced-feature:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 20px;
    background: #e8e8e8;
    right: -5px;
    top: 50%;
    transform: translateY(-50%)
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .category-list .feature-category-li.advanced-feature.active {
    color: #dfba76;
    background: linear-gradient(141deg, #616161, #404040);
    border-radius: 4px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .category-list .feature-category-li>.icon {
    width: 15px;
    height: 12px;
    margin-right: 4px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .category-list .feature-category-li:after {
    content: "";
    position: absolute;
    width: 40px;
    height: 3px;
    background: #20c05c;
    left: 50%;
    transform: translate(-50%);
    bottom: 0;
    display: none
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .category-list .feature-category-li:hover {
    color: #20c05c
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .category-list .feature-category-li.active {
    font-size: 14px;
    color: #20c05c
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .category-list .feature-category-li.active:after {
    display: block
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list {
    width: 612px;
    height: 324px;
    overflow: auto;
    overscroll-behavior: none;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    padding: 0 24px;
    position: relative;
    z-index: 1;
    left: -24px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list::-webkit-scrollbar {
    width: 8px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background: #c8c8c8;
    cursor: pointer
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list::-webkit-scrollbar-thumb:hover {
    background: #bebebe
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list::-webkit-scrollbar-thumb:active {
    background: #b0b0b0
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.flash-sale-feature-list {
    display: flex;
    flex-direction: row;
    padding-top: 49px;
    position: relative
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.flash-sale-feature-list .flash-sale-tips {
    width: 560px;
    height: 42px;
    background: #fff3e3;
    border-radius: 2px;
    border: 1px solid #ffbfa9;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 13px;
    color: #ff541a;
    text-align: left;
    font-style: normal;
    display: flex;
    align-items: center;
    position: absolute;
    top: 16px;
    padding-left: 16px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.flash-sale-feature-list .flash-sale-tips img {
    width: 12px;
    margin-right: 4px;
    position: relative;
    top: -2px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.with-welfare-tips {
    height: 296px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.with-huabei {
    height: 277px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.with-welfare-tips.with-huabei {
    height: 247px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list::-webkit-scrollbar {
    width: 4px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: #d6d6d6;
    border-radius: 20px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list .feature-li {
    width: 100%;
    flex-shrink: 0;
    list-style: none;
    transition: all .3s
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list .feature-li.flash-sale-feature-li {
    display: flex;
    flex-shrink: initial;
    width: 180px;
    height: 232px;
    border-radius: 4px;
    border: 1px solid #dfdfdf;
    margin-right: 12px;
    cursor: pointer
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list .feature-li.flash-sale-feature-li:last-child {
    margin-right: 4px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list .feature-li.flash-sale-feature-li:hover {
    box-shadow: 0 2px 10px #e8e8e8;
    background: #f9fff8
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list .feature-li.flash-sale-feature-li:hover>div .flash-sale-title,
.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list .feature-li.flash-sale-feature-li:hover>div .flash-sale-desc {
    color: #17b23d
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list .feature-li.flash-sale-feature-li>div {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-left: 12px;
    padding-right: 12px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list .feature-li.flash-sale-feature-li>div .flash-sale-icon {
    width: 116px;
    left: 4px;
    margin-bottom: 12px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list .feature-li.flash-sale-feature-li>div .flash-sale-title {
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 14px;
    color: #000000a6;
    line-height: 20px;
    text-align: left;
    font-style: normal;
    margin-bottom: 16px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list .feature-li.flash-sale-feature-li>div .flash-sale-desc {
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 13px;
    color: #00000073;
    line-height: 18px;
    text-align: left
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list .feature-li.active .title,
.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list .feature-li.active .desc {
    color: #20c05c !important
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list .feature-li.active .desc {
    opacity: .7 !important
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list .feature-li.active .active-icon:not(.mpa-hide) {
    display: block
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list .feature-li>div {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 9px 0;
    padding: 6px 12px;
    position: relative
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list .feature-li>div>.active-icon {
    position: absolute;
    left: -18px;
    top: 50%;
    transform: translateY(-50%);
    display: none;
    width: 15px;
    height: 11px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list .feature-li>div .icon-placeholder,
.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list .feature-li>div>.icon {
    width: 52px;
    height: 51px;
    min-width: 52px;
    min-height: 51px;
    border-radius: 50%;
    margin-right: 13px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list .feature-li>div .icon-placeholder {
    background: #fff6f0
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list .feature-li>div .right-box {
    flex: 1;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list .feature-li>div .right-box .title {
    line-height: 20px;
    font-weight: 700;
    font-size: 14px;
    color: #353535;
    margin-top: 3px;
    position: relative;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list .feature-li>div .right-box .title .feature-scope {
    font-size: 12px;
    color: #999;
    font-weight: 400
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list .feature-li>div .right-box .title .special-flag {
    height: 15px;
    line-height: 15px;
    position: absolute;
    right: -38px;
    top: 50%;
    transform: translateY(-50%);
    background: linear-gradient(136deg, #f7786f, #eb433c);
    border-radius: 2px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
    word-break: keep-all;
    padding: 0 3px;
    display: flex;
    justify-content: center;
    align-items: center
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list .feature-li>div .right-box .title .special-flag .icon {
    width: 12px;
    height: 9px;
    margin-right: 2px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list .feature-li>div .right-box .title .special-flag:before {
    box-sizing: content-box;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-right-color: #f7786f;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -7px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list .feature-li>div .right-box .desc {
    margin-top: 5px;
    line-height: 18px;
    white-space: pre-wrap;
    word-break: break-all;
    font-size: 13px;
    color: #999;
    text-align: left
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.advanced-feature-list {
    height: 388px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.advanced-feature-list.with-welfare-tips {
    height: 360px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.advanced-feature-list.with-huabei {
    height: 341px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.advanced-feature-list.with-welfare-tips.with-huabei {
    height: 311px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.advanced-feature-list>.advanced-feature-title {
    width: 100%;
    height: 22px;
    flex-shrink: 0;
    margin: 12px 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.advanced-feature-list>.advanced-feature-title .icon {
    width: 19px;
    height: 23px;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0 2px 0 25px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.advanced-feature-list>.advanced-feature-title span {
    font-size: 16px;
    color: #333;
    font-weight: 700;
    margin-right: 15px;
    white-space: nowrap
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.advanced-feature-list>.advanced-feature-title .line-icon {
    width: 120px;
    -o-object-fit: contain;
    object-fit: contain
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.advanced-feature-list>.advanced-feature-li {
    width: 100%;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 12px 0 12px 10px;
    margin-bottom: 10px;
    flex-shrink: 0
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.advanced-feature-list>.advanced-feature-li.active {
    background: #f9e6c242;
    border: 1px solid rgba(223, 186, 118, .26)
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.advanced-feature-list>.advanced-feature-li>.icon-placeholder {
    width: 106px;
    height: 106px;
    min-width: 106px;
    border-radius: 4px;
    background: #fff6f0
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.advanced-feature-list>.advanced-feature-li>.icon {
    width: 106px;
    height: 106px;
    min-width: 106px;
    -o-object-fit: contain;
    object-fit: contain
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.advanced-feature-list>.advanced-feature-li>.info-wrapper {
    width: 380px;
    min-width: 380px;
    margin-left: 23px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    margin-right: 18px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.advanced-feature-list>.advanced-feature-li>.info-wrapper>.title {
    height: 18px;
    line-height: 18px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: 700;
    font-size: 14px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.advanced-feature-list>.advanced-feature-li>.info-wrapper>.title span {
    white-space: nowrap;
    word-break: keep-all
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.advanced-feature-list>.advanced-feature-li>.info-wrapper>.title>.special-flag {
    height: 18px;
    line-height: 18px;
    background: #f5d9a5;
    border-radius: 4px;
    color: #895b10;
    right: -46px;
    font-size: 12px;
    padding: 0 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 6px;
    font-weight: 400
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.advanced-feature-list>.advanced-feature-li>.info-wrapper>.title>.special-flag .icon {
    width: 12px;
    height: 10px;
    margin-right: 1px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.advanced-feature-list>.advanced-feature-li>.info-wrapper>.title>.special-flag:before {
    display: none
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.advanced-feature-list>.advanced-feature-li>.info-wrapper>.title>.feature-scope {
    font-size: 12px;
    color: #666;
    font-weight: 400;
    height: 17px;
    line-height: 17px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.advanced-feature-list>.advanced-feature-li>.info-wrapper>.desc {
    font-size: 13px;
    width: 100%;
    white-space: pre-wrap;
    word-break: break-all;
    color: #777;
    line-height: 18px;
    margin-top: 10px;
    text-align: left
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.advanced-feature-list>.advanced-feature-li>.info-wrapper>.scenes-list {
    width: 100%;
    margin-top: 16px;
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    overflow: auto
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.advanced-feature-list>.advanced-feature-li>.info-wrapper>.scenes-list::-webkit-scrollbar {
    width: 8px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.advanced-feature-list>.advanced-feature-li>.info-wrapper>.scenes-list::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background: #c8c8c8;
    cursor: pointer
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.advanced-feature-list>.advanced-feature-li>.info-wrapper>.scenes-list::-webkit-scrollbar-thumb:hover {
    background: #bebebe
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.advanced-feature-list>.advanced-feature-li>.info-wrapper>.scenes-list::-webkit-scrollbar-thumb:active {
    background: #b0b0b0
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.advanced-feature-list>.advanced-feature-li>.info-wrapper>.scenes-list::-webkit-scrollbar {
    height: 4px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.advanced-feature-list>.advanced-feature-li>.info-wrapper>.scenes-list .scenes-li {
    height: 23px;
    line-height: 23px;
    border-radius: 4px;
    background: linear-gradient(141deg, #616161, #404040);
    text-align: center;
    margin-right: 12px;
    color: #f6d392;
    font-size: 12px;
    padding: 0 8px;
    white-space: nowrap;
    word-break: keep-all
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.advanced-feature-list>.advanced-feature-li>.action-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.advanced-feature-list>.advanced-feature-li>.action-wrap>.mpa-btn-v1 {
    width: 72px;
    height: 32px;
    line-height: 32px;
    background: #f1f1f1;
    border: none;
    color: #333;
    font-size: 13px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.advanced-feature-list>.advanced-feature-li>.action-wrap>.mpa-btn-v1:hover {
    opacity: .8
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.advanced-feature-list>.advanced-feature-li>.action-wrap>.mpa-btn-v1:last-child {
    margin-top: 16px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.advanced-feature-list>.advanced-feature-li.advanced-feature-li-vip2 {
    justify-content: flex-start;
    margin-bottom: 0
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.advanced-feature-list>.advanced-feature-li.advanced-feature-li-vip2>.info-wrapper {
    width: auto;
    min-width: unset;
    flex: 1;
    margin-right: 0
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.advanced-feature-list>.advanced-feature-li.advanced-feature-li-vip2>.info-wrapper .vip2-feature-list {
    flex: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    list-style: none
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.advanced-feature-list>.advanced-feature-li.advanced-feature-li-vip2>.info-wrapper .vip2-feature-list>.vip2-feature-li {
    width: 30%;
    margin-top: 10px;
    text-align: left;
    position: relative;
    color: #333;
    font-size: 13px;
    text-indent: 14px;
    white-space: nowrap;
    word-break: keep-all
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.advanced-feature-list>.advanced-feature-li.advanced-feature-li-vip2>.info-wrapper .vip2-feature-list>.vip2-feature-li.vip2-feature-li-more {
    text-indent: 0;
    display: flex;
    flex-direction: row;
    align-items: center
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.advanced-feature-list>.advanced-feature-li.advanced-feature-li-vip2>.info-wrapper .vip2-feature-list>.vip2-feature-li.vip2-feature-li-more:before {
    display: none
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.advanced-feature-list>.advanced-feature-li.advanced-feature-li-vip2>.info-wrapper .vip2-feature-list>.vip2-feature-li.vip2-feature-li-more img {
    width: 14px;
    height: 14px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.advanced-feature-list>.advanced-feature-li.advanced-feature-li-vip2>.info-wrapper .vip2-feature-list>.vip2-feature-li.vip2-feature-li-more span {
    font-size: 12px;
    color: #999;
    margin-left: 6px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box .feature-list.advanced-feature-list>.advanced-feature-li.advanced-feature-li-vip2>.info-wrapper .vip2-feature-list>.vip2-feature-li:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #e1b157;
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box>.mask-for-advanced-feature {
    width: 100%;
    height: calc(100% - 74px);
    background: #ffffffdb;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box>.mask-for-advanced-feature>.icon {
    width: 161px;
    height: 166px;
    -o-object-fit: contain;
    object-fit: contain
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box>.mask-for-advanced-feature>.desc {
    height: 20px;
    line-height: 20px;
    color: #333;
    font-size: 14px;
    margin-top: 20px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box>.mask-for-advanced-feature>.mpa-btn-v1 {
    width: 108px;
    height: 32px;
    margin-top: 16px;
    border: 1px solid #20c05c;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #20c05c;
    font-size: 14px;
    font-weight: 700;
    border-radius: 18px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .feature-box>.mask-for-advanced-feature>.mpa-btn-v1 .icon {
    width: 19px;
    height: 23px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-right: 3px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    padding: 28px 32px 0 30px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box.with-welfare-tips {
    padding-top: 10px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .welfare-tips {
    width: 556px;
    height: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #f4f4f4;
    border-radius: 2px;
    margin-bottom: 16px;
    padding: 0 12px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .welfare-tips .gift-icon {
    width: 15px;
    height: 15px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .welfare-tips .text {
    color: #333;
    font-size: 12px;
    margin-left: 6px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .purchase-time-box {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .purchase-time-box .label {
    color: #353535;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    margin-right: 12px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .purchase-time-box .purchase-time-list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .purchase-time-box .purchase-time-list .mpa-btn-v1.purchase-time-btn {
    height: 32px;
    line-height: 32px;
    min-width: 96px;
    margin-right: 21px;
    border-radius: 4px;
    border: 1px solid #cacaca;
    color: #8d8d8d;
    font-size: 14px;
    position: relative;
    z-index: 3
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .purchase-time-box .purchase-time-list .mpa-btn-v1.purchase-time-btn.active {
    border: 1px solid #20c05c;
    color: #20c05c
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .purchase-time-box .purchase-time-list .mpa-btn-v1.purchase-time-btn.hide-ai-tips .tips-ai,
.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .purchase-time-box .purchase-time-list .mpa-btn-v1.purchase-time-btn.hide-ai-tips .give-ai-vip-tooltip,
.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .purchase-time-box .purchase-time-list .mpa-btn-v1.purchase-time-btn.hide-ai-tips:hover .give-ai-vip-tooltip {
    display: none
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .purchase-time-box .purchase-time-list .mpa-btn-v1.purchase-time-btn:last-child {
    margin: 0
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .purchase-time-box .purchase-time-list .mpa-btn-v1.purchase-time-btn:hover .give-ai-vip-tooltip {
    display: block
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .purchase-time-box .purchase-time-list .mpa-btn-v1.purchase-time-btn .tips {
    position: absolute;
    height: 17px;
    line-height: 17px;
    background: #eb433c;
    border-radius: 12px;
    color: #fff;
    padding: 0 8px;
    font-weight: 700;
    top: -9px;
    right: -2px;
    font-size: 10px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .purchase-time-box .purchase-time-list .mpa-btn-v1.purchase-time-btn .tips.vip2.gift-ai {
    display: none
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .purchase-time-box .purchase-time-list .mpa-btn-v1.purchase-time-btn .tips-ai {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translate(-50%);
    height: 18px;
    line-height: 18px;
    background: #f5722e;
    width: 92px;
    text-align: center;
    border-radius: 10px;
    color: #fff;
    font-size: 12px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .purchase-time-box .purchase-time-list .mpa-btn-v1.purchase-time-btn .give-ai-vip-tooltip {
    position: absolute;
    width: 200px;
    top: -58px;
    left: -30px;
    display: none
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .purchase-time-box .purchase-time-list>.tips-box {
    height: 17px;
    line-height: 17px;
    position: absolute;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    left: 0;
    bottom: -26px;
    word-break: keep-all;
    white-space: nowrap
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .purchase-time-box .purchase-time-list>.tips-box .icon {
    width: 15px;
    height: 15px;
    margin-right: 4px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .purchase-time-box .purchase-time-list>.tips-box .text {
    color: #ff7600;
    font-size: 12px;
    position: relative;
    top: 1px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .purchase-time-box .huabei-checkbox-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .purchase-time-box .huabei-checkbox-wrap>.tips {
    position: absolute;
    padding: 2px 8px;
    border-radius: 4px;
    border: 1px solid #ea423b;
    color: #f0423a;
    font-size: 11px;
    white-space: nowrap;
    word-break: keep-all;
    left: 50%;
    transform: translate(-50%);
    top: -28px;
    line-height: 16px;
    cursor: default;
    background: #fff
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .purchase-time-box .huabei-checkbox-wrap>.tips:after {
    box-sizing: content-box;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #fff;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    z-index: 2;
    bottom: -10px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .purchase-time-box .huabei-checkbox-wrap>.tips:before {
    box-sizing: content-box;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #ea423b;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    z-index: 1;
    bottom: -11px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .purchase-time-box .huabei-checkbox-wrap .checkbox {
    width: 12px;
    height: 12px;
    border-radius: 2px;
    border: 1px solid #666666;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .purchase-time-box .huabei-checkbox-wrap .checkbox .select-icon {
    width: 8px;
    height: 6px;
    display: none
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .purchase-time-box .huabei-checkbox-wrap .checkbox.checked {
    border: none;
    background-color: #20c05c
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .purchase-time-box .huabei-checkbox-wrap .checkbox.checked .select-icon {
    display: inline-block
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .purchase-time-box .huabei-checkbox-wrap .huabei-icon {
    width: 16px;
    height: 16px;
    margin-left: 10px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .purchase-time-box .huabei-checkbox-wrap .text {
    color: #666;
    font-size: 13px;
    margin-left: 4px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .huabei-stages-box {
    width: 100%;
    height: 46px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    margin-top: 15px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .huabei-stages-box .label {
    color: #353535;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    margin-right: 16px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .huabei-stages-box .loading-icon {
    width: 12px;
    height: 12px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .huabei-stages-box .huabei-stages-list {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .huabei-stages-box .huabei-stages-list .huabei-stages-li {
    width: 120px;
    height: 46px;
    border-radius: 4px;
    border: 1px solid #cccccc;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: #999;
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-right: 20px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .huabei-stages-box .huabei-stages-list .huabei-stages-li.active {
    border: 1px solid #26be49;
    color: #26be49
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .huabei-stages-box .huabei-stages-list .huabei-stages-li .price-box {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 18px;
    line-height: 18px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .huabei-stages-box .huabei-stages-list .huabei-stages-li .fee-box {
    height: 18px;
    line-height: 18px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .buy-box {
    width: 100%;
    height: 53px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 24px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .buy-box.with-huabei {
    margin-top: 10px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .buy-box .invoice-tips {
    color: #999;
    font-size: 14px;
    position: relative;
    text-indent: 13px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .buy-box .invoice-tips:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #d8d8d8;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .buy-box .right-box {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .buy-box .right-box .price-box {
    margin-right: 20px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-direction: column;
    position: relative
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .buy-box .right-box .price-box .welfare-label {
    position: absolute;
    background: #ffdabb;
    border-radius: 13px 2px;
    color: #e98930;
    font-weight: 400;
    font-size: 13px;
    padding: 0 9px;
    height: 20px;
    line-height: 20px;
    right: 0;
    top: -18px;
    white-space: nowrap;
    word-break: keep-all
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .buy-box .right-box .price-box .actual-price {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 36px;
    line-height: 36px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .buy-box .right-box .price-box .actual-price .label {
    font-size: 14px;
    color: #535353;
    margin-right: 2px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .buy-box .right-box .price-box .actual-price .price {
    color: #20c05c;
    font-size: 25px;
    font-weight: 700;
    margin-right: 1px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .buy-box .right-box .price-box .actual-price .unit {
    color: #20c05c;
    font-size: 16px;
    position: relative;
    top: 2px;
    height: 22px;
    line-height: 22px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .buy-box .right-box .price-box .origin-price {
    height: 17px;
    line-height: 17px;
    color: #8d8d8d;
    font-size: 12px;
    text-decoration: line-through
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .buy-box .right-box .mpa-btn-v1.buy-btn {
    width: 235px;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    position: relative;
    letter-spacing: 2px;
    border: none;
    z-index: 3
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .buy-box .right-box .mpa-btn-v1.buy-btn.hide-welfare-tips .new-user-discount-box-wrapper {
    display: none
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .buy-box .right-box .mpa-btn-v1.buy-btn .new-user-discount-box {
    position: absolute;
    right: -20px;
    top: -77px
}

.buy-vip-dialog-v3-container .step-box.step-1 .right-panel .action-box .buy-box .right-box .mpa-btn-v1.buy-btn .new-user-discount-box * {
    box-sizing: border-box;
    line-height: initial;
    letter-spacing: initial
}

.buy-vip-dialog-v3-container .step-box.step-1.theme-for-vip3>.left-panel {
    background: linear-gradient(141deg, #616161, #404040)
}

.buy-vip-dialog-v3-container .step-box.step-1.theme-for-vip3>.left-panel>.gift-box>.title {
    font-weight: 700
}

.buy-vip-dialog-v3-container .step-box.step-1.theme-for-vip3>.left-panel>.gift-box>.title,
.buy-vip-dialog-v3-container .step-box.step-1.theme-for-vip3>.left-panel>.gift-box>.desc {
    color: #dfba76
}

.buy-vip-dialog-v3-container .step-box.step-1.theme-for-vip3>.left-panel>.gift-box>.gift-list::-webkit-scrollbar-track-piece {
    background-color: transparent
}

.buy-vip-dialog-v3-container .step-box.step-1.theme-for-vip3>.left-panel>.gift-box>.gift-list::-webkit-scrollbar-thumb {
    background: #ffffff4d
}

.buy-vip-dialog-v3-container .step-box.step-1.theme-for-vip3>.left-panel>.gift-box>.gift-list .gift-v1-li .title,
.buy-vip-dialog-v3-container .step-box.step-1.theme-for-vip3>.left-panel>.gift-box>.gift-list .gift-v1-li .desc {
    color: #dfba76
}

.buy-vip-dialog-v3-container .step-box.step-1.theme-for-vip3>.left-panel>.gift-box>.gift-list .gift-v1-li:hover {
    background: #00000017
}

.buy-vip-dialog-v3-container .step-box.step-1.theme-for-vip3>.left-panel>.partner-comment-box>.title {
    color: #dfba76
}

.buy-vip-dialog-v3-container .step-box.step-1.theme-for-vip3>.left-panel>.partner-comment-box .comment {
    color: #dfba76
}

.buy-vip-dialog-v3-container .step-box.step-1.theme-for-vip3>.left-panel>.partner-comment-box .partner-comment-li .nickname {
    color: #dfba76
}

.buy-vip-dialog-v3-container .step-box.step-1.theme-for-vip3>.right-panel>.feature-box .category-list {
    height: 34px;
    line-height: 34px;
    background: linear-gradient(141deg, #616161, #404040);
    border-radius: 4px
}

.buy-vip-dialog-v3-container .step-box.step-1.theme-for-vip3>.right-panel>.feature-box .category-list .feature-category-li {
    height: 22px;
    line-height: 22px;
    padding: 0 8px;
    color: #dfba76
}

.buy-vip-dialog-v3-container .step-box.step-1.theme-for-vip3>.right-panel>.feature-box .category-list .feature-category-li.advanced-feature {
    height: 22px;
    line-height: 22px;
    min-width: auto;
    margin-right: 8px;
    font-weight: 700;
    color: #dfba76
}

.buy-vip-dialog-v3-container .step-box.step-1.theme-for-vip3>.right-panel>.feature-box .category-list .feature-category-li.advanced-feature:after {
    display: none !important
}

.buy-vip-dialog-v3-container .step-box.step-1.theme-for-vip3>.right-panel>.feature-box .category-list .feature-category-li.advanced-feature:before {
    background: #dfba76
}

.buy-vip-dialog-v3-container .step-box.step-1.theme-for-vip3>.right-panel>.feature-box .category-list .feature-category-li.advanced-feature.active {
    background: #dfba76;
    border-radius: 3px;
    color: #fff
}

.buy-vip-dialog-v3-container .step-box.step-1.theme-for-vip3>.right-panel>.feature-box .category-list .feature-category-li .text {
    font-weight: 400
}

.buy-vip-dialog-v3-container .step-box.step-1.theme-for-vip3>.right-panel>.feature-box .category-list .feature-category-li:hover {
    color: #f5d393;
    font-weight: 700;
    background: #00000017
}

.buy-vip-dialog-v3-container .step-box.step-1.theme-for-vip3>.right-panel>.feature-box .category-list .feature-category-li.active {
    background: #dfba76;
    border-radius: 3px;
    color: #fff;
    font-weight: 700
}

.buy-vip-dialog-v3-container .step-box.step-1.theme-for-vip3>.right-panel>.feature-box .category-list .feature-category-li.active:after {
    display: none
}

.buy-vip-dialog-v3-container .step-box.step-1.theme-for-vip3>.right-panel>.feature-box .feature-list {
    border-top: 1px solid transparent
}

.buy-vip-dialog-v3-container .step-box.step-1.theme-for-vip3>.right-panel>.feature-box .feature-list .feature-li {
    border-radius: 4px;
    border: 1px solid transparent
}

.buy-vip-dialog-v3-container .step-box.step-1.theme-for-vip3>.right-panel>.feature-box .feature-list .feature-li>.right-box .desc {
    color: #777 !important
}

.buy-vip-dialog-v3-container .step-box.step-1.theme-for-vip3>.right-panel>.feature-box .feature-list .feature-li>.right-box .title .special-flag {
    height: 18px;
    line-height: 18px;
    background: linear-gradient(141deg, #616161, #404040);
    border-radius: 4px;
    padding: 0 3px;
    color: #f6d392;
    right: -46px
}

.buy-vip-dialog-v3-container .step-box.step-1.theme-for-vip3>.right-panel>.feature-box .feature-list .feature-li>.right-box .title .special-flag:before {
    display: none
}

.buy-vip-dialog-v3-container .step-box.step-1.theme-for-vip3>.right-panel>.feature-box .feature-list .feature-li.active {
    border: 1px solid #dfba76
}

.buy-vip-dialog-v3-container .step-box.step-1.theme-for-vip3>.right-panel>.feature-box .feature-list .feature-li.active .right-box .title,
.buy-vip-dialog-v3-container .step-box.step-1.theme-for-vip3>.right-panel>.feature-box .feature-list .feature-li.active .right-box .desc {
    color: #b98627 !important
}

.buy-vip-dialog-v3-container .step-box.step-1.theme-for-vip3>.right-panel>.feature-box .feature-list .feature-li.active .right-box .title .feature-scope {
    color: #dfba76
}

.buy-vip-dialog-v3-container .step-box.step-1.theme-for-vip3>.right-panel>.action-box>.purchase-time-box>.purchase-time-list .mpa-btn-v1.purchase-time-btn.active {
    border: 1px solid #dfba76;
    background: #ffeecd;
    color: #b98627;
    font-weight: 700
}

.buy-vip-dialog-v3-container .step-box.step-1.theme-for-vip3>.right-panel>.action-box>.purchase-time-box>.purchase-time-list .mpa-btn-v1.purchase-time-btn.active .tips-ai {
    font-weight: 400
}

.buy-vip-dialog-v3-container .step-box.step-1.theme-for-vip3>.right-panel>.action-box>.huabei-stages-box .huabei-stages-li.active {
    border: 1px solid #dfba76;
    background: #ffeecd;
    color: #b98627
}

.buy-vip-dialog-v3-container .step-box.step-1.theme-for-vip3>.right-panel>.action-box>.buy-box>.right-box>.price-box .actual-price .price,
.buy-vip-dialog-v3-container .step-box.step-1.theme-for-vip3>.right-panel>.action-box>.buy-box>.right-box>.price-box .unit {
    color: #c68e28
}

.buy-vip-dialog-v3-container .step-box.step-1.theme-for-vip3>.right-panel>.action-box>.buy-box>.right-box>.mpa-btn-v1.primary.buy-btn {
    background: linear-gradient(141deg, #616161, #404040);
    color: #f6d392
}

.buy-vip-dialog-v3-container .step-box.step-1.theme-for-vip3>.right-panel>.action-box>.buy-box>.right-box>.mpa-btn-v1.primary.buy-btn:hover {
    opacity: .86
}

.buy-vip-dialog-v3-container .step-box.step-2 {
    width: 100%;
    height: 100%;
    padding-top: 24px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column
}

.buy-vip-dialog-v3-container .step-box.step-2 .title {
    height: 36px;
    line-height: 36px;
    width: 100%;
    color: #333;
    font-weight: 700;
    font-size: 18px;
    text-align: center
}

.buy-vip-dialog-v3-container .step-box.step-2 .pay-channel-box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 24px
}

.buy-vip-dialog-v3-container .step-box.step-2 .pay-channel-box .mpa-btn-v1.pay-channel-btn {
    width: 124px;
    height: 36px;
    border-radius: 4px;
    border: 1px solid #cdcdcd;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden
}

.buy-vip-dialog-v3-container .step-box.step-2 .pay-channel-box .mpa-btn-v1.pay-channel-btn:first-child {
    margin-right: 10px
}

.buy-vip-dialog-v3-container .step-box.step-2 .pay-channel-box .mpa-btn-v1.pay-channel-btn:last-child {
    margin-left: 10px
}

.buy-vip-dialog-v3-container .step-box.step-2 .pay-channel-box .mpa-btn-v1.pay-channel-btn.active {
    border: 1px solid #20c05c
}

.buy-vip-dialog-v3-container .step-box.step-2 .pay-channel-box .mpa-btn-v1.pay-channel-btn.active .icon {
    display: none
}

.buy-vip-dialog-v3-container .step-box.step-2 .pay-channel-box .mpa-btn-v1.pay-channel-btn.active .icon.active,
.buy-vip-dialog-v3-container .step-box.step-2 .pay-channel-box .mpa-btn-v1.pay-channel-btn.active .select-icon {
    display: block
}

.buy-vip-dialog-v3-container .step-box.step-2 .pay-channel-box .mpa-btn-v1.pay-channel-btn.active:after {
    display: block
}

.buy-vip-dialog-v3-container .step-box.step-2 .pay-channel-box .mpa-btn-v1.pay-channel-btn:after {
    content: "";
    width: 18px;
    height: 18px;
    background: #20c05c;
    position: absolute;
    right: -9px;
    bottom: -9px;
    transform: rotate(45deg);
    z-index: 1;
    display: none
}

.buy-vip-dialog-v3-container .step-box.step-2 .pay-channel-box .mpa-btn-v1.pay-channel-btn .select-icon {
    display: none;
    position: absolute;
    width: 8px;
    height: 6px;
    right: 0;
    bottom: 1px;
    z-index: 2
}

.buy-vip-dialog-v3-container .step-box.step-2 .pay-channel-box .mpa-btn-v1.pay-channel-btn .icon.active {
    display: none
}

.buy-vip-dialog-v3-container .step-box.step-2 .pay-channel-box .mpa-btn-v1.pay-channel-btn .icon.wechat {
    width: 84px;
    height: 18px
}

.buy-vip-dialog-v3-container .step-box.step-2 .pay-channel-box .mpa-btn-v1.pay-channel-btn .icon.ali {
    width: 95px;
    height: 18px
}

.buy-vip-dialog-v3-container .step-box.step-2 .price-text {
    color: #333;
    font-size: 14px;
    margin-top: 12px;
    font-weight: 600
}

.buy-vip-dialog-v3-container .step-box.step-2 .huabei-desc {
    margin-top: 20px;
    width: 100%;
    color: #333;
    font-size: 14px
}

.buy-vip-dialog-v3-container .step-box.step-2 .huabei-desc .desc {
    height: 20px;
    line-height: 20px;
    width: 100%;
    text-align: center
}

.buy-vip-dialog-v3-container .step-box.step-2 .huabei-desc .desc span {
    color: #20c05c
}

.buy-vip-dialog-v3-container .step-box.step-2 .pay-qr-box {
    width: 150px;
    height: 150px;
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center
}

.buy-vip-dialog-v3-container .step-box.step-2 .pay-qr-box .pay-qr {
    position: relative;
    width: 100%;
    height: 100%
}

.buy-vip-dialog-v3-container .step-box.step-2 .pay-qr-box .pay-qr>table {
    width: 150px;
    height: 150px
}

.buy-vip-dialog-v3-container .step-box.step-2 .pay-qr-box .loading-icon {
    width: 20px;
    height: 20px
}

.buy-vip-dialog-v3-container .step-box.step-2 .pay-qr-box .loading-fail-box {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    background: #f8f8f8
}

.buy-vip-dialog-v3-container .step-box.step-2 .pay-qr-box .loading-fail-box .icon {
    width: 54px;
    height: 49px;
    margin-top: 32px
}

.buy-vip-dialog-v3-container .step-box.step-2 .pay-qr-box .loading-fail-box .tips {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #999;
    height: 17px;
    line-height: 17px;
    font-size: 12px;
    margin-top: 8px
}

.buy-vip-dialog-v3-container .step-box.step-2 .pay-qr-box .loading-fail-box .tips .mpa-link-btn {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: #459ae9;
    margin-left: 8px
}

.buy-vip-dialog-v3-container .step-box.step-2 .pay-qr-box .loading-fail-box .tips .mpa-link-btn:hover {
    text-decoration: underline
}

.buy-vip-dialog-v3-container .step-box.step-2 .pay-qr-box .loading-fail-box .contact-btn {
    color: #666;
    font-size: 12px;
    margin-top: 19px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    height: 17px;
    line-height: 17px
}

.buy-vip-dialog-v3-container .step-box.step-2 .pay-qr-box .loading-fail-box .contact-btn:hover {
    text-decoration: underline
}

.buy-vip-dialog-v3-container .step-box.step-2 .invoice-tips {
    color: #999;
    font-size: 14px;
    position: relative;
    text-indent: 13px;
    margin-top: 16px
}

.buy-vip-dialog-v3-container .step-box.step-2 .invoice-tips:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #d8d8d8;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.buy-vip-dialog-v3-container .step-box.step-3 {
    width: 100%;
    height: 100%;
    padding-top: 24px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column
}

.buy-vip-dialog-v3-container .step-box.step-3 .title {
    height: 36px;
    line-height: 36px;
    width: 100%;
    color: #333;
    font-weight: 700;
    font-size: 18px;
    text-align: center
}

.buy-vip-dialog-v3-container .step-box.step-3 .pay-success-tips {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 13px;
    height: 25px;
    line-height: 25px
}

.buy-vip-dialog-v3-container .step-box.step-3 .pay-success-tips .icon {
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.buy-vip-dialog-v3-container .step-box.step-3 .pay-success-tips .text {
    color: #20c05c;
    font-size: 18px;
    font-weight: 700;
    height: 25px;
    line-height: 25px
}

.buy-vip-dialog-v3-container .step-box.step-3 .desc {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 23px;
    line-height: 23px;
    margin-top: 14px
}

.buy-vip-dialog-v3-container .step-box.step-3 .desc .col-flex {
    flex: 1
}

.buy-vip-dialog-v3-container .step-box.step-3 .desc .col {
    display: block
}

.buy-vip-dialog-v3-container .step-box.step-3 .desc .text {
    color: #000;
    font-size: 14px
}

.buy-vip-dialog-v3-container .step-box.step-3 .desc .icon {
    width: 20px;
    height: 12px;
    transform: rotate(90deg)
}

.buy-vip-dialog-v3-container .step-box.step-3 .qr-code-wrap {
    margin-top: 12px;
    width: 150px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center
}

.buy-vip-dialog-v3-container .step-box.step-3 .qr-code-wrap .loading-icon {
    width: 20px;
    height: 20px
}

.buy-vip-dialog-v3-container .step-box.step-3 .qr-code-wrap .qr-code {
    width: 100%;
    height: 100%
}

.buy-vip-dialog-v3-container .step-box.step-3 .mpa-btn-v1.primary {
    width: 252px;
    height: 40px;
    line-height: 40px;
    margin-top: 48px;
    text-align: center;
    font-size: 14px;
    text-decoration: none
}

.buy-vip-dialog-v3-container .step-box.step-4 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    padding-top: 28px
}

.buy-vip-dialog-v3-container .step-box.step-4 .icon {
    width: 85px;
    height: 85px
}

.buy-vip-dialog-v3-container .step-box.step-4 .title {
    height: 20px;
    line-height: 20px;
    margin-top: 17px;
    color: #333;
    font-size: 14px
}

.buy-vip-dialog-v3-container .step-box.step-4 .gift-box {
    background: #fff;
    border: 1px solid #e9e9e9;
    width: 372px;
    height: 116px;
    border-radius: 3px;
    padding: 28px 10px 24px;
    box-sizing: border-box;
    position: relative;
    margin-top: 36px
}

.buy-vip-dialog-v3-container .step-box.step-4 .gift-box>.desc {
    position: absolute;
    top: -11px;
    left: 50%;
    transform: translate(-50%);
    color: #24be58;
    font-size: 11px;
    line-height: 22px;
    text-align: center;
    height: 22px;
    background: #edfae9;
    border-radius: 11px 2px;
    padding: 0 6px
}

.buy-vip-dialog-v3-container .step-box.step-4 .gift-box .gift-list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    justify-content: flex-start
}

.buy-vip-dialog-v3-container .step-box.step-4 .gift-box .gift-list .col-flex {
    flex: 1
}

.buy-vip-dialog-v3-container .step-box.step-4 .gift-box .gift-list .col {
    display: block
}

.buy-vip-dialog-v3-container .step-box.step-4 .gift-box .gift-list .gift-v2-li {
    position: relative;
    width: 82px;
    height: 22px;
    margin-bottom: 14px;
    list-style: none
}

.buy-vip-dialog-v3-container .step-box.step-4 .gift-box .gift-list .gift-v2-li .icon {
    width: 82px;
    height: 22px;
    -o-object-fit: cover;
    object-fit: cover
}

.buy-vip-dialog-v3-container .step-box.step-4 .gift-box .gift-list .gift-v2-li .desc-pop {
    display: none;
    padding: 10px 13px;
    border: none;
    box-shadow: 0 2px 8px #00000026;
    color: #000000a6;
    background: #fff;
    font-size: 13px;
    line-height: 22px;
    position: absolute;
    left: -16px;
    bottom: calc(100% + 5px);
    white-space: nowrap;
    border-radius: 4px;
    z-index: 9999
}

.buy-vip-dialog-v3-container .step-box.step-4 .gift-box .gift-list .gift-v2-li .desc-pop .name {
    color: #333
}

.buy-vip-dialog-v3-container .step-box.step-4 .gift-box .gift-list .gift-v2-li .desc-pop .price {
    color: #ec5a00;
    font-weight: 700
}

.buy-vip-dialog-v3-container .step-box.step-4 .gift-box .gift-list .gift-v2-li .desc-pop .desc {
    color: #c6985f;
    position: static;
    background: transparent;
    margin-left: 10px
}

.buy-vip-dialog-v3-container .step-box.step-4 .gift-box .gift-list .gift-v2-li .desc-pop:after {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background: #fff;
    z-index: 2;
    transform: rotate(45deg);
    bottom: -3px;
    left: 20px
}

.buy-vip-dialog-v3-container .step-box.step-4 .gift-box .gift-list .gift-v2-li:hover .desc-pop {
    display: block
}

.buy-vip-dialog-v3-container .step-box.step-4 .gift-box .gift-list .gift-v2-li.right-most .desc-pop {
    left: auto;
    right: -12px
}

.buy-vip-dialog-v3-container .step-box.step-4 .gift-box .gift-list .gift-v2-li.right-most .desc-pop:after {
    left: auto;
    right: 60px
}

.buy-vip-dialog-v3-container .step-box.step-4 .gift-box .vip-lock-layer {
    width: 100%;
    height: 130px;
    position: absolute;
    top: -14px;
    left: 0;
    z-index: 1;
    border-radius: 3px;
    background: #fefff2e6;
    border: 1px dashed rgba(36, 190, 72, .46);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.buy-vip-dialog-v3-container .step-box.step-4 .gift-box .vip-lock-layer .icon {
    width: 15px;
    height: 17px;
    -o-object-fit: cover;
    object-fit: cover
}

.buy-vip-dialog-v3-container .step-box.step-4 .gift-box .vip-lock-layer .desc {
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #24be58;
    line-height: 20px;
    margin: 0 0 0 5px
}

.buy-vip-dialog-v3-container .step-box.step-4 .button-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px
}

.buy-vip-dialog-v3-container .step-box.step-4 .button-wrap .mpa-btn-v1 {
    width: 152px;
    height: 40px;
    line-height: 40px;
    color: #000000a6
}

.buy-vip-dialog-v3-container .step-box.step-4 .button-wrap .mpa-btn-v1.primary {
    color: #fff
}

.buy-vip-dialog-v3-container .step-box.step-4 .button-wrap .mpa-btn-v1:first-child {
    margin-right: 10px
}

.buy-vip-dialog-v3-container .step-box.step-4 .button-wrap .mpa-btn-v1:last-child {
    margin-left: 10px
}

.buy-vip-dialog-v3-container .step-box.step-5 .step5-close-btn {
    width: 32px;
    cursor: pointer;
    position: absolute;
    top: 178px;
    right: 137px
}

.buy-vip-dialog-v3-container .step-box.step-5 .banner {
    width: 100%;
    height: 100%
}

.buy-vip-dialog-v3-container .step-box.step-5 .old-user-welfare-countdown-box {
    display: flex;
    align-items: center;
    position: absolute;
    top: 390px;
    left: 405px
}

.buy-vip-dialog-v3-container .step-box.step-5 .old-user-welfare-countdown-box .unit {
    font-size: 18px;
    color: #fff;
    margin: 0 4px
}

.buy-vip-dialog-v3-container .step-box.step-5 .old-user-welfare-countdown-box .hour,
.buy-vip-dialog-v3-container .step-box.step-5 .old-user-welfare-countdown-box .min,
.buy-vip-dialog-v3-container .step-box.step-5 .old-user-welfare-countdown-box .second {
    width: 29px;
    height: 37px;
    background: linear-gradient(180deg, #a1221a, #680f0b);
    border-radius: 6px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 37px
}

.buy-vip-dialog-v3-container .step-box.step-5 .receive-btn {
    width: 266px;
    height: 65px;
    position: absolute;
    bottom: 163px;
    left: 283px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.buy-vip-dialog-v3-container.direct-mode .inner.step-1 {
    width: 973px;
    height: 620px
}

.buy-vip-dialog-v3-container.direct-mode .step-box.step-1 .right-panel {
    padding-top: 20px
}

.buy-vip-dialog-v3-container.direct-mode .step-box.step-1 .right-panel .vip-version-category-list {
    display: flex;
    justify-content: flex-start;
    padding-left: 32px
}

.buy-vip-dialog-v3-container.direct-mode .step-box.step-1 .right-panel .vip-version-category-list .vip-version-category-li {
    width: 299px
}

.buy-vip-dialog-v3-container.direct-mode .step-box.step-1 .right-panel .feature-box {
    padding-right: 39px;
    padding-left: 32px
}

.buy-vip-dialog-v3-container.direct-mode .step-box.step-1 .right-panel .feature-list {
    padding: 0;
    left: 0;
    width: 100%;
    border-bottom: none
}

.buy-vip-dialog-v3-container.direct-mode .step-box.step-1 .right-panel .feature-list.flash-sale-feature-list {
    display: flex;
    justify-content: space-between
}

.buy-vip-dialog-v3-container.direct-mode .step-box.step-1 .right-panel .feature-list.flash-sale-feature-list .flash-sale-tips {
    width: 100%
}

.buy-vip-dialog-v3-container.direct-mode .step-box.step-1 .right-panel .feature-list.flash-sale-feature-list .flash-sale-feature-li {
    margin-right: 0
}

.buy-vip-dialog-v3-container.direct-mode .step-box.step-1 .right-panel .feature-list.flash-sale-feature-list .flash-sale-feature-li:last-child {
    margin-right: 0
}

.buy-vip-dialog-v3-container.direct-mode .step-box.step-1 .right-panel .feature-list .feature-li>div {
    padding-left: 0;
    padding-right: 0
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box {
    display: flex;
    padding-left: 30px;
    padding-top: 16px;
    position: relative;
    z-index: 2;
    background: #fff;
    box-shadow: 0 -1px #e0e0e080
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .left-pay-box {
    display: flex;
    flex-direction: column;
    position: relative
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .left-pay-box .plan-tips {
    font-weight: 400;
    font-size: 13px;
    color: #666;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 8px;
    line-height: initial
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .left-pay-box .plan-box {
    display: flex;
    position: relative;
    gap: 10px
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .left-pay-box .plan-box .plan-item {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    width: 88px;
    height: 48px;
    background: #fcfcfc;
    border-radius: 8px;
    border: 1px solid #E9E9E9
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .left-pay-box .plan-box .plan-item.hide-ai-tips .tips-ai,
.buy-vip-dialog-v3-container.direct-mode .direct-action-box .left-pay-box .plan-box .plan-item.hide-ai-tips .give-ai-vip-tooltip,
.buy-vip-dialog-v3-container.direct-mode .direct-action-box .left-pay-box .plan-box .plan-item.hide-ai-tips:hover .give-ai-vip-tooltip {
    display: none
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .left-pay-box .plan-box .plan-item>* {
    position: relative;
    z-index: 1
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .left-pay-box .plan-box .plan-item .plan-item-time {
    font-weight: 400;
    font-size: 13px;
    color: #333
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .left-pay-box .plan-box .plan-item .plan-item-price {
    font-weight: 600;
    font-size: 24px;
    color: #333
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .left-pay-box .plan-box .plan-item .plan-item-origin-price {
    font-weight: 400;
    font-size: 12px;
    color: #999;
    text-decoration-line: line-through
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .left-pay-box .plan-box .plan-item .background {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    display: none
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .left-pay-box .plan-box .plan-item .selected-icon {
    width: 22px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: none
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .left-pay-box .plan-box .plan-item:hover,
.buy-vip-dialog-v3-container.direct-mode .direct-action-box .left-pay-box .plan-box .plan-item.selected {
    border: 1px solid transparent
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .left-pay-box .plan-box .plan-item:hover .plan-item-time,
.buy-vip-dialog-v3-container.direct-mode .direct-action-box .left-pay-box .plan-box .plan-item.selected .plan-item-time,
.buy-vip-dialog-v3-container.direct-mode .direct-action-box .left-pay-box .plan-box .plan-item:hover .plan-item-price,
.buy-vip-dialog-v3-container.direct-mode .direct-action-box .left-pay-box .plan-box .plan-item.selected .plan-item-price {
    color: #24be48
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .left-pay-box .plan-box .plan-item:hover .background,
.buy-vip-dialog-v3-container.direct-mode .direct-action-box .left-pay-box .plan-box .plan-item.selected .background,
.buy-vip-dialog-v3-container.direct-mode .direct-action-box .left-pay-box .plan-box .plan-item.selected .selected-icon {
    display: block
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .left-pay-box .plan-box .plan-item .tips {
    padding: 0 8px;
    height: 17px;
    background: #f5722e;
    border-radius: 9px;
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    position: absolute;
    top: -10px
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .left-pay-box .plan-box .plan-item .tips.vip2.gift-ai {
    display: none
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .left-pay-box .plan-box .plan-item .tips-ai {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translate(-50%);
    height: 18px;
    line-height: 18px;
    background: #f5722e;
    width: 92px;
    text-align: center;
    border-radius: 10px;
    color: #fff;
    font-size: 12px
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .left-pay-box .plan-box .plan-item .tips-ai.new-tips-ai {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 82px
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .left-pay-box .plan-box .plan-item .tips-ai.new-tips-ai img {
    width: 14px;
    margin-right: 6px
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .left-pay-box .plan-box .plan-item .give-ai-vip-tooltip {
    position: absolute;
    width: 200px;
    top: -58px;
    left: -30px;
    display: none
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .left-pay-box .plan-box .plan-item:hover .give-ai-vip-tooltip {
    display: block
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .left-pay-box .vip-gift-tips {
    height: 29px;
    border-radius: 4px;
    margin-top: 8px;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 12px;
    color: #004100d9;
    line-height: normal
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .left-pay-box .vip-gift-tips img {
    height: 18px;
    margin-right: 5px
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .left-pay-box .time-limited-benefit-tips-new {
    position: absolute;
    left: 250px;
    top: -100px
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .right-pay-box {
    display: flex;
    margin-left: 35px;
    position: relative
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .right-pay-box .time-limited-benefit-tips {
    position: absolute;
    width: 159px;
    height: 67px;
    z-index: 10;
    left: -25px;
    top: -80px
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .right-pay-box .time-limited-benefit-tips .time-limited-benefit-tips-bg {
    position: absolute;
    left: -16px;
    top: -13px;
    width: 191px;
    height: 106px;
    z-index: -1
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .right-pay-box .time-limited-benefit-tips .discount-countdown {
    padding: 8px 12px
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .right-pay-box .time-limited-benefit-tips .discount-countdown .discount-countdown-title {
    font-weight: 600;
    font-size: 13px;
    color: #004100d9
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .right-pay-box .time-limited-benefit-tips .discount-countdown .time-countdown {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .right-pay-box .time-limited-benefit-tips .discount-countdown .time-countdown>span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    background: linear-gradient(127deg, #fff4bf, #ffe9a6);
    box-shadow: 0 4px 32px #0000001a;
    border-radius: 4px;
    border: 1px solid #fffae7;
    font-weight: 600;
    font-size: 14px;
    color: #f06e2a
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .right-pay-box .time-limited-benefit-tips .discount-countdown .time-countdown .desc {
    display: inline-block;
    font-weight: 400;
    font-size: 13px;
    color: #004100d9
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .right-pay-box .pay-qr-box {
    width: 110px;
    height: 110px;
    display: flex;
    justify-content: center;
    align-items: center
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .right-pay-box .pay-qr-box .pay-qr {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .right-pay-box .pay-qr-box .pay-qr img {
    width: 100%;
    height: 100%;
    border-radius: 2px
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .right-pay-box .pay-qr-box .loading-icon {
    width: 20px;
    height: 20px
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .right-pay-box .pay-qr-box .loading-fail-box {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    background: #f8f8f8
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .right-pay-box .pay-qr-box .loading-fail-box .icon {
    width: 48px;
    height: 43px;
    margin-top: 12px
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .right-pay-box .pay-qr-box .loading-fail-box .tips {
    color: #999;
    height: 17px;
    line-height: 17px;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 12px
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .right-pay-box .pay-qr-box .loading-fail-box .tips .mpa-link-btn {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: #459ae9
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .right-pay-box .pay-qr-box .loading-fail-box .tips .mpa-link-btn:hover {
    text-decoration: underline
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .right-pay-box .pay-qr-box-right-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 15px;
    padding-top: 2px;
    height: 110px
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .right-pay-box .pay-qr-box-right-box .pay-qr-box-right-box-inner {
    display: flex;
    flex-direction: column
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .right-pay-box .pay-qr-box-right-box .pay-channel-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 162px;
    height: 29px;
    background: #f9f9f9;
    border-radius: 8px;
    border: 1px solid #F2F2F2
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .right-pay-box .pay-qr-box-right-box .pay-channel-box .pay-channel-btn {
    height: 25px;
    border-radius: 6px;
    padding: 4px 8px;
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #666;
    cursor: pointer;
    line-height: initial
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .right-pay-box .pay-qr-box-right-box .pay-channel-box .pay-channel-btn .icon {
    width: 17px;
    height: 17px;
    margin-right: 4px
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .right-pay-box .pay-qr-box-right-box .pay-channel-box .pay-channel-btn.selected {
    background: #fff;
    box-shadow: 0 0 7px #5c5c5c14
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .right-pay-box .pay-qr-box-right-box .actual-price {
    display: flex;
    align-items: center;
    margin-top: 8px;
    line-height: normal
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .right-pay-box .pay-qr-box-right-box .actual-price .label {
    font-weight: 600;
    font-size: 14px;
    color: #2c2c2c
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .right-pay-box .pay-qr-box-right-box .actual-price .price {
    font-weight: 600;
    font-size: 20px;
    color: #24be48;
    line-height: normal
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .right-pay-box .pay-qr-box-right-box .actual-price .origin-price {
    font-weight: 400;
    font-size: 12px;
    color: #999;
    text-decoration-line: line-through;
    margin-left: 8px
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .right-pay-box .pay-qr-box-right-box .tips {
    padding: 0 6px;
    font-weight: 400;
    font-size: 12px;
    color: #dd4c00;
    height: 18px;
    background: linear-gradient(152deg, #fff5f4, #ffd8c8);
    border-radius: 2px;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 2px
}

.buy-vip-dialog-v3-container.direct-mode .direct-action-box .right-pay-box .invoice-tips {
    font-weight: 400;
    font-size: 12px;
    color: #999;
    margin-top: 8px;
    display: flex;
    align-items: center
}

.vip-gift-list-dialog * {
    padding: 0;
    margin: 0;
    box-sizing: border-box
}

.vip-gift-list-dialog .inner {
    width: 848px;
    height: 582px;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    padding-top: 26px;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start
}

.vip-gift-list-dialog .inner .close-btn {
    width: 20px;
    height: 20px;
    padding: 4px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: absolute;
    top: 12px;
    right: 14px;
    z-index: 10
}

.vip-gift-list-dialog .inner .title {
    width: 100%;
    font-size: 19px;
    font-weight: 700;
    color: #333;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 34px;
    height: 26px;
    line-height: 26px;
    min-height: 26px
}

.vip-gift-list-dialog .inner .title .icon {
    width: 22px;
    height: 22px;
    margin-left: 5px;
    position: relative;
    top: -1px
}

.vip-gift-list-dialog .inner .gift-list {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    overflow-y: scroll;
    margin-top: 20px;
    padding: 10px 22px 0;
    flex: 1
}

.vip-gift-list-dialog .inner .gift-list::-webkit-scrollbar {
    width: 8px
}

.vip-gift-list-dialog .inner .gift-list::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background: #c8c8c8;
    cursor: pointer
}

.vip-gift-list-dialog .inner .gift-list::-webkit-scrollbar-thumb:hover {
    background: #bebebe
}

.vip-gift-list-dialog .inner .gift-list::-webkit-scrollbar-thumb:active {
    background: #b0b0b0
}

.vip-gift-list-dialog .inner .gift-list .gift-li {
    width: calc((100% - 72px) / 3);
    height: 94px;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 6px;
    padding: 0 12px;
    border: 1px solid #e8e8e8;
    margin: 0 12px 15px
}

.vip-gift-list-dialog .inner .gift-list .gift-li.active {
    background: #f6fff8;
    border: 1px solid #87e49d
}

.vip-gift-list-dialog .inner .gift-list .gift-li .category {
    height: 23px;
    line-height: 23px;
    border-radius: 4px;
    background: #ffeecf;
    font-size: 12px;
    color: #c2620f;
    font-weight: 700;
    padding: 0 7px;
    position: absolute;
    top: -12px;
    left: -12px
}

.vip-gift-list-dialog .inner .gift-list .gift-li .icon {
    width: 64px;
    height: 64px;
    min-width: 64px;
    -o-object-fit: cover;
    object-fit: cover
}

.vip-gift-list-dialog .inner .gift-list .gift-li .right-box {
    display: flex;
    flex: 1;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    margin-left: 14px;
    overflow: hidden
}

.vip-gift-list-dialog .inner .gift-list .gift-li .right-box .name {
    font-size: 16px;
    color: #222;
    font-weight: 700;
    height: 22px;
    line-height: 22px
}

.vip-gift-list-dialog .inner .gift-list .gift-li .right-box .detail {
    font-size: 14px;
    color: #c69860;
    margin-top: 5px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 20px;
    line-height: 20px
}

.vip-gift-list-dialog .inner .gift-list .gift-li .right-box .value {
    font-size: 14px;
    color: #999;
    margin-top: 4px;
    height: 20px;
    line-height: 20px
}

#mpa-pay-success-dialog {
    z-index: 99999;
    background-color: #0000007a;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

#mpa-pay-success-dialog p {
    margin: 0
}

#mpa-pay-success-dialog .mpa-btn,
#mpa-pay-success-dialog .btn {
    outline: none;
    cursor: pointer;
    padding: 0;
    min-width: 58px;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    border: 1px solid #D9D9D9;
    color: #666;
    background-color: #fff
}

#mpa-pay-success-dialog .mpa-btn:hover,
#mpa-pay-success-dialog .btn:hover {
    background-color: #f8f8f8;
    border-color: #d3d3d3;
    color: #333
}

#mpa-pay-success-dialog .mpa-btn:active,
#mpa-pay-success-dialog .btn:active {
    background-color: #f2f2f2;
    border-color: #cfcfcf;
    color: #1a1a1a
}

#mpa-pay-success-dialog .mpa-btn:disabled,
#mpa-pay-success-dialog .btn:disabled,
#mpa-pay-success-dialog .mpa-btn.disabled,
#mpa-pay-success-dialog .btn.disabled,
#mpa-pay-success-dialog .mpa-btn.mpa-disabled,
#mpa-pay-success-dialog .btn.mpa-disabled {
    border-color: #d6d6d6;
    background-color: #fafafa;
    color: #b9b9b9;
    cursor: not-allowed
}

#mpa-pay-success-dialog .mpa-btn.mpa-btn-primary,
#mpa-pay-success-dialog .btn.btn-primary {
    border-color: #24be58;
    color: #fff;
    background-color: #24be58
}

#mpa-pay-success-dialog .mpa-btn.mpa-btn-primary:hover,
#mpa-pay-success-dialog .btn.btn-primary:hover {
    border-color: #21af51;
    color: #fff;
    background-color: #21af51
}

#mpa-pay-success-dialog .mpa-btn.mpa-btn-primary:active,
#mpa-pay-success-dialog .btn.btn-primary:active {
    border-color: #1fa63f;
    color: #fff;
    background-color: #1fa63f
}

#mpa-pay-success-dialog .mpa-btn.mpa-btn-primary:disabled,
#mpa-pay-success-dialog .btn.btn-primary:disabled,
#mpa-pay-success-dialog .mpa-btn.mpa-btn-primary.disabled,
#mpa-pay-success-dialog .btn.btn-primary.disabled,
#mpa-pay-success-dialog .mpa-btn.mpa-btn-primary.mpa-disabled,
#mpa-pay-success-dialog .btn.btn-primary.mpa-disabled {
    border-color: #d6d6d6;
    background-color: #fafafa;
    color: #b9b9b9;
    cursor: not-allowed;
    background-image: unset
}

#mpa-pay-success-dialog .inner {
    margin: 0;
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translate(-50%);
    background-color: #fff;
    text-align: left;
    width: 540px;
    border-radius: 2px;
    padding: 0 32px;
    height: 296px;
    box-sizing: border-box
}

#mpa-pay-success-dialog .dialog-title {
    font-size: 16px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #333;
    margin-top: 33px;
    display: flex
}

#mpa-pay-success-dialog .dialog-title img {
    width: 21px;
    height: 21px;
    margin-right: 9px
}

#mpa-pay-success-dialog img.close-btn {
    position: absolute;
    top: 14px;
    right: 14px;
    cursor: pointer;
    height: 14px;
    transition: opacity .2s ease 0s;
    padding: 5px;
    box-sizing: content-box;
    opacity: .6
}

#mpa-pay-success-dialog img.close-btn:hover {
    opacity: 1
}

#mpa-pay-success-dialog .d-content .succecc-prompt {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 53px;
    margin-bottom: 53px;
    font-size: 18px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #333
}

#mpa-pay-success-dialog .d-content .succecc-prompt img {
    margin-right: 8px;
    width: 37px;
    height: 37px
}

#mpa-pay-success-dialog .d-content .controls {
    display: flex;
    justify-content: center
}

#mpa-pay-success-dialog .d-content .controls .item>p {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999;
    margin-top: 4px;
    text-align: center;
    word-break: keep-all;
    white-space: nowrap
}

#mpa-pay-success-dialog .d-content .controls .item>button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 207px;
    height: 48px;
    border-color: #24be48;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400
}

#mpa-pay-success-dialog .d-content .controls .item>button img.receipt {
    width: 15px;
    height: 20px;
    margin-right: 9px
}

#mpa-pay-success-dialog .d-content .controls .item>button img.gift {
    width: 20px;
    height: 20px;
    margin-right: 7px
}

#mpa-pay-success-dialog .d-content .controls .item>button:hover {
    border-color: #24be48
}

#mpa-pay-success-dialog .d-content .controls .item+.item {
    margin-left: 16px
}

#mpa-pay-success-dialog .d-content .more-service-wrap {
    position: relative;
    margin-top: 63px;
    margin-bottom: 32px;
    padding: 34px 12px 0;
    border-radius: 3px;
    border: 1px solid #e8e8e8
}

#mpa-pay-success-dialog .d-content .more-service-wrap>p {
    position: absolute;
    left: calc(50% - 151px);
    top: -13px;
    font-size: 14px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #333;
    text-align: center;
    background-color: #fff;
    padding-left: 8px
}

#mpa-pay-success-dialog .d-content .more-service-wrap .more-service {
    display: flex;
    background: #f9f9f9;
    border-radius: 3px
}

#mpa-pay-success-dialog .d-content .more-service-wrap .more-service .split-line {
    width: 1px;
    height: 114px;
    background-color: #e8e8e8;
    margin-top: 23px
}

#mpa-pay-success-dialog .d-content .more-service-wrap .more-service .sevice {
    flex: 1;
    text-align: center;
    padding: 18px 0
}

#mpa-pay-success-dialog .d-content .more-service-wrap .more-service .sevice .title {
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center
}

#mpa-pay-success-dialog .d-content .more-service-wrap .more-service .sevice .title img {
    margin-right: 8px
}

#mpa-pay-success-dialog .d-content .more-service-wrap .more-service .sevice .li-content {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666;
    padding: 16px 40px
}

#mpa-pay-success-dialog .d-content .more-service-wrap .more-service .sevice .advantages span {
    background: #24be4812;
    border-radius: 4px;
    padding: 7px 12px;
    font-size: 13px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333
}

#mpa-pay-success-dialog .d-content .more-service-wrap .more-service .sevice .advantages span+span {
    margin-left: 8px
}

#mpa-pay-success-dialog .d-content .consult {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #24be48;
    display: flex
}

#mpa-pay-success-dialog .d-content .consult>div {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 120px;
    padding: 4px 0;
    position: relative;
    cursor: pointer
}

#mpa-pay-success-dialog .d-content .consult>div>img {
    margin-right: 6px
}

#mpa-pay-success-dialog .d-content .consult>div .popup {
    cursor: default;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 0 8px #0003;
    display: none;
    bottom: 30px;
    padding: 12px 13px;
    flex-direction: column;
    align-items: center;
    border-radius: 4px
}

#mpa-pay-success-dialog .d-content .consult>div .popup:after {
    bottom: -12px;
    box-sizing: content-box;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: #fff;
    position: absolute;
    right: calc(50% - 6px)
}

#mpa-pay-success-dialog .d-content .consult>div .popup p {
    margin-top: 7px;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666;
    white-space: nowrap
}

#mpa-pay-success-dialog .d-content .consult>div .popup img {
    width: 120px;
    height: 120px
}

#mpa-pay-success-dialog .d-content .consult>div:hover .popup {
    display: flex
}

#mpa-pay-success-dialog-v1 {
    z-index: 99999;
    background-color: #0000007a;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

#mpa-pay-success-dialog-v1 p {
    margin: 0
}

#mpa-pay-success-dialog-v1 .inner {
    margin: 0;
    position: absolute;
    top: calc(50% - 20px);
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    text-align: left;
    width: 738px;
    border-radius: 2px;
    padding: 0 62px 62px;
    box-sizing: border-box
}

#mpa-pay-success-dialog-v1 .vip-success-icon-box {
    position: absolute;
    left: 50%;
    top: -50px;
    transform: translate(-50%)
}

#mpa-pay-success-dialog-v1 .vip-success-text-box {
    text-align: center;
    margin-top: 60px
}

#mpa-pay-success-dialog-v1 .vip-success-text-box p {
    font-size: 24px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 700;
    color: #000000d9;
    line-height: 22px
}

#mpa-pay-success-dialog-v1 .dialog-title {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 16px
}

#mpa-pay-success-dialog-v1 .dialog-title p {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #000000a6;
    line-height: 22px
}

#mpa-pay-success-dialog-v1 .dialog-title span {
    display: inline-block;
    font-size: 14px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 700;
    color: #24be48;
    line-height: 22px
}

#mpa-pay-success-dialog-v1 .dialog-title img {
    width: 18px;
    height: 18px;
    margin-right: 2px
}

#mpa-pay-success-dialog-v1 .vip-success-icon-box {
    position: absolute;
    left: 50%;
    transform: translate(-50%)
}

#mpa-pay-success-dialog-v1 .vip-success-icon-box img {
    width: 113px;
    height: 88px
}

#mpa-pay-success-dialog-v1 img.close-btn {
    position: absolute;
    top: 14px;
    right: 14px;
    cursor: pointer;
    height: 14px;
    transition: opacity .2s ease 0s;
    padding: 5px;
    box-sizing: content-box;
    opacity: .6
}

#mpa-pay-success-dialog-v1 img.close-btn:hover {
    opacity: 1
}

#mpa-pay-success-dialog-v1 .d-content .succecc-prompt {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 53px;
    margin-bottom: 53px;
    font-size: 18px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #333
}

#mpa-pay-success-dialog-v1 .d-content .succecc-prompt img {
    margin-right: 8px;
    width: 37px;
    height: 37px
}

#mpa-pay-success-dialog-v1 .d-content .controls {
    display: flex;
    justify-content: center;
    margin-top: 24px
}

#mpa-pay-success-dialog-v1 .d-content .controls .item {
    width: 152px;
    height: 40px;
    margin: 0 10px
}

#mpa-pay-success-dialog-v1 .d-content .controls .item>.mpa-btn {
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid #24BE48;
    border-radius: 3px
}

#mpa-pay-success-dialog-v1 .d-content .controls .item>.mpa-btn p {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #24be48;
    line-height: 22px
}

#mpa-pay-success-dialog-v1 .d-content .controls .item .mpa-btn:hover {
    border-radius: 3px;
    background: #f5fff7;
    border: 1px solid #24BE48
}

#mpa-pay-success-dialog-v1 .d-content .controls .item .mpa-btn:hover p {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #24be48;
    line-height: 22px
}

#mpa-pay-success-dialog-v1 .d-content .more-service-wrap {
    position: relative;
    margin-top: 63px;
    margin-bottom: 32px;
    padding: 34px 12px 0;
    border-radius: 3px;
    border: 1px solid #e8e8e8
}

#mpa-pay-success-dialog-v1 .d-content .more-service-wrap>p {
    position: absolute;
    left: calc(50% - 151px);
    top: -13px;
    font-size: 14px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #333;
    text-align: center;
    background-color: #fff;
    padding-left: 8px
}

#mpa-pay-success-dialog-v1 .d-content .more-service-wrap .more-service {
    display: flex;
    background: #f9f9f9;
    border-radius: 3px
}

#mpa-pay-success-dialog-v1 .d-content .more-service-wrap .more-service .split-line {
    width: 1px;
    height: 114px;
    background-color: #e8e8e8;
    margin-top: 23px
}

#mpa-pay-success-dialog-v1 .d-content .more-service-wrap .more-service .sevice {
    flex: 1;
    text-align: center;
    padding: 18px 0
}

#mpa-pay-success-dialog-v1 .d-content .more-service-wrap .more-service .sevice .title {
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center
}

#mpa-pay-success-dialog-v1 .d-content .more-service-wrap .more-service .sevice .title img {
    margin-right: 8px
}

#mpa-pay-success-dialog-v1 .d-content .more-service-wrap .more-service .sevice .li-content {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666;
    padding: 16px 40px
}

#mpa-pay-success-dialog-v1 .d-content .more-service-wrap .more-service .sevice .advantages span {
    background: #24be4812;
    border-radius: 4px;
    padding: 7px 12px;
    font-size: 13px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333
}

#mpa-pay-success-dialog-v1 .d-content .more-service-wrap .more-service .sevice .advantages span+span {
    margin-left: 8px
}

#mpa-pay-success-dialog-v1 .d-content .consult {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #24be48;
    display: flex
}

#mpa-pay-success-dialog-v1 .d-content .consult>div {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 120px;
    padding: 4px 0;
    position: relative;
    cursor: pointer
}

#mpa-pay-success-dialog-v1 .d-content .consult>div>img {
    margin-right: 6px
}

#mpa-pay-success-dialog-v1 .d-content .consult>div .popup {
    cursor: default;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 0 8px #0003;
    display: none;
    bottom: 30px;
    padding: 12px 13px;
    flex-direction: column;
    align-items: center;
    border-radius: 4px
}

#mpa-pay-success-dialog-v1 .d-content .consult>div .popup:after {
    bottom: -12px;
    box-sizing: content-box;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: #fff;
    position: absolute;
    right: calc(50% - 6px)
}

#mpa-pay-success-dialog-v1 .d-content .consult>div .popup p {
    margin-top: 7px;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666;
    white-space: nowrap
}

#mpa-pay-success-dialog-v1 .d-content .consult>div .popup img {
    width: 120px;
    height: 120px
}

#mpa-pay-success-dialog-v1 .d-content .consult>div:hover .popup {
    display: flex
}

#mpa-pay-success-dialog-v1 .pay-success-order-text-box {
    width: 100%;
    text-align: center;
    margin-top: 8px
}

#mpa-pay-success-dialog-v1 .pay-success-order-text-box p {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #00000073;
    line-height: 22px
}

#mpa-pay-success-dialog-v1 .extra-gift-box {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    align-items: center
}

#mpa-pay-success-dialog-v1 .extra-gift-box .qr-box {
    width: 133px;
    height: 133px;
    display: flex;
    justify-content: center;
    align-items: center
}

#mpa-pay-success-dialog-v1 .extra-gift-box .qr-box img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

#mpa-pay-success-dialog-v1 .extra-gift-box .qr-box .loading-icon {
    width: 20px;
    height: 20px
}

#mpa-pay-success-dialog-v1 .extra-gift-box p {
    font-size: 14px;
    color: #333;
    line-height: 24px;
    margin-top: 8px;
    text-align: center
}

#mpa-pay-success-dialog-v1 .extra-gift-box p span {
    color: #24be48;
    margin: 0 4px
}

.before {
    display: table;
    content: ""
}

.after {
    clear: both
}

.ba:before {
    display: table;
    content: ""
}

.ba:after {
    clear: both
}

.green-model {
    background: linear-gradient(206deg, #38c85f, #29a950) !important
}

.green-model-btn {
    background: linear-gradient(196deg, #efd96f, #dfaf48)
}

.green-shadow {
    box-shadow: 0 6px 20px #40865c !important
}

.btn-button {
    display: inline-block;
    border: none;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer
}

#root {
    position: relative
}

.content {
    width: 1226px;
    margin: auto
}

.content .bg-top-pricing {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 528px;
    overflow: hidden;
    z-index: -1
}

.content .bg-top-pricing img {
    width: 100%;
    height: 528px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

.content .bg-top-pricing .seat {
    width: 100%;
    height: 620px;
    background: linear-gradient(214deg, #573aa2, #252b69);
    position: relative;
    z-index: -1
}

.content .vip-price-container {
    width: 100%;
    height: 750px;
    padding-top: 5px;
    position: relative
}

.content .vip-price-container>img {
    position: absolute;
    left: 50%;
    width: 100%;
    transform: translate(-50%)
}

.content .vip-price-container:before {
    display: table;
    content: ""
}

.content .vip-price-container:after {
    clear: both
}

.content .vip-price-container #first-box {
    width: 1226px;
    position: relative;
    left: 50%;
    transform: translate(-50%)
}

.content .vip-price-container #first-box>.f-img {
    position: absolute;
    top: 58px;
    left: 0;
    width: 100%
}

.content .vip-price-container #first-box:before {
    display: table;
    content: ""
}

.content .vip-price-container #first-box:after {
    clear: both
}

.content .vip-price-container #first-box #yiban-logo:before {
    display: table;
    content: ""
}

.content .vip-price-container #first-box #yiban-logo:after {
    clear: both
}

.content .vip-price-container #first-box #yiban-logo>div {
    border: none;
    height: 53px;
    margin-top: 10px;
    position: relative;
    left: 50%;
    transform: translate(-50%);
    text-align: center
}

.content .vip-price-container #first-box #yiban-logo>div:before {
    display: table;
    content: ""
}

.content .vip-price-container #first-box #yiban-logo>div:after {
    clear: both
}

.content .vip-price-container #first-box #yiban-logo>div>img {
    display: inline-block;
    width: 43px;
    margin-right: 14px;
    position: relative;
    top: 10px
}

.content .vip-price-container #first-box #yiban-logo>div>h1 {
    display: inline-block;
    height: 53px;
    font-size: 32px;
    font-weight: 500;
    color: #fff;
    line-height: 53px;
    letter-spacing: 5px
}

.content .vip-price-container #first-box #huodong {
    margin-top: 49px;
    margin-left: auto;
    margin-right: auto
}

.content .vip-price-container #first-box #huodong:before {
    display: table;
    content: ""
}

.content .vip-price-container #first-box #huodong:after {
    clear: both
}

.content .vip-price-container #first-box #huodong>div {
    height: 40px;
    margin: 0 auto;
    font-size: 28px;
    font-weight: 400;
    display: flex;
    align-items: center
}

.content .vip-price-container #first-box #huodong>div:before {
    display: table;
    content: ""
}

.content .vip-price-container #first-box #huodong>div:after {
    clear: both
}

.content .vip-price-container #first-box #huodong>div #h2 {
    height: 40px;
    float: left;
    width: 67.5%;
    color: #fff;
    line-height: 40px;
    letter-spacing: 2px;
    font-size: 20px
}

.content .vip-price-container #first-box #huodong>div #h2 p {
    display: flex;
    align-items: center;
    text-align: right;
    justify-content: flex-end
}

.content .vip-price-container #first-box #huodong>div #h2 p a {
    color: #fee6fe;
    border-bottom: 1px solid;
    margin-right: 1px;
    height: 37px;
    box-sizing: content-box;
    padding-bottom: 2px
}

.content .vip-price-container #first-box #huodong>div #h2 p a:hover {
    opacity: .9
}

.content .vip-price-container #first-box #huodong>div #h2 p img {
    width: 50px
}

.content .vip-price-container #first-box #huodong>div .green-font {
    color: #fff !important
}

.content .vip-price-container #first-box #huodong>div .green-font>div {
    background: #329450 !important;
    color: #fff !important
}

.content .vip-price-container #first-box #huodong>div .green-font a {
    color: #fff !important
}

.content .vip-price-container #first-box #huodong>div .h3 {
    font-size: 16px;
    color: #34d2ea;
    line-height: 28px;
    letter-spacing: 1px
}

.content .vip-price-container #first-box #huodong>div .h3:before {
    display: table;
    content: ""
}

.content .vip-price-container #first-box #huodong>div .h3:after {
    clear: both
}

.content .vip-price-container #first-box #huodong>div .h3>#h3-1 {
    float: left;
    margin-top: 7px;
    margin-left: 60px
}

.content .vip-price-container #first-box #huodong>div .h3>div {
    width: 44px;
    height: 44px;
    font-size: 24px;
    color: #59e8fd;
    line-height: 44px;
    background: #161b54;
    border-radius: 7px;
    float: left;
    margin-left: -1px;
    margin-top: -6px
}

.content .vip-price-container #first-box #huodong>div .h3>div p {
    letter-spacing: 3px;
    font-weight: 700
}

.content .vip-price-container #first-box #huodong>div .h3>#h3-3 {
    float: left;
    font-size: 14px;
    margin-left: 3px;
    margin-top: 5px
}

.content .vip-price-container #first-box #huodong>.addtion-text {
    width: 100%;
    text-align: center;
    margin-top: 27px;
    font-size: 16px;
    color: #ffda9d;
    line-height: 22px;
    letter-spacing: 2px
}

.content .vip-price-container #first-box .yiban-pricing-container {
    width: 1018px;
    position: relative;
    top: 40px;
    left: 50%;
    transform: translate(-50%);
    box-shadow: unset !important;
    border-radius: 11px
}

.content .vip-price-container #first-box .yiban-pricing-container>.vip-version-tabbar {
    width: 100%;
    height: 91px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    position: relative
}

.content .vip-price-container #first-box .yiban-pricing-container>.vip-version-tabbar>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 510px;
    height: 91px;
    padding-top: 19px;
    padding-bottom: 11px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 12px 12px 0 0;
    background-color: #f1f1f1;
    flex-shrink: 0;
    z-index: 1;
    cursor: pointer
}

.content .vip-price-container #first-box .yiban-pricing-container>.vip-version-tabbar>*:nth-child(2) {
    left: unset;
    right: 0
}

.content .vip-price-container #first-box .yiban-pricing-container>.vip-version-tabbar>*.active {
    z-index: 2;
    background-color: #fff
}

.content .vip-price-container #first-box .yiban-pricing-container>.vip-version-tabbar>*>.title-text {
    font-size: 22px;
    font-weight: 700;
    color: #333;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px
}

.content .vip-price-container #first-box .yiban-pricing-container>.vip-version-tabbar>*>.title-text>img {
    width: 24px;
    height: auto;
    margin-right: 10px
}

.content .vip-price-container #first-box .yiban-pricing-container>.vip-version-tabbar>*>.addtion-text {
    font-size: 18px;
    color: #666;
    line-height: 25px
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box {
    width: 100%;
    height: 350px;
    background-color: #fff;
    padding: 51px 45px 57px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 4px 12px #dededecc !important
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box>.pricing-item {
    width: 288px;
    height: 242px;
    background-color: #f0f0f0;
    border-radius: 9px 9px 10px 10px;
    padding: 28px 44px 22px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    z-index: 1
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box>.pricing-item>.duration-text {
    font-size: 19px;
    font-weight: 500;
    color: #666;
    line-height: 26px;
    letter-spacing: 1px
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box>.pricing-item>.price-text {
    margin-top: 2px;
    font-size: 14px;
    font-weight: 500;
    color: #24be48;
    line-height: 20px;
    letter-spacing: 1px;
    flex-grow: 1
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box>.pricing-item>.price-text>span {
    font-size: 45px;
    font-weight: 500;
    line-height: 63px;
    letter-spacing: 4px
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box>.pricing-item>.addtion-text {
    flex-grow: 2;
    height: 18px;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 1px;
    margin-top: -12px;
    color: #24be48;
    text-decoration: line-through
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box>.pricing-item>.buy-btn {
    width: 200px;
    height: 48px;
    background: #24be48;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    line-height: 48px;
    letter-spacing: 2px;
    cursor: pointer;
    z-index: 1;
    position: relative
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box>.pricing-item>.buy-btn:hover {
    opacity: .95
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box>.pricing-item>.buy-btn:hover .ai-gift-tooltip .tips {
    display: block
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box>.pricing-item>.buy-btn .limit-promotion-tips {
    width: 134px;
    font-size: 11px;
    color: #fff;
    text-align: center;
    font-style: normal;
    position: absolute;
    top: -18px;
    right: -18px
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box>.pricing-item>.buy-btn .limit-promotion-tips .bold {
    font-size: 13px
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box>.pricing-item>.buy-btn.transparent-btn {
    border: 1px solid #24be48;
    background-color: transparent;
    color: #24be48
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box>.pricing-item>.buy-btn .ai-gift-tooltip {
    display: none;
    position: absolute;
    top: -18px;
    left: 50%;
    transform: translate(-50%);
    width: 150px;
    text-align: center;
    height: 26px;
    background: linear-gradient(90deg, #f15b3e, #ea4330);
    border-radius: 3px
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box>.pricing-item>.buy-btn .ai-gift-tooltip.show {
    display: block
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box>.pricing-item>.buy-btn .ai-gift-tooltip:before {
    content: "";
    border: 6px solid transparent;
    border-top-color: #ea4330;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%)
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box>.pricing-item>.buy-btn .ai-gift-tooltip .info-1 {
    font-size: 13px;
    color: #fff;
    line-height: 26px
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box>.pricing-item>.buy-btn .ai-gift-tooltip .tips {
    display: none;
    position: absolute;
    top: -36px;
    left: -10px;
    width: 240px;
    height: 30px;
    border-radius: 15px;
    text-align: center;
    line-height: 30px;
    background: #fff;
    box-shadow: 0 0 12px #0000001a;
    color: #333;
    font-size: 13px
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box>.pricing-item>.buy-btn .ai-gift-tooltip .tips:before {
    content: "";
    border: 6px solid transparent;
    border-top-color: #fff;
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translate(-50%)
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box>.pricing-item>.tag-text {
    position: absolute;
    top: -4px;
    right: -4px;
    background: #e02020;
    border-radius: 4px;
    padding: 2px 6px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    line-height: 21px;
    letter-spacing: 2px
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box>.pricing-item .limit-promotion-tips-text {
    width: 195px;
    height: 33px;
    background: linear-gradient(111deg, #f25d3f, #eb4230);
    border-radius: 7px;
    position: absolute;
    font-weight: 600;
    font-size: 12px;
    color: #ffffffd9;
    display: flex;
    align-items: center;
    right: 0;
    top: -15px;
    padding: 0 10px
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box>.pricing-item .limit-promotion-tips-text .countdown-text {
    display: flex;
    align-items: center
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box>.pricing-item .limit-promotion-tips-text .countdown-text .time {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background: linear-gradient(127deg, #fff4bf, #ffe9a6);
    box-shadow: 0 4px 29px #0000001a;
    border-radius: 4px;
    border: 1px solid #fffae7;
    font-weight: 600;
    font-size: 13px;
    color: #f06e2a;
    line-height: initial;
    margin: 0 3px
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box.enterprise-edition>.pricing-item>.bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box.enterprise-edition>.pricing-item:nth-child(1) {
    background: linear-gradient(206deg, #f2f2f2c7, #d2d2d2ad)
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box.enterprise-edition>.pricing-item:nth-child(1)>.duration-text {
    color: #666
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box.enterprise-edition>.pricing-item:nth-child(1)>.price-text {
    color: #4b4b4b
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box.enterprise-edition>.pricing-item:nth-child(1)>.price-text>span {
    color: #4e4e4e
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box.enterprise-edition>.pricing-item:nth-child(1)>.addtion-text {
    color: #4e4e4e
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box.enterprise-edition>.pricing-item:nth-child(1)>.buy-btn {
    background-color: #ffffffe8;
    font-size: 16px;
    font-weight: 500;
    color: #8d8d8d;
    letter-spacing: 2px
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box.enterprise-edition>.pricing-item:nth-child(2) {
    background: linear-gradient(180deg, #f6d392, #e6bf61)
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box.enterprise-edition>.pricing-item:nth-child(2)>.duration-text {
    color: #a16e00
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box.enterprise-edition>.pricing-item:nth-child(2)>.price-text {
    color: #a16e00
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box.enterprise-edition>.pricing-item:nth-child(2)>.price-text>span {
    color: #bf8300
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box.enterprise-edition>.pricing-item:nth-child(2)>.addtion-text {
    color: #bf8300
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box.enterprise-edition>.pricing-item:nth-child(2)>.buy-btn {
    background-color: #ffffffa1;
    font-size: 16px;
    font-weight: 500;
    color: #ce950b;
    letter-spacing: 2px
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box.enterprise-edition>.pricing-item:nth-child(3) {
    background: linear-gradient(141deg, #616161, #404040)
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box.enterprise-edition>.pricing-item:nth-child(3)>.duration-text {
    color: #fff
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box.enterprise-edition>.pricing-item:nth-child(3)>.price-text {
    color: #fff
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box.enterprise-edition>.pricing-item:nth-child(3)>.price-text>span {
    color: #f0cb80
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box.enterprise-edition>.pricing-item:nth-child(3)>.addtion-text {
    color: #f0cb80
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box.enterprise-edition>.pricing-item:nth-child(3)>.buy-btn {
    background: linear-gradient(180deg, #f6d392, #e6bf61);
    font-size: 16px;
    font-weight: 500;
    color: #444;
    letter-spacing: 2px
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box.standard-edition>.pricing-item {
    width: 288px;
    height: 242px;
    background-color: unset
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box.standard-edition>.pricing-item>img.pricing-bg {
    width: 288px;
    height: 242px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box.standard-edition>.pricing-item .flash-sale-btn-desc {
    width: 267px;
    font-family: Alibaba-PuHuiTi, Alibaba-PuHuiTi;
    font-weight: 400;
    font-size: 12px;
    color: #276b37;
    line-height: 30px;
    text-align: center;
    font-style: normal;
    transform: translateY(-28px)
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box.standard-edition>.pricing-item>.limit-promotion-count-down {
    background: #fff5e9;
    border: 1px solid #feddc4;
    padding: 3px 5px;
    font-family: PingFangSC, PingFang SC;
    border-radius: 3px;
    font-weight: 400;
    font-size: 11px;
    color: #ff5b05;
    line-height: 19px;
    text-align: left;
    font-style: normal;
    position: absolute;
    right: -10px;
    top: -12px
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box.standard-edition>.pricing-item>.limit-promotion-count-down>.promotion-count-down-time-item {
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 11px;
    color: #fff;
    line-height: 15px;
    text-align: left;
    font-style: normal;
    background: linear-gradient(141deg, #ff973e, #ff7800);
    border-radius: 2px;
    padding: 1.3px 1px
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box.standard-edition>.pricing-item.active>.addtion-text {
    display: block
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box.standard-edition>.pricing-item.active>.tag-text {
    display: block
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box.standard-edition>.pricing-item.unactive>.tag-text {
    display: none !important
}

.content .vip-price-container #first-box .yiban-pricing-container>.yiban-pricing-box.standard-edition>.pricing-item .gray-text {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #b2b2b2;
    line-height: 18px;
    letter-spacing: 1px
}

.content .vip-price-container #first-box .vip-update {
    margin-top: 100px;
    padding-bottom: 60px
}

.content .vip-price-container #first-box .vip-update button {
    display: inline-block;
    border: none;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    width: 341px;
    height: 56px;
    background: linear-gradient(207deg, #6ae2d9, #1fc070);
    box-shadow: 0 8px 12px #2a2a2a29;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    line-height: 50px;
    letter-spacing: 1px
}

.content .vip-price-container #first-box .vip-update button:hover {
    border-color: #2ad069;
    background: #2ad069;
    color: #fff
}

.content .vip-price-container #first-box .vip-update button:active {
    box-shadow: 0 3px 5px #20c05c4d;
    transform: translateY(1px)
}

.content .vip-price-container #first-box .vip-update button.green-model-btn {
    background: linear-gradient(196deg, #efd96f, #dfaf48)
}

.content .vip-price-container #first-box .vip-update button.green-model-btn:hover {
    background: linear-gradient(197deg, #edd667, #dcaa3f)
}

.content .first-img {
    background: #fff;
    margin-top: 28px;
    position: absolute;
    width: 100%;
    top: 652px;
    left: 0
}

.content .first-img>img {
    width: 100%
}

.content .functions-compare-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

.content .functions-compare-container:before {
    display: table;
    content: ""
}

.content .functions-compare-container:after {
    clear: both
}

.content .functions-compare-container>.title-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.content .functions-compare-container>.title-container>.title-text {
    width: 170px;
    height: 30px;
    font-size: 22px;
    font-weight: 500;
    color: #000;
    line-height: 30px;
    letter-spacing: 1px;
    text-align: center
}

.content .functions-compare-container>.title-container>.line {
    display: block;
    width: 26px;
    height: 2px;
    background: #24be48;
    border-radius: 1px
}

.content .functions-compare-container>.functions-container {
    margin-top: 50px;
    width: 780px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    box-shadow: 0 6px 26px #2a2a2a29;
    border-radius: 0 0 4px 4px
}

.content .functions-compare-container>.functions-container.more-features>.functions-table>tbody {
    height: auto !important
}

.content .functions-compare-container>.functions-container.more-features>.blur-container {
    display: none
}

.content .functions-compare-container>.functions-container.more-features>.toggle-btn-container img {
    transform: rotate(180deg)
}

.content .functions-compare-container>.functions-container>.functions-table {
    width: 780px;
    border: none;
    border-spacing: 0
}

.content .functions-compare-container>.functions-container>.functions-table>tbody {
    display: block;
    height: 1505px;
    overflow-y: hidden;
    border-radius: 0 0 4px 4px;
    transition: height 2s
}

.content .functions-compare-container>.functions-container>.functions-table tr {
    width: 780px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.content .functions-compare-container>.functions-container>.functions-table tr>th {
    width: 260px;
    height: 67px;
    border-bottom: 1px solid #eeeeee;
    line-height: 67px;
    border-radius: 4px 4px 0 0;
    font-weight: 400;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.content .functions-compare-container>.functions-container>.functions-table tr>th>img {
    width: 25px;
    height: auto;
    margin-right: 11px
}

.content .functions-compare-container>.functions-container>.functions-table tr>th:nth-child(2) {
    color: #fff;
    font-weight: 700;
    background-color: #3dcb65
}

.content .functions-compare-container>.functions-container>.functions-table tr>th:nth-child(3) {
    color: #fff;
    font-weight: 700;
    background: linear-gradient(141deg, #616161, #404040)
}

.content .functions-compare-container>.functions-container>.functions-table tr>td {
    width: 260px;
    height: 52px;
    line-height: 52px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: #333;
    border-left: 1px solid #eeeeee
}

.content .functions-compare-container>.functions-container>.functions-table tr>td>img {
    width: 25px;
    height: 25px
}

.content .functions-compare-container>.functions-container>.functions-table tr>td:nth-child(1) {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #222;
    line-height: 20px;
    letter-spacing: 1px;
    text-align: left;
    line-height: 52px;
    padding-left: 25px;
    border-left: unset
}

.content .functions-compare-container>.functions-container>.functions-table tr:nth-child(2n)>td {
    background-color: #fbfbfb
}

.content .functions-compare-container>.functions-container>.functions-table tr:nth-child(2n)>td:nth-child(2) {
    background-color: #24be481a
}

.content .functions-compare-container>.functions-container>.functions-table tr:nth-child(2n)>td:nth-child(3) {
    background-color: #fab9641a
}

.content .functions-compare-container>.functions-container>.blur-container {
    position: absolute;
    width: 100%;
    height: 56px;
    background: linear-gradient(180deg, #fff9, #fff);
    border-radius: 0 0 4px 4px;
    filter: blur(2px);
    z-index: 1;
    bottom: 0;
    left: 0
}

.content .functions-compare-container>.functions-container>.toggle-btn-container {
    position: absolute;
    top: 100%;
    width: 188px;
    height: 36px;
    box-shadow: 0 4px 8px #00000014;
    border-radius: 0 0 8px 8px;
    line-height: 36px;
    text-align: center;
    background: #fff;
    cursor: pointer
}

.content .functions-compare-container>.functions-container>.toggle-btn-container:hover {
    opacity: .9
}

.content .functions-compare-container>.functions-container>.toggle-btn-container>p {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.content .functions-compare-container>.functions-container>.toggle-btn-container>p>img {
    width: 11px;
    height: auto;
    margin-left: 10px
}

.content .functions-compare-container .member-update {
    height: 53px;
    margin-top: 100px;
    margin-bottom: 78px
}

.content .functions-compare-container .member-update button {
    display: inline-block;
    border: none;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    float: right;
    width: 341px;
    height: 56px;
    background: #fff linear-gradient(184deg, #f7d8b9, #e5ad78) #e8cb3d linear-gradient(234deg, #efd96f, #dfaf48);
    box-shadow: 0 8px 12px #45454529;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    line-height: 56px;
    letter-spacing: 1px
}

.content .functions-compare-container .member-update button:hover {
    border-color: #2ad069;
    background: #2ad069;
    color: #fff
}

.content .functions-compare-container .member-update button:active {
    transform: translateY(1px)
}

.content .functions-compare-container .member-update button.green-model-btn {
    background: linear-gradient(196deg, #efd96f, #dfaf48)
}

.content .functions-compare-container .member-update button.green-model-btn:hover {
    background: linear-gradient(197deg, #edd667, #dcaa3f)
}

.content .bg-bottom {
    width: 100%;
    height: 2730px;
    position: absolute;
    left: 0;
    overflow-y: hidden
}

.content .bg-bottom>img {
    width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    z-index: -1;
    height: 100%
}

.content .bg-bottom .img-border {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    width: 100%;
    background: #fff
}

.content .bg-bottom .img-border img {
    width: 100%;
    position: relative;
    top: 3px
}

.content .bg-bottom .seat {
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 1100px;
    z-index: -2;
    background: linear-gradient(214deg, #573aa2, #252b69)
}

.content .third-content {
    flex: 1 1 0%;
    width: 1100px;
    position: relative;
    left: 50%;
    transform: translate(-50%);
    overflow-y: hidden;
    margin-bottom: 70px
}

.content .third-content>img {
    position: absolute;
    top: 100px;
    right: 0;
    z-index: 0;
    width: 100%
}

.content .third-content:before {
    display: table;
    content: ""
}

.content .third-content:after {
    clear: both
}

.content .third-content>p {
    padding-top: 86px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 2px
}

.content .third-content .green-image-box .image-box {
    box-shadow: 0 4px 12px #40865ccc !important
}

.content .third-content #third-box {
    position: relative;
    left: 50%;
    transform: translate(-50%);
    display: flex;
    flex-wrap: wrap;
    padding-left: 25px;
    margin-top: 37px;
    justify-content: center
}

.content .third-content #third-box .image-box {
    width: 246px;
    height: 254px;
    box-shadow: 0 4px 12px #40865ccc;
    border-radius: 8px;
    z-index: 100;
    margin-right: 21px;
    margin-bottom: 22px;
    background: #fff !important;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
}

.content .third-content #third-box .image-box .row-flex {
    flex: 1
}

.content .third-content #third-box .image-box .row {
    display: block
}

.content .third-content #third-box .image-box:hover .float {
    display: flex
}

.content .third-content #third-box .image-box .img-box {
    width: 100%;
    height: 72px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 23px 0 0
}

.content .third-content #third-box .image-box .img-box.gift-box {
    height: auto;
    margin-top: 47px
}

.content .third-content #third-box .image-box .img-box.gift-box img {
    width: 104px
}

.content .third-content #third-box .image-box .more-text {
    font-size: 16px;
    color: #333;
    line-height: 22px;
    letter-spacing: 1px;
    margin-top: 16px;
    text-align: center
}

.content .third-content #third-box .image-box .img {
    width: 72px
}

.content .third-content #third-box .image-box .img.sanjieke,
.content .third-content #third-box .image-box .img.qiuyeppt {
    width: 126px;
    height: 72px
}

.content .third-content #third-box .image-box .img.fotor {
    width: 124px
}

.content .third-content #third-box .image-box .img.tubangzhu {
    width: 106px
}

.content .third-content #third-box .image-box .img.processon {
    width: 182px
}

.content .third-content #third-box .image-box .img.gisso {
    width: 100px
}

.content .third-content #third-box .image-box .ad-name {
    font-size: 17px;
    font-weight: 700;
    color: #000;
    line-height: 24px;
    margin: 11px 0 8px
}

.content .third-content #third-box .image-box .detail-box {
    font-size: 13px;
    color: #666;
    line-height: 18px
}

.content .third-content #third-box .image-box .detail-box.modao,
.content .third-content #third-box .image-box .detail-box.liejing {
    width: 168px
}

.content .third-content #third-box .image-box .detail-box.dishu {
    width: 140px
}

.content .third-content #third-box .image-box .detail-box.muke {
    width: 146px
}

.content .third-content #third-box .image-box .detail-box.weiquanqishi {
    width: 150px
}

.content .third-content #third-box .image-box .name {
    font-size: 19px;
    font-weight: 700;
    color: #c6985f;
    line-height: 26px;
    margin: 12px 0 10px
}

.content .third-content #third-box .image-box .name.ckt {
    width: 170px
}

.content .third-content #third-box .image-box .name.haoduoke {
    width: 163px
}

.content .third-content #third-box .image-box .old-pricing {
    font-size: 12px;
    color: #999;
    line-height: 17px;
    -webkit-text-decoration: line-through #999999;
    text-decoration: line-through #999999
}

.content .third-content #third-box .image-box .float {
    width: 246px;
    height: 256px;
    background: #1a1a1a59;
    border-radius: 8px;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none
}

.content .third-content #third-box .image-box button {
    display: inline-block;
    border: none;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    width: 202px;
    height: 40px;
    background: #fff;
    border-radius: 4px;
    font-size: 14px;
    color: #24be48
}

.content .third-content #third-box .image-box button:hover {
    box-shadow: 0 2px 10px #31313133
}

.content .third-content .welfare button {
    width: 556px;
    height: 53px;
    background: linear-gradient(197deg, #efd96f, #dfaf48);
    box-shadow: 0 8px 12px #45454529;
    border-radius: 5px;
    display: inline-block;
    border: none;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 1px;
    margin-top: 47px
}

.content .third-content .welfare button:hover {
    background: linear-gradient(197deg, #edd667, #dcaa3f)
}

.content .third-content .welfare button:active {
    box-shadow: 0 3px 5px #20c05c4d;
    transform: translateY(1px)
}

.content .guide-icon {
    position: fixed;
    bottom: 20px;
    left: 50%;
    width: 30px;
    height: auto;
    transform: translate(-50%);
    z-index: 2
}

.pay-dialog .inner {
    width: 677px;
    height: 515px;
    background: linear-gradient(211deg, #69dc57, #127136);
    border-radius: 8px;
    position: relative
}

.pay-dialog .inner .close {
    position: absolute;
    right: -30px;
    top: -8px;
    width: 22px;
    height: 22px;
    cursor: pointer
}

.pay-dialog .inner .introduce {
    width: 284px;
    height: 100%;
    margin-left: 20px;
    padding-top: 76px
}

.pay-dialog .inner .introduce .title {
    font-size: 18px;
    color: #fff;
    text-align: center;
    font-weight: 700
}

.pay-dialog .inner .introduce .line {
    width: 268px;
    height: 1px;
    opacity: .4;
    margin-top: 15px;
    margin-bottom: 20px;
    background: #fff
}

.pay-dialog .inner .introduce .gift-list {
    padding-left: 78px
}

.pay-dialog .inner .introduce .gift-list li {
    opacity: .9;
    font-size: 14px;
    color: #fff;
    margin: 15px 0;
    display: flex;
    align-items: center
}

.pay-dialog .inner .introduce .gift-list li s {
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #91daa2;
    border-radius: 50%;
    margin-right: 10px
}

.pay-dialog .inner .introduce .gift-list .gift-import {
    font-size: 15px;
    color: #fff;
    position: relative;
    opacity: 1;
    font-weight: 700;
    letter-spacing: 1px
}

.pay-dialog .inner .introduce .gift-list .gift-import s {
    margin-right: 12px;
    background: #c9ffd5
}

.pay-dialog .inner .introduce .gift-list .gift-import .arrow {
    position: absolute;
    left: -24px;
    top: 5px;
    width: 13px;
    height: 13px
}

.pay-dialog .inner .buy-win {
    width: 390px;
    height: 468px;
    background: #fff;
    border-radius: 8px;
    position: absolute;
    right: -32px;
    top: 24px;
    padding: 18px
}

.pay-dialog .inner .buy-win .select-box {
    padding-top: 12px;
    margin-bottom: 24px
}

.pay-dialog .inner .buy-win .select-box:after {
    content: "";
    display: block;
    overflow: hidden;
    clear: both
}

.pay-dialog .inner .buy-win .select-box li {
    float: left;
    width: 96px;
    height: 32px;
    border-radius: 4px;
    border: 1px solid #cacaca;
    line-height: 32px;
    text-align: center;
    color: #999;
    margin-right: 16px;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.pay-dialog .inner .buy-win .select-box li span {
    position: absolute;
    display: block;
    top: -14px;
    right: -2px;
    height: 19px;
    font-size: 11px;
    color: #fff;
    line-height: 19px;
    background: #ff7600;
    border-radius: 11px;
    font-weight: 700;
    padding: 0 8px;
    white-space: nowrap;
    word-break: keep-all
}

.pay-dialog .inner .buy-win .select-box li span b {
    font-weight: 400
}

.pay-dialog .inner .buy-win .select-box li .show-count-down {
    position: absolute;
    top: -24px;
    left: 50%;
    transform: translate(-50%);
    display: flex;
    justify-content: space-between;
    background: #ff7600 !important;
    color: #fff;
    padding: 3px 4px 4px;
    border-radius: 4px
}

.pay-dialog .inner .buy-win .select-box li .show-count-down>span {
    padding: 0;
    font-size: 11px;
    position: static;
    background: none
}

.pay-dialog .inner .buy-win .select-box .active {
    border: 1px solid #24be48;
    color: #24be48
}

.pay-dialog .inner .buy-win p {
    margin: 5px 0;
    color: #353535
}

.pay-dialog .inner .buy-win .pay-type {
    width: 100%;
    height: 50px;
    margin-top: 10px;
    margin-bottom: 16px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.pay-dialog .inner .buy-win .pay-type .type {
    width: 100px;
    height: 36px;
    cursor: pointer;
    float: left;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #cacaca;
    margin: 0 16px 0 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.pay-dialog .inner .buy-win .pay-type .type.active {
    border: 1px solid #1fc05c
}

.pay-dialog .inner .buy-win .pay-type .type .wx-icon {
    width: 80px
}

.pay-dialog .inner .buy-win .pay-type .type .ali-icon {
    width: 62px
}

.pay-dialog .inner .buy-win .pay-type .money1 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.pay-dialog .inner .buy-win .pay-type .money1 .desc {
    font-size: 14px;
    font-weight: 400
}

.pay-dialog .inner .buy-win .pay-type .money1 .money-pricing {
    display: inline-block;
    color: #24be48;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.pay-dialog .inner .buy-win .pay-type .money1 .money-pricing b {
    width: 100%;
    font-size: 25px;
    display: inline-block;
    font-weight: 400
}

.pay-dialog .inner .buy-win .pay-type .money1 .monetary {
    color: #24be48;
    font-size: 16px
}

.pay-dialog .inner .buy-win .pay-type .money2 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.pay-dialog .inner .buy-win .pay-type .money2 .desc {
    font-size: 14px;
    font-weight: 400;
    position: relative;
    top: -8px
}

.pay-dialog .inner .buy-win .pay-type .money2 .money-pricing-year {
    display: inline-block;
    color: #24be48;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    top: -5px
}

.pay-dialog .inner .buy-win .pay-type .money2 .money-pricing-year div {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end
}

.pay-dialog .inner .buy-win .pay-type .money2 .money-pricing-year div b {
    width: 100%;
    display: inline-block;
    font-size: 25px;
    position: relative;
    top: 6px;
    font-weight: 400
}

.pay-dialog .inner .buy-win .pay-type .money2 .money-pricing-year div .monetary {
    color: #24be48;
    font-size: 16px
}

.pay-dialog .inner .buy-win .pay-type .money2 .money-pricing-year s {
    display: inline-block;
    height: 15px;
    font-size: 12px;
    width: 100%;
    color: #8d8d8d
}

.pay-dialog .inner .buy-win .invoice-box {
    margin-bottom: 20px
}

.pay-dialog .inner .buy-win .invoice-box p {
    color: #8d8d8d;
    font-size: 12px
}

.pay-dialog .inner .buy-win .invoice-box .invalid {
    color: #bababa !important
}

.pay-dialog .inner .buy-win .invoice-box .invalid>img {
    width: 13px !important;
    height: 13px !important;
    margin-right: 5px !important
}

.pay-dialog .inner .buy-win .invoice-box .select-invoice {
    cursor: pointer;
    color: #535353;
    display: flex;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.pay-dialog .inner .buy-win .invoice-box .select-invoice>span {
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 1px solid #979797;
    position: relative;
    top: 1px;
    border-radius: 3px;
    margin-right: 6px
}

.pay-dialog .inner .buy-win .invoice-box .select-invoice img {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 6px;
    position: relative;
    top: 1px
}

.pay-dialog .inner .buy-win .btn-pay {
    width: 328px;
    height: 40px;
    background: #1fc05c;
    border-radius: 4px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.pay-dialog .inner .buy-win .btn-pay:hover {
    opacity: .9;
    color: #fff;
    box-shadow: 0 6px 10px #20c05c4d
}

.pay-dialog .inner .buy-win .btn-pay:active {
    box-shadow: 0 3px 5px #20c05c4d;
    transform: translateY(1px)
}

.pay-dialog .inner .buy-win .ad-gift {
    width: 328px;
    margin-top: 14px;
    border-radius: 4px
}

.pay-dialog .inner .qr-win .title {
    font-weight: 700;
    color: #000;
    margin-bottom: 30px
}

.pay-dialog .inner .qr-win p {
    font-size: 18px;
    text-align: center;
    color: #000;
    margin: 10px 0
}

.pay-dialog .inner .qr-win p s {
    color: #999;
    font-size: 12px
}

.pay-dialog .inner .qr-win div {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 40px
}

.pay-dialog .inner .qr-win .pricing {
    color: #24be48
}

.pay-dialog .inner .qr-win .pricing span {
    font-size: 30px
}

.pay-dialog .inner .qr-win .buy-success p {
    color: #24be48;
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 17px
}

.pay-dialog .inner .qr-win .buy-success img {
    width: 77px;
    height: 77px
}

.pay-dialog .inner .qr-win .buy-success .qrcode-box {
    margin: 10px 0;
    min-height: 80px
}

.pay-dialog .inner .qr-win .buy-success .qrcode-box p {
    margin: 10px 0
}

.pay-dialog .inner .qr-win .buy-success .qrcode-box img {
    width: 110px;
    height: 110px;
    margin: 20px 0
}

.pay-dialog .inner .qr-win .buy-success button {
    display: inline-block;
    border: none;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    width: 328px;
    height: 49px;
    color: #fff;
    background: #24be48;
    font-weight: 700;
    border-radius: 7px;
    font-size: 16px
}

.no-buy-dialog .inner {
    width: 379px;
    min-height: 170px;
    position: relative;
    border-radius: 4px;
    padding: 32px
}

.no-buy-dialog .inner .close {
    width: 14px;
    height: 14px;
    position: absolute;
    right: 20px;
    top: 20px
}

.no-buy-dialog .inner .title {
    text-align: left;
    font-size: 16px;
    color: #222;
    font-weight: 700;
    margin-top: 0
}

.no-buy-dialog .inner p {
    margin: 10px 0
}

.no-buy-dialog .inner .btn-box-one {
    justify-content: space-around !important
}

.no-buy-dialog .inner .btn-box {
    width: 140px;
    bottom: 30px;
    display: flex;
    float: right;
    margin-top: 14px;
    justify-content: space-between
}

.no-buy-dialog .inner .btn-box button {
    display: inline-block;
    border: none;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    width: 65px;
    height: 32px;
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
    background: #fff;
    border-radius: 4px;
    color: #000
}

.no-buy-dialog .inner .btn-box .ready {
    background: #24be48;
    color: #fff;
    border: none
}

.get-gift-dialog .inner {
    width: 326px;
    height: 134px;
    background: #fff;
    border-radius: 4px;
    padding-top: 32px;
    padding-bottom: 24px
}

.get-gift-dialog .inner .title {
    font-size: 15px;
    color: #353535;
    padding-left: 32px;
    padding-right: 32px
}

.get-gift-dialog .inner .btn-box {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-left: 32px;
    padding-right: 32px;
    position: absolute;
    bottom: 24px;
    width: 100%
}

.get-gift-dialog .inner .btn-box button {
    display: inline-block;
    border: none;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    width: 65px;
    height: 32px;
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
    background: #fff;
    border-radius: 4px;
    color: #000
}

.get-gift-dialog .inner .btn-box .ready {
    background: #24be48;
    color: #fff;
    border: none
}

.fotor-dialog .inner {
    width: 538px;
    box-sizing: border-box;
    padding: 32px 32px 24px;
    background: #fff;
    border-radius: 4px
}

.fotor-dialog .inner .close-area {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    position: absolute;
    top: 19px;
    right: 19px;
    width: 20px;
    height: 20px;
    padding: 3px
}

.fotor-dialog .inner .close-area img {
    width: 14px;
    height: 14px
}

.fotor-dialog .inner .dialog-title {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 13px;
    font-weight: 700;
    color: #222
}

.fotor-dialog .inner .dialog-desc {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 13px;
    color: #353535
}

.fotor-dialog .inner .dialog-image {
    position: relative;
    left: -9px;
    display: block;
    width: 488px;
    height: 264px;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 0 auto
}

.fotor-dialog .inner .dialog-button {
    float: right;
    height: 32px;
    line-height: 32px;
    padding: 0 16px;
    background: #24be48;
    color: #fff;
    font-size: 14px;
    margin-top: 12px;
    border-radius: 4px;
    transition: all .2s ease 0s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer
}

.fotor-dialog .inner .dialog-button:hover {
    background: #50cb6d
}

.bundle-qrcode-dialog .inner {
    width: 426px;
    box-sizing: border-box;
    padding: 24px 0 26px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 8px #0000001a
}

.bundle-qrcode-dialog .inner .close-area {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    position: absolute;
    top: 19px;
    right: 19px;
    width: 20px;
    height: 20px;
    padding: 3px
}

.bundle-qrcode-dialog .inner .close-area img {
    width: 14px;
    height: 14px
}

.bundle-qrcode-dialog .inner p.title {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    line-height: 36px;
    text-align: center
}

.bundle-qrcode-dialog .inner .bundle-qrcode,
.bundle-qrcode-dialog .inner .loading {
    display: block;
    width: 190px;
    height: 190px;
    margin: 0 auto 20px
}

.bundle-qrcode-dialog .inner .loading {
    padding: 77px
}

.bundle-qrcode-dialog .inner .gift-num {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 20px;
    text-align: center;
    margin-bottom: 20px;
    padding: 0 40px
}

.bundle-qrcode-dialog .inner .gift-num span {
    font-weight: 700
}

.bundle-qrcode-dialog .inner .qrcode-tip {
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: #666
}

.login-dialog * {
    box-sizing: border-box
}

.login-dialog .inner .close-icon {
    width: 14px;
    height: 14px;
    padding: 4px;
    box-sizing: content-box;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: absolute;
    top: 12px;
    right: 18px
}

.login-dialog .btn {
    outline: none;
    cursor: pointer;
    padding: 0;
    min-width: 58px;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    color: #666;
    background-color: #fff
}

.login-dialog .btn:hover {
    background-color: #f8f8f8;
    border-color: #d3d3d3;
    color: #333
}

.login-dialog .btn:active {
    background-color: #f2f2f2;
    border-color: #cfcfcf;
    color: #1a1a1a
}

.login-dialog .btn:disabled,
.login-dialog .btn.disabled {
    border-color: #d6d6d6;
    background-color: #fafafa;
    color: #b9b9b9
}

.login-dialog .btn.btn-primary {
    border-color: #24be48;
    color: #fff;
    background-color: #24be48
}

.login-dialog .btn.btn-primary:hover {
    border-color: #21af42;
    color: #fff;
    background-color: #21af42
}

.login-dialog .btn.btn-primary:active {
    border-color: #1fa63f;
    color: #fff;
    background-color: #1fa63f
}

.login-dialog .btn.btn-primary:disabled,
.login-dialog .btn.btn-primary.disabled {
    border-color: #d6d6d6;
    background-color: #fafafa;
    color: #b9b9b9;
    cursor: not-allowed
}

.login-dialog .btn.btn-outline-primary {
    border-color: #24be48;
    color: #24be48;
    background-color: #fff
}

.login-dialog .btn.btn-outline-primary:hover {
    border-color: #24be48;
    color: #20aa40;
    background-color: #f5fff7
}

.login-dialog .btn.btn-outline-primary:active {
    border-color: #24be48;
    background-color: #edfff1;
    color: #20aa40
}

.login-dialog .btn.btn-outline-primary:disabled,
.login-dialog .btn.btn-outline-primary.disabled {
    border-color: #d6d6d6;
    background-color: #fafafa;
    color: #b9b9b9
}

.login-dialog .inner {
    width: unset;
    padding: 0
}

.login-dialog .inner .title-1 {
    font-size: 18px;
    font-weight: 600;
    color: #353535;
    line-height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.login-dialog .inner .title-1 .wx-icon {
    width: 28px;
    height: 28px;
    margin-right: 8px
}

.login-dialog .inner .header {
    font-size: 14px;
    color: #8d8d8d;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 32px 0 22px
}

.login-dialog .inner .header .active {
    color: #1fc05c
}

.login-dialog .inner .header .line {
    display: inline-block;
    width: 30px;
    height: 1px;
    background: #00000026;
    margin: 0 16px
}

.login-dialog .inner .img-box {
    width: 220px;
    height: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto
}

.login-dialog .inner .img-box .qr {
    width: 100%
}

.login-dialog .inner .img-box .loading-qr {
    width: 20px
}

.login-dialog .inner .img-box.error-box {
    background: #f8f8f8;
    font-size: 12px;
    color: #999;
    flex-direction: column
}

.login-dialog .inner .img-box.error-box .error {
    width: 54px;
    height: 49px
}

.login-dialog .inner .img-box.error-box p {
    margin: 5px 0 15px
}

.login-dialog .inner .img-box.error-box span {
    color: #459ae9;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.login-dialog .inner .skip-btn {
    width: 60px;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    opacity: .67;
    font-size: 14px;
    color: #353535;
    position: absolute;
    right: 18px;
    bottom: 18px
}

.login-dialog .inner .countdown {
    display: flex;
    align-items: center;
    font-size: 10px;
    color: #353535;
    line-height: 14px;
    margin: 20px 0 33px
}

.login-dialog .inner .countdown .time {
    width: 25px;
    height: 25px;
    position: relative;
    font-size: 16px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 8px;
    z-index: 1
}

.login-dialog .inner .countdown .time:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 12px;
    background: #1fc05c;
    border-radius: 2px 2px 3px 3px;
    z-index: -1
}

.login-dialog .inner .countdown .time:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 25px;
    height: 12px;
    background: #1fc05c;
    border-radius: 3px 3px 2px 2px;
    z-index: -1
}

.login-dialog .inner .scan-qr-login-content {
    width: 560px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 86px 0 60px
}

.login-dialog .inner .scan-qr-login-content .text-1 {
    font-size: 14px;
    color: #8d8d8d;
    line-height: 20px;
    text-align: center
}

.login-dialog .inner .scan-qr-login-content .img-box {
    margin: 30px auto
}

.login-dialog .inner .new-user-discount-content {
    position: relative;
    text-align: center;
    width: 560px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.login-dialog .inner .new-user-discount-content .title-1 {
    padding-right: 30px
}

.login-dialog .inner .new-user-discount-content .countdown {
    justify-content: center
}

.login-dialog .inner .new-user-discount-content .remain-count {
    position: absolute;
    right: 13px;
    width: 138px;
    height: 27px;
    background: #fff;
    box-shadow: 0 4px 7px #83602729;
    font-size: 13px;
    color: #555;
    line-height: 27px
}

.login-dialog .inner .new-user-discount-content .remain-count span {
    color: #1fc05c
}

.login-dialog .inner .new-user-discount-content .remain-count .new-user-discount-icon {
    width: 56px;
    height: 52px;
    position: absolute;
    left: -56px;
    bottom: -8px
}

.login-dialog .inner .new-user-discount-content .price-box {
    width: 372px;
    height: 214px;
    background: #33be5e;
    border-radius: 9px;
    position: relative;
    padding-top: 17px;
    margin-bottom: 41px
}

.login-dialog .inner .new-user-discount-content .price-box .discount-hint {
    width: 147px;
    height: 22px;
    background: #ffe7ba;
    border-radius: 0 9px 0 16px;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    color: #ae833c;
    line-height: 22px
}

.login-dialog .inner .new-user-discount-content .price-box .price {
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 23px
}

.login-dialog .inner .new-user-discount-content .price-box .price .left {
    font-size: 40px;
    font-weight: 500;
    color: #fffdfa;
    line-height: 56px;
    margin-right: 7px
}

.login-dialog .inner .new-user-discount-content .price-box .price .right {
    text-align: left
}

.login-dialog .inner .new-user-discount-content .price-box .price .right span {
    font-size: 12px;
    color: #fffdfa;
    line-height: 17px
}

.login-dialog .inner .new-user-discount-content .price-box .price .right span:first-child {
    color: #fffdad
}

.login-dialog .inner .new-user-discount-content .price-box .price .right span.normal-price {
    text-decoration: line-through;
    margin-left: 2px
}

.login-dialog .inner .new-user-discount-content .price-box .vip-gift-list {
    display: flex;
    flex-wrap: wrap
}

.login-dialog .inner .new-user-discount-content .price-box .vip-gift-list .vip-gift-li {
    display: flex;
    align-items: center;
    margin: 0 0 18px 18px
}

.login-dialog .inner .new-user-discount-content .price-box .vip-gift-list .vip-gift-li img {
    width: 27px;
    height: 27px;
    margin-right: 8px
}

.login-dialog .inner .new-user-discount-content .price-box .vip-gift-list .vip-gift-li p span {
    display: block;
    font-size: 12px;
    color: #fffdad;
    line-height: 18px;
    text-align: left
}

.login-dialog .inner .new-user-discount-content .price-box .vip-gift-list .vip-gift-li p span:first-child {
    font-size: 13px;
    margin-bottom: 3px
}

.login-dialog .inner .new-user-discount-content .btn.join-btn {
    display: inline-block;
    border: none;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    width: 252px;
    height: 40px;
    box-shadow: 0 8px 12px #27832e29;
    border-radius: 4px;
    font-size: 14px;
    color: #fff
}

.login-dialog .inner .new-user-discount-content .invoice-hint {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: #353535;
    line-height: 17px;
    margin-top: 13px
}

.login-dialog .inner .new-user-discount-content .invoice-hint img {
    width: 12px;
    height: 12px;
    margin-right: 3px
}

.login-dialog .inner .new-user-discount-content .yiban-partner {
    margin: 28px 0 43px
}

.login-dialog .inner .new-user-discount-content .yiban-partner .text-1 {
    font-size: 14px;
    color: #555;
    line-height: 20px;
    margin-bottom: 16px
}

.login-dialog .inner .new-user-discount-content .yiban-partner .partner-list {
    display: flex;
    justify-content: space-between;
    width: 408px;
    padding-right: 38px
}

.login-dialog .inner .new-user-discount-content .yiban-partner .partner-list .partner-li {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
    color: #8d8d8d
}

.login-dialog .inner .new-user-discount-content .yiban-partner .partner-list .partner-li img {
    width: 38px;
    height: 38px;
    border-radius: 19px;
    margin-bottom: 4px
}

.login-dialog .inner .buy-vip-content {
    width: 460px;
    padding-top: 24px;
    text-align: center
}

.login-dialog .inner .buy-vip-content .pay-way {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 24px
}

.login-dialog .inner .buy-vip-content .pay-way button {
    display: inline-block;
    border: none;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    background: #fff;
    width: 124px;
    height: 36px;
    border-radius: 4px;
    border: 1px solid #cdcdcd;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #999
}

.login-dialog .inner .buy-vip-content .pay-way button.wx-pay {
    margin-right: 20px
}

.login-dialog .inner .buy-vip-content .pay-way button img.wx {
    width: 21px;
    height: 17px;
    margin-right: 7px
}

.login-dialog .inner .buy-vip-content .pay-way button img.ali {
    width: 18px;
    height: 18px;
    margin-right: 7px
}

.login-dialog .inner .buy-vip-content .pay-way button img.hover,
.login-dialog .inner .buy-vip-content .pay-way button .selected {
    display: none
}

.login-dialog .inner .buy-vip-content .pay-way button:hover,
.login-dialog .inner .buy-vip-content .pay-way button.active {
    color: #24be48;
    border: 1px solid #24be48
}

.login-dialog .inner .buy-vip-content .pay-way button:hover .normal,
.login-dialog .inner .buy-vip-content .pay-way button.active .normal {
    display: none
}

.login-dialog .inner .buy-vip-content .pay-way button:hover .hover,
.login-dialog .inner .buy-vip-content .pay-way button.active .hover {
    display: inline-block
}

.login-dialog .inner .buy-vip-content .pay-way button.active selected {
    border: 10px solid transparent;
    border-top-color: #24be48;
    position: absolute;
    right: -10px;
    bottom: -10px;
    transform: rotate(-45deg)
}

.login-dialog .inner .buy-vip-content .pay-way button.active selected img {
    display: block;
    position: absolute;
    bottom: -2px;
    right: -2px;
    z-index: 1
}

.login-dialog .inner .buy-vip-content .img-box {
    width: 150px;
    height: 150px;
    margin: 26px auto 20px
}

.login-dialog .inner .buy-vip-content .invoice-hint {
    color: #999;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    line-height: 20px;
    margin-bottom: 80px
}

.login-dialog .inner .buy-vip-content .invoice-hint:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background: #d8d8d8;
    display: inline-block;
    margin-right: 6px
}

.login-dialog .inner .yiban-tools-content {
    width: 560px;
    height: 525px
}

.login-dialog .inner .yiban-tools-content .title-1 {
    margin: 10px auto 32px
}

.login-dialog .inner .yiban-tools {
    width: 100%;
    padding: 0 36px;
    display: flex;
    justify-content: space-between
}

.login-dialog .inner .yiban-tools .tool-li {
    width: 218px;
    text-align: center
}

.login-dialog .inner .yiban-tools .tool-li .box {
    width: 100%;
    height: 262px;
    box-shadow: 0 1px 6px #b4b4b478;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 47px
}

.login-dialog .inner .yiban-tools .tool-li .box .top {
    height: 175px;
    color: #fff;
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    padding-top: 34px
}

.login-dialog .inner .yiban-tools .tool-li .box .top .tool-title {
    font-size: 17px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 12px
}

.login-dialog .inner .yiban-tools .tool-li .box .bottom {
    padding: 11px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.login-dialog .inner .yiban-tools .tool-li .box .bottom span {
    width: 90px;
    height: 28px;
    background: #e6fddc #e7feec;
    text-align: center;
    line-height: 28px;
    font-size: 13px;
    margin-bottom: 8px;
    border-radius: 2px
}

.login-dialog .inner .yiban-tools .tool-li button {
    width: 140px;
    height: 40px;
    border-radius: 4px;
    position: relative;
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px
}

.login-dialog .inner .yiban-tools .tool-li button .coupon {
    position: absolute;
    font-size: 12px;
    color: #fff;
    width: 83px;
    height: 22px;
    line-height: 22px;
    background: #ff6060;
    border-radius: 3px;
    right: 0;
    top: -28px
}

.login-dialog .inner .yiban-tools .tool-li button .coupon:after {
    content: "";
    width: 7px;
    height: 7px;
    background: #ff6060;
    position: absolute;
    transform: rotate(45deg);
    bottom: -2px;
    left: 19px
}

.login-dialog .inner .yiban-tools .tool-li .text-2 {
    font-size: 12px;
    color: #8d8d8d;
    line-height: 17px;
    text-align: center
}

.login-dialog .inner .yiban-tools .tool-li.increase-fans .top {
    background: #24be48
}

.login-dialog .inner .yiban-tools .tool-li.increase-fans .bottom span {
    background: #e6fddc;
    color: #1cba41
}

.login-dialog .inner .yiban-tools .tool-li.increase-fans button {
    background: #24be48
}

.login-dialog .inner .yiban-tools .tool-li.open-comment .top {
    background: #4673f5
}

.login-dialog .inner .yiban-tools .tool-li.open-comment .bottom span {
    background: #edf6ff;
    color: #246dbe
}

.login-dialog .inner .yiban-tools .tool-li.open-comment button {
    background: #4673f5
}

.login-dialog .inner .success-content {
    width: 560px
}

.login-dialog .inner .success-content .title {
    font-size: 18px;
    font-weight: 600;
    color: #24be48;
    line-height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto
}

.login-dialog .inner .success-content .title img {
    width: 22px;
    height: 22px;
    margin-right: 6px
}

.login-dialog .inner .success-content .download-hint {
    width: 512px;
    height: 34px;
    background: #edfae9;
    border-radius: 2px;
    font-size: 13px;
    color: #333;
    line-height: 34px;
    margin: 16px auto 33px;
    text-align: center
}

.login-dialog .inner .success-content .download-hint a {
    text-decoration: none !important;
    display: inline-block;
    outline: none;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: #459ae9;
    cursor: pointer
}

.login-dialog .inner .success-content .title-3 {
    font-size: 16px;
    color: #353535;
    line-height: 22px;
    margin-bottom: 24px;
    width: 100%;
    text-align: left
}

.login-dialog .inner .success-content .feature-list {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 24px;
    flex-wrap: wrap
}

.login-dialog .inner .success-content .feature-list .feature-li .title-2 {
    font-size: 14px;
    font-weight: 500;
    color: #353535;
    line-height: 20px;
    margin-bottom: 18px;
    text-align: left
}

.login-dialog .inner .success-content .feature-list .feature-li img {
    width: 246px;
    height: 161px
}

.login-dialog .inner .success-content a.download-btn {
    text-decoration: none !important;
    display: inline-block;
    outline: none;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    width: 104px;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    display: block;
    margin: 33px 0 52px 24px
}

.login-dialog .inner .success-content .go-mp-btn {
    display: inline-block;
    border: none;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    width: 252px;
    height: 40px;
    border-radius: 4px;
    line-height: 40px;
    font-size: 14px;
    margin: 0 auto 52px;
    display: block
}

.login-dialog .inner .more-services-content {
    width: 410px;
    height: 416px;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 24px
}

.login-dialog .inner .more-services-content h2 {
    font-size: 18px;
    font-weight: 500;
    color: #333;
    line-height: 36px
}

.login-dialog .inner .more-services-content img.qr {
    width: 188px;
    height: 188px;
    margin: 34px auto 37px
}

.login-dialog .inner .more-services-content .bold {
    font-size: 14px;
    color: #333;
    line-height: 20px;
    margin-bottom: 5px
}

.login-dialog .inner .more-services-content .normal {
    font-size: 13px;
    color: #999;
    line-height: 18px
}

.login-dialog .inner .vip-gift-list-content {
    width: 848px;
    height: 620px;
    background: #fff;
    border-radius: 6px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column
}

.login-dialog .inner .vip-gift-list-content .title {
    width: 100%;
    font-size: 19px;
    font-weight: 700;
    color: #333;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 22px;
    height: 26px;
    line-height: 26px;
    min-height: 26px;
    margin: 26px 0 14px
}

.login-dialog .inner .vip-gift-list-content .title .icon {
    width: 22px;
    height: 22px;
    margin-left: 5px;
    position: relative;
    top: -1px
}

.login-dialog .inner .vip-gift-list-content .gift-list {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    overflow-y: scroll;
    padding: 10px 13px 0 22px;
    flex: 1;
    border-bottom: 1px solid #e8e8e8
}

.login-dialog .inner .vip-gift-list-content .gift-list::-webkit-scrollbar {
    width: 6px
}

.login-dialog .inner .vip-gift-list-content .gift-list::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background: #c8c8c8;
    cursor: pointer
}

.login-dialog .inner .vip-gift-list-content .gift-list::-webkit-scrollbar-thumb:hover {
    background: #bebebe
}

.login-dialog .inner .vip-gift-list-content .gift-list::-webkit-scrollbar-thumb:active {
    background: #b0b0b0
}

.login-dialog .inner .vip-gift-list-content .gift-list .gift-li {
    width: 245px;
    height: 94px;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 6px;
    padding: 0 12px;
    border: 1px solid #e8e8e8;
    margin: 0 12px 15px
}

.login-dialog .inner .vip-gift-list-content .gift-list .gift-li .category {
    height: 23px;
    line-height: 23px;
    border-radius: 4px;
    background: #ffeecf;
    font-size: 12px;
    color: #c2620f;
    font-weight: 700;
    padding: 0 7px;
    position: absolute;
    top: -12px;
    left: -12px
}

.login-dialog .inner .vip-gift-list-content .gift-list .gift-li .icon {
    width: 64px;
    height: 64px;
    min-width: 64px;
    -o-object-fit: cover;
    object-fit: cover
}

.login-dialog .inner .vip-gift-list-content .gift-list .gift-li .right-box {
    display: flex;
    flex: 1;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    margin-left: 14px;
    overflow: hidden
}

.login-dialog .inner .vip-gift-list-content .gift-list .gift-li .right-box .name {
    font-size: 16px;
    color: #222;
    font-weight: 700;
    height: 22px;
    line-height: 22px
}

.login-dialog .inner .vip-gift-list-content .gift-list .gift-li .right-box .detail {
    font-size: 14px;
    color: #c69860;
    margin-top: 5px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 20px;
    line-height: 20px
}

.login-dialog .inner .vip-gift-list-content .gift-list .gift-li .right-box .value {
    font-size: 14px;
    color: #999;
    margin-top: 4px;
    height: 20px;
    line-height: 20px
}

.login-dialog .inner .vip-gift-list-content .action-wrap {
    width: 100%;
    height: 74px;
    padding: 0 25px 12px 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end;
    position: relative
}

.login-dialog .inner .vip-gift-list-content .action-wrap .count-down {
    display: flex;
    padding: 6px 10px;
    position: absolute;
    top: -17px;
    right: 12px;
    background: #fffbe6;
    border-radius: 2px;
    border: 1px solid #ffe58f;
    box-sizing: border-box;
    align-items: flex-start;
    justify-content: center
}

.login-dialog .inner .vip-gift-list-content .action-wrap .count-down .time {
    width: 20px;
    height: 21px;
    font-size: 15px;
    font-weight: 600;
    color: #f66e00;
    line-height: 21px;
    text-align: center
}

.login-dialog .inner .vip-gift-list-content .action-wrap .count-down .text {
    height: 21px;
    font-size: 11px;
    font-weight: 400;
    color: #f29946;
    line-height: 21px
}

.login-dialog .inner .vip-gift-list-content .action-wrap .count-down:before {
    content: "";
    width: 5px;
    height: 5px;
    left: 14px;
    background: #fffbe6;
    border: 1px solid #ffe58f;
    border-left: none;
    border-top: none;
    transform: rotate(45deg);
    position: absolute;
    bottom: -3px
}

.login-dialog .inner .vip-gift-list-content .action-wrap .price-box {
    position: relative;
    top: 2px
}

.login-dialog .inner .vip-gift-list-content .action-wrap .price-box>.row-1 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 20px;
    line-height: 20px
}

.login-dialog .inner .vip-gift-list-content .action-wrap .price-box>.row-1 .label {
    font-weight: 700;
    color: #353535;
    font-size: 14px
}

.login-dialog .inner .vip-gift-list-content .action-wrap .price-box>.row-1 .price {
    color: #1fc05c;
    font-weight: 700;
    font-size: 28px;
    position: relative;
    top: -2px;
    margin-left: 8px
}

.login-dialog .inner .vip-gift-list-content .action-wrap .price-box>.row-1 .unit {
    color: #353535;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    top: 2px
}

.login-dialog .inner .vip-gift-list-content .action-wrap .price-box .row-2 {
    margin-top: 3px
}

.login-dialog .inner .vip-gift-list-content .action-wrap .price-box .row-2 .label {
    color: #333;
    font-size: 12px
}

.login-dialog .inner .vip-gift-list-content .action-wrap .price-box .row-2 .origin-price {
    color: #999;
    font-size: 12px;
    text-decoration: line-through
}

.login-dialog .inner .vip-gift-list-content .action-wrap .btn-box {
    height: 36px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 0 20px
}

.login-dialog .inner .vip-gift-list-content .action-wrap .btn-box .btn.buy-btn {
    height: 36px;
    line-height: 36px;
    text-decoration: none;
    white-space: nowrap;
    padding: 0 34px;
    border-radius: 4px;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer
}

.login-dialog .inner .vip-gift-list-content .action-wrap .btn-box .cancel-btn {
    height: 22px;
    font-size: 14px;
    font-weight: 400;
    color: #353535;
    line-height: 22px;
    margin: 0 0 0 23px;
    cursor: pointer
}

.auth-dialog .auth-inner {
    width: 560px;
    padding: 0 56px 74px
}

.auth-dialog .auth-inner.inner {
    width: 512px;
    padding: 32px 39px 34px
}

.auth-dialog .auth-inner .title {
    font-size: 18px;
    font-weight: 600;
    color: #353535;
    line-height: 25px;
    margin-bottom: 6px;
    text-align: center
}

.auth-dialog .auth-inner .text-1 {
    font-size: 14px;
    color: #8d8d8d;
    line-height: 20px;
    text-align: center
}

.auth-dialog .auth-inner .auth-icon-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
    margin: 15px auto 0
}

.auth-dialog .auth-inner .auth-icon-box .yiban-logo {
    width: 45px;
    height: 45px
}

.auth-dialog .auth-inner .auth-icon-box .wx-icon {
    width: 46px;
    height: 45px
}

.auth-dialog .auth-inner .auth-icon-box .success-icon {
    width: 14px;
    height: 14px;
    margin: 0 21px
}

.auth-dialog .auth-inner .auth-icon-box .line {
    width: 81px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1
}

.auth-dialog .auth-inner .qr-box {
    width: 194px;
    height: 194px;
    margin: 2px auto 0;
    background: #f8f8f8;
    color: #999;
    display: flex;
    justify-content: center;
    align-items: center
}

.auth-dialog .auth-inner .qr-box .error {
    width: 54px;
    height: 49px
}

.auth-dialog .auth-inner .qr-box.error-box {
    background: #f8f8f8;
    font-size: 12px;
    color: #999;
    flex-direction: column
}

.auth-dialog .auth-inner .qr-box p {
    margin: 5px 0 15px;
    text-align: center
}

.auth-dialog .auth-inner .qr-box span {
    color: #459ae9;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.auth-dialog .auth-inner .qr-box .qr-code {
    width: 100%;
    height: 100%
}

.auth-dialog .auth-inner .qr-box .loading-qr {
    width: 30px;
    height: 30px
}

.auth-dialog .auth-inner .text-2 {
    font-size: 14px;
    color: #353535;
    line-height: 20px;
    margin: 10px auto 39px;
    text-align: center
}

.auth-dialog .auth-inner .how-to-auth {
    width: 100%;
    height: 116px;
    background: #f7f7f7;
    border-radius: 2px;
    padding: 15px 28px 0 40px
}

.auth-dialog .auth-inner .how-to-auth .title-2 {
    font-size: 13px;
    color: #353535;
    line-height: 18px;
    margin-bottom: 10px
}

.auth-dialog .auth-inner .how-to-auth .text-1 {
    font-size: 13px;
    color: #8d8d8d;
    line-height: 18px;
    text-align: left
}

.auth-dialog .auth-inner .how-to-auth .text-1 span {
    color: #24be48
}