.rc-image {
    display: inline-flex;
    position: relative
}

.rc-image-img {
    width: 100%;
    height: auto
}

.rc-image-img-placeholder {
    background-color: #f3f3f3;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI3IDBIMUMuNDQ3IDAgMCAuNDQ3IDAgMXYyMGMwIC41NTMuNDQ3IDEgMSAxaDI2Yy41NTMgMCAxLS40NDcgMS0xVjFjMC0uNTUzLS40NDctMS0xLTF6TTguNTYyIDQuNWMxLjEwNCAwIDIgLjg5NyAyIDJzLS44OTYgMi0yIDJjLTEuMTAzIDAtMi0uODk3LTItMnMuODk3LTIgMi0yem0xNi4wNiAxMy42NmEuMjUzLjI1MyAwIDAxLS4xNjMuMDU5SDMuNTM4YS4yNS4yNSAwIDAxLS4xOTEtLjQxM2w1LjMyMi02LjMxMmEuMjUyLjI1MiAwIDAxLjM1My0uMDMyYy4wMS4wMS4wMjIuMDIuMDMxLjAzMmwzLjEwNiAzLjY4NyA0Ljk0MS01Ljg2YS4yNTIuMjUyIDAgMDEuMzUzLS4wM2MuMDEuMDA5LjAyMi4wMTguMDMxLjAzbDcuMTc1IDguNDg4YS4yNTUuMjU1IDAgMDEtLjAzNy4zNXoiIGZpbGw9IiNFOEU4RTgiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==)
}

.rc-image-mask,.rc-image-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.rc-image-mask {
    background: rgba(0,0,0,.3);
    opacity: 0;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: opacity .3s
}

.rc-image:hover .rc-image-mask {
    opacity: 1
}

.rc-image-preview {
    text-align: center;
    height: 100%;
    pointer-events: none
}

.rc-image-preview-body {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.rc-image-preview.zoom-appear,.rc-image-preview.zoom-enter {
    transform: none;
    opacity: 0;
    animation-duration: .3s
}

.rc-image-preview-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    height: 100%;
    background-color: rgba(0,0,0,.45)
}

.rc-image-preview-mask-hidden {
    display: none
}

.rc-image-preview-img {
    cursor: grab;
    transform: scaleX(1);
    transition: transform .3s cubic-bezier(0,0,.25,1) 0s;
    user-select: none;
    vertical-align: middle;
    max-width: 100%;
    max-height: 70%
}

.rc-image-preview-img-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.rc-image-preview-img-wrapper>* {
    pointer-events: auto
}

.rc-image-preview-moving .rc-image-preview-img {
    cursor: grabbing
}

.rc-image-preview-moving .rc-image-preview-img-wrapper {
    transition-duration: 0s
}

.rc-image-preview-wrap {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    overflow: auto;
    outline: 0;
    -webkit-overflow-scrolling: touch
}

.rc-image-preview-close {
    position: fixed;
    top: 32px;
    right: 32px;
    display: flex;
    color: #fff;
    background-color: rgba(0,0,0,.5);
    border-radius: 50%;
    padding: 15px;
    outline: 0;
    border: 0;
    cursor: pointer
}

.rc-image-preview-close:hover {
    opacity: .3
}

.rc-image-preview-footer,.rc-image-preview-operations-wrapper {
    position: fixed;
    z-index: 1001
}

.rc-image-preview-footer {
    bottom: 32px;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.rc-image-preview-progress {
    margin-bottom: 20px
}

.rc-image-preview-operations {
    display: flex;
    color: #bbb;
    background: rgba(0,0,0,.45);
    border-radius: 100px;
    padding: 0 20px
}

.rc-image-preview-operations-operation {
    padding: 10px;
    cursor: pointer;
    margin-left: 10px;
    font-size: 18px
}

.rc-image-preview-operations-operation-disabled {
    pointer-events: none;
    color: #6e6e6e
}

.rc-image-preview-operations-operation:first-of-type {
    margin-left: 0
}

.rc-image-preview-switch-left {
    position: fixed;
    left: 10px;
    top: 50%;
    width: 44px;
    height: 44px;
    margin-top: -22px;
    background: hsla(0,0%,73.3%,.45);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1001;
    cursor: pointer;
    color: #bbb
}

.rc-image-preview-switch-left-disabled {
    background: hsla(0,0%,73.3%,.3);
    color: #6e6e6e;
    cursor: not-allowed
}

.rc-image-preview-switch-left-disabled>.anticon {
    cursor: not-allowed
}

.rc-image-preview-switch-left>.anticon {
    font-size: 24px
}

.rc-image-preview-switch-right {
    position: fixed;
    right: 10px;
    top: 50%;
    width: 44px;
    height: 44px;
    margin-top: -22px;
    background: hsla(0,0%,73.3%,.45);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1001;
    cursor: pointer;
    color: #bbb
}

.rc-image-preview-switch-right-disabled {
    background: hsla(0,0%,73.3%,.2);
    color: #6e6e6e;
    cursor: not-allowed
}

.rc-image-preview-switch-right-disabled>.anticon {
    cursor: not-allowed
}

.rc-image-preview-switch-right>.anticon {
    font-size: 24px
}

.fade-appear,.fade-enter,.fade-leave {
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.fade-appear.fade-appear-active,.fade-enter.fade-enter-active {
    animation-name: rcImageFadeIn;
    animation-play-state: running
}

.fade-leave.fade-leave-active {
    animation-name: rcImageFadeOut;
    animation-play-state: running;
    pointer-events: none
}

.fade-appear,.fade-enter {
    opacity: 0
}

.fade-appear,.fade-enter,.fade-leave {
    animation-timing-function: linear
}

@keyframes rcImageFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes rcImageFadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.zoom-appear,.zoom-enter,.zoom-leave {
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.zoom-appear.zoom-appear-active,.zoom-enter.zoom-enter-active {
    animation-name: rcImageZoomIn;
    animation-play-state: running
}

.zoom-leave.zoom-leave-active {
    animation-name: rcImageZoomOut;
    animation-play-state: running;
    pointer-events: none
}

.zoom-appear,.zoom-enter {
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.zoom-leave {
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

@keyframes rcImageZoomIn {
    0% {
        transform: scale(.2);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes rcImageZoomOut {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(.2);
        opacity: 0
    }
}

body {
    -webkit-font-smoothing: antialiased
}

body.uno-page-intl {
    font-family: Inter,pingfang SC,helvetica neue,arial,hiragino sans gb,microsoft yahei ui,microsoft yahei,simsun,"sans-serif"
}

.qc-base-form .react-datepicker__input-container input {
    box-sizing: border-box
}

[class*=uno3-],[class^=uno3-] {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    border-collapse: collapse;
    border-spacing: 0;
    -webkit-font-feature-settings: normal;
    -ms-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal
}

[class*=uno3-]:focus,[class^=uno3-]:focus {
    outline: none
}

[class*=uno3-]:active,[class^=uno3-]:active {
    -webkit-tap-highlight-color: transparent
}

.uno3-skeleton-item-box {
    background: #f3f4f7;
    width: 100%
}

.uno3-skeleton-item-box.inline-block {
    display: inline-block
}

.uno3-skeleton-item-box.mt-2 {
    margin-top: 2px
}

.uno3-skeleton-item-box.w-80 {
    width: 80%
}

.uno3-skeleton-item-box.w-60 {
    width: 60%
}

.uno3-skeleton-item-box.w-50 {
    width: 50%
}

.uno3-skeleton-item-box.w-40 {
    width: 40%
}

.uno3-skeleton-item-box.w-30 {
    width: 30%
}

.uno3-skeleton-item-box.w-48 {
    width: 48px
}

.uno3-skeleton-item-box.w-56 {
    width: 56px
}

.uno3-skeleton-item-box.w-120 {
    width: 120px
}

.uno3-skeleton-item-box.w-140 {
    width: 140px
}

.uno3-skeleton-item-box.w-240 {
    width: 240px
}

.uno3-skeleton-item-box.w-360 {
    width: 360px
}

.uno3-skeleton-item-box.h-44 {
    height: 44px
}

.uno3-skeleton-item-box.h-36 {
    height: 36px
}

.uno3-skeleton-item-box.h-34 {
    height: 34px
}

.uno3-skeleton-item-box.h-32 {
    height: 32px
}

.uno3-skeleton-item-box.h-30 {
    height: 30px
}

.uno3-skeleton-item-box.h-28 {
    height: 28px
}

.uno3-skeleton-item-box.h-26 {
    height: 26px
}

.uno3-skeleton-item-box.h-24 {
    height: 24px
}

.uno3-skeleton-item-box.h-22 {
    height: 22px
}

.uno3-skeleton-item-box.h-20 {
    height: 20px
}

.uno3-skeleton-item-box.h-18 {
    height: 18px
}

.uno3-skeleton-item-box.h-16 {
    height: 16px
}

.uno3-skeleton-item-box.h-120 {
    height: 120px
}

@media (min-width: 769px) {
    .uno3-skeleton-item-box.pc-mt-2 {
        margin-top:2px
    }

    .uno3-skeleton-item-box.pc-mt-12 {
        margin-top: 12px
    }

    .uno3-skeleton-item-box.pc-ml-12 {
        margin-left: 12px
    }
}

@media (max-width: 768px) {
    .uno3-skeleton-item-box.m-ml-8 {
        margin-left:8px
    }

    .uno3-skeleton-item-box.m-mt-2 {
        margin-top: 2px
    }

    .uno3-skeleton-item-box.m-w-50 {
        width: 50%
    }

    .uno3-skeleton-item-box.m-w-80 {
        width: 80%
    }

    .uno3-skeleton-item-box.m-w-100 {
        width: 100%
    }

    .uno3-skeleton-item-box.m-w-120 {
        width: 120px
    }

    .uno3-skeleton-item-box.m-h-32 {
        height: 32px
    }

    .uno3-skeleton-item-box.m-h-28 {
        height: 28px
    }

    .uno3-skeleton-item-box.m-h-26 {
        height: 26px
    }

    .uno3-skeleton-item-box.m-h-24 {
        height: 24px
    }

    .uno3-skeleton-item-box.m-h-22 {
        height: 22px
    }

    .uno3-skeleton-item-box.m-h-20 {
        height: 20px
    }

    .uno3-skeleton-item-box.m-h-18 {
        height: 18px
    }
}

@media (max-width: 768px) {
    .uno3-buy-card .qc-base-form-value .uno3-skeleton-item-box {
        margin-top:6px
    }

    .qc-base-media__video-wrap.uno3-skeleton-item-box {
        width: 100%
    }
}

.uno3-buy-card.uno3-skeleton .qc-base-form-item {
    border: 1px solid transparent!important
}

.uno3-buy-card.uno3-skeleton .uno3-buy-card__bd .qc-base-list-item {
    padding-left: 0
}

@media (min-width: 769px) {
    .uno3-buy-card-middle.uno3-skeleton .uno3-buy-card__btn .uno3-skeleton-item-box:nth-child(n+2) {
        margin-left:12px
    }
}

@media (max-width: 1539px) and (min-width:769px) {
    .uno3-buy-card-middle.uno3-skeleton .uno3-buy-card__btn .uno3-skeleton-item-box:nth-child(n+2) {
        margin-left:0;
        margin-top: 12px
    }
}

.uno3-module-hide {
    display: none!important
}

@media (min-width: 769px) {
    .uno3-module-hide-pc {
        display:none!important
    }
}

@media (max-width: 768px) {
    .uno3-module-hide-m {
        display:none!important
    }
}

.editor-module-disabled {
    opacity: .5;
    cursor: not-allowed!important
}

.__dumi-default-layout .markdown li {
    list-style: initial
}

body {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: initial
}

body,button,input,select,textarea {
    font-family: pingfang SC,helvetica neue,arial,hiragino sans gb,microsoft yahei ui,microsoft yahei,simsun,"sans-serif"
}

[class*=qc-base-],[class^=qc-base-] {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    border-collapse: collapse;
    border-spacing: 0
}

[class*=qc-base-]:focus,[class^=qc-base-]:focus {
    outline: none
}

[class*=qc-base-]:active,[class^=qc-base-]:active {
    -webkit-tap-highlight-color: transparent
}

[class^=qc-base-],[class^=qc-base-]:after,[class^=qc-base-]:before {
    padding: 0;
    margin: 0;
    box-sizing: border-box
}

button[class^=qc-base-],input[class^=qc-base-],select[class^=qc-base-] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

button[class^=qc-base-]:focus,input[class^=qc-base-]:focus,select[class^=qc-base-]:focus {
    outline: none
}

ol[class^=qc-base-],ul[class^=qc-base-] {
    list-style: none
}

.qc-base-tooltip.tp-bubble {
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 6px 20px 0 rgba(55,99,170,.1);
    padding: 16px;
    position: relative
}

.qc-base-tooltip.tp-bubble:after {
    content: "";
    width: 0;
    height: 0;
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 5px 4.5px;
    position: absolute;
    bottom: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.qc-base-tooltip.tp-bubble .qc-base-tooltip-desc {
    max-width: 273px;
    font-size: 12px;
    line-height: 22px;
    color: #4b5b76
}

.qc-base-tooltip.tp-bubble .qc-base-tooltip-desc-label {
    color: #181818;
    font-weight: 600
}

.qc-base-type-mac .qc-base-tooltip.tp-bubble .qc-base-tooltip-desc-label,.tpm2-product-mac .qc-base-tooltip.tp-bubble .qc-base-tooltip-desc-label,.uno-type-mac .qc-base-tooltip.tp-bubble .qc-base-tooltip-desc-label {
    font-weight: 500
}

@media screen and (min-width: 769px) {
    body {
        min-width:1200px
    }
}

@media screen and (max-width: 768px) {
    body {
        min-width:320px
    }
}

@media screen and (min-width: 769px) {
    .qc-base-show-mobile {
        display:none
    }
}

@media screen and (max-width: 768px) {
    .qc-base-show-pc {
        display:none
    }
}

.uno-page-intl .uno3-button--weak.uno3-button--arrow:not(.uno3-button--disabled):hover {
    background: #0052d9;
    border-color: #0052d9;
    color: #fff
}

.uno-page-intl .uno3-button--weak.uno3-button--arrow:not(.uno3-button--disabled):active {
    background: #0034b5;
    border-color: #0034b5
}

.uno-page-intl .uno3-button--weak.uno3-button--arrow.uno3-button--disabled,.uno-page-intl .uno3-button--weak.uno3-button--arrow.uno3-button--disabled:hover {
    border-color: #0052d9;
    background: transparent;
    color: #0052d9;
    opacity: .3
}

.uno-page-intl .uno3-button--weak.uno3-button--arrow.uno3-button--center:not(.uno3-button--disabled):active,.uno-page-intl .uno3-button--weak.uno3-button--arrow.uno3-button--center:not(.uno3-button--disabled):hover {
    background: transparent;
    border-color: #0052d9;
    color: #0052d9
}

.uno-page-intl .uno3-button--weak.uno3-button--arrow.uno3-button--center.uno3-button--disabled,.uno-page-intl .uno3-button--weak.uno3-button--arrow.uno3-button--center.uno3-button--disabled:hover {
    border: 1px solid #e8ebef;
    background: #fff;
    color: rgba(151,163,183,.8);
    opacity: 1
}

.uno-page-intl .uno3-button--weak-white.uno3-button--arrow:not(.uno3-button--disabled):active,.uno-page-intl .uno3-button--weak-white.uno3-button--arrow:not(.uno3-button--disabled):hover {
    background: #fff;
    border-color: #fff;
    color: #0052d9
}

.uno-page-intl .uno3-button--weak-white.uno3-button--arrow.uno3-button--disabled,.uno-page-intl .uno3-button--weak-white.uno3-button--arrow.uno3-button--disabled:hover {
    border-color: hsla(0,0%,100%,.9);
    background: transparent;
    color: hsla(0,0%,100%,.9);
    opacity: .3
}

.uno-page-intl .uno3-button--weak-white.uno3-button--arrow.uno3-button--center:not(.uno3-button--disabled):active,.uno-page-intl .uno3-button--weak-white.uno3-button--arrow.uno3-button--center:not(.uno3-button--disabled):hover {
    background: transparent;
    border-color: #fff;
    color: #fff
}

.uno-page-intl .uno3-button--weak-white.uno3-button--arrow.uno3-button--center.uno3-button--disabled,.uno-page-intl .uno3-button--weak-white.uno3-button--arrow.uno3-button--center.uno3-button--disabled:hover {
    background: transparent;
    border-color: #fff;
    color: #fff;
    opacity: .3
}

.uno-page-intl .uno3-button--weak-black.uno3-button--arrow.uno3-button--disabled,.uno-page-intl .uno3-button--weak-black.uno3-button--arrow.uno3-button--disabled:hover {
    border-color: #000;
    background: transparent;
    color: #000;
    opacity: .3
}

.uno-page-intl .uno3-button--weak-black.uno3-button--arrow.uno3-button--center:not(.uno3-button--disabled):active,.uno-page-intl .uno3-button--weak-black.uno3-button--arrow.uno3-button--center:not(.uno3-button--disabled):hover {
    background: transparent;
    border-color: #000;
    color: #000
}

.uno-page-intl .uno3-button--weak-black.uno3-button--arrow.uno3-button--center.uno3-button--disabled,.uno-page-intl .uno3-button--weak-black.uno3-button--arrow.uno3-button--center.uno3-button--disabled:hover {
    background: transparent;
    border-color: #000;
    color: #000;
    opacity: .3
}

.uno-page-intl .uno3-button--primary:not(.uno3-button--disabled):active,.uno-page-intl .uno3-button--primary:not(.uno3-button--disabled):hover {
    background: #0034b5;
    border-color: #0034b5;
    color: #fff
}

.uno-page-intl .uno3-button--primary.uno3-button--disabled,.uno-page-intl .uno3-button--primary.uno3-button--disabled:hover {
    border-color: #0052d9;
    background: #0052d9;
    color: #fff;
    opacity: .3
}

.uno-page-intl .uno3-button--primary.uno3-button--arrow.uno3-button--center:not(.uno3-button--disabled):hover {
    background: #0052d9;
    border-color: #0052d9;
    color: #fff
}

.uno-page-intl .uno3-button--solid-white.uno3-button--arrow.uno3-button--center:not(.uno3-button--disabled):active,.uno-page-intl .uno3-button--solid-white.uno3-button--arrow.uno3-button--center:not(.uno3-button--disabled):hover {
    background: #fff;
    border-color: #fff;
    color: #0052d9
}

.uno-page-intl .uno3-button--solid-white.uno3-button--arrow.uno3-button--center.uno3-button--disabled,.uno-page-intl .uno3-button--solid-white.uno3-button--arrow.uno3-button--center.uno3-button--disabled:hover {
    background: #fff;
    border-color: #fff;
    color: #0052d9;
    opacity: .3
}

.uno-page-intl .uno3-button--solid-black.uno3-button--arrow.uno3-button--center:not(.uno3-button--disabled):active,.uno-page-intl .uno3-button--solid-black.uno3-button--arrow.uno3-button--center:not(.uno3-button--disabled):hover {
    background: #000;
    border-color: #000;
    color: #fff
}

.uno-page-intl .uno3-button--solid-black.uno3-button--arrow.uno3-button--center.uno3-button--disabled,.uno-page-intl .uno3-button--solid-black.uno3-button--arrow.uno3-button--center.uno3-button--disabled:hover {
    background: #000;
    border-color: #000;
    color: #fff;
    opacity: .3
}

.uno-page-intl .uno3-button--weak-hole {
    border: 1px solid #c5c5c5;
    color: #333
}

.uno-page-intl .uno3-button--weak-hole:not(.uno3-button--disabled):active,.uno-page-intl .uno3-button--weak-hole:not(.uno3-button--disabled):hover {
    border: 1px solid #5e5e5e;
    color: #333
}

.uno-page-intl .uno3-button--weak-hole.uno3-button--disabled,.uno-page-intl .uno3-button--weak-hole.uno3-button--disabled:hover {
    border: 1px solid #5e5e5e;
    opacity: .4;
    color: #333
}

.uno-page-intl .uno3-button--arrow.uno3-button--center .uno3-button__text {
    -webkit-transform: translateX(14px);
    transform: translateX(14px);
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.uno-page-intl .uno3-button--arrow.uno3-button--center .uno3-button__arrow {
    opacity: 0;
    transition: all .3s ease-in-out
}

.uno-page-intl .uno3-button--arrow.uno3-button--center:not(.uno3-button--disabled):active .uno3-button__text,.uno-page-intl .uno3-button--arrow.uno3-button--center:not(.uno3-button--disabled):hover .uno3-button__text {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.uno-page-intl .uno3-button--arrow.uno3-button--center:not(.uno3-button--disabled):active .uno3-button__arrow,.uno-page-intl .uno3-button--arrow.uno3-button--center:not(.uno3-button--disabled):hover .uno3-button__arrow {
    opacity: 1
}

.uno-page-intl .uno3-button--icon.uno3-button--weak.uno3-button--disabled .qc-base-icon--info {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_intl_button_icon_tip_disabled.svg)
}

.uno3-button {
    display: inline-block;
    width: 220px;
    height: 36px;
    vertical-align: middle;
    text-align: center;
    position: relative;
    font-size: 14px;
    line-height: 22px;
    box-sizing: border-box;
    padding: 0 16px;
    cursor: pointer;
    -webkit-font-smoothing: initial
}

@media screen and (min-width: 769px) {
    .uno3-button {
        transition:background-color .3s ease-in-out,border .3s ease-in-out,color .3s ease-in-out
    }
}

.uno3-button__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.uno3-button__text {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-button__arrow {
    margin-left: 8px;
    width: 16px;
    height: 16px;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.uno3-button--loading .uno3-button__inner {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    -webkit-animation: btn-loading .6s linear infinite forwards;
    animation: btn-loading .6s linear infinite forwards;
    background-size: cover;
    font-size: 0
}

.uno3-button--loading .uno3-button__inner .qc-base-icon,.uno3-button--loading .uno3-button__inner .uno3-button__arrow {
    display: none
}

.uno3-button--disabled {
    cursor: not-allowed
}

.uno3-button--arrow .uno3-button__inner {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.uno3-button--center .uno3-button__inner {
    -ms-flex-pack: center;
    justify-content: center
}

.uno3-button:not(.uno3-button--disabled):hover .uno3-button__arrow {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
}

.uno3-button--primary {
    border: 1px solid #0052d9;
    background: #0052d9;
    color: #fff
}

.uno3-button--primary:hover {
    background: #266fe8;
    color: #fff;
    border: 1px solid #266fe8
}

.uno3-button--primary.uno3-button--disabled,.uno3-button--primary.uno3-button--disabled:hover {
    background: rgba(0,82,217,.3);
    color: hsla(0,0%,100%,.8);
    border: 1px solid rgba(0,82,217,0)
}

.uno3-button--primary.uno3-button--loading,.uno3-button--primary.uno3-button--loading:hover {
    background: rgba(0,82,217,.3);
    color: #fff;
    border: 1px solid rgba(0,82,217,0)
}

.uno3-button--primary.uno3-button--loading .uno3-button__inner {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_button_primary_loading_icon.png)
}

.uno3-button--solid-white {
    border: 1px solid #fff;
    background: #fff;
    color: #0052d9
}

.uno3-button--solid-white:hover {
    background: hsla(0,0%,100%,.8);
    color: #0052d9;
    border: 1px solid #fff
}

.uno3-button--solid-white.uno3-button--disabled,.uno3-button--solid-white.uno3-button--disabled:hover {
    background: hsla(0,0%,100%,.4);
    color: hsla(0,0%,100%,.6);
    border: 1px solid hsla(0,0%,100%,0)
}

.uno3-button--solid-white.uno3-button--loading,.uno3-button--solid-white.uno3-button--loading:hover {
    background: hsla(0,0%,100%,.4);
    color: #0052d9;
    border: 1px solid hsla(0,0%,100%,0)
}

.uno3-button--solid-white.uno3-button--loading .uno3-button__inner {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_button_solid_white_loading_icon.png)
}

.uno3-button--solid-black {
    border: 1px solid #181818;
    background: #181818;
    color: #fff
}

.uno3-button--solid-black:hover {
    background: #383838;
    color: #fff;
    border: 1px solid #383838
}

.uno3-button--solid-black.uno3-button--disabled,.uno3-button--solid-black.uno3-button--disabled:hover {
    background: rgba(24,24,24,.3);
    color: hsla(0,0%,100%,.8);
    border: 1px solid rgba(24,24,24,0)
}

.uno3-button--solid-black.uno3-button--loading,.uno3-button--solid-black.uno3-button--loading:hover {
    background: rgba(24,24,24,.3);
    color: #fff;
    border: 1px solid rgba(24,24,24,0)
}

.uno3-button--solid-black.uno3-button--loading .uno3-button__inner {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_button_solid_black_loading_icon.png)
}

.uno3-button--weak {
    border: 1px solid #0052d9;
    background: transparent;
    color: #0052d9
}

.uno3-button--weak:hover {
    background: #ecf2fe;
    color: #0052d9;
    border: 1px solid #0052d9
}

.uno3-button--weak.uno3-button--disabled,.uno3-button--weak.uno3-button--disabled:hover {
    background: transparent;
    color: rgba(0,82,217,.6);
    border: 1px solid rgba(0,82,217,.3)
}

.uno3-button--weak.uno3-button--loading,.uno3-button--weak.uno3-button--loading:hover {
    background: transparent;
    color: #0052d9;
    border: 1px solid rgba(0,82,217,.3)
}

.uno3-button--weak.uno3-button--loading .uno3-button__inner {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_button_weak_loading_icon.png)
}

.uno3-button--weak-white {
    border: 1px solid #fff;
    background: transparent;
    color: #fff
}

.uno3-button--weak-white:hover {
    background: hsla(0,0%,100%,.15);
    color: #fff;
    border: 1px solid #fff
}

.uno3-button--weak-white.uno3-button--disabled,.uno3-button--weak-white.uno3-button--disabled:hover {
    background: transparent;
    color: hsla(0,0%,100%,.4);
    border: 1px solid hsla(0,0%,100%,.3)
}

.uno3-button--weak-white.uno3-button--loading,.uno3-button--weak-white.uno3-button--loading:hover {
    background: transparent;
    color: #fff;
    border: 1px solid hsla(0,0%,100%,.3)
}

.uno3-button--weak-white.uno3-button--loading .uno3-button__inner {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_button_weak_white_loading_icon.png)
}

.uno3-button--weak-black {
    border: 1px solid #000;
    background: transparent;
    color: #000
}

.uno3-button--weak-black:hover {
    background: #000;
    color: #fff;
    border: 1px solid #000
}

.uno3-button--weak-black.uno3-button--disabled,.uno3-button--weak-black.uno3-button--disabled:hover {
    background: transparent;
    color: rgba(0,0,0,.4);
    border: 1px solid rgba(0,0,0,.15)
}

.uno3-button--weak-black.uno3-button--loading,.uno3-button--weak-black.uno3-button--loading:hover {
    background: transparent;
    color: #000;
    border: 1px solid rgba(0,0,0,.15)
}

.uno3-button--weak-black.uno3-button--loading .uno3-button__inner {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_button_weak_black_loading_icon.png)
}

.uno3-button--weak-hole {
    border: 1px solid #c5c5c5;
    background: transparent;
    color: #383838
}

.uno3-button--weak-hole:hover {
    background: transparent;
    color: #383838;
    border: 1px solid #5e5e5e
}

.uno3-button--weak-hole.uno3-button--disabled,.uno3-button--weak-hole.uno3-button--disabled:hover {
    background: transparent;
    color: rgba(0,0,0,.4);
    border: 1px solid hsla(0,0%,77.3%,.4)
}

.uno3-button--weak-hole.uno3-button--loading,.uno3-button--weak-hole.uno3-button--loading:hover {
    background: transparent;
    color: #383838;
    border: 1px solid rgba(0,0,0,.15)
}

.uno3-button--weak-hole.uno3-button--loading .uno3-button__inner {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_button_weak_hole_loading_icon.png)
}

.uno3-button--buy {
    padding-left: 40px;
    position: relative
}

.uno3-button--buy:before {
    content: "";
    height: 100%;
    width: 28px;
    position: absolute;
    left: 0;
    top: 0;
    background: #0052d9
}

.uno3-button--buy:after {
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    top: 0;
    left: 28px;
    border-left: 8px solid #0052d9;
    border-top: 34px solid transparent
}

.uno3-button--buy {
    border: 1px solid #0052d9;
    background: #fff;
    color: #0052d9
}

.uno3-button--buy:hover {
    background: #ecf2fe;
    color: #0052d9;
    border: 1px solid #0052d9
}

.uno3-button--buy:hover:before {
    background: #0052d9
}

.uno3-button--buy:hover:after {
    border-left-color: #0052d9
}

.uno3-button--buy.uno3-button--disabled,.uno3-button--buy.uno3-button--disabled:hover {
    background: #fff;
    color: rgba(0,82,217,.6);
    border: 1px solid rgba(0,82,217,.3)
}

.uno3-button--buy.uno3-button--disabled:before,.uno3-button--buy.uno3-button--disabled:hover:before {
    background: rgba(0,82,217,.3)
}

.uno3-button--buy.uno3-button--disabled:after,.uno3-button--buy.uno3-button--disabled:hover:after {
    border-left-color: rgba(0,82,217,.3)
}

.uno3-button--buy.uno3-button--loading,.uno3-button--buy.uno3-button--loading:hover {
    background: #fff;
    color: #0052d9;
    border: 1px solid rgba(0,82,217,.3)
}

.uno3-button--buy.uno3-button--loading:before,.uno3-button--buy.uno3-button--loading:hover:before {
    background: rgba(0,82,217,.3)
}

.uno3-button--buy.uno3-button--loading:after,.uno3-button--buy.uno3-button--loading:hover:after {
    border-left-color: rgba(0,82,217,.3)
}

.uno3-button--buy.uno3-button--loading .uno3-button__inner {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_button_buy_loading_icon.png)
}

.uno3-button--buy .uno3-button__icon-buy {
    width: 16px;
    height: 16px;
    display: block;
    background-size: cover;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_button_buy_car_icon.svg);
    position: absolute;
    left: 7px;
    top: 10px
}

.uno3-button--bold {
    font-weight: 600
}

.uno3-button--tag {
    padding: 0 4px;
    height: 18px;
    font-size: 12px;
    line-height: 20px;
    display: inline-block;
    position: absolute;
    right: -1px;
    top: -9px;
    border-radius: 2px
}

.uno3-button--tag-discount {
    color: #fff;
    background: #ff7800
}

.uno3-button.uno3-button--status-packup,.uno3-button.uno3-button--status-unfold {
    border: 1px solid #eaedf1;
    background: #fff;
    color: #181818
}

.uno3-button.uno3-button--status-packup:hover,.uno3-button.uno3-button--status-unfold:hover {
    border: 1px solid #5e5e5e
}

.uno3-button.uno3-button--status-packup:hover .uno3-button__arrow,.uno3-button.uno3-button--status-unfold:hover .uno3-button__arrow {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.uno3-button.uno3-button--status-packup .uno3-button__arrow,.uno3-button.uno3-button--status-unfold .uno3-button__arrow {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.uno3-button.uno3-button--status-packup .uno3-button__arrow svg,.uno3-button.uno3-button--status-unfold .uno3-button__arrow svg {
    display: none
}

.uno3-button.uno3-button--status-unfold .uno3-button__arrow {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_button_unfold_icon.svg)
}

.uno3-button.uno3-button--status-packup .uno3-button__arrow {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_button_unfold_icon.svg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.uno3-button.uno3-button--status-packup:hover .uno3-button__arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.uno3-button.uno3-button--shop {
    background: #fff;
    border: 1px solid #0052d9;
    width: 50px;
    min-width: auto;
    height: 36px;
    font-size: 0;
    line-height: 0;
    position: relative;
    padding: 0
}

.uno3-button.uno3-button--shop:active,.uno3-button.uno3-button--shop:hover {
    background: #ecf2fe;
    border: 1px solid #0052d9
}

.uno3-button.uno3-button--shop .uno3-button__text {
    width: 100%;
    height: 100%
}

.uno3-button.uno3-button--shop .uno3-button__text div,.uno3-button.uno3-button--shop .uno3-button__text span {
    display: block;
    width: 100%;
    height: 100%
}

.uno3-button.uno3-button--shop .uno3-button__inner {
    width: 100%;
    height: 100%;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_button_shop.svg);
    background-size: 16px 16px;
    background-position: 50%;
    background-repeat: no-repeat
}

.uno3-button.uno3-button--shop.uno3-button--loading .uno3-button__inner {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_button_weak_loading_icon.png)
}

.uno3-button.uno3-button--shop.uno3-button--disabled {
    background: #ecf2fe;
    border: 1px solid #d6dbe3
}

.uno3-button.uno3-button--shop.uno3-button--disabled .uno3-button__inner {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_button_shop_disabled.svg)
}

.uno3-button--icon .uno3-button__text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 6px
}

.uno3-button--icon.uno3-button--primary .qc-base-icon--info {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_button_icon_tip_normal.svg)
}

.uno3-button--icon.uno3-button--primary.uno3-button--disabled .qc-base-icon {
    opacity: .8
}

.uno3-button--icon.uno3-button--weak .qc-base-icon--info {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_button_icon_tip_normal_2.svg)
}

.uno3-button--icon.uno3-button--weak.uno3-button--disabled .qc-base-icon {
    opacity: .6
}

.uno-type-ios .uno3-button--bold,.uno-type-mac .uno3-button--bold {
    font-weight: 500
}

@-webkit-keyframes btn-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes btn-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.uno-page-intl .uno3-hero__desc .qc-base-show-pc,.uno-page-intl .uno3-hero__title {
    max-width: 1000px
}

@media (min-width: 769px) {
    .uno-page-intl .uno3-hero {
        height:280px
    }

    .uno-page-intl .uno3-hero__inner {
        padding-top: 48px
    }

    .uno-page-intl .uno3-hero.only-title .uno3-hero__inner {
        padding-top: 56px
    }

    .uno-page-intl .uno3-hero.only-title .uno3-hero__tag-wrap+.uno3-hero__title {
        margin-top: 32px
    }

    .uno-page-intl .uno3-hero.with-btn .uno3-hero__inner {
        padding-top: 32px
    }

    .uno-page-intl .uno3-hero.with-btn .uno3-hero__tag-wrap+.uno3-hero__desc,.uno-page-intl .uno3-hero.with-btn .uno3-hero__tag-wrap+.uno3-hero__title {
        margin-top: 18px
    }

    .uno-page-intl .uno3-hero.with-btn.only-title .uno3-hero__inner {
        padding-top: 40px
    }

    .uno-page-intl .uno3-hero.with-btn.only-title .uno3-hero__tag-wrap+.uno3-hero__desc,.uno-page-intl .uno3-hero.with-btn.only-title .uno3-hero__tag-wrap+.uno3-hero__title {
        margin-top: 20px
    }

    .uno-page-intl .uno3-hero__title {
        font-size: 40px;
        line-height: 48px
    }

    .uno-page-intl .uno3-hero__desc,.uno-page-intl .uno3-hero__desc .qc-base-text {
        font-size: 16px;
        line-height: 24px
    }

    .uno-page-intl .uno3-hero__tag-wrap+.uno-page-intl .uno3-hero__desc,.uno-page-intl .uno3-hero__tag-wrap+.uno-page-intl .uno3-hero__title {
        margin-top: 32px
    }

    .uno-page-intl .uno3-hero__desc .qc-base-show-pc,.uno-page-intl .uno3-hero__title {
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

@media (max-width: 1200px) and (min-width:769px) {
    .uno-page-intl .uno3-hero__desc .qc-base-show-pc,.uno-page-intl .uno3-hero__title {
        max-width:850px
    }
}

@media (max-width: 768px) and (min-width:601px) {
    .uno-page-intl .uno3-hero__desc .qc-base-show-pc,.uno-page-intl .uno3-hero__title {
        max-width:calc(100% - 98px)
    }
}

@media (max-width: 600px) {
    .uno-page-intl .uno3-hero__desc .qc-base-show-pc,.uno-page-intl .uno3-hero__title {
        max-width:264px
    }
}

@media (max-width: 768px) {
    .uno-page-intl .uno3-hero {
        height:220px
    }

    .uno-page-intl .uno3-hero__inner {
        padding-top: 20px
    }

    .uno-page-intl .uno3-hero__tag-wrap+.uno3-hero__title {
        margin-top: 40px;
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .uno-page-intl .uno3-hero__tag-wrap {
        position: relative
    }

    .uno-page-intl .uno3-hero .uno3-hero__link-group {
        position: absolute;
        left: 0;
        margin-left: 0;
        top: 22px
    }

    .uno-page-intl .uno3-hero.only-title .uno3-hero__tag-wrap+.uno3-hero__title {
        margin-top: 48px
    }

    .uno-page-intl .uno3-hero.with-btn .uno3-hero__tag-wrap+.uno3-hero__title {
        margin-top: 26px
    }
}

@media (min-width: 1540px) {
    .uno-page-intl .uno3-page-skip-nav__link-title {
        width:270px
    }

    .uno-page-intl .uno3-page-skip-nav__link-title+.uno3-page-skip-nav__link-desc {
        margin-left: 16px
    }

    .uno-page-intl .uno3-page-skip-nav__link-desc {
        width: 530px
    }

    .uno-page-intl .uno3-page-skip-nav__link-text {
        width: 87px
    }
}

@media (max-width: 1539px) and (min-width:769px) {
    .uno-page-intl .uno3-page-skip-nav__link-title {
        width:230px
    }

    .uno-page-intl .uno3-page-skip-nav__link-title+.uno3-page-skip-nav__link-desc {
        margin-left: 16px
    }

    .uno-page-intl .uno3-page-skip-nav__link-desc {
        width: 330px
    }

    .uno-page-intl .uno3-page-skip-nav__link-text {
        width: 87px
    }
}

@media (max-width: 1539px) and (min-width:769px) and (max-width:1319px) {
    .uno-page-intl .uno3-page-skip-nav__link-desc {
        width:280px
    }
}

.uno3-hero {
    overflow: hidden;
    background: #f1f1f1;
    min-height: 300px;
    padding: 0 60px;
    position: relative
}

.uno3-hero__bg {
    width: 2560px;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-size: cover
}

.uno3-hero__inner {
    position: relative;
    z-index: 1;
    height: 100%;
    padding: 94px 0 32px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

.uno3-hero__content {
    margin-bottom: auto
}

.uno3-hero__tag-wrap {
    display: -ms-flexbox;
    display: flex
}

.uno3-hero__tag-wrap .uno3-hero__link-group {
    margin-left: 32px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (min-width: 769px) {
    .uno3-hero__tag-wrap .uno3-hero__link-group {
        display:none
    }
}

.uno3-hero__tag {
    max-width: calc(100% - 90px);
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-hero__tag,.uno3-hero__video-btn {
    font-size: 12px;
    line-height: 20px;
    color: #181818;
    font-weight: 600
}

.uno3-hero__video-btn {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: auto;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

.uno3-hero__video-btn:after {
    margin-left: 4px;
    content: "";
    width: 14px;
    height: 14px;
    background-size: cover;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-hero-icon-video-btn.svg)
}

@media screen and (min-width: 769px) {
    .uno3-hero__video-btn {
        cursor:pointer;
        transition: color .3s ease-in-out
    }

    .uno3-hero__video-btn:after {
        transition: background .3s ease-in-out
    }

    .uno3-hero__video-btn:hover {
        color: #0052d9
    }

    .uno3-hero__video-btn:hover:after {
        background-image: url(/web/jinglisafe/assets/images/activity/uno3-hero-icon-video-btn-hover.svg)
    }
}

.uno3-hero__tag+.uno3-hero__video-btn {
    position: relative;
    margin-left: 24px
}

.uno3-hero__tag+.uno3-hero__video-btn:before {
    display: block;
    content: "";
    width: 1px;
    height: 12px;
    position: absolute;
    left: -12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: rgba(0,0,0,.2)
}

.uno3-hero__title {
    font-size: 44px;
    line-height: 56px;
    color: #181818;
    font-weight: 600
}

.uno3-hero__title.is-img {
    font-size: 0;
    line-height: normal;
    max-width: none
}

.uno3-hero__title.is-img img {
    height: 44px
}

@media screen and (min-width: 769px) {
    .uno3-hero__title .qc-base-show-pc {
        white-space:nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media screen and (max-width: 768px) {
    .uno3-hero__title,.uno3-hero__title .qc-base-show-mobile {
        word-wrap:break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .uno3-hero__title.m-single {
        display: block;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: normal;
        -webkit-box-orient: initial
    }

    .uno3-hero__title.m-single .qc-base-show-box,.uno3-hero__title.m-single .qc-base-show-mobile {
        width: 100%;
        display: block
    }

    .uno3-hero__title.m-single .qc-base-show-mobile {
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: normal;
        -webkit-box-orient: initial
    }

    .uno3-hero__title.is-img {
        font-size: 0;
        line-height: normal;
        max-width: none
    }

    .uno3-hero__title.is-img img {
        height: 24px
    }
}

.uno3-hero__desc {
    color: #4b5b76
}

.uno3-hero__desc,.uno3-hero__desc .qc-base-text {
    font-size: 14px;
    line-height: 22px
}

@media screen and (max-width: 768px) {
    .uno3-hero__desc .qc-base-show-mobile {
        white-space:nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.uno3-hero__desc .qc-base-show-pc,.uno3-hero__title {
    max-width: 850px
}

@media screen and (min-width: 769px) {
    .uno3-hero__desc .qc-base-show-pc,.uno3-hero__title {
        white-space:nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.uno3-hero__tag-wrap+.uno3-hero__desc,.uno3-hero__tag-wrap+.uno3-hero__title {
    margin-top: 24px
}

@media screen and (min-width: 769px) {
    .uno3-hero__tag-wrap+.uno3-hero__title.is-img {
        margin-top:20px
    }
}

.uno3-hero__title+.uno3-hero__desc {
    margin-top: 8px
}

.uno3-hero__ft {
    margin-top: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.uno3-hero__btn-group {
    width: 420px;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 768px) {
    .uno3-hero__btn-group {
        width:100%
    }
}

.uno3-hero__btn-group+.uno3-hero__link-group {
    margin-left: 20px
}

.uno3-hero .uno3-button {
    -ms-flex: 1;
    flex: 1;
    width: 0;
    max-width: 280px;
    height: 36px;
    background: #0052d9
}

.uno3-hero .uno3-button:active,.uno3-hero .uno3-button:hover {
    background: #266fe8
}

.uno3-hero .uno3-button--weak {
    border: 1px solid #fff;
    background: #fff
}

.uno3-hero .uno3-button--weak:active,.uno3-hero .uno3-button--weak:hover {
    border: 1px solid #0052d9;
    background: #f4f6fc
}

.uno3-hero .qc-base-link+.qc-base-link,.uno3-hero .uno3-button+.uno3-button {
    margin-left: 20px
}

.uno3-hero.with-btn .uno3-hero__inner {
    padding-top: 89px
}

.uno3-hero.with-btn .uno3-hero__title {
    margin-top: 16px
}

.uno-type-mac .uno3-hero__tag,.uno-type-mac .uno3-hero__video-btn {
    font-weight: 500
}

@media screen and (min-width: 769px) {
    .uno3-hero:not(.with-btn)+.qc-base-anchor-bar {
        margin-top:-40px
    }
}

@media screen and (min-width: 1320px) and (max-width:1539px) {
    .uno3-hero {
        padding-left:9%;
        padding-right: 9%
    }
}

@media screen and (min-width: 1540px) {
    .uno3-hero {
        padding-left:60px;
        padding-right: 60px
    }

    .uno3-hero__inner {
        max-width: 1420px
    }

    .uno3-hero__desc .qc-base-show-pc,.uno3-hero__title {
        max-width: 1000px
    }
}

@media screen and (max-width: 768px) {
    .uno3-hero {
        padding-left:16px;
        padding-right: 16px;
        min-height: 200px
    }

    .uno3-hero__bg {
        width: 768px;
        height: 100%;
        background-image: url(/web/jinglisafe/assets/images/activity/2cd6f381-692e-4eda-b73b-851f406a5ed7.png)!important
    }

    .uno3-hero__inner {
        padding: 16px 0 28px;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .uno3-hero__title {
        font-size: 26px;
        line-height: 36px
    }

    .uno3-hero__tag-wrap+.uno3-hero__title,.uno3-hero__tag-wrap .uno3-hero__desc {
        margin-top: 32px
    }

    .uno3-hero__ft {
        margin-top: 8px
    }

    .uno3-hero__ft .uno3-hero__link-group {
        display: none
    }

    .uno3-hero__btn-group {
        display: -ms-flexbox;
        display: flex
    }

    .uno3-hero .uno3-button {
        max-width: none
    }

    .uno3-hero .uno3-button:first-child:last-child {
        width: 160px;
        -ms-flex: none;
        flex: none
    }

    .uno3-hero .uno3-button+.uno3-button {
        margin-left: 12px
    }

    .uno3-hero.only-title .uno3-hero__tag-wrap+.uno3-hero__title {
        margin-top: 40px
    }

    .uno3-hero.with-btn .uno3-hero__inner {
        padding-top: 16px
    }

    .uno3-hero.with-btn .uno3-hero__tag-wrap+.uno3-hero__title {
        margin-top: 20px
    }

    .uno3-hero.with-btn .uno3-hero__desc {
        display: none
    }

    .uno3-hero.with-btn .uno3-hero__title {
        height: 72px
    }

    .uno-type-mac .uno3-hero__title {
        font-weight: 500
    }
}

@media screen and (max-width: 600px) {
    .uno3-hero__desc,.uno3-hero__title {
        max-width:280px
    }
}

.qc-base-link {
    display: inline-block;
    color: #0052d9;
    text-decoration: none;
    cursor: pointer
}

.qc-base-link__icon-wrap {
    margin-left: 16px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #fff;
    overflow: hidden
}

.qc-base-link__icon,.qc-base-link__icon-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.qc-base-link__icon {
    width: 42px;
    height: 16px;
    -webkit-transform: translateX(-18px);
    transform: translateX(-18px)
}

.qc-base-link__icon:after,.qc-base-link__icon:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: 100%;
    background-image: url(/web/jinglisafe/assets/images/activity/qc-base-link-icon.svg)
}

.qc-base-link__icon:after {
    margin-left: 10px
}

.qc-base-link:hover {
    text-underline-position: under;
    text-underline-offset: 1px
}

.qc-base-link--icon {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

.qc-base-link--icon:hover {
    text-decoration: none
}

.qc-base-link--icon:after {
    margin-left: 8px;
    display: inline-block;
    content: "";
    width: 16px;
    height: 16px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(/web/jinglisafe/assets/images/activity/qc-base-link-icon.svg);
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out,-webkit-transform .4s ease-in-out
}

.qc-base-link--icon:hover:after {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
}

.qc-base-link--secondary {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 16px;
    line-height: 24px
}

.qc-base-link--secondary:hover {
    text-decoration: none
}

.qc-base-link--secondary:hover .qc-base-link__icon {
    -webkit-animation-delay: 50ms;
    animation-delay: 50ms;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-name: arrow;
    animation-name: arrow;
    -webkit-animation-timing-function: cubic-bezier(.55,0,.21,1);
    animation-timing-function: cubic-bezier(.55,0,.21,1)
}

.qc-base-link--secondary:after {
    content: none
}

@-webkit-keyframes arrow {
    to {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }
}

@keyframes arrow {
    to {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }
}

.qc-base-link:hover {
    text-decoration: underline
}

.qc-base-link--icon:after {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-link-icon-arrow.svg);
    margin-left: 0
}

.qc-base-link--icon.qc-base-link--icon-arrows:after {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-link-icon-arrow2.svg);
    margin-left: 4px
}

.qc-base-text--highlight {
    color: #ff7800
}

.qc-base-text--normal {
    color: #0052d9
}

.qc-base-text--buy {
    color: #ff7800
}

.qc-base-text--error {
    color: #f64041
}

.qc-base-text--success {
    color: #0cbf5b
}

.qc-base-text--strong {
    font-weight: 700
}

.qc-base-text--warn {
    color: #ff7800
}

.qc-base-text--disabled {
    color: rgba(24,24,24,.6)
}

.tpm2-home-type-mac .qc-base-text--strong,.tpm2-product-type-mac .qc-base-text--strong,.uno-type-ios .qc-base-text--strong,.uno-type-mac .qc-base-text--strong {
    font-weight: 500
}

.qc-base-text--disabled {
    color: #97a3b7
}

.qc-base-anchor-bar {
    position: relative;
    z-index: 1;
    height: 40px
}

.qc-base-anchor-bar.is-fixed {
    z-index: auto
}

.qc-base-anchor-bar__inner {
    padding: 0 60px;
    width: 100%;
    border-bottom: 1px solid #e8ebf0;
    background: #fff
}

.qc-base-anchor-bar__inner::-webkit-scrollbar {
    display: none
}

@media screen and (min-width: 769px) {
    .qc-base-anchor-bar__inner {
        min-width:1200px
    }
}

.qc-base-anchor-bar__list {
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.qc-base-anchor-bar__item {
    width: 0;
    position: relative;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 9px 10px;
    height: 40px;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    color: #666
}

.qc-base-anchor-bar__item.is-disabled {
    cursor: not-allowed;
    color: hsla(0,0%,73.3%,.99)
}

@media screen and (min-width: 769px) {
    .qc-base-anchor-bar__item {
        cursor:pointer;
        transition: color .3s ease-in-out
    }

    .qc-base-anchor-bar__item.is-active,.qc-base-anchor-bar__item:not(.is-disabled):hover {
        color: #181818
    }
}

.qc-base-anchor-bar__item:after {
    display: block;
    width: 0;
    height: 0;
    background: #181818;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    transition: height .15s ease-in-out,width .15s ease-in-out .15s
}

.qc-base-anchor-bar__item.is-active:after {
    width: 100%;
    height: 3px;
    transition: width .3s ease-in-out
}

.qc-base-anchor-bar__item-tit {
    min-width: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (min-width: 769px) {
    .qc-base-anchor-bar__item-tit {
        white-space:nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.qc-base-anchor-bar__item+.qc-base-anchor-bar__item {
    margin-left: 24px
}

.qc-base-anchor-bar__item+.qc-base-anchor-bar__item:before {
    width: 1px;
    height: 16px;
    display: block;
    content: "";
    position: absolute;
    left: -12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #e8ebf0
}

.qc-base-anchor-bar.is-fixed .qc-base-anchor-bar__inner {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999
}

@media screen and (min-width: 1320px) and (max-width:1539px) {
    .qc-base-anchor-bar__inner {
        padding-left:9%;
        padding-right: 9%
    }
}

@media screen and (min-width: 1540px) {
    .qc-base-anchor-bar__inner {
        padding-left:60px;
        padding-right: 60px
    }

    .qc-base-anchor-bar__list {
        max-width: 1420px
    }
}

@media screen and (max-width: 768px) {
    .qc-base-anchor-bar__inner {
        padding:0;
        overflow-x: auto
    }

    .qc-base-anchor-bar__item {
        padding-left: 12px;
        padding-right: 12px;
        white-space: nowrap;
        width: auto
    }
}

@media (min-width: 769px) {
    .qc-base-anchor-bar.is-fixed .qc-base-anchor-bar__inner {
        min-width:auto
    }

    .editContainer .qc-base-anchor-bar {
        height: auto;
        opacity: 1
    }
}

@media (max-width: 768px) {
    .qc-base-anchor-bar {
        height:0;
        opacity: 0;
        overflow: hidden;
        transition: all .3s ease-in-out
    }

    .qc-base-anchor-bar.is-fixed {
        opacity: 1
    }
}

@media screen and (min-width: 769px) {
    .uno3-page-skip-nav__card {
        position:relative;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: 0;
        display: block;
        padding: 16px 20px;
        border-radius: 4px;
        transition: background .3s ease-in-out
    }

    .uno3-page-skip-nav__card.is-link {
        cursor: pointer
    }

    .uno3-page-skip-nav__card-icon {
        width: 48px;
        height: 48px;
        position: absolute;
        right: 10px;
        top: -14px
    }

    .uno3-page-skip-nav__card-inner {
        height: 100%;
        -ms-flex-direction: column;
        flex-direction: column;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }

    .uno3-page-skip-nav__card-title {
        max-width: calc(100% - 38px);
        font-size: 18px;
        line-height: 26px;
        font-weight: 600;
        color: #181818
    }

    .uno3-page-skip-nav__card-desc,.uno3-page-skip-nav__card-title {
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno3-page-skip-nav__card-desc {
        font-size: 14px;
        line-height: 22px;
        color: #4b5b76
    }

    .uno3-page-skip-nav__card-title+.uno3-page-skip-nav__card-desc {
        margin-top: 8px
    }

    .uno3-page-skip-nav__card:first-child {
        background: #f2f7ff
    }

    .uno3-page-skip-nav__card:first-child.is-link:hover {
        background: #e6f0ff
    }

    .uno3-page-skip-nav__card:nth-child(2) {
        background: #eff8ff
    }

    .uno3-page-skip-nav__card:nth-child(2).is-link:hover {
        background: #e4f4ff
    }

    .uno3-page-skip-nav__card:nth-child(3) {
        background: #f3f5f6
    }

    .uno3-page-skip-nav__card:nth-child(3).is-link:hover {
        background: #ecf1f5
    }

    .uno3-page-skip-nav__card+.uno3-page-skip-nav__card {
        margin-left: 20px
    }

    .uno-type-mac .uno3-page-skip-nav__card-title {
        font-weight: 500
    }
}

@media screen and (min-width: 769px) {
    .uno3-page-skip-nav__link {
        display:block;
        padding: 4px 8px;
        border-radius: 4px;
        transition: background .3s ease-in-out
    }

    .uno3-page-skip-nav__link.is-link {
        cursor: pointer
    }

    .uno3-page-skip-nav__link-inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-page-skip-nav__link-inner:before {
        content: "";
        width: 2px;
        height: 2px;
        border-radius: 50%;
        background: #181818;
        display: block;
        margin-right: 8px
    }

    .uno3-page-skip-nav__link-title {
        width: 240px;
        font-weight: 600;
        color: #181818
    }

    .uno3-page-skip-nav__link-desc,.uno3-page-skip-nav__link-title {
        font-size: 14px;
        line-height: 22px;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno3-page-skip-nav__link-desc {
        width: 320px;
        color: #4b5b76
    }

    .uno3-page-skip-nav__link-text {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        width: 76px;
        font-size: 14px;
        line-height: 22px;
        color: #0052d9
    }

    .uno3-page-skip-nav__link-text:after {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-left: 4px;
        display: block;
        content: "";
        width: 16px;
        height: 16px;
        background-size: cover;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3-page-skip-nav-link.svg);
        transition: -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
    }

    .uno3-page-skip-nav__link-desc+.uno3-page-skip-nav__link-text,.uno3-page-skip-nav__link-title+.uno3-page-skip-nav__link-desc {
        margin-left: 20px
    }

    .uno3-page-skip-nav__link.is-link:hover {
        background: #f3f5f8
    }

    .uno3-page-skip-nav__link.is-link:hover .uno3-page-skip-nav__link-text:after {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    .uno3-page-skip-nav__link+.uno3-page-skip-nav__link {
        margin-top: 4px
    }

    .uno-type-mac .uno3-page-skip-nav__link-title {
        font-weight: 500
    }

    .uno-page-intl .uno3-page-skip-nav__link-text {
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media screen and (min-width: 769px) {
    .uno3-page-skip-nav {
        background:#fff;
        padding: 22px 60px 16px
    }

    .uno3-page-skip-nav__inner {
        padding-bottom: 15px;
        border-bottom: 1px dashed #909090;
        display: -ms-flexbox;
        display: flex
    }

    .uno3-page-skip-nav__card-list {
        width: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        display: -ms-flexbox;
        display: flex
    }

    .uno3-page-skip-nav__link-list {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center
    }

    .uno3-page-skip-nav__card-list+.uno3-page-skip-nav__link-list {
        margin-left: 20px
    }
}

@media screen and (min-width: 1320px) and (max-width:1539px) {
    .uno3-page-skip-nav {
        padding-left:9%;
        padding-right: 9%
    }
}

@media screen and (min-width: 1540px) {
    .uno3-page-skip-nav {
        padding-left:60px;
        padding-right: 60px
    }
}

@media screen and (max-width: 768px) {
    .uno3-page-skip-nav {
        background:#fff
    }

    .uno3-page-skip-nav .qc-base-module {
        padding: 0
    }

    .uno3-page-skip-nav__inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .uno3-page-skip-nav__card,.uno3-page-skip-nav__link {
        width: 50%;
        padding: 8px 16px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 1px solid #e8ebf0;
        border-left: 1px solid #e8ebf0;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .uno3-page-skip-nav__card-title,.uno3-page-skip-nav__link-title {
        color: #181818;
        font-weight: 600;
        font-size: 14px;
        line-height: 22px;
        width: calc(100% - 24px);
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno3-page-skip-nav__card:after,.uno3-page-skip-nav__link:after {
        display: block;
        content: "";
        width: 16px;
        height: 16px;
        background-size: cover;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3-page-skip-nav-link.svg)
    }

    .uno3-page-skip-nav__card:nth-child(odd),.uno3-page-skip-nav__link:nth-child(odd) {
        border-left-width: 0
    }

    .uno3-page-skip-nav__card:last-child:nth-child(odd),.uno3-page-skip-nav__link:last-child:nth-child(odd) {
        width: 100%
    }

    .uno-type-mac .uno3-page-skip-nav__card-title,.uno-type-mac .uno3-page-skip-nav__link-title {
        font-weight: 500
    }
}

.uno3-qrcode-guide {
    padding: 0 60px;
    border-bottom: 1px solid #e8ebf0;
    background: #fff
}

.uno3-qrcode-guide__inner {
    position: relative;
    padding: 20px 240px 20px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.uno3-qrcode-guide__icon {
    width: 16px;
    height: 16px
}

.uno3-qrcode-guide__text {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #181818
}

.uno3-qrcode-guide__icon+.uno3-qrcode-guide__text {
    margin-left: 8px
}

@media screen and (min-width: 769px) {
    .uno3-qrcode-guide__text {
        width:100%;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno3-qrcode-guide__icon+.uno3-qrcode-guide__text {
        width: calc(100% - 24px)
    }
}

.uno3-qrcode-guide__qrcode-wrap {
    width: 120px;
    height: 120px;
    background: #fff;
    padding: 4px;
    border-radius: 2px;
    position: absolute;
    right: 112px;
    top: -68px
}

.uno3-qrcode-guide__qrcode {
    width: 100%;
    height: 100%
}

.uno-type-mac .uno3-qrcode-guide__text {
    font-weight: 500
}

@media screen and (min-width: 1320px) and (max-width:1539px) {
    .uno3-qrcode-guide {
        padding-left:9%;
        padding-right: 9%
    }
}

@media screen and (min-width: 1540px) {
    .uno3-qrcode-guide {
        padding-left:60px;
        padding-right: 60px
    }
}

@media screen and (max-width: 768px) {
    .uno3-qrcode-guide {
        padding:0
    }

    .uno3-qrcode-guide__inner {
        padding: 8px 0;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .uno3-qrcode-guide__icon {
        display: none
    }

    .uno3-qrcode-guide__icon+.uno3-qrcode-guide__text {
        margin-left: 0
    }

    .uno3-qrcode-guide__qrcode-wrap {
        width: 92px;
        height: 92px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-left: 16px;
        position: static
    }

    .uno3-qrcode-guide__text {
        font-size: 14px;
        line-height: 22px
    }
}

.uno3-nav {
    padding: 0 60px;
    border-bottom: 1px solid #e8ebf0
}

.uno3-nav__inner,.uno3-nav__label {
    display: -ms-flexbox;
    display: flex
}

.uno3-nav__label {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    padding: 30px 40px 30px 0;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

.uno3-nav__tag {
    color: #16181a;
    font-size: 14px;
    line-height: 22px
}

.uno3-nav__title {
    color: #16181a;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600
}

.uno3-nav__tag+.uno3-nav__title {
    margin-top: 4px
}

@media screen and (min-width: 769px) {
    .uno3-nav__label:after {
        margin-top:4px;
        display: block;
        content: "";
        width: 100%;
        height: 3px;
        background: linear-gradient(90deg,#ff7800,rgba(255,120,0,0))
    }
}

.uno3-nav__label:after,.uno3-nav__tag,.uno3-nav__title {
    position: relative;
    z-index: 1
}

.uno3-nav__img {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%
}

.uno3-nav__content {
    width: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-right: 1px solid #e8ebf0
}

.uno3-nav__item-list {
    display: -ms-flexbox;
    display: flex
}

.uno3-nav__ft {
    border-top: 1px solid #e8ebf0;
    padding: 7px 12px;
    background: linear-gradient(90deg,#f9f9fb,#feffff)
}

.uno3-nav__ft,.uno3-nav__ft .uno3-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.uno3-nav__ft .uno3-button {
    border: 0
}

.uno3-nav__desc {
    color: #97a3b7;
    max-width: calc(100% - 250px);
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-nav .uno3-nav__ft .uno3-nav__button {
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 240px;
    height: 32px;
    padding: 5px 20px;
    background: linear-gradient(90deg,#045ced,#0085ff)
}

.uno3-nav .uno3-nav__ft .uno3-nav__button:after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-nav-btn-arrow-right.svg);
    background-size: cover
}

@media screen and (min-width: 769px) {
    .uno3-nav .uno3-nav__ft .uno3-nav__button:after {
        transition:-webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
    }

    .uno3-nav .uno3-nav__ft .uno3-nav__button:not(.uno3-button--disabled):hover:after {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    .uno3-nav .uno3-nav__ft .uno3-nav__button:active,.uno3-nav .uno3-nav__ft .uno3-nav__button:hover {
        background: linear-gradient(90deg,#1c72ff,#0094ff)
    }
}

.uno3-nav .uno3-button--disabled,.uno3-nav .uno3-button--disabled:hover {
    background: #e7ecf2;
    color: #99a2b2;
    border: 0
}

.uno3-nav .uno3-button--disabled:after,.uno3-nav .uno3-button--disabled:hover:after {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-nav-btn-disabled-arrow-right.svg)
}

.uno3-nav__item {
    padding: 16px;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 0
}

@media screen and (min-width: 769px) {
    .uno3-nav__item+.uno3-nav__item {
        border-left:1px solid #e8ebf0
    }
}

.uno3-nav__item-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

.uno3-nav__item-title {
    color: #16181a;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600
}

.uno3-nav__item-desc,.uno3-nav__item-title {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-nav__item-desc {
    color: #4b5b76;
    font-size: 14px;
    line-height: 22px
}

.uno3-nav__item-title+.uno3-nav__item-desc {
    margin-top: 4px
}

@media screen and (min-width: 769px) {
    .uno3-nav__item {
        cursor:pointer
    }

    .uno3-nav__item-desc,.uno3-nav__item-title {
        transition: color .3s ease-in-out
    }

    .uno3-nav__item:hover .uno3-nav__item-desc,.uno3-nav__item:hover .uno3-nav__item-title {
        color: #0052d9
    }
}

.uno3-nav__item.is-disabled {
    pointer-events: none
}

.uno3-nav__item.is-disabled .uno3-nav__item-desc,.uno3-nav__item.is-disabled .uno3-nav__item-title {
    color: #97a3b7
}

.uno-type-ios .uno3-nav__item-title,.uno-type-ios .uno3-nav__title,.uno-type-mac .uno3-nav__item-title,.uno-type-mac .uno3-nav__title {
    font-weight: 500
}

@media screen and (min-width: 1320px) and (max-width:1539px) {
    .uno3-nav {
        padding-left:9%;
        padding-right: 9%
    }
}

@media screen and (min-width: 1540px) {
    .uno3-nav {
        padding-left:60px;
        padding-right: 60px
    }
}

@media screen and (max-width: 768px) {
    .uno3-nav,.uno3-nav .qc-base-module {
        padding:0
    }

    .uno3-nav__inner {
        display: block
    }

    .uno3-nav__label {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 10px 16px;
        border-bottom: 1px solid #e8ebf0;
        background: linear-gradient(90deg,#f6f9ff,#fff)
    }

    .uno3-nav__tag,.uno3-nav__title {
        color: #16181a
    }

    .uno3-nav__tag,.uno3-nav__title {
        font-size: 16px;
        line-height: 24px;
        font-weight: 600
    }

    .uno3-nav__tag+.uno3-nav__title {
        margin-top: 0;
        margin-left: 2px
    }

    .uno3-nav__img {
        display: none
    }

    .uno3-nav__content {
        width: 100%;
        border-right: 0
    }

    .uno3-nav__item-list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .uno3-nav__item {
        width: 50%;
        padding: 8px 16px;
        border-bottom: 1px solid #e8ebf0;
        border-left: 1px solid #e8ebf0
    }

    .uno3-nav__item:nth-child(odd) {
        border-left-width: 0
    }

    .uno3-nav__item:nth-child(odd):last-child {
        width: 100%
    }

    .uno3-nav__item-title {
        font-size: 14px;
        line-height: 22px
    }

    .uno3-nav__item-desc {
        font-size: 12px;
        line-height: 20px
    }

    .uno3-nav__ft {
        border-top: 0;
        background: linear-gradient(90deg,#f9f9fb,#feffff)
    }

    .uno3-nav__desc {
        max-width: calc(100% - 170px)
    }

    .uno3-nav__button {
        width: 160px;
        padding: 5px 16px
    }

    .uno-type-mac .uno3-nav__tag,.uno-type-mac .uno3-nav__title {
        font-weight: 500
    }
}

@media (max-width: 768px) {
    .uno3-buy-card .uno3-button--weak {
        border-right:0;
        border-bottom: 0;
        border-left: 0
    }

    .uno3-buy-card .uno3-button--weak:not(.uno3-button--disabled):hover {
        background: #0052d9;
        color: #fff;
        border-top: 1px solid #0052d9
    }

    .uno3-buy-card .uno3-button--weak.uno3-button--disabled {
        border-right: 0;
        border-bottom: 0;
        border-left: 0
    }

    .uno3-buy-card .uno3-buy-card__btn-double .uno3-button--weak:not(.uno3-button--disabled):hover {
        border-top: 1px solid #0052d9;
        background: #ecf2fe;
        color: #0052d9
    }
}

@media (min-width: 769px) {
    .uno3-buy-card-large .uno3-button:nth-child(n+2) {
        margin-left:12px
    }

    .uno3-buy-card-large .uno3-buy-card__btn:not(.uno3-buy-card__btn-double) .uno3-button--weak:not(.uno3-button--disabled):hover,.uno3-buy-card-middle .uno3-buy-card__btn:not(.uno3-buy-card__btn-double) .uno3-button--weak:not(.uno3-button--disabled):hover {
        border-top: 1px solid #0052d9;
        background: #0052d9;
        color: #fff
    }
}

.uno3-section:not(.uno3-section-sellscene) .uno3-buy-card-normal .uno3-button--weak {
    border-right: 0;
    border-bottom: 0;
    border-left: 0
}

.uno3-section:not(.uno3-section-sellscene) .uno3-buy-card-normal .uno3-button--weak:not(.uno3-button--disabled):hover {
    background: #0052d9;
    color: #fff;
    border: 0;
    border-top: 1px solid #0052d9
}

.uno3-section:not(.uno3-section-sellscene) .uno3-buy-card-normal .uno3-button--weak.uno3-button--disabled {
    border: 0;
    border-top: 1px solid #e8ebef;
    background: #fff;
    color: #97a3b7
}

.uno3-section:not(.uno3-section-sellscene) .uno3-buy-card-normal .uno3-buy-card__btn-double .uno3-button--weak:not(.uno3-button--disabled):hover {
    border-top: 1px solid #0052d9;
    background: #ecf2fe;
    color: #0052d9
}

.uno3-section:not(.uno3-section-sellscene) .uno3-buy-card-normal .uno3-buy-card__btn:not(.uno3-buy-card__btn-double) .uno3-button--weak:not(.uno3-button--disabled):hover .qc-base-icon--info {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_button_icon_tip_normal.svg)
}

.uno3-buy-card-media {
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width: 769px) {
    .uno3-buy-card-media {
        border:1px solid #eaedf1;
        box-shadow: 0 2px 12px 0 rgba(55,99,170,.06)
    }

    .uno3-buy-card-media .qc-base-media,.uno3-buy-card-media .uno3-info-card {
        width: 540px;
        height: auto
    }

    .uno3-buy-card-media .uno3-buy-card {
        width: calc(100% - 540px)
    }

    .uno3-buy-card-media .qc-base-media__video-wrap {
        width: 100%
    }

    .uno3-buy-card-media .qc-base-media__video-poster {
        position: absolute
    }
}

@media (min-width: 769px) {
    .uno3-buy-card-media .uno3-buy-card {
        border:0;
        box-shadow: none
    }
}

.uno3-buy-card-media .uno3-buy-card__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.uno3-buy-card-media .uno3-buy-card__content {
    margin-bottom: auto
}

.uno3-buy-card-media .qc-base-media__video-wrap {
    height: 100%
}

.uno3-buy-card-media.uno3-buy-card-layout-vertical {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 769px) {
    .uno3-buy-card-media.uno3-buy-card-layout-vertical {
        height:100%
    }

    .uno3-buy-card-media.uno3-buy-card-layout-vertical .uno3-buy-card {
        -ms-flex: 1;
        flex: 1
    }
}

.uno3-buy-card-media.uno3-buy-card-layout-vertical .uno3-buy-card {
    width: 100%
}

.uno3-buy-card-media.uno3-buy-card-layout-vertical .uno3-info-card {
    width: 100%;
    height: 190px;
    background-size: cover;
    background-position: 50%
}

@media screen and (max-width: 768px) {
    .uno3-buy-card-media.uno3-buy-card-layout-vertical {
        background:#fff;
        border: 1px solid #eaedf1;
        padding-top: 12px
    }

    .uno3-buy-card-media.uno3-buy-card-layout-vertical .uno3-buy-card {
        border: none;
        background: none;
        box-shadow: none
    }

    .uno3-buy-card-media.uno3-buy-card-layout-vertical .uno3-info-card {
        width: calc(100% - 24px);
        height: 120px;
        background-size: 100% auto;
        background-position: top;
        background-repeat: no-repeat
    }
}

@media screen and (max-width: 768px) {
    .uno3-buy-card-media {
        -ms-flex-direction:column-reverse;
        flex-direction: column-reverse
    }

    .uno3-buy-card-media-info {
        border: 1px solid #eaedf1;
        box-shadow: 0 2px 12px 0 rgba(55,99,170,.06)
    }

    .uno3-buy-card-media-info .uno3-buy-card {
        box-shadow: none;
        border: 0
    }

    .uno3-buy-card-media .qc-base-media {
        margin-bottom: 12px;
        height: 128px
    }
}

.uno3-buy-card-recom .uno3-buy-card__bd {
    padding-bottom: 12px
}

.uno3-buy-card-recom .uno3-buy-card__bd-recom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    font-size: 20px;
    line-height: 28px;
    color: #0052d9;
    font-weight: 700
}

.uno3-buy-card-recom .uno3-buy-card__bd-recom-item {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 88px
}

.uno3-buy-card-recom .uno3-buy-card__bd-recom+.uno3-buy-card__bd-attach {
    margin-top: 12px
}

.uno3-buy-card-recom .uno3-buy-card__bd-attach {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    font-size: 12px;
    line-height: 20px;
    color: #181818
}

.uno3-buy-card-recom .uno3-buy-card__bd-attach-item {
    -ms-flex: 0 0 calc(50% - 12px);
    flex: 0 0 calc(50% - 12px);
    width: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.uno3-buy-card-recom .uno3-buy-card__bd-attach-label {
    width: auto;
    white-space: nowrap;
    margin-right: 12px
}

@media (max-width: 768px) {
    .uno3-buy-card-recom .uno3-buy-card__bd-attach-label {
        margin-right:8px
    }
}

.uno3-buy-card-recom .uno3-buy-card__bd-attach-value {
    -ms-flex: auto;
    flex: auto;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-buy-card-recom .uno3-buy-card__ft {
    padding-top: 12px
}

@media (min-width: 769px) {
    .uno3-buy-card-recom.uno3-buy-card-large .uno3-buy-card__content {
        background:none;
        padding: 20px
    }

    .uno3-buy-card-recom.uno3-buy-card-large .uno3-buy-card__inner {
        background: url(/web/jinglisafe/assets/images/activity/uno3_buycard_recom_cont_bg.png);
        background-size: auto 100%;
        background-position: 100% 0;
        background-repeat: no-repeat
    }

    .uno3-buy-card-recom.uno3-buy-card-large .uno3-buy-card__hd {
        padding: 0 0 16px
    }

    .uno3-buy-card-recom.uno3-buy-card-large .uno3-buy-card__bd {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        height: auto
    }

    .uno3-buy-card-recom.uno3-buy-card-large .uno3-buy-card__bd-recom {
        gap: 48px
    }

    .uno3-buy-card-recom.uno3-buy-card-large .uno3-buy-card__bd-recom+.uno3-buy-card__bd-attach {
        margin-top: 16px
    }

    .uno3-buy-card-recom.uno3-buy-card-large .uno3-buy-card__bd-attach {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 4px
    }

    .uno3-buy-card-recom.uno3-buy-card-large .uno3-buy-card__bd-attach-item {
        width: auto
    }

    .uno3-buy-card-recom.uno3-buy-card-large .uno3-buy-card__bd-attach .qc-base-bubble-trigger,.uno3-buy-card-recom.uno3-buy-card-large .uno3-buy-card__bd-attach .qc-base-text--strong {
        color: #181818
    }

    .uno3-buy-card-recom.uno3-buy-card-large .uno3-buy-card__bd-attach-label {
        color: #000;
        width: 52px
    }

    .uno3-buy-card-recom.uno3-buy-card-large .uno3-buy-card__bd-attach-value {
        color: #4b5b76
    }

    .uno3-buy-card-recom.uno3-buy-card-large .uno3-buy-card__ft {
        -ms-flex: 0 0 420px;
        flex: 0 0 420px;
        padding: 20px
    }
}

@media (min-width: 769px) {
    .uno3-buy-card-recom .uno3-buy-card__content {
        background-image:url(/web/jinglisafe/assets/images/activity/uno3_buycard_recom_cont_bg.png);
        background-size: auto 150px;
        background-position: 100% 0;
        background-repeat: no-repeat
    }
}

@media (max-width: 768px) {
    .uno3-buy-card-recom .uno3-buy-card__subtit {
        display:-ms-flexbox;
        display: flex
    }

    .uno3-buy-card-recom .uno3-buy-card__bd {
        padding-bottom: 0
    }

    .uno3-buy-card-recom .uno3-buy-card__bd-recom {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 2px 16px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: 18px;
        line-height: 26px
    }

    .uno3-buy-card-recom .uno3-buy-card__bd-recom-item {
        width: auto
    }

    .uno3-buy-card-recom .uno3-buy-card__bd-recom+.uno3-buy-card__bd-attach {
        margin-top: 8px
    }

    .uno3-buy-card-recom .uno3-buy-card__bd-attach {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 0
    }

    .uno3-buy-card-recom .uno3-buy-card__bd-attach-item {
        -ms-flex: 1;
        flex: 1;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .uno3-buy-card-recom .uno3-buy-card__bd-attach-item:nth-child(n+2) {
        margin-top: 4px
    }
}

.uno-type-ios .uno3-buy-card-recom .uno3-buy-card__bd-recom,.uno-type-mac .uno3-buy-card-recom .uno3-buy-card__bd-recom {
    font-weight: 500
}

@media (min-width: 769px) {
    .uno3-buy-card-normal.uno3-buy-card-default.uno3-buy-card-seckill .uno3-buy-card__content {
        background-image:url(/web/jinglisafe/assets/images/activity/uno3_buycard_seckill_hd_bg.png);
        background-size: contain;
        background-position: 100% 0;
        background-repeat: no-repeat
    }

    .uno3-buy-card-normal.uno3-buy-card-default.uno3-buy-card-seckill .uno3-buy-card__bd {
        padding-bottom: 16px
    }
}

@media (max-width: 768px) {
    .uno3-buy-card-normal.uno3-buy-card-default.uno3-buy-card-seckill .uno3-buy-card__bd {
        padding-bottom:12px
    }
}

.uno3-buy-card-normal.uno3-buy-card-default.uno3-buy-card-seckill .uno3-buy-card__ft {
    padding: 0;
    width: 100%;
    border-top: 1px solid rgba(0,82,217,0);
    background: linear-gradient(86deg,#f7faff 5.22%,#f5f9ff 71.3%)
}

.uno3-buy-card-normal.uno3-buy-card-default.uno3-buy-card-seckill .uno3-buy-card__ft-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    height: 56px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_buycard_seckill_btn_bg.png);
    background-size: auto 300%;
    background-repeat: no-repeat;
    background-position: 100% 0
}

.uno3-buy-card-normal.uno3-buy-card-default.uno3-buy-card-seckill .uno3-buy-card__ft.is-disabled {
    border-top: 1px solid rgba(0,82,217,0);
    background: linear-gradient(86deg,#f7faff 5.22%,#f5f9ff 71.3%)
}

.uno3-buy-card-normal.uno3-buy-card-default.uno3-buy-card-seckill .uno3-buy-card__ft.is-disabled .uno3-buy-card__seckill-btn {
    cursor: not-allowed
}

.uno3-buy-card-normal.uno3-buy-card-default.uno3-buy-card-seckill .uno3-buy-card__ft.is-disabled .uno3-buy-card__ft-inner {
    background-position: right 100%
}

@media (min-width: 769px) {
    .uno3-buy-card-normal.uno3-buy-card-default.uno3-buy-card-seckill .uno3-buy-card__ft {
        cursor:pointer
    }

    .uno3-buy-card-normal.uno3-buy-card-default.uno3-buy-card-seckill .uno3-buy-card__ft:not(.is-disabled):hover {
        border-top: 1px solid rgba(0,82,217,0);
        background: linear-gradient(86deg,#f7faff 5.22%,#f5f9ff 71.3%)
    }

    .uno3-buy-card-normal.uno3-buy-card-default.uno3-buy-card-seckill .uno3-buy-card__ft:not(.is-disabled):hover .uno3-buy-card__ft-inner {
        background-position: right 50%
    }
}

.uno3-buy-card-normal.uno3-buy-card-default.uno3-buy-card-seckill .uno3-buy-card__ft .uno3-buy-card__seckill-price {
    padding-left: 12px;
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

.uno3-buy-card-normal.uno3-buy-card-default.uno3-buy-card-seckill .uno3-buy-card__ft .uno3-buy-card__seckill-discount {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    gap: 2px;
    margin-top: 1px
}

@media (max-width: 768px) {
    .uno3-buy-card-normal.uno3-buy-card-default.uno3-buy-card-seckill .uno3-buy-card__ft .uno3-buy-card__seckill-discount {
        margin-top:1px
    }
}

.uno3-buy-card-normal.uno3-buy-card-default.uno3-buy-card-seckill .uno3-buy-card__ft .uno3-buy-card__seckill-discount-text {
    font-size: 12px;
    line-height: 20px;
    color: #0034b5
}

@media (max-width: 1539px) {
    .uno3-buy-card-normal.uno3-buy-card-default.uno3-buy-card-seckill .uno3-buy-card__ft .uno3-buy-card__seckill-discount-text {
        font-size:10px;
        line-height: 18px
    }
}

.uno3-buy-card-normal.uno3-buy-card-default.uno3-buy-card-seckill .uno3-buy-card__ft .uno3-buy-card__seckill-discount-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_buycard_seckill_price_discount_icon.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

@media (min-width: 1540px) {
    .uno3-buy-card-normal.uno3-buy-card-default.uno3-buy-card-seckill .uno3-buy-card__ft .uno3-buy-card__price-integer {
        font-size:24px;
        line-height: 28px
    }
}

@media (max-width: 1539px) and (min-width:769px) {
    .uno3-buy-card-normal.uno3-buy-card-default.uno3-buy-card-seckill .uno3-buy-card__ft .uno3-buy-card__price-integer {
        line-height:28px
    }
}

@media (min-width: 1540px) {
    .uno3-buy-card-normal.uno3-buy-card-default.uno3-buy-card-seckill .uno3-buy-card__ft .uno3-buy-card__price-loading {
        font-size:20px;
        line-height: 28px
    }
}

@media (max-width: 1539px) and (min-width:769px) {
    .uno3-buy-card-normal.uno3-buy-card-default.uno3-buy-card-seckill .uno3-buy-card__ft .uno3-buy-card__price-loading {
        line-height:28px
    }
}

@media (max-width: 768px) {
    .uno3-buy-card-normal.uno3-buy-card-default.uno3-buy-card-seckill .uno3-buy-card__ft .uno3-buy-card__price-decimal {
        font-size:14px;
        line-height: 22px
    }
}

.uno3-buy-card-normal.uno3-buy-card-default.uno3-buy-card-seckill .uno3-buy-card__ft .uno3-buy-card__seckill-btn {
    -ms-flex: 0 160px;
    flex: 0 160px;
    height: 100%;
    padding-left: 30px;
    padding-right: 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 1539px) and (min-width:769px) {
    .uno3-buy-card-normal.uno3-buy-card-default.uno3-buy-card-seckill .uno3-buy-card__ft .uno3-buy-card__seckill-btn {
        -ms-flex:0 128px;
        flex: 0 128px;
        padding-left: 31px;
        padding-right: 8px
    }
}

@media (max-width: 768px) {
    .uno3-buy-card-normal.uno3-buy-card-default.uno3-buy-card-seckill .uno3-buy-card__ft .uno3-buy-card__seckill-btn {
        padding-left:19px;
        padding-right: 11px
    }
}

.uno3-buy-card-normal.uno3-buy-card-default.uno3-buy-card-seckill .uno3-buy-card__ft .uno3-buy-card__seckill-btn-text {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #fff
}

.uno3-buy-card-normal.uno3-buy-card-default.uno3-buy-card-seckill .uno3-buy-card__ft .uno3-buy-card__progress {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    width: 100%
}

.uno3-buy-card-normal.uno3-buy-card-default.uno3-buy-card-seckill .uno3-buy-card__ft .uno3-buy-card__progress-bar {
    -ms-flex: 1;
    flex: 1;
    height: 3px;
    background: hsla(0,0%,100%,.3)
}

.uno3-buy-card-normal.uno3-buy-card-default.uno3-buy-card-seckill .uno3-buy-card__ft .uno3-buy-card__progress-bar-inner {
    background: #fff;
    height: 100%
}

.uno3-buy-card-normal.uno3-buy-card-default.uno3-buy-card-seckill .uno3-buy-card__ft .uno3-buy-card__progress-desc {
    -ms-flex: 0 auto;
    flex: 0 auto;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    font-size: 10px;
    font-weight: 400;
    line-height: 16px;
    color: #fff
}

@media (max-width: 1539px) and (min-width:769px) {
    .uno3-buy-card-normal.uno3-buy-card-default.uno3-buy-card-seckill .uno3-buy-card__ft-inner {
        background-image:url(/web/jinglisafe/assets/images/activity/uno3_buycard_seckill_btn_small_bg.png)
    }
}

.uno3-buy-card-large.uno3-buy-card-default.uno3-buy-card-seckill .uno3-buy-card__btn-progress,.uno3-buy-card-large.uno3-buy-card-recom.uno3-buy-card-seckill .uno3-buy-card__btn-progress {
    margin-top: 12px
}

.uno3-buy-card-large.uno3-buy-card-default.uno3-buy-card-seckill .uno3-buy-card__btn,.uno3-buy-card-large.uno3-buy-card-recom.uno3-buy-card-seckill .uno3-buy-card__btn {
    margin-top: 0
}

@media (min-width: 769px) {
    .uno3-buy-card-middle.uno3-buy-card-default.uno3-buy-card-seckill .uno3-buy-card__btn-progress,.uno3-buy-card-middle.uno3-buy-card-recom.uno3-buy-card-seckill .uno3-buy-card__btn-progress {
        -ms-flex:0 0 300px;
        flex: 0 0 300px
    }
}

@media (min-width: 769px) and (max-width:1539px) {
    .uno3-buy-card-middle.uno3-buy-card-default.uno3-buy-card-seckill .uno3-buy-card__btn-progress,.uno3-buy-card-middle.uno3-buy-card-recom.uno3-buy-card-seckill .uno3-buy-card__btn-progress {
        -ms-flex:0 0 200px;
        flex: 0 0 200px
    }

    .uno3-buy-card-middle.uno3-buy-card-default.uno3-buy-card-seckill .uno3-buy-card__btn-progress .uno3-buy-card__btn,.uno3-buy-card-middle.uno3-buy-card-recom.uno3-buy-card-seckill .uno3-buy-card__btn-progress .uno3-buy-card__btn {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: end;
        align-items: flex-end;
        gap: 12px
    }

    .uno3-buy-card-middle.uno3-buy-card-default.uno3-buy-card-seckill .uno3-buy-card__btn-progress .uno3-button,.uno3-buy-card-middle.uno3-buy-card-recom.uno3-buy-card-seckill .uno3-buy-card__btn-progress .uno3-button {
        width: auto
    }
}

.uno3-buy-card-seckill.uno3-buy-card-large .uno3-buy-card__progress,.uno3-buy-card-seckill.uno3-buy-card-middle .uno3-buy-card__progress {
    margin-top: 6px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.uno3-buy-card-seckill.uno3-buy-card-large .uno3-buy-card__progress-desc,.uno3-buy-card-seckill.uno3-buy-card-middle .uno3-buy-card__progress-desc {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 12px;
    line-height: 16px;
    color: #0052d9;
    font-weight: 400
}

.uno3-buy-card-seckill.uno3-buy-card-large .uno3-buy-card__progress-bar,.uno3-buy-card-seckill.uno3-buy-card-middle .uno3-buy-card__progress-bar {
    border-radius: 20px;
    background: rgba(0,82,217,.15);
    -ms-flex: 1;
    flex: 1;
    position: relative;
    height: 8px
}

.uno3-buy-card-seckill.uno3-buy-card-large .uno3-buy-card__progress-bar-inner,.uno3-buy-card-seckill.uno3-buy-card-middle .uno3-buy-card__progress-bar-inner {
    position: absolute;
    border-radius: 20px;
    background: linear-gradient(90deg,#1b6fef 67.5%,#0355dc);
    height: 8px;
    top: 0;
    left: 0
}

.uno3-buy-card-seckill.uno3-buy-card-large .uno3-buy-card__progress-bar-text,.uno3-buy-card-seckill.uno3-buy-card-middle .uno3-buy-card__progress-bar-text {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: 10px;
    line-height: 16px;
    color: #fff
}

@media (max-width: 768px) {
    .uno3-buy-card-seckill.uno3-buy-card-large .uno3-buy-card__tag,.uno3-buy-card-seckill.uno3-buy-card-middle .uno3-buy-card__tag {
        margin-bottom:4px
    }

    .uno3-buy-card-seckill.uno3-buy-card-large .uno3-buy-card__ft .uno3-buy-card__btn-progress,.uno3-buy-card-seckill.uno3-buy-card-middle .uno3-buy-card__ft .uno3-buy-card__btn-progress {
        margin-top: 10px;
        padding: 0 12px 8px
    }

    .uno3-buy-card-seckill.uno3-buy-card-large .uno3-button:nth-child(n+2),.uno3-buy-card-seckill.uno3-buy-card-middle .uno3-button:nth-child(n+2) {
        margin-left: 8px
    }

    .uno3-buy-card-seckill.uno3-buy-card-large .uno3-button--weak,.uno3-buy-card-seckill.uno3-buy-card-middle .uno3-button--weak {
        border: 1px solid
    }
}

.uno3-buy-card-normal.uno3-buy-card-recom.uno3-buy-card-seckill .uno3-buy-card__btn-progress {
    height: 48px;
    margin-top: 16px;
    width: 100%;
    border-top: 1px solid #dfebff;
    background: linear-gradient(90deg,#f5f9ff,#e9f1ff 78%,#dbe9ff);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer
}

.uno3-buy-card-normal.uno3-buy-card-recom.uno3-buy-card-seckill .uno3-buy-card__progress {
    -ms-flex: 1;
    flex: 1;
    padding-left: 16px;
    display: -ms-flexbox;
    -ms-flex-direction: row;
    -ms-flex-align: center;
    gap: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    width: 100%
}

@media (max-width: 768px) {
    .uno3-buy-card-normal.uno3-buy-card-recom.uno3-buy-card-seckill .uno3-buy-card__progress {
        height:100%;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 8px;
        padding-bottom: 5px
    }
}

.uno3-buy-card-normal.uno3-buy-card-recom.uno3-buy-card-seckill .uno3-buy-card__progress-desc {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 12px;
    line-height: 16px;
    color: #0052d9;
    font-weight: 400
}

.uno3-buy-card-normal.uno3-buy-card-recom.uno3-buy-card-seckill .uno3-buy-card__progress-bar {
    border-radius: 20px;
    background: rgba(0,82,217,.15);
    width: 100%;
    box-shadow: 0 1px 0 0 hsla(0,0%,100%,.25),inset 0 1px 0 0 rgba(0,82,217,.12);
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    height: 10px
}

.uno3-buy-card-normal.uno3-buy-card-recom.uno3-buy-card-seckill .uno3-buy-card__progress-bar-inner {
    position: absolute;
    border-radius: 20px;
    background: linear-gradient(282deg,#0052d9 -2.56%,#1e73f2 93.32%);
    height: 10px;
    top: 0;
    left: 0
}

.uno3-buy-card-normal.uno3-buy-card-recom.uno3-buy-card-seckill .uno3-buy-card__progress-bar-text {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: 10px;
    line-height: 16px;
    color: #fff
}

.uno3-buy-card-normal.uno3-buy-card-recom.uno3-buy-card-seckill .uno3-buy-card__btn {
    margin-top: auto;
    height: 100%;
    -ms-flex: 0 0 169px;
    flex: 0 0 169px;
    padding-left: 9px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_buycard_seckill_recom_btn_bg.png);
    background-size: auto 300%;
    background-repeat: no-repeat;
    background-position: 100% 0
}

.uno3-buy-card-normal.uno3-buy-card-recom.uno3-buy-card-seckill .uno3-buy-card__btn-progress:not(.is-disabled):hover .uno3-buy-card__btn {
    background-position: right 50%
}

.uno3-buy-card-normal.uno3-buy-card-recom.uno3-buy-card-seckill .uno3-buy-card__btn-progress.is-disabled {
    cursor: not-allowed
}

.uno3-buy-card-normal.uno3-buy-card-recom.uno3-buy-card-seckill .uno3-buy-card__btn-progress.is-disabled .uno3-buy-card__btn {
    background-position: 100% 100%
}

.uno3-buy-card-intro .uno3-buy-card__bd .qc-base-list-item-cont {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-buy-card-intro .qc-base-list .qc-base-list-item {
    color: #181818
}

.uno3-buy-card-intro .qc-base-list .qc-base-list-item--cont {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (min-width: 769px) {
    .uno3-buy-card-intro:hover {
        box-shadow:none
    }

    .uno3-buy-card-intro:not(.uno3-buy-card-large) .uno3-buy-card__ft {
        margin-top: 12px;
        position: relative
    }

    .uno3-buy-card-intro:not(.uno3-buy-card-large) .uno3-buy-card__ft:before {
        content: "";
        display: inline-block;
        width: calc(100% - 32px);
        background: #e9ecf1;
        height: 1px;
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .uno3-buy-card-intro.uno3-buy-card-large .qc-base-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        gap: 48px;
        width: 100%
    }

    .uno3-buy-card-intro.uno3-buy-card-large .qc-base-list-item {
        max-width: calc(33.33333% - 32px)
    }

    .uno3-buy-card-intro.uno3-buy-card-large .qc-base-list-item:nth-child(n+2) {
        margin-top: 0
    }

    .uno3-buy-card-intro.uno3-buy-card-large .uno3-buy-card__inner {
        background: none
    }

    .uno3-buy-card-intro.uno3-buy-card-large .uno3-buy-card__content {
        padding: 16px;
        -ms-flex-pack: center;
        justify-content: center
    }

    .uno3-buy-card-intro.uno3-buy-card-large .uno3-buy-card__hd {
        padding-bottom: 32px
    }

    .uno3-buy-card-intro.uno3-buy-card-large .uno3-buy-card__bd {
        -ms-flex: 0 auto;
        flex: 0 auto;
        height: auto
    }

    .uno3-buy-card-intro.uno3-buy-card-large .uno3-buy-card__btn {
        margin-top: 12px
    }

    .uno3-buy-card-intro .uno3-buy-card__inner {
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_buycard_large_content_bg.png);
        background-size: auto 110px;
        background-repeat: no-repeat;
        background-position: 100% 0
    }
}

@media (max-width: 768px) {
    .uno3-buy-card-intro .uno3-buy-card__subtit {
        display:-ms-flexbox;
        display: flex
    }
}

.uno3-tabs__type-scene .uno3-buy-card-normal .uno3-buy-card__subtit {
    display: none
}

@media (min-width: 769px) {
    .uno3-tabs__type-scene .uno3-buy-card-normal,.uno3-tabs__type-scene .uno3-buy-card-normal:hover {
        box-shadow:none
    }

    .uno3-tabs__type-scene .uno3-buy-card-normal .uno3-buy-card__hd {
        height: 56px
    }

    .uno3-tabs__type-scene .uno3-buy-card-normal .uno3-buy-card__btn {
        padding: 0 16px 16px
    }
}

@media (min-width: 769px) {
    .uno3-tabs__type-scene .uno3-buy-card-recom,.uno3-tabs__type-scene .uno3-buy-card-recom:hover {
        box-shadow:none
    }

    .uno3-tabs__type-scene .uno3-buy-card-recom .uno3-buy-card__content {
        background-image: none
    }

    .uno3-tabs__type-scene .uno3-buy-card-recom .uno3-buy-card__bd-recom {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 4px
    }

    .uno3-tabs__type-scene .uno3-buy-card-recom .uno3-buy-card__ft {
        padding-top: 12px;
        gap: 8px
    }

    .uno3-tabs__type-scene .uno3-buy-card-recom .uno3-buy-card__tag-price {
        -ms-flex: 1;
        flex: 1
    }

    .uno3-tabs__type-scene .uno3-buy-card-recom .uno3-buy-card__btn {
        -ms-flex: 0 0 200px;
        flex: 0 0 200px
    }
}

@media (min-width: 769px) and (max-width:1539px) {
    .uno3-tabs__type-scene .uno3-buy-card-recom .uno3-buy-card__btn {
        -ms-flex:0 0 120px;
        flex: 0 0 120px
    }

    .uno3-tabs__type-scene .uno3-buy-card-recom .uno3-buy-card__btn .uno3-button {
        width: 120px
    }
}

@media (max-width: 768px) {
    .uno3-tabs__type-scene .uno3-buy-card-recom .uno3-buy-card__subtit {
        display:none
    }
}

.uno3-tabs__type-scene .uno3-buy-card-intro .uno3-buy-card__tag {
    display: none
}

@media (min-width: 769px) {
    .uno3-tabs__type-scene .uno3-buy-card-intro,.uno3-tabs__type-scene .uno3-buy-card-intro:hover {
        box-shadow:none
    }

    .uno3-tabs__type-scene .uno3-buy-card-intro .uno3-buy-card__inner {
        background-image: none
    }

    .uno3-tabs__type-scene .uno3-buy-card-intro .uno3-buy-card__ft {
        padding-top: 12px;
        padding-bottom: 20px;
        gap: 8px
    }

    .uno3-tabs__type-scene .uno3-buy-card-intro .uno3-buy-card__ft:before {
        display: none
    }

    .uno3-tabs__type-scene .uno3-buy-card-intro .uno3-buy-card__tag-price {
        -ms-flex: 1;
        flex: 1
    }

    .uno3-tabs__type-scene .uno3-buy-card-intro .uno3-buy-card__price {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .uno3-tabs__type-scene .uno3-buy-card-intro .uno3-buy-card__price-current {
        -ms-flex-order: 2;
        order: 2
    }

    .uno3-tabs__type-scene .uno3-buy-card-intro .uno3-buy-card__btn {
        -ms-flex: 0 0 200px;
        flex: 0 0 200px;
        padding-top: 20px
    }

    .uno3-tabs__type-scene .uno3-buy-card-intro .uno3-buy-card__btn.uno3-buy-card__btn-double {
        -ms-flex: 1;
        flex: 1;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 16px
    }

    .uno3-tabs__type-scene .uno3-buy-card-intro .uno3-buy-card__btn.uno3-buy-card__btn-double .uno3-button {
        margin: 0
    }
}

@media (min-width: 769px) and (max-width:1539px) {
    .uno3-tabs__type-scene .uno3-buy-card-intro .uno3-buy-card__btn {
        -ms-flex:0 0 120px;
        flex: 0 0 120px
    }

    .uno3-tabs__type-scene .uno3-buy-card-intro .uno3-buy-card__btn .uno3-button {
        width: 120px
    }
}

.uno3-tabs__type-scene .uno3-tabs__bd-cont .uno3-buy-card-gift.uno3-buy-card-normal:hover .uno3-buy-card__inner {
    border: 0
}

@media (min-width: 769px) {
    .uno3-tabs__type-scene.scene-intro .uno3-tabs__hd.uno3-tabs__hd-length-7 .uno3-tabs__hd-item {
        height:51px;
        padding: 13px 12px 13px 0
    }

    .uno3-tabs__type-scene.scene-intro .uno3-tabs__hd.uno3-tabs__hd-length-7 .uno3-tabs__hd-item.is-active {
        height: 192px
    }
}

@media (min-width: 769px) {
    .uno3-tabs__type-scene .qc-base-grid__row {
        margin:0!important
    }

    .uno3-tabs__type-scene .qc-base-grid__col {
        padding: 0!important;
        margin-top: -1px;
        margin-left: -1px;
        margin-bottom: 0!important
    }

    .uno3-tabs__type-scene .qc-base-grid__col--12 {
        width: calc(50% + 1px)
    }

    .uno3-tabs__type-scene .qc-base-grid__col--8 {
        width: calc(33.33333% + 1px)
    }

    .uno3-tabs__type-scene .uno3-pagination {
        border-top: 1px solid #e8ebf0;
        background: #f7f9fc;
        min-height: 40px;
        padding: 8px 16px;
        margin-top: -1px
    }
}

@media (max-width: 768px) {
    .uno3-tabs__type-scene .uno3-pagination {
        margin-top:16px
    }
}

@media (min-width: 769px) {
    .uno3-section.uno3-section-sellscene {
        background:#fff!important
    }

    .uno3-section.uno3-section-sellscene .uno3-tabs__bd-cont.is-active {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .uno3-section.uno3-section-sellscene .uno3-tabs__bd-cont.is-active .uno3-pagination {
        width: 100%
    }
}

@media screen and (min-width: 769px) {
    .uno3-buy-card.is-group {
        position:relative
    }

    .uno3-buy-card.is-group .uno3-buy-card__price,.uno3-buy-card.is-group .uno3-buy-card__price-current {
        width: 100%
    }

    .uno3-buy-card.is-group .uno3-buy-card__price-desc,.uno3-buy-card.is-group .uno3-buy-card__price-unit {
        white-space: nowrap
    }

    .uno3-buy-card.is-group .uno3-buy-card__price-average,.uno3-buy-card.is-group .uno3-buy-card__price-coupon {
        display: none
    }
}

.uno3-buy-card__title-link-icon.icon-group {
    display: none
}

.uno3-buy-card__group-tag {
    position: absolute;
    top: -4px;
    right: -1px;
    width: 61px;
    height: 20px;
    background-size: cover;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_buycard_group_tag.png)
}

.uno3-buy-card__tag-group {
    display: none
}

.uno3-buy-card__group-tip {
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 0;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin-left: 8px;
    padding-left: 6px;
    height: 20px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative
}

@media screen and (min-width: 769px) {
    .uno3-buy-card__group-tip {
        cursor:pointer
    }
}

.uno3-buy-card__group-tip:before {
    content: "";
    width: 6px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: auto 100%;
    background-position: 100%;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_buycard_group_tip.svg)
}

.uno3-buy-card__group-tip-inner {
    display: inline-block;
    height: 20px;
    padding-right: 6px;
    border-radius: 0 3px 3px 0;
    color: #742e10;
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    background: linear-gradient(83deg,#ffe9c3 30.9%,#fff5e3 42.8%,#ffe9c3 56.86%)
}

@media screen and (max-width: 768px) {
    .uno3-buy-card__group-tag {
        display:none
    }

    .uno3-buy-card__title-link-icon.icon-group {
        margin-left: 8px;
        display: inline-block;
        width: 0;
        -ms-flex: 0 0 64px;
        flex: 0 0 64px;
        height: 20px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_buycard_group_tag_mobile.png);
        background-size: cover
    }

    .uno3-buy-card__price .uno3-buy-card__group-tip {
        display: none
    }

    .uno3-buy-card__tag-group {
        display: inline-block;
        padding-left: 18px;
        padding-right: 3px;
        position: relative;
        height: 18px;
        color: #f64041;
        font-size: 12px;
        line-height: 18px;
        font-weight: 600
    }

    .uno3-buy-card__tag-group:before {
        content: "";
        width: 16px;
        height: 18px;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        border-radius: 3px 0 0 3px;
        background-color: #ff3f3f;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_buycard_group_tip_mobile.svg);
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: auto 10px
    }

    .uno3-buy-card__tag-group:after {
        box-sizing: border-box;
        content: "";
        width: calc(100% - 14px);
        height: 18px;
        position: absolute;
        top: 0;
        right: 0;
        border: 1px solid #ffcfd0;
        border-radius: 3px;
        background: #fff
    }

    .uno3-buy-card__tag-inner {
        position: relative;
        z-index: 1
    }
}

.uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-normal .uno3-buy-card__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift {
    padding: 16px 16px 0;
    margin-top: auto;
    position: relative
}

.uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift-item {
    margin-left: -16px
}

.uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift .qc-base-checkbox-wrap {
    padding-left: 40px
}

.uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift .qc-base-checkbox-wrap .qc-base-checkbox {
    left: 16px
}

.uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift-inner {
    border: 1px solid #bbd3fb;
    background: rgba(187,211,251,.1);
    padding: 16px 12px 12px
}

@media (min-width: 769px) {
    .uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift-inner {
        max-height:104px;
        overflow: hidden
    }

    .uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift-inner.is-overflow:before {
        content: "";
        width: calc(100% - 36px);
        height: 32px;
        background: linear-gradient(180deg,hsla(0,0%,100%,0),#fff);
        position: absolute;
        bottom: 1px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 1
    }

    .uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift-inner.is-overflow:after {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_buycard_gift_product_overflow_icon.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50%;
        position: absolute;
        bottom: 4px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 2;
        transition: rotate .2s ease-in-out
    }
}

.uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift-hd {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 7px;
    left: 16px;
    z-index: 1
}

.uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift-tag {
    padding: 0 6px;
    height: 18px;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    border-radius: 2px 2px 0 0;
    position: relative;
    background: linear-gradient(89deg,#0060ff .14%,#ad81ff 130.26%)
}

.uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift-desc {
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    color: #0052d9;
    border-radius: 0 2px 0 0;
    background: #dbe8ff;
    padding: 0 6px 0 8px;
    margin-left: -2px;
    height: 18px
}

.uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift-bd {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift-item .qc-base-checkbox-text,.uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift-item .qc-base-checkbox-wrap {
    width: 100%
}

.uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift-item-inner {
    width: 100%
}

.uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift-item-hd,.uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift-item-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift-item-name {
    color: #000;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift-item-config {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 20px;
    color: #0052d9
}

.uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift-item-config-value {
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift-item-config-value:nth-child(2):last-child {
    max-width: 60%
}

.uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift-item-bd {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 12px;
    -ms-flex-align: baseline;
    align-items: baseline
}

.uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift-item-price-current {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 4px;
    -ms-flex-align: baseline;
    align-items: baseline;
    color: #f64041
}

.uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift-item-price-current .uno3-buy-card__gift-item-price-value {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600
}

.uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift-item-price-current .uno3-buy-card__gift-item-price-unit {
    font-size: 12px;
    line-height: 20px;
    font-weight: 500
}

.uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift-item-price-original {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 4px;
    -ms-flex-align: baseline;
    align-items: baseline;
    color: #666;
    font-size: 12px;
    line-height: 20px
}

.uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift-item-price-original .uno3-buy-card__gift-item-price-value {
    text-decoration: line-through
}

.uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift-item .qc-base-checkbox-wrap.qc-base-checkbox-wrap-disabled {
    cursor: not-allowed
}

.uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift-item .qc-base-checkbox-wrap.qc-base-checkbox-wrap-disabled .uno3-buy-card__gift-item-name {
    color: rgba(0,0,0,.5)
}

.uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift-item .qc-base-checkbox-wrap.qc-base-checkbox-wrap-disabled .uno3-buy-card__gift-item-config {
    color: #bbd3fb
}

.uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift-item .qc-base-checkbox-wrap.qc-base-checkbox-wrap-disabled .uno3-buy-card__gift-item-price-current {
    color: #f5b9b9
}

.uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift-item .qc-base-checkbox-wrap.qc-base-checkbox-wrap-disabled .uno3-buy-card__gift-item-price-original {
    color: rgba(0,0,0,.3)
}

@media (min-width: 769px) {
    .uno3-buy-card.uno3-buy-card-gift.is-show {
        position:relative;
        height: 100%;
        border: 0;
        box-shadow: none;
        background: none
    }

    .uno3-buy-card.uno3-buy-card-gift.is-show .uno3-buy-card__inner {
        position: absolute;
        width: 100%;
        height: auto;
        border: 1px solid #eaedf1;
        box-shadow: 0 2px 12px 0 rgba(55,99,170,.06);
        background: #fff;
        z-index: 1
    }

    .uno3-buy-card.uno3-buy-card-gift.is-show .uno3-buy-card__inner .uno3-buy-card__gift-inner {
        max-height: 316px;
        overflow: auto
    }

    .uno3-buy-card.uno3-buy-card-gift.is-show .uno3-buy-card__inner .uno3-buy-card__gift-inner::-webkit-scrollbar {
        background-color: transparent;
        width: 9px;
        height: 10px;
        background-clip: content-box
    }

    .uno3-buy-card.uno3-buy-card-gift.is-show .uno3-buy-card__inner .uno3-buy-card__gift-inner::-webkit-scrollbar-button {
        background-color: transparent
    }

    .uno3-buy-card.uno3-buy-card-gift.is-show .uno3-buy-card__inner .uno3-buy-card__gift-inner::-webkit-scrollbar-thumb {
        background-color: #d6dbe3;
        border-radius: 5px;
        border: 3px solid transparent;
        background-clip: content-box
    }

    .uno3-buy-card.uno3-buy-card-gift.is-show .uno3-buy-card__inner .uno3-buy-card__gift-inner::-webkit-scrollbar-corner {
        background-color: transparent
    }

    .uno3-buy-card.uno3-buy-card-gift.is-show .uno3-buy-card__inner .uno3-buy-card__gift-inner.is-overflow:after {
        rotate: 180deg;
        -webkit-transform-origin: 0;
        transform-origin: 0
    }
}

@media (max-width: 768px) {
    .uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift {
        padding:12px 12px 0
    }

    .uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift-hd {
        top: 4px;
        left: 12px
    }

    .uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift-tag {
        padding: 0 4px;
        height: 16px;
        font-size: 10px;
        line-height: 16px;
        min-width: 57px;
        text-align: center
    }

    .uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift-desc {
        padding: 0 4px 0 6px;
        font-size: 10px;
        line-height: 16px
    }

    .uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift-bd {
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 16px;
        overflow: auto
    }

    .uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift-bd .qc-base-show-mobile {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 16px;
        overflow: auto
    }

    .uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift-bd .uno3-buy-card__gift-item {
        width: calc(100% - 16px);
        -ms-flex: none;
        flex: none;
        padding-right: 16px
    }

    .uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift-bd .uno3-buy-card__gift-item:nth-child(n+2) {
        border-left: 1px solid #e9ecf1
    }

    .uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift-bd .uno3-buy-card__gift-item:first-child:last-child {
        width: calc(100% + 16px);
        padding-right: 0
    }

    .uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift-bd.is-overflow {
        padding-right: 0
    }

    .uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift-bd.is-overflow .uno3-buy-card__gift-item {
        min-width: 78%
    }

    .uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift-bd.is-overflow .uno3-buy-card__gift-item:nth-child(n+2) {
        padding-left: 16px;
        border-left: 1px solid #e9ecf1
    }

    .uno3-buy-card.uno3-buy-card-gift .uno3-buy-card__gift-bd.is-overflow .uno3-buy-card__gift-item .uno3-buy-card__gift-item-config-value {
        overflow: initial
    }
}

.uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-large .uno3-buy-card__ft {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-large .uno3-buy-card__bd {
    height: auto
}

.uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-large .uno3-buy-card__content {
    overflow: hidden
}

@media (min-width: 769px) {
    .uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-large .uno3-buy-card__gift {
        padding:16px 0 0
    }

    .uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-large .uno3-buy-card__gift-hd {
        left: 0
    }

    .uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-large .uno3-buy-card__gift-inner {
        padding: 16px 24px 12px;
        overflow: initial
    }

    .uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-large .uno3-buy-card__gift-inner .uno3-buy-card__gift-swiper {
        width: 100%
    }

    .uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-large .uno3-buy-card__gift-inner .swiper-slide {
        padding-right: 20px;
        width: 40%;
        box-sizing: border-box
    }

    .uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-large .uno3-buy-card__gift-inner .swiper-slide:last-child {
        padding-right: 0
    }

    .uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-large .uno3-buy-card__gift-inner .swiper-slide+.swiper-slide {
        padding-left: 20px;
        border-left: 1px solid #e9ecf1
    }

    .uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-large .uno3-buy-card__gift-inner .uno3-buy-card__gift-bd {
        position: relative
    }

    .uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-large .uno3-buy-card__gift-inner .uno3-buy-card__gift-bd .uno3-buy-card__gift-swiper-next,.uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-large .uno3-buy-card__gift-inner .uno3-buy-card__gift-bd .uno3-buy-card__gift-swiper-prev {
        position: absolute;
        display: inline-block;
        width: 20px;
        height: 20px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50%;
        background: #fff;
        box-shadow: 0 2px 8px 0 rgba(55,99,170,.08);
        border-radius: 50%;
        cursor: pointer
    }

    .uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-large .uno3-buy-card__gift-inner .uno3-buy-card__gift-bd .uno3-buy-card__gift-swiper-next:after,.uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-large .uno3-buy-card__gift-inner .uno3-buy-card__gift-bd .uno3-buy-card__gift-swiper-prev:after {
        display: inline-block;
        position: absolute;
        top: calc(50% - 8px);
        left: calc(50% - 8px);
        content: "";
        width: 16px;
        height: 16px;
        background-size: 300% 100%;
        background-repeat: no-repeat;
        background-position: 0
    }

    .uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-large .uno3-buy-card__gift-inner .uno3-buy-card__gift-bd .uno3-buy-card__gift-swiper-next:not(.is-disabled):hover:after,.uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-large .uno3-buy-card__gift-inner .uno3-buy-card__gift-bd .uno3-buy-card__gift-swiper-prev:not(.is-disabled):hover:after {
        background-position: -16px
    }

    .uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-large .uno3-buy-card__gift-inner .uno3-buy-card__gift-bd .uno3-buy-card__gift-swiper-next.is-disabled,.uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-large .uno3-buy-card__gift-inner .uno3-buy-card__gift-bd .uno3-buy-card__gift-swiper-prev.is-disabled {
        cursor: not-allowed
    }

    .uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-large .uno3-buy-card__gift-inner .uno3-buy-card__gift-bd .uno3-buy-card__gift-swiper-next.is-disabled:after,.uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-large .uno3-buy-card__gift-inner .uno3-buy-card__gift-bd .uno3-buy-card__gift-swiper-prev.is-disabled:after {
        background-position: 100%
    }

    .uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-large .uno3-buy-card__gift-inner .uno3-buy-card__gift-bd .uno3-buy-card__gift-swiper-prev {
        left: -34px;
        top: calc(50% - 10px);
        z-index: 1
    }

    .uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-large .uno3-buy-card__gift-inner .uno3-buy-card__gift-bd .uno3-buy-card__gift-swiper-prev:after {
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_buycard_gift_swiper_prev.png)
    }

    .uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-large .uno3-buy-card__gift-inner .uno3-buy-card__gift-bd .uno3-buy-card__gift-swiper-next {
        right: -34px;
        top: calc(50% - 10px);
        z-index: 1
    }

    .uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-large .uno3-buy-card__gift-inner .uno3-buy-card__gift-bd .uno3-buy-card__gift-swiper-next:after {
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_buycard_gift_swiper_next.png)
    }

    .uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-large .uno3-buy-card__gift-inner.product-1 .swiper-slide {
        width: 100%
    }

    .uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-large .uno3-buy-card__gift-inner.product-1 .uno3-buy-card__gift-item-inner {
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 12px;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-large .uno3-buy-card__gift-inner.product-1 .uno3-buy-card__gift-item-config {
        width: 200px
    }

    .uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-large .uno3-buy-card__gift-inner.product-1 .uno3-buy-card__gift-item-hd {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-large .uno3-buy-card__gift-inner.product-1 .uno3-buy-card__gift-item-bd {
        -ms-flex: 0 auto;
        flex: 0 auto;
        min-width: 200px;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-large .uno3-buy-card__gift-inner.product-1 .uno3-buy-card__gift-swiper-next,.uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-large .uno3-buy-card__gift-inner.product-1 .uno3-buy-card__gift-swiper-prev {
        display: none
    }

    .uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-large .uno3-buy-card__gift-inner.product-2 .swiper-slide {
        width: 50%
    }

    .uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-large .uno3-buy-card__gift-inner.product-2 .uno3-buy-card__gift-swiper-next,.uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-large .uno3-buy-card__gift-inner.product-2 .uno3-buy-card__gift-swiper-prev {
        display: none
    }

    .uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-large .uno3-buy-card__gift-inner.product-2 .uno3-buy-card__gift-bd {
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 20px
    }

    .uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-large .uno3-buy-card__gift-bd .qc-base-show-box {
        width: 100%
    }
}

@media (min-width: 1540px) {
    .uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-large .uno3-buy-card__gift .uno3-buy-card__gift-inner .uno3-buy-card__gift-item-inner {
        gap:8px;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-large .uno3-buy-card__gift .uno3-buy-card__gift-inner .uno3-buy-card__gift-item-hd {
        -ms-flex: 1;
        flex: 1;
        width: 0
    }

    .uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-large .uno3-buy-card__gift .uno3-buy-card__gift-inner .uno3-buy-card__gift-item-bd {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: end;
        align-items: flex-end;
        gap: 4px;
        -ms-flex: 0 auto;
        flex: 0 auto
    }

    .uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-large .uno3-buy-card__gift .uno3-buy-card__gift-inner.product-1 .uno3-buy-card__gift-item-config {
        width: 300px!important
    }

    .uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-large .uno3-buy-card__gift .uno3-buy-card__gift-inner.product-1 .uno3-buy-card__gift-item-bd {
        min-width: 300px!important;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: baseline;
        align-items: baseline;
        gap: 12px;
        -ms-flex: none;
        flex: none
    }
}

@media (min-width: 769px) {
    .uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-middle .uno3-buy-card__content {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-middle .uno3-buy-card__gift-bd {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 16px 20px
    }

    .uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-middle .uno3-buy-card__gift-item {
        -ms-flex: 0 50%;
        flex: 0 50%;
        width: 0
    }

    .uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-middle .uno3-buy-card__gift-item:first-child:last-child {
        -ms-flex: 1;
        flex: 1
    }
}

@media (min-width: 769px) {
    .uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-middle:hover,.uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-normal:hover {
        box-shadow:none;
        border: 0
    }

    .uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-middle:hover .uno3-buy-card__inner,.uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-normal:hover .uno3-buy-card__inner {
        border: 1px solid #0052d9;
        box-shadow: 0 2px 12px 0 rgba(55,99,170,.06)
    }
}

@media (min-width: 769px) {
    .uno3-buy-card.uno3-buy-card-gift.uno3-buy-card-normal:hover .uno3-button--weak:not(.uno3-button--disabled) {
        background:#0052d9;
        color: #fff
    }
}

@media (min-width: 769px) {
    .uno3-buy-card.is-disabled:hover {
        box-shadow:0 2px 12px 0 rgba(55,99,170,.06)!important;
        border: 1px solid #eaedf1!important
    }

    .uno3-buy-card.is-disabled:hover .uno3-buy-card__inner {
        border: 0!important;
        box-shadow: none!important
    }
}

.uno3-buy-card.is-disabled .uno3-buy-card__tag-discount {
    width: auto
}

.uno3-buy-card.is-disabled .uno3-buy-card__bd-recom {
    color: rgba(0,0,0,.3)
}

.uno3-buy-card.is-disabled .uno3-buy-card__gift-tag {
    background: #d9d9d9
}

.uno3-buy-card.is-disabled .uno3-buy-card__gift .qc-base-checkbox-wrap.qc-base-checkbox-wrap-disabled .uno3-buy-card__gift-item-config,.uno3-buy-card.is-disabled .uno3-buy-card__gift .qc-base-checkbox-wrap.qc-base-checkbox-wrap-disabled .uno3-buy-card__gift-item-name,.uno3-buy-card.is-disabled .uno3-buy-card__gift .qc-base-checkbox-wrap.qc-base-checkbox-wrap-disabled .uno3-buy-card__gift-item-price-current {
    color: rgba(0,0,0,.3)
}

.uno3-buy-card.is-disabled .uno3-buy-card__gift-inner {
    border: 1px solid #ebebeb;
    background: hsla(0,0%,92.2%,.1)
}

.uno-page-intl .uno3-buy-card__btn:not(.uno3-buy-card__btn-double) .uno3-button--weak:not(.uno3-button--disabled):hover .qc-base-icon--info {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_button_icon_tip_normal_2.svg)
}

.uno-page-intl .uno3-buy-card__btn.uno3-buy-card__btn-double .uno3-button {
    padding: 0
}

.uno-page-intl .uno3-buy-card__subtit-adv {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_intl_buycard_adv.svg);
    -ms-flex: 0 0 54px;
    flex: 0 0 54px;
    height: 10px
}

.uno-page-intl .uno3-buy-card__tag {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.uno-page-intl .uno3-buy-card__tag-discount {
    width: auto
}

.uno-page-intl .uno3-buy-card__tag-first-discount {
    width: auto;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    padding: 0 4px;
    overflow: initial
}

.uno-page-intl .uno3-buy-card__tag-first-discount:after,.uno-page-intl .uno3-buy-card__tag-first-discount:before {
    display: none
}

.uno-page-intl .uno3-buy-card-normal.uno3-buy-card-default.uno3-buy-card-seckill .uno3-buy-card__ft .uno3-buy-card__price-integer {
    font-size: 20px;
    line-height: 28px
}

@media (max-width: 1400px) and (min-width:769px) {
    .uno-page-intl .uno3-buy-card-normal.uno3-buy-card-default.uno3-buy-card-seckill .uno3-buy-card__ft .uno3-buy-card__seckill-discount-text {
        white-space:nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno-page-intl .uno3-buy-card-normal.uno3-buy-card-default.uno3-buy-card-seckill .uno3-buy-card__ft .uno3-buy-card__seckill-discount-icon {
        display: none
    }
}

@media (max-width: 340px) {
    .uno-page-intl .uno3-buy-card-normal.uno3-buy-card-default.uno3-buy-card-seckill .uno3-buy-card__ft .uno3-buy-card__seckill-discount-text {
        white-space:nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno-page-intl .uno3-buy-card-normal.uno3-buy-card-default.uno3-buy-card-seckill .uno3-buy-card__ft .uno3-buy-card__seckill-discount-icon {
        display: none
    }
}

.uno-page-intl .uno3-buy-card-middle.uno3-buy-card-default .uno3-buy-card__subtit,.uno-page-intl .uno3-buy-card-normal.uno3-buy-card-default .uno3-buy-card__subtit {
    display: none
}

.uno-page-intl .uno3-buy-card-normal .uno3-button--weak:not(.uno3-button--disabled):hover {
    color: #0052d9;
    background: #f4f6fc
}

.uno-page-intl .uno3-buy-card-normal .uno3-button--weak.uno3-button--disabled {
    border-color: #e8ebef;
    color: rgba(151,163,183,.8)
}

@media (min-width: 769px) {
    .uno-page-intl .uno3-buy-card-media .uno3-buy-card-middle.uno3-buy-card .uno3-buy-card__subtit,.uno-page-intl .uno3-buy-card-seckill.uno3-buy-card .uno3-buy-card__subtit {
        display:-ms-flexbox;
        display: flex
    }
}

@media (min-width: 769px) {
    .uno-page-intl .uno3-buy-card-media .uno3-buy-card-middle.uno3-buy-card .uno3-buy-card__subtit {
        display:block
    }

    .uno-page-intl .uno3-buy-card-media .uno3-buy-card-middle.uno3-buy-card .uno3-buy-card__subtit-adv {
        display: inline-block;
        vertical-align: middle;
        width: 54px
    }

    .uno-page-intl .uno3-buy-card-media .uno3-buy-card-middle.uno3-buy-card .uno3-buy-card__subtit-text {
        display: inline;
        white-space: normal
    }
}

@media (max-width: 768px) {
    .uno-page-intl .uno3-buy-card-tab-item {
        padding:8px 4px
    }

    .uno-page-intl .uno3-buy-card-normal .uno3-buy-card__subtit {
        display: none
    }
}

.uno-page-intl .uno3-buy-card .qc-base-select-btn .qc-base-tag.qc-base-tag--discount {
    display: none
}

.uno-page-intl .qc-base-select-dropdown.qc-base-select-dropdown-vision-v3 .qc-base-tag--discount,.uno-page-intl .qc-base-select.qc-base-select-vision-v3 .qc-base-tag--discount {
    min-width: 54px;
    width: auto
}

@media (min-width: 769px) {
    .uno-page-intl .uno3-tabs__type-scene .uno3-buy-card-gift.uno3-buy-card-normal:hover {
        border:1px solid #eaedf1
    }

    .uno-page-intl .uno3-tabs__type-scene .uno3-buy-card-gift.uno3-buy-card-normal:hover .uno3-buy-card__inner {
        box-shadow: none
    }

    .uno-page-intl .uno3-tabs__type-scene .uno3-buy-card-gift.uno3-buy-card-normal:hover .uno3-buy-card__inner .uno3-button--weak:not(.uno3-button--disabled) {
        background: transparent;
        color: #0052d9
    }
}

.uno-page-intl .uno3-tabs__type-scene .uno3-buy-card.uno3-buy-card-intro .qc-base-list-item--cont,.uno-page-intl .uno3-tabs__type-scene .uno3-buy-card.uno3-buy-card-intro .uno3-buy-card__subtit-text,.uno-page-intl .uno3-tabs__type-scene .uno3-buy-card.uno3-buy-card-intro .uno3-buy-card__title-text {
    white-space: normal
}

.uno-page-intl .uno3-tabs__type-scene .uno3-buy-card.uno3-buy-card-intro .uno3-buy-card__btn .uno3-button {
    padding-left: 8px;
    padding-right: 8px
}

@-webkit-keyframes TagShineAnima2 {
    0% {
        left: -20px
    }

    to {
        left: 130px
    }
}

@keyframes TagShineAnima2 {
    0% {
        left: -20px
    }

    to {
        left: 130px
    }
}

.uno3-buy-card {
    border: 1px solid #eaedf1;
    box-shadow: 0 2px 12px 0 rgba(55,99,170,.06);
    background: #fff
}

@media (min-width: 769px) {
    .uno3-buy-card {
        height:100%
    }

    .uno3-buy-card:hover {
        box-shadow: 0 4px 18px 0 rgba(55,99,170,.12)
    }

    .uno3-buy-card .uno3-buy-card__inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%
    }

    .uno3-buy-card .uno3-buy-card__ft {
        -ms-flex: 0 auto;
        flex: 0 auto
    }

    .uno3-buy-card .uno3-buy-card__content {
        -ms-flex: 1;
        flex: 1
    }
}

.uno3-buy-card__hd {
    padding: 16px 16px 12px
}

.uno3-buy-card__title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: #000
}

.uno3-buy-card__title-link {
    color: #000;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-right: 24px;
    position: relative;
    text-decoration: none
}

@media screen and (min-width: 769px) {
    .uno3-buy-card__title-link {
        cursor:pointer
    }
}

.uno3-buy-card__title-link:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_buycard_tit_link_icon.png);
    background-size: 200% 100%;
    background-position: 0;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: calc(50% - 8px)
}

.uno3-buy-card__title-link:hover {
    color: #0052d9
}

.uno3-buy-card__title-link:hover:after {
    background-position: 100%
}

.uno3-buy-card__title-link-text {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-buy-card__title-link-icon {
    margin-left: 12px
}

.uno3-buy-card__title-link-icon.icon-first-discount {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_buycard_tit_tag_first_discount.png);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    -ms-flex: 0 0 56.6px;
    flex: 0 0 56.6px;
    height: 23px
}

.uno3-buy-card__title-text {
    display: inline-block;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

@media (min-width: 769px) {
    .uno3-buy-card-large .uno3-buy-card__title-link:after {
        display:none
    }
}

.uno3-buy-card__subtit {
    margin-top: 4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.uno3-buy-card__subtit-adv {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_buycard_adv.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    -ms-flex: 0 0 78px;
    flex: 0 0 78px;
    height: 12px;
    margin-right: 8px
}

.uno3-buy-card__subtit-text {
    font-size: 12px;
    line-height: 20px;
    color: #4b5b76
}

.uno3-buy-card__subtit-text,.uno3-buy-card__subtit-text>div {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-buy-card__bd {
    padding: 0 16px
}

.uno3-buy-card__ft {
    padding: 16px 0 0
}

.uno3-buy-card__tag-price {
    padding: 0 16px
}

.uno3-buy-card__tag {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 8px;
    height: 18px
}

.uno3-buy-card__tag-item {
    border-radius: 2px;
    white-space: nowrap
}

.uno3-buy-card__tag-item:last-child {
    margin-right: 0
}

.uno3-buy-card__tag-normal {
    border: 1px solid #d6dbe3;
    color: #4b5b76
}

.uno3-buy-card__tag-discount,.uno3-buy-card__tag-normal {
    background: #fff;
    padding: 0 3px;
    font-size: 12px;
    line-height: 18px;
    line-height: 16px
}

.uno3-buy-card__tag-discount {
    border: 1px solid #ffcfd0;
    color: #f64041;
    width: 39px;
    font-weight: 700;
    text-align: center
}

.uno3-buy-card__tag-first-discount {
    width: 55px;
    height: 18px;
    border-radius: 2px;
    background: linear-gradient(90deg,#f83131,#ff6f42);
    cursor: pointer;
    position: relative;
    overflow: hidden;
    font-size: 0
}

.uno3-buy-card__tag-first-discount:before {
    content: "";
    display: inline-block;
    width: 47px;
    height: 12px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_buycard_tag_first_discount_text.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    position: absolute;
    z-index: 1
}

.uno3-buy-card__tag-first-discount:after {
    content: "";
    width: 20px;
    height: 30px;
    display: inline-block;
    background: rgba(255,172,149,.74);
    border-radius: 2px;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    position: absolute;
    top: calc(50% - 15px);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    left: -20px;
    -webkit-animation: TagShineAnima 2s ease-in-out 1s infinite;
    animation: TagShineAnima 2s ease-in-out 1s infinite
}

.uno3-buy-card__tag-vip {
    width: 46.5px;
    height: 18px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_buycard_tag_vip.png);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.uno3-buy-card__tag-vip2 {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_buycard_tag_vip2.png)
}

.uno3-buy-card__tag-vip1,.uno3-buy-card__tag-vip2 {
    width: 52px;
    height: 18px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.uno3-buy-card__tag-vip1 {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_buycard_tag_vip1.png)
}

.uno3-buy-card__tag-vip3 {
    width: 52px;
    height: 18px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_buycard_tag_vip3.png);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.uno3-buy-card__price {
    height: 56px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.uno3-buy-card__price-loading {
    font-size: 20px;
    line-height: 36px;
    font-weight: 700;
    color: #f64041
}

.uno3-buy-card__price-current {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-pack: start;
    justify-content: flex-start;
    color: #f64041
}

.uno3-buy-card__price-current .uno3-buy-card__price-free {
    font-size: 24px;
    line-height: 36px;
    font-weight: 700
}

.uno3-buy-card__price-current .uno3-buy-card__price-desc {
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
    margin-right: 4px
}

.uno3-buy-card__price-current .uno3-buy-card__price-integer {
    font-size: 28px;
    line-height: 36px;
    font-weight: 600
}

.uno3-buy-card__price-current .uno3-buy-card__price-decimal {
    font-size: 14px;
    line-height: 22px;
    font-weight: 600
}

.uno3-buy-card__price-current .uno3-buy-card__price-unit {
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
    margin-left: 4px
}

.uno3-buy-card__price-current .uno3-buy-card__price-average {
    margin-left: 4px;
    font-size: 12px;
    line-height: 20px
}

.uno3-buy-card__price-current .uno3-buy-card__price-coupon {
    border-radius: 60px;
    background: rgba(255,63,63,.08);
    margin-left: 4px;
    padding: 0 8px;
    color: #f64041
}

@media (min-width: 769px) {
    .uno3-buy-card__price-current .uno3-buy-card__price-coupon {
        -ms-flex-item-align:start;
        align-self: flex-start;
        margin-top: 10px
    }
}

.uno3-buy-card__price-current .uno3-buy-card__price-coupon-label {
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
    margin-right: 4px;
    vertical-align: middle
}

.uno3-buy-card__price-current .uno3-buy-card__price-coupon-value {
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    vertical-align: middle
}

.uno3-buy-card__price-detail {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.uno3-buy-card__price-detail .uno3-buy-card__price-original {
    color: #666
}

.uno3-buy-card__price-detail .uno3-buy-card__price-desc {
    font-size: 12px;
    line-height: 20px;
    margin-right: 4px
}

.uno3-buy-card__price-detail .uno3-buy-card__price-value {
    font-size: 12px;
    line-height: 20px;
    margin-right: 4px;
    text-decoration: line-through
}

.uno3-buy-card__price-detail .uno3-buy-card__price-unit {
    font-size: 12px;
    line-height: 20px
}

.uno3-buy-card__price-detail .uno3-buy-card__price-info {
    -webkit-text-decoration: underline dashed;
    text-decoration: underline dashed;
    text-underline-offset: 3px;
    font-size: 12px;
    line-height: 20px;
    color: #000;
    margin-left: 12px;
    cursor: pointer
}

.uno3-buy-card.is-member .uno3-buy-card__price-current,.uno3-buy-card.is-member .uno3-buy-card__price-loading {
    color: #975129
}

.uno3-buy-card__btn {
    margin-top: 16px;
    display: -ms-flexbox;
    display: flex
}

.uno3-buy-card__btn .uno3-button {
    -ms-flex: 1;
    flex: 1;
    width: auto
}

.uno3-buy-card .qc-base-select.qc-base-select-vision-v3 .qc-base-select-btn {
    padding-right: 24px
}

.uno3-buy-card .qc-base-input-number.qc-base-input-number-vision-v3 {
    display: -ms-inline-flexbox;
    display: inline-flex
}

@media (max-width: 768px) {
    .uno3-buy-card .qc-base-input-number.qc-base-input-number-vision-v3 .qc-base-input {
        font-size:14px
    }
}

.uno3-buy-card .qc-base-form-item .qc-base-form-label-inner .qc-base-form-label-text {
    max-width: 100%
}

.uno3-buy-card .qc-base-form-item .qc-base-form-label-inner .qc-base-form-label-text:not(:only-child) {
    max-width: calc(100% - 20px)
}

@media (max-width: 1539px) and (min-width:769px) {
    .uno3-buy-card .qc-base-form-v3 .qc-base-form-label {
        width:88px
    }

    .uno3-buy-card .qc-base-form-v3 .qc-base-form-label-inner {
        font-size: 12px;
        line-height: 20px;
        height: 20px
    }

    .uno3-buy-card .qc-base-form-v3 .qc-base-form-label-inner .qc-base-icon {
        width: 14px;
        height: 14px
    }

    .uno3-buy-card .qc-base-form-v3 .qc-base-form-value {
        width: calc(100% - 92px)
    }

    .uno3-buy-card .qc-base-form-v3 .qc-base-form-value-inner,.uno3-buy-card .qc-base-form-v3 .qc-base-form-value .qc-base-input-number.qc-base-input-number-vision-v3 .qc-base-input,.uno3-buy-card .qc-base-form-v3 .qc-base-form-value .qc-base-input-number.qc-base-input-number-vision-v3 .qc-base-input-number-unit,.uno3-buy-card .qc-base-form-v3 .qc-base-form-value .qc-base-select.qc-base-select-vision-v3 .qc-base-select-btn,.uno3-buy-card .qc-base-form-v3 .qc-base-form-value .qc-base-select.qc-base-select-vision-v3 .qc-base-select-btn-text,.uno3-buy-card .qc-base-form-v3 .qc-base-form-value .qc-base-select.qc-base-select-vision-v3 .qc-base-select-placeholder {
        font-size: 14px
    }

    .uno3-buy-card-large .qc-base-form-v3 .qc-base-form-label {
        width: 60px;
        margin-right: 0
    }

    .uno3-buy-card-large .qc-base-form-v3 .qc-base-form-value {
        width: calc(100% - 64px);
        margin-left: 4px
    }

    .uno3-buy-card__price-current .uno3-buy-card__price-free {
        font-size: 18px;
        line-height: 36px
    }

    .uno3-buy-card__price-current .uno3-buy-card__price-integer {
        font-size: 20px;
        line-height: 36px
    }

    .uno3-buy-card__price-current .uno3-buy-card__price-average {
        display: none
    }
}

@media (max-width: 768px) {
    .uno3-buy-card {
        border:1px solid #eaedf1;
        background: #fff;
        box-shadow: 0 2px 12px 0 rgba(55,99,170,.06)
    }

    .uno3-buy-card__hd {
        padding: 12px 12px 8px;
        height: auto
    }

    .uno3-buy-card__title {
        font-size: 16px;
        line-height: 24px
    }

    .uno3-buy-card__subtit {
        display: none
    }

    .uno3-buy-card__bd {
        padding: 0 12px
    }

    .uno3-buy-card__ft {
        padding: 12px 0 0
    }

    .uno3-buy-card__tag-price {
        padding: 0 12px
    }

    .uno3-buy-card .qc-base-form-v3 .qc-base-form-item {
        margin-bottom: 4px
    }

    .uno3-buy-card .qc-base-form-v3 .qc-base-form-item:last-child {
        margin-bottom: 0
    }

    .uno3-buy-card .qc-base-form-v3 .qc-base-form-label-inner {
        font-size: 12px;
        line-height: 20px
    }

    .uno3-buy-card .qc-base-form-v3 .qc-base-form-value-inner,.uno3-buy-card .qc-base-form-v3 .qc-base-form-value .qc-base-select.qc-base-select-vision-v3 .qc-base-select-btn,.uno3-buy-card .qc-base-form-v3 .qc-base-form-value .qc-base-select.qc-base-select-vision-v3 .qc-base-select-btn-text,.uno3-buy-card .qc-base-form-v3 .qc-base-form-value .qc-base-select.qc-base-select-vision-v3 .qc-base-select-placeholder {
        font-size: 14px
    }

    .uno3-buy-card__price {
        height: auto;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .uno3-buy-card__price-loading {
        font-size: 20px;
        line-height: 28px
    }

    .uno3-buy-card__price-current .uno3-buy-card__price-average,.uno3-buy-card__price-current .uno3-buy-card__price-desc {
        display: none
    }

    .uno3-buy-card__price-current .uno3-buy-card__price-decimal,.uno3-buy-card__price-current .uno3-buy-card__price-integer {
        font-size: 20px;
        line-height: 28px
    }

    .uno3-buy-card__price-current .uno3-buy-card__price-free {
        font-size: 18px;
        line-height: 26px
    }

    .uno3-buy-card__price-current .uno3-buy-card__price-coupon {
        margin-left: 12px;
        -ms-flex-item-align: start;
        align-self: flex-start;
        margin-top: 4px
    }

    .uno3-buy-card__price-detail {
        margin-left: 12px
    }

    .uno3-buy-card__price-detail .uno3-buy-card__price-desc,.uno3-buy-card__price-detail .uno3-buy-card__price-info,.uno3-buy-card__price-has-coupon .uno3-buy-card__price-detail {
        display: none
    }

    .uno3-buy-card__btn {
        margin-top: 12px
    }
}

@media (min-width: 769px) {
    .uno3-buy-card-middle .qc-base-form-v3 .qc-base-form-item {
        width:calc(50% - 10px);
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .uno3-buy-card-middle .qc-base-form-v3 .qc-base-form-item:nth-last-child(2):nth-child(odd) {
        margin-bottom: 0
    }

    .uno3-buy-card-middle .qc-base-form-v3 .qc-base-form-item:nth-child(2n) {
        margin-left: 20px
    }

    .uno3-buy-card-middle .uno3-buy-card__ft {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: end;
        align-items: flex-end;
        padding: 16px;
        gap: 16px
    }

    .uno3-buy-card-middle .uno3-buy-card__tag-price {
        -ms-flex: 1;
        flex: 1;
        padding: 0;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .uno3-buy-card-middle .uno3-buy-card__btn {
        -ms-flex: 0 0 300px;
        flex: 0 0 300px;
        margin-top: 0
    }

    .uno3-buy-card-middle .uno3-buy-card__btn .uno3-button:nth-child(n+2) {
        margin-left: 12px
    }
}

@media (max-width: 1539px) and (min-width:769px) {
    .uno3-buy-card-middle .uno3-buy-card__tag-price {
        -ms-flex:1;
        flex: 1;
        margin-right: auto
    }

    .uno3-buy-card-middle .uno3-buy-card__btn {
        -ms-flex: 0 0 200px;
        flex: 0 0 200px;
        margin-top: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-buy-card-middle .uno3-buy-card__btn .uno3-button {
        -ms-flex: auto;
        flex: auto;
        width: 200px
    }

    .uno3-buy-card-middle .uno3-buy-card__btn .uno3-button:nth-child(n+2) {
        margin-top: 12px;
        margin-left: 0
    }
}

@media (min-width: 769px) {
    .uno3-buy-card-large .uno3-buy-card__hd {
        padding:0 0 4px;
        height: auto
    }

    .uno3-buy-card-large .uno3-buy-card__inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .uno3-buy-card-large .uno3-buy-card__content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex: 1;
        flex: 1;
        background: url(/web/jinglisafe/assets/images/activity/uno3_buycard_large_content_bg.png);
        background-size: 343px 110px;
        background-position: 100% 0;
        background-repeat: no-repeat;
        padding: 16px 20px;
        width: 0
    }

    .uno3-buy-card-large .uno3-buy-card__bd {
        -ms-flex: auto;
        flex: auto;
        padding: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        height: 78px
    }

    .uno3-buy-card-large .uno3-buy-card__bd-config {
        -ms-flex: 1;
        flex: 1;
        max-width: 100%
    }

    .uno3-buy-card-large .uno3-buy-card__bd .qc-base-form.qc-base-form-v3 {
        width: 100%
    }

    .uno3-buy-card-large .uno3-buy-card__bd .qc-base-form.qc-base-form-v3 .qc-base-form-item {
        width: 0
    }

    .uno3-buy-card-large .uno3-buy-card__ft {
        -ms-flex: 0 0 358px;
        flex: 0 0 358px;
        padding: 16px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .uno3-buy-card-large .uno3-buy-card__tag-price {
        padding: 0
    }

    .uno3-buy-card-large .uno3-buy-card__btn {
        margin-top: 12px
    }

    .uno3-buy-card-large .qc-base-form.qc-base-form-v3 {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        gap: 8px 16px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .uno3-buy-card-large .qc-base-form.qc-base-form-v3 .qc-base-form-item {
        -ms-flex: 1;
        flex: 1;
        margin-bottom: 0;
        min-width: calc(33.33333% - 10.66667px)
    }

    .uno3-buy-card-large .qc-base-form.qc-base-form-v3 .qc-base-form-item:nth-child(n+4) {
        max-width: calc(33.33333% - 10.66667px)
    }
}

@media (max-width: 1539px) and (min-width:769px) {
    .qc-base-grid__col--6 .uno3-buy-card__price-current .uno3-buy-card__price-coupon {
        display:none
    }
}

@media (max-width: 768px) {
    .uno3-buy-card__tag {
        min-height:18px;
        height: auto
    }

    .uno3-buy-card-tab {
        background: #fff;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: calc(100% - 16px);
        position: relative;
        z-index: 1;
        border: 1px solid #eaedf1;
        box-shadow: 0 -10px 12px 0 rgba(55,99,170,.03);
        margin: auto auto -1px;
        border-bottom: 0;
        padding: 0 12px
    }

    .uno3-buy-card-tab:after {
        content: "";
        display: inline-block;
        width: calc(100% - 24px);
        height: 1px;
        background: #eaedf1;
        position: absolute;
        left: 12px;
        bottom: -1px
    }

    .uno3-buy-card-tab-item {
        -ms-flex: 1;
        flex: 1;
        padding: 8px 12px;
        font-size: 12px;
        line-height: 20px;
        position: relative;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: start;
        justify-content: flex-start;
        color: #181818
    }

    .uno3-buy-card-tab-item-text {
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .uno3-buy-card-tab-item:nth-child(n+2):before {
        content: "";
        display: inline-block;
        height: calc(100% - 24px);
        width: 1px;
        background: #e9ecf1;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .uno3-buy-card-tab-item.is-active {
        border-bottom: 2px solid #0052d9;
        color: #0052d9;
        font-weight: 700
    }

    .qc-base-grid__col.uno3-module-hide-m {
        display: none
    }

    .qc-base-grid--gutter-pad-4n .uno3-buy-card-tab {
        width: calc(100% - 16px)
    }
}

.qc-base-module .qc-base-grid__layout {
    overflow: initial
}

@media (max-width: 768px) {
    .qc-base-module .qc-base-show-box,.qc-base-module .qc-base-show-mobile,.uno3-tabs__bd-cont .qc-base-show-box,.uno3-tabs__bd-cont .qc-base-show-mobile {
        width:100%
    }
}

.uno-type-ios .uno3-buy-card-tab-item.is-active,.uno-type-ios .uno3-buy-card__price-current .uno3-buy-card__price-coupon-label,.uno-type-ios .uno3-buy-card__price-current .uno3-buy-card__price-coupon-value,.uno-type-ios .uno3-buy-card__price-current .uno3-buy-card__price-desc,.uno-type-ios .uno3-buy-card__price-current .uno3-buy-card__price-free,.uno-type-ios .uno3-buy-card__price-current .uno3-buy-card__price-unit,.uno-type-ios .uno3-buy-card__price-loading,.uno-type-ios .uno3-buy-card__tag-discount,.uno-type-ios .uno3-buy-card__title,.uno-type-mac .uno3-buy-card-tab-item.is-active,.uno-type-mac .uno3-buy-card__price-current .uno3-buy-card__price-coupon-label,.uno-type-mac .uno3-buy-card__price-current .uno3-buy-card__price-coupon-value,.uno-type-mac .uno3-buy-card__price-current .uno3-buy-card__price-desc,.uno-type-mac .uno3-buy-card__price-current .uno3-buy-card__price-free,.uno-type-mac .uno3-buy-card__price-current .uno3-buy-card__price-unit,.uno-type-mac .uno3-buy-card__price-loading,.uno-type-mac .uno3-buy-card__tag-discount,.uno-type-mac .uno3-buy-card__title {
    font-weight: 500
}

@media (min-width: 769px) {
    .uno3-info-card--onlyimg {
        width:540px;
        height: 100%;
        background-size: 100% auto;
        background-position: 50%;
        background-repeat: no-repeat
    }
}

@media (max-width: 768px) {
    .uno3-info-card--onlyimg {
        width:100%;
        height: 204px;
        background-size: auto 100%;
        background-position: 0;
        background-repeat: no-repeat
    }
}

@media (min-width: 769px) {
    .uno3-buy-card-wrap .qc-base-grid__row.qc-base-grid--gutter-4n {
        margin-bottom:-20px
    }

    .uno3-buy-card-wrap .qc-base-grid__row.qc-base-grid--gutter-4n .qc-base-grid__col {
        margin-bottom: 20px
    }

    .uno-page-intl .qc-base-grid__col {
        position: relative
    }
}

.qc-base-grid__layout {
    overflow: hidden
}

.qc-base-grid__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    box-sizing: border-box;
    margin-right: 0;
    margin-left: 0
}

.qc-base-grid__row--start {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.qc-base-grid__row--center {
    -ms-flex-pack: center;
    justify-content: center
}

.qc-base-grid__row--end {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.qc-base-grid__row--space-between {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.qc-base-grid__row--space-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.qc-base-grid__row--top {
    -ms-flex-align: start;
    align-items: flex-start
}

.qc-base-grid__row--middle {
    -ms-flex-align: center;
    align-items: center
}

.qc-base-grid__row--bottom {
    -ms-flex-align: end;
    align-items: flex-end
}

.qc-base-grid__row--split-line .qc-base-grid__col {
    position: relative
}

.qc-base-grid__row--split-line .qc-base-grid__col:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 1px;
    background-color: #e5e8ed;
    content: ""
}

.qc-base-grid__col {
    display: block;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    box-sizing: border-box;
    padding-right: 0;
    padding-left: 0;
    font-size: 14px;
    -webkit-box-flex: 1
}

.qc-base-grid__col--1-5 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20%;
    -webkit-box-flex: 0
}

.qc-base-grid__col--0 {
    display: none
}

.qc-base-grid__col--order-0 {
    -ms-flex-order: 0;
    order: 0
}

.qc-base-grid__col--1 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 4.1666666667%;
    -webkit-box-flex: 0
}

.qc-base-grid__col--order-1 {
    -ms-flex-order: 1;
    order: 1
}

.qc-base-grid__col--2 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 8.3333333333%;
    -webkit-box-flex: 0
}

.qc-base-grid__col--order-2 {
    -ms-flex-order: 2;
    order: 2
}

.qc-base-grid__col--3 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 12.5%;
    -webkit-box-flex: 0
}

.qc-base-grid__col--order-3 {
    -ms-flex-order: 3;
    order: 3
}

.qc-base-grid__col--4 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.6666666667%;
    -webkit-box-flex: 0
}

.qc-base-grid__col--order-4 {
    -ms-flex-order: 4;
    order: 4
}

.qc-base-grid__col--5 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20.8333333333%;
    -webkit-box-flex: 0
}

.qc-base-grid__col--order-5 {
    -ms-flex-order: 5;
    order: 5
}

.qc-base-grid__col--6 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
    -webkit-box-flex: 0
}

.qc-base-grid__col--order-6 {
    -ms-flex-order: 6;
    order: 6
}

.qc-base-grid__col--7 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 29.1666666667%;
    -webkit-box-flex: 0
}

.qc-base-grid__col--order-7 {
    -ms-flex-order: 7;
    order: 7
}

.qc-base-grid__col--8 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.3333333333%;
    -webkit-box-flex: 0
}

.qc-base-grid__col--order-8 {
    -ms-flex-order: 8;
    order: 8
}

.qc-base-grid__col--9 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 37.5%;
    -webkit-box-flex: 0
}

.qc-base-grid__col--order-9 {
    -ms-flex-order: 9;
    order: 9
}

.qc-base-grid__col--10 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 41.6666666667%;
    -webkit-box-flex: 0
}

.qc-base-grid__col--order-10 {
    -ms-flex-order: 10;
    order: 10
}

.qc-base-grid__col--11 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 45.8333333333%;
    -webkit-box-flex: 0
}

.qc-base-grid__col--order-11 {
    -ms-flex-order: 11;
    order: 11
}

.qc-base-grid__col--12 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
    -webkit-box-flex: 0
}

.qc-base-grid__col--order-12 {
    -ms-flex-order: 12;
    order: 12
}

.qc-base-grid__col--13 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 54.1666666667%;
    -webkit-box-flex: 0
}

.qc-base-grid__col--order-13 {
    -ms-flex-order: 13;
    order: 13
}

.qc-base-grid__col--14 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 58.3333333333%;
    -webkit-box-flex: 0
}

.qc-base-grid__col--order-14 {
    -ms-flex-order: 14;
    order: 14
}

.qc-base-grid__col--15 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 62.5%;
    -webkit-box-flex: 0
}

.qc-base-grid__col--order-15 {
    -ms-flex-order: 15;
    order: 15
}

.qc-base-grid__col--16 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 66.6666666667%;
    -webkit-box-flex: 0
}

.qc-base-grid__col--order-16 {
    -ms-flex-order: 16;
    order: 16
}

.qc-base-grid__col--17 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 70.8333333333%;
    -webkit-box-flex: 0
}

.qc-base-grid__col--order-17 {
    -ms-flex-order: 17;
    order: 17
}

.qc-base-grid__col--18 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 75%;
    -webkit-box-flex: 0
}

.qc-base-grid__col--order-18 {
    -ms-flex-order: 18;
    order: 18
}

.qc-base-grid__col--19 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 79.1666666667%;
    -webkit-box-flex: 0
}

.qc-base-grid__col--order-19 {
    -ms-flex-order: 19;
    order: 19
}

.qc-base-grid__col--20 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 83.3333333333%;
    -webkit-box-flex: 0
}

.qc-base-grid__col--order-20 {
    -ms-flex-order: 20;
    order: 20
}

.qc-base-grid__col--21 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 87.5%;
    -webkit-box-flex: 0
}

.qc-base-grid__col--order-21 {
    -ms-flex-order: 21;
    order: 21
}

.qc-base-grid__col--22 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 91.6666666667%;
    -webkit-box-flex: 0
}

.qc-base-grid__col--order-22 {
    -ms-flex-order: 22;
    order: 22
}

.qc-base-grid__col--23 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 95.8333333333%;
    -webkit-box-flex: 0
}

.qc-base-grid__col--order-23 {
    -ms-flex-order: 23;
    order: 23
}

.qc-base-grid__col--24 {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    -webkit-box-flex: 0
}

.qc-base-grid__col--order-24 {
    -ms-flex-order: 24;
    order: 24
}

@media (max-width: 1200px) {
    .qc-base-grid__col--smallpc-1-5 {
        display:block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--smallpc-0 {
        display: none
    }

    .qc-base-grid__col--smallpc-order-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .qc-base-grid__col--smallpc-1 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 4.1666666667%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--smallpc-order-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .qc-base-grid__col--smallpc-2 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.3333333333%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--smallpc-order-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .qc-base-grid__col--smallpc-3 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 12.5%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--smallpc-order-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .qc-base-grid__col--smallpc-4 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--smallpc-order-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .qc-base-grid__col--smallpc-5 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20.8333333333%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--smallpc-order-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .qc-base-grid__col--smallpc-6 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--smallpc-order-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .qc-base-grid__col--smallpc-7 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 29.1666666667%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--smallpc-order-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .qc-base-grid__col--smallpc-8 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--smallpc-order-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .qc-base-grid__col--smallpc-9 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 37.5%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--smallpc-order-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .qc-base-grid__col--smallpc-10 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.6666666667%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--smallpc-order-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .qc-base-grid__col--smallpc-11 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 45.8333333333%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--smallpc-order-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .qc-base-grid__col--smallpc-12 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--smallpc-order-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .qc-base-grid__col--smallpc-13 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 54.1666666667%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--smallpc-order-13 {
        -ms-flex-order: 13;
        order: 13
    }

    .qc-base-grid__col--smallpc-14 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.3333333333%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--smallpc-order-14 {
        -ms-flex-order: 14;
        order: 14
    }

    .qc-base-grid__col--smallpc-15 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 62.5%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--smallpc-order-15 {
        -ms-flex-order: 15;
        order: 15
    }

    .qc-base-grid__col--smallpc-16 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.6666666667%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--smallpc-order-16 {
        -ms-flex-order: 16;
        order: 16
    }

    .qc-base-grid__col--smallpc-17 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 70.8333333333%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--smallpc-order-17 {
        -ms-flex-order: 17;
        order: 17
    }

    .qc-base-grid__col--smallpc-18 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--smallpc-order-18 {
        -ms-flex-order: 18;
        order: 18
    }

    .qc-base-grid__col--smallpc-19 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 79.1666666667%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--smallpc-order-19 {
        -ms-flex-order: 19;
        order: 19
    }

    .qc-base-grid__col--smallpc-20 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.3333333333%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--smallpc-order-20 {
        -ms-flex-order: 20;
        order: 20
    }

    .qc-base-grid__col--smallpc-21 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 87.5%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--smallpc-order-21 {
        -ms-flex-order: 21;
        order: 21
    }

    .qc-base-grid__col--smallpc-22 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.6666666667%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--smallpc-order-22 {
        -ms-flex-order: 22;
        order: 22
    }

    .qc-base-grid__col--smallpc-23 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 95.8333333333%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--smallpc-order-23 {
        -ms-flex-order: 23;
        order: 23
    }

    .qc-base-grid__col--smallpc-24 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--smallpc-order-24 {
        -ms-flex-order: 24;
        order: 24
    }
}

@media (max-width: 1000px) {
    .qc-base-grid__col--tablet-1-5 {
        display:block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--tablet-0 {
        display: none
    }

    .qc-base-grid__col--tablet-order-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .qc-base-grid__col--tablet-1 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 4.1666666667%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--tablet-order-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .qc-base-grid__col--tablet-2 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.3333333333%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--tablet-order-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .qc-base-grid__col--tablet-3 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 12.5%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--tablet-order-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .qc-base-grid__col--tablet-4 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--tablet-order-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .qc-base-grid__col--tablet-5 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20.8333333333%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--tablet-order-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .qc-base-grid__col--tablet-6 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--tablet-order-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .qc-base-grid__col--tablet-7 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 29.1666666667%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--tablet-order-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .qc-base-grid__col--tablet-8 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--tablet-order-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .qc-base-grid__col--tablet-9 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 37.5%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--tablet-order-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .qc-base-grid__col--tablet-10 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.6666666667%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--tablet-order-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .qc-base-grid__col--tablet-11 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 45.8333333333%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--tablet-order-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .qc-base-grid__col--tablet-12 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--tablet-order-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .qc-base-grid__col--tablet-13 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 54.1666666667%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--tablet-order-13 {
        -ms-flex-order: 13;
        order: 13
    }

    .qc-base-grid__col--tablet-14 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.3333333333%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--tablet-order-14 {
        -ms-flex-order: 14;
        order: 14
    }

    .qc-base-grid__col--tablet-15 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 62.5%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--tablet-order-15 {
        -ms-flex-order: 15;
        order: 15
    }

    .qc-base-grid__col--tablet-16 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.6666666667%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--tablet-order-16 {
        -ms-flex-order: 16;
        order: 16
    }

    .qc-base-grid__col--tablet-17 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 70.8333333333%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--tablet-order-17 {
        -ms-flex-order: 17;
        order: 17
    }

    .qc-base-grid__col--tablet-18 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--tablet-order-18 {
        -ms-flex-order: 18;
        order: 18
    }

    .qc-base-grid__col--tablet-19 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 79.1666666667%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--tablet-order-19 {
        -ms-flex-order: 19;
        order: 19
    }

    .qc-base-grid__col--tablet-20 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.3333333333%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--tablet-order-20 {
        -ms-flex-order: 20;
        order: 20
    }

    .qc-base-grid__col--tablet-21 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 87.5%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--tablet-order-21 {
        -ms-flex-order: 21;
        order: 21
    }

    .qc-base-grid__col--tablet-22 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.6666666667%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--tablet-order-22 {
        -ms-flex-order: 22;
        order: 22
    }

    .qc-base-grid__col--tablet-23 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 95.8333333333%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--tablet-order-23 {
        -ms-flex-order: 23;
        order: 23
    }

    .qc-base-grid__col--tablet-24 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--tablet-order-24 {
        -ms-flex-order: 24;
        order: 24
    }
}

@media (max-width: 768px) {
    .qc-base-grid__col--pad-1-5 {
        display:block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--pad-0 {
        display: none
    }

    .qc-base-grid__col--pad-order-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .qc-base-grid__col--pad-1 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 4.1666666667%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--pad-order-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .qc-base-grid__col--pad-2 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.3333333333%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--pad-order-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .qc-base-grid__col--pad-3 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 12.5%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--pad-order-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .qc-base-grid__col--pad-4 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--pad-order-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .qc-base-grid__col--pad-5 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20.8333333333%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--pad-order-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .qc-base-grid__col--pad-6 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--pad-order-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .qc-base-grid__col--pad-7 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 29.1666666667%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--pad-order-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .qc-base-grid__col--pad-8 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--pad-order-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .qc-base-grid__col--pad-9 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 37.5%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--pad-order-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .qc-base-grid__col--pad-10 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.6666666667%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--pad-order-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .qc-base-grid__col--pad-11 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 45.8333333333%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--pad-order-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .qc-base-grid__col--pad-12 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--pad-order-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .qc-base-grid__col--pad-13 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 54.1666666667%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--pad-order-13 {
        -ms-flex-order: 13;
        order: 13
    }

    .qc-base-grid__col--pad-14 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.3333333333%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--pad-order-14 {
        -ms-flex-order: 14;
        order: 14
    }

    .qc-base-grid__col--pad-15 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 62.5%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--pad-order-15 {
        -ms-flex-order: 15;
        order: 15
    }

    .qc-base-grid__col--pad-16 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.6666666667%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--pad-order-16 {
        -ms-flex-order: 16;
        order: 16
    }

    .qc-base-grid__col--pad-17 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 70.8333333333%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--pad-order-17 {
        -ms-flex-order: 17;
        order: 17
    }

    .qc-base-grid__col--pad-18 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--pad-order-18 {
        -ms-flex-order: 18;
        order: 18
    }

    .qc-base-grid__col--pad-19 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 79.1666666667%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--pad-order-19 {
        -ms-flex-order: 19;
        order: 19
    }

    .qc-base-grid__col--pad-20 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.3333333333%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--pad-order-20 {
        -ms-flex-order: 20;
        order: 20
    }

    .qc-base-grid__col--pad-21 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 87.5%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--pad-order-21 {
        -ms-flex-order: 21;
        order: 21
    }

    .qc-base-grid__col--pad-22 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.6666666667%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--pad-order-22 {
        -ms-flex-order: 22;
        order: 22
    }

    .qc-base-grid__col--pad-23 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 95.8333333333%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--pad-order-23 {
        -ms-flex-order: 23;
        order: 23
    }

    .qc-base-grid__col--pad-24 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--pad-order-24 {
        -ms-flex-order: 24;
        order: 24
    }
}

@media (max-width: 600px) {
    .qc-base-grid__col--phone-1-5 {
        display:block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--phone-0 {
        display: none
    }

    .qc-base-grid__col--phone-order-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .qc-base-grid__col--phone-1 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 4.1666666667%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--phone-order-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .qc-base-grid__col--phone-2 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.3333333333%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--phone-order-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .qc-base-grid__col--phone-3 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 12.5%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--phone-order-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .qc-base-grid__col--phone-4 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--phone-order-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .qc-base-grid__col--phone-5 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20.8333333333%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--phone-order-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .qc-base-grid__col--phone-6 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--phone-order-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .qc-base-grid__col--phone-7 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 29.1666666667%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--phone-order-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .qc-base-grid__col--phone-8 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--phone-order-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .qc-base-grid__col--phone-9 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 37.5%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--phone-order-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .qc-base-grid__col--phone-10 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.6666666667%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--phone-order-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .qc-base-grid__col--phone-11 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 45.8333333333%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--phone-order-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .qc-base-grid__col--phone-12 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--phone-order-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .qc-base-grid__col--phone-13 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 54.1666666667%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--phone-order-13 {
        -ms-flex-order: 13;
        order: 13
    }

    .qc-base-grid__col--phone-14 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.3333333333%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--phone-order-14 {
        -ms-flex-order: 14;
        order: 14
    }

    .qc-base-grid__col--phone-15 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 62.5%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--phone-order-15 {
        -ms-flex-order: 15;
        order: 15
    }

    .qc-base-grid__col--phone-16 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.6666666667%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--phone-order-16 {
        -ms-flex-order: 16;
        order: 16
    }

    .qc-base-grid__col--phone-17 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 70.8333333333%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--phone-order-17 {
        -ms-flex-order: 17;
        order: 17
    }

    .qc-base-grid__col--phone-18 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--phone-order-18 {
        -ms-flex-order: 18;
        order: 18
    }

    .qc-base-grid__col--phone-19 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 79.1666666667%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--phone-order-19 {
        -ms-flex-order: 19;
        order: 19
    }

    .qc-base-grid__col--phone-20 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.3333333333%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--phone-order-20 {
        -ms-flex-order: 20;
        order: 20
    }

    .qc-base-grid__col--phone-21 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 87.5%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--phone-order-21 {
        -ms-flex-order: 21;
        order: 21
    }

    .qc-base-grid__col--phone-22 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.6666666667%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--phone-order-22 {
        -ms-flex-order: 22;
        order: 22
    }

    .qc-base-grid__col--phone-23 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 95.8333333333%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--phone-order-23 {
        -ms-flex-order: 23;
        order: 23
    }

    .qc-base-grid__col--phone-24 {
        display: block;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
        -webkit-box-flex: 0
    }

    .qc-base-grid__col--phone-order-24 {
        -ms-flex-order: 24;
        order: 24
    }
}

.qc-base-grid__row.qc-base-grid--gutter-0n {
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0
}

.qc-base-grid__row.qc-base-grid--gutter-0n .qc-base-grid__col {
    margin-bottom: 0;
    padding-right: 0;
    padding-left: 0
}

.qc-base-grid__row.qc-base-grid--gutter-1n {
    margin-right: -2px;
    margin-bottom: -4px;
    margin-left: -2px
}

.qc-base-grid__row.qc-base-grid--gutter-1n .qc-base-grid__col {
    margin-bottom: 4px;
    padding-right: 2px;
    padding-left: 2px
}

.qc-base-grid__row.qc-base-grid--gutter-2n {
    margin-right: -4px;
    margin-bottom: -8px;
    margin-left: -4px
}

.qc-base-grid__row.qc-base-grid--gutter-2n .qc-base-grid__col {
    margin-bottom: 8px;
    padding-right: 4px;
    padding-left: 4px
}

.qc-base-grid__row.qc-base-grid--gutter-3n {
    margin-right: -6px;
    margin-bottom: -12px;
    margin-left: -6px
}

.qc-base-grid__row.qc-base-grid--gutter-3n .qc-base-grid__col {
    margin-bottom: 12px;
    padding-right: 6px;
    padding-left: 6px
}

.qc-base-grid__row.qc-base-grid--gutter-4n {
    margin-right: -8px;
    margin-bottom: -16px;
    margin-left: -8px
}

.qc-base-grid__row.qc-base-grid--gutter-4n .qc-base-grid__col {
    margin-bottom: 16px;
    padding-right: 8px;
    padding-left: 8px
}

.qc-base-grid__row.qc-base-grid--gutter-5n {
    margin-right: -10px;
    margin-bottom: -20px;
    margin-left: -10px
}

.qc-base-grid__row.qc-base-grid--gutter-5n .qc-base-grid__col {
    margin-bottom: 20px;
    padding-right: 10px;
    padding-left: 10px
}

.qc-base-grid__row.qc-base-grid--gutter-6n {
    margin-right: -12px;
    margin-bottom: -24px;
    margin-left: -12px
}

.qc-base-grid__row.qc-base-grid--gutter-6n .qc-base-grid__col {
    margin-bottom: 24px;
    padding-right: 12px;
    padding-left: 12px
}

.qc-base-grid__row.qc-base-grid--gutter-7n {
    margin-right: -14px;
    margin-bottom: -28px;
    margin-left: -14px
}

.qc-base-grid__row.qc-base-grid--gutter-7n .qc-base-grid__col {
    margin-bottom: 28px;
    padding-right: 14px;
    padding-left: 14px
}

.qc-base-grid__row.qc-base-grid--gutter-8n {
    margin-right: -16px;
    margin-bottom: -32px;
    margin-left: -16px
}

.qc-base-grid__row.qc-base-grid--gutter-8n .qc-base-grid__col {
    margin-bottom: 32px;
    padding-right: 16px;
    padding-left: 16px
}

.qc-base-grid__row.qc-base-grid--gutter-9n {
    margin-right: -18px;
    margin-bottom: -36px;
    margin-left: -18px
}

.qc-base-grid__row.qc-base-grid--gutter-9n .qc-base-grid__col {
    margin-bottom: 36px;
    padding-right: 18px;
    padding-left: 18px
}

.qc-base-grid__row.qc-base-grid--gutter-10n {
    margin-right: -20px;
    margin-bottom: -40px;
    margin-left: -20px
}

.qc-base-grid__row.qc-base-grid--gutter-10n .qc-base-grid__col {
    margin-bottom: 40px;
    padding-right: 20px;
    padding-left: 20px
}

.qc-base-grid__row.qc-base-grid--gutter-11n {
    margin-right: -22px;
    margin-bottom: -44px;
    margin-left: -22px
}

.qc-base-grid__row.qc-base-grid--gutter-11n .qc-base-grid__col {
    margin-bottom: 44px;
    padding-right: 22px;
    padding-left: 22px
}

.qc-base-grid__row.qc-base-grid--gutter-12n {
    margin-right: -24px;
    margin-bottom: -48px;
    margin-left: -24px
}

.qc-base-grid__row.qc-base-grid--gutter-12n .qc-base-grid__col {
    margin-bottom: 48px;
    padding-right: 24px;
    padding-left: 24px
}

@media (max-width: 1200px) {
    .qc-base-grid__row.qc-base-grid--gutter-smallpc-0n {
        margin-right:0;
        margin-bottom: 0;
        margin-left: 0
    }

    .qc-base-grid__row.qc-base-grid--gutter-smallpc-0n .qc-base-grid__col {
        margin-bottom: 0;
        padding-right: 0;
        padding-left: 0
    }

    .qc-base-grid__row.qc-base-grid--gutter-smallpc-1n {
        margin-right: -2px;
        margin-bottom: -4px;
        margin-left: -2px
    }

    .qc-base-grid__row.qc-base-grid--gutter-smallpc-1n .qc-base-grid__col {
        margin-bottom: 4px;
        padding-right: 2px;
        padding-left: 2px
    }

    .qc-base-grid__row.qc-base-grid--gutter-smallpc-2n {
        margin-right: -4px;
        margin-bottom: -8px;
        margin-left: -4px
    }

    .qc-base-grid__row.qc-base-grid--gutter-smallpc-2n .qc-base-grid__col {
        margin-bottom: 8px;
        padding-right: 4px;
        padding-left: 4px
    }

    .qc-base-grid__row.qc-base-grid--gutter-smallpc-3n {
        margin-right: -6px;
        margin-bottom: -12px;
        margin-left: -6px
    }

    .qc-base-grid__row.qc-base-grid--gutter-smallpc-3n .qc-base-grid__col {
        margin-bottom: 12px;
        padding-right: 6px;
        padding-left: 6px
    }

    .qc-base-grid__row.qc-base-grid--gutter-smallpc-4n {
        margin-right: -8px;
        margin-bottom: -16px;
        margin-left: -8px
    }

    .qc-base-grid__row.qc-base-grid--gutter-smallpc-4n .qc-base-grid__col {
        margin-bottom: 16px;
        padding-right: 8px;
        padding-left: 8px
    }

    .qc-base-grid__row.qc-base-grid--gutter-smallpc-5n {
        margin-right: -10px;
        margin-bottom: -20px;
        margin-left: -10px
    }

    .qc-base-grid__row.qc-base-grid--gutter-smallpc-5n .qc-base-grid__col {
        margin-bottom: 20px;
        padding-right: 10px;
        padding-left: 10px
    }

    .qc-base-grid__row.qc-base-grid--gutter-smallpc-6n {
        margin-right: -12px;
        margin-bottom: -24px;
        margin-left: -12px
    }

    .qc-base-grid__row.qc-base-grid--gutter-smallpc-6n .qc-base-grid__col {
        margin-bottom: 24px;
        padding-right: 12px;
        padding-left: 12px
    }

    .qc-base-grid__row.qc-base-grid--gutter-smallpc-7n {
        margin-right: -14px;
        margin-bottom: -28px;
        margin-left: -14px
    }

    .qc-base-grid__row.qc-base-grid--gutter-smallpc-7n .qc-base-grid__col {
        margin-bottom: 28px;
        padding-right: 14px;
        padding-left: 14px
    }

    .qc-base-grid__row.qc-base-grid--gutter-smallpc-8n {
        margin-right: -16px;
        margin-bottom: -32px;
        margin-left: -16px
    }

    .qc-base-grid__row.qc-base-grid--gutter-smallpc-8n .qc-base-grid__col {
        margin-bottom: 32px;
        padding-right: 16px;
        padding-left: 16px
    }

    .qc-base-grid__row.qc-base-grid--gutter-smallpc-9n {
        margin-right: -18px;
        margin-bottom: -36px;
        margin-left: -18px
    }

    .qc-base-grid__row.qc-base-grid--gutter-smallpc-9n .qc-base-grid__col {
        margin-bottom: 36px;
        padding-right: 18px;
        padding-left: 18px
    }

    .qc-base-grid__row.qc-base-grid--gutter-smallpc-10n {
        margin-right: -20px;
        margin-bottom: -40px;
        margin-left: -20px
    }

    .qc-base-grid__row.qc-base-grid--gutter-smallpc-10n .qc-base-grid__col {
        margin-bottom: 40px;
        padding-right: 20px;
        padding-left: 20px
    }

    .qc-base-grid__row.qc-base-grid--gutter-smallpc-11n {
        margin-right: -22px;
        margin-bottom: -44px;
        margin-left: -22px
    }

    .qc-base-grid__row.qc-base-grid--gutter-smallpc-11n .qc-base-grid__col {
        margin-bottom: 44px;
        padding-right: 22px;
        padding-left: 22px
    }

    .qc-base-grid__row.qc-base-grid--gutter-smallpc-12n {
        margin-right: -24px;
        margin-bottom: -48px;
        margin-left: -24px
    }

    .qc-base-grid__row.qc-base-grid--gutter-smallpc-12n .qc-base-grid__col {
        margin-bottom: 48px;
        padding-right: 24px;
        padding-left: 24px
    }
}

@media (max-width: 1000px) {
    .qc-base-grid__row.qc-base-grid--gutter-tablet-0n {
        margin-right:0;
        margin-bottom: 0;
        margin-left: 0
    }

    .qc-base-grid__row.qc-base-grid--gutter-tablet-0n .qc-base-grid__col {
        margin-bottom: 0;
        padding-right: 0;
        padding-left: 0
    }

    .qc-base-grid__row.qc-base-grid--gutter-tablet-1n {
        margin-right: -2px;
        margin-bottom: -4px;
        margin-left: -2px
    }

    .qc-base-grid__row.qc-base-grid--gutter-tablet-1n .qc-base-grid__col {
        margin-bottom: 4px;
        padding-right: 2px;
        padding-left: 2px
    }

    .qc-base-grid__row.qc-base-grid--gutter-tablet-2n {
        margin-right: -4px;
        margin-bottom: -8px;
        margin-left: -4px
    }

    .qc-base-grid__row.qc-base-grid--gutter-tablet-2n .qc-base-grid__col {
        margin-bottom: 8px;
        padding-right: 4px;
        padding-left: 4px
    }

    .qc-base-grid__row.qc-base-grid--gutter-tablet-3n {
        margin-right: -6px;
        margin-bottom: -12px;
        margin-left: -6px
    }

    .qc-base-grid__row.qc-base-grid--gutter-tablet-3n .qc-base-grid__col {
        margin-bottom: 12px;
        padding-right: 6px;
        padding-left: 6px
    }

    .qc-base-grid__row.qc-base-grid--gutter-tablet-4n {
        margin-right: -8px;
        margin-bottom: -16px;
        margin-left: -8px
    }

    .qc-base-grid__row.qc-base-grid--gutter-tablet-4n .qc-base-grid__col {
        margin-bottom: 16px;
        padding-right: 8px;
        padding-left: 8px
    }

    .qc-base-grid__row.qc-base-grid--gutter-tablet-5n {
        margin-right: -10px;
        margin-bottom: -20px;
        margin-left: -10px
    }

    .qc-base-grid__row.qc-base-grid--gutter-tablet-5n .qc-base-grid__col {
        margin-bottom: 20px;
        padding-right: 10px;
        padding-left: 10px
    }

    .qc-base-grid__row.qc-base-grid--gutter-tablet-6n {
        margin-right: -12px;
        margin-bottom: -24px;
        margin-left: -12px
    }

    .qc-base-grid__row.qc-base-grid--gutter-tablet-6n .qc-base-grid__col {
        margin-bottom: 24px;
        padding-right: 12px;
        padding-left: 12px
    }

    .qc-base-grid__row.qc-base-grid--gutter-tablet-7n {
        margin-right: -14px;
        margin-bottom: -28px;
        margin-left: -14px
    }

    .qc-base-grid__row.qc-base-grid--gutter-tablet-7n .qc-base-grid__col {
        margin-bottom: 28px;
        padding-right: 14px;
        padding-left: 14px
    }

    .qc-base-grid__row.qc-base-grid--gutter-tablet-8n {
        margin-right: -16px;
        margin-bottom: -32px;
        margin-left: -16px
    }

    .qc-base-grid__row.qc-base-grid--gutter-tablet-8n .qc-base-grid__col {
        margin-bottom: 32px;
        padding-right: 16px;
        padding-left: 16px
    }

    .qc-base-grid__row.qc-base-grid--gutter-tablet-9n {
        margin-right: -18px;
        margin-bottom: -36px;
        margin-left: -18px
    }

    .qc-base-grid__row.qc-base-grid--gutter-tablet-9n .qc-base-grid__col {
        margin-bottom: 36px;
        padding-right: 18px;
        padding-left: 18px
    }

    .qc-base-grid__row.qc-base-grid--gutter-tablet-10n {
        margin-right: -20px;
        margin-bottom: -40px;
        margin-left: -20px
    }

    .qc-base-grid__row.qc-base-grid--gutter-tablet-10n .qc-base-grid__col {
        margin-bottom: 40px;
        padding-right: 20px;
        padding-left: 20px
    }

    .qc-base-grid__row.qc-base-grid--gutter-tablet-11n {
        margin-right: -22px;
        margin-bottom: -44px;
        margin-left: -22px
    }

    .qc-base-grid__row.qc-base-grid--gutter-tablet-11n .qc-base-grid__col {
        margin-bottom: 44px;
        padding-right: 22px;
        padding-left: 22px
    }

    .qc-base-grid__row.qc-base-grid--gutter-tablet-12n {
        margin-right: -24px;
        margin-bottom: -48px;
        margin-left: -24px
    }

    .qc-base-grid__row.qc-base-grid--gutter-tablet-12n .qc-base-grid__col {
        margin-bottom: 48px;
        padding-right: 24px;
        padding-left: 24px
    }
}

@media (max-width: 768px) {
    .qc-base-grid__row.qc-base-grid--gutter-pad-0n {
        margin-right:0;
        margin-bottom: 0;
        margin-left: 0
    }

    .qc-base-grid__row.qc-base-grid--gutter-pad-0n .qc-base-grid__col {
        margin-bottom: 0;
        padding-right: 0;
        padding-left: 0
    }

    .qc-base-grid__row.qc-base-grid--gutter-pad-1n {
        margin-right: -2px;
        margin-bottom: -4px;
        margin-left: -2px
    }

    .qc-base-grid__row.qc-base-grid--gutter-pad-1n .qc-base-grid__col {
        margin-bottom: 4px;
        padding-right: 2px;
        padding-left: 2px
    }

    .qc-base-grid__row.qc-base-grid--gutter-pad-2n {
        margin-right: -4px;
        margin-bottom: -8px;
        margin-left: -4px
    }

    .qc-base-grid__row.qc-base-grid--gutter-pad-2n .qc-base-grid__col {
        margin-bottom: 8px;
        padding-right: 4px;
        padding-left: 4px
    }

    .qc-base-grid__row.qc-base-grid--gutter-pad-3n {
        margin-right: -6px;
        margin-bottom: -12px;
        margin-left: -6px
    }

    .qc-base-grid__row.qc-base-grid--gutter-pad-3n .qc-base-grid__col {
        margin-bottom: 12px;
        padding-right: 6px;
        padding-left: 6px
    }

    .qc-base-grid__row.qc-base-grid--gutter-pad-4n {
        margin-right: -8px;
        margin-bottom: -16px;
        margin-left: -8px
    }

    .qc-base-grid__row.qc-base-grid--gutter-pad-4n .qc-base-grid__col {
        margin-bottom: 16px;
        padding-right: 8px;
        padding-left: 8px
    }

    .qc-base-grid__row.qc-base-grid--gutter-pad-5n {
        margin-right: -10px;
        margin-bottom: -20px;
        margin-left: -10px
    }

    .qc-base-grid__row.qc-base-grid--gutter-pad-5n .qc-base-grid__col {
        margin-bottom: 20px;
        padding-right: 10px;
        padding-left: 10px
    }

    .qc-base-grid__row.qc-base-grid--gutter-pad-6n {
        margin-right: -12px;
        margin-bottom: -24px;
        margin-left: -12px
    }

    .qc-base-grid__row.qc-base-grid--gutter-pad-6n .qc-base-grid__col {
        margin-bottom: 24px;
        padding-right: 12px;
        padding-left: 12px
    }

    .qc-base-grid__row.qc-base-grid--gutter-pad-7n {
        margin-right: -14px;
        margin-bottom: -28px;
        margin-left: -14px
    }

    .qc-base-grid__row.qc-base-grid--gutter-pad-7n .qc-base-grid__col {
        margin-bottom: 28px;
        padding-right: 14px;
        padding-left: 14px
    }

    .qc-base-grid__row.qc-base-grid--gutter-pad-8n {
        margin-right: -16px;
        margin-bottom: -32px;
        margin-left: -16px
    }

    .qc-base-grid__row.qc-base-grid--gutter-pad-8n .qc-base-grid__col {
        margin-bottom: 32px;
        padding-right: 16px;
        padding-left: 16px
    }

    .qc-base-grid__row.qc-base-grid--gutter-pad-9n {
        margin-right: -18px;
        margin-bottom: -36px;
        margin-left: -18px
    }

    .qc-base-grid__row.qc-base-grid--gutter-pad-9n .qc-base-grid__col {
        margin-bottom: 36px;
        padding-right: 18px;
        padding-left: 18px
    }

    .qc-base-grid__row.qc-base-grid--gutter-pad-10n {
        margin-right: -20px;
        margin-bottom: -40px;
        margin-left: -20px
    }

    .qc-base-grid__row.qc-base-grid--gutter-pad-10n .qc-base-grid__col {
        margin-bottom: 40px;
        padding-right: 20px;
        padding-left: 20px
    }

    .qc-base-grid__row.qc-base-grid--gutter-pad-11n {
        margin-right: -22px;
        margin-bottom: -44px;
        margin-left: -22px
    }

    .qc-base-grid__row.qc-base-grid--gutter-pad-11n .qc-base-grid__col {
        margin-bottom: 44px;
        padding-right: 22px;
        padding-left: 22px
    }

    .qc-base-grid__row.qc-base-grid--gutter-pad-12n {
        margin-right: -24px;
        margin-bottom: -48px;
        margin-left: -24px
    }

    .qc-base-grid__row.qc-base-grid--gutter-pad-12n .qc-base-grid__col {
        margin-bottom: 48px;
        padding-right: 24px;
        padding-left: 24px
    }
}

@media (max-width: 600px) {
    .qc-base-grid__row.qc-base-grid--gutter-phone-0n {
        margin-right:0;
        margin-bottom: 0;
        margin-left: 0
    }

    .qc-base-grid__row.qc-base-grid--gutter-phone-0n .qc-base-grid__col {
        margin-bottom: 0;
        padding-right: 0;
        padding-left: 0
    }

    .qc-base-grid__row.qc-base-grid--gutter-phone-1n {
        margin-right: -2px;
        margin-bottom: -4px;
        margin-left: -2px
    }

    .qc-base-grid__row.qc-base-grid--gutter-phone-1n .qc-base-grid__col {
        margin-bottom: 4px;
        padding-right: 2px;
        padding-left: 2px
    }

    .qc-base-grid__row.qc-base-grid--gutter-phone-2n {
        margin-right: -4px;
        margin-bottom: -8px;
        margin-left: -4px
    }

    .qc-base-grid__row.qc-base-grid--gutter-phone-2n .qc-base-grid__col {
        margin-bottom: 8px;
        padding-right: 4px;
        padding-left: 4px
    }

    .qc-base-grid__row.qc-base-grid--gutter-phone-3n {
        margin-right: -6px;
        margin-bottom: -12px;
        margin-left: -6px
    }

    .qc-base-grid__row.qc-base-grid--gutter-phone-3n .qc-base-grid__col {
        margin-bottom: 12px;
        padding-right: 6px;
        padding-left: 6px
    }

    .qc-base-grid__row.qc-base-grid--gutter-phone-4n {
        margin-right: -8px;
        margin-bottom: -16px;
        margin-left: -8px
    }

    .qc-base-grid__row.qc-base-grid--gutter-phone-4n .qc-base-grid__col {
        margin-bottom: 16px;
        padding-right: 8px;
        padding-left: 8px
    }

    .qc-base-grid__row.qc-base-grid--gutter-phone-5n {
        margin-right: -10px;
        margin-bottom: -20px;
        margin-left: -10px
    }

    .qc-base-grid__row.qc-base-grid--gutter-phone-5n .qc-base-grid__col {
        margin-bottom: 20px;
        padding-right: 10px;
        padding-left: 10px
    }

    .qc-base-grid__row.qc-base-grid--gutter-phone-6n {
        margin-right: -12px;
        margin-bottom: -24px;
        margin-left: -12px
    }

    .qc-base-grid__row.qc-base-grid--gutter-phone-6n .qc-base-grid__col {
        margin-bottom: 24px;
        padding-right: 12px;
        padding-left: 12px
    }

    .qc-base-grid__row.qc-base-grid--gutter-phone-7n {
        margin-right: -14px;
        margin-bottom: -28px;
        margin-left: -14px
    }

    .qc-base-grid__row.qc-base-grid--gutter-phone-7n .qc-base-grid__col {
        margin-bottom: 28px;
        padding-right: 14px;
        padding-left: 14px
    }

    .qc-base-grid__row.qc-base-grid--gutter-phone-8n {
        margin-right: -16px;
        margin-bottom: -32px;
        margin-left: -16px
    }

    .qc-base-grid__row.qc-base-grid--gutter-phone-8n .qc-base-grid__col {
        margin-bottom: 32px;
        padding-right: 16px;
        padding-left: 16px
    }

    .qc-base-grid__row.qc-base-grid--gutter-phone-9n {
        margin-right: -18px;
        margin-bottom: -36px;
        margin-left: -18px
    }

    .qc-base-grid__row.qc-base-grid--gutter-phone-9n .qc-base-grid__col {
        margin-bottom: 36px;
        padding-right: 18px;
        padding-left: 18px
    }

    .qc-base-grid__row.qc-base-grid--gutter-phone-10n {
        margin-right: -20px;
        margin-bottom: -40px;
        margin-left: -20px
    }

    .qc-base-grid__row.qc-base-grid--gutter-phone-10n .qc-base-grid__col {
        margin-bottom: 40px;
        padding-right: 20px;
        padding-left: 20px
    }

    .qc-base-grid__row.qc-base-grid--gutter-phone-11n {
        margin-right: -22px;
        margin-bottom: -44px;
        margin-left: -22px
    }

    .qc-base-grid__row.qc-base-grid--gutter-phone-11n .qc-base-grid__col {
        margin-bottom: 44px;
        padding-right: 22px;
        padding-left: 22px
    }

    .qc-base-grid__row.qc-base-grid--gutter-phone-12n {
        margin-right: -24px;
        margin-bottom: -48px;
        margin-left: -24px
    }

    .qc-base-grid__row.qc-base-grid--gutter-phone-12n .qc-base-grid__col {
        margin-bottom: 48px;
        padding-right: 24px;
        padding-left: 24px
    }
}

.uno3-section {
    background: #fff
}

.uno3-section.bg-gray {
    background-color: #f6f8fb
}

.uno3-section.bg-gradient {
    background: linear-gradient(180deg,#f5f7fa,#deebff)
}

.uno3-section.is-full .uno3-section__bd {
    padding-left: 0;
    padding-right: 0
}

.uno3-section__inner {
    padding: 60px 0
}

.uno3-section__hd {
    box-sizing: border-box;
    margin-bottom: 32px;
    padding-left: 60px;
    padding-right: 60px
}

.uno3-section__hd-content {
    max-width: 1200px;
    transition: max-width .5s ease;
    margin: 0 auto
}

.uno3-section__hd.uno3-section__hd-attachment .uno3-section__hd-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 24px
}

.uno3-section__hd.uno3-section__hd-attachment .uno3-section__hd-content-inner {
    -ms-flex: 1;
    flex: 1;
    width: 0
}

.uno3-section__hd.uno3-section__hd-attachment .uno3-section__hd-content-rt {
    -ms-flex: 0 auto;
    flex: 0 auto
}

@media (max-width: 768px) {
    .uno3-section__hd.uno3-section__hd-attachment .uno3-section__hd-content {
        position:relative
    }

    .uno3-section__hd.uno3-section__hd-attachment .uno3-section__hd-content-inner {
        width: 100%
    }

    .uno3-section__hd.uno3-section__hd-attachment .uno3-section__hd-content .uno3-section__title {
        width: calc(100% - 120px)
    }

    .uno3-section__hd.uno3-section__hd-attachment .uno3-section__hd-content-rt {
        position: absolute;
        width: 120px;
        right: 0;
        top: 4px
    }
}

.uno3-section__bd {
    padding-left: 60px;
    padding-right: 60px
}

.uno3-section__title {
    color: #181818;
    font-size: 28px;
    line-height: 36px;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-section__sub {
    margin-top: 12px;
    color: #4b5b76;
    font-size: 14px;
    line-height: 22px;
    text-align: left
}

@media (min-width: 769px) {
    .uno3-section__sub {
        white-space:nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.uno3-section__sub .qc-base-action,.uno3-section__sub .qc-base-link,.uno3-section__sub .qc-base-text {
    margin-left: 8px
}

.uno3-section.center .uno3-section__title {
    text-align: center
}

.uno3-section.center .uno3-section__sub {
    text-align: center;
    -ms-flex-pack: center;
    justify-content: center
}

.uno-type-ios .uno3-section__title,.uno-type-mac .uno3-section__title {
    font-weight: 500
}

@media screen and (min-width: 1320px) and (max-width:1539px) {
    .uno3-section__hd {
        padding-left:9%;
        padding-right: 9%
    }

    .uno3-section__hd-content {
        max-width: none
    }

    .uno3-section__bd {
        padding-left: 9%;
        padding-right: 9%
    }
}

@media screen and (max-width: 768px) {
    .uno3-section__inner {
        padding:24px 0
    }

    .uno3-section__title {
        font-size: 20px;
        line-height: 28px
    }

    .uno3-section__sub {
        font-size: 14px;
        line-height: 22px;
        margin-top: 8px;
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .uno3-section__sub .qc-base-action,.uno3-section__sub .qc-base-link,.uno3-section__sub .qc-base-text {
        margin-left: 8px
    }

    .uno3-section__hd {
        padding-left: 16px;
        padding-right: 16px;
        margin-bottom: 16px
    }

    .uno3-section__bd {
        padding: 0
    }
}

@media screen and (min-width: 1540px) {
    .uno3-section__hd {
        padding-left:60px;
        padding-right: 60px
    }

    .uno3-section__hd-content {
        max-width: 1420px
    }

    .uno3-section__bd {
        padding-left: 60px;
        padding-right: 60px
    }
}

.uno-page-intl .uno3-section__title {
    white-space: normal;
    font-size: 32px;
    line-height: 40px;
    font-weight: 600
}

.uno-page-intl .uno3-section__sub {
    white-space: normal
}

.uno-page-intl .uno3-section__sub .qc-base-link:not(.qc-base-link--icon) {
    display: inline
}

@media (max-width: 768px) {
    .uno-page-intl .uno3-section__title {
        font-size:24px;
        line-height: 32px
    }

    .uno-page-intl .uno3-section__sub {
        display: block
    }

    .uno-page-intl .uno3-section__hd.uno3-section__hd-attachment .uno3-section__title {
        width: calc(100% - 100px)
    }

    .uno-page-intl .uno3-section__hd.uno3-section__hd-attachment .uno3-section__hd-content-rt {
        width: 100px
    }
}

.uno-page-intl.uno-type-ios .uno3-section__title,.uno-page-intl.uno-type-mac .uno3-section__title {
    font-weight: 600
}

.qc-base-module {
    display: block;
    margin: 0 auto
}

@media screen and (min-width: 1540px) {
    .qc-base-module {
        max-width:1420px
    }
}

@media screen and (max-width: 768px) {
    .qc-base-module {
        max-width:100%;
        padding: 0 16px
    }
}

.qc-base-bubble-trigger {
    color: #181818;
    -webkit-text-decoration: underline dashed;
    text-decoration: underline dashed;
    text-underline-offset: 3px;
    cursor: pointer;
    font-size: inherit
}

.qc-base-bubble-trigger:hover {
    color: #777
}

.qc-base-checkbox-wrap .qc-base-checkbox-inner {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: -3px;
    background-repeat: no-repeat
}

.qc-base-checkbox {
    position: absolute;
    left: 0;
    top: 3px
}

.qc-base-checkbox-wrap {
    font-size: 0;
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding-left: 24px;
    color: #181818
}

.qc-base-checkbox-wrap-only-box {
    display: inline-block;
    vertical-align: 4px;
    margin-right: 8px;
    padding: 0;
    line-height: 20px
}

.qc-base-checkbox-wrap .qc-base-checkbox-inner {
    transition: background-image .3s ease-in-out;
    background-image: url(/web/jinglisafe/assets/images/activity/qc_base_checkbox_normal.svg);
    vertical-align: 0
}

.qc-base-checkbox-wrap:not(.qc-base-checkbox-wrap-checked):not(.qc-base-checkbox-wrap-indeterminate):not(.qc-base-checkbox-wrap-disabled):hover .qc-base-checkbox-inner {
    background-image: url(/web/jinglisafe/assets/images/activity/qc_base_checkbox_hover.svg)
}

.qc-base-checkbox-wrap-checked .qc-base-checkbox-inner {
    background-image: url(/web/jinglisafe/assets/images/activity/qc_base_checkbox_checked.svg)
}

.qc-base-checkbox-wrap-disabled {
    cursor: not-allowed
}

.qc-base-checkbox-wrap-disabled .qc-base-checkbox-inner {
    background-image: url(/web/jinglisafe/assets/images/activity/qc_base_checkbox_disabled.svg)
}

.qc-base-checkbox-wrap-disabled.qc-base-checkbox-wrap-checked .qc-base-checkbox-inner {
    cursor: not-allowed;
    background-image: url(/web/jinglisafe/assets/images/activity/qc_base_checkbox_checked_disabled.svg)
}

.qc-base-checkbox-wrap-indeterminate .qc-base-checkbox-inner {
    background-image: url(/web/jinglisafe/assets/images/activity/qc_base_checkbox_indeterminate_normal.svg)
}

.qc-base-checkbox-wrap-indeterminate.qc-base-checkbox-wrap-disabled .qc-base-checkbox-inner {
    background-image: url(/web/jinglisafe/assets/images/activity/qc_base_checkbox_indeterminate_disabled.svg)
}

.qc-base-checkbox-text {
    font-size: 14px;
    line-height: 22px;
    display: inline-block;
    vertical-align: middle
}

.qc-base-checkbox-input {
    display: none
}

.qc-base-checkbox-desc {
    color: #4b5b76;
    margin-top: 4px
}

.qc-base-checkbox-groups {
    font-size: 0
}

.qc-base-checkbox-groups .qc-base-checkbox-wrap:nth-child(n+2) {
    margin-left: 16px
}

.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow {
    border-color: #ccc;
    border-style: solid;
    border-width: 3px 3px 0 0;
    content: "";
    display: block;
    height: 9px;
    position: absolute;
    top: 6px;
    width: 9px
}

.react-datepicker-wrapper {
    display: inline-block;
    padding: 0;
    border: 0
}

.react-datepicker {
    font-family: Helvetica Neue,helvetica,arial,sans-serif;
    font-size: .8rem;
    background-color: #fff;
    color: #000;
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    display: inline-block;
    position: relative;
    line-height: normal
}

.react-datepicker--time-only .react-datepicker__time-container {
    border-left: 0
}

.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box {
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.react-datepicker-popper {
    z-index: 1;
    line-height: 0
}

.react-datepicker-popper .react-datepicker__triangle {
    stroke: #aeaeae
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
    fill: #f0f0f0;
    color: #f0f0f0
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
    fill: #fff;
    color: #fff
}

.react-datepicker__header {
    text-align: center;
    background-color: #f0f0f0;
    border-bottom: 1px solid #aeaeae;
    border-top-left-radius: .3rem;
    padding: 8px 0;
    position: relative
}

.react-datepicker__header--time {
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px
}

.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
    border-top-left-radius: 0
}

.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
    border-top-right-radius: .3rem
}

.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select {
    display: inline-block;
    margin: 0 15px
}

.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month {
    margin-top: 0;
    color: #000;
    font-weight: 700;
    font-size: .944rem
}

h2.react-datepicker__current-month {
    padding: 0;
    margin: 0
}

.react-datepicker-time__header {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.react-datepicker__navigation {
    align-items: center;
    background: none;
    display: flex;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 2px;
    padding: 0;
    border: none;
    z-index: 1;
    height: 32px;
    width: 32px;
    text-indent: -999em;
    overflow: hidden
}

.react-datepicker__navigation--previous {
    left: 2px
}

.react-datepicker__navigation--next {
    right: 2px
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
    right: 85px
}

.react-datepicker__navigation--years {
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.react-datepicker__navigation--years-previous {
    top: 4px
}

.react-datepicker__navigation--years-upcoming {
    top: -4px
}

.react-datepicker__navigation:hover :before {
    border-color: rgb(165.75,165.75,165.75)
}

.react-datepicker__navigation-icon {
    position: relative;
    top: -1px;
    font-size: 20px;
    width: 0
}

.react-datepicker__navigation-icon--next {
    left: -2px
}

.react-datepicker__navigation-icon--next:before {
    transform: rotate(45deg);
    left: -7px
}

.react-datepicker__navigation-icon--previous {
    right: -2px
}

.react-datepicker__navigation-icon--previous:before {
    transform: rotate(225deg);
    right: -7px
}

.react-datepicker__month-container {
    float: left
}

.react-datepicker__year {
    margin: .4rem;
    text-align: center
}

.react-datepicker__year-wrapper {
    display: flex;
    flex-wrap: wrap;
    max-width: 180px
}

.react-datepicker__year .react-datepicker__year-text {
    display: inline-block;
    width: 4rem;
    margin: 2px
}

.react-datepicker__month {
    margin: .4rem;
    text-align: center
}

.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text {
    display: inline-block;
    width: 4rem;
    margin: 2px
}

.react-datepicker__input-time-container {
    clear: both;
    width: 100%;
    float: left;
    margin: 5px 0 10px 15px;
    text-align: left
}

.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container {
    display: inline-block
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
    display: inline-block;
    margin-left: 10px
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
    width: auto
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
    -moz-appearance: textfield
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
    margin-left: 5px;
    display: inline-block
}

.react-datepicker__time-container {
    float: right;
    border-left: 1px solid #aeaeae;
    width: 85px
}

.react-datepicker__time-container--with-today-button {
    display: inline;
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    position: absolute;
    right: -87px;
    top: 0
}

.react-datepicker__time-container .react-datepicker__time {
    position: relative;
    background: #fff;
    border-bottom-right-radius: .3rem
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
    width: 85px;
    overflow-x: hidden;
    margin: 0 auto;
    text-align: center;
    border-bottom-right-radius: .3rem
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
    list-style: none;
    margin: 0;
    height: calc(195px + .85rem);
    overflow-y: scroll;
    padding-right: 0;
    padding-left: 0;
    width: 100%;
    box-sizing: content-box
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
    height: 30px;
    padding: 5px 10px;
    white-space: nowrap
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
    cursor: pointer;
    background-color: #f0f0f0
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
    background-color: #216ba5;
    color: #fff;
    font-weight: 700
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
    background-color: #216ba5
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
    color: #ccc
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
    cursor: default;
    background-color: transparent
}

.react-datepicker__week-number {
    color: #ccc;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: .166rem
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
    cursor: pointer
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover {
    border-radius: .3rem;
    background-color: #f0f0f0
}

.react-datepicker__week-number--selected {
    border-radius: .3rem;
    background-color: #216ba5;
    color: #fff
}

.react-datepicker__week-number--selected:hover {
    background-color: rgb(28.75,93.2196969697,143.75)
}

.react-datepicker__day-names {
    white-space: nowrap;
    margin-bottom: -8px
}

.react-datepicker__week {
    white-space: nowrap
}

.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name {
    color: #000;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: .166rem
}

.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text {
    cursor: pointer
}

.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover {
    border-radius: .3rem;
    background-color: #f0f0f0
}

.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today {
    font-weight: 700
}

.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted {
    border-radius: .3rem;
    background-color: #3dcc4a;
    color: #fff
}

.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover {
    background-color: rgb(49.8551020408,189.6448979592,62.5632653061)
}

.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1 {
    color: #f0f
}

.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2 {
    color: green
}

.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays {
    position: relative;
    border-radius: .3rem;
    background-color: #ff6803;
    color: #fff
}

.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 4px;
    border-radius: 4px;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s,opacity .3s ease-in-out
}

.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover {
    background-color: rgb(207,82.9642857143,0)
}

.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay {
    visibility: visible;
    opacity: 1
}

.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected {
    border-radius: .3rem;
    background-color: #216ba5;
    color: #fff
}

.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover {
    background-color: rgb(28.75,93.2196969697,143.75)
}

.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected {
    border-radius: .3rem;
    background-color: rgb(186.25,217.0833333333,241.25);
    color: #000
}

.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover {
    background-color: rgb(28.75,93.2196969697,143.75)
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range) {
    background-color: rgba(33,107,165,.5)
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range) {
    background-color: #f0f0f0;
    color: #000
}

.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled {
    cursor: default;
    color: #ccc
}

.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay {
    position: absolute;
    bottom: 70%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 4px;
    border-radius: 4px;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s,opacity .3s ease-in-out
}

.react-datepicker__input-container {
    position: relative;
    display: inline-block;
    width: 100%
}

.react-datepicker__input-container .react-datepicker__calendar-icon {
    position: absolute;
    padding: .5rem;
    box-sizing: content-box
}

.react-datepicker__view-calendar-icon input {
    padding: 6px 10px 5px 25px
}

.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view {
    border: 1px solid transparent;
    border-radius: .3rem;
    position: relative
}

.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover {
    cursor: pointer
}

.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {
    border-top-color: rgb(178.5,178.5,178.5)
}

.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow {
    transform: rotate(135deg);
    right: -16px;
    top: 0
}

.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown {
    background-color: #f0f0f0;
    position: absolute;
    width: 50%;
    left: 25%;
    top: 30px;
    z-index: 1;
    text-align: center;
    border-radius: .3rem;
    border: 1px solid #aeaeae
}

.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover {
    cursor: pointer
}

.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable {
    height: 150px;
    overflow-y: scroll
}

.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option {
    line-height: 20px;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type {
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover {
    background-color: #ccc
}

.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming {
    border-bottom-color: rgb(178.5,178.5,178.5)
}

.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous {
    border-top-color: rgb(178.5,178.5,178.5)
}

.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected {
    position: absolute;
    left: 15px
}

.react-datepicker__close-icon {
    cursor: pointer;
    background-color: transparent;
    border: 0;
    outline: 0;
    padding: 0 6px 0 0;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: table-cell;
    vertical-align: middle
}

.react-datepicker__close-icon:after {
    cursor: pointer;
    background-color: #216ba5;
    color: #fff;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    padding: 2px;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    content: "\D7"
}

.react-datepicker__close-icon--disabled {
    cursor: default
}

.react-datepicker__close-icon--disabled:after {
    cursor: default;
    background-color: #ccc
}

.react-datepicker__today-button {
    background: #f0f0f0;
    border-top: 1px solid #aeaeae;
    cursor: pointer;
    text-align: center;
    font-weight: 700;
    padding: 5px 0;
    clear: left
}

.react-datepicker__portal {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,.8);
    left: 0;
    top: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    z-index: 2147483647
}

.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name {
    width: 3rem;
    line-height: 3rem
}

@media (max-height: 550px),(max-width:400px) {
    .react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name {
        width:2rem;
        line-height: 2rem
    }
}

.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month {
    font-size: 1.44rem
}

.react-datepicker__children-container {
    width: 13.8rem;
    margin: .4rem;
    padding-right: .2rem;
    padding-left: .2rem;
    height: auto
}

.react-datepicker__aria-live {
    position: absolute;
    clip-path: circle(0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
    white-space: nowrap
}

.react-datepicker__calendar-icon {
    width: 1em;
    height: 1em;
    vertical-align: -.125em
}

.qc-base-form .react-datepicker__input-container {
    width: 250px;
    height: 36px
}

.qc-base-form .react-datepicker__input-container input {
    width: 100%;
    height: 100%;
    background: #fff;
    color: #181818;
    border: 1px solid #e3e6eb;
    outline: none;
    padding: 7px 8px
}

.qc-base-form .react-datepicker__input-container input::-webkit-input-placeholder {
    color: #97a3b7
}

.qc-base-form .react-datepicker__input-container input::-moz-placeholder,.qc-base-form .react-datepicker__input-container input::-ms-input-placeholder,.qc-base-form .react-datepicker__input-container input::-webkit-input-placeholder,.qc-base-form .react-datepicker__input-container input::placeholder {
    color: #97a3b7
}

.qc-base-form .react-datepicker__input-container input:hover {
    background: #fff;
    color: #181818;
    border: 1px solid #0052d9
}

.qc-base-form .react-datepicker__input-container input:focus {
    background: #fff;
    color: #181818;
    border: 1px solid #e3e6eb
}

.qc-base-form .react-datepicker-popper {
    z-index: 99
}

.qc-base-form .react-datepicker-popper .react-datepicker {
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    border: 1px solid #f9f9f9
}

.qc-base-form .react-datepicker-popper .react-datepicker__header {
    background-color: transparent;
    padding-bottom: 0
}

.qc-base-form .react-datepicker-popper .react-datepicker .react-datepicker__day,.qc-base-form .react-datepicker-popper .react-datepicker .react-datepicker__day-name,.qc-base-form .react-datepicker-popper .react-datepicker .react-datepicker__time-name {
    color: #000
}

.qc-base-form .react-datepicker-popper .react-datepicker .react-datepicker__day.react-datepicker__day--today {
    font-weight: 500;
    border: 1px solid #0052d9;
    color: #0052d9
}

.qc-base-form .react-datepicker-popper .react-datepicker .react-datepicker__day.react-datepicker__day--outside-month {
    color: #97a3b7
}

.qc-base-form .react-datepicker-popper .react-datepicker .react-datepicker__day:not([aria-disabled=true]):hover,.qc-base-form .react-datepicker-popper .react-datepicker .react-datepicker__month-text:not([aria-disabled=true]):hover,.qc-base-form .react-datepicker-popper .react-datepicker .react-datepicker__quarter-text:not([aria-disabled=true]):hover,.qc-base-form .react-datepicker-popper .react-datepicker .react-datepicker__year-text:not([aria-disabled=true]):hover {
    border-radius: 0;
    background-color: transparent;
    color: #0052d9
}

.qc-base-form .react-datepicker-popper .react-datepicker .react-datepicker__day--in-range,.qc-base-form .react-datepicker-popper .react-datepicker .react-datepicker__day--in-selecting-range,.qc-base-form .react-datepicker-popper .react-datepicker .react-datepicker__day--keyboard-selected,.qc-base-form .react-datepicker-popper .react-datepicker .react-datepicker__day--selected,.qc-base-form .react-datepicker-popper .react-datepicker .react-datepicker__month-text--in-range,.qc-base-form .react-datepicker-popper .react-datepicker .react-datepicker__month-text--in-selecting-range,.qc-base-form .react-datepicker-popper .react-datepicker .react-datepicker__month-text--keyboard-selected,.qc-base-form .react-datepicker-popper .react-datepicker .react-datepicker__month-text--selected,.qc-base-form .react-datepicker-popper .react-datepicker .react-datepicker__quarter-text--in-range,.qc-base-form .react-datepicker-popper .react-datepicker .react-datepicker__quarter-text--in-selecting-range,.qc-base-form .react-datepicker-popper .react-datepicker .react-datepicker__quarter-text--keyboard-selected,.qc-base-form .react-datepicker-popper .react-datepicker .react-datepicker__quarter-text--selected,.qc-base-form .react-datepicker-popper .react-datepicker .react-datepicker__year-text--in-range,.qc-base-form .react-datepicker-popper .react-datepicker .react-datepicker__year-text--in-selecting-range,.qc-base-form .react-datepicker-popper .react-datepicker .react-datepicker__year-text--keyboard-selected,.qc-base-form .react-datepicker-popper .react-datepicker .react-datepicker__year-text--selected {
    border: 1px solid #97a3b7;
    color: #0052d9;
    background: transparent;
    border-radius: 0;
    font-weight: 400
}

.qc-base-form .react-datepicker-popper .react-datepicker .react-datepicker__day,.qc-base-form .react-datepicker-popper .react-datepicker .react-datepicker__day-name,.qc-base-form .react-datepicker-popper .react-datepicker .react-datepicker__time-name {
    width: 24px;
    height: 24px;
    font-size: 14px;
    line-height: 24px;
    margin: 6px;
    font-weight: 400
}

.qc-base-form .react-datepicker-popper .react-datepicker .react-datepicker-time__header,.qc-base-form .react-datepicker-popper .react-datepicker .react-datepicker-year-header,.qc-base-form .react-datepicker-popper .react-datepicker .react-datepicker__current-month {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400
}

.qc-base-form .react-datepicker-popper .react-datepicker .react-datepicker__header {
    border-bottom: 0;
    position: relative
}

.qc-base-form .react-datepicker-popper .react-datepicker .react-datepicker__header:after {
    content: "";
    display: inline-block;
    width: calc(100% - 10px);
    height: 1px;
    left: 5px;
    bottom: 0;
    background: #ddd
}

.qc-base-form .react-datepicker-popper .react-datepicker__triangle {
    display: none
}

.qc-base-form .react-datepicker-popper .react-datepicker__month-read-view--down-arrow,.qc-base-form .react-datepicker-popper .react-datepicker__month-year-read-view--down-arrow,.qc-base-form .react-datepicker-popper .react-datepicker__navigation-icon:before,.qc-base-form .react-datepicker-popper .react-datepicker__year-read-view--down-arrow {
    border-color: #4b5b76;
    border-width: 1px 1px 0 0;
    height: 6px;
    width: 6px;
    top: 50%
}

.qc-base-form .react-datepicker-popper .react-datepicker__navigation:hover .react-datepicker__navigation-icon:before {
    border-color: #0052d9
}

.qc-base-form .qc-base-checkbox-groups {
    padding: 6px 0;
    line-height: 22px
}

.qc-base-form-label {
    font-size: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    width: 150px;
    margin-right: 10px;
    overflow: hidden;
    line-height: 1;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.qc-base-form-label-inner {
    font-size: 14px;
    line-height: 18px;
    color: #4b5b76
}

.qc-base-form-value {
    font-size: 0;
    display: inline-block;
    vertical-align: top;
    line-height: 1;
    width: calc(100% - 160px)
}

.qc-base-form-value-inner {
    font-size: 14px;
    line-height: 22px;
    display: inline-block;
    vertical-align: middle;
    color: #181818;
    width: 100%;
    word-break: break-all;
    white-space: normal
}

.qc-base-form-value-inner.qc-base-form-value-inline {
    display: inline-block;
    vertical-align: middle;
    margin-top: 0;
    width: auto
}

.qc-base-form-item {
    font-size: 0;
    line-height: 1;
    margin-bottom: 16px
}

.qc-base-form-item:last-child {
    margin-bottom: 0
}

.qc-base-form-item-config .qc-base-form-label {
    height: 36px
}

.qc-base-form-item .qc-base-form-tip-inline.qc-base-form-tip {
    display: inline-block;
    vertical-align: middle;
    margin-top: 0
}

.qc-base-form-item .qc-base-form-item {
    font-size: 0;
    margin-bottom: 0
}

.qc-base-form-item .qc-base-form-item .qc-base-form-value {
    margin-left: 0;
    width: 100%
}

.qc-base-form-item .qc-base-form-item:last-child {
    margin-bottom: 0
}

.qc-base-form-title {
    font-size: 14px;
    line-height: 22px;
    color: #000;
    margin-bottom: 12px
}

.qc-base-form-tip {
    font-size: 12px;
    line-height: 20px;
    color: #97a3b7;
    margin-top: 8px
}

.qc-base-form-tip .qc-base-link {
    font-size: 12px;
    line-height: 18px;
    line-height: 16px
}

.qc-base-form-tip-success {
    color: #0cbf5b
}

.qc-base-form-tip-error {
    color: #f64041
}

.qc-base-form .qc-base-select {
    display: inline-block;
    vertical-align: middle
}

.qc-base-form .qc-base-switch {
    padding: 7px 0
}

.qc-base-form .qc-base-input-number .qc-base-input {
    width: 48px
}

.qc-base-form .qc-base-form-input-adorn-button .qc-base-button {
    margin-left: 8px
}

.qc-base-form-item .qc-base-button {
    height: 36px;
    width: 60px;
    padding: 8px;
    vertical-align: middle;
    margin-left: 12px
}

@media (max-width: 768px) {
    .qc-base-form-item .qc-base-button {
        margin-left:0
    }
}

.qc-base-form-v3 .qc-base-select.qc-base-select-vision-v3 .qc-base-select-btn,.qc-base-form-v3 .qc-base-select.qc-base-select-vision-v3 .qc-base-select-btn:hover {
    border-bottom: 0
}

.qc-base-form-v3 .qc-base-form-item {
    position: relative;
    margin-bottom: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.qc-base-form-v3 .qc-base-form-item:last-child {
    margin-bottom: 0
}

@media (min-width: 769px) {
    .qc-base-form-v3 .qc-base-form-item:not(.qc-base-form-item-config) {
        border-bottom:1px solid #e9ecf1
    }
}

@media (max-width: 768px) {
    .qc-base-form-v3 .qc-base-form-item:not(.qc-base-form-item-config) {
        border-bottom:1px solid #e9ecf1
    }
}

.qc-base-form-v3 .qc-base-form-label .qc-base-icon {
    margin-left: 4px;
    width: 14px;
    height: 14px;
    vertical-align: middle
}

.qc-base-form-v3 .qc-base-form-label {
    height: 34px;
    width: 100px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 4px
}

.qc-base-form-v3 .qc-base-form-label-inner {
    width: 100%;
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 22px;
    color: #4b5b76
}

.qc-base-form-v3 .qc-base-form-label-text {
    display: inline-block;
    max-width: calc(100% - 18px);
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle
}

.qc-base-form-v3 .qc-base-form-value {
    width: calc(100% - 104px);
    vertical-align: middle
}

.qc-base-form-v3 .qc-base-form-value-inner {
    color: #181818;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    line-height: 34px;
    text-align: left
}

.qc-base-form-v3 .qc-base-form-item:not(.qc-base-form-item-config) .qc-base-form-value-inner-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.qc-base-form-v3 .qc-base-form-item:not(.qc-base-form-item-config) .qc-base-form-value-inner-wrap .qc-base-form-value-text {
    width: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: calc(100% - 20px);
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block
}

.qc-base-form-v3 .qc-base-form-item:not(.qc-base-form-item-config) .qc-base-form-value-inner-wrap .qc-base-icon,.qc-base-form-v3 .qc-base-form-item:not(.qc-base-form-item-config) .qc-base-form-value-inner-wrap .qc-base-tag {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 4px
}

.qc-base-form-v3 .qc-base-select {
    width: 100%;
    vertical-align: bottom
}

.qc-base-form-v3 .qc-base-select.qc-base-select-vision-v3:after {
    width: calc(100% + 104px)
}

.qc-base-form-v3 .qc-base-input-number {
    width: 100%;
    vertical-align: bottom
}

.qc-base-form-v3 .qc-base-input-number.qc-base-input-number-vision-v3:after {
    width: calc(100% + 104px)
}

.tpm2-product-type-mac .qc-base-form-v3 .qc-base-form-value-inner,.uno-type-ios .qc-base-form-v3 .qc-base-form-value-inner,.uno-type-mac .qc-base-form-v3 .qc-base-form-value-inner {
    font-weight: 500
}

@media screen and (min-width: 1540px) {
    .qc-base-form-v3 .qc-base-form-label .qc-base-icon {
        width:16px;
        height: 16px
    }

    .qc-base-form-v3 .qc-base-form-label-text {
        max-width: calc(100% - 20px)
    }
}

@media screen and (min-width: 769px) {
    .qc-base-form .qc-base-form-item .qc-base-form-item+.qc-base-form-item {
        margin-top:12px
    }
}

@media screen and (max-width: 768px) {
    .qc-base-form-item-config .qc-base-form-value {
        width:100%
    }

    .qc-base-form-item-config .qc-base-form-label {
        height: 22px;
        margin-bottom: 8px;
        display: block
    }

    .qc-base-form .qc-base-input,.qc-base-form .qc-base-input-adorn .qc-base-input,.qc-base-form .qc-base-select,.qc-base-form .qc-base-select-btn {
        width: 100%
    }

    .qc-base-form-item,.qc-base-form .qc-base-form-title {
        margin-bottom: 8px
    }

    .qc-base-form .qc-base-form-input-btn .qc-base-input {
        width: calc(100% - 128px)
    }

    .qc-base-form .qc-base-form-input-btn .qc-base-button {
        margin-left: 8px
    }

    .qc-base-form .qc-base-form-input-adorn-button .qc-base-input {
        width: calc(100% - 136px)
    }

    .qc-base-form-v3 .qc-base-form-label {
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-bottom: 0;
        width: 84px;
        margin-right: 4px
    }

    .qc-base-form-v3 .qc-base-form-value {
        width: calc(100% - 88px)
    }

    .qc-base-form-v3 .qc-base-form-item:not(.qc-base-form-item-config):after {
        content: none
    }
}

.qc-base-form-vertical .qc-base-form-label {
    display: block;
    margin: 0 0 12px;
    height: auto
}

.qc-base-form-vertical .qc-base-form-value {
    display: block;
    width: 100%;
    margin: 0;
    height: auto
}

@media screen and (max-width: 768px) {
    .qc-base-form-vertical .qc-base-form-label {
        margin-bottom:8px
    }
}

.qc-base-form-input-button .qc-base-button,.qc-base-form-select-inumber .qc-base-input-number,.qc-base-form-select-select .qc-base-select+.qc-base-select {
    margin-left: 12px
}

@media (min-width: 769px) {
    .qc-base-form .qc-base-form-item-wrap-inline+.qc-base-form-item-wrap-inline {
        margin-top:12px
    }

    .qc-base-form .qc-base-form-item-wrap-inline .qc-base-form-item {
        display: inline-block;
        vertical-align: top;
        max-width: 250px
    }

    .qc-base-form .qc-base-form-item-wrap-inline .qc-base-form-item .qc-base-form-value {
        vertical-align: middle
    }

    .qc-base-form .qc-base-form-item-wrap-inline .qc-base-form-item+.qc-base-form-item {
        margin-top: 0;
        margin-left: 12px
    }
}

@media screen and (max-width: 768px) {
    .qc-base-form .qc-base-form-item-wrap-inline+.qc-base-form-item-wrap-inline {
        margin-top:8px
    }

    .qc-base-form-select-inumber .qc-base-input-number,.qc-base-form-select-select .qc-base-select+.qc-base-select {
        margin-left: 0;
        margin-top: 8px
    }

    .qc-base-form-input-button {
        position: relative
    }

    .qc-base-form-input-button .qc-base-input {
        padding-right: 80px
    }

    .qc-base-form-input-button .qc-base-button {
        margin-left: 0;
        position: absolute;
        right: 0;
        top: 0;
        min-width: 60px
    }
}

.qc-base-form+.qc-base-form {
    margin-top: 16px
}

.qc-base-form-wrap-title {
    font-size: 14px;
    line-height: 22px;
    color: #000;
    margin-bottom: 12px;
    font-weight: 600
}

.tpm2-product-type-mac .qc-base-form-wrap-title,.uno-type-ios .qc-base-form-wrap-title,.uno-type-mac .qc-base-form-wrap-title {
    font-weight: 500
}

@media screen and (max-width: 768px) {
    .qc-base-form-wrap-selected .qc-base-form-item {
        margin-bottom:8px
    }

    .qc-base-form-wrap-selected .qc-base-form-item:last-child {
        margin-bottom: 0
    }

    .qc-base-form-wrap-selected .qc-base-form-item-config .qc-base-form-label {
        margin-right: 0
    }

    .qc-base-form-wrap-config .qc-base-form-label {
        margin-bottom: 8px;
        width: 100%
    }

    .qc-base-form-wrap-config .qc-base-form-item {
        margin-bottom: 12px
    }

    .qc-base-form-wrap-config .qc-base-form-item-config {
        margin-bottom: 16px
    }

    .qc-base-form-wrap-config .qc-base-form-value {
        width: 100%;
        margin-left: 0
    }

    .qc-base-form-wrap-config .qc-base-form-value-inner .qc-base-form-item-config {
        margin-bottom: 8px
    }

    .qc-base-form-wrap-config .qc-base-form-value-inner .qc-base-form-item-config:last-child {
        margin-bottom: 0
    }
}

.qc-base-form-item-error .qc-base-input,.qc-base-form-item-error .qc-base-input:focus,.qc-base-form-item-error .qc-base-input:hover,.qc-base-form-item-error .qc-base-select .qc-base-select-btn,.qc-base-form-item-error .qc-base-select.qc-base-select-disabled:hover .qc-base-select-btn,.qc-base-form-item-error .qc-base-select:focus .qc-base-select-btn,.qc-base-form-item-error .qc-base-select:hover .qc-base-select-btn {
    border-color: #f64041
}

.qc-base-form-item .qc-base-form-item-domain,.qc-base-form-item .qc-base-form-item-domain-single {
    position: relative;
    display: inline-block
}

.qc-base-form-item .qc-base-form-item-domain-single .qc-base-form-value-inner,.qc-base-form-item .qc-base-form-item-domain .qc-base-form-value-inner {
    position: relative
}

.qc-base-form-item .qc-base-form-item-domain-single .qc-base-select,.qc-base-form-item .qc-base-form-item-domain .qc-base-select {
    width: 78px;
    position: absolute;
    left: 169px
}

.qc-base-form-item .qc-base-form-item-domain-single .qc-base-select-btn,.qc-base-form-item .qc-base-form-item-domain .qc-base-select-btn {
    box-shadow: none;
    width: auto
}

.qc-base-form-item .qc-base-form-item-domain-single .qc-base-select:hover .qc-base-select-btn,.qc-base-form-item .qc-base-form-item-domain .qc-base-select:hover .qc-base-select-btn {
    border-color: transparent;
    background: transparent
}

.qc-base-form-item .qc-base-form-item-domain-single .qc-base-input,.qc-base-form-item .qc-base-form-item-domain .qc-base-input {
    padding-right: 80px
}

.qc-base-form-item .qc-base-form-item-domain-single .qc-base-select-btn,.qc-base-form-item .qc-base-form-item-domain .qc-base-select-btn {
    border-color: transparent;
    background: transparent;
    position: relative;
    padding-right: 20px;
    padding-left: 5px
}

.qc-base-form-item .qc-base-form-item-domain-single .qc-base-select-btn .qc-base-select-btn-caret,.qc-base-form-item .qc-base-form-item-domain .qc-base-select-btn .qc-base-select-btn-caret {
    right: 4px
}

.qc-base-form-item .qc-base-form-item-domain-single .qc-base-select-btn:after,.qc-base-form-item .qc-base-form-item-domain .qc-base-select-btn:after {
    position: absolute;
    content: "";
    width: 1px;
    height: calc(100% - 18px);
    top: 9px;
    left: 0;
    background: #ddd
}

.qc-base-form-item .qc-base-form-item-domain-single .qc-base-input+span,.qc-base-form-item .qc-base-form-item-domain .qc-base-input+span {
    width: 64px;
    position: absolute;
    left: 185px;
    height: 36px;
    display: inline-block;
    line-height: 36px;
    padding-left: 6px;
    padding-right: 6px;
    box-sizing: border-box
}

.qc-base-form-item .qc-base-form-item-domain-single .qc-base-input {
    padding-right: 62px
}

@media (max-width: 768px) {
    .qc-base-form-item .qc-base-form-item-domain,.qc-base-form-item .qc-base-form-item-domain-single {
        width:calc(100% - 60px)
    }

    .qc-base-form-item .qc-base-form-item-domain-single .qc-base-select,.qc-base-form-item .qc-base-form-item-domain .qc-base-select {
        width: 95px;
        position: absolute;
        right: 0;
        left: auto
    }

    .qc-base-form-item .qc-base-form-item-domain-single .qc-base-input,.qc-base-form-item .qc-base-form-item-domain .qc-base-input {
        padding-right: 100px;
        width: 100%
    }

    .qc-base-form-item .qc-base-form-item-domain-single .qc-base-select-btn,.qc-base-form-item .qc-base-form-item-domain .qc-base-select-btn {
        border-color: transparent;
        background: transparent;
        position: relative;
        padding-right: 26px;
        padding-left: 8px
    }

    .qc-base-form-item .qc-base-form-item-domain-single .qc-base-select-btn .qc-base-select-btn-caret,.qc-base-form-item .qc-base-form-item-domain .qc-base-select-btn .qc-base-select-btn-caret {
        right: 10px
    }

    .qc-base-form-item .qc-base-form-item-domain-single .qc-base-select-btn:after,.qc-base-form-item .qc-base-form-item-domain .qc-base-select-btn:after {
        position: absolute;
        content: "";
        width: 1px;
        height: calc(100% - 18px);
        top: 9px;
        left: 0;
        background: #ddd
    }

    .qc-base-form-item .qc-base-form-item-domain-single .qc-base-input+span,.qc-base-form-item .qc-base-form-item-domain .qc-base-input+span {
        width: 64px;
        position: absolute;
        left: auto;
        right: 0;
        height: 36px;
        display: inline-block;
        line-height: 36px;
        padding-left: 6px;
        padding-right: 6px;
        box-sizing: border-box
    }

    .qc-base-form-item .qc-base-form-item-domain-single .qc-base-input {
        padding-right: 62px;
        width: 100%
    }
}

@media (max-width: 768px) {
    .qc-base-form-select-button {
        position:relative
    }

    .qc-base-form-select-button .qc-base-select {
        width: calc(100% - 60px)
    }
}

@media (max-width: 768px) {
    .qc-base-form .form-control {
        width:100%
    }

    .qc-base-form-label-inner,.qc-base-form-value-inner {
        font-size: 14px;
        line-height: 22px
    }

    .qc-base-form-wrap-title {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 8px
    }

    .qc-base-form-wrap-config .qc-base-form-label {
        margin-bottom: 4px
    }

    .qc-base-form-v3 .qc-base-form-label,.qc-base-form-v3 .qc-base-form-value {
        height: 32px
    }

    .qc-base-form-v3 .qc-base-form-label-inner {
        font-size: 12px;
        line-height: 20px
    }

    .qc-base-form-v3 .qc-base-form-value-inner {
        font-size: 14px;
        line-height: 22px;
        line-height: 32px
    }
}

.qc-base-form-add,.qc-base-form-delete {
    color: #0052d9;
    cursor: pointer;
    font-size: 14px;
    line-height: 22px;
    padding: 7px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 769px) {
    .qc-base-form-add,.qc-base-form-delete {
        min-height:36px
    }
}

.qc-base-form-add:hover,.qc-base-form-delete:hover {
    text-decoration: underline
}

.qc-base-form-add:hover .qc-base-form-delete-icon,.qc-base-form-delete:hover .qc-base-form-delete-icon {
    background: #e4eeff
}

.qc-base-form-add:hover .qc-base-form-add-icon,.qc-base-form-delete:hover .qc-base-form-add-icon {
    background: #2a73ec
}

.qc-base-form-add.qc-base-form-add-disabled,.qc-base-form-add.qc-base-form-delete-disabled,.qc-base-form-delete.qc-base-form-add-disabled,.qc-base-form-delete.qc-base-form-delete-disabled {
    color: #c6c9ce;
    cursor: not-allowed
}

.qc-base-form-add.qc-base-form-add-disabled:hover,.qc-base-form-add.qc-base-form-delete-disabled:hover,.qc-base-form-delete.qc-base-form-add-disabled:hover,.qc-base-form-delete.qc-base-form-delete-disabled:hover {
    text-decoration: initial
}

.qc-base-form-add.qc-base-form-add-disabled .qc-base-form-delete-icon,.qc-base-form-add.qc-base-form-delete-disabled .qc-base-form-delete-icon,.qc-base-form-delete.qc-base-form-add-disabled .qc-base-form-delete-icon,.qc-base-form-delete.qc-base-form-delete-disabled .qc-base-form-delete-icon {
    background: #fff;
    border: 1px solid #dde1e9
}

.qc-base-form-add.qc-base-form-add-disabled .qc-base-form-delete-icon:after,.qc-base-form-add.qc-base-form-delete-disabled .qc-base-form-delete-icon:after,.qc-base-form-delete.qc-base-form-add-disabled .qc-base-form-delete-icon:after,.qc-base-form-delete.qc-base-form-delete-disabled .qc-base-form-delete-icon:after {
    background-image: url(/web/jinglisafe/assets/images/activity/form_delete_disabled.svg)
}

.qc-base-form-add.qc-base-form-add-disabled .qc-base-form-add-icon,.qc-base-form-add.qc-base-form-delete-disabled .qc-base-form-add-icon,.qc-base-form-delete.qc-base-form-add-disabled .qc-base-form-add-icon,.qc-base-form-delete.qc-base-form-delete-disabled .qc-base-form-add-icon {
    background: #dde1e9
}

.qc-base-form-add .qc-base-form-add-icon,.qc-base-form-delete .qc-base-form-add-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #0052d9;
    position: relative;
    border-radius: 50%;
    margin-right: 6px
}

.qc-base-form-add .qc-base-form-add-icon:after,.qc-base-form-delete .qc-base-form-add-icon:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 10px;
    height: 10px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-image: url(/web/jinglisafe/assets/images/activity/form_add_normal.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.qc-base-form-add .qc-base-form-delete-icon,.qc-base-form-delete .qc-base-form-delete-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #fff;
    border: 1px solid #0052d9;
    position: relative;
    border-radius: 50%;
    margin-right: 6px
}

.qc-base-form-add .qc-base-form-delete-icon:after,.qc-base-form-delete .qc-base-form-delete-icon:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 8px;
    height: 2px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-image: url(/web/jinglisafe/assets/images/activity/form_delete_normal.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

@media (min-width: 769px) {
    .qc-base-form-item-wrap-inline .qc-base-form-item:not(.qc-base-form-item-config) .qc-base-form-value-inner-wrap {
        line-height:36px
    }
}

.qc-base-form:not(.qc-base-form-v3) .qc-base-form-label-inner .qc-base-icon,.qc-base-form:not(.qc-base-form-v3) .qc-base-form-value-inner .qc-base-icon {
    vertical-align: middle;
    margin: 0 4px
}

.qc-base-form:not(.qc-base-form-v3) .qc-base-form-tip .qc-base-icon {
    width: 14px;
    height: 14px;
    vertical-align: -3px;
    margin: 0 4px
}

.qc-base-form-item .uno3-button {
    height: 36px;
    width: 60px;
    padding: 0 8px;
    vertical-align: middle;
    margin-left: 12px
}

@media (max-width: 768px) {
    .qc-base-form-item .uno3-button {
        margin-left:0
    }
}

@media (max-width: 768px) {
    .qc-base-form-item .qc-base-form-input-adorn-button .uno3-button {
        margin-left:8px
    }

    .qc-base-form-item .qc-base-form-input-button .uno3-button {
        margin-left: 0;
        position: absolute;
        right: 0;
        top: 0;
        min-width: 60px
    }
}

.qc-base-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.qc-base-icon--explain {
    background-image: url(/web/jinglisafe/assets/images/activity/qc-base-icon-explain.svg)
}

.qc-base-icon--close {
    background-image: url(/web/jinglisafe/assets/images/activity/qc-base-icon-close.svg)
}

.qc-base-icon--hook {
    background-image: url(/web/jinglisafe/assets/images/activity/qc-base-icon-hook.svg)
}

.qc-base-icon--video {
    background-image: url(/web/jinglisafe/assets/images/activity/qc-base-icon-video.svg)
}

.qc-base-icon--info {
    cursor: pointer;
    background-image: url(/web/jinglisafe/assets/images/activity/qc-base-icon-info.svg)
}

.qc-base-icon--info:hover {
    background-image: url(/web/jinglisafe/assets/images/activity/qc-base-icon-info-hover.svg)
}

.qc-base-icon--link {
    background-image: url(/web/jinglisafe/assets/images/activity/qc-base-icon-link.svg)
}

.qc-base-icon--dot {
    background-image: url(/web/jinglisafe/assets/images/activity/qc-base-icon-dot.svg)
}

.qc-base-icon--buy {
    background-image: url(/web/jinglisafe/assets/images/activity/qc-base-icon-buy.svg)
}

.qc-base-icon--time {
    background-image: url(/web/jinglisafe/assets/images/activity/qc-base-icon-time.svg)
}

.qc-base-icon--defect {
    background-image: url(/web/jinglisafe/assets/images/activity/qc-base-icon-defect.svg)
}

.qc-base-icon--arrow-up {
    background-image: url(/web/jinglisafe/assets/images/activity/qc-base-icon-arrows-up.svg)
}

.qc-base-icon--recommend {
    background-image: url(/web/jinglisafe/assets/images/activity/qc-base-icon-recommend.png)
}

.qc-base-icon--hot {
    background-image: url(/web/jinglisafe/assets/images/activity/qc-base-icon-hot.png)
}

.qc-base-icon--handpick {
    background-image: url(/web/jinglisafe/assets/images/activity/qc-base-icon-handpick.png)
}

.qc-base-icon--company {
    background-image: url(/web/jinglisafe/assets/images/activity/qc-base-icon-company.png)
}

.qc-base-icon--filter {
    background-image: url(/web/jinglisafe/assets/images/activity/qc-base-icon-filter.svg)
}

.qc-base-icon--36 {
    width: 36px;
    height: 36px
}

.qc-base-input {
    font-size: 14px;
    line-height: 22px;
    padding: 7px 8px;
    height: 36px;
    min-width: 40px;
    width: 250px;
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    color: #181818;
    border: 1px solid #e3e6eb;
    transition: border .3s ease-in-out,background-color .3s ease-in-out,color .3s ease-in-out,box-shadow .3s ease-in-out
}

.qc-base-input::-webkit-input-placeholder {
    color: #97a3b7
}

.qc-base-input::-moz-placeholder,.qc-base-input::-ms-input-placeholder,.qc-base-input::-webkit-input-placeholder,.qc-base-input::placeholder {
    color: #97a3b7
}

.qc-base-input:focus,.qc-base-input:focus:hover {
    background: #fff;
    color: #181818;
    border: 1px solid #e3e6eb
}

.qc-base-input:hover {
    background: #fff;
    color: #181818;
    border: 1px solid #0052d9
}

.qc-base-input.qc-base-input-disabled,.qc-base-input.qc-base-input-disabled:hover {
    background: #f1f2f5;
    color: #97a3b7;
    border: 1px solid #e3e6eb;
    cursor: not-allowed
}

.qc-base-input-search {
    display: inline-block;
    border-bottom: 1px solid #ddd
}

.qc-base-input-search-button {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background-image: url(/web/jinglisafe/assets/images/activity/input_icon_search.svg)
}

.qc-base-input-search .qc-base-input {
    border: none;
    display: inline-block;
    vertical-align: middle
}

.qc-base-input-search .qc-base-input:focus {
    border: none;
    box-shadow: none;
    outline: none
}

.qc-base-input-search.qc-base-input-search-statu {
    border-bottom: none
}

.qc-base-input-search .qc-base-input-search-statu-inner {
    border-top: 1px solid #ddd;
    width: 100%;
    padding: 50px;
    text-align: center
}

.qc-base-input-search .qc-base-input-search-no-result {
    font-size: 14px;
    line-height: 22px;
    color: #97a3b7
}

@media (max-width: 768px) {
    .qc-base-input-search .qc-base-input-search-no-result {
        font-size:12px
    }
}

.qc-base-input-search .qc-base-input-search-loading {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/web/jinglisafe/assets/images/activity/input_icon_loading.png) no-repeat 50%;
    background-size: contain;
    -webkit-animation: InputSearchLoadingAnimation .5s linear infinite;
    animation: InputSearchLoadingAnimation .5s linear infinite
}

.qc-base-input-adorn {
    position: relative;
    display: inline-block
}

@media (max-width: 768px) {
    .qc-base-input-adorn,.qc-base-input-adorn .qc-base-input {
        width:100%
    }
}

.qc-base-input-adorn .qc-base-input-before {
    font-size: 14px;
    line-height: 22px;
    width: 46px;
    overflow: hidden;
    height: 36px;
    line-height: 36px;
    color: #181818;
    padding-left: 8px;
    padding-right: 8px;
    position: absolute;
    left: 0
}

.qc-base-input-adorn .qc-base-input-before:after {
    content: "";
    width: 1px;
    height: 18px;
    background-color: #d6dbe3;
    position: absolute;
    right: 0;
    top: 9px
}

.qc-base-input-adorn .qc-base-input {
    padding-left: 50px;
    padding-right: 86px
}

.qc-base-input-adorn .qc-base-input-after {
    color: #97a3b7
}

.qc-base-input-adorn .qc-base-input-after,.qc-base-input-adorn .qc-base-link {
    font-size: 14px;
    line-height: 22px;
    height: 36px;
    line-height: 36px;
    position: absolute;
    right: 8px
}

.qc-base-input-adorn .qc-base-link {
    color: #0052d9
}

.qc-base-input-adorn .qc-base-link:hover {
    text-decoration: none
}

.qc-base-input-adorn .qc-base-link.qc-base-input-adorn-link-disabled {
    color: #97a3b7;
    cursor: text
}

.qc-base-input-adorn.qc-base-input-adorn-send .qc-base-input {
    padding-right: 110px;
    color: #97a3b7
}

.qc-base-input-adorn.qc-base-input-adorn-send .qc-base-input:hover {
    color: #0052d9
}

.qc-base-input-adorn+.qc-base-form-input-adorn-button {
    margin-top: 12px
}

.qc-base-form-input-adorn-button .qc-base-button {
    width: 60px;
    padding: 8px 0;
    height: 36px;
    margin-left: 12px
}

@media (max-width: 768px) {
    .qc-base-form-input-adorn-button .qc-base-input {
        width:calc(100% - 136px)
    }

    .qc-base-form-input-adorn-button .qc-base-button {
        margin-left: 8px
    }
}

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

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

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

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.qc-base-select-dropdown::-webkit-scrollbar {
    background-color: transparent;
    width: 4px;
    height: 4px;
    background-clip: padding-box
}

.qc-base-select-dropdown::-webkit-scrollbar-button {
    background-color: transparent
}

.qc-base-select-dropdown::-webkit-scrollbar-thumb {
    background-color: #e6e6ec;
    border-radius: 0
}

.qc-base-select-dropdown::-webkit-scrollbar-corner {
    background-color: transparent
}

.qc-base-select.qc-base-select-vision-v3:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #e9ecf1
}

.qc-base-select.qc-base-select-vision-v3 .qc-base-select-placeholder {
    font-weight: 600;
    color: #97a3b7
}

.qc-base-select.qc-base-select-vision-v3 .qc-base-select-btn {
    width: auto;
    height: 34px;
    border: 0;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    padding: 6px 28px 6px 0;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: #181818;
    text-align: left
}

.qc-base-select.qc-base-select-vision-v3 .qc-base-select-btn .qc-base-select-btn-caret {
    right: 0;
    top: 9px;
    background-image: url(/web/jinglisafe/assets/images/activity/qc_base_select_v3_arrow_normal.svg)
}

.qc-base-select.qc-base-select-vision-v3:hover:after {
    background: #666
}

.qc-base-select.qc-base-select-vision-v3:hover .qc-base-select-btn {
    border: 0;
    background: transparent;
    box-shadow: none;
    color: #181818
}

.qc-base-select.qc-base-select-vision-v3:hover .qc-base-select-btn .qc-base-select-btn-caret {
    background-image: url(/web/jinglisafe/assets/images/activity/qc_base_select_v3_arrow_normal.svg)
}

.qc-base-select.qc-base-select-vision-v3.qc-base-select-active,.qc-base-select.qc-base-select-vision-v3.qc-base-select-active:hover {
    z-index: 10
}

.qc-base-select.qc-base-select-vision-v3.qc-base-select-active:after,.qc-base-select.qc-base-select-vision-v3.qc-base-select-active:hover:after {
    background: #666
}

.qc-base-select.qc-base-select-vision-v3.qc-base-select-active .qc-base-select-btn,.qc-base-select.qc-base-select-vision-v3.qc-base-select-active:hover .qc-base-select-btn {
    border: 0;
    background: transparent;
    box-shadow: none;
    color: #181818
}

.qc-base-select.qc-base-select-vision-v3.qc-base-select-active .qc-base-select-btn-caret,.qc-base-select.qc-base-select-vision-v3.qc-base-select-active:hover .qc-base-select-btn-caret {
    background-image: url(/web/jinglisafe/assets/images/activity/qc_base_select_v3_arrow_normal.svg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.qc-base-select.qc-base-select-vision-v3.qc-base-select-disabled:after,.qc-base-select.qc-base-select-vision-v3.qc-base-select-disabled:hover:after {
    background: #e9ecf1
}

.qc-base-select.qc-base-select-vision-v3.qc-base-select-disabled .qc-base-select-btn,.qc-base-select.qc-base-select-vision-v3.qc-base-select-disabled:hover .qc-base-select-btn {
    background: transparent;
    box-shadow: none;
    color: #bcc0c6;
    border: 0
}

.qc-base-select.qc-base-select-vision-v3 .qc-base-select-btn>span:not(.qc-base-text):not(.qc-base-select-placeholder).qc-base-select-btn-inner {
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.qc-base-select.qc-base-select-vision-v3 .qc-base-select-btn-text {
    width: 0;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 22px
}

@media screen and (max-width: 768px) {
    .qc-base-select.qc-base-select-vision-v3 .qc-base-select-btn-text {
        height:20px
    }
}

.qc-base-select.qc-base-select-vision-v3 .qc-base-select-btn-text .qc-base-text--disabled {
    font-size: 14px;
    font-weight: 400
}

.qc-base-select.qc-base-select-vision-v3 .qc-base-select-btn-text:not(:last-child) {
    margin-right: 4px
}

.qc-base-select.qc-base-select-vision-v3 .qc-base-tag--discount {
    width: 40px;
    text-align: center
}

.qc-base-select.qc-base-select-vision-v3 .qc-base-tag:not(:last-child) {
    margin-right: 4px
}

.qc-base-select.qc-base-select-vision-v3 .qc-base-icon {
    width: 14px;
    height: 14px
}

.qc-base-select.qc-base-select-vision-v3 .qc-base-icon--info {
    transition: background .3s ease-in-out;
    background-image: url(/web/jinglisafe/assets/images/activity/qc_base_select_icon_tip_normal.svg)
}

.qc-base-select.qc-base-select-vision-v3 .qc-base-icon--info:hover {
    background-image: url(/web/jinglisafe/assets/images/activity/qc_base_select_icon_tip_hover.svg)
}

.qc-base-select-dropdown.qc-base-select-dropdown-vision-v3 {
    border: 1px solid #eaedf1;
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(55,99,170,.08);
    max-height: 194px
}

.qc-base-select-dropdown.qc-base-select-dropdown-vision-v3 .qc-base-select-dropdown-item {
    padding: 8px 23px 8px 15px;
    font-size: 14px;
    line-height: 22px;
    color: #000
}

.qc-base-select-dropdown.qc-base-select-dropdown-vision-v3 .qc-base-select-dropdown-item:hover {
    background: #f4f6f8;
    color: #000
}

.qc-base-select-dropdown.qc-base-select-dropdown-vision-v3 .qc-base-select-dropdown-item-active,.qc-base-select-dropdown.qc-base-select-dropdown-vision-v3 .qc-base-select-dropdown-item-active:hover {
    color: #0052d9;
    background: transparent
}

.qc-base-select-dropdown.qc-base-select-dropdown-vision-v3 .qc-base-select-dropdown-item-active .qc-base-text--disabled {
    color: #0052d9
}

.qc-base-select-dropdown.qc-base-select-dropdown-vision-v3 .qc-base-select-dropdown-item-disabled,.qc-base-select-dropdown.qc-base-select-dropdown-vision-v3 .qc-base-select-dropdown-item-disabled:hover {
    color: #bcc0c6;
    background: transparent
}

.qc-base-select-dropdown.qc-base-select-dropdown-vision-v3 .qc-base-select-dropdown-item>span>span:not(.qc-base-text):not(.qc-base-select-placeholder).qc-base-select-btn-inner {
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.qc-base-select-dropdown.qc-base-select-dropdown-vision-v3 .qc-base-select-btn-text {
    width: 0;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.qc-base-select-dropdown.qc-base-select-dropdown-vision-v3 .qc-base-select-btn-text:not(:last-child) {
    margin-right: 4px
}

.qc-base-select-dropdown.qc-base-select-dropdown-vision-v3 .qc-base-tag--discount {
    width: 40px;
    text-align: center
}

.qc-base-select-dropdown.qc-base-select-dropdown-vision-v3 .qc-base-tag:not(:last-child) {
    margin-right: 4px
}

.qc-base-select-dropdown.qc-base-select-dropdown-vision-v3 .qc-base-icon--info {
    transition: background .3s ease-in-out;
    background-image: url(/web/jinglisafe/assets/images/activity/qc_base_select_icon_tip_normal.svg)
}

.qc-base-select-dropdown.qc-base-select-dropdown-vision-v3 .qc-base-icon--info:hover {
    background-image: url(/web/jinglisafe/assets/images/activity/qc_base_select_icon_tip_hover.svg)
}

.qc-base-select-dropdown.qc-base-select-dropdown-vision-v3 .qc-base-input-search {
    margin: 8px 12px 0;
    width: calc(100% - 24px);
    border-radius: 4px;
    background: rgba(151,163,183,.1);
    padding: 5px 12px;
    border-bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.qc-base-select-dropdown.qc-base-select-dropdown-vision-v3 .qc-base-input-search .qc-base-input {
    height: 22px;
    padding: 0 0 0 12px;
    font-size: 14px;
    line-height: 22px;
    color: #000
}

.qc-base-select-dropdown.qc-base-select-dropdown-vision-v3 .qc-base-input-search .qc-base-input:hover {
    background: transparent;
    color: #000
}

.qc-base-select-dropdown.qc-base-select-dropdown-vision-v3 .qc-base-input-search .qc-base-input::-webkit-input-placeholder {
    font-size: 12px;
    line-height: 22px;
    color: #97a3b7
}

.qc-base-select-dropdown.qc-base-select-dropdown-vision-v3 .qc-base-input-search .qc-base-input::-moz-placeholder {
    font-size: 12px;
    line-height: 22px;
    color: #97a3b7
}

.qc-base-select-dropdown.qc-base-select-dropdown-vision-v3 .qc-base-input-search .qc-base-input:-ms-input-placeholder {
    font-size: 12px;
    line-height: 22px;
    color: #97a3b7
}

.qc-base-select-dropdown.qc-base-select-dropdown-vision-v3 .qc-base-input-search .qc-base-input::placeholder {
    font-size: 12px;
    line-height: 22px;
    color: #97a3b7
}

.qc-base-select-dropdown.qc-base-select-dropdown-vision-v3 .qc-base-select-dropdown-list.qc-base-select-dropdown-list-loading:not(.qc-base-select-dropdown-list-null):after {
    background-image: url(/web/jinglisafe/assets/images/activity/qc_base_select_dropdown_loading_v3.png)
}

.qc-base-select-dropdown.qc-base-select-dropdown-vision-v3 .qc-base-select-dropdown-list.qc-base-select-dropdown-list-null:not(.qc-base-select-dropdown-list-loading) .qc-base-select-dropdown-null-text {
    color: #97a3b7;
    font-size: 14px;
    line-height: 22px
}

.qc-base-select-dropdown.qc-base-select-dropdown-vision-v3 .qc-base-select-dropdown-item>span>div {
    font-size: 14px;
    line-height: 22px
}

.qc-base-select-dropdown.qc-base-select-dropdown-vision-v3 .qc-base-select-dropdown-item>span>div+div {
    margin-top: 4px;
    font-size: 12px;
    line-height: 20px;
    color: #97a3b7
}

.qc-base-select-dropdown.qc-base-select-dropdown-vision-v3 .qc-base-select-dropdown-item-active>span>div+div {
    color: #0052d9
}

.qc-base-select-dropdown.qc-base-select-multiple {
    min-width: 340px;
    padding: 8px 0 12px
}

.qc-base-select-dropdown.qc-base-select-multiple .qc-base-select-multiple-checkbox-wrap {
    padding: 6px 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    white-space: nowrap
}

.qc-base-select-dropdown.qc-base-select-multiple .qc-base-select-multiple-checkbox-wrap:after {
    content: "";
    width: calc(100% - 24px);
    height: 1px;
    position: absolute;
    left: 12px;
    bottom: 0;
    background: #e9ecf1
}

.qc-base-select-dropdown.qc-base-select-multiple .qc-base-select-multiple-list {
    margin-top: 8px
}

.qc-base-select-dropdown.qc-base-select-multiple .qc-base-select-multiple-item {
    padding: 4px 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.qc-base-select-dropdown.qc-base-select-multiple .qc-base-select-multiple-item-name {
    display: block;
    color: #000;
    font-size: 12px;
    line-height: 20px
}

.qc-base-select-dropdown.qc-base-select-multiple .qc-base-select-multiple-item-desc {
    margin-top: 4px;
    display: block;
    color: #97a3b7;
    font-size: 12px;
    line-height: 20px
}

.qc-base-select-dropdown.qc-base-select-multiple .qc-base-select-multiple-checkbox,.qc-base-select-dropdown.qc-base-select-multiple .qc-base-select-multiple-item+.qc-base-select-multiple-item {
    margin-top: 8px
}

.qc-base-select-dropdown.qc-base-select-multiple .qc-base-select-multiple-checkbox .qc-base-checkbox-wrap {
    width: calc(33.33333% - 5.33333px)
}

.qc-base-select-dropdown.qc-base-select-multiple .qc-base-select-multiple-checkbox .qc-base-checkbox-wrap:nth-child(n+2) {
    margin-left: 8px
}

.qc-base-select-dropdown.qc-base-select-multiple .qc-base-select-multiple-checkbox .qc-base-checkbox-wrap:nth-child(n+4) {
    margin-top: 8px
}

.qc-base-select-dropdown.qc-base-select-multiple .qc-base-select-multiple-checkbox .qc-base-checkbox-wrap:nth-child(3n+1) {
    margin-left: 0
}

.qc-base-select-dropdown.qc-base-select-multiple-main .qc-base-select-multiple-item .qc-base-checkbox {
    top: 14px;
    left: 12px
}

.qc-base-select-dropdown.qc-base-select-multiple-main .qc-base-select-multiple-item {
    padding: 0
}

.qc-base-select-dropdown.qc-base-select-multiple-main .qc-base-select-multiple-item .qc-base-checkbox-wrap {
    padding: 4px 12px 4px 36px
}

.qc-base-select-dropdown.qc-base-select-multiple-main .qc-base-select-multiple-item .qc-base-checkbox-wrap:not(.qc-base-checkbox-wrap-disabled):hover {
    background: #f4f6f8;
    cursor: pointer
}

.qc-base-select-dropdown.qc-base-select-multiple-main .qc-base-select-multiple-item+.qc-base-select-multiple-item {
    margin-top: 0
}

.tpm2-product-type-mac .qc-base-select.qc-base-select-vision-v3 .qc-base-select-btn,.tpm2-product-type-mac .qc-base-select.qc-base-select-vision-v3 .qc-base-select-placeholder,.uno-type-ios .qc-base-select.qc-base-select-vision-v3 .qc-base-select-btn,.uno-type-ios .qc-base-select.qc-base-select-vision-v3 .qc-base-select-placeholder,.uno-type-mac .qc-base-select.qc-base-select-vision-v3 .qc-base-select-btn,.uno-type-mac .qc-base-select.qc-base-select-vision-v3 .qc-base-select-placeholder {
    font-weight: 500
}

@media screen and (min-width: 1540px) {
    .qc-base-select.qc-base-select-vision-v3 .qc-base-icon {
        width:16px;
        height: 16px
    }
}

@media screen and (max-width: 768px) {
    .qc-base-select.qc-base-select-vision-v3 .qc-base-select-btn {
        height:32px
    }

    .qc-base-select.qc-base-select-vision-v3 .qc-base-select-placeholder {
        font-size: 14px;
        line-height: 22px
    }
}

.qc-base-select {
    position: relative;
    width: 250px
}

.qc-base-select-placeholder {
    color: #97a3b7
}

.qc-base-select-item-badge {
    position: relative
}

.qc-base-select-item-badge .qc-base-tag {
    position: absolute;
    right: 26px;
    top: 9px
}

.qc-base-select-item-badge .qc-base-select-btn {
    padding-right: 53px
}

.qc-base-select-btn {
    height: 36px;
    border: 1px solid #e3e6eb;
    background: #fff;
    color: #181818;
    padding: 7px 28px 7px 8px;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 22px;
    transition: border .3s ease-in-out,background-color .3s ease-in-out,color .3s ease-in-out,box-shadow .3s ease-in-out,color .3s ease-in-out
}

.qc-base-select-btn .qc-base-select-btn-caret {
    width: 16px;
    height: 16px;
    position: absolute;
    background-image: url(/web/jinglisafe/assets/images/activity/qc_base_select_arrow_normal.svg);
    right: 8px;
    top: 10px;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.qc-base-select:not(.qc-base-select-item-badge) .qc-base-select-btn>span:not(.qc-base-text):not(.qc-base-select-placeholder) {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.qc-base-select:not(.qc-base-select-item-badge) .qc-base-select-btn>span:not(.qc-base-text):not(.qc-base-select-placeholder)>div {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.qc-base-select.qc-base-select-item-badge .qc-base-tag {
    right: 25px
}

.qc-base-select:hover .qc-base-select-btn {
    border: 1px solid #0052d9;
    background: #fff;
    color: #181818
}

.qc-base-select:hover .qc-base-select-btn .qc-base-select-btn-caret {
    background-image: url(/web/jinglisafe/assets/images/activity/qc_base_select_arrow_hover.svg)
}

.qc-base-select-disabled .qc-base-select-btn,.qc-base-select.qc-base-select-disabled:hover .qc-base-select-btn {
    border: 1px solid #e3e6eb;
    background: #f1f2f5;
    color: #97a3b7;
    cursor: not-allowed
}

.qc-base-select-disabled .qc-base-select-btn-caret,.qc-base-select.qc-base-select-disabled:hover .qc-base-select-btn-caret {
    background-image: url(/web/jinglisafe/assets/images/activity/qc_base_select_arrow_disabled.svg)
}

.qc-base-select-active .qc-base-select-btn,.qc-base-select.qc-base-select-active:hover .qc-base-select-btn {
    border: 1px solid #0052d9;
    background: #fff;
    color: #0052d9;
    z-index: 1200
}

.qc-base-select-active .qc-base-select-dropdown,.qc-base-select.qc-base-select-active:hover .qc-base-select-dropdown {
    display: block
}

.qc-base-select-active .qc-base-select-btn-caret,.qc-base-select.qc-base-select-active:hover .qc-base-select-btn-caret {
    background-image: url(/web/jinglisafe/assets/images/activity/qc_base_select_arrow_active.svg)
}

.qc-base-select-group-tit {
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #fff;
    color: #4b5b76;
    padding: 7px 8px;
    position: relative
}

.qc-base-select-group-tit .qc-base-tag {
    position: absolute;
    right: 26px;
    top: 9px
}

.qc-base-select-dropdown {
    position: absolute;
    width: 100%;
    display: none;
    margin-bottom: 20px;
    border: 1px solid #e3e6eb;
    top: 100%;
    margin-top: 4px!important;
    left: 0;
    background: #fff;
    max-height: 340px;
    overflow: auto
}

.qc-base-select-dropdown-auto {
    width: auto!important
}

.qc-base-select-dropdown-item {
    font-size: 14px;
    line-height: 22px;
    background: #fff;
    color: #181818;
    padding: 7px 8px;
    cursor: pointer
}

.qc-base-select-dropdown-item,.qc-base-select-dropdown-item>span>div {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.qc-base-select-dropdown-item-active {
    background: #0052d9;
    color: #fff
}

.qc-base-select-dropdown-item-active .qc-base-text--normal {
    color: #fff
}

.qc-base-select-dropdown-item:not(.qc-base-select-item-badge)>span>span:not(.qc-base-text) {
    display: inline-block;
    width: 100%;
    vertical-align: bottom;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.qc-base-select-dropdown-item:not(.qc-base-select-item-badge)>span>span:not(.qc-base-text) div {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.qc-base-select-dropdown-item:not(.qc-base-select-dropdown-item-active):not(.qc-base-select-dropdown-item-disabled):hover {
    background: #f5f7fa;
    color: #181818
}

.qc-base-select-dropdown-item-disabled {
    background: #fff;
    color: #98a3b7;
    cursor: not-allowed
}

.qc-base-select-dropdown-item.qc-base-select-item-badge {
    padding-right: 65px
}

.qc-base-select-dropdown.qc-base-select-dropdown-show {
    display: block
}

.qc-base-select-group-con .qc-base-select-dropdown-item {
    padding-left: 20px
}

.qc-base-select .qc-base-input-search {
    width: calc(100% - 16px);
    margin: 0 8px
}

.qc-base-select .qc-base-input-search .qc-base-input {
    background: transparent;
    width: calc(100% - 16px)
}

.qc-base-select-dropdown .qc-base-input-search {
    width: calc(100% - 16px);
    margin: 0 8px
}

.qc-base-select-dropdown .qc-base-input-search .qc-base-input {
    background: transparent;
    width: calc(100% - 16px);
    box-shadow: none
}

.qc-base-select-dropdown .qc-base-select-dropdown-list.qc-base-select-dropdown-list-loading:not(.qc-base-select-dropdown-list-null) {
    height: 132px;
    position: relative
}

.qc-base-select-dropdown .qc-base-select-dropdown-list.qc-base-select-dropdown-list-loading:not(.qc-base-select-dropdown-list-null) .qc-base-select-dropdown-item {
    display: none
}

.qc-base-select-dropdown .qc-base-select-dropdown-list.qc-base-select-dropdown-list-loading:not(.qc-base-select-dropdown-list-null):after {
    content: "";
    display: inline-block;
    height: 16px;
    width: 16px;
    background-image: url(/web/jinglisafe/assets/images/activity/qc_base_select_dropdown_loading.png);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-animation: search-loading .6s linear infinite forwards;
    animation: search-loading .6s linear infinite forwards;
    position: absolute;
    top: calc(50% - 8px);
    left: calc(50% - 8px)
}

.qc-base-select-dropdown .qc-base-select-dropdown-list.qc-base-select-dropdown-list-null:not(.qc-base-select-dropdown-list-loading) {
    height: 138px;
    padding-bottom: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.qc-base-select-dropdown .qc-base-select-dropdown-list.qc-base-select-dropdown-list-null:not(.qc-base-select-dropdown-list-loading) .qc-base-select-dropdown-item {
    display: none
}

.qc-base-select-dropdown .qc-base-select-dropdown-list.qc-base-select-dropdown-list-null:not(.qc-base-select-dropdown-list-loading) .qc-base-select-dropdown-null-text {
    font-size: 14px;
    line-height: 22px;
    color: #98a3b7
}

@-webkit-keyframes search-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes search-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@media (max-width: 768px) {
    .qc-base-page-with-dialog .qc-base-select-dropdown {
        max-height:140px
    }
}

.qc-base-select-item-tag.is-vip {
    border-radius: 2px;
    border: 1px solid #d37f00;
    background: #fff;
    padding-left: 17px;
    padding-right: 3px;
    font-size: 12px;
    line-height: 16px;
    color: #d37f00;
    display: inline-block;
    position: relative
}

.qc-base-select-item-tag.is-vip:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(/web/jinglisafe/assets/images/activity/qc_base_select_normal_vip.svg);
    position: absolute;
    left: 3px;
    top: calc(50% - 7px)
}

.qc-base-select-item-has-tag {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px
}

.qc-base-select-item-has-tag .qc-base-select-item-cont {
    -ms-flex: auto;
    flex: auto;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.qc-base-select-dropdown-item.qc-base-select-item-tag {
    padding-right: 28px
}

.qc-base-select-dropdown-vision-v3 .uno3-dropdown-hide-info .qc-base-icon--info {
    display: none
}

.qc-base-select-dropdown.qc-base-select-dropdown-vision-v3 .qc-base-select-dropdown-item div div+div {
    color: #97a3b7;
    font-size: 12px;
    line-height: 20px;
    margin-top: 4px
}

@media (max-width: 768px) {
    .qc-base-select-multiple {
        min-width:auto!important
    }
}

.qc-base-select-dropdown {
    max-height: 340px!important
}

.qc-base-select-dropdown.qc-base-select-dropdown-vision-v3 {
    max-height: 194px!important
}

.qc-base-tag {
    display: inline-block
}

.qc-base-tag--discount {
    border-radius: 2px;
    border: 1px solid #ffcfd0;
    background: #fff;
    font-size: 12px;
    line-height: 16px;
    padding: 0 3px;
    color: #f64041;
    font-weight: 700
}

.qc-base-tag--sellout {
    border-radius: 2px;
    color: #97a3b7;
    border: 1px solid #97a3b7
}

.qc-base-tag--expiretip,.qc-base-tag--sellout {
    background: #fff;
    font-size: 12px;
    line-height: 16px;
    padding: 0 4px
}

.qc-base-tag--expiretip {
    border-radius: 2px;
    color: #f64041;
    border: 1px solid #ffcfd0;
    font-weight: 700
}

.tpm2-home-type-mac .qc-base-tag,.tpm2-product-type-mac .qc-base-tag,.uno-type-ios .qc-base-tag,.uno-type-mac .qc-base-tag {
    font-weight: 500
}

.tpm2-home-type-mac .qc-base-tag--sellout,.tpm2-product-type-mac .qc-base-tag--sellout,.uno-type-ios .qc-base-tag--sellout,.uno-type-mac .qc-base-tag--sellout {
    font-weight: 400
}

@-webkit-keyframes tooltip_opcity {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1);
        transform: scale(.1)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes tooltip_opcity {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1);
        transform: scale(.1)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.qc-base-tooltip {
    display: inline-block
}

.qc-base-tooltip-hidden {
    display: none
}

.qc-base-tooltip:not(.qc-base-tooltip-hidden) .qc-base-tooltip-inner {
    -webkit-animation-name: tooltip_opcity;
    animation-name: tooltip_opcity;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.qc-base-tooltip:not(.qc-base-tooltip-hidden) .qc-base-tooltip-inner.no-animation {
    -webkit-animation: none;
    animation: none
}

.qc-base-tooltip-placement-top .qc-base-tooltip-inner:before {
    bottom: 0;
    left: 50%;
    -webkit-transform: translate3d(-50%,50%,0) rotate(-45deg);
    transform: translate3d(-50%,50%,0) rotate(-45deg)
}

.qc-base-tooltip-placement-right .qc-base-tooltip-inner:before {
    bottom: 50%;
    left: 0;
    -webkit-transform: translate3d(-50%,50%,0) rotate(45deg);
    transform: translate3d(-50%,50%,0) rotate(45deg)
}

.qc-base-tooltip-placement-bottom .qc-base-tooltip-inner:before {
    top: 0;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0) rotate(135deg);
    transform: translate3d(-50%,-50%,0) rotate(135deg)
}

.qc-base-tooltip-placement-left .qc-base-tooltip-inner:before {
    bottom: 50%;
    right: 0;
    -webkit-transform: translate3d(50%,50%,0) rotate(-135deg);
    transform: translate3d(50%,50%,0) rotate(-135deg)
}

.qc-base-tooltip-placement-topRight .qc-base-tooltip-inner:before {
    bottom: 0;
    right: 10px;
    -webkit-transform: translate3d(0,50%,0) rotate(-45deg);
    transform: translate3d(0,50%,0) rotate(-45deg)
}

.qc-base-tooltip-placement-topLeft .qc-base-tooltip-inner:before {
    bottom: 0;
    left: 20px;
    -webkit-transform: translate3d(0,50%,0) rotate(-45deg);
    transform: translate3d(0,50%,0) rotate(-45deg)
}

.qc-base-tooltip-placement-bottomRight .qc-base-tooltip-inner:before {
    top: 0;
    right: 20px;
    -webkit-transform: translate3d(0,-50%,0) rotate(135deg);
    transform: translate3d(0,-50%,0) rotate(135deg)
}

.qc-base-tooltip-placement-bottomLeft .qc-base-tooltip-inner:before {
    top: 0;
    left: 20px;
    -webkit-transform: translate3d(0,-50%,0) rotate(135deg);
    transform: translate3d(0,-50%,0) rotate(135deg)
}

.qc-base-tooltip-placement-leftTop .qc-base-tooltip-inner:before {
    top: 20px;
    right: 0;
    -webkit-transform: translate3d(50%,0,0) rotate(-135deg);
    transform: translate3d(50%,0,0) rotate(-135deg)
}

.qc-base-tooltip-placement-leftBottom .qc-base-tooltip-inner:before {
    bottom: 20px;
    right: 0;
    -webkit-transform: translate3d(50%,0,0) rotate(-135deg);
    transform: translate3d(50%,0,0) rotate(-135deg)
}

.qc-base-tooltip-placement-rightTop .qc-base-tooltip-inner:before {
    top: 20px;
    left: 0;
    -webkit-transform: translate3d(-50%,0,0) rotate(45deg);
    transform: translate3d(-50%,0,0) rotate(45deg)
}

.qc-base-tooltip-placement-rightBottom .qc-base-tooltip-inner:before {
    bottom: 20px;
    left: 0;
    -webkit-transform: translate3d(-50%,0,0) rotate(45deg);
    transform: translate3d(-50%,0,0) rotate(45deg)
}

.qc-base-tooltip-inner {
    color: #4b5b76;
    position: relative;
    display: inline-block;
    max-width: 300px;
    padding: 8px 3px;
    border-radius: 0;
    background: #fff;
    box-shadow: 0 4px 12px 0 rgba(0,0,0,.15);
    word-wrap: break-word;
    z-index: 1300;
    font-size: 12px;
    line-height: 20px
}

.qc-base-tooltip-inner .qc-base-tooltip-content {
    padding: 0 6px 0 8px;
    overflow: overlay
}

.qc-base-tooltip-inner .qc-base-tooltip-content::-webkit-scrollbar {
    background-color: transparent;
    width: 4px;
    height: 4px;
    background-clip: padding-box
}

.qc-base-tooltip-inner .qc-base-tooltip-content::-webkit-scrollbar-button {
    background-color: transparent
}

.qc-base-tooltip-inner .qc-base-tooltip-content::-webkit-scrollbar-thumb {
    background-color: #e6e6ec;
    border-radius: 2px
}

.qc-base-tooltip-inner .qc-base-tooltip-content::-webkit-scrollbar-corner {
    background-color: transparent
}

.qc-base-tooltip-inner.qc-base-tooltip-type-prompt {
    padding: 2px 4px;
    min-width: auto;
    border: 1px solid #eaedf1
}

.qc-base-tooltip-inner.qc-base-tooltip-type-prompt .qc-base-tooltip-content {
    padding: 0
}

.qc-base-tooltip-inner.qc-base-tooltip-type-prompt:before {
    display: none
}

.qc-base-tooltip-inner:before {
    position: absolute;
    width: 8px;
    height: 8px;
    content: "";
    background: #fff
}

.qc-base-tooltip-inner.qc-base-tooltip-size-large {
    max-width: 600px
}

.qc-base-tooltip-inner.qc-base-tooltip-size-large .qc-base-tooltip-content {
    padding: 12px
}

.qc-base-tooltip a {
    color: #0052d9
}

.qc-base-tooltip a:hover {
    color: #001f97
}

.qc-base-tooltip-tit {
    margin-bottom: 8px
}

.qc-base-tooltip-item-tit,.qc-base-tooltip-tit {
    font-size: 12px;
    line-height: 20px;
    color: #000;
    font-weight: 700
}

.qc-base-tooltip-item-con {
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    color: #4b5b76;
    margin-top: 4px
}

.qc-base-tooltip-item+.qc-base-tooltip-item {
    margin-top: 12px
}

.qc-base-tooltip-qrcode-wrap {
    font-size: 0
}

.qc-base-tooltip-qrcode-wrap .qc-base-tooltip-qrcode-img {
    display: inline-block;
    width: 100px;
    height: 100px;
    background: #fff;
    box-shadow: 8px 8px 20px rgba(55,99,170,.1),-8px -8px 20px #fff;
    padding: 8px;
    vertical-align: middle
}

.qc-base-tooltip-qrcode-wrap .qc-base-tooltip-qrcode-img img {
    width: 100%;
    height: 100%
}

.qc-base-tooltip-qrcode-wrap .qc-base-tooltip-qrcode-desc {
    display: inline-block;
    vertical-align: middle;
    margin-left: 16px;
    width: calc(100% - 116px)
}

@media (min-width: 769px) {
    .qc-base-tooltip-table-price th td,.qc-base-tooltip-table-price tr td {
        min-width:145px
    }
}

.qc-base-tooltip-table-price .qc-base-tooltip-table-tag {
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle;
    font-size: 12px;
    line-height: 18px;
    padding: 0 4px;
    color: #fff;
    background: #ff7800;
    border-radius: 2px
}

.qc-base-tooltip-table-price th {
    font-weight: 700
}

.qc-base-tooltip-table-price td,.qc-base-tooltip-table-price th {
    font-size: 14px;
    line-height: 22px;
    color: #181818
}

.qc-base-tooltip-table-price thead tr {
    background: rgba(241,242,245,.6)
}

.qc-base-tooltip-table-price thead th {
    padding: 7px 10px;
    text-align: left
}

.qc-base-tooltip-table-price tbody tr+tr {
    position: relative
}

.qc-base-tooltip-table-price tbody tr+tr:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    border-top: 1px solid #e3e6eb;
    position: absolute;
    top: 0;
    left: 0
}

.qc-base-tooltip-table-price tbody tr td {
    padding: 12px 10px
}

.qc-base-tooltip-content-item {
    font-size: 12px;
    line-height: 20px;
    color: #181818
}

.qc-base-tooltip-content-item:nth-child(n+2) {
    margin-top: 12px
}

.qc-base-tooltip-content-item-tit.text-disabled {
    color: #97a3b7
}

.tpm2-home-type-mac .qc-base-tooltip-item-tit,.tpm2-home-type-mac .qc-base-tooltip-table-price th,.tpm2-home-type-mac .qc-base-tooltip-tit,.tpm2-product-type-mac .qc-base-tooltip-item-tit,.tpm2-product-type-mac .qc-base-tooltip-table-price th,.tpm2-product-type-mac .qc-base-tooltip-tit,.uno-type-ios .qc-base-tooltip-item-tit,.uno-type-ios .qc-base-tooltip-table-price th,.uno-type-ios .qc-base-tooltip-tit,.uno-type-mac .qc-base-tooltip-item-tit,.uno-type-mac .qc-base-tooltip-table-price th,.uno-type-mac .qc-base-tooltip-tit {
    font-weight: 500
}

.uno3-tooltip-group-price-detail {
    margin-bottom: 24px
}

.uno3-tooltip-group-price-detail .qc-base-tooltip-item-con {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.uno3-tooltip-group-price-detail .qc-base-tooltip-item-tit {
    font-size: 14px;
    line-height: 22px
}

.uno3-tooltip-group-price-detail .uno3-tooltip-group-price-item.is-current .uno3-tooltip-group-price-label {
    color: #ff7800
}

.uno3-tooltip-group-price-detail .uno3-tooltip-group-price-label {
    font-size: 14px;
    line-height: 22px;
    color: #181818
}

.uno3-tooltip-group-price-detail .uno3-tooltip-group-price-value {
    font-size: 12px;
    line-height: 20px;
    color: rgba(0,0,0,.4)
}

.qc-base-tooltip .uno3-more-info {
    width: 320px
}

.qc-base-tooltip .uno3-more-info,.uno3-more-info-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.uno3-more-info-box {
    gap: 4px
}

.uno3-more-info-box+.uno3-more-info-box {
    margin-top: 12px
}

.uno3-more-info-tit {
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    color: #181818
}

.uno3-more-info-desc {
    font-size: 12px;
    line-height: 20px;
    color: rgba(24,24,24,.6)
}

.uno3-more-info-card {
    border-radius: 8px;
    background: #f7f8fb;
    padding: 12px
}

.uno3-more-info-price-current {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 12px;
    -ms-flex-align: baseline;
    align-items: baseline;
    color: #f64041;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(214,219,227,.6)
}

.uno3-more-info-price-current .uno3-more-info-price-label {
    font-size: 12px;
    line-height: 20px;
    font-weight: 500
}

.uno3-more-info-price-current .uno3-more-info-price-value {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: baseline;
    align-items: baseline
}

.uno3-more-info-price-current .uno3-more-info-price-value .uno3-more-info-price-tag {
    margin-right: 8px;
    border-radius: 60px;
    height: 20px;
    background: rgba(255,63,63,.08);
    padding: 0 8px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    display: inline-block;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 4px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin-top: 4px
}

.uno3-more-info-price-current .uno3-more-info-price-value .uno3-more-info-price-tag:after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 8px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_more_info_price_tag_down.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.uno3-more-info-price-current .uno3-more-info-price-value .uno3-more-info-price-integer {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600
}

.uno3-more-info-price-current .uno3-more-info-price-value .uno3-more-info-price-decimals {
    font-size: 14px;
    line-height: 22px;
    font-weight: 600
}

.uno3-more-info-price-current .uno3-more-info-price-value .uno3-more-info-price-unit {
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    margin-left: 4px
}

.uno3-more-info-price-discount,.uno3-more-info-price-original {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 12px
}

.uno3-more-info-price-discount .uno3-more-info-price-label,.uno3-more-info-price-original .uno3-more-info-price-label {
    font-size: 12px;
    line-height: 20px
}

.uno3-more-info-price-discount .uno3-more-info-price-label .qc-base-text--highlight,.uno3-more-info-price-original .uno3-more-info-price-label .qc-base-text--highlight {
    color: #f64041
}

.uno3-more-info-price-discount .uno3-more-info-price-value,.uno3-more-info-price-original .uno3-more-info-price-value {
    color: rgba(24,24,24,.8);
    font-size: 12px;
    line-height: 18px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: baseline;
    align-items: baseline
}

.uno3-more-info-price-discount .uno3-more-info-price-symbol,.uno3-more-info-price-original .uno3-more-info-price-symbol {
    margin-right: 4px
}

.uno3-more-info-price-discount .uno3-more-info-price-integer,.uno3-more-info-price-original .uno3-more-info-price-integer {
    font-size: 14px;
    line-height: 22px;
    font-weight: 500
}

.uno3-more-info-price-discount .uno3-more-info-price-decimals,.uno3-more-info-price-original .uno3-more-info-price-decimals {
    font-weight: 500
}

.uno3-more-info-price-discount .uno3-more-info-price-unit,.uno3-more-info-price-original .uno3-more-info-price-unit {
    margin-left: 4px
}

.uno3-more-info-price-original {
    margin-top: 8px
}

.uno3-more-info-price-original .uno3-more-info-price-label {
    color: rgba(24,24,24,.8)
}

.uno3-more-info-price-discount {
    margin-top: 8px
}

.uno3-more-info-price-discount .uno3-more-info-price-label {
    color: rgba(24,24,24,.8)
}

.uno3-more-info-card.is-vip {
    background: #fff6e9
}

.uno3-more-info-card.is-vip .uno3-more-info-price-vip-tag {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.uno3-more-info-card.is-vip .uno3-more-info-price-vip-tag.vip1 {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_more_info_card_vip1.svg)
}

.uno3-more-info-card.is-vip .uno3-more-info-price-vip-tag.vip2 {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_more_info_card_vip2.svg)
}

.uno3-more-info-card.is-vip .uno3-more-info-price-vip-tag.vip3 {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_more_info_card_vip3.svg)
}

.uno3-more-info-card.is-vip .uno3-more-info-price-current {
    color: #975129;
    border-bottom: 1px solid rgba(75,91,118,.2)
}

.uno3-more-info-card.is-vip .uno3-more-info-price-current .uno3-more-info-price-label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px
}

.uno3-more-info-card.is-vip .uno3-more-info-price-current .uno3-more-info-price-value .uno3-more-info-price-symbol {
    font-size: 12px;
    line-height: 20px;
    font-weight: 500
}

.uno3-more-info-card.is-vip .uno3-more-info-price-discount .uno3-more-info-price-label,.uno3-more-info-card.is-vip .uno3-more-info-price-original .uno3-more-info-price-label {
    color: rgba(24,24,24,.8)
}

.uno3-more-info-card.is-vip .uno3-more-info-price-discount .uno3-more-info-price-label .qc-base-text--highlight,.uno3-more-info-card.is-vip .uno3-more-info-price-original .uno3-more-info-price-label .qc-base-text--highlight {
    color: #975129
}

.uno3-more-info-card.is-vip .uno3-more-info-price-discount .uno3-more-info-price-value,.uno3-more-info-card.is-vip .uno3-more-info-price-original .uno3-more-info-price-value {
    color: rgba(24,24,24,.8)
}

.uno3-more-info-card.is-vip .uno3-more-info-price-discount .uno3-more-info-price-decimals,.uno3-more-info-card.is-vip .uno3-more-info-price-discount .uno3-more-info-price-integer,.uno3-more-info-card.is-vip .uno3-more-info-price-original .uno3-more-info-price-decimals,.uno3-more-info-card.is-vip .uno3-more-info-price-original .uno3-more-info-price-integer {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px
}

.uno3-more-info-card-tips {
    margin-top: 12px;
    font-size: 12px;
    line-height: 20px;
    color: #975129
}

.uno3-more-info-card-tips-icon {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_more_info_card_tips_icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 4px;
    margin-top: 4px
}

.uno3-more-info-actbar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 12px;
    gap: 12px;
    border-radius: 4px;
    background: #fff6e9
}

.uno3-more-info-actbar-cont {
    font-size: 12px;
    line-height: 20px;
    -ms-flex: 1;
    flex: 1;
    color: #975129;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.uno3-more-info-actbar-cont .qc-base-text--highlight {
    color: #975129
}

.uno3-more-info-actbar-cont .qc-base-text {
    font-weight: 600
}

.uno3-more-info-actbar-btn {
    width: 68px;
    height: 20px;
    border-radius: 30px;
    display: inline-block;
    cursor: pointer;
    background: linear-gradient(90deg,#ffe7b1,#ffda8c);
    font-size: 12px;
    line-height: 20px;
    color: #423c40;
    padding: 0 6px 0 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    gap: 2px
}

.uno3-more-info-actbar-btn:hover {
    color: #423c40;
    background: linear-gradient(90deg,rgba(255,231,177,.7),rgba(255,218,140,.8))
}

.uno3-more-info-actbar-btn:after {
    content: "";
    width: 4px;
    height: 8px;
    display: inline-block;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_more_info_actbar_btn_icon.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.uno3-more-info-vip-card {
    background: #fff6e9
}

.uno3-more-info-vip-card-inner {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_more_info_vip_card_bg.png);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    padding: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.uno3-more-info-vip-card-hd {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 6px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    color: #975129
}

.uno3-more-info-vip-card-bd {
    color: rgba(24,24,24,.9);
    font-size: 12px;
    line-height: 20px
}

.uno3-more-info-vip-card-bd .qc-base-link,.uno3-more-info-vip-card-bd .qc-base-link:hover {
    color: #975129
}

.uno3-more-info-step-num {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #975129;
    border-radius: 50%;
    font-size: 12px;
    line-height: 14px;
    color: #975129;
    text-align: center;
    margin-top: 2px
}

.uno3-more-info-step .uno3-more-info-step-text {
    color: #975129;
    font-size: 12px;
    line-height: 20px
}

.uno3-more-info-step .uno3-more-info-step-text .qc-base-link,.uno3-more-info-step .uno3-more-info-step-text .qc-base-link:hover {
    color: #975129
}

.uno3-more-info-step-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 18px;
    position: relative;
    padding-bottom: 12px
}

.uno3-more-info-step-item:before {
    height: 2px;
    top: 0
}

.uno3-more-info-step-item:after,.uno3-more-info-step-item:before {
    content: "";
    display: inline-block;
    border-left: 1px dashed rgba(151,81,41,.7);
    position: absolute;
    left: 7px
}

.uno3-more-info-step-item:after {
    height: calc(100% - 18px);
    top: 18px
}

.uno3-more-info-step-item:first-child:before {
    display: none
}

.uno3-more-info-step-item:last-child {
    padding-bottom: 0
}

.uno3-more-info-step-item:last-child:after {
    display: none
}

.uno3-more-info-product {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.uno3-more-info-product+.uno3-more-info-product {
    margin-top: 12px
}

.uno3-more-info-product-name {
    font-size: 12px;
    line-height: 20px;
    color: #181818
}

.uno3-more-info-product-cont {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    gap: 4px
}

.uno3-more-info-product-price-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start
}

.uno3-more-info-product-price-item.is-current .uno3-more-info-product-price-value {
    color: #f64041;
    font-weight: 600
}

.uno3-more-info-product-price-value {
    font-size: 12px;
    line-height: 20px;
    color: #181818
}

.uno3-more-info-product-price-desc {
    font-size: 10px;
    line-height: 18px;
    color: rgba(24,24,24,.6)
}

.uno3-more-info-product-price-symbol {
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    color: #000
}

.uno3-more-info.is-tabs,.uno3-more-info.is-tabs .qc-base-tooltip-content {
    padding: 0
}

.uno3-more-info.is-tabs .uno3-more-info-card {
    padding: 8px
}

.uno3-more-info-tab {
    padding-bottom: 8px;
    position: relative;
    z-index: 1
}

.uno3-more-info-tab-label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 8px;
    border-bottom: 1px solid #f3f4f7;
    background: #fff;
    padding: 0 2px
}

.uno3-more-info-tab-label-item {
    -ms-flex: 1;
    flex: 1;
    padding: 6px;
    cursor: pointer;
    font-size: 12px;
    line-height: 20px;
    color: rgba(0,0,0,.7);
    text-align: center;
    font-weight: 500
}

.uno3-more-info-tab-label-item.is-active {
    color: #000;
    position: relative
}

.uno3-more-info-tab-label-item.is-active:after {
    content: "";
    display: inline-block;
    width: 28px;
    height: 2px;
    border-radius: 8px;
    background: #000;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.uno3-more-info-tab-cont {
    height: 240px;
    overflow: overlay;
    margin: 0 3px 0 12px;
    padding-right: 6px
}

.uno3-more-info-tab-cont::-webkit-scrollbar {
    background-color: transparent;
    width: 3px;
    background-clip: content-box
}

.uno3-more-info-tab-cont::-webkit-scrollbar-button {
    background-color: transparent
}

.uno3-more-info-tab-cont::-webkit-scrollbar-thumb {
    background-color: #d6dbe3;
    border-radius: 5px;
    background-clip: content-box
}

.uno3-more-info-tab-cont::-webkit-scrollbar-corner {
    background-color: transparent
}

.uno3-more-info-tab-cont-item {
    display: none
}

.uno3-more-info-tab-cont-item.is-active {
    display: block
}

.uno3-more-info.height-s .uno3-more-info-tab-cont {
    height: 120px
}

.uno3-dialog.uno3-more-info.is-tabs .uno3-dialog-header {
    padding: 0
}

.uno3-dialog.uno3-more-info.is-tabs .qc-base-icon--close {
    z-index: 10
}

.uno3-dialog.uno3-more-info .uno3-dialog-body {
    padding-bottom: 36px
}

.uno3-dialog.uno3-more-info .uno3-more-info-tab {
    margin-bottom: 0;
    padding-top: 12px
}

.uno3-dialog.uno3-more-info .uno3-more-info-tab-cont {
    height: auto;
    padding: 0;
    margin: 0
}

.uno3-dialog.uno3-more-info .uno3-more-info-tab-label {
    background: transparent;
    gap: 24px;
    padding: 0;
    margin-bottom: 12px
}

.uno3-dialog.uno3-more-info .uno3-more-info-tab-label-item {
    -ms-flex: 0 auto;
    flex: 0 auto;
    font-size: 16px;
    line-height: 24px;
    color: rgba(0,0,0,.7);
    font-weight: 500;
    padding: 0 0 8px
}

.uno3-dialog.uno3-more-info .uno3-more-info-tab-label-item.is-active {
    color: #181818;
    position: relative
}

.uno3-dialog.uno3-more-info .uno3-more-info-tab-label-item.is-active:after {
    content: "";
    display: inline-block;
    width: 28px;
    height: 3px;
    background: #000;
    border-radius: 8px;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.qc-base-tooltip:not(.qc-base-tooltip-hidden) .qc-base-tooltip-inner {
    -webkit-animation: none;
    animation: none
}

.uno3-tooltip-discount-info-item:nth-child(n+2) {
    margin-top: 12px
}

.uno3-tooltip-discount-info-tit {
    margin-bottom: 4px;
    color: #000;
    font-size: 12px;
    line-height: 20px;
    font-weight: 700
}

.uno3-tooltip-discount-info-desc {
    color: #4b5b76;
    font-size: 12px;
    line-height: 20px
}

.uno3-tooltip-discount-info-desc+.uno3-tooltip-discount-info-desc {
    margin-top: 2px
}

.uno3-tooltip-discount-info-price {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    line-height: 20px;
    gap: 20px;
    color: #181818
}

.uno3-tooltip-discount-info-price+.uno3-tooltip-discount-info-price {
    margin-top: 2px
}

.uno3-tooltip-discount-info-price.act-price {
    margin-top: 6px;
    padding-top: 4px;
    border-top: 1px solid #e8e8e8
}

.uno3-tooltip-discount-info-price.act-price .uno3-tooltip-discount-info-price-value {
    font-weight: 700;
    color: #ff7800
}

.uno3-tooltip-feat-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    max-width: 280px
}

.uno3-tooltip-feat-item {
    font-size: 12px;
    line-height: 20px;
    color: #4b5b76;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 8px;
    -ms-flex-align: start;
    align-items: flex-start
}

.uno3-tooltip-feat-item-adva,.uno3-tooltip-feat-item-weak {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-top: 2px
}

.uno3-tooltip-feat-item-text {
    -ms-flex: 1;
    flex: 1
}

.uno3-tooltip-feat-item-adva {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_tooltip_notice_icon_adva.png)
}

.uno3-tooltip-feat-item-weak {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_tooltip_notice_icon_weak.png)
}

.uno-type-ios .uno3-tooltip-discount-info-price.act-price .uno3-tooltip-discount-info-price-value,.uno-type-ios .uno3-tooltip-discount-info-tit,.uno-type-mac .uno3-tooltip-discount-info-price.act-price .uno3-tooltip-discount-info-price-value,.uno-type-mac .uno3-tooltip-discount-info-tit {
    font-weight: 500
}

.uno3-tooltip-content-item {
    font-size: 12px;
    line-height: 20px;
    color: #181818
}

.uno3-tooltip-content-item:nth-child(n+2) {
    margin-top: 12px
}

.uno3-tooltip-content-item-tit.text-disabled {
    color: #97a3b7
}

.uno3-tooltip__message {
    padding: 9px 10px
}

.uno3-tooltip__message-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 8px
}

.uno3-tooltip__message .qc-base-tooltip-content {
    padding: 0
}

.uno3-tooltip__message-icon {
    width: 16px;
    -ms-flex: 0 0 16px;
    flex: 0 0 16px;
    height: 20px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.uno3-tooltip__message-text {
    -ms-flex: 1;
    flex: 1;
    font-size: 12px;
    line-height: 20px
}

.uno3-tooltip__message.is-error {
    box-shadow: 0 2px 8px rgba(55,99,170,.08)
}

.uno3-tooltip__message.is-error,.uno3-tooltip__message.is-error:before {
    background: #fff7f7;
    border-color: #ffcdce
}

.uno3-tooltip__message.is-error .uno3-tooltip__message-icon {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_tooltip_message_icon_error.svg)
}

.uno3-tooltip__message.is-error .uno3-tooltip__message-text {
    color: #f64041
}

.uno3-tooltip-config-guide {
    width: 240px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 4px;
    position: relative
}

.uno3-tooltip-config-guide .uno3-tooltip-config-label {
    max-width: 170px
}

.uno3-tooltip-config-guide .uno3-tooltip-config-value .qc-base-action {
    white-space: nowrap
}

.uno3-tooltip-config-guide .uno3-tooltip-config-close {
    top: -2px;
    right: -2px;
    width: 12px;
    height: 12px;
    background-size: cover;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_tooltip_config_close.svg);
    position: absolute
}

@media screen and (min-width: 769px) {
    .uno3-tooltip-config-guide .uno3-tooltip-config-close {
        cursor:pointer
    }
}

.qc-base-media__modal.qc-base-modal {
    width: auto
}

.qc-base-media__video-wrap {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.qc-base-media__video-poster {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.qc-base-media__video-wrap.has-mposter {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 769px) {
    .qc-base-media__video-wrap.has-mposter {
        width:100%;
        height: 100%
    }

    .qc-base-media__video-wrap.has-mposter .qc-base-media__video-poster-m {
        display: none
    }
}

@media (max-width: 768px) {
    .qc-base-media__video-wrap.has-mposter {
        width:100%;
        height: 100%;
        overflow: hidden
    }

    .qc-base-media__video-wrap.has-mposter .qc-base-media__video-poster {
        display: none
    }

    .qc-base-media__video-wrap.has-mposter .qc-base-media__video-poster-m {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.qc-base-media__video-btn {
    width: 48px;
    height: 48px;
    background-size: cover;
    background-image: url(/web/jinglisafe/assets/images/activity/qc-base-video-btn.svg);
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    cursor: pointer
}

.qc-base-media__video--preview {
    max-width: 100%
}

.qc-base-modal {
    position: relative;
    display: inline-block;
    width: 480px;
    max-width: 100%;
    white-space: normal;
    text-align: left;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 rgba(3,27,78,.06);
    font-size: 0
}

.qc-base-modal__mask {
    background: rgba(0,0,0,.75)
}

.qc-base-modal__mask,.qc-base-modal__wrap {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    width: 100%;
    height: 100%
}

.qc-base-modal__wrap {
    padding: 32px 0;
    overflow: auto;
    white-space: nowrap;
    text-align: center
}

.qc-base-modal__wrap:before {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    content: ""
}

.qc-base-modal__close {
    position: absolute;
    right: 0;
    bottom: 100%;
    width: 24px;
    height: 24px;
    margin-bottom: 8px;
    font-size: 0;
    background-image: url(/web/jinglisafe/assets/images/activity/qc-base-close.svg);
    cursor: pointer
}

.uno3-dialog .qc-base-link,.uno3-shop .qc-base-link {
    color: #0052d9;
    font-size: inherit;
    text-decoration: none;
    cursor: pointer
}

.uno3-dialog .qc-base-link:after,.uno3-shop .qc-base-link:after {
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_icon_link.svg)
}

.uno3-dialog .qc-base-link:hover,.uno3-shop .qc-base-link:hover {
    color: #001f97
}

.uno3-dialog .qc-base-link:hover:after,.uno3-shop .qc-base-link:hover:after {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_icon_link_hover.svg)
}

.uno3-dialog a,.uno3-shop a {
    color: #0052d9;
    font-size: inherit;
    text-decoration: none;
    cursor: pointer
}

.uno3-dialog a:hover,.uno3-shop a:hover {
    color: #001f97
}

.uno3-dialog .tp-action,.uno3-shop .tp-action {
    color: #0052d9
}

.uno3-dialog .tp-action:hover,.uno3-shop .tp-action:hover {
    color: #001f97
}

.uno3-dialog .qc-base-bubble-trigger,.uno3-shop .qc-base-bubble-trigger {
    display: inline-block;
    line-height: 1
}

.uno3-dialog .qc-base-action,.uno3-shop .qc-base-action {
    color: #0052d9
}

.uno3-dialog .qc-base-action:hover,.uno3-shop .qc-base-action:hover {
    color: #001f97
}

.uno3-dialog .qc-base-bubble-trigger,.uno3-shop .qc-base-bubble-trigger {
    color: #181818
}

.uno3-dialog .qc-base-bubble-trigger:hover,.uno3-shop .qc-base-bubble-trigger:hover {
    color: #777
}

.uno3-dialog .qc-base-checkbox-wrap,.uno3-shop .qc-base-checkbox-wrap {
    color: #181818
}

.uno3-dialog .qc-base-checkbox-wrap .qc-base-checkbox-inner,.uno3-shop .qc-base-checkbox-wrap .qc-base-checkbox-inner {
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_qc_base_checkbox_normal.svg)
}

.uno3-dialog .qc-base-checkbox-wrap:not(.qc-base-checkbox-wrap-checked):not(.qc-base-checkbox-wrap-indeterminate):not(.qc-base-checkbox-wrap-disabled):hover .qc-base-checkbox-inner,.uno3-shop .qc-base-checkbox-wrap:not(.qc-base-checkbox-wrap-checked):not(.qc-base-checkbox-wrap-indeterminate):not(.qc-base-checkbox-wrap-disabled):hover .qc-base-checkbox-inner {
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_qc_base_checkbox_hover.svg)
}

.uno3-dialog .qc-base-checkbox-wrap-checked .qc-base-checkbox-inner,.uno3-shop .qc-base-checkbox-wrap-checked .qc-base-checkbox-inner {
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_qc_base_checkbox_checked.svg)
}

.uno3-dialog .qc-base-checkbox-wrap-disabled,.uno3-shop .qc-base-checkbox-wrap-disabled {
    cursor: not-allowed
}

.uno3-dialog .qc-base-checkbox-wrap-disabled .qc-base-checkbox-inner,.uno3-shop .qc-base-checkbox-wrap-disabled .qc-base-checkbox-inner {
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_qc_base_checkbox_disabled.svg)
}

.uno3-dialog .qc-base-checkbox-wrap-disabled.qc-base-checkbox-wrap-checked .qc-base-checkbox-inner,.uno3-shop .qc-base-checkbox-wrap-disabled.qc-base-checkbox-wrap-checked .qc-base-checkbox-inner {
    cursor: not-allowed;
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_qc_base_checkbox_checked_disabled.svg)
}

.uno3-dialog .qc-base-checkbox-wrap-indeterminate .qc-base-checkbox-inner,.uno3-shop .qc-base-checkbox-wrap-indeterminate .qc-base-checkbox-inner {
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_qc_base_checkbox_indeterminate_normal.svg)
}

.uno3-dialog .qc-base-checkbox-wrap-indeterminate.qc-base-checkbox-wrap-disabled .qc-base-checkbox-inner,.uno3-shop .qc-base-checkbox-wrap-indeterminate.qc-base-checkbox-wrap-disabled .qc-base-checkbox-inner {
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_qc_base_checkbox_indeterminate_disabled.svg)
}

.uno3-dialog .qc-base-checkbox-desc,.uno3-dialog .qc-base-form-label-inner,.uno3-shop .qc-base-checkbox-desc,.uno3-shop .qc-base-form-label-inner {
    color: #4b5b76
}

.uno3-dialog .qc-base-form-value-inner,.uno3-shop .qc-base-form-value-inner {
    color: #181818
}

.uno3-dialog .qc-base-form-value-text,.uno3-shop .qc-base-form-value-text {
    display: inline-block
}

.uno3-dialog .qc-base-form-title,.uno3-shop .qc-base-form-title {
    color: #000
}

.uno3-dialog .qc-base-form-tip,.uno3-shop .qc-base-form-tip {
    color: #97a3b7
}

.uno3-dialog .qc-base-form-tip-success,.uno3-shop .qc-base-form-tip-success {
    color: #0cbf5b
}

.uno3-dialog .qc-base-form-tip-error,.uno3-shop .qc-base-form-tip-error {
    color: #f64041
}

.uno3-dialog .qc-base-form-wrap-title,.uno3-shop .qc-base-form-wrap-title {
    color: #000
}

.uno3-dialog .qc-base-form .qc-base-form-item.qc-base-form-item-domain-single.qc-base-form-item-error .qc-base-select-btn,.uno3-dialog .qc-base-form .qc-base-form-item.qc-base-form-item-domain-single .qc-base-select-active .qc-base-select-btn,.uno3-dialog .qc-base-form .qc-base-form-item.qc-base-form-item-domain-single .qc-base-select-btn,.uno3-dialog .qc-base-form .qc-base-form-item.qc-base-form-item-domain-single .qc-base-select-disabled .qc-base-select-btn,.uno3-dialog .qc-base-form .qc-base-form-item.qc-base-form-item-domain-single .qc-base-select .qc-base-select-active:hover .qc-base-select-btn,.uno3-dialog .qc-base-form .qc-base-form-item.qc-base-form-item-domain-single .qc-base-select .qc-base-select-disabled:hover .qc-base-select-btn,.uno3-dialog .qc-base-form .qc-base-form-item.qc-base-form-item-domain-single .qc-base-select:hover .qc-base-select-btn,.uno3-dialog .qc-base-form .qc-base-form-item.qc-base-form-item-domain.qc-base-form-item-error .qc-base-select-btn,.uno3-dialog .qc-base-form .qc-base-form-item.qc-base-form-item-domain .qc-base-select-active .qc-base-select-btn,.uno3-dialog .qc-base-form .qc-base-form-item.qc-base-form-item-domain .qc-base-select-btn,.uno3-dialog .qc-base-form .qc-base-form-item.qc-base-form-item-domain .qc-base-select-disabled .qc-base-select-btn,.uno3-dialog .qc-base-form .qc-base-form-item.qc-base-form-item-domain .qc-base-select .qc-base-select-active:hover .qc-base-select-btn,.uno3-dialog .qc-base-form .qc-base-form-item.qc-base-form-item-domain .qc-base-select .qc-base-select-disabled:hover .qc-base-select-btn,.uno3-dialog .qc-base-form .qc-base-form-item.qc-base-form-item-domain .qc-base-select:hover .qc-base-select-btn,.uno3-shop .qc-base-form .qc-base-form-item.qc-base-form-item-domain-single.qc-base-form-item-error .qc-base-select-btn,.uno3-shop .qc-base-form .qc-base-form-item.qc-base-form-item-domain-single .qc-base-select-active .qc-base-select-btn,.uno3-shop .qc-base-form .qc-base-form-item.qc-base-form-item-domain-single .qc-base-select-btn,.uno3-shop .qc-base-form .qc-base-form-item.qc-base-form-item-domain-single .qc-base-select-disabled .qc-base-select-btn,.uno3-shop .qc-base-form .qc-base-form-item.qc-base-form-item-domain-single .qc-base-select .qc-base-select-active:hover .qc-base-select-btn,.uno3-shop .qc-base-form .qc-base-form-item.qc-base-form-item-domain-single .qc-base-select .qc-base-select-disabled:hover .qc-base-select-btn,.uno3-shop .qc-base-form .qc-base-form-item.qc-base-form-item-domain-single .qc-base-select:hover .qc-base-select-btn,.uno3-shop .qc-base-form .qc-base-form-item.qc-base-form-item-domain.qc-base-form-item-error .qc-base-select-btn,.uno3-shop .qc-base-form .qc-base-form-item.qc-base-form-item-domain .qc-base-select-active .qc-base-select-btn,.uno3-shop .qc-base-form .qc-base-form-item.qc-base-form-item-domain .qc-base-select-btn,.uno3-shop .qc-base-form .qc-base-form-item.qc-base-form-item-domain .qc-base-select-disabled .qc-base-select-btn,.uno3-shop .qc-base-form .qc-base-form-item.qc-base-form-item-domain .qc-base-select .qc-base-select-active:hover .qc-base-select-btn,.uno3-shop .qc-base-form .qc-base-form-item.qc-base-form-item-domain .qc-base-select .qc-base-select-disabled:hover .qc-base-select-btn,.uno3-shop .qc-base-form .qc-base-form-item.qc-base-form-item-domain .qc-base-select:hover .qc-base-select-btn {
    border-color: transparent;
    background: transparent
}

.uno3-dialog .qc-base-form .qc-base-form-item.qc-base-form-item-domain-single .qc-base-select-btn:after,.uno3-dialog .qc-base-form .qc-base-form-item.qc-base-form-item-domain .qc-base-select-btn:after,.uno3-shop .qc-base-form .qc-base-form-item.qc-base-form-item-domain-single .qc-base-select-btn:after,.uno3-shop .qc-base-form .qc-base-form-item.qc-base-form-item-domain .qc-base-select-btn:after {
    background: #ddd
}

@media (min-width: 769px) {
    .uno3-dialog .qc-base-form .rdt,.uno3-shop .qc-base-form .rdt {
        display:inline-block;
        margin-right: 12px
    }
}

.uno3-dialog .qc-base-form .rdtPicker .rdtTime thead>tr:only-child td:only-child:hover,.uno3-dialog .qc-base-form .rdtPicker td.rdtActive.rdtDay,.uno3-dialog .qc-base-form .rdtPicker td.rdtActive.rdtDay:hover,.uno3-shop .qc-base-form .rdtPicker .rdtTime thead>tr:only-child td:only-child:hover,.uno3-shop .qc-base-form .rdtPicker td.rdtActive.rdtDay,.uno3-shop .qc-base-form .rdtPicker td.rdtActive.rdtDay:hover {
    color: #0052d9
}

.uno3-dialog .qc-base-form .rdtPicker td.rdtActive.rdtDay:after,.uno3-dialog .qc-base-form .rdtPicker td.rdtActive.rdtDay:hover:after,.uno3-shop .qc-base-form .rdtPicker td.rdtActive.rdtDay:after,.uno3-shop .qc-base-form .rdtPicker td.rdtActive.rdtDay:hover:after {
    border-color: #97a3b7
}

.uno3-dialog .qc-base-form .rdtPicker .rdtDays tfoot:before,.uno3-dialog .qc-base-form .rdtPicker thead>tr:first-child:after,.uno3-shop .qc-base-form .rdtPicker .rdtDays tfoot:before,.uno3-shop .qc-base-form .rdtPicker thead>tr:first-child:after {
    background: #ddd
}

.uno3-dialog .qc-base-form .rdtPicker .rdtTimeToggle:hover,.uno3-dialog .qc-base-form .rdtPicker td.rdtDay:hover,.uno3-dialog .qc-base-form .rdtPicker td.rdtHour:hover,.uno3-dialog .qc-base-form .rdtPicker td.rdtMinute:hover,.uno3-dialog .qc-base-form .rdtPicker td.rdtSecond:hover,.uno3-shop .qc-base-form .rdtPicker .rdtTimeToggle:hover,.uno3-shop .qc-base-form .rdtPicker td.rdtDay:hover,.uno3-shop .qc-base-form .rdtPicker td.rdtHour:hover,.uno3-shop .qc-base-form .rdtPicker td.rdtMinute:hover,.uno3-shop .qc-base-form .rdtPicker td.rdtSecond:hover {
    color: #0052d9;
    background: transparent
}

.uno3-dialog .qc-base-form .rdtPicker td.rdtActive.rdtMonth,.uno3-dialog .qc-base-form .rdtPicker td.rdtActive.rdtMonth:hover,.uno3-dialog .qc-base-form .rdtPicker td.rdtActive.rdtYear,.uno3-dialog .qc-base-form .rdtPicker td.rdtActive.rdtYear:hover,.uno3-shop .qc-base-form .rdtPicker td.rdtActive.rdtMonth,.uno3-shop .qc-base-form .rdtPicker td.rdtActive.rdtMonth:hover,.uno3-shop .qc-base-form .rdtPicker td.rdtActive.rdtYear,.uno3-shop .qc-base-form .rdtPicker td.rdtActive.rdtYear:hover {
    border: 1px solid #0052d9;
    background: transparent;
    color: #0052d9
}

.uno3-dialog .qc-base-form .rdtCounter .rdtBtn:hover,.uno3-dialog .qc-base-form .rdtPicker thead tr:first-of-type th:hover,.uno3-dialog .qc-base-form td.rdtMonth:hover,.uno3-dialog .qc-base-form td.rdtYear:hover,.uno3-shop .qc-base-form .rdtCounter .rdtBtn:hover,.uno3-shop .qc-base-form .rdtPicker thead tr:first-of-type th:hover,.uno3-shop .qc-base-form td.rdtMonth:hover,.uno3-shop .qc-base-form td.rdtYear:hover {
    background: transparent;
    color: #0052d9
}

.uno3-dialog .qc-base-form .rdtPicker th,.uno3-shop .qc-base-form .rdtPicker th {
    font-weight: 400
}

.uno3-dialog .qc-base-form .rdtPicker .rdtTimeToggle,.uno3-shop .qc-base-form .rdtPicker .rdtTimeToggle {
    color: #0052d9
}

.uno3-dialog .qc-base-form .rdtPicker td.rdtToday.rdtDay,.uno3-shop .qc-base-form .rdtPicker td.rdtToday.rdtDay {
    color: #0052d9;
    position: relative
}

.uno3-dialog .qc-base-form .rdtPicker td.rdtToday.rdtDay:after,.uno3-shop .qc-base-form .rdtPicker td.rdtToday.rdtDay:after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    border: 1px solid #0052d9;
    position: absolute;
    box-sizing: border-box;
    top: calc(50% - 12px);
    left: calc(50% - 12px)
}

.uno3-dialog .qc-base-form .rdtPicker td.rdtNew,.uno3-dialog .qc-base-form .rdtPicker td.rdtOld,.uno3-shop .qc-base-form .rdtPicker td.rdtNew,.uno3-shop .qc-base-form .rdtPicker td.rdtOld {
    color: #97a3b7
}

.uno3-dialog .qc-base-form .rdtPicker td,.uno3-shop .qc-base-form .rdtPicker td {
    box-sizing: border-box
}

.uno3-dialog .qc-base-form .rdtPicker th.rdtNext,.uno3-dialog .qc-base-form .rdtPicker th.rdtPrev,.uno3-shop .qc-base-form .rdtPicker th.rdtNext,.uno3-shop .qc-base-form .rdtPicker th.rdtPrev {
    vertical-align: middle;
    color: #4b5b76
}

.uno3-dialog .qc-base-form .form-control,.uno3-shop .qc-base-form .form-control {
    width: 250px;
    box-sizing: border-box;
    border: 1px solid #e3e6eb;
    background: #fff;
    color: #181818
}

@media (max-width: 768px) {
    .uno3-dialog .qc-base-form .form-control,.uno3-shop .qc-base-form .form-control {
        width:100%
    }
}

.uno3-dialog .qc-base-form .form-control::-moz-placeholder,.uno3-dialog .qc-base-form .form-control::-ms-input-placeholder,.uno3-dialog .qc-base-form .form-control::-webkit-input-placeholder,.uno3-shop .qc-base-form .form-control::-moz-placeholder,.uno3-shop .qc-base-form .form-control::-ms-input-placeholder,.uno3-shop .qc-base-form .form-control::-webkit-input-placeholder {
    color: #97a3b7
}

.uno3-dialog .qc-base-form .form-control:focus,.uno3-dialog .qc-base-form .form-control:focus-visible,.uno3-dialog .qc-base-form .form-control:focus:hover,.uno3-shop .qc-base-form .form-control:focus,.uno3-shop .qc-base-form .form-control:focus-visible,.uno3-shop .qc-base-form .form-control:focus:hover {
    border: 1px solid #e3e6eb;
    background: #fff;
    color: #181818;
    outline: initial
}

.uno3-dialog .qc-base-form .form-control:hover,.uno3-shop .qc-base-form .form-control:hover {
    border: 1px solid #0052d9;
    background: #fff;
    color: #181818
}

.uno3-dialog .qc-base-form .form-control.form-control-disabled,.uno3-dialog .qc-base-form .form-control.form-control-disabled:hover,.uno3-shop .qc-base-form .form-control.form-control-disabled,.uno3-shop .qc-base-form .form-control.form-control-disabled:hover {
    border: 1px solid #e3e6eb;
    background: #f1f2f5;
    color: #97a3b7;
    cursor: not-allowed
}

.uno3-dialog .qc-base-form .qc-base-form-add,.uno3-dialog .qc-base-form .qc-base-form-delete,.uno3-shop .qc-base-form .qc-base-form-add,.uno3-shop .qc-base-form .qc-base-form-delete {
    color: #0052d9
}

.uno3-dialog .qc-base-form .qc-base-form-add:hover .qc-base-form-delete-icon,.uno3-dialog .qc-base-form .qc-base-form-delete:hover .qc-base-form-delete-icon,.uno3-shop .qc-base-form .qc-base-form-add:hover .qc-base-form-delete-icon,.uno3-shop .qc-base-form .qc-base-form-delete:hover .qc-base-form-delete-icon {
    background: #e4eeff
}

.uno3-dialog .qc-base-form .qc-base-form-add:hover .qc-base-form-add-icon,.uno3-dialog .qc-base-form .qc-base-form-delete:hover .qc-base-form-add-icon,.uno3-shop .qc-base-form .qc-base-form-add:hover .qc-base-form-add-icon,.uno3-shop .qc-base-form .qc-base-form-delete:hover .qc-base-form-add-icon {
    background: #2a73ec
}

.uno3-dialog .qc-base-form .qc-base-form-add.qc-base-form-add-disabled,.uno3-dialog .qc-base-form .qc-base-form-add.qc-base-form-delete-disabled,.uno3-dialog .qc-base-form .qc-base-form-delete.qc-base-form-add-disabled,.uno3-dialog .qc-base-form .qc-base-form-delete.qc-base-form-delete-disabled,.uno3-shop .qc-base-form .qc-base-form-add.qc-base-form-add-disabled,.uno3-shop .qc-base-form .qc-base-form-add.qc-base-form-delete-disabled,.uno3-shop .qc-base-form .qc-base-form-delete.qc-base-form-add-disabled,.uno3-shop .qc-base-form .qc-base-form-delete.qc-base-form-delete-disabled {
    color: #c6c9ce
}

.uno3-dialog .qc-base-form .qc-base-form-add.qc-base-form-add-disabled .qc-base-form-delete-icon,.uno3-dialog .qc-base-form .qc-base-form-add.qc-base-form-delete-disabled .qc-base-form-delete-icon,.uno3-dialog .qc-base-form .qc-base-form-delete.qc-base-form-add-disabled .qc-base-form-delete-icon,.uno3-dialog .qc-base-form .qc-base-form-delete.qc-base-form-delete-disabled .qc-base-form-delete-icon,.uno3-shop .qc-base-form .qc-base-form-add.qc-base-form-add-disabled .qc-base-form-delete-icon,.uno3-shop .qc-base-form .qc-base-form-add.qc-base-form-delete-disabled .qc-base-form-delete-icon,.uno3-shop .qc-base-form .qc-base-form-delete.qc-base-form-add-disabled .qc-base-form-delete-icon,.uno3-shop .qc-base-form .qc-base-form-delete.qc-base-form-delete-disabled .qc-base-form-delete-icon {
    background: #fff;
    border: 1px solid #dde1e9
}

.uno3-dialog .qc-base-form .qc-base-form-add.qc-base-form-add-disabled .qc-base-form-delete-icon:after,.uno3-dialog .qc-base-form .qc-base-form-add.qc-base-form-delete-disabled .qc-base-form-delete-icon:after,.uno3-dialog .qc-base-form .qc-base-form-delete.qc-base-form-add-disabled .qc-base-form-delete-icon:after,.uno3-dialog .qc-base-form .qc-base-form-delete.qc-base-form-delete-disabled .qc-base-form-delete-icon:after,.uno3-shop .qc-base-form .qc-base-form-add.qc-base-form-add-disabled .qc-base-form-delete-icon:after,.uno3-shop .qc-base-form .qc-base-form-add.qc-base-form-delete-disabled .qc-base-form-delete-icon:after,.uno3-shop .qc-base-form .qc-base-form-delete.qc-base-form-add-disabled .qc-base-form-delete-icon:after,.uno3-shop .qc-base-form .qc-base-form-delete.qc-base-form-delete-disabled .qc-base-form-delete-icon:after {
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_form_delete_disabled.svg)
}

.uno3-dialog .qc-base-form .qc-base-form-add.qc-base-form-add-disabled .qc-base-form-add-icon,.uno3-dialog .qc-base-form .qc-base-form-add.qc-base-form-delete-disabled .qc-base-form-add-icon,.uno3-dialog .qc-base-form .qc-base-form-delete.qc-base-form-add-disabled .qc-base-form-add-icon,.uno3-dialog .qc-base-form .qc-base-form-delete.qc-base-form-delete-disabled .qc-base-form-add-icon,.uno3-shop .qc-base-form .qc-base-form-add.qc-base-form-add-disabled .qc-base-form-add-icon,.uno3-shop .qc-base-form .qc-base-form-add.qc-base-form-delete-disabled .qc-base-form-add-icon,.uno3-shop .qc-base-form .qc-base-form-delete.qc-base-form-add-disabled .qc-base-form-add-icon,.uno3-shop .qc-base-form .qc-base-form-delete.qc-base-form-delete-disabled .qc-base-form-add-icon {
    background: #dde1e9
}

.uno3-dialog .qc-base-form .qc-base-form-add .qc-base-form-add-icon,.uno3-dialog .qc-base-form .qc-base-form-delete .qc-base-form-add-icon,.uno3-shop .qc-base-form .qc-base-form-add .qc-base-form-add-icon,.uno3-shop .qc-base-form .qc-base-form-delete .qc-base-form-add-icon {
    background: #0052d9
}

.uno3-dialog .qc-base-form .qc-base-form-add .qc-base-form-add-icon:after,.uno3-dialog .qc-base-form .qc-base-form-delete .qc-base-form-add-icon:after,.uno3-shop .qc-base-form .qc-base-form-add .qc-base-form-add-icon:after,.uno3-shop .qc-base-form .qc-base-form-delete .qc-base-form-add-icon:after {
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_form_add_normal.svg)
}

.uno3-dialog .qc-base-form .qc-base-form-add .qc-base-form-delete-icon,.uno3-dialog .qc-base-form .qc-base-form-delete .qc-base-form-delete-icon,.uno3-shop .qc-base-form .qc-base-form-add .qc-base-form-delete-icon,.uno3-shop .qc-base-form .qc-base-form-delete .qc-base-form-delete-icon {
    background: #fff;
    border: 1px solid #0052d9
}

.uno3-dialog .qc-base-form .qc-base-form-add .qc-base-form-delete-icon:after,.uno3-dialog .qc-base-form .qc-base-form-delete .qc-base-form-delete-icon:after,.uno3-shop .qc-base-form .qc-base-form-add .qc-base-form-delete-icon:after,.uno3-shop .qc-base-form .qc-base-form-delete .qc-base-form-delete-icon:after {
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_form_delete_normal.svg)
}

.uno3-dialog .qc-base-form .qc-base-form-item-error .qc-base-input,.uno3-dialog .qc-base-form .qc-base-form-item-error .qc-base-input:focus,.uno3-dialog .qc-base-form .qc-base-form-item-error .qc-base-input:hover,.uno3-dialog .qc-base-form .qc-base-form-item-error .qc-base-select .qc-base-select-btn,.uno3-dialog .qc-base-form .qc-base-form-item-error .qc-base-select.qc-base-select-disabled:hover .qc-base-select-btn,.uno3-dialog .qc-base-form .qc-base-form-item-error .qc-base-select:focus .qc-base-select-btn,.uno3-dialog .qc-base-form .qc-base-form-item-error .qc-base-select:hover .qc-base-select-btn,.uno3-shop .qc-base-form .qc-base-form-item-error .qc-base-input,.uno3-shop .qc-base-form .qc-base-form-item-error .qc-base-input:focus,.uno3-shop .qc-base-form .qc-base-form-item-error .qc-base-input:hover,.uno3-shop .qc-base-form .qc-base-form-item-error .qc-base-select .qc-base-select-btn,.uno3-shop .qc-base-form .qc-base-form-item-error .qc-base-select.qc-base-select-disabled:hover .qc-base-select-btn,.uno3-shop .qc-base-form .qc-base-form-item-error .qc-base-select:focus .qc-base-select-btn,.uno3-shop .qc-base-form .qc-base-form-item-error .qc-base-select:hover .qc-base-select-btn {
    border-color: #f64041
}

.uno3-dialog .qc-base-form .qc-base-input,.uno3-shop .qc-base-form .qc-base-input {
    background: #fff;
    color: #181818;
    border: 1px solid #e3e6eb
}

.uno3-dialog .qc-base-form .qc-base-input::-webkit-input-placeholder,.uno3-shop .qc-base-form .qc-base-input::-webkit-input-placeholder {
    color: #97a3b7
}

.uno3-dialog .qc-base-form .qc-base-input::-moz-placeholder,.uno3-dialog .qc-base-form .qc-base-input::-ms-input-placeholder,.uno3-dialog .qc-base-form .qc-base-input::-webkit-input-placeholder,.uno3-dialog .qc-base-form .qc-base-input::placeholder,.uno3-shop .qc-base-form .qc-base-input::-moz-placeholder,.uno3-shop .qc-base-form .qc-base-input::-ms-input-placeholder,.uno3-shop .qc-base-form .qc-base-input::-webkit-input-placeholder,.uno3-shop .qc-base-form .qc-base-input::placeholder {
    color: #97a3b7
}

.uno3-dialog .qc-base-form .qc-base-input:focus,.uno3-dialog .qc-base-form .qc-base-input:focus:hover,.uno3-shop .qc-base-form .qc-base-input:focus,.uno3-shop .qc-base-form .qc-base-input:focus:hover {
    background: #fff;
    color: #181818;
    border: 1px solid #e3e6eb
}

.uno3-dialog .qc-base-form .qc-base-input:hover,.uno3-shop .qc-base-form .qc-base-input:hover {
    background: #fff;
    color: #181818;
    border: 1px solid #0052d9
}

.uno3-dialog .qc-base-form .qc-base-input.qc-base-input-disabled,.uno3-dialog .qc-base-form .qc-base-input.qc-base-input-disabled:hover,.uno3-shop .qc-base-form .qc-base-input.qc-base-input-disabled,.uno3-shop .qc-base-form .qc-base-input.qc-base-input-disabled:hover {
    background: #f1f2f5;
    color: #97a3b7;
    border: 1px solid #e3e6eb
}

.uno3-dialog .qc-base-form .qc-base-input-search,.uno3-shop .qc-base-form .qc-base-input-search {
    border-bottom: 1px solid #ddd
}

.uno3-dialog .qc-base-form .qc-base-input-search-button,.uno3-shop .qc-base-form .qc-base-input-search-button {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_input_icon_search.svg)
}

.uno3-dialog .qc-base-form .qc-base-input-search .qc-base-input-search-statu-inner,.uno3-shop .qc-base-form .qc-base-input-search .qc-base-input-search-statu-inner {
    border-top: 1px solid #ddd
}

.uno3-dialog .qc-base-form .qc-base-input-search .qc-base-input-search-no-result,.uno3-shop .qc-base-form .qc-base-input-search .qc-base-input-search-no-result {
    color: #97a3b7
}

.uno3-dialog .qc-base-form .qc-base-input-search .qc-base-input-search-loading,.uno3-shop .qc-base-form .qc-base-input-search .qc-base-input-search-loading {
    background: url(/web/jinglisafe/assets/images/activity/dialog_input_icon_loading.png) no-repeat 50%
}

.uno3-dialog .qc-base-form .qc-base-input-adorn .qc-base-input-before,.uno3-shop .qc-base-form .qc-base-input-adorn .qc-base-input-before {
    color: #181818
}

.uno3-dialog .qc-base-form .qc-base-input-adorn .qc-base-input-before:after,.uno3-shop .qc-base-form .qc-base-input-adorn .qc-base-input-before:after {
    background-color: #d6dbe3
}

.uno3-dialog .qc-base-form .qc-base-input-adorn .qc-base-input-after,.uno3-shop .qc-base-form .qc-base-input-adorn .qc-base-input-after {
    color: #97a3b7
}

.uno3-dialog .qc-base-form .qc-base-input-adorn .qc-base-link,.uno3-shop .qc-base-form .qc-base-input-adorn .qc-base-link {
    color: #0052d9
}

.uno3-dialog .qc-base-form .qc-base-input-adorn.qc-base-input-adorn-send .qc-base-input,.uno3-dialog .qc-base-form .qc-base-input-adorn .qc-base-link.qc-base-input-adorn-link-disabled,.uno3-shop .qc-base-form .qc-base-input-adorn.qc-base-input-adorn-send .qc-base-input,.uno3-shop .qc-base-form .qc-base-input-adorn .qc-base-link.qc-base-input-adorn-link-disabled {
    color: #97a3b7
}

.uno3-dialog .qc-base-form .qc-base-input-adorn.qc-base-input-adorn-send .qc-base-input:hover,.uno3-shop .qc-base-form .qc-base-input-adorn.qc-base-input-adorn-send .qc-base-input:hover {
    color: #0052d9
}

.uno3-dialog .qc-base-form .qc-base-input-number .qc-base-input,.uno3-shop .qc-base-form .qc-base-input-number .qc-base-input {
    background: #fff
}

.uno3-dialog .qc-base-form .qc-base-input-number .qc-base-input:focus,.uno3-shop .qc-base-form .qc-base-input-number .qc-base-input:focus {
    border: 1px solid #0052d9
}

.uno3-dialog .qc-base-form .qc-base-input-number-minus,.uno3-dialog .qc-base-form .qc-base-input-number-plus,.uno3-shop .qc-base-form .qc-base-input-number-minus,.uno3-shop .qc-base-form .qc-base-input-number-plus {
    background: #fff;
    border: 1px solid #e3e6eb
}

.uno3-dialog .qc-base-form .qc-base-input-number-minus:hover,.uno3-dialog .qc-base-form .qc-base-input-number-plus:hover,.uno3-shop .qc-base-form .qc-base-input-number-minus:hover,.uno3-shop .qc-base-form .qc-base-input-number-plus:hover {
    background: #fff;
    border: 1px solid #0052d9
}

.uno3-dialog .qc-base-form .qc-base-input-number-minus-disabled,.uno3-dialog .qc-base-form .qc-base-input-number-minus-disabled:hover,.uno3-dialog .qc-base-form .qc-base-input-number-plus-disabled,.uno3-dialog .qc-base-form .qc-base-input-number-plus-disabled:hover,.uno3-shop .qc-base-form .qc-base-input-number-minus-disabled,.uno3-shop .qc-base-form .qc-base-input-number-minus-disabled:hover,.uno3-shop .qc-base-form .qc-base-input-number-plus-disabled,.uno3-shop .qc-base-form .qc-base-input-number-plus-disabled:hover {
    background: #f1f2f5;
    border: 1px solid #e3e6eb
}

.uno3-dialog .qc-base-form .qc-base-input-number-minus:after,.uno3-shop .qc-base-form .qc-base-input-number-minus:after {
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_qc_base_inputnumber_minus_normal.svg)
}

.uno3-dialog .qc-base-form .qc-base-input-number-minus:hover:after,.uno3-shop .qc-base-form .qc-base-input-number-minus:hover:after {
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_qc_base_inputnumber_minus_hover.svg)
}

.uno3-dialog .qc-base-form .qc-base-input-number-minus-disabled:after,.uno3-dialog .qc-base-form .qc-base-input-number-minus-disabled:hover:after,.uno3-shop .qc-base-form .qc-base-input-number-minus-disabled:after,.uno3-shop .qc-base-form .qc-base-input-number-minus-disabled:hover:after {
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_qc_base_inputnumber_minus_disabled.svg)
}

.uno3-dialog .qc-base-form .qc-base-input-number-plus:after,.uno3-shop .qc-base-form .qc-base-input-number-plus:after {
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_qc_base_inputnumber_plus_normal.svg)
}

.uno3-dialog .qc-base-form .qc-base-input-number-plus:hover:after,.uno3-shop .qc-base-form .qc-base-input-number-plus:hover:after {
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_qc_base_inputnumber_plus_hover.svg)
}

.uno3-dialog .qc-base-form .qc-base-input-number-plus-disabled:after,.uno3-dialog .qc-base-form .qc-base-input-number-plus-disabled:hover:after,.uno3-shop .qc-base-form .qc-base-input-number-plus-disabled:after,.uno3-shop .qc-base-form .qc-base-input-number-plus-disabled:hover:after {
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_qc_base_inputnumber_plus_disabled.svg)
}

.uno3-dialog .qc-base-form .qc-base-input-number-unit,.uno3-shop .qc-base-form .qc-base-input-number-unit {
    color: #4b5b76
}

.uno3-dialog .qc-base-form .qc_base_radio-wrap .qc_base_radio-inner,.uno3-shop .qc-base-form .qc_base_radio-wrap .qc_base_radio-inner {
    background: url(/web/jinglisafe/assets/images/activity/dialog_qc_base_radio_normal.svg) no-repeat
}

.uno3-dialog .qc-base-form .qc_base_radio-wrap .qc_base_radio-text,.uno3-shop .qc-base-form .qc_base_radio-wrap .qc_base_radio-text {
    color: #181818
}

.uno3-dialog .qc-base-form .qc_base_radio-wrap:hover .qc_base_radio-inner,.uno3-shop .qc-base-form .qc_base_radio-wrap:hover .qc_base_radio-inner {
    background: url(/web/jinglisafe/assets/images/activity/dialog_qc_base_radio_hover.svg) no-repeat
}

.uno3-dialog .qc-base-form .qc_base_radio-wrap.qc_base_radio-checked .qc_base_radio-inner,.uno3-shop .qc-base-form .qc_base_radio-wrap.qc_base_radio-checked .qc_base_radio-inner {
    background: url(/web/jinglisafe/assets/images/activity/dialog_qc_base_radio_checked.svg) no-repeat
}

.uno3-dialog .qc-base-form .qc_base_radio-wrap.qc_base_radio-disabled .qc_base_radio-inner,.uno3-shop .qc-base-form .qc_base_radio-wrap.qc_base_radio-disabled .qc_base_radio-inner {
    background: url(/web/jinglisafe/assets/images/activity/dialog_qc_base_radio_disabled.svg) no-repeat
}

.uno3-dialog .qc-base-form .qc_base_radio-wrap.qc_base_radio-disabled .qc_base_radio-text,.uno3-shop .qc-base-form .qc_base_radio-wrap.qc_base_radio-disabled .qc_base_radio-text {
    color: #97a3b7
}

.uno3-dialog .qc-base-form .qc_base_radio-btn,.uno3-shop .qc-base-form .qc_base_radio-btn {
    color: #181818;
    background: #f1f2f5
}

.uno3-dialog .qc-base-form .qc_base_radio-btn .qc_base_tag,.uno3-shop .qc-base-form .qc_base_radio-btn .qc_base_tag {
    border: 1px solid #ff7800;
    color: #ff7800;
    background: #fff
}

.uno3-dialog .qc-base-form .qc_base_radio-btn .qc_base_tag--sellout,.uno3-shop .qc-base-form .qc_base_radio-btn .qc_base_tag--sellout {
    color: #97a3b7;
    background: #fff;
    border: 1px solid #97a3b7
}

.uno3-dialog .qc-base-form .qc_base_radio-btn:hover,.uno3-shop .qc-base-form .qc_base_radio-btn:hover {
    background: #e3e6eb;
    color: #181818
}

.uno3-dialog .qc-base-form .qc_base_radio-btn.qc_base_radio-btn-checked,.uno3-shop .qc-base-form .qc_base_radio-btn.qc_base_radio-btn-checked {
    background: #0052d9;
    color: #fff
}

.uno3-dialog .qc-base-form .qc_base_radio-btn.qc_base_radio-btn-checked .qc_base_tag,.uno3-shop .qc-base-form .qc_base_radio-btn.qc_base_radio-btn-checked .qc_base_tag {
    background: #ff7800;
    border: 1px solid #ff7800;
    color: #fff
}

.uno3-dialog .qc-base-form .qc_base_radio-btn.qc_base_radio-btn-checked .qc_base_tag--sellout,.uno3-shop .qc-base-form .qc_base_radio-btn.qc_base_radio-btn-checked .qc_base_tag--sellout {
    color: #fff;
    background: #97a3b7;
    border: 1px solid #97a3b7
}

.uno3-dialog .qc-base-form .qc_base_radio-btn.qc_base_radio-btn-disabled,.uno3-shop .qc-base-form .qc_base_radio-btn.qc_base_radio-btn-disabled {
    background: #f1f2f5;
    color: #97a3b7
}

.uno3-dialog .qc-base-form .qc_base_radio-block,.uno3-shop .qc-base-form .qc_base_radio-block {
    border: 1px solid #e3e6eb;
    background: #fff;
    color: #181818
}

.uno3-dialog .qc-base-form .qc_base_radio-block .qc_base_radio-block-tit,.uno3-shop .qc-base-form .qc_base_radio-block .qc_base_radio-block-tit {
    color: #181818
}

.uno3-dialog .qc-base-form .qc_base_radio-block .qc_base_radio-block-text,.uno3-shop .qc-base-form .qc_base_radio-block .qc_base_radio-block-text {
    color: #4b5b76
}

.uno3-dialog .qc-base-form .qc_base_radio-block:hover,.uno3-shop .qc-base-form .qc_base_radio-block:hover {
    border: 1px solid #0052d9;
    background: #fff
}

.uno3-dialog .qc-base-form .qc_base_radio-block:hover .qc_base_radio-block-tit,.uno3-shop .qc-base-form .qc_base_radio-block:hover .qc_base_radio-block-tit {
    color: #181818
}

.uno3-dialog .qc-base-form .qc_base_radio-block:hover .qc_base_radio-block-text,.uno3-shop .qc-base-form .qc_base_radio-block:hover .qc_base_radio-block-text {
    color: #4b5b76
}

.uno3-dialog .qc-base-form .qc_base_radio-block .qc_base_tag,.uno3-shop .qc-base-form .qc_base_radio-block .qc_base_tag {
    border: 1px solid #ff7800;
    color: #ff7800;
    background: #fff
}

.uno3-dialog .qc-base-form .qc_base_radio-block .qc_base_tag--sellout,.uno3-shop .qc-base-form .qc_base_radio-block .qc_base_tag--sellout {
    color: #97a3b7;
    background: #fff;
    border: 1px solid #97a3b7
}

.uno3-dialog .qc-base-form .qc_base_radio-block.qc_base_radio-block-checked,.uno3-shop .qc-base-form .qc_base_radio-block.qc_base_radio-block-checked {
    border: 1px solid #0052d9;
    background: #f5f8fd;
    box-shadow: 0 4px 12px 0 rgba(55,99,170,.1);
    color: #0052d9
}

.uno3-dialog .qc-base-form .qc_base_radio-block.qc_base_radio-block-disabled,.uno3-shop .qc-base-form .qc_base_radio-block.qc_base_radio-block-disabled {
    border: 1px solid #e3e6eb;
    background: #fff;
    color: #97a3b7
}

.uno3-dialog .qc-base-form .qc-base-radio-vertical .qc-base-radio-block-text-item,.uno3-shop .qc-base-form .qc-base-radio-vertical .qc-base-radio-block-text-item {
    padding-right: 6px
}

.uno3-dialog .qc-base-form .qc-base-radio-vertical .qc-base-radio-block-text-item+.qc-base-radio-block-text-item,.uno3-shop .qc-base-form .qc-base-radio-vertical .qc-base-radio-block-text-item+.qc-base-radio-block-text-item {
    padding: 0 6px;
    position: relative
}

.uno3-dialog .qc-base-form .qc-base-radio-vertical .qc-base-radio-block-text-item+.qc-base-radio-block-text-item:before,.uno3-shop .qc-base-form .qc-base-radio-vertical .qc-base-radio-block-text-item+.qc-base-radio-block-text-item:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 10px;
    background: #d6dbe3;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.uno3-dialog .qc-base-form .qc-base-select-placeholder,.uno3-shop .qc-base-form .qc-base-select-placeholder {
    color: #97a3b7
}

.uno3-dialog .qc-base-form .qc-base-select-btn,.uno3-shop .qc-base-form .qc-base-select-btn {
    border: 1px solid #e3e6eb;
    background: #fff;
    color: #181818
}

.uno3-dialog .qc-base-form .qc-base-select:hover .qc-base-select-btn,.uno3-shop .qc-base-form .qc-base-select:hover .qc-base-select-btn {
    border: 1px solid #0052d9;
    background: #fff;
    color: #181818
}

.uno3-dialog .qc-base-form .qc-base-select:hover .qc-base-select-btn .qc-base-select-btn-caret,.uno3-shop .qc-base-form .qc-base-select:hover .qc-base-select-btn .qc-base-select-btn-caret {
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_qc_base_select_arrow_hover.svg)
}

.uno3-dialog .qc-base-form .qc-base-select-disabled .qc-base-select-btn,.uno3-dialog .qc-base-form .qc-base-select.qc-base-select-disabled:hover .qc-base-select-btn,.uno3-shop .qc-base-form .qc-base-select-disabled .qc-base-select-btn,.uno3-shop .qc-base-form .qc-base-select.qc-base-select-disabled:hover .qc-base-select-btn {
    border: 1px solid #e3e6eb;
    background: #f1f2f5;
    color: #97a3b7
}

.uno3-dialog .qc-base-form .qc-base-select-disabled .qc-base-select-btn-caret,.uno3-dialog .qc-base-form .qc-base-select.qc-base-select-disabled:hover .qc-base-select-btn-caret,.uno3-shop .qc-base-form .qc-base-select-disabled .qc-base-select-btn-caret,.uno3-shop .qc-base-form .qc-base-select.qc-base-select-disabled:hover .qc-base-select-btn-caret {
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_qc_base_select_arrow_disabled.svg)
}

.uno3-dialog .qc-base-form .qc-base-select-active .qc-base-select-btn,.uno3-dialog .qc-base-form .qc-base-select.qc-base-select-active:hover .qc-base-select-btn,.uno3-shop .qc-base-form .qc-base-select-active .qc-base-select-btn,.uno3-shop .qc-base-form .qc-base-select.qc-base-select-active:hover .qc-base-select-btn {
    border: 1px solid #0052d9;
    background: #fff;
    color: #0052d9
}

.uno3-dialog .qc-base-form .qc-base-select-active .qc-base-select-btn-caret,.uno3-dialog .qc-base-form .qc-base-select.qc-base-select-active:hover .qc-base-select-btn-caret,.uno3-shop .qc-base-form .qc-base-select-active .qc-base-select-btn-caret,.uno3-shop .qc-base-form .qc-base-select.qc-base-select-active:hover .qc-base-select-btn-caret {
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_qc_base_select_arrow_active.svg)
}

.uno3-dialog .qc-base-form .qc-base-switch-container,.uno3-shop .qc-base-form .qc-base-switch-container {
    background-color: #d6dae1;
    border: 1px solid #d6dae1
}

.uno3-dialog .qc-base-form .qc-base-switch-container:after,.uno3-shop .qc-base-form .qc-base-switch-container:after {
    background-color: #fff;
    box-shadow: 0 4px 4px rgba(55,99,170,.1)
}

.uno3-dialog .qc-base-form .qc-base-switch-checked .qc-base-switch-container,.uno3-shop .qc-base-form .qc-base-switch-checked .qc-base-switch-container {
    background-color: #fff;
    border: 1px solid #0052d9
}

.uno3-dialog .qc-base-form .qc-base-switch-checked .qc-base-switch-container:after,.uno3-shop .qc-base-form .qc-base-switch-checked .qc-base-switch-container:after {
    left: 13px;
    background-color: #0052d9;
    box-shadow: 0 4px 4px rgba(55,99,170,.1)
}

.uno3-dialog .qc-base-form .qc-base-switch-inner,.uno3-shop .qc-base-form .qc-base-switch-inner {
    color: #000
}

.uno3-dialog .qc-base-form .qc-base-switch-disabled-inner,.uno3-shop .qc-base-form .qc-base-switch-disabled-inner {
    color: #97a3b7
}

.uno3-dialog .qc-base-form .qc-base-switch-disabled .qc-base-switch-container,.uno3-shop .qc-base-form .qc-base-switch-disabled .qc-base-switch-container {
    background-color: #eceef2;
    border: 1px solid #eceef2
}

.uno3-dialog .qc-base-form .qc-base-switch-disabled .qc-base-switch-container:after,.uno3-shop .qc-base-form .qc-base-switch-disabled .qc-base-switch-container:after {
    background-color: #fff;
    box-shadow: none
}

.uno3-dialog .qc-base-form .qc-base-switch-disabled.qc-base-switch-checked .qc-base-switch-container,.uno3-shop .qc-base-form .qc-base-switch-disabled.qc-base-switch-checked .qc-base-switch-container {
    background-color: #fff;
    border: 1px solid #eceef2
}

.uno3-dialog .qc-base-form .qc-base-switch-disabled.qc-base-switch-checked .qc-base-switch-container:after,.uno3-shop .qc-base-form .qc-base-switch-disabled.qc-base-switch-checked .qc-base-switch-container:after {
    background-color: #eceef2;
    box-shadow: none
}

.uno3-dialog .qc-base-radio-wrap .qc-base-radio-inner,.uno3-shop .qc-base-radio-wrap .qc-base-radio-inner {
    background: url(/web/jinglisafe/assets/images/activity/dialog_qc_base_radio_normal.svg) no-repeat
}

.uno3-dialog .qc-base-radio-wrap .qc-base-radio-text,.uno3-shop .qc-base-radio-wrap .qc-base-radio-text {
    color: #181818
}

.uno3-dialog .qc-base-radio-wrap:hover .qc-base-radio-inner,.uno3-shop .qc-base-radio-wrap:hover .qc-base-radio-inner {
    background: url(/web/jinglisafe/assets/images/activity/dialog_qc_base_radio_hover.svg) no-repeat
}

.uno3-dialog .qc-base-radio-wrap.qc-base-radio-checked .qc-base-radio-inner,.uno3-shop .qc-base-radio-wrap.qc-base-radio-checked .qc-base-radio-inner {
    background: url(/web/jinglisafe/assets/images/activity/dialog_qc_base_radio_checked.svg) no-repeat
}

.uno3-dialog .qc-base-radio-wrap.qc-base-radio-disabled .qc-base-radio-inner,.uno3-shop .qc-base-radio-wrap.qc-base-radio-disabled .qc-base-radio-inner {
    background: url(/web/jinglisafe/assets/images/activity/dialog_qc_base_radio_disabled.svg) no-repeat
}

.uno3-dialog .qc-base-radio-wrap.qc-base-radio-disabled .qc-base-radio-text,.uno3-shop .qc-base-radio-wrap.qc-base-radio-disabled .qc-base-radio-text {
    color: #97a3b7
}

.uno3-dialog .qc-base-radio-btn,.uno3-shop .qc-base-radio-btn {
    color: #181818;
    background: #f1f2f5
}

.uno3-dialog .qc-base-radio-btn .qc-base-tag,.uno3-shop .qc-base-radio-btn .qc-base-tag {
    border: 1px solid #ff7800;
    color: #ff7800;
    background: #fff
}

.uno3-dialog .qc-base-radio-btn .qc-base-tag--sellout,.uno3-shop .qc-base-radio-btn .qc-base-tag--sellout {
    color: #fff;
    background: #97a3b7;
    border: 1px solid #97a3b7
}

.uno3-dialog .qc-base-radio-btn:hover,.uno3-shop .qc-base-radio-btn:hover {
    background: #e3e6eb;
    color: #181818
}

.uno3-dialog .qc-base-radio-btn.qc-base-radio-btn-checked,.uno3-shop .qc-base-radio-btn.qc-base-radio-btn-checked {
    background: #0052d9;
    color: #fff
}

.uno3-dialog .qc-base-radio-btn.qc-base-radio-btn-checked .qc-base-tag,.uno3-shop .qc-base-radio-btn.qc-base-radio-btn-checked .qc-base-tag {
    background: #ff7800;
    border: 1px solid #ff7800;
    color: #fff
}

.uno3-dialog .qc-base-radio-btn.qc-base-radio-btn-checked .qc-base-tag--sellout,.uno3-shop .qc-base-radio-btn.qc-base-radio-btn-checked .qc-base-tag--sellout {
    color: #fff;
    background: #97a3b7;
    border: 1px solid #97a3b7
}

.uno3-dialog .qc-base-radio-btn.qc-base-radio-btn-disabled,.uno3-shop .qc-base-radio-btn.qc-base-radio-btn-disabled {
    background: #f1f2f5;
    color: #97a3b7
}

.uno3-dialog .qc-base-radio-groups-btn-multi .qc-base-radio-btn-text,.uno3-dialog .qc-base-radio-groups-btn-multi .qc-base-radio-btn:hover-text,.uno3-shop .qc-base-radio-groups-btn-multi .qc-base-radio-btn-text,.uno3-shop .qc-base-radio-groups-btn-multi .qc-base-radio-btn:hover-text {
    color: #333
}

.uno3-dialog .qc-base-radio-groups-btn-multi .qc-base-radio-btn-checked .qc-base-radio-btn-text,.uno3-shop .qc-base-radio-groups-btn-multi .qc-base-radio-btn-checked .qc-base-radio-btn-text {
    color: #fff
}

.uno3-dialog .qc-base-radio-groups-btn-multi .qc-base-radio-btn-disabled .qc-base-radio-btn-text,.uno3-shop .qc-base-radio-groups-btn-multi .qc-base-radio-btn-disabled .qc-base-radio-btn-text {
    color: #97a3b7
}

.uno3-dialog .qc-base-radio-block,.uno3-shop .qc-base-radio-block {
    border: 1px solid #e3e6eb;
    background: #fff;
    color: #181818
}

.uno3-dialog .qc-base-radio-block .qc-base-radio-block-tit,.uno3-shop .qc-base-radio-block .qc-base-radio-block-tit {
    color: #181818
}

.uno3-dialog .qc-base-radio-block .qc-base-radio-block-text,.uno3-shop .qc-base-radio-block .qc-base-radio-block-text {
    color: #4b5b76
}

.uno3-dialog .qc-base-radio-block:hover,.uno3-shop .qc-base-radio-block:hover {
    border: 1px solid #0052d9;
    background: #fff
}

.uno3-dialog .qc-base-radio-block:hover .qc-base-radio-block-tit,.uno3-shop .qc-base-radio-block:hover .qc-base-radio-block-tit {
    color: #181818
}

.uno3-dialog .qc-base-radio-block:hover .qc-base-radio-block-text,.uno3-shop .qc-base-radio-block:hover .qc-base-radio-block-text {
    color: #4b5b76
}

.uno3-dialog .qc-base-radio-block .qc-base-tag,.uno3-shop .qc-base-radio-block .qc-base-tag {
    border: 1px solid #ff7800;
    color: #ff7800;
    background: #fff
}

.uno3-dialog .qc-base-radio-block .qc-base-tag--sellout,.uno3-shop .qc-base-radio-block .qc-base-tag--sellout {
    color: #97a3b7;
    background: #fff;
    border: 1px solid #97a3b7
}

.uno3-dialog .qc-base-radio-block.qc-base-radio-block-checked,.uno3-shop .qc-base-radio-block.qc-base-radio-block-checked {
    border: 1px solid #0052d9;
    background: #f5f8fd;
    box-shadow: 0 4px 12px 0 rgba(55,99,170,.1);
    color: #0052d9
}

.uno3-dialog .qc-base-radio-block.qc-base-radio-block-checked .qc-base-radio-block-text,.uno3-dialog .qc-base-radio-block.qc-base-radio-block-checked .qc-base-radio-block-tit,.uno3-shop .qc-base-radio-block.qc-base-radio-block-checked .qc-base-radio-block-text,.uno3-shop .qc-base-radio-block.qc-base-radio-block-checked .qc-base-radio-block-tit {
    color: inherit
}

.uno3-dialog .qc-base-radio-block.qc-base-radio-block-disabled,.uno3-shop .qc-base-radio-block.qc-base-radio-block-disabled {
    border: 1px solid #e3e6eb;
    background: #fff;
    cursor: not-allowed;
    color: #97a3b7
}

.uno3-dialog .qc-base-radio-block.qc-base-radio-block-disabled .qc-base-radio-block-text,.uno3-dialog .qc-base-radio-block.qc-base-radio-block-disabled .qc-base-radio-block-tit,.uno3-shop .qc-base-radio-block.qc-base-radio-block-disabled .qc-base-radio-block-text,.uno3-shop .qc-base-radio-block.qc-base-radio-block-disabled .qc-base-radio-block-tit {
    color: inherit
}

.uno3-dialog .qc-base-radio-tag.is-vip,.uno3-shop .qc-base-radio-tag.is-vip {
    border: 1px solid #d37f00;
    background: #fff;
    color: #d37f00
}

.uno3-dialog .qc-base-radio-tag.is-vip:before,.uno3-shop .qc-base-radio-tag.is-vip:before {
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_qc_base_radio_normal_vip.svg)
}

.uno3-dialog .qc-base-radio-btn-checked .qc-base-radio-tag,.uno3-shop .qc-base-radio-btn-checked .qc-base-radio-tag {
    background: linear-gradient(79deg,#ffe9c3 49.11%,#fff5e3 68.01%,#ffe9c3 90.37%);
    color: #a74e05;
    border: none
}

.uno3-dialog .qc-base-radio-btn-checked .qc-base-radio-tag:before,.uno3-shop .qc-base-radio-btn-checked .qc-base-radio-tag:before {
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_qc_base_radio_checked_vip.svg)
}

@media (min-width: 769px) {
    .uno3-dialog:not(.uno3-buy-dialog) .qc-base-form-label {
        width:84px
    }

    .uno3-dialog:not(.uno3-buy-dialog) .qc-base-form-label+.qc-base-form-value {
        width: calc(100% - 94px)
    }
}

.uno3-page-with-dialog .qc-base-select-group-tit {
    background: #fff;
    color: #4b5b76
}

.uno3-page-with-dialog .qc-base-select-dropdown {
    border: 1px solid #e3e6eb;
    background: #fff
}

.uno3-page-with-dialog .qc-base-select-dropdown-item {
    background: #fff;
    color: #181818
}

.uno3-page-with-dialog .qc-base-select-dropdown-item-active {
    background: #0052d9;
    color: #fff
}

.uno3-page-with-dialog .qc-base-select-dropdown-item-active .qc-base-radio-block-text,.uno3-page-with-dialog .qc-base-select-dropdown-item-active .qc-base-radio-block-tit {
    color: #fff
}

.uno3-page-with-dialog .qc-base-select-dropdown-item:not(.qc-base-select-dropdown-item-active):not(.qc-base-select-dropdown-item-disabled):hover {
    background: #f5f7fa;
    color: #181818
}

.uno3-page-with-dialog .qc-base-select-dropdown-item-disabled {
    background: #fff;
    color: #98a3b7
}

.uno3-dialog .qc-base-text--highlight,.uno3-shop .qc-base-text--highlight {
    color: #ff7800
}

.uno3-dialog .qc-base-text--normal,.uno3-shop .qc-base-text--normal {
    color: #0052d9
}

.uno3-dialog .qc-base-text--buy,.uno3-shop .qc-base-text--buy {
    color: #ff7800
}

.uno3-dialog .qc-base-text--error,.uno3-shop .qc-base-text--error {
    color: #f64041
}

.uno3-dialog .qc-base-text--success,.uno3-shop .qc-base-text--success {
    color: #0cbf5b
}

.uno3-dialog .qc-base-text--warn,.uno3-shop .qc-base-text--warn {
    color: #ff7800
}

.uno3-dialog {
    min-width: 460px;
    max-width: 600px;
    background: #fff;
    border: 2px solid #fff;
    box-shadow: 0 8px 20px rgba(55,99,170,.1);
    border-radius: 8px;
    z-index: 1001;
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.uno3-dialog .uno3-dialog-body img:not([class]),.uno3-dialog .uno3-dialog-body img[class=""] {
    width: 100%
}

.uno3-dialog-hidden {
    display: none
}

.uno3-dialog-mask {
    z-index: 1001;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,.3)
}

.uno3-dialog-mask-hidden {
    display: none
}

.uno3-dialog-header {
    font-size: 18px;
    line-height: 26px;
    color: #181818;
    padding: 20px 20px 16px;
    position: relative;
    font-weight: 500
}

.uno3-dialog .qc-base-icon--close {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer
}

.uno3-dialog .qc-base-icon--close:after {
    content: "";
    position: absolute;
    left: -20px;
    top: -20px;
    right: -20px;
    bottom: -20px
}

.uno3-dialog-body {
    padding: 0 20px 24px;
    font-size: 14px;
    line-height: 22px;
    color: #181818;
    white-space: normal;
    word-break: break-all;
    overflow: auto;
    overflow-x: hidden
}

.uno3-dialog .uno3-dialog-body {
    max-height: 480px
}

@media (max-width: 768px) {
    .uno3-dialog .uno3-dialog-body {
        max-height:calc(100vh - 230px)
    }
}

.uno3-dialog-footer {
    padding: 20px;
    text-align: center
}

.uno3-dialog-footer .uno3-button {
    width: 120px
}

.uno3-dialog-footer .uno3-button+.uno3-button {
    margin-left: 20px
}

@media screen and (max-width: 768px) {
    .uno3-dialog {
        min-width:100%;
        max-width: 100%;
        width: 100%;
        position: fixed;
        bottom: 0;
        top: auto;
        left: 0;
        -webkit-transform: none;
        transform: none;
        max-height: calc(100% - 100px);
        border: none;
        border-radius: 0;
        background: #fff;
        box-shadow: 0 -8px 20px 0 rgba(55,99,170,.1)
    }

    .uno3-dialog.m-position-center {
        width: calc(100% - 32px);
        min-width: calc(100% - 32px);
        bottom: auto;
        left: 16px;
        right: 16px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .uno3-dialog-header {
        font-size: 16px;
        line-height: 24px;
        padding: 16px 16px 14px
    }

    .uno3-dialog-body {
        padding: 0 16px;
        overflow: auto
    }

    .uno3-dialog-footer .qc-base-form-value {
        margin-left: 0
    }

    .uno3-dialog-footer .uno3-button {
        width: calc(50% - 6px)
    }

    .uno3-dialog-footer .uno3-button+.uno3-button {
        margin-left: 12px
    }

    .uno3-dialog-footer .uno3-button:first-child:last-child {
        width: 100%
    }
}

.uno3-dialog.uno3-dialog-discount-detail .qc-base-form-wrap-config {
    margin-top: 12px
}

.uno3-dialog.uno3-dialog-discount-detail .uno3-dialog-discount-detail-content {
    display: table;
    width: 100%
}

.uno3-dialog.uno3-dialog-discount-detail .uno3-dialog-table-row {
    display: table-row;
    color: #181818;
    letter-spacing: 0;
    text-align: center;
    font-size: 14px;
    line-height: 22px
}

.uno3-dialog.uno3-dialog-discount-detail .uno3-dialog-table-row .uno3-dialog-table-col {
    background: #f5f7fa;
    text-align: center
}

.uno3-dialog.uno3-dialog-discount-detail .uno3-dialog-table-row:nth-child(odd) .uno3-dialog-table-col {
    background: #e0ecff
}

.uno3-dialog.uno3-dialog-discount-detail .uno3-dialog-table-row.uno3-dialog-table-head {
    color: #fff;
    font-weight: 500
}

.uno3-dialog.uno3-dialog-discount-detail .uno3-dialog-table-row.uno3-dialog-table-head .uno3-dialog-table-col {
    background: #0052d9
}

.uno3-dialog.uno3-dialog-discount-detail .uno3-dialog-table-col {
    display: table-cell;
    padding: 12px 4px;
    min-width: 80px;
    vertical-align: middle
}

.uno3-dialog.uno3-dialog-discount-detail .uno3-dialog-table-col:first-child {
    font-weight: 500
}

.uno3-dialog.uno3-dialog-discount-detail .uno3-dialog-table-col+.uno3-dialog-table-col {
    border-left: .5px solid #ecf2fe
}

.uno3-dialog.uno3-dialog-discount-detail .uno3-dialog-table-col .uno3-dialog-table-group {
    display: table
}

.uno3-dialog.uno3-dialog-discount-detail .uno3-dialog-table-col .uno3-dialog-table-label {
    color: #4b5b76;
    display: table-cell;
    min-width: 40px;
    padding-right: 12px
}

.uno3-dialog.uno3-dialog-discount-detail .uno3-dialog-table-col .uno3-dialog-table-value {
    text-align: left;
    display: table-cell
}

@media (max-width: 768px) {
    .uno3-dialog.uno3-dialog-discount-detail .uno3-dialog-table-row {
        font-size:12px;
        line-height: 18px;
        display: -ms-flexbox;
        display: flex
    }

    .uno3-dialog.uno3-dialog-discount-detail .uno3-dialog-table-row.uno3-dialog-table-head,.uno3-dialog.uno3-dialog-discount-detail .uno3-dialog-table-row.uno3-dialog-table-head .uno3-dialog-table-col {
        font-weight: 400
    }

    .uno3-dialog.uno3-dialog-discount-detail .uno3-dialog-table-row .uno3-dialog-table-col {
        min-width: auto;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex: 1;
        flex: 1;
        padding: 8px 4px
    }

    .uno3-dialog.uno3-dialog-discount-detail .qc-base-form-item .qc-base-form-label {
        width: 100%;
        margin-right: 0;
        margin-bottom: 8px
    }

    .uno3-dialog.uno3-dialog-discount-detail .qc-base-form-item .qc-base-form-value {
        width: 100%
    }
}

.uno3-dialog .uno3-dialog-tips-wrap .uno3-dialog-tips-tit {
    font-size: 14px;
    line-height: 22px;
    color: #181818;
    font-weight: 500;
    margin-bottom: 16px
}

.uno3-dialog .uno3-dialog-tips-wrap .uno3-dialog-tips-desc {
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    margin-bottom: 4px
}

.uno3-dialog.uno3-dialog-renew-tips .uno3-dialog-renew-tips-tit {
    font-size: 14px;
    line-height: 22px;
    color: #181818;
    font-weight: 500;
    margin-bottom: 16px
}

.uno3-dialog.uno3-dialog-renew-tips .uno3-dialog-renew-tips-desc {
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    margin-bottom: 4px
}

.uno3-dialog.uno3-dialog-renew-tips .tp-checkbox-wrap {
    margin-top: 28px;
    color: #4b5b76
}

@media (min-width: 769px) {
    .uno3-dialog.uno3-dialog-verify-code {
        width:480px
    }

    .uno3-dialog.uno3-dialog-verify-code .qc-base-form-input-button .qc-base-input {
        width: 200px
    }

    .uno3-dialog.uno3-dialog-verify-code .qc-base-form-input-button .uno3-button {
        width: 120px
    }

    .uno3-dialog .qc-base-form-item-input-btn {
        text-align: left;
        position: relative;
        font-size: 0;
        width: 400px;
        margin: 0 auto 20px
    }

    .uno3-dialog .qc-base-form-item-input-btn .qc-base-input {
        width: 328px
    }

    .uno3-dialog .qc-base-form-item-input-btn .uno3-button {
        position: absolute;
        right: 0;
        top: 0;
        min-width: 72px
    }
}

@media (max-width: 768px) {
    .uno3-dialog.uno3-dialog-verify-code .qc-base-form-input-button .qc-base-input {
        width:calc(100% - 128px);
        margin-right: 8px
    }

    .uno3-dialog.uno3-dialog-verify-code .qc-base-form-input-button .uno3-button {
        width: 120px
    }

    .uno3-dialog .qc-base-form-item-input-btn {
        text-align: left;
        position: relative;
        font-size: 0;
        width: 100%;
        margin: 0 auto 20px
    }

    .uno3-dialog .qc-base-form-item-input-btn .qc-base-input {
        width: calc(100% - 72px)
    }

    .uno3-dialog .qc-base-form-item-input-btn .uno3-button {
        position: absolute;
        right: 0;
        top: 0;
        min-width: 72px;
        width: 72px
    }
}

.uno3-dialog-discounts-detail .uno3-dialog-discounts-detail-list {
    margin-bottom: 16px
}

.uno3-dialog-discounts-detail .uno3-dialog-discounts-detail-list .uno3-dialog-discounts-detail-item {
    padding: 8px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.uno3-dialog-discounts-detail .uno3-dialog-discounts-detail-list .uno3-dialog-discounts-detail-item+.uno3-dialog-discounts-detail-item {
    position: relative
}

.uno3-dialog-discounts-detail .uno3-dialog-discounts-detail-list .uno3-dialog-discounts-detail-item+.uno3-dialog-discounts-detail-item:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #e3e6eb
}

.uno3-dialog-discounts-detail .uno3-dialog-discounts-detail-list .uno3-dialog-discounts-detail-label {
    font-size: 14px;
    line-height: 22px;
    color: #181818
}

.uno3-dialog-discounts-detail .uno3-dialog-discounts-detail-list .uno3-dialog-discounts-detail-tag {
    display: inline-block;
    margin-left: 8px;
    background-color: #ff7800;
    color: #fff;
    padding: 0 4px;
    border-radius: 2px;
    font-size: 12px;
    line-height: 18px
}

.uno3-dialog-discounts-detail .uno3-dialog-discounts-detail-list .uno3-dialog-discounts-detail-num {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #ff7800;
    display: block;
    text-align: right;
    text-decoration: underline;
    -webkit-text-decoration-style: dashed;
    text-decoration-style: dashed;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent
}

.uno3-dialog-discounts-detail .uno3-dialog-discounts-detail-list .uno3-dialog-discounts-detail-original {
    display: block;
    font-size: 12px;
    line-height: 20px;
    color: #97a3b7;
    text-align: right;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through
}

.uno3-dialog-discounts-detail .uno3-dialog-discounts-detail-total {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 12px;
    padding-bottom: 24px
}

.uno3-dialog-discounts-detail .uno3-dialog-discounts-detail-total-detail {
    font-size: 0;
    line-height: 1
}

.uno3-dialog-discounts-detail .uno3-dialog-discounts-detail-total-left {
    -ms-flex: 1;
    flex: 1
}

.uno3-dialog-discounts-detail .uno3-dialog-discounts-detail-total-original {
    font-size: 12px;
    line-height: 18px;
    color: #97a3b7;
    text-decoration: line-through;
    margin-right: 4px
}

.uno3-dialog-discounts-detail .uno3-dialog-discounts-detail-total-average {
    font-size: 12px;
    line-height: 18px;
    color: #97a3b7
}

.uno3-dialog-discounts-detail .uno3-dialog-discounts-detail-total-num {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #ff7200;
    margin-right: 4px
}

.uno3-dialog-discounts-detail .uno3-dialog-discounts-detail-total-unit {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #ff7800
}

.uno3-dialog-discounts-detail .uno3-dialog-discounts-detail-total-right {
    -ms-flex: 0 0 100px;
    flex: 0 0 100px
}

.uno3-dialog-discounts-detail .uno3-dialog-discounts-detail-total-right .uno3-button {
    width: 100px;
    height: 40px;
    min-width: auto
}

.uno3-confirm-dialog {
    width: 460px
}

.uno3-confirm-dialog .uno3-dialog-body {
    padding-top: 19px;
    padding-bottom: 60px;
    text-align: center
}

.uno3-confirm-dialog-icon {
    width: 72px;
    height: 72px;
    display: inline-block
}

.uno3-confirm-dialog-icon-success {
    background-image: url(/web/jinglisafe/assets/images/activity/dialog-icon-success.svg)
}

.uno3-confirm-dialog-icon-error {
    background-image: url(/web/jinglisafe/assets/images/activity/dialog-icon-failure.svg)
}

.uno3-confirm-dialog-title {
    font-size: 18px;
    line-height: 26px;
    color: #181818;
    margin-top: 25px;
    font-weight: 600
}

.uno3-confirm-dialog-desc {
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    margin-top: 12px
}

.uno3-confirm-dialog-desc+.uno3-confirm-dialog-desc {
    margin-top: 5px
}

.uno3-confirm-dialog-desc-list {
    margin-top: 24px
}

.uno3-confirm-dialog-desc-item {
    text-align: left
}

.uno3-confirm-dialog-desc-item+.uno3-confirm-dialog-desc-item {
    margin-top: 16px
}

.uno3-confirm-dialog-desc-label {
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    color: #181818
}

.uno3-confirm-dialog-desc-label+.uno3-confirm-dialog-desc-value {
    margin-top: 8px
}

.uno3-confirm-dialog-desc-value {
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76
}

@media (max-width: 768px) {
    .uno3-confirm-dialog-desc-list {
        margin-top:16px
    }

    .uno3-confirm-dialog-desc-item {
        text-align: left
    }

    .uno3-confirm-dialog-desc-item+.uno3-confirm-dialog-desc-item {
        margin-top: 12px
    }

    .uno3-confirm-dialog-desc-label {
        line-height: 26px
    }

    .uno3-confirm-dialog-desc-label+.uno3-confirm-dialog-desc-value {
        margin-top: 4px
    }

    .uno3-confirm-dialog-desc-value {
        line-height: 26px
    }
}

.uno3-confirm-dialog-btn-wrap {
    margin-top: 24px
}

.uno3-confirm-dialog-btn-wrap .uno3-button {
    width: 140px
}

.uno3-confirm-dialog-btn-wrap .uno3-button+.uno3-button {
    margin-left: 12px
}

.uno3-confirm-dialog-title+.uno3-confirm-dialog-btn-wrap {
    margin-top: 36px
}

@media screen and (max-width: 768px) {
    .uno3-confirm-dialog {
        width:100%
    }

    .uno3-confirm-dialog .uno3-dialog-body {
        padding-top: 13px;
        padding-bottom: 36px
    }

    .uno3-confirm-dialog-icon {
        margin-bottom: 17px
    }

    .uno3-confirm-dialog-title {
        margin-top: 0
    }

    .uno3-confirm-dialog-btn-wrap {
        margin-top: 32px
    }

    .uno3-confirm-dialog-btn-wrap .uno3-button {
        width: calc(50% - 6px)
    }

    .uno3-confirm-dialog-btn-wrap .uno3-button+.uno3-button {
        margin-left: 12px
    }

    .uno3-confirm-dialog-btn-wrap .uno3-button:first-child:last-child {
        width: 100%
    }

    .uno3-confirm-dialog-title+.uno3-confirm-dialog-btn-wrap {
        margin-top: 32px
    }
}

@media (min-width: 769px) {
    .uno3-dialog.uno3-dialog-lottery-confirm {
        padding-bottom:40px;
        max-width: 460px
    }

    .uno3-dialog.uno3-dialog-lottery-confirm .uno3-dialog-body,.uno3-dialog.uno3-dialog-lottery-confirm .uno3-dialog-footer {
        padding-bottom: 0
    }

    .uno3-dialog.uno3-dialog-lottery-confirm .uno3-dialog-footer .uno3-button {
        width: 160px;
        max-width: auto
    }

    .uno3-dialog.uno3-dialog-lottery .uno3-dialog-body {
        padding-bottom: 0;
        overflow: initial;
        max-height: none
    }

    .uno3-dialog.uno3-dialog-lottery .uno3-dialog-footer .uno3-button {
        width: 160px;
        max-width: auto
    }

    .uno3-dialog-lottery-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-dialog-lottery-icon-null {
        width: 132px;
        margin-bottom: 16px
    }

    .uno3-dialog-lottery-tit {
        font-size: 16px;
        line-height: 24px;
        color: #181818;
        font-weight: 500;
        text-align: center
    }

    .uno3-dialog-lottery-desc {
        margin-top: 8px;
        font-size: 14px;
        line-height: 22px;
        color: #4b5b76;
        text-align: center
    }

    .uno3-dialog-lottery-desc .qc-base-action,.uno3-dialog-lottery-desc .qc-base-link,.uno3-dialog-lottery-desc .qc-base-text {
        font-weight: 500
    }

    .uno3-dialog-lottery-wrap .uno3-dialog-lottery-prize {
        height: 150px;
        width: auto;
        margin-bottom: 24px
    }

    .uno3-dialog.uno3-dialog-lottery {
        max-width: none
    }

    .uno3-dialog.uno3-dialog-lottery .uno3-dialog-lottery-goods-info .qc-base-form .qc-base-form-item .qc-base-input {
        width: 360px
    }

    .uno3-dialog.uno3-dialog-lottery .uno3-dialog-lottery-goods-info .qc-base-form .qc-base-form-item .qc-base-select {
        width: 111px
    }

    .uno3-dialog.uno3-dialog-lottery .uno3-dialog-lottery-goods-info .qc-base-form .qc-base-form-item .qc-base-select-btn {
        width: 100%
    }

    .uno3-dialog.uno3-dialog-lottery .uno3-dialog-lottery-prize-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .uno3-dialog.uno3-dialog-lottery .uno3-dialog-lottery-prize-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        background: #f4f8ff;
        border-radius: 2px;
        padding: 20px;
        position: relative;
        min-height: 110px;
        width: 740px
    }

    .uno3-dialog.uno3-dialog-lottery .uno3-dialog-lottery-prize-item:nth-child(n+2) {
        margin-top: 16px
    }

    .uno3-dialog.uno3-dialog-lottery .uno3-dialog-lottery-prize-item-tag {
        display: inline-block;
        background: #0052d9;
        font-size: 12px;
        line-height: 20px;
        color: #fff;
        position: absolute;
        left: 0;
        top: 0;
        padding: 0 6px
    }

    .uno3-dialog.uno3-dialog-lottery .uno3-dialog-lottery-prize-item-img {
        width: 94px;
        border-radius: 4px;
        margin-right: 22px
    }

    .uno3-dialog.uno3-dialog-lottery .uno3-dialog-lottery-prize-item-name {
        font-size: 14px;
        line-height: 22px;
        font-weight: 500;
        color: #181818;
        display: inline-block;
        width: 117px;
        margin-right: 56px
    }

    .uno3-dialog.uno3-dialog-lottery .uno3-dialog-lottery-prize-item-desc {
        max-width: 395px;
        font-size: 14px;
        line-height: 22px;
        color: #4b5b76
    }

    .uno3-dialog.uno3-dialog-lottery .uno3-dialog-lottery-prize-item-desc .qc-base-text {
        font-weight: 500
    }

    .uno3-dialog.uno3-dialog-lottery .uno3-dialog-lottery-prize-item .qc-base-form-item:last-child {
        margin-bottom: 0
    }

    .uno3-dialog.uno3-dialog-lottery .uno3-dialog-lottery-prize-item.uno3-dialog-lottery-prize-item-task-undone {
        background: #f8f8f8;
        -ms-flex-pack: center;
        justify-content: center
    }

    .uno3-dialog.uno3-dialog-lottery .uno3-dialog-lottery-prize-item.uno3-dialog-lottery-prize-item-task-undone .uno3-dialog-lottery-prize-item-qrcode {
        width: 80px;
        height: 80px;
        margin-left: 12px
    }

    .uno3-dialog.uno3-dialog-lottery .uno3-dialog-lottery-prize-item.uno3-dialog-lottery-prize-item-task-undone .uno3-dialog-lottery-prize-item-desc {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        color: #181818
    }
}

@media (max-width: 768px) {
    .uno3-dialog.uno3-dialog-lottery-confirm {
        border-radius:4px;
        min-width: auto;
        width: calc(100% - 40px);
        left: 20px;
        right: 20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        bottom: auto;
        padding-bottom: 36px
    }

    .uno3-dialog.uno3-dialog-lottery-confirm .uno3-dialog-body,.uno3-dialog.uno3-dialog-lottery-confirm .uno3-dialog-footer {
        padding-bottom: 0
    }

    .uno3-dialog.uno3-dialog-lottery-confirm .uno3-dialog-footer .uno3-button:only-child {
        width: 160px;
        max-width: auto
    }

    .uno3-dialog-lottery-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-dialog-lottery-icon-null {
        width: 132px;
        margin-bottom: 24px
    }

    .uno3-dialog-lottery-tit {
        font-size: 16px;
        line-height: 24px;
        color: #181818;
        font-weight: 500;
        text-align: center
    }

    .uno3-dialog-lottery-desc {
        margin-top: 12px;
        font-size: 14px;
        line-height: 22px;
        color: #4b5b76;
        text-align: center
    }

    .uno3-dialog-lottery-desc .qc-base-action,.uno3-dialog-lottery-desc .qc-base-link,.uno3-dialog-lottery-desc .qc-base-text {
        font-weight: 500
    }

    .uno3-dialog-lottery-wrap .uno3-dialog-lottery-prize {
        width: auto;
        max-height: 150px;
        max-width: 100%;
        margin-bottom: 36px
    }

    .uno3-dialog.uno3-dialog-lottery .uno3-dialog-lottery-goods-info .qc-base-form .qc-base-form-item .qc-base-input,.uno3-dialog.uno3-dialog-lottery .uno3-dialog-lottery-goods-info .qc-base-form .qc-base-form-item .qc-base-select {
        width: 100%
    }

    .uno3-dialog.uno3-dialog-lottery .uno3-dialog-lottery-prize-item,.uno3-dialog.uno3-dialog-lottery .uno3-dialog-lottery-prize-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .uno3-dialog.uno3-dialog-lottery .uno3-dialog-lottery-prize-item {
        background: #f4f8ff;
        border-radius: 2px;
        padding: 16px 118px 16px 16px;
        position: relative;
        min-height: 100px;
        width: 100%
    }

    .uno3-dialog.uno3-dialog-lottery .uno3-dialog-lottery-prize-item:nth-child(n+2) {
        margin-top: 12px
    }

    .uno3-dialog.uno3-dialog-lottery .uno3-dialog-lottery-prize-item-tag {
        display: inline-block;
        background: #0052d9;
        font-size: 12px;
        line-height: 20px;
        color: #fff;
        position: absolute;
        right: 0;
        top: 0;
        padding: 0 6px
    }

    .uno3-dialog.uno3-dialog-lottery .uno3-dialog-lottery-prize-item-img {
        width: 94px;
        border-radius: 4px;
        position: absolute;
        right: 8px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .uno3-dialog.uno3-dialog-lottery .uno3-dialog-lottery-prize-item-name {
        font-size: 14px;
        line-height: 22px;
        font-weight: 500;
        color: #181818;
        display: block;
        margin-bottom: 8px
    }

    .uno3-dialog.uno3-dialog-lottery .uno3-dialog-lottery-prize-item-desc {
        font-size: 12px;
        line-height: 20px;
        color: #4b5b76
    }

    .uno3-dialog.uno3-dialog-lottery .uno3-dialog-lottery-prize-item-desc .qc-base-text {
        font-weight: 500
    }

    .uno3-dialog.uno3-dialog-lottery .uno3-dialog-lottery-prize-item-desc .qc-base-form-item-input-btn .qc-base-form-value {
        margin-left: 0
    }

    .uno3-dialog.uno3-dialog-lottery .uno3-dialog-lottery-prize-item-desc .qc-base-form-item-input-btn .uno3-button {
        width: 68px;
        min-width: 68px
    }

    .uno3-dialog.uno3-dialog-lottery .uno3-dialog-lottery-prize-item-desc .qc-base-form-item-input-btn .qc-base-input {
        width: calc(100% - 68px)
    }

    .uno3-dialog.uno3-dialog-lottery .uno3-dialog-lottery-prize-item.uno3-dialog-lottery-prize-item-task-undone {
        background: #f8f8f8;
        padding: 30px 16px;
        -ms-flex-pack: center;
        justify-content: center
    }

    .uno3-dialog.uno3-dialog-lottery .uno3-dialog-lottery-prize-item.uno3-dialog-lottery-prize-item-task-undone .uno3-dialog-lottery-prize-item-qrcode {
        width: 80px;
        height: 80px;
        margin-left: 44px
    }

    .uno3-dialog.uno3-dialog-lottery .uno3-dialog-lottery-prize-item.uno3-dialog-lottery-prize-item-task-undone .uno3-dialog-lottery-prize-item-desc {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        color: #181818;
        font-size: 14px;
        line-height: 22px
    }
}

@media (min-width: 769px) {
    .uno3-dialog.uno3-dialog-guide-service {
        width:506px;
        border-radius: 4px;
        border: 2px solid #fff;
        background: linear-gradient(0deg,#fff,#fff),linear-gradient(1turn,#fff,#f3f5f8);
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1)
    }

    .uno3-dialog.uno3-dialog-guide-service .uno3-dialog-header {
        padding-bottom: 12px
    }

    .uno3-dialog.uno3-dialog-guide-service .uno3-dialog-body {
        padding: 0 26px 38px
    }

    .uno3-dialog.uno3-dialog-guide-service .uno3-dialog-guide-service-wrap {
        padding-bottom: 10px;
        position: relative;
        min-height: 140px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-right: 140px
    }

    .uno3-dialog.uno3-dialog-guide-service .uno3-dialog-guide-service-icon {
        width: 42px;
        height: 42px;
        margin-bottom: 20px;
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat
    }

    .uno3-dialog.uno3-dialog-guide-service .uno3-dialog-guide-service-icon.icon-exclamation {
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_guide_icon_exclamation.svg)
    }

    .uno3-dialog.uno3-dialog-guide-service .uno3-dialog-guide-service-icon.icon-service {
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_guide_icon_service.svg)
    }

    .uno3-dialog.uno3-dialog-guide-service .uno3-dialog-guide-service-tit {
        font-size: 18px;
        font-weight: 500;
        line-height: 30px;
        letter-spacing: 0;
        color: #181818
    }

    .uno3-dialog.uno3-dialog-guide-service .uno3-dialog-guide-service-tit p {
        font-size: inherit;
        line-height: inherit
    }

    .uno3-dialog.uno3-dialog-guide-service .uno3-dialog-guide-service-subtit {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: 0;
        margin-top: 16px;
        color: #4c5b76;
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .uno3-dialog.uno3-dialog-guide-service .uno3-dialog-guide-service-qrcode {
        width: 120px;
        height: 120px;
        border-radius: 2px;
        border: 2px solid #fff;
        background: linear-gradient(180deg,#f4f6f9,#fff);
        box-shadow: 0 4px 16px 0 rgba(55,99,170,.1);
        padding: 2px;
        position: absolute;
        right: 0;
        bottom: 0
    }

    .uno3-dialog.uno3-dialog-guide-service .uno3-dialog-guide-service-qrcode img {
        width: 100%;
        height: 100%
    }
}

@media (max-width: 768px) {
    .uno3-dialog.uno3-dialog-guide-service {
        width:calc(100% - 32px);
        min-width: calc(100% - 32px);
        left: 16px;
        right: 16px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        bottom: auto;
        border-radius: 4px;
        border: 2px solid #fff;
        background: #fff;
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1)
    }

    .uno3-dialog.uno3-dialog-guide-service .uno3-dialog-header {
        padding-bottom: 12px
    }

    .uno3-dialog.uno3-dialog-guide-service .uno3-dialog-body {
        padding: 0 26px 26px
    }

    .uno3-dialog.uno3-dialog-guide-service .uno3-dialog-guide-service-wrap {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-dialog.uno3-dialog-guide-service .uno3-dialog-guide-service-icon {
        width: 42px;
        height: 42px;
        margin-bottom: 24px;
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat;
        -ms-flex-order: 1;
        order: 1
    }

    .uno3-dialog.uno3-dialog-guide-service .uno3-dialog-guide-service-icon.icon-exclamation {
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_guide_icon_exclamation.svg)
    }

    .uno3-dialog.uno3-dialog-guide-service .uno3-dialog-guide-service-icon.icon-service {
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_guide_icon_service.svg)
    }

    .uno3-dialog.uno3-dialog-guide-service .uno3-dialog-guide-service-tit {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0;
        color: #181818;
        -ms-flex-order: 2;
        order: 2
    }

    .uno3-dialog.uno3-dialog-guide-service .uno3-dialog-guide-service-tit p {
        text-align: center;
        font-size: inherit;
        line-height: inherit
    }

    .uno3-dialog.uno3-dialog-guide-service .uno3-dialog-guide-service-subtit {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: 0;
        margin-top: 16px;
        color: #4c5b76;
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -ms-flex-order: 4;
        order: 4
    }

    .uno3-dialog.uno3-dialog-guide-service .uno3-dialog-guide-service-qrcode {
        width: 120px;
        height: 120px;
        border-radius: 2px;
        border: 2px solid #fff;
        background: linear-gradient(180deg,#f4f6f9,#fff);
        box-shadow: 0 4px 16px 0 rgba(55,99,170,.1);
        padding: 2px;
        -ms-flex-order: 3;
        order: 3;
        margin-top: 20px
    }

    .uno3-dialog.uno3-dialog-guide-service .uno3-dialog-guide-service-qrcode img {
        width: 100%;
        height: 100%
    }
}

.uno3-dialog.uno3-dialog-discount {
    background: #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,59,170,.1);
    border: 0
}

.uno3-dialog.uno3-dialog-discount .uno3-dialog-body {
    background: #f5f7fa;
    padding: 20px
}

.uno3-dialog.uno3-dialog-discount .uno3-dialog-discount-card {
    background: #fff;
    padding: 12px;
    position: relative;
    max-height: none;
    transition: max-height .3s ease-in-out;
    overflow: hidden
}

@media (min-width: 769px) {
    .uno3-dialog.uno3-dialog-discount .uno3-dialog-discount-card {
        width:550px
    }
}

.uno3-dialog.uno3-dialog-discount .uno3-dialog-discount-card+.uno3-dialog-discount-card {
    margin-top: 8px
}

.uno3-dialog.uno3-dialog-discount .uno3-dialog-discount-card-title {
    font-size: 16px;
    line-height: 24px;
    padding-right: 48px;
    color: #181818;
    font-weight: 500;
    margin-bottom: 12px
}

.uno3-dialog.uno3-dialog-discount .uno3-dialog-discount-card-subtit {
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    color: #181818;
    margin-bottom: 10px;
    margin-top: 16px
}

.uno3-dialog.uno3-dialog-discount .uno3-dialog-discount-card-handle {
    position: absolute;
    right: 12px;
    top: 12px;
    font-size: 14px;
    line-height: 22px;
    cursor: pointer;
    color: #0052d9;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center
}

.uno3-dialog.uno3-dialog-discount .uno3-dialog-discount-card-handle-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(/web/jinglisafe/assets/images/activity/discount_dialog_arrow.png);
    background-size: 200% 100%;
    background-position: 100%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    background-repeat: no-repeat;
    margin-left: 4px;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out
}

.uno3-dialog.uno3-dialog-discount .uno3-dialog-discount-card-handle:hover {
    color: #0052d9
}

.uno3-dialog.uno3-dialog-discount .uno3-dialog-discount-card.is-show {
    max-height: none
}

.uno3-dialog.uno3-dialog-discount .uno3-dialog-discount-card.is-show .uno3-dialog-discount-card-handle {
    color: #0052d9
}

.uno3-dialog.uno3-dialog-discount .uno3-dialog-discount-card.is-show .uno3-dialog-discount-card-handle .uno3-dialog-discount-card-handle-icon {
    background-position: 100%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.uno3-dialog.uno3-dialog-discount .uno3-dialog-discount-card.is-hide {
    max-height: 48px
}

.uno3-dialog.uno3-dialog-discount .uno3-dialog-discount-card.is-hide .uno3-dialog-discount-card-handle {
    color: #97a3b7
}

.uno3-dialog.uno3-dialog-discount .uno3-dialog-discount-card.is-hide .uno3-dialog-discount-card-handle .uno3-dialog-discount-card-handle-icon {
    background-position: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.uno3-dialog.uno3-dialog-discount .uno3-dialog-discount-card.is-hide .uno3-dialog-discount-card-handle:hover {
    color: #0052d9
}

.uno3-dialog.uno3-dialog-discount .uno3-dialog-discount-card.is-hide .uno3-dialog-discount-card-handle:hover .uno3-dialog-discount-card-handle-icon {
    background-position: 100%
}

.uno3-dialog.uno3-dialog-discount .uno3-dialog-discount-card .qc-base-form-wrap-selected {
    margin: 0;
    padding: 0;
    background: transparent
}

.uno3-dialog.uno3-dialog-discount .uno3-dialog-discount-card .qc-base-form-item {
    margin-bottom: 14px
}

.uno3-dialog.uno3-dialog-discount .uno3-dialog-discount-card .qc-base-form-item:last-child {
    margin-bottom: 0
}

.uno3-dialog.uno3-dialog-discount .uno3-dialog-discount-card .qc-base-form-item .qc-base-form-label-inner,.uno3-dialog.uno3-dialog-discount .uno3-dialog-discount-card .qc-base-form-item .qc-base-form-value-inner {
    line-height: 18px
}

.uno3-dialog.uno3-dialog-discount .uno3-dialog-discount-card-table {
    display: table;
    width: 100%;
    border: 1px solid #e3e6eb;
    border-bottom: 0
}

.uno3-dialog.uno3-dialog-discount .uno3-dialog-discount-card-table .uno3-dialog-discount-table-row {
    display: table-row;
    color: #181818;
    letter-spacing: 0;
    text-align: center;
    font-size: 14px;
    line-height: 22px
}

.uno3-dialog.uno3-dialog-discount .uno3-dialog-discount-card-table .uno3-dialog-discount-table-row .uno3-dialog-discount-table-col {
    background: #fff;
    text-align: center
}

.uno3-dialog.uno3-dialog-discount .uno3-dialog-discount-card-table .uno3-dialog-discount-table-row.uno3-dialog-discount-table-head {
    color: #4b5b76
}

.uno3-dialog.uno3-dialog-discount .uno3-dialog-discount-card-table .uno3-dialog-discount-table-row.uno3-dialog-discount-table-head .uno3-dialog-discount-table-col {
    background: #f7f7f9
}

.uno3-dialog.uno3-dialog-discount .uno3-dialog-discount-card-table .uno3-dialog-discount-table-col {
    display: table-cell;
    padding: 12px 4px;
    min-width: 72px;
    border-bottom: 1px solid #e3e6eb;
    vertical-align: middle
}

.uno3-dialog.uno3-dialog-discount .uno3-dialog-discount-card-table .uno3-dialog-discount-table-col:first-child {
    font-weight: 500
}

.uno3-dialog.uno3-dialog-discount .uno3-dialog-discount-card-table .uno3-dialog-discount-table-col+.uno3-dialog-discount-table-col {
    border-left: 1px solid #e3e6eb
}

.uno3-dialog.uno3-dialog-discount .uno3-dialog-discount-card-table .uno3-dialog-discount-table-col .uno3-dialog-discount-table-group {
    display: table
}

.uno3-dialog.uno3-dialog-discount .uno3-dialog-discount-card-table .uno3-dialog-discount-table-col .uno3-dialog-discount-table-label {
    color: #4b5b76;
    display: table-cell;
    min-width: 40px;
    padding-right: 12px
}

.uno3-dialog.uno3-dialog-discount .uno3-dialog-discount-card-table .uno3-dialog-discount-table-col .uno3-dialog-discount-table-value {
    text-align: left;
    display: table-cell
}

@media (max-width: 768px) {
    .uno3-dialog.uno3-dialog-discount .uno3-dialog-body {
        padding:12px 16px
    }

    .uno3-dialog.uno3-dialog-discount .uno3-dialog-discount-card-title {
        font-size: 14px;
        line-height: 22px
    }

    .uno3-dialog.uno3-dialog-discount .uno3-dialog-discount-card-subtit {
        font-size: 12px;
        line-height: 18px;
        margin-top: 12px;
        margin-bottom: 8px
    }

    .uno3-dialog.uno3-dialog-discount .uno3-dialog-discount-card-handle {
        font-size: 12px;
        line-height: 20px
    }

    .uno3-dialog.uno3-dialog-discount .uno3-dialog-discount-card .uno3-dialog-discount-table-row {
        font-size: 12px;
        line-height: 18px;
        display: -ms-flexbox;
        display: flex
    }

    .uno3-dialog.uno3-dialog-discount .uno3-dialog-discount-card .uno3-dialog-discount-table-row.uno3-dialog-discount-table-head,.uno3-dialog.uno3-dialog-discount .uno3-dialog-discount-card .uno3-dialog-discount-table-row.uno3-dialog-discount-table-head .uno3-dialog-discount-table-col {
        font-weight: 400
    }

    .uno3-dialog.uno3-dialog-discount .uno3-dialog-discount-card .uno3-dialog-discount-table-row .uno3-dialog-discount-table-col {
        min-width: auto;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex: 1;
        flex: 1;
        padding: 8px 4px
    }
}

.uno3-dialog.uno3-dialog-student-verification {
    padding: 40px 46px;
    border-radius: 4px;
    border: 2px solid #fff;
    background: linear-gradient(0deg,#fff,#fff),linear-gradient(0deg,#fff,#f3f5f8);
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1)
}

@media screen and (min-width: 769px) {
    .uno3-dialog.uno3-dialog-student-verification {
        min-width:0
    }
}

.uno3-dialog.uno3-dialog-student-verification .uno3-dialog-header {
    padding: 0;
    position: static
}

.uno3-dialog.uno3-dialog-student-verification .uno3-dialog-header .qc-base-icon-close {
    right: 16px;
    top: 16px
}

.uno3-dialog.uno3-dialog-student-verification .uno3-dialog-body,.uno3-dialog.uno3-dialog-student-verification .uno3-dialog-footer {
    padding: 0
}

.uno3-dialog.uno3-dialog-student-verification .uno3-dialog-footer {
    margin-top: 32px
}

@media screen and (min-width: 769px) {
    .uno3-dialog.uno3-dialog-student-verification .uno3-dialog-footer .uno3-button {
        width:calc(50% - 10px)
    }
}

.uno3-dialog.uno3-dialog-student-verification .uno3-dialog-student-verification-title {
    color: #181818;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500
}

.uno3-dialog.uno3-dialog-student-verification .uno3-button {
    box-shadow: none
}

.uno3-dialog.uno3-dialog-student-verification.type-free {
    padding: 23px 19px 26px 25px
}

.uno3-dialog.uno3-dialog-student-verification.type-free .qc-base-icon-close {
    top: 25px;
    right: 20px
}

.uno3-dialog.uno3-dialog-student-verification.type-free .uno3-dialog-body {
    max-height: none;
    overflow: hidden
}

.uno3-dialog.uno3-dialog-student-verification.type-free .uno3-dialog-student-verification-icon {
    width: 23px;
    height: 16px
}

.uno3-dialog.uno3-dialog-student-verification.type-free .uno3-dialog-student-verification-img {
    margin-top: 17px;
    width: 412px;
    height: 90px;
    border-radius: 4px
}

.uno3-dialog.uno3-dialog-student-verification.type-free .uno3-dialog-student-verification-inner {
    margin-top: 22px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.uno3-dialog.uno3-dialog-student-verification.type-free .uno3-dialog-student-verification-content {
    -ms-flex: 1;
    flex: 1;
    width: 0
}

.uno3-dialog.uno3-dialog-student-verification.type-free .uno3-dialog-student-verification-tag {
    color: #181818;
    font-size: 20px;
    line-height: 28px
}

.uno3-dialog.uno3-dialog-student-verification.type-free .uno3-dialog-student-verification-title {
    color: #ae884d;
    font-size: 28px;
    line-height: 36px
}

.uno3-dialog.uno3-dialog-student-verification.type-free .uno3-dialog-student-verification-tag,.uno3-dialog.uno3-dialog-student-verification.type-free .uno3-dialog-student-verification-title {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-dialog.uno3-dialog-student-verification.type-free .uno3-dialog-student-verification-tag+.uno3-dialog-student-verification-title {
    margin-top: 4px
}

@media screen and (min-width: 769px) {
    .uno3-dialog.uno3-dialog-student-verification.type-free .uno3-button {
        -ms-flex-negative:0;
        flex-shrink: 0;
        width: 180px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 7px 16px
    }

    .uno3-dialog.uno3-dialog-student-verification.type-free .uno3-button:after {
        content: "";
        width: 14px;
        height: 5px;
        background-size: cover;
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_verification_btn_arrow.svg)
    }
}

.uno3-dialog.uno3-dialog-student-verification-success .uno3-dialog-header {
    padding: 0
}

.uno3-dialog.uno3-dialog-student-verification-success .uno3-dialog-body {
    padding-top: 40px;
    padding-bottom: 40px
}

.uno3-dialog.uno3-dialog-student-verification.type-qrcode {
    padding: 77px 34px 47px
}

.uno3-dialog.uno3-dialog-student-verification.type-qrcode:after {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    content: "";
    width: 100%;
    height: 0;
    padding-top: 25.2%;
    background-size: cover;
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_verification_qrcode_bg_PC.png)
}

.uno3-dialog.uno3-dialog-student-verification.type-qrcode .uno3-dialog-student-verification-icon {
    position: absolute;
    top: 25px;
    left: 36px
}

.uno3-dialog.uno3-dialog-student-verification.type-qrcode .uno3-dialog-student-verification-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1
}

.uno3-dialog.uno3-dialog-student-verification.type-qrcode .uno3-dialog-student-verification-img {
    width: 104px;
    height: 104px
}

.uno3-dialog.uno3-dialog-student-verification.type-qrcode .uno3-dialog-student-verification-content+.uno3-dialog-student-verification-img {
    margin-left: 20px
}

.uno3-dialog.uno3-dialog-student-verification.type-qrcode .uno3-dialog-student-verification-tag {
    color: #ae884d;
    font-size: 14px;
    line-height: 22px
}

.uno3-dialog.uno3-dialog-student-verification.type-qrcode .uno3-dialog-student-verification-title+.uno3-dialog-student-verification-tag {
    margin-top: 4px
}

.uno3-dialog.uno3-dialog-student-verification.type-qrcode .uno3-dialog-student-verification-desc {
    color: #0052d9;
    font-size: 12px;
    line-height: 20px
}

.uno3-dialog.uno3-dialog-student-verification.type-qrcode .uno3-dialog-student-verification-header+.uno3-dialog-student-verification-desc {
    margin-top: 24px
}

@media screen and (max-width: 768px) {
    .uno3-dialog.uno3-dialog-student-verification {
        padding:46px 26px
    }

    .uno3-dialog.uno3-dialog-student-verification .uno3-dialog-footer {
        margin-top: 32px
    }

    .uno3-dialog.uno3-dialog-student-verification .uno3-dialog-footer .uno3-button {
        width: calc(50% - 10px)
    }

    .uno3-dialog.uno3-dialog-student-verification .uno3-dialog-footer .uno3-button+.uno3-button {
        margin-left: 20px
    }

    .uno3-dialog.uno3-dialog-student-verification.type-free {
        padding: 28px 26px 46px
    }

    .uno3-dialog.uno3-dialog-student-verification.type-free .qc-base-icon-close {
        top: 16px;
        right: 16px
    }

    .uno3-dialog.uno3-dialog-student-verification.type-free .uno3-dialog-student-verification-inner {
        margin-top: 24px
    }

    .uno3-dialog.uno3-dialog-student-verification.type-free .uno3-dialog-student-verification-img {
        margin-top: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 146px;
        height: 68px
    }

    .uno3-dialog.uno3-dialog-student-verification.type-free .uno3-dialog-student-verification-content+.uno3-dialog-student-verification-img {
        margin-left: 32px
    }

    .uno3-dialog.uno3-dialog-student-verification.type-free .uno3-button {
        margin-top: 28px;
        width: 100%
    }

    .uno3-dialog.uno3-dialog-student-verification-success .uno3-dialog-body {
        padding-bottom: 48px
    }

    .uno3-dialog.uno3-dialog-student-verification-success .uno3-confirm-dialog-icon {
        margin-bottom: 0
    }

    .uno3-dialog.uno3-dialog-student-verification-success .uno3-confirm-dialog-title {
        margin-top: 16px
    }

    .uno3-dialog.uno3-dialog-student-verification-success .uno3-confirm-dialog-btn-wrap {
        margin-top: 32px
    }

    .uno3-dialog.uno3-dialog-student-verification.type-qrcode {
        padding: 56px 22px 36px
    }

    .uno3-dialog.uno3-dialog-student-verification.type-qrcode:after {
        width: 768px;
        height: 124px;
        bottom: -12px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_verification_qrcode_bg_Mobile.png)
    }

    .uno3-dialog.uno3-dialog-student-verification.type-qrcode .uno3-dialog-student-verification-icon {
        top: -24px;
        left: 28px
    }

    .uno3-dialog.uno3-dialog-student-verification.type-qrcode .uno3-dialog-student-verification-inner {
        display: block
    }

    .uno3-dialog.uno3-dialog-student-verification.type-qrcode .uno3-dialog-student-verification-content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .uno3-dialog.uno3-dialog-student-verification.type-qrcode .uno3-dialog-student-verification-tag {
        font-size: 12px;
        line-height: 20px
    }

    .uno3-dialog.uno3-dialog-student-verification.type-qrcode .uno3-dialog-student-verification-title+.uno3-dialog-student-verification-tag {
        margin-top: 32px
    }

    .uno3-dialog.uno3-dialog-student-verification.type-qrcode .uno3-dialog-student-verification-desc {
        display: inline-block;
        margin-top: 22px;
        border-radius: 20px;
        background: rgba(0,82,217,.05);
        padding: 4px 16px
    }
}

@media (min-width: 769px) {
    .uno3-dialog.uno3-dialog-permissions {
        width:680px;
        max-width: 680px
    }

    .uno3-dialog.uno3-dialog-permissions .uno-dialog-body {
        padding-bottom: 20px
    }
}

.uno3-dialog.uno3-dialog-permissions .uno3-dialog-permissions-icon {
    width: 70px;
    height: 70px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    margin: 30px auto 24px
}

.uno3-dialog.uno3-dialog-permissions .uno3-dialog-permissions-icon.no-permission {
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_permissions_icon_no.png)
}

@media (max-width: 768px) {
    .uno3-dialog.uno3-dialog-permissions .uno3-dialog-permissions-icon {
        margin:12px auto 16px;
        width: 72px;
        height: 72px
    }
}

.uno3-dialog.uno3-dialog-permissions .uno3-dialog-permissions-tit {
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    color: #181818;
    text-align: center
}

.uno3-dialog.uno3-dialog-permissions .uno3-dialog-permissions-desc {
    margin-top: 8px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    text-align: center
}

@media (max-width: 768px) {
    .uno3-dialog.uno3-dialog-permissions .uno3-dialog-permissions-desc {
        margin-top:12px
    }
}

.uno3-dialog.uno3-dialog-permissions .uno3-dialog-permissions-info-panel {
    margin-top: 24px
}

@media (max-width: 768px) {
    .uno3-dialog.uno3-dialog-permissions .uno3-dialog-permissions-info-panel {
        margin-top:16px
    }
}

.uno3-dialog.uno3-dialog-permissions .uno3-dialog-permissions-info-panel-head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    margin-bottom: 8px
}

.uno3-dialog.uno3-dialog-permissions .uno3-dialog-permissions-info-panel-content {
    border: 1px solid #d6dbe3;
    font-size: 14px;
    line-height: 22px;
    color: #181818;
    text-align: left;
    padding: 8px 10px
}

.uno3-dialog.uno3-dialog-permissions .uno3-dialog-footer {
    padding-top: 0
}

@media (max-width: 769px) {
    .uno3-dialog.uno3-dialog-permissions .uno3-dialog-footer {
        padding-top:32px
    }

    .uno3-dialog.uno3-dialog-permissions .uno3-dialog-footer .uno3-button:first-child:last-child {
        width: 120px
    }
}

.uno3-dialog .uno3-dialog-vouchervertical__tag {
    height: auto;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 11px;
    border-radius: 2px;
    border: 1px solid #ffa760;
    background: linear-gradient(0deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,.5)),#ffeddf;
    color: #c04100;
    font-size: 14px;
    line-height: 22px
}

.uno3-dialog .uno3-dialog-vouchervertical__tag:before {
    content: "";
    width: 16px;
    height: 16px;
    background-size: cover;
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_voucher_tag_alert.svg);
    display: block;
    margin-right: 8px
}

@media screen and (min-width: 769px) {
    .uno3-dialog.uno3-dialog-hero-video {
        border:none;
        max-width: none;
        min-width: auto
    }

    .uno3-dialog.uno3-dialog-hero-video .uno3-dialog-header {
        height: 0
    }

    .uno3-dialog.uno3-dialog-hero-video .uno3-dialog-header .qc-base-icon--close {
        right: -40px;
        top: -2px;
        width: 32px;
        height: 32px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3-video-close-icon.svg);
        background-size: cover
    }

    .uno3-dialog.uno3-dialog-hero-video .uno3-dialog-body {
        padding: 0;
        max-width: 98%;
        max-height: 100%;
        width: 700px;
        height: 500px
    }

    .uno3-dialog.uno3-dialog-hero-video iframe,.uno3-dialog.uno3-dialog-hero-video video {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #000;
        border: none;
        border-radius: 8px
    }
}

@media screen and (max-width: 768px) {
    .uno3-dialog.uno3-dialog-hero-video {
        border:none;
        max-width: none;
        background: #000;
        min-width: auto;
        top: 50%;
        bottom: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .uno3-dialog.uno3-dialog-hero-video .uno3-dialog-header {
        display: none
    }

    .uno3-dialog.uno3-dialog-hero-video .uno3-dialog-body {
        padding: 10px;
        max-width: 100%;
        max-height: 100%
    }

    .uno3-dialog.uno3-dialog-hero-video iframe,.uno3-dialog.uno3-dialog-hero-video video {
        width: 100%;
        margin: auto;
        border: none;
        display: block
    }
}

.uno3-dialog.uno3-dialog-member-equity .uno3-dialog-header {
    padding: 0
}

.uno3-dialog.uno3-dialog-member-equity .uno3-dialog-member-equity-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.uno3-dialog.uno3-dialog-member-equity .uno3-dialog-member-equity-title-text {
    color: rgba(0,0,0,.9);
    font-weight: 500
}

.uno3-dialog.uno3-dialog-member-equity .uno3-dialog-member-equity-title-icon {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 56px;
    height: 20px
}

.uno3-dialog.uno3-dialog-member-equity .uno3-dialog-member-equity-title-icon.icon-v1 {
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_member_guide_icon_v1.png)
}

.uno3-dialog.uno3-dialog-member-equity .uno3-dialog-member-equity-title-icon.icon-v2 {
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_member_guide_icon_v2.png)
}

.uno3-dialog.uno3-dialog-member-equity .uno3-dialog-member-equity-title-icon.type-v1 {
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_member_guide_icon_v1.svg)
}

.uno3-dialog.uno3-dialog-member-equity .uno3-dialog-member-equity-title-icon.type-v2 {
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_member_guide_icon_v2.svg)
}

.uno3-dialog.uno3-dialog-member-equity .uno3-dialog-member-equity-title-icon.type-v3 {
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_member_guide_icon_v3.svg)
}

.uno3-dialog.uno3-dialog-member-equity .uno3-dialog-member-equity-desc {
    text-align: center;
    color: rgba(0,0,0,.9)
}

@media screen and (min-width: 769px) {
    .uno3-dialog.uno3-dialog-member-equity {
        left:50%;
        top: 50%;
        right: auto;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        bottom: auto;
        background: #fff;
        border: 0;
        width: 600px
    }

    .uno3-dialog.uno3-dialog-member-equity .qc-base-icon--close {
        top: 20px;
        right: 20px;
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_member_guide_icon_close.svg)
    }

    .uno3-dialog.uno3-dialog-member-equity .uno3-dialog-body {
        padding: 46px 50px 0;
        max-height: none;
        background-size: auto 300px;
        background-position: 100% 0;
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_member_guide_v2_bg.png);
        background-repeat: no-repeat
    }

    .uno3-dialog.uno3-dialog-member-equity .uno3-dialog-footer {
        padding: 20px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-dialog.uno3-dialog-member-equity .uno3-dialog-footer .uno3-button--primary {
        margin-top: 10px;
        width: 180px;
        padding: 7px 8px;
        background: #383535;
        color: #ffd9c2;
        font-size: 14px;
        line-height: 22px
    }

    .uno3-dialog.uno3-dialog-member-equity .uno3-dialog-member-equity-title {
        gap: 4px
    }

    .uno3-dialog.uno3-dialog-member-equity .uno3-dialog-member-equity-title-text {
        font-size: 16px;
        line-height: 24px
    }

    .uno3-dialog.uno3-dialog-member-equity .uno3-dialog-member-equity-desc {
        margin-top: 8px;
        font-size: 20px;
        line-height: 28px;
        font-weight: 600
    }

    .uno3-dialog.uno3-dialog-member-equity .uno3-dialog-member-equity-desc .sdk-opc-tag-member-dialog__highlight {
        color: #a74e05
    }

    .uno3-dialog.uno3-dialog-member-equity .uno3-dialog-member-equity-content {
        margin-top: 24px
    }

    .uno3-dialog.uno3-dialog-member-equity .uno3-dialog-member-equity-item {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 12px 19px;
        border-radius: 4px;
        border: 1px solid rgba(220,196,166,.3);
        background: #fff;
        box-shadow: 0 2px 4px 0 rgba(255,217,194,.2);
        gap: 8px
    }

    .uno3-dialog.uno3-dialog-member-equity .uno3-dialog-member-equity-item-img {
        width: 16px;
        height: 16px
    }

    .uno3-dialog.uno3-dialog-member-equity .uno3-dialog-member-equity-item-text {
        max-width: calc(100% - 88px);
        font-size: 12px;
        line-height: 22px;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #6e2a1e
    }

    .uno3-dialog.uno3-dialog-member-equity .uno3-dialog-member-equity-item-text em {
        font-style: normal;
        color: #c46f00;
        font-weight: 500
    }

    .uno3-dialog.uno3-dialog-member-equity .uno3-dialog-member-equity-item-text .sdk-opc-tag-member-dialog__highlight {
        color: #c46f00
    }

    .uno3-dialog.uno3-dialog-member-equity .uno3-dialog-member-equity-item-text .sdk-opc-tag-member-dialog__highlight em {
        color: #c46f00;
        font-size: 14px;
        line-height: 22px;
        font-weight: 700
    }

    .uno3-dialog.uno3-dialog-member-equity .uno3-dialog-member-equity-item-status {
        margin-left: auto;
        padding-right: 20px;
        color: #6e2a1e;
        font-size: 12px;
        line-height: 20px;
        position: relative
    }

    .uno3-dialog.uno3-dialog-member-equity .uno3-dialog-member-equity-item-status:after {
        position: absolute;
        top: 2px;
        right: 0;
        display: block;
        content: "";
        width: 16px;
        height: 16px;
        background-size: cover;
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_member_v2_item_status_icon.svg)
    }

    .uno3-dialog.uno3-dialog-member-equity .uno3-dialog-member-equity-item+.uno3-dialog-member-equity-item {
        margin-top: 8px
    }

    .uno3-dialog.uno3-dialog-member-equity .uno3-dialog-member-equity-link {
        color: #a74e05;
        font-size: 12px;
        line-height: 20px;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
        align-items: center;
        gap: 2px;
        cursor: pointer
    }

    .uno3-dialog.uno3-dialog-member-equity .uno3-dialog-member-equity-link:after {
        content: "";
        display: block;
        width: 16px;
        height: 16px;
        background-size: cover;
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_member_v2_link_icon.svg);
        transition: -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
    }

    .uno3-dialog.uno3-dialog-member-equity .uno3-dialog-member-equity-link:hover:after {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
}

@media screen and (max-width: 768px) {
    .uno3-dialog.uno3-dialog-member-equity {
        top:auto;
        right: auto;
        left: 0;
        bottom: 0;
        -webkit-transform: none;
        transform: none;
        background: #fff;
        border: 0;
        width: 100%
    }

    .uno3-dialog.uno3-dialog-member-equity .uno-icon-close {
        top: 20px;
        right: 20px
    }

    .uno3-dialog.uno3-dialog-member-equity .uno3-dialog-body {
        padding: 46px 16px 0;
        max-height: none;
        background-size: auto 300px;
        background-position: 100% 0;
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_member_guide_v2_bg.png);
        background-repeat: no-repeat
    }

    .uno3-dialog.uno3-dialog-member-equity .uno3-dialog-footer {
        padding: 16px 16px 20px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-dialog.uno3-dialog-member-equity .uno3-dialog-footer .uno3-button--primary {
        margin-top: 10px;
        width: 180px;
        padding: 7px 8px;
        background: #383535;
        color: #ffd9c2;
        font-size: 14px;
        line-height: 22px
    }

    .uno3-dialog.uno3-dialog-member-equity .uno3-dialog-member-equity-title {
        gap: 4px
    }

    .uno3-dialog.uno3-dialog-member-equity .uno3-dialog-member-equity-title-text {
        font-size: 16px;
        line-height: 24px
    }

    .uno3-dialog.uno3-dialog-member-equity .uno3-dialog-member-equity-desc {
        margin-top: 8px;
        font-size: 18px;
        line-height: 26px;
        font-weight: 500
    }

    .uno3-dialog.uno3-dialog-member-equity .uno3-dialog-member-equity-level {
        color: #a74e05
    }

    .uno3-dialog.uno3-dialog-member-equity .uno3-dialog-member-equity-content {
        margin-top: 16px
    }

    .uno3-dialog.uno3-dialog-member-equity .uno3-dialog-member-equity-item {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 12px 15px;
        border-radius: 4px;
        border: 1px solid rgba(220,196,166,.3);
        background: #fff;
        box-shadow: 0 2px 4px 0 rgba(255,217,194,.2);
        gap: 8px
    }

    .uno3-dialog.uno3-dialog-member-equity .uno3-dialog-member-equity-item-img {
        width: 16px;
        height: 16px
    }

    .uno3-dialog.uno3-dialog-member-equity .uno3-dialog-member-equity-item-text {
        max-width: calc(100% - 48px);
        font-size: 12px;
        line-height: 22px;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #6e2a1e
    }

    .uno3-dialog.uno3-dialog-member-equity .uno3-dialog-member-equity-item-text .qc-base-text--buy {
        font-family: DIN Pro;
        color: #c46f00;
        font-size: 14px;
        line-height: 22px;
        font-weight: 700
    }

    .uno3-dialog.uno3-dialog-member-equity .uno3-dialog-member-equity-item-text .qc-base-text--highlight {
        color: #c46f00
    }

    .uno3-dialog.uno3-dialog-member-equity .uno3-dialog-member-equity-item-text .qc-base-text--strong {
        color: #c46f00;
        font-weight: 500
    }

    .uno3-dialog.uno3-dialog-member-equity .uno3-dialog-member-equity-item-status {
        margin-left: auto;
        padding-right: 20px;
        font-size: 0;
        position: relative
    }

    .uno3-dialog.uno3-dialog-member-equity .uno3-dialog-member-equity-item-status:after {
        position: absolute;
        top: 2px;
        right: 0;
        display: block;
        content: "";
        width: 16px;
        height: 16px;
        background-size: cover;
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_member_v2_item_status_icon.svg)
    }

    .uno3-dialog.uno3-dialog-member-equity .uno3-dialog-member-equity-item+.uno3-dialog-member-equity-item {
        margin-top: 8px
    }

    .uno3-dialog.uno3-dialog-member-equity .uno3-dialog-member-equity-link {
        color: #a74e05;
        font-size: 12px;
        line-height: 20px;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
        align-items: center;
        gap: 2px;
        cursor: pointer
    }

    .uno3-dialog.uno3-dialog-member-equity .uno3-dialog-member-equity-link:after {
        content: "";
        display: block;
        width: 16px;
        height: 16px;
        background-size: cover;
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_member_v2_link_icon.svg);
        transition: -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
    }

    .uno3-dialog.uno3-dialog-member-equity .uno3-dialog-member-equity-link:hover:after {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
}

.uno3-dialog.uno3-dialog-member-join {
    border: 0;
    box-shadow: none
}

.uno3-dialog.uno3-dialog-member-join .uno3-dialog-header {
    background: linear-gradient(90deg,#315eff 23.81%,#99cbff 101.55%),linear-gradient(270deg,#ffebcc,#e5ba7d);
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    font-weight: 700;
    padding-right: 140px;
    padding-bottom: 20px
}

.uno3-dialog.uno3-dialog-member-join .uno3-dialog-header .qc-base-icon--close {
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_join_vip_close_2.svg);
    z-index: 2
}

.uno3-dialog.uno3-dialog-member-join .uno3-dialog-header:after {
    content: "";
    display: inline-block;
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_join_vip_hd_bg.png);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 200px;
    height: 92px;
    position: absolute;
    right: 0;
    top: 0
}

.uno3-dialog.uno3-dialog-member-join .uno3-dialog-body {
    background: #f2f8ff;
    position: relative
}

@media (min-width: 769px) {
    .uno3-dialog.uno3-dialog-member-join .uno3-dialog-body {
        max-height:580px;
        -webkit-animation: dialogMemberChange .5s linear alternate forwards;
        animation: dialogMemberChange .5s linear alternate forwards
    }

    .uno3-dialog.uno3-dialog-member-join .uno3-dialog-body:after {
        content: "";
        display: inline-block;
        width: 358px;
        height: 357px;
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_join_vip_decr.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50%;
        position: absolute;
        top: -24px;
        left: 31px
    }
}

.uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-item {
    position: relative;
    z-index: 1;
    margin-top: 20px
}

.uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-item-tag {
    width: 202px;
    height: 44px;
    margin-bottom: -10px;
    background-position: 0 0;
    background-repeat: no-repeat
}

.uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-item-tag.type-1 {
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_join_vip_way_tit_pc_1.png);
    background-size: contain
}

.uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-item-tag.type-2 {
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_join_vip_way_tit_pc_2.png);
    background-size: contain
}

@media (max-width: 768px) {
    .uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-item-tag {
        width:182px;
        height: 40px
    }

    .uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-item-tag.type-1 {
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_join_vip_way_tit_m_1.png)
    }

    .uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-item-tag.type-2 {
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_join_vip_way_tit_m_2.png)
    }
}

.uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-item-content {
    padding: 16px;
    box-sizing: border-box;
    position: relative
}

.uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-item-content:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    background: hsla(0,0%,100%,.8);
    box-shadow: 0 4px 4px 0 rgba(204,228,255,.25);
    -webkit-backdrop-filter: blur(7.5px);
    backdrop-filter: blur(7.5px);
    position: absolute;
    top: 0;
    left: 0
}

.uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-item-tit {
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    position: relative;
    color: #000
}

.uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-item-tit .uno3-text {
    color: #a74e05
}

.uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-item-desc {
    margin-top: 4px;
    font-size: 12px;
    line-height: 20px;
    color: rgba(0,0,0,.3);
    position: relative
}

.uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-item-progress {
    margin-top: 16px;
    position: relative
}

.uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-item-progress-hd {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-item-progress-hd img {
    height: 24px
}

.uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-item-progress-bd {
    margin-top: 8px
}

.uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-item-progress-bar {
    width: 100%;
    height: 6px;
    background: #e4ebff
}

.uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-item-progress-inner {
    height: 100%;
    background: linear-gradient(90deg,#99cbff 23.81%,#315eff 101.55%)
}

.uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-item-progress-ft {
    margin-top: 8px;
    font-size: 12px;
    line-height: 20px;
    color: #000
}

.uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-item-act-wrap {
    margin-right: -8px;
    margin-bottom: -8px;
    position: relative
}

.uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-item-act {
    background: linear-gradient(239deg,#f4dbb1 19.78%,rgba(244,214,171,.5) 81.46%),#fff;
    width: calc(50% - 8px);
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
    margin-bottom: 8px
}

.uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-item-act.is-full {
    width: calc(100% - 8px)
}

.uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-item-act-btn {
    background: linear-gradient(270deg,#ffebcc,#e5ba7d);
    padding: 7px 16px;
    box-sizing: border-box;
    color: #975129;
    font-size: 14px;
    line-height: 22px;
    width: 100%;
    display: block;
    cursor: pointer;
    position: relative
}

.uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-item-act-btn:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: calc(50% - 10px);
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_join_vip_way_btn_arrow.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    right: 16px;
    transition: all .3s ease
}

@media (min-width: 769px) {
    .uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-item-act-btn:hover:after {
        right:12px
    }
}

.uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-item-act-label {
    font-size: 12px;
    line-height: 20px;
    color: #975129;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-item-act-tit {
    margin-top: 2px;
    font-size: 16px;
    line-height: 24px;
    color: #8c3200;
    font-weight: 700;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-item-act-hd {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 22px 16px 12px;
    position: relative
}

.uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-item-act-hd .uno3-dialog-member-join-item-act-countdown {
    position: absolute;
    border-radius: 0 0 0 4px;
    background: #e26832;
    top: 0;
    right: 0;
    padding: 2px 10px;
    box-sizing: border-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 12px;
    line-height: 20px
}

.uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-item-act-hd .uno3-dialog-member-join-item-act-countdown img {
    width: 12px;
    height: 12px;
    margin-right: 6px
}

.uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-contact {
    padding-top: 20px;
    margin-top: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #d9eafb
}

.uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-contact-lt {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 16px
}

.uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-contact-tit {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #000
}

.uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-contact-desc {
    margin-top: 6px;
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76
}

.uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-contact-rt {
    background: #fff;
    box-shadow: 0 4px 4px 0 rgba(204,228,255,.25);
    width: 96px;
    height: 96px;
    padding: 8px;
    box-sizing: border-box
}

.uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-contact-rt img {
    width: 100%;
    height: 100%
}

@media (max-width: 768px) {
    .uno3-dialog.uno3-dialog-member-join .uno3-dialog-header {
        font-size:16px;
        line-height: 24px;
        padding: 12px 40px 12px 14px
    }

    .uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-item {
        margin-top: 14px
    }

    .uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-item-content {
        padding: 12px
    }

    .uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-item-act-hd {
        padding: 22px 12px 10px
    }

    .uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-item-act-hd .uno3-dialog-member-join-item-act-countdown {
        padding: 2px 8px
    }

    .uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-item-act-tit {
        font-size: 14px;
        line-height: 22px
    }

    .uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-item-act-btn {
        padding: 7px 12px
    }

    .uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-contact {
        padding-top: 14px;
        margin-top: 14px;
        margin-bottom: 60px
    }

    .uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-contact-tit {
        font-size: 14px;
        line-height: 22px
    }

    .uno3-dialog.uno3-dialog-member-join .uno3-dialog-member-join-contact-desc {
        font-size: 12px;
        line-height: 20px
    }
}

@-webkit-keyframes dialogMemberChange {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.001);
        transform: scale(1.001)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes dialogMemberChange {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.001);
        transform: scale(1.001)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.uno3-dialog.uno3-dialog-member-guide {
    border-radius: 0;
    border: 1px solid #fff;
    background: linear-gradient(180deg,#ffeddf,#fff 26.87%),linear-gradient(180deg,#ffeddf,#fff),#fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 rgba(55,99,170,.05)
}

.uno3-dialog.uno3-dialog-member-guide .qc-base-icon--close {
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_member_guide_icon_close.svg)
}

.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-body,.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-header {
    padding: 0
}

.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-footer {
    padding: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-footer .uno3-button {
    -ms-flex: 1;
    flex: 1
}

.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-footer .uno3-button--weak {
    background: #f2f2f2;
    border-color: #f2f2f2;
    box-shadow: none;
    color: rgba(0,0,0,.9)
}

.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-footer .uno3-button--weak:active,.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-footer .uno3-button--weak:hover {
    background: hsla(0,0%,94.9%,.85);
    border-color: hsla(0,0%,94.9%,.85);
    box-shadow: none;
    color: rgba(0,0,0,.8)
}

.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-footer .uno3-button--weak.uno3-button--disabled {
    background: hsla(0,0%,94.9%,.85);
    border-color: hsla(0,0%,94.9%,.85);
    box-shadow: none;
    color: rgba(0,0,0,.4)
}

.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-footer .uno3-button--primary {
    background: #383535;
    color: #ffd9c2;
    box-shadow: none
}

.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-footer .uno3-button--primary:active,.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-footer .uno3-button--primary:hover {
    background: rgba(56,53,53,.85);
    color: #ffd9c2;
    box-shadow: none
}

.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-footer .uno3-button--primary.uno3-button-disabeld {
    background: rgba(56,53,53,.85);
    color: rgba(255,217,194,.4);
    box-shadow: none
}

.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-tag {
    position: absolute;
    padding: 3px 8px 3px 22px;
    border-radius: 0 0 8px 0;
    background: linear-gradient(90deg,#fff6e7,#ffe7bf),#181818;
    box-shadow: inset 1px -1px 2px 0 #fffcf8;
    color: #c04100;
    font-size: 12px;
    line-height: 20px;
    top: 0;
    left: 0
}

.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-tag:before {
    content: "";
    display: inline-block;
    width: 11px;
    height: 12px;
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_member_guide_tag_icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    position: absolute;
    top: calc(50% - 6px);
    left: 8px
}

.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px
}

.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-title-text {
    font-size: 14px;
    line-height: 22px;
    color: rgba(0,0,0,.9);
    font-weight: 500
}

.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-title-icon {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 56px;
    height: 20px
}

.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-title-icon.icon-v1 {
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_member_guide_icon_v1.png)
}

.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-title-icon.icon-v2 {
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_member_guide_icon_v2.png)
}

.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-title-icon.type-v1 {
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_member_guide_icon_v1.svg)
}

.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-title-icon.type-v2 {
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_member_guide_icon_v2.svg)
}

.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-title-icon.type-v3 {
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_member_guide_icon_v3.svg)
}

.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-desc {
    margin-top: 4px;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: rgba(0,0,0,.9)
}

.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-content {
    margin-top: 16px
}

.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-content-tit {
    color: #6b6b6b;
    font-size: 14px;
    line-height: 22px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-content-tit:after,.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-content-tit:before {
    display: inline-block;
    height: 1px;
    -ms-flex: 1;
    flex: 1;
    background: #e2e2e2;
    content: ""
}

.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-content-tit:before {
    margin-right: 12px
}

.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-content-tit:after {
    margin-left: 12px
}

.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-content-list {
    margin-top: 14px;
    gap: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-content-list.list-2 .uno3-dialog-member-guide-content-item,.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-content-list.list-4 .uno3-dialog-member-guide-content-item {
    -ms-flex: 0 0 calc(50% - 5px);
    flex: 0 0 calc(50% - 5px)
}

.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-content-item {
    -ms-flex: 0 0 calc(33.33333% - 6.66667px);
    flex: 0 0 calc(33.33333% - 6.66667px);
    width: 0
}

.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-content-item-bd,.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-content-item-hd {
    width: 100%
}

.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-content-item-icon {
    display: inline-block;
    width: 16px;
    height: 16px
}

.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-content-item-title {
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    color: rgba(0,0,0,.9);
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: inline-block
}

.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-content-item-desc {
    color: rgba(0,0,0,.6);
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: inline-block
}

.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-card {
    margin-top: 8px;
    border: 1px solid #f0ece9;
    background: #fffcf9;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 8px 10px
}

.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-card+.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-card {
    margin-top: 12px
}

.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-card-hd {
    padding-right: 10px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-card-name {
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    color: rgba(0,0,0,.9)
}

.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-card-bd {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding-left: 10px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start
}

.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-card-bd:before {
    content: "";
    width: 1px;
    display: inline-block;
    height: 100%;
    background: #f0ece9;
    position: absolute;
    top: 0;
    left: 0
}

.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-card-price-real {
    color: #ff7800
}

.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-card-price-num {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-card-price-unit {
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    margin-left: 2px
}

.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-card-price-average {
    font-size: 12px;
    line-height: 20px;
    margin-left: 4px
}

.uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-card-price-original {
    font-size: 12px;
    line-height: 20px;
    color: #999;
    text-decoration: line-through
}

.uno3-dialog.uno3-dialog-member-guide .uno3-button {
    position: relative
}

.uno3-dialog.uno3-dialog-member-guide .uno3-button .uno3-button-inner-wrap {
    position: static
}

.uno3-dialog.uno3-dialog-member-guide .uno3-button .uno3-dialog-member-guide-btn-tag {
    border-radius: 10px 2px 0 10px;
    background: #ff5911;
    padding-left: 19px;
    padding-right: 4px;
    height: 18px;
    font-size: 12px;
    line-height: 20px;
    position: absolute;
    top: -13px;
    display: inline-block;
    right: 0;
    color: #fff
}

.uno3-dialog.uno3-dialog-member-guide .uno3-button .uno3-dialog-member-guide-btn-tag:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_member_guide_icon_count_down.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 3px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (min-width: 769px) {
    .uno3-dialog.uno3-dialog-member-guide {
        width:400px;
        -webkit-transform: translate(0);
        transform: translate(0);
        left: auto;
        top: auto;
        right: 75px;
        bottom: 40px
    }

    .uno3-dialog.uno3-dialog-member-guide.is-center {
        left: 50%;
        top: 50%;
        right: auto;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        bottom: auto
    }

    .uno3-dialog.uno3-dialog-member-guide .qc-base-icon--close {
        top: 8px;
        right: 16px
    }

    .uno3-dialog.uno3-dialog-member-guide .uno3-dialog-body {
        padding: 30px 16px 0
    }

    .uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-content-item {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 2px
    }

    .uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-content-item-hd {
        gap: 4px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (max-width: 768px) {
    .uno3-dialog.uno3-dialog-member-guide {
        width:calc(100% - 32px);
        min-width: auto;
        top: 50%;
        bottom: auto;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .uno3-dialog.uno3-dialog-member-guide .qc-base-icon--close {
        top: 8px;
        right: 12px
    }

    .uno3-dialog.uno3-dialog-member-guide .uno3-dialog-body {
        padding-top: 32px;
        padding-left: 12px;
        padding-right: 12px
    }

    .uno3-dialog.uno3-dialog-member-guide .uno3-dialog-footer {
        padding: 16px 12px 12px
    }

    .uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-tag {
        top: -2px
    }

    .uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-content {
        margin-top: 14px
    }

    .uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-content-list {
        margin-top: 12px
    }

    .uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-content-item-hd {
        text-align: center;
        line-height: 0
    }

    .uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-content-item-title {
        margin-top: 8px
    }

    .uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-content-item-bd {
        line-height: 0;
        margin-top: 2px;
        text-align: center
    }

    .uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-card {
        margin-top: 12px;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-card-hd {
        padding-bottom: 8px;
        padding-right: 0
    }

    .uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-card-bd {
        padding-left: 0;
        padding-top: 8px;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: baseline;
        align-items: baseline;
        gap: 4px
    }

    .uno3-dialog.uno3-dialog-member-guide .uno3-dialog-member-guide-card-bd:before {
        width: 100%;
        height: 1px
    }
}

.uno3-dialog-face-guide .uno3-dialog-body {
    padding: 0
}

.uno3-dialog-face-guide-bd {
    background: #eeeef2;
    padding: 32px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 20px
}

@media (max-width: 768px) {
    .uno3-dialog-face-guide-bd {
        -ms-flex-direction:column;
        flex-direction: column
    }
}

.uno3-dialog-face-guide-qrcode {
    padding: 12px;
    background: #fafafc;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.uno3-dialog-face-guide-qrcode-img {
    width: 120px;
    height: 120px
}

.uno3-dialog-face-guide-qrcode-img img {
    width: 100%;
    height: 100%
}

.uno3-dialog-face-guide-qrcode-btn {
    width: 120px
}

.uno3-dialog-face-guide-qrcode-btn .uno3-button {
    width: 120px;
    height: 32px
}

.uno3-dialog-face-guide-step {
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 48px
}

.uno3-dialog-face-guide-step,.uno3-dialog-face-guide-step-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.uno3-dialog-face-guide-step-item {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 16px;
    width: 74px
}

.uno3-dialog-face-guide-step-item:nth-child(n+2) {
    position: relative
}

.uno3-dialog-face-guide-step-item:nth-child(n+2):before {
    content: "";
    display: inline-block;
    width: 9px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_face_dialog_icon_arrow_right_gary.svg);
    position: absolute;
    top: 11px;
    left: -33px
}

.uno3-dialog-face-guide-step-desc {
    font-size: 14px;
    line-height: 22px;
    color: #333
}

.uno3-dialog-face-guide-step-icon {
    width: 36px;
    height: 36px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.uno3-dialog-face-guide-step-icon.icon-sweep {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_face_dialog_icon_sweep.svg)
}

.uno3-dialog-face-guide-step-icon.icon-scan {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_face_dialog_icon_scanning.svg)
}

.uno3-dialog-face-guide-step-icon.icon-recogn {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_face_dialog_icon_recognition.svg)
}

.uno3-dialog-face-guide-ft {
    padding: 18px 32px;
    color: #000;
    font-size: 14px;
    line-height: 22px;
    text-align: left
}

.uno3-dialog-mask.uno3-dialog-face-tip-mask {
    background: rgba(0,0,0,.8)
}

.uno3-dialog-face-tip {
    border: 0;
    background: transparent;
    top: 56px;
    bottom: auto;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    left: 50%;
    width: calc(100% - 32px);
    min-width: calc(100% - 32px)
}

.uno3-dialog-face-tip .uno3-dialog-body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.uno3-dialog-face-tip .qc-base-icon--close {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_face_dialog_icon_close.svg)
}

.uno3-dialog-face-tip-qrcode {
    width: 240px;
    height: 240px;
    background: #fff;
    padding: 10px;
    margin-bottom: 24px
}

.uno3-dialog-face-tip-qrcode img {
    width: 100%;
    height: 100%
}

.uno3-dialog-face-tip-title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 20px
}

.uno3-dialog-face-tip-desc {
    font-size: 14px;
    line-height: 22px;
    color: #fff
}

.uno3-dialog-face-tip-btn {
    margin-top: 24px
}

.uno3-face-verify-page {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: 56px 0
}

.rc-image-preview-mask {
    background-color: rgba(0,0,0,.75)
}

.rc-image-preview-operations-wrapper .rc-image-preview-close {
    background-color: transparent;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_dialog_media_preview_icon_close.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.rc-image-preview-operations-wrapper .rc-image-preview-footer {
    display: none
}

.uno3-dialog-body::-webkit-scrollbar {
    background-color: transparent;
    width: 4px;
    height: 4px;
    background-clip: padding-box
}

.uno3-dialog-body::-webkit-scrollbar-button {
    background-color: transparent
}

.uno3-dialog-body::-webkit-scrollbar-thumb {
    background-color: #c7ccd5;
    border-radius: 0
}

.uno3-dialog-body::-webkit-scrollbar-corner {
    background-color: transparent
}

@media (min-width: 769px) {
    .uno3-dialog-activity-form .qc-base-form-value {
        margin-left:0;
        width: 100%
    }

    .uno3-dialog-activity-form .qc-base-form-value .qc-base-checkbox,.uno3-dialog-activity-form .qc-base-form-value .qc-base-editable-select,.uno3-dialog-activity-form .qc-base-form-value .qc-base-input,.uno3-dialog-activity-form .qc-base-form-value .qc-base-select {
        width: 100%
    }

    .uno3-dialog-activity-form .qc-base-form-value .qc-base-form-item-wrap-inline .qc-base-form-item {
        max-width: none
    }

    .uno3-dialog-activity-form .qc-base-form-item-wrap-inline.qc-base-form-code-telephone .qc-base-form-item:first-child {
        width: 130px
    }

    .uno3-dialog-activity-form .qc-base-form-item-wrap-inline.qc-base-form-code-telephone .qc-base-form-item+.qc-base-form-item {
        width: calc(100% - 142px)
    }
}

.qc-base-action {
    color: #0052d9;
    font-size: inherit;
    cursor: pointer
}

@media screen and (min-width: 769px) {
    .qc-base-action:hover {
        color:#001f97
    }
}

.qc-base-radio-wrap {
    display: inline-block
}

.qc-base-radio-wrap+.qc-base-radio-wrap {
    margin-left: 16px
}

.qc-base-radio-wrap .qc-base-radio {
    font-size: 0;
    height: 16px;
    line-height: 16px;
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle
}

.qc-base-radio-wrap .qc-base-radio-inner {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(/web/jinglisafe/assets/images/activity/qc-base-radio-normal.svg) no-repeat;
    background-size: cover;
    transition: background-image .3s ease-in-out
}

.qc-base-radio-wrap .qc-base-radio-text {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 22px;
    color: #181818;
    text-align: left
}

@media (max-width: 768px) {
    .qc-base-radio-wrap .qc-base-radio-text {
        font-size:12px
    }
}

.qc-base-radio-wrap:hover {
    cursor: pointer
}

.qc-base-radio-wrap:hover .qc-base-radio-inner {
    background: url(/web/jinglisafe/assets/images/activity/qc-base-radio-hover.svg) no-repeat
}

.qc-base-radio-wrap.qc-base-radio-checked .qc-base-radio-inner {
    background: url(/web/jinglisafe/assets/images/activity/qc-base-radio-checked.svg) no-repeat
}

.qc-base-radio-wrap.qc-base-radio-disabled {
    cursor: not-allowed
}

.qc-base-radio-wrap.qc-base-radio-disabled .qc-base-radio-inner {
    background: url(/web/jinglisafe/assets/images/activity/qc-base-radio-disabled.svg) no-repeat
}

.qc-base-radio-wrap.qc-base-radio-disabled .qc-base-radio-text {
    color: #97a3b7
}

.qc-base-radio-btn {
    display: inline-block;
    width: 84px;
    height: 36px;
    padding: 7px 12px;
    text-align: center;
    cursor: pointer;
    position: relative;
    color: #181818;
    background: #f1f2f5;
    font-size: 14px;
    line-height: 22px;
    margin-right: 4px
}

.qc-base-radio-btn,.qc-base-radio-btn .qc-base-tag {
    transition: color .3s ease-in-out,background-color .3s ease-in-out
}

.qc-base-radio-btn .qc-base-tag {
    position: absolute;
    right: 0;
    top: -10px;
    border-radius: 2px;
    padding: 0 3px;
    border: 1px solid #ffcfd0;
    color: #f64041;
    background: #fff;
    font-weight: 400
}

.qc-base-radio-btn .qc-base-tag--sellout {
    color: #97a3b7;
    background: #fff;
    border: 1px solid #97a3b7
}

@media (min-width: 769px) {
    .qc-base-radio-btn:nth-child(7n) {
        margin-right:0
    }

    .qc-base-radio-btn:nth-child(n+8) {
        margin-top: 8px
    }
}

@media (max-width: 768px) {
    .qc-base-radio-btn {
        width:calc(25% - 3px)
    }

    .qc-base-radio-btn:nth-child(4n) {
        margin-right: 0
    }

    .qc-base-radio-btn:nth-child(n+5) {
        margin-top: 4px
    }
}

.qc-base-radio-btn:hover {
    background: #e3e6eb;
    color: #181818
}

.qc-base-radio-btn.qc-base-radio-btn-checked {
    background: #0052d9;
    color: #fff
}

.qc-base-radio-btn.qc-base-radio-btn-checked .qc-base-tag {
    background: #f64041;
    border: 1px solid #f64041;
    color: #fff
}

.qc-base-radio-btn.qc-base-radio-btn-checked .qc-base-tag--sellout {
    color: #fff;
    background: #97a3b7;
    border: 1px solid #97a3b7
}

.qc-base-radio-btn.qc-base-radio-btn-disabled {
    background: #f1f2f5;
    color: #97a3b7
}

.qc-base-radio-groups-btn-multi .qc-base-radio-btn {
    padding: 8px 12px;
    height: 60px;
    width: 208px;
    margin-right: 8px;
    vertical-align: top
}

.qc-base-radio-groups-btn-multi .qc-base-radio-btn:nth-child(3n) {
    margin-right: 0
}

.qc-base-radio-groups-btn-multi .qc-base-radio-btn:nth-child(n+4) {
    margin-top: 8px
}

.qc-base-radio-groups-btn-multi .qc-base-radio-btn-tit {
    font-weight: 500;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.qc-base-radio-groups-btn-multi .qc-base-radio-btn-text {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333
}

.qc-base-radio-groups-btn-multi .qc-base-radio-btn:hover-text {
    color: #333
}

.qc-base-radio-groups-btn-multi .qc-base-radio-btn-checked .qc-base-radio-btn-text {
    color: #fff
}

.qc-base-radio-groups-btn-multi .qc-base-radio-btn-disabled .qc-base-radio-btn-text {
    color: #97a3b7
}

@media (max-width: 768px) {
    .qc-base-radio-groups-btn-multi .qc-base-radio-btn {
        margin-right:4px;
        width: calc(33.33333% - 2.66667px)
    }

    .qc-base-radio-groups-btn-multi .qc-base-radio-btn:nth-child(n+4) {
        margin-top: 4px
    }
}

.qc-base-radio-groups-flex .qc-base-radio-btn {
    width: 144px
}

@media (min-width: 769px) {
    .qc-base-radio-groups-flex .qc-base-radio-btn:nth-child(5n) {
        margin-right:0
    }

    .qc-base-radio-groups-flex .qc-base-radio-btn:nth-child(n+6) {
        margin-top: 8px
    }
}

@media (max-width: 768px) {
    .qc-base-radio-groups-flex .qc-base-radio-btn {
        width:calc(33.33333% - 2.66667px);
        margin-right: 4px
    }

    .qc-base-radio-groups-flex .qc-base-radio-btn:nth-child(3n) {
        margin-right: 0
    }

    .qc-base-radio-groups-flex .qc-base-radio-btn:nth-child(n+5) {
        margin-top: 8px
    }
}

.qc-base-radio-groups {
    font-size: 0;
    line-height: 36px
}

.qc-base-radio-block {
    display: inline-block;
    width: 112px;
    padding: 11px 12px;
    cursor: pointer;
    position: relative;
    border: 1px solid #e3e6eb;
    background: #fff;
    color: #181818;
    margin-right: 8px;
    font-size: 14px;
    line-height: 22px;
    transition: background-color .3s ease-in-out,color .3s ease-in-out
}

@media (max-width: 768px) {
    .qc-base-radio-block {
        width:calc(33.33333% - 2.66667px);
        margin-right: 4px
    }

    .qc-base-radio-block:nth-child(3n) {
        margin-right: 0
    }

    .qc-base-radio-block:nth-child(n+5) {
        margin-top: 8px
    }
}

.qc-base-radio-block .qc-base-radio-block-tit {
    color: #181818
}

.qc-base-radio-block .qc-base-radio-block-text {
    color: #4b5b76
}

.qc-base-radio-block:hover {
    border: 1px solid #0052d9;
    background: #fff
}

.qc-base-radio-block:hover .qc-base-radio-block-tit {
    color: #181818
}

.qc-base-radio-block:hover .qc-base-radio-block-text {
    color: #4b5b76
}

.qc-base-radio-block .qc-base-tag {
    position: absolute;
    right: 0;
    top: -10px;
    border-radius: 2px;
    padding: 0 3px;
    border: 1px solid #ffcfd0;
    color: #f64041;
    background: #fff;
    font-weight: 400;
    transition: color .3s ease-in-out,background-color .3s ease-in-out
}

.qc-base-radio-block .qc-base-tag--sellout {
    color: #97a3b7;
    background: #fff;
    border: 1px solid #97a3b7
}

.qc-base-radio-block.qc-base-radio-block-checked {
    border: 1px solid #0052d9;
    background: #f5f8fd;
    box-shadow: 0 4px 12px 0 rgba(55,99,170,.1);
    color: #0052d9
}

.qc-base-radio-block.qc-base-radio-block-checked .qc-base-radio-block-text,.qc-base-radio-block.qc-base-radio-block-checked .qc-base-radio-block-tit {
    color: inherit
}

.qc-base-radio-block.qc-base-radio-block-disabled {
    border: 1px solid #e3e6eb;
    background: #fff;
    cursor: not-allowed;
    color: #97a3b7
}

.qc-base-radio-block.qc-base-radio-block-disabled .qc-base-radio-block-text,.qc-base-radio-block.qc-base-radio-block-disabled .qc-base-radio-block-tit {
    color: inherit
}

.qc-base-radio-vertical .qc-base-radio-block {
    margin-right: 0;
    display: block;
    padding: 7px;
    width: 450px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.qc-base-radio-vertical .qc-base-radio-block.qc-base-radio-block-icon {
    padding-right: 52px
}

.qc-base-radio-vertical .qc-base-radio-block .qc-base-icon {
    position: absolute;
    right: -6px;
    top: 0
}

.qc-base-radio-vertical .qc-base-radio-block .qc-base-tag {
    float: right;
    right: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: auto;
    padding: 0 4px
}

.qc-base-radio-vertical .qc-base-radio-block:nth-child(n+2) {
    margin-top: 8px;
    margin-left: 0
}

@media (max-width: 768px) {
    .qc-base-radio-vertical .qc-base-radio-block {
        max-width:none;
        width: 100%
    }

    .qc-base-radio-vertical .qc-base-radio-block.qc-base-radio-block-icon {
        padding-right: 40px
    }

    .qc-base-radio-vertical .qc-base-radio-block .qc-base-icon {
        right: -12px
    }

    .qc-base-radio-vertical .qc-base-radio-block .qc-base-tag {
        float: right;
        right: 8px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: auto;
        padding: 0 4px
    }
}

.qc-base-radio-tag.is-vip {
    border-radius: 2px;
    border: 1px solid #d37f00;
    background: #fff;
    padding-left: 17px;
    padding-right: 3px;
    font-size: 12px;
    line-height: 16px;
    color: #d37f00;
    position: relative
}

.qc-base-radio-tag.is-vip:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(/web/jinglisafe/assets/images/activity/qc-base-radio-normal-vip.svg);
    position: absolute;
    left: 3px;
    top: calc(50% - 7px)
}

.qc-base-radio-groups.qc-base-radio-vertical .qc-base-radio-block-has-tag {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 8px
}

.qc-base-radio-groups.qc-base-radio-vertical .qc-base-radio-block-has-tag.qc-base-radio-block-icon {
    padding-right: 36px
}

.qc-base-radio-groups.qc-base-radio-vertical .qc-base-radio-block-has-tag .qc-base-tag {
    position: relative;
    right: auto;
    top: auto;
    -webkit-transform: initial;
    transform: none
}

.qc-base-radio-groups.qc-base-radio-vertical .qc-base-radio-block-has-tag .qc-base-radio-block-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: auto;
    -ms-flex: auto;
    flex: auto
}

.qc-base-radio-btn .qc-base-radio-tag {
    position: absolute;
    right: -1px;
    top: -9px;
    z-index: 20
}

.qc-base-radio-btn-checked .qc-base-radio-tag {
    border-radius: 2px;
    background: linear-gradient(79deg,#ffe9c3 49.11%,#fff5e3 68.01%,#ffe9c3 90.37%);
    color: #a74e05;
    border: none;
    padding-right: 4px;
    padding-left: 18px;
    line-height: 18px
}

.qc-base-radio-btn-checked .qc-base-radio-tag:before {
    background-image: url(/web/jinglisafe/assets/images/activity/qc-base-radio-checked-vip.svg)
}

.qc-base-switch {
    position: relative;
    display: inline-block
}

.qc-base-switch-checkbox {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    border: 0;
    cursor: pointer
}

.qc-base-switch-checkbox,.qc-base-switch-container {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.qc-base-switch-container {
    position: relative;
    width: 28px;
    height: 16px;
    border-radius: 20px;
    background-color: #d6dae1;
    border: 1px solid #d6dae1;
    padding: 1px;
    z-index: 0;
    margin: 0;
    transition-duration: .4s;
    transition-property: background-color;
    display: inline-block;
    vertical-align: middle
}

.qc-base-switch-container:after {
    position: absolute;
    left: 1px;
    top: 1px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 4px 4px rgba(55,99,170,.1);
    content: "";
    transition-timing-function: cubic-bezier(.54,1.85,.5,1);
    transition-duration: .4s;
    transition-property: left
}

.qc-base-switch-checked .qc-base-switch-container {
    background-color: #fff;
    border: 1px solid #0052d9
}

.qc-base-switch-checked .qc-base-switch-container:after {
    left: 13px;
    background-color: #0052d9;
    box-shadow: 0 4px 4px rgba(55,99,170,.1)
}

.qc-base-switch-inner {
    font-size: 14px;
    line-height: 22px;
    display: inline-block;
    color: #000;
    vertical-align: middle;
    margin-left: 8px
}

.qc-base-switch-disabled-inner {
    color: #97a3b7
}

.qc-base-switch-disabled .qc-base-switch-checkbox {
    cursor: not-allowed
}

.qc-base-switch-disabled .qc-base-switch-container {
    background-color: #eceef2;
    border: 1px solid #eceef2
}

.qc-base-switch-disabled .qc-base-switch-container:after {
    background-color: #fff;
    box-shadow: none
}

.qc-base-switch-disabled.qc-base-switch-checked .qc-base-switch-container {
    background-color: #fff;
    border: 1px solid #eceef2
}

.qc-base-switch-disabled.qc-base-switch-checked .qc-base-switch-container:after {
    background-color: #eceef2;
    box-shadow: none
}

.qc-base-formconfig .qc-base-switch {
    padding: 7px 0
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-android .swiper-slide,.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height:100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width:100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/44*27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev {
    display: none!important
}

.swiper-button-next:after,.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: normal;
    line-height: 1
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
    display: none!important
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity,.2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none!important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity,1);
    background: var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0,-50%,0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s,top .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s,left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s,right .2s
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none!important
}

.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border-radius: 50%;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-top: 4px solid transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

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

    to {
        transform: rotate(1turn)
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform,opacity,height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

.uno3-dialog-group-price-single .uno3-dialog-group-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.uno3-dialog-group-price-single .uno3-dialog-group-item+.uno3-dialog-group-item {
    margin-top: 12px
}

.uno3-dialog-group-price-single .uno3-dialog-group-price-detail {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.uno3-dialog-group-price-single .uno3-dialog-group-price-item.is-current .uno3-dialog-group-price-label {
    color: #ff7800
}

.uno3-dialog-group-price-single .uno3-dialog-group-price-label {
    font-size: 14px;
    line-height: 22px;
    color: #181818
}

.uno3-dialog-group-price-single .uno3-dialog-group-price-value {
    font-size: 12px;
    line-height: 20px;
    color: rgba(0,0,0,.4)
}

.uno3-dialog-group-price-single .uno3-dialog-group-tit {
    color: #181818;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 4px
}

.uno3-dialog-group-price-single .uno3-dialog-group-cont {
    color: #4b5b76;
    font-size: 12px;
    line-height: 20px
}

.uno3-dialog-group-price-collect {
    margin-top: 12px
}

.uno3-dialog-group-price-collect .uno3-dialog-group-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 12px;
    font-weight: 500
}

.uno3-dialog-group-price-collect .uno3-dialog-group-item+.uno3-dialog-group-item {
    margin-top: 8px
}

.uno3-dialog-group-price-collect .uno3-dialog-group-item-label {
    font-size: 14px;
    line-height: 22px;
    color: #181818
}

.uno3-dialog-group-price-collect .uno3-dialog-group-item-value {
    color: #ff7800
}

.uno3-dialog-group-price-collect .uno3-dialog-group-item-num {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600
}

.uno3-dialog-group-price-collect .uno3-dialog-group-item-unit {
    font-size: 14px;
    line-height: 22px;
    margin-left: 4px
}

.uno3-dialog-group-price-collect .uno3-dialog-group-item.is-discount .uno3-dialog-group-item-label,.uno3-dialog-group-price-collect .uno3-dialog-group-item.is-discount .uno3-dialog-group-item-value {
    color: #4b5b76
}

.uno3-dialog.uno3-dialog-group .qc-base-form-wrap-selected {
    margin-bottom: 0!important;
    padding-bottom: 0!important;
    padding-top: 10px!important
}

@media (max-width: 768px) {
    .uno3-dialog.uno3-dialog-group .qc-base-form-wrap-selected {
        padding-top:8px!important
    }

    .uno3-dialog.uno3-dialog-group .qc-base-form-wrap-selected .qc-base-form-wrap-title {
        display: none!important
    }

    .uno3-dialog.uno3-dialog-group .qc-base-form-wrap-selected+.qc-base-form-wrap-config {
        margin-top: 0!important
    }
}

.uno3-dialog.uno3-dialog-group .uno3-dialog-group-product-price-label {
    font-size: 14px;
    line-height: 22px;
    color: #181818;
    margin-right: 12px
}

.uno3-dialog.uno3-dialog-group .uno3-dialog-group-product-price-value {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #ff7800
}

@media (max-width: 768px) {
    .uno3-dialog.uno3-dialog-group .uno3-dialog-group-product-price {
        padding:16px
    }
}

.uno3-dialog.uno3-dialog-group .uno3-dialog-group-product-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    padding-bottom: 5px;
    margin-bottom: 6px;
    overflow: auto
}

.uno3-dialog.uno3-dialog-group .uno3-dialog-group-product-list::-webkit-scrollbar {
    background-color: transparent;
    width: 6px;
    height: 10px;
    background-clip: content-box
}

.uno3-dialog.uno3-dialog-group .uno3-dialog-group-product-list::-webkit-scrollbar-button {
    background-color: transparent
}

.uno3-dialog.uno3-dialog-group .uno3-dialog-group-product-list::-webkit-scrollbar-thumb {
    background-color: #d8dde6;
    border-radius: 5px;
    border: 2px solid transparent;
    background-clip: content-box
}

.uno3-dialog.uno3-dialog-group .uno3-dialog-group-product-list::-webkit-scrollbar-corner {
    background-color: transparent
}

@media (max-width: 768px) {
    .uno3-dialog.uno3-dialog-group .uno3-dialog-group-product-list {
        padding-top:16px;
        padding-left: 16px;
        padding-right: 16px
    }
}

.uno3-dialog.uno3-dialog-group .uno3-dialog-group-product-item {
    background: #fff;
    border: 1px solid #dbe0e6;
    -ms-flex: 0 0 146px;
    flex: 0 0 146px;
    width: 0;
    cursor: pointer
}

.uno3-dialog.uno3-dialog-group .uno3-dialog-group-product-item .uno3-dialog-group-product-name {
    padding: 8px 8px 8px 12px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background: #f7f7f8;
    gap: 8px
}

.uno3-dialog.uno3-dialog-group .uno3-dialog-group-product-item .uno3-dialog-group-product-name-text {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-flex: 1;
    flex: 1
}

.uno3-dialog.uno3-dialog-group .uno3-dialog-group-product-item .uno3-dialog-group-product-checkbox {
    display: inline-block;
    width: 16px;
    height: 16px
}

.uno3-dialog.uno3-dialog-group .uno3-dialog-group-product-item .qc-base-checkbox-wrap {
    font-weight: 500;
    color: #000;
    position: absolute;
    top: 11px;
    left: 12px
}

.uno3-dialog.uno3-dialog-group .uno3-dialog-group-product-item .qc-base-checkbox-wrap .qc-base-checkbox {
    top: 0;
    left: 0
}

.uno3-dialog.uno3-dialog-group .uno3-dialog-group-product-item .qc-base-checkbox-wrap .qc-base-checkbox-text {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.uno3-dialog.uno3-dialog-group .uno3-dialog-group-product-item.is-current {
    border-color: #0052d9;
    position: relative
}

.uno3-dialog.uno3-dialog-group .uno3-dialog-group-product-item.is-current .uno3-dialog-group-product-status-text {
    color: #0052d9
}

.uno3-dialog.uno3-dialog-group .uno3-dialog-group-product-item.is-current .uno3-dialog-group-product-name {
    background: #f3f8ff
}

.uno3-dialog.uno3-dialog-group .uno3-dialog-group-product-item.is-current:after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #fff;
    border-bottom: 1px solid #0052d9;
    border-right: 1px solid #0052d9;
    -webkit-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%);
    bottom: -7px;
    left: 50%
}

.uno3-dialog.uno3-dialog-group .uno3-dialog-group-product-item.is-disabled {
    cursor: not-allowed
}

.uno3-dialog.uno3-dialog-group .uno3-dialog-group-product-item.is-disabled .qc-base-bubble-trigger,.uno3-dialog.uno3-dialog-group .uno3-dialog-group-product-item.is-disabled .qc-base-checkbox-wrap,.uno3-dialog.uno3-dialog-group .uno3-dialog-group-product-item.is-disabled .uno3-dialog-group-product-name,.uno3-dialog.uno3-dialog-group .uno3-dialog-group-product-item.is-disabled .uno3-dialog-group-product-status-text {
    color: rgba(0,0,0,.4)
}

.uno3-dialog.uno3-dialog-group .uno3-dialog-group-product-add {
    display: inline-block;
    -ms-flex: 0 0 11px;
    flex: 0 0 11px;
    height: 12px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_dialog_group_product_add_icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.uno3-dialog.uno3-dialog-group .uno3-dialog-group-product-add.is-disabled {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_dialog_group_product_add_icon_disabled.svg)
}

.uno3-dialog.uno3-dialog-group .uno3-dialog-group-product-status {
    padding: 4px 14px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center
}

.uno3-dialog.uno3-dialog-group .uno3-dialog-group-product-status-text {
    font-size: 12px;
    line-height: 20px;
    margin-left: 22px;
    color: rgba(0,0,0,.5);
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-flex: 1;
    flex: 1
}

.uno3-dialog.uno3-dialog-group .uno3-dialog-group-product-status-icon+.uno3-dialog-group-product-status-text {
    margin-left: 8px
}

.uno3-dialog.uno3-dialog-group .uno3-dialog-group-product-status-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.uno3-dialog.uno3-dialog-group .uno3-dialog-group-product-status.is-success .uno3-dialog-group-product-status-text {
    color: #22ae61
}

.uno3-dialog.uno3-dialog-group .uno3-dialog-group-product-status.is-warning .uno3-dialog-group-product-status-icon {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_dialog_group_product_status_warning_icon.svg)
}

.uno3-dialog.uno3-dialog-group .uno3-dialog-group-product-status.is-warning .uno3-dialog-group-product-status-text {
    color: #ff7800
}

.uno3-dialog.uno3-dialog-group .uno3-dialog-group-product-status.is-error .uno3-dialog-group-product-status-icon {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_dialog_group_product_status_error_icon.svg)
}

.uno3-dialog.uno3-dialog-group .uno3-dialog-group-product-status.is-error .uno3-dialog-group-product-status-text {
    color: #e54545
}

.uno3-dialog.uno3-dialog-group .uno3-dialog-group-form {
    background: #fff;
    padding: 20px 24px 0
}

.uno3-dialog.uno3-dialog-group .uno3-dialog-group-form-name {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #181818
}

.uno3-dialog.uno3-dialog-group .uno3-dialog-group-form-message {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 10px;
    gap: 8px;
    margin-top: 10px
}

.uno3-dialog.uno3-dialog-group .uno3-dialog-group-form-message-icon {
    -ms-flex: 0 16px;
    flex: 0 16px;
    height: 20px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.uno3-dialog.uno3-dialog-group .uno3-dialog-group-form-message-text {
    font-size: 12px;
    line-height: 20px
}

.uno3-dialog.uno3-dialog-group .uno3-dialog-group-form-message.is-error {
    background: #fff2f2
}

.uno3-dialog.uno3-dialog-group .uno3-dialog-group-form-message.is-error .uno3-dialog-group-form-message-icon {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_dialog_group_product_status_error_icon.svg)
}

.uno3-dialog.uno3-dialog-group .uno3-dialog-group-form-message.is-error .uno3-dialog-group-form-message-text {
    color: #f64041
}

@media (max-width: 768px) {
    .uno3-dialog.uno3-dialog-group .uno3-dialog-group-form {
        padding:16px 16px 0;
        background: #fff
    }

    .uno3-dialog.uno3-dialog-group .uno3-dialog-group-form-name {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 0
    }

    .uno3-dialog.uno3-dialog-group .uno3-dialog-group-form-message {
        margin-bottom: 0;
        margin-top: 8px
    }
}

@media (min-width: 769px) {
    body:not(.uno3-page-with-dialog.uno3-page-with-dialog-v2) .uno3-buy-dialog.uno3-buy-dialog-v2 {
        display:block;
        right: -900px;
        opacity: 0;
        transition: all .4s
    }
}

.uno3-buy-dialog.uno3-dialog {
    background: #f8f9fa;
    border-radius: 0;
    box-shadow: none;
    border: none
}

.uno3-buy-dialog.uno3-dialog .uno3-dialog-header {
    background: #fff;
    border-bottom: 1px solid #f1f2f5
}

.uno3-buy-dialog.uno3-dialog .uno3-dialog-footer-btn {
    background: #fff
}

.uno3-buy-dialog.uno3-dialog .uno3-dialog-body::-webkit-scrollbar-thumb {
    border-radius: 0
}

.uno3-buy-dialog.uno3-dialog .qc-base-form-wrap-config,.uno3-buy-dialog.uno3-dialog .qc-base-form-wrap-selected {
    background: #fff
}

.uno3-buy-dialog.uno3-dialog .qc-base-form-wrap-config .qc-base-show-box+.qc-base-form-item {
    margin-top: 16px
}

.uno3-buy-dialog.uno3-dialog .qc-base-bubble-trigger {
    line-height: normal
}

@media (min-width: 769px) {
    .uno3-buy-dialog.uno3-dialog {
        width:900px;
        max-width: 900px;
        top: 0;
        -webkit-transform: translate(0);
        transform: translate(0);
        right: 0;
        height: 100%;
        left: auto;
        transition: all .4s;
        opacity: 1
    }

    .uno3-buy-dialog.uno3-dialog.uno3-dialog-hidden {
        display: block;
        right: -900px;
        opacity: 0;
        transition: all .4s;
        pointer-events: none
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-body {
        padding: 20px 24px 60px;
        max-height: calc(100% - 163px)!important
    }

    .uno3-buy-dialog.uno3-dialog .qc-base-form+.qc-base-form {
        margin-top: 12px
    }

    .uno3-buy-dialog.uno3-dialog .qc-base-form .qc-base-form-wrap-config:last-child,.uno3-buy-dialog.uno3-dialog .qc-base-form .qc-base-form-wrap-selected:last-child {
        margin-bottom: 12px
    }

    .uno3-buy-dialog.uno3-dialog .qc-base-form-wrap-selected {
        padding: 20px 24px;
        margin-bottom: 12px;
        margin-left: 0;
        margin-right: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .uno3-buy-dialog.uno3-dialog .qc-base-form-wrap-selected .qc-base-form-wrap-title {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex: 0 0 150px;
        flex: 0 0 150px;
        height: 62px;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 400;
        color: #4b5b76
    }

    .uno3-buy-dialog.uno3-dialog .qc-base-form-wrap-selected .qc-base-form-wrap-title+.qc-base-form-wrap-selected-inner {
        margin-left: 10px
    }

    .uno3-buy-dialog.uno3-dialog .qc-base-form-wrap-selected .qc-base-form-wrap-selected-inner {
        -ms-flex: 1;
        flex: 1;
        background: #f7f7f9;
        padding: 20px
    }

    .uno3-buy-dialog.uno3-dialog .qc-base-form-wrap-selected .qc-base-form-wrap-selected-inner .qc-base-form-value-inner-wrap .qc-base-bubble-trigger {
        display: inline;
        border: 0;
        -webkit-text-decoration: dashed underline;
        text-decoration: dashed underline;
        text-underline-offset: 4px;
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .uno3-buy-dialog.uno3-dialog .qc-base-form-wrap-selected .qc-base-form-label {
        width: 112px
    }

    .uno3-buy-dialog.uno3-dialog .qc-base-form-wrap-selected .qc-base-form-value {
        width: calc(100% - 124px)
    }

    .uno3-buy-dialog.uno3-dialog .qc-base-form-wrap-selected .qc-base-form-item-wrap-inline .qc-base-form-value {
        width: 100%
    }

    .uno3-buy-dialog.uno3-dialog .qc-base-form-wrap-selected .qc-base-form-item-wrap-inline .qc-base-form-item {
        width: calc(50% - 6px)
    }

    .uno3-buy-dialog.uno3-dialog .qc-base-form-wrap-selected .qc-base-form-item-wrap-inline .qc-base-form-item .qc-base-select,.uno3-buy-dialog.uno3-dialog .qc-base-form-wrap-selected .qc-base-form-item-wrap-inline .qc-base-form-item .qc-base-select-btn {
        width: 100%
    }

    .uno3-buy-dialog.uno3-dialog .qc-base-form-wrap-selected .qc-base-form-label-inner {
        line-height: 22px;
        min-height: 22px;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-buy-dialog.uno3-dialog .qc-base-form-wrap-config {
        padding: 20px 24px;
        margin-bottom: 12px
    }

    .uno3-buy-dialog.uno3-dialog .qc-base-form-wrap-config .qc-base-form-label {
        width: 150px;
        margin-right: 10px
    }

    .uno3-buy-dialog.uno3-dialog .qc-base-form-wrap-config .qc-base-form-label-inner {
        color: #4b5b76
    }

    .uno3-buy-dialog.uno3-dialog .qc-base-form-wrap-config .qc-base-form-value {
        margin-left: 0;
        width: calc(100% - 160px)
    }

    .uno3-buy-dialog.uno3-dialog .qc-base-form-wrap-config .qc-base-form-value-inner {
        color: #181818
    }

    .uno3-buy-dialog.uno3-dialog .qc-base-form-wrap-config .qc-base-form-item .qc-base-form-item .qc-base-form-value {
        width: 100%
    }

    .uno3-buy-dialog.uno3-dialog .qc-base-form-item .qc-base-form-item+.qc-base-form-item {
        margin-top: 8px
    }

    .uno3-buy-dialog.uno3-dialog .qc-base-form-item .qc-base-form-item-wrap-inline .qc-base-form-item+.qc-base-form-item {
        margin-top: 0;
        margin-left: 12px
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        min-height: 100px;
        z-index: 20;
        padding: 25px 24px;
        text-align: right;
        background: #fff;
        box-shadow: 0 0 12px 0 rgba(24,44,108,.15)
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-footer .qc-base-form-item {
        display: inline-block;
        margin-bottom: auto;
        vertical-align: middle
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-footer .qc-base-form-item .qc-base-form-label {
        width: auto
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-footer .qc-base-form-item .qc-base-form-label .qc-base-form-label-inner {
        line-height: 22px;
        color: #4b5b76
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-footer .qc-base-form-item .qc-base-form-value {
        width: auto
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-footer .qc-base-form-item .qc-base-form-value .uno3-dialog-price {
        display: block;
        line-height: 1
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-footer .qc-base-form-item .qc-base-form-value .uno3-dialog-price .qc-base-show-box,.uno3-buy-dialog.uno3-dialog .uno3-dialog-footer .qc-base-form-item .qc-base-form-value .uno3-dialog-price .qc-base-show-pc {
        display: inline
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-footer .qc-base-form-item .qc-base-form-value .uno3-dialog-price-num,.uno3-buy-dialog.uno3-dialog .uno3-dialog-footer .qc-base-form-item .qc-base-form-value .uno3-dialog-price-unit {
        vertical-align: baseline
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-footer .qc-base-form-item .qc-base-form-value .uno3-dialog-price-loading {
        font-size: 22px;
        font-weight: 500;
        line-height: 40px;
        height: 40px
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-footer .qc-base-form-item .qc-base-form-value .uno3-dialog-price-unit {
        margin-right: 0
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-footer .qc-base-form-item .qc-base-form-value .uno3-dialog-price-detail {
        display: block;
        line-height: 18px
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-footer .qc-base-form-item .qc-base-form-value .uno3-dialog-price-detail.m-show-price-desc .uno3-dialog-price-desc-m {
        display: none
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-footer .qc-base-form-item .qc-base-form-value .uno3-dialog-price-average+.uno3-dialog-price-original {
        margin-left: 4px
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-footer .uno3-dialog-footer-btn {
        display: inline-block;
        margin-top: auto;
        margin-left: 24px;
        vertical-align: middle
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-footer .uno3-dialog-footer-btn .uno3 {
        width: 240px;
        height: 40px
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-footer .uno3-dialog-footer-config {
        padding-bottom: 24px;
        margin-bottom: 24px;
        border-bottom: 1px solid #e3e6eb;
        text-align: left
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-footer .uno3-dialog-footer-config .qc-base-form-label {
        width: 72px;
        margin-right: 0
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-footer .uno3-dialog-footer-config .qc-base-form-value {
        width: calc(100% - 80px);
        margin-left: 8px
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-footer .uno3-dialog-footer-config .qc-base-form-value .qc-base-radio-btn:nth-child(7n) {
        margin-right: 4px
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-footer .uno3-dialog-footer-config .qc-base-form-value .qc-base-radio-btn:nth-child(8n) {
        margin-right: 0
    }
}

@media (max-width: 768px) {
    .uno3-buy-dialog.uno3-dialog {
        max-height:100%;
        padding-top: 58px;
        height: 100%
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-header {
        height: 58px;
        padding: 0;
        border-bottom: 1px solid #e3e6eb;
        position: fixed;
        z-index: 999;
        width: 100%;
        top: 0;
        left: 0;
        right: 0
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-header .uno3-dialog-title {
        padding: 16px 54px;
        text-align: center;
        font-size: 18px;
        line-height: 26px;
        font-weight: 500;
        color: #181818;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-header .qc-base-icon--close {
        width: 20px;
        height: 20px;
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_v2_m_arrow_left.svg);
        left: 16px;
        top: 50%;
        right: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-body {
        padding-left: 0;
        padding-right: 0
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-body .uno3-dialog-tips {
        margin-top: 16px;
        padding-left: 16px;
        padding-right: 16px
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-body .uno3-dialog-tips+.uno3-dialog-tips {
        margin-top: 4px
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-body .qc-base-form-wrap-title {
        font-size: 14px;
        line-height: 22px;
        color: #181818;
        font-weight: 500
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-body .qc-base-form-wrap-selected {
        margin: 0;
        padding: 16px
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-body .qc-base-form-wrap-selected .qc-base-form-wrap-selected-inner {
        background: #f7f7f9;
        padding: 16px
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-body .qc-base-form-wrap-selected .qc-base-form-wrap-selected-inner .qc-base-form-value-inner-wrap .qc-base-bubble-trigger {
        display: inline;
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        border: 0;
        -webkit-text-decoration: dashed underline;
        text-decoration: dashed underline;
        text-underline-offset: 4px
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-body .qc-base-form-wrap-selected+.qc-base-form-wrap-config,.uno3-buy-dialog.uno3-dialog .uno3-dialog-body .qc-base-form-wrap-selected+.qc-base-form-wrap-selected {
        margin-top: 12px
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-body .qc-base-form-wrap-selected .qc-base-form-item:not(.qc-base-form-item-config) .qc-base-form-label {
        width: 84px;
        margin-right: 12px
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-body .qc-base-form-wrap-selected .qc-base-form-item:not(.qc-base-form-item-config) .qc-base-form-value {
        width: calc(100% - 96px)
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-body .qc-base-form-wrap-config {
        padding: 16px
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-body .qc-base-form-wrap-config+.qc-base-form-wrap-config {
        margin-top: 12px;
        padding-top: 16px
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-body .qc-base-form-wrap-config+.qc-base-form-wrap-selected {
        margin-top: 12px
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-body .qc-base-form-wrap-config .qc-base-form-item:last-child {
        margin-bottom: 0
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-body .qc-base-form-wrap-config .qc-base-form-label {
        margin-bottom: 8px;
        font-weight: 500
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-body .qc-base-form-wrap-config .qc-base-form-tip {
        margin-top: 8px
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-footer-mobile {
        box-shadow: 0 0 12px rgba(24,44,108,.15);
        height: auto!important;
        padding: 12px 16px 24px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-footer-mobile .qc-base-form-item {
        margin-bottom: auto;
        text-align: left
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-footer-mobile .uno3-dialog-price-detail {
        top: auto;
        display: -ms-flexbox;
        display: flex
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-footer-mobile .uno3-dialog-price-detail .uno3-dialog-price-average {
        -ms-flex-order: 2;
        order: 2;
        margin-left: 4px
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-footer-mobile .uno3-dialog-price-detail .uno3-dialog-price-original {
        -ms-flex-order: 1;
        order: 1;
        margin-left: 0
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-footer-mobile .uno3-dialog-price-detail.m-show-price-desc .uno3-dialog-price-average,.uno3-buy-dialog.uno3-dialog .uno3-dialog-footer-mobile .uno3-dialog-price-detail.m-show-price-desc .uno3-dialog-price-original {
        display: none
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-footer-mobile .uno3-dialog-price-detail.m-show-price-desc .uno3-dialog-price-desc-m {
        display: block
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-footer-mobile .uno3-dialog-price {
        padding-top: 0
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-footer-mobile .uno3-dialog-price .qc-base-show-box,.uno3-buy-dialog.uno3-dialog .uno3-dialog-footer-mobile .uno3-dialog-price .qc-base-show-mobile {
        display: inline
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-footer-mobile .uno3-dialog-price .qc-base-bubble-trigger {
        color: #ff7800;
        border: none;
        text-decoration: underline;
        -webkit-text-decoration-style: dotted;
        text-decoration-style: dotted
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-footer-mobile .uno3-dialog-footer-btn .uno3-button {
        width: 100px;
        min-width: auto;
        height: 40px;
        padding: 0 6px
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-footer-mobile .uno3-dialog-footer-btn {
        text-align: right;
        position: relative;
        right: auto;
        top: auto;
        bottom: auto
    }

    .uno3-buy-dialog.uno3-dialog .uno3-dialog-footer-mobile .uno3-dialog-footer-btn .uno3 {
        width: 100px;
        min-width: auto;
        height: 40px
    }

    .uno3-buy-dialog.uno3-dialog .qc-base-form-wrap-selected .qc-base-form-label-inner {
        line-height: 22px;
        min-height: 22px;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
        align-items: center
    }
}

.uno3-buy-dialog.uno3-dialog .uno3-button.uno3-button--primary {
    background: #0052d9;
    border: none;
    box-shadow: none;
    color: #fff
}

.uno3-buy-dialog.uno3-dialog .uno3-button.uno3-button--primary:active,.uno3-buy-dialog.uno3-dialog .uno3-button.uno3-button--primary:hover {
    background: #266fe8;
    border: none;
    box-shadow: none;
    color: #fff
}

.uno3-buy-dialog.uno3-dialog .uno3-button.uno3-button--primary.uno3-button--disabled {
    background: #f1f2f5;
    border: none;
    box-shadow: none;
    color: #97a3b7
}

.uno3-buy-dialog.uno3-dialog .uno3-button.uno3-button--solid-white {
    background: #f1f2f5;
    border: none;
    box-shadow: none;
    color: #181818
}

.uno3-buy-dialog.uno3-dialog .uno3-button.uno3-button--solid-white:active,.uno3-buy-dialog.uno3-dialog .uno3-button.uno3-button--solid-white:hover {
    background: #f1f2f5;
    border: none;
    box-shadow: none;
    color: #0052d9
}

.uno3-buy-dialog.uno3-dialog .uno3-button.uno3-button--solid-white.uno3-button--disabled {
    background: #f1f2f5;
    border: none;
    box-shadow: none;
    color: #97a3b7
}

.uno3-dialog-price,.uno3-dialog-price-detail {
    font-size: 0
}

.uno3-dialog-price-num {
    color: #ff7800;
    font-size: 24px;
    line-height: 32px;
    margin-right: 4px;
    font-weight: 500
}

.uno3-dialog-price-unit {
    font-size: 14px;
    line-height: 22px;
    color: #ff7800;
    margin-right: 8px;
    font-weight: 600
}

.uno3-dialog-price-average,.uno3-dialog-price-original {
    font-size: 12px;
    line-height: 20px;
    color: #97a3b7;
    display: inline-block;
    vertical-align: middle
}

.uno3-dialog-price-desc-m {
    font-size: 12px;
    line-height: 20px;
    color: #4b5b76
}

.uno3-dialog-price-average+.tp-dialog-price-original,.uno3-dialog-price-desc-m .qc-base-action {
    margin-left: 8px
}

.uno3-dialog-footer-btn {
    margin-top: 20px;
    text-align: center
}

.uno3-dialog-footer-btn .tp-button {
    width: 200px
}

.uno3-dialog-price-loading {
    height: 32px;
    display: block;
    color: #ff7800;
    font-size: 20px;
    line-height: 32px
}

@media (max-width: 768px) {
    .uno3-dialog-price-loading {
        height:52px;
        line-height: 52px
    }
}

@media screen and (max-width: 768px) {
    .uno3-buy-dialog .uno3-dialog-footer {
        border-top:none;
        padding: 0 16px
    }

    .uno3-buy-dialog .uno3-dialog-body {
        max-height: 100%!important;
        padding-bottom: 140px
    }

    .uno3-buy-dialog .uno3-dialog-footer-mobile {
        position: fixed;
        width: 100%;
        left: 0;
        bottom: 0;
        z-index: 20;
        background-color: #fff;
        box-shadow: 0 -4px 20px rgba(55,99,170,.1);
        height: 94px;
        padding: 0 16px 32px
    }

    .uno3-buy-dialog .uno3-dialog-footer-mobile .qc-base-form-label-inner {
        display: none
    }

    .uno3-buy-dialog .uno3-dialog-footer-mobile .uno3-dialog-original-price {
        display: block
    }

    .uno3-buy-dialog .uno3-dialog-footer-mobile .qc-base-form-item {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 120px);
        margin-bottom: 2px;
        vertical-align: bottom;
        height: 100%
    }

    .uno3-buy-dialog .uno3-dialog-footer-mobile .qc-base-form-label {
        display: none
    }

    .uno3-buy-dialog .uno3-dialog-footer-mobile .uno3-dialog-footer-btn {
        display: inline-block;
        width: 120px;
        position: absolute;
        right: 16px;
        top: 22px;
        margin-top: 0
    }

    .uno3-buy-dialog .uno3-dialog-footer-mobile .uno3-dialog-footer-btn .tp-button {
        width: 100%
    }

    .uno3-buy-dialog .uno3-dialog-price {
        position: absolute;
        top: 28px
    }

    .uno3-buy-dialog .uno3-dialog-price-detail {
        position: absolute;
        top: 10px
    }
}

@media (min-width: 769px) {
    .uno3-buy-dialog.uno3-buy-dialog-v2 .qc-base-form .qc-base-form-item-wrap-inline .qc-base-form-item.qc-base-form-item-w378 {
        max-width:378px
    }

    .uno3-buy-dialog.uno3-buy-dialog-v2 .qc-base-form .qc-base-form-item-wrap-inline .qc-base-form-item.qc-base-form-item-w378 .qc-base-input,.uno3-buy-dialog.uno3-buy-dialog-v2 .qc-base-form .qc-base-form-item-wrap-inline .qc-base-form-item.qc-base-form-item-w378 .qc-base-select {
        width: 378px
    }
}

@media (min-width: 769px) {
    .uno3-buy-dialog.uno3-buy-dialog-v2 .qc-base-input-adorn {
        width:450px
    }

    .uno3-buy-dialog.uno3-buy-dialog-v2 .qc-base-input-adorn .qc-base-input {
        width: 100%
    }
}

@media (max-width: 768px) {
    .uno3-buy-dialog.uno3-buy-dialog-v2 .qc-base-input-adorn .qc-base-input {
        width:100%
    }
}

@media (min-width: 769px) {
    .uno3-buy-dialog.uno3-buy-dialog-v2 .qc-base-form-item.qc-base-form-item-domain .qc-base-input {
        width:450px
    }
}

@media (min-width: 769px) {
    .uno3-buy-dialog.uno3-buy-dialog-v2 .qc-base-form-item.qc-base-form-item-domain .qc-base-select {
        width:86px;
        left: 363px;
        right: auto
    }
}

@media (min-width: 769px) {
    .uno3-buy-dialog.uno3-buy-dialog-v2 .qc-base-form-item.qc-base-select-domain-template .qc-base-select {
        width:400px
    }
}

@media (min-width: 769px) {
    .uno3-buy-dialog.uno3-buy-dialog-v2 .qc-base-form-item.qc-base-form-item-domain-single .qc-base-input {
        width:450px
    }

    .uno3-buy-dialog.uno3-buy-dialog-v2 .qc-base-form-item.qc-base-form-item-domain-single .qc-base-input+span {
        left: 386px;
        right: auto
    }
}

@media (min-width: 769px) {
    .uno3-buy-dialog.uno3-buy-dialog-v2 .qc-base-radio-groups.qc-base-radio-groups-flex .qc-base-radio-btn {
        width:calc(20% - 3.2px)
    }
}

.uno3-buy-dialog.uno3-buy-dialog-v2 .uno3-tag-discount {
    color: #fff;
    background: #ff7800
}

.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-head {
    margin-bottom: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-head-tip {
    color: #181818;
    font-size: 14px;
    line-height: 22px
}

.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-head-tip .qc-base-text {
    margin: 0 4px
}

.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-text-give {
    background: #ffeddf;
    border-radius: 2px;
    display: inline-block;
    padding: 0 3px;
    margin-right: 6px;
    font-size: 12px;
    line-height: 18px;
    color: #ff7800
}

.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-text-buy {
    background: #d4e3fc;
    border-radius: 2px;
    display: inline-block;
    padding: 0 3px;
    margin-right: 6px;
    font-size: 12px;
    line-height: 18px;
    color: #0052d9
}

.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-head-page {
    font-size: 12px;
    line-height: 20px;
    color: #181818
}

.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-head-page-current {
    margin-right: 4px
}

.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-head-page-all {
    margin-left: 4px;
    color: #97a3b7
}

.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-card-normal {
    background: #fff;
    border: 1px solid #e3e6eb;
    width: 317px;
    padding: 12px 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    height: 100%;
    box-sizing: border-box
}

.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-card-normal .uno3-dialog-form-card-tag {
    border: 1px solid #ff7800;
    background: #fff;
    border-radius: 2px;
    padding: 0 4px;
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    color: #ff7800;
    position: absolute;
    right: -1px;
    top: -10px;
    z-index: 1
}

.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-card-normal .uno3-dialog-form-card-content {
    padding-left: 24px
}

.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-card-normal .qc-base-form-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-card-normal .qc-base-form-item .qc-base-form-label {
    width: auto;
    margin-bottom: 0
}

.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-card-normal .qc-base-form-item .qc-base-form-value {
    width: auto!important
}

.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-card-normal:hover {
    cursor: pointer;
    border: 1px solid #0052d9
}

.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-card-normal.is-checked {
    border: 1px solid #0052d9;
    background: #f5f8fd;
    box-shadow: 0 4px 12px rgba(55,99,170,.1)
}

@media (max-width: 768px) {
    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-card-normal {
        width:100%
    }
}

.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-card-normal .qc-base-checkbox-wrap {
    width: calc(100% + 24px);
    margin-left: -24px;
    color: #181818
}

.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-card-normal .qc-base-checkbox-wrap .qc-base-checkbox-tit {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #181818
}

.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-card-normal .qc-base-checkbox-wrap .qc-base-checkbox-desc {
    font-size: 12px;
    line-height: 18px;
    color: #4b5b76;
    margin-top: 2px
}

.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-card-normal .uno3-dialog-form-card-foot {
    border-top: 1px dashed #e3e6eb;
    margin-top: 5px;
    padding-top: 12px
}

.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-card-normal .uno3-dialog-form-card-foot .uno3-dialog-form-card-price {
    text-align: right
}

.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-card-normal .uno3-dialog-form-card-foot .uno3-dialog-form-card-price-original {
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    color: #97a3b7;
    font-size: 12px;
    line-height: 18px;
    margin-right: 4px;
    vertical-align: middle
}

.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-card-normal .uno3-dialog-form-card-foot .uno3-dialog-form-card-price-num {
    color: #ff7800;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    vertical-align: middle
}

.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content {
    position: relative
}

.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .swiper-wrapper {
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 769px) {
    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .swiper {
        margin-top:-12px;
        margin-right: -24px;
        padding: 12px 24px 0 0
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .swiper-slide {
        width: 317px;
        height: auto;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .uno3-dialog-form-content-swiper-handle {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 10px
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .uno3-dialog-form-content-swiper-handle .uno3-dialog-form-content-swiper-handle-text {
        font-size: 12px;
        line-height: 18px;
        color: #181818
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .uno3-dialog-form-content-swiper-handle .uno3-dialog-form-content-swiper-handle-left,.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .uno3-dialog-form-content-swiper-handle .uno3-dialog-form-content-swiper-handle-right {
        background: #fff;
        border: 1px solid #e3e6eb;
        height: 30px;
        width: 30px;
        display: inline-block;
        margin-right: 12px;
        position: relative
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .uno3-dialog-form-content-swiper-handle .uno3-dialog-form-content-swiper-handle-left:after,.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .uno3-dialog-form-content-swiper-handle .uno3-dialog-form-content-swiper-handle-right:after {
        content: "";
        display: inline-block;
        width: 24px;
        height: 24px;
        background-size: 24px 24px;
        background-position: 50%;
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .uno3-dialog-form-content-swiper-handle .uno3-dialog-form-content-swiper-handle-left:not(.is-disabled):hover,.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .uno3-dialog-form-content-swiper-handle .uno3-dialog-form-content-swiper-handle-right:not(.is-disabled):hover {
        border: 1px solid #0052d9;
        cursor: pointer
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .uno3-dialog-form-content-swiper-handle .uno3-dialog-form-content-swiper-handle-left.is-disabled,.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .uno3-dialog-form-content-swiper-handle .uno3-dialog-form-content-swiper-handle-right.is-disabled {
        background: #f1f2f5;
        border: 1px solid #e3e6eb;
        cursor: not-allowed
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .uno3-dialog-form-content-swiper-handle .uno3-dialog-form-content-swiper-handle-left:after {
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_swiper_left_normal.svg)
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .uno3-dialog-form-content-swiper-handle .uno3-dialog-form-content-swiper-handle-left:not(.is-disabled):hover:after {
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_swiper_left_hover.svg)
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .uno3-dialog-form-content-swiper-handle .uno3-dialog-form-content-swiper-handle-right:after {
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_swiper_right_normal.svg)
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .uno3-dialog-form-content-swiper-handle .uno3-dialog-form-content-swiper-handle-right:not(.is-disabled):hover:after {
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_swiper_right_hover.svg)
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .swiper-pagination {
        display: none
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .uno3-dialog-form-content-swiper-handle-next,.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .uno3-dialog-form-content-swiper-handle-prev {
        border-radius: 50px;
        background: #fff;
        width: 32px;
        height: 32px;
        box-shadow: 5px 5px 15px 0 rgba(55,99,170,.12);
        position: absolute;
        top: calc(50% - 16px);
        z-index: 10
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .uno3-dialog-form-content-swiper-handle-next:after,.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .uno3-dialog-form-content-swiper-handle-prev:after {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        background-size: 16px 16px;
        background-position: 50%;
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .uno3-dialog-form-content-swiper-handle-next:not(.is-disabled):hover,.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .uno3-dialog-form-content-swiper-handle-prev:not(.is-disabled):hover {
        cursor: pointer
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .uno3-dialog-form-content-swiper-handle-next.is-disabled,.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .uno3-dialog-form-content-swiper-handle-prev.is-disabled {
        cursor: not-allowed
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .uno3-dialog-form-content-swiper-handle-prev {
        left: -16px
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .uno3-dialog-form-content-swiper-handle-prev:after {
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_swiper_prev_normal.svg)
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .uno3-dialog-form-content-swiper-handle-prev:not(.is-disabled):hover:after {
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_swiper_prev_hover.svg)
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .uno3-dialog-form-content-swiper-handle-prev.is-disabled:after {
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_swiper_prev_disabled.svg)
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .uno3-dialog-form-content-swiper-handle-next {
        right: -16px
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .uno3-dialog-form-content-swiper-handle-next:after {
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_swiper_next_normal.svg)
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .uno3-dialog-form-content-swiper-handle-next:not(.is-disabled):hover:after {
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_swiper_next_hover.svg)
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .uno3-dialog-form-content-swiper-handle-next.is-disabled:after {
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_swiper_next_disabled.svg)
    }
}

@media (max-width: 768px) {
    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .swiper {
        margin-top:-12px;
        margin-right: -16px;
        padding: 12px 16px 0 0
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .swiper-slide {
        height: auto;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .uno3-dialog-form-content-swiper-handle,.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .uno3-dialog-form-content-swiper-handle-next,.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .uno3-dialog-form-content-swiper-handle-prev {
        display: none
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .swiper-pagination {
        margin: 16px auto 0;
        position: relative;
        line-height: 24px;
        bottom: 0
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .swiper-pagination-bullet {
        background: #d7dbe0;
        opacity: 1;
        border-radius: 2px;
        width: 30px;
        height: 4px;
        position: relative
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .swiper-pagination-bullet:after {
        content: "";
        display: inline-block;
        width: 100%;
        height: 24px;
        position: absolute;
        top: -10px;
        left: 0
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .swiper-pagination-bullet+.swiper-pagination-bullet {
        margin-left: 10px
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-form-content .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: linear-gradient(0deg,#0052d9,#0052d9),#d7dbe0
    }
}

.uno3-buy-dialog__inform-modal .uno3-dialog__inform,.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog__inform {
    margin-bottom: 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.uno3-buy-dialog__inform-modal .uno3-dialog__inform-inner,.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog__inform-inner {
    width: calc(100% - 78px)
}

.uno3-buy-dialog__inform-modal .uno3-dialog__inform-item,.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog__inform-item {
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width: 769px) {
    .uno3-buy-dialog__inform-modal .uno3-dialog__inform-item,.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog__inform-item {
        white-space:nowrap;
        overflow: hidden
    }
}

.uno3-buy-dialog__inform-modal .uno3-dialog__inform-item:not(:first-child),.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog__inform-item:not(:first-child) {
    display: none
}

.uno3-buy-dialog__inform-modal .uno3-dialog__inform .uno3-dialog__inform-item+.uno3-dialog__inform-item,.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog__inform .uno3-dialog__inform-item+.uno3-dialog__inform-item {
    margin-top: 8px
}

.uno3-buy-dialog__inform-modal .uno3-dialog__inform-tag,.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog__inform-tag {
    padding: 0 8px;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    margin-right: 12px
}

.uno3-buy-dialog__inform-modal .uno3-dialog__inform-tag--universal,.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog__inform-tag--universal {
    background: #ecf2fe;
    color: #0034b5
}

.uno3-buy-dialog__inform-modal .uno3-dialog__inform-tag--warn,.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog__inform-tag--warn {
    background: #fce8e8;
    color: #b42c3f
}

.uno3-buy-dialog__inform-modal .uno3-dialog__inform-tag--sale,.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog__inform-tag--sale {
    background: #ffeddf;
    color: #c04100
}

@media screen and (min-width: 769px) {
    .uno3-buy-dialog__inform-modal .uno3-dialog__inform-content,.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog__inform-content {
        display:-ms-flexbox;
        display: flex
    }
}

.uno3-buy-dialog__inform-modal .uno3-dialog__inform-text,.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog__inform-text {
    -ms-flex: 1;
    flex: 1;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    color: #4b5b76
}

@media screen and (min-width: 769px) {
    .uno3-buy-dialog__inform-modal .uno3-dialog__inform-content,.uno3-buy-dialog__inform-modal .uno3-dialog__inform-text,.uno3-buy-dialog__inform-modal .uno3-dialog__inform-text-inner,.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog__inform-content,.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog__inform-text,.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog__inform-text-inner {
        overflow:hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

.uno3-buy-dialog__inform-modal .uno3-dialog__inform-link,.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog__inform-link {
    margin-left: 8px;
    font-size: 12px;
    line-height: 22px
}

.uno3-buy-dialog__inform-modal .uno3-dialog__inform-link .qc-base-icon-link,.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog__inform-link .qc-base-icon-link {
    vertical-align: -4px
}

.uno3-buy-dialog__inform-modal .uno3-dialog__inform-btn,.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog__inform-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #97a3b7;
    cursor: pointer
}

.uno3-buy-dialog__inform-modal .uno3-dialog__inform-btn:after,.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog__inform-btn:after {
    content: "";
    width: 16px;
    height: 16px;
    margin-left: 4px;
    display: block;
    background-image: url(/web/jinglisafe/assets/images/activity/dialog-arrow.png);
    background-position: -5px -5px;
    background-size: 52px 26px
}

.uno3-buy-dialog__inform-modal .uno3-dialog__inform-btn:hover,.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog__inform-btn:hover {
    color: #0052d9
}

.uno3-buy-dialog__inform-modal .uno3-dialog__inform-btn:hover:after,.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog__inform-btn:hover:after {
    background-position: -31px -5px
}

.uno3-buy-dialog__inform-modal .uno3-dialog__inform.uno3-dialog__inform-show .uno3-dialog__inform-item,.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog__inform.uno3-dialog__inform-show .uno3-dialog__inform-item {
    display: -ms-flexbox;
    display: flex
}

.uno3-buy-dialog__inform-modal .uno3-dialog__inform.uno3-dialog__inform-show .uno3-dialog__inform-btn,.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog__inform.uno3-dialog__inform-show .uno3-dialog__inform-btn {
    color: #0052d9
}

.uno3-buy-dialog__inform-modal .uno3-dialog__inform.uno3-dialog__inform-show .uno3-dialog__inform-btn:after,.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog__inform.uno3-dialog__inform-show .uno3-dialog__inform-btn:after {
    background-position: -31px -5px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.uno3-buy-dialog__inform-modal .uno3-dialog__inform.uno3-dialog__inform-not-btn .uno3-dialog__inform-inner,.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog__inform.uno3-dialog__inform-not-btn .uno3-dialog__inform-inner {
    width: 100%
}

.uno3-dialog.uno3-buy-dialog-v2 .qc-base-show-mobile .uno3-dialog__inform-label {
    padding: 9px 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.uno3-dialog__inform-mask {
    z-index: 1002
}

.uno3-buy-dialog__inform-modal {
    z-index: 1003
}

.uno3-buy-dialog__inform-modal .uno3-dialog__inform {
    margin-bottom: 0
}

.uno3-buy-dialog__inform-modal .uno3-dialog__inform-inner {
    width: 100%
}

.uno3-buy-dialog__inform-modal .uno3-dialog__inform-tag {
    white-space: nowrap;
    line-height: 20px;
    height: 20px
}

.uno3-buy-dialog__inform-modal .uno3-dialog__inform-text {
    line-height: 20px
}

.uno3-buy-dialog__inform-modal .uno3-dialog__inform-link,.uno3-buy-dialog__inform-modal .uno3-dialog__inform-text {
    display: inline
}

.uno3-buy-dialog__inform-modal .uno3-dialog-body {
    padding-bottom: 16px
}

.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog__activity {
    position: absolute;
    bottom: 100px;
    left: 0;
    z-index: 20;
    width: 100%;
    padding: 10px 24px;
    background: #ffeddf;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 768px) {
    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog__activity {
        padding:10px 16px;
        position: fixed;
        bottom: 76px;
        z-index: 30
    }
}

.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog__activity-tag {
    background: #ff7800;
    padding: 0 8px;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    color: #fff
}

.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog__activity-content {
    margin-left: 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #c04100
}

.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog__activity,.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog__activity-content,.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog__activity-text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog__activity-text {
    cursor: pointer
}

.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog__activity-item:not(:first-child) {
    margin-left: 20px
}

.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog__activity .qc-base-icon-info {
    margin: 0 9px 1px 5px;
    width: 14px;
    height: 14px;
    background-image: url(/web/jinglisafe/assets/images/activity/dialog-icon-info.svg)
}

.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog__activity .qc-base-link {
    color: inherit
}

.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog__activity .qc-base-icon-link {
    background-image: url(/web/jinglisafe/assets/images/activity/dialog-icon-link.svg)
}

.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog__activity .qc-base-icon-feature {
    margin-right: 4px;
    background-image: url(/web/jinglisafe/assets/images/activity/dialog-icon-feature.svg)
}

.qc-base-tooltip .uno3-dialog__activity-item {
    display: block
}

.qc-base-tooltip .uno3-dialog__activity-item .qc-base-icon {
    margin-right: 4px
}

.qc-base-tooltip .uno3-dialog__activity-item:not(:first-child) {
    margin-top: 4px
}

.qc-base-tooltip .qc-base-icon-info {
    margin: 0 5px;
    background-image: url(/web/jinglisafe/assets/images/activity/dialog-icon-info-tooltip.svg)
}

@media (min-width: 769px) {
    .uno3-buy-dialog.uno3-buy-dialog-v2 .qc-base-form-item-wrap-inline .qc-base-form-item:nth-child(3),.uno3-buy-dialog.uno3-buy-dialog-v2 .qc-base-form-item-wrap-inline .qc-base-form-item:nth-child(3) .form-control,.uno3-buy-dialog.uno3-buy-dialog-v2 .qc-base-form-item-wrap-inline .qc-base-form-item:nth-child(3) .qc-base-input,.uno3-buy-dialog.uno3-buy-dialog-v2 .qc-base-form-item-wrap-inline .qc-base-form-item:nth-child(3) .qc-base-select {
        width:200px
    }

    .uno3-buy-dialog.uno3-buy-dialog-v2 .qc-base-form-item-wrap-inline .qc-base-form-item:nth-child(3) .form-control .qc-base-select-btn,.uno3-buy-dialog.uno3-buy-dialog-v2 .qc-base-form-item-wrap-inline .qc-base-form-item:nth-child(3) .qc-base-input .qc-base-select-btn,.uno3-buy-dialog.uno3-buy-dialog-v2 .qc-base-form-item-wrap-inline .qc-base-form-item:nth-child(3) .qc-base-select .qc-base-select-btn {
        width: 100%
    }

    .uno3-buy-dialog.uno3-buy-dialog-v2 .qc-base-select.qc-base-select-w512 {
        width: 512px
    }

    .uno3-buy-dialog.uno3-buy-dialog-v2 .qc-base-select.qc-base-select-full {
        width: 100%
    }

    .uno3-buy-dialog.uno3-buy-dialog-v2 .qc-base-select.qc-base-select-auto {
        width: auto;
        min-width: 250px
    }
}

.uno3-dialog .qc-base-form .qc-base-form-item-domain-single .qc-base-select.qc-base-select-active .qc-base-select-btn,.uno3-dialog .qc-base-form .qc-base-form-item-domain-single .qc-base-select.qc-base-select-active:active .qc-base-select-btn,.uno3-dialog .qc-base-form .qc-base-form-item-domain-single .qc-base-select.qc-base-select-active:hover .qc-base-select-btn,.uno3-dialog .qc-base-form .qc-base-form-item-domain-single .qc-base-select .qc-base-select-btn,.uno3-dialog .qc-base-form .qc-base-form-item-domain-single .qc-base-select:active .qc-base-select-btn,.uno3-dialog .qc-base-form .qc-base-form-item-domain-single .qc-base-select:hover .qc-base-select-btn,.uno3-dialog .qc-base-form .qc-base-form-item-domain .qc-base-select.qc-base-select-active .qc-base-select-btn,.uno3-dialog .qc-base-form .qc-base-form-item-domain .qc-base-select.qc-base-select-active:active .qc-base-select-btn,.uno3-dialog .qc-base-form .qc-base-form-item-domain .qc-base-select.qc-base-select-active:hover .qc-base-select-btn,.uno3-dialog .qc-base-form .qc-base-form-item-domain .qc-base-select .qc-base-select-btn,.uno3-dialog .qc-base-form .qc-base-form-item-domain .qc-base-select:active .qc-base-select-btn,.uno3-dialog .qc-base-form .qc-base-form-item-domain .qc-base-select:hover .qc-base-select-btn,.uno3-dialog .qc-base-form .qc-base-form-item-error .qc-base-form-item-domain .qc-base-select.qc-base-select-active .qc-base-select-btn,.uno3-dialog .qc-base-form .qc-base-form-item-error .qc-base-form-item-domain .qc-base-select.qc-base-select-active:active .qc-base-select-btn,.uno3-dialog .qc-base-form .qc-base-form-item-error .qc-base-form-item-domain .qc-base-select.qc-base-select-active:hover .qc-base-select-btn,.uno3-dialog .qc-base-form .qc-base-form-item-error .qc-base-form-item-domain .qc-base-select .qc-base-select-btn,.uno3-dialog .qc-base-form .qc-base-form-item-error .qc-base-form-item-domain .qc-base-select:active .qc-base-select-btn,.uno3-dialog .qc-base-form .qc-base-form-item-error .qc-base-form-item-domain .qc-base-select:hover .qc-base-select-btn {
    border-color: transparent;
    background: transparent
}

.uno3-dialog .qc-base-form .qc-base-form-item-domain-single .qc-base-form-value .qc-base-input,.uno3-dialog .qc-base-form .qc-base-form-item-domain .qc-base-form-value .qc-base-input,.uno3-dialog .qc-base-form .qc-base-form-item-error .qc-base-form-item-domain .qc-base-form-value .qc-base-input {
    width: calc(100% - 72px)
}

.uno3-dialog .qc-base-form .qc-base-form-item-domain-single .qc-base-form-value .qc-base-input+span,.uno3-dialog .qc-base-form .qc-base-form-item-domain-single .qc-base-form-value .qc-base-select,.uno3-dialog .qc-base-form .qc-base-form-item-domain .qc-base-form-value .qc-base-input+span,.uno3-dialog .qc-base-form .qc-base-form-item-domain .qc-base-form-value .qc-base-select,.uno3-dialog .qc-base-form .qc-base-form-item-error .qc-base-form-item-domain .qc-base-form-value .qc-base-input+span,.uno3-dialog .qc-base-form .qc-base-form-item-error .qc-base-form-item-domain .qc-base-form-value .qc-base-select {
    left: auto;
    right: 72px
}

.uno3-dialog .qc-base-form .qc-base-form-item-domain-single .qc-base-select-active .qc-base-select-btn:hover,.uno3-dialog .qc-base-form .qc-base-form-item-domain .qc-base-select-active .qc-base-select-btn:hover,.uno3-dialog .qc-base-form .qc-base-form-item-error .qc-base-form-item-domain .qc-base-select-active .qc-base-select-btn:hover {
    border-color: transparent
}

@media (max-width: 768px) {
    .uno3-dialog .qc-base-form .qc-base-form-item.qc-base-form-item-domain-single .qc-base-form-label+.qc-base-form-value,.uno3-dialog .qc-base-form .qc-base-form-item.qc-base-form-item-domain-single .qc-base-form-value,.uno3-dialog .qc-base-form .qc-base-form-item.qc-base-form-item-domain .qc-base-form-label+.qc-base-form-value,.uno3-dialog .qc-base-form .qc-base-form-item.qc-base-form-item-domain .qc-base-form-value {
        margin-left:0;
        width: 100%
    }

    .uno3-dialog .qc-base-form .qc-base-form-item.qc-base-form-item-domain-single .qc-base-form-value .qc-base-input,.uno3-dialog .qc-base-form .qc-base-form-item.qc-base-form-item-domain .qc-base-form-value .qc-base-input {
        width: calc(100% - 60px)
    }

    .uno3-dialog .qc-base-form .qc-base-form-item.qc-base-form-item-domain-single .qc-base-form-value .qc-base-input+span,.uno3-dialog .qc-base-form .qc-base-form-item.qc-base-form-item-domain-single .qc-base-form-value .qc-base-select,.uno3-dialog .qc-base-form .qc-base-form-item.qc-base-form-item-domain .qc-base-form-value .qc-base-input+span,.uno3-dialog .qc-base-form .qc-base-form-item.qc-base-form-item-domain .qc-base-form-value .qc-base-select {
        left: auto;
        right: 60px
    }
}

.uno3-dialog-domain-tips {
    padding: 16px 0;
    color: #4c5b76;
    letter-spacing: 0;
    font-size: 14px;
    line-height: 22px
}

.uno3-dialog-domain-tips .qc-base-link {
    margin-left: 8px
}

.uno3-dialog-domain-desc {
    color: #181818;
    letter-spacing: 0;
    font-size: 14px;
    line-height: 22px;
    padding: 8px 0
}

.uno3-dialog-domain-icon-error,.uno3-dialog-domain-icon-success,.uno3-dialog-domain-icon-tips-normal {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    vertical-align: -3px;
    margin-right: 6px
}

.uno3-dialog-domain-icon-success {
    background-image: url(/web/jinglisafe/assets/images/activity/diaog-icon-success.svg)
}

.uno3-dialog-domain-icon-error {
    background-image: url(/web/jinglisafe/assets/images/activity/dialog-icon-tips-error.svg)
}

.uno3-dialog-domain-icon-tips-normal {
    background-image: url(/web/jinglisafe/assets/images/activity/dialog-icon-tips-normal.svg)
}

.uno3-dialog-domain-btn {
    margin-top: 12px;
    margin-bottom: 12px
}

.uno3-dialog-domain-list {
    margin: 24px auto;
    width: 100%
}

.uno3-dialog-domain-list-tit {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #181818;
    letter-spacing: 0;
    margin-bottom: 4px
}

.uno3-dialog-domain-list-item {
    padding: 12px 0;
    font-size: 14px;
    line-height: 22px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #dadde2
}

.uno3-dialog-domain-list-item-content {
    max-width: calc(100% - 90px)
}

.uno3-dialog-domain-list-item-name {
    color: #181818;
    font-size: 18px
}

.uno3-dialog-domain-list-item-price {
    margin-top: 4px
}

.uno3-dialog-domain-list-item-price-num {
    color: #4c5b76;
    text-align: left
}

.uno3-dialog-domain-list-item-price-discount {
    color: #98a3b7;
    letter-spacing: 0;
    margin-left: 8px;
    text-decoration: line-through
}

@media (min-width: 769px) {
    .qc-base-form-item.qc-base-select-domain-template .qc-base-select,.qc-base-select-dropdown .qc-base-select-dropdown-list .qc-base-select-dropdown-item {
        width:100%
    }

    .qc-base-form-item.qc-base-select-domain-template .qc-base-select .qc-base-select-btn span:not(.qc-base-text):not(.qc-base-select-placeholder),.qc-base-select-dropdown .qc-base-select-dropdown-list .qc-base-select-dropdown-item .qc-base-select-btn span:not(.qc-base-text):not(.qc-base-select-placeholder) {
        width: auto
    }

    .qc-base-form-item.qc-base-select-domain-template .qc-base-select .qc-base-select-domain-template-name,.qc-base-select-dropdown .qc-base-select-dropdown-list .qc-base-select-dropdown-item .qc-base-select-domain-template-name {
        width: 250px;
        padding-right: 12px;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;
        display: inline-block
    }

    .qc-base-form-item.qc-base-select-domain-template .qc-base-select .qc-base-select-domain-template-role,.qc-base-select-dropdown .qc-base-select-dropdown-list .qc-base-select-dropdown-item .qc-base-select-domain-template-role {
        font-size: 14px;
        line-height: 22px;
        width: 50px;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;
        display: inline-block
    }

    .qc-base-form-item.qc-base-select-domain-template .qc-base-select .qc-base-select-domain-template-tag,.qc-base-select-dropdown .qc-base-select-dropdown-list .qc-base-select-dropdown-item .qc-base-select-domain-template-tag {
        width: auto;
        float: right;
        background: #fff;
        border: 1px solid #ff7800;
        border-radius: 2px;
        font-size: 12px;
        line-height: 18px;
        color: #ff7800;
        text-align: center;
        padding: 0 4px
    }

    .qc-base-form-item.qc-base-select-domain-template .qc-base-select.qc-base-select-dropdown-item-disabled .qc-base-select-domain-template-tag,.qc-base-select-dropdown .qc-base-select-dropdown-list .qc-base-select-dropdown-item.qc-base-select-dropdown-item-disabled .qc-base-select-domain-template-tag {
        border: 1px solid #98a3b7;
        color: #98a3b7
    }

    .qc-base-tooltip-inner.qc-base-tooltip-domain-template .qc-base-form-label {
        width: 166px
    }

    .qc-base-tooltip-inner.qc-base-tooltip-domain-template .qc-base-form-value {
        width: 260px
    }

    .qc-base-tooltip-inner.qc-base-tooltip-domain-template .qc-base-tooltip-item-con {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 16px
    }
}

@media (max-width: 768px) {
    .qc-base-form-item.qc-base-select-domain-template .qc-base-form-value .uno-form-value-inner-wrap .qc-base-select,.qc-base-select-dropdown .qc-base-select-dropdown-list .qc-base-select-dropdown-item {
        width:100%
    }

    .qc-base-form-item.qc-base-select-domain-template .qc-base-form-value .uno-form-value-inner-wrap .qc-base-select .qc-base-select-domain-template-name,.qc-base-select-dropdown .qc-base-select-dropdown-list .qc-base-select-dropdown-item .qc-base-select-domain-template-name {
        width: 176px;
        padding-right: 4px;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;
        display: inline-block;
        width: auto
    }

    .qc-base-form-item.qc-base-select-domain-template .qc-base-form-value .uno-form-value-inner-wrap .qc-base-select .qc-base-select-domain-template-role,.qc-base-select-dropdown .qc-base-select-dropdown-list .qc-base-select-dropdown-item .qc-base-select-domain-template-role {
        font-size: 14px;
        line-height: 22px;
        width: 50px;
        vertical-align: middle;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block
    }

    .qc-base-form-item.qc-base-select-domain-template .qc-base-form-value .uno-form-value-inner-wrap .qc-base-select .qc-base-select-domain-template-tag,.qc-base-select-dropdown .qc-base-select-dropdown-list .qc-base-select-dropdown-item .qc-base-select-domain-template-tag {
        width: auto;
        float: right;
        background: #fff;
        border: 1px solid #ff7800;
        border-radius: 2px;
        font-size: 12px;
        line-height: 18px;
        color: #ff7800;
        text-align: center;
        padding: 0 4px
    }

    .qc-base-form-item.qc-base-select-domain-template .qc-base-form-value .uno-form-value-inner-wrap .qc-base-select.qc-base-select-dropdown-item-disabled .qc-base-select-domain-template-tag,.qc-base-select-dropdown .qc-base-select-dropdown-list .qc-base-select-dropdown-item.qc-base-select-dropdown-item-disabled .qc-base-select-domain-template-tag {
        border: 1px solid #98a3b7;
        color: #98a3b7
    }

    .qc-base-tooltip-inner.qc-base-tooltip-domain-template .qc-base-tooltip-item-con {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 16px
    }
}

.uno3-renewal-dialog .qc-base-form-item-config .qc-base-form-label {
    overflow: inherit
}

.uno3-renewal-dialog .uno3-dialog-info-block {
    width: 100%;
    padding: 11px 12px;
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
    border-radius: 2px
}

.uno3-renewal-dialog .uno3-dialog-info-block .qc-base-icon {
    vertical-align: middle;
    margin: 0 4px
}

.uno3-renewal-dialog .qc-base-form-item.uno3-renew-dialog-bouns {
    border: 1px solid #d6dbe3;
    background: #fff;
    padding: 8px 12px;
    position: relative
}

.uno3-renewal-dialog .qc-base-form-item.uno3-renew-dialog-bouns .qc-base-form-label .qc-base-text--highlight {
    margin-left: 12px
}

.uno3-renewal-dialog .qc-base-form-item.uno3-renew-dialog-bouns .uno3-renew-dialog-bouns-handle {
    font-size: 14px;
    line-height: 22px;
    color: #0052d9;
    position: absolute;
    right: 12px;
    top: 8px;
    cursor: pointer;
    padding-right: 18px
}

.uno3-renewal-dialog .qc-base-form-item.uno3-renew-dialog-bouns .uno3-renew-dialog-bouns-handle:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_dialog_renew_icon_arrow.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    vertical-align: middle;
    right: 0;
    top: 3px;
    position: absolute;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease
}

.uno3-renewal-dialog .qc-base-form-item.uno3-renew-dialog-bouns:not(.is-show) {
    height: 40px
}

.uno3-renewal-dialog .qc-base-form-item.uno3-renew-dialog-bouns:not(.is-show) .qc-base-checkbox-wrap {
    display: none
}

.uno3-renewal-dialog .qc-base-form-item.uno3-renew-dialog-bouns:not(.is-show) .uno3-renew-dialog-bouns-handle:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.uno3-renewal-dialog .uno3-dialog-info-tag {
    padding: 1px 6px;
    font-size: 14px;
    line-height: 22px;
    display: inline-block;
    box-sizing: border-box;
    color: #fff;
    background: #ff7800;
    border-radius: 2px;
    margin-right: 12px
}

@media (min-width: 769px) {
    .uno3-renewal-dialog .uno3-dialog-member-inner {
        display:none
    }
}

@media (max-width: 768px) {
    .uno3-renewal-dialog .uno3-dialog-member-inner {
        height:42px;
        width: 100%;
        position: fixed;
        z-index: 21;
        bottom: 76px;
        left: 0;
        right: 0;
        background: #fff;
        padding-bottom: 12px;
        border-bottom: 1px dashed #d6dbe3
    }

    .uno3-renewal-dialog .uno3-dialog-member-inner .uno3-dialog-member-list {
        display: none
    }

    .uno3-renewal-dialog .uno3-dialog-member-inner.uno3-dialog-member-inner-show {
        height: auto
    }

    .uno3-renewal-dialog .uno3-dialog-member-inner.uno3-dialog-member-inner-show .uno3-dialog-member-list {
        display: block
    }

    .uno3-renewal-dialog .uno3-dialog-member-inner.uno3-dialog-member-inner-show .uno3-dialog-member-head-more-icon {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .uno3-renewal-dialog .uno3-dialog-member-head {
        text-align: left;
        width: 100%;
        height: 30px;
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_member_head_bg.png);
        background-size: cover;
        background-position: 50%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 12px
    }

    .uno3-renewal-dialog .uno3-dialog-member-head-icon {
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_member_icon_head.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50%;
        vertical-align: middle
    }

    .uno3-renewal-dialog .uno3-dialog-member-head-text {
        display: inline-block;
        font-size: 12px;
        line-height: 20px;
        color: #181818;
        margin-left: 4px;
        vertical-align: middle
    }

    .uno3-renewal-dialog .uno3-dialog-member-head-more-text {
        font-size: 12px;
        line-height: 18px;
        color: #0052d9
    }

    .uno3-renewal-dialog .uno3-dialog-member-head-more-icon {
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_member_more_icon.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50%;
        vertical-align: middle
    }

    .uno3-renewal-dialog .uno3-dialog-member-item {
        height: 62px;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 12px
    }

    .uno3-renewal-dialog .uno3-dialog-member-item:nth-child(2n) {
        background: #f5f9ff
    }

    .uno3-renewal-dialog .uno3-dialog-member-item-link {
        -ms-flex-pack: center;
        justify-content: center
    }

    .uno3-renewal-dialog .uno3-dialog-member-item-content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-renewal-dialog .uno3-dialog-member-item-icon {
        display: inline-block;
        width: 40px;
        height: 40px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50%
    }

    .uno3-renewal-dialog .uno3-dialog-member-item-icon-v1 {
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_member_icon_v1.png)
    }

    .uno3-renewal-dialog .uno3-dialog-member-item-icon-v2 {
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_member_icon_v2.png)
    }

    .uno3-renewal-dialog .uno3-dialog-member-item-icon-act {
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_member_icon_act.png)
    }

    .uno3-renewal-dialog .uno3-dialog-member-item-name {
        margin-left: 4px;
        font-size: 12px;
        line-height: 20px;
        font-weight: 500;
        color: #181818
    }

    .uno3-renewal-dialog .uno3-dialog-member-item-tag {
        display: inline-block;
        margin-left: 4px;
        padding: 1px 6px;
        background: #ff7800;
        border-radius: 2px;
        text-align: center;
        font-size: 12px;
        line-height: 20px;
        color: #fff
    }

    .uno3-renewal-dialog .uno3-dialog-member-item-price {
        font-size: 0;
        text-align: right
    }

    .uno3-renewal-dialog .uno3-dialog-member-item-price-real {
        font-size: 0;
        color: #ff7800
    }

    .uno3-renewal-dialog .uno3-dialog-member-item-price-num {
        font-size: 18px;
        line-height: 26px;
        font-weight: 500;
        vertical-align: middle
    }

    .uno3-renewal-dialog .uno3-dialog-member-item-price-unit {
        margin-left: 4px;
        font-weight: 600;
        font-size: 14px;
        line-height: 22px;
        vertical-align: middle
    }

    .uno3-renewal-dialog .uno3-dialog-member-item-price-discount {
        font-size: 0;
        font-size: 12px;
        line-height: 20px
    }

    .uno3-renewal-dialog .uno3-dialog-member-item-price-average {
        color: #4b5b76;
        margin-right: 8px
    }

    .uno3-renewal-dialog .uno3-dialog-member-item-price-original {
        color: #97a3b7;
        text-decoration: line-through
    }
}

@media (min-width: 769px) {
    .uno3-dialog .uno3-dialog-form-addsell_wrap .qc-base-form-label-inner {
        line-height:24px
    }
}

.uno3-dialog .uno3-addsell-card {
    position: relative;
    background: #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),inset 0 4px 20px 0 hsla(0,0%,100%,.5)
}

.uno3-dialog .uno3-addsell-card-tag {
    display: inline-block;
    border: 1px solid #ff7800;
    color: #ff7800;
    background: #fff;
    border-radius: 2px;
    font-size: 12px;
    line-height: 16px;
    padding: 0 4px;
    position: absolute;
    top: -10px;
    right: -1px
}

.uno3-dialog .uno3-addsell-card .qc-base-switch {
    padding: 0
}

.uno3-dialog .uno3-dialog-rotate {
    font-size: 0;
    text-align: left
}

.uno3-dialog .uno3-dialog-rotate-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(/web/jinglisafe/assets/images/activity/dialog-icon-rotate.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    margin-right: 4px;
    vertical-align: middle
}

.uno3-dialog .uno3-dialog-rotate-text {
    vertical-align: middle;
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    color: #0052d9;
    cursor: pointer
}

.uno3-dialog .qc-base-form-item-config.qc-base-form-item-addsell .qc-base-form-label {
    overflow: visible
}

.uno3-dialog .qc-base-form-item-config.qc-base-form-item-addsell .qc-base-form-label-inner {
    width: 100%
}

.uno3-dialog .qc-base-form-item-config.qc-base-form-item-addsell .qc-base-form-label .uno3-dialog-rotate {
    margin-top: 4px
}

@media (max-width: 768px) {
    .uno3-dialog .qc-base-form-item-config.qc-base-form-item-addsell .qc-base-form-label {
        margin-bottom:12px
    }

    .uno3-dialog .qc-base-form-item-config.qc-base-form-item-addsell .qc-base-form-label .qc-base-form-label-inner {
        width: 100%
    }

    .uno3-dialog .qc-base-form-item-config.qc-base-form-item-addsell .qc-base-form-label .uno3-dialog-rotate {
        vertical-align: middle;
        margin-top: 0;
        float: right
    }

    .uno3-dialog .qc-base-form-item-config.qc-base-form-item-addsell .qc-base-form-label .uno3-dialog-rotate-text {
        font-size: 12px
    }
}

.qc-base-form-value-inner .uno3-addsell-card+.uno3-addsell-card,.qc-base-form-value-inner .uno3-addsell-card+span .uno3-addsell-card,.qc-base-form-value-inner span+.uno3-addsell-card,.qc-base-form-value-inner span+span .uno3-addsell-card {
    margin-top: 16px
}

@media (min-width: 769px) {
    .uno3-dialog .qc-base-form-label .qc-base-text {
        display:block
    }

    .uno3-dialog .uno3-addsell-card {
        width: 420px;
        padding: 12px 0;
        font-size: 0;
        border: 1px solid #fff
    }

    .uno3-dialog .uno3-addsell-card-checked,.uno3-dialog .uno3-addsell-card:hover {
        border: 1px solid #0052d9
    }

    .uno3-dialog .uno3-addsell-card-content {
        vertical-align: middle;
        display: inline-block;
        padding: 0 12px;
        position: relative;
        width: calc(100% - 130px)
    }

    .uno3-dialog .uno3-addsell-card-content:after {
        content: "";
        width: 1px;
        height: 100%;
        top: 0;
        right: 0;
        background: #d6dbe3;
        position: absolute
    }

    .uno3-dialog .uno3-addsell-card-foot {
        width: 130px;
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0 14px;
        display: inline-block;
        vertical-align: middle
    }

    .uno3-dialog .uno3-addsell-card-foot-price-num {
        font-weight: 600;
        font-size: 14px;
        color: #ff7800;
        line-height: 22px
    }

    .uno3-dialog .uno3-addsell-card-foot-price-unit {
        display: inline-block;
        margin-left: 4px;
        font-weight: 600;
        font-size: 12px;
        color: #ff7800;
        line-height: 18px
    }

    .uno3-dialog .uno3-addsell-card-foot-original {
        font-size: 12px;
        color: #98a3b7;
        line-height: 18px;
        text-decoration: line-through
    }

    .uno3-dialog .uno3-addsell-card-handle {
        margin-top: 20px;
        padding: 16px 20px 4px 36px;
        position: relative;
        font-size: 14px;
        line-height: 22px;
        color: #000;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-dialog .uno3-addsell-card-handle:before {
        content: "";
        display: inline-block;
        width: calc(100% - 40px);
        height: 1px;
        background: #eeeff1;
        position: absolute;
        left: 20px;
        top: 0
    }
}

@media (max-width: 768px) {
    .uno3-dialog .qc-base-form-label .qc-base-text {
        margin-left:4px
    }

    .uno3-dialog .uno3-addsell-card {
        width: 100%;
        padding: 12px 0 10px;
        font-size: 0;
        border: 1px solid #fff
    }

    .uno3-dialog .uno3-addsell-card-checked {
        border: 1px solid #0052d9
    }

    .uno3-dialog .uno3-addsell-card-content {
        vertical-align: middle;
        display: inline-block;
        padding: 0 12px;
        position: relative;
        width: 100%
    }

    .uno3-dialog .uno3-addsell-card-foot {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        padding: 0 14px 0 36px;
        margin-top: 8px;
        display: inline-block;
        vertical-align: middle
    }

    .uno3-dialog .uno3-addsell-card-foot-price {
        display: inline-block
    }

    .uno3-dialog .uno3-addsell-card-foot-price-num {
        font-weight: 600;
        font-size: 16px;
        color: #ff7800;
        line-height: 24px
    }

    .uno3-dialog .uno3-addsell-card-foot-price-unit {
        display: inline-block;
        margin-left: 4px;
        font-weight: 600;
        font-size: 12px;
        color: #ff7800;
        line-height: 18px
    }

    .uno3-dialog .uno3-addsell-card-foot-original {
        display: inline-block;
        font-size: 12px;
        color: #98a3b7;
        line-height: 18px;
        text-decoration: line-through;
        margin-left: 4px
    }

    .uno3-dialog .uno3-addsell-card-handle {
        margin-top: 12px;
        padding: 9px 16px 4px 36px;
        position: relative;
        font-size: 14px;
        line-height: 22px;
        color: #000;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-dialog .uno3-addsell-card-handle:before {
        content: "";
        display: inline-block;
        width: calc(100% - 40px);
        height: 1px;
        background: #eeeff1;
        position: absolute;
        left: 20px;
        top: 0
    }
}

@media (min-width: 769px) {
    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list {
        width:100%;
        border: 1px solid #e3e6eb;
        background: #fff;
        max-height: 212px;
        overflow: auto
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list::-webkit-scrollbar {
        background-color: transparent;
        width: 6px;
        height: 4px;
        background-clip: content-box
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list::-webkit-scrollbar-button {
        background-color: transparent
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list::-webkit-scrollbar-thumb {
        background-color: #d8dde6;
        border-radius: 5px;
        border-right: 2px solid transparent;
        background-clip: content-box
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list::-webkit-scrollbar-corner {
        background-color: transparent
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list .uno3-dialog-form-card-normal {
        width: 100%;
        padding: 0;
        border: 0;
        background: transparent;
        position: relative
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list .uno3-dialog-form-card-normal:hover {
        background: #f7f9fc;
        border: 0
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list .uno3-dialog-form-card-normal.is-checked {
        border: 0;
        background: transparent;
        box-shadow: none
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list .uno3-dialog-form-card-normal.no-edit .qc-base-checkbox-tit {
        padding-right: 0
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list .uno3-dialog-form-card-normal.no-edit .qc-base-checkbox-tit:after {
        display: none
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list .uno3-dialog-form-card-normal .qc-base-checkbox-tit {
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        position: relative;
        padding-right: 16px;
        max-width: 100%
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list .uno3-dialog-form-card-normal .qc-base-checkbox-tit:after {
        content: "";
        display: inline-block;
        width: 7px;
        height: 10px;
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_addsell_card_tit_arrow.png);
        background-size: 200% 100%;
        background-position: 0;
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 4px
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list .uno3-dialog-form-card-normal .qc-base-checkbox-tit:hover {
        color: #0052d9
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list .uno3-dialog-form-card-normal .qc-base-checkbox-tit:hover:after {
        background-position: 100%
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list .uno3-dialog-form-card-normal .qc-base-checkbox-desc {
        width: 100%;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list .uno3-dialog-form-card-normal .qc-base-checkbox-wrap {
        width: 100%;
        margin-left: 0;
        padding-left: 44px
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list .uno3-dialog-form-card-normal .qc-base-checkbox {
        top: 16px;
        left: 16px
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list .uno3-dialog-form-card-normal .qc-base-checkbox-text {
        width: 100%;
        position: relative
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list .uno3-dialog-form-card-normal .uno3-dialog-form-card-inner {
        width: 100%;
        padding: 12px 16px 12px 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        gap: 12px
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list .uno3-dialog-form-card-normal .uno3-dialog-form-card-content {
        padding-left: 0;
        -ms-flex: 1;
        flex: 1;
        width: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list .uno3-dialog-form-card-normal .uno3-dialog-form-card-foot {
        border: 0;
        padding: 0;
        margin: 0;
        -ms-flex: 0 auto;
        flex: 0 auto;
        text-align: right
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list .uno3-dialog-form-card-normal .uno3-dialog-form-card-foot .uno3-dialog-form-card-price {
        display: inline-block;
        vertical-align: middle;
        min-width: 82px
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list .uno3-dialog-form-card-normal .uno3-dialog-form-card-foot .uno3-dialog-form-card-price-num {
        font-size: 18px;
        line-height: 26px;
        vertical-align: baseline
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list .uno3-dialog-form-card-normal .uno3-dialog-form-card-foot .uno3-dialog-form-card-price-unit {
        font-size: 12px;
        line-height: 20px;
        font-weight: 500;
        vertical-align: baseline;
        color: #ff7800
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list .uno3-dialog-form-card-normal .uno3-dialog-form-card-foot .uno3-dialog-form-card-price-origin {
        color: #97a3b7;
        font-size: 12px;
        line-height: 18px;
        text-decoration: line-through;
        margin-top: 2px;
        display: block
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list .uno3-dialog-form-card-normal .uno3-dialog-form-card-foot .uno3-dialog-form-card-tag {
        position: relative;
        right: auto;
        top: auto;
        line-height: 16px;
        background: transparent;
        margin-right: 12px;
        vertical-align: middle
    }
}

@media (max-width: 768px) {
    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list {
        white-space:nowrap;
        overflow: auto;
        width: calc(100% + 32px);
        margin-left: -16px;
        margin-right: -16px;
        padding: 0 16px
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list .uno3-dialog-form-card-normal {
        display: inline-block;
        padding: 0
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list .uno3-dialog-form-card-normal+.uno3-dialog-form-card-normal {
        margin-left: 8px
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list .uno3-dialog-form-card-normal .qc-base-checkbox-wrap,.uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list .uno3-dialog-form-card-normal .qc-base-checkbox-wrap .qc-base-checkbox-text,.uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list .uno3-dialog-form-card-normal .qc-base-checkbox-wrap .uno3-dialog-form-card-inner {
        height: 100%
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list .uno3-dialog-form-card-normal .qc-base-checkbox-wrap .uno3-dialog-form-card-foot {
        margin-top: auto
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list .uno3-dialog-form-card-normal.no-edit .qc-base-checkbox-tit {
        padding-right: 0
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list .uno3-dialog-form-card-normal.no-edit .qc-base-checkbox-tit:after {
        display: none
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list .uno3-dialog-form-card-normal .qc-base-checkbox-tit {
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        position: relative;
        padding-right: 16px;
        max-width: 100%
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list .uno3-dialog-form-card-normal .qc-base-checkbox-tit:after {
        content: "";
        display: inline-block;
        width: 7px;
        height: 10px;
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_addsell_card_tit_arrow.png);
        background-size: 200% 100%;
        background-position: 0;
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 4px
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list .uno3-dialog-form-card-normal .qc-base-checkbox-tit:hover {
        color: #0052d9
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list .uno3-dialog-form-card-normal .qc-base-checkbox-tit:hover:after {
        background-position: 100%
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list .uno3-dialog-form-card-normal .qc-base-checkbox-wrap {
        width: 100%;
        margin-left: 0;
        padding-left: 0
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list .uno3-dialog-form-card-normal .qc-base-checkbox-text {
        position: relative;
        width: 100%
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list .uno3-dialog-form-card-normal .qc-base-checkbox-desc {
        white-space: normal
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list .uno3-dialog-form-card-normal .qc-base-checkbox {
        top: 16px;
        left: 16px
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list .uno3-dialog-form-card-normal .uno3-dialog-form-card-inner {
        width: 100%;
        padding: 12px 16px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 12px
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list .uno3-dialog-form-card-normal .uno3-dialog-form-card-content {
        padding-left: 24px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 100%
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list .uno3-dialog-form-card-normal .uno3-dialog-form-card-foot {
        width: 100%;
        margin-top: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: end;
        justify-content: flex-end;
        gap: 4px
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list .uno3-dialog-form-card-normal .uno3-dialog-form-card-foot .uno3-dialog-form-card-tag {
        position: relative;
        right: auto;
        top: auto;
        line-height: 16px;
        background: transparent
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list .uno3-dialog-form-card-normal .uno3-dialog-form-card-foot .uno3-dialog-form-card-price {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: baseline;
        align-items: baseline;
        font-size: 16px;
        line-height: 24px;
        color: #ff7800;
        font-weight: 500;
        -ms-flex-order: 3;
        order: 3
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-form-content-card-list .uno3-dialog-form-card-normal .uno3-dialog-form-card-foot .uno3-dialog-form-card-price-origin {
        color: #97a3b7;
        font-size: 12px;
        line-height: 20px;
        text-decoration: line-through;
        display: block;
        -ms-flex-order: 2;
        order: 2
    }
}

.uno3-dialog-addsell-tooltip {
    margin-bottom: -20px;
    margin-left: -2px;
    max-width: 220px!important;
    border-radius: 2px
}

@media (max-width: 768px) {
    .uno3-dialog-addsell-tooltip {
        margin-bottom:40px
    }
}

.uno3-dialog-addsell-tooltip-tit {
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    color: #000;
    max-width: calc(100% - 22px)
}

.uno3-dialog-addsell-tooltip-desc {
    margin-top: 4px;
    font-size: 12px;
    line-height: 20px;
    color: #333
}

.uno3-dialog-addsell-tooltip-close {
    position: absolute;
    width: 22px;
    height: 22px;
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_addsell_card_tooltip_close_icon.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    top: 8px;
    right: 12px;
    cursor: pointer
}

.uno3-msg-add {
    color: rgba(0,0,0,.9);
    font-size: 14px;
    line-height: 22px
}

.uno3-msg-add__text {
    color: #ff7200;
    font-size: 16px;
    font-weight: 600
}

.uno3-dialog-form-addsell-label {
    display: inline-block;
    width: 63px;
    height: 15px;
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_addsell_form_label.svg);
    background-size: contain;
    background-position: 0;
    background-repeat: no-repeat;
    vertical-align: middle
}

.uno3-dialog .uno3-dialog-notice-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 12px
}

@media (min-width: 769px) {
    .uno3-dialog .uno3-dialog-notice-list {
        padding-right:78px;
        position: relative;
        max-height: 22px;
        overflow: hidden;
        transition: max-height .3s ease-in-out
    }

    .uno3-dialog .uno3-dialog-notice-list .uno3-dialog-notice-handle {
        position: absolute;
        right: 0;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-size: 14px;
        line-height: 22px;
        color: #97a3b7;
        padding-right: 20px
    }

    .uno3-dialog .uno3-dialog-notice-list .uno3-dialog-notice-handle:after {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_dialog_notice_icon_arrow_down.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 50%;
        position: absolute;
        right: 0;
        top: calc(50% - 8px);
        transition: -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
    }

    .uno3-dialog .uno3-dialog-notice-list .uno3-dialog-notice-handle:hover {
        color: #0052d9
    }

    .uno3-dialog .uno3-dialog-notice-list .uno3-dialog-notice-handle:hover:after {
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_dialog_notice_icon_arrow_down_hover.svg)
    }

    .uno3-dialog .uno3-dialog-notice-list.is-show {
        max-height: 200px
    }

    .uno3-dialog .uno3-dialog-notice-list.is-show .uno3-dialog-notice-handle {
        color: #0052d9
    }

    .uno3-dialog .uno3-dialog-notice-list.is-show .uno3-dialog-notice-handle:after {
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_dialog_notice_icon_arrow_down_show.svg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

.uno3-dialog .uno3-dialog-notice-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 12px;
    width: 100%
}

.uno3-dialog .uno3-dialog-notice-item-tag {
    padding: 2px 8px;
    background: #ecf2fe;
    color: #0034b5;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    min-width: 64px
}

.uno3-dialog .uno3-dialog-notice-item-tag.is-warn {
    background: #fce8e8;
    color: #b42c3f
}

.uno3-dialog .uno3-dialog-notice-item-tag.is-discount {
    background: #ffeddf;
    color: #c04100
}

.uno3-dialog .uno3-dialog-notice-item-inner {
    font-size: 12px;
    line-height: 20px;
    color: #4b5b76;
    width: 100%;
    word-break: break-word
}

.uno3-dialog .uno3-dialog-notice-item-tooltip {
    cursor: pointer;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 100%
}

@media (min-width: 769px) {
    .uno3-dialog .uno3-dialog-notice-item-inner {
        white-space:nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media (max-width: 768px) {
    .uno3-dialog .uno3-dialog-notice-item {
        gap:8px
    }

    .uno3-dialog .uno3-dialog-notice-item-tag {
        padding: 1px 6px;
        min-width: 60px
    }
}

.uno3-dialog .uno3-dialog-notice-item-feat {
    display: inline;
    margin-right: 12px;
    vertical-align: middle
}

.uno3-dialog .uno3-dialog-notice-item-feat:last-child {
    margin-right: 0
}

.uno3-dialog .uno3-dialog-notice-item-feat-adva,.uno3-dialog .uno3-dialog-notice-item-feat-weak {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    vertical-align: -3px;
    margin-right: 8px
}

.uno3-dialog .uno3-dialog-notice-item-feat-adva {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_dialog_notice_icon_adva.png)
}

.uno3-dialog .uno3-dialog-notice-item-feat-weak {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_dialog_notice_icon_weak.png)
}

@media (max-width: 768px) {
    .uno3-dialog .uno3-dialog-notice-item-feat {
        display:block;
        margin-bottom: 10px
    }

    .uno3-dialog .uno3-dialog-notice-item-feat:last-child {
        margin-bottom: 0
    }
}

@media (max-width: 768px) {
    .uno3-dialog .uno3-dialog-notice-list {
        margin-bottom:32px;
        margin-top: 2px
    }

    .uno3-dialog .uno3-dialog-notice-entrance {
        padding: 9px 16px;
        text-align: right;
        font-size: 14px;
        line-height: 22px
    }

    .uno3-dialog .uno3-dialog-notice-entrance .qc-base-action {
        padding-right: 16px;
        position: relative
    }

    .uno3-dialog .uno3-dialog-notice-entrance .qc-base-action:after {
        content: "";
        display: inline-block;
        height: 16px;
        width: 16px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_dialog_notice_icon_arrow_down_entrance.svg);
        background-size: contain;
        background-position: 50%;
        position: absolute;
        right: 0;
        top: calc(50% - 8px);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
}

@media (max-width: 768px) {
    .uno3-dialog.uno3-buy-dialog .uno3-dialog-notice-list {
        gap:0;
        margin: 0;
        -ms-flex-direction: row;
        flex-direction: row;
        height: 38px;
        overflow: hidden;
        padding: 8px 12px;
        background: #e1ecff
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-notice-item {
        gap: 12px
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-notice-item-tag {
        border-radius: 1px;
        background: #0052d9;
        color: #fff
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-notice-item-inner {
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno3-dialog.uno3-buy-dialog .uno3-dialog-notice-item-feat {
        margin-bottom: 0;
        display: inline
    }
}

.uno3-dialog-foot-coupon {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 100%
}

.uno3-dialog-foot-coupon__tag {
    position: absolute;
    left: 0;
    top: -24px;
    width: 85px;
    height: 24px;
    background-size: cover;
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_coupon_tag.svg);
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    text-align: left;
    padding-left: 17px
}

.uno3-dialog-foot-coupon__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    background-size: cover;
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_coupon_tag--tip.svg)
}

.uno3-dialog-foot-coupon__con {
    background: #fff1f1;
    text-align: left;
    padding: 8px 16px;
    color: #d72121;
    font-size: 14px;
    line-height: 22px
}

.uno3-dialog-foot-coupon__text {
    display: inline;
    font-weight: 500
}

.uno3-dialog-foot-coupon.type-discount .uno3-dialog-foot-coupon__tag {
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_coupon_tag--discount.svg)
}

.uno3-dialog-foot-coupon.type-discount .uno3-dialog-foot-coupon__con {
    background: #fff1e6;
    color: #c04100
}

.uno3-dialog-foot-coupon.type-no-threshold .uno3-dialog-foot-coupon__tag {
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_coupon_tag--no-threshold.svg)
}

.uno3-dialog-foot-coupon.type-no-threshold .uno3-dialog-foot-coupon__con {
    background: #ecf3ff;
    color: #003ea5
}

.uno3-dialog-foot-coupon.type-group {
    background: #fff1e6
}

.uno3-dialog-foot-coupon.type-group .uno3-dialog-foot-coupon__tag {
    background-image: none;
    background: #ff7800
}

@media screen and (max-width: 768px) {
    .uno3-dialog-foot-coupon.type-group .uno3-dialog-foot-coupon__tag {
        padding-left:0;
        text-align: center;
        line-height: 24px
    }
}

.uno3-dialog-foot-coupon.type-group .uno3-dialog-foot-coupon__con {
    background: transparent;
    color: #c04100
}

.uno3-dialog-foot-coupon.type-tip {
    background: #ffeddf;
    padding: 10px 24px;
    width: calc(100% + 4px);
    left: -2px
}

.uno3-dialog-foot-coupon.type-tip .uno3-dialog-foot-coupon__con {
    width: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #181818;
    font-size: 12px;
    line-height: 20px
}

.uno3-dialog-foot-coupon.type-renew {
    background: #ffeddf
}

.uno3-dialog-foot-coupon.type-renew .uno3-dialog-foot-coupon-icon-clock {
    width: 16px;
    height: 16px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_dialog_renew_clock.svg);
    background-size: contain;
    display: inline-block;
    background-position: 50%;
    background-repeat: no-repeat
}

.uno3-dialog-foot-coupon.type-renew .uno3-dialog-foot-coupon__con {
    margin-left: 4px;
    color: #c04100
}

.uno3-dialog-foot-coupon.type-renew .uno3-dialog-foot-coupon__con em {
    display: inline-block;
    border-radius: 2px;
    background: rgba(255,63,63,.1);
    text-align: center;
    height: 16px;
    min-width: 18px;
    padding: 0 2px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: #ff3f3f;
    margin: 0 4px
}

.uno3-dialog-foot-coupon.type-form {
    background: #fff;
    border-top: 1px solid #dbe0e6;
    border-bottom: 1px solid #dbe0e6
}

.uno3-dialog-foot-coupon.type-form .qc-base-form-label {
    height: auto
}

.uno3-dialog-foot-coupon.type-form .qc-base-form-value-inner-wrap {
    line-height: 1
}

@media screen and (min-width: 769px) {
    .uno3-dialog-foot-coupon {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px 24px;
        background: #fff1f1
    }

    .uno3-dialog-foot-coupon__tag {
        position: static;
        border-radius: 0;
        padding: 1px 8px;
        height: 22px;
        font-size: 12px;
        line-height: 20px;
        width: auto;
        background: #ff5454;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .uno3-dialog-foot-coupon__con {
        margin-left: 12px;
        padding: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: 0;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis;
        background: transparent
    }

    .uno3-dialog-foot-coupon.type-discount {
        background: #fff1e6
    }

    .uno3-dialog-foot-coupon.type-discount .uno3-dialog-foot-coupon__tag {
        background: #ff7800
    }

    .uno3-dialog-foot-coupon.type-discount .uno3-dialog-foot-coupon__con {
        background: transparent
    }

    .uno3-dialog-foot-coupon.type-no-threshold {
        background: #ecf3ff
    }

    .uno3-dialog-foot-coupon.type-no-threshold .uno3-dialog-foot-coupon__tag {
        background: #2171f4
    }

    .uno3-dialog-foot-coupon.type-no-threshold .uno3-dialog-foot-coupon__con {
        background: transparent
    }
}

@media screen and (max-width: 768px) {
    .uno3-dialog-foot-coupon.type-tip {
        width:100%;
        left: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-dialog-foot-coupon.type-tip .uno3-dialog-foot-coupon__con {
        background: none;
        margin-left: 8px;
        padding: 0
    }

    .uno3-dialog-foot-coupon.type-renew {
        background: #ffeddf;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 4px 16px
    }

    .uno3-dialog-foot-coupon.type-renew .uno3-dialog-foot-coupon-icon-clock {
        margin-top: 3px
    }

    .uno3-dialog-foot-coupon.type-renew .uno3-dialog-foot-coupon__con {
        background: #ffeddf;
        display: inline;
        padding: 0;
        -ms-flex: 1;
        flex: 1;
        font-size: 12px;
        line-height: 22px
    }

    .uno3-dialog-foot-coupon.type-form {
        padding: 8px 16px
    }

    .uno3-dialog-foot-coupon.type-form .qc-base-form-item {
        width: 100%
    }

    .uno3-dialog-foot-coupon.type-form .qc-base-link {
        display: inline
    }

    .uno3-dialog-foot-coupon.type-form .qc-base-form-value-inner-wrap {
        line-height: 1
    }

    .uno3-dialog-foot-coupon.type-form .qc-base-form-value {
        width: auto;
        display: inline-block
    }

    .uno3-dialog-foot-coupon.type-form .qc-base-checkbox-text {
        font-size: 12px
    }
}

.uno3-dialog-lh-radio-container {
    position: relative
}

.uno3-dialog-lh-radio-container.is-packup .qc-base-radio-groups {
    max-height: 196px;
    overflow: hidden
}

.uno3-dialog-lh-radio-container-handle {
    position: absolute;
    right: 3px;
    bottom: -32px;
    font-size: 14px;
    line-height: 22px;
    color: #0052d9;
    cursor: pointer;
    padding-right: 16px
}

.uno3-dialog-lh-radio-container-handle:after {
    position: absolute;
    content: "";
    height: 6px;
    width: 10px;
    top: 8px;
    right: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_dialog_lh_icon_arrow_down.svg);
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease,-webkit-transform .2s ease
}

.uno3-dialog-lh-radio-container-handle.is-packup:after {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

@media screen and (min-width: 769px) {
    .uno3-dialog.uno3-dialog-middle {
        width:852px;
        max-width: 852px;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        height: auto;
        background: #fff;
        border: 2px solid #fff;
        box-shadow: 0 8px 20px rgba(55,99,170,.1);
        border-radius: 8px
    }

    .uno3-dialog.uno3-dialog-middle .uno3-dialog-header {
        border-bottom: 0
    }

    .uno3-dialog.uno3-dialog-middle .uno3-dialog-body {
        padding: 0 0 48px;
        max-height: 480px!important
    }

    .uno3-dialog.uno3-dialog-middle .uno3-dialog-footer {
        text-align: left;
        position: relative;
        border-top: 1px solid transparent;
        box-shadow: 0 -4px 20px rgba(55,99,170,.1);
        padding: 30px 24px
    }

    .uno3-dialog.uno3-dialog-middle .uno3-dialog-footer .qc-base-form-item .qc-base-form-label {
        width: 100px
    }

    .uno3-dialog.uno3-dialog-middle .uno3-dialog-footer .qc-base-form-item {
        display: block
    }

    .uno3-dialog.uno3-dialog-middle .uno3-dialog-footer .qc-base-form-item .qc-base-form-value .uno3-dialog-price,.uno3-dialog.uno3-dialog-middle .uno3-dialog-footer .qc-base-form-item .qc-base-form-value .uno3-dialog-price-detail,.uno3-dialog.uno3-dialog-middle .uno3-dialog-footer .qc-base-form-item .qc-base-form-value .uno3-dialog-price-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .uno3-dialog.uno3-dialog-middle .uno3-dialog-footer .qc-base-form-item .qc-base-form-value .uno3-dialog-price-detail {
        margin-left: 8px
    }

    .uno3-dialog.uno3-dialog-middle .uno3-dialog-footer .uno3-dialog-footer-btn {
        margin: 20px 0 0;
        display: block;
        text-align: center;
        width: 100%
    }

    .uno3-dialog.uno3-dialog-middle .uno3-dialog-footer .uno3-dialog-footer-btn .uno3-button {
        width: 200px
    }

    .uno3-dialog.uno3-dialog-middle .qc-base-form-wrap-selected .qc-base-form-wrap-title {
        -ms-flex: 0 0 100px;
        flex: 0 0 100px
    }

    .uno3-dialog.uno3-dialog-middle .qc-base-form-wrap-config .qc-base-form-value {
        width: calc(100% - 110px)
    }

    .uno3-dialog.uno3-dialog-middle .qc-base-form-wrap-config .qc-base-form-label {
        width: 100px
    }

    .uno3-dialog.uno3-dialog-middle .qc-base-form .qc-base-form-wrap-config:last-child {
        margin-bottom: 0
    }
}

@media screen and (max-width: 768px) {
    .uno3-dialog.uno3-dialog-middle {
        height:auto;
        max-height: calc(100% - 100px)
    }

    .uno3-dialog.uno3-dialog-middle .uno3-dialog-header {
        position: absolute
    }

    .uno3-dialog.uno3-dialog-middle .uno3-dialog-header .qc-base-icon--close {
        width: 16px;
        height: 16px;
        left: auto;
        top: 21px;
        right: 21px;
        -webkit-transform: none;
        transform: none;
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_middle_close_icon.svg)
    }

    .uno3-dialog.uno3-dialog-middle .uno3-dialog-body {
        max-height: calc(100vh - 230px)!important
    }
}

.uno3-dialog__gift {
    position: relative
}

@media (min-width: 769px) {
    .uno3-dialog__gift {
        margin-top:10px
    }

    .uno3-dialog__gift-form-item .qc-base-form-label {
        height: 70px
    }
}

.uno3-dialog__gift-inner {
    border: 1px solid #bbd3fb;
    background: rgba(187,211,251,.1);
    padding: 16px 12px 12px
}

.uno3-dialog__gift-hd {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: -10px;
    left: 0
}

.uno3-dialog__gift-tag {
    padding: 0 6px;
    color: #fff;
    text-align: center;
    border-radius: 2px 2px 0 0;
    position: relative;
    background: linear-gradient(89deg,#0060ff .14%,#ad81ff 130.26%)
}

.uno3-dialog__gift-desc,.uno3-dialog__gift-tag {
    height: 18px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500
}

.uno3-dialog__gift-desc {
    color: #0052d9;
    border-radius: 0 2px 0 0;
    background: #dbe8ff;
    padding: 0 6px 0 8px;
    margin-left: -2px
}

.uno3-dialog__gift-bd {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.uno3-dialog__gift-item {
    margin-left: -16px
}

.uno3-dialog__gift-item .qc-base-checkbox-text,.uno3-dialog__gift-item .qc-base-checkbox-wrap {
    width: 100%
}

.uno3-dialog__gift-item-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    width: 100%
}

@media (min-width: 768px) {
    .uno3-dialog__gift-item-inner {
        -ms-flex-direction:row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: end;
        align-items: flex-end;
        gap: 12px
    }
}

.uno3-dialog__gift-item-hd {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

@media (min-width: 769px) {
    .uno3-dialog__gift-item-hd {
        -ms-flex:1;
        flex: 1;
        width: 0
    }
}

.uno3-dialog__gift-item-name {
    color: #000;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-dialog__gift-item-name .qc-base-bubble-trigger {
    max-width: 100%;
    display: inline-block;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-dialog__gift-item-desc {
    color: #4b5b76;
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-dialog__gift-item-config {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 20px;
    color: #0052d9
}

.uno3-dialog__gift-item-config-value {
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-dialog__gift-item-bd {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 12px;
    -ms-flex-align: baseline;
    align-items: baseline
}

@media (min-width: 769px) {
    .uno3-dialog__gift-item-bd {
        -ms-flex:0 auto;
        flex: 0 auto
    }
}

@media (min-width: 768px) {
    .uno3-dialog__gift-item-bd {
        -ms-flex-direction:column;
        flex-direction: column;
        gap: 4px;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

.uno3-dialog__gift-item-price-current {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 4px;
    -ms-flex-align: baseline;
    align-items: baseline;
    color: #f64041
}

.uno3-dialog__gift-item-price-current .uno3-dialog__gift-item-price-value {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600
}

.uno3-dialog__gift-item-price-current .uno3-dialog__gift-item-price-unit {
    font-size: 12px;
    line-height: 20px;
    font-weight: 500
}

.uno3-dialog__gift-item-price-original {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 4px;
    -ms-flex-align: baseline;
    align-items: baseline;
    color: #666;
    font-size: 12px;
    line-height: 20px
}

.uno3-dialog__gift-item-price-original .uno3-dialog__gift-item-price-value {
    text-decoration: line-through
}

.uno3-dialog__gift-item .qc-base-checkbox-wrap {
    padding-left: 40px
}

.uno3-dialog__gift-item .qc-base-checkbox-wrap .qc-base-checkbox {
    left: 16px
}

.uno3-dialog__gift-item .qc-base-checkbox-wrap.qc-base-checkbox-wrap-disabled {
    cursor: not-allowed
}

.uno3-dialog__gift-item .qc-base-checkbox-wrap.qc-base-checkbox-wrap-disabled .qc-base-bubble-trigger,.uno3-dialog__gift-item .qc-base-checkbox-wrap.qc-base-checkbox-wrap-disabled .uno3-dialog__gift-item-name {
    color: rgba(0,0,0,.5)
}

.uno3-dialog__gift-item .qc-base-checkbox-wrap.qc-base-checkbox-wrap-disabled .uno3-dialog__gift-item-desc {
    color: #97a3b7
}

.uno3-dialog__gift-item .qc-base-checkbox-wrap.qc-base-checkbox-wrap-disabled .uno3-dialog__gift-item-config {
    color: #bbd3fb
}

.uno3-dialog__gift-item .qc-base-checkbox-wrap.qc-base-checkbox-wrap-disabled .uno3-dialog__gift-item-price-current {
    color: #f5b9b9
}

.uno3-dialog__gift-item .qc-base-checkbox-wrap.qc-base-checkbox-wrap-disabled .uno3-dialog__gift-item-price-original {
    color: rgba(0,0,0,.3)
}

@media (max-width: 768px) {
    .uno3-dialog__gift {
        margin-top:8px
    }

    .uno3-dialog__gift-hd {
        top: -8px;
        left: 0
    }

    .uno3-dialog__gift-tag {
        padding: 0 4px;
        height: 16px;
        font-size: 10px;
        line-height: 16px;
        min-width: 57px;
        text-align: center
    }

    .uno3-dialog__gift-desc {
        padding: 0 4px 0 6px;
        font-size: 10px;
        line-height: 16px
    }

    .uno3-dialog__gift-bd {
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 16px;
        overflow: auto
    }

    .uno3-dialog__gift-bd .uno3-dialog__gift-item {
        width: calc(100% - 16px);
        padding-right: 16px;
        -ms-flex: none;
        flex: none
    }

    .uno3-dialog__gift-bd .uno3-dialog__gift-item-config {
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno3-dialog__gift-bd .uno3-dialog__gift-item-config-value {
        display: inline-block
    }

    .uno3-dialog__gift-bd .uno3-dialog__gift-item:first-child:last-child {
        width: calc(100% + 16px);
        padding-right: 0
    }

    .uno3-dialog__gift-bd .uno3-dialog__gift-item:nth-child(n+2) {
        padding-left: 0;
        border-left: 1px solid #e9ecf1
    }

    .uno3-dialog__gift-bd .uno3-dialog__gift-item .uno3-dialog__gift-item-config-value {
        overflow: initial
    }
}

.uno3-tooltip-gift {
    width: 487px
}

.uno3-tooltip-gift-title {
    color: #000;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 8px
}

.uno3-tooltip-gift-desc {
    color: #4b5b76;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 16px
}

.uno3-tooltip-gift .qc-base-form-item {
    border-bottom: 1px solid #e9ecf1;
    margin-bottom: 8px
}

.uno3-tooltip-gift .qc-base-form-item .qc-base-form-label {
    width: 100px;
    margin-right: 4px;
    min-height: 34px
}

.uno3-tooltip-gift .qc-base-form-item .qc-base-form-label-inner {
    width: 100%
}

.uno3-tooltip-gift .qc-base-form-item .qc-base-form-value {
    width: calc(100% - 104px);
    min-height: 34px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center
}

.uno3-modal-gift {
    padding-bottom: 24px
}

.uno3-modal-gift-desc {
    color: #4b5b76;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 16px
}

.uno3-modal-gift .qc-base-form-item {
    border-bottom: 1px solid #e9ecf1;
    margin-bottom: 4px
}

.uno3-modal-gift .qc-base-form-item .qc-base-form-label {
    width: 84px;
    margin-right: 4px;
    min-height: 34px
}

.uno3-modal-gift .qc-base-form-item .qc-base-form-label-inner {
    width: 100%
}

.uno3-modal-gift .qc-base-form-item .qc-base-form-value {
    width: calc(100% - 88px);
    min-height: 34px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center
}

.uno3-dialog.uno3-buy-dialog-v2.uno3-dialog-exper .uno3-dialog-footer {
    display: none
}

@media (min-width: 769px) {
    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper .uno3-dialog-footer {
        display:none
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap {
        font-size: 0
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        position: relative
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-hd {
        text-align: center;
        line-height: 0;
        font-size: 0
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-hd-icon {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        margin-bottom: 12px;
        background: #daf6e7;
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_free_exper_sucess.svg);
        background-size: 16px 12px;
        background-position: 50%;
        background-repeat: no-repeat;
        display: inline-block
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-hd-tit {
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 18px;
        line-height: 26px;
        color: #181818;
        font-weight: 500
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-bd {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: stretch;
        align-items: stretch;
        background: #f7f7f9;
        margin-top: 14px;
        padding: 20px
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-bd .qc-base-form-wrap-selected {
        padding: 0;
        margin: 0;
        -ms-flex: 1;
        flex: 1;
        min-width: 0;
        background: transparent;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-bd .qc-base-form-wrap-selected:last-child {
        margin-bottom: 0;
        padding-bottom: 0
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-bd .qc-base-form-wrap-selected-inner {
        padding: 0 20px 0 0
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-bd .qc-base-form-wrap-selected .qc-base-form-item:not(:last-child) {
        margin-bottom: 8px
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-bd .qc-base-form-wrap-selected .qc-base-form-label {
        width: 56px;
        margin-right: 12px
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-bd .qc-base-form-wrap-selected .qc-base-form-label-inner {
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-bd .qc-base-form-wrap-selected .qc-base-form-value {
        width: calc(100% - 68px)
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-bd .qc-base-form-wrap-selected .qc-base-form-value-inner {
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-intro {
        width: 300px;
        padding-left: 20px;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        border-left: 1px solid #e7e7e7
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-intro.show-m {
        display: none
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-intro-left {
        width: 180px
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-intro-left .qc-base-list {
        margin-top: 4px
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-intro-left .qc-base-list-item {
        color: #181818
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-intro-left .qc-base-list-item:not(:first-child) {
        margin-top: 4px
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-intro-left .qc-base-icon--hook {
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_free_desc_list_icon.svg)
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-intro-tit {
        font-size: 14px;
        line-height: 22px;
        color: #181818;
        font-weight: 500
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-intro-right {
        background: #fff;
        width: 100px;
        height: 100px;
        padding: 8px
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-intro-qrcode {
        width: 100%;
        height: 100%
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-ft {
        margin-top: 14px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-ft .uno3-button:nth-child(n+2) {
        margin-left: 16px
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-ft-link {
        margin-left: 16px;
        display: inline-block;
        font-size: 14px;
        line-height: 36px
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-ft-link .qc-base-link+.qc-base-link,.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-ft-link a+a {
        margin-left: 16px
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-head {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-head-tit {
        font-size: 18px;
        line-height: 26px;
        line-height: 28px;
        font-weight: 500;
        -ms-flex: none;
        flex: none
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-head-tit.type-1 {
        color: #f64041
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-head-subtit {
        -ms-flex: 1;
        flex: 1;
        margin-left: 12px;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        font-size: 14px;
        line-height: 22px;
        width: 0
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-head-subtit-text {
        color: #4b5b76;
        -ms-flex: 1;
        flex: 1;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-head-subtit-handle {
        margin-left: 12px
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-card-list {
        margin-top: 12px;
        font-size: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-card-item {
        width: calc(50% - 6px);
        background: #fff;
        border: 1px solid #e3e6eb
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-card-item-inner {
        padding: 20px;
        background-size: auto 100%;
        background-position: 100%;
        background-repeat: no-repeat;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
        height: 100%
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-card-item.type-1 {
        background: linear-gradient(270deg,#f7fbff 50%,hsla(0,0%,100%,0))
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-card-item.type-1 .uno3-dialog-exper-card-item-inner {
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_free_exper_card_bg_type1.png)
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-card-item.type-2 .uno3-dialog-exper-card-item-inner {
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_free_exper_card_bg_type2.png)
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-card-tag {
        position: absolute;
        padding: 4px 4px 4px 0;
        border-radius: 0 6px 0 0;
        background: #f64041;
        color: #fff;
        font-size: 12px;
        line-height: 20px;
        line-height: 18px;
        font-weight: 500;
        right: -1px;
        top: -5px
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-card-tag:before {
        content: "";
        display: inline-block;
        width: 12px;
        height: 26px;
        background-image: url(/web/jinglisafe/assets/images/activity/dailog_free_exper_card_tag_before.png);
        background-size: auto 100%;
        background-position: 0;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        left: -12px
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-card-tit {
        font-size: 18px;
        line-height: 26px;
        font-weight: 500;
        color: #181818;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-card-subtit {
        margin-top: 8px;
        font-size: 24px;
        line-height: 32px;
        font-weight: 500;
        color: #0052d9
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-card-desc {
        margin-top: 12px;
        font-size: 14px;
        line-height: 22px
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-card-desc .qc-base-list {
        margin-top: 0
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-card-desc .qc-base-list-item {
        color: #4b5b76
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-card-foot {
        margin-top: auto;
        padding-top: 24px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-card-foot-tip {
        font-size: 12px;
        line-height: 20px;
        color: #97a3b7
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-card-foot-handle {
        font-size: 14px;
        line-height: 22px;
        -ms-flex: 1;
        flex: 1;
        text-align: right
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-card-foot-handle .qc-base-link+.qc-base-link {
        margin-left: 12px
    }
}

@media (max-width: 768px) {
    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-hd {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-hd-icon {
        background: #daf6e7;
        border-radius: 50%;
        width: 32px;
        height: 32px;
        display: inline-block;
        position: relative;
        margin-right: 12px
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-hd-icon:after {
        content: "";
        display: inline-block;
        width: 16px;
        height: 12px;
        position: absolute;
        top: calc(50% - 6px);
        left: calc(50% - 8px);
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_free_exper_sucess.svg);
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-hd-tit {
        font-size: 18px;
        line-height: 26px;
        font-weight: 500;
        color: #181818;
        text-align: center;
        margin-top: 12px
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-bd {
        margin-top: 12px
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-bd .qc-base-form-wrap-selected {
        padding: 0
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-bd .qc-base-form-wrap-selected .qc-base-form-item:not(:last-child) {
        margin-bottom: 8px
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-bd .qc-base-form-wrap-selected .qc-base-form-label {
        width: 84px;
        display: inline-block;
        margin-bottom: 0;
        margin-right: 12px
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-bd .qc-base-form-wrap-selected .qc-base-form-value {
        width: calc(100% - 96px)
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-bd .qc-base-form-wrap-selected .qc-base-form-label-inner,.uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-bd .qc-base-form-wrap-selected .qc-base-form-value-inner {
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-intro {
        margin-top: 16px;
        padding-top: 16px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: start;
        align-items: flex-start;
        border-top: 1px solid #e7e7e7
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-intro.show-pc {
        display: none
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-intro-left {
        width: calc(100% - 116px)
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-intro-left .qc-base-list {
        margin-top: 4px
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-intro-left .qc-base-list-item {
        color: #181818
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-intro-left .qc-base-list-item:not(:first-child) {
        margin-top: 4px
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-intro-left .qc-base-icon--hook {
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_free_desc_list_icon.svg)
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-intro-tit {
        font-size: 14px;
        line-height: 22px;
        color: #181818;
        font-weight: 500
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-intro-right {
        width: 100px;
        height: 100px
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-intro-qrcode {
        width: 100%;
        height: 100%
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-ft {
        margin-top: 16px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-ft .uno3-button {
        width: calc(50% - 8px)
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-wrap-ft-link {
        width: 100%;
        margin-top: 16px;
        font-size: 14px;
        line-height: 22px;
        text-align: center
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-head-tit {
        font-size: 18px;
        line-height: 26px;
        font-weight: 500;
        -ms-flex: none;
        flex: none
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-head-tit.type-1 {
        color: #f64041
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-head-subtit {
        margin-top: 4px;
        font-size: 14px;
        line-height: 22px
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-head-subtit-text {
        color: #4b5b76
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-head-subtit-handle {
        display: none
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-card-list {
        margin-top: 12px;
        font-size: 0
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-card-list .swiper {
        margin-right: -16px;
        padding-right: 16px;
        margin-left: -16px;
        padding-left: 16px
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-card-list .swiper-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-card-list .swiper-slide {
        height: auto
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-card-list .swiper-pagination {
        bottom: auto;
        left: auto;
        position: relative;
        margin: 12px auto 0
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-card-list .swiper-pagination .swiper-pagination-bullet {
        width: 30px;
        height: 4px;
        border-radius: 2px;
        background: #d7dbe0;
        position: relative;
        opacity: 1
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-card-list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: linear-gradient(0deg,#0052d9,#0052d9),#d7dbe0
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-card-list .swiper-pagination .swiper-pagination-bullet:after {
        content: "";
        display: inline-block;
        width: 100%;
        height: 24px;
        position: absolute;
        top: -10px;
        left: 0
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-card-item {
        background: #fff;
        border: 1px solid #e3e6eb;
        height: 100%
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-card-item-inner {
        padding: 16px;
        background-size: auto 100%;
        background-position: 100%;
        background-repeat: no-repeat;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
        height: 100%
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-card-item.type-1 {
        background: linear-gradient(270deg,#f7fbff 50%,hsla(0,0%,100%,0))
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-card-item.type-1 .uno3-dialog-exper-card-item-inner {
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_free_exper_card_bg_type1.png);
        padding: 20px 16px
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-card-item.type-2 .uno3-dialog-exper-card-item-inner {
        background-image: url(/web/jinglisafe/assets/images/activity/dialog_free_exper_card_bg_type2.png)
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-card-tag {
        position: absolute;
        padding: 4px 4px 4px 0;
        border-radius: 0 6px 0 0;
        background: #f64041;
        color: #fff;
        font-size: 12px;
        line-height: 20px;
        line-height: 18px;
        font-weight: 500;
        right: -1px;
        top: -5px
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-card-tag:before {
        content: "";
        display: inline-block;
        width: 12px;
        height: 26px;
        background-image: url(/web/jinglisafe/assets/images/activity/dailog_free_exper_card_tag_before.png);
        background-size: auto 100%;
        background-position: 0;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        left: -11px
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-card-tit {
        font-size: 18px;
        line-height: 26px;
        font-weight: 500;
        color: #181818;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-card-subtit {
        margin-top: 8px;
        font-size: 24px;
        line-height: 32px;
        font-weight: 500;
        color: #0052d9
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-card-desc {
        margin-top: 12px;
        font-size: 14px;
        line-height: 22px
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-card-desc .qc-base-list {
        margin-top: 0
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-card-desc .qc-base-list-item {
        color: #4b5b76
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-card-foot {
        margin-top: auto;
        padding-top: 16px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-card-foot-tip {
        font-size: 12px;
        line-height: 20px;
        color: #97a3b7
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-card-foot-handle {
        font-size: 14px;
        line-height: 22px;
        -ms-flex: 1;
        flex: 1;
        text-align: right
    }

    .uno3-dialog.uno3-buy-dialog-v2 .uno3-dialog-exper-card-foot-handle .qc-base-link+.qc-base-link {
        margin-left: 12px
    }
}

.uno3-dialog-renew-batch-card {
    background: #fff;
    padding: 20px
}

.uno3-dialog-renew-batch-card+.qc-base-form-wrap-config,.uno3-dialog-renew-batch-card+.uno3-dialog-renew-batch-card {
    margin-top: 12px
}

.uno3-dialog-renew-batch-card-hd {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.uno3-dialog-renew-batch-card-hd-left,.uno3-dialog-renew-batch-card-hd-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.uno3-dialog-renew-batch-card-arrow {
    width: 16px;
    height: 16px;
    background-size: cover;
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_renew_batch_arrow.svg);
    cursor: pointer;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.uno3-dialog-renew-batch-card-tit {
    color: #000;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.uno3-dialog-renew-batch-card-tag {
    margin-left: 8px;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    padding: 0 4px;
    border-radius: 2px;
    background: #ff7800;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.uno3-dialog-renew-batch-card-time-item {
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    color: #97a3b7
}

.uno3-dialog-renew-batch-card-time-data {
    display: inline-block;
    margin-left: 6px;
    color: #181818
}

.uno3-dialog-renew-batch-card-time-item {
    margin-right: 20px
}

.uno3-dialog-renew-batch-card-time-item:nth-child(2) {
    margin-right: 0
}

.uno3-dialog-renew-batch-card-time-item:nth-child(2) .uno3-dialog-renew-batch-card-time-data {
    color: #f64041
}

.uno3-dialog-renew-batch-card-delete {
    margin-left: 32px;
    width: 16px;
    height: 16px;
    background-size: cover;
    background-image: url(/web/jinglisafe/assets/images/activity/dialog_renew_batch_delete.svg);
    cursor: pointer;
    position: relative
}

.uno3-dialog-renew-batch-card-delete:before {
    content: "";
    width: 1px;
    height: 18px;
    background: #d6dbe3;
    position: absolute;
    top: 50%;
    left: -16px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.uno3-dialog-renew-batch-card-content+.uno3-dialog-renew-batch-card-ft,.uno3-dialog-renew-batch-card-hd+.uno3-dialog-renew-batch-card-content,.uno3-dialog-renew-batch-card-hd+.uno3-dialog-renew-batch-card-ft {
    margin-top: 10px
}

.uno3-dialog-renew-batch-card-content {
    padding: 20px;
    background: #f7f7f9
}

.uno3-dialog-renew-batch-card-content .qc-base-form-label {
    width: 84px
}

.uno3-dialog-renew-batch-card-content .qc-base-form-value {
    width: calc(100% - 94px)
}

.uno3-dialog-renew-batch-card-content-hd {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 768px) {
    .uno3-dialog-renew-batch-card-content-hd {
        padding:16px 16px 0
    }

    .uno3-dialog-renew-batch-card-content-hd .qc-base-form-label {
        width: 84px
    }

    .uno3-dialog-renew-batch-card-content-hd .qc-base-form-value {
        width: calc(100% - 94px)
    }
}

.uno3-dialog-renew-batch-card-content-tit {
    color: #181818;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500
}

@media screen and (min-width: 769px) {
    .uno3-dialog-renew-batch-card-ft .uno3-dialog-renew-batch-card-time {
        display:none
    }
}

.uno3-dialog-renew-batch-card-ft-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline
}

.uno3-dialog-renew-batch-card-price-prev {
    color: #4b5b76;
    font-size: 14px;
    line-height: 22px
}

.uno3-dialog-renew-batch-card-price {
    margin-left: 12px;
    color: #ff7800;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500
}

.uno3-dialog-renew-batch-card-price-original {
    color: #97a3b7;
    text-decoration: line-through;
    font-size: 14px;
    line-height: 22px;
    margin-left: 4px
}

@media screen and (min-width: 769px) {
    .uno3-dialog-renew-batch-card:not(.is-msg) .qc-base-form {
        margin-top:12px
    }

    .uno3-dialog-renew-batch-card:not(.is-msg) .qc-base-form-item {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
        align-items: center;
        width: calc(50% - 10px);
        margin-bottom: 0;
        margin-top: 12px
    }

    .uno3-dialog-renew-batch-card:not(.is-msg) .qc-base-form-item:nth-child(-n+2) {
        margin-top: 0
    }

    .uno3-dialog-renew-batch-card:not(.is-msg) .qc-base-form-item:nth-child(2n) {
        margin-left: 20px
    }
}

.uno3-dialog-renew-batch.uno3-dialog.is-multi .uno3-dialog-renew-batch-ft-config {
    text-align: left;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #e3e6eb
}

.uno3-dialog-renew-batch.uno3-dialog.is-multi .uno3-dialog-renew-batch-ft-config .qc-base-form-item .qc-base-form-label {
    width: 84px
}

.uno3-dialog-renew-batch.uno3-dialog.is-multi .uno3-dialog-renew-batch-ft-config .qc-base-form-item+.qc-base-form-item {
    margin-top: 16px
}

.uno3-dialog-renew-batch .uno3-pagination {
    text-align: right;
    margin-top: 12px
}

.uno3-dialog-renew-batch-open,.uno3-dialog-renew-batch-tips {
    margin-left: 12px;
    color: #4b5b76;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400
}

.uno3-dialog-renew-batch-open {
    margin-left: 4px;
    color: #0052d9;
    cursor: pointer
}

@media screen and (min-width: 769px) {
    .uno3-dialog-body .uno3-dialog-renew-batch-tips,.uno3-dialog-renew-batch.is-multi .uno3-dialog-renew-batch-card-content {
        display:none
    }

    .uno3-dialog-renew-batch.is-multi .uno3-dialog-renew-batch-card.is-open .uno3-dialog-renew-batch-card-content {
        display: block
    }

    .uno3-dialog-renew-batch.is-multi .uno3-dialog-renew-batch-card.is-open .uno3-dialog-renew-batch-card-arrow {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .uno3-dialog-renew-batch.is-multi.uno3-dialog .uno3-dialog-body {
        padding-bottom: 120px
    }
}

@media screen and (max-width: 768px) {
    .uno3-dialog-renew-batch:not(.is-multi) .uno3-dialog-renew-batch-card {
        padding:16px
    }

    .uno3-dialog-renew-batch:not(.is-multi) .uno3-dialog-renew-batch-card-ft,.uno3-dialog-renew-batch:not(.is-multi) .uno3-dialog-renew-batch-card-hd {
        display: none
    }

    .uno3-dialog-renew-batch:not(.is-multi) .uno3-dialog-renew-batch-card-content {
        padding: 0;
        background: #f7f7f9
    }

    .uno3-dialog-renew-batch:not(.is-multi) .uno3-dialog-renew-batch-card-content .qc-base-form {
        margin-top: 8px;
        padding: 16px;
        background: #f7f7f9
    }

    .uno3-dialog-renew-batch.is-multi .uno3-dialog-renew-batch-card-hd {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .uno3-dialog-renew-batch.is-multi .uno3-dialog-renew-batch-card-delete {
        margin-left: 0;
        margin-right: 8px
    }

    .uno3-dialog-renew-batch.is-multi .uno3-dialog-renew-batch-card-delete:before {
        content: none
    }

    .uno3-dialog-renew-batch.is-multi .uno3-dialog-renew-batch-card-hd-left {
        display: -ms-inline-flexbox;
        display: inline-flex;
        max-width: calc(100% - 24px)
    }

    .uno3-dialog-renew-batch.is-multi .uno3-dialog-renew-batch-card-tit {
        -ms-flex-positive: 1;
        flex-grow: 1;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis;
        border-bottom: 1px dashed #000
    }

    .uno3-dialog-renew-batch.is-multi .uno3-dialog-renew-batch-card-tag {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .uno3-dialog-renew-batch-card.is-msg .qc-base-form-value {
        margin-left: 0
    }

    .uno3-dialog-renew-batch.is-multi .uno3-dialog-renew-batch-card-arrow,.uno3-dialog-renew-batch.is-multi .uno3-dialog-renew-batch-card-content,.uno3-dialog-renew-batch.is-multi .uno3-dialog-renew-batch-card-hd .uno3-dialog-renew-batch-card-time,.uno3-dialog-renew-batch.is-multi .uno3-dialog-renew-batch-card-price-prev {
        display: none
    }

    .uno3-dialog-renew-batch.is-multi .uno3-dialog-body {
        background: #fff;
        padding: 16px
    }

    .uno3-dialog-renew-batch.is-multi .uno3-dialog-renew-batch-card {
        padding: 12px;
        background: #f7f7f9
    }

    .uno3-dialog-renew-batch.uno3-dialog.is-multi .uno3-dialog-body {
        padding-bottom: 226px
    }

    .uno3-dialog-renew-batch.uno3-dialog.is-multi .uno3-dialog-footer {
        background: #fff;
        box-shadow: 0 -4px 20px rgba(55,99,170,.1);
        position: fixed;
        bottom: 0;
        width: 100%
    }

    .uno3-dialog-renew-batch.uno3-dialog.is-multi .uno3-dialog-footer .tp-form {
        padding-bottom: 16px
    }

    .uno3-dialog-renew-batch.uno3-dialog.is-multi .uno3-dialog-footer .tp-form:first-child {
        padding-top: 16px
    }

    .uno3-dialog-renew-batch.uno3-dialog.is-multi .uno3-dialog-footer .tp-form+.tp-form {
        margin-top: 0
    }

    .uno3-dialog-renew-batch.uno3-dialog.is-multi .uno3-dialog-footer-mobile {
        box-shadow: none;
        position: static;
        padding: 12px 0 24px
    }

    .uno3-dialog-renew-batch.uno3-dialog.is-multi .uno3-dialog-price {
        top: auto;
        bottom: 12px
    }

    .uno3-dialog-renew-batch.is-multi .uno3-dialog-renew-batch-card-ft {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .uno3-dialog-renew-batch.is-multi .uno3-dialog-renew-batch-card-ft-right {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .uno3-dialog-renew-batch.is-multi .uno3-dialog-renew-batch-card-ft .uno3-dialog-renew-batch-card-time {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: 0
    }

    .uno3-dialog-renew-batch.is-multi .uno3-dialog-renew-batch-card-ft .uno3-dialog-renew-batch-card-time-item {
        width: 100%;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno3-dialog-renew-batch.is-multi .uno3-dialog-renew-batch-card-ft .uno3-dialog-renew-batch-card-time-data {
        display: inline
    }

    .uno3-dialog-renew-batch.is-multi .uno3-dialog-renew-batch-card-ft .uno3-dialog-renew-batch-card-time-item+.uno3-dialog-renew-batch-card-time-item {
        margin-left: 0;
        margin-top: 2px
    }

    .uno3-dialog-renew-batch-card-price-original,.uno3-dialog-renew-batch.is-multi .uno3-dialog-renew-batch-card-price {
        margin-left: 0
    }

    .uno3-dialog-renew-batch.is-multi .uno3-dialog-renew-batch-card-price {
        font-size: 16px;
        line-height: 24px
    }

    .uno3-dialog-renew-batch.is-multi .uno3-dialog-renew-batch-card-price-original {
        font-size: 12px;
        line-height: 20px
    }

    .uno3-dialog-renew-batch-card-content+.uno3-dialog-renew-batch-card-ft,.uno3-dialog-renew-batch-card-hd+.uno3-dialog-renew-batch-card-ft,.uno3-dialog-renew-batch.is-multi .uno3-dialog-renew-batch-card-hd+.uno3-dialog-renew-batch-card-content {
        margin-top: 8px
    }

    .uno3-dialog-renew-batch-tips {
        display: block;
        margin-left: 0;
        margin-bottom: 8px;
        font-size: 14px;
        line-height: 22px
    }

    .uno3-dialog-renew-batch-secondary .uno3-dialog-header {
        padding: 16px
    }

    .uno3-dialog-renew-batch-secondary-link {
        font-size: 14px;
        line-height: 22px;
        font-weight: 500;
        color: #0052d9;
        margin-left: 8px
    }

    .uno3-dialog-renew-batch-secondary .uno3-dialog-body {
        padding: 0 16px 16px
    }

    .uno3-dialog-renew-batch-secondary .qc-base-form {
        background: #f7f7f9;
        padding: 16px
    }

    .uno3-dialog-renew-batch-secondary .qc-base-form .qc-base-form-label {
        width: 84px
    }

    .uno3-dialog-renew-batch-secondary .qc-base-form .qc-base-form-value {
        width: calc(100% - 94px)
    }

    .uno3-dialog-renew-batch-secondary .qc-base-form-value-inner {
        text-align: right
    }

    .uno3-dialog-renew-batch .uno3-dialog-footer-config {
        text-align: left;
        padding-top: 12px;
        padding-bottom: 12px
    }
}

.uno3-dialog {
    --oneid-color-primary: #0052d9;
    --oneid-color-error-primary: #f64041;
    --oneid-input-container-border-radius: 0;
    --oneid-button-border-radius: 0;
    --oneid-color-text-disabled: #e3e6eb;
    --oneid-color-background-tertiary: #fff;
    --oneid-input-container-height: 36px;
    --oneid-color-primary-disabled: #b3cbf4;
    --oneid-button-width-min-default: 60px;
    --oneid-dialog-container-border-radius: 0
}

.uno3-dialog .qc-base-radio-btn {
    padding: 7px
}

@media (max-width: 768px) {
    .uno3-dialog .qc-base-radio-btn {
        padding:7px 4px
    }
}

.qc-base-form-item .qc-base-form-item-domain .uno3-button {
    width: 100px
}

@media (max-width: 768px) {
    .qc-base-form-item .qc-base-form-value-inner-wrap .qc-base-form-item-domain {
        width:100%
    }

    .qc-base-form-item .qc-base-form-value-inner-wrap .qc-base-form-item-domain .uno3-button {
        width: 200px;
        margin-right: 12px
    }
}

.qc-base-input-number-minus:after,.qc-base-input-number-plus:after {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: -3px;
    background-repeat: no-repeat
}

.qc-base-input-number {
    font-size: 0;
    display: inline-block;
    vertical-align: middle
}

.qc-base-input-number .qc-base-input-number-disabled-value {
    display: none
}

.qc-base-input-number .qc-base-input {
    background: #fff;
    vertical-align: top;
    width: 50px;
    text-align: center;
    margin-left: -1px;
    margin-right: -1px;
    position: relative;
    padding-left: 2px;
    padding-right: 2px;
    z-index: 10
}

.qc-base-input-number .qc-base-input:hover {
    z-index: 15
}

.qc-base-input-number .qc-base-input:focus {
    border: 1px solid #0052d9;
    z-index: 15
}

.qc-base-input-number-minus,.qc-base-input-number-plus {
    width: 36px;
    height: 36px;
    display: inline-block;
    text-align: center;
    background: #fff;
    border: 1px solid #e3e6eb;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    z-index: 10;
    transition: border .3s ease-in-out,background-color .3s ease-in-out,color .3s ease-in-out,box-shadow .3s ease-in-out
}

.qc-base-input-number-minus:hover,.qc-base-input-number-plus:hover {
    background: #fff;
    border: 1px solid #0052d9;
    z-index: 20
}

.qc-base-input-number-minus:before,.qc-base-input-number-plus:before {
    content: "";
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle
}

.qc-base-input-number-minus:after,.qc-base-input-number-plus:after {
    content: "";
    vertical-align: middle
}

.qc-base-input-number-minus-disabled,.qc-base-input-number-minus-disabled:hover,.qc-base-input-number-plus-disabled,.qc-base-input-number-plus-disabled:hover {
    background: #f1f2f5;
    border: 1px solid #e3e6eb;
    cursor: not-allowed
}

.qc-base-input-number-minus:after {
    background-image: url(/web/jinglisafe/assets/images/activity/qc_base_inputnumber_minus_normal.svg)
}

.qc-base-input-number-minus:hover:after {
    background-image: url(/web/jinglisafe/assets/images/activity/qc_base_inputnumber_minus_hover.svg)
}

.qc-base-input-number-minus-disabled:after,.qc-base-input-number-minus-disabled:hover:after {
    background-image: url(/web/jinglisafe/assets/images/activity/qc_base_inputnumber_minus_disabled.svg)
}

.qc-base-input-number-plus:after {
    background-image: url(/web/jinglisafe/assets/images/activity/qc_base_inputnumber_plus_normal.svg)
}

.qc-base-input-number-plus:hover:after {
    background-image: url(/web/jinglisafe/assets/images/activity/qc_base_inputnumber_plus_hover.svg)
}

.qc-base-input-number-plus-disabled:after,.qc-base-input-number-plus-disabled:hover:after {
    background-image: url(/web/jinglisafe/assets/images/activity/qc_base_inputnumber_plus_disabled.svg)
}

.qc-base-input-number-unit {
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    vertical-align: middle;
    margin-left: 10px;
    display: inline-block
}

.qc-base-form-item-error .qc-base-input-number .qc-base-input {
    z-index: 15
}

.qc-base-input-number.qc-base-input-number-vision-v3 {
    height: 34px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    position: relative
}

@media (max-width: 768px) {
    .qc-base-input-number.qc-base-input-number-vision-v3 {
        height:32px
    }
}

.qc-base-input-number.qc-base-input-number-vision-v3:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #e9ecf1
}

.qc-base-input-number.qc-base-input-number-vision-v3 .qc-base-input {
    -ms-flex: 1;
    flex: 1;
    background: transparent;
    border: none;
    box-shadow: none;
    height: 20px;
    font-size: 16px;
    line-height: 22px;
    color: #181818;
    font-weight: 500;
    padding: 0;
    margin: 0;
    z-index: auto
}

.qc-base-input-number.qc-base-input-number-vision-v3 .qc-base-input:not(.qc-base-input-disabled):active,.qc-base-input-number.qc-base-input-number-vision-v3 .qc-base-input:not(.qc-base-input-disabled):hover {
    background: #f4f4f4;
    border: none;
    box-shadow: none;
    z-index: auto;
    color: #181818
}

@media (max-width: 768px) {
    .qc-base-input-number.qc-base-input-number-vision-v3 .qc-base-input {
        font-size:14px
    }
}

.qc-base-input-number.qc-base-input-number-vision-v3 .qc-base-input-number-unit {
    position: relative;
    pointer-events: none;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    margin-left: -4px;
    color: #181818
}

@media (max-width: 768px) {
    .qc-base-input-number.qc-base-input-number-vision-v3 .qc-base-input-number-unit {
        font-size:14px
    }
}

.qc-base-input-number.qc-base-input-number-vision-v3 .qc-base-input-number-minus,.qc-base-input-number.qc-base-input-number-vision-v3 .qc-base-input-number-plus {
    width: 20px;
    height: 20px;
    border-radius: 2px;
    border: 1px solid #e5e5e5;
    background: #fafafa;
    box-shadow: 0 1px 0 0 #cfcfcf;
    position: relative;
    z-index: auto
}

.qc-base-input-number.qc-base-input-number-vision-v3 .qc-base-input-number-minus:before,.qc-base-input-number.qc-base-input-number-vision-v3 .qc-base-input-number-plus:before {
    display: none
}

.qc-base-input-number.qc-base-input-number-vision-v3 .qc-base-input-number-minus:after,.qc-base-input-number.qc-base-input-number-vision-v3 .qc-base-input-number-plus:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0
}

.qc-base-input-number.qc-base-input-number-vision-v3 .qc-base-input-number-minus:hover,.qc-base-input-number.qc-base-input-number-vision-v3 .qc-base-input-number-plus:hover {
    border: 1px solid #e5e5e5;
    background: #f0f0f0;
    box-shadow: 0 1px 0 0 #cfcfcf;
    z-index: auto
}

.qc-base-input-number.qc-base-input-number-vision-v3 .qc-base-input-number-minus-disabled,.qc-base-input-number.qc-base-input-number-vision-v3 .qc-base-input-number-minus-disabled:hover,.qc-base-input-number.qc-base-input-number-vision-v3 .qc-base-input-number-plus-disabled,.qc-base-input-number.qc-base-input-number-vision-v3 .qc-base-input-number-plus-disabled:hover {
    border: 1px solid #e5e5e5;
    background: #fafafa;
    box-shadow: 0 1px 0 0 #cfcfcf
}

.qc-base-input-number.qc-base-input-number-vision-v3 .qc-base-input-number-minus:after {
    background-image: url(/web/jinglisafe/assets/images/activity/qc_base_inputnumber_v3_minus_normal.svg)
}

.qc-base-input-number.qc-base-input-number-vision-v3 .qc-base-input-number-minus:not(.qc-base-input-number-minus-disabled):hover:after {
    background-image: url(/web/jinglisafe/assets/images/activity/qc_base_inputnumber_v3_minus_hover.svg)
}

.qc-base-input-number.qc-base-input-number-vision-v3 .qc-base-input-number-minus-disabled:after {
    background-image: url(/web/jinglisafe/assets/images/activity/qc_base_inputnumber_v3_minus_disabled.svg)
}

.qc-base-input-number.qc-base-input-number-vision-v3 .qc-base-input-number-plus:after {
    background-image: url(/web/jinglisafe/assets/images/activity/qc_base_inputnumber_v3_plus_normal.svg)
}

.qc-base-input-number.qc-base-input-number-vision-v3 .qc-base-input-number-plus:not(.qc-base-input-number-plus-disabled):hover:after {
    background-image: url(/web/jinglisafe/assets/images/activity/qc_base_inputnumber_v3_plus_hover.svg)
}

.qc-base-input-number.qc-base-input-number-vision-v3 .qc-base-input-number-plus-disabled:after {
    background-image: url(/web/jinglisafe/assets/images/activity/qc_base_inputnumber_v3_plus_disabled.svg)
}

#message-container {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    position: fixed;
    top: 8px;
    left: 0;
    z-index: 1400;
    width: 100%;
    pointer-events: none
}

.uno3-message {
    padding: 12px 16px;
    position: relative;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: left;
    justify-content: left;
    pointer-events: all;
    font-size: 0
}

.uno3-message-icon {
    width: 28px;
    display: inline-block;
    height: 28px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.uno3-message-icon-info {
    background-image: url(/web/jinglisafe/assets/images/activity/message_icon_info.svg)
}

.uno3-message-icon-success {
    background-image: url(/web/jinglisafe/assets/images/activity/message_icon_success.svg)
}

.uno3-message-icon-warning {
    background-image: url(/web/jinglisafe/assets/images/activity/message_icon_warning.svg)
}

.uno3-message-icon-error {
    background-image: url(/web/jinglisafe/assets/images/activity/message_icon_error.svg)
}

.uno3-message-icon-loading {
    background-image: url(/web/jinglisafe/assets/images/activity/message_icon_loading.png);
    -webkit-animation: message-loading .6s linear infinite forwards;
    animation: message-loading .6s linear infinite forwards
}

.uno3-message-content {
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    padding-left: 16px
}

@media (min-width: 769px) {
    .uno3-message {
        margin-bottom:28px
    }

    .uno3-message-page {
        width: 1180px
    }

    .uno3-message-component {
        width: 480px
    }

    .uno3-message-simple {
        max-width: 480px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .uno3-message .uno3-message-single {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .uno3-message .uno3-message-single-text {
        font-size: 14px;
        line-height: 22px;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis;
        -ms-flex: 1;
        flex: 1
    }

    .uno3-message .uno3-message-single-link {
        font-size: 14px;
        line-height: 22px
    }

    .uno3-message .uno3-message-title {
        font-size: 16px;
        line-height: 24px;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno3-message .uno3-message-desc {
        margin-top: 4px;
        font-size: 14px;
        line-height: 22px;
        color: #4b5b76;
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .uno3-message .uno3-message-close-icon {
        width: 16px;
        height: 16px;
        margin-left: 16px;
        cursor: pointer;
        display: inline-block;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50%;
        background-image: url(/web/jinglisafe/assets/images/activity/message_icon_close.svg)
    }

    .uno3-message:not(.uno3-message-handle) {
        background: #fff;
        box-shadow: 8px 8px 20px rgba(55,99,170,.1);
        border-radius: 2px
    }

    .uno3-message:not(.uno3-message-handle).uno3-message-info {
        color: #181818
    }

    .uno3-message:not(.uno3-message-handle).uno3-message-success {
        color: #088f50
    }

    .uno3-message:not(.uno3-message-handle).uno3-message-warning {
        color: #c04100
    }

    .uno3-message:not(.uno3-message-handle).uno3-message-error {
        color: #b42c3f
    }

    .uno3-message:not(.uno3-message-handle).uno3-message-loading {
        color: #181818
    }

    .uno3-message.uno3-message-handle.uno3-message-info {
        background: linear-gradient(0deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,.5)),#ecf2fe;
        border: 1px solid #699ef5;
        box-shadow: 8px 8px 20px rgba(55,99,170,.1);
        border-radius: 2px;
        color: #181818
    }

    .uno3-message.uno3-message-handle.uno3-message-info:hover {
        background: #ecf2fe
    }

    .uno3-message.uno3-message-handle.uno3-message-success {
        background: linear-gradient(0deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,.5)),#e0f7eb;
        border: 1px solid #66d799;
        box-shadow: 8px 8px 20px rgba(55,99,170,.1);
        border-radius: 2px;
        color: #088f50
    }

    .uno3-message.uno3-message-handle.uno3-message-success:hover {
        background: #e0f7eb
    }

    .uno3-message.uno3-message-handle.uno3-message-warning {
        background: linear-gradient(0deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,.5)),#ffeddf;
        border: 1px solid #ffa760;
        box-shadow: 8px 8px 20px rgba(55,99,170,.1);
        border-radius: 2px;
        color: #c04100
    }

    .uno3-message.uno3-message-handle.uno3-message-warning:hover {
        background: #ffeddf
    }

    .uno3-message.uno3-message-handle.uno3-message-error {
        background: linear-gradient(0deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,.5)),#fce8e8;
        border: 1px solid #ef8b8b;
        box-shadow: 8px 8px 20px rgba(55,99,170,.1);
        border-radius: 2px;
        color: #b42c3f
    }

    .uno3-message.uno3-message-handle.uno3-message-error:hover {
        background: #fce8e8
    }
}

@media (max-width: 768px) {
    .uno3-message {
        margin-bottom:24px
    }

    .uno3-message-component,.uno3-message-page {
        width: calc(100% - 32px)
    }

    .uno3-message-simple {
        max-width: 360px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }

    .uno3-message .uno3-message-single {
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .uno3-message .uno3-message-single-text {
        font-size: 14px;
        line-height: 22px;
        display: inline;
        word-break: break-all;
        -ms-flex: 1;
        flex: 1
    }

    .uno3-message .uno3-message-single-link {
        font-size: 14px;
        line-height: 22px;
        display: inline;
        margin-left: 4px
    }

    .uno3-message .uno3-message-title {
        font-size: 16px;
        line-height: 24px;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno3-message .uno3-message-desc {
        margin-top: 4px;
        font-size: 14px;
        line-height: 22px;
        color: #4b5b76;
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        word-break: break-all
    }

    .uno3-message .uno3-message-desc .tp-link {
        margin: 0 4px
    }

    .uno3-message .uno3-message-close-icon {
        width: 16px;
        height: 16px;
        margin-left: 16px;
        cursor: pointer;
        display: inline-block;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50%;
        background-image: url(/web/jinglisafe/assets/images/activity/message_icon_close.svg)
    }

    .uno3-message:not(.uno3-message-handle) {
        background: #fff;
        box-shadow: 8px 8px 20px rgba(55,99,170,.1);
        border-radius: 2px
    }

    .uno3-message:not(.uno3-message-handle).uno3-message-info {
        color: #181818
    }

    .uno3-message:not(.uno3-message-handle).uno3-message-success {
        color: #088f50
    }

    .uno3-message:not(.uno3-message-handle).uno3-message-warning {
        color: #c04100
    }

    .uno3-message:not(.uno3-message-handle).uno3-message-error {
        color: #b42c3f
    }

    .uno3-message:not(.uno3-message-handle).uno3-message-loading {
        color: #181818
    }

    .uno3-message.uno3-message-handle.uno3-message-info {
        background: linear-gradient(0deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,.5)),#ecf2fe;
        border: 1px solid #699ef5;
        box-shadow: 8px 8px 20px rgba(55,99,170,.1);
        border-radius: 2px;
        color: #181818
    }

    .uno3-message.uno3-message-handle.uno3-message-info:hover {
        background: #ecf2fe
    }

    .uno3-message.uno3-message-handle.uno3-message-success {
        background: linear-gradient(0deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,.5)),#e0f7eb;
        border: 1px solid #66d799;
        box-shadow: 8px 8px 20px rgba(55,99,170,.1);
        border-radius: 2px;
        color: #088f50
    }

    .uno3-message.uno3-message-handle.uno3-message-success:hover {
        background: #e0f7eb
    }

    .uno3-message.uno3-message-handle.uno3-message-warning {
        background: linear-gradient(0deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,.5)),#ffeddf;
        border: 1px solid #ffa760;
        box-shadow: 8px 8px 20px rgba(55,99,170,.1);
        border-radius: 2px;
        color: #c04100
    }

    .uno3-message.uno3-message-handle.uno3-message-warning:hover {
        background: #ffeddf
    }

    .uno3-message.uno3-message-handle.uno3-message-error {
        background: linear-gradient(0deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,.5)),#fce8e8;
        border: 1px solid #ef8b8b;
        box-shadow: 8px 8px 20px rgba(55,99,170,.1);
        border-radius: 2px;
        color: #b42c3f
    }

    .uno3-message.uno3-message-handle.uno3-message-error:hover {
        background: #fce8e8
    }
}

@-webkit-keyframes message-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes message-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@media (max-width: 769px) {
    .uno3-dialog-footer .uno3-button .uno3-message-simple {
        right:-60px
    }
}

.uno3-count-down {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: 14px;
    line-height: 22px
}

.uno3-count-down__label {
    color: #4b5b76
}

@media (min-width: 769px) {
    .uno3-count-down__label-m {
        display:none
    }
}

@media (max-width: 768px) {
    .uno3-count-down__label-pc {
        display:none
    }

    .uno3-count-down__label-m {
        white-space: nowrap
    }
}

.uno3-count-down__value {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 4px
}

.uno3-count-down__value,.uno3-count-down__value-box {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center
}

.uno3-count-down__value-box {
    border-radius: 4px;
    background: #0052d9;
    width: 48px;
    height: 32px;
    color: #fff;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center
}

.uno3-count-down__value-symbol {
    color: #4b5b76
}

.uno3-count-down__value-unit {
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    color: #4b5b76
}

@media (max-width: 768px) {
    .uno3-count-down {
        -ms-flex-direction:row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: end;
        justify-content: flex-end;
        gap: 6px;
        font-size: 12px;
        line-height: 20px
    }

    .uno3-count-down__label {
        font-weight: 700;
        color: #000;
        display: none
    }

    .uno3-count-down__value {
        gap: 4px
    }

    .uno3-count-down__value-box {
        width: 18px;
        height: 18px;
        border-radius: 4px;
        background: #000;
        color: #fff;
        font-size: 12px;
        line-height: 20px
    }

    .uno3-count-down__value-symbol {
        color: #000
    }

    .uno3-count-down__value-unit {
        font-size: 10px;
        line-height: 18px;
        color: #000
    }
}

.uno-type-ios .uno3-count-down__label,.uno-type-mac .uno3-count-down__label {
    font-weight: 500
}

@media (min-width: 769px) {
    .uno3-time-line {
        margin-bottom:20px
    }

    .uno3-time-line__inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px
    }

    .uno3-time-line__main {
        display: none
    }

    .uno3-time-line__minor {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        gap: 24px;
        position: relative
    }

    .uno3-time-line__minor-panel {
        overflow: hidden;
        display: -ms-flexbox;
        display: flex;
        border-radius: 4px;
        background: rgba(229,233,240,.68);
        padding: 4px 8px
    }

    .uno3-time-line__minor-item,.uno3-time-line__minor-panel {
        -ms-flex: 1;
        flex: 1;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        gap: 8px
    }

    .uno3-time-line__minor-item {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-pack: center;
        justify-content: center;
        z-index: 1;
        font-size: 14px;
        line-height: 22px;
        height: 38px;
        cursor: pointer;
        transition: all .3s ease-in-out
    }

    .uno3-time-line__minor-item-done {
        cursor: not-allowed
    }

    .uno3-time-line__minor-item-done .uno3-time-line__minor-label,.uno3-time-line__minor-item-done .uno3-time-line__minor-time {
        color: rgba(0,0,0,.4)
    }

    .uno3-time-line__minor-item.is-active .uno3-time-line__minor-label {
        color: #000
    }

    .uno3-time-line__minor-item.is-title {
        width: 92px;
        height: 38px;
        font-size: 0;
        line-height: 0;
        -ms-flex: 0 auto;
        flex: 0 auto
    }

    .uno3-time-line__minor-item.is-title img {
        width: 100%;
        height: 100%
    }

    .uno3-time-line__minor-label {
        font-size: 14px;
        line-height: 22px;
        color: rgba(0,0,0,.7)
    }

    .uno3-time-line__minor-time {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        color: #000
    }

    .uno3-time-line__minor-slide {
        height: 38px;
        border-radius: 4px;
        background: #fff;
        position: absolute;
        top: 4px;
        left: 0;
        transition: -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
    }
}

@media (max-width: 768px) {
    .uno3-time-line {
        margin-bottom:20px
    }

    .uno3-time-line__inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 14px
    }

    .uno3-time-line__main {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        gap: 24px;
        padding: 0 16px;
        border-top: 1px solid #eaedf1;
        border-bottom: 1px solid #eaedf1;
        background: #fff;
        height: 44px
    }

    .uno3-time-line__main,.uno3-time-line__main-item {
        display: -ms-flexbox;
        display: flex;
        align-items: center
    }

    .uno3-time-line__main-item {
        -ms-flex: 1;
        flex: 1;
        font-size: 14px;
        line-height: 22px;
        color: #181818;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative
    }

    .uno3-time-line__main-item:after {
        display: inline-block;
        content: "";
        width: 0;
        height: 3px;
        border-radius: 8px;
        background: #000;
        position: absolute;
        bottom: -7px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        transition: width .3s ease-in-out
    }

    .uno3-time-line__main-item.is-active {
        font-weight: 500
    }

    .uno3-time-line__main-item.is-active:after {
        width: 28px
    }

    .uno3-time-line__main-desc {
        display: none
    }

    .uno3-time-line:not(.is-single-col) .uno3-time-line__minor {
        position: relative
    }

    .uno3-time-line:not(.is-single-col) .uno3-time-line__minor-panel {
        display: none;
        padding: 0 16px;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: center;
        align-items: center;
        gap: 8px;
        overflow: auto
    }

    .uno3-time-line:not(.is-single-col) .uno3-time-line__minor-panel.is-active {
        display: -ms-flexbox;
        display: flex
    }

    .uno3-time-line:not(.is-single-col) .uno3-time-line__minor-item {
        border-radius: 20px;
        background: rgba(127,135,150,.08);
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 2px;
        color: #181818;
        -ms-flex: 1;
        flex: 1;
        height: 30px;
        border: 1px solid transparent;
        min-width: calc(33.33333% - 5.33333px)
    }

    .uno3-time-line:not(.is-single-col) .uno3-time-line__minor-item-done {
        background: rgba(127,135,150,.08);
        cursor: not-allowed;
        color: #9fa5af;
        border-color: transparent
    }

    .uno3-time-line:not(.is-single-col) .uno3-time-line__minor-item.is-active {
        border: 1px solid #eaedf1;
        background: #fff;
        color: #181818;
        font-weight: 500
    }

    .uno3-time-line:not(.is-single-col) .uno3-time-line__minor-item.is-title {
        display: none
    }

    .uno3-time-line:not(.is-single-col) .uno3-time-line__minor-label {
        font-size: 12px;
        line-height: 20px
    }

    .uno3-time-line:not(.is-single-col) .uno3-time-line__minor-time {
        font-size: 14px;
        line-height: 22px
    }

    .uno3-time-line.is-single-col .uno3-time-line__minor-panel {
        overflow: auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        gap: 24px;
        padding: 0 16px;
        border-top: 1px solid #eaedf1;
        border-bottom: 1px solid #eaedf1;
        background: #fff;
        height: 44px
    }

    .uno3-time-line.is-single-col .uno3-time-line__minor-panel .uno3-time-line__minor-item {
        font-size: 14px;
        line-height: 22px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        position: relative;
        padding: 0 6px;
        gap: 4px
    }

    .uno3-time-line.is-single-col .uno3-time-line__minor-panel .uno3-time-line__minor-item:after {
        display: inline-block;
        content: "";
        width: 0;
        height: 3px;
        border-radius: 8px;
        background: #000;
        position: absolute;
        bottom: -7px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        transition: width .3s ease-in-out
    }

    .uno3-time-line.is-single-col .uno3-time-line__minor-panel .uno3-time-line__minor-item .uno3-time-line__minor-label {
        font-size: 12px;
        line-height: 20px;
        white-space: nowrap;
        color: #181818
    }

    .uno3-time-line.is-single-col .uno3-time-line__minor-panel .uno3-time-line__minor-item .uno3-time-line__minor-time {
        font-size: 14px;
        line-height: 22px;
        color: rgba(0,0,0,.7)
    }

    .uno3-time-line.is-single-col .uno3-time-line__minor-panel .uno3-time-line__minor-item-current,.uno3-time-line.is-single-col .uno3-time-line__minor-panel .uno3-time-line__minor-item.is-active {
        font-weight: 500
    }

    .uno3-time-line.is-single-col .uno3-time-line__minor-panel .uno3-time-line__minor-item-current .uno3-time-line__minor-label,.uno3-time-line.is-single-col .uno3-time-line__minor-panel .uno3-time-line__minor-item.is-active .uno3-time-line__minor-label {
        color: #181818
    }

    .uno3-time-line.is-single-col .uno3-time-line__minor-panel .uno3-time-line__minor-item.is-active:after {
        width: 28px
    }

    .uno3-time-line.is-single-col .uno3-time-line__minor-panel .uno3-time-line__minor-item-done .uno3-time-line__minor-label,.uno3-time-line.is-single-col .uno3-time-line__minor-panel .uno3-time-line__minor-item-done .uno3-time-line__minor-time {
        color: rgba(0,0,0,.4)
    }

    .uno3-time-line.is-single-col .length-1 .uno3-time-line__minor-item,.uno3-time-line.is-single-col .length-2 .uno3-time-line__minor-item,.uno3-time-line.is-single-col .length-3 .uno3-time-line__minor-item {
        -ms-flex: 1;
        flex: 1
    }
}

@media (max-width: 768px) {
    .qc-base-module .uno3-time-line {
        margin-left:-16px;
        margin-right: -16px
    }
}

@media (min-width: 769px) {
    .uno-type-ios .uno3-time-line__main-tit,.uno-type-mac .uno3-time-line__main-tit {
        font-weight:500
    }
}

@media (max-width: 768px) {
    .uno-type-ios .uno3-time-line__main-item.is-active,.uno-type-ios .uno3-time-line__minor-time,.uno-type-mac .uno3-time-line__main-item.is-active,.uno-type-mac .uno3-time-line__minor-time {
        font-weight:500
    }
}

.uno-page-intl .uno3-tabs__item-title {
    font-weight: 500
}

.uno-page-intl .uno3-tabs__item:after {
    background-color: #0052d9
}

.uno-page-intl .uno3-tabs__item.is-active .uno3-tabs__item-subtit,.uno-page-intl .uno3-tabs__item.is-active .uno3-tabs__item-title,.uno-page-intl .uno3-tabs__item:hover .uno3-tabs__item-subtit,.uno-page-intl .uno3-tabs__item:hover .uno3-tabs__item-title {
    color: #0052d9
}

.uno-page-intl .uno3-tabs__item-tag.type-text {
    border-radius: 2px;
    border: 1px solid #fbb;
    background: #fff1f1;
    color: #b42c3f
}

.uno-page-intl .uno3-tabs__item-tag.type-hot {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_intl_tabs_icon_hot.svg)
}

.uno-page-intl .uno3-tabs__item-tag.type-new {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_intl_tabs_icon_new.svg)
}

@media (min-width: 769px) {
    .uno-page-intl .uno3-tabs__type-scene .uno3-tabs__hd-title {
        white-space:normal
    }

    .uno-page-intl .uno3-tabs__type-scene .uno3-tabs__hd-subtit {
        -webkit-line-clamp: 6
    }

    .uno-page-intl .uno3-tabs__type-scene .qc-base-list-item--cont {
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.uno3-tabs__inner {
    max-width: 1200px;
    transition: max-width .5s ease;
    margin: 0 auto
}

.uno3-tabs__items {
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #e6e9ef
}

@media screen and (min-width: 769px) {
    .uno3-tabs__items {
        overflow:hidden
    }
}

.uno3-tabs__item {
    width: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    cursor: pointer
}

.uno3-tabs__item:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #0052d9;
    transition: width .15s ease-in-out .15s,height .15s ease-in-out
}

.uno3-tabs__item.is-active:after {
    width: 100%;
    height: 2px;
    transition: width .3s ease-in-out
}

.uno3-tabs__item-cont {
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 12px 8px 11px;
    position: relative
}

.uno3-tabs__item-cont,.uno3-tabs__item-hd {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.uno3-tabs__item-title {
    color: rgba(0,0,0,.9);
    font-size: 16px;
    line-height: 24px;
    transition: color .3s ease-in-out
}

@media screen and (min-width: 769px) {
    .uno3-tabs__item-title {
        white-space:nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.uno3-tabs__item-tag {
    margin-left: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.uno3-tabs__item-tag.type-text {
    border-radius: 4px 4px 4px 0;
    border: 1px solid #ff3734;
    padding: 0 3px;
    color: #f64041;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px
}

.uno3-tabs__item-tag.type-hot {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_tabs_icon_hot.svg)
}

.uno3-tabs__item-tag.type-hot,.uno3-tabs__item-tag.type-new {
    width: 28px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.uno3-tabs__item-tag.type-new {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_tabs_icon_new.svg)
}

.uno3-tabs__item-subtit {
    margin-top: 4px;
    width: 100%;
    text-align: center;
    color: rgba(0,0,0,.5);
    transition: color .3s ease-in-out;
    font-size: 14px;
    line-height: 22px
}

@media screen and (min-width: 769px) {
    .uno3-tabs__item-subtit {
        white-space:nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.uno3-tabs__item-subtit .qc-base-text--highlight {
    color: #f64041
}

@media (max-width: 768px) {
    .uno3-tabs__item-subtit .qc-base-text--highlight {
        color:inherit
    }
}

.uno3-tabs__item.is-active .uno3-tabs__item-subtit,.uno3-tabs__item.is-active .uno3-tabs__item-title,.uno3-tabs__item:hover .uno3-tabs__item-subtit,.uno3-tabs__item:hover .uno3-tabs__item-title {
    color: #0052d9
}

.uno3-tabs__btn,.uno3-tabs__dropdown {
    display: none
}

.uno3-tabs__content {
    padding-top: 20px
}

.uno3-tabs__content .uno3-panel__hd {
    margin-bottom: 20px
}

.uno3-tabs__panel {
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease
}

.uno3-tabs__panel.is-active {
    width: 100%;
    height: auto;
    opacity: 1;
    pointer-events: auto;
    transition: opacity .25s ease .2s;
    overflow: initial
}

@media (min-width: 1540px) {
    .uno3-tabs__inner {
        max-width:1420px;
        margin: 0 auto
    }
}

@media (max-width: 1539px) and (min-width:1320px) {
    .uno3-tabs__inner {
        max-width:none;
        margin: 0 auto
    }
}

@media screen and (max-width: 768px) {
    .uno3-tabs__items-wrap {
        position:relative
    }

    .uno3-tabs__items {
        background: #fff;
        border-top: 1px solid #e6e9ef;
        overflow-x: auto
    }

    .uno3-tabs__items::-webkit-scrollbar {
        display: none
    }

    .uno3-tabs__items:not(.is-auto) {
        padding-right: 40px
    }

    .uno3-tabs__items .uno3-tabs__item-subtit {
        display: none
    }

    .uno3-tabs__item {
        width: auto;
        -ms-flex: none;
        flex: none;
        padding: 0
    }

    .uno3-tabs__item:after {
        width: 0;
        height: 0;
        border-radius: 8px;
        left: 50%;
        bottom: 3px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .uno3-tabs__item.is-active:after {
        width: 28px;
        height: 3px
    }

    .uno3-tabs__items.is-auto .uno3-tabs__item {
        -ms-flex: 1;
        flex: 1
    }

    .uno3-tabs__item-cont {
        padding: 9px 12px
    }

    .uno3-tabs__item-hd,.uno3-tabs__item-subtit {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }

    .uno3-tabs__item-title {
        font-size: 14px;
        line-height: 22px
    }

    .uno3-tabs__item-tag {
        margin-left: 4px
    }

    .uno3-tabs__item-subtit {
        margin-top: 2px;
        font-size: 12px;
        line-height: 18px
    }

    .uno3-tabs__btn {
        display: none;
        z-index: 2;
        width: 40px;
        height: calc(100% - 2px);
        position: absolute;
        right: 0;
        top: 1px;
        background: #fff;
        border-left: 1px solid #e6e9ef;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_tabs_btn.svg);
        background-size: 16px;
        background-repeat: no-repeat;
        background-position: 50%
    }

    .uno3-tabs__btn.is-show {
        display: block
    }

    .uno3-tabs__item-subtit,.uno3-tabs__item-title {
        white-space: nowrap
    }

    .uno3-tabs__dropdown {
        display: none;
        z-index: 2;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #fff;
        box-shadow: 0 2px 4px 2px rgba(0,0,0,.05);
        padding: 10px 12px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 8px
    }

    .uno3-tabs__dropdown.is-show {
        display: -ms-flexbox;
        display: flex
    }

    .uno3-tabs__dropdown .uno3-tabs__item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        width: calc(50% - 4px);
        padding: 4px 6px;
        background: #f2f4f8
    }

    .uno3-tabs__dropdown .uno3-tabs__item:after {
        content: none
    }

    .uno3-tabs__dropdown .uno3-tabs__item.is-active {
        background: #f2f4f8
    }

    .uno3-tabs__dropdown .uno3-tabs__item-hd,.uno3-tabs__dropdown .uno3-tabs__item-subtit {
        max-width: 100%;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno3-tabs__dropdown .uno3-tabs__item-subtit,.uno3-tabs__dropdown .uno3-tabs__item-title {
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno3-tabs__content {
        padding: 20px 16px 0
    }

    .uno3-tabs__content .qc-base-module {
        padding: 0
    }

    .uno3-tabs__content .uno3-panel__hd {
        margin-bottom: 20px
    }
}

@media (min-width: 769px) {
    .uno3-tabs__items-wrap {
        overflow:hidden;
        position: relative;
        margin-top: -12px
    }

    .uno3-tabs__items.is-scroll-pc {
        overflow: initial;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: auto;
        min-width: 100%
    }

    .uno3-tabs__items.is-scroll-pc .uno3-tabs__item {
        max-width: 25%;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .uno3-tabs__items.is-scroll-pc .uno3-tabs__item-cont {
        padding-left: 20px;
        padding-right: 20px
    }

    .uno3-tabs .uno3-tabs__header {
        position: relative;
        overflow: hidden
    }

    .uno3-tabs .uno3-tabs__items-backward,.uno3-tabs .uno3-tabs__items-forward {
        width: 64px;
        height: 74px;
        cursor: pointer;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 1
    }

    .uno3-tabs .uno3-tabs__items-backward:after,.uno3-tabs .uno3-tabs__items-forward:after {
        content: "";
        display: inline-block;
        width: 8px;
        height: 14px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat
    }

    .uno3-tabs .uno3-tabs__items-backward.is-disabled,.uno3-tabs .uno3-tabs__items-forward.is-disabled {
        cursor: not-allowed
    }

    .uno3-tabs .uno3-tabs__items-backward {
        background: linear-gradient(-270deg,#fff 50%,hsla(0,0%,100%,0));
        left: 0
    }

    .uno3-tabs .uno3-tabs__items-backward+.uno3-tabs__items-wrap .uno3-tabs__items {
        padding-left: 30px;
        padding-right: 30px
    }

    .uno3-tabs .uno3-tabs__items-backward:after {
        left: 12px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_tabs_icon_left_normal.svg)
    }

    .uno3-tabs .uno3-tabs__items-backward:not(.is-disabled):hover:after {
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_tabs_icon_left_hover.svg)
    }

    .uno3-tabs .uno3-tabs__items-backward.is-disabled:after {
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_tabs_icon_left_disabled.svg)
    }

    .uno3-tabs .uno3-tabs__items-forward {
        background: linear-gradient(270deg,#fff 50%,hsla(0,0%,100%,0));
        right: 0
    }

    .uno3-tabs .uno3-tabs__items-forward:after {
        right: 12px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_tabs_icon_right_normal.svg)
    }

    .uno3-tabs .uno3-tabs__items-forward:not(.is-disabled):hover:after {
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_tabs_icon_right_hover.svg)
    }

    .uno3-tabs .uno3-tabs__items-forward.is-disabled:after {
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_tabs_icon_right_disabled.svg)
    }
}

.uno3-section.bg-gray .uno3-tabs .uno3-tabs__items-backward {
    background: linear-gradient(-270deg,#f6f8fb 50%,rgba(246,248,251,0))
}

.uno3-section.bg-gray .uno3-tabs .uno3-tabs__items-forward {
    background: linear-gradient(270deg,#f6f8fb 50%,rgba(246,248,251,0))
}

@media (min-width: 769px) {
    .uno3-tabs__hd {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .uno3-tabs__hd-item {
        -ms-flex: 1;
        flex: 1;
        cursor: pointer
    }

    .uno3-tabs__bd-cont {
        display: none
    }

    .uno3-tabs__bd-cont.is-active {
        display: block
    }

    .uno3-tabs__type-scene {
        padding-left: 60px;
        padding-right: 60px;
        margin-bottom: -60px;
        border-top: 1px solid #e8ebf0;
        position: relative;
        background: #fff
    }

    .uno3-tabs__type-scene:after {
        content: "";
        display: inline-block;
        width: 100%;
        height: 1px;
        background: #e8ebf0;
        position: absolute;
        bottom: 0;
        left: 0
    }

    .uno3-tabs__type-scene .uno3-tabs__inner {
        max-width: 1200px;
        transition: max-width .5s ease;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .uno3-tabs__type-scene .uno3-tabs__hd {
        -ms-flex: 0 0 360px;
        flex: 0 0 360px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
        -ms-flex-pack: start;
        justify-content: flex-start;
        overflow: hidden
    }

    .uno3-tabs__type-scene .uno3-tabs__hd:after {
        content: "";
        display: inline-block;
        width: 1px;
        height: 100%;
        background: #e8ebf0;
        position: absolute;
        top: 0;
        right: 0
    }

    .uno3-tabs__type-scene .uno3-tabs__hd-title {
        font-size: 18px;
        line-height: 26px;
        font-weight: 500;
        color: #000;
        padding-right: 36px;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis;
        z-index: 1
    }

    .uno3-tabs__type-scene .uno3-tabs__hd-subtit {
        margin-top: 8px;
        font-size: 14px;
        line-height: 22px;
        color: #4b5b76;
        padding-right: 12px;
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        display: none;
        font-weight: 400;
        position: relative;
        z-index: 1
    }

    .uno3-tabs__type-scene .uno3-tabs__hd-list {
        margin-top: 36px;
        padding-right: 12px;
        display: none;
        font-weight: 400;
        position: relative;
        z-index: 1
    }

    .uno3-tabs__type-scene .uno3-tabs__hd-img {
        width: 200px;
        height: 200px;
        position: absolute;
        right: 0;
        bottom: -3px;
        opacity: 0
    }

    .uno3-tabs__type-scene .uno3-tabs__hd-item {
        padding: 16px 12px 16px 0;
        position: relative;
        -ms-flex: initial;
        flex: initial;
        height: 58px;
        transition: height .3s linear;
        overflow: hidden
    }

    .uno3-tabs__type-scene .uno3-tabs__hd-item:after {
        content: "";
        display: inline-block;
        width: calc(100% - 12px);
        height: 1px;
        background: #e8ebf0;
        position: absolute;
        bottom: 0;
        left: 0
    }

    .uno3-tabs__type-scene .uno3-tabs__hd-item:hover .uno3-tabs__hd-title {
        color: #0052d9
    }

    .uno3-tabs__type-scene .uno3-tabs__hd-item.is-active {
        padding: 16px 0
    }

    .uno3-tabs__type-scene .uno3-tabs__hd-item.is-active:not(:last-child):after {
        width: 100%
    }

    .uno3-tabs__type-scene .uno3-tabs__hd-item.is-active .uno3-tabs__hd-title {
        position: relative
    }

    .uno3-tabs__type-scene .uno3-tabs__hd-item.is-active .uno3-tabs__hd-title:after {
        content: "";
        width: 12px;
        height: 12px;
        border-radius: 10px;
        background: #000;
        display: inline-block;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_tabs_scene_title_icon_arrow.svg);
        background-size: 3.5px 5px;
        background-position: 50%;
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 12px;
        transition: width .3s ease
    }

    .uno3-tabs__type-scene .uno3-tabs__hd-item.is-active .uno3-tabs__hd-title:hover:after {
        width: 20px
    }

    .uno3-tabs__type-scene .uno3-tabs__hd-item.is-active .uno3-tabs__hd-subtit {
        display: -webkit-box
    }

    .uno3-tabs__type-scene .uno3-tabs__hd-item.is-active .uno3-tabs__hd-list {
        display: block
    }

    .uno3-tabs__type-scene .uno3-tabs__hd-item.is-active .uno3-tabs__hd-img {
        opacity: 1;
        transition: opacity .3s ease-in-out .1s
    }

    .uno3-tabs__type-scene .uno3-tabs__hd .qc-base-list-item--dot {
        color: #4b5b76
    }

    .uno3-tabs__type-scene .uno3-tabs__hd-length-1 .uno3-tabs__hd-item {
        height: 100%!important
    }

    .uno3-tabs__type-scene.scene-normal .uno3-tabs__hd-item.is-active {
        height: 418px
    }

    .uno3-tabs__type-scene.scene-recom .uno3-tabs__hd-item.is-active {
        height: 219px
    }

    .uno3-tabs__type-scene.scene-recom .uno3-tabs__hd-list {
        display: none!important
    }

    .uno3-tabs__type-scene.scene-intro .uno3-tabs__hd-item.is-active {
        height: 190px
    }

    .uno3-tabs__type-scene.scene-intro .uno3-tabs__hd-img {
        width: 160px;
        height: 160px
    }

    .uno3-tabs__type-scene.scene-intro .uno3-tabs__hd-list {
        display: none!important
    }

    .uno3-tabs__type-scene .uno3-tabs__bd {
        -ms-flex: 1;
        flex: 1;
        width: 0
    }

    .uno3-tabs__type-scene .uno3-tabs__bd-desc {
        display: none
    }

    .uno3-tabs__type-scene .uno3-tabs__bd-cont {
        height: 100%;
        overflow: hidden;
        position: relative
    }

    .uno3-tabs__type-scene .uno3-tabs__bd-cont:after {
        content: "";
        display: inline-block;
        width: 1px;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        background: #e8ebf0
    }

    .uno3-tabs__type-scene .uno3-tabs__bd-cont.is-active,.uno3-tabs__type-scene .uno3-tabs__bd-cont.is-active .qc-base-grid__layout {
        overflow: visible
    }
}

@media (min-width: 769px) and (min-width:1540px) {
    .uno3-tabs__type-scene {
        padding-left:60px;
        padding-right: 60px
    }

    .uno3-tabs__type-scene .uno3-tabs__inner {
        max-width: 1420px;
        margin: 0 auto
    }
}

@media (min-width: 769px) and (max-width:1539px) and (min-width:1320px) {
    .uno3-tabs__type-scene {
        padding-left:9%;
        padding-right: 9%
    }

    .uno3-tabs__type-scene .uno3-tabs__inner {
        max-width: none;
        margin: 0 auto
    }
}

@media (min-width: 769px) and (max-width:1539px) {
    .uno3-tabs__type-scene .uno3-tabs__hd {
        -ms-flex:0 0 300px;
        flex: 0 0 300px
    }

    .uno3-tabs__type-scene .uno3-tabs__hd-title {
        font-size: 16px;
        line-height: 24px
    }
}

@media (max-width: 768px) {
    .uno3-tabs__hd {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .uno3-tabs__hd::-webkit-scrollbar {
        display: none
    }

    .uno3-tabs__hd-item {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        cursor: pointer;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-pack: center;
        justify-content: center
    }

    .uno3-tabs__bd-cont {
        display: none
    }

    .uno3-tabs__bd-cont.is-active {
        display: block
    }

    .uno3-tabs__type-scene .uno3-tabs__hd {
        border-top: 1px solid #eaedf1;
        border-bottom: 1px solid #eaedf1;
        background: #fff;
        padding: 10px 4px;
        overflow: auto
    }

    .uno3-tabs__type-scene .uno3-tabs__hd-img,.uno3-tabs__type-scene .uno3-tabs__hd-list,.uno3-tabs__type-scene .uno3-tabs__hd-subtit {
        display: none
    }

    .uno3-tabs__type-scene .uno3-tabs__hd-title {
        white-space: nowrap
    }

    .uno3-tabs__type-scene .uno3-tabs__hd-item {
        font-size: 14px;
        line-height: 22px;
        color: #181818;
        text-align: center;
        position: relative;
        padding: 0 12px
    }

    .uno3-tabs__type-scene .uno3-tabs__hd-item:after {
        display: inline-block;
        content: "";
        width: 0;
        height: 3px;
        border-radius: 8px;
        background: #0052d9;
        position: absolute;
        bottom: -7px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        transition: width .3s ease-in-out
    }

    .uno3-tabs__type-scene .uno3-tabs__hd-item.is-active {
        font-weight: 500;
        color: #0052d9
    }

    .uno3-tabs__type-scene .uno3-tabs__hd-item.is-active:after {
        width: 28px
    }

    .uno3-tabs__type-scene .uno3-tabs__bd {
        padding: 16px 16px 0
    }

    .uno3-tabs__type-scene .uno3-tabs__bd-desc {
        font-size: 14px;
        line-height: 22px;
        color: #4b5b76;
        margin-bottom: 16px
    }
}

@media (max-width: 768px) {
    .qc-base-module .uno3-tabs__type-seckill .uno3-tabs__hd {
        margin-left:-16px;
        margin-right: -16px
    }
}

.uno-type-ios .uno3-tabs__hd-item.is-active,.uno-type-mac .uno3-tabs__hd-item.is-active {
    font-weight: 500
}

@-webkit-keyframes sceneTabItemImgHide {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes sceneTabItemImgHide {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

.uno-page-intl .uno3-panel__title {
    white-space: normal;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600
}

.uno-page-intl .uno3-panel__sub {
    white-space: normal
}

.uno-page-intl .uno3-panel__sub .qc-base-link:not(.qc-base-link--icon) {
    display: inline
}

@media (max-width: 768px) {
    .uno-page-intl .uno3-panel__title {
        font-size:18px;
        line-height: 26px
    }

    .uno-page-intl .uno3-panel__sub {
        display: block
    }
}

.uno-page-intl.uno-type-ios .uno3-panel__title,.uno-page-intl.uno-type-mac .uno3-panel__title {
    font-weight: 600
}

.uno3-panel {
    display: block;
    margin: 0 auto
}

.uno3-panel+.uno3-panel {
    margin-top: 32px
}

.uno3-panel__hd {
    margin-bottom: 32px
}

@media screen and (min-width: 1540px) {
    .uno3-panel__hd-content {
        max-width:1420px;
        margin: 0 auto
    }
}

.uno3-panel__title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: #181818;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-panel__sub {
    margin-top: 12px;
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76
}

@media (min-width: 769px) {
    .uno3-panel__sub {
        white-space:nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.uno3-panel.center .uno3-panel__sub,.uno3-panel.center .uno3-panel__title {
    text-align: center
}

@media (max-width: 768px) {
    .uno3-panel+.uno3-panel {
        margin-top:24px
    }

    .uno3-panel__hd {
        margin-bottom: 24px;
        max-width: 100%;
        padding-left: 16px;
        padding-right: 16px
    }

    .uno3-panel__title {
        font-size: 18px;
        line-height: 26px
    }

    .uno3-panel__sub {
        margin-top: 8px;
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }
}

.uno3-section.is-full .uno3-panel__hd {
    padding-left: 60px;
    padding-right: 60px
}

@media screen and (min-width: 1320px) and (max-width:1539px) {
    .uno3-section.is-full .uno3-panel__hd {
        padding-left:9%;
        padding-right: 9%
    }
}

@media (max-width: 768px) {
    .uno3-section.is-full .uno3-panel__hd {
        padding-left:16px;
        padding-right: 16px
    }
}

@media (max-width: 768px) {
    .uno3-tabs__content .uno3-panel__hd {
        padding-left:0;
        padding-right: 0
    }
}

.uno-type-ios .uno3-panel__title,.uno-type-mac .uno3-panel__title {
    font-weight: 500
}

.qc-base-list {
    font-size: 0
}

.qc-base-list-item {
    font-size: 12px;
    line-height: 20px;
    padding-left: 24px;
    position: relative
}

.qc-base-list-item:nth-child(n+2) {
    margin-top: 4px
}

.qc-base-list-item .qc-base-icon {
    position: absolute;
    top: 2px;
    left: 0
}

.qc-base-list-item--dot {
    color: #4b5b76
}

.qc-base-list-item--hook {
    color: #181818
}

.uno-page-intl .uno3-act-bar__LRQ .uno3-act-bar__tag {
    font-size: 14px
}

@media (max-width: 768px) {
    .uno-page-intl .uno3-act-bar__LRQ .uno3-act-bar__tag {
        font-size:12px
    }
}

.uno-page-intl .uno3-act-bar__LRQS .uno3-act-bar__subtit {
    white-space: normal;
    font-size: 14px;
    line-height: 22px
}

.uno-page-intl .uno3-act-bar__LRQS .uno3-act-bar__title {
    font-size: 24px;
    line-height: 32px
}

@media (max-width: 768px) {
    .uno-page-intl .uno3-act-bar__LRQS .uno3-act-bar__lt {
        -ms-flex-pack:center;
        justify-content: center
    }

    .uno-page-intl .uno3-act-bar__LRQS .uno3-act-bar__title {
        font-size: 18px;
        line-height: 26px;
        white-space: normal
    }

    .uno-page-intl .uno3-act-bar__LRQS .uno3-act-bar__subtit {
        display: none
    }
}

.uno-page-intl .uno3-act-bar__LRB .uno3-act-bar__subtit {
    font-size: 14px;
    line-height: 22px;
    white-space: normal
}

@media (max-width: 768px) {
    .uno-page-intl .uno3-act-bar__LRB .uno3-act-bar__title {
        white-space:normal
    }

    .uno-page-intl .uno3-act-bar__LRB .uno3-act-bar__subtit {
        display: none
    }

    .uno-page-intl .uno3-act-bar__LRB .uno3-act-bar__rt,.uno-page-intl .uno3-act-bar__LRB .uno3-act-bar__rt .uno3-button {
        width: 100%
    }
}

.uno-page-intl .uno3-act-bar__LRBS .uno3-act-bar__title {
    display: block
}

.uno-page-intl .uno3-act-bar__LRBS .uno3-act-bar__subtit {
    display: none
}

@media (max-width: 768px) {
    .uno-page-intl .uno3-act-bar__LRBS .uno3-act-bar__card {
        -ms-flex-direction:column;
        flex-direction: column;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .uno-page-intl .uno3-act-bar__LRBS .uno3-act-bar__btn-wrap .uno3-button,.uno-page-intl .uno3-act-bar__LRBS .uno3-act-bar__lt,.uno-page-intl .uno3-act-bar__LRBS .uno3-act-bar__rt {
        width: 100%
    }
}

.uno-page-intl .uno3-act-bar__LRA .uno3-act-bar__subtit {
    white-space: normal
}

.uno-page-intl .uno3-act-bar__LRA .uno3-act-bar__item-value {
    font-size: 28px;
    line-height: 36px;
    white-space: nowrap
}

.uno-page-intl .uno3-act-bar__LRA .uno3-act-bar__item-desc {
    font-size: 12px;
    line-height: 20px
}

@media (max-width: 768px) {
    .uno-page-intl .uno3-act-bar__LRA .uno3-act-bar__list {
        -ms-flex-pack:justify;
        justify-content: space-between
    }

    .uno-page-intl .uno3-act-bar__LRA .uno3-act-bar__item {
        -ms-flex: auto;
        flex: auto
    }

    .uno-page-intl .uno3-act-bar__LRA .uno3-act-bar__title {
        white-space: normal
    }

    .uno-page-intl .uno3-act-bar__LRA .uno3-act-bar__item-value {
        font-size: 16px;
        line-height: 24px;
        white-space: normal;
        text-align: center
    }

    .uno-page-intl .uno3-act-bar__LRA .uno3-act-bar__item-desc {
        white-space: normal;
        max-width: 120px
    }
}

.uno-page-intl .uno3-act-bar__LRBQS .uno3-act-bar__title {
    display: block
}

.uno-page-intl .uno3-act-bar__LRBQS .uno3-act-bar__subtit {
    display: none
}

@media (max-width: 768px) {
    .uno-page-intl .uno3-act-bar__LRBQS .uno3-act-bar__card-btn .uno3-act-bar__card-cont {
        -ms-flex-direction:column;
        flex-direction: column;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .uno-page-intl .uno3-act-bar__LRBQS .uno3-act-bar__card-btn .uno3-act-bar__lt,.uno-page-intl .uno3-act-bar__LRBQS .uno3-act-bar__card-btn .uno3-act-bar__rt,.uno-page-intl .uno3-act-bar__LRBQS .uno3-act-bar__card-btn .uno3-act-bar__rt .uno3-button {
        width: 100%
    }
}

.uno-page-intl .uno3-act-bar__FLRQ .uno3-act-bar__title {
    font-size: 20px;
    line-height: 28px
}

@media (max-width: 768px) {
    .uno-page-intl .uno3-act-bar__FLRQ .uno3-act-bar__title {
        white-space:normal;
        font-size: 14px;
        line-height: 22px
    }

    .uno-page-intl .uno3-act-bar__FLRQ .uno3-act-bar__intro-list {
        display: none
    }
}

.uno-page-intl .uno3-act-bar__FLRB .uno3-act-bar__subtit,.uno-page-intl .uno3-act-bar__FLRB .uno3-act-bar__title {
    white-space: normal
}

@media (max-width: 768px) {
    .uno-page-intl .uno3-act-bar__FLRB .uno3-act-bar__subtit {
        display:none
    }

    .uno-page-intl .uno3-act-bar__FLRB .uno3-act-bar__rt,.uno-page-intl .uno3-act-bar__FLRB .uno3-act-bar__rt .uno3-button:first-child:last-child {
        width: 100%
    }
}

.uno-page-intl .uno3-act-bar__FLRCS .uno3-act-bar__subtit,.uno-page-intl .uno3-act-bar__FLRCS .uno3-act-bar__title {
    white-space: normal
}

.uno-page-intl .uno3-act-bar__FLRCS .uno3-act-bar__card-title {
    font-size: 20px;
    line-height: 28px;
    white-space: normal
}

.uno-page-intl .uno3-act-bar__FLRCS .uno3-act-bar__card-subtit {
    font-size: 14px;
    line-height: 22px;
    white-space: normal
}

@media (max-width: 768px) {
    .uno-page-intl .uno3-act-bar__FLRCS .uno3-act-bar__rt {
        -ms-flex-direction:column;
        flex-direction: column;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .uno-page-intl .uno3-act-bar__FLRCS .uno3-act-bar__card {
        width: 100%
    }

    .uno-page-intl .uno3-act-bar__FLRCS .uno3-act-bar__card-subtit {
        display: block
    }
}

.uno-page-intl .uno3-act-bar__FLRBQS .uno3-act-bar__title {
    white-space: normal
}

.uno-page-intl .uno3-act-bar__FLRBQS .uno3-act-bar__subtit {
    display: none
}

@media (max-width: 768px) {
    .uno-page-intl .uno3-act-bar__FLRBQS .uno3-act-bar__title {
        display:block
    }

    .uno-page-intl .uno3-act-bar__FLRBQS .uno3-act-bar__card-btn .uno3-act-bar__rt,.uno-page-intl .uno3-act-bar__FLRBQS .uno3-act-bar__card-btn .uno3-act-bar__rt .uno3-button:first-child:last-child {
        width: 100%
    }
}

.uno3-act-bar__LRQ {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_actbar_lrq_bg_pc.png);
    background-size: cover;
    background-position: 50%
}

.uno3-act-bar__LRQ .uno3-act-bar__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 48px 16px 36px;
    gap: 12px
}

.uno3-act-bar__LRQ .uno3-act-bar__tag {
    border-radius: 20px;
    border: 1px solid #fff;
    display: inline-block;
    padding: 1px 11px;
    font-size: 12px;
    line-height: 22px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px
}

.uno3-act-bar__LRQ .uno3-act-bar__title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: #fff
}

.uno3-act-bar__LRQ .uno3-act-bar__intro-list {
    margin-top: 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    gap: 48px
}

.uno3-act-bar__LRQ .uno3-act-bar__intro-item {
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    padding-left: 20px;
    position: relative
}

.uno3-act-bar__LRQ .uno3-act-bar__intro-item:before {
    content: "";
    display: inline-block;
    width: 11px;
    height: 10px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_actbar_lrq_intro_icon.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.uno3-act-bar__LRQ .uno3-act-bar__qr-wrap {
    border-radius: 12px;
    background: #fff;
    width: 120px;
    height: 120px;
    padding: 5px
}

.uno3-act-bar__LRQ .uno3-act-bar__qr-img {
    width: 100%;
    height: 100%
}

@media (max-width: 768px) {
    .uno3-act-bar__LRQ {
        background-image:url(/web/jinglisafe/assets/images/activity/uno3_actbar_lrq_bg_m.png)
    }

    .uno3-act-bar__LRQ .uno3-act-bar__inner {
        padding: 12px 16px
    }

    .uno3-act-bar__LRQ .uno3-act-bar__tag {
        font-size: 10px;
        line-height: 20px;
        margin-bottom: 12px
    }

    .uno3-act-bar__LRQ .uno3-act-bar__title {
        font-size: 16px;
        line-height: 24px;
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .uno3-act-bar__LRQ .uno3-act-bar__qr-wrap {
        width: 94px;
        height: 94px
    }

    .uno3-act-bar__LRQ .uno3-act-bar__intro-list {
        display: none
    }
}

.uno3-act-bar__LRQS .uno3-act-bar__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px
}

.uno3-act-bar__LRQS .uno3-act-bar__card {
    -ms-flex: 1;
    flex: 1;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_actbar_lrqs_bg_pc.png);
    background-size: cover;
    background-position: 50%;
    padding: 20px 36px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    width: 0
}

.uno3-act-bar__LRQS .uno3-act-bar__lt {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 100%;
    -ms-flex: 1;
    flex: 1;
    width: 0
}

.uno3-act-bar__LRQS .uno3-act-bar__title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: #000
}

@media (min-width: 769px) {
    .uno3-act-bar__LRQS .uno3-act-bar__title {
        word-wrap:break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }
}

.uno3-act-bar__LRQS .uno3-act-bar__subtit {
    font-size: 12px;
    line-height: 20px;
    color: rgba(0,0,0,.7);
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: auto
}

.uno3-act-bar__LRQS .uno3-act-bar__subtit .qc-base-show-box {
    display: inline
}

@media (min-width: 769px) {
    .uno3-act-bar__LRQS .uno3-act-bar__subtit .qc-base-show-box .qc-base-show-pc {
        display:inline
    }
}

@media (max-width: 768px) {
    .uno3-act-bar__LRQS .uno3-act-bar__subtit .qc-base-show-box .qc-base-show-mobile {
        display:inline
    }
}

.uno3-act-bar__LRQS .uno3-act-bar__qr-wrap {
    border-radius: 12px;
    background: #fff;
    width: 100px;
    height: 100px;
    padding: 4px
}

.uno3-act-bar__LRQS .uno3-act-bar__qr-img {
    width: 100%;
    height: 100%
}

@media (max-width: 768px) {
    .uno3-act-bar__LRQS .uno3-act-bar__inner {
        gap:12px
    }

    .uno3-act-bar__LRQS .uno3-act-bar__card {
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_actbar_lrqs_bg_m.png);
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 8px;
        padding: 12px
    }

    .uno3-act-bar__LRQS .uno3-act-bar__lt {
        height: auto;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 4px;
        width: 100%
    }

    .uno3-act-bar__LRQS .uno3-act-bar__title {
        font-size: 14px;
        line-height: 22px;
        text-align: center;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%
    }

    .uno3-act-bar__LRQS .uno3-act-bar__title .qc-base-show-box {
        display: inline
    }
}

@media (max-width: 768px) and (min-width:769px) {
    .uno3-act-bar__LRQS .uno3-act-bar__title .qc-base-show-box .qc-base-show-pc {
        display:inline
    }
}

@media (max-width: 768px) and (max-width:768px) {
    .uno3-act-bar__LRQS .uno3-act-bar__title .qc-base-show-box .qc-base-show-mobile {
        display:inline
    }
}

@media (max-width: 768px) {
    .uno3-act-bar__LRQS .uno3-act-bar__subtit {
        text-align:center;
        width: 100%
    }
}

.uno3-act-bar__LRB {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_actbar_lrb_bg_pc.png);
    background-size: cover;
    background-position: 50%
}

.uno3-act-bar__LRB .uno3-act-bar__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 48px;
    padding: 16px 32px
}

.uno3-act-bar__LRB .uno3-act-bar__lt {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    gap: 8px
}

.uno3-act-bar__LRB .uno3-act-bar__title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-act-bar__LRB .uno3-act-bar__title .qc-base-show-box {
    display: inline
}

@media (min-width: 769px) {
    .uno3-act-bar__LRB .uno3-act-bar__title .qc-base-show-box .qc-base-show-pc {
        display:inline
    }
}

@media (max-width: 768px) {
    .uno3-act-bar__LRB .uno3-act-bar__title .qc-base-show-box .qc-base-show-mobile {
        display:inline
    }
}

.uno3-act-bar__LRB .uno3-act-bar__subtit {
    font-size: 12px;
    line-height: 20px;
    color: hsla(0,0%,100%,.9);
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-act-bar__LRB .uno3-act-bar__subtit .qc-base-show-box {
    display: inline
}

@media (min-width: 769px) {
    .uno3-act-bar__LRB .uno3-act-bar__subtit .qc-base-show-box .qc-base-show-pc {
        display:inline
    }
}

@media (max-width: 768px) {
    .uno3-act-bar__LRB .uno3-act-bar__subtit .qc-base-show-box .qc-base-show-mobile {
        display:inline
    }
}

.uno3-act-bar__LRB .uno3-act-bar__btn-wrap .uno3-button {
    width: 200px
}

@media (max-width: 768px) {
    .uno3-act-bar__LRB {
        background-image:url(/web/jinglisafe/assets/images/activity/uno3_actbar_lrb_bg_m.png)
    }

    .uno3-act-bar__LRB .uno3-act-bar__inner {
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12px;
        padding: 16px;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .uno3-act-bar__LRB .uno3-act-bar__lt {
        gap: 4px;
        width: 100%;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .uno3-act-bar__LRB .uno3-act-bar__title {
        font-size: 16px;
        line-height: 24px;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%
    }

    .uno3-act-bar__LRB .uno3-act-bar__title .qc-base-show-box {
        display: inline
    }
}

@media (max-width: 768px) and (min-width:769px) {
    .uno3-act-bar__LRB .uno3-act-bar__title .qc-base-show-box .qc-base-show-pc {
        display:inline
    }
}

@media (max-width: 768px) and (max-width:768px) {
    .uno3-act-bar__LRB .uno3-act-bar__title .qc-base-show-box .qc-base-show-mobile {
        display:inline
    }
}

@media (max-width: 768px) {
    .uno3-act-bar__LRB .uno3-act-bar__rt,.uno3-act-bar__LRB .uno3-act-bar__subtit {
        width:100%
    }
}

@media (max-width: 768px) {
    .uno3-act-bar__LRB .uno3-act-bar__btn-wrap {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 12px
    }

    .uno3-act-bar__LRB .uno3-act-bar__btn-wrap .uno3-button {
        width: auto;
        -ms-flex: 1;
        flex: 1
    }
}

.uno3-act-bar__LRBS .uno3-act-bar__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px
}

.uno3-act-bar__LRBS .uno3-act-bar__card {
    -ms-flex: 1;
    flex: 1;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_actbar_lrbs_bg_pc.png);
    background-size: cover;
    background-position: 50%;
    padding: 24px 32px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 20px;
    width: 0
}

.uno3-act-bar__LRBS .uno3-act-bar__lt {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 100%;
    -ms-flex: 1;
    flex: 1;
    width: 0
}

.uno3-act-bar__LRBS .uno3-act-bar__title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: #000
}

@media (min-width: 769px) {
    .uno3-act-bar__LRBS .uno3-act-bar__title {
        word-wrap:break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }
}

.uno3-act-bar__LRBS .uno3-act-bar__btn-wrap .uno3-button {
    width: 200px
}

@media (max-width: 768px) {
    .uno3-act-bar__LRBS .uno3-act-bar__inner {
        gap:16px;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .uno3-act-bar__LRBS .uno3-act-bar__card {
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_actbar_lrbs_bg_m.png);
        gap: 12px;
        padding: 16px;
        width: 100%
    }

    .uno3-act-bar__LRBS .uno3-act-bar__lt {
        height: auto;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 0;
        -ms-flex: 1;
        flex: 1
    }

    .uno3-act-bar__LRBS .uno3-act-bar__title {
        font-size: 16px;
        line-height: 24px;
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        width: 100%
    }

    .uno3-act-bar__LRBS .uno3-act-bar__title .qc-base-show-box {
        display: inline
    }
}

@media (max-width: 768px) and (min-width:769px) {
    .uno3-act-bar__LRBS .uno3-act-bar__title .qc-base-show-box .qc-base-show-pc {
        display:inline
    }
}

@media (max-width: 768px) and (max-width:768px) {
    .uno3-act-bar__LRBS .uno3-act-bar__title .qc-base-show-box .qc-base-show-mobile {
        display:inline
    }
}

@media (max-width: 768px) {
    .uno3-act-bar__LRBS .uno3-act-bar__btn-wrap .uno3-button {
        width:120px
    }
}

.uno3-act-bar__LRA {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_actbar_lra_bg_pc.png);
    background-size: cover;
    background-position: 50%
}

.uno3-act-bar__LRA .uno3-act-bar__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 32px;
    gap: 48px;
    color: #fff
}

.uno3-act-bar__LRA .uno3-act-bar__lt {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 0
}

.uno3-act-bar__LRA .uno3-act-bar__title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-act-bar__LRA .uno3-act-bar__title .qc-base-show-box {
    display: inline
}

@media (min-width: 769px) {
    .uno3-act-bar__LRA .uno3-act-bar__title .qc-base-show-box .qc-base-show-pc {
        display:inline
    }
}

@media (max-width: 768px) {
    .uno3-act-bar__LRA .uno3-act-bar__title .qc-base-show-box .qc-base-show-mobile {
        display:inline
    }
}

.uno3-act-bar__LRA .uno3-act-bar__subtit {
    margin-top: 4px;
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-act-bar__LRA .uno3-act-bar__btn-wrap {
    margin-top: 12px
}

.uno3-act-bar__LRA .uno3-act-bar__btn-wrap .uno3-button {
    width: 200px
}

.uno3-act-bar__LRA .uno3-act-bar__rt {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (min-width: 769px) {
    .uno3-act-bar__LRA .uno3-act-bar__rt .uno3-act-bar__btn-wrap {
        display:none
    }
}

.uno3-act-bar__LRA .uno3-act-bar__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 42px
}

.uno3-act-bar__LRA .uno3-act-bar__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    overflow: hidden;
    max-width: 140px
}

.uno3-act-bar__LRA .uno3-act-bar__item-cont {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 8px;
    -ms-flex-align: baseline;
    align-items: baseline
}

.uno3-act-bar__LRA .uno3-act-bar__item-value {
    font-size: 36px;
    line-height: 44px;
    line-height: 42px;
    font-weight: 600;
    text-align: center
}

.uno3-act-bar__LRA .uno3-act-bar__item-unit {
    font-size: 14px;
    line-height: 22px;
    font-weight: 700
}

.uno3-act-bar__LRA .uno3-act-bar__item-desc {
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    text-align: center
}

@media (max-width: 768px) {
    .uno3-act-bar__LRA {
        background-image:url(/web/jinglisafe/assets/images/activity/uno3_actbar_lra_bg_m.png)
    }

    .uno3-act-bar__LRA .uno3-act-bar__inner {
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 16px;
        gap: 12px;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .uno3-act-bar__LRA .uno3-act-bar__title {
        font-size: 16px;
        line-height: 24px;
        line-height: 22px
    }

    .uno3-act-bar__LRA .uno3-act-bar__subtit {
        display: none
    }

    .uno3-act-bar__LRA .uno3-act-bar__lt {
        width: 100%
    }

    .uno3-act-bar__LRA .uno3-act-bar__lt .uno3-act-bar__btn-wrap {
        display: none
    }

    .uno3-act-bar__LRA .uno3-act-bar__rt {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 100%;
        border-top: 1px solid hsla(0,0%,100%,.2)
    }

    .uno3-act-bar__LRA .uno3-act-bar__list {
        gap: 8px;
        padding: 12px 0;
        width: 100%
    }

    .uno3-act-bar__LRA .uno3-act-bar__item {
        gap: 4px;
        -ms-flex: 1;
        flex: 1;
        max-width: none
    }

    .uno3-act-bar__LRA .uno3-act-bar__item-cont {
        -ms-flex-pack: center;
        justify-content: center;
        gap: 0
    }

    .uno3-act-bar__LRA .uno3-act-bar__item-value {
        font-size: 18px;
        line-height: 26px
    }

    .uno3-act-bar__LRA .uno3-act-bar__item-unit {
        font-size: 18px;
        line-height: 26px;
        font-weight: 600
    }

    .uno3-act-bar__LRA .uno3-act-bar__item-desc {
        font-size: 12px;
        line-height: 20px
    }

    .uno3-act-bar__LRA .uno3-act-bar__btn-wrap {
        margin-top: 0;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 12px
    }

    .uno3-act-bar__LRA .uno3-act-bar__btn-wrap .uno3-button {
        width: 100%
    }
}

.uno3-act-bar__LRBQS .uno3-act-bar__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px
}

.uno3-act-bar__LRBQS .uno3-act-bar__card {
    -ms-flex: 1;
    flex: 1;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_actbar_lrbqs_bg_pc.png);
    background-size: cover;
    background-position: 50%;
    padding: 20px 36px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px;
    width: 0
}

.uno3-act-bar__LRBQS .uno3-act-bar__card-cont {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 20px
}

.uno3-act-bar__LRBQS .uno3-act-bar__card-qrcode .uno3-act-bar__card-cont {
    -ms-flex-align: center;
    align-items: center
}

.uno3-act-bar__LRBQS .uno3-act-bar__card-qrcode .uno3-act-bar__lt {
    height: auto;
    gap: 24px
}

.uno3-act-bar__LRBQS .uno3-act-bar__lt {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 100%;
    -ms-flex: 1;
    flex: 1;
    width: 0
}

.uno3-act-bar__LRBQS .uno3-act-bar__title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: #000;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.uno3-act-bar__LRBQS .uno3-act-bar__subtit {
    font-size: 12px;
    line-height: 20px;
    color: rgba(0,0,0,.7);
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-act-bar__LRBQS .uno3-act-bar__btn-wrap .uno3-button {
    width: 200px
}

.uno3-act-bar__LRBQS .uno3-act-bar__qr-wrap {
    border-radius: 12px;
    background: #fff;
    width: 120px;
    height: 120px;
    padding: 4px
}

.uno3-act-bar__LRBQS .uno3-act-bar__qr-img {
    width: 100%;
    height: 100%
}

@media (max-width: 768px) {
    .uno3-act-bar__LRBQS .uno3-act-bar__inner {
        -ms-flex-direction:column;
        flex-direction: column;
        -ms-flex-pack: initial;
        justify-content: normal;
        -ms-flex-align: initial;
        align-items: normal;
        gap: 12px
    }

    .uno3-act-bar__LRBQS .uno3-act-bar__card {
        padding: 16px;
        width: 100%;
        gap: 0;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_actbar_lrbqs_bg_m.png)
    }

    .uno3-act-bar__LRBQS .uno3-act-bar__card .uno3-act-bar__subtit {
        display: none
    }

    .uno3-act-bar__LRBQS .uno3-act-bar__card-cont {
        gap: 12px
    }

    .uno3-act-bar__LRBQS .uno3-act-bar__card .uno3-act-bar__btn-wrap .uno3-button {
        width: 120px
    }

    .uno3-act-bar__LRBQS .uno3-act-bar__card .uno3-act-bar__qr-wrap {
        width: 100px;
        height: 100px;
        margin-left: 20px
    }

    .uno3-act-bar__LRBQS .uno3-act-bar__card .uno3-act-bar__title {
        font-size: 16px;
        line-height: 24px
    }
}

.uno3-act-bar__FLRQ {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_actbar_flrq_bg_pc.png);
    background-size: cover;
    background-position: 50%
}

.uno3-act-bar__FLRQ .uno3-act-bar__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 0;
    gap: 48px
}

.uno3-act-bar__FLRQ .uno3-act-bar__title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: #000
}

.uno3-act-bar__FLRQ .uno3-act-bar__intro-list {
    margin-top: 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    gap: 48px
}

.uno3-act-bar__FLRQ .uno3-act-bar__intro-item {
    font-size: 14px;
    line-height: 22px;
    color: rgba(0,0,0,.7);
    padding-left: 20px;
    position: relative
}

.uno3-act-bar__FLRQ .uno3-act-bar__intro-item:before {
    content: "";
    display: inline-block;
    width: 11px;
    height: 10px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_actbar_flrq_intro_icon.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.uno3-act-bar__FLRQ .uno3-act-bar__qr-wrap {
    border-radius: 12px;
    background: #fff;
    width: 120px;
    height: 120px;
    padding: 4px
}

.uno3-act-bar__FLRQ .uno3-act-bar__qr-img {
    width: 100%;
    height: 100%
}

@media (max-width: 768px) {
    .uno3-act-bar__FLRQ {
        background-image:url(/web/jinglisafe/assets/images/activity/uno3_actbar_flrq_bg_m.png)
    }

    .uno3-act-bar__FLRQ .uno3-act-bar__inner {
        padding: 12px 0;
        gap: 16px
    }

    .uno3-act-bar__FLRQ .uno3-act-bar__title {
        font-size: 14px;
        line-height: 22px;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno3-act-bar__FLRQ .uno3-act-bar__title .qc-base-show-box {
        display: inline
    }
}

@media (max-width: 768px) and (min-width:769px) {
    .uno3-act-bar__FLRQ .uno3-act-bar__title .qc-base-show-box .qc-base-show-pc {
        display:inline
    }
}

@media (max-width: 768px) and (max-width:768px) {
    .uno3-act-bar__FLRQ .uno3-act-bar__title .qc-base-show-box .qc-base-show-mobile {
        display:inline
    }
}

@media (max-width: 768px) {
    .uno3-act-bar__FLRQ .uno3-act-bar__lt {
        -ms-flex:1;
        flex: 1;
        overflow: hidden
    }
}

@media (max-width: 768px) {
    .uno3-act-bar__FLRQ .uno3-act-bar__qr-wrap {
        width:94px;
        height: 94px
    }
}

@media (max-width: 768px) {
    .uno3-act-bar__FLRQ .uno3-act-bar__intro-list {
        -ms-flex-direction:column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 4px;
        margin-top: 8px
    }

    .uno3-act-bar__FLRQ .uno3-act-bar__intro-list .uno3-act-bar__intro-item {
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%
    }
}

.uno3-act-bar__FCM {
    display: block;
    cursor: pointer;
    background: #0052d9
}

.uno3-act-bar__FCM .uno3-act-bar__inner {
    height: 134px;
    padding: 32px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 12px
}

.uno3-act-bar__FCM .uno3-act-bar__title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

.uno3-act-bar__FCM .uno3-act-bar__title .qc-base-show-box {
    display: inline
}

@media (min-width: 769px) {
    .uno3-act-bar__FCM .uno3-act-bar__title .qc-base-show-box .qc-base-show-pc {
        display:inline
    }
}

@media (max-width: 768px) {
    .uno3-act-bar__FCM .uno3-act-bar__title .qc-base-show-box .qc-base-show-mobile {
        display:inline
    }
}

.uno3-act-bar__FCM .uno3-act-bar__subtit {
    font-size: 14px;
    line-height: 22px;
    color: hsla(0,0%,100%,.7);
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

.uno3-act-bar__FCM .uno3-act-bar__subtit .qc-base-show-box {
    display: inline
}

@media (min-width: 769px) {
    .uno3-act-bar__FCM .uno3-act-bar__subtit .qc-base-show-box .qc-base-show-pc {
        display:inline
    }
}

@media (max-width: 768px) {
    .uno3-act-bar__FCM .uno3-act-bar__subtit .qc-base-show-box .qc-base-show-mobile {
        display:inline
    }
}

@media (max-width: 768px) {
    .uno3-act-bar__FCM .uno3-act-bar__inner {
        padding:20px 0;
        gap: 8px;
        height: 82px
    }

    .uno3-act-bar__FCM .uno3-act-bar__title {
        font-size: 16px;
        line-height: 24px
    }

    .uno3-act-bar__FCM .uno3-act-bar__subtit {
        font-size: 12px;
        line-height: 20px
    }
}

.uno3-act-bar__FLRB,.uno3-act-bar__FLRBS {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_actbar_flrbs_bg_pc.png);
    background-size: cover;
    background-position: 50%
}

.uno3-act-bar__FLRB .uno3-act-bar__inner,.uno3-act-bar__FLRBS .uno3-act-bar__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    padding: 24px 0
}

.uno3-act-bar__FLRB .uno3-act-bar__lt,.uno3-act-bar__FLRBS .uno3-act-bar__lt {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    gap: 8px
}

.uno3-act-bar__FLRB .uno3-act-bar__title,.uno3-act-bar__FLRBS .uno3-act-bar__title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-act-bar__FLRB .uno3-act-bar__title .qc-base-show-box,.uno3-act-bar__FLRBS .uno3-act-bar__title .qc-base-show-box {
    display: inline
}

@media (min-width: 769px) {
    .uno3-act-bar__FLRB .uno3-act-bar__title .qc-base-show-box .qc-base-show-pc,.uno3-act-bar__FLRBS .uno3-act-bar__title .qc-base-show-box .qc-base-show-pc {
        display:inline
    }
}

@media (max-width: 768px) {
    .uno3-act-bar__FLRB .uno3-act-bar__title .qc-base-show-box .qc-base-show-mobile,.uno3-act-bar__FLRBS .uno3-act-bar__title .qc-base-show-box .qc-base-show-mobile {
        display:inline
    }
}

.uno3-act-bar__FLRB .uno3-act-bar__subtit,.uno3-act-bar__FLRBS .uno3-act-bar__subtit {
    font-size: 12px;
    line-height: 20px;
    color: hsla(0,0%,100%,.9);
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-act-bar__FLRB .uno3-act-bar__subtit .qc-base-show-box,.uno3-act-bar__FLRBS .uno3-act-bar__subtit .qc-base-show-box {
    display: inline
}

@media (min-width: 769px) {
    .uno3-act-bar__FLRB .uno3-act-bar__subtit .qc-base-show-box .qc-base-show-pc,.uno3-act-bar__FLRBS .uno3-act-bar__subtit .qc-base-show-box .qc-base-show-pc {
        display:inline
    }
}

@media (max-width: 768px) {
    .uno3-act-bar__FLRB .uno3-act-bar__subtit .qc-base-show-box .qc-base-show-mobile,.uno3-act-bar__FLRBS .uno3-act-bar__subtit .qc-base-show-box .qc-base-show-mobile {
        display:inline
    }
}

.uno3-act-bar__FLRB .uno3-act-bar__btn-wrap,.uno3-act-bar__FLRBS .uno3-act-bar__btn-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 20px;
    -ms-flex-align: center;
    align-items: center
}

.uno3-act-bar__FLRB .uno3-act-bar__btn-wrap .uno3-button,.uno3-act-bar__FLRBS .uno3-act-bar__btn-wrap .uno3-button {
    width: 200px
}

@media (max-width: 768px) {
    .uno3-act-bar__FLRB,.uno3-act-bar__FLRBS {
        background-image:url(/web/jinglisafe/assets/images/activity/uno3_actbar_flrbs_bg_m.png)
    }

    .uno3-act-bar__FLRB .uno3-act-bar__inner,.uno3-act-bar__FLRBS .uno3-act-bar__inner {
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12px;
        padding: 16px 0;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .uno3-act-bar__FLRB .uno3-act-bar__lt,.uno3-act-bar__FLRBS .uno3-act-bar__lt {
        gap: 4px;
        width: 100%;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .uno3-act-bar__FLRB .uno3-act-bar__rt,.uno3-act-bar__FLRBS .uno3-act-bar__rt {
        width: 100%
    }

    .uno3-act-bar__FLRB .uno3-act-bar__title,.uno3-act-bar__FLRBS .uno3-act-bar__title {
        font-size: 16px;
        line-height: 24px;
        width: 100%
    }

    .uno3-act-bar__FLRB .uno3-act-bar__subtit,.uno3-act-bar__FLRBS .uno3-act-bar__subtit {
        width: 100%
    }

    .uno3-act-bar__FLRB .uno3-act-bar__btn-wrap,.uno3-act-bar__FLRBS .uno3-act-bar__btn-wrap {
        gap: 12px
    }

    .uno3-act-bar__FLRB .uno3-act-bar__btn-wrap .uno3-button,.uno3-act-bar__FLRBS .uno3-act-bar__btn-wrap .uno3-button {
        -ms-flex: 1;
        flex: 1
    }
}

.uno3-act-bar__FLRBQS {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_actbar_flrbqs_bg_pc.png);
    background-size: cover;
    background-position: 50%
}

.uno3-act-bar__FLRBQS .uno3-act-bar__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    gap: 80px;
    padding: 16px 0
}

.uno3-act-bar__FLRBQS .uno3-act-bar__card {
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.uno3-act-bar__FLRBQS .uno3-act-bar__card-cont {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 20px
}

.uno3-act-bar__FLRBQS .uno3-act-bar__card-qrcode .uno3-act-bar__card-cont {
    -ms-flex-align: center;
    align-items: center
}

.uno3-act-bar__FLRBQS .uno3-act-bar__lt {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    overflow: hidden
}

.uno3-act-bar__FLRBQS .uno3-act-bar__btn-wrap .uno3-button {
    width: 200px
}

.uno3-act-bar__FLRBQS .uno3-act-bar__qr-wrap {
    width: 100px;
    height: 100px;
    padding: 4px;
    background: #fff;
    border-radius: 12px
}

.uno3-act-bar__FLRBQS .uno3-act-bar__qr-wrap img {
    width: 100%;
    height: 100%
}

.uno3-act-bar__FLRBQS .uno3-act-bar__title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: #fff
}

@media (min-width: 769px) {
    .uno3-act-bar__FLRBQS .uno3-act-bar__title {
        white-space:nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno3-act-bar__FLRBQS .uno3-act-bar__title .qc-base-show-box {
        display: inline
    }
}

@media (min-width: 769px) and (min-width:769px) {
    .uno3-act-bar__FLRBQS .uno3-act-bar__title .qc-base-show-box .qc-base-show-pc {
        display:inline
    }
}

@media (min-width: 769px) and (max-width:768px) {
    .uno3-act-bar__FLRBQS .uno3-act-bar__title .qc-base-show-box .qc-base-show-mobile {
        display:inline
    }
}

.uno3-act-bar__FLRBQS .uno3-act-bar__subtit {
    font-size: 14px;
    line-height: 22px;
    color: hsla(0,0%,100%,.7);
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-act-bar__FLRBQS .uno3-act-bar__subtit .qc-base-show-box {
    display: inline
}

@media (min-width: 769px) {
    .uno3-act-bar__FLRBQS .uno3-act-bar__subtit .qc-base-show-box .qc-base-show-pc {
        display:inline
    }
}

@media (max-width: 768px) {
    .uno3-act-bar__FLRBQS .uno3-act-bar__subtit .qc-base-show-box .qc-base-show-mobile {
        display:inline
    }
}

@media (max-width: 769px) {
    .uno3-act-bar__FLRBQS {
        background-image:url(/web/jinglisafe/assets/images/activity/uno3_actbar_flrbqs_bg_m.png)
    }

    .uno3-act-bar__FLRBQS .uno3-act-bar__inner {
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24px;
        padding: 16px 0
    }

    .uno3-act-bar__FLRBQS .uno3-act-bar__card {
        width: 100%
    }

    .uno3-act-bar__FLRBQS .uno3-act-bar__card-cont {
        gap: 12px
    }

    .uno3-act-bar__FLRBQS .uno3-act-bar__card-btn .uno3-act-bar__card-cont {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .uno3-act-bar__FLRBQS .uno3-act-bar__card-btn .uno3-act-bar__lt {
        gap: 4px
    }

    .uno3-act-bar__FLRBQS .uno3-act-bar__card-btn .uno3-act-bar__rt {
        width: 100%
    }

    .uno3-act-bar__FLRBQS .uno3-act-bar__btn-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 12px
    }

    .uno3-act-bar__FLRBQS .uno3-act-bar__btn-wrap .uno3-button {
        -ms-flex: 1;
        flex: 1
    }

    .uno3-act-bar__FLRBQS .uno3-act-bar__title {
        font-size: 16px;
        line-height: 24px;
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .uno3-act-bar__FLRBQS .uno3-act-bar__title .qc-base-show-box {
        display: inline
    }
}

@media (max-width: 769px) and (min-width:769px) {
    .uno3-act-bar__FLRBQS .uno3-act-bar__title .qc-base-show-box .qc-base-show-pc {
        display:inline
    }
}

@media (max-width: 769px) and (max-width:768px) {
    .uno3-act-bar__FLRBQS .uno3-act-bar__title .qc-base-show-box .qc-base-show-mobile {
        display:inline
    }
}

.uno3-act-bar__FLRCS {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_actbar_flrcs_bg_pc.png);
    background-size: cover;
    background-position: 50%
}

.uno3-act-bar__FLRCS .uno3-act-bar__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    padding: 20px 0
}

.uno3-act-bar__FLRCS .uno3-act-bar__lt {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex: 0 460px;
    flex: 0 460px;
    width: 0
}

.uno3-act-bar__FLRCS .uno3-act-bar__icon {
    display: inline-block;
    width: 82px;
    height: 82px;
    margin-bottom: 20px
}

.uno3-act-bar__FLRCS .uno3-act-bar__title {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: #000
}

.uno3-act-bar__FLRCS .uno3-act-bar__title .qc-base-show-box {
    display: inline
}

@media (min-width: 769px) {
    .uno3-act-bar__FLRCS .uno3-act-bar__title .qc-base-show-box .qc-base-show-pc {
        display:inline
    }
}

@media (max-width: 768px) {
    .uno3-act-bar__FLRCS .uno3-act-bar__title .qc-base-show-box .qc-base-show-mobile {
        display:inline
    }
}

.uno3-act-bar__FLRCS .uno3-act-bar__subtit {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 22px;
    margin-top: 12px;
    color: rgba(0,0,0,.7)
}

.uno3-act-bar__FLRCS .uno3-act-bar__subtit .qc-base-show-box {
    display: inline
}

@media (min-width: 769px) {
    .uno3-act-bar__FLRCS .uno3-act-bar__subtit .qc-base-show-box .qc-base-show-pc {
        display:inline
    }
}

@media (max-width: 768px) {
    .uno3-act-bar__FLRCS .uno3-act-bar__subtit .qc-base-show-box .qc-base-show-mobile {
        display:inline
    }
}

.uno3-act-bar__FLRCS .uno3-act-bar__rt {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    -ms-flex-align: stretch;
    align-items: stretch
}

.uno3-act-bar__FLRCS .uno3-act-bar__card {
    -ms-flex: 1;
    flex: 1;
    width: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    box-shadow: 0 2px 12px 0 rgba(55,99,170,.06)
}

.uno3-act-bar__FLRCS .uno3-act-bar__card-hd {
    background: linear-gradient(90deg,#fff,#f7f9fc);
    padding: 16px;
    -ms-flex: 1;
    flex: 1
}

.uno3-act-bar__FLRCS .uno3-act-bar__card-tag {
    display: inline-block;
    border-radius: 2px;
    border: 1px solid #a0a0a0;
    padding: 0 3px;
    font-size: 12px;
    line-height: 16px;
    color: #4b5b76;
    margin-bottom: 12px
}

.uno3-act-bar__FLRCS .uno3-act-bar__card-title {
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    color: #000
}

@media (min-width: 769px) {
    .uno3-act-bar__FLRCS .uno3-act-bar__card-title {
        white-space:nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno3-act-bar__FLRCS .uno3-act-bar__card-title .qc-base-show-box {
        display: inline
    }
}

@media (min-width: 769px) and (min-width:769px) {
    .uno3-act-bar__FLRCS .uno3-act-bar__card-title .qc-base-show-box .qc-base-show-pc {
        display:inline
    }
}

@media (min-width: 769px) and (max-width:768px) {
    .uno3-act-bar__FLRCS .uno3-act-bar__card-title .qc-base-show-box .qc-base-show-mobile {
        display:inline
    }
}

.uno3-act-bar__FLRCS .uno3-act-bar__card-subtit {
    margin-top: 8px;
    font-size: 12px;
    line-height: 20px;
    color: rgba(0,0,0,.7);
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-act-bar__FLRCS .uno3-act-bar__card-subtit .qc-base-show-box {
    display: inline
}

@media (min-width: 769px) {
    .uno3-act-bar__FLRCS .uno3-act-bar__card-subtit .qc-base-show-box .qc-base-show-pc {
        display:inline
    }
}

@media (max-width: 768px) {
    .uno3-act-bar__FLRCS .uno3-act-bar__card-subtit .qc-base-show-box .qc-base-show-mobile {
        display:inline
    }
}

@media (max-width: 768px) {
    .uno3-act-bar__FLRCS .uno3-act-bar__card-subtit {
        display:none
    }
}

.uno3-act-bar__FLRCS .uno3-act-bar__card-ft {
    background: linear-gradient(90deg,#f1f6ff,#e3edfe);
    padding: 12px 16px;
    -ms-flex: 0 56px;
    flex: 0 56px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.uno3-act-bar__FLRCS .uno3-act-bar__card-ft .uno3-button {
    width: 120px;
    height: 32px
}

.uno3-act-bar__FLRCS .uno3-act-bar__card-ft .uno3-button--weak-hole {
    background-color: #fff
}

.uno3-act-bar__FLRCS .uno3-act-bar__card-ft .qc-base-link {
    font-size: 14px;
    line-height: 22px;
    color: #383838
}

@media (max-width: 768px) {
    .uno3-act-bar__FLRCS {
        background-image:url(/web/jinglisafe/assets/images/activity/uno3_actbar_flrcs_bg_m.png)
    }

    .uno3-act-bar__FLRCS .uno3-act-bar__inner {
        padding: 16px 0;
        gap: 12px;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .uno3-act-bar__FLRCS .uno3-act-bar__lt {
        width: 100%;
        -ms-flex: 1;
        flex: 1
    }

    .uno3-act-bar__FLRCS .uno3-act-bar__icon {
        display: none
    }

    .uno3-act-bar__FLRCS .uno3-act-bar__title {
        font-size: 18px;
        line-height: 26px;
        width: 100%
    }

    .uno3-act-bar__FLRCS .uno3-act-bar__subtit {
        margin-top: 8px;
        width: 100%;
        font-size: 12px;
        line-height: 20px
    }

    .uno3-act-bar__FLRCS .uno3-act-bar__rt {
        width: 100%;
        gap: 12px
    }

    .uno3-act-bar__FLRCS .uno3-act-bar__card-hd {
        padding: 12px 16px
    }

    .uno3-act-bar__FLRCS .uno3-act-bar__card-title {
        font-size: 16px;
        line-height: 24px
    }

    .uno3-act-bar__FLRCS .uno3-act-bar__card-ft .uno3-button {
        width: 100%
    }

    .uno3-act-bar__FLRCS .uno3-act-bar__card-ft .qc-base-link {
        display: none
    }
}

.uno3-act-bar__vip,.uno3-act-bar__vip1,.uno3-act-bar__vip2 {
    height: auto;
    background-size: cover;
    background-position: 50%
}

.uno3-act-bar__vip1+.uno3-act-bar__vip,.uno3-act-bar__vip1+.uno3-act-bar__vip1,.uno3-act-bar__vip1+.uno3-act-bar__vip2,.uno3-act-bar__vip2+.uno3-act-bar__vip,.uno3-act-bar__vip2+.uno3-act-bar__vip1,.uno3-act-bar__vip2+.uno3-act-bar__vip2,.uno3-act-bar__vip+.uno3-act-bar__vip,.uno3-act-bar__vip+.uno3-act-bar__vip1,.uno3-act-bar__vip+.uno3-act-bar__vip2 {
    margin-top: 16px
}

.uno3-act-bar__vip1 .uno3-act-bar__vip-inner,.uno3-act-bar__vip2 .uno3-act-bar__vip-inner,.uno3-act-bar__vip .uno3-act-bar__vip-inner {
    padding: 7px 24px;
    min-height: 45px;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_actbar_vip_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0
}

.uno3-act-bar__vip1 .uno3-act-bar__vip-cont,.uno3-act-bar__vip2 .uno3-act-bar__vip-cont,.uno3-act-bar__vip .uno3-act-bar__vip-cont {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px
}

.uno3-act-bar__vip1 .uno3-act-bar__vip-title,.uno3-act-bar__vip2 .uno3-act-bar__vip-title,.uno3-act-bar__vip .uno3-act-bar__vip-title {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    -ms-flex: 0 auto;
    flex: 0 auto
}

.uno3-act-bar__vip1 .uno3-act-bar__vip-desc,.uno3-act-bar__vip2 .uno3-act-bar__vip-desc,.uno3-act-bar__vip .uno3-act-bar__vip-desc {
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    line-height: 22px;
    position: relative
}

.uno3-act-bar__vip1 .uno3-act-bar__vip-desc .is-number,.uno3-act-bar__vip2 .uno3-act-bar__vip-desc .is-number,.uno3-act-bar__vip .uno3-act-bar__vip-desc .is-number {
    font-size: 15px;
    font-weight: 700;
    margin: 0 2px
}

.uno3-act-bar__vip1 .uno3-act-bar__vip-desc .qc-base-link,.uno3-act-bar__vip1 .uno3-act-bar__vip-desc .qc-base-text,.uno3-act-bar__vip2 .uno3-act-bar__vip-desc .qc-base-link,.uno3-act-bar__vip2 .uno3-act-bar__vip-desc .qc-base-text,.uno3-act-bar__vip .uno3-act-bar__vip-desc .qc-base-link,.uno3-act-bar__vip .uno3-act-bar__vip-desc .qc-base-text {
    margin: 0 2px
}

@media (min-width: 769px) {
    .uno3-act-bar__vip1 .uno3-act-bar__vip-desc:before,.uno3-act-bar__vip2 .uno3-act-bar__vip-desc:before,.uno3-act-bar__vip .uno3-act-bar__vip-desc:before {
        content:"";
        display: inline-block;
        width: 1px;
        height: 12px;
        position: absolute;
        left: -10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.uno3-act-bar__vip1 .uno3-act-bar__vip-btn,.uno3-act-bar__vip2 .uno3-act-bar__vip-btn,.uno3-act-bar__vip .uno3-act-bar__vip-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 10px;
    cursor: pointer
}

.uno3-act-bar__vip1 .uno3-act-bar__vip-btn1,.uno3-act-bar__vip2 .uno3-act-bar__vip-btn1,.uno3-act-bar__vip .uno3-act-bar__vip-btn1 {
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 30px;
    border: 1px solid #fff;
    width: 96px;
    height: 24px;
    font-size: 12px;
    line-height: 20px;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff
}

.uno3-act-bar__vip1 .uno3-act-bar__vip-btn2,.uno3-act-bar__vip2 .uno3-act-bar__vip-btn2,.uno3-act-bar__vip .uno3-act-bar__vip-btn2 {
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 30px;
    border: 1px solid #fdc668;
    background: linear-gradient(79deg,#ffe9c3 49.11%,#fff5e3 68.01%,#ffe9c3 90.37%);
    width: 96px;
    height: 24px;
    font-size: 12px;
    line-height: 20px;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #975129
}

@media (max-width: 768px) {
    .uno3-act-bar__vip1 .uno3-act-bar__vip-inner,.uno3-act-bar__vip2 .uno3-act-bar__vip-inner,.uno3-act-bar__vip .uno3-act-bar__vip-inner {
        gap:14px;
        padding: 16px;
        background-position: 50%
    }

    .uno3-act-bar__vip1 .uno3-act-bar__vip-cont,.uno3-act-bar__vip2 .uno3-act-bar__vip-cont,.uno3-act-bar__vip .uno3-act-bar__vip-cont {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 2px
    }

    .uno3-act-bar__vip1 .uno3-act-bar__vip-desc,.uno3-act-bar__vip2 .uno3-act-bar__vip-desc,.uno3-act-bar__vip .uno3-act-bar__vip-desc {
        font-size: 12px;
        line-height: 20px
    }

    .uno3-act-bar__vip1 .uno3-act-bar__vip-desc .is-number,.uno3-act-bar__vip2 .uno3-act-bar__vip-desc .is-number,.uno3-act-bar__vip .uno3-act-bar__vip-desc .is-number {
        font-size: 13px;
        font-weight: 700
    }

    .uno3-act-bar__vip1 .uno3-act-bar__vip-btn,.uno3-act-bar__vip2 .uno3-act-bar__vip-btn,.uno3-act-bar__vip .uno3-act-bar__vip-btn {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.uno3-act-bar__vip {
    background: linear-gradient(90deg,#0052d9,#5f3eff)
}

.uno3-act-bar__vip .uno3-act-bar__vip-title {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_actbar_vip_title.svg);
    width: 65px;
    height: 23px
}

.uno3-act-bar__vip .uno3-act-bar__vip-desc {
    color: #fff
}

.uno3-act-bar__vip .uno3-act-bar__vip-desc .is-number,.uno3-act-bar__vip .uno3-act-bar__vip-desc .qc-base-text-highlight {
    color: #ffedcd
}

@media (min-width: 769px) {
    .uno3-act-bar__vip .uno3-act-bar__vip-desc:before {
        background:hsla(0,0%,100%,.4)
    }
}

.uno3-act-bar__vip1 {
    background: linear-gradient(82deg,#ffe9c3 6.47%,#fff5e3 93.53%)
}

.uno3-act-bar__vip1 .uno3-act-bar__vip-title {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_actbar_vip_title_1.svg);
    width: 92px;
    height: 23px
}

.uno3-act-bar__vip1 .uno3-act-bar__vip-inner {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_actbar_vip_bg_2.png)
}

.uno3-act-bar__vip1 .uno3-act-bar__vip-desc {
    color: #742900
}

.uno3-act-bar__vip1 .uno3-act-bar__vip-desc .is-number,.uno3-act-bar__vip1 .uno3-act-bar__vip-desc .qc-base-text-highlight {
    color: #ff5808
}

@media (min-width: 769px) {
    .uno3-act-bar__vip1 .uno3-act-bar__vip-desc:before {
        background:rgba(116,41,0,.4)
    }
}

.uno3-act-bar__vip2 {
    background: linear-gradient(82deg,#252221 6.47%,#41372f 93.53%)
}

.uno3-act-bar__vip2 .uno3-act-bar__vip-title {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_actbar_vip_title_2.svg);
    width: 92px;
    height: 23px
}

.uno3-act-bar__vip2 .uno3-act-bar__vip-desc {
    color: #ffcdb5
}

.uno3-act-bar__vip2 .uno3-act-bar__vip-desc .is-number,.uno3-act-bar__vip2 .uno3-act-bar__vip-desc .qc-base-text-highlight {
    color: #ff5808
}

@media (min-width: 769px) {
    .uno3-act-bar__vip2 .uno3-act-bar__vip-desc:before {
        background:rgba(255,217,194,.4)
    }
}

.uno3-act-bar__FCM .qc-base-text,.uno3-act-bar__FLRB .qc-base-text,.uno3-act-bar__FLRBQS .qc-base-text,.uno3-act-bar__FLRBS .qc-base-text,.uno3-act-bar__LRA .qc-base-text,.uno3-act-bar__LRB .qc-base-text,.uno3-act-bar__LRQ .qc-base-text {
    color: #fddd6f
}

.uno3-act-bar__FLRCS .qc-base-text,.uno3-act-bar__FLRQ .qc-base-text,.uno3-act-bar__LRBQS .qc-base-text,.uno3-act-bar__LRBS .qc-base-text,.uno3-act-bar__LRQS .qc-base-text {
    color: #ff7800
}

@media (max-width: 1319px) and (min-width:769px) {
    .uno3-act-bar .qc-base-module {
        padding-left:60px;
        padding-right: 60px
    }
}

@media screen and (min-width: 1320px) and (max-width:1539px) {
    .uno3-act-bar .qc-base-module {
        padding-left:9%;
        padding-right: 9%
    }
}

.uno-type-ios .uno3-act-bar__card-title,.uno-type-ios .uno3-act-bar__item-unit,.uno-type-ios .uno3-act-bar__tag,.uno-type-ios .uno3-act-bar__title,.uno-type-ios .uno3-act-bar__vip-desc .is-number,.uno-type-mac .uno3-act-bar__card-title,.uno-type-mac .uno3-act-bar__item-unit,.uno-type-mac .uno3-act-bar__tag,.uno-type-mac .uno3-act-bar__title,.uno-type-mac .uno3-act-bar__vip-desc .is-number {
    font-weight: 500
}

.uno3-rule-con {
    font-size: 14px;
    line-height: 22px
}

.uno3-rule-col {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 30px)
}

.uno3-rule-col:first-child {
    margin-right: 60px
}

.uno3-rule-panel {
    padding: 0 0 16px
}

.uno3-rule-panel+.uno3-rule-panel {
    margin-top: 16px
}

.uno3-rule-panel .uno3-rule-panel-tit {
    font-size: 0;
    line-height: 1
}

.uno3-rule-panel .uno3-rule-panel-tit-icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: top;
    margin-right: 12px
}

.uno3-rule-panel .uno3-rule-panel-tit-icon+.uno3-rule-panel-tit-text {
    width: calc(100% - 36px)
}

.uno3-rule-panel .uno3-rule-panel-tit-text {
    font-size: 18px;
    line-height: 26px;
    color: #181818;
    display: inline-block;
    vertical-align: top;
    font-weight: 500
}

.uno3-rule-panel .uno3-rule-panel-con {
    padding-top: 12px
}

.uno3-rule-box+.uno3-rule-box {
    margin-top: 16px
}

.uno3-rule-box-con {
    padding-top: 8px
}

.uno3-rule-box-tit {
    font-size: 16px;
    line-height: 24px;
    color: #181818
}

.uno3-rule-text {
    font-size: 14px;
    line-height: 22px;
    line-height: 26px;
    color: #4b5b76
}

.uno3-rule-text .qc-base-list {
    margin-top: 0
}

.uno3-rule .qc-base-list .qc-base-list-item {
    font-size: 14px;
    line-height: 22px;
    line-height: 26px;
    color: #4b5b76
}

.uno3-rule .qc-base-list .qc-base-list-item .qc-base-icon {
    top: 5px
}

.uno3-rule .qc-base-list .qc-base-list-item:nth-child(n+2) {
    margin-top: 0
}

.uno3-rule .uno3-rule-btn {
    margin: 12px auto 0;
    height: 48px;
    width: 328px;
    font-size: 16px;
    line-height: 24px;
    line-height: 48px;
    color: #181818;
    text-align: center
}

.uno3-rule .uno3-rule-btn .uno3-rule-btn-icon {
    margin-left: 4px;
    height: 16px;
    width: 16px;
    display: inline-block;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_rule_btn_icon_unfold.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    vertical-align: middle
}

.uno3-rule .uno3-rule-btn-text {
    vertical-align: middle
}

.uno3-rule .uno3-rule-btn:hover {
    cursor: pointer
}

.uno3-rule .uno3-rule-btn-packup .uno3-rule-btn-icon {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

@media screen and (max-width: 768px) {
    .uno3-rule-btn {
        margin:4px auto 0
    }

    .uno3-rule-col {
        display: block;
        width: 100%
    }

    .uno3-rule-col+.uno3-rule-col {
        margin-top: 20px
    }

    .uno3-rule-col:first-child {
        margin-right: 0
    }

    .uno3-rule-panel {
        padding: 0
    }

    .uno3-rule-panel+.uno3-rule-panel {
        margin-top: 20px
    }

    .uno3-rule-box+.uno3-rule-box {
        margin-top: 16px
    }
}

.tp-dialog .uno3-rule {
    width: 558px;
    padding-bottom: 12px
}

.tp-dialog .uno3-rule .qc-base-list .qc-base-list-item {
    color: #4b5b76
}

.tp-dialog .uno3-rule-col {
    display: block;
    width: 100%
}

.tp-dialog .uno3-rule-col:first-child {
    margin-right: 0
}

.tp-dialog .uno3-rule-box-tit,.tp-dialog .uno3-rule-panel-tit-text {
    color: #181818
}

.tp-dialog .uno3-rule-box-text {
    color: #4b5b76
}

@media screen and (max-width: 768px) {
    .tp-dialog .uno3-rule {
        width:100%
    }
}

@media (min-width: 769px) {
    .uno-page-intl .uno3-pagination__btn.show-text {
        width:129px
    }
}

@media (max-width: 768px) {
    .uno-page-intl .uno3-pagination__item.is-active:after,.uno-page-intl .uno3-pagination__item.is-active:before {
        display:none
    }

    .uno-page-intl .uno3-pagination__btn.show-text {
        width: 110px;
        padding: 5px
    }
}

.uno3-pagination {
    margin: 0 auto;
    text-align: right
}

.uno3-pagination.left {
    text-align: left
}

.uno3-pagination.center {
    text-align: center
}

@media (min-width: 769px) {
    .uno3-pagination.gap .uno3-pagination__btn,.uno3-pagination.gap .uno3-pagination__item {
        margin:0 4px
    }

    .uno3-pagination.gap .uno3-pagination__dot,.uno3-pagination.gap .uno3-pagination__item {
        width: 20px
    }

    .uno3-pagination.gap .uno3-pagination__jumper,.uno3-pagination.gap .uno3-pagination__total {
        margin-left: 12px
    }
}

.uno3-pagination__tips {
    font-size: 12px;
    line-height: 20px;
    color: #97a3b7;
    vertical-align: middle;
    margin-right: 8px
}

@media (max-width: 768px) {
    .uno3-pagination__tips {
        display:none
    }
}

.uno3-pagination__btn,.uno3-pagination__dot,.uno3-pagination__item {
    display: inline-block;
    width: 28px;
    height: 24px;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #d6dbe3;
    background: #fff;
    color: #333;
    cursor: pointer;
    font-weight: 500
}

.uno3-pagination__btn+.uno3-pagination__btn,.uno3-pagination__btn+.uno3-pagination__dot,.uno3-pagination__btn+.uno3-pagination__item,.uno3-pagination__dot+.uno3-pagination__btn,.uno3-pagination__dot+.uno3-pagination__dot,.uno3-pagination__dot+.uno3-pagination__item,.uno3-pagination__item+.uno3-pagination__btn,.uno3-pagination__item+.uno3-pagination__dot,.uno3-pagination__item+.uno3-pagination__item {
    margin-left: -1px
}

.uno3-pagination__item {
    position: relative
}

.uno3-pagination__item:hover {
    color: #333;
    background: #e9f2ff;
    border-color: #0052d9;
    z-index: 1
}

.uno3-pagination__item.is-active {
    color: #fff;
    background: #0052d9;
    border-color: #0052d9
}

.uno3-pagination__dot,.uno3-pagination__item.is-active:hover {
    border-color: transparent;
    cursor: default
}

.uno3-pagination__dot {
    background: transparent
}

.uno3-pagination__btn {
    position: relative
}

.uno3-pagination__btn:not(.is-disabled):hover {
    background: #e9f2ff;
    border-color: #0052d9;
    z-index: 1
}

.uno3-pagination__btn:after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 7px;
    height: 10px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    content: "";
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.uno3-pagination__btn.is-disabled {
    cursor: not-allowed;
    border-color: #d6dbe3;
    background: #fff
}

.uno3-pagination__btn--pre {
    margin-left: 0
}

.uno3-pagination__btn--pre:not(.is-disabled):after {
    background-image: url(/web/jinglisafe/assets/images/activity/pagination_left_icon_normal.svg)
}

.uno3-pagination__btn--pre:not(.is-disabled):hover:after {
    background-image: url(/web/jinglisafe/assets/images/activity/pagination_left_icon_hover.svg)
}

.uno3-pagination__btn--pre.is-disabled:after {
    background-image: url(/web/jinglisafe/assets/images/activity/pagination_left_icon_dis.svg)
}

.uno3-pagination__btn--next:after {
    background-image: url(/web/jinglisafe/assets/images/activity/pagination_right_icon_normal.svg)
}

.uno3-pagination__btn--next:not(.is-disabled):hover:after {
    background-image: url(/web/jinglisafe/assets/images/activity/pagination_right_icon_hover.svg)
}

.uno3-pagination__btn--next.is-disabled:after {
    background-image: url(/web/jinglisafe/assets/images/activity/pagination_right_icon_dis.svg)
}

.uno3-pagination__btn span {
    display: none
}

@media (min-width: 769px) {
    .uno3-pagination__btn.show-text {
        width:68px;
        height: 24px;
        text-align: center;
        padding: 1px 5px;
        font-size: 12px;
        line-height: 20px;
        font-weight: 400;
        border: 1px solid #d6dbe3;
        background: #fff;
        color: #333
    }

    .uno3-pagination__btn.show-text span {
        display: inline
    }

    .uno3-pagination__btn.show-text:after {
        display: none
    }

    .uno3-pagination__btn.show-text:not(.is-disabled):hover {
        border-color: #7f7f7f;
        background: #fff;
        color: #333
    }

    .uno3-pagination__btn.show-text.is-disabled {
        border-color: #d6dbe3;
        background: #fff;
        color: #97a3b7
    }
}

.uno3-pagination__jumper {
    font-size: 12px;
    color: #333;
    margin-left: 16px;
    line-height: 24px
}

.uno3-pagination__jumper,.uno3-pagination__jumper-input,.uno3-pagination__jumper-text {
    display: inline-block;
    vertical-align: middle
}

.uno3-pagination__jumper-input {
    width: 48px;
    height: 24px;
    margin-right: 8px;
    margin-left: 8px;
    padding: 1px 5px;
    text-align: center;
    border: 1px solid #d6dbe3;
    background: #fafafa;
    box-shadow: inset 0 1px 1.5px 0 rgba(0,0,0,.2);
    color: #333
}

.uno3-pagination__jumper-input:focus {
    border: 1px solid #0052d9;
    background: #fff;
    box-shadow: inset 0 1px 1.5px 0 rgba(0,0,0,.2);
    color: #333
}

.uno3-pagination__jumper-btn {
    display: inline-block;
    min-width: 48px;
    height: 24px;
    margin-left: 16px;
    padding: 1px 5px;
    color: #333;
    border: 1px solid #333;
    background: #fff;
    line-height: 20px;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    cursor: pointer
}

.uno3-pagination__jumper-btn:not(.is-disabled):hover {
    color: #000;
    border: 1px solid #000;
    background: #fff
}

.uno3-pagination__jumper-btn.is-disabled {
    color: #97a3b7;
    border: 1px solid #d6dbe3;
    background: #fff;
    cursor: default
}

.uno3-pagination__selector {
    width: 60px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.uno3-pagination__selector-wrap {
    display: inline-block;
    margin-left: 16px
}

.uno3-pagination__selector .qc-base-select-btn {
    height: 24px;
    padding: 1px 20px 1px 5px;
    font-size: 12px;
    line-height: 22px;
    border: 1px solid #d6dbe3;
    color: #333;
    background: #fff;
    text-align: center
}

.uno3-pagination__selector .qc-base-select-btn .qc-base-select-btn-caret {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 4px
}

.uno3-pagination__selector-text {
    padding-left: 8px;
    line-height: 22px
}

.uno3-pagination__selector-text,.uno3-pagination__total {
    display: inline-block;
    font-size: 12px;
    color: #333;
    vertical-align: middle
}

.uno3-pagination__total {
    margin-left: 16px;
    line-height: 20px
}

@media screen and (max-width: 768px) {
    .uno3-pagination {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-line-pack: center;
        align-content: center;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .uno3-pagination--total-mobile {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .uno3-pagination__total {
        display: block;
        width: 100%;
        margin-left: 0;
        font-size: 12px;
        line-height: 18px;
        text-align: left;
        margin-top: 8px
    }

    .uno3-pagination__dot,.uno3-pagination__item,.uno3-pagination__jumper,.uno3-pagination__selector-wrap {
        display: none;
        width: auto;
        margin: 0
    }

    .uno3-pagination__selector-jumper {
        width: calc(100% - 160px);
        text-align: center;
        padding: 0 12px;
        box-sizing: border-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .uno3-pagination__selector {
        width: 80px
    }

    .uno3-pagination__selector .qc-base-select-btn {
        width: 100%;
        height: 30px;
        line-height: 28px
    }

    .uno3-pagination__selector-text {
        padding-left: 12px;
        line-height: 30px;
        white-space: nowrap
    }

    .uno3-pagination__item {
        -ms-flex: 1;
        flex: 1
    }

    .uno3-pagination__item.is-active {
        position: relative;
        display: inline-block;
        width: auto;
        height: 30px;
        color: #333;
        line-height: 30px;
        background-color: transparent;
        border: none
    }

    .uno3-pagination__item.is-active:before {
        margin-right: 5px;
        content: "\7B2C"
    }

    .uno3-pagination__item.is-active:after {
        margin-left: 5px;
        content: "\9875"
    }

    .uno3-pagination__btn {
        width: 80px;
        height: 30px;
        border: 1px solid #d6dbe3;
        background: #fff;
        color: #333;
        padding: 5px 11px;
        line-height: 18px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .uno3-pagination__btn:not(.is-disabled):hover {
        border-color: #0052d9;
        background: #e9f2ff;
        color: #333
    }

    .uno3-pagination__btn.is-disabled {
        cursor: default;
        border-color: #d6dbe3;
        background: #fff;
        color: #d6dbe3
    }

    .uno3-pagination__btn:after,.uno3-pagination__btn:before {
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat
    }

    .uno3-pagination__btn--pre:before {
        content: "";
        display: inline-block;
        width: 7px;
        height: 12px;
        background-image: url(/web/jinglisafe/assets/images/activity/pagination_left_icon_normal.svg);
        margin-right: 8px
    }

    .uno3-pagination__btn--pre:after {
        display: none
    }

    .uno3-pagination__btn--pre:not(.is-disabled):hover:before {
        background-image: url(/web/jinglisafe/assets/images/activity/pagination_left_icon_hover.svg)
    }

    .uno3-pagination__btn--pre.is-disabled:before {
        background-image: url(/web/jinglisafe/assets/images/activity/pagination_left_icon_dis.svg)
    }

    .uno3-pagination__btn--next:after {
        position: static;
        width: 7px;
        height: 12px;
        background-image: url(/web/jinglisafe/assets/images/activity/pagination_right_icon_normal.svg);
        -webkit-transform: none;
        transform: none;
        margin-left: 8px
    }

    .uno3-pagination__btn--next:not(.is-disabled):hover:after {
        background-image: url(/web/jinglisafe/assets/images/activity/pagination_right_icon_hover.svg)
    }

    .uno3-pagination__btn--next.is-disabled:after {
        background-image: url(/web/jinglisafe/assets/images/activity/pagination_right_icon_dis.svg)
    }

    .uno3-pagination__btn span {
        display: inline
    }
}

.uno3-floatbar-intl-cps-gift__wrap {
    display: -ms-flexbox;
    display: flex;
    width: 56px;
    min-height: 108px;
    padding: 24px 12px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    border-radius: 30px;
    background: #e3ebff;
    box-sizing: border-box;
    cursor: pointer
}

.uno3-floatbar-intl-cps-gift__wrap .uno3-floatbar-intl-cps-gift__icon {
    width: 28px;
    height: 28px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-float-bar-intl-voucher.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.uno3-floatbar-intl-cps-gift__wrap .uno3-floatbar-intl-cps-gift__amount {
    color: #0052d9;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600
}

@media screen and (max-width: 768px) {
    .uno3-floatbar-intl-cps-gift__wrap {
        padding:6px;
        width: 40px;
        height: 40px;
        min-height: 40px;
        border-radius: 50%
    }

    .uno3-floatbar-intl-cps-gift__wrap .uno3-floatbar-intl-cps-gift__icon {
        height: 24px;
        width: 24px
    }

    .uno3-floatbar-intl-cps-gift__wrap .uno3-floatbar-intl-cps-gift__amount {
        display: none
    }
}

.uno3-dialog.uno3-modal-credits {
    background: linear-gradient(180deg,#98aeff,#f2f8ff)
}

@media (min-width: 769px) {
    .uno3-dialog.uno3-modal-credits {
        width:760px;
        border: 0;
        border-radius: 0;
        max-width: none
    }

    .uno3-dialog.uno3-modal-credits .uno3-dialog-title {
        font-size: 20px;
        line-height: 28px
    }
}

.uno3-dialog.uno3-modal-credits:after {
    content: "";
    z-index: -1;
    position: absolute;
    background: url(/web/jinglisafe/assets/images/activity/uno3-float-bar-intl-decr.png) 50%/cover no-repeat;
    width: 160px;
    height: 140px;
    right: 0;
    bottom: 0;
    opacity: .8
}

.uno3-dialog.uno3-modal-credits .uno3-dialog-header .qc-base-icon--close {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-float-bar-intl-credits-icon-close.svg)
}

.uno3-dialog.uno3-modal-credits .uno3-modal-credits-card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 8px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden
}

.uno3-dialog.uno3-modal-credits .uno3-modal-credits-card-item {
    -ms-flex: 1;
    flex: 1;
    width: 0;
    border-radius: 2px;
    border: 1px solid #fff;
    background: hsla(0,0%,100%,.8);
    padding: 4px 12px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.uno3-dialog.uno3-modal-credits .uno3-modal-credits-card-label {
    font-size: 16px;
    line-height: 24px;
    color: #000;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-dialog.uno3-modal-credits .uno3-modal-credits-card-value {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: #0052d9;
    -ms-flex: 0 auto;
    flex: 0 auto
}

@media (max-width: 768px) {
    .uno3-dialog.uno3-modal-credits .uno3-modal-credits-card {
        -ms-flex-direction:column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .uno3-dialog.uno3-modal-credits .uno3-modal-credits-card-item {
        -ms-flex: none;
        flex: none;
        width: 100%
    }
}

.uno3-dialog.uno3-modal-credits .uno3-modal-credits-cont {
    margin-top: 16px;
    background: #fff
}

.uno3-dialog.uno3-modal-credits .uno3-modal-credits-tabs-label {
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #e6e9ef;
    border-bottom: 1px solid #e6e9ef;
    background: #fff;
    -ms-flex-direction: row;
    flex-direction: row
}

.uno3-dialog.uno3-modal-credits .uno3-modal-credits-tabs-label-item {
    padding: 10px 20px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    color: rgba(0,0,0,.6);
    position: relative;
    cursor: pointer
}

.uno3-dialog.uno3-modal-credits .uno3-modal-credits-tabs-label-item:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 2px;
    background-color: #0052d9;
    position: absolute;
    bottom: 1px;
    left: 20px;
    transition: width .3s ease-in-out
}

.uno3-dialog.uno3-modal-credits .uno3-modal-credits-tabs-label-item.is-active {
    font-weight: 600;
    color: #0052d9
}

.uno3-dialog.uno3-modal-credits .uno3-modal-credits-tabs-label-item.is-active:after {
    width: calc(100% - 40px)
}

.uno3-dialog.uno3-modal-credits .uno3-modal-credits-tabs-cont-item {
    padding: 20px;
    display: none
}

.uno3-dialog.uno3-modal-credits .uno3-modal-credits-tabs-cont-item.is-active {
    display: block
}

.uno3-dialog.uno3-modal-credits .uno3-modal-credits-tabs-cont-item .divider {
    height: 1px;
    border-bottom: 1px dashed #eaedf1;
    margin: 20px 0
}

.uno3-dialog.uno3-modal-credits .uno3-modal-credits-tabs-cont-voucher {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    border: 1px solid #bcd4ff;
    background: #fff
}

.uno3-dialog.uno3-modal-credits .uno3-modal-credits-tabs-cont-voucher-title {
    display: -ms-flexbox;
    display: flex;
    padding: 8px 12px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    background: #f3f7ff;
    color: rgba(0,0,0,.9);
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    font-weight: 500
}

.uno3-dialog.uno3-modal-credits .uno3-modal-credits-tabs-cont-voucher-title span {
    color: #666
}

.uno3-dialog.uno3-modal-credits .uno3-modal-credits-tabs-cont-voucher-input-wrap {
    display: -ms-flexbox;
    display: flex;
    padding: 8px;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.uno3-dialog.uno3-modal-credits .uno3-modal-credits-tabs-cont-voucher-input-wrap input {
    width: 100%;
    border: none;
    text-align: center;
    color: rgba(0,0,0,.3);
    font-size: 20px;
    line-height: 28px
}

.uno3-dialog.uno3-modal-credits .uno3-modal-credits-tabs-cont-voucher-input-wrap input:focus,.uno3-dialog.uno3-modal-credits .uno3-modal-credits-tabs-cont-voucher-input-wrap input:hover {
    border: none
}

.uno3-dialog.uno3-modal-credits .uno3-modal-credits-tabs-cont-btn-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 16px
}

.uno3-dialog.uno3-modal-credits .uno3-modal-credits-tabs-cont-btn-wrap .uno3-button {
    -ms-flex: 1;
    flex: 1
}

.uno3-dialog.uno3-modal-credits .uno3-modal-credits-tabs-cont-record-hd {
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #e6e9ef
}

.uno3-dialog.uno3-modal-credits .uno3-modal-credits-tabs-cont-record-hd-item {
    -ms-flex: 1;
    flex: 1;
    padding: 10px 16px;
    color: #000;
    font-size: 12px;
    line-height: 20px;
    font-weight: 500
}

.uno3-dialog.uno3-modal-credits .uno3-modal-credits-tabs-cont-record-bd .uno3-modal-credits-tabs-cont-record-tr {
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #e6e9ef
}

.uno3-dialog.uno3-modal-credits .uno3-modal-credits-tabs-cont-record-bd .uno3-modal-credits-tabs-cont-record-tr .uno3-modal-credits-tabs-cont-record-td {
    -ms-flex: 1;
    flex: 1;
    padding: 12px 16px;
    color: rgba(0,0,0,.9);
    font-size: 12px;
    line-height: 20px
}

.uno3-dialog.uno3-modal-credits .uno3-modal-credits-tabs-cont-record-tip {
    color: #909192;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    padding: 120px 0
}

.uno3-dialog.uno3-modal-credits .uno3-modal-credits-rule {
    margin-top: 16px;
    font-size: 12px;
    line-height: 20px;
    color: rgba(0,0,0,.7);
    padding-left: 5px
}

.uno3-dialog.uno3-modal-credits .uno3-modal-credits-rule-tit {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px
}

@media (max-width: 768px) {
    .uno3-dialog.uno3-modal-credits .uno3-dialog-body {
        padding-bottom:32px
    }
}

.uno3-dialog.uno3-modal-invite-user-register {
    background: linear-gradient(180deg,#98aeff,#f2f8ff);
    border: none;
    border-radius: 0
}

.uno3-dialog.uno3-modal-invite-user-register.uno3-dialog {
    max-width: 740px
}

.uno3-dialog.uno3-modal-invite-user-register .uno3-dialog-header .qc-base-icon--close {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-float-bar-intl-credits-icon-close.svg)
}

.uno3-dialog.uno3-modal-invite-user-register:after {
    content: "";
    z-index: -1;
    position: absolute;
    background: url(/web/jinglisafe/assets/images/activity/uno3-float-bar-intl-decr.png) 50%/cover no-repeat;
    width: 160px;
    height: 140px;
    right: 0;
    bottom: 0;
    opacity: .8
}

.uno3-dialog.uno3-modal-invite-user-register .uno3-modal-invite-user-register-cont {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    padding: 40px 30px 20px;
    word-break: break-word
}

.uno3-dialog.uno3-modal-invite-user-register .uno3-modal-invite-user-register-cont-tit {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #000;
    text-align: center;
    word-break: keep-all;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px
}

.uno3-dialog.uno3-modal-invite-user-register .uno3-modal-invite-user-register-cont-tit .qc-base-text--highlight {
    color: #0052d9
}

.uno3-dialog.uno3-modal-invite-user-register .uno3-modal-invite-user-register-cont-icon {
    width: 24px;
    height: 24px;
    display: inline-block
}

.uno3-dialog.uno3-modal-invite-user-register .uno3-modal-invite-user-register-cont-icon.icon-gift {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-float-bar-intl-voucher.svg)
}

.uno3-dialog.uno3-modal-invite-user-register .uno3-modal-invite-user-register-cont-desc {
    margin-top: 24px;
    color: rgba(0,0,0,.9);
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    font-style: normal;
    font-weight: 500
}

.uno3-dialog.uno3-modal-invite-user-register .uno3-modal-invite-user-register-cont-tip {
    margin: 8px 0 24px;
    color: rgba(0,0,0,.7);
    text-align: center;
    font-size: 12px;
    line-height: 20px
}

@media screen and (max-width: 768px) {
    .uno3-dialog.uno3-modal-invite-user-register .uno3-modal-invite-user-register-cont-btn,.uno3-dialog.uno3-modal-invite-user-register .uno3-modal-invite-user-register-cont-btn .uno3-button {
        width:100%
    }
}

.uno3-dialog.uno3-modal-invite-user-register .uno3-modal-invite-user-register-cont-desc-another {
    margin: 12px 0 16px;
    color: rgba(0,0,0,.9);
    font-size: 14px;
    line-height: 22px;
    text-align: center
}

.uno3-dialog.uno3-modal-invite-user-register .uno3-modal-invite-user-register-cont.is-new {
    padding: 0 0 24px
}

.uno3-dialog.uno3-modal-invite-user-register .uno3-modal-invite-user-register-cont-voucher {
    width: 100%
}

.uno3-dialog.uno3-modal-invite-user-register .uno3-modal-invite-user-register-cont-voucher .uno3-voucher__tag-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.uno3-dialog.uno3-modal-invite-user-register .uno3-modal-invite-user-register-cont-voucher .qc-base-show-pc .swiper-wrapper {
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-direction: row;
    flex-direction: row
}

.uno3-dialog.uno3-modal-invite-user-register .uno3-modal-invite-user-register-cont-voucher .qc-base-show-pc .swiper-wrapper .swiper-slide {
    height: auto
}

.uno3-dialog.uno3-modal-invite-user-register .uno3-modal-invite-user-register-cont-voucher .qc-base-show-pc .swiper-wrapper .swiper-slide .uno3-voucher__block,.uno3-dialog.uno3-modal-invite-user-register .uno3-modal-invite-user-register-cont-voucher .qc-base-show-pc .swiper-wrapper .swiper-slide .uno3-voucher__block-inner {
    height: 100%
}

@-webkit-keyframes shopNumAnima {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    30% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }

    60% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    80% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes shopNumAnima {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    30% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4)
    }

    60% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    80% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.uno3-floatbar-num.uno3-floatbar-num-anima {
    -webkit-animation: shopNumAnima 1s cubic-bezier(.62,-.14,.62,1.25) 1;
    animation: shopNumAnima 1s cubic-bezier(.62,-.14,.62,1.25) 1
}

@media (min-width: 769px) {
    .uno3-floatbar+.uno3-floatbar,.uno3-floatbar-div-box+.uno3-floatbar-div-box {
        margin-top:8px
    }

    .uno3-floatbar-icon {
        width: 20px;
        height: 20px;
        display: inline-block;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: 50%
    }

    .uno3-floatbar-icon-consult,.uno3-floatbar-icon-qrcode2 {
        background-image: url(/web/jinglisafe/assets/images/activity/uno3-float-bar-consult.svg)
    }

    .uno3-floatbar-icon-gift {
        background-image: url(/web/jinglisafe/assets/images/activity/uno3-float-bar-gift.svg)
    }

    .uno3-floatbar-icon-shop {
        background-image: url(/web/jinglisafe/assets/images/activity/uno3-float-bar-shop.svg)
    }

    .uno3-floatbar-consult {
        position: relative;
        width: 52px;
        padding: 16px 15px;
        border-radius: 26px;
        border: 2px solid #fff;
        background: linear-gradient(180deg,#0a57fc,#4991ff);
        box-shadow: 8px 8px 20px rgba(55,99,170,.1);
        font-size: 0;
        text-align: center;
        cursor: pointer
    }

    .uno3-floatbar-consult:hover {
        background: linear-gradient(180deg,#1b5eee,#2779f5);
        box-shadow: 8px 8px 20px rgba(55,99,170,.2)
    }

    .uno3-floatbar-consult .uno3-floatbar-text {
        margin-top: 10px;
        display: block;
        font-size: 16px;
        line-height: 24px;
        color: #fff
    }

    .uno3-floatbar-link {
        display: block;
        position: relative;
        width: 52px;
        padding: 16px 15px;
        border-radius: 26px;
        border: 2px solid #fff;
        background: linear-gradient(180deg,#0a57fc,#4991ff);
        box-shadow: 8px 8px 20px rgba(55,99,170,.1);
        font-size: 0;
        text-align: center;
        cursor: pointer;
        text-decoration: none
    }

    .uno3-floatbar-link:hover {
        background: linear-gradient(180deg,#1b5eee,#2779f5);
        box-shadow: 8px 8px 20px rgba(55,99,170,.2)
    }

    .uno3-floatbar-link .uno3-floatbar-text {
        margin-top: 10px;
        display: block;
        font-size: 16px;
        line-height: 24px;
        color: #fff
    }

    .uno3-floatbar-info {
        position: relative
    }

    .uno3-floatbar-info-icon {
        width: 52px;
        height: 52px;
        border: 2px solid #fff;
        background: linear-gradient(180deg,#0a57fc,#4991ff);
        box-shadow: 8px 8px 20px rgba(55,99,170,.1);
        border-radius: 50%;
        position: relative;
        cursor: pointer
    }

    .uno3-floatbar-info-icon:hover {
        background: linear-gradient(180deg,#1b5eee,#2779f5);
        box-shadow: 8px 8px 20px rgba(55,99,170,.2)
    }

    .uno3-floatbar-info-icon:after {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3-float-bar-info.svg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: 0 0;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .uno3-floatbar-info-inner {
        width: 52px;
        height: 52px;
        border: 2px solid #fff;
        background: linear-gradient(180deg,#0a57fc,#4991ff);
        box-shadow: 8px 8px 20px rgba(55,99,170,.1);
        border-radius: 50%;
        position: relative
    }

    .uno3-floatbar-info-inner .uno3-floatbar-info-icon {
        border: 0;
        width: 20px;
        height: 20px;
        background: none;
        box-shadow: none;
        border-radius: 0;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3-float-bar-info.svg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: 0 0;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .uno3-floatbar-info-inner .uno3-floatbar-info-icon:after {
        display: none
    }

    .uno3-floatbar-info-wrap {
        display: none;
        box-sizing: border-box;
        position: absolute;
        right: 0;
        bottom: calc(100% + 15px);
        width: 252px;
        padding: 10px 14px;
        font-size: 0;
        background: linear-gradient(180deg,#f3f5f8,#fff);
        border: 2px solid #fff;
        box-shadow: 8px 8px 20px rgba(55,99,170,.1);
        border-radius: 2px;
        cursor: pointer
    }

    .uno3-floatbar-info-wrap:after {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-color: #fff transparent transparent;
        border-style: solid;
        border-width: 10px 8px;
        position: absolute;
        bottom: -20px;
        right: 16px
    }

    .uno3-floatbar-info-wrap:hover .uno3-floatbar-info-item {
        color: #0052d9
    }

    .uno3-floatbar-info-wrap .uno3-floatbar-info-close {
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3-float-bar-close.svg);
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat;
        vertical-align: middle;
        cursor: pointer
    }

    .uno3-floatbar-info-wrap-show {
        display: block
    }

    .uno3-floatbar-info-list {
        max-height: 22px;
        overflow: hidden;
        width: calc(100% - 20px);
        margin-right: 4px;
        display: inline-block;
        vertical-align: middle
    }

    .uno3-floatbar-info-item {
        display: block;
        width: 100%;
        color: #4b5b76;
        font-size: 14px;
        line-height: 22px;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis;
        text-decoration: none
    }

    .uno3-floatbar-shop {
        display: block;
        position: relative;
        width: 52px;
        padding: 28px 12px;
        border-radius: 26px;
        border: 2px solid #fff;
        box-shadow: 8px 8px 20px rgba(55,99,170,.1);
        font-size: 0;
        text-align: center;
        cursor: pointer
    }

    .uno3-floatbar-shop,.uno3-floatbar-shop:hover {
        background: linear-gradient(180deg,#f3f5f8,#fff),linear-gradient(180deg,#0a57fc,#4991ff)
    }

    .uno3-floatbar-shop:hover {
        box-shadow: 8px 8px 20px rgba(55,99,170,.2)
    }

    .uno3-floatbar-shop .uno3-floatbar-icon {
        width: 24px;
        height: 24px;
        position: relative
    }

    .uno3-floatbar-shop .uno3-floatbar-icon .uno3-floatbar-num {
        position: absolute;
        display: block;
        z-index: 1;
        width: 22px;
        height: 22px;
        right: -10px;
        top: -12px;
        background: #f64041;
        border-radius: 50%;
        color: #fff;
        font-size: 0;
        text-align: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        overflow: hidden
    }

    .uno3-floatbar-shop .uno3-floatbar-icon .uno3-floatbar-num-wrap {
        width: 100%;
        height: 15px;
        overflow: hidden
    }

    .uno3-floatbar-shop .uno3-floatbar-icon .uno3-floatbar-num-digit {
        font-size: 12px;
        line-height: 20px;
        line-height: 15px
    }

    .uno3-floatbar-shop .uno3-floatbar-text {
        margin-top: 8px;
        display: block;
        font-size: 16px;
        line-height: 24px;
        color: #4b5b76
    }

    .uno3-floatbar-tooltip {
        right: 60px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 2px 14px;
        box-sizing: border-box;
        display: none;
        position: absolute;
        width: 364px;
        border-radius: 2px;
        border: 2px solid #fff;
        background: linear-gradient(180deg,#f3f5f8,#fff);
        box-shadow: 8px 8px 20px rgba(55,99,170,.1)
    }

    .uno3-floatbar-tooltip-show {
        display: block
    }

    .uno3-floatbar-tooltip-item {
        padding: 12px 0;
        font-size: 0
    }

    .uno3-floatbar-tooltip-item:nth-child(n+2) {
        border-top: 1px solid #d4d7de
    }

    .uno3-floatbar-tooltip-qrcode {
        margin-right: 16px;
        width: 80px;
        height: 80px;
        display: inline-block;
        box-sizing: border-box;
        padding: 4px;
        border-radius: 4px;
        background: linear-gradient(180deg,#f3f5f8,#fff);
        border: 2px solid #fff;
        box-shadow: 8px 8px 20px rgba(55,99,170,.1),-8px -8px 20px hsla(0,0%,100%,.4);
        vertical-align: middle
    }

    .uno3-floatbar-tooltip-img {
        width: 100%;
        height: 100%
    }

    .uno3-floatbar-tooltip-content {
        vertical-align: middle;
        width: calc(100% - 96px);
        display: inline-block
    }

    .uno3-floatbar-tooltip-content-tit {
        font-size: 16px;
        line-height: 24px;
        color: #181818;
        font-weight: 500;
        text-align: left
    }

    .uno3-floatbar-tooltip-content-desc {
        margin-top: 4px;
        color: #4b5b76;
        font-size: 12px;
        font-weight: 400;
        text-align: left;
        line-height: 20px
    }

    .uno3-floatbar.uno3-floatbar-consult:hover .uno3-floatbar-tooltip {
        display: block
    }

    .uno3-floatbar-qrcode2 {
        position: relative
    }

    .uno3-floatbar-qrcode2-wrap {
        width: 52px;
        padding: 16px 15px;
        border-radius: 26px;
        border: 2px solid #fff;
        background: linear-gradient(180deg,#0a57fc,#4991ff);
        box-shadow: 8px 8px 20px rgba(55,99,170,.1);
        font-size: 0;
        text-align: center;
        cursor: pointer
    }

    .uno3-floatbar-qrcode2-wrap:hover {
        background: linear-gradient(180deg,#1b5eee,#2779f5);
        box-shadow: 8px 8px 20px rgba(55,99,170,.2)
    }

    .uno3-floatbar-qrcode2-wrap .uno3-floatbar-text {
        margin-top: 10px;
        display: block;
        font-size: 16px;
        line-height: 24px;
        color: #fff
    }

    .uno3-floatbar-qrcode2 .uno3-floatbar-modal {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        max-width: 300px;
        padding: 10px 16px
    }

    .uno3-floatbar-qrcode2 .uno3-floatbar-modal-content,.uno3-floatbar-qrcode2 .uno3-floatbar-modal-item {
        width: 100%
    }

    .uno3-floatbar-qrcode2 .uno3-floatbar-modal-content-tit {
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno3-floatbar-modal {
        right: 60px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        box-sizing: border-box;
        position: absolute;
        min-width: 156px;
        padding: 10px;
        border-radius: 2px;
        border: 2px solid #fff;
        background: linear-gradient(180deg,#f3f5f8,#fff);
        box-shadow: 8px 8px 20px rgba(55,99,170,.1);
        cursor: auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        overflow: hidden
    }

    .uno3-floatbar-modal-hide {
        display: none
    }

    .uno3-floatbar-modal-close {
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3-float-bar-close.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50%;
        position: absolute;
        right: 6px;
        top: 6px;
        cursor: pointer
    }

    .uno3-floatbar-modal-item {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }

    .uno3-floatbar-modal-qrcode {
        width: 80px;
        height: 80px;
        border-radius: 4px;
        border: 2px solid #fff;
        background: linear-gradient(180deg,#f3f5f8,#fff);
        box-shadow: 8px 8px 20px rgba(55,99,170,.1),-8px -8px 20px hsla(0,0%,100%,.4);
        padding: 2px
    }

    .uno3-floatbar-modal-img {
        width: 100%;
        height: 100%
    }

    .uno3-floatbar-modal-content {
        margin-top: 8px
    }

    .uno3-floatbar-modal-content .uno3-text {
        color: #0052d9
    }

    .uno3-floatbar-modal-content-tit {
        font-size: 12px;
        line-height: 20px;
        color: #181818;
        font-weight: 500
    }

    .uno3-floatbar-modal-content-desc {
        margin-top: 4px;
        font-size: 12px;
        line-height: 20px;
        color: #4b5b76
    }

    .uno3-floatbar-consult-m,.uno3-floatbar-link-m {
        display: none
    }

    .uno3-floatbar-qrcode2 .uno3-floatbar-modal {
        height: auto
    }
}

@media (max-width: 768px) {
    .uno3-floatbar+.uno3-floatbar,.uno3-floatbar-div-box+.uno3-floatbar-div-box {
        margin-top:8px
    }

    .uno3-floatbar-consult-m,.uno3-floatbar-link-m,.uno3-floatbar-shop {
        right: 10px;
        bottom: 272px
    }

    .uno3-floatbar-consult,.uno3-floatbar-info,.uno3-floatbar-link,.uno3-floatbar-qrcode2 {
        display: none
    }

    .uno3-floatbar-consult-m,.uno3-floatbar-link-m {
        display: block
    }

    .uno3-floatbar-consult-m {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: linear-gradient(180deg,#0a57fc,#4991ff);
        border: 2px solid #fff;
        box-shadow: 8px 8px 20px rgba(55,99,170,.1);
        position: fixed;
        z-index: 99
    }

    .uno3-floatbar-consult-m:after {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3-float-bar-consult.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50%;
        position: absolute;
        top: calc(50% - 8px);
        left: calc(50% - 8px)
    }

    .uno3-floatbar-consult-m.uno3-floatbar-consult-icon-config:after {
        display: none
    }

    .uno3-floatbar-consult-m.uno3-floatbar-consult-icon-config .uno3-floatbar-consult-icon {
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3-float-bar-consult.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50%;
        position: absolute;
        top: calc(50% - 8px);
        left: calc(50% - 8px)
    }

    .uno3-floatbar-tooltip-item {
        padding: 12px 0;
        font-size: 0
    }

    .uno3-floatbar-tooltip-item:nth-child(n+2) {
        border-top: 1px solid #d4d7de
    }

    .uno3-floatbar-tooltip-item:last-child {
        padding-bottom: 20px
    }

    .uno3-floatbar-tooltip-qrcode {
        margin-right: 16px;
        width: 80px;
        height: 80px;
        display: inline-block;
        box-sizing: border-box;
        padding: 4px;
        border-radius: 4px;
        background: linear-gradient(180deg,#f3f5f8,#fff);
        border: 2px solid #fff;
        box-shadow: 8px 8px 20px rgba(55,99,170,.1),-8px -8px 20px hsla(0,0%,100%,.4);
        vertical-align: middle
    }

    .uno3-floatbar-tooltip-img {
        width: 100%;
        height: 100%
    }

    .uno3-floatbar-tooltip-content {
        vertical-align: middle;
        width: calc(100% - 96px);
        display: inline-block
    }

    .uno3-floatbar-tooltip-content-tit {
        font-size: 16px;
        line-height: 24px;
        color: #181818;
        font-weight: 500;
        text-align: left
    }

    .uno3-floatbar-tooltip-content-desc {
        margin-top: 4px;
        color: #4b5b76;
        font-size: 12px;
        font-weight: 400;
        text-align: left;
        line-height: 20px
    }

    .uno3-floatbar-link-m {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: linear-gradient(180deg,#0a57fc,#4991ff);
        border: 2px solid #fff;
        box-shadow: 8px 8px 20px rgba(55,99,170,.1);
        position: fixed;
        z-index: 99
    }

    .uno3-floatbar-link-m:after {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3-float-bar-gift.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50%;
        position: absolute;
        top: calc(50% - 8px);
        left: calc(50% - 8px)
    }

    .uno3-floatbar-link-m.uno3-floatbar-link-icon-config:after {
        display: none
    }

    .uno3-floatbar-link-m.uno3-floatbar-link-icon-config .uno3-floatbar-link-icon {
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3-float-bar-gift.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50%;
        position: absolute;
        top: calc(50% - 8px);
        left: calc(50% - 8px)
    }

    .uno3-floatbar-shop {
        display: block;
        position: relative;
        width: 40px;
        height: 40px;
        padding: 6px;
        border-radius: 50%;
        background: linear-gradient(180deg,#f3f5f8,#fff);
        border: 2px solid #fff;
        box-shadow: 8px 8px 20px rgba(55,99,170,.1);
        border-radius: 51px;
        font-size: 0;
        cursor: pointer;
        text-align: center;
        z-index: 99
    }

    .uno3-floatbar-shop .uno3-floatbar-icon {
        display: inline-block;
        width: 24px;
        height: 24px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3-float-bar-shop.svg);
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat;
        position: relative
    }

    .uno3-floatbar-shop .uno3-floatbar-icon .uno3-floatbar-num {
        position: absolute;
        display: inline-block;
        z-index: 1;
        width: 22px;
        height: 22px;
        right: -10px;
        top: -12px;
        background: #f64041;
        border-radius: 50%;
        color: #fff;
        font-size: 0;
        text-align: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        overflow: hidden
    }

    .uno3-floatbar-shop .uno3-floatbar-icon .uno3-floatbar-num-wrap {
        width: 100%;
        height: 15px;
        overflow: hidden
    }

    .uno3-floatbar-shop .uno3-floatbar-icon .uno3-floatbar-num-digit {
        font-size: 12px;
        line-height: 20px;
        line-height: 15px
    }

    .uno3-floatbar-shop .uno3-floatbar-text {
        font-size: 0;
        opacity: transparent
    }

    .uno3-floatbar-modal-item {
        padding: 12px 0;
        font-size: 0
    }

    .uno3-floatbar-modal-item:nth-child(n+2) {
        border-top: 1px solid #d4d7de
    }

    .uno3-floatbar-modal-item:last-child {
        padding-bottom: 32px
    }

    .uno3-floatbar-modal-qrcode {
        margin-right: 16px;
        width: 80px;
        height: 80px;
        display: inline-block;
        box-sizing: border-box;
        padding: 4px;
        border-radius: 4px;
        background: linear-gradient(180deg,#f3f5f8,#fff);
        border: 2px solid #fff;
        box-shadow: 8px 8px 20px rgba(55,99,170,.1),-8px -8px 20px hsla(0,0%,100%,.4);
        vertical-align: middle
    }

    .uno3-floatbar-modal-img {
        width: 100%;
        height: 100%
    }

    .uno3-floatbar-modal-content {
        vertical-align: middle;
        width: calc(100% - 96px);
        display: inline-block
    }

    .uno3-floatbar-modal-content .uno3-text {
        color: #0052d9
    }

    .uno3-floatbar-modal-content-tit {
        font-size: 16px;
        line-height: 24px;
        color: #181818;
        font-weight: 500;
        text-align: left
    }

    .uno3-floatbar-modal-content-desc {
        margin-top: 4px;
        color: #4b5b76;
        font-size: 12px;
        font-weight: 400;
        text-align: left;
        line-height: 20px
    }

    #qcportal-kit-floatbar .pls-floatbar {
        bottom: 85px
    }
}

@media (min-width: 600px) and (max-width:768px) {
    .uno3-floatbar-consult-m,.uno3-floatbar-link-m,.uno3-floatbar-shop {
        bottom:348px
    }

    .pls-floatbar-event .uno3-floatbar-consult-m,.pls-floatbar-event .uno3-floatbar-link-m,.pls-floatbar-event .uno3-floatbar-shop {
        position: relative;
        bottom: auto;
        right: auto
    }
}

@media (max-width: 768px) {
    .pls-floatbar .pls-floatbar-item.pls-floatbar-event {
        display:block
    }

    .pls-floatbar .pls-floatbar-item.pls-floatbar-event .pls-floatbar-button {
        display: none
    }

    .pls-floatbar-event .uno3-floatbar-consult-m,.pls-floatbar-event .uno3-floatbar-link-m,.pls-floatbar-event .uno3-floatbar-shop {
        position: relative;
        right: auto;
        bottom: auto
    }
}

.uno3-floatbar-container {
    position: fixed;
    z-index: 99;
    right: 8px;
    bottom: 80px;
    transition: top .2s
}

@media (max-width: 768px) {
    .uno3-floatbar-container {
        right:10px;
        bottom: 85px
    }

    .uno3-floatbar-container .uno3-floatbar-consult-m,.uno3-floatbar-container .uno3-floatbar-link-m,.uno3-floatbar-container .uno3-floatbar-shop {
        right: 0;
        bottom: 0;
        position: relative
    }
}

.pls-floatbar-event .cart+.cart,.pls-floatbar-event .cart+.pls-floatbar-button,.pls-floatbar-event .cart+.uno3-floatbar-div-box,.pls-floatbar-event .pls-floatbar-button+.cart,.pls-floatbar-event .pls-floatbar-button+.uno3-floatbar {
    margin-top: 8px
}

@media (min-width: 769px) {
    .uno3-scrollbar-custom .pls-floatbar {
        right:23px
    }
}

@media (min-width: 769px) {
    .uno3-dialog-mask.uno3-shop-dialog-mask {
        background:transparent
    }

    .uno3-dialog.uno3-shop-dialog {
        width: 400px;
        border: none;
        box-shadow: none;
        min-width: 400px;
        top: 0;
        left: auto;
        right: 0;
        bottom: 0;
        -webkit-transform: none;
        transform: none;
        -webkit-filter: drop-shadow(-6px 0 12px rgba(55,99,170,.15));
        filter: drop-shadow(-6px 0 12px rgba(55,99,170,.15));
        background: #f1f2f5;
        transition: all .3s
    }

    .uno3-dialog.uno3-shop-dialog .uno3-dialog-header {
        display: none
    }

    .uno3-dialog.uno3-shop-dialog .uno3-dialog-body {
        padding: 0;
        font-size: 0;
        max-height: none!important;
        height: 100%;
        display: -ms-flexbox;
        display: flex
    }
}

.uno3-shop .qc-base-link {
    color: #0052d9
}

.uno3-shop .qc-base-link:hover {
    color: #001f97
}

.uno3-shop .qc-base-text-buy {
    color: #ff7800
}

.uno3-shop .qc-base-action {
    color: #0052d9
}

@media (min-width: 769px) {
    .uno3-shop {
        display:block;
        bottom: 0
    }

    .uno3-shop,.uno3-shop-head {
        width: 100%;
        position: absolute;
        top: 0;
        right: 0
    }

    .uno3-shop-head {
        left: 0;
        min-height: 66px;
        z-index: 30;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3-shop-pc-head-bg.png);
        background-size: cover;
        background-position: 50%;
        background-repeat: no-repeat;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        padding: 20px 25px 20px 20px
    }

    .uno3-shop-head-tit {
        font-size: 18px;
        line-height: 26px;
        color: #fff;
        font-weight: 500
    }

    .uno3-shop-head-icon {
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3-shop-pc-head-close.svg);
        background-size: cover;
        background-position: 50%;
        background-repeat: no-repeat;
        cursor: pointer
    }
}

.uno3-shop-tip {
    padding: 4px 20px;
    min-height: 28px;
    background: #fce8e8;
    color: #b42c3f;
    text-align: center;
    font-size: 12px;
    line-height: 20px
}

.uno3-shop-tip .qc-base-action:not(:first-child),.uno3-shop-tip .qc-base-text:not(:first-child),.uno3-shop-tip a:not(:first-child) {
    margin: 0 4px
}

.uno3-shop .uno3-shop-product-delete {
    padding: 11px 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center
}

.uno3-shop .uno3-shop-product-delete-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-shop-m-delete-icon.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-right: 8px
}

.uno3-shop .uno3-shop-product-delete-handle {
    font-size: 14px;
    line-height: 22px
}

@media (min-width: 768px) {
    .uno3-shop .uno3-shop-body {
        padding-top:66px;
        position: relative;
        max-height: 100%;
        overflow-x: hidden;
        overflow-y: auto
    }

    .uno3-shop .uno3-shop-body::-webkit-scrollbar {
        background-color: transparent;
        width: 8px;
        height: 4px;
        background-clip: padding-box
    }

    .uno3-shop .uno3-shop-body::-webkit-scrollbar-button {
        background-color: transparent
    }

    .uno3-shop .uno3-shop-body::-webkit-scrollbar-thumb {
        height: 400px;
        background-color: #e6e6ec;
        border-radius: 2px
    }

    .uno3-shop .uno3-shop-body::-webkit-scrollbar-corner {
        background-color: transparent
    }
}

.uno3-shop .uno3-shop-body-loading {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    padding-top: 0
}

@media (max-width: 768px) {
    .uno3-shop .uno3-shop-body-loading {
        min-height:50vh
    }
}

.uno3-shop .uno3-shop-body-loading-icon {
    width: 24px;
    height: 24px;
    background-size: 100% 100%;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-shop-loading-icon.png);
    -webkit-animation: productLoading .6s linear infinite forwards;
    animation: productLoading .6s linear infinite forwards
}

.uno3-shop .uno3-shop-body-loading-text {
    color: #4b5b76;
    font-size: 14px;
    line-height: 22px;
    margin-top: 14px;
    display: block
}

.uno3-shop .uno3-shop-body.uno3-shop-body-noproduct {
    background: #fff;
    height: 100%
}

.uno3-shop .uno3-shop-body.uno3-shop-body-noproduct .uno3-shop-wrap {
    padding: 180px 40px 40px
}

.uno3-shop .uno3-shop-body.uno3-shop-body-noproduct .uno3-shop-wrap-content {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.uno3-shop .uno3-shop-body.uno3-shop-body-noproduct .uno3-shop-wrap-content-img {
    width: 180px;
    height: 180px;
    margin-bottom: 20px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-shop-pc-no-product-img.png);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.uno3-shop .uno3-shop-body.uno3-shop-body-noproduct .uno3-shop-wrap-content-tit {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #181818;
    margin-bottom: 12px
}

.uno3-shop .uno3-shop-body.uno3-shop-body-noproduct .uno3-shop-wrap-content-desc {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 8px
}

.uno3-shop .uno3-shop-body.uno3-shop-body-noproduct .uno3-shop-wrap-info {
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    text-align: center
}

@media (min-width: 769px) {
    .uno3-shop .uno3-shop-body.uno3-shop-body-noproduct .uno3-shop-wrap-info {
        position:absolute;
        width: calc(100% - 80px);
        bottom: 40px;
        left: 40px;
        right: 40px
    }
}

@media (max-width: 768px) {
    .uno3-shop .uno3-shop-body.uno3-shop-body-noproduct .uno3-shop-wrap-info {
        padding:20px
    }
}

.uno3-shop .uno3-shop-body .uno3-shop-wrap-info {
    padding: 20px;
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    text-align: left
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 769px) {
    .uno3-shop .uno3-shop-body .uno3-shop-product-wrap {
        padding-bottom:156px
    }
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-card {
    background: #fff;
    min-height: 120px;
    width: 100%;
    padding: 0 20px;
    font-size: 0;
    position: relative
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-card+.uno3-shop-product-card {
    margin-top: 16px
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-card .qc-base-checkbox-text {
    color: #181818;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    display: inline-block
}

@media (min-width: 769px) {
    .uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-card-normal .uno3-shop-product-item:hover .qc-base-checkbox-wrap {
        width:calc(100% - 32px)
    }

    .uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-card-normal .uno3-shop-product-item:hover .uno3-shop-product-item-delete {
        display: block
    }
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item {
    padding: 20px 0;
    position: relative
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item .uno3-shop-tip {
    margin-top: 16px
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item-delete {
    width: 16px;
    height: 16px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-shop-pc-delete-icon.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    top: 24px;
    right: 0;
    display: none;
    cursor: pointer
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item-delete:hover {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-shop-m-delete-icon.svg)
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item+.uno3-shop-product-item {
    border-top: 1px solid #d6dbe3
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item-config {
    margin-top: 12px;
    padding-left: 24px
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item-disabled .qc-base-checkbox-text,.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item-disabled .qc-base-form-label-inner,.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item-disabled .qc-base-form-value-inner {
    color: #97a3b7
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item-disabled .qc-base-form-item.qc-base-form-item-time .qc-base-form-label-inner {
    color: #4b5b76
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item-disabled .qc-base-form-item.qc-base-form-item-time .qc-base-select-btn {
    color: #97a3b7
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item .qc-base-form-item {
    margin-bottom: 8px
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item .qc-base-form-item .qc-base-select {
    width: 140px
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item .qc-base-form-item .qc-base-input-number .qc-base-input {
    width: 68px
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item .qc-base-form-item .qc-base-form-label {
    width: 70px;
    margin-right: 8px
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item .qc-base-form-item .qc-base-form-label-inner {
    line-height: 22px
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item .qc-base-form-item .qc-base-form-value {
    width: calc(100% - 78px)
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item .qc-base-form-item .qc-base-form-value-inner {
    line-height: 22px
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item .qc-base-form-item .qc-base-form-label-inner {
    width: 100%
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item .qc-base-form-item:not(.qc-base-form-item-config) .qc-base-form-label-inner,.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item .qc-base-form-item:not(.qc-base-form-item-config) .qc-base-form-value-inner {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item .qc-base-form-item:not(.qc-base-form-item-config) .qc-base-form-label-inner-wrap,.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item .qc-base-form-item:not(.qc-base-form-item-config) .qc-base-form-value-inner-wrap {
    display: inline
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item-loading {
    min-height: 120px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item-loading-icon {
    width: 24px;
    height: 24px;
    background-size: 100% 100%;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-shop-loading-icon.png);
    -webkit-animation: productLoading .6s linear infinite forwards;
    animation: productLoading .6s linear infinite forwards
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item-loading-text {
    color: #4b5b76;
    font-size: 14px;
    line-height: 22px;
    margin-top: 14px;
    display: block
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item-tag-1 {
    background: #fff;
    border: 1px solid #ff7800;
    border-radius: 2px;
    padding: 0 4px;
    color: #ff7800;
    font-size: 12px;
    line-height: 20px;
    margin-left: 8px;
    vertical-align: 2px;
    display: inline-block
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item-tag-2 {
    background: #ff7800;
    border-radius: 2px;
    padding: 0 4px;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    margin-left: 8px;
    vertical-align: 2px;
    display: inline-block
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item-tag-3 {
    display: inline-block;
    background: #f64041;
    border-radius: 2px;
    padding: 0 4px;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    margin-left: 8px;
    vertical-align: 2px
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item-tag-3 .uno3-shop-product-item-icon {
    width: 8px;
    height: 8px;
    display: inline-block;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-shop-tag-count-down.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-right: 4px
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item-tag-4 {
    display: inline-block;
    background: #fff;
    border: 1px solid #f64041;
    border-radius: 2px;
    padding: 0 4px;
    color: #f64041;
    font-size: 12px;
    line-height: 20px;
    margin-left: 8px;
    vertical-align: 2px
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item-tag-5 {
    display: inline-block;
    width: 64px;
    height: 20px;
    background-size: cover;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-shop-tag-5.svg);
    vertical-align: -4px;
    margin-left: 8px
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item .qc-base-input-number-unit .uno3-shop-product-item-tag-4 {
    margin-left: 0
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item-price {
    padding-top: 8px
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item-price-detail {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    line-height: 0
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item-price-detail span+span {
    margin-left: 8px
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item-price-detail+.uno3-shop-product-item-price-detail {
    margin-top: 4px
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item-price-desc {
    color: #4b5b76;
    font-size: 12px;
    line-height: 20px
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item-price-original {
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    color: #4b5b76;
    font-size: 12px;
    line-height: 20px
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item-price-real {
    color: #ff7800;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item-price-real span+span {
    margin-left: 4px
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item-price-loading {
    color: #ff7800;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item-price-sellout-text {
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    margin-right: 4px
}

.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-item-price-sellout-handle {
    font-size: 14px;
    line-height: 22px
}

.uno3-shop-foot {
    -webkit-filter: drop-shadow(0 -6px 12px rgba(55,99,170,.15));
    filter: drop-shadow(0 -6px 12px rgba(55,99,170,.15));
    position: absolute;
    z-index: 30;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 120px;
    width: 100%
}

@media (max-width: 768px) {
    .uno3-shop-foot {
        position:fixed
    }
}

.uno3-shop-foot-content {
    height: 120px;
    background: #fff;
    width: 100%;
    padding: 16px
}

.uno3-shop-foot-content .qc-base-checkbox-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #181818
}

.uno3-shop-foot-content-price {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.uno3-shop-foot-content-price,.uno3-shop-foot-content-price-content {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center
}

.uno3-shop-foot-content-price-content {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0
}

.uno3-shop-foot-content-price-loading {
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    line-height: 32px;
    color: #ff7800
}

.uno3-shop-foot-content-price-real {
    font-size: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: baseline;
    align-items: baseline
}

.uno3-shop-foot-content-price-save {
    color: #0cbf5b;
    font-size: 14px;
    line-height: 22px;
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle
}

.uno3-shop-foot-content-price-num {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #ff7800
}

.uno3-shop-foot-content-price-unit {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #ff7800;
    margin-left: 4px
}

.uno3-shop-foot-content-btn {
    margin-top: 20px;
    display: -ms-flexbox;
    display: flex
}

.uno3-shop-foot-content-btn .qc-base-button {
    -ms-flex: 1;
    flex: 1
}

.uno3-shop-foot-content-btn .qc-base-button+.qc-base-button {
    margin-left: 12px
}

@media (max-width: 768px) {
    .uno3-shop {
        background:#f1f2f5;
        position: relative
    }

    .uno3-shop .uno3-shop-head {
        display: none
    }

    .uno3-shop .uno3-shop-body {
        padding-top: 10px
    }

    .uno3-shop .uno3-shop-body.uno3-shop-body-noproduct .uno3-shop-wrap {
        padding: 40px 20px
    }

    .uno3-shop .uno3-shop-body .qc-base-form-item-config .qc-base-form-label {
        display: inline-block;
        height: 36px
    }

    .uno3-shop .uno3-shop-body .uno3-shop-product-m-delete {
        padding: 11px 20px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-shop .uno3-shop-body .uno3-shop-product-m-delete-icon {
        width: 16px;
        height: 16px;
        display: inline-block;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3-shop-m-delete-icon.svg);
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat;
        margin-right: 8px
    }

    .uno3-shop .uno3-shop-body .uno3-shop-product-m-delete-handle {
        font-size: 14px;
        line-height: 22px
    }

    .uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-card .uno3-shop-product-item:active .uno3-shop-product-item-delete,.uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-card .uno3-shop-product-item:hover .uno3-shop-product-item-delete {
        display: none
    }

    .uno3-shop .uno3-shop-body .uno3-shop-product-wrap .uno3-shop-product-card .qc-base-checkbox-wrap .qc-base-checkbox {
        top: 3px
    }
}

@-webkit-keyframes productLoading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes productLoading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.uno3-shop-dialog-voucher.uno3-dialog {
    background: linear-gradient(180deg,#f3f5f8,#fff);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px rgba(55,99,170,.1);
    border-radius: 10px;
    width: 660px;
    max-width: none
}

.uno3-shop-dialog-voucher.uno3-dialog .uno3-dialog-header {
    padding: 0;
    line-height: 0
}

.uno3-shop-dialog-voucher.uno3-dialog .uno3-dialog-header .uno3-icon-close {
    width: 16px;
    height: 16px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-shop-dialog-voucher-close-icon.svg);
    right: 32px;
    top: -36px;
    z-index: 1
}

.uno3-shop-dialog-voucher.uno3-dialog .uno3-dialog-body {
    overflow: initial;
    padding: 0
}

.uno3-shop-dialog-voucher.uno3-dialog .uno3-shop-dialog-head {
    background: linear-gradient(90deg,#5c6cff,#3c4df3),#fff;
    border-radius: 10px;
    padding: 20px 147px 56px 20px;
    width: 620px;
    font-size: 0;
    margin: -46px auto 0;
    position: relative
}

.uno3-shop-dialog-voucher.uno3-dialog .uno3-shop-dialog-head:after {
    content: "";
    width: 147px;
    height: 147px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-shop-dialog-header-icon.png);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    top: -8px;
    right: 0
}

.uno3-shop-dialog-voucher.uno3-dialog .uno3-shop-dialog-head .qc-base-action {
    color: #ffe3c9;
    border-bottom: 1px solid #ffe3c9
}

.uno3-shop-dialog-voucher.uno3-dialog .uno3-shop-dialog-head .qc-base-action:hover {
    color: #ffe3c9;
    border-bottom: 1px solid #ffe3c9;
    opacity: .7
}

.uno3-shop-dialog-voucher.uno3-dialog .uno3-shop-dialog-head-tit {
    color: #ffe3c9;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-shop-dialog-voucher.uno3-dialog .uno3-shop-dialog-head-tit-tag {
    background: #ff7800;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    padding: 0 4px;
    vertical-align: middle;
    margin-left: 8px
}

.uno3-shop-dialog-voucher.uno3-dialog .uno3-shop-dialog-head-desc {
    margin-top: 8px;
    font-size: 14px;
    line-height: 22px;
    color: #fff
}

@media (min-width: 769px) {
    .uno3-shop-dialog-voucher.uno3-dialog .uno3-shop-dialog-head-desc {
        white-space:nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.uno3-shop-dialog-voucher.uno3-dialog .uno3-shop-dialog-content {
    background: hsla(0,0%,100%,.5);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    border-radius: 10px;
    padding: 20px;
    margin: -40px -2px 0
}

.uno3-shop-dialog-voucher.uno3-dialog .uno3-shop-dialog-voucher {
    background: #f0f4fe;
    border: 1px solid #bbd3fb;
    border-radius: 8px;
    padding: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.uno3-shop-dialog-voucher.uno3-dialog .uno3-shop-dialog-voucher-item {
    background: linear-gradient(90deg,#7c89ff,#5767fc);
    border-radius: 4px;
    width: 133px;
    height: 60px;
    padding: 8px;
    position: relative;
    overflow: hidden;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 769px) {
    .uno3-shop-dialog-voucher.uno3-dialog .uno3-shop-dialog-voucher-item {
        margin-right:14px
    }

    .uno3-shop-dialog-voucher.uno3-dialog .uno3-shop-dialog-voucher-item:nth-child(4n) {
        margin-right: 0
    }

    .uno3-shop-dialog-voucher.uno3-dialog .uno3-shop-dialog-voucher-item:nth-child(n+5) {
        margin-top: 14px
    }
}

.uno3-shop-dialog-voucher.uno3-dialog .uno3-shop-dialog-voucher-item-tit {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #fff;
    position: relative;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 1
}

.uno3-shop-dialog-voucher.uno3-dialog .uno3-shop-dialog-voucher-item-desc {
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    position: relative;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 1
}

.uno3-shop-dialog-voucher.uno3-dialog .uno3-shop-dialog-voucher-item:after {
    content: "";
    width: 107px;
    height: 107px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-shop-dialog-voucher-icon.png);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    top: -8px;
    right: -29px;
    opacity: .3
}

.uno3-shop-dialog-voucher.uno3-dialog .uno3-shop-dialog-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center
}

.uno3-shop-dialog-voucher.uno3-dialog .uno3-shop-dialog-btn .qc-base-button {
    width: 150px
}

.uno3-shop-dialog-voucher.uno3-dialog .uno3-shop-dialog-btn .qc-base-button+.qc-base-button {
    margin-left: 20px
}

@media (max-width: 768px) {
    .uno3-shop-dialog-voucher.uno3-dialog {
        width:100%;
        border-radius: 10px 10px 0 0
    }

    .uno3-shop-dialog-voucher.uno3-dialog .uno3-shop-dialog-head {
        padding: 16px 125px 66px 16px;
        width: calc(100% - 20px);
        margin: -60px auto 0
    }

    .uno3-shop-dialog-voucher.uno3-dialog .uno3-shop-dialog-head-tit {
        font-size: 16px;
        line-height: 24px
    }

    .uno3-shop-dialog-voucher.uno3-dialog .uno3-shop-dialog-head:after {
        top: 25px;
        right: -16px
    }

    .uno3-shop-dialog-voucher.uno3-dialog .uno3-shop-dialog-head-desc {
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .uno3-shop-dialog-voucher.uno3-dialog .uno3-shop-dialog-content {
        padding: 16px;
        margin: -57px -2px 0;
        border-radius: 10px 10px 0 0
    }

    .uno3-shop-dialog-voucher.uno3-dialog .uno3-shop-dialog-voucher {
        padding: 16px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .uno3-shop-dialog-voucher.uno3-dialog .uno3-shop-dialog-voucher-item {
        -ms-flex: 0 0 calc(50% - 4px);
        flex: 0 0 calc(50% - 4px);
        margin-right: 8px
    }

    .uno3-shop-dialog-voucher.uno3-dialog .uno3-shop-dialog-voucher-item:nth-child(2n) {
        margin-right: 0
    }

    .uno3-shop-dialog-voucher.uno3-dialog .uno3-shop-dialog-voucher-item:nth-child(n+3) {
        margin-top: 8px
    }
}

@-webkit-keyframes flyDomAnima {
    50% {
        opacity: 1
    }
}

@keyframes flyDomAnima {
    50% {
        opacity: 1
    }
}

.uno3-shop-fly-dom {
    display: inline-block;
    background: #f64041;
    opacity: .8;
    width: 30px;
    height: 30px;
    border-radius: 22px;
    font-size: 12px;
    line-height: 20px;
    padding: 5px 0;
    color: #fff;
    text-align: center
}

.uno3-shop-body-card {
    display: block;
    width: calc(100% - 20px);
    background: linear-gradient(179.68deg,#f2f4f7 .28%,#fff 99.72%);
    border-radius: 4px;
    border: 2px solid #fff;
    box-shadow: 2px 2px 10px rgba(55,99,170,.1),-2px -2px 10px #fff;
    cursor: pointer;
    position: relative
}

@media (min-width: 769px) {
    .uno3-shop-body-card {
        margin:10px
    }
}

@media (max-width: 768px) {
    .uno3-shop-body-card {
        margin:0 10px
    }
}

.uno3-shop-body-card-wrap {
    display: block;
    text-decoration: none;
    width: 100%;
    height: 100%;
    padding: 14px 20px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-shop-dialog-card-img.png);
    background-size: 143px 105px;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    position: relative
}

.uno3-shop-body-card-wrap:hover {
    text-decoration: none
}

.uno3-shop-body-card-tit {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #181818;
    max-width: calc(100% - 32px)
}

.uno3-shop-body-card-tit-tag {
    background: #ff7800;
    border-radius: 2px;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #fff;
    padding: 0 4px;
    vertical-align: middle
}

.uno3-shop-body-card-desc {
    font-size: 12px;
    line-height: 20px;
    color: #4b5b76;
    margin-top: 8px;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.uno3-shop-body-card-close {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-shop-dialog-card-close-icon.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    position: absolute;
    right: 18px;
    top: 18px;
    z-index: 1
}

.uno3-shop-body-card:hover {
    text-decoration: none;
    box-shadow: 2px 2px 10px rgba(55,99,170,.2),-2px -2px 10px #fff
}

.uno3-shop-body-card:hover .uno3-shop-body-card-tit {
    color: #0052d9
}

.uno3-link-entrance-block {
    padding-left: 60px;
    padding-right: 60px
}

@media screen and (min-width: 1320px) and (max-width:1539px) {
    .uno3-link-entrance-block {
        padding-left:9%;
        padding-right: 9%
    }
}

@media (min-width: 769px) {
    .uno3-link-entrance-block {
        background:#fff;
        border-top: 1px solid rgba(19,22,27,.1);
        border-bottom: 1px solid rgba(19,22,27,.1)
    }

    .uno3-link-entrance-block-inner {
        max-width: 1420px;
        margin: 0 auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: center;
        justify-content: center;
        border-left: 1px solid rgba(19,22,27,.1);
        border-right: 1px solid rgba(19,22,27,.1)
    }

    .uno3-link-entrance-block-col:first-child,.uno3-link-entrance-block-col:nth-child(2) {
        width: 27.8%
    }

    .uno3-link-entrance-block-col:nth-child(3),.uno3-link-entrance-block-col:nth-child(4) {
        width: 22.2%
    }

    .uno3-link-entrance-block-col:nth-child(n+2) {
        border-left: 1px solid rgba(19,22,27,.1)
    }

    .uno3-link-entrance-block-col:nth-child(4) .uno3-link-entrance-block-item-type3:before {
        background-image: url(/web/jinglisafe/assets/images/activity/uno3-link-entrance-block-type4-bg.png)
    }

    .uno3-link-entrance-block-item {
        display: block;
        text-decoration: none;
        cursor: pointer;
        height: 100%;
        position: relative;
        overflow: hidden;
        transition: all .3s ease-in-out;
        z-index: 1
    }

    .uno3-link-entrance-block-item-inner {
        height: 100%;
        padding: 20px;
        position: relative;
        z-index: 1
    }

    .uno3-link-entrance-block-item:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: -1;
        transition: opacity .2s ease-in-out
    }

    .uno3-link-entrance-block-item-type1 .uno3-link-entrance-block-item-inner {
        background-image: url(/web/jinglisafe/assets/images/activity/uno3-link-entance-block-type1-icon.png);
        background-size: 200px 123px;
        background-repeat: no-repeat;
        background-position: 100% 100%
    }

    .uno3-link-entrance-block-item-type1:before {
        background: #0052d9
    }

    .uno3-link-entrance-block-item-type1 .uno3-link-entrance-block-item-subtit,.uno3-link-entrance-block-item-type2 .uno3-link-entrance-block-item-subtit {
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno3-link-entrance-block-item-type3 .uno3-link-entrance-block-item-subtit {
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .uno3-link-entrance-block-item-type2 {
        height: 50%
    }

    .uno3-link-entrance-block-item-type2:nth-child(n+2) {
        border-top: 1px solid rgba(19,22,27,.1)
    }

    .uno3-link-entrance-block-item-type2:before {
        background: #0052d9
    }

    .uno3-link-entrance-block-item-type2 .uno3-link-entrance-block-item-tit {
        max-width: 244px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-link-entrance-block-item-type2 .uno3-link-entrance-block-item-tit-text {
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno3-link-entrance-block-item-type2 .uno3-link-entrance-block-item-tit-icon {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3-link-entrance-icon-link-dark.svg);
        background-position: 50%;
        background-size: contain;
        background-repeat: no-repeat;
        opacity: 0;
        transition: -webkit-transform .3s ease-in-out .2s;
        transition: transform .3s ease-in-out .2s;
        transition: transform .3s ease-in-out .2s,-webkit-transform .3s ease-in-out .2s
    }

    .uno3-link-entrance-block-item-type2 .uno3-link-entrance-block-item-subtit {
        max-width: 244px
    }

    .uno3-link-entrance-block-item-type2:hover .uno3-link-entrance-block-item-tit-icon {
        opacity: 1;
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    .uno3-link-entrance-block-item-type3:before {
        background-image: url(/web/jinglisafe/assets/images/activity/uno3-link-entrance-block-type3-bg.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%
    }

    .uno3-link-entrance-block-item .tp-text-highlight {
        color: #ff7800
    }

    .uno3-link-entrance-block-item-tit {
        font-size: 16px;
        line-height: 24px;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #181818;
        font-weight: 700;
        transition: none
    }

    .uno3-link-entrance-block-item-subtit {
        margin-top: 4px;
        font-size: 14px;
        line-height: 22px;
        color: #4b5b76;
        transition: none
    }

    .uno3-link-entrance-block-item-icon {
        opacity: 0;
        width: 87px;
        height: 87px;
        position: absolute;
        right: -12px;
        bottom: -20px;
        transition: opacity .2s ease-in-out
    }

    .uno3-link-entrance-block-item-btn {
        display: inline-block;
        padding: 7px 16px;
        text-align: center;
        min-width: 120px;
        background: #0052d9;
        font-size: 14px;
        line-height: 22px;
        color: #fff
    }

    .uno3-link-entrance-block-item-link {
        font-size: 14px;
        line-height: 22px
    }

    .uno3-link-entrance-block-item-link .qc-base-link {
        transition: none
    }

    .uno3-link-entrance-block-item-btn,.uno3-link-entrance-block-item-link {
        position: absolute;
        left: 20px;
        bottom: 20px
    }

    .uno3-link-entrance-block-item-type1:hover:before,.uno3-link-entrance-block-item-type2:hover:before,.uno3-link-entrance-block-item-type3:hover:before,.uno3-link-entrance-block-item-type4:hover:before {
        opacity: 1
    }

    .uno3-link-entrance-block-item:hover .tp-text-highlight {
        color: #ff9540
    }

    .uno3-link-entrance-block-item:hover .qc-base-link {
        color: #ffeed4
    }

    .uno3-link-entrance-block-item:hover .uno3-link-entrance-block-item-tit {
        color: #fff
    }

    .uno3-link-entrance-block-item:hover .uno3-link-entrance-block-item-subtit {
        color: hsla(0,0%,100%,.7)
    }

    .uno3-link-entrance-block-item:hover .uno3-link-entrance-block-item-icon {
        opacity: 1
    }

    .uno3-link-entrance-block-item:hover .uno3-link-entrance-block-item-btn {
        background: #fff;
        color: #0052d9
    }

    .uno3-link-entrance-block-item:hover .uno3-link-entrance-block-item-link .qc-base-link {
        color: #fff
    }

    .uno3-link-entrance-block-item:hover .uno3-link-entrance-block-item-link .qc-base-link:after {
        background-image: url(/web/jinglisafe/assets/images/activity/uno3-link-entrance-icon-link-dark.svg)
    }
}

@media (max-width: 768px) {
    .uno3-link-entrance-block {
        padding-left:0;
        padding-right: 0;
        background: #fff;
        border-top: 1px solid rgba(19,22,27,.1);
        border-bottom: 1px solid rgba(19,22,27,.1)
    }

    .uno3-link-entrance-block .qc-base-module {
        padding: 0
    }

    .uno3-link-entrance-block-item {
        text-decoration: none;
        display: inline-block;
        width: 100%
    }

    .uno3-link-entrance-block-item-inner {
        padding: 16px;
        width: 100%
    }

    .uno3-link-entrance-block-item-tit {
        font-size: 14px;
        line-height: 22px;
        font-weight: 700;
        color: #181818
    }

    .uno3-link-entrance-block-item-subtit {
        margin-top: 4px;
        font-size: 12px;
        line-height: 20px;
        color: #4b5b76
    }

    .uno3-link-entrance-block-item-btn,.uno3-link-entrance-block-item-icon,.uno3-link-entrance-block-item-link {
        display: none
    }

    .uno3-link-entrance-block-item-type1 .uno3-link-entrance-block-item-inner {
        padding-right: 100px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3-link-entance-block-type1-icon-m.png);
        background-size: 172px 82px;
        background-repeat: no-repeat;
        background-position: 100% 100%
    }

    .uno3-link-entrance-block-item-type1 .uno3-link-entrance-block-item-tit:after {
        content: "";
        display: inline-block;
        width: 14px;
        height: 14px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3-link-entrance-block-type3-icon-m.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50%;
        vertical-align: top;
        margin: 4px 0 0 4px
    }

    .uno3-link-entrance-block-item-type2 {
        display: inline-block;
        width: 50%
    }

    .uno3-link-entrance-block-item-type2:nth-child(n+2) {
        border-left: 1px solid rgba(19,22,27,.1)
    }

    .uno3-link-entrance-block-item-type2 .uno3-link-entrance-block-item-tit-icon {
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3-link-entrance-icon-link-m.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50%;
        vertical-align: -3px;
        margin-left: 4px
    }

    .uno3-link-entrance-block-item-type3 .uno3-link-entrance-block-item-inner {
        padding-right: 34px;
        position: relative
    }

    .uno3-link-entrance-block-item-type3 .uno3-link-entrance-block-item-inner:after {
        content: "";
        display: inline-block;
        width: 14px;
        height: 14px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3-link-entrance-block-type3-icon-m.png);
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat;
        position: absolute;
        right: 16px;
        top: calc(50% - 7px)
    }

    .uno3-link-entrance-block-col {
        display: -ms-flexbox;
        display: flex
    }

    .uno3-link-entrance-block-col:nth-child(n+2) {
        border-top: 1px solid rgba(19,22,27,.1)
    }
}

.uno3-link-entrance-cell {
    padding-left: 60px;
    padding-right: 60px
}

@media screen and (min-width: 1320px) and (max-width:1539px) {
    .uno3-link-entrance-cell {
        padding-left:9%;
        padding-right: 9%
    }
}

@media (min-width: 769px) {
    .uno3-link-entrance-cell {
        background:#fff;
        border-top: 1px solid rgba(19,22,27,.1);
        border-bottom: 1px solid rgba(19,22,27,.1)
    }

    .uno3-link-entrance-cell-inner {
        max-width: 1420px;
        margin: 0 auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: center;
        justify-content: center;
        border-left: 1px solid rgba(19,22,27,.1);
        border-right: 1px solid rgba(19,22,27,.1)
    }

    .uno3-link-entrance-cell-head {
        width: 21.12%;
        padding: 20px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3-link-entrance-cell-head-icon.png);
        background-size: 220px 134px;
        background-repeat: no-repeat;
        background-position: 100% 100%
    }

    .uno3-link-entrance-cell-head-title {
        font-size: 20px;
        line-height: 28px;
        font-weight: 700;
        color: #181818;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno3-link-entrance-cell-head-desc {
        margin-top: 12px;
        font-size: 14px;
        line-height: 22px;
        color: #4b5b76;
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .uno3-link-entrance-cell-body {
        -ms-flex: 1;
        flex: 1;
        margin-bottom: -1px
    }

    .uno3-link-entrance-cell-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .uno3-link-entrance-cell-item {
        width: 25%;
        display: inline-block;
        padding: 20px;
        text-decoration: none;
        border-left: 1px solid rgba(19,22,27,.1);
        border-bottom: 1px solid rgba(19,22,27,.1);
        position: relative;
        overflow: hidden;
        transition: all .3s ease-in-out
    }

    .uno3-link-entrance-cell-item-title {
        font-size: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-link-entrance-cell-item-title-text {
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 16px;
        line-height: 24px;
        font-weight: 700;
        color: #181818;
        display: inline-block
    }

    .uno3-link-entrance-cell-item-title-icon {
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3-link-entrance-icon-link-dark.svg);
        background-position: 50%;
        background-size: contain;
        background-repeat: no-repeat;
        opacity: 0;
        transition: -webkit-transform .3s ease-in-out .2s;
        transition: transform .3s ease-in-out .2s;
        transition: transform .3s ease-in-out .2s,-webkit-transform .3s ease-in-out .2s
    }

    .uno3-link-entrance-cell-item-subtit {
        margin-top: 4px;
        font-size: 14px;
        line-height: 22px;
        color: #4b5b76;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno3-link-entrance-cell-item-subtit,.uno3-link-entrance-cell-item-title {
        position: relative;
        z-index: 1
    }

    .uno3-link-entrance-cell-item-icon {
        width: 100px;
        height: 100px;
        position: absolute;
        right: -19px;
        bottom: -37px;
        opacity: 0;
        transition: opacity .3s ease-in-out
    }

    .uno3-link-entrance-cell-item:not(.is-info) {
        cursor: pointer
    }

    .uno3-link-entrance-cell-item:not(.is-info):hover {
        background: #0052d9
    }

    .uno3-link-entrance-cell-item:not(.is-info):hover .qc-base-link {
        color: #ffeed4
    }

    .uno3-link-entrance-cell-item:not(.is-info):hover .uno3-link-entrance-cell-item-title-text {
        color: #fff;
        max-width: calc(100% - 16px)
    }

    .uno3-link-entrance-cell-item:not(.is-info):hover .uno3-link-entrance-cell-item-title-icon {
        opacity: 1;
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    .uno3-link-entrance-cell-item:not(.is-info):hover .tp-text-highlight {
        color: #ff9540
    }

    .uno3-link-entrance-cell-item:not(.is-info):hover .uno3-link-entrance-cell-item-subtit {
        color: hsla(0,0%,100%,.7)
    }

    .uno3-link-entrance-cell-item:not(.is-info):hover .uno3-link-entrance-cell-item-icon {
        opacity: 1
    }

    .uno3-link-entrance-cell-wrap-type2 .uno3-link-entrance-cell-item:not(:nth-child(4n+1)) {
        border-left: 0
    }

    .uno3-link-entrance-cell-wrap-type2 .uno3-link-entrance-cell-item-title,.uno3-link-entrance-cell-wrap-type2 .uno3-link-entrance-cell-item:hover .uno3-link-entrance-cell-item-title {
        max-width: 100%
    }

    .uno3-link-entrance-cell-body-rows-2 .uno3-link-entrance-cell-wrap-type1 .uno3-link-entrance-cell-item {
        height: 123px
    }

    .uno3-link-entrance-cell-body-rows-2 .uno3-link-entrance-cell-wrap-type1 .uno3-link-entrance-cell-item:nth-last-child(-n+4):nth-child(n+5),.uno3-link-entrance-cell-body-rows-3 .uno3-link-entrance-cell-wrap-type2 .uno3-link-entrance-cell-item,.uno3-link-entrance-cell-body-rows-4 .uno3-link-entrance-cell-wrap-type2 .uno3-link-entrance-cell-item:nth-last-child(-n+4):nth-child(n+5) {
        border-bottom: 0
    }
}

@media (max-width: 768px) {
    .uno3-link-entrance-cell {
        background:#fff;
        border-top: 1px solid rgba(19,22,27,.1);
        border-bottom: 1px solid rgba(19,22,27,.1);
        padding: 0
    }

    .uno3-link-entrance-cell .qc-base-module {
        padding: 0
    }

    .uno3-link-entrance-cell-head {
        padding: 16px 94px 16px 16px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3-link-entance-block-type1-icon-m.png);
        background-size: 172px 82px;
        background-repeat: no-repeat;
        background-position: 100% 100%
    }

    .uno3-link-entrance-cell-head-title {
        font-size: 16px;
        line-height: 24px;
        font-weight: 700;
        color: #181818
    }

    .uno3-link-entrance-cell-head-desc {
        margin-top: 4px;
        font-size: 14px;
        line-height: 22px;
        color: #4b5b76
    }

    .uno3-link-entrance-cell-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: start;
        align-items: flex-start;
        border-top: 1px solid rgba(19,22,27,.1);
        padding: 16px
    }

    .uno3-link-entrance-cell-item {
        width: calc(50% - 8px);
        display: inline-block;
        text-decoration: none;
        position: relative;
        overflow: hidden;
        transition: all .3s ease-in-out
    }

    .uno3-link-entrance-cell-item-title {
        font-size: 0
    }

    .uno3-link-entrance-cell-item-title-text {
        font-size: 14px;
        line-height: 22px;
        font-weight: 700;
        color: #181818;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        max-width: 100%
    }

    .uno3-link-entrance-cell-item-subtit {
        margin-top: 4px;
        font-size: 12px;
        line-height: 20px;
        color: #4b5b76;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno3-link-entrance-cell-item-icon {
        display: none
    }

    .uno3-link-entrance-cell-wrap-type1 .uno3-link-entrance-cell-item-title {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-link-entrance-cell-wrap-type1 .uno3-link-entrance-cell-item-title-text {
        max-width: calc(100% - 20px)
    }

    .uno3-link-entrance-cell-wrap-type1 .uno3-link-entrance-cell-item-title-icon {
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3-link-entrance-icon-link-m.svg);
        background-position: 50%;
        background-size: contain;
        background-repeat: no-repeat;
        margin-left: 4px
    }

    .uno3-link-entrance-cell-wrap-type1 .uno3-link-entrance-cell-item:nth-child(2n) {
        margin-left: 16px
    }

    .uno3-link-entrance-cell-wrap-type1 .uno3-link-entrance-cell-item:nth-child(n+3) {
        margin-top: 16px
    }

    .uno3-link-entrance-cell-wrap-type2 .uno3-link-entrance-cell-item {
        width: calc(33.33333% - 8px);
        margin-right: 12px
    }

    .uno3-link-entrance-cell-wrap-type2 .uno3-link-entrance-cell-item.is-info .uno3-link-entrance-cell-item-title-text {
        text-decoration: none
    }

    .uno3-link-entrance-cell-wrap-type2 .uno3-link-entrance-cell-item-title-text {
        color: #0052d9;
        text-decoration: underline;
        font-weight: 700
    }

    .uno3-link-entrance-cell-wrap-type2 .uno3-link-entrance-cell-item-title-icon {
        display: none
    }

    .uno3-link-entrance-cell-wrap-type2 .uno3-link-entrance-cell-item:nth-child(3n) {
        margin-right: 0
    }

    .uno3-link-entrance-cell-wrap-type2 .uno3-link-entrance-cell-item:nth-child(n+4) {
        margin-top: 12px
    }

    .uno3-link-entrance-cell-body-rows-3 .uno3-link-entrance-cell-wrap-type2 .uno3-link-entrance-cell-item {
        width: calc(50% - 6px)
    }

    .uno3-link-entrance-cell-body-rows-3 .uno3-link-entrance-cell-wrap-type2 .uno3-link-entrance-cell-item:nth-child(3n) {
        margin-right: 12px
    }

    .uno3-link-entrance-cell-body-rows-3 .uno3-link-entrance-cell-wrap-type2 .uno3-link-entrance-cell-item:nth-child(2n) {
        margin-right: 0
    }

    .uno3-link-entrance-cell-body-rows-3 .uno3-link-entrance-cell-wrap-type2 .uno3-link-entrance-cell-item:nth-child(n+3) {
        margin-top: 12px
    }

    .uno3-link-entrance-cell-body-rows-3 .uno3-link-entrance-cell-wrap-type2 .uno3-link-entrance-cell-item:first-child:last-child {
        width: 100%;
        margin-right: 0
    }
}

@media screen and (min-width: 769px) {
    .uno-type-ios .uno3-link-entrance-block-item-tit,.uno-type-mac .uno3-link-entrance-block-item-tit {
        font-weight:500
    }
}

@media screen and (max-width: 768px) {
    .uno-type-ios .uno3-link-entrance-block-item-tit,.uno-type-mac .uno3-link-entrance-block-item-tit {
        font-weight:500
    }
}

@media screen and (min-width: 769px) {
    .uno-type-ios .uno3-link-entrance-cell-head-title,.uno-type-ios .uno3-link-entrance-cell-item-title-text,.uno-type-mac .uno3-link-entrance-cell-head-title,.uno-type-mac .uno3-link-entrance-cell-item-title-text {
        font-weight:500
    }
}

@media screen and (max-width: 768px) {
    .uno-type-ios .uno3-link-entrance-cell-head-title,.uno-type-ios .uno3-link-entrance-cell-item-title-text,.uno-type-ios .uno3-link-entrance-cell-wrap-type2 .uno3-link-entrance-cell-item-title-text,.uno-type-mac .uno3-link-entrance-cell-head-title,.uno-type-mac .uno3-link-entrance-cell-item-title-text,.uno-type-mac .uno3-link-entrance-cell-wrap-type2 .uno3-link-entrance-cell-item-title-text {
        font-weight:500
    }
}

.uno3-nav2 {
    padding: 0 60px
}

@media (min-width: 769px) {
    .uno3-nav2__inner {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        gap: 16px;
        padding-top: 12px;
        overflow: hidden
    }
}

@media (min-width: 769px) and (max-width:1539px) {
    .uno3-nav2__inner {
        gap:12px
    }
}

@media (min-width: 769px) {
    .uno3-nav2__lt {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex: 1;
        flex: 1;
        height: 88px;
        border-radius: 2px;
        border: 1px solid #fff;
        background: linear-gradient(90deg,hsla(0,0%,100%,.96) 2.91%,rgba(241,245,255,.96))
    }

    .uno3-nav2__lt .uno3-nav2__item {
        -ms-flex: 1;
        flex: 1;
        height: 100%;
        width: 0;
        position: relative;
        text-decoration: none
    }

    .uno3-nav2__lt .uno3-nav2__item-normal {
        padding: 17px 20px;
        position: relative;
        transition: all .2s ease-in-out
    }

    .uno3-nav2__lt .uno3-nav2__item-normal .uno3-nav2__item-title {
        position: relative;
        padding-right: 7px
    }

    .uno3-nav2__lt .uno3-nav2__item-normal .uno3-nav2__item-title:after {
        content: "";
        display: inline-block;
        width: 7px;
        height: 7px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_nav2_lt_item_normal_title_icon.svg);
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media (min-width: 769px) and (max-width:1539px) {
    .uno3-nav2__lt .uno3-nav2__item-normal {
        padding:19px 12px
    }

    .uno3-nav2__lt .uno3-nav2__item-normal .uno3-nav2__item-title {
        font-size: 16px;
        line-height: 22px
    }
}

@media (min-width: 769px) {
    .uno3-nav2__lt .uno3-nav2__item-hover {
        padding:10px 20px 38px;
        width: calc(100% + 2px);
        position: absolute;
        z-index: -1;
        bottom: -1px;
        left: -1px;
        opacity: 0;
        -webkit-transform: translateY(12px);
        transform: translateY(12px);
        transition: all .4s ease-in-out;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_nav2_lt_item_hover_bg.png);
        background-size: cover;
        background-position: 100% 0;
        background-repeat: no-repeat
    }
}

@media (min-width: 769px) and (max-width:1539px) {
    .uno3-nav2__lt .uno3-nav2__item-hover {
        padding:11px 12px 39px
    }

    .uno3-nav2__lt .uno3-nav2__item-hover .uno3-nav2__item-title {
        font-size: 16px;
        line-height: 24px
    }

    .uno3-nav2__lt .uno3-nav2__item-hover .uno3-nav2__item-btn {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media (min-width: 769px) {
    .uno3-nav2__lt .uno3-nav2__item-hover:hover {
        -webkit-transform:translateY(0);
        transform: translateY(0)
    }
}

@media (min-width: 769px) {
    .uno3-nav2__lt .uno3-nav2__item:hover .uno3-nav2__item-normal {
        opacity:0
    }

    .uno3-nav2__lt .uno3-nav2__item:hover .uno3-nav2__item-hover {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        z-index: 1
    }
}

@media (min-width: 769px) {
    .uno3-nav2__lt .uno3-nav2__item-hover,.uno3-nav2__lt .uno3-nav2__item-normal {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 4px
    }
}

@media (min-width: 769px) {
    .uno3-nav2__lt .uno3-nav2__item:first-child .uno3-nav2__item-btn,.uno3-nav2__lt .uno3-nav2__item:first-child .uno3-nav2__item-hover,.uno3-nav2__lt .uno3-nav2__item:first-child .uno3-nav2__item-normal {
        padding-left:16px
    }
}

@media (min-width: 769px) {
    .uno3-nav2__lt .uno3-nav2__item:last-child .uno3-nav2__item-btn,.uno3-nav2__lt .uno3-nav2__item:last-child .uno3-nav2__item-hover,.uno3-nav2__lt .uno3-nav2__item:last-child .uno3-nav2__item-normal {
        padding-right:16px
    }
}

@media (min-width: 769px) {
    .uno3-nav2__lt .uno3-nav2__item:nth-child(n+2) .uno3-nav2__item-normal:before {
        content:"";
        display: inline-block;
        width: 1px;
        height: 48px;
        background: #e8ebf0;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media (min-width: 769px) {
    .uno3-nav2__lt .uno3-nav2__item-title {
        font-size:18px;
        line-height: 26px;
        font-weight: 500
    }
}

@media (min-width: 769px) {
    .uno3-nav2__lt .uno3-nav2__item-desc,.uno3-nav2__lt .uno3-nav2__item-title {
        color:#282e3e;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno3-nav2__lt .uno3-nav2__item-desc {
        font-size: 14px;
        line-height: 22px
    }
}

@media (min-width: 769px) {
    .uno3-nav2__lt .uno3-nav2__item-btn {
        position:absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 28px;
        background: linear-gradient(90deg,#0052d9 40%,#4687f3);
        padding: 3px 22px;
        text-align: left;
        font-size: 14px;
        line-height: 22px;
        color: #fff;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width: 769px) {
    .uno3-nav2__lt .uno3-nav2__item-m {
        display:none
    }
}

@media (min-width: 769px) {
    .uno3-nav2__rt {
        -ms-flex:0 0 auto;
        flex: 0 0 auto;
        border-radius: 4px;
        background: linear-gradient(202deg,hsla(0,0%,100%,0) 90.51%,rgba(0,36,217,.78) 140.13%),linear-gradient(38deg,hsla(0,0%,100%,0) 70.7%,rgba(255,120,0,.28) 109.79%),linear-gradient(91deg,#fff .17%,#ecf3ff 36.13%,#fff 71.59%,#ecf0ff 98.68%);
        height: 88px;
        overflow: hidden
    }

    .uno3-nav2__rt .uno3-nav2__item {
        width: 325px;
        height: 100%;
        padding-left: 20px;
        padding-right: 8px;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        gap: 12px;
        cursor: pointer;
        border-radius: 4px;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        position: relative
    }

    .uno3-nav2__rt .uno3-nav2__item:first-child:last-child:hover {
        border-radius: 4px
    }

    .uno3-nav2__rt .uno3-nav2__item:first-child {
        border-left: 1px solid #fff;
        border-right: 1px solid transparent
    }

    .uno3-nav2__rt .uno3-nav2__item:first-child:hover {
        border-radius: 4px 0 0 4px
    }

    .uno3-nav2__rt .uno3-nav2__item:last-child {
        border-right: 1px solid #fff;
        border-left: 1px solid transparent
    }

    .uno3-nav2__rt .uno3-nav2__item:last-child:hover {
        border-radius: 0 4px 4px 0
    }

    .uno3-nav2__rt .uno3-nav2__item:before {
        background: linear-gradient(47deg,rgba(255,120,0,0) 77.07%,rgba(255,120,0,.2) 95.51%),linear-gradient(90deg,#fff,#fff)
    }

    .uno3-nav2__rt .uno3-nav2__item:after,.uno3-nav2__rt .uno3-nav2__item:before {
        content: "";
        display: inline-block;
        width: 100%;
        height: 100%;
        position: absolute;
        opacity: 0;
        top: 0;
        right: 0;
        transition: opacity .3s ease-in-out
    }

    .uno3-nav2__rt .uno3-nav2__item:after {
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_nav2_rt_item_hover_bg.png);
        background-size: contain;
        background-position: 100% 0;
        background-repeat: no-repeat
    }

    .uno3-nav2__rt .uno3-nav2__item:hover {
        border: 1px solid #fff;
        box-shadow: 0 4px 16px 0 rgba(73,87,112,.08)
    }

    .uno3-nav2__rt .uno3-nav2__item:hover:after,.uno3-nav2__rt .uno3-nav2__item:hover:before {
        opacity: 1
    }

    .uno3-nav2__rt .uno3-nav2__item:hover .uno3-nav2__item-img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@media (min-width: 769px) and (max-width:1539px) {
    .uno3-nav2__rt .uno3-nav2__item {
        width:290px;
        padding-left: 12px;
        padding-right: 0;
        gap: 8px
    }

    .uno3-nav2__rt .uno3-nav2__item .uno3-nav2__item-title {
        font-size: 16px;
        line-height: 22px
    }
}

@media (min-width: 769px) {
    .uno3-nav2__rt .uno3-nav2__item-cont {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex: 1;
        flex: 1;
        position: relative
    }
}

@media (min-width: 769px) {
    .uno3-nav2__rt .uno3-nav2__item-img {
        position:relative;
        width: 90px;
        height: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50%;
        transition: -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
    }
}

@media (min-width: 769px) {
    .uno3-nav2__rt .uno3-nav2__item.is-type1 .uno3-nav2__item-img {
        background-image:url(/web/jinglisafe/assets/images/activity/uno3_nav2_rt_item_type1_icon.png)
    }
}

@media (min-width: 769px) {
    .uno3-nav2__rt .uno3-nav2__item.is-type2 .uno3-nav2__item-img {
        background-image:url(/web/jinglisafe/assets/images/activity/uno3_nav2_rt_item_type2_icon.png)
    }
}

@media (min-width: 769px) {
    .uno3-nav2__rt .uno3-nav2__item.is-type3 .uno3-nav2__item-img {
        background-image:url(/web/jinglisafe/assets/images/activity/uno3_nav2_rt_item_type3_icon.png)
    }
}

@media (min-width: 769px) {
    .uno3-nav2__rt .uno3-nav2__item-title {
        font-size:18px;
        line-height: 26px;
        font-weight: 500;
        color: #16181a;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media (min-width: 769px) {
    .uno3-nav2__rt .uno3-nav2__item-title-m {
        display:none
    }
}

@media (min-width: 769px) {
    .uno3-nav2__rt .uno3-nav2__item-price {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: baseline;
        align-items: baseline;
        color: #f64041
    }

    .uno3-nav2__rt .uno3-nav2__item-price-inte {
        font-size: 28px;
        line-height: 36px;
        font-weight: 600
    }

    .uno3-nav2__rt .uno3-nav2__item-price-deci {
        font-size: 14px;
        line-height: 22px;
        font-weight: 600
    }

    .uno3-nav2__rt .uno3-nav2__item-price-unit {
        margin-left: 4px;
        font-size: 12px;
        line-height: 20px;
        font-weight: 500
    }
}

@media (min-width: 769px) {
    .uno3-nav2+.qc-base-anchor-bar {
        margin-top:24px
    }
}

@media (max-width: 768px) {
    .uno3-nav2 {
        background:#fff
    }

    .uno3-nav2__lt {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: stretch;
        align-items: stretch;
        font-size: 0;
        background: #fff;
        border-bottom: 1px solid #e8ebf0
    }

    .uno3-nav2__lt .uno3-nav2__item {
        -ms-flex: 1;
        flex: 1;
        padding: 8px 16px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .uno3-nav2__lt .uno3-nav2__item:nth-child(n+2) {
        border-left: 1px solid #e8ebf0
    }

    .uno3-nav2__lt .uno3-nav2__item-title {
        font-size: 14px;
        line-height: 22px;
        font-weight: 500;
        color: #16181a;
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .uno3-nav2__lt .uno3-nav2__item-hover,.uno3-nav2__lt .uno3-nav2__item-normal {
        display: none
    }

    .uno3-nav2__lt.length-2,.uno3-nav2__lt.length-4 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-nav2__lt.length-2 .uno3-nav2__item,.uno3-nav2__lt.length-4 .uno3-nav2__item {
        text-decoration: none;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        width: 0
    }

    .uno3-nav2__lt.length-2 .uno3-nav2__item:nth-child(n+3),.uno3-nav2__lt.length-4 .uno3-nav2__item:nth-child(n+3) {
        border-top: 1px solid #e8ebf0
    }

    .uno3-nav2__lt.length-2 .uno3-nav2__item-m,.uno3-nav2__lt.length-4 .uno3-nav2__item-m {
        width: 100%
    }

    .uno3-nav2__lt.length-2 .uno3-nav2__item-title,.uno3-nav2__lt.length-4 .uno3-nav2__item-title {
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: normal;
        -webkit-line-clamp: initial;
        display: block
    }

    .uno3-nav2__rt .uno3-nav2__item {
        background: linear-gradient(93deg,#fff 19.6%,rgba(255,248,244,.6) 52.3%,#eef5ff 85%);
        padding: 0 10px 0 16px;
        height: 52px;
        flex-direction: row;
        gap: 20px;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-bottom: 1px solid #e8ebf0;
        overflow: hidden
    }

    .uno3-nav2__rt .uno3-nav2__item,.uno3-nav2__rt .uno3-nav2__item-cont {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-nav2__rt .uno3-nav2__item-cont {
        flex-direction: row;
        gap: 4px;
        -ms-flex: 1;
        flex: 1;
        width: 0
    }

    .uno3-nav2__rt .uno3-nav2__item-title {
        font-size: 14px;
        line-height: 22px;
        font-weight: 500;
        color: #16181a;
        -ms-flex-positive: 0;
        flex-grow: 0;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno3-nav2__rt .uno3-nav2__item-title-m {
        display: none
    }

    .uno3-nav2__rt .uno3-nav2__item-img {
        -ms-flex: 0 0 62px;
        flex: 0 0 62px;
        height: 60px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50%
    }

    .uno3-nav2__rt .uno3-nav2__item.is-type1 .uno3-nav2__item-img {
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_nav2_rt_item_type1_icon.png)
    }

    .uno3-nav2__rt .uno3-nav2__item.is-type2 .uno3-nav2__item-img {
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_nav2_rt_item_type2_icon.png)
    }

    .uno3-nav2__rt .uno3-nav2__item.is-type3 .uno3-nav2__item-img {
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_nav2_rt_item_type3_icon.png)
    }

    .uno3-nav2__rt .uno3-nav2__item-price {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: baseline;
        align-items: baseline;
        color: #f64041
    }

    .uno3-nav2__rt .uno3-nav2__item-price-deci,.uno3-nav2__rt .uno3-nav2__item-price-inte {
        font-size: 16px;
        line-height: 24px;
        font-weight: 600;
        line-height: 22px
    }

    .uno3-nav2__rt .uno3-nav2__item-price-unit {
        margin-left: 4px;
        font-size: 12px;
        line-height: 20px;
        font-weight: 500
    }

    .uno3-nav2__rt.length-2 {
        background: linear-gradient(93deg,#fff 19.6%,rgba(255,248,244,.6) 52.3%,#eef5ff 85%);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .uno3-nav2__rt.length-2 .uno3-nav2__item {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        height: 65px;
        background: transparent;
        gap: 12px
    }

    .uno3-nav2__rt.length-2 .uno3-nav2__item:nth-child(n+2) {
        position: relative
    }

    .uno3-nav2__rt.length-2 .uno3-nav2__item:nth-child(n+2):before {
        content: "";
        display: inline-block;
        width: 1px;
        height: 36px;
        background: #e8ebf0;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .uno3-nav2__rt.length-2 .uno3-nav2__item-cont {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: center;
        justify-content: center
    }

    .uno3-nav2__rt.length-2 .uno3-nav2__item-title,.uno3-nav2__rt.length-2 .uno3-nav2__item-title-m {
        -ms-flex: 1;
        flex: 1;
        width: 100%
    }

    .uno3-nav2__rt.length-2 .uno3-nav2__item-price {
        -ms-flex: 1;
        flex: 1;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        white-space: nowrap
    }
}

@media (min-width: 769px) {
    .uno3-nav2.is-full {
        padding-bottom:1px;
        position: relative
    }

    .uno3-nav2.is-full:before {
        content: "";
        display: inline-block;
        width: 100%;
        height: 84px;
        position: absolute;
        bottom: 0;
        left: 0;
        border-bottom: 1px solid #e8ebf0;
        background: linear-gradient(90deg,hsla(0,0%,100%,.68),#fff);
        box-shadow: inset 0 2px 0 0 hsla(0,0%,100%,.82);
        -webkit-backdrop-filter: blur(40px);
        backdrop-filter: blur(40px)
    }

    .uno3-nav2.is-full .uno3-nav2__inner {
        position: relative;
        z-index: 1;
        gap: 0
    }

    .uno3-nav2.is-full .uno3-nav2__lt {
        border: 0;
        border-radius: 0;
        height: 84px;
        background: transparent
    }

    .uno3-nav2.is-full .uno3-nav2__lt .uno3-nav2__item-normal {
        padding: 16px 20px
    }

    .uno3-nav2.is-full .uno3-nav2__lt .uno3-nav2__item:first-child .uno3-nav2__item-normal {
        padding-left: 0
    }

    .uno3-nav2.is-full .uno3-nav2__lt .uno3-nav2__item:last-child .uno3-nav2__item-normal {
        padding-right: 40px
    }

    .uno3-nav2.is-full .uno3-nav2__rt {
        border-radius: 0;
        height: 84px;
        border-left: 1px solid #e8ebf0;
        border-right: 1px solid #e8ebf0;
        background: transparent
    }

    .uno3-nav2.is-full .uno3-nav2__rt .uno3-nav2__item {
        border: 0;
        border-radius: 0
    }

    .uno3-nav2.is-full .uno3-nav2__rt .uno3-nav2__item-price {
        margin-top: 2px
    }

    .uno3-nav2.is-full .uno3-nav2__rt .uno3-nav2__item-price-inte {
        font-size: 18px;
        line-height: 22px
    }
}

@media screen and (min-width: 1320px) and (max-width:1539px) {
    .uno3-nav2 {
        padding-left:9%;
        padding-right: 9%
    }
}

@media screen and (min-width: 1540px) {
    .uno3-nav2 {
        padding-left:60px;
        padding-right: 60px
    }
}

@media screen and (max-width: 768px) {
    .uno3-nav2,.uno3-nav2 .qc-base-module {
        padding:0
    }
}

@media (min-width: 769px) {
    .uno3-nav2 {
        margin-top:-124px;
        position: relative;
        z-index: 1;
        margin-bottom: 24px
    }

    .uno3-nav2.is-full {
        margin-top: -96px;
        margin-bottom: auto
    }
}

.dianshi-editor-module .uno3-nav2__item:hover .uno3-nav2__item-normal {
    opacity: 1
}

.dianshi-editor-module .uno3-nav2__item:hover .uno3-nav2__item-hover {
    opacity: 0
}

.uno-page-intl .uno3-scene-card-scene,.uno-page-intl .uno3-scene-card-title {
    white-space: normal
}

.uno-page-intl .uno3-scene-card-info,.uno-page-intl .uno3-scene-card-subtit {
    word-wrap: break-word;
    overflow: initial;
    text-overflow: clip;
    display: block
}

.uno-page-intl .uno3-scene-card-info {
    height: auto
}

.uno-page-intl .uno3-scene-card-head .uno3-scene-card-tag-list {
    height: auto;
    margin-top: 0
}

.uno-page-intl .uno3-scene-card-foot {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.uno3-scene-card {
    background: #fff;
    border: 1px solid #eaedf1;
    box-shadow: 0 2px 8px rgba(55,99,170,.12);
    padding: 16px;
    position: relative;
    font-size: 0;
    height: 100%
}

@media (min-width: 769px) {
    .uno3-scene-card {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: justify;
        justify-content: space-between;
        transition: border .3s
    }

    .uno3-scene-card:hover {
        background: #fff;
        border: 1px solid #0052d9;
        box-shadow: 0 4px 12px rgba(55,99,170,.15)
    }

    .uno3-scene-card-head {
        -ms-flex: auto;
        flex: auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .uno3-scene-card-head .uno3-scene-card-tag-list {
        height: 64px;
        overflow: hidden;
        margin-top: auto
    }

    .uno3-scene-card-foot {
        -ms-flex: 1;
        flex: 1
    }

    .uno3-scene-card-info {
        height: 40px
    }
}

.uno3-scene-card:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 204px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_scenecard_img.png);
    background-size: 100% 100%
}

.uno3-scene-card-foot,.uno3-scene-card-head {
    position: relative;
    z-index: 1
}

.uno3-scene-card-foot {
    margin-top: 16px
}

.uno3-scene-card-scene {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #181818;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    padding-bottom: 4px
}

.uno3-scene-card-scene:after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #d6dbe3
}

.uno3-scene-card-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 22px;
    color: #181818;
    white-space: nowrap;
    word-break: keep-all;
    position: relative
}

.uno3-scene-card-subtit,.uno3-scene-card-title {
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 8px
}

.uno3-scene-card-subtit {
    font-size: 12px;
    line-height: 20px;
    color: #4b5b76;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 16px
}

.uno3-scene-card-tag-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    -ms-flex-align: start;
    align-items: flex-start
}

.uno3-scene-card a.uno3-scene-card-tag-item {
    display: inline-block;
    background: #f1f2f5;
    border-radius: 2px;
    padding: 4px;
    font-size: 12px;
    line-height: 20px;
    color: #4b5b76
}

@media (min-width: 769px) {
    .uno3-scene-card a.uno3-scene-card-tag-item {
        transition:border .3s ease-in-out,background-color .3s ease-in-out,color .3s ease-in-out
    }

    .uno3-scene-card a.uno3-scene-card-tag-item:hover {
        background: #e6efff;
        color: #0052d9
    }
}

.uno3-scene-card-info {
    font-size: 12px;
    line-height: 20px;
    color: #0052d9
}

@media (min-width: 769px) {
    .uno3-scene-card-info {
        word-wrap:break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }
}

.uno3-scene-card-btn {
    margin-top: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.uno3-scene-card-btn .uno3-button {
    -ms-flex: 1;
    flex: 1;
    padding-left: 8px;
    padding-right: 8px;
    min-width: auto
}

@media (min-width: 769px) {
    .uno3-vertical-tabs__search {
        margin-bottom:20px
    }

    .uno3-vertical-tabs__search .qc-base-input {
        width: 100%;
        padding-left: 36px;
        padding-right: 36px;
        background: #fff;
        border: 1px solid #cbd1dc
    }

    .uno3-vertical-tabs__search .qc-base-input:active,.uno3-vertical-tabs__search .qc-base-input:focus {
        border: 1px solid #0052d9
    }

    .uno3-vertical-tabs__search-input {
        position: relative;
        display: -ms-flexbox;
        display: flex
    }

    .uno3-vertical-tabs__search-input .uno3-button {
        width: 80px
    }

    .uno3-vertical-tabs__search-icon {
        position: absolute;
        width: 16px;
        height: 16px;
        display: inline-block;
        top: 10px;
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat
    }

    .uno3-vertical-tabs__search-icon.icon-search {
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_vertical_tabs_icon_search.svg);
        left: 12px
    }

    .uno3-vertical-tabs__search-icon.icon-close {
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_vertical_tabs_icon_close.svg);
        right: 96px;
        cursor: pointer;
        display: none
    }

    .uno3-vertical-tabs__search-icon.icon-close.is-show {
        display: inline-block
    }

    .uno3-vertical-tabs__search-info {
        font-size: 12px;
        line-height: 22px;
        color: #181818;
        margin-top: 8px
    }

    .uno3-vertical-tabs__search-info em {
        font-weight: 600
    }

    .uno3-vertical-tabs__search-tips {
        font-size: 18px;
        line-height: 26px;
        color: #97a3b7;
        padding: 148px 0;
        text-align: center;
        font-weight: 400
    }
}

@media (max-width: 768px) {
    .uno3-vertical-tabs__search {
        margin-bottom:16px
    }

    .uno3-vertical-tabs__search-input {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        position: relative
    }

    .uno3-vertical-tabs__search-input .uno3-button {
        -ms-flex: 0 0 60px;
        flex: 0 0 60px
    }

    .uno3-vertical-tabs__search .qc-base-input {
        -ms-flex: 1;
        flex: 1;
        padding-left: 40px;
        padding-right: 12px;
        background: #fff;
        border: 1px solid #cbd1dc;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno3-vertical-tabs__search .qc-base-input:active,.uno3-vertical-tabs__search .qc-base-input:focus {
        border: 1px solid #0052d9
    }

    .uno3-vertical-tabs__search-icon {
        position: absolute;
        width: 16px;
        height: 16px;
        display: inline-block;
        top: 10px;
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat
    }

    .uno3-vertical-tabs__search-icon.icon-search {
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_vertical_tabs_icon_search.svg);
        left: 12px
    }

    .uno3-vertical-tabs__search-info {
        font-size: 12px;
        line-height: 22px;
        color: #181818;
        margin-top: 4px
    }

    .uno3-vertical-tabs__search-info em {
        font-weight: 600
    }

    .uno3-vertical-tabs__search-tips {
        padding: 50px 0;
        text-align: center;
        font-size: 14px;
        line-height: 22px;
        color: #97a3b7
    }
}

.uno3-vertical-tabs__content-item {
    display: none
}

.uno3-vertical-tabs__content-item.is-active {
    display: block
}

@media (min-width: 769px) {
    .uno3-vertical-tabs {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 32px;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .uno3-vertical-tabs__label {
        -ms-flex: 0 0 148px;
        flex: 0 0 148px;
        width: 0
    }

    .uno3-vertical-tabs__label-bar {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 8px
    }

    .uno3-vertical-tabs__label-bar .uno3-vertical-tabs__label-item {
        padding: 8px 0;
        cursor: pointer;
        position: relative;
        color: #000;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px
    }

    .uno3-vertical-tabs__label-bar .uno3-vertical-tabs__label-item:hover {
        color: #0052d9
    }

    .uno3-vertical-tabs__label-bar .uno3-vertical-tabs__label-item:after {
        content: "";
        display: inline-block;
        width: 0;
        height: 2px;
        background: #0052d9;
        position: absolute;
        bottom: 0;
        left: 0;
        transition: width .3s ease-in-out
    }

    .uno3-vertical-tabs__label-bar .uno3-vertical-tabs__label-item.is-active {
        color: #0052d9
    }

    .uno3-vertical-tabs__label-bar .uno3-vertical-tabs__label-item.is-active:after {
        width: 100%
    }

    .uno3-vertical-tabs__label-bar .uno3-vertical-tabs__label-item-inner {
        max-width: 100%;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 8px
    }

    .uno3-vertical-tabs__label-bar .uno3-vertical-tabs__label-item-text {
        -ms-flex-positive: 1;
        flex-grow: 1;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno3-vertical-tabs__label-bar .uno3-vertical-tabs__label-item-tag {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: inline-block;
        width: 28px;
        height: 16px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50%
    }

    .uno3-vertical-tabs__label-bar .uno3-vertical-tabs__label-item-tag.type-hot {
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_vertical_tabs_tag_hot.svg)
    }

    .uno3-vertical-tabs__label-bar .uno3-vertical-tabs__label-item-tag.type-new {
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_vertical_tabs_tag_new.svg)
    }

    .uno3-vertical-tabs__content {
        -ms-flex: 1;
        flex: 1
    }

    .uno3-vertical-tabs__label-arrow,.uno3-vertical-tabs__label-panel {
        display: none
    }

    .uno3-vertical-tabs .uno3-pagination {
        margin-top: 20px
    }
}

@media (max-width: 768px) {
    .uno3-vertical-tabs {
        position:relative
    }

    .uno3-vertical-tabs__label {
        position: relative;
        border-top: 1px solid #eaedf1;
        border-bottom: 1px solid #eaedf1;
        background: #fff
    }

    .uno3-vertical-tabs__label-bar {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        white-space: nowrap;
        overflow: auto;
        position: relative
    }

    .uno3-vertical-tabs__label-bar::-webkit-scrollbar {
        display: none
    }

    .uno3-vertical-tabs__label-bar .uno3-vertical-tabs__label-item {
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        font-size: 14px;
        line-height: 22px;
        padding: 10px 12px;
        color: #181818;
        text-align: center;
        position: relative
    }

    .uno3-vertical-tabs__label-bar .uno3-vertical-tabs__label-item:after {
        content: "";
        display: inline-block;
        width: 0;
        height: 3px;
        background: #0052d9;
        border-radius: 8px;
        transition: width .3s ease-in-out;
        position: absolute;
        bottom: 3px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .uno3-vertical-tabs__label-bar .uno3-vertical-tabs__label-item.is-active {
        font-weight: 500;
        color: #0052d9
    }

    .uno3-vertical-tabs__label-bar .uno3-vertical-tabs__label-item.is-active:after {
        width: 28px
    }

    .uno3-vertical-tabs__label-bar .uno3-vertical-tabs__label-item-tag {
        display: none
    }

    .uno3-vertical-tabs__label-arrow {
        width: 40px;
        height: 42px;
        position: absolute;
        right: 0;
        top: 0;
        background-color: #fff;
        border-left: 1px solid #eaedf1
    }

    .uno3-vertical-tabs__label-arrow:after {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_vertical_tabs_label_panel_arrow.svg);
        background-size: 16px 16px;
        background-position: 50%;
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        transition: -webkit-transform .2s ease-in-out;
        transition: transform .2s ease-in-out;
        transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out
    }

    .uno3-vertical-tabs__label-arrow.is-show:after {
        -webkit-transform: translate(-50%,-50%) rotate(180deg);
        transform: translate(-50%,-50%) rotate(180deg)
    }

    .uno3-vertical-tabs__label-panel {
        display: none;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 16px;
        box-shadow: 0 4px 20px rgba(55,99,170,.1);
        background: #fff;
        position: absolute;
        top: 44px;
        left: 0;
        z-index: 10;
        width: 100%;
        gap: 12px;
        font-size: 0
    }

    .uno3-vertical-tabs__label-panel.is-show {
        display: -ms-flexbox;
        display: flex
    }

    .uno3-vertical-tabs__label-panel .uno3-vertical-tabs__label-item {
        background: #f1f2f5;
        color: #181818;
        height: 26px;
        width: calc(33.33333% - 8px);
        font-size: 12px;
        line-height: 26px;
        padding: 0 8px;
        text-align: center;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno3-vertical-tabs__label-panel .uno3-vertical-tabs__label-item.is-active {
        background-color: #0052d9;
        color: #fff
    }

    .uno3-vertical-tabs.has-panel .uno3-vertical-tabs__label {
        padding-right: 48px
    }

    .uno3-vertical-tabs__content {
        padding: 16px 16px 0
    }

    .uno3-vertical-tabs .uno3-pagination {
        margin-top: 20px
    }
}

@media (max-width: 768px) {
    .qc-base-module .uno3-vertical-tabs {
        width:calc(100% + 32px);
        margin-left: -16px;
        margin-right: -16px
    }
}

.uno3-hero2 {
    position: relative
}

.uno3-hero2__tag-wrap {
    position: absolute;
    top: 94px;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 768px) {
    .uno3-hero2__tag-wrap {
        top:16px
    }
}

.uno3-hero2__tag {
    white-space: nowrap
}

.uno3-hero2__tag,.uno3-hero2__video-btn {
    font-size: 12px;
    line-height: 20px;
    color: #181818;
    font-weight: 500
}

.uno3-hero2__video-btn {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.uno3-hero2__video-btn:after {
    margin-left: 4px;
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background-size: cover;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-hero2-icon-video-btn.svg)
}

.uno3-hero2__video-btn:hover {
    color: #0052d9
}

.uno3-hero2__video-btn:hover:after {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-hero2-icon-video-btn-hover.svg)
}

.uno3-hero2__tag+.uno3-hero2__video-btn {
    position: relative;
    margin-left: 24px
}

.uno3-hero2__tag+.uno3-hero2__video-btn:before {
    display: block;
    content: "";
    width: 1px;
    height: 12px;
    position: absolute;
    left: -12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: rgba(0,0,0,.2)
}

@media (min-width: 769px) {
    .uno3-hero2 {
        overflow:hidden;
        height: 400px;
        padding: 0 60px;
        position: relative;
        background-size: auto 100%;
        background-position: 50%;
        background-repeat: no-repeat
    }

    .uno3-hero2__inner {
        margin: auto;
        position: relative
    }

    .uno3-hero2__cont {
        max-width: 1000px;
        padding-top: 138px
    }
}

@media (min-width: 769px) and (max-width:1540px) {
    .uno3-hero2__cont {
        max-width:850px
    }
}

@media (min-width: 769px) {
    .uno3-hero2__title {
        font-size:44px;
        line-height: 56px;
        font-weight: 600;
        color: #181818;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno3-hero2__title.is-img {
        font-size: 0;
        line-height: normal;
        max-width: none
    }

    .uno3-hero2__title.is-img img {
        height: 44px
    }
}

@media (min-width: 769px) {
    .uno3-hero2__desc {
        margin-top:8px;
        font-size: 14px;
        line-height: 22px;
        color: #333;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno3-hero2__desc .qc-base-text {
        font-weight: 500
    }
}

@media (min-width: 769px) {
    .uno3-hero2__desc-m,.uno3-hero2__title-m {
        display:none
    }
}

@media (min-width: 769px) and (min-width:1540px) {
    .uno3-hero2 {
        padding-left:60px;
        padding-right: 60px
    }

    .uno3-hero2__inner {
        max-width: 1420px
    }
}

@media screen and (min-width: 769px) and (min-width:1320px) and (max-width:1539px) {
    .uno3-hero2 {
        padding-left:9%;
        padding-right: 9%
    }
}

@media (max-width: 768px) {
    .uno3-hero2 {
        background-size:auto 100%;
        background-position: 50%;
        background-repeat: no-repeat;
        height: 200px;
        padding: 64px 16px 0
    }

    .uno3-hero2__desc,.uno3-hero2__title {
        display: none
    }

    .uno3-hero2__title-m {
        font-size: 26px;
        line-height: 36px;
        font-weight: 500;
        color: #181818;
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .uno3-hero2__title-m.is-img {
        font-size: 0;
        line-height: normal;
        max-width: none
    }

    .uno3-hero2__title-m.is-img img {
        height: 24px
    }

    .uno3-hero2__desc-m {
        margin-top: 8px;
        font-size: 14px;
        line-height: 22px;
        color: #333;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno3-hero2__desc-m .qc-base-link {
        display: inline
    }
}

.uno-page-intl .uno3-voucher--get:after {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-intl-voucher-get.png)
}

.uno-page-intl .uno3-voucher__block-img {
    width: 33px;
    height: 53px;
    bottom: 0;
    right: 14px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-intl-voucher-block-symbol.png)
}

.uno-page-intl .uno3-voucher__block--get .uno3-voucher__block-inner:after {
    width: 38px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-intl-voucher-block-get.png)
}

.uno-page-intl .uno3-voucher__block-inner {
    text-align: center;
    height: 100%
}

.uno-page-intl .uno3-voucher__block-desc {
    white-space: normal
}

.uno-page-intl .uno3-voucher__aside .uno3-voucher__tag {
    white-space: nowrap
}

.uno-page-intl .uno3-voucher__aside .uno3-voucher__tag-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.uno-page-intl .uno3-voucher__aside-msg {
    margin-right: 4px
}

.uno-page-intl .uno3-voucher__aside-amount-integer {
    font-size: 24px;
    line-height: 32px
}

.uno-page-intl .uno3-voucher__aside .uno3-button {
    padding: 0 8px
}

@media (max-width: 768px) {
    .uno-page-intl .uno3-voucher__aside-amount-integer {
        font-size:20px;
        line-height: 28px
    }

    .uno-page-intl .uno3-voucher__block-amount-integer {
        font-size: 16px;
        line-height: 24px
    }
}

.uno-page-intl .uno3-voucher--batch .uno3-voucher__block--get:before {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-intl-voucher-batch-block-get.png)
}

@media (min-width: 769px) {
    .uno-page-intl .qc-base-grid__col:not(.qc-base-grid__col--24) .uno3-voucher__aside-operate {
        width:150px
    }
}

@media (min-width: 769px) and (min-width:1540px) {
    .uno-page-intl .qc-base-grid__col:not(.qc-base-grid__col--24) .uno3-voucher__aside-operate {
        width:252px
    }
}

.uno3-voucher {
    border: 1px solid #eaedf1;
    background: #fff;
    box-shadow: 0 2px 12px 0 rgba(55,99,170,.06);
    position: relative;
    overflow: hidden
}

.uno3-voucher__inner {
    position: relative;
    z-index: 1;
    padding: 20px
}

.uno3-voucher>.uno3-voucher__hd {
    padding: 20px;
    background: #f7faff
}

.uno3-voucher__top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.uno3-voucher__title {
    color: #181818;
    font-size: 20px;
    line-height: 28px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600
}

.uno3-voucher--batch .uno3-voucher__title {
    color: rgba(0,0,0,.9)
}

.uno3-voucher__desc {
    color: rgba(0,0,0,.9);
    font-size: 14px;
    line-height: 22px
}

.uno3-voucher__subtit {
    margin-top: 8px;
    color: rgba(0,0,0,.7);
    font-size: 14px;
    line-height: 22px
}

.uno3-voucher__content {
    margin: 20px 0;
    position: relative
}

.uno3-voucher--batch .uno3-voucher__content {
    margin-top: 0
}

.uno3-voucher__block-list {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.uno3-voucher__swiper-next,.uno3-voucher__swiper-prev {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background: #fff;
    box-shadow: 0 2px 4px 2px rgba(0,0,0,.05);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 2;
    cursor: pointer
}

.uno3-voucher__swiper-next:before,.uno3-voucher__swiper-prev:before {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background-size: cover
}

.uno3-voucher__swiper-next.is-disabled,.uno3-voucher__swiper-prev.is-disabled {
    cursor: not-allowed
}

.uno3-voucher__swiper-prev {
    left: -10px
}

.uno3-voucher__swiper-prev:before {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-voucher-swiper-prev.svg)
}

.uno3-voucher__swiper-prev:hover:before {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-voucher-swiper-prev-active.svg)
}

.uno3-voucher__swiper-prev.is-disabled:before {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-voucher-swiper-prev-disabled.svg)
}

.uno3-voucher__swiper-next {
    right: -10px
}

.uno3-voucher__swiper-next:before {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-voucher-swiper-next.svg)
}

.uno3-voucher__swiper-next:hover:before {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-voucher-swiper-next-active.svg)
}

.uno3-voucher__swiper-next.is-disabled:before {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-voucher-swiper-next-disabled.svg)
}

.uno3-voucher--get:after {
    display: block;
    content: "";
    width: 55px;
    height: 53px;
    position: absolute;
    right: 0;
    top: 0;
    background-size: cover;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-voucher-get.png)
}

.uno-type-ios .uno3-voucher__title,.uno-type-mac .uno3-voucher__title {
    font-weight: 500
}

@media screen and (max-width: 768px) {
    .uno3-voucher__inner {
        padding:15px
    }

    .uno3-voucher>.uno3-voucher__hd {
        padding: 12px 15px
    }

    .uno3-voucher__title {
        font-size: 16px;
        line-height: 24px
    }

    .uno3-voucher__content {
        margin: 12px 0
    }

    .uno3-voucher__block-list {
        gap: 6px
    }

    .uno3-voucher--batch .uno3-voucher__title {
        font-size: 18px;
        line-height: 26px
    }
}

@media (min-width: 769px) {
    .qc-base-grid__col .uno3-voucher {
        height:100%
    }

    .qc-base-grid__col .uno3-voucher__inner {
        height: 100%
    }

    .qc-base-grid__col .uno3-voucher--batch,.qc-base-grid__col .uno3-voucher__inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .qc-base-grid__col .uno3-voucher--batch .uno3-voucher__hd {
        -ms-flex: 1;
        flex: 1
    }

    .qc-base-grid__col .uno3-voucher--batch .uno3-voucher__subtit {
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .qc-base-grid__col .uno3-voucher--batch .uno3-voucher__inner {
        -ms-flex: 0 auto;
        flex: 0 auto;
        height: auto
    }

    .qc-base-grid__col .uno3-voucher__aside {
        margin-top: auto
    }
}

.uno3-voucher__tips {
    margin-top: 20px;
    position: relative;
    padding-left: 28px
}

.uno3-voucher__tips-icon {
    position: absolute;
    left: 0;
    top: 3px;
    display: inline-block;
    height: 16px;
    width: 16px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-voucher-tips-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.uno3-voucher__tips-text {
    font-size: 14px;
    line-height: 22px;
    color: rgba(0,0,0,.7)
}

@media (max-width: 768px) {
    .uno3-voucher__tips {
        margin-top:16px;
        padding-left: 0
    }

    .uno3-voucher__tips-icon {
        display: none
    }
}

@media (max-width: 768px) {
    .uno3-voucher--batch .uno3-voucher__top {
        -ms-flex-direction:column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 4px
    }
}

.uno3-voucher__block {
    padding: 0 6px;
    position: relative
}

.uno3-voucher__block:after,.uno3-voucher__block:before {
    content: "";
    width: 6px;
    height: 100%;
    position: absolute;
    top: 0;
    background-size: 100% 100%
}

.uno3-voucher__block:before {
    left: 0;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-voucher-block-left.png)
}

.uno3-voucher__block:after {
    right: 0;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-voucher-block-right.png)
}

.uno3-voucher__block-inner {
    padding: 7px 4px;
    border-top: 1px solid #d5e2f9;
    border-bottom: 1px solid #d5e2f9;
    background: #f3f7ff
}

.uno3-voucher__block--get .uno3-voucher__block-inner {
    position: relative
}

.uno3-voucher__block--get .uno3-voucher__block-inner:after {
    content: "";
    display: inline-block;
    width: 41px;
    height: 16.5px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-voucher-block-get.png);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    right: -6px;
    top: 0;
    z-index: 1
}

.uno3-voucher__block-title {
    padding: 8px 12px;
    background: #f3f7ff;
    color: #181818;
    text-align: center;
    font-size: 14px;
    line-height: 22px
}

.uno3-voucher__block-title,.uno3-voucher__block-title-inner {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-voucher__block-title-inner {
    position: relative;
    z-index: 1
}

.uno3-voucher__block-amount {
    vertical-align: baseline;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-voucher__block-amount-integer {
    color: rgba(0,0,0,.9);
    font-size: 20px;
    line-height: 28px;
    font-weight: 600
}

.uno3-voucher__block-amount-decimal {
    color: rgba(0,0,0,.9);
    font-size: 14px;
    line-height: 22px;
    font-weight: 600
}

.uno3-voucher__block-unit {
    margin-left: 4px;
    color: rgba(0,0,0,.9);
    font-size: 12px;
    line-height: 20px;
    font-weight: 600
}

.uno3-voucher__block-desc {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(0,0,0,.7);
    font-size: 12px;
    line-height: 20px
}

.uno3-voucher__block-amount,.uno3-voucher__block-desc {
    position: relative;
    z-index: 2
}

.uno3-voucher__block-img {
    width: 41px;
    height: 50px;
    position: absolute;
    bottom: 0;
    right: 10px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-voucher-block-symbol.png)
}

.uno3-voucher--batch .uno3-voucher__block {
    padding: 0;
    border: 1px solid #bcd4ff;
    background: #fff
}

.uno3-voucher--batch .uno3-voucher__block:after,.uno3-voucher--batch .uno3-voucher__block:before {
    content: none;
    display: none
}

.uno3-voucher--batch .uno3-voucher__block-inner {
    padding: 8px;
    border: 0;
    background: transparent
}

.uno3-voucher--batch .uno3-voucher__block-img {
    display: none
}

.uno3-voucher--batch .uno3-voucher__block--get {
    position: relative;
    overflow: hidden;
    border: 1px solid #dfeaff
}

.uno3-voucher--batch .uno3-voucher__block--get:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background: hsla(0,0%,100%,.64);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

@media (max-width: 768px) {
    .uno3-voucher--batch .uno3-voucher__block--get:after {
        background:linear-gradient(308deg,hsla(0,0%,100%,.57) 53.14%,#fff 84.24%)
    }
}

.uno3-voucher--batch .uno3-voucher__block--get:before {
    content: "";
    display: inline-block;
    width: 48px;
    height: 48px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-voucher-batch-block-get.png);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    left: -6px;
    top: -6px;
    z-index: 3
}

@media (max-width: 768px) {
    .uno3-voucher--batch .uno3-voucher__block--get:before {
        width:41px;
        height: 41px;
        left: -7px;
        top: -7px
    }
}

.uno3-voucher--batch .uno3-voucher__block--get .uno3-voucher__block-title:after {
    display: none!important
}

.uno3-voucher--batch .uno3-voucher__block--expiration {
    position: relative;
    overflow: hidden;
    border: 1px solid #dfeaff
}

.uno3-voucher--batch .uno3-voucher__block--expiration:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background: hsla(0,0%,100%,.64);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

@media (max-width: 768px) {
    .uno3-voucher--batch .uno3-voucher__block--expiration:after {
        background:linear-gradient(308deg,hsla(0,0%,100%,.57) 53.14%,#fff 84.24%)
    }
}

.uno3-voucher--batch .uno3-voucher__block--expiration:before {
    content: "";
    display: inline-block;
    width: 48px;
    height: 48px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-voucher-batch-block-expiration.png);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    left: -6px;
    top: -6px;
    z-index: 3
}

@media (max-width: 768px) {
    .uno3-voucher--batch .uno3-voucher__block--expiration:before {
        width:41px;
        height: 41px;
        left: -7px;
        top: -7px
    }
}

.uno3-voucher--batch .uno3-voucher__block-inner:after {
    display: none
}

.uno3-voucher--batch .uno3-voucher__block-amount {
    text-align: center
}

.uno3-voucher--batch .uno3-voucher__block-title {
    position: relative;
    z-index: 1
}

.uno3-voucher--batch .uno3-voucher__block-desc {
    text-align: center
}

.uno-type-ios .uno3-voucher__block-amount-decimal,.uno-type-ios .uno3-voucher__block-amount-intefer,.uno-type-ios .uno3-voucher__block-unit,.uno-type-mac .uno3-voucher__block-amount-decimal,.uno-type-mac .uno3-voucher__block-amount-intefer,.uno-type-mac .uno3-voucher__block-unit {
    font-weight: 500
}

@media screen and (max-width: 768px) {
    .uno3-voucher__block-inner {
        padding:9px 2px 11px
    }

    .uno3-voucher__block-title {
        padding: 4px 8px;
        font-size: 12px;
        line-height: 20px
    }

    .uno3-voucher__block-amount-decimal,.uno3-voucher__block-amount-integer {
        font-size: 14px;
        line-height: 22px
    }

    .uno3-voucher--batch .uno3-voucher__block-inner {
        padding: 4px 8px
    }
}

.uno3-voucher__aside {
    border-top: 1px dashed #eaedf1;
    padding-top: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.uno3-voucher__aside-label {
    width: 0;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.uno3-voucher__aside .uno3-voucher__tag-list {
    display: -ms-flexbox;
    display: flex;
    gap: 4px
}

.uno3-voucher__aside .uno3-voucher__tag {
    border: 1px solid;
    border-radius: 2px;
    padding: 0 3px;
    font-size: 12px;
    line-height: 16px
}

.uno3-voucher__aside .uno3-voucher__tag.type-vip {
    border-color: #fdc668;
    background: linear-gradient(79deg,#ffe9c3 49.11%,#fff5e3 68.01%,#ffe9c3 90.37%);
    color: #975129
}

.uno3-voucher__aside .uno3-voucher__tag.type-normal {
    border-color: #d6dbe3;
    background: #fff;
    color: #4b5b76
}

.uno3-voucher__aside-title {
    margin-top: 8px;
    color: rgba(0,0,0,.9);
    font-size: 18px;
    line-height: 26px;
    font-weight: 500
}

.uno3-voucher__aside-amount {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline
}

.uno3-voucher__aside .uno3-voucher__tag-list+.uno3-voucher__aside-amount {
    margin-top: 8px
}

.uno3-voucher__aside-msg {
    color: rgba(0,0,0,.9);
    font-size: 12px;
    line-height: 20px;
    font-weight: 600
}

.uno3-voucher__aside-amount-integer {
    color: rgba(0,0,0,.9);
    font-size: 28px;
    line-height: 36px;
    font-weight: 600
}

.uno3-voucher__aside-amount-decimal {
    color: rgba(0,0,0,.9);
    font-size: 14px;
    line-height: 22px;
    font-weight: 600
}

.uno3-voucher__aside-unit {
    margin-left: 4px;
    color: rgba(0,0,0,.9);
    font-size: 12px;
    line-height: 20px;
    font-weight: 600
}

.uno3-voucher__aside-operate {
    margin-left: 20px;
    width: 200px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.uno3-voucher__aside .uno3-button {
    width: 100%
}

.uno3-voucher__aside .uno3-button--tag {
    border-radius: 2px 2px 0 2px;
    font-size: 12px;
    line-height: 18px
}

.uno3-voucher__aside .uno3-voucher__progress {
    margin-top: 5px;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    width: 100%;
    -ms-flex-align: center;
    align-items: center
}

.uno3-voucher__aside .uno3-voucher__progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 10px;
    border-radius: 5px;
    background: rgba(0,82,217,.15)
}

.uno3-voucher__aside .uno3-voucher__progress-inner {
    position: absolute;
    left: 0;
    top: 0;
    height: 10px;
    border-radius: 5px;
    background: linear-gradient(282deg,#0052d9 -2.56%,#1e73f2 93.32%),#fff
}

.uno3-voucher__aside .uno3-voucher__progress-text {
    position: relative;
    z-index: 1;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.uno3-voucher__aside .uno3-voucher__progress-tip {
    color: #0052d9;
    font-size: 12px;
    line-height: 16px
}

.uno-type-ios .uno3-voucher__aside-amount-decimal,.uno-type-ios .uno3-voucher__aside-amount-integer,.uno-type-ios .uno3-voucher__aside-msg,.uno-type-ios .uno3-voucher__aside-unit,.uno-type-mac .uno3-voucher__aside-amount-decimal,.uno-type-mac .uno3-voucher__aside-amount-integer,.uno-type-mac .uno3-voucher__aside-msg,.uno-type-mac .uno3-voucher__aside-unit {
    font-weight: 500
}

@media screen and (min-width: 1540px) {
    .uno3-voucher__aside-operate {
        width:300px
    }
}

@media screen and (max-width: 768px) {
    .uno3-voucher__aside {
        padding-top:12px;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .uno3-voucher__aside-label,.uno3-voucher__aside-operate {
        width: 100%
    }

    .uno3-voucher__aside-title {
        font-size: 16px;
        line-height: 24px
    }

    .uno3-voucher__aside-operate {
        margin: 12px 0 0
    }

    .uno3-voucher__aside-amount-decimal {
        font-size: 20px;
        line-height: 28px;
        line-height: 22px
    }
}

.uno3-renew-bar {
    background: #0052d9
}

.uno3-renew-bar__inner {
    padding: 24px 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_renewbar_normal_decro.png);
    background-size: auto 100%;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    position: relative
}

.uno3-renew-bar__title {
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    color: #fff
}

@media (min-width: 769px) {
    .uno3-renew-bar__title {
        white-space:nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.uno3-renew-bar__desc {
    font-size: 14px;
    line-height: 22px;
    color: hsla(0,0%,100%,.8)
}

@media (min-width: 769px) {
    .uno3-renew-bar__desc {
        white-space:nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.uno3-renew-bar__tag {
    position: absolute;
    display: inline-block;
    right: 0;
    top: 0;
    padding: 4px 20px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    border-radius: 0 0 0 12px;
    background: linear-gradient(110deg,#fffcf8,#feda96),#fff;
    box-shadow: inset 1px -1px 0 0 #fff;
    color: #674532
}

.uno3-renew-bar__tag-label+.uno3-renew-bar__tag-value {
    margin-left: 8px;
    padding-left: 8px;
    position: relative
}

.uno3-renew-bar__tag-label+.uno3-renew-bar__tag-value:before {
    content: "";
    display: inline-block;
    width: .5px;
    height: 12px;
    position: absolute;
    top: calc(50% - 6px);
    left: 0;
    background: #674532
}

.uno3-renew-bar .qc-base-text--highlight {
    color: #ff7800
}

.uno3-renew-bar .qc-base-link {
    color: #49beff
}

.uno3-renew-bar__v1,.uno3-renew-bar__v2,.uno3-renew-bar__v3 {
    background: linear-gradient(110deg,#fffcf8,#ffe4bd 52.6%,#feda96)
}

.uno3-renew-bar__v1 .qc-base-text--highlight,.uno3-renew-bar__v2 .qc-base-text--highlight,.uno3-renew-bar__v3 .qc-base-text--highlight {
    color: #ff7800
}

.uno3-renew-bar__v1 .qc-base-link,.uno3-renew-bar__v2 .qc-base-link,.uno3-renew-bar__v3 .qc-base-link {
    color: #0052d9
}

.uno3-renew-bar__v1 .uno3-renew-bar__inner,.uno3-renew-bar__v2 .uno3-renew-bar__inner,.uno3-renew-bar__v3 .uno3-renew-bar__inner {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_renewbar_vip_decro.png)
}

.uno3-renew-bar__v1 .uno3-renew-bar__title,.uno3-renew-bar__v2 .uno3-renew-bar__title,.uno3-renew-bar__v3 .uno3-renew-bar__title {
    color: #674532
}

.uno3-renew-bar__v1 .uno3-renew-bar__desc,.uno3-renew-bar__v2 .uno3-renew-bar__desc,.uno3-renew-bar__v3 .uno3-renew-bar__desc {
    color: #a37e6e
}

.uno3-renew-bar__v1 .uno3-renew-bar__tag {
    box-shadow: inset 1px -1px 0 0 #fff;
    background: linear-gradient(90deg,#fcfdfd,#e6e9ef);
    color: #282e4e
}

.uno3-renew-bar__v1 .uno3-renew-bar__tag-label+.uno3-renew-bar__tag-value:before {
    background: #282e4e
}

.uno3-renew-bar__v2 .uno3-renew-bar__tag {
    box-shadow: inset 1px -1px 0 0 #fff;
    background: linear-gradient(110deg,#fffcf8,#feda96),#fff;
    color: #674532
}

.uno3-renew-bar__v2 .uno3-renew-bar__tag-label+.uno3-renew-bar__tag-value:before {
    background: #674532
}

.uno3-renew-bar__v3 .uno3-renew-bar__tag {
    box-shadow: inset 1px -1px 0 0 #e5c3ae;
    background: linear-gradient(73deg,#191919 51.97%,#4e4e4e 69.09%,#1a1a1a 88.2%),linear-gradient(110deg,#4d4d4d,#1a1a1a),#fff;
    color: #ffd9c2
}

.uno3-renew-bar__v3 .uno3-renew-bar__tag-label+.uno3-renew-bar__tag-value:before {
    background: #ffd9c2
}

@media (max-width: 768px) {
    .uno3-renew-bar .uno3-renew-bar__inner {
        padding:16px;
        gap: 0
    }

    .uno3-renew-bar .uno3-renew-bar__title {
        font-size: 14px;
        line-height: 22px
    }

    .uno3-renew-bar .uno3-renew-bar__desc {
        font-size: 12px;
        line-height: 20px
    }

    .uno3-renew-bar .uno3-renew-bar__tag {
        padding: 0 6px;
        border-radius: 2px;
        font-size: 12px;
        line-height: 20px;
        box-shadow: none;
        top: -10px
    }

    .uno3-renew-bar .uno3-renew-bar__tag .uno3-renew-bar__tag-label+.uno3-renew-bar__tag-value {
        margin-left: 4px;
        padding-left: 4px
    }

    .uno3-renew-bar .uno3-renew-bar__tag .uno3-renew-bar__tag-label+.uno3-renew-bar__tag-value:before {
        height: 10px;
        top: calc(50% - 5px)
    }
}

@media (max-width: 768px) {
    .qc-base-module .uno3-renew-bar {
        width:calc(100% + 32px);
        margin-left: -16px;
        margin-right: -16px
    }
}

@media (min-width: 769px) {
    .uno3-renew-tabs {
        border:1px solid #d6dbe3
    }

    .uno3-renew-tabs-label {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        overflow: hidden;
        background: #fff
    }

    .uno3-renew-tabs-label-container {
        overflow-x: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
        min-width: 100%;
        white-space: nowrap;
        display: -ms-flexbox;
        display: flex
    }

    .uno3-renew-tabs-label-container::-webkit-scrollbar {
        display: none
    }

    .uno3-renew-tabs-label-item {
        cursor: pointer;
        -ms-flex: 1;
        flex: 1;
        padding: 12px 16px;
        height: 76px;
        display: inline-block;
        vertical-align: top;
        position: relative
    }

    .uno3-renew-tabs-label-item:after {
        display: inline-block;
        content: "";
        width: 0;
        height: 2px;
        background: #0052d9;
        position: absolute;
        bottom: 0;
        left: 0;
        opacity: 0;
        transition: width .3s ease-in-out,opacity .3s ease-in-out
    }

    .uno3-renew-tabs-label-item:nth-child(n+2):before {
        background: #d6dbe3;
        content: "";
        display: inline-block;
        width: 1px;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0
    }

    .uno3-renew-tabs-label-item-tit {
        font-size: 18px;
        line-height: 26px;
        font-weight: 500;
        color: #181818
    }

    .uno3-renew-tabs-label-item-subtit {
        margin-top: 4px;
        font-size: 14px;
        line-height: 22px;
        color: #4c5b76
    }

    .uno3-renew-tabs-label-item-subtit .qc-base-text--highlight {
        color: #ff5911
    }

    .uno3-renew-tabs-label-item-desc {
        margin-top: 4px;
        font-size: 14px;
        line-height: 22px;
        color: #97a3b7;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-renew-tabs-label-item-desc-expire,.uno3-renew-tabs-label-item-desc-product {
        width: 50%
    }

    .uno3-renew-tabs-label-item-desc-num {
        margin-left: 6px
    }

    .uno3-renew-tabs-label-item-desc-product .uno3-renew-tabs-label-item-desc-num {
        color: #0052d9;
        font-weight: 500
    }

    .uno3-renew-tabs-label-item-desc-expire .uno3-renew-tabs-label-item-desc-num {
        color: #f64041;
        font-weight: 500
    }

    .uno3-renew-tabs-label-item:hover .uno3-renew-tabs-label-item-tit {
        color: #0052d9
    }

    .uno3-renew-tabs-label-item.is-active {
        position: relative
    }

    .uno3-renew-tabs-label-item.is-active .uno3-renew-tabs-label-item-tit {
        color: #0052d9
    }

    .uno3-renew-tabs-label-item.is-active:after {
        display: inline-block;
        opacity: 1;
        content: "";
        width: 100%;
        height: 2px;
        background: #0052d9;
        position: absolute;
        bottom: 0;
        left: 0;
        transition: width .3s ease-in-out,opacity .3s ease-in-out
    }

    .uno3-renew-tabs-scroll .uno3-renew-tabs-label {
        padding: 0 20px;
        position: relative
    }

    .uno3-renew-tabs-scroll .uno3-renew-tabs-label-container {
        display: block
    }

    .uno3-renew-tabs-scroll .uno3-renew-tabs-label-btn {
        width: 20px;
        height: 100%;
        position: absolute;
        top: 0;
        cursor: pointer
    }

    .uno3-renew-tabs-scroll .uno3-renew-tabs-label-btn-icon {
        width: 16px;
        height: 16px;
        display: inline-block;
        position: absolute;
        top: calc(50% - 8px);
        left: calc(50% - 8px);
        background-size: 48px 16px;
        background-position: 0;
        background-repeat: no-repeat
    }

    .uno3-renew-tabs-scroll .uno3-renew-tabs-label-btn:not(.is-disabled):hover .uno3-renew-tabs-label-btn-icon {
        background-position: -16px
    }

    .uno3-renew-tabs-scroll .uno3-renew-tabs-label-btn.is-disabled {
        cursor: not-allowed
    }

    .uno3-renew-tabs-scroll .uno3-renew-tabs-label-btn.is-disabled .uno3-renew-tabs-label-btn-icon {
        background-position: -32px
    }

    .uno3-renew-tabs-scroll .uno3-renew-tabs-label-btn-left {
        left: 0
    }

    .uno3-renew-tabs-scroll .uno3-renew-tabs-label-btn-left .uno3-renew-tabs-label-btn-icon {
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_renew_tabs_icon_left.png)
    }

    .uno3-renew-tabs-scroll .uno3-renew-tabs-label-btn-right {
        right: 0
    }

    .uno3-renew-tabs-scroll .uno3-renew-tabs-label-btn-right .uno3-renew-tabs-label-btn-icon {
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_renew_tabs_icon_right.png)
    }

    .uno3-renew-tabs-scroll .uno3-renew-tabs-label-item {
        width: calc(16.66667% + .16667px)
    }

    .uno3-renew-tabs-content {
        background: #fafafa
    }

    .uno3-renew-tabs-content-item {
        display: none
    }

    .uno3-renew-tabs-content-item.is-active {
        display: block
    }

    .uno3-renew-tabs-content-item-tips {
        border-bottom: 1px solid #e2ebfc;
        background: #ecf2fe;
        width: 100%;
        padding: 6px 20px;
        font-size: 12px;
        line-height: 20px;
        color: #000;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-renew-tabs-content-item-tips-icon {
        width: 12px;
        height: 12px;
        display: inline-block;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_renew_tabs_tips_icon.svg);
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat;
        margin-right: 8px
    }

    .uno3-renew-tabs-content-item-tips .qc-base-action,.uno3-renew-tabs-content-item-tips .qc-base-link,.uno3-renew-tabs-content-item-tips .qc-base-text {
        margin: 0 6px
    }

    .uno3-renew-tabs-content-item-inner {
        padding: 20px 24px;
        max-height: 528px;
        overflow: overlay
    }

    .uno3-renew-tabs-content-item-inner::-webkit-scrollbar {
        background-color: transparent;
        width: 7px;
        height: 4px;
        background-clip: padding-box
    }

    .uno3-renew-tabs-content-item-inner::-webkit-scrollbar-button {
        background-color: transparent
    }

    .uno3-renew-tabs-content-item-inner::-webkit-scrollbar-thumb {
        background: #d6dbe3;
        border-radius: 0;
        border-right: 4px solid #fafafa
    }

    .uno3-renew-tabs-content-item-inner::-webkit-scrollbar-corner {
        background-color: transparent
    }
}

@media (max-width: 768px) {
    .uno3-renew-tabs-label {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        overflow: hidden;
        background: #fff
    }

    .uno3-renew-tabs-label-container {
        overflow-x: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
        min-width: 100%;
        white-space: nowrap;
        display: -ms-flexbox;
        display: flex
    }

    .uno3-renew-tabs-label-container::-webkit-scrollbar {
        display: none
    }

    .uno3-renew-tabs-label-item {
        max-height: 58px;
        cursor: pointer;
        min-width: 146px;
        padding: 8px 12px;
        display: inline-block;
        vertical-align: top;
        position: relative;
        -ms-flex: 1;
        flex: 1
    }

    .uno3-renew-tabs-label-item:first-child {
        padding-left: 16px
    }

    .uno3-renew-tabs-label-item:last-child {
        padding-right: 16px
    }

    .uno3-renew-tabs-label-item:nth-child(n+2):before {
        content: "";
        display: inline-block;
        width: 1px;
        height: 100%;
        background: #d6dbe3;
        position: absolute;
        left: 0;
        top: 0
    }

    .uno3-renew-tabs-label-item-tit {
        font-size: 14px;
        line-height: 22px;
        font-weight: 500;
        color: #181818
    }

    .uno3-renew-tabs-label-item-subtit {
        font-size: 12px;
        line-height: 20px;
        color: #4c5b76
    }

    .uno3-renew-tabs-label-item-subtit .qc-base-text--highlight {
        color: #ff5911
    }

    .uno3-renew-tabs-label-item-desc {
        font-size: 12px;
        line-height: 20px;
        color: #97a3b7;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-renew-tabs-label-item-desc-num {
        margin-left: 4px
    }

    .uno3-renew-tabs-label-item-desc-product .uno3-renew-tabs-label-item-desc-num {
        color: #0052d9;
        font-weight: 500
    }

    .uno3-renew-tabs-label-item-desc-expire {
        margin-left: 8px
    }

    .uno3-renew-tabs-label-item-desc-expire .uno3-renew-tabs-label-item-desc-num {
        color: #f64041;
        font-weight: 500
    }

    .uno3-renew-tabs-label-item.is-active {
        position: relative
    }

    .uno3-renew-tabs-label-item.is-active .uno3-renew-tabs-label-item-tit {
        color: #0052d9
    }

    .uno3-renew-tabs-label-item.is-active:after {
        display: inline-block;
        content: "";
        width: 100%;
        height: 2px;
        background: #0052d9;
        position: absolute;
        bottom: 0;
        left: 0
    }

    .uno3-renew-tabs-scroll .uno3-renew-tabs-label {
        position: relative
    }

    .uno3-renew-tabs-scroll .uno3-renew-tabs-label-btn {
        display: none
    }

    .uno3-renew-tabs-content {
        background: #fafafa
    }

    .uno3-renew-tabs-content-item {
        display: none
    }

    .uno3-renew-tabs-content-item.is-active {
        display: block
    }

    .uno3-renew-tabs-content-item-tips {
        border-bottom: 1px solid #e2ebfc;
        background: #ecf2fe;
        width: 100%;
        padding: 4px 16px;
        font-size: 12px;
        line-height: 20px;
        color: #000
    }

    .uno3-renew-tabs-content-item-tips-icon {
        width: 12px;
        height: 12px;
        display: inline-block;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_renew_tabs_tips_icon.svg);
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat;
        margin-right: 6px;
        vertical-align: -2px
    }

    .uno3-renew-tabs-content-item-tips .qc-base-action,.uno3-renew-tabs-content-item-tips .qc-base-link,.uno3-renew-tabs-content-item-tips .qc-base-text {
        margin: 0 6px
    }

    .uno3-renew-tabs-content-item-inner {
        padding: 14px 16px
    }
}

.uno3-renew-tabs-label .uno3-renew-vip {
    display: none
}

@media (min-width: 769px) {
    .qc-base-module .uno3-renew-bar+.uno3-renew-tabs {
        margin-top:20px
    }

    .boundary-element {
        position: absolute;
        width: 1px;
        height: 100%;
        pointer-events: none;
        opacity: 0
    }
}

@media (max-width: 768px) {
    .qc-base-module .uno3-renew-tabs {
        margin-left:-16px;
        margin-right: -16px;
        width: calc(100% + 32px)
    }
}

.uno3-renew-vip+.uno3-renew-vip-recommend {
    margin-top: 16px
}

@media (max-width: 768px) {
    .uno3-renew-vip+.uno3-renew-vip-recommend {
        margin-top:12px
    }
}

.uno3-renew-vip-recommend+.uno3-renew-vip-recommend {
    margin-top: 20px
}

.uno3-renew-vip-recommend-head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center
}

.uno3-renew-vip-recommend-head-title {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    color: #f64041
}

.uno3-renew-vip-recommend-head-subtit {
    margin-left: 12px;
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76
}

.uno3-renew-vip-recommend-head-subtit .tp-text-strong {
    color: #181818
}

@media (max-width: 768px) {
    .uno3-renew-vip-recommend {
        border:0;
        background: transparent;
        padding: 12px 0 0;
        border-top: 1px solid #e3e6eb
    }

    .uno3-renew-vip-recommend-head {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .uno3-renew-vip-recommend-head-title {
        font-size: 16px;
        line-height: 24px
    }

    .uno3-renew-vip-recommend-head-subtit {
        margin-top: 4px;
        margin-left: 0
    }
}

.uno3-renew-vip-recommend-body {
    margin-top: 12px
}

@media (min-width: 769px) {
    .uno3-renew-vip-recommend .uno3-buy-card-middle .uno3-buy-card__btn {
        -ms-flex:0 0 120px;
        flex: 0 0 120px
    }

    .uno3-renew-vip-recommend .uno3-buy-card-middle .uno3-buy-card__btn .uno3-button {
        width: 120px
    }
}

@media (min-width: 769px) {
    .uno3-renew-vip-recommend-inner.show-m {
        display:none
    }
}

@media (max-width: 768px) {
    .uno3-renew-vip-recommend-inner.show-pc {
        display:none
    }

    .uno3-renew-vip-recommend-body {
        margin-top: 12px
    }
}

.uno3-renew-vip-recommend-inner .swiper {
    margin-right: -16px;
    padding-right: 16px;
    margin-left: -16px;
    padding-left: 16px
}

.uno3-renew-vip-recommend-inner .swiper-wrapper {
    padding-top: 4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.uno3-renew-vip-recommend-inner .swiper-pagination {
    bottom: auto;
    left: auto;
    position: relative;
    margin: 7px auto 0
}

.uno3-renew-vip-recommend-inner .swiper-pagination .swiper-pagination-bullet {
    width: 30px;
    height: 4px;
    border-radius: 2px;
    background: #d7dbe0;
    position: relative;
    opacity: 1
}

.uno3-renew-vip-recommend-inner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: linear-gradient(0deg,#0052d9,#0052d9),#d7dbe0
}

.uno3-renew-vip-recommend-inner .swiper-pagination .swiper-pagination-bullet:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 24px;
    position: absolute;
    top: -10px;
    left: 0
}

@media (min-width: 769px) {
    .uno3-renew-vip-recommend-inner {
        position:relative
    }

    .uno3-renew-vip-recommend-inner.card-1 .swiper-pagination,.uno3-renew-vip-recommend-inner.card-1 .uno3-renew-vip-recommend-swiper-handle-next,.uno3-renew-vip-recommend-inner.card-1 .uno3-renew-vip-recommend-swiper-handle-prev,.uno3-renew-vip-recommend-inner.card-2 .swiper-pagination,.uno3-renew-vip-recommend-inner.card-2 .uno3-renew-vip-recommend-swiper-handle-next,.uno3-renew-vip-recommend-inner.card-2 .uno3-renew-vip-recommend-swiper-handle-prev {
        display: none
    }

    .uno3-renew-vip-recommend-inner .swiper {
        margin: 0;
        padding: 0
    }

    .uno3-renew-vip-recommend-inner .swiper-pagination {
        display: none
    }

    .uno3-renew-vip-recommend-inner .uno3-renew-vip-recommend-swiper-handle-next,.uno3-renew-vip-recommend-inner .uno3-renew-vip-recommend-swiper-handle-prev {
        display: inline-block;
        border-radius: 50px;
        background: #fff;
        width: 28px;
        height: 28px;
        box-shadow: 5px 5px 15px 0 rgba(55,99,170,.12);
        position: absolute;
        top: calc(50% - 16px);
        z-index: 10
    }

    .uno3-renew-vip-recommend-inner .uno3-renew-vip-recommend-swiper-handle-next:after,.uno3-renew-vip-recommend-inner .uno3-renew-vip-recommend-swiper-handle-prev:after {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        background-size: 16px 16px;
        background-position: 50%;
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .uno3-renew-vip-recommend-inner .uno3-renew-vip-recommend-swiper-handle-next:not(.is-disabled):hover,.uno3-renew-vip-recommend-inner .uno3-renew-vip-recommend-swiper-handle-prev:not(.is-disabled):hover {
        cursor: pointer
    }

    .uno3-renew-vip-recommend-inner .uno3-renew-vip-recommend-swiper-handle-next.is-disabled,.uno3-renew-vip-recommend-inner .uno3-renew-vip-recommend-swiper-handle-prev.is-disabled {
        cursor: not-allowed
    }

    .uno3-renew-vip-recommend-inner .uno3-renew-vip-recommend-swiper-handle-prev {
        left: -18px
    }

    .uno3-renew-vip-recommend-inner .uno3-renew-vip-recommend-swiper-handle-prev:after {
        background-image: url(/web/jinglisafe/assets/images/activity/renew_v4_swiper_prev_normal.svg)
    }

    .uno3-renew-vip-recommend-inner .uno3-renew-vip-recommend-swiper-handle-prev:not(.is-disabled):hover:after {
        background-image: url(/web/jinglisafe/assets/images/activity/renew_v4_swiper_prev_hover.svg)
    }

    .uno3-renew-vip-recommend-inner .uno3-renew-vip-recommend-swiper-handle-prev.is-disabled:after {
        background-image: url(/web/jinglisafe/assets/images/activity/renew_v4_swiper_prev_disabled.svg)
    }

    .uno3-renew-vip-recommend-inner .uno3-renew-vip-recommend-swiper-handle-next {
        right: -20px
    }

    .uno3-renew-vip-recommend-inner .uno3-renew-vip-recommend-swiper-handle-next:after {
        background-image: url(/web/jinglisafe/assets/images/activity/renew_v4_swiper_next_normal.svg)
    }

    .uno3-renew-vip-recommend-inner .uno3-renew-vip-recommend-swiper-handle-next:not(.is-disabled):hover:after {
        background-image: url(/web/jinglisafe/assets/images/activity/renew_v4_swiper_next_hover.svg)
    }

    .uno3-renew-vip-recommend-inner .uno3-renew-vip-recommend-swiper-handle-next.is-disabled:after {
        background-image: url(/web/jinglisafe/assets/images/activity/renew_v4_swiper_next_disabled.svg)
    }
}

@media (max-width: 768px) {
    .uno3-renew-vip-recommend-inner.card-1 .swiper-pagination {
        display:none
    }
}

@media screen and (min-width: 769px) {
    .uno3-renew-vip.is-group {
        position:relative
    }

    .uno3-renew-vip.is-group .uno3-renew-vip__price,.uno3-renew-vip.is-group .uno3-renew-vip__price-current {
        width: 100%
    }

    .uno3-renew-vip.is-group .uno3-renew-vip__price-desc,.uno3-renew-vip.is-group .uno3-renew-vip__price-unit {
        white-space: nowrap
    }

    .uno3-renew-vip.is-group .uno3-renew-vip__price-average,.uno3-renew-vip.is-group .uno3-renew-vip__price-coupon {
        display: none
    }
}

.uno3-renew-vip__title-link-icon.icon-group {
    display: none
}

.uno3-renew-vip__group-tag {
    position: absolute;
    top: -4px;
    right: -1px;
    width: 61px;
    height: 20px;
    background-size: cover;
    background-image: url(/web/jinglisafe/assets/images/activity/renew_v4_group_tag.png)
}

.uno3-renew-vip__tag-group {
    display: none
}

.uno3-renew-vip__group-tip {
    margin-bottom: 12px;
    padding: 0 16px;
    display: inline-block;
    height: 22px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    background: linear-gradient(79deg,#ffe9c3 49.11%,#fff5e3 68.01%,#ffe9c3 90.37%);
    color: #742e10;
    font-size: 12px;
    line-height: 22px;
    font-weight: 500;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (max-width: 768px) {
    .uno3-renew-vip__group-tag {
        position:static;
        margin-left: 8px;
        display: none;
        width: 0;
        -ms-flex: 0 0 64px;
        flex: 0 0 64px;
        height: 20px;
        background-image: url(/web/jinglisafe/assets/images/activity/renew_v4_group_tag_mobile.png);
        background-size: cover
    }

    .uno3-renew-vip.is-group .uno3-renew-vip-head {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-renew-vip.is-group .uno3-renew-vip-head .uno3-renew-vip__group-tag {
        display: block
    }
}

.uno3-renew-vip-nologin {
    background: #fff;
    border: 1px solid #eaedf1;
    position: relative
}

.uno3-renew-vip-nologin .uno3-renew-vip-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: stretch;
    align-items: stretch
}

.uno3-renew-vip-nologin .uno3-renew-vip-card-list {
    width: calc(100% - 340px);
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 769px) {
    .uno3-renew-vip-nologin .uno3-renew-vip-card-list-2 .uno3-renew-vip-card-item,.uno3-renew-vip-nologin .uno3-renew-vip-card-list-3 .uno3-renew-vip-card-item {
        height:210px
    }

    .uno3-renew-vip-nologin .uno3-renew-vip-card-list-2 .uno3-renew-vip-card-item:nth-child(n+2):before,.uno3-renew-vip-nologin .uno3-renew-vip-card-list-3 .uno3-renew-vip-card-item:nth-child(n+2):before {
        position: absolute;
        content: "";
        display: inline-block;
        height: 100%;
        width: 1px;
        background: #eaedf1;
        left: 0;
        top: 0
    }

    .uno3-renew-vip-nologin .uno3-renew-vip-card-list-2 .uno3-renew-vip-card-item {
        width: 50%
    }

    .uno3-renew-vip-nologin .uno3-renew-vip-card-list-3 .uno3-renew-vip-card-item {
        width: 33.33%
    }

    .uno3-renew-vip-nologin .uno3-renew-vip-card-list-4 .uno3-renew-vip-card-item {
        width: 50%;
        height: auto
    }

    .uno3-renew-vip-nologin .uno3-renew-vip-card-list-4 .uno3-renew-vip-card-item:nth-child(2n):before {
        position: absolute;
        content: "";
        display: inline-block;
        height: 100%;
        width: 1px;
        background: #eaedf1;
        left: 0;
        top: 0
    }

    .uno3-renew-vip-nologin .uno3-renew-vip-card-list-4 .uno3-renew-vip-card-item:nth-child(n+3):after {
        position: absolute;
        content: "";
        display: inline-block;
        height: 1px;
        width: 100%;
        background: #eaedf1;
        left: 0;
        top: 0
    }

    .uno3-renew-vip-nologin .uno3-renew-vip-card-list-5 .uno3-renew-vip-card-item:not(:nth-child(3n)):after,.uno3-renew-vip-nologin .uno3-renew-vip-card-list-6 .uno3-renew-vip-card-item:not(:nth-child(3n)):after {
        position: absolute;
        content: "";
        display: inline-block;
        height: 100%;
        width: 1px;
        background: #eaedf1;
        right: 0;
        top: 0
    }

    .uno3-renew-vip-nologin .uno3-renew-vip-card-list-5 .uno3-renew-vip-card-item:nth-child(-n+3):before,.uno3-renew-vip-nologin .uno3-renew-vip-card-list-6 .uno3-renew-vip-card-item:nth-child(-n+3):before {
        position: absolute;
        content: "";
        display: inline-block;
        height: 1px;
        width: 100%;
        background: #eaedf1;
        left: 0;
        bottom: 0
    }
}

.uno3-renew-vip-nologin .uno3-renew-vip-card-item {
    position: relative;
    width: 33.33%;
    padding: 20px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

.uno3-renew-vip-nologin .uno3-renew-vip-card-item-head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.uno3-renew-vip-nologin .uno3-renew-vip-card-item-head-left {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    min-width: 0;
    padding-right: 12px
}

.uno3-renew-vip-nologin .uno3-renew-vip-card-item-head-icon {
    width: 16px;
    height: 16px;
    margin-right: 8px
}

.uno3-renew-vip-nologin .uno3-renew-vip-card-item-head-name {
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    color: #97a3b7;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-renew-vip-nologin .uno3-renew-vip-card-item-head-right {
    font-size: 12px;
    line-height: 20px;
    color: #0052d9;
    -ms-flex: none;
    flex: none
}

.uno3-renew-vip-nologin .uno3-renew-vip-card-item-body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 12px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500
}

.uno3-renew-vip-nologin .uno3-renew-vip-card-item-body-left {
    color: #181818
}

.uno3-renew-vip-nologin .uno3-renew-vip-card-item-body-right {
    color: #ff5911
}

.uno3-renew-vip-nologin .uno3-renew-vip-card-item-foot {
    margin-top: 2px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    line-height: 20px
}

.uno3-renew-vip-nologin .uno3-renew-vip-card-item-foot-left {
    color: #4b5b76
}

.uno3-renew-vip-nologin .uno3-renew-vip-card-item-foot-right {
    color: #ff5911
}

.uno3-renew-vip-nologin .uno3-renew-vip-handle {
    width: 340px;
    border-left: 1px solid #eaedf1;
    background-image: url(/web/jinglisafe/assets/images/activity/renew_v4_nologin_right_bg.png);
    background-size: 768px 253px;
    background-repeat: no-repeat;
    background-position: calc(100% + 34px) calc(100% + 12px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    color: #181818
}

.uno3-renew-vip-nologin .uno3-renew-vip-handle-title {
    font-size: 24px;
    line-height: 32px
}

.uno3-renew-vip-nologin .uno3-renew-vip-handle-subtit {
    margin-top: 8px;
    font-size: 14px;
    line-height: 22px
}

.uno3-renew-vip-nologin .uno3-renew-vip-handle-btn {
    margin-top: 20px;
    text-align: center;
    width: 300px
}

.uno3-renew-vip-nologin .uno3-renew-vip-handle-btn .uno3-button {
    width: 300px
}

.uno3-renew-vip-nologin .uno3-renew-vip-handle-desc {
    margin-top: 6px;
    font-size: 12px;
    line-height: 20px
}

.uno3-renew-vip-nologin .uno3-renew-vip-handle .tp-link {
    text-decoration: underline
}

@media (max-width: 768px) {
    .uno3-renew-vip-nologin {
        border:0;
        position: relative
    }

    .uno3-renew-vip-nologin:after {
        position: absolute;
        content: "";
        display: inline-block;
        width: 100%;
        height: 1px;
        background: #eaedf1;
        left: 0;
        bottom: -1px
    }

    .uno3-renew-vip-nologin .uno3-renew-vip-inner {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-renew-vip-nologin .uno3-renew-vip-card-list {
        -ms-flex-order: 2;
        order: 2;
        width: 100%;
        height: auto
    }

    .uno3-renew-vip-nologin .uno3-renew-vip-card-list .uno3-renew-vip-card-item {
        width: 50%
    }

    .uno3-renew-vip-nologin .uno3-renew-vip-card-list .uno3-renew-vip-card-item-head-icon {
        display: none
    }

    .uno3-renew-vip-nologin .uno3-renew-vip-card-list .uno3-renew-vip-card-item-head-name {
        font-size: 12px;
        line-height: 20px
    }

    .uno3-renew-vip-nologin .uno3-renew-vip-card-list .uno3-renew-vip-card-item-body {
        margin-top: 0;
        font-size: 16px;
        line-height: 24px
    }

    .uno3-renew-vip-nologin .uno3-renew-vip-card-list .uno3-renew-vip-card-item-foot {
        margin-top: 0
    }

    .uno3-renew-vip-nologin .uno3-renew-vip-card-list .uno3-renew-vip-card-item:nth-child(2n) {
        padding: 8px 16px 8px 10px
    }

    .uno3-renew-vip-nologin .uno3-renew-vip-card-list .uno3-renew-vip-card-item:nth-child(2n-1) {
        padding: 8px 10px 8px 16px
    }

    .uno3-renew-vip-nologin .uno3-renew-vip-card-list .uno3-renew-vip-card-item:nth-child(2n-1):before {
        position: absolute;
        content: "";
        display: inline-block;
        height: 100%;
        width: 1px;
        background: #eaedf1;
        right: 0;
        top: 0
    }

    .uno3-renew-vip-nologin .uno3-renew-vip-card-list .uno3-renew-vip-card-item:not(:nth-child(odd):nth-last-child(-n+2)):not(:nth-child(2n):nth-last-child(-n+1)):after {
        position: absolute;
        content: "";
        display: inline-block;
        width: 100%;
        height: 1px;
        background: #eaedf1;
        left: 0;
        bottom: 0
    }

    .uno3-renew-vip-nologin .uno3-renew-vip-handle {
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        padding: 30px 16px;
        border: 0
    }

    .uno3-renew-vip-nologin .uno3-renew-vip-handle-title {
        font-size: 20px;
        line-height: 28px
    }

    .uno3-renew-vip-nologin .uno3-renew-vip-handle-subtit {
        margin-top: 4px;
        font-size: 14px;
        line-height: 22px
    }

    .uno3-renew-vip-nologin .uno3-renew-vip-handle-btn {
        margin-top: 16px;
        width: 100%
    }

    .uno3-renew-vip-nologin .uno3-renew-vip-handle-btn .uno3-button {
        width: 100%
    }
}

.uno3-renew-vip-noproduct {
    padding: 10px
}

.uno3-renew-vip-noproduct .uno3-renew-vip-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 769px) {
    .uno3-renew-vip-noproduct .uno3-renew-vip-inner {
        height:208px
    }
}

.uno3-renew-vip-noproduct-icon {
    width: 80px;
    height: 80px;
    background-image: url(/web/jinglisafe/assets/images/activity/renew_v4_noproduct_icon.png);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.uno3-renew-vip-noproduct-tips {
    margin-top: 16px;
    font-size: 14px;
    line-height: 22px;
    color: #181818;
    text-align: center
}

@media (min-width: 769px) {
    .uno3-renew-vip-noproduct-tips p {
        display:inline-block
    }
}

@media (max-width: 768px) {
    .uno3-renew-vip-noproduct {
        padding-bottom:12px
    }

    .uno3-renew-vip-noproduct-tips {
        font-size: 12px;
        line-height: 20px;
        margin-top: 12px
    }
}

.uno3-renew-vip-normal {
    border: 1px solid #eaedf1
}

.uno3-renew-vip-normal .uno3-renew-vip-head {
    background: #f7f7f9;
    padding: 8px 20px;
    position: relative
}

.uno3-renew-vip-normal .uno3-renew-vip-head-title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #181818
}

.uno3-renew-vip-normal .uno3-renew-vip-content {
    background: #fff;
    padding: 20px
}

.uno3-renew-vip-normal .uno3-renew-vip-config {
    padding-bottom: 16px;
    border-bottom: 1px dashed #e3e6eb;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 40px
}

.uno3-renew-vip-normal .uno3-renew-vip-config-left {
    -ms-flex: 1;
    flex: 1;
    float: left;
    max-width: 700px
}

.uno3-renew-vip-normal .uno3-renew-vip-config-left .uno3-renew-vip-expire-time {
    display: block
}

@media (max-width: 768px) {
    .uno3-renew-vip-normal .uno3-renew-vip-config-left .uno3-renew-vip-expire-time {
        display:none
    }
}

@media (min-width: 769px) {
    .uno3-renew-vip-normal .uno3-renew-vip-config-left .qc-base-form {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 20px;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-renew-vip-normal .uno3-renew-vip-config-left .qc-base-form-item {
        -ms-flex: 1;
        flex: 1;
        margin-bottom: 0
    }

    .uno3-renew-vip-normal .uno3-renew-vip-config-left .qc-base-form-label {
        width: auto;
        min-width: 56px;
        max-width: 80px;
        margin-right: 10px
    }

    .uno3-renew-vip-normal .uno3-renew-vip-config-left .qc-base-form-label-text {
        max-width: 100%
    }

    .uno3-renew-vip-normal .uno3-renew-vip-config-left .qc-base-form-value {
        width: auto;
        min-width: calc(100% - 90px);
        max-width: calc(100% - 66px);
        height: 34px
    }

    .uno3-renew-vip-normal .uno3-renew-vip-config-left .qc-base-form-value-inner,.uno3-renew-vip-normal .uno3-renew-vip-config-left .qc-base-form-value-inner-wrap {
        height: 100%
    }
}

.uno3-renew-vip-normal .uno3-renew-vip-config-left .qc-base-form-value .qc-base-checkbox-wrap {
    width: 100%;
    text-align: left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    height: 34px
}

.uno3-renew-vip-normal .uno3-renew-vip-config-left .qc-base-form-value .qc-base-checkbox {
    width: 16px;
    height: 16px;
    top: 8px
}

.uno3-renew-vip-normal .uno3-renew-vip-config .uno3-renew-vip-expire-time {
    margin-top: 8px;
    font-size: 14px;
    line-height: 22px;
    line-height: 36px
}

.uno3-renew-vip-normal .uno3-renew-vip-config .uno3-renew-vip-expire-time-label {
    color: #97a3b7;
    margin-right: 20px;
    min-width: 56px
}

.uno3-renew-vip-normal .uno3-renew-vip-config .uno3-renew-vip-expire-time-value {
    font-weight: 500
}

.uno3-renew-vip-normal .uno3-renew-vip-config .uno3-renew-vip-expire-time-now {
    display: inline-block;
    vertical-align: top;
    margin-right: 40px
}

.uno3-renew-vip-normal .uno3-renew-vip-config .uno3-renew-vip-expire-time-now .uno3-renew-vip-expire-time-value {
    color: #181818
}

.uno3-renew-vip-normal .uno3-renew-vip-config .uno3-renew-vip-expire-time-renew {
    display: inline-block;
    vertical-align: top
}

.uno3-renew-vip-normal .uno3-renew-vip-config .uno3-renew-vip-expire-time-renew .uno3-renew-vip-expire-time-value {
    color: #0052d9
}

.uno3-renew-vip-normal .uno3-renew-vip-config-right {
    width: 500px;
    padding-right: 56px;
    position: relative
}

.uno3-renew-vip-normal .uno3-renew-vip-config-right .uno3-renew-vip-config-detail-handle {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    font-size: 14px;
    line-height: 34px
}

.uno3-renew-vip-normal .uno3-renew-vip-config-right .uno3-renew-vip-config-detail-handle .qc-base-link {
    width: 100%
}

.uno3-renew-vip-normal .uno3-renew-vip-config-right .uno3-renew-vip-config-detail-handle .qc-base-link__inner {
    width: 28px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-renew-vip-normal .uno3-renew-vip-config-right .uno3-renew-vip-expire-time {
    display: none
}

@media (max-width: 768px) {
    .uno3-renew-vip-normal .uno3-renew-vip-config-right .uno3-renew-vip-expire-time {
        display:block
    }
}

.uno3-renew-vip-normal .uno3-renew-vip-config-right .qc-base-form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 6px 12px
}

.uno3-renew-vip-normal .uno3-renew-vip-config-right .qc-base-form-item {
    margin-bottom: 0;
    width: calc(50% - 6px);
    height: 36px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center
}

.uno3-renew-vip-normal .uno3-renew-vip-config-right .qc-base-form-label {
    width: 56px;
    margin-right: 8px
}

.uno3-renew-vip-normal .uno3-renew-vip-config-right .qc-base-form-label-inner {
    font-size: 14px;
    line-height: 18px;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.uno3-renew-vip-normal .uno3-renew-vip-config-right .qc-base-form-label-inner-wrap,.uno3-renew-vip-normal .uno3-renew-vip-config-right .qc-base-form-label-inner>div {
    display: inline
}

.uno3-renew-vip-normal .uno3-renew-vip-config-right .qc-base-form-value {
    width: calc(100% - 64px);
    height: 20px
}

.uno3-renew-vip-normal .uno3-renew-vip-config-right .qc-base-form-value-inner {
    font-size: 14px;
    line-height: 18px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-renew-vip-normal .uno3-renew-vip-config-right .qc-base-form-value-inner-wrap,.uno3-renew-vip-normal .uno3-renew-vip-config-right .qc-base-form-value-inner-wrap>div {
    display: inline
}

.uno3-renew-vip-normal .uno3-renew-vip-account {
    padding-top: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 40px
}

.uno3-renew-vip-normal .uno3-renew-vip-time {
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.uno3-renew-vip-normal .uno3-renew-vip-time .qc-base-form-label {
    display: none
}

.uno3-renew-vip-normal .uno3-renew-vip-time .qc-base-form-value {
    width: 100%
}

.uno3-renew-vip-normal .uno3-renew-vip-price-btn {
    width: 300px;
    font-size: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (max-width: 1539px) {
    .uno3-renew-vip-normal .uno3-renew-vip-price-btn {
        width:222px
    }
}

.uno3-renew-vip-normal .uno3-renew-vip-tag {
    max-width: 100%;
    margin-bottom: 12px;
    overflow: hidden;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 0;
    white-space: nowrap
}

.uno3-renew-vip-normal .uno3-renew-vip-tag-left {
    padding: 0 8px 0 7px;
    font-size: 12px;
    line-height: 20px;
    display: inline-block
}

.uno3-renew-vip-normal .uno3-renew-vip-tag-right {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    -ms-flex: auto;
    flex: auto;
    padding: 0 7px 0 8px;
    font-size: 12px;
    line-height: 20px;
    display: inline-block
}

.uno3-renew-vip-normal.uno3-renew-vip-user-normal .uno3-renew-vip-tag {
    border: 1px solid #fee7c0
}

.uno3-renew-vip-normal.uno3-renew-vip-user-normal .uno3-renew-vip-tag-left {
    background: linear-gradient(79deg,#ffe9c3 49.11%,#fff5e3 68.01%,#ffe9c3 90.37%);
    color: #975129
}

.uno3-renew-vip-normal.uno3-renew-vip-user-normal .uno3-renew-vip-tag-right {
    color: #a74e05
}

.uno3-renew-vip-normal.uno3-renew-vip-user-v1 .uno3-renew-vip-tag {
    border: 1px solid #d5dae3
}

.uno3-renew-vip-normal.uno3-renew-vip-user-v1 .uno3-renew-vip-tag-left {
    background: linear-gradient(79deg,#e6e9ef 33.86%,#fff 68.01%,#e6e9ef 90.37%);
    color: #282e4e
}

.uno3-renew-vip-normal.uno3-renew-vip-user-v1 .uno3-renew-vip-tag-right {
    color: #282e4e
}

.uno3-renew-vip-normal.uno3-renew-vip-user-v2 .uno3-renew-vip-tag {
    border: 1px solid #fee7c0
}

.uno3-renew-vip-normal.uno3-renew-vip-user-v2 .uno3-renew-vip-tag-left {
    background: linear-gradient(79deg,#ffe9c3 49.11%,#fff5e3 68.01%,#ffe9c3 90.37%);
    color: #975129
}

.uno3-renew-vip-normal.uno3-renew-vip-user-v2 .uno3-renew-vip-tag-right {
    color: #742900
}

.uno3-renew-vip-normal.uno3-renew-vip-user-v3 .uno3-renew-vip-tag {
    border: 1px solid #c2b3ab
}

.uno3-renew-vip-normal.uno3-renew-vip-user-v3 .uno3-renew-vip-tag-left {
    background: linear-gradient(79deg,#252221 49.11%,#41372f 68.01%,#252221 90.37%);
    color: #ffd9c2
}

.uno3-renew-vip-normal.uno3-renew-vip-user-v3 .uno3-renew-vip-tag-right {
    color: #742900
}

.uno3-renew-vip-normal .uno3-renew-vip-price {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: baseline;
    align-items: baseline
}

.uno3-renew-vip-normal .uno3-renew-vip-price-integer {
    font-size: 30px;
    line-height: 38px;
    color: #f64041;
    font-weight: 500
}

.uno3-renew-vip-normal .uno3-renew-vip-price-decimal {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #f64041
}

.uno3-renew-vip-normal .uno3-renew-vip-price-unit {
    margin-left: 4px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    color: #f64041
}

.uno3-renew-vip-normal .uno3-renew-vip-price-daily {
    margin-left: 12px;
    font-size: 14px;
    line-height: 22px;
    color: #97a3b7;
    text-decoration: line-through
}

.uno3-renew-vip-normal .uno3-renew-vip-price-save {
    margin-left: 12px;
    font-size: 14px;
    line-height: 22px;
    color: #0cbf5b
}

.uno3-renew-vip-normal .uno3-renew-vip-btn {
    margin-top: 12px;
    width: 100%;
    display: -ms-flexbox;
    display: flex
}

.uno3-renew-vip-normal .uno3-renew-vip-btn .uno3-button {
    -ms-flex: 1;
    flex: 1;
    box-shadow: none
}

.uno3-renew-vip-normal .uno3-renew-vip-btn .uno3-button:nth-child(n+2) {
    margin-left: 10px
}

.uno3-renew-vip-normal .uno3-renew-vip-time-item {
    padding: 12px 16px;
    border: 1px solid #fafafa;
    background: #fafafa;
    vertical-align: top;
    color: #181818;
    position: relative;
    width: calc(20% - 8px);
    height: 120px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
    cursor: pointer
}

.uno3-renew-vip-normal .uno3-renew-vip-time-item:nth-child(n+2) {
    margin-left: 10px
}

.uno3-renew-vip-normal .uno3-renew-vip-time-item-head {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.uno3-renew-vip-normal .uno3-renew-vip-time-item-body {
    margin-top: 4px;
    font-weight: 500
}

.uno3-renew-vip-normal .uno3-renew-vip-time-item-integer {
    font-size: 24px;
    line-height: 32px
}

@media (max-width: 1539px) {
    .uno3-renew-vip-normal .uno3-renew-vip-time-item-integer {
        font-size:20px;
        line-height: 28px
    }
}

.uno3-renew-vip-normal .uno3-renew-vip-time-item-decimals {
    font-size: 12px;
    line-height: 20px
}

.uno3-renew-vip-normal .uno3-renew-vip-time-item-unit {
    margin-left: 4px;
    font-size: 12px;
    line-height: 20px
}

.uno3-renew-vip-normal .uno3-renew-vip-time-item-foot {
    margin-top: 4px;
    font-size: 12px;
    line-height: 20px;
    text-decoration: line-through;
    color: #97a3b7
}

.uno3-renew-vip-normal .uno3-renew-vip-time-item-tag {
    border-radius: 0;
    background: #fff;
    padding: 0 6px;
    font-size: 12px;
    line-height: 20px;
    color: #f64041;
    border: 1px solid #ffcfd0;
    display: inline-block;
    position: absolute;
    right: -1px;
    top: -4px;
    height: 22px
}

@media (min-width: 769px) {
    .uno3-renew-vip-normal .uno3-renew-vip-time-item:hover {
        border:1px solid #f1f2f5;
        background: #f1f2f5
    }
}

.uno3-renew-vip-normal .uno3-renew-vip-time-item.is-active {
    border: 1px solid #0052d9;
    background: linear-gradient(0deg,#f5f8fd,#f5f8fd),#fff
}

.uno3-renew-vip-normal .uno3-renew-vip-time-item.is-active .uno3-renew-vip-time-item-tag {
    background: linear-gradient(90deg,#f83131,#ff6f42);
    color: #fff;
    border: 0
}

@media (max-width: 768px) {
    .uno3-renew-vip-normal .uno3-renew-vip-head {
        padding:8px 15px
    }

    .uno3-renew-vip-normal .uno3-renew-vip-content {
        padding: 14px 15px
    }

    .uno3-renew-vip-normal .uno3-renew-vip-config {
        padding-bottom: 12px;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 8px
    }

    .uno3-renew-vip-normal .uno3-renew-vip-config-left {
        width: 100%;
        float: none
    }

    .uno3-renew-vip-normal .uno3-renew-vip-config-left .tp-form-label {
        height: 36px;
        margin-bottom: 0;
        display: inline-block
    }

    .uno3-renew-vip-normal .uno3-renew-vip-config-left .tp-form-value {
        width: calc(100% - 68px);
        margin-left: 12px
    }

    .uno3-renew-vip-normal .uno3-renew-vip-config-right {
        width: 100%;
        padding-right: 0
    }

    .uno3-renew-vip-normal .uno3-renew-vip-config-right .uno3-renew-vip-config-detail-handle {
        position: relative;
        top: auto;
        right: auto;
        margin-top: 8px;
        line-height: 22px;
        text-align: left
    }

    .uno3-renew-vip-normal .uno3-renew-vip-config-right .qc-base-form {
        gap: 8px 12px
    }

    .uno3-renew-vip-normal .uno3-renew-vip-config-right .qc-base-form-item {
        height: auto
    }

    .uno3-renew-vip-normal .uno3-renew-vip-config-right .uno3-renew-vip-expire-time {
        line-height: 18px
    }

    .uno3-renew-vip-normal .uno3-renew-vip-config-right .uno3-renew-vip-expire-time-label {
        margin-right: 16px
    }

    .uno3-renew-vip-normal .uno3-renew-vip-config-right .uno3-renew-vip-expire-time-now {
        display: block;
        margin-right: 0
    }

    .uno3-renew-vip-normal .uno3-renew-vip-config-right .uno3-renew-vip-expire-time-renew {
        margin-top: 8px;
        display: block
    }

    .uno3-renew-vip-normal .uno3-renew-vip-account {
        padding-top: 0;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 0
    }

    .uno3-renew-vip-normal .uno3-renew-vip-time {
        width: 100%;
        padding-bottom: 12px
    }

    .uno3-renew-vip-normal .uno3-renew-vip-time-list .qc-base-form-value-inner-wrap {
        white-space: nowrap;
        overflow: auto;
        margin-right: -15px;
        padding-right: 15px;
        padding-top: 12px
    }

    .uno3-renew-vip-normal .uno3-renew-vip-price-btn {
        width: 100%
    }

    .uno3-renew-vip-normal.uno3-renew-vip-user-normal .uno3-renew-vip-tag,.uno3-renew-vip-normal.uno3-renew-vip-user-v1 .uno3-renew-vip-tag,.uno3-renew-vip-normal.uno3-renew-vip-user-v2 .uno3-renew-vip-tag {
        margin-bottom: 8px
    }

    .uno3-renew-vip-normal.uno3-renew-vip-user-normal .uno3-renew-vip-tag-left,.uno3-renew-vip-normal.uno3-renew-vip-user-v1 .uno3-renew-vip-tag-left,.uno3-renew-vip-normal.uno3-renew-vip-user-v2 .uno3-renew-vip-tag-left {
        line-height: 18px;
        padding: 0 4px 0 3px
    }

    .uno3-renew-vip-normal.uno3-renew-vip-user-normal .uno3-renew-vip-tag-right,.uno3-renew-vip-normal.uno3-renew-vip-user-v1 .uno3-renew-vip-tag-right,.uno3-renew-vip-normal.uno3-renew-vip-user-v2 .uno3-renew-vip-tag-right {
        line-height: 18px;
        padding: 0 3px 0 4px
    }

    .uno3-renew-vip-normal .uno3-renew-vip-price-integer {
        font-size: 24px;
        line-height: 32px
    }

    .uno3-renew-vip-normal .uno3-renew-vip-price-decimal {
        font-size: 12px;
        line-height: 20px
    }

    .uno3-renew-vip-normal .uno3-renew-vip-price-unit {
        margin-left: 4px;
        font-size: 12px;
        line-height: 20px
    }

    .uno3-renew-vip-normal .uno3-renew-vip-price-daily,.uno3-renew-vip-normal .uno3-renew-vip-price-save {
        margin-left: 8px;
        font-size: 12px;
        line-height: 20px
    }

    .uno3-renew-vip-normal .uno3-renew-vip-btn {
        margin-top: 8px
    }

    .uno3-renew-vip-normal .uno3-renew-vip-btn .tp-button:nth-child(n+2) {
        margin-left: 8px
    }

    .uno3-renew-vip-normal .uno3-renew-vip-time-item {
        padding: 10px;
        width: 140px;
        height: 90px
    }

    .uno3-renew-vip-normal .uno3-renew-vip-time-item:nth-child(n+2) {
        margin-left: 10px
    }

    .uno3-renew-vip-normal .uno3-renew-vip-time-item-head {
        font-size: 14px;
        line-height: 22px
    }

    .uno3-renew-vip-normal .uno3-renew-vip-time-item-body {
        margin-top: 0
    }

    .uno3-renew-vip-normal .uno3-renew-vip-time-item-integer {
        font-size: 20px;
        line-height: 28px
    }

    .uno3-renew-vip-normal .uno3-renew-vip-time-item-foot {
        margin-top: 0
    }
}

@media (min-width: 769px) {
    .uno3-renew-bar+.uno3-renew-vip,.uno3-renew-bar+.uno3-renew-vip-wrap {
        margin-top:20px
    }

    .uno3-renew-vip+.uno3-renew-vip {
        margin-top: 16px
    }

    .uno3-renew-vip .uno3-renew-vip-card-item-m {
        display: none
    }

    .uno3-renew-vip+.uno3-renew-tabs,.uno3-renew-vip-wrap+.uno3-renew-tabs,.uno3-renew-vip-wrap+.uno3-renew-vip-wrap {
        margin-top: 16px
    }
}

@media (max-width: 768px) {
    .uno3-renew-vip+.uno3-renew-vip {
        margin-top:10px
    }

    .uno3-renew-vip .uno3-renew-vip-card-item-pc {
        display: none
    }

    .uno3-renew-vip+.uno3-renew-tabs {
        margin-top: 10px
    }

    .uno3-renew-bar+.uno3-renew-vip-wrap {
        margin-top: 16px
    }

    .tp-renew-bar+.uno3-renew-vip,.tp-renew-bar+.uno3-renew-vip-wrap {
        margin-top: 12px
    }

    .uno3-renew-vip-wrap+.uno3-renew-vip-wrap {
        margin-top: 10px
    }

    .uno3-renew-vip-wrap+.uno3-renew-tabs {
        margin-top: 12px
    }

    .qc-base-module .uno3-renew-vip-nologin {
        margin-left: -16px;
        margin-right: -16px;
        width: calc(100% + 32px)
    }
}

.uno3-recommend {
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.uno3-recommend__item {
    display: block;
    min-height: 160px;
    width: 0;
    -ms-flex: 1;
    flex: 1;
    padding: 19px 11px 19px 19px;
    border: 1px solid #e3e6eb;
    background: #fff;
    box-shadow: 0 2px 12px 0 rgba(55,99,170,.06);
    position: relative
}

@media screen and (min-width: 769px) {
    .uno3-recommend__item {
        transition:box-shadow .3s ease-in-out;
        cursor: pointer
    }

    .uno3-recommend__item:hover {
        z-index: 1;
        box-shadow: 0 4px 18px 0 rgba(55,99,170,.12)
    }
}

.uno3-recommend__item .uno3-button {
    width: 148px
}

@media screen and (min-width: 769px) {
    .uno3-recommend__item+.uno3-recommend__item {
        border-left:0
    }
}

.uno3-recommend__item-tag {
    position: absolute;
    top: -4px;
    right: 0;
    padding: 4px 4px 4px 0;
    border-radius: 0 6px 0 0;
    background: #f64041;
    color: #fff;
    z-index: 1;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500
}

.uno3-recommend__item-tag:before {
    position: absolute;
    top: 0;
    left: -14px;
    display: block;
    content: "";
    width: 14px;
    height: 26px;
    background-size: cover;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-recommend-tag-icon.svg)
}

.uno3-recommend__item-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    position: relative
}

.uno3-recommend__item-content {
    width: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.uno3-recommend__item-img {
    margin-left: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 120px;
    width: calc(8.45vw - 10px)
}

.uno3-recommend__item-title {
    color: #16181a;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-recommend__item-desc {
    margin-top: 6px;
    margin-bottom: auto;
    color: #495770;
    font-size: 14px;
    line-height: 22px;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.uno3-recommend__item-link {
    color: #0052d9;
    font-size: 14px;
    line-height: 22px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.uno3-recommend__item-link:after {
    content: "";
    width: 16px;
    height: 16px;
    background-size: cover;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-recommend-link-icon.svg);
    margin-left: 6px
}

@media screen and (min-width: 769px) {
    .uno3-recommend__item-link:after {
        transition:-webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
    }

    .uno3-recommend__item-link:hover:after {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
}

.uno3-recommend__item-ft {
    margin-top: 16px;
    height: 36px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 768px) {
    .uno3-recommend {
        display:block
    }

    .uno3-recommend__item {
        min-height: 0;
        width: 100%;
        -ms-flex: none;
        flex: none;
        padding: 11px 11px 11px 15px
    }

    .uno3-recommend__item+.uno3-recommend__item {
        margin-top: 20px
    }

    .uno3-recommend__item-content {
        width: 0;
        -ms-flex: 1;
        flex: 1;
        padding-left: 0
    }

    .uno3-recommend__item-img {
        width: 80px
    }

    .uno3-recommend__item-title {
        font-size: 16px;
        line-height: 22px
    }

    .uno3-recommend__item-desc {
        font-size: 12px;
        line-height: 20px
    }

    .uno3-recommend__item-ft {
        height: auto;
        margin-top: 10px
    }

    .uno3-recommend__item-ft .uno3-button {
        height: 32px
    }
}

.uno3-award__hd {
    background: linear-gradient(99deg,#0052d9 6.75%,#1e73f2 93.25%);
    box-shadow: 0 2px 12px 0 rgba(55,99,170,.06);
    padding: 20px;
    position: relative
}

.uno3-award__hd:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: url(/web/jinglisafe/assets/images/activity/uno3-award-hd-bg.png) no-repeat 100%/auto 100%
}

.uno3-award__title {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-award__desc {
    margin-top: 4px;
    color: #fff;
    font-size: 14px;
    line-height: 22px
}

.uno3-award__desc a {
    color: #ffeed4
}

.uno3-award__desc,.uno3-award__title {
    position: relative;
    z-index: 1
}

.uno3-award__content {
    margin-top: 20px;
    border: 1px solid #eaedf1;
    background: linear-gradient(157deg,#ebf3ff,#fff 69.99%);
    box-shadow: 0 2px 12px 0 rgba(55,99,170,.06);
    padding: 15px 19px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.uno3-award__label {
    width: calc(26.86567% - 10.72px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.uno3-award__final,.uno3-award__gift {
    width: calc(36.56716% - 14.64px)
}

.uno3-award__label-hd {
    width: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.uno3-award__label-hd,.uno3-award__user {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.uno3-award__user {
    width: 0;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.uno3-award__user-img {
    width: 26px
}

.uno3-award__user-name {
    width: calc(100% - 34px);
    margin-left: 8px;
    color: rgba(0,0,0,.9);
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-award__invite-link {
    margin-left: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    color: #0052d9;
    font-size: 12px;
    line-height: 18px
}

.uno3-award__invite-link:after {
    margin-left: 2px;
    content: "";
    width: 16px;
    height: 16px;
    background-size: cover;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-award-invite-link-arrow.svg)
}

.uno3-award__msg {
    color: rgba(0,0,0,.9);
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-award__steps {
    margin-top: 20px;
    margin-bottom: auto;
    padding: 15px;
    border: 1px solid #fff;
    background: #fff;
    box-shadow: 0 2px 12px 0 rgba(0,82,217,.06)
}

.uno3-award__step {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.uno3-award__step+.uno3-award__step {
    margin-top: 20px;
    position: relative
}

.uno3-award__step+.uno3-award__step:after {
    content: "";
    width: 0;
    height: calc(50% + 20px);
    border-left: 1px dashed rgba(0,82,217,.3);
    position: absolute;
    left: 10px;
    top: -20px
}

.uno3-award__step-icon-wrap {
    width: 20px;
    height: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    background: #0052d9;
    border-radius: 50%
}

.uno3-award__step-icon-wrap:before {
    content: "";
    width: 20px;
    height: 20px;
    border: 4px solid rgba(0,82,217,.15);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.uno3-award__step-icon {
    width: 12px;
    height: 12px
}

.uno3-award__step-text {
    width: calc(100% - 36px);
    margin-left: 16px;
    color: rgba(0,0,0,.7);
    font-size: 14px;
    line-height: 22px
}

.uno3-award__data {
    width: 100%;
    margin-top: 20px;
    border: 1px solid #fff;
    background: #fff;
    box-shadow: 0 2px 12px 0 rgba(0,82,217,.06);
    padding: 15px;
    margin-bottom: auto
}

.uno3-award__item {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.uno3-award__item,.uno3-award__item-config {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.uno3-award__item-config {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.uno3-award__item-config-text {
    color: rgba(0,0,0,.7);
    font-size: 12px;
    line-height: 18px
}

.uno3-award__item-config-icon {
    margin-left: 4px;
    width: 14px;
    height: 14px;
    background-size: cover;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-award-item-config-icon.svg);
    cursor: pointer
}

.uno3-award__item-value {
    margin-left: 8px;
    width: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: right;
    color: #000;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-award__item-unit {
    margin-left: 4px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500
}

.uno3-award__item+.uno3-award__item {
    padding-top: 12px;
    margin-top: 12px;
    border-top: 1px solid #e6e9ef
}

.uno3-award__btns {
    margin-top: 20px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    gap: 10px
}

.uno3-award__btns .uno3-button--weak {
    width: 90px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.uno3-award__btns .uno3-button--primary {
    width: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden
}

.uno3-award__btns .uno3-button--primary:before {
    content: "";
    width: 51px;
    height: 36px;
    background-size: cover;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-award-btn-light.svg);
    position: absolute;
    top: -1px;
    left: -1px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-animation: light-animate 2s linear infinite;
    animation: light-animate 2s linear infinite
}

.uno3-award__final {
    border-radius: 8px;
    overflow: hidden
}

.uno3-award__final-hd {
    background: url(/web/jinglisafe/assets/images/activity/uno3-award-final-hd.png) no-repeat 100% 0/168px 66px,#4a6bff;
    padding: 40px 20px 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative
}

.uno3-award__final-text {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4px 0 8px 0;
    background: linear-gradient(90deg,#fef4dc,#ffdba5);
    padding: 4px 12px;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.uno3-award__final-text:before {
    display: block;
    content: "";
    width: 22px;
    height: 22px;
    background-size: cover;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-award-final-text.svg);
    margin-right: 4px
}

.uno3-award__final-text span {
    background: linear-gradient(90deg,#d05e0d,#864602 99.99%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.uno3-award__final-desc {
    max-width: 100%;
    font-size: 14px;
    line-height: 22px
}

.uno3-award__final-desc,.uno3-award__final-title {
    color: #fff;
    font-weight: 500;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-award__final-title {
    margin-top: 2px;
    width: 100%;
    height: 28px;
    font-size: 20px;
    line-height: 28px
}

.uno3-award__final-title .qc-base-text--strong {
    margin-left: 7px;
    background: linear-gradient(60deg,#ffe5b2,#fffbf5 50%,#ffcf8b);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.uno3-award__final-title .qc-base-text--highlight {
    margin-left: 4px;
    color: #ffeed4
}

.uno3-award__final-content {
    min-height: 192px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    background: linear-gradient(180deg,#cadfff,#f2f4ff)
}

.uno3-award__final-img {
    width: 328px;
    height: 192px;
    background-size: cover
}

.uno3-award__gift {
    border-radius: 8px;
    overflow: hidden
}

.uno3-award__gift-hd {
    background: url(/web/jinglisafe/assets/images/activity/uno3-award-gift-hd.png) no-repeat 100% 0/168px 66px,#0052d9;
    padding: 40px 20px 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative
}

.uno3-award__gift-text {
    border-radius: 4px 0 8px 0;
    background: linear-gradient(90deg,#fef4dc,#ffdba5);
    padding: 4px 12px;
    color: #aa5802;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    position: absolute;
    top: 0;
    left: 0
}

.uno3-award__gift-desc {
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500
}

.uno3-award__gift-title {
    margin-top: 2px;
    width: 100%;
    height: 28px;
    color: #fff;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500
}

.uno3-award__gift-title .qc-base-text--strong {
    margin-left: 7px;
    background: linear-gradient(60deg,#ffe5b2,#fffbf5 50%,#ffcf8b);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.uno3-award__gift-title .qc-base-text--highlight {
    margin-left: 4px;
    color: #ffeed4
}

.uno3-award__gift-content {
    min-height: 192px;
    padding: 16px 20px;
    background: linear-gradient(180deg,#99c4ff,#f2f4ff);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px
}

.uno3-award__gift-item {
    width: calc(33.33333% - 5.33333px);
    border-radius: 6px;
    text-align: center;
    overflow: hidden
}

.uno3-award__gift-item.size-large {
    width: calc(50% - 4px)
}

.uno3-award__gift-item-hd {
    background: #fff;
    padding: 4px 2px
}

.uno3-award__gift-item-price {
    width: 100%;
    color: #000;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-award__gift-item-unit {
    margin-left: 2px;
    font-size: 12px;
    line-height: 20px
}

.uno3-award__gift-item-desc {
    color: rgba(0,0,0,.5)
}

.uno3-award__gift-item-desc,.uno3-award__gift-item-type {
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-award__gift-item-type {
    background: #4a6bff;
    padding: 4px 2px;
    color: #fff
}

.uno3-award__rank {
    margin-top: 20px;
    border: 1px solid #eaedf1;
    box-shadow: 0 2px 12px 0 rgba(55,99,170,.06)
}

.uno3-award__rank-content {
    padding: 19px 19px 20px;
    background: linear-gradient(271deg,#e1edff,#fffdfd)
}

.uno3-award__rank-hd {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.uno3-award__rank-title {
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    color: rgba(0,0,0,.9);
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.uno3-award__rank-desc {
    margin-left: 8px;
    width: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: rgba(0,0,0,.7);
    font-size: 12px;
    line-height: 18px;
    text-align: right;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-award__rank-gifts {
    margin-top: 8px;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.uno3-award__rank-gift {
    width: 0;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    padding-top: 8px;
    border-radius: 6px;
    background: #4a6bff;
    box-shadow: inset .5px .5px 1px 0 hsla(0,0%,100%,.5)
}

.uno3-award__rank-gift-inner {
    margin: 0 auto;
    width: calc(100% - 16px);
    border-radius: 6px 6px 0 0;
    background: #fff;
    padding: 12px 4px 8px;
    text-align: center
}

.uno3-award__rank-gift-price {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000
}

.uno3-award__rank-gift-text {
    font-size: 24px;
    line-height: 32px;
    font-weight: 500
}

.uno3-award__rank-gift-unit {
    color: #000;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    margin-left: 4px
}

.uno3-award__rank-gift-type {
    padding: 6px 2px;
    border-radius: 0 0 6px 6px;
    background: linear-gradient(90deg,#4a6bff,#8198ff);
    position: relative;
    text-align: center;
    height: 34px
}

.uno3-award__rank-gift-type:before {
    position: absolute;
    top: -16px;
    left: 0;
    content: "";
    width: 100%;
    height: 16px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-award-gift-type-before.svg);
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat
}

.uno3-award__rank-gift-type .uno3-award__rank-gift-text {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    background: linear-gradient(60deg,#ffe5b2,#fffbf5 50%,#ffcf8b);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.uno3-award__rank-gift-tag {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 6px 0 6px;
    background: #fae2b8;
    padding: 0 8px;
    min-width: 79px;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    color: #9a3f3b;
    white-space: nowrap
}

.uno3-award__rank-gift.is-first .uno3-award__rank-gift-tag {
    background: linear-gradient(270deg,#fff3b3,#fee17f);
    color: #d14604
}

.uno3-award__rank-gift.is-second .uno3-award__rank-gift-tag {
    background: linear-gradient(270deg,#ecedff,#b0b6ff);
    color: #112c85
}

.uno3-award__rank-gift.is-third .uno3-award__rank-gift-tag {
    background: linear-gradient(270deg,#ffefd3,#ffbb9e);
    color: #bb3131
}

.uno3-award__rank-users-wrap {
    padding: 20px 2px 20px 0;
    background: #d7e8ff
}

.uno3-award__rank-users {
    padding: 0 15px 0 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px;
    max-height: 140px;
    overflow-y: auto
}

.uno3-award__rank-users::-webkit-scrollbar {
    background-color: transparent;
    width: 3px;
    height: 3px;
    background-clip: padding-box
}

.uno3-award__rank-users::-webkit-scrollbar-button {
    background-color: transparent
}

.uno3-award__rank-users::-webkit-scrollbar-corner {
    background: transparent
}

.uno3-award__rank-users::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 0
}

.uno3-award__rank-user {
    width: calc(25% - 9px);
    background: #fff;
    padding: 10px;
    position: relative
}

.uno3-award__rank-user-inner {
    width: calc(100% - 36px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.uno3-award__rank-user-logo {
    width: 44px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.uno3-award__rank-user-msg {
    margin-left: 12px;
    width: 0;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.uno3-award__rank-user-title {
    display: -ms-inline-flexbox;
    display: inline-flex;
    max-width: 100%;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(0,0,0,.9);
    font-size: 14px;
    line-height: 22px;
    font-weight: 500
}

.uno3-award__rank-user-title-text {
    -ms-flex-positive: 1;
    flex-grow: 1;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-award__rank-user-text {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 4px;
    border-radius: 5px 5px 5px 0;
    border: 1px solid rgba(231,54,66,.3);
    background: #fff;
    padding: 0 5px;
    color: #e73642;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500
}

.uno3-award__rank-user-content {
    margin-top: 2px;
    color: rgba(0,0,0,.5);
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-award__rank-user-place {
    position: absolute;
    top: 0;
    right: 6px;
    width: 33px;
    height: 33px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-award-place.svg);
    padding-top: 12px;
    font-size: 12px;
    line-height: 12px;
    color: #9a3f3b;
    text-align: center;
    font-weight: 600
}

.uno3-award__rank-user.is-first .uno3-award__rank-user-place {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-award-place-first.svg);
    color: #d14604
}

.uno3-award__rank-user.is-second .uno3-award__rank-user-place {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-award-place-second.svg);
    color: #112c85
}

.uno3-award__rank-user.is-third .uno3-award__rank-user-place {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-award-place-third.svg);
    color: #bb3131
}

@media screen and (min-width: 1540px) {
    .uno3-award__final-desc,.uno3-award__gift-desc,.uno3-award__step-text {
        font-size:16px;
        line-height: 24px
    }
}

@media screen and (max-width: 768px) {
    .uno3-award__section .uno3-section__inner {
        padding-bottom:0
    }

    .uno3-award__section .qc-base-module {
        padding: 0
    }

    .uno3-award__hd {
        padding: 14px 16px;
        overflow: hidden
    }

    .uno3-award__hd:after {
        width: 768px;
        left: 0
    }

    .uno3-award__title {
        font-size: 14px;
        line-height: 22px
    }

    .uno3-award__desc {
        font-size: 12px;
        line-height: 18px
    }

    .uno3-award__content {
        display: block;
        margin-top: 0;
        border: 0;
        padding: 16px;
        box-shadow: none
    }

    .uno3-award__final,.uno3-award__gift,.uno3-award__label {
        width: 100%
    }

    .uno3-award__btns,.uno3-award__data {
        margin-top: 14px
    }

    .uno3-award__btns .uno3-button--weak {
        background: #fff
    }

    .uno3-award__final,.uno3-award__gift {
        margin-top: 14px
    }

    .uno3-award__final-hd,.uno3-award__gift-hd {
        padding: 40px 16px 14px
    }

    .uno3-award__final-title,.uno3-award__gift-title {
        height: 26px;
        font-size: 18px;
        line-height: 26px
    }

    .uno3-award__final-content {
        min-height: 0;
        background: linear-gradient(136deg,#d6e7ff 24.69%,#e4edff 75.31%)
    }

    .uno3-award__gift-content {
        padding: 8px;
        min-height: 176px;
        background: linear-gradient(180deg,#99c4ff,#f2f4ff)
    }

    .uno3-award__gift-item-hd {
        padding: 4px 0
    }

    .uno3-award__rank {
        display: none
    }

    .uno3-award__rank-content {
        padding: 14px 16px;
        background: none
    }

    .uno3-award__rank-title {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500
    }

    .uno3-award__rank-desc {
        margin-top: 2px;
        margin-left: 0;
        -ms-flex: none;
        flex: none;
        width: 100%;
        text-align: left
    }

    .uno3-award__rank-btn {
        color: #0052d9;
        font-size: 12px;
        line-height: 18px;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-award__rank-btn:after {
        margin-left: 2px;
        content: "";
        width: 16px;
        height: 16px;
        background-size: cover;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3-award-rank-btn.svg)
    }

    .uno3-award__rank-gifts {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .uno3-award__rank-gift {
        width: calc(33.33333% - 5.33333px);
        -ms-flex: auto;
        flex: auto
    }

    .uno3-award__rank-gift-inner {
        padding-bottom: 12px
    }

    .uno3-award__rank-gift-text {
        font-size: 20px;
        line-height: 28px
    }
}

@media screen and (max-width: 600px) {
    .uno3-award__rank-gift {
        width:calc(50% - 4px)
    }
}

@media (min-width: 769px) {
    .module-dialog-detail {
        width:480px;
        box-sizing: border-box
    }
}

@-webkit-keyframes light-animate {
    0% {
        left: -1px
    }

    66.66% {
        left: calc(100% + 51px)
    }

    66.660000000001% {
        left: -1px
    }

    to {
        left: -1px
    }
}

@keyframes light-animate {
    0% {
        left: -1px
    }

    66.66% {
        left: calc(100% + 51px)
    }

    66.660000000001% {
        left: -1px
    }

    to {
        left: -1px
    }
}

.uno3-award__item-tooltip.qc-base-tooltip-inner {
    padding: 10px 12px;
    border: 0;
    max-width: 240px;
    color: #000
}

.uno3-award__item-tooltip.qc-base-tooltip-inner .qc-base-tooltip-content {
    padding: 0
}

.uno3-award__item-tooltip.qc-base-tooltip-inner .qc-base-link {
    display: inline
}

.qc-base-tooltip-inner.uno3-award-popular__tooltip {
    padding: 10px 12px
}

.qc-base-tooltip-inner.uno3-award-popular__tooltip .qc-base-tooltip-content {
    padding: 0
}

.qc-base-tooltip-inner.uno3-award-popular__tooltip .uno3-award-popular__tooltip-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.qc-base-tooltip-inner.uno3-award-popular__tooltip .uno3-award-popular__tooltip-img {
    width: 80px
}

.qc-base-tooltip-inner.uno3-award-popular__tooltip .uno3-award-popular__tooltip-label {
    margin-left: 10px
}

.qc-base-tooltip-inner.uno3-award-popular__tooltip .uno3-award-popular__tooltip-title {
    color: rgba(0,0,0,.9);
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.qc-base-tooltip-inner.uno3-award-popular__tooltip .uno3-award-popular__tooltip-desc {
    margin-top: 6px;
    color: rgba(0,0,0,.5);
    font-size: 12px;
    line-height: 18px
}

.uno3-award-user__dialog.uno3-dialog .uno3-dialog-body {
    max-height: 464px
}

.uno3-award-user__dialog.uno3-dialog .uno3-award__rank-user {
    width: 100%;
    padding: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.uno3-award-user__dialog.uno3-dialog .uno3-award__rank-user-place {
    margin-left: 12px;
    position: static;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.uno3-award-user__dialog.uno3-dialog .uno3-award__rank-user-inner {
    width: calc(100% - 45px)
}

.uno3-award-user__dialog.uno3-dialog .uno3-award__rank-user+.uno3-award__rank-user {
    margin-top: 6px;
    padding-top: 16px;
    border-top: 1px solid #f2f4f8
}

.uno3-award-guide__dialog.uno3-dialog {
    border-radius: 0
}

@media screen and (max-width: 768px) {
    .uno3-award-guide__dialog.uno3-dialog .uno3-dialog-body {
        padding-bottom:16px
    }
}

.uno3-award-guide__dialog.uno3-dialog .uno3-award-guide__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.uno3-award-guide__dialog.uno3-dialog .uno3-award-guide__item-step {
    border-radius: 4px;
    background: #0052d9;
    padding: 10px;
    width: 67px
}

.uno3-award-guide__dialog.uno3-dialog .uno3-award-guide__item-text {
    width: 31px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 20px
}

.uno3-award-guide__dialog.uno3-dialog .uno3-award-guide__item-num {
    margin-top: 2px;
    width: 31px;
    height: 18px;
    background-size: auto 100%;
    background-position: 50%;
    background-repeat: no-repeat
}

.uno3-award-guide__dialog.uno3-dialog .uno3-award-guide__item-content {
    margin-left: -20px;
    border: 1px solid #fff;
    background: hsla(0,0%,100%,.8);
    box-shadow: 4px 4px 4px 0 rgba(132,148,178,.1);
    -webkit-backdrop-filter: blur(7.5px);
    backdrop-filter: blur(7.5px);
    padding: 9px 15px;
    width: 373px
}

@media screen and (max-width: 768px) {
    .uno3-award-guide__dialog.uno3-dialog .uno3-award-guide__item-content {
        width:calc(100% - 47px)
    }
}

.uno3-award-guide__dialog.uno3-dialog .uno3-award-guide__item-hd {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px
}

.uno3-award-guide__dialog.uno3-dialog .uno3-award-guide__item-hd .qc-base-link {
    margin-left: 8px
}

.uno3-award-guide__dialog.uno3-dialog .uno3-award-guide__item-title {
    color: #000
}

.uno3-award-guide__dialog.uno3-dialog .uno3-award-guide__item-desc {
    margin-top: 4px;
    color: rgba(0,0,0,.7);
    font-size: 12px;
    line-height: 20px;
    font-weight: 500
}

.uno3-award-guide__dialog.uno3-dialog .uno3-award-guide__item.step-1 .uno3-award-guide__item-num {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-award-guide-item-step1-num.svg)
}

.uno3-award-guide__dialog.uno3-dialog .uno3-award-guide__item.step-2 .uno3-award-guide__item-num {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-award-guide-item-step2-num.svg)
}

.uno3-award-guide__dialog.uno3-dialog .uno3-award-guide__item.step-3 .uno3-award-guide__item-num {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-award-guide-item-step3-num.svg)
}

.uno3-award-guide__dialog.uno3-dialog .uno3-award-guide__item.step-4 .uno3-award-guide__item-num {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-award-guide-item-step4-num.svg)
}

.uno3-award-guide__dialog.uno3-dialog .uno3-award-guide__item+.uno3-award-guide__item {
    margin-top: 12px
}

@media screen and (min-width: 769px) {
    .uno3-award-popular__dialog.uno3-dialog {
        min-width:0;
        max-width: none;
        width: 780px;
        border-radius: 0
    }
}

.uno3-award-popular__dialog.uno3-dialog .uno3-award-popular__announce {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 0 12px;
    border-radius: 2px;
    border: 1px solid #699ef5;
    background: linear-gradient(0deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,.5)),#ecf2fe;
    padding: 8px 12px 8px 40px;
    position: relative
}

.uno3-award-popular__dialog.uno3-dialog .uno3-award-popular__announce:before {
    content: "";
    width: 16px;
    height: 16px;
    background-size: cover;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-award-popular-announce.svg);
    position: absolute;
    left: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.uno3-award-popular__dialog.uno3-dialog .uno3-award-popular__announce-text {
    color: rgba(0,0,0,.9);
    font-size: 14px;
    line-height: 22px
}

.uno3-award-popular__dialog.uno3-dialog .uno3-award-popular__announce-link {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #0052d9;
    font-size: 14px;
    line-height: 22px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.uno3-award-popular__dialog.uno3-dialog .uno3-award-popular__announce-link:after {
    margin-left: 4px;
    content: "";
    width: 16px;
    height: 16px;
    background-size: cover;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-award-announce-link-arrow.svg)
}

.uno3-award-popular__dialog.uno3-dialog .uno3-award-popular__content {
    margin-top: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.uno3-award-popular__dialog.uno3-dialog .uno3-award-popular__img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 255px
}

.uno3-award-popular__dialog.uno3-dialog .uno3-award-popular__label {
    margin-left: 30px;
    width: 0;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.uno3-award-popular__dialog.uno3-dialog .uno3-award-popular__item {
    display: -ms-flexbox;
    display: flex
}

.uno3-award-popular__dialog.uno3-dialog .uno3-award-popular__item-input {
    width: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border: 1px solid #e3e6eb;
    background: #fff;
    padding: 6px 7px;
    color: #181818;
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-award-popular__dialog.uno3-dialog .uno3-award-popular__item-btn {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 12px;
    border: 1px solid #c5c5c5;
    background: #fff;
    padding: 6px 23px;
    color: #383838;
    font-size: 14px;
    line-height: 22px;
    cursor: pointer
}

.uno3-award-popular__dialog.uno3-dialog .uno3-award-popular__item+.uno3-award-popular__item {
    margin-top: 20px
}

.uno3-award-popular__dialog.uno3-dialog .uno3-award-popular__bottom {
    margin-top: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.uno3-award-popular__dialog.uno3-dialog .uno3-award-popular__btn {
    background: #0052d9;
    padding: 7px 20px;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    cursor: pointer
}

.uno3-award-popular__dialog.uno3-dialog .uno3-award-popular__operates {
    margin-left: 16px;
    color: #444;
    font-size: 12px;
    line-height: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.uno3-award-popular__dialog.uno3-dialog .uno3-award-popular__operate {
    cursor: pointer
}

.uno3-award-popular__dialog.uno3-dialog .uno3-award-popular__operates>.uno3-award-popular__operate {
    margin-left: 2px
}

.uno3-award-popular__dialog.uno3-dialog .uno3-award-popular__link {
    margin-left: 4px;
    font-size: 0;
    line-height: 0
}

@media screen and (max-width: 768px) {
    .uno3-award-popular__dialog.uno3-dialog .uno3-dialog-body {
        padding-bottom:16px
    }

    .uno3-award-popular__dialog.uno3-dialog .uno3-award-popular__img {
        width: 155px
    }

    .uno3-award-popular__dialog.uno3-dialog .uno3-award-popular__label {
        margin-left: 16px
    }

    .uno3-award-popular__dialog.uno3-dialog .uno3-award-popular__title {
        color: #181818;
        font-size: 14px;
        line-height: 22px;
        font-weight: 500;
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .uno3-award-popular__dialog.uno3-dialog .uno3-award-popular__btn {
        margin-top: 10px;
        text-align: center
    }
}

.module-dialog-detail-tip {
    background: rgba(0,82,217,.1);
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
    padding: 8px 12px;
    font-size: 14px;
    color: #0134b5;
    letter-spacing: 0;
    line-height: 22px;
    margin-bottom: 16px
}

.module-dialog-detail .uno3-pagination {
    margin: 24px auto 0
}

.module-dialog-detail-content-list .module-dialog-detail-item {
    display: inline-block;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    box-sizing: border-box;
    padding-right: 8px;
    vertical-align: top
}

.module-dialog-detail-content-list .module-dialog-detail-list-head {
    padding: 8px 12px;
    background: #eceff5;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
    border-bottom: 1px solid #495770;
    font-size: 14px;
    color: #384050;
    letter-spacing: 0;
    line-height: 22px;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.module-dialog-detail-content-list .module-dialog-detail-list-body {
    max-height: 300px;
    overflow: overlay
}

@media (max-width: 768px) {
    .module-dialog-detail-content-list .module-dialog-detail-list-body {
        max-height:250px
    }
}

.module-dialog-detail-content-list .module-dialog-detail-list-body::-webkit-scrollbar {
    background-color: transparent;
    width: 4px;
    height: 4px;
    background-clip: padding-box
}

.module-dialog-detail-content-list .module-dialog-detail-list-body::-webkit-scrollbar-thumb {
    background: #d9d9d9
}

.module-dialog-detail-content-list .module-dialog-detail-list-body ul li {
    padding: 12px;
    font-size: 14px;
    color: #333;
    letter-spacing: 0;
    line-height: 22px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    position: relative
}

.module-dialog-detail-content-list .module-dialog-detail-list-body ul li .module-dialog-detail-item:first-of-type {
    color: #0052d9
}

.module-dialog-detail-content-list .module-dialog-detail-list-body ul li:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #ddd;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff
}

@media screen and (min-width: 769px) {
    .uno3-dialog.uno3-share-dialog {
        max-width:660px!important;
        width: 660px;
        height: 362px
    }

    .uno3-dialog.uno3-share-dialog .uno3-share-dialog-mobile-icon {
        display: none
    }

    .uno3-dialog.uno3-share-dialog .uno3-dialog-body {
        padding-bottom: 0!important
    }

    .uno3-dialog.uno3-share-dialog .uno3-share-dialog-tit {
        margin-top: 44px;
        font-weight: 700;
        font-size: 18px;
        color: #000;
        text-align: center;
        line-height: 26px
    }

    .uno3-dialog.uno3-share-dialog .uno3-share-dialog-link-box {
        margin: 24px auto 0;
        text-align: center;
        width: 540px;
        height: 36px
    }

    .uno3-dialog.uno3-share-dialog .uno3-share-dialog-link {
        width: 460px
    }

    .uno3-dialog.uno3-share-dialog .uno3-share-dialog-copy-btn {
        min-width: 80px!important;
        width: 80px
    }

    .uno3-dialog.uno3-share-dialog .uno3-share-dialog-back-btn {
        margin-top: 12px;
        max-width: 150px!important;
        width: 150px
    }

    .uno3-dialog.uno3-share-dialog .uno3-share-dialog-share-box {
        margin-top: 24px;
        text-align: center
    }

    .uno3-dialog.uno3-share-dialog .uno3-share-dialog-share-box-text {
        display: inline-block;
        margin-right: 4px
    }

    .uno3-dialog.uno3-share-dialog .uno3-share-dialog-share-img {
        display: inline-block;
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        vertical-align: middle;
        cursor: pointer
    }

    .uno3-dialog.uno3-share-dialog .uno3-share-dialog-share-img:nth-child(n+2) {
        margin-left: 12px
    }

    .uno3-dialog.uno3-share-dialog .uno3-share-dialog-share-img-wx {
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_share_dialog_icon_weixin.png)
    }

    .uno3-dialog.uno3-share-dialog .uno3-share-dialog-share-img-qq {
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_share_dialog_icon_qq.png)
    }

    .uno3-dialog.uno3-share-dialog .uno3-share-dialog-share-img-qqzone {
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_share_dialog_icon_qqzone.png)
    }

    .uno3-dialog.uno3-share-dialog .uno3-share-dialog-share-img-wb {
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_share_dialog_icon_weibo.png)
    }

    .uno3-share-dialog-tooltip-box .uno3-share-dialog-tooltip-img {
        height: 100px;
        width: 100px;
        display: inline-block;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        vertical-align: middle;
        margin-right: 20px
    }

    .uno3-share-dialog-tooltip-box .uno3-tooltip-item {
        display: inline-block;
        vertical-align: middle
    }

    .uno3-share-dialog-tooltip-box .uno3-tooltip-item-tit {
        margin-bottom: 4px;
        color: #4b5b76
    }

    .uno3-share-dialog-tooltip-box .uno3-tooltip-item-con {
        font-size: 14px;
        line-height: 22px
    }
}

@media screen and (max-width: 768px) {
    .uno3-share-dialog .uno3-dialog-body {
        text-align:center;
        font-size: 18px;
        line-height: 26px;
        color: #000;
        margin-top: 25px;
        font-weight: 600
    }

    .uno3-dialog.uno3-share-dialog-wechat {
        min-width: 230px;
        background-color: transparent;
        width: 230px;
        height: 160px;
        top: 0;
        right: 0;
        left: auto;
        bottom: auto
    }

    .uno3-dialog.uno3-share-dialog-wechat .uno3-dialog-footer,.uno3-dialog.uno3-share-dialog-wechat .uno3-dialog-header,.uno3-dialog.uno3-share-dialog-wechat .uno3-share-dialog-link-box,.uno3-dialog.uno3-share-dialog-wechat .uno3-share-dialog-share-box,.uno3-dialog.uno3-share-dialog-wechat .uno3-share-dialog-tit {
        display: none
    }

    .uno3-dialog.uno3-share-dialog-wechat .uno3-share-dialog-wechat-icon {
        display: block;
        position: absolute;
        top: 0;
        right: 0
    }
}

@media (min-width: 769px) {
    .uno3-only-pictures__inner {
        height:600px
    }
}

@media (max-width: 768px) {
    .uno3-only-pictures__inner {
        height:240px
    }
}

.uno3-only-pictures__img {
    width: 100%;
    height: 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

@media (min-width: 769px) {
    .uno3-only-pictures__img.is-m {
        display:none
    }
}

@media (max-width: 768px) {
    .uno3-only-pictures__img.is-pc {
        display:none
    }
}

.uno3-only-pictures__img.is-pc {
    position: relative;
    overflow: hidden
}

.uno3-only-pictures__img.is-pc .uno3-only-pictures__img-mask {
    width: 335px;
    height: 100%;
    position: absolute;
    top: 0
}

.uno3-only-pictures__img.is-pc .uno3-only-pictures__img-mask.is-lt {
    left: auto;
    right: calc(50% + 630px)
}

@media (max-width: 1919px) {
    .uno3-only-pictures__img.is-pc .uno3-only-pictures__img-mask.is-lt {
        left:0;
        right: auto
    }
}

.uno3-only-pictures__img.is-pc .uno3-only-pictures__img-mask.is-rt {
    right: auto;
    left: calc(50% + 630px)
}

@media (max-width: 1919px) {
    .uno3-only-pictures__img.is-pc .uno3-only-pictures__img-mask.is-rt {
        left:auto;
        right: 0
    }
}

@media (min-width: 769px) {
    .uno3-intro-voucher__aside {
        width:420px;
        height: 164px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 20px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_intro_voucher_aside_bg_420.png);
        background-size: 100%;
        background-position: 50%;
        background-repeat: no-repeat
    }

    .uno3-intro-voucher__aside.type-seckill {
        -ms-flex-pack: center;
        justify-content: center;
        gap: 20px
    }
}

@media (max-width: 768px) {
    .uno3-intro-voucher__aside {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 11px;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: 108px
    }

    .uno3-intro-voucher__aside.type-seckill .uno3-intro-voucher__aside-label {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .uno3-intro-voucher__aside.type-seckill .uno3-intro-voucher__aside-amount {
        -ms-flex: 1;
        flex: 1;
        margin-top: 15px
    }
}

.uno3-intro-voucher__aside-label {
    width: 100%
}

@media (max-width: 768px) {
    .uno3-intro-voucher__aside-label {
        -ms-flex:1;
        flex: 1;
        padding: 10px 4px 10px 10px;
        border-radius: 8px 0 0 8px;
        border-top: 1px solid #eaedf1;
        border-left: 1px solid #eaedf1;
        border-bottom: 1px solid #eaedf1;
        background: #fff;
        position: relative;
        width: 0
    }

    .uno3-intro-voucher__aside-label:after {
        content: "";
        display: inline-block;
        width: 12px;
        height: calc(100% + 2px);
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_intro_voucher_aside_divide.png);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: 50%;
        position: absolute;
        right: -12px;
        top: -1px
    }
}

.uno3-intro-voucher__aside .uno3-intro-voucher__tag-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 4px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
    min-height: 18px
}

.uno3-intro-voucher__aside .uno3-intro-voucher__tag {
    border: 1px solid;
    border-radius: 2px;
    padding: 0 3px;
    white-space: nowrap;
    font-size: 12px;
    line-height: 16px
}

.uno3-intro-voucher__aside .uno3-intro-voucher__tag.type-vip {
    border-color: #fdc668;
    background: linear-gradient(79deg,#ffe9c3 49.11%,#fff5e3 68.01%,#ffe9c3 90.37%);
    color: #975129
}

@media (max-width: 768px) {
    .uno3-intro-voucher__aside .uno3-intro-voucher__tag.type-vip {
        border-color:#fdc668;
        background: linear-gradient(79deg,#ffe9c3 49.11%,#fff5e3 68.01%,#ffe9c3 90.37%);
        color: #975129
    }
}

.uno3-intro-voucher__aside .uno3-intro-voucher__tag.type-normal {
    border-color: rgba(214,219,227,.6);
    background: transparent;
    color: #fff
}

@media (max-width: 768px) {
    .uno3-intro-voucher__aside .uno3-intro-voucher__tag.type-normal {
        border-color:#d6dbe3;
        background: #fff;
        color: rgba(0,0,0,.7)
    }
}

.uno3-intro-voucher__aside-amount {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline
}

.uno3-intro-voucher__aside .uno3-intro-voucher__tag-list+.uno3-intro-voucher__aside-amount {
    margin-top: 8px
}

.uno3-intro-voucher__aside-amount-integer {
    color: #fff;
    font-size: 28px;
    line-height: 36px;
    font-weight: 600
}

@media (max-width: 768px) {
    .uno3-intro-voucher__aside-amount-integer {
        font-size:20px;
        line-height: 28px;
        color: rgba(0,0,0,.9)
    }
}

.uno3-intro-voucher__aside-amount-decimal {
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    font-weight: 600
}

@media (max-width: 768px) {
    .uno3-intro-voucher__aside-amount-decimal {
        color:rgba(0,0,0,.9)
    }
}

.uno3-intro-voucher__aside-unit {
    margin-left: 4px;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600
}

@media (max-width: 768px) {
    .uno3-intro-voucher__aside-unit {
        color:rgba(0,0,0,.9)
    }
}

.uno3-intro-voucher__aside-desc {
    margin-left: 8px;
    font-size: 12px;
    line-height: 20px;
    color: hsla(0,0%,100%,.7)
}

@media (max-width: 768px) {
    .uno3-intro-voucher__aside-desc {
        margin-left:6px;
        color: rgba(0,0,0,.5)
    }
}

.uno3-intro-voucher__aside-info {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px dashed #eaedf1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 8px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 769px) {
    .uno3-intro-voucher__aside-info {
        display:none
    }
}

.uno3-intro-voucher__aside-title {
    -ms-flex: 1;
    flex: 1;
    width: 0;
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
    color: rgba(0,0,0,.9);
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-intro-voucher__aside-handle {
    -ms-flex: 0 auto;
    flex: 0 auto;
    font-size: 12px;
    line-height: 20px;
    color: rgba(0,0,0,.5);
    padding-right: 20px;
    position: relative
}

.uno3-intro-voucher__aside-handle:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_intro_voucher_aside_handle_arrow.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    right: 0;
    top: 1px;
    position: absolute
}

.uno3-intro-voucher__aside-operate {
    width: 100%
}

@media (max-width: 768px) {
    .uno3-intro-voucher__aside-operate {
        -ms-flex:0 114px;
        flex: 0 114px;
        width: 0;
        border-radius: 0 8px 8px 0;
        border-top: 1px solid #eaedf1;
        border-right: 1px solid #eaedf1;
        border-bottom: 1px solid #eaedf1;
        background: #0052d9;
        padding: 10px 10px 10px 4px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 8px
    }

    .uno3-intro-voucher__aside-operate .uno3-button {
        padding: 0 8px
    }
}

.uno3-intro-voucher__aside .uno3-button {
    width: 100%
}

.uno3-intro-voucher__aside .uno3-button--tag {
    border-radius: 2px 2px 0 2px;
    background: #ff7800;
    font-size: 12px;
    line-height: 18px
}

.uno3-intro-voucher__aside .uno3-intro-voucher__progress {
    margin-top: 5px;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    width: 100%;
    -ms-flex-align: center;
    align-items: center
}

.uno3-intro-voucher__aside .uno3-intro-voucher__progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 10px;
    border-radius: 5px;
    background: hsla(0,0%,100%,.15)
}

.uno3-intro-voucher__aside .uno3-intro-voucher__progress-inner {
    position: absolute;
    left: 0;
    top: 0;
    height: 10px;
    border-radius: 5px;
    background: linear-gradient(0deg,hsla(0,0%,100%,.41),hsla(0,0%,100%,.41)),hsla(0,0%,100%,.41)
}

.uno3-intro-voucher__aside .uno3-intro-voucher__progress-text {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #fff;
    font-size: 12px;
    line-height: 16px
}

@media (max-width: 768px) {
    .uno3-intro-voucher__aside .uno3-intro-voucher__progress {
        margin-top:0
    }
}

.uno3-intro-voucher--get .uno3-intro-voucher__aside {
    position: relative
}

.uno3-intro-voucher--get .uno3-intro-voucher__aside .uno3-button,.uno3-intro-voucher--get .uno3-intro-voucher__aside .uno3-intro-voucher__progress {
    position: relative;
    z-index: 1
}

.uno3-intro-voucher--get .uno3-intro-voucher__aside:after {
    content: "";
    display: inline-block;
    width: 55px;
    height: 53px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_intro_voucher_get.png);
    background-size: contain;
    background-position: 100% 0;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0
}

@media (max-width: 768px) {
    .uno3-intro-voucher--show .uno3-intro-voucher__content {
        display:block
    }

    .uno3-intro-voucher--show .uno3-intro-voucher__aside-handle:after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .uno3-intro-voucher--show .uno3-intro-voucher__aside-label {
        border-radius: 8px 0 0
    }

    .uno3-intro-voucher--show .uno3-intro-voucher__aside-label:before {
        width: 12px;
        display: inline-block;
        height: 16px;
        content: "";
        background: #fff;
        position: absolute;
        right: -12px;
        bottom: -1px
    }
}

@media (min-width: 769px) {
    .qc-base-grid__col--12 .uno3-intro-voucher__aside {
        width:308px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_intro_voucher_aside_bg_307.png)
    }
}

@media (min-width: 769px) and (max-width:1539px) {
    .qc-base-grid__col--12 .uno3-intro-voucher__aside {
        width:235px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_intro_voucher_aside_bg_235.png)
    }
}

@media (min-width: 769px) {
    .qc-base-grid__col--8 .uno3-intro-voucher__inner {
        -ms-flex-direction:column;
        flex-direction: column
    }

    .qc-base-grid__col--8 .uno3-intro-voucher__aside,.qc-base-grid__col--8 .uno3-intro-voucher__content {
        width: 100%
    }
}

@media (min-width: 769px) and (max-width:1539px) {
    .qc-base-grid__col--8 .uno3-intro-voucher__aside {
        background-image:url(/web/jinglisafe/assets/images/activity/uno3_intro_voucher_aside_bg_307.png)
    }
}

.uno-type-ios .uno3-intro-voucher__aside-amount-decimal,.uno-type-ios .uno3-intro-voucher__aside-amount-integer,.uno-type-ios .uno3-intro-voucher__aside-msg,.uno-type-ios .uno3-intro-voucher__aside-title,.uno-type-ios .uno3-intro-voucher__aside-unit,.uno-type-mac .uno3-intro-voucher__aside-amount-decimal,.uno-type-mac .uno3-intro-voucher__aside-amount-integer,.uno-type-mac .uno3-intro-voucher__aside-msg,.uno-type-mac .uno3-intro-voucher__aside-title,.uno-type-mac .uno3-intro-voucher__aside-unit {
    font-weight: 500
}

.uno-page-intl .uno3-intro-voucher__title {
    font-size: 20px;
    line-height: 28px;
    white-space: normal
}

.uno-page-intl .uno3-intro-voucher .uno3-intro-voucher__bd .qc-base-list-item--cont,.uno-page-intl .uno3-intro-voucher__subtit {
    white-space: normal
}

@media (min-width: 769px) {
    .uno-page-intl .uno3-intro-voucher--get .uno3-intro-voucher__aside:after {
        background-image:url(/web/jinglisafe/assets/images/activity/uno3_intl_intro_voucher_get.png)
    }
}

@media (max-width: 768px) {
    .uno-page-intl .uno3-intro-voucher__content {
        border-radius:0 0 8px 8px;
        border: 1px solid #eaedf1;
        background: #fff
    }

    .uno-page-intl .uno3-intro-voucher__title {
        font-size: 14px;
        line-height: 22px;
        white-space: normal
    }

    .uno-page-intl .uno3-intro-voucher__subtit {
        white-space: normal
    }

    .uno-page-intl .uno3-intro-voucher__inner {
        border-top: 1px solid #eaedf1;
        border-bottom: 1px solid #eaedf1
    }

    .uno-page-intl .uno3-intro-voucher--show .uno3-intro-voucher__inner {
        border-bottom: 0
    }

    .uno-page-intl .uno3-intro-voucher__aside {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: start;
        justify-content: flex-start;
        height: auto;
        gap: 0;
        padding: 0 10px;
        position: relative
    }

    .uno-page-intl .uno3-intro-voucher__aside:before {
        left: 0;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_intl_intro_voucher_m_lt.png)
    }

    .uno-page-intl .uno3-intro-voucher__aside:after,.uno-page-intl .uno3-intro-voucher__aside:before {
        content: "";
        position: absolute;
        top: 0;
        width: 10px;
        height: 100%;
        display: inline-block;
        background-size: 100% 100%;
        background-position: 0;
        background-repeat: no-repeat
    }

    .uno-page-intl .uno3-intro-voucher__aside:after {
        right: 0;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_intl_intro_voucher_m_rt.png)
    }

    .uno-page-intl .uno3-intro-voucher__aside-label {
        width: 100%;
        box-shadow: none;
        border: 0;
        padding: 10px 4px 8px;
        border-radius: 0;
        background: #fff
    }

    .uno-page-intl .uno3-intro-voucher__aside-label:after,.uno-page-intl .uno3-intro-voucher__aside-label:before {
        display: none
    }

    .uno-page-intl .uno3-intro-voucher__aside-operate {
        width: 100%;
        background: #fff;
        box-shadow: none;
        border: 0;
        -ms-flex: none;
        flex: none;
        padding: 0 4px 10px;
        gap: 0;
        border-radius: 0
    }

    .uno-page-intl .uno3-intro-voucher__aside-info {
        width: 100%;
        margin-top: 12px
    }

    .uno-page-intl .uno3-intro-voucher__aside .uno3-intro-voucher__progress {
        margin-top: 8px;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .uno-page-intl .uno3-intro-voucher__aside .uno3-intro-voucher__progress-bar {
        background: #d9e5f9;
        width: 0
    }

    .uno-page-intl .uno3-intro-voucher__aside .uno3-intro-voucher__progress-inner {
        background: #0052d9
    }

    .uno-page-intl .uno3-intro-voucher__aside .uno3-intro-voucher__progress-text {
        color: #fff
    }

    .uno-page-intl .uno3-intro-voucher__aside .uno3-intro-voucher__progress-tip {
        color: #0052d9
    }

    .uno-page-intl .uno3-intro-voucher__aside-amount {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .uno-page-intl .uno3-intro-voucher__aside-desc {
        margin-left: 0;
        width: 100%
    }

    .uno-page-intl .uno3-intro-voucher__tag-list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .uno-page-intl .uno3-intro-voucher--get .uno3-intro-voucher__inner {
        position: relative
    }

    .uno-page-intl .uno3-intro-voucher--get .uno3-intro-voucher__inner:after {
        content: "";
        display: inline-block;
        width: 55px;
        height: 53px;
        background-size: contain;
        background-position: 100% 0;
        background-repeat: no-repeat;
        position: absolute;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_intl_intro_voucher_get_m.png);
        top: 0;
        right: 0
    }

    .uno-page-intl .uno3-intro-voucher .uno3-button.uno3-button--solid-white {
        border: 1px solid #0052d9;
        background: #0052d9;
        color: #fff
    }

    .uno-page-intl .uno3-intro-voucher .uno3-button.uno3-button--solid-white:not(.uno3-button--disabled):hover {
        background: #0052d9;
        border-color: #0052d9;
        color: #fff
    }

    .uno-page-intl .uno3-intro-voucher .uno3-button.uno3-button--solid-white.uno3-button--disabled {
        border-color: #0052d9;
        background: #0052d9;
        color: #fff;
        opacity: .3
    }
}

@media (min-width: 769px) {
    .uno-page-intl .qc-base-grid__col--24 .uno3-intro-voucher__inner {
        -ms-flex-align:center;
        align-items: center
    }

    .uno-page-intl .qc-base-grid__col--24 .uno3-intro-voucher__aside {
        height: auto;
        gap: 8px;
        background-size: 100% 100%
    }
}

@media (min-width: 769px) {
    .uno-page-intl .qc-base-grid__col--12 .uno3-intro-voucher__inner {
        -ms-flex-direction:column;
        flex-direction: column
    }

    .uno-page-intl .qc-base-grid__col--12 .uno3-intro-voucher__content {
        width: 100%;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .uno-page-intl .qc-base-grid__col--12 .uno3-intro-voucher__aside {
        height: 179px;
        width: 100%;
        background-color: #0052d9;
        background-size: 100% 100%
    }
}

@media (min-width: 769px) {
    .uno-page-intl .qc-base-grid__col--8 .uno3-intro-voucher__aside {
        height:172px;
        background-size: 100% 100%
    }
}

@media (max-width: 1200px) and (min-width:769px) {
    .uno-page-intl .qc-base-grid__col--8 .uno3-intro-voucher__bd .qc-base-list-item--cont,.uno-page-intl .qc-base-grid__col--24 .uno3-intro-voucher__bd .qc-base-list-item--cont {
        white-space:normal
    }
}

@media (min-width: 769px) {
    .uno3-intro-voucher {
        border:1px solid #eaedf1;
        background: #fff;
        box-shadow: 0 2px 12px 0 rgba(55,99,170,.06);
        height: 100%
    }

    .uno3-intro-voucher__inner {
        padding: 20px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 20px;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: start;
        align-items: flex-start;
        height: 100%
    }

    .uno3-intro-voucher__content {
        -ms-flex: 1;
        flex: 1;
        width: 0
    }

    .uno3-intro-voucher__bd {
        margin-top: 12px
    }

    .uno3-intro-voucher__bd .qc-base-list-item {
        font-size: 14px;
        line-height: 22px
    }

    .uno3-intro-voucher__bd .qc-base-list-item:nth-child(n+2) {
        margin-top: 8px
    }

    .uno3-intro-voucher__bd .qc-base-list-item--cont {
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media (max-width: 769px) {
    .uno3-intro-voucher {
        box-shadow:0 2px 12px 0 rgba(55,99,170,.06)
    }

    .uno3-intro-voucher__inner {
        padding: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .uno3-intro-voucher__content {
        padding: 10px;
        background: #fff;
        border-right: 1px solid #eaedf1;
        border-bottom: 1px solid #eaedf1;
        border-left: 1px solid #eaedf1;
        display: none
    }

    .uno3-intro-voucher__bd {
        margin-top: 4px
    }
}

.uno3-intro-voucher__title {
    font-size: 18px;
    line-height: 26px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(0,0,0,.9);
    font-weight: 700
}

@media (max-width: 768px) {
    .uno3-intro-voucher__title {
        font-size:12px;
        line-height: 20px
    }
}

.uno3-intro-voucher__subtit {
    font-size: 14px;
    line-height: 22px;
    color: rgba(0,0,0,.7);
    margin-top: 8px
}

@media (min-width: 769px) {
    .uno3-intro-voucher__subtit {
        white-space:nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media (max-width: 768px) {
    .uno3-intro-voucher__subtit {
        font-size:12px;
        line-height: 18px;
        margin-top: 4px
    }
}

.uno3-intro-voucher .qc-base-list-item {
    color: rgba(0,0,0,.7);
    padding-left: 12px
}

.uno3-intro-voucher .qc-base-list-item .qc-base-icon--dot {
    width: 4px;
    height: 4px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_intro_voucher_list_dot.svg);
    top: 9px
}

.uno-type-ios .uno3-intro-voucher__title,.uno-type-mac .uno3-intro-voucher__title {
    font-weight: 500
}

.uno-page-intl .uno3-single-voucher--get .uno3-single-voucher__operate:after {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-intl-single-voucher-get.png)
}

@media (max-width: 768px) {
    .uno-page-intl .uno3-single-voucher {
        border-top:1px solid #eaedf1;
        border-bottom: 1px solid #eaedf1;
        padding: 0 10px;
        position: relative;
        box-shadow: none
    }

    .uno-page-intl .uno3-single-voucher:before {
        left: 0;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_intl_single_voucher_m_lt.png)
    }

    .uno-page-intl .uno3-single-voucher:after,.uno-page-intl .uno3-single-voucher:before {
        content: "";
        position: absolute;
        top: 0;
        width: 10px;
        height: 100%;
        display: inline-block;
        background-size: 100% 100%;
        background-position: 0;
        background-repeat: no-repeat
    }

    .uno-page-intl .uno3-single-voucher:after {
        right: 0;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_intl_single_voucher_m_rt.png)
    }

    .uno-page-intl .uno3-single-voucher__inner {
        -ms-flex-direction: column;
        flex-direction: column;
        background: #fff
    }

    .uno-page-intl .uno3-single-voucher__label {
        width: 100%;
        border: 0;
        background: transparent;
        padding: 10px 4px 0
    }

    .uno-page-intl .uno3-single-voucher__operate {
        width: 100%;
        margin-left: 0;
        border: 0;
        background: transparent;
        padding: 8px 4px 10px;
        position: static
    }

    .uno-page-intl .uno3-single-voucher__operate:before {
        display: none
    }

    .uno-page-intl .uno3-single-voucher__operate:after {
        top: 0;
        right: 0;
        z-index: 1
    }

    .uno-page-intl .uno3-single-voucher__ft-amount {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .uno-page-intl .uno3-single-voucher__ft-desc {
        margin-left: 0;
        width: 100%
    }

    .uno-page-intl .uno3-single-voucher__progress {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        gap: 8px
    }

    .uno-page-intl .uno3-single-voucher__progress-bar {
        -ms-flex: 1;
        flex: 1
    }

    .uno-page-intl .uno3-single-voucher__progress-tip {
        -ms-flex: 0 auto;
        flex: 0 auto;
        width: auto;
        margin-top: 0
    }
}

.uno3-single-voucher {
    box-shadow: 0 2px 12px 0 rgba(55,99,170,.06);
    position: relative
}

.uno3-single-voucher__inner {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 108px
}

.uno3-single-voucher__label {
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 0;
    border-left: 1px solid #eaedf1;
    background: #fff;
    padding: 15px 10px 15px 15px;
    z-index: 1
}

.uno3-single-voucher__label,.uno3-single-voucher__operate {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px solid #eaedf1;
    border-bottom: 1px solid #eaedf1;
    position: relative
}

.uno3-single-voucher__operate {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 33%;
    min-width: 226px;
    margin-left: 12px;
    border-right: 1px solid #eaedf1;
    background: #f7faff;
    padding: 15px 15px 15px 10px
}

.uno3-single-voucher__operate .uno3-button {
    width: 100%;
    position: relative;
    z-index: 1
}

.uno3-single-voucher__operate:before {
    position: absolute;
    top: -1px;
    left: -12px;
    content: "";
    width: 12px;
    height: calc(100% + 2px);
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-single-voucher-bg.svg);
    background-size: auto 100%;
    background-position: 50%;
    background-repeat: no-repeat
}

.uno3-single-voucher--get .uno3-single-voucher__operate:after {
    content: "";
    width: 55px;
    height: 53px;
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-single-voucher-get.png);
    background-size: cover
}

.uno3-single-voucher__tag-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4px
}

.uno3-single-voucher__tag {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 2px;
    border: 1px solid #d6dbe3;
    background: #fff;
    padding: 0 3px;
    color: rgba(0,0,0,.7);
    font-size: 12px;
    line-height: 20px
}

.uno3-single-voucher__tag.type-vip {
    border: 1px solid #fdc668;
    background: linear-gradient(79deg,#ffe9c3 49.11%,#fff5e3 68.01%,#ffe9c3 90.37%);
    color: #975129
}

.uno3-single-voucher__tag-list+.uno3-single-voucher__ft {
    margin-top: 8px
}

.uno3-single-voucher__ft {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2px 8px
}

.uno3-single-voucher__ft,.uno3-single-voucher__ft-amount {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline
}

.uno3-single-voucher__ft-amount {
    width: 100%
}

.uno3-single-voucher__ft-amount-integer {
    color: rgba(0,0,0,.9);
    font-size: 28px;
    line-height: 36px;
    font-weight: 500
}

.uno3-single-voucher__ft-amount-decimal {
    color: rgba(0,0,0,.9);
    font-size: 14px;
    line-height: 22px;
    font-weight: 500
}

.uno3-single-voucher__ft-unit {
    margin-left: 4px;
    color: rgba(0,0,0,.9);
    font-size: 12px;
    line-height: 20px;
    font-weight: 500
}

.uno3-single-voucher__ft-desc {
    color: rgba(0,0,0,.5);
    margin-left: 8px;
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-single-voucher__progress {
    margin-top: 8px;
    z-index: 1
}

.uno3-single-voucher__progress,.uno3-single-voucher__progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.uno3-single-voucher__progress-bar {
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-radius: 20px;
    background: #d9e5f9;
    overflow: hidden;
    height: 10px;
    -ms-flex-pack: center;
    justify-content: center
}

.uno3-single-voucher__progress-inner {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-radius: 20px;
    background: linear-gradient(282deg,#0052d9 -2.56%,#1e73f2 93.32%)
}

.uno3-single-voucher__progress-text {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 8px;
    color: #0052d9;
    font-size: 12px;
    line-height: 16px
}

.qc-base-grid__col--8 .uno3-single-voucher__label {
    padding: 12px 6px 12px 12px
}

.qc-base-grid__col--8 .uno3-single-voucher__operate {
    padding: 12px 12px 12px 6px;
    min-width: 128px
}

.qc-base-grid__col--8 .uno3-single-voucher__tag-list {
    gap: 3px
}

.qc-base-grid__col--8 .uno3-single-voucher__ft {
    gap: 2px 4px
}

@media screen and (max-width: 768px) {
    .qc-base-grid__col--8 .uno3-single-voucher__label,.uno3-single-voucher__label {
        padding:10px 4px 10px 10px
    }

    .qc-base-grid__col--8 .uno3-single-voucher__operate,.uno3-single-voucher__operate {
        min-width: 114px;
        padding: 10px 10px 10px 4px
    }

    .qc-base-grid__col--8 .uno3-single-voucher__tag-list,.uno3-single-voucher__tag-list {
        gap: 2px
    }

    .qc-base-grid__col--8 .uno3-single-voucher__ft,.uno3-single-voucher__ft {
        gap: 2px 6px
    }

    .qc-base-grid__col--8 .uno3-single-voucher__amount-integer,.uno3-single-voucher__amount-integer {
        font-size: 20px;
        line-height: 28px
    }

    .qc-base-grid__col--8 .uno3-single-voucher__amount-decimal,.uno3-single-voucher__amount-decimal {
        font-size: 14px;
        line-height: 22px
    }
}

.uno-page-intl .uno3-cash-coupon.size-large .uno3-cash-coupon__subtit,.uno-page-intl .uno3-cash-coupon.size-large .uno3-cash-coupon__title {
    white-space: normal
}

.uno-page-intl .uno3-cash-coupon__content .qc-base-form-item:not(:last-child) {
    margin-bottom: 12px
}

.uno-page-intl .uno3-cash-coupon__content .qc-base-form-label {
    width: auto;
    -ms-flex: 0 auto;
    flex: 0 auto
}

.uno-page-intl .uno3-cash-coupon__content .qc-base-form-value {
    width: 0;
    -ms-flex: 1;
    flex: 1
}

.uno3-cash-coupon {
    border: 1px solid #eaedf1;
    background: #fff;
    box-shadow: 0 2px 12px 0 rgba(55,99,170,.06)
}

.uno3-cash-coupon__head {
    padding: 20px 20px 16px;
    background: linear-gradient(270deg,#fff,#f2f6ff);
    position: relative;
    overflow: hidden
}

.uno3-cash-coupon__head:after {
    content: "";
    width: 212px;
    height: 152px;
    background-size: cover;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_cash_coupon_head_bg.png);
    position: absolute;
    top: -10px;
    right: -18px
}

.uno3-cash-coupon__title {
    color: rgba(0,0,0,.9);
    font-size: 18px;
    line-height: 26px;
    font-weight: 500
}

.uno3-cash-coupon__subtit,.uno3-cash-coupon__title {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-cash-coupon__subtit {
    margin-top: 2px;
    color: rgba(0,0,0,.7);
    font-size: 14px;
    line-height: 22px
}

.uno3-cash-coupon__subtit,.uno3-cash-coupon__title {
    position: relative;
    z-index: 1
}

.uno3-cash-coupon__content {
    padding: 16px 20px
}

.uno3-cash-coupon .qc-base-form {
    width: 100%
}

.uno3-cash-coupon .qc-base-form-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.uno3-cash-coupon .qc-base-form-label {
    width: 70px;
    margin-right: 0
}

.uno3-cash-coupon .qc-base-form-label-inner {
    color: rgba(0,0,0,.5);
    font-size: 14px;
    line-height: 22px;
    font-weight: 500
}

.uno3-cash-coupon .qc-base-form-value {
    width: calc(100% - 70px)
}

.uno3-cash-coupon .qc-base-form-value-inner {
    color: rgba(0,0,0,.9);
    font-size: 14px;
    line-height: 22px
}

.uno3-cash-coupon .qc-base-bubble-trigger,.uno3-cash-coupon .qc-base-form-value-inner-wrap {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-cash-coupon .qc-base-bubble-trigger {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%
}

.uno3-cash-coupon__foot {
    padding: 16px 20px 20px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end
}

.uno3-cash-coupon__foot:before {
    content: "";
    width: calc(100% - 40px);
    height: 1px;
    background: #ebedf1;
    position: absolute;
    left: 20px;
    top: 0
}

.uno3-cash-coupon__label {
    width: 0;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.uno3-cash-coupon__tag-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4px
}

.uno3-cash-coupon__tag {
    border-radius: 2px;
    border: 1px solid #d6dbe3;
    background: #fff;
    padding: 0 3px;
    color: rgba(0,0,0,.7);
    font-size: 12px;
    line-height: 18px
}

.uno3-cash-coupon__tag.type-vip {
    border: 1px solid #fdc668;
    background: linear-gradient(79deg,#ffe9c3 49.11%,#fff5e3 68.01%,#ffe9c3 90.37%);
    color: #975129
}

.uno3-cash-coupon__price {
    margin-top: 8px;
    max-width: 100%;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: baseline;
    align-items: baseline
}

.uno3-cash-coupon__amount {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -ms-flex-positive: 1;
    flex-grow: 1;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: baseline;
    color: #f64041;
    font-weight: 500
}

.uno3-cash-coupon__amount-integer {
    font-size: 28px;
    line-height: 36px
}

.uno3-cash-coupon__amount-decimal {
    font-size: 14px;
    line-height: 22px
}

.uno3-cash-coupon__unit {
    margin-left: 4px;
    font-size: 12px;
    line-height: 20px
}

.uno3-cash-coupon__amount-total {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 8px;
    color: rgba(0,0,0,.5);
    font-size: 12px;
    line-height: 18px;
    text-decoration: line-through
}

.uno3-cash-coupon__btns {
    margin-left: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 41%
}

.uno3-cash-coupon__btns .uno3-button {
    width: 100%
}

.uno3-cash-coupon.size-small .uno3-cash-coupon__foot {
    -ms-flex-direction: column;
    flex-direction: column
}

.uno3-cash-coupon.size-small .uno3-cash-coupon__btns,.uno3-cash-coupon.size-small .uno3-cash-coupon__label {
    width: 100%
}

.uno3-cash-coupon.size-small .uno3-cash-coupon__btns {
    margin: 8px 0 0
}

.uno3-cash-coupon.size-large .uno3-cash-coupon__inner {
    display: -ms-flexbox;
    display: flex
}

.uno3-cash-coupon.size-large .uno3-cash-coupon__head {
    width: 240px;
    padding: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

.uno3-cash-coupon.size-large .uno3-cash-coupon__head:after {
    top: auto;
    bottom: -45px;
    right: -92px
}

.uno3-cash-coupon.size-large .uno3-cash-coupon__content {
    width: calc(100% - 580px);
    padding: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.uno3-cash-coupon.size-large .uno3-cash-coupon__foot {
    width: 340px;
    padding: 20px;
    -ms-flex-direction: column;
    flex-direction: column
}

.uno3-cash-coupon.size-large .uno3-cash-coupon__foot:before {
    width: 1px;
    height: calc(100% - 40px);
    left: 0;
    top: 20px
}

.uno3-cash-coupon.size-large .uno3-cash-coupon__btns,.uno3-cash-coupon.size-large .uno3-cash-coupon__label {
    width: 100%
}

.uno3-cash-coupon.size-large .uno3-cash-coupon__btns {
    margin: 24px 0 0
}

@media screen and (max-width: 768px) {
    .uno3-cash-coupon.size-large .uno3-cash-coupon__inner,.uno3-cash-coupon.size-small .uno3-cash-coupon__inner,.uno3-cash-coupon__inner {
        display:block
    }

    .uno3-cash-coupon.size-large .uno3-cash-coupon__content,.uno3-cash-coupon.size-large .uno3-cash-coupon__foot,.uno3-cash-coupon.size-large .uno3-cash-coupon__head,.uno3-cash-coupon.size-small .uno3-cash-coupon__content,.uno3-cash-coupon.size-small .uno3-cash-coupon__foot,.uno3-cash-coupon.size-small .uno3-cash-coupon__head,.uno3-cash-coupon__content,.uno3-cash-coupon__foot,.uno3-cash-coupon__head {
        width: 100%
    }

    .uno3-cash-coupon.size-large .uno3-cash-coupon__head,.uno3-cash-coupon.size-small .uno3-cash-coupon__head,.uno3-cash-coupon__head {
        padding: 16px
    }

    .uno3-cash-coupon.size-large .uno3-cash-coupon__head:after,.uno3-cash-coupon.size-small .uno3-cash-coupon__head:after,.uno3-cash-coupon__head:after {
        top: -10px;
        right: -18px;
        left: auto;
        bottom: auto
    }

    .uno3-cash-coupon.size-large .uno3-cash-coupon__content,.uno3-cash-coupon.size-small .uno3-cash-coupon__content,.uno3-cash-coupon__content {
        padding: 14px 16px 16px
    }

    .uno3-cash-coupon.size-large .uno3-cash-coupon__foot,.uno3-cash-coupon.size-small .uno3-cash-coupon__foot,.uno3-cash-coupon__foot {
        padding: 16px;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .uno3-cash-coupon.size-large .uno3-cash-coupon__foot:before,.uno3-cash-coupon.size-small .uno3-cash-coupon__foot:before,.uno3-cash-coupon__foot:before {
        width: calc(100% - 32px);
        height: 1px;
        left: 16px;
        top: 0
    }

    .uno3-cash-coupon.size-large .uno3-cash-coupon__btns,.uno3-cash-coupon.size-large .uno3-cash-coupon__label,.uno3-cash-coupon.size-small .uno3-cash-coupon__btns,.uno3-cash-coupon.size-small .uno3-cash-coupon__label,.uno3-cash-coupon__btns,.uno3-cash-coupon__label {
        width: 100%
    }

    .uno3-cash-coupon.size-large .uno3-cash-coupon__price,.uno3-cash-coupon.size-small .uno3-cash-coupon__price,.uno3-cash-coupon__price {
        margin-top: 4px
    }

    .uno3-cash-coupon.size-large .uno3-cash-coupon__amount-integer,.uno3-cash-coupon.size-small .uno3-cash-coupon__amount-integer,.uno3-cash-coupon__amount-integer {
        font-size: 20px;
        line-height: 28px
    }

    .uno3-cash-coupon.size-large .uno3-cash-coupon__amount-total,.uno3-cash-coupon.size-small .uno3-cash-coupon__amount-total,.uno3-cash-coupon__amount-total {
        margin-left: 6px
    }

    .uno3-cash-coupon.size-large .uno3-cash-coupon__btns,.uno3-cash-coupon.size-small .uno3-cash-coupon__btns,.uno3-cash-coupon__btns {
        margin-top: 8px
    }
}

.uno-page-intl .uno3-intro-card.is-resource .uno3-intro-card__li .qc-base-link {
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%
}

.uno-page-intl .uno3-intro-card.is-resource .uno3-intro-card__li .qc-base-link__inner {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno-page-intl .uno3-intro-card.is-resource .uno3-intro-card__li .qc-base-link--icon:after {
    -ms-flex: none;
    flex: none
}

@media (min-width: 769px) {
    .uno-page-intl .uno3-intro-card.is-icon-text .uno3-intro-card__desc {
        transition:all .3s ease-in-out
    }
}

.uno-page-intl .uno3-intro-card.is-icon-text .uno3-intro-card__tit {
    white-space: normal;
    word-break: normal
}

.uno-page-intl .uno3-intro-card.is-icon-text .uno3-intro-card__desc {
    display: block
}

@media (min-width: 769px) {
    .uno-page-intl .qc-base-grid__col--6 .uno3-intro-card.is-icon-text .uno3-intro-card__desc,.uno-page-intl .qc-base-grid__col--6 .uno3-intro-card.is-plain-text .uno3-intro-card__desc {
        -webkit-line-clamp:8
    }

    .uno-page-intl .qc-base-grid__col--8 .uno3-intro-card.is-icon-text .uno3-intro-card__desc,.uno-page-intl .qc-base-grid__col--8 .uno3-intro-card.is-plain-text .uno3-intro-card__desc {
        -webkit-line-clamp: 6
    }

    .uno-page-intl .qc-base-grid__col--12 .uno3-intro-card.is-icon-text .uno3-intro-card__desc,.uno-page-intl .qc-base-grid__col--12 .uno3-intro-card.is-plain-text .uno3-intro-card__desc {
        -webkit-line-clamp: 4
    }
}

@media (min-width: 769px) {
    .uno3-intro-card,.uno3-intro-card__inner {
        height:100%
    }

    .uno3-intro-card__ft {
        margin-top: auto
    }
}

.uno3-intro-card.is-icon-text {
    border: 1px solid #eaedf1;
    background: #fff;
    box-shadow: 0 2px 12px 0 rgba(55,99,170,.06)
}

.uno3-intro-card.is-icon-text .uno3-intro-card__inner {
    padding: 24px 24px 32px;
    gap: 16px
}

.uno3-intro-card.is-icon-text .uno3-intro-card__bd,.uno3-intro-card.is-icon-text .uno3-intro-card__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start
}

.uno3-intro-card.is-icon-text .uno3-intro-card__bd {
    gap: 8px;
    width: 100%
}

.uno3-intro-card.is-icon-text .uno3-intro-card__bd>span {
    max-width: 100%
}

.uno3-intro-card.is-icon-text .uno3-intro-card__icon {
    width: 48px;
    height: 48px
}

.uno3-intro-card.is-icon-text .uno3-intro-card__tit {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: #000;
    max-width: 100%;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-intro-card.is-icon-text .uno3-intro-card__desc {
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.uno3-intro-card.is-icon-text .uno3-intro-card__link {
    font-size: 14px;
    line-height: 22px;
    color: #0052d9;
    cursor: pointer;
    text-decoration: none;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center
}

.uno3-intro-card.is-icon-text .uno3-intro-card__link:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_introcard_link_icon_arrow.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-left: 4px;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.uno3-intro-card.is-icon-text .uno3-intro-card__link:hover:after {
    -webkit-transform: translateX(2px);
    transform: translateX(2px)
}

@media (max-width: 768px) {
    .uno3-intro-card.is-icon-text .uno3-intro-card__inner {
        padding:20px 20px 28px
    }

    .uno3-intro-card.is-icon-text .uno3-intro-card__icon {
        width: 36px;
        height: 36px
    }

    .uno3-intro-card.is-icon-text .uno3-intro-card__tit {
        font-size: 16px;
        line-height: 24px
    }
}

.uno3-intro-card.is-plain-text .uno3-intro-card__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.uno3-intro-card.is-plain-text .uno3-intro-card__tit {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: #0052d9;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-intro-card.is-plain-text .uno3-intro-card__desc {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #e9ecf1;
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.uno3-intro-card.is-plain-text .uno3-intro-card__ft {
    margin-top: auto;
    font-size: 14px;
    line-height: 22px
}

@media (max-width: 768px) {
    .uno3-intro-card.is-plain-text .uno3-intro-card__inner {
        grid-area:8px
    }

    .uno3-intro-card.is-plain-text .uno3-intro-card__tit {
        font-size: 18px;
        line-height: 26px
    }

    .uno3-intro-card.is-plain-text .uno3-intro-card__desc {
        margin-top: 8px;
        padding-top: 8px;
        -webkit-line-clamp: 5
    }
}

.uno3-intro-card.is-document {
    border: 1px solid #eaedf1;
    background: #fff;
    box-shadow: 0 2px 12px 0 rgba(55,99,170,.06)
}

.uno3-intro-card.is-document .uno3-intro-card__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.uno3-intro-card.is-document .uno3-intro-card__hd {
    background: #fbfbfc
}

.uno3-intro-card.is-document .uno3-intro-card__hd-inner {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_introcard_document_hd_img.png);
    background-size: 778px 442px;
    background-position: calc(100% + 312px) -191px;
    background-repeat: no-repeat;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 24px;
    gap: 6px
}

.uno3-intro-card.is-document .uno3-intro-card__tit {
    font-size: 20px;
    line-height: 28px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 700;
    color: #000
}

.uno3-intro-card.is-document .uno3-intro-card__desc {
    font-size: 16px;
    line-height: 24px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #4b5b76
}

.uno3-intro-card.is-document .uno3-intro-card__bd {
    padding: 24px;
    -ms-flex: 1;
    flex: 1
}

.uno3-intro-card.is-document .uno3-intro-card__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.uno3-intro-card.is-document .uno3-intro-card__list.is-link .qc-base-link {
    max-width: 100%;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-intro-card.is-document .uno3-intro-card__list.is-link .qc-base-link .qc-base-link__inner {
    max-width: 100%
}

.uno3-intro-card.is-document .uno3-intro-card__list.is-dot .uno3-intro-card__list-item {
    padding-left: 20px;
    position: relative
}

.uno3-intro-card.is-document .uno3-intro-card__list.is-dot .uno3-intro-card__list-item:before {
    content: "";
    display: inline-block;
    height: 16px;
    width: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_introcard_list_item_icon_dot.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.uno3-intro-card.is-document .uno3-intro-card__list-item {
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #4b5b76;
    height: 22px
}

@media (max-width: 768px) {
    .uno3-intro-card.is-document .uno3-intro-card__hd-inner {
        padding:16px 20px;
        gap: 8px;
        background-position: calc(100% + 482px) -200px
    }

    .uno3-intro-card.is-document .uno3-intro-card__tit {
        font-size: 18px;
        line-height: 26px
    }

    .uno3-intro-card.is-document .uno3-intro-card__desc {
        font-size: 14px;
        line-height: 22px
    }

    .uno3-intro-card.is-document .uno3-intro-card__bd {
        padding: 20px 20px 28px
    }

    .uno3-intro-card.is-document .uno3-intro-card__list {
        gap: 10px
    }
}

.uno3-intro-card.is-photo-text {
    background: #fff;
    border: 1px solid #eaedf1;
    box-shadow: 0 2px 12px 0 rgba(55,99,170,.06)
}

.uno3-intro-card.is-photo-text .uno3-intro-card__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.uno3-intro-card.is-photo-text .uno3-intro-card__tag {
    font-size: 14px;
    line-height: 20px;
    color: #000
}

.uno3-intro-card.is-photo-text .uno3-intro-card__tit {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: #181818;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .3s ease-in-out
}

.uno3-intro-card.is-photo-text .uno3-intro-card__rt-bd {
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    transition: color .3s ease-in-out;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.uno3-intro-card.is-photo-text .uno3-intro-card__lt {
    height: 123px;
    overflow: hidden
}

.uno3-intro-card.is-photo-text .uno3-intro-card__lt-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out
}

.uno3-intro-card.is-photo-text .uno3-intro-card__rt {
    padding: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    -ms-flex: 1;
    flex: 1
}

.uno3-intro-card.is-photo-text .uno3-intro-card__rt-bd {
    margin-top: 6px
}

.uno3-intro-card.is-photo-text .uno3-intro-card__rt-ft {
    margin-top: auto;
    overflow: hidden
}

.uno3-intro-card.is-photo-text.is-full .uno3-intro-card__rt-hd {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

@media (min-width: 769px) {
    .uno3-intro-card.is-photo-text.is-full .uno3-intro-card__inner {
        padding:20px;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 40px;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-intro-card.is-photo-text.is-full .uno3-intro-card__lt {
        -ms-flex: 0 0 calc(50% - 20px);
        flex: 0 0 calc(50% - 20px);
        height: 242px
    }

    .uno3-intro-card.is-photo-text.is-full .uno3-intro-card__rt {
        -ms-flex: 0 0 calc(50% - 20px);
        flex: 0 0 calc(50% - 20px);
        width: 0;
        padding: 20px 0;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 20px;
        height: 100%
    }

    .uno3-intro-card.is-photo-text.is-full .uno3-intro-card__rt-bd {
        margin-top: 0
    }
}

.uno3-intro-card.is-photo-text.is-full .uno3-intro-card__link {
    font-size: 14px;
    line-height: 22px;
    color: #0052d9;
    position: relative;
    padding-right: 28px
}

.uno3-intro-card.is-photo-text.is-full .uno3-intro-card__link:after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 6px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_introcard_link_icon_arrow_2.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .3s ease
}

.uno3-intro-card.is-photo-text.is-full .uno3-intro-card__link:hover:after {
    right: -4px
}

.uno3-intro-card.is-photo-text:not(.is-full) {
    cursor: pointer;
    transition: background-color .6s ease-in-out;
    display: block
}

.uno3-intro-card.is-photo-text:not(.is-full) .uno3-intro-card__link {
    color: #0052d9;
    font-size: 14px;
    line-height: 22px;
    position: relative;
    padding-right: 22px;
    -webkit-transform: translateX(calc(-100% + 14px));
    transform: translateX(calc(-100% + 14px));
    display: inline-block;
    transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out
}

.uno3-intro-card.is-photo-text:not(.is-full) .uno3-intro-card__link:after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 6px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_introcard_link_icon_arrow_2.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .3s ease
}

@media (max-width: 768px) {
    .uno3-intro-card.is-photo-text:not(.is-full) .uno3-intro-card__link {
        -webkit-transform:translateX(0);
        transform: translateX(0)
    }
}

@media (min-width: 769px) {
    .uno3-intro-card.is-photo-text:not(.is-full):hover {
        background:#0052d9
    }

    .uno3-intro-card.is-photo-text:not(.is-full):hover .uno3-intro-card__lt-img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    .uno3-intro-card.is-photo-text:not(.is-full):hover .uno3-intro-card__rt-bd,.uno3-intro-card.is-photo-text:not(.is-full):hover .uno3-intro-card__tit {
        color: #fff
    }

    .uno3-intro-card.is-photo-text:not(.is-full):hover .uno3-intro-card__rt-bd .qc-base-text--highlight,.uno3-intro-card.is-photo-text:not(.is-full):hover .uno3-intro-card__tit .qc-base-text--highlight {
        color: #ff9540
    }

    .uno3-intro-card.is-photo-text:not(.is-full):hover .uno3-intro-card__rt-bd .qc-base-link,.uno3-intro-card.is-photo-text:not(.is-full):hover .uno3-intro-card__tit .qc-base-link {
        color: #ffeed4
    }

    .uno3-intro-card.is-photo-text:not(.is-full):hover .uno3-intro-card__link {
        color: #fff;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .uno3-intro-card.is-photo-text:not(.is-full):hover .uno3-intro-card__link:after {
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_introcard_link_icon_arrow_2_hover.svg)
    }
}

@media (max-width: 768px) {
    .uno3-intro-card.is-photo-text .uno3-intro-card__lt {
        height:117px
    }

    .uno3-intro-card.is-photo-text .uno3-intro-card__rt {
        gap: 16px
    }

    .uno3-intro-card.is-photo-text .uno3-intro-card__rt-bd {
        margin-top: 0
    }
}

.uno3-intro-card.is-resource .uno3-intro-card__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: stretch;
    align-items: stretch
}

@media (min-width: 769px) {
    .uno3-intro-card.is-resource .uno3-intro-card__item {
        -ms-flex:1;
        flex: 1;
        padding-right: 20px;
        width: 0
    }

    .uno3-intro-card.is-resource .uno3-intro-card__item:nth-child(n+2) {
        padding-left: 20px;
        border-left: 1px solid #dadfe8
    }

    .uno3-intro-card.is-resource .uno3-intro-card__item:last-child {
        padding-right: 0
    }
}

@media (min-width: 1160px) {
    .uno3-intro-card.is-resource .uno3-intro-card__item {
        max-width:560px;
        width: 0
    }
}

.uno3-intro-card.is-resource .uno3-intro-card__tit {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #333;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 12px
}

.uno3-intro-card.is-resource .uno3-intro-card__li {
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-intro-card.is-resource .uno3-intro-card__li .qc-base-link {
    display: inline
}

.uno3-intro-card.is-resource .uno3-intro-card__li:nth-child(n+2) {
    margin-top: 8px
}

@media (max-width: 768px) {
    .uno3-intro-card.is-resource .uno3-intro-card__inner {
        -ms-flex-direction:column;
        flex-direction: column;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .uno3-intro-card.is-resource .uno3-intro-card__item {
        width: 100%
    }

    .uno3-intro-card.is-resource .uno3-intro-card__item:nth-child(n+2) {
        margin-top: 16px;
        padding-top: 16px;
        border-top: 1px solid #dadfe8
    }

    .uno3-intro-card.is-resource .uno3-intro-card__tit {
        margin-bottom: 4px
    }
}

.qc-base-show-mobile .uno3-button--status-packup,.qc-base-show-mobile .uno3-button--status-unfold {
    width: 100%;
    margin-top: 16px
}

@media (min-width: 769px) {
    .qc-base-grid__col--8 .uno3-intro-card.is-icon-text .uno3-intro-card__desc,.qc-base-grid__col--8 .uno3-intro-card.is-plain-text .uno3-intro-card__desc {
        -webkit-line-clamp:4
    }

    .qc-base-grid__col--8 .uno3-intro-card.is-document .uno3-intro-card__hd-inner {
        background-position: calc(100% + 416px) -191px
    }

    .qc-base-grid__col--8 .uno3-intro-card.is-photo-text .uno3-intro-card__lt {
        height: 167px
    }

    .qc-base-grid__col--8 .uno3-intro-card.is-photo-text .uno3-intro-card__rt-bd {
        -webkit-line-clamp: 2
    }

    .qc-base-grid__col--6 .uno3-intro-card.is-icon-text .uno3-intro-card__desc {
        -webkit-line-clamp: 4
    }

    .qc-base-grid__col--6 .uno3-intro-card.is-plain-text .uno3-intro-card__desc {
        -webkit-line-clamp: 5
    }

    .qc-base-grid__col--6 .uno3-intro-card.is-document .uno3-intro-card__hd-inner {
        background-position: calc(100% + 476px) -191px
    }
}

.uno-type-ios .uno3-intro-card.is-document .uno3-intro-card__tit,.uno-type-ios .uno3-intro-card.is-icon-text .uno3-intro-card__tit,.uno-type-ios .uno3-intro-card.is-photo-text .uno3-intro-card__tit,.uno-type-ios .uno3-intro-card.is-plain-text .uno3-intro-card__tit,.uno-type-ios .uno3-intro-card.is-resource .uno3-intro-card__tit,.uno-type-mac .uno3-intro-card.is-document .uno3-intro-card__tit,.uno-type-mac .uno3-intro-card.is-icon-text .uno3-intro-card__tit,.uno-type-mac .uno3-intro-card.is-photo-text .uno3-intro-card__tit,.uno-type-mac .uno3-intro-card.is-plain-text .uno3-intro-card__tit,.uno-type-mac .uno3-intro-card.is-resource .uno3-intro-card__tit {
    font-weight: 500
}

.uno3-tabs-with-anchors {
    margin-top: -40px
}

.uno3-tabs-with-anchors .uno3-tabs-with-anchors__hd {
    border-top: 1px solid #eef4ff;
    background: rgba(240,245,253,.75);
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px)
}

.uno3-tabs-with-anchors .uno3-tabs-with-anchors__hd .qc-base-module {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 40px;
    -ms-flex-align: end;
    align-items: flex-end
}

.uno3-tabs-with-anchors .uno3-tabs-with-anchors__hd .qc-base-module .uno3-tabs-with-anchors__item {
    -ms-flex: 1;
    flex: 1;
    cursor: pointer;
    position: relative;
    height: 100%;
    transition: height .3s ease
}

.uno3-tabs-with-anchors .uno3-tabs-with-anchors__hd .qc-base-module .uno3-tabs-with-anchors__item-inner {
    width: 100%;
    padding: 8px 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .3s ease
}

.uno3-tabs-with-anchors .uno3-tabs-with-anchors__hd .qc-base-module .uno3-tabs-with-anchors__item-icon {
    display: inline-block;
    width: 24px;
    height: 24px
}

.uno3-tabs-with-anchors .uno3-tabs-with-anchors__hd .qc-base-module .uno3-tabs-with-anchors__item-icon.is-active {
    display: none
}

.uno3-tabs-with-anchors .uno3-tabs-with-anchors__hd .qc-base-module .uno3-tabs-with-anchors__item-label {
    -ms-flex: 1;
    flex: 1;
    width: 0;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #000
}

.uno3-tabs-with-anchors .uno3-tabs-with-anchors__hd .qc-base-module .uno3-tabs-with-anchors__item:nth-child(n+2):before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 24px;
    background: hsla(0,0%,100%,.5);
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.uno3-tabs-with-anchors .uno3-tabs-with-anchors__hd .qc-base-module .uno3-tabs-with-anchors__item:hover {
    background: hsla(0,0%,100%,.6)
}

.uno3-tabs-with-anchors .uno3-tabs-with-anchors__hd .qc-base-module .uno3-tabs-with-anchors__item.is-active {
    border-top: 2px solid #0052d9;
    background: #fff;
    height: 48px
}

.uno3-tabs-with-anchors .uno3-tabs-with-anchors__hd .qc-base-module .uno3-tabs-with-anchors__item.is-active .uno3-tabs-with-anchors__item-label {
    color: #0052d9
}

.uno3-tabs-with-anchors .uno3-tabs-with-anchors__hd .qc-base-module .uno3-tabs-with-anchors__item.is-active .uno3-tabs-with-anchors__item-icon.is-normal {
    display: none
}

.uno3-tabs-with-anchors .uno3-tabs-with-anchors__hd .qc-base-module .uno3-tabs-with-anchors__item.is-active .uno3-tabs-with-anchors__item-icon.is-active {
    display: block
}

.uno3-tabs-with-anchors .uno3-tabs-with-anchors__hd .qc-base-module .uno3-tabs-with-anchors__item.is-active+.uno3-tabs-with-anchors__item:before,.uno3-tabs-with-anchors .uno3-tabs-with-anchors__hd .qc-base-module .uno3-tabs-with-anchors__item.is-active:before {
    display: none
}

.uno3-tabs-with-anchors .uno3-tabs-with-anchors__bd {
    border-bottom: 1px solid #e9ecf1;
    background: #fff
}

.uno3-tabs-with-anchors .uno3-tabs-with-anchors__bd .qc-base-module {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: end;
    align-items: flex-end
}

.uno3-tabs-with-anchors .uno3-tabs-with-anchors__bd .qc-base-module .uno3-tabs-with-anchors__item {
    -ms-flex: 1;
    flex: 1;
    cursor: pointer;
    padding: 28px 40px;
    width: 0;
    position: relative
}

.uno3-tabs-with-anchors .uno3-tabs-with-anchors__bd .qc-base-module .uno3-tabs-with-anchors__item:first-child {
    padding-left: 20px
}

.uno3-tabs-with-anchors .uno3-tabs-with-anchors__bd .qc-base-module .uno3-tabs-with-anchors__item:last-child {
    padding-right: 20px
}

.uno3-tabs-with-anchors .uno3-tabs-with-anchors__bd .qc-base-module .uno3-tabs-with-anchors__item:nth-child(n+2):before {
    content: "";
    display: inline-block;
    width: 1px;
    height: calc(100% - 56px);
    background: #e9ecf1;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0
}

.uno3-tabs-with-anchors .uno3-tabs-with-anchors__bd .qc-base-module .uno3-tabs-with-anchors__item-label {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #16181a;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-tabs-with-anchors .uno3-tabs-with-anchors__bd .qc-base-module .uno3-tabs-with-anchors__item-desc {
    margin-top: 4px;
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-tabs-with-anchors .uno3-tabs-with-anchors__bd .qc-base-module .uno3-tabs-with-anchors__item:hover .uno3-tabs-with-anchors__item-desc,.uno3-tabs-with-anchors .uno3-tabs-with-anchors__bd .qc-base-module .uno3-tabs-with-anchors__item:hover .uno3-tabs-with-anchors__item-label {
    color: #0052d9
}

@media (min-width: 1320px) and (max-width:1539px) {
    .uno3-tabs-with-anchors .qc-base-module {
        padding-left:9%;
        padding-right: 9%
    }
}

@media (max-width: 1319px) {
    .uno3-tabs-with-anchors .qc-base-module {
        padding-left:60px;
        padding-right: 60px
    }
}

@media (max-width: 768px) {
    .uno3-tabs-with-anchors {
        margin-top:-40px
    }

    .uno3-tabs-with-anchors .qc-base-module {
        padding-left: 0;
        padding-right: 0
    }

    .uno3-tabs-with-anchors .uno3-tabs-with-anchors__hd {
        border-top: 1px solid #eef4ff;
        background: hsla(0,0%,100%,.7);
        -webkit-backdrop-filter: blur(40px);
        backdrop-filter: blur(40px)
    }

    .uno3-tabs-with-anchors .uno3-tabs-with-anchors__hd .qc-base-module .uno3-tabs-with-anchors__item-inner {
        -ms-flex-pack: center;
        justify-content: center;
        padding: 8px
    }

    .uno3-tabs-with-anchors .uno3-tabs-with-anchors__hd .qc-base-module .uno3-tabs-with-anchors__item-label {
        font-size: 14px;
        line-height: 22px;
        text-align: center
    }

    .uno3-tabs-with-anchors .uno3-tabs-with-anchors__hd .qc-base-module .uno3-tabs-with-anchors__item-icon,.uno3-tabs-with-anchors .uno3-tabs-with-anchors__hd .qc-base-module .uno3-tabs-with-anchors__item.is-active .uno3-tabs-with-anchors__item-icon.is-active {
        display: none
    }

    .uno3-tabs-with-anchors .uno3-tabs-with-anchors__bd {
        border: none
    }

    .uno3-tabs-with-anchors .uno3-tabs-with-anchors__bd .qc-base-module {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .uno3-tabs-with-anchors .uno3-tabs-with-anchors__bd .qc-base-module .uno3-tabs-with-anchors__item {
        padding: 8px 16px;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        border-bottom: 1px solid #e9ecf1
    }

    .uno3-tabs-with-anchors .uno3-tabs-with-anchors__bd .qc-base-module .uno3-tabs-with-anchors__item:nth-child(2n):before {
        height: 100%
    }

    .uno3-tabs-with-anchors .uno3-tabs-with-anchors__bd .qc-base-module .uno3-tabs-with-anchors__item:nth-child(odd):last-child {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .uno3-tabs-with-anchors .uno3-tabs-with-anchors__bd .qc-base-module .uno3-tabs-with-anchors__item-label {
        font-size: 14px;
        line-height: 22px
    }

    .uno3-tabs-with-anchors .uno3-tabs-with-anchors__bd .qc-base-module .uno3-tabs-with-anchors__item-desc {
        display: none
    }
}

.uno3-logo-card__inner {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px
}

.uno3-logo-card__inner,.uno3-logo-card__item {
    display: -ms-flexbox;
    display: flex;
    align-items: center
}

.uno3-logo-card__item {
    border-radius: 4px;
    background: #f5f7fa;
    -ms-flex: 1;
    flex: 1;
    height: 80px;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    overflow: hidden
}

@media (min-width: 769px) {
    .uno3-logo-card__item {
        min-width:calc(16.66667% - 16.66667px)
    }

    .uno3-logo-card__item:nth-child(n+7) {
        -ms-flex: 0 0 calc(16.66667% - 16.66667px);
        flex: 0 0 calc(16.66667% - 16.66667px)
    }
}

.uno3-logo-card__item img {
    height: 30px
}

@media (max-width: 768px) {
    .uno3-logo-card__inner {
        gap:8px
    }

    .uno3-logo-card__item {
        height: 38px;
        border-radius: 2px;
        -ms-flex: 0 0 calc(33.33333% - 5.33333px);
        flex: 0 0 calc(33.33333% - 5.33333px)
    }

    .uno3-logo-card__item img {
        height: 16px
    }
}

.bg-gray .uno3-logo-card__item {
    background: #fff
}

@media (min-width: 769px) {
    a.uno3-logo-card__item {
        transition:box-shadow .3s ease-in-out
    }

    a.uno3-logo-card__item:hover {
        box-shadow: 0 4px 16px rgba(55,99,170,.1)
    }
}

.uno3-dialog-mobile-float-qrcode {
    background-color: #0052d9;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_mobile_float_bottom_bg.png);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    padding-bottom: 30px
}

.uno3-dialog-mobile-float-qrcode .uno3-dialog-header {
    padding: 0
}

.uno3-dialog-mobile-float-qrcode .uno3-dialog-header .qc-base-icon--close {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_mobile_float_icon_close.svg)
}

.uno3-dialog-mobile-float-qrcode .uno3-dialog-body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 12px;
    gap: 8px
}

.uno3-dialog-mobile-float-qrcode .uno3-dialog-mobile-float-qrcode__tit {
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    text-align: center
}

.uno3-dialog-mobile-float-qrcode .uno3-dialog-mobile-float-qrcode__wrap {
    background: #fff;
    width: 120px;
    height: 120px;
    padding: 8px
}

.uno3-dialog-mobile-float-qrcode .uno3-dialog-mobile-float-qrcode__img {
    width: 100%;
    height: 100%
}

@media (min-width: 769px) {
    .uno3-mobile-float {
        display:none
    }
}

@media (max-width: 768px) {
    .uno3-mobile-float {
        display:none;
        position: fixed;
        z-index: 910
    }

    .uno3-mobile-float.is-visible {
        display: block
    }

    .uno3-mobile-float.is-bottom {
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        padding-bottom: 30px;
        background-color: #0052d9;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_mobile_float_bottom_bg.png);
        background-size: cover;
        background-position: 50%;
        background-repeat: no-repeat
    }

    .uno3-mobile-float.is-bottom .uno3-mobile-float__inner {
        padding: 8px 12px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 12px
    }

    .uno3-mobile-float.is-bottom .uno3-mobile-float__icon {
        width: 38px;
        height: 38px;
        display: inline-block
    }

    .uno3-mobile-float.is-bottom .uno3-mobile-float__cont {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 2px;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex: 1;
        flex: 1;
        width: 0
    }

    .uno3-mobile-float.is-bottom .uno3-mobile-float__tit {
        font-size: 14px;
        line-height: 22px;
        color: #fff;
        width: 100%;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno3-mobile-float.is-bottom .uno3-mobile-float__subtit {
        font-size: 12px;
        line-height: 20px;
        color: hsla(0,0%,100%,.7);
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%
    }

    .uno3-mobile-float.is-bottom .uno3-mobile-float__btn {
        -ms-flex: 0 0 112px;
        flex: 0 0 112px;
        width: 0;
        margin-left: auto
    }

    .uno3-mobile-float.is-bottom .uno3-mobile-float__btn .uno3-button {
        width: 100%;
        padding: 0;
        font-size: 12px;
        line-height: 20px
    }

    .uno3-mobile-float.is-float {
        bottom: 12px;
        left: 18px;
        right: 18px;
        width: calc(100% - 36px);
        border-radius: 4px;
        background: #fff;
        box-shadow: 0 4px 16px 0 rgba(54,58,80,.16)
    }

    .uno3-mobile-float.is-float .uno3-mobile-float__inner {
        padding: 8px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 8px;
        position: relative
    }

    .uno3-mobile-float.is-float .uno3-mobile-float__close {
        position: absolute;
        right: 0;
        top: -10px;
        width: 29px;
        display: inline-block;
        height: 17px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_mobile_float_icon_close_2.png);
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat
    }

    .uno3-mobile-float.is-float .uno3-mobile-float__icon {
        width: 42px;
        height: 42px;
        display: inline-block
    }

    .uno3-mobile-float.is-float .uno3-mobile-float__cont {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex: 1;
        flex: 1;
        width: 0
    }

    .uno3-mobile-float.is-float .uno3-mobile-float__tit {
        font-size: 14px;
        line-height: 22px;
        color: #232f43;
        width: 100%;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno3-mobile-float.is-float .uno3-mobile-float__subtit {
        font-size: 12px;
        line-height: 20px;
        color: #4b5b76;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%
    }

    .uno3-mobile-float.is-float .uno3-mobile-float__btn {
        -ms-flex: 0 0 72px;
        flex: 0 0 72px;
        width: 0;
        margin-left: auto
    }

    .uno3-mobile-float.is-float .uno3-mobile-float__btn .uno3-button {
        width: 100%;
        padding: 0;
        font-size: 12px;
        line-height: 20px;
        border-radius: 2px
    }
}

@media (min-width: 769px) {
    .uno3-renew.is-batch .uno3-renew__rt-config .uno3-renew__rt-item:first-child:last-child {
        width:100%;
        -ms-flex: none;
        flex: none
    }

    .uno3-renew.is-batch .uno3-renew__rt-config .uno3-renew__rt-item .qc-base-select {
        width: 100%
    }

    .uno3-renew.is-batch .uno3-renew__rt-bd .uno3-renew__rt-config .qc-base-form-item .qc-base-form-label {
        width: 80px
    }

    .uno3-renew.is-batch .uno3-renew__rt-bd .uno3-renew__rt-config .qc-base-form-item .qc-base-form-value {
        width: calc(100% - 88px)
    }
}

@media (max-width: 768px) {
    .uno3-renew.is-batch .uno3-renew__rt-cont {
        display:block;
        margin-top: 12px;
        margin-bottom: 12px
    }

    .uno3-renew.is-batch .uno3-renew__rt-cont .uno3-renew__rt-title {
        color: #181818;
        font-size: 14px;
        line-height: 22px;
        font-weight: 500
    }

    .uno3-renew.is-batch .uno3-renew__rt-cont .uno3-renew__rt-item {
        margin-top: 8px
    }

    .uno3-renew.is-batch .uno3-renew__rt-cont .qc-base-form-item .qc-base-form-label {
        width: 100%;
        margin-right: 0;
        margin-bottom: 8px
    }

    .uno3-renew.is-batch .uno3-renew__rt-cont .qc-base-form-item .qc-base-form-value {
        width: 100%
    }

    .uno3-renew.is-batch .uno3-renew__rt-cont .uno3-renew__bounspacks {
        border-top: 1px dashed #d6dbe3;
        padding: 8px 0 0;
        margin-top: 12px
    }

    .uno3-renew.is-batch .uno3-renew__rt-cont .uno3-renew__bounspacks .qc-base-form-label {
        margin-bottom: 4px
    }

    .uno3-renew.is-batch .uno3-renew__time {
        margin-top: 8px
    }

    .uno3-renew.is-batch .uno3-renew__time-item {
        font-size: 0
    }

    .uno3-renew.is-batch .uno3-renew__time-item:nth-child(2) .uno3-renew__time-value {
        color: #e54545
    }

    .uno3-renew.is-batch .uno3-renew__time-label {
        font-size: 12px;
        line-height: 20px;
        color: #98a3b7;
        margin-right: 8px
    }

    .uno3-renew.is-batch .uno3-renew__time-value {
        font-size: 12px;
        line-height: 20px;
        color: #4c5b76
    }

    .uno3-renew.is-batch .uno3-renew__rt-config-m {
        display: none
    }
}

.uno3-renew-batch-select-tooltip {
    min-width: 200px
}

.uno3-renew-batch-select-tooltip-title {
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #bdc4d0;
    line-height: 18px;
    color: #4b5b76;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.uno3-renew-batch-select-tooltip-tag,.uno3-renew-batch-select-tooltip-title {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    gap: 4px
}

.uno3-renew-batch-select-tooltip-tag {
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 20px;
    position: relative
}

.uno3-renew-batch-select-tooltip-tag:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.uno3-renew-batch-select-tooltip-tag.tag-stop {
    color: #a02800
}

.uno3-renew-batch-select-tooltip-tag.tag-stop:before {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-renew-select-batch-tag-stop.svg)
}

.uno3-renew-batch-select-tooltip-tag.tag-destroy {
    color: #9c1f3b
}

.uno3-renew-batch-select-tooltip-tag.tag-destroy:before {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-renew-select-batch-tag-destroy.svg)
}

.uno3-renew-batch-select-tooltip .qc-base-form-label {
    width: 72px
}

.uno3-renew-batch-select-tooltip .qc-base-form-value {
    width: calc(100% - 82px)
}

.uno3-renew.is-batch .uno3-renew-batch-form-choose {
    display: block;
    z-index: 10;
    height: 36px;
    border-radius: 2px;
    border: 1px solid #e3e6eb;
    background: #fff;
    color: #181818;
    padding: 7px 28px 7px 8px;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    line-height: 22px
}

.uno3-renew.is-batch .uno3-renew-batch-form-choose-placeholder {
    color: #97a3b7
}

.uno3-renew.is-batch .uno3-renew-batch-form-choose-value {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-renew.is-batch .uno3-renew-batch-form-choose-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-renew-form-choose-icon-normal.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    position: absolute;
    right: 8px;
    top: 10px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.uno3-renew.is-batch .uno3-renew-batch-form-choose.is-active {
    color: #0052d9
}

.uno3-renew.is-batch .uno3-renew-batch-form-choose.is-active .uno3-renew-batch-form-choose-icon {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-renew-form-choose-icon-active.svg)
}

.uno3-renew.is-batch .uno3-renew-batch-form-choose:hover {
    border-color: #0052d9
}

.uno3-dialog.uno3-renew-batch-modal-choose {
    height: 100%;
    max-height: 100%
}

.uno3-dialog.uno3-renew-batch-modal-choose .uno3-dialog-body {
    max-height: calc(100% - 76px);
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.uno3-dialog.uno3-renew-batch-modal-choose .uno3-renew-batch-modal-choose-head-tip {
    font-size: 14px;
    line-height: 22px;
    color: #97a3b7;
    margin-left: 4px
}

.uno3-dialog.uno3-renew-batch-modal-choose .uno3-renew-batch-modal-choose-head-tip em {
    color: #181818;
    font-style: normal
}

.uno3-dialog.uno3-renew-batch-modal-choose .qc-base-input-search {
    width: 100%;
    border-radius: 2px;
    border: 1px solid #dcdddd;
    background: #fff;
    padding-left: 10px
}

.uno3-dialog.uno3-renew-batch-modal-choose .qc-base-input-search .qc-base-input {
    width: calc(100% - 16px);
    box-shadow: none;
    background: #fff
}

.uno3-dialog.uno3-renew-batch-modal-choose .uno3-renew-batch-modal-choose-null {
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    width: 100%;
    padding: 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    line-height: 22px;
    color: #666
}

.uno3-dialog.uno3-renew-batch-modal-choose .uno3-renew-batch-modal-choose-loading {
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
    width: 100%;
    position: relative
}

.uno3-dialog.uno3-renew-batch-modal-choose .uno3-renew-batch-modal-choose-loading:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_button_weak_loading_icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    position: absolute;
    top: calc(50% - 8px);
    left: calc(50% - 8px);
    -webkit-animation: search-status-loading .6s linear infinite forwards;
    animation: search-status-loading .6s linear infinite forwards
}

.uno3-dialog.uno3-renew-batch-modal-choose .uno3-renew-batch-modal-choose-name {
    display: inline-block;
    width: 200px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-dialog.uno3-renew-batch-modal-choose .uno3-renew-batch-modal-choose-name .uno-bubble-trigger {
    color: inherit
}

.uno3-dialog.uno3-renew-batch-modal-choose .uno3-renew-batch-modal-choose-area {
    display: inline-block;
    width: 60px;
    margin-left: 10px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-dialog.uno3-renew-batch-modal-choose .uno3-renew-batch-modal-choose-id {
    display: inline-block;
    width: 120px;
    margin-left: 10px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-dialog.uno3-renew-batch-modal-choose .uno3-renew-batch-modal-choose-time {
    margin-top: 2px;
    font-size: 12px;
    line-height: 20px;
    color: #4b5b76
}

.uno3-dialog.uno3-renew-batch-modal-choose .uno3-renew-batch-modal-choose-time+.uno3-renew-batch-modal-choose-tag {
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-top: 4px
}

.uno3-dialog.uno3-renew-batch-modal-choose .uno3-renew-batch-modal-choose-tag {
    display: inline-block;
    padding: 0 6px 0 24px;
    border-radius: 2px;
    font-size: 12px;
    line-height: 20px;
    position: relative;
    margin-top: 4px
}

.uno3-dialog.uno3-renew-batch-modal-choose .uno3-renew-batch-modal-choose-tag:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    left: 6px;
    top: 3px
}

.uno3-dialog.uno3-renew-batch-modal-choose .uno3-renew-batch-modal-choose-tag.tag-stop {
    background: #ffe8d5;
    color: #a02800
}

.uno3-dialog.uno3-renew-batch-modal-choose .uno3-renew-batch-modal-choose-tag.tag-stop:before {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-renew-select-batch-tag-stop.svg)
}

.uno3-dialog.uno3-renew-batch-modal-choose .uno3-renew-batch-modal-choose-tag.tag-destroy {
    background: #fbe0e0;
    color: #9c1f3b
}

.uno3-dialog.uno3-renew-batch-modal-choose .uno3-renew-batch-modal-choose-tag.tag-destroy:before {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-renew-select-batch-tag-destroy.svg)
}

.uno3-dialog.uno3-renew-batch-modal-choose .uno3-renew-batch-modal-choose-hd {
    font-size: 0
}

.uno3-dialog.uno3-renew-batch-modal-choose .uno3-renew-batch-modal-choose-hd .qc-base-checkbox-wrap {
    padding-top: 12px;
    padding-bottom: 12px
}

.uno3-dialog.uno3-renew-batch-modal-choose .uno3-renew-batch-modal-choose-hd .qc-base-checkbox-wrap .qc-base-checkbox {
    top: calc(50% - 8px)
}

.uno3-dialog.uno3-renew-batch-modal-choose .uno3-renew-batch-modal-choose-hd .qc-base-checkbox-text {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 14px;
    line-height: 22px;
    color: #97a3b7;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.uno3-dialog.uno3-renew-batch-modal-choose .uno3-renew-batch-modal-choose-container {
    overflow-x: auto;
    overflow-y: hidden;
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.uno3-dialog.uno3-renew-batch-modal-choose .uno3-renew-batch-modal-choose-bd {
    -ms-flex: 1;
    flex: 1;
    padding-bottom: 32px;
    overflow-y: auto;
    overflow-x: visible;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content
}

.uno3-dialog.uno3-renew-batch-modal-choose .uno3-renew-batch-modal-choose-bd .uno3-renew-batch-modal-choose-item {
    padding: 7px 0
}

.uno3-dialog.uno3-renew-batch-modal-choose .uno3-renew-batch-modal-choose-bd .uno3-renew-batch-modal-choose-item .qc-base-checkbox-wrap {
    width: 100%
}

.uno3-dialog.uno3-renew-batch-modal-choose .uno3-renew-batch-modal-choose-bd .uno3-renew-batch-modal-choose-item .qc-base-checkbox-wrap.qc-base-checkbox-wrap-checked .qc-base-checkbox-text {
    color: #0052d9
}

.uno3-dialog.uno3-renew-batch-modal-choose .uno3-renew-batch-modal-choose-bd .uno3-renew-batch-modal-choose-item .qc-base-checkbox-wrap.qc-base-checkbox-wrap-checked .qc-base-checkbox-text .uno3-renew-batch-modal-choose-time {
    color: inherit
}

.uno3-dialog.uno3-renew-batch-modal-choose .uno3-renew-batch-modal-choose-bd .uno3-renew-batch-modal-choose-item .qc-base-checkbox-text {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 14px;
    line-height: 22px;
    color: #181818;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.uno3-dialog.uno3-renew-batch-modal-detail .uno3-renew-batch-modal-detail-tips {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #bdc4d0;
    font-size: 12px;
    line-height: 18px;
    color: #4b5b76;
    gap: 4px
}

.uno3-dialog.uno3-renew-batch-modal-detail .uno3-renew-batch-modal-detail-tips-tag {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 4px;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    line-height: 20px;
    position: relative
}

.uno3-dialog.uno3-renew-batch-modal-detail .uno3-renew-batch-modal-detail-tips-tag:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.uno3-dialog.uno3-renew-batch-modal-detail .uno3-renew-batch-modal-detail-tips-tag.tag-stop {
    color: #a02800
}

.uno3-dialog.uno3-renew-batch-modal-detail .uno3-renew-batch-modal-detail-tips-tag.tag-stop:before {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-renew-select-batch-tag-stop.svg)
}

.uno3-dialog.uno3-renew-batch-modal-detail .uno3-renew-batch-modal-detail-tips-tag.tag-destroy {
    color: #9c1f3b
}

.uno3-dialog.uno3-renew-batch-modal-detail .uno3-renew-batch-modal-detail-tips-tag.tag-destroy:before {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-renew-select-batch-tag-destroy.svg)
}

.uno3-dialog.uno3-renew-batch-modal-detail .uno3-renew-batch-modal-detail-cont {
    padding-bottom: 60px
}

.uno3-dialog.uno3-renew-batch-modal-detail .uno3-renew-batch-modal-detail-cont .qc-base-form-label {
    width: 100px
}

.uno3-dialog.uno3-renew-batch-modal-detail .uno3-renew-batch-modal-detail-cont .qc-base-form-label-inner {
    color: #4b5b76;
    font-size: 12px;
    line-height: 20px
}

.uno3-dialog.uno3-renew-batch-modal-detail .uno3-renew-batch-modal-detail-cont .qc-base-form-value {
    width: calc(100% - 110px)
}

.uno3-dialog.uno3-renew-batch-modal-detail .uno3-renew-batch-modal-detail-cont .qc-base-form-value-inner {
    color: #181818;
    font-size: 12px;
    line-height: 20px
}

@-webkit-keyframes search-status-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes search-status-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.uno3-renew.is-disabled .uno3-renew__rt .uno3-renew__tag-item {
    width: auto
}

.qc-base-select-multiple.qc-base-select-multiple-main.is-batch {
    max-height: 403px!important;
    padding-bottom: 0
}

.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-input-search+.qc-base-select-multiple-checkbox-wrap {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-top: 6px
}

.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-input-search+.qc-base-select-multiple-checkbox-wrap:after {
    display: none
}

.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-input-search+.qc-base-select-multiple-checkbox-wrap+.qc-base-select-multiple-list {
    margin-top: 0
}

.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-input-search+.qc-base-select-multiple-checkbox-wrap+.qc-base-select-multiple-list .qc-base-checkbox-wrap {
    padding-top: 7px;
    padding-bottom: 7px
}

.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-select-multiple-checkbox-wrap .qc-base-checkbox-text .qc-base-select-multiple-item-area,.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-select-multiple-checkbox-wrap .qc-base-checkbox-text .qc-base-select-multiple-item-id,.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-select-multiple-checkbox-wrap .qc-base-checkbox-text .qc-base-select-multiple-item-name {
    color: #97a3b7
}

.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-select-multiple-list {
    max-height: 232px;
    overflow-y: auto
}

.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-checkbox-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

@media (max-width: 768px) {
    .qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-checkbox-text {
        gap:10px
    }
}

.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-checkbox-text .qc-base-select-multiple-item-name {
    -ms-flex: 0 0 270px;
    flex: 0 0 270px;
    width: 0;
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width: 768px) {
    .qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-checkbox-text .qc-base-select-multiple-item-name {
        -ms-flex:0 0 160px;
        flex: 0 0 160px
    }
}

.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-checkbox-text .qc-base-select-multiple-item-name p:first-child {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 2px
}

.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-checkbox-text .qc-base-select-multiple-item-desc {
    color: #000;
    font-size: 14px;
    line-height: 22px;
    -ms-flex: 1;
    flex: 1;
    margin-top: 0
}

@media (min-width: 769px) {
    .qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-checkbox-text .qc-base-select-multiple-item-desc {
        white-space:nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media (max-width: 768px) {
    .qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-checkbox-text .qc-base-select-multiple-item-desc {
        word-wrap:break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }
}

.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-checkbox-text .qc-base-select-multiple-item-area {
    width: 80px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
    font-size: 14px;
    line-height: 22px
}

.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-checkbox-text .qc-base-select-multiple-item-id {
    width: 100px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
    font-size: 14px;
    line-height: 22px
}

.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-checkbox-text .qc-base-select-multiple-item-time {
    font-size: 12px;
    line-height: 20px;
    color: #4b5b76
}

.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-checkbox-text .qc-base-select-multiple-item-time+.qc-base-select-multiple-item-tag {
    margin-left: 4px
}

@media (max-width: 768px) {
    .qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-checkbox-text .qc-base-select-multiple-item-time {
        display:block;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-checkbox-text .qc-base-select-multiple-item-time+.qc-base-select-multiple-item-tag {
        margin-left: 0;
        margin-top: 4px
    }
}

.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-checkbox-text .qc-base-select-multiple-item-tag {
    display: inline-block;
    padding: 0 6px 0 24px;
    border-radius: 2px;
    font-size: 12px;
    line-height: 20px;
    position: relative
}

.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-checkbox-text .qc-base-select-multiple-item-tag:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: absolute;
    left: 6px;
    top: 3px
}

.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-checkbox-text .qc-base-select-multiple-item-tag.tag-destroy {
    background: #fbe0e0;
    color: #9c1f3b
}

.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-checkbox-text .qc-base-select-multiple-item-tag.tag-destroy:before {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-renew-select-batch-tag-destroy.svg)
}

.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-checkbox-text .qc-base-select-multiple-item-tag.tag-stop {
    background: #ffe8d5;
    color: #a02800
}

.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-checkbox-text .qc-base-select-multiple-item-tag.tag-stop:before {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-renew-select-batch-tag-stop.svg)
}

.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-select-multiple-list .qc-base-checkbox-wrap-checked .qc-base-select-multiple-item-area,.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-select-multiple-list .qc-base-checkbox-wrap-checked .qc-base-select-multiple-item-desc,.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-select-multiple-list .qc-base-checkbox-wrap-checked .qc-base-select-multiple-item-id,.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-select-multiple-list .qc-base-checkbox-wrap-checked .qc-base-select-multiple-item-name,.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-select-multiple-list .qc-base-checkbox-wrap-checked .qc-base-select-multiple-item-name .qc-base-bubble-trigger,.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-select-multiple-list .qc-base-checkbox-wrap-checked .qc-base-select-multiple-item-time {
    color: #0052d9
}

.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-checkbox {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-select-multiple-container .qc-base-select-multiple-item-name {
    -ms-flex: 0 0 200px;
    flex: 0 0 200px
}

@media (min-width: 1540px) {
    .qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-select-multiple-container .qc-base-select-multiple-item-name {
        -ms-flex:0 0 240px;
        flex: 0 0 240px
    }

    .qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-select-multiple-container .qc-base-select-multiple-item-area {
        width: 100px
    }
}

@media (max-width: 768px) {
    .qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-select-multiple-container {
        overflow-x:auto
    }

    .qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-select-multiple-container .qc-base-select-multiple-checkbox,.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-select-multiple-container .qc-base-select-multiple-list {
        min-width: -webkit-max-content;
        min-width: -moz-max-content;
        min-width: max-content
    }

    .qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-select-multiple-container .qc-base-select-multiple-list {
        overflow-y: auto;
        overflow-x: visible
    }

    .qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-select-multiple-container .qc-base-checkbox-text,.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-select-multiple-container .qc-base-select-multiple-checkbox-wrap {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }
}

.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-select-multiple-ft {
    border-top: 1px solid #dadde2;
    padding: 14px 10px;
    text-align: right;
    font-size: 14px;
    line-height: 22px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    color: #97a3b7
}

.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-select-multiple-ft-text {
    color: #181818
}

.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-select-multiple-ft-page {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    font-size: 12px;
    line-height: 20px;
    color: #333;
    vertical-align: middle;
    -ms-flex: 1;
    flex: 1
}

.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-select-multiple-ft-page-btn {
    display: inline-block;
    height: 30px;
    width: 30px;
    border-radius: 2px;
    border: 1px solid #dadde2;
    background: #fff;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    box-shadow: inset 0 4px 20px 0 hsla(0,0%,100%,.5),4px 4px 10px 0 rgba(55,99,170,.1);
    position: relative
}

.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-select-multiple-ft-page-btn.btn-prev:after {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-renew-select-batch-arrow-prev.png)
}

.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-select-multiple-ft-page-btn.btn-next:after {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-renew-select-batch-arrow-next.png)
}

.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-select-multiple-ft-page-btn:after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: 300% 100%;
    background-repeat: no-repeat;
    background-position: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-select-multiple-ft-page-btn:not(.is-disabled):hover {
    border-color: #0052d9;
    cursor: pointer
}

.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-select-multiple-ft-page-btn:not(.is-disabled):hover:after {
    background-position: 50%
}

.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-select-multiple-ft-page-btn.is-disabled {
    cursor: not-allowed
}

.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-select-multiple-ft-page-btn.is-disabled:after {
    background-position: 100%
}

@media (max-width: 768px) {
    .qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-select-multiple-ft {
        font-size:12px;
        line-height: 20px
    }

    .qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-select-multiple-ft-page {
        gap: 8px
    }
}

.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-select-multiple-list::-webkit-scrollbar {
    background-color: transparent;
    width: 4px;
    height: 4px;
    background-clip: padding-box
}

.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-select-multiple-list::-webkit-scrollbar-button {
    background-color: transparent
}

.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-select-multiple-list::-webkit-scrollbar-thumb {
    background-color: #e6e6ec;
    border-radius: 0
}

.qc-base-select-multiple.qc-base-select-multiple-main.is-batch .qc-base-select-multiple-list::-webkit-scrollbar-corner {
    background-color: transparent
}

.uno-page-intl .uno3-renew .uno3-renew__rt .uno3-renew__tag-item {
    width: auto
}

.uno-page-intl .uno3-renew .uno3-renew__rt .uno3-renew__tag-first-discount {
    width: auto;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    padding: 0 4px;
    overflow: initial
}

.uno-page-intl .uno3-renew .uno3-renew__rt .uno3-renew__tag-first-discount:after,.uno-page-intl .uno3-renew .uno3-renew__rt .uno3-renew__tag-first-discount:before {
    display: none
}

.uno-page-intl .uno3-renew .uno3-renew__rt .uno3-renew__group-tips-text {
    white-space: normal;
    word-break: normal;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

@media (min-width: 769px) {
    .uno-page-intl .uno3-renew.status-noproduct .uno3-renew__rt-btn .uno3-button {
        max-width:200px
    }

    .uno-page-intl .uno3-renew .uno3-renew__lt {
        width: 400px
    }

    .uno-page-intl .uno3-renew .uno3-renew__lt-tit {
        white-space: normal;
        word-break: normal;
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .uno-page-intl .uno3-renew .uno3-renew__lt-tit .uno3-buy-card__title-link-text {
        white-space: wrap;
        word-break: normal;
        overflow: initial;
        text-overflow: clip
    }

    .uno-page-intl .uno3-renew .uno3-renew__lt-subtit {
        display: block
    }

    .uno-page-intl .uno3-renew .uno3-renew__lt-inner {
        padding-right: 120px
    }

    .uno-page-intl .uno3-renew .uno3-renew__rt {
        width: calc(100% - 290px)
    }

    .uno-page-intl .uno3-renew .uno3-renew__rt .uno3-renew__rt-config .qc-base-form-item:not(:last-child) {
        margin-bottom: 12px
    }

    .uno-page-intl .uno3-renew .uno3-renew__rt .uno3-renew__rt-config .qc-base-form-item .qc-base-form-label {
        width: 100%;
        display: block;
        margin-right: 0;
        margin-bottom: 8px;
        height: auto
    }

    .uno-page-intl .uno3-renew .uno3-renew__rt .uno3-renew__rt-config .qc-base-form-item .qc-base-form-value,.uno-page-intl .uno3-renew .uno3-renew__rt .uno3-renew__rt-config .qc-base-form-item .qc-base-form-value .qc-base-select {
        width: 100%
    }

    .uno-page-intl .uno3-renew .uno3-renew__rt .uno3-renew__time {
        margin-left: 20px
    }

    .uno-page-intl .uno3-renew .uno3-renew__rt .uno3-renew__bounspacks .qc-base-form-item {
        -ms-flex-align: start;
        align-items: flex-start
    }

    .uno-page-intl .uno3-renew .uno3-renew__rt .uno3-renew__bounspacks .qc-base-form-label {
        min-width: auto
    }
}

@media (min-width: 769px) and (max-width:1500px) {
    .uno-page-intl .uno3-renew .uno3-renew__lt {
        width:350px
    }

    .uno-page-intl .uno3-renew .uno3-renew__lt-tit-link-text {
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        white-space: normal;
        word-break: normal
    }

    .uno-page-intl .uno3-renew .uno3-renew__rt {
        width: calc(100% - 240px)
    }

    .uno-page-intl .uno3-renew .uno3-renew__rt .uno3-renew__rt-hd .uno3-renew__rt-item {
        -ms-flex: 0 50%;
        flex: 0 50%
    }

    .uno-page-intl .uno3-renew .uno3-renew__rt .uno3-renew__rt-bd .uno3-renew__rt-item {
        -ms-flex: 0 50%;
        flex: 0 50%;
        width: 0
    }
}

@media (max-width: 768px) {
    .uno-page-intl .uno3-renew .uno3-renew__rt-config-m .qc-base-form-item {
        margin-bottom:8px
    }

    .uno-page-intl .uno3-renew .qc-base-form-item .qc-base-form-label {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 4px
    }

    .uno-page-intl .uno3-renew .qc-base-form-item .qc-base-form-value {
        width: 100%;
        display: inline-block
    }

    .uno-page-intl .uno3-renew .uno3-renew__rt .uno3-renew__account {
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 4px;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .uno-page-intl .uno3-renew .uno3-renew__rt .uno3-renew__price {
        width: 100%
    }

    .uno-page-intl .uno3-renew .uno3-renew__rt .uno3-renew__price-detail .uno3-renew__price-state {
        display: block;
        margin-right: 0
    }

    .uno-page-intl .uno3-renew .uno3-renew__rt .uno3-renew__btn {
        width: 100%
    }

    .uno-page-intl .uno3-renew .uno3-renew__rt .uno3-renew__btn-tips {
        text-align: left
    }

    .uno-page-intl .uno3-renew .uno3-renew__rt .uno3-renew__btn-wrap {
        width: 100%
    }

    .uno-page-intl .uno3-renew .uno3-renew__rt .uno3-button {
        width: 0;
        padding: 0 8px
    }
}

.uno3-renew+.uno3-renew {
    margin-top: 20px
}

@media (max-width: 768px) {
    .uno3-renew+.uno3-renew {
        margin-top:16px
    }
}

.uno3-renew__rt-parameter .qc-base-form-label-inner {
    line-height: 22px
}

.uno3-renew__rt-parameter a {
    color: #0052d9
}

.uno3-renew__rt-parameter a:hover {
    text-decoration: underline;
    text-underline-position: under;
    text-underline-offset: 1px
}

@media (min-width: 769px) {
    .uno3-renew.status-nologin {
        border:1px solid #eaedf1;
        background: #fff;
        box-shadow: 0 2px 12px 0 rgba(55,99,170,.06)
    }
}

.uno3-renew.status-nologin .uno3-renew__inner {
    min-height: 162px;
    width: 100%;
    height: 100%;
    padding: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 769px) {
    .uno3-renew.status-nologin .uno3-renew__inner {
        padding:32px
    }
}

.uno3-renew.status-nologin .uno3-renew__info {
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    text-align: center;
    width: 100%
}

.uno3-renew.status-nologin .uno3-renew__info .qc-base-text--highlight {
    font-weight: 500
}

.uno3-renew.status-nologin .uno3-renew__btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 16px
}

.uno3-renew.status-nologin .uno3-renew__btn .uno3-button {
    max-width: 140px
}

@media (max-width: 768px) {
    .uno3-renew.status-nologin .uno3-renew__inner {
        gap:16px;
        padding: 24px
    }

    .uno3-renew.status-nologin .uno3-renew__btn {
        width: 100%
    }

    .uno3-renew.status-nologin .uno3-renew__btn .uno3-button {
        -ms-flex: 1;
        flex: 1
    }
}

.uno3-renew.status-noproduct .uno3-renew__rt {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px
}

.uno3-renew.status-noproduct .uno3-renew__rt-desc {
    max-width: 400px;
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    text-align: center
}

.uno3-renew.status-noproduct .uno3-renew__rt-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 16px
}

.uno3-renew.status-noproduct .uno3-renew__rt-btn .uno3-button {
    max-width: 140px
}

@media (max-width: 768px) {
    .uno3-renew.status-noproduct .uno3-renew__inner {
        padding-bottom:20px
    }

    .uno3-renew.status-noproduct .uno3-renew__rt {
        margin-top: 8px;
        gap: 0
    }

    .uno3-renew.status-noproduct .uno3-renew__rt-desc {
        font-size: 14px;
        line-height: 22px;
        color: #0052d9;
        text-align: left;
        width: 100%;
        max-width: 100%;
        margin-top: 20px
    }

    .uno3-renew.status-noproduct .uno3-renew__rt-btn {
        margin-top: 24px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 16px;
        width: 100%
    }

    .uno3-renew.status-noproduct .uno3-renew__rt-btn .uno3-button {
        max-width: none;
        -ms-flex: 1;
        flex: 1
    }
}

@media (min-width: 769px) {
    .uno3-renew .uno3-renew__inner {
        padding:22px 0;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .uno3-renew .uno3-renew__lt {
        width: 326px;
        border: 1px solid #e9ecf1;
        background: #fff;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        overflow: hidden
    }

    .uno3-renew .uno3-renew__lt.is-vertical-center .uno3-renew__lt-inner {
        -ms-flex-pack: center;
        justify-content: center
    }

    .uno3-renew .uno3-renew__lt-inner {
        padding: 24px 110px 24px 24px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: 100%;
        min-height: 264px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_renew_lt_bg2.png);
        background-size: 100% auto;
        background-position: 100% 100%;
        background-repeat: no-repeat
    }
}

@media (min-width: 769px) and (max-width:1463px) {
    .uno3-renew .uno3-renew__lt {
        width:296px
    }

    .uno3-renew .uno3-renew__lt-inner {
        padding-right: 80px
    }
}

@media (min-width: 769px) {
    .uno3-renew .uno3-renew__lt-bd {
        margin-top:auto
    }
}

@media (min-width: 769px) {
    .uno3-renew .uno3-renew__lt-tit {
        font-size:20px;
        line-height: 28px;
        font-weight: 500;
        color: #181818;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media (min-width: 769px) {
    .uno3-renew .uno3-renew__lt-subtit {
        font-size:14px;
        line-height: 22px;
        color: #4b5b76;
        margin-top: 6px;
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }
}

@media (min-width: 769px) {
    .uno3-renew .uno3-renew__lt-tag {
        display:inline-block;
        border-radius: 2px;
        background: #0052d9;
        padding: 1px 8px;
        font-size: 12px;
        line-height: 18px;
        color: #fff
    }
}

@media (min-width: 769px) {
    .uno3-renew .uno3-renew__lt-desc {
        margin-top:8px;
        font-size: 14px;
        line-height: 22px;
        color: #4b5b76;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media (min-width: 769px) {
    .uno3-renew .uno3-renew__lt-price {
        margin-top:4px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-renew .uno3-renew__lt-price-unit {
        font-size: 14px;
        line-height: 22px;
        font-weight: 500;
        color: #f64041;
        margin-right: 4px
    }

    .uno3-renew .uno3-renew__lt-price-num {
        font-size: 18px;
        line-height: 26px;
        font-weight: 500;
        color: #f64041
    }

    .uno3-renew .uno3-renew__lt-price-tag {
        margin-left: 8px;
        display: inline-block;
        background: #fff;
        border: 1px solid #f64041;
        color: #f64041;
        padding: 0 3px;
        font-size: 12px;
        line-height: 16px;
        border-radius: 2px
    }
}

@media (min-width: 769px) {
    .uno3-renew .uno3-renew__lt-tips {
        margin-top:4px;
        font-size: 12px;
        line-height: 18px;
        color: #97a3b7
    }
}

@media (min-width: 769px) {
    .uno3-renew .uno3-renew__rt {
        width:calc(100% - 242px);
        min-height: 220px;
        border: 1px solid #eaedf1;
        background: #fff;
        box-shadow: 0 2px 12px rgba(55,99,170,.06);
        position: relative;
        z-index: 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .uno3-renew .uno3-renew__rt-config-m {
        display: none
    }

    .uno3-renew .uno3-renew__rt-cont {
        height: 100%;
        -ms-flex: 1;
        flex: 1;
        width: 0;
        border-right: 1px solid #d6dbe3
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__rt-item:first-child {
        -ms-flex: 0 0 352px;
        flex: 0 0 352px;
        padding: 0 20px;
        width: 0
    }
}

@media (min-width: 769px) and (min-width:1464px) {
    .uno3-renew .uno3-renew__rt .uno3-renew__rt-item:first-child {
        -ms-flex:0 0 447px;
        flex: 0 0 447px;
        padding: 0 45px 0 20px
    }
}

@media (min-width: 769px) and (min-width:1540px) {
    .uno3-renew .uno3-renew__rt .uno3-renew__rt-item:first-child {
        -ms-flex:0 0 477px;
        flex: 0 0 477px;
        padding: 0 45px 0 20px
    }
}

@media (min-width: 769px) {
    .uno3-renew .uno3-renew__rt .uno3-renew__rt-item:nth-child(2) {
        -ms-flex:1;
        flex: 1;
        padding-right: 20px
    }
}

@media (min-width: 769px) {
    .uno3-renew .uno3-renew__rt-hd {
        height:40px;
        background: #f7f7f9;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-renew .uno3-renew__rt-hd .uno3-renew__rt-title {
        font-size: 14px;
        line-height: 22px;
        color: #4c5b76
    }

    .uno3-renew .uno3-renew__rt-hd .uno3-renew__rt-handle {
        font-size: 14px;
        line-height: 22px
    }

    .uno3-renew .uno3-renew__rt-hd .uno3-renew__rt-item:first-child {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width: 769px) and (min-width:1464px) {
    .uno3-renew .uno3-renew__rt-hd .uno3-renew__rt-item:first-child {
        -ms-flex:0 0 447px;
        flex: 0 0 447px;
        padding: 0 45px 0 20px
    }
}

@media (min-width: 769px) and (min-width:1540px) {
    .uno3-renew .uno3-renew__rt-hd .uno3-renew__rt-item:first-child {
        -ms-flex:0 0 477px;
        flex: 0 0 477px;
        padding: 0 45px 0 20px
    }
}

@media (min-width: 769px) {
    .uno3-renew .uno3-renew__rt-hd .uno3-renew__rt-item:nth-child(2) {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width: 769px) {
    .uno3-renew .uno3-renew__rt-bd .uno3-renew__rt-config {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .uno3-renew .uno3-renew__rt-bd .uno3-renew__rt-config .uno3-renew__rt-item {
        padding-top: 16px;
        margin-bottom: 32px
    }

    .uno3-renew .uno3-renew__rt-bd .uno3-renew__rt-config .qc-base-form-item:not(:last-child) {
        margin-bottom: 20px
    }

    .uno3-renew .uno3-renew__rt-bd .uno3-renew__rt-config .qc-base-form-item .qc-base-form-label {
        width: 56px;
        margin-right: 8px
    }

    .uno3-renew .uno3-renew__rt-bd .uno3-renew__rt-config .qc-base-form-item .qc-base-form-value {
        width: calc(100% - 64px)
    }

    .uno3-renew .uno3-renew__rt-bd .uno3-renew__rt-config .uno3-renew__rt-parameter .qc-base-form-item {
        margin-bottom: 12px
    }

    .uno3-renew .uno3-renew__rt-bd .uno3-renew__rt-config .uno3-renew__rt-parameter .qc-base-form-item:last-child {
        margin-bottom: 0
    }

    .uno3-renew .uno3-renew__rt-bd .uno3-renew__rt-config .qc-base-radio-groups {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 20px 2px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .uno3-renew .uno3-renew__rt-bd .uno3-renew__rt-config .qc-base-radio-groups .qc-base-radio-btn {
        width: 48px;
        padding: 7px;
        margin: 0
    }

    .uno3-renew .uno3-renew__rt-bd .uno3-renew__rt-tips {
        font-size: 12px;
        line-height: 18px;
        color: #4b5b76
    }

    .uno3-renew .uno3-renew__rt-bd .uno3-renew__rt-tips .qc-base-text--strong {
        font-weight: 400;
        color: #181818
    }

    .uno3-renew .uno3-renew__rt-bd .uno3-renew__time {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-top: -16px;
        gap: 32px;
        margin-left: 84px;
        padding-bottom: 32px
    }

    .uno3-renew .uno3-renew__rt-bd .uno3-renew__time-label {
        margin-right: 8px;
        font-size: 12px;
        line-height: 18px;
        color: #98a3b7
    }

    .uno3-renew .uno3-renew__rt-bd .uno3-renew__time-value {
        font-size: 12px;
        line-height: 18px;
        color: #4c5b76
    }

    .uno3-renew .uno3-renew__rt-bd .uno3-renew__time-item:nth-child(n+2) .uno3-renew__time-value {
        color: #e54545
    }

    .uno3-renew .uno3-renew__rt-bd .uno3-renew__bounspacks {
        margin-top: -16px;
        width: calc(100% - 40px);
        margin-left: 20px;
        margin-right: 20px;
        padding: 12px 0;
        border-top: 1px dashed #d6dbe3
    }

    .uno3-renew .uno3-renew__rt-bd .uno3-renew__bounspacks .qc-base-form-item {
        display: -ms-flexbox;
        display: flex
    }

    .uno3-renew .uno3-renew__rt-bd .uno3-renew__bounspacks .qc-base-form-label {
        min-width: 56px;
        margin-right: 8px;
        color: #4b5b76;
        width: auto;
        height: auto
    }

    .uno3-renew .uno3-renew__rt-bd .uno3-renew__bounspacks .qc-base-form-value {
        -ms-flex: 1;
        flex: 1
    }

    .uno3-renew .uno3-renew__rt-bd .uno3-renew__bounspacks .qc-base-form-value-inner-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-renew .uno3-renew__rt-bd .uno3-renew__bounspacks .qc-base-form-value .qc-base-form-item {
        margin-top: 0
    }

    .uno3-renew .uno3-renew__rt-bd .uno3-renew__bounspacks .qc-base-form-value .qc-base-form-item:nth-child(n+2) {
        margin-left: 32px
    }

    .uno3-renew .uno3-renew__rt-bd .uno3-renew__bounspacks .qc-base-checkbox-wrap {
        color: #4b5b76
    }
}

@media (min-width: 769px) {
    .uno3-renew .uno3-renew__rt-total {
        -ms-flex:0 0 230px;
        flex: 0 0 230px;
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 20px;
        width: 0;
        position: relative
    }
}

@media (min-width: 769px) {
    .uno3-renew .uno3-renew__rt .uno3-renew__tag-list {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 4px;
        margin-bottom: 8px;
        min-height: 18px
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__tag-item {
        border-radius: 2px;
        white-space: nowrap
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__tag-item:last-child {
        margin-right: 0
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__tag-normal {
        border: 1px solid #d6dbe3;
        background: #fff;
        padding: 0 3px;
        color: #4b5b76;
        font-size: 12px;
        line-height: 18px;
        line-height: 16px
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__tag-discount {
        border: 1px solid #ffcfd0;
        background: #fff;
        color: #f64041;
        padding: 0 3px;
        width: 39px;
        font-size: 12px;
        line-height: 18px;
        line-height: 16px;
        font-weight: 700;
        text-align: center
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__tag-first-discount {
        width: 55px;
        height: 18px;
        border-radius: 2px;
        background: linear-gradient(90deg,#f83131,#ff6f42);
        cursor: pointer;
        position: relative;
        overflow: hidden
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__tag-first-discount:before {
        content: "";
        display: inline-block;
        width: 47px;
        height: 12px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_renew_tag_first_discount_text.svg);
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        position: absolute;
        z-index: 1
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__tag-first-discount:after {
        content: "";
        width: 20px;
        height: 30px;
        display: inline-block;
        background: rgba(255,172,149,.74);
        border-radius: 2px;
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
        position: absolute;
        top: calc(50% - 15px);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        left: -20px;
        -webkit-animation: TagShineAnima 2s ease-in-out 1s infinite;
        animation: TagShineAnima 2s ease-in-out 1s infinite
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__tag-vip {
        width: 46.5px;
        height: 18px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_renew_tag_vip.png);
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__tag-vip2 {
        width: 52px;
        height: 18px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_renew_tag_vip2.png);
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__tag-vip1 {
        width: 52px;
        height: 18px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_renew_tag_vip1.png);
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__tag-vip3 {
        width: 52px;
        height: 18px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_renew_tag_vip3.png);
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat
    }
}

@media (min-width: 769px) {
    .uno3-renew .uno3-renew__rt .uno3-renew__group-tips {
        margin-bottom:4px;
        max-width: 100%;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding: 2px 16px;
        border-radius: 2px;
        background: linear-gradient(89deg,#ffe9c3 43.67%,#fff5e3 58.94%,#ffe9c3 76.98%)
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__group-tips-text {
        font-size: 12px;
        font-weight: 700;
        color: #8f401e;
        line-height: 22px;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media (min-width: 769px) {
    .uno3-renew .uno3-renew__rt .uno3-renew__group-tag {
        width:61px;
        height: 20px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_renew_group_tag.png);
        background-size: contain;
        background-position: 100% 0;
        background-repeat: no-repeat;
        position: absolute;
        right: -1px;
        top: -4px
    }
}

@media (min-width: 769px) {
    .uno3-renew .uno3-renew__rt .uno3-renew__price-state {
        font-size:16px;
        line-height: 24px;
        font-weight: 500;
        color: #f64041;
        margin-bottom: 4px
    }
}

@media (min-width: 769px) {
    .uno3-renew .uno3-renew__rt .uno3-renew__price-current {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: baseline;
        align-items: baseline;
        color: #f64041
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__price-integer {
        font-size: 28px;
        line-height: 36px;
        font-weight: 500
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__price-decimal {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__price-unit {
        font-size: 14px;
        line-height: 22px;
        font-weight: 600;
        margin-left: 4px
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__price-average {
        font-size: 12px;
        line-height: 18px;
        color: #4b5b76;
        margin-right: 8px
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__price-original {
        font-size: 12px;
        line-height: 18px;
        color: #97a3b7;
        text-decoration: line-through
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__price-detail .uno3-renew__price-state {
        display: none
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__price-daily {
        font-size: 12px;
        line-height: 18px;
        color: #666
    }
}

@media (min-width: 769px) {
    .uno3-renew .uno3-renew__rt .uno3-renew__btn {
        margin-top:16px
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__btn-tips {
        font-size: 12px;
        line-height: 18px;
        color: #4b5b76;
        margin-bottom: 4px
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__btn-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 12px
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__btn-wrap .uno3-button {
        width: 100%
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__btn-wrap .uno3-button--shop {
        -ms-flex: 0 0 50px;
        flex: 0 0 50px
    }
}

.uno3-renew__lt-tit-link {
    color: #181818;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-right: 24px;
    position: relative;
    text-decoration: none
}

@media screen and (min-width: 769px) {
    .uno3-renew__lt-tit-link {
        cursor:pointer
    }
}

.uno3-renew__lt-tit-link:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_renew_tit_link_icon.png);
    background-size: 200% 100%;
    background-position: 0;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: calc(50% - 8px)
}

.uno3-renew__lt-tit-link:hover {
    color: #0052d9
}

.uno3-renew__lt-tit-link:hover:after {
    background-position: 100%
}

.uno3-renew__lt-tit-link-text {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width: 768px) {
    .uno3-renew {
        border:1px solid #eaedf1;
        background: #fff;
        box-shadow: 0 2px 12px 0 rgba(55,99,170,.06)
    }

    .uno3-renew .uno3-renew__inner {
        padding: 16px;
        position: relative
    }

    .uno3-renew .uno3-renew__lt-tit {
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        color: #181818
    }

    .uno3-renew .uno3-renew__lt-bd,.uno3-renew .uno3-renew__lt-subtit,.uno3-renew .uno3-renew__rt-cont {
        display: none
    }

    .uno3-renew .uno3-renew__rt-config-m {
        margin-top: 8px;
        width: 100%
    }

    .uno3-renew .uno3-renew__rt-config-m .qc-base-form-item {
        margin-bottom: 4px
    }

    .uno3-renew .uno3-renew__rt-config-m .qc-base-form-item:last-child {
        margin-bottom: 0
    }

    .uno3-renew .uno3-renew__rt-config-m .qc-base-form-label {
        width: 56px;
        margin-right: 16px
    }

    .uno3-renew .uno3-renew__rt-config-m .qc-base-form-value {
        width: calc(100% - 72px)
    }

    .uno3-renew .uno3-renew__rt-config-m .qc-base-form-value-inner-wrap {
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .uno3-renew .uno3-renew__rt-total {
        margin-top: 6px;
        width: 100%
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__tag-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 4px;
        margin-bottom: 8px;
        min-height: 18px
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__tag-item {
        border-radius: 2px;
        white-space: nowrap
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__tag-item:last-child {
        margin-right: 0
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__tag-normal {
        border: 1px solid #d6dbe3;
        background: #fff;
        padding: 0 3px;
        color: #4b5b76;
        font-size: 12px;
        line-height: 18px;
        line-height: 16px
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__tag-discount {
        border: 1px solid #ffcfd0;
        background: #fff;
        color: #f64041;
        padding: 0 3px;
        width: 39px;
        font-size: 12px;
        line-height: 18px;
        line-height: 16px;
        font-weight: 700;
        text-align: center
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__tag-first-discount {
        width: 55px;
        height: 18px;
        border-radius: 2px;
        background: linear-gradient(90deg,#f83131,#ff6f42);
        cursor: pointer;
        position: relative;
        overflow: hidden
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__tag-first-discount:before {
        content: "";
        display: inline-block;
        width: 47px;
        height: 12px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_renew_tag_first_discount_text.svg);
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        position: absolute;
        z-index: 1
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__tag-first-discount:after {
        content: "";
        width: 20px;
        height: 30px;
        display: inline-block;
        background: rgba(255,172,149,.74);
        border-radius: 2px;
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
        position: absolute;
        top: calc(50% - 15px);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        left: -20px;
        -webkit-animation: TagShineAnima 2s ease-in-out 1s infinite;
        animation: TagShineAnima 2s ease-in-out 1s infinite
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__tag-vip {
        width: 46.5px;
        height: 18px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_renew_tag_vip.png);
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__tag-vip2 {
        width: 52px;
        height: 18px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_renew_tag_vip2.png);
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__tag-vip1 {
        width: 52px;
        height: 18px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_renew_tag_vip1.png);
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__tag-vip3 {
        width: 52px;
        height: 18px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_renew_tag_vip3.png);
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__group-tips {
        margin-bottom: 8px;
        max-width: 100%;
        width: 100%;
        padding: 2px 16px;
        border-radius: 2px;
        background: linear-gradient(89deg,#ffe9c3 43.67%,#fff5e3 58.94%,#ffe9c3 76.98%)
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__group-tips-text {
        font-size: 12px;
        font-weight: 700;
        color: #8f401e;
        line-height: 22px;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__group-tag {
        width: 61px;
        height: 20px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_renew_group_tag.png);
        background-size: contain;
        background-position: 100% 0;
        background-repeat: no-repeat;
        position: absolute;
        right: -1px;
        top: -4px
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__price-state {
        font-size: 12px;
        line-height: 18px;
        font-weight: 500;
        color: #f64041;
        margin-right: 6px;
        display: none
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__account {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 12px;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__price {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__price-current {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: baseline;
        align-items: baseline;
        color: #f64041;
        margin-top: 4px
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__price-integer {
        font-size: 24px;
        line-height: 32px;
        font-weight: 500;
        line-height: 24px
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__price-decimal {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__price-unit {
        font-size: 14px;
        line-height: 22px;
        font-weight: 600;
        margin-left: 4px
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__price-detail {
        font-size: 0
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__price-detail .uno3-renew__price-state {
        display: inline-block
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__price-average {
        display: none
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__price-original {
        font-size: 12px;
        line-height: 18px;
        color: #97a3b7;
        text-decoration: line-through
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__price-daily {
        font-size: 12px;
        line-height: 18px;
        color: #666
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__btn-tips {
        font-size: 12px;
        line-height: 18px;
        color: #4b5b76;
        margin-bottom: 4px;
        text-align: center
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__btn-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 6px;
        width: 120px
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__btn-wrap .uno3-button {
        -ms-flex: 1;
        flex: 1;
        padding: 0
    }

    .uno3-renew .uno3-renew__rt .uno3-renew__btn-wrap .uno3-button--shop {
        -ms-flex: 0 0 36px;
        flex: 0 0 36px
    }
}

.uno3-renew__bounspacks-tag-bouns {
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    background: #f64041;
    border-radius: 2px;
    padding: 0 6px;
    box-sizing: border-box
}

.uno3-renew-wrap-handle {
    margin-top: 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 768px) {
    .uno3-renew-wrap-handle {
        margin-top:16px
    }
}

.uno3-renew__rt-hd .uno3-skeleton-item-box {
    background: #eaebef
}

@-webkit-keyframes TagShineAnima {
    0% {
        left: -20px
    }

    to {
        left: 60px
    }
}

@keyframes TagShineAnima {
    0% {
        left: -20px
    }

    to {
        left: 60px
    }
}

.uno3-faq__list {
    padding: 32px;
    background: #f6f8fb;
    border-radius: 4px
}

.uno3-faq__list.is-simple {
    padding: 0;
    border-radius: 0;
    background: none
}

@media (min-width: 769px) {
    .uno3-faq__list .uno3-faq__item:nth-child(n+7) {
        display:none
    }
}

@media (max-width: 768px) {
    .uno3-faq__list .uno3-faq__item:nth-child(n+4) {
        display:none
    }
}

@media (min-width: 769px) {
    .uno3-faq__list.is-unfold .uno3-faq__item:nth-child(n+7) {
        display:block
    }
}

@media (max-width: 768px) {
    .uno3-faq__list.is-unfold .uno3-faq__item:nth-child(n+4) {
        display:block
    }
}

.uno3-faq__item {
    padding: 24px;
    transition: background .3s ease-in-out
}

.uno3-faq__item.is-active {
    background: #fff
}

.uno3-faq__item.is-simple {
    border-bottom: 1px solid #e3e6eb;
    padding: 16px 0
}

.uno3-faq__item.is-simple:first-child {
    padding-top: 0
}

.uno3-faq__item+.uno3-faq__item {
    border-top: 1px solid #e3e6eb
}

.uno3-faq__item+.uno3-faq__item.is-simple {
    border-top: 0
}

.uno3-faq__item-inner {
    overflow: hidden;
    height: 24px;
    transition: height .3s ease-in-out
}

.uno3-faq__item.is-active .uno3-faq__item-inner,.uno3-faq__item.is-simple .uno3-faq__item-inner {
    height: auto
}

.uno3-faq__item-hd {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: top;
    align-items: top;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer
}

.uno3-faq__item-hd:hover .uno3-faq__item-title {
    color: #0052d9
}

.uno3-faq__item-title {
    color: rgba(0,0,0,.9);
    font-size: 16px;
    line-height: 24px;
    font-weight: 600
}

.uno3-faq__item.is-active .uno3-faq__item-title {
    color: #0052d9
}

.uno3-faq__item-btn {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 8px;
    width: 24px;
    height: 24px;
    background-size: cover;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-faq-item-btn-icon.svg);
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.uno3-faq__item.is-active .uno3-faq__item-btn {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.uno3-faq__item-desc {
    margin-top: 16px;
    color: rgba(0,0,0,.6);
    font-size: 14px;
    line-height: 24px
}

.uno3-faq__item-desc .qc-base-link {
    color: #0052d9
}

.uno3-faq__item-desc .qc-base-link:hover {
    -webkit-text-decoration: underline solid;
    text-decoration: underline solid;
    text-underline-offset: 1px
}

.uno3-faq__item.is-simple .uno3-faq__item-desc {
    margin-top: 12px
}

.uno3-faq__desc {
    margin-top: 32px;
    color: rgba(0,0,0,.9);
    text-align: center;
    font-size: 14px;
    line-height: 22px
}

.uno3-faq__desc .qc-base-link {
    color: #0052d9
}

.uno3-faq__desc .qc-base-link:hover {
    -webkit-text-decoration: underline solid;
    text-decoration: underline solid;
    text-underline-offset: 1px
}

.uno3-faq__handle {
    width: 100%;
    padding: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    grid-gap: 4px;
    gap: 4px;
    margin-top: 12px;
    margin-bottom: -24px
}

@media (max-width: 768px) {
    .uno3-faq__handle {
        margin-bottom:-4px;
        padding: 4px 10px
    }
}

.uno3-faq__handle-text {
    font-size: 12px;
    line-height: 20px;
    color: rgba(0,0,0,.7)
}

.uno3-faq__handle-icon {
    width: 8px;
    height: 8px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_faq_more_icon.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease
}

.uno3-faq__handle-icon.is-up {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.uno3-faq__handle:hover .uno3-faq__handle-text {
    color: #0052d0
}

.uno3-faq__handle:hover .uno3-faq__handle-icon {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_faq_more_icon_hover.svg)
}

.bg-gradient .uno3-faq__list,.bg-gray .uno3-faq__list {
    background: #fff
}

.bg-gradient .uno3-faq__list.is-simple,.bg-gray .uno3-faq__list.is-simple {
    background: none
}

.bg-gradient .uno3-faq__item.is-active,.bg-gray .uno3-faq__item.is-active {
    background: #f6f8fb
}

@media screen and (max-width: 768px) {
    .uno3-faq__list {
        padding:24px;
        border-radius: 0
    }

    .uno3-faq__item {
        padding: 16px
    }

    .uno3-faq__desc {
        margin-top: 20px
    }
}

@media (min-width: 769px) {
    .uno-page-intl .uno3-scene-intro__hd-name {
        font-weight:600;
        font-size: 24px;
        line-height: 32px;
        max-width: 300px;
        white-space: normal;
        margin-bottom: 20px
    }

    .uno-page-intl .uno3-scene-intro__box {
        gap: 8px
    }

    .uno-page-intl .uno3-scene-intro__box-title {
        font-size: 16px;
        line-height: 24px
    }

    .uno-page-intl .uno3-scene-intro__box-desc {
        -webkit-line-clamp: 2
    }

    .uno-page-intl .uno3-scene-intro__box-list {
        gap: 8px 28px
    }
}

@media (max-width: 768px) {
    .uno-page-intl .uno3-scene-intro__hd-name {
        white-space:normal
    }

    .uno-page-intl .uno3-scene-intro__box-title {
        font-size: 16px;
        line-height: 24px
    }

    .uno-page-intl .uno3-scene-intro__bd-handle {
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media (min-width: 769px) {
    .uno3-scene-intro {
        border:1px solid #eaedf1;
        background: #fff;
        box-shadow: 0 2px 12px 0 rgba(55,99,170,.06);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 20px
    }

    .uno3-scene-intro__hd {
        -ms-flex: 0 0 44%;
        flex: 0 0 44%
    }

    .uno3-scene-intro__bd {
        -ms-flex: 1;
        flex: 1;
        padding: 16px 16px 16px 0
    }
}

.uno3-scene-intro__hd-inner {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_scene_intro_img.png);
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 36px 24px 16px;
    height: 100%
}

.uno3-scene-intro__hd-name {
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
    color: #000;
    margin-bottom: 10px;
    white-space: nowrap;
    word-break: keep-all
}

.uno3-scene-intro__hd-desc,.uno3-scene-intro__hd-name {
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-scene-intro__hd-desc {
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 24px
}

.uno3-scene-intro__hd-handle {
    margin-top: auto
}

@media (max-width: 768px) {
    .uno3-scene-intro__hd-inner {
        padding:16px
    }

    .uno3-scene-intro__hd-name {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 12px
    }

    .uno3-scene-intro__hd-desc {
        font-size: 12px;
        line-height: 20px;
        -webkit-line-clamp: 2;
        margin-bottom: 48px
    }
}

.uno3-scene-intro__box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.uno3-scene-intro__box-title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: #181818
}

.uno3-scene-intro__box-desc {
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.uno3-scene-intro__box-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2px 28px
}

.uno3-scene-intro__box-item,.uno3-scene-intro__box-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.uno3-scene-intro__box-item {
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative
}

.uno3-scene-intro__box-item:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_scene_intro_list_icon.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-right: 12px;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    margin-top: 2px
}

.uno3-scene-intro__bd,.uno3-scene-intro__bd-cont {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px
}

.uno3-scene-intro__bd-handle {
    margin-top: auto;
    display: -ms-flexbox;
    display: flex;
    gap: 24px
}

@media (max-width: 768px) {
    .uno3-scene-intro {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24px
    }

    .uno3-scene-intro-hd-name {
        font-size: 18px;
        line-height: 26px
    }

    .uno3-scene-intro__bd,.uno3-scene-intro__bd-cont {
        gap: 16px
    }

    .uno3-scene-intro__bd-handle {
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-top: 0
    }

    .uno3-scene-intro__box-title {
        font-size: 16px;
        line-height: 24px
    }

    .uno3-scene-intro__box-list {
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px
    }
}

.uno-type-ios .uno3-scene-intro__box-title,.uno-type-ios .uno3-scene-intro__hd-name,.uno-type-mac .uno3-scene-intro__box-title,.uno-type-mac .uno3-scene-intro__hd-name {
    font-weight: 500
}

.uno3-case__swiper {
    overflow: hidden
}

@media screen and (min-width: 769px) {
    .uno3-case__swiper {
        margin:0 -10px;
        padding: 0 10px 32px
    }
}

.uno3-case__swiper .swiper-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 20px
}

@media (max-width: 768px) {
    .uno3-case__swiper .swiper-wrapper {
        gap:16px
    }
}

.uno3-case__swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: inline-block;
    width: auto;
    height: auto
}

.uno3-case__link-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.uno3-case__card-list {
    position: relative
}

.uno3-case__card {
    height: 100%;
    background: #f5f7fa;
    border-radius: 4px;
    transition: box-shadow .3s ease-in-out
}

.uno3-case__card.is-link {
    cursor: pointer
}

.uno3-case__card.is-link:hover {
    box-shadow: 0 4px 16px 0 rgba(55,99,170,.1)
}

.uno3-case__card-inner {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.uno3-case__card-img {
    border-radius: 4px 4px 0 0;
    height: 178px;
    background-size: cover;
    background-position: 50%
}

.uno3-case__card-content {
    -ms-flex: 1;
    flex: 1;
    padding: 40px 32px 32px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.uno3-case__card--config .uno3-case__card-content div:nth-last-child(2) {
    margin-bottom: auto
}

.uno3-case__card-icon {
    width: 56px;
    height: 56px;
    border: 2px solid #fff;
    position: absolute;
    left: 32px;
    top: -28px;
    border-radius: 6px
}

.uno3-case__card-content:first-child {
    padding-top: 32px
}

.uno3-case__card-content:first-child .uno3-case__card-icon {
    position: static
}

.uno3-case__card-icon-inner {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background-size: cover
}

.uno3-case__card-title {
    font-size: 20px;
    line-height: 28px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    color: #000
}

.uno3-case__card-subtit {
    margin-top: 12px;
    color: rgba(0,0,0,.9);
    font-size: 16px;
    line-height: 24px;
    font-weight: 600
}

.uno3-case__card-desc {
    margin-bottom: auto;
    margin-top: 16px;
    color: #4b5b76;
    font-size: 14px;
    line-height: 22px
}

.uno3-case__card-desc-text {
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.uno3-case__tag-list {
    margin-top: 16px;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.uno3-case__tag {
    border-radius: 2px;
    border: 1px solid #dbe2e9;
    padding: 0 7px;
    color: #4b5b76;
    font-size: 14px;
    line-height: 22px
}

.uno3-case__config-list {
    margin-top: 24px;
    display: -ms-flexbox;
    display: flex
}

.uno3-case__config-item {
    -ms-flex: 1;
    flex: 1;
    width: 1px
}

.uno3-case__config-item+.uno3-case__config-item {
    margin-left: 20px
}

.uno3-case__config-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline;
    color: rgba(0,0,0,.9);
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-case__config-text .uno3-case__config-number {
    margin-bottom: 0!important
}

.uno3-case__config-number {
    font-size: 24px;
    line-height: 32px;
    margin-right: 4px
}

.uno3-case__config-desc {
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #4b5b76
}

.uno3-case__config-text+.uno3-case__config-desc {
    margin-top: 8px
}

.uno3-case__next,.uno3-case__prev {
    cursor: pointer;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    background: #97a3b7;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 2
}

.uno3-case__next:after,.uno3-case__prev:after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background-size: cover
}

.uno3-case__next.swiper-button-lock,.uno3-case__prev.swiper-button-lock {
    display: none
}

.uno3-case__next.swiper-button-disabled,.uno3-case__prev.swiper-button-disabled {
    background: #e2e6ed;
    pointer-events: none
}

.uno3-case__prev {
    left: -50px
}

.uno3-case__prev:after {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-case-arrow-left.svg)
}

.uno3-case__next {
    right: -50px
}

.uno3-case__next:after {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-case-arrow-right.svg)
}

.uno3-case__card--simple {
    display: block;
    height: 100%;
    overflow: hidden;
    border-radius: 4px;
    background: #f5f7fa;
    box-shadow: 0 2px 12px 0 rgba(55,99,170,.06)
}

@media screen and (min-width: 769px) {
    .uno3-case__card--simple.is-link {
        cursor:pointer;
        transition: box-shadow .3s ease-in-out
    }

    .uno3-case__card--simple.is-link:hover {
        box-shadow: 0 4px 16px 0 rgba(55,99,170,.1)
    }
}

.uno3-case__card--simple .uno3-case__card-img-wrap {
    width: 100%;
    height: 140px;
    overflow: hidden
}

.uno3-case__card--simple .uno3-case__card-img {
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: 140px
}

.uno3-case__card--simple .uno3-case__card-content {
    padding: 24px 20px;
    display: -ms-flexbox;
    display: flex
}

.uno3-case__card--simple .uno3-case__card-desc {
    margin-top: 0;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.uno3-case__card--simple .uno3-case__card-ft {
    margin-top: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.uno3-case__card--simple .uno3-case__card-logo {
    height: 20px
}

.uno3-case__card--simple .uno3-case__card-arrow {
    transition: opacity .3s ease-in-out;
    opacity: 0;
    width: 16px;
    height: 16px;
    background-size: cover;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-case-simple-arrow.svg)
}

@media screen and (min-width: 769px) {
    .uno3-case__card--simple:hover .uno3-case__card-arrow {
        opacity:1
    }

    .uno3-case__card--simple .uno3-case__card-img:hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.uno-page-intl .uno3-case__config-item:first-child {
    -ms-flex: auto 0;
    flex: auto 0;
    min-width: calc(50% - 10px);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: calc(65% - 10px)
}

.uno-page-intl .uno3-case__config-item:last-child {
    -ms-flex: 1;
    flex: 1
}

.uno-type-ios .uno3-case__card-subtit,.uno-type-ios .uno3-case__card-title,.uno-type-ios .uno3-case__config-text,.uno-type-mac .uno3-case__card-subtit,.uno-type-mac .uno3-case__card-title,.uno-type-mac .uno3-case__config-text {
    font-weight: 500
}

.bg-gray .uno3-case__card {
    background: #fff;
    box-shadow: 0 2px 12px 0 rgba(55,99,170,.06)
}

.bg-gray .uno3-case__card--simple {
    background: #fff
}

@media screen and (max-width: 768px) {
    .uno3-case__card-list {
        padding-bottom:16px
    }

    .uno3-case__card-list.slide-auto {
        padding-bottom: 74px
    }

    .uno3-case__next,.uno3-case__prev {
        top: auto;
        -webkit-transform: none;
        transform: none;
        bottom: 20px
    }

    .uno3-case__prev {
        left: 50%;
        -webkit-transform: translateX(-42px);
        transform: translateX(-42px)
    }

    .uno3-case__next {
        right: auto;
        left: 50%;
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }

    .uno3-case__card-list.slide-auto .uno3-case__card {
        width: 286px
    }

    .uno3-case__card-img {
        height: 140px
    }

    .uno3-case__card-content {
        padding: 24px
    }

    .uno3-case__card-icon {
        width: 36px;
        height: 36px;
        top: -18px;
        left: 24px
    }

    .uno3-case__card-title {
        font-size: 18px;
        line-height: 26px
    }

    .uno3-case__card-desc,.uno3-case__card-subtit {
        font-size: 14px;
        line-height: 22px;
        margin-top: 8px
    }

    .uno3-case__config-list {
        margin-top: 16px
    }

    .uno3-case__config-item+.uno3-case__config-item {
        margin-left: 16px
    }

    .uno3-case__config-text {
        font-size: 16px;
        line-height: 24px
    }

    .uno3-case__config-number {
        font-size: 20px;
        line-height: 36px
    }

    .uno3-case__card-content:first-child {
        padding-top: 24px
    }

    .uno3-case__card--simple .uno3-case__card-img,.uno3-case__card--simple .uno3-case__card-img-wrap {
        height: auto;
        max-height: 200px
    }

    .uno3-case__card--simple .uno3-case__card-arrow {
        opacity: 1
    }

    .uno-page-intl .uno3-case__config-desc {
        font-size: 12px;
        line-height: 20px
    }
}

@media screen and (min-width: 1540px) {
    .uno3-case__card-img {
        height:264px
    }

    .uno3-case__config-text {
        font-size: 20px;
        line-height: 28px
    }

    .uno3-case__config-number {
        font-size: 28px;
        line-height: 36px
    }
}

.uno3-case-logo__item {
    display: block;
    height: 100%;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #eaedf1;
    background: #fff;
    box-shadow: 0 2px 12px 0 rgba(55,99,170,.06);
    transition: all .3s ease-in-out
}

@media screen and (min-width: 769px) {
    .uno3-case-logo__item.is-link {
        cursor:pointer
    }

    .uno3-case-logo__item.is-link:hover {
        box-shadow: 0 4px 16px 0 rgba(55,99,170,.1)
    }
}

.uno3-case-logo__item-img-wrap {
    width: 100%;
    height: 140px
}

.uno3-case-logo__item-img {
    width: 100%;
    height: 140px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.uno3-case-logo__item-content {
    padding: 19px
}

.uno3-case-logo__item-title {
    color: #16181a;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px
}

.uno3-case-logo__item-text {
    white-space: nowrap;
    word-break: keep-all
}

.uno3-case-logo__item-desc,.uno3-case-logo__item-text {
    margin-top: 8px;
    color: #4a5b76;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 22px
}

.uno3-case-logo__item-desc {
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.uno3-case-logo__item.type-horizontal {
    padding: 19px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

.uno3-case-logo__item.type-horizontal .uno3-case-logo__item-img {
    width: 48px;
    height: 48px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.uno3-case-logo__item.type-horizontal .uno3-case-logo__item-content {
    width: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 28px;
    padding: 0
}

.uno3-case-logo__item.type-horizontal .uno3-case-logo__item-desc {
    margin-top: 12px
}

@media screen and (max-width: 768px) {
    .uno3-case-logo__item.type-horizontal {
        padding:15px
    }

    .uno3-case-logo__item.type-horizontal .uno3-case-logo__item-img {
        width: 40px;
        height: 40px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .uno3-case-logo__item.type-horizontal .uno3-case-logo__item-content {
        margin-left: 16px
    }
}

.uno3-case-lr-layout__inner {
    display: -ms-flexbox;
    display: flex
}

.uno3-case-lr-layout__card {
    width: 47%;
    padding: 32px;
    border-radius: 4px;
    background-color: #0052d9;
    background-size: auto 100%;
    background-position: 100%;
    background-repeat: no-repeat;
    transition: all .3s ease-in-out
}

.uno3-case-lr-layout__card .qc-base-text--highlight {
    color: #ff9540
}

.uno3-case-lr-layout__card .qc-base-link {
    color: #ffeed4
}

@media screen and (min-width: 769px) {
    .uno3-case-lr-layout__card.is-link {
        cursor:pointer
    }

    .uno3-case-lr-layout__card.is-link:hover {
        background-color: #0058df
    }
}

.uno3-case-lr-layout__card-inner {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center
}

.uno3-case-lr-layout__card-img {
    height: 38px
}

.uno3-case-lr-layout__card-title {
    color: #fff;
    margin-top: 24px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500
}

.uno3-case-lr-layout__card-desc {
    margin-top: 12px;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.uno3-case-lr-layout__side {
    margin-left: 20px;
    width: calc(53% - 20px)
}

.uno3-case-lr-layout__tip {
    color: #495770;
    font-size: 14px;
    line-height: 22px
}

.uno3-case-lr-layout__logos {
    margin-top: 28px
}

.uno3-case-lr-layout .uno3-logo-card__inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px
}

.uno3-case-lr-layout .uno3-logo-card__item {
    background: #f5f7fa;
    min-width: calc(33.33333% - 13.33333px)
}

.uno3-case-lr-layout .uno3-logo-card__item:nth-child(n+4) {
    -ms-flex: none;
    flex: none;
    width: calc(33.33333% - 13.33333px)
}

.bg-gray .uno3-case-lr-layout .uno3-logo-card__item {
    background: #fff
}

@media screen and (max-width: 768px) {
    .uno3-case-lr-layout__inner {
        -ms-flex-direction:column;
        flex-direction: column
    }

    .uno3-case-lr-layout__card,.uno3-case-lr-layout__side {
        width: 100%
    }

    .uno3-case-lr-layout__card {
        padding: 20px
    }

    .uno3-case-lr-layout__card-img {
        height: 32px
    }

    .uno3-case-lr-layout__card-title {
        margin-top: 24px;
        font-size: 18px;
        line-height: 26px;
        font-weight: 500
    }

    .uno3-case-lr-layout__side {
        margin-top: 20px;
        margin-left: 0
    }

    .uno3-case-lr-layout__tip {
        display: none
    }

    .uno3-case-lr-layout__logos {
        margin-top: 0
    }

    .uno3-case-lr-layout .uno3-logo-card__inner {
        gap: 8px
    }

    .uno3-case-lr-layout .uno3-logo-card__item {
        -ms-flex: 1;
        flex: 1;
        min-width: calc(33.33333% - 5.33333px)
    }

    .uno3-case-lr-layout .uno3-logo-card__item:nth-child(n+4) {
        -ms-flex: none;
        flex: none;
        width: calc(33.33333% - 13.33333px)
    }
}

@media (min-width: 769px) {
    .uno-page-intl .uno3-scene-intro2__hd-actbar-inner {
        font-size:16px;
        line-height: 24px
    }

    .uno-page-intl .uno3-scene-intro2__box-title {
        font-size: 18px;
        line-height: 26px
    }

    .uno-page-intl .uno3-scene-intro2__box-explain-item {
        display: block;
        line-height: 22px
    }

    .uno-page-intl .uno3-scene-intro2__box-explain-label {
        display: inline;
        margin-right: 0
    }

    .uno-page-intl .uno3-scene-intro2__box-explain-value {
        display: inline
    }

    .uno-page-intl .uno3-scene-intro2__hd-handle .uno3-button {
        width: auto;
        min-width: 200px
    }
}

@media (max-width: 768px) {
    .uno-page-intl .uno3-scene-intro2__box-explain-item {
        display:block;
        line-height: 22px
    }

    .uno-page-intl .uno3-scene-intro2__box-explain-label {
        display: inline;
        margin-right: 0
    }

    .uno-page-intl .uno3-scene-intro2__box-explain-value {
        display: inline;
        color: rgba(75,91,118,.7)
    }

    .uno-page-intl .uno3-scene-intro2__hd-actbar-inner {
        font-size: 16px;
        line-height: 24px
    }

    .uno-page-intl .uno3-scene-intro2__hd-handle {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .uno-page-intl .uno3-scene-intro2__hd-handle .uno3-button {
        width: auto;
        max-width: none;
        -ms-flex: auto;
        flex: auto;
        min-width: 120px
    }
}

.uno3-scene-intro2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 20px;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 769px) {
    .uno3-scene-intro2 {
        border:1px solid #eaedf1;
        background: #fff;
        box-shadow: 0 2px 12px 0 rgba(55,99,170,.06);
        padding: 24px
    }

    .uno3-scene-intro2__bd {
        -ms-flex: 0 50%;
        flex: 0 50%
    }

    .uno3-scene-intro2__bd-inner {
        width: 100%
    }

    .uno3-scene-intro2__bd img {
        width: 100%;
        cursor: zoom-in
    }

    .uno3-scene-intro2__bd video {
        width: 100%
    }

    .uno3-scene-intro2__hd {
        -ms-flex: 1;
        flex: 1;
        width: 0
    }
}

.uno3-scene-intro2__hd {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 100%
}

.uno3-scene-intro2__hd-actbar {
    margin-bottom: 24px;
    display: block;
    border-radius: 8px;
    background: linear-gradient(90deg,#e4eeff,#f4f0ff);
    padding: 4px 12px;
    color: #000;
    font-size: 14px;
    line-height: 22px
}

.uno3-scene-intro2__hd-actbar-inner {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    transition: all .3s ease
}

.uno3-scene-intro2__hd-actbar-inner img {
    height: 16px
}

.uno3-scene-intro2__hd-actbar-inner:after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_scene_intro2_icon_arrows.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.uno3-scene-intro2__hd-actbar:hover {
    background: linear-gradient(90deg,#cde0ff,#e6deff)
}

.uno3-scene-intro2__hd-handle {
    margin-top: 32px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.uno3-scene-intro2__hd-handle .uno3-button {
    width: 200px
}

.uno3-scene-intro2__hd-cont {
    gap: 24px
}

.uno3-scene-intro2__box,.uno3-scene-intro2__hd-cont {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.uno3-scene-intro2__box {
    gap: 8px
}

.uno3-scene-intro2__box-title {
    font-weight: 700;
    color: #181818;
    white-space: nowrap;
    word-break: keep-all
}

.uno3-scene-intro2__box-desc,.uno3-scene-intro2__box-title {
    font-size: 14px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-scene-intro2__box-desc {
    color: #4b5b76;
    word-wrap: break-word;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.uno3-scene-intro2__box-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.uno3-scene-intro2__box-item {
    color: #4b5b76;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 14px;
    line-height: 22px
}

.uno3-scene-intro2__box-item:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_scene_intro_list_icon.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-right: 12px;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    margin-top: 2px
}

.uno3-scene-intro2__box-explain {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    color: #4b5b76;
    font-size: 14px;
    line-height: 22px
}

.uno3-scene-intro2__box-explain-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: start;
    align-items: flex-start
}

.uno3-scene-intro2__box-explain-label {
    font-size: 14px;
    line-height: 22px;
    margin-right: 12px;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-weight: 700
}

@media (max-width: 768px) {
    .uno3-scene-intro2 {
        -ms-flex-direction:column;
        flex-direction: column;
        gap: 20px;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .uno3-scene-intro2__bd {
        -ms-flex: 1;
        flex: 1;
        width: 100%
    }

    .uno3-scene-intro2__bd img,.uno3-scene-intro2__bd video {
        width: 100%
    }

    .uno3-scene-intro2__hd {
        -ms-flex-order: 2;
        order: 2;
        width: 100%
    }

    .uno3-scene-intro2__hd-actbar {
        -ms-flex-order: 3;
        order: 3;
        margin-top: 16px;
        margin-bottom: 0
    }

    .uno3-scene-intro2__hd-cont {
        -ms-flex-order: 1;
        order: 1
    }

    .uno3-scene-intro2__hd-handle {
        -ms-flex-order: 2;
        order: 2;
        margin-top: 24px
    }

    .uno3-scene-intro2__hd-handle .uno3-button {
        width: auto;
        -ms-flex: 1;
        flex: 1
    }

    .uno3-scene-intro2__box-title {
        font-size: 16px;
        line-height: 24px
    }
}

.uno-type-ios .uno3-scene-intro2__box-explain-label,.uno-type-ios .uno3-scene-intro2__box-title,.uno-type-mac .uno3-scene-intro2__box-explain-label,.uno-type-mac .uno3-scene-intro2__box-title {
    font-weight: 500
}

.uno-page-intl .uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__product-tag-item.first-discount {
    width: auto;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    padding: 0 4px;
    overflow: initial
}

.uno-page-intl .uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__product-tag-item.first-discount:after,.uno-page-intl .uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__product-tag-item.first-discount:before {
    display: none
}

.uno-page-intl .uno3-group-buy-middle .uno3-group-buy__intro .qc-base-list {
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.uno-page-intl .uno3-group-buy-middle .uno3-group-buy__intro .qc-base-list-item {
    color: #181818
}

.uno-page-intl .uno3-group-buy.uno3-group-buy-large .uno3-group-buy__tag .uno3-group-buy__tag-group {
    width: 124px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_intl_groupbuy_large_tag_group.png)
}

@media (max-width: 768px) {
    .uno-page-intl .uno3-group-buy .uno3-group-buy__title {
        white-space:normal
    }

    .uno-page-intl .uno3-group-buy .uno3-group-buy__intro .qc-base-list .qc-base-list-item {
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno-page-intl .uno3-group-buy .uno3-group-buy__intro .qc-base-list .qc-base-list-item--cont {
        display: inline
    }

    .uno-page-intl .uno3-group-buy.is-multiple .uno3-group-buy__product-tag {
        display: none
    }
}

@media (min-width: 769px) {
    .uno-page-intl .uno3-group-buy-wrap.type-middle {
        min-height:547px
    }

    .uno-page-intl .uno3-group-buy-wrap.type-middle.is-multiple {
        min-height: 443px
    }
}

.uno3-group-buy-wrap.is-disabled.is-show {
    position: static
}

.uno3-group-buy-wrap.is-disabled.is-show .uno3-group-buy-middle {
    position: static;
    height: 100%;
    border: 1px solid #eaedf1;
    background: #fff;
    box-shadow: 0 2px 12px 0 rgba(55,99,170,.06)
}

.uno3-group-buy-wrap.is-disabled.is-show .uno3-group-buy-middle .uno3-group-buy__bd {
    max-height: 270px;
    min-height: 270px;
    padding-bottom: 36px
}

.uno3-group-buy {
    border: 1px solid #eaedf1;
    background: #fff;
    box-shadow: 0 2px 12px 0 rgba(55,99,170,.06)
}

.uno3-group-buy__inner {
    background: linear-gradient(180deg,#ddeaff -7.5%,#fff 62.37%);
    background-size: 100% 200px;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden
}

.uno3-group-buy__inner:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 200px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_groupbuy_middle_pc_img.png);
    background-size: auto 100%;
    background-position: 100% 0;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0
}

@media (max-width: 769px) {
    .uno3-group-buy__inner {
        background-image:linear-gradient(180deg,#ddeaff -7.5%,#fff 62.37%)
    }

    .uno3-group-buy__inner:after {
        height: 168px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_groupbuy_m_img.png)
    }
}

@media (min-width: 769px) {
    .uno3-group-buy.uno3-group-buy-large .uno3-group-buy__inner {
        background-image:linear-gradient(180deg,#e7f0ff 2.5%,#fff 65.87%)
    }

    .uno3-group-buy.uno3-group-buy-large .uno3-group-buy__inner:after {
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_groupbuy_large_pc_img.png)
    }
}

.uno3-group-buy__hd {
    padding: 24px 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    position: relative;
    z-index: 1
}

.uno3-group-buy__title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: #000
}

.uno3-group-buy__subtit,.uno3-group-buy__title {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-group-buy__subtit {
    font-size: 12px;
    line-height: 20px;
    color: #4b5b76
}

.uno3-group-buy__intro .qc-base-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 24px
}

@media (min-width: 769px) {
    .uno3-group-buy__intro .qc-base-list {
        white-space:nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.uno3-group-buy__intro .qc-base-list .qc-base-list-item {
    color: #4b5b76
}

.uno3-group-buy__intro .qc-base-list .qc-base-list-item:last-child {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-group-buy__intro .qc-base-list .qc-base-list-item:last-child .qc-base-list-item--cont {
    display: inline
}

.uno3-group-buy__intro .qc-base-list .qc-base-list-item:nth-child(n+2) {
    margin-top: 0
}

.uno3-group-buy__bd,.uno3-group-buy__ft {
    position: relative;
    z-index: 1
}

.uno3-group-buy__ft {
    padding: 16px 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 48px;
    border-top: 1px solid #e9ecf1;
    background: #fcfdff
}

.uno3-group-buy__ft .uno3-group-buy__price {
    height: 58px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.uno3-group-buy__ft .uno3-group-buy__price-current {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-pack: start;
    justify-content: flex-start;
    color: #f64041
}

.uno3-group-buy__ft .uno3-group-buy__price-desc {
    margin-right: 4px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
    white-space: nowrap
}

.uno3-group-buy__ft .uno3-group-buy__price-loading {
    font-size: 20px;
    line-height: 36px;
    font-weight: 700;
    color: #f64041
}

.uno3-group-buy__ft .uno3-group-buy__price-integer {
    font-size: 28px;
    line-height: 36px;
    font-weight: 600
}

.uno3-group-buy__ft .uno3-group-buy__price-decimal {
    font-size: 14px;
    line-height: 22px;
    font-weight: 600
}

.uno3-group-buy__ft .uno3-group-buy__price-unit {
    white-space: nowrap;
    font-size: 12px;
    line-height: 20px;
    margin-left: 4px;
    font-weight: 700
}

.uno3-group-buy__ft .uno3-group-buy__price-save {
    border-radius: 60px;
    background: rgba(255,63,63,.08);
    padding: 0 8px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    color: #f64041;
    white-space: nowrap;
    margin-left: 4px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px
}

.uno3-group-buy__ft .uno3-group-buy__price-save:after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 8px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_groupbuy_price_save_icon.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.uno3-group-buy__ft .uno3-group-buy__price-detail {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.uno3-group-buy__ft .uno3-group-buy__price-original {
    color: #666;
    margin-right: 12px
}

.uno3-group-buy__ft .uno3-group-buy__price-original .uno3-group-buy__price-desc {
    font-size: 12px;
    line-height: 20px;
    margin-right: 4px
}

.uno3-group-buy__ft .uno3-group-buy__price-original .uno3-group-buy__price-value {
    font-size: 12px;
    line-height: 20px;
    margin-right: 4px;
    text-decoration: line-through
}

.uno3-group-buy__ft .uno3-group-buy__price-original .uno3-group-buy__price-unit {
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    text-decoration: line-through;
    margin-left: 0;
    font-weight: 400
}

.uno3-group-buy__ft .uno3-group-buy__price .uno3-group-buy__price-info {
    -webkit-text-decoration: underline dashed;
    text-decoration: underline dashed;
    text-underline-offset: 3px;
    font-size: 12px;
    line-height: 20px;
    color: #000;
    cursor: pointer
}

.uno3-group-buy__ft .uno3-group-buy__tag {
    display: none
}

@media (max-width: 1539px) and (min-width:769px) {
    .uno3-group-buy__ft .uno3-group-buy__price {
        height:56px
    }

    .uno3-group-buy__ft .uno3-group-buy__price-integer {
        font-size: 20px;
        line-height: 36px
    }
}

@media (min-width: 1540px) {
    .uno3-group-buy.uno3-group-buy-middle .uno3-group-buy__ft-price {
        -ms-flex:1;
        flex: 1
    }

    .uno3-group-buy.uno3-group-buy-middle .uno3-group-buy__ft-btn {
        -ms-flex: 0 0 304px;
        flex: 0 0 304px
    }

    .uno3-group-buy.uno3-group-buy-middle .uno3-group-buy__ft-btn .uno3-button {
        width: 100%
    }
}

@media (max-width: 1539px) and (min-width:769px) {
    .uno3-group-buy.uno3-group-buy-middle .uno3-group-buy__ft-price {
        -ms-flex:1;
        flex: 1
    }

    .uno3-group-buy.uno3-group-buy-middle .uno3-group-buy__ft-btn {
        -ms-flex: 0 0 180px;
        flex: 0 0 180px
    }

    .uno3-group-buy.uno3-group-buy-middle .uno3-group-buy__ft-btn .uno3-button {
        width: 100%;
        min-width: auto
    }
}

@media (max-width: 1539px) and (min-width:769px) and (max-width:1300px) {
    .uno3-group-buy.uno3-group-buy-middle .uno3-group-buy__ft {
        gap:24px
    }
}

@media (min-width: 769px) {
    .uno3-group-buy.uno3-group-buy-middle {
        height:100%
    }

    .uno3-group-buy.uno3-group-buy-middle .uno3-group-buy__inner {
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .uno3-group-buy.uno3-group-buy-middle .uno3-group-buy__cont {
        -ms-flex: 1;
        flex: 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .uno3-group-buy.uno3-group-buy-middle .uno3-group-buy__ft {
        margin-top: auto
    }
}

@media (min-width: 769px) {
    .uno3-group-buy.uno3-group-buy-large .uno3-group-buy__tag {
        display:block;
        font-size: 0
    }

    .uno3-group-buy.uno3-group-buy-large .uno3-group-buy__tag .uno3-group-buy__tag-group {
        width: 77px;
        height: 26px;
        display: inline-block;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_groupbuy_large_tag_group.png);
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat
    }

    .uno3-group-buy.uno3-group-buy-large .uno3-group-buy__cont {
        padding: 0 20px 24px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: stretch;
        align-items: stretch;
        position: relative;
        z-index: 1
    }

    .uno3-group-buy.uno3-group-buy-large .uno3-group-buy__bd {
        padding: 0 24px 0 0;
        -ms-flex: 1;
        flex: 1;
        width: 0;
        position: static
    }

    .uno3-group-buy.uno3-group-buy-large .uno3-group-buy__bd .uno3-group-buy__product-tag {
        margin-left: -28px
    }

    .uno3-group-buy.uno3-group-buy-large .uno3-group-buy__bd .uno3-group-buy__message {
        top: -44px;
        width: calc(100% - 40px);
        left: 20px;
        z-index: 2
    }

    .uno3-group-buy.uno3-group-buy-large .uno3-group-buy__bd .qc-base-form {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 48px
    }

    .uno3-group-buy.uno3-group-buy-large .uno3-group-buy__bd .qc-base-form .qc-base-form-item {
        -ms-flex: 1;
        flex: 1;
        min-width: calc(33.33333% - 32px);
        margin: 0
    }

    .uno3-group-buy.uno3-group-buy-large .uno3-group-buy__bd .qc-base-form .qc-base-form {
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
        gap: 16px
    }

    .uno3-group-buy.uno3-group-buy-large .uno3-group-buy__bd .qc-base-form .qc-base-form .qc-base-form-item {
        width: 100%
    }

    .uno3-group-buy.uno3-group-buy-large .uno3-group-buy__bd .qc-base-form .qc-base-form .qc-base-form-item:before {
        display: none
    }

    .uno3-group-buy.uno3-group-buy-large .uno3-group-buy__ft {
        -ms-flex: 0 0 333px;
        flex: 0 0 333px;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 32px;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: center;
        justify-content: center;
        border-top: 0;
        border-left: 1px solid #e9ecf1;
        padding: 0 0 0 24px;
        background: transparent;
        position: static;
        z-index: auto
    }

    .uno3-group-buy.uno3-group-buy-large .uno3-group-buy__ft .uno3-group-buy__price {
        height: auto
    }

    .uno3-group-buy.uno3-group-buy-large .uno3-group-buy__ft-btn,.uno3-group-buy.uno3-group-buy-large .uno3-group-buy__ft-btn .uno3-button {
        width: 100%
    }
}

@media (max-width: 768px) {
    .uno3-group-buy__hd {
        padding:16px 12px
    }

    .uno3-group-buy__title {
        font-size: 18px;
        line-height: 26px
    }

    .uno3-group-buy__intro .qc-base-list {
        gap: 6px
    }

    .uno3-group-buy__ft,.uno3-group-buy__intro .qc-base-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .uno3-group-buy__ft {
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 16px;
        background: transparent;
        border: 0;
        padding: 0
    }

    .uno3-group-buy__ft .uno3-group-buy__price {
        padding: 0 16px;
        height: auto;
        width: 100%
    }

    .uno3-group-buy__ft .uno3-group-buy__price-loading {
        font-size: 20px;
        line-height: 28px
    }

    .uno3-group-buy__ft .uno3-group-buy__price-current .uno3-group-buy__price-desc {
        display: none
    }

    .uno3-group-buy__ft .uno3-group-buy__price-current .uno3-group-buy__price-decimal,.uno3-group-buy__ft .uno3-group-buy__price-current .uno3-group-buy__price-integer {
        font-size: 20px;
        line-height: 28px
    }

    .uno3-group-buy__ft-btn,.uno3-group-buy__ft-btn .uno3-button {
        width: 100%
    }
}

.uno3-group-buy .uno3-group-buy__bd {
    padding: 0 20px 36px
}

.uno3-group-buy .uno3-group-buy__bd .qc-base-form-item {
    width: 100%
}

.uno3-group-buy .uno3-group-buy__bd .qc-base-form-item .uno3-group-buy__product {
    width: calc(100% + 16px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: -16px;
    padding-left: 16px
}

.uno3-group-buy .uno3-group-buy__bd .qc-base-form-item.qc-base-form-item-disabled {
    opacity: .5;
    cursor: not-allowed
}

.uno3-group-buy .uno3-group-buy__bd .qc-base-form-item.qc-base-form-item-disabled .qc-base-select,.uno3-group-buy .uno3-group-buy__bd .qc-base-form-item.qc-base-form-item-disabled .qc-base-select-btn {
    cursor: not-allowed;
    pointer-events: none
}

.uno3-group-buy .uno3-group-buy__bd .qc-base-form-item:nth-child(n+2) {
    margin-top: 24px
}

.uno3-group-buy .uno3-group-buy__bd .qc-base-form-item .qc-base-form-value {
    width: 100%
}

.uno3-group-buy .uno3-group-buy__bd .qc-base-form-item .qc-base-form-value-inner-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.uno3-group-buy .uno3-group-buy__bd .qc-base-form-item .qc-base-form-value-inner-wrap .qc-base-form-value-inner-wrap {
    -ms-flex-align: center;
    align-items: center
}

.uno3-group-buy .uno3-group-buy__bd .qc-base-form-item .qc-base-checkbox-wrap {
    width: 100%;
    padding-left: 28px
}

.uno3-group-buy .uno3-group-buy__bd .qc-base-form-item .qc-base-checkbox-wrap .qc-base-checkbox-text {
    width: 100%;
    vertical-align: top
}

.uno3-group-buy .uno3-group-buy__bd .qc-base-form-item .qc-base-form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    -ms-flex-align: center;
    align-items: center;
    gap: 36px;
    padding-left: 28px
}

.uno3-group-buy .uno3-group-buy__bd .qc-base-form-item .qc-base-form-item {
    margin-bottom: 0;
    margin-top: 0;
    width: calc(50% - 18px)
}

.uno3-group-buy .uno3-group-buy__bd .qc-base-form-item .qc-base-form-item .qc-base-form-label {
    width: 100px;
    margin-right: 4px
}

.uno3-group-buy .uno3-group-buy__bd .qc-base-form-item .qc-base-form-item .qc-base-form-label-inner {
    font-weight: 400
}

.uno3-group-buy .uno3-group-buy__bd .qc-base-form-item .qc-base-form-item .qc-base-form-value {
    width: calc(100% - 104px)
}

.uno3-group-buy .uno3-group-buy__bd .qc-base-form-item .qc-base-form-item .qc-base-form-value-inner-wrap {
    gap: 0;
    -ms-flex-direction: row;
    flex-direction: row
}

.uno3-group-buy .uno3-group-buy__bd .qc-base-form-item .qc-base-form-item .qc-base-tag--discount {
    display: none
}

@media (max-width: 1539px) and (min-width:769px) {
    .uno3-group-buy .uno3-group-buy__bd .qc-base-form-item .qc-base-form-item .qc-base-form-label {
        width:88px
    }

    .uno3-group-buy .uno3-group-buy__bd .qc-base-form-item .qc-base-form-item .qc-base-form-label-inner {
        font-size: 12px;
        line-height: 20px;
        height: 20px
    }

    .uno3-group-buy .uno3-group-buy__bd .qc-base-form-item .qc-base-form-item .qc-base-form-label-inner .qc-base-icon {
        width: 14px;
        height: 14px
    }

    .uno3-group-buy .uno3-group-buy__bd .qc-base-form-item .qc-base-form-item .qc-base-form-value {
        width: calc(100% - 92px)
    }

    .uno3-group-buy .uno3-group-buy__bd .qc-base-form-item .qc-base-form-item .qc-base-form-value-inner,.uno3-group-buy .uno3-group-buy__bd .qc-base-form-item .qc-base-form-item .qc-base-form-value .qc-base-input-number.qc-base-input-number-vision-v3 .qc-base-input,.uno3-group-buy .uno3-group-buy__bd .qc-base-form-item .qc-base-form-item .qc-base-form-value .qc-base-input-number.qc-base-input-number-vision-v3 .qc-base-input-number-unit,.uno3-group-buy .uno3-group-buy__bd .qc-base-form-item .qc-base-form-item .qc-base-form-value .qc-base-select.qc-base-select-vision-v3 .qc-base-select-btn,.uno3-group-buy .uno3-group-buy__bd .qc-base-form-item .qc-base-form-item .qc-base-form-value .qc-base-select.qc-base-select-vision-v3 .qc-base-select-btn-text,.uno3-group-buy .uno3-group-buy__bd .qc-base-form-item .qc-base-form-item .qc-base-form-value .qc-base-select.qc-base-select-vision-v3 .qc-base-select-placeholder {
        font-size: 14px
    }
}

.uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__product-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__product-info .uno3-group-buy__product-name {
    width: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    line-height: 0
}

.uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__product-info .uno3-group-buy__product-name-text {
    display: inline-block;
    max-width: 100%;
    position: relative;
    padding-right: 20px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    color: #000;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__product-info .uno3-group-buy__product-name-text:after {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_group_buy_arrow.png);
    background-size: 200% 100%;
    background-position: 0;
    background-repeat: no-repeat
}

@media screen and (min-width: 769px) {
    .uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__product-info .uno3-group-buy__product-name-text:hover {
        color:#0052d9
    }

    .uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__product-info .uno3-group-buy__product-name-text:hover:after {
        background-position: 100%
    }
}

.uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__product-info .uno3-group-buy__product-price {
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
    color: #f64041;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__product-tag {
    margin-top: 8px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4px
}

.uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__product-tag-item {
    height: 18px
}

.uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__product-tag-item.first-discount {
    cursor: pointer;
    width: 55px;
    height: 18px;
    border-radius: 2px;
    background: linear-gradient(90deg,#f83131,#ff6f42);
    position: relative;
    overflow: hidden;
    font-size: 0
}

.uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__product-tag-item.first-discount:before {
    content: "";
    display: inline-block;
    width: 47px;
    height: 12px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_group_buy_product_tag_first_discount_text.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    position: absolute;
    z-index: 1
}

.uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__product-tag-item.first-discount:after {
    content: "";
    width: 20px;
    height: 30px;
    display: inline-block;
    background: rgba(255,172,149,.74);
    border-radius: 2px;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    position: absolute;
    top: calc(50% - 15px);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    left: -20px;
    -webkit-animation: GroupBuyTagShineAnima 2s ease-in-out 1s infinite;
    animation: GroupBuyTagShineAnima 2s ease-in-out 1s infinite
}

.uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__product-tag-item.is-normal {
    border-radius: 2px;
    border: 1px solid #d6dbe3;
    background: #fff;
    font-size: 12px;
    line-height: 16px;
    padding: 0 3px;
    color: #4b5b76;
    font-weight: 400
}

.uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__product-tag-item.is-discount {
    border-radius: 2px;
    border: 1px solid #ffcfd0;
    background: #fff;
    font-size: 12px;
    line-height: 16px;
    padding: 0 3px;
    color: #f64041;
    font-weight: 500
}

.uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__product-tag-item.is-exclusive {
    font-size: 0
}

.uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__product-tag-item.is-exclusive .uno3-group-buy__product-tag-label {
    border-radius: 2px 0 0 2px;
    border: 1px solid #f64041;
    background: #f64041;
    padding: 0 4px;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    font-weight: 700;
    position: relative
}

.uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__product-tag-item.is-exclusive .uno3-group-buy__product-tag-value {
    border-radius: 0 2px 2px 0;
    border: 1px solid #ffcfd0;
    background: #fff;
    padding: 0 4px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    color: #f64041;
    margin-left: -2px
}

.uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__product-tag-item.type-vip {
    width: 46.5px;
    height: 18px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_group_buy_product_tag_vip.png);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__product-tag-item.type-vip1 {
    width: 52px;
    height: 18px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_group_buy_product_tag_vip1.png);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__product-tag-item.type-vip2 {
    width: 52px;
    height: 18px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_group_buy_product_tag_vip2.png);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__product-tag-item.type-vip3 {
    width: 52px;
    height: 18px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_group_buy_product_tag_vip3.png);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__message {
    padding: 10px;
    width: calc(100% - 32px);
    height: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 8px;
    position: absolute;
    z-index: 1;
    top: -16px;
    left: 16px
}

.uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__message-icon {
    width: 16px;
    -ms-flex: 0 0 16px;
    flex: 0 0 16px;
    height: 20px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__message-text {
    -ms-flex: 1;
    flex: 1;
    font-size: 12px;
    line-height: 20px
}

@media (min-width: 769px) {
    .uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__message-text {
        white-space:nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__message.is-error {
    background: #fff2f2
}

.uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__message.is-error .uno3-group-buy__message-icon {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_groupbuy_message_icon_error.svg)
}

.uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__message.is-error .uno3-group-buy__message-text {
    color: #f64041
}

@media (max-width: 768px) {
    .uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__message {
        position:fixed;
        top: 94px;
        left: 16px;
        width: calc(100% - 32px);
        height: auto
    }
}

.uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__product-handle {
    width: 100%;
    padding: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    gap: 4px;
    margin-top: 12px;
    margin-bottom: -24px
}

@media (max-width: 768px) {
    .uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__product-handle {
        margin-bottom:-4px;
        padding: 4px 10px
    }
}

.uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__product-handle-text {
    font-size: 12px;
    line-height: 20px;
    color: rgba(0,0,0,.7)
}

.uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__product-handle-icon {
    width: 8px;
    height: 8px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_groupbuy_product_more_icon.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease
}

.uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__product-handle-icon.is-up {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__product-config-desc {
    height: 34px;
    font-size: 12px;
    line-height: 34px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #4b5b76;
    width: 100%
}

@media (max-width: 768px) {
    .uno3-group-buy .uno3-group-buy__bd {
        padding:0 12px 16px
    }

    .uno3-group-buy .uno3-group-buy__bd .qc-base-form-item .qc-base-form-value {
        height: auto
    }

    .uno3-group-buy .uno3-group-buy__bd .qc-base-form-item .uno3-group-buy__product-name-text {
        font-size: 16px;
        line-height: 24px
    }

    .uno3-group-buy .uno3-group-buy__bd .qc-base-form-item .uno3-group-buy__product-price {
        font-size: 12px;
        line-height: 20px
    }

    .uno3-group-buy .uno3-group-buy__bd .qc-base-form-item .qc-base-checkbox-wrap {
        padding-left: 24px
    }

    .uno3-group-buy .uno3-group-buy__bd .qc-base-form-item .uno3-group-buy__product-tag {
        margin-left: -24px
    }

    .uno3-group-buy .uno3-group-buy__bd .qc-base-form-item .qc-base-form {
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0;
        gap: 8px
    }

    .uno3-group-buy .uno3-group-buy__bd .qc-base-form-item .qc-base-form-item {
        width: 100%;
        margin-bottom: 0
    }

    .uno3-group-buy .uno3-group-buy__bd .qc-base-form-item .qc-base-form-item:nth-child(n+2) {
        margin-top: 0
    }

    .uno3-group-buy .uno3-group-buy__bd .qc-base-form-item .qc-base-form .qc-base-form-label {
        width: 86px;
        margin-right: 4px
    }

    .uno3-group-buy .uno3-group-buy__bd .qc-base-form-item .qc-base-form .qc-base-form-label-inner {
        font-size: 12px;
        line-height: 20px;
        height: 20px
    }

    .uno3-group-buy .uno3-group-buy__bd .qc-base-form-item .qc-base-form .qc-base-form-label-inner .qc-base-icon {
        width: 14px;
        height: 14px
    }

    .uno3-group-buy .uno3-group-buy__bd .qc-base-form-item .qc-base-form .qc-base-form-value {
        width: calc(100% - 90px)
    }

    .uno3-group-buy .uno3-group-buy__bd .qc-base-form-item .qc-base-form .qc-base-form-value-inner,.uno3-group-buy .uno3-group-buy__bd .qc-base-form-item .qc-base-form .qc-base-form-value .qc-base-input-number.qc-base-input-number-vision-v3 .qc-base-input,.uno3-group-buy .uno3-group-buy__bd .qc-base-form-item .qc-base-form .qc-base-form-value .qc-base-input-number.qc-base-input-number-vision-v3 .qc-base-input-number-unit,.uno3-group-buy .uno3-group-buy__bd .qc-base-form-item .qc-base-form .qc-base-form-value .qc-base-select.qc-base-select-vision-v3 .qc-base-select-btn,.uno3-group-buy .uno3-group-buy__bd .qc-base-form-item .qc-base-form .qc-base-form-value .qc-base-select.qc-base-select-vision-v3 .qc-base-select-btn-text,.uno3-group-buy .uno3-group-buy__bd .qc-base-form-item .qc-base-form .qc-base-form-value .qc-base-select.qc-base-select-vision-v3 .qc-base-select-placeholder {
        font-size: 14px
    }
}

@media (min-width: 769px) {
    .uno3-group-buy-wrap.type-middle.is-multiple.product-1,.uno3-group-buy-wrap.type-middle.is-multiple.product-2,.uno3-group-buy-wrap.type-middle.is-multiple.product-3 {
        min-height:auto
    }

    .uno3-group-buy-wrap.type-middle.is-multiple.product-1.is-show .uno3-group-buy,.uno3-group-buy-wrap.type-middle.is-multiple.product-2.is-show .uno3-group-buy,.uno3-group-buy-wrap.type-middle.is-multiple.product-3.is-show .uno3-group-buy {
        position: relative;
        height: 100%
    }

    .uno3-group-buy-wrap.type-middle.is-multiple.product-1 .uno3-group-buy .uno3-group-buy__bd,.uno3-group-buy-wrap.type-middle.is-multiple.product-2 .uno3-group-buy .uno3-group-buy__bd,.uno3-group-buy-wrap.type-middle.is-multiple.product-3 .uno3-group-buy .uno3-group-buy__bd {
        max-height: none;
        min-height: auto;
        padding-bottom: 16px
    }
}

.uno3-group-buy.is-multiple .uno3-group-buy__hd {
    padding-bottom: 16px
}

.uno3-group-buy.is-multiple .uno3-group-buy__cont {
    padding-top: 16px;
    position: relative;
    z-index: 1
}

.uno3-group-buy.is-multiple .uno3-group-buy__cont:before {
    content: "";
    display: inline-block;
    width: calc(100% - 40px);
    position: absolute;
    left: 20px;
    top: 0;
    background: #e9ecf1;
    height: 1px
}

.uno3-group-buy.is-multiple .uno3-group-buy__cont .qc-base-checkbox {
    top: 2px
}

.uno3-group-buy.is-multiple .qc-base-checkbox-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px;
    -ms-flex-align: center;
    align-items: center
}

.uno3-group-buy.is-multiple .qc-base-checkbox-text .uno3-group-buy__product-name {
    -ms-flex: 0 140px;
    flex: 0 140px;
    width: 140px;
    min-width: 140px
}

@media (max-width: 768px) {
    .uno3-group-buy.is-multiple .qc-base-checkbox-text .uno3-group-buy__product-name {
        -ms-flex:1;
        flex: 1;
        width: 0;
        min-width: auto
    }
}

.uno3-group-buy.is-multiple .qc-base-checkbox-text .uno3-group-buy__product-name-text {
    font-size: 14px;
    line-height: 22px;
    padding: 0
}

.uno3-group-buy.is-multiple .qc-base-checkbox-text .uno3-group-buy__product-name-text:after {
    display: none
}

.uno3-group-buy.is-multiple .qc-base-checkbox-text .uno3-group-buy__product-desc {
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    height: 22px
}

.uno3-group-buy.is-multiple .qc-base-checkbox-text .uno3-group-buy__product-desc-text {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-group-buy.is-multiple .qc-base-checkbox-text .uno3-group-buy__product-tag {
    margin-top: 0;
    margin-left: auto;
    -ms-flex: 0 auto;
    flex: 0 auto
}

.uno3-group-buy.is-multiple .qc-base-checkbox-text .uno3-group-buy__product-tag-item {
    white-space: nowrap
}

.uno3-group-buy.is-multiple .qc-base-checkbox-text .uno3-group-buy__product-price {
    font-size: 12px;
    line-height: 22px;
    white-space: nowrap;
    color: #ff7200;
    min-width: 70px;
    text-align: right;
    margin-left: -8px;
    -ms-flex: 0 auto;
    flex: 0 auto
}

.uno3-group-buy.is-multiple .qc-base-checkbox-text .uno3-group-buy__product-info {
    gap: 20px;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media (max-width: 768px) {
    .uno3-group-buy.is-multiple .qc-base-checkbox-text .uno3-group-buy__product-desc {
        display:none
    }
}

@media (min-width: 769px) {
    .uno3-group-buy.is-multiple.uno3-group-buy-large .uno3-group-buy__cont {
        -ms-flex-align:stretch;
        align-items: stretch
    }

    .uno3-group-buy.is-multiple.uno3-group-buy-large .uno3-group-buy__bd .qc-base-form {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 24px
    }

    .uno3-group-buy.is-multiple.uno3-group-buy-large .uno3-group-buy__ft {
        -ms-flex-pack: center;
        justify-content: center
    }

    .uno3-group-buy.is-multiple.uno3-group-buy-large .qc-base-checkbox-text .uno3-group-buy__product-desc {
        max-width: none
    }
}

@media (min-width: 769px) {
    .uno3-group-buy-wrap {
        height:100%
    }

    .uno3-group-buy-wrap .uno3-group-buy-middle {
        transition: all .3s ease-in-out
    }

    .uno3-group-buy-wrap .uno3-group-buy-middle .uno3-group-buy__product-handle {
        position: absolute;
        bottom: 0;
        left: 0;
        font-size: 0;
        background: #fff;
        margin-bottom: 0;
        margin-top: 0;
        padding: 16px 4px 4px
    }

    .uno3-group-buy-wrap .uno3-group-buy-middle .uno3-group-buy__product-handle.is-m {
        display: none
    }

    .uno3-group-buy-wrap .uno3-group-buy-middle .uno3-group-buy__bd {
        max-height: 270px;
        min-height: 270px;
        transition: all .3s ease-in-out;
        overflow: hidden
    }

    .uno3-group-buy-wrap .uno3-group-buy-middle.is-multiple .uno3-group-buy__bd {
        max-height: 158px;
        min-height: 158px
    }

    .uno3-group-buy-wrap.is-show {
        position: relative
    }

    .uno3-group-buy-wrap.is-show .uno3-group-buy-middle {
        border: 1px solid #0052d9;
        position: absolute;
        width: 100%;
        height: auto;
        z-index: 11
    }

    .uno3-group-buy-wrap.is-show .uno3-group-buy-middle .uno3-group-buy__bd {
        max-height: none;
        padding-bottom: 40px
    }
}

@media (max-width: 768px) {
    .uno3-group-buy-wrap .uno3-group-buy-middle .uno3-group-buy__product-handle.is-pc {
        display:none
    }
}

@-webkit-keyframes GroupBuyTagShineAnima {
    0% {
        left: -20px
    }

    to {
        left: 60px
    }
}

@keyframes GroupBuyTagShineAnima {
    0% {
        left: -20px
    }

    to {
        left: 60px
    }
}

@media (min-width: 769px) {
    .uno3-group-buy-wrap.type-middle {
        min-height:499px
    }

    .uno3-group-buy-wrap.type-middle.is-multiple {
        min-height: 395px
    }
}

.uno-type-ios .uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__product-info .uno3-group-buy__product-name-text,.uno-type-ios .uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__product-tag-item.is-discount,.uno-type-ios .uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__product-tag-item.is-exclusive .uno3-group-buy__product-tag-label,.uno-type-ios .uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__product-tag-item.is-exclusive .uno3-group-buy__product-tag-value,.uno-type-ios .uno3-group-buy__ft .uno3-group-buy__price-current .uno3-group-buy__price-unit,.uno-type-ios .uno3-group-buy__ft .uno3-group-buy__price-desc,.uno-type-ios .uno3-group-buy__ft .uno3-group-buy__price-loading,.uno-type-ios .uno3-group-buy__ft .uno3-group-buy__price-save,.uno-type-ios .uno3-group-buy__title,.uno-type-mac .uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__product-info .uno3-group-buy__product-name-text,.uno-type-mac .uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__product-tag-item.is-discount,.uno-type-mac .uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__product-tag-item.is-exclusive .uno3-group-buy__product-tag-label,.uno-type-mac .uno3-group-buy .uno3-group-buy__bd .uno3-group-buy__product-tag-item.is-exclusive .uno3-group-buy__product-tag-value,.uno-type-mac .uno3-group-buy__ft .uno3-group-buy__price-current .uno3-group-buy__price-unit,.uno-type-mac .uno3-group-buy__ft .uno3-group-buy__price-desc,.uno-type-mac .uno3-group-buy__ft .uno3-group-buy__price-loading,.uno-type-mac .uno3-group-buy__ft .uno3-group-buy__price-save,.uno-type-mac .uno3-group-buy__title {
    font-weight: 500
}

.uno3-time-history__item {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.uno3-time-history__item-hd {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative
}

.uno3-time-history__item-dot {
    position: absolute;
    top: 50px;
    left: 20px;
    width: calc(100% - 20px);
    height: 0;
    border-top: 1px dashed #c3ced5
}

.uno3-time-history__item-dot:before {
    content: "";
    position: absolute;
    left: -20px;
    top: -6px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #f5f7fa;
    border: 1px solid #d8dbdf;
    box-shadow: inset 2px 2px 0 .5px hsla(0,0%,100%,.5)
}

.uno3-time-history__item-current {
    color: #43474d;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700
}

.uno3-time-history__item-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-top: 40px
}

.uno3-time-history__item-title {
    color: #000;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600
}

.uno3-time-history__item-desc {
    margin-bottom: auto;
    color: #666;
    font-size: 14px;
    line-height: 22px;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.uno3-time-history__item-desc p+p {
    margin-top: 22px
}

.uno3-time-history__item-title+.uno3-time-history__item-desc {
    margin-top: 16px
}

.uno3-time-history__item .qc-base-link {
    margin-top: 4px
}

.uno3-time-history__item .uno3-button {
    margin-top: 30px;
    width: auto;
    min-width: 140px
}

.uno3-time-history__item.type-vertical {
    width: 0;
    height: 0;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: start;
    align-items: flex-start;
    opacity: 0;
    transition: opacity .15s linear
}

.uno3-time-history__item.type-vertical .uno3-time-history__item-content {
    display: block;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 0;
    margin-top: 0
}

.uno3-time-history__item.type-vertical .uno3-time-history__item-title {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-time-history__item.type-vertical .uno3-time-history__item-desc {
    margin-bottom: 0;
    display: block
}

.uno3-time-history__item.type-vertical .uno3-time-history__item-desc>p:first-child {
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

@media (max-width: 768px) {
    .uno3-time-history__item.type-vertical .uno3-time-history__item-desc>p:first-child {
        -webkit-line-clamp:4
    }
}

.uno3-time-history__item.type-vertical .uno3-time-history__item-media {
    margin-left: 40px;
    width: 48%
}

.uno3-time-history__item.type-vertical .uno3-time-history__item-media .rc-image {
    cursor: zoom-in
}

.uno3-time-history__item.type-vertical .uno3-time-history__item-media video {
    width: 100%
}

.uno3-time-history__item.type-vertical.is-active {
    width: 100%;
    height: auto;
    opacity: 1;
    transition: opacity .15s linear .15s
}

.uno-type-mac .uno3-time-history__item-tile {
    font-weight: 500
}

@media screen and (max-width: 768px) {
    .uno3-time-history__item {
        -ms-flex-direction:row;
        flex-direction: row
    }

    .uno3-time-history__item+.uno3-time-history__item {
        margin-top: 16px
    }

    .uno3-time-history__item-hd {
        width: 64px
    }

    .uno3-time-history__item-dot {
        top: 17px;
        left: auto;
        right: 4.5px;
        width: 0;
        height: calc(100% + 6px);
        border-top: 0;
        border-left: 1px dashed #c3ced5
    }

    .uno3-time-history__item-dot:before {
        width: 8px;
        height: 8px;
        top: -10px;
        left: auto;
        right: -4.5px
    }

    .uno3-time-history__item-current {
        font-size: 16px;
        line-height: 24px
    }

    .uno3-time-history__item-content {
        width: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin: 0 0 0 12px
    }

    .uno3-time-history__item-title+.uno3-time-history__item-desc {
        margin-top: 4px
    }

    .uno3-time-history__item .uno3-button {
        margin-top: 16px;
        width: 100%
    }

    .uno3-time-history__item:last-child .uno3-time-history__item-dot {
        border: 0
    }

    .uno3-time-history__item.type-vertical {
        margin-top: 0
    }

    .uno3-time-history__item.type-vertical .uno3-time-history__item-content {
        margin-left: 0
    }
}

.uno3-time-history__inner {
    position: relative
}

.uno3-time-history__inner .swiper-slide {
    height: auto
}

.uno3-time-history__inner .swiper-slide:last-child .uno3-time-history__item-dot {
    border: 0
}

.uno3-time-history__next,.uno3-time-history__prev {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    width: 36px;
    height: 36px;
    background: #fff;
    box-shadow: 0 2px 4px 2px rgba(0,0,0,.05);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 2;
    cursor: pointer
}

.uno3-time-history__next:before,.uno3-time-history__prev:before {
    display: block;
    content: "";
    width: 24px;
    height: 24px;
    background-size: cover
}

.uno3-time-history__next.is-disabled,.uno3-time-history__prev.is-disabled {
    cursor: not-allowed
}

.uno3-time-history__prev {
    left: -44px
}

.uno3-time-history__prev:before {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-time-history-swiper-prev.svg)
}

.uno3-time-history__prev:hover:before {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-time-history-swiper-prev-active.svg)
}

.uno3-time-history__prev.is-disabled:before {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-time-history-swiper-prev-disabled.svg)
}

.uno3-time-history__next {
    right: -44px
}

.uno3-time-history__next:before {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-time-history-swiper-next.svg)
}

.uno3-time-history__next:hover:before {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-time-history-swiper-next-active.svg)
}

.uno3-time-history__next.is-disabled:before {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-time-history-swiper-next-disabled.svg)
}

.uno3-time-history.type-vertical .uno3-time-history__inner {
    display: -ms-flexbox;
    display: flex
}

.uno3-time-history.type-vertical .uno3-time-history__label {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: 68px;
    padding-right: 24px
}

.uno3-time-history.type-vertical .uno3-time-history__label .uno3-time-history__item-hd+.uno3-time-history__item-hd {
    margin-top: 40px
}

.uno3-time-history.type-vertical .uno3-time-history__label .uno3-time-history__item-current {
    cursor: pointer;
    position: relative;
    font-size: 16px;
    line-height: 22px
}

.uno3-time-history.type-vertical .uno3-time-history__label .uno3-time-history__item-hd.is-active .uno3-time-history__item-current {
    color: #0052d9
}

.uno3-time-history.type-vertical .uno3-time-history__label .uno3-time-history__item-dot {
    width: 0;
    height: calc(100% + 29px);
    left: auto;
    border-left: 1px dashed #bbcad4;
    top: 17px;
    right: -12.5px
}

.uno3-time-history.type-vertical .uno3-time-history__label .uno3-time-history__item-dot:before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: transparent;
    border: 1px solid #bbcad4;
    position: absolute;
    top: -12px;
    left: -6.5px;
    transition: all .3s ease-in-out;
    z-index: 1
}

.uno3-time-history.type-vertical .uno3-time-history__label .uno3-time-history__item-dot:after {
    opacity: 0;
    border-radius: 50%;
    content: "";
    position: absolute;
    left: 50%;
    top: -18px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 24px;
    height: 24px;
    background: rgba(0,82,217,.078);
    transition: all .3s ease-in-out
}

.uno3-time-history.type-vertical .uno3-time-history__label .uno3-time-history__item-hd.is-active .uno3-time-history__item-dot:before {
    border-color: #0052d9;
    background: #fff
}

.uno3-time-history.type-vertical .uno3-time-history__label .uno3-time-history__item-hd.is-active .uno3-time-history__item-dot:after {
    opacity: 1
}

.uno3-time-history.type-vertical .uno3-time-history__label .uno3-time-history__item-hd:last-child .uno3-time-history__item-dot {
    border: 0
}

.uno3-time-history.type-vertical .uno3-time-history__content {
    width: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 24px;
    position: relative
}

@media screen and (max-width: 768px) {
    .uno3-time-history__media-wrap {
        position:relative
    }

    .uno3-time-history__media-wrap .uno3-time-history__item-media {
        opacity: 0;
        width: 0;
        height: 0;
        overflow: hidden;
        transition: opacity .15s linear
    }

    .uno3-time-history__media-wrap .uno3-time-history__item-media.is-active {
        opacity: 1;
        width: 100%;
        height: auto;
        transition: opacity .15s linear .15s
    }

    .uno3-time-history__media-wrap .uno3-time-history__item-media video {
        width: 100%
    }

    .uno3-time-history__inner {
        margin-top: 20px
    }

    .uno3-time-history__label .uno3-time-history__item-hd {
        width: auto
    }

    .uno3-time-history.type-vertical .uno3-time-history__content {
        margin-left: 16px
    }
}

.uno3-step__item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 200px;
    position: relative
}

.uno3-step__item-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.uno3-step__item-hd {
    position: relative;
    z-index: 1;
    width: 96px;
    background: #fff
}

.uno3-step__item-hd,.uno3-step__item-icon-wrap {
    height: 48px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.uno3-step__item-icon-wrap {
    width: 48px;
    background: #e3ecff;
    border-radius: 50%;
    -ms-flex-align: center;
    align-items: center
}

.uno3-step__item-icon {
    width: 20px
}

.uno3-step__item-current {
    width: 48px;
    height: 48px;
    background: #e3ecff;
    border-radius: 50%;
    -ms-flex-pack: center;
    justify-content: center;
    color: #0052d9;
    font-size: 20px;
    line-height: 28px
}

.uno3-step__item-content,.uno3-step__item-current {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.uno3-step__item-content {
    margin-top: 24px;
    width: 100%;
    -ms-flex-direction: column;
    flex-direction: column
}

.uno3-step__item-title {
    color: #181818;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600
}

.uno3-step__item-desc {
    text-align: center;
    margin-top: 8px;
    color: #4b5b76;
    font-size: 14px;
    line-height: 22px;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

@media (min-width: 769px) {
    .uno3-step__item-desc {
        height:44px
    }
}

.uno3-step__item .qc-base-link {
    margin-top: 8px;
    font-size: 14px;
    line-height: 22px
}

.uno3-step__item.is-finished .uno3-step__item-current {
    font-size: 0;
    line-height: 0;
    background: #0052d9
}

.uno3-step__item.is-finished .uno3-step__item-current:before {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-step-item-current-icon.svg);
    background-size: 18px auto;
    background-position: 50%;
    background-repeat: no-repeat
}

.uno3-step__item.is-finished .qc-base-link,.uno3-step__item.is-finished .uno3-step__item-desc,.uno3-step__item.is-finished .uno3-step__item-title {
    color: #97a3b7
}

.uno3-step__item.is-finished .qc-base-link:after {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-step-link-icon.svg)
}

.uno3-step__item.is-active .uno3-step__item-current {
    background: #0052d9;
    color: #fff
}

.uno3-step__item.is-active .uno3-step__item-title {
    color: #0052d9
}

.bg-gray .uno3-step__item-hd {
    background: #f6f8fb
}

.uno-type-mac .uno3-step__item-title {
    font-weight: 500
}

@media screen and (max-width: 768px) {
    .uno3-step__item {
        width:100%
    }

    .uno3-step__item:before {
        content: "";
        width: 0;
        height: calc(100% - 32px);
        position: absolute;
        left: 16px;
        top: 38px;
        border-left: 1px dashed #97a3b7
    }

    .uno3-step__item:last-child:before {
        content: none;
        display: none
    }

    .uno3-step__item+.uno3-step__item {
        margin-top: 16px
    }

    .uno3-step__item-inner {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .uno3-step__item-hd {
        background: none;
        width: auto;
        height: auto
    }

    .uno3-step__item-icon-wrap {
        width: 32px;
        height: 32px
    }

    .uno3-step__item-icon {
        width: 14px
    }

    .uno3-step__item-current {
        width: 32px;
        height: 32px;
        font-size: 14px;
        line-height: 22px
    }

    .uno3-step__item-content {
        margin: 0 0 0 20px;
        display: block
    }

    .uno3-step__item-desc {
        text-align: left
    }

    .uno3-step__item.is-finished .uno3-step__item-current:before {
        background-size: 12px auto
    }
}

.uno3-step__card {
    width: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    padding: 0;
    margin-right: 28px;
    min-height: 116px
}

.uno3-step__card-inner {
    height: 100%
}

.uno3-step__card:first-child {
    padding-right: 28px
}

.uno3-step__card+.uno3-step__card .uno3-step__card-inner {
    padding-right: 0;
    margin-left: 28px;
    width: calc(100% - 56px)
}

.uno3-step__card+.uno3-step__card .uno3-step__card-desc,.uno3-step__card+.uno3-step__card .uno3-step__card-title {
    width: calc(100% + 28px)
}

.uno3-step__card-img {
    width: 100px;
    height: 58px;
    position: absolute;
    top: 50%;
    right: 24px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-size: auto 100%;
    background-position: 100%;
    background-repeat: no-repeat;
    z-index: 2
}

.uno3-step__card-inner {
    padding: 16px 28px
}

.uno3-step__card:nth-child(odd) .uno3-step__card-inner {
    background: #f7f8fb
}

.uno3-step__card:nth-child(2n) .uno3-step__card-inner {
    background: #e3ecff
}

.uno3-step__card-title {
    width: calc(100% + 28px);
    color: #181818;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600
}

.uno3-step__card-desc,.uno3-step__card-title {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-step__card-desc {
    color: #4b5b76
}

.uno3-step__card-desc,.uno3-step__card .qc-base-link {
    margin-top: 8px;
    font-size: 14px;
    line-height: 22px
}

.uno3-step__card-desc,.uno3-step__card-title,.uno3-step__card .qc-base-link {
    position: relative;
    z-index: 3
}

.uno3-step__card:before {
    content: "";
    position: absolute;
    top: 0;
    left: -28px;
    border-left: 56px solid transparent
}

.uno3-step__card:nth-child(odd):before {
    border-top: 58px solid #f7f8fb;
    border-bottom: 58px solid #f7f8fb;
    border-right: 56px solid #f7f8fb
}

.uno3-step__card:nth-child(2n):before {
    border-top: 58px solid #e3ecff;
    border-bottom: 58px solid #e3ecff;
    border-right: 56px solid #e3ecff
}

.uno3-step__card:first-child:before {
    content: none;
    display: none
}

.uno3-step__card:after {
    content: "";
    position: absolute;
    top: 0;
    right: -84px;
    border-top: 58px solid transparent;
    border-bottom: 58px solid transparent;
    border-right: 56px solid transparent
}

.uno3-step__card:nth-child(odd):after {
    border-left: 56px solid #f7f8fb
}

.uno3-step__card:nth-child(2n):after {
    border-left: 56px solid #e3ecff
}

.uno3-step__card.is-finished {
    pointer-events: none
}

.uno3-step__card.is-finished .qc-base-link,.uno3-step__card.is-finished .uno3-step__card-desc,.uno3-step__card.is-finished .uno3-step__card-title {
    color: #97a3b7
}

.uno3-step__card.is-finished .qc-base-link:after {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-step-link-icon.svg)
}

.uno3-step__card.is-active .uno3-step__card-title {
    color: #0052d9
}

.bg-gray .uno3-step__card:nth-child(odd) .uno3-step__card-inner {
    background: #fff
}

.bg-gray .uno3-step__card:nth-child(odd):before {
    border-top: 58px solid #fff;
    border-bottom: 58px solid #fff;
    border-right: 56px solid #fff
}

.bg-gray .uno3-step__card:nth-child(odd):after {
    border-left: 56px solid #fff
}

.uno-type-mac .uno3-step__card-title {
    font-weight: 500
}

@media screen and (max-width: 768px) {
    .uno3-step__card {
        overflow:hidden;
        width: 100%;
        margin-right: 0;
        height: 116px
    }

    .uno3-step__card,.uno3-step__card:first-child {
        padding-right: 56px
    }

    .uno3-step__card:before {
        content: none;
        display: none
    }

    .uno3-step__card:after {
        right: -56px
    }

    .uno3-step__card+.uno3-step__card {
        margin: 16px 0 0
    }

    .uno3-step__card+.uno3-step__card .uno3-step__card-inner {
        width: 100%;
        margin-left: 0
    }

    .uno3-step__card+.uno3-step__card .uno3-step__card-desc,.uno3-step__card+.uno3-step__card .uno3-step__card-title {
        width: 100%
    }

    .uno3-step__card-img {
        right: 56px
    }

    .uno3-step__card-inner {
        margin-left: 0;
        padding-right: 0
    }
}

.uno3-step__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.uno3-step__inner:before {
    content: "";
    position: absolute;
    left: 100px;
    top: 24px;
    width: calc(100% - 200px);
    height: 0;
    border-top: 1px dashed #97a3b7
}

.uno3-step__ft {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 16px
}

.uno3-step__ft .uno3-button {
    margin-top: 32px;
    padding: 0 15px;
    width: auto;
    min-width: 160px
}

.uno3-step.type-card .uno3-step__inner:before {
    content: none;
    display: none
}

@media screen and (max-width: 768px) {
    .uno3-step__inner {
        display:block
    }

    .uno3-step__inner:before {
        content: none;
        display: none
    }

    .uno3-step__ft {
        gap: 16px
    }

    .uno3-step__ft .uno3-button {
        margin-top: 20px;
        width: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        min-width: auto
    }
}

.uno-page-intl .uno3-scene-intro3__advan-text {
    white-space: normal
}

.uno-page-intl .uno3-scene-intro3__advan-item {
    display: block
}

.uno-page-intl .uno3-scene-intro3__advan-item-label {
    color: #000
}

.uno-page-intl .uno3-scene-intro3__advan-item-value {
    white-space: normal;
    color: rgba(0,0,0,.7)
}

.uno-page-intl .uno3-scene-intro3__links-tit {
    font-weight: 700;
    color: #181818
}

@media (min-width: 769px) {
    .uno-page-intl .uno3-scene-intro3__handle .uno3-button {
        width:auto;
        min-width: 200px
    }
}

@media (max-width: 768px) {
    .uno-page-intl .uno3-scene-intro3__advan-item {
        font-size:14px;
        line-height: 22px
    }

    .uno-page-intl .uno3-scene-intro3__links-tit {
        color: #181818
    }

    .uno-page-intl .uno3-scene-intro3__handle {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .uno-page-intl .uno3-scene-intro3__handle .uno3-button {
        width: auto;
        max-width: none;
        -ms-flex: auto;
        flex: auto;
        min-width: 120px
    }
}

.uno-page-intl.uno-type-ios .uno3-scene-intro3__links-tit,.uno-page-intl.uno-type-mac .uno3-scene-intro3__links-tit {
    font-weight: 500
}

.uno3-scene-intro3 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px
}

.uno3-scene-intro3__hd {
    -ms-flex: 1;
    flex: 1;
    width: 0
}

.uno3-scene-intro3__bd {
    -ms-flex: 0 50%;
    flex: 0 50%
}

.uno3-scene-intro3__bd-inner {
    width: 100%
}

.uno3-scene-intro3__bd img {
    width: 100%;
    cursor: zoom-in
}

.uno3-scene-intro3__bd video {
    width: 100%
}

.uno3-scene-intro3__advan+.uno3-scene-intro3__links {
    margin-top: 32px
}

.uno3-scene-intro3__advan-tit {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px
}

.uno3-scene-intro3__advan-icon {
    -ms-flex: 0 40px;
    flex: 0 40px;
    height: 40px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.uno3-scene-intro3__advan-text {
    -ms-flex: 1;
    flex: 1;
    font-size: 20px;
    line-height: 28px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 0;
    font-weight: 700;
    color: #181818
}

.uno3-scene-intro3__advan-cont {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.uno3-scene-intro3__advan-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 8px;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 22px;
    color: #181818
}

.uno3-scene-intro3__advan-item-label {
    font-weight: 700;
    -ms-flex: 0 auto;
    flex: 0 auto
}

.uno3-scene-intro3__advan-item-value {
    -ms-flex: 1;
    flex: 1;
    width: 0;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width: 768px) {
    .uno3-scene-intro3__advan-item {
        display:block
    }

    .uno3-scene-intro3__advan-item-value {
        white-space: normal;
        word-break: break-word
    }
}

.uno3-scene-intro3__links {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.uno3-scene-intro3__links-tit {
    font-size: 14px;
    line-height: 22px;
    color: #181818;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-flex: 1;
    flex: 1
}

.uno3-scene-intro3__links-cont {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.uno3-scene-intro3__links-item {
    border-radius: 2px;
    background: #f1f2f5;
    padding: 1px 8px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 4px;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    transition: background-color .3s ease-in-out
}

.uno3-scene-intro3__links-item:hover {
    background: #dddfe7
}

.uno3-scene-intro3__links-icon {
    width: 14px;
    height: 14px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.uno3-scene-intro3__links-text {
    font-size: 12px;
    line-height: 20px;
    color: #5f7292;
    white-space: nowrap
}

.uno3-scene-intro3__handle {
    margin-top: 48px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.uno3-scene-intro3__handle .uno3-button {
    width: 200px
}

@media (min-width: 769px) {
    .uno3-scene-intro3 {
        border:1px solid #eaedf1;
        background: #fff;
        box-shadow: 0 2px 12px 0 rgba(55,99,170,.06);
        padding: 20px
    }
}

@media (max-width: 768px) {
    .uno3-scene-intro3 {
        -ms-flex-direction:column;
        flex-direction: column;
        gap: 24px
    }

    .uno3-scene-intro3__hd {
        width: 100%;
        -ms-flex-order: 2;
        order: 2
    }

    .uno3-scene-intro3__bd {
        width: 100%;
        -ms-flex-order: 1;
        order: 1
    }

    .uno3-scene-intro3__advan+.uno3-scene-intro3__links {
        margin-top: 16px
    }

    .uno3-scene-intro3__advan-tit {
        margin-bottom: 16px
    }

    .uno3-scene-intro3__advan-icon {
        -ms-flex: 0 32px;
        flex: 0 32px;
        height: 32px
    }

    .uno3-scene-intro3__advan-text {
        font-size: 16px;
        line-height: 24px
    }

    .uno3-scene-intro3__advan-item {
        gap: 4px;
        font-size: 12px;
        line-height: 20px
    }

    .uno3-scene-intro3__links {
        gap: 8px
    }

    .uno3-scene-intro3__handle {
        margin-top: 24px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        gap: 16px
    }

    .uno3-scene-intro3__handle .uno3-button {
        width: auto;
        -ms-flex: 1;
        flex: 1
    }
}

.frame-root .uno3-scene-intro3__advan-item>span:not([class]) .uno3-scene-intro3__advan-item-label {
    white-space: nowrap
}

.frame-root .uno3-scene-intro3__advan-item>span:not([class])+span:not([class]) {
    -ms-flex: 1;
    flex: 1;
    width: 0
}

.frame-root .uno3-scene-intro3__advan-item>span:not([class])+span:not([class]) .uno3-scene-intro3__advan-item-value {
    width: 100%;
    display: block
}

.uno-type-ios .uno3-scene-intro3__advan-item-label,.uno-type-ios .uno3-scene-intro3__advan-text,.uno-type-mac .uno3-scene-intro3__advan-item-label,.uno-type-mac .uno3-scene-intro3__advan-text {
    font-weight: 500
}

.uno3-compare-intro__card {
    position: relative;
    width: 0;
    -ms-flex: 1;
    flex: 1
}

.uno3-compare-intro__card+.uno3-compare-intro__card {
    border-left: 1px solid #eaedf1
}

.uno3-compare-intro__card-tag {
    z-index: 3;
    position: absolute;
    left: -1px;
    top: -1px;
    padding: 0 1px 0 6px;
    background: linear-gradient(90deg,#006fff,#0065e0 45.53%,#0052d9);
    font-size: 12px;
    line-height: 28px;
    color: #fff
}

.uno3-compare-intro__card-tag:after {
    content: "";
    position: absolute;
    right: -11px;
    top: 0;
    height: 0;
    width: 0;
    border-color: #0052d9 transparent #0052d9 #0052d9;
    border-style: solid;
    border-width: 14px 6px
}

.uno3-compare-intro__card-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.uno3-compare-intro__card-hd {
    position: relative;
    padding: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px solid #eaedf1
}

.uno3-compare-intro__card-title {
    color: #333;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px
}

.uno3-compare-intro__card-tip {
    color: #333;
    font-size: 14px;
    line-height: 22px
}

.uno3-compare-intro__card-content {
    margin-bottom: auto
}

.uno3-compare-intro__card-info {
    text-align: center;
    padding: 10px;
    color: #666;
    font-size: 14px;
    line-height: 22px
}

@media screen and (min-width: 769px) {
    .uno3-compare-intro__card-info {
        white-space:nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.uno3-compare-intro__card-ft {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
    background: #f7f8fb
}

.uno3-compare-intro__card-ft.is-active {
    background: #f2f7ff
}

.uno3-compare-intro__card-price {
    font-family: DIN Alternate;
    color: #f64041;
    font-size: 32px;
    line-height: 32px;
    font-weight: 700
}

.uno3-compare-intro__card-unit {
    margin-left: 4px;
    font-size: 14px;
    line-height: 22px;
    color: #f64041;
    font-weight: 600
}

.uno3-compare-intro__card.is-active .uno3-compare-intro__card-ft {
    background: #f2f7ff
}

.uno3-compare-intro__card.is-active:after {
    z-index: 2;
    content: "";
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    position: absolute;
    left: -1px;
    top: -1px;
    border: 2px solid #0052d9
}

.num-2 .uno3-compare-intro__card-ft,.num-2 .uno3-compare-intro__card-hd,.num-2 .uno3-compare-intro__card-info {
    width: 0;
    -ms-flex: 1;
    flex: 1
}

.num-2 .uno3-compare-intro__card-ft+.uno3-compare-intro__card-ft,.num-2 .uno3-compare-intro__card-hd+.uno3-compare-intro__card-hd,.num-2 .uno3-compare-intro__card-info+.uno3-compare-intro__card-info {
    border-left: 1px solid #eaedf1
}

@media screen and (max-width: 768px) {
    .uno3-compare-intro__card {
        display:inline-block;
        width: 50%;
        background: #fff;
        border: 1px solid #eaedf1;
        transition: all .3s ease-in-out;
        -webkit-transform: scale(.9);
        transform: scale(.9);
        position: relative;
        top: 0;
        left: 0
    }

    .uno3-compare-intro__card.next {
        position: absolute;
        top: 0;
        left: 50%
    }

    .uno3-compare-intro__card.active {
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%) scale(1);
        transform: translateX(-50%) scale(1);
        z-index: 2
    }

    .uno3-compare-intro__card-hd {
        padding: 12px 9px 9px
    }

    .uno3-compare-intro__card-title {
        font-size: 16px;
        line-height: 24px
    }

    .uno3-compare-intro__card-tip {
        display: none
    }

    .uno3-compare-intro__card-tag {
        font-size: 12px;
        line-height: 16px
    }

    .uno3-compare-intro__card-tag:after {
        right: -8px;
        border-color: #0052d9 transparent #0052d9 #0052d9;
        border-style: solid;
        border-width: 8px 4px
    }

    .uno3-compare-intro__card-info {
        font-size: 12px;
        line-height: 18px;
        text-align: left
    }

    .uno3-compare-intro__card-inner .uno3-compare-intro__card-info {
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno3-compare-intro__card-price {
        font-size: 24px;
        line-height: 32px
    }

    .uno3-compare-intro__card-unit {
        font-size: 12px;
        line-height: 20px
    }

    .uno3-compare-intro__card.is-active:after {
        width: 100%;
        height: 100%;
        border: 1px solid #0052d9
    }
}

@media (min-width: 769px) {
    .uno-page-intl .uno3-compare-intro__list-value {
        white-space:nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media (max-width: 768px) {
    .uno-page-intl .uno3-compare-intro.type-card .uno3-compare-intro__card-title {
        font-size:14px;
        line-height: 22px
    }

    .uno-page-intl .uno3-compare-intro.type-card .uno3-compare-intro__card-hd {
        padding: 10px
    }

    .uno-page-intl .uno3-compare-intro.type-card .uno3-compare-intro__card-tag {
        font-size: 10px
    }
}

.uno3-compare-intro {
    padding: 16px 0;
    overflow: hidden
}

.uno3-compare-intro__inner {
    position: relative;
    padding: 30px 48px;
    background: #eff3f8;
    border: 1px solid #e4e7ef;
    border-right: 0
}

.uno3-compare-intro__card-list {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #eaedf1
}

.uno3-compare-intro__card-list.num-2 {
    display: block
}

.uno3-compare-intro__card-list.active-1:after {
    left: -1px
}

.uno3-compare-intro__card-list.active-1:after,.uno3-compare-intro__card-list.active-2:after {
    z-index: 3;
    content: "";
    width: calc(50% - 2px);
    height: calc(100% - 2px);
    position: absolute;
    top: -1px;
    border: 2px solid #0052d9
}

.uno3-compare-intro__card-list.active-2:after {
    right: -1px
}

.uno3-compare-intro__ft,.uno3-compare-intro__hd,.uno3-compare-intro__info {
    display: -ms-flexbox;
    display: flex
}

.uno3-compare-intro__hd {
    position: relative;
    z-index: 3
}

.uno3-compare-intro__title {
    color: #666;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    width: 0;
    -ms-flex: 2;
    flex: 2
}

.uno3-compare-intro__title:first-child {
    padding-right: 100px
}

.uno3-compare-intro__title:last-child {
    color: #fff;
    padding-left: 100px
}

.uno3-compare-intro__content {
    margin-top: 24px;
    position: relative;
    z-index: 3
}

.uno3-compare-intro__card-list .uno3-compare-intro__content {
    margin-top: 0
}

.uno3-compare-intro__item+.uno3-compare-intro__item {
    margin-top: 16px
}

.uno3-compare-intro__item-left,.uno3-compare-intro__item-right {
    width: 50%
}

.uno3-compare-intro__item {
    width: 100%;
    display: -ms-flexbox;
    display: flex
}

.uno3-compare-intro__item-left {
    padding-right: 100px
}

.uno3-compare-intro__item-right {
    padding-left: 100px
}

.uno3-compare-intro__list-label {
    position: relative;
    color: #666;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-compare-intro__item-right .uno3-compare-intro__list-label {
    color: #fff;
    padding-left: 24px
}

.uno3-compare-intro__item-right .uno3-compare-intro__list-label:before {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-size: cover;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-compare-intro-label-icon.svg)
}

.uno3-compare-intro__list-value {
    margin-top: 4px;
    color: #999;
    font-size: 14px;
    line-height: 22px;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.uno3-compare-intro__item-right .uno3-compare-intro__list-value {
    color: hsla(0,0%,100%,.7)
}

.uno3-compare-intro__bg {
    width: 50%;
    height: calc(100% + 32px);
    position: absolute;
    right: 0;
    top: -16px
}

.uno3-compare-intro__bg:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(225deg,#507cff,#0a50ea 106%);
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

.uno3-compare-intro__border {
    z-index: 1;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 100%;
    height: calc(100% - 16px);
    overflow: hidden
}

.uno3-compare-intro__border:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100% - 2px);
    border: 1px solid #80b0ff;
    border-right: 0;
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

.uno3-compare-intro__border:after {
    content: "";
    position: absolute;
    right: 0;
    top: 1px;
    width: 0;
    height: calc(100% - 2px);
    border-right: 1px solid #80b0ff
}

.uno3-compare-intro__icon {
    z-index: 3;
    width: 110px;
    height: 110px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-size: cover;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3-compare-intro-icon.png)
}

.uno3-compare-intro.type-card {
    padding: 0
}

@media (max-width: 768px) {
    .uno3-compare-intro.type-card {
        overflow:initial
    }
}

@media screen and (min-width: 1600px) {
    .uno3-compare-intro__title:first-child {
        padding-right:123px
    }

    .uno3-compare-intro__title:last-child {
        padding-left: 123px
    }

    .uno3-compare-intro__item-left {
        padding-right: 123px
    }

    .uno3-compare-intro__item-right {
        padding-left: 123px
    }
}

@media screen and (max-width: 768px) {
    .uno3-compare-intro {
        padding:0
    }

    .uno3-compare-intro__inner {
        padding: 16px 12px
    }

    .uno3-compare-intro__card-list {
        display: block;
        position: relative
    }

    .uno3-compare-intro__card-list.num-2.active-1:after,.uno3-compare-intro__card-list.num-2.active-2:after {
        width: 50%;
        height: 100%;
        border: 1px solid #0052d9
    }

    .uno3-compare-intro__card-list:not(.num-2) {
        border: 0
    }

    .uno3-compare-intro__card-list .swiper-wrapper {
        -webkit-transform: none!important;
        transform: none!important
    }

    .uno3-compare-intro__card-list .swiper-slide {
        width: 50%
    }

    .uno3-compare-intro__content {
        margin-top: 12px;
        display: block
    }

    .uno3-compare-intro__title {
        font-size: 16px;
        line-height: 24px
    }

    .uno3-compare-intro__title:first-child {
        padding-right: 12px
    }

    .uno3-compare-intro__title:last-child {
        padding-left: 12px
    }

    .uno3-compare-intro__item+.uno3-compare-intro__item {
        margin-top: 12px
    }

    .uno3-compare-intro__item-left {
        padding-right: 12px
    }

    .uno3-compare-intro__item-right {
        padding-left: 12px
    }

    .uno3-compare-intro__list-label,.uno3-compare-intro__list-value {
        font-size: 12px;
        line-height: 18px
    }

    .uno3-compare-intro__list-value {
        -webkit-line-clamp: 3
    }

    .uno3-compare-intro__item-right .uno3-compare-intro__list-label {
        padding-left: 20px
    }

    .uno3-compare-intro__bg {
        background: linear-gradient(225deg,#507cff,#0a50ea);
        width: 50%;
        height: calc(100% + 2px);
        position: absolute;
        top: -1px;
        right: 0
    }

    .uno3-compare-intro__bg:after {
        content: none;
        display: none
    }

    .uno3-compare-intro__border,.uno3-compare-intro__icon {
        display: none
    }
}

.uno-page-intl .uno3-compare-rule__td-desc {
    color: #4b5b76
}

.uno3-compare-rule__table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed
}

.uno3-compare-rule__table th {
    min-height: 72px;
    border: 1px solid #e6e9ef;
    padding: 24px;
    color: rgba(0,0,0,.9);
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    background: #f9f9fb
}

.uno3-compare-rule__table th:first-child {
    width: 180px
}

.uno3-compare-rule__table td {
    border: 1px solid #e6e9ef;
    text-align: center;
    color: rgba(0,0,0,.9);
    font-weight: 500;
    font-size: 16px;
    line-height: 24px
}

.uno3-compare-rule__table td.bg-gray {
    padding: 24px;
    background: #fcfcfd;
    text-align: center
}

.uno3-compare-rule__table td .uno3-compare-rule__td-icon {
    display: block;
    width: 24px;
    height: 24px;
    margin: 0 auto 8px
}

.uno3-compare-rule__td-content {
    padding: 24px
}

.uno3-compare-rule__td-content.type-special {
    padding: 0
}

.uno3-compare-rule__td-desc {
    color: rgba(0,0,0,.7);
    font-weight: 400
}

.uno3-compare-rule .qc-base-text--highlight {
    color: #0052d9
}

.uno3-compare-rule__td-content.type-special .uno3-compare-rule__td-title {
    padding: 36px 24px
}

.uno3-compare-rule__td-link-wrap {
    background: linear-gradient(64deg,#507cff 17.14%,#0a50ea 83.41%);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    padding: 9px 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.uno3-compare-rule__td-link-text {
    color: #fff;
    font-weight: 600;
    text-align: left;
    font-size: 14px;
    line-height: 22px
}

.uno3-compare-rule__td-link {
    margin-left: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    white-space: nowrap;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px
}

@media screen and (min-width: 769px) {
    .uno3-compare-rule__td-link-wrap {
        cursor:pointer
    }

    .uno3-compare-rule__td-link-wrap:hover .uno3-compare-rule__td-link {
        text-decoration: underline
    }
}

@media screen and (max-width: 768px) {
    .uno3-compare-rule {
        overflow-x:auto;
        margin-right: -16px;
        border-left: 1px solid #e6e9ef
    }

    .uno3-compare-rule__table {
        width: 736px;
        table-layout: auto;
        border-collapse: separate;
        border-top: 1px solid #e6e9ef
    }

    .uno3-compare-rule__table td,.uno3-compare-rule__table th {
        border: 0;
        border-bottom: 1px solid #e6e9ef;
        border-right: 1px solid #e6e9ef
    }

    .uno3-compare-rule__table tr td.td-level,.uno3-compare-rule__table tr th:first-child {
        position: -webkit-sticky;
        position: sticky;
        z-index: 2;
        left: -1px
    }

    .uno3-compare-rule__table tr td.td-type {
        position: -webkit-sticky;
        position: sticky;
        z-index: 2;
        left: 68px
    }

    .uno3-compare-rule__table tr td[colspan="1"].td-level {
        width: 52px
    }

    .uno3-compare-rule__table th {
        padding: 8px;
        font-size: 12px;
        line-height: 24px
    }

    .uno3-compare-rule__table th:first-child {
        width: 120px
    }

    .uno3-compare-rule__table td {
        font-size: 12px;
        line-height: 20px
    }

    .uno3-compare-rule__table td.bg-gray,.uno3-compare-rule__td-content,.uno3-compare-rule__td-content.type-special .uno3-compare-rule__td-title {
        padding: 8px
    }

    .uno3-compare-rule__td-link,.uno3-compare-rule__td-link-text {
        font-size: 12px;
        line-height: 20px
    }

    .uno3-compare-rule__td-link-wrap {
        padding: 8px
    }
}

@media (max-width: 768px) {
    .uno-page-intl .uno3-scene-intro4__item-desc {
        -webkit-line-clamp:3
    }
}

.uno3-scene-intro4__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.uno3-scene-intro4__tit {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: #181818;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-scene-intro4__desc {
    margin-top: 8px;
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76
}

.uno3-scene-intro4__item {
    border: 1px solid #eaedf1;
    background: #fff;
    box-shadow: 0 2px 12px 0 rgba(55,99,170,.06);
    padding: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.uno3-scene-intro4__item-tit {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.uno3-scene-intro4__item-tit-icon {
    width: 40px;
    height: 40px;
    display: inline-block;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.uno3-scene-intro4__item-tit-text {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: #181818;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-scene-intro4__item-desc {
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.uno3-scene-intro4__item-handle {
    margin-top: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 24px;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 22px
}

@media (min-width: 769px) {
    .uno3-scene-intro4 {
        border:1px solid #eaedf1;
        background: #fff;
        box-shadow: 0 2px 12px 0 rgba(55,99,170,.06)
    }

    .uno3-scene-intro4__inner {
        gap: 20px;
        padding: 20px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_scene_intro4_bg.png);
        background-size: 994px 202px;
        background-position: right -1px;
        background-repeat: no-repeat
    }

    .uno3-scene-intro4__hd {
        padding-right: 430px
    }
}

@media (min-width: 769px) and (max-width:1539px) {
    .uno3-scene-intro4__inner {
        background-size:795px 162px;
        background-position: calc(100% + 27xpx) -1px
    }

    .uno3-scene-intro4__hd {
        padding-right: 340px
    }
}

@media (min-width: 769px) {
    .uno3-scene-intro4__list {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 20px
    }
}

@media (min-width: 769px) {
    .uno3-scene-intro4__item.is-normal {
        -ms-flex:0 0 calc(25% - 15px);
        flex: 0 0 calc(25% - 15px)
    }

    .uno3-scene-intro4__item.is-middle {
        -ms-flex: 0 0 calc(50% - 10px);
        flex: 0 0 calc(50% - 10px)
    }
}

@media (max-width: 768px) {
    .uno3-scene-intro4__inner {
        gap:16px
    }

    .uno3-scene-intro4__tit {
        font-size: 20px;
        line-height: 28px
    }

    .uno3-scene-intro4__list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px
    }

    .uno3-scene-intro4__item {
        padding: 12px;
        gap: 12px
    }

    .uno3-scene-intro4__item-tit-icon {
        width: 32px;
        height: 32px
    }

    .uno3-scene-intro4__item-tit-text {
        font-size: 16px;
        line-height: 24px
    }

    .uno3-scene-intro4__item-desc {
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }
}

.uno-type-ios .uno3-scene-intro4__item-tit-text,.uno-type-ios .uno3-scene-intro4__tit,.uno-type-mac .uno3-scene-intro4__item-tit-text,.uno-type-mac .uno3-scene-intro4__tit {
    font-weight: 500
}

.uno-page-intl .uno3-guide-nav__head {
    width: 220px
}

@media (min-width: 769px) {
    .uno3-guide-nav {
        padding:0 60px;
        background: #fff;
        border-top: 1px solid #e3e6eb;
        border-bottom: 1px solid #e3e6eb
    }

    .uno3-guide-nav__inner {
        width: 100%;
        margin: 0 auto;
        font-size: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .uno3-guide-nav__head {
        width: 170px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        position: relative;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_guide_nav_head_bg.png);
        background-size: 100% auto;
        background-position: 100% 100%;
        background-repeat: no-repeat;
        padding: 16px 16px 16px 0
    }

    .uno3-guide-nav__head:after {
        content: "";
        display: inline-block;
        width: 1px;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        background: #e3e6eb
    }

    .uno3-guide-nav__head-tit {
        font-size: 18px;
        line-height: 26px;
        font-weight: 500;
        color: #181818;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-guide-nav__head-tit-text {
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno3-guide-nav__head-tit-tag {
        background: #fff;
        border: 1px solid #f64041;
        color: #f64041;
        padding: 0 4px;
        font-size: 12px;
        line-height: 16px;
        font-weight: 500;
        display: inline-block;
        margin-left: 6px
    }

    .uno3-guide-nav__head-desc {
        margin-top: 6px;
        font-size: 14px;
        line-height: 22px;
        color: #4b5b76;
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .uno3-guide-nav__body {
        -ms-flex-positive: 1;
        flex-grow: 1;
        font-size: 0;
        overflow: hidden
    }

    .uno3-guide-nav__body-3 .uno3-guide-nav__body-item {
        width: 33.33%
    }

    .uno3-guide-nav__body-2 .uno3-guide-nav__body-item {
        width: 50%
    }

    .uno3-guide-nav__body-item {
        font-size: 0;
        padding: 10px 20px;
        display: inline-block;
        vertical-align: top;
        text-decoration: none
    }

    .uno3-guide-nav__body-item.has-tag .uno3-guide-nav__body-item-tit {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        gap: 9px
    }

    .uno3-guide-nav__body-item-tit {
        font-size: 14px;
        line-height: 22px;
        color: #4b5b76;
        display: block;
        word-break: keep-all
    }

    .uno3-guide-nav__body-item-tit,.uno3-guide-nav__body-item-tit-text {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno3-guide-nav__body-item-tit-tag {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .uno3-guide-nav__body-item-tit-tag.is-vip {
        border-radius: 2px;
        border: 1px solid #d37f00;
        background: #fff;
        padding: 0 3px 0 17px;
        font-size: 12px;
        line-height: 16px;
        color: #d37f00;
        position: relative
    }

    .uno3-guide-nav__body-item-tit-tag.is-vip:before {
        content: "";
        display: inline-block;
        width: 14px;
        height: 15px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50%;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_guide_nav_tit_tag_vip.svg);
        position: absolute;
        left: 3px;
        top: calc(50% - 7px)
    }

    .uno3-guide-nav__body-item-subtit {
        font-size: 14px;
        line-height: 22px;
        font-weight: 500;
        color: #181818;
        margin-top: 2px;
        display: block;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno3-guide-nav__body-item:hover {
        background: #fafafa;
        cursor: pointer
    }

    .uno3-guide-nav__body-item:hover .uno3-guide-nav__body-item-subtit,.uno3-guide-nav__body-item:hover .uno3-guide-nav__body-item-tit {
        color: #0052d9
    }
}

@media (max-width: 768px) {
    .uno3-guide-nav {
        background:#fff;
        padding: 0
    }

    .uno3-guide-nav .qc-base-module {
        padding: 0
    }

    .uno3-guide-nav__head {
        background: transparent;
        padding: 8px 16px
    }

    .uno3-guide-nav__head-tit {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        color: #181818;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-guide-nav__head-tit-text {
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno3-guide-nav__head-tit-tag {
        background: #fff;
        border: 1px solid #f64041;
        color: #f64041;
        padding: 0 4px;
        font-size: 12px;
        line-height: 16px;
        font-weight: 500;
        display: inline-block;
        margin-left: 6px
    }

    .uno3-guide-nav__head-desc {
        display: none
    }

    .uno3-guide-nav__body {
        border-top: 1px solid #d9d9d9;
        border-bottom: 1px solid #d9d9d9;
        background: transparent;
        padding: 8px 16px;
        font-size: 0
    }

    .uno3-guide-nav__body-item {
        width: calc(50% - 5px);
        font-size: 0;
        padding: 0;
        display: inline-block;
        vertical-align: top;
        text-decoration: none
    }

    .uno3-guide-nav__body-item:nth-child(2n) {
        margin-left: 10px
    }

    .uno3-guide-nav__body-item:nth-child(n+3) {
        margin-top: 10px
    }

    .uno3-guide-nav__body-item.has-tag .uno3-guide-nav__body-item-tit {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        gap: 9px
    }

    .uno3-guide-nav__body-item-tit {
        font-size: 12px;
        line-height: 20px;
        color: #4b5b76;
        display: block;
        word-break: keep-all
    }

    .uno3-guide-nav__body-item-tit,.uno3-guide-nav__body-item-tit-text {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno3-guide-nav__body-item-tit-tag {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .uno3-guide-nav__body-item-tit-tag.is-vip {
        border-radius: 2px;
        border: 1px solid #d37f00;
        background: #fff;
        padding: 0 3px 0 17px;
        font-size: 12px;
        line-height: 16px;
        color: #d37f00;
        position: relative
    }

    .uno3-guide-nav__body-item-tit-tag.is-vip:before {
        content: "";
        display: inline-block;
        width: 14px;
        height: 15px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50%;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_guide_nav_tit_tag_vip.svg);
        position: absolute;
        left: 3px;
        top: calc(50% - 7px)
    }

    .uno3-guide-nav__body-item-subtit {
        font-size: 12px;
        line-height: 20px;
        font-weight: 500;
        color: #181818;
        display: block;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media screen and (min-width: 1320px) and (max-width:1539px) {
    .uno3-guide-nav {
        padding-left:9%;
        padding-right: 9%
    }
}

@media screen and (min-width: 1540px) {
    .uno3-guide-nav {
        padding-left:60px;
        padding-right: 60px
    }
}

.uno3-guide-nav.is-version2 {
    border: 1px solid #dce1ec;
    background: #fff
}

.uno3-guide-nav.is-version2 .uno3-guide-nav__list {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 769px) {
    .uno3-guide-nav.is-version2 .uno3-guide-nav__list.uno3-guide-nav__list-2 .uno3-guide-nav__item {
        -ms-flex:0 50%;
        flex: 0 50%
    }

    .uno3-guide-nav.is-version2 .uno3-guide-nav__list.uno3-guide-nav__list-2 .uno3-guide-nav__item:nth-child(2n) {
        border-right: 1px solid #dce1ec
    }

    .uno3-guide-nav.is-version2 .uno3-guide-nav__list.uno3-guide-nav__list-2 .uno3-guide-nav__item:nth-child(n+3) {
        border-top: 1px solid #dce1ec
    }

    .uno3-guide-nav.is-version2 .uno3-guide-nav__list.uno3-guide-nav__list-3 .uno3-guide-nav__item {
        -ms-flex: 0 calc(33.33333% - 0.33333px);
        flex: 0 calc(33.33333% - 0.33333px)
    }

    .uno3-guide-nav.is-version2 .uno3-guide-nav__list.uno3-guide-nav__list-3 .uno3-guide-nav__item:nth-child(3n) {
        border-right: 1px solid #dce1ec
    }

    .uno3-guide-nav.is-version2 .uno3-guide-nav__list.uno3-guide-nav__list-3 .uno3-guide-nav__item:nth-child(n+4) {
        border-top: 1px solid #dce1ec
    }

    .uno3-guide-nav.is-version2 .uno3-guide-nav__list.uno3-guide-nav__list-4 .uno3-guide-nav__item {
        -ms-flex: 0 25%;
        flex: 0 25%
    }

    .uno3-guide-nav.is-version2 .uno3-guide-nav__list.uno3-guide-nav__list-4 .uno3-guide-nav__item:nth-child(4n) {
        border-right: 1px solid #dce1ec
    }

    .uno3-guide-nav.is-version2 .uno3-guide-nav__list.uno3-guide-nav__list-4 .uno3-guide-nav__item:nth-child(n+5) {
        border-top: 1px solid #dce1ec
    }
}

.uno3-guide-nav.is-version2 .uno3-guide-nav__item {
    width: 0;
    padding: 16px 56px 16px 16px;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    -ms-flex-pack: center;
    justify-content: center;
    border-left: 1px solid #dce1ec;
    position: relative
}

@media (max-width: 768px) {
    .uno3-guide-nav.is-version2 .uno3-guide-nav__item {
        -ms-flex:0 50%;
        flex: 0 50%;
        padding: 12px 16px 12px 12px;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .uno3-guide-nav.is-version2 .uno3-guide-nav__item:after {
        display: none
    }

    .uno3-guide-nav.is-version2 .uno3-guide-nav__item:nth-child(2n-1) {
        border-left: 0
    }

    .uno3-guide-nav.is-version2 .uno3-guide-nav__item:nth-child(n+3) {
        border-top: 1px solid #dce1ec
    }
}

.uno3-guide-nav.is-version2 .uno3-guide-nav__item-tag {
    display: inline-block;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.uno3-guide-nav.is-version2 .uno3-guide-nav__item-tag.is-hot {
    width: 32px;
    height: 16px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_guide_nav_icon_hot.svg)
}

.uno3-guide-nav.is-version2 .uno3-guide-nav__item-tag.is-new {
    width: 33px;
    height: 16px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_guide_nav_icon_new.svg)
}

.uno3-guide-nav.is-version2 .uno3-guide-nav__item-tit {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 8px;
    -ms-flex-align: center;
    align-items: center
}

.uno3-guide-nav.is-version2 .uno3-guide-nav__item-tit-text {
    color: rgba(0,0,0,.6);
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .3s ease-in-out
}

.uno3-guide-nav.is-version2 .uno3-guide-nav__item-subtit {
    color: #000;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    transition: color .3s ease-in-out
}

@media (min-width: 769px) {
    .uno3-guide-nav.is-version2 .uno3-guide-nav__item-subtit {
        white-space:nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media (max-width: 768px) {
    .uno3-guide-nav.is-version2 .uno3-guide-nav__item-subtit {
        font-size:14px;
        line-height: 22px;
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }
}

.uno3-guide-nav.is-version2 .uno3-guide-nav__item.is-disabled {
    cursor: not-allowed
}

.uno3-guide-nav.is-version2 .uno3-guide-nav__item.is-disabled .uno3-guide-nav__item-tit-text {
    color: rgba(0,0,0,.4)
}

.uno3-guide-nav.is-version2 .uno3-guide-nav__item.is-disabled .uno3-guide-nav__item-subtit {
    color: rgba(0,0,0,.3)
}

.uno3-guide-nav.is-version2 .uno3-guide-nav__item:after {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    right: 16px;
    top: calc(50% - 8px);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_guide_nav_icon_arrow.svg);
    opacity: 0;
    transition: opacity .3s ease-in-out
}

.uno3-guide-nav.is-version2 .uno3-guide-nav__item:not(.is-disabled):hover {
    background: #f7f8fb
}

.uno3-guide-nav.is-version2 .uno3-guide-nav__item:not(.is-disabled):hover:after {
    opacity: 1
}

.uno3-guide-nav.is-version2 .uno3-guide-nav__item:not(.is-disabled):hover .uno3-guide-nav__item-subtit,.uno3-guide-nav.is-version2 .uno3-guide-nav__item:not(.is-disabled):hover .uno3-guide-nav__item-tit-text {
    color: #0052d9
}

.uno3-scene-card2__search .uno3-search-vertical-wrap .qc-base-input {
    border: 1px solid #cbd1dc;
    background: #fff;
    padding: 7px 7px 7px 36px
}

.uno3-scene-card2__search .uno3-search-vertical-wrap .qc-base-input:focus,.uno3-scene-card2__search .uno3-search-vertical-wrap .qc-base-input:focus:hover,.uno3-scene-card2__search .uno3-search-vertical-wrap .qc-base-input:hover {
    border: 1px solid #cbd1dc;
    background: #fff
}

.uno3-scene-card2__search .uno3-search-vertical-wrap .qc-base-input:focus,.uno3-scene-card2__search .uno3-search-vertical-wrap .qc-base-input:focus:hover {
    border-color: #0052d9
}

.uno3-scene-card2__search .uno3-search-vertical-wrap .uno3-search-vertical-info {
    padding-bottom: 24px
}

.uno3-scene-card2__search .uno3-search-vertical-wrap .uno3-search-vertical-input-icon__search {
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    top: 10px;
    left: 12px;
    background-image: url(/web/jinglisafe/assets/images/activity/icon-scene-card2-search.svg)
}

.uno3-scene-card2__search .uno3-search-vertical-wrap .uno3-search-vertical-input-icon__close {
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    right: 16px;
    top: 10px;
    background-image: url(/web/jinglisafe/assets/images/activity/icon-scene-card2-close.svg)
}

.uno3-scene-card2__search .uno3-search-vertical-wrap .uno3-search-result {
    display: none;
    position: absolute;
    z-index: 3;
    width: 100%;
    top: 37px;
    border: 1px solid #eaedf1;
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(55,99,170,.12)
}

.uno3-scene-card2__search .uno3-search-vertical-wrap .uno3-search-result__recommend {
    padding: 30px 20px 28px
}

.uno3-scene-card2__search .uno3-search-vertical-wrap .uno3-search-result__recommend-title {
    color: #97a3b7;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-right: 12px
}

.uno3-scene-card2__search .uno3-search-vertical-wrap .uno3-search-result__recommend-text {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.uno3-scene-card2__search .uno3-search-vertical-wrap .uno3-search-result__recommend .uno3-search-result__recommend-text+.uno3-search-result__recommend-text {
    margin-left: 24px
}

.uno3-scene-card2__search .uno3-search-vertical-wrap .uno3-search-result__tag-new {
    margin-left: 8px;
    border-radius: 2px;
    padding: 0 4px;
    border: 1px solid #f64041;
    color: #f64041;
    font-size: 10px;
    font-weight: 600;
    line-height: 18px
}

.uno3-scene-card2__search .uno3-search-vertical-wrap .uno3-search-result__list {
    padding: 12px
}

.uno3-scene-card2__search .uno3-search-vertical-wrap .uno3-search-result__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 8px;
    position: relative
}

.uno3-scene-card2__search .uno3-search-vertical-wrap .uno3-search-result__item:first-child {
    padding-top: 8px
}

.uno3-scene-card2__search .uno3-search-vertical-wrap .uno3-search-result__item:after {
    content: "";
    display: block;
    position: absolute;
    width: calc(100% - 16px);
    height: 1px;
    left: 8px;
    bottom: 0;
    background-color: #d6dbe3
}

.uno3-scene-card2__search .uno3-search-vertical-wrap .uno3-search-result__value-text {
    color: #181818;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    cursor: pointer
}

.uno3-scene-card2__search .uno3-search-vertical-wrap .uno3-search-result__value-text:hover {
    font-weight: 500;
    color: #0052d9
}

.uno3-scene-card2__search .uno3-search-vertical-wrap .uno3-search-result__text-pitch {
    font-weight: 500
}

.uno3-scene-card2__search .uno3-search-vertical-wrap .uno3-search-result__text-scene {
    margin-left: 4px
}

.uno3-scene-card2__search .uno3-search-vertical-wrap .uno3-search-result .uno3-search-result__value-text+.uno3-search-result__value-text {
    margin-top: 12px
}

.uno3-scene-card2__search .uno3-search-vertical-wrap .uno3-search-result__course {
    display: -ms-flexbox;
    display: flex
}

.uno3-scene-card2__search .uno3-search-vertical-wrap .uno3-search-result__course-title {
    height: 26px;
    color: #97a3b7;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px
}

.uno3-scene-card2__search .uno3-search-vertical-wrap .uno3-search-result__course-text {
    margin-left: 12px;
    height: 26px;
    border-radius: 2px;
    background: #ecf3ff;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    color: #0052d9;
    transition: background-color .3s ease-in-out,color .3s ease-in-out;
    cursor: pointer
}

.uno3-scene-card2__search .uno3-search-vertical-wrap .uno3-search-result__course-text:hover {
    color: #0052d9;
    background-color: #ddeaff
}

.uno3-scene-card2__search .uno3-search-vertical-wrap .uno3-search-result__service {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 9px;
    padding: 12px 8px;
    cursor: pointer;
    transition: background-color .3s ease-in-out
}

.uno3-scene-card2__search .uno3-search-vertical-wrap .uno3-search-result__service:hover {
    background: #f7f8fb
}

.uno3-scene-card2__search .uno3-search-vertical-wrap .uno3-search-result__service-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(/web/jinglisafe/assets/images/activity/scene-card2-search-service.png);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.uno3-scene-card2__search .uno3-search-vertical-wrap .uno3-search-result__service-title {
    margin: 0 23px 0 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #181818
}

.uno3-scene-card2__search .uno3-search-vertical-wrap .uno3-search-result__service-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #97a3b7;
    transition: color .3s ease-in-out
}

.uno3-scene-card2__search .uno3-search-vertical-wrap .uno3-search-result__service-text:hover {
    color: #0052d9
}

.uno3-scene-card2__search .uno3-search-vertical-wrap .uno3-search-result__service .uno3-search-result__service-text+.uno3-search-result__service-text {
    margin-left: 12px
}

.uno3-scene-card2__search .uno3-search-vertical-wrap .uno3-search-result__service .uno3-search-result__service-text+.uno3-search-result__service-text:before {
    content: "|";
    display: inline-block;
    margin-right: 12px
}

.uno3-scene-card2__search .uno3-search-vertical-wrap .qc-base-input:focus~.uno3-search-result {
    display: block
}

@media screen and (max-width: 768px) {
    .uno3-scene-card2__search .uno3-search-vertical-wrap {
        margin-bottom:0
    }

    .uno3-scene-card2__search .uno3-search-vertical-info {
        padding: 12px 0 16px
    }

    .uno3-search__filter {
        position: relative;
        margin-bottom: 24px;
        margin-left: -16px;
        width: calc(100% + 32px);
        border-top: 1px solid #ebedf1;
        border-bottom: 1px solid #ebedf1;
        background: #fff;
        box-shadow: 0 4px 12px 0 rgba(55,99,170,.05);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 13px 0
    }

    .uno3-search__filter:before {
        content: "";
        width: 1px;
        height: 18px;
        background: #d6dbe3;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .uno3-search__filter-person,.uno3-search__filter-type {
        -ms-flex: 1;
        flex: 1
    }

    .uno3-search__filter-person-title,.uno3-search__filter-type-title {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        color: #000;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .uno3-search__filter-person-title:after,.uno3-search__filter-type-title:after {
        content: "";
        display: inline-block;
        margin-left: 8px;
        width: 16px;
        height: 16px;
        background-image: url(/web/jinglisafe/assets/images/activity/icon-scene-card2-arrow-bottom.svg);
        transition: -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
    }

    .uno3-search__filter-person-content,.uno3-search__filter-type-content {
        display: none;
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        z-index: 2;
        border-top: 1px solid #ebedf1;
        border-bottom: 1px solid #ebedf1;
        background: #fff;
        box-shadow: 0 4px 12px 0 rgba(55,99,170,.05)
    }

    .uno3-search__filter-person.is-open .uno3-search__filter-person-content,.uno3-search__filter-person.is-open .uno3-search__filter-type-content,.uno3-search__filter-type.is-open .uno3-search__filter-person-content,.uno3-search__filter-type.is-open .uno3-search__filter-type-content {
        display: block
    }

    .uno3-search__filter-person.is-open .uno3-search__filter-person-content:after,.uno3-search__filter-person.is-open .uno3-search__filter-type-content:after,.uno3-search__filter-type.is-open .uno3-search__filter-person-content:after,.uno3-search__filter-type.is-open .uno3-search__filter-type-content:after {
        content: "";
        width: 100%;
        height: 100vh;
        display: inline-block;
        background: rgba(0,0,0,.5);
        box-shadow: 0 4px 12px 0 rgba(55,99,170,.05);
        position: absolute;
        left: 0;
        right: 0;
        top: 100%
    }

    .uno3-search__filter-person.is-top .uno3-search__filter-person-content,.uno3-search__filter-person.is-top .uno3-search__filter-type-content,.uno3-search__filter-type.is-top .uno3-search__filter-person-content,.uno3-search__filter-type.is-top .uno3-search__filter-type-content {
        z-index: 3
    }

    .uno3-search__filter-person.is-open .uno3-search__filter-person-title,.uno3-search__filter-person.is-open .uno3-search__filter-type-title,.uno3-search__filter-type.is-open .uno3-search__filter-person-title,.uno3-search__filter-type.is-open .uno3-search__filter-type-title {
        color: #0052d9
    }

    .uno3-search__filter-person.is-open .uno3-search__filter-person-title:after,.uno3-search__filter-person.is-open .uno3-search__filter-type-title:after,.uno3-search__filter-type.is-open .uno3-search__filter-person-title:after,.uno3-search__filter-type.is-open .uno3-search__filter-type-title:after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        background-image: url(/web/jinglisafe/assets/images/activity/icon-scene-card2-arrow-bottom-hover.svg)
    }

    .uno3-search__filter-person-content {
        padding: 20px
    }

    .uno3-search__filter-person-checkbox .uno3-scene-card2__tag {
        display: none
    }

    .uno3-search__filter-person-checkbox .uno3-scene-card2__tag--vip {
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url(/web/jinglisafe/assets/images/activity/scenecard_filter_icon_vip.svg);
        background-size: contain;
        background-repeat: no-repeat;
        vertical-align: -3px;
        margin-left: 4px
    }

    .uno3-search__filter-person .qc-base-checkbox-wrap {
        display: -ms-flexbox;
        display: flex;
        padding-left: 0;
        padding-right: 24px;
        cursor: auto
    }

    .uno3-search__filter-person .qc-base-checkbox-wrap+.qc-base-checkbox-wrap {
        margin-left: 0;
        margin-top: 12px
    }

    .uno3-search__filter-person .qc-base-checkbox {
        left: auto;
        right: 0
    }

    .uno3-search__filter-person .qc-base-checkbox-text {
        color: #4b5b76;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px
    }

    .uno3-search__filter-person .qc-base-checkbox-wrap-disabled .qc-base-checkbox-text {
        color: #97a3b7
    }

    .uno3-search__filter-person .qc-base-checkbox-wrap-checked .qc-base-checkbox-text {
        color: #0052d9
    }

    .uno3-search__filter-person-btn {
        margin-top: 20px;
        display: -ms-flexbox;
        display: flex
    }

    .uno3-search__filter-person-btn .uno3-button {
        -ms-flex: 1;
        flex: 1
    }

    .uno3-search__filter-person-btn .uno3-button+.uno3-button {
        margin-left: 16px
    }

    .uno3-search__filter-type-inner {
        display: -ms-flexbox;
        display: flex
    }

    .uno3-search__filter-type-label {
        padding: 16px 0 10px;
        background: #f4f7fb
    }

    .uno3-search__filter-type-item {
        padding: 4px 20px 4px 23px;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        color: #4b5b76
    }

    .uno3-search__filter-type-item.is-open {
        background-color: #e7eefb;
        color: #0052d9
    }

    .uno3-search__filter-type-item.is-disabled {
        color: #97a3b7
    }

    .uno3-search__filter-type-value {
        -ms-flex: 1;
        flex: 1;
        padding: 20px
    }

    .uno3-search__filter-type .qc-base-checkbox-wrap {
        display: block;
        padding-left: 0;
        padding-right: 24px;
        cursor: auto
    }

    .uno3-search__filter-type .qc-base-checkbox-wrap+.qc-base-checkbox-wrap {
        margin-left: 0;
        margin-top: 12px
    }

    .uno3-search__filter-type .qc-base-checkbox {
        left: auto;
        right: 0
    }

    .uno3-search__filter-type .qc-base-checkbox-text {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        color: #4b5b76
    }

    .uno3-search__filter-type .qc-base-checkbox-wrap-checked .qc-base-checkbox-text {
        color: #0052d9
    }

    .uno3-search__filter-type-btn {
        display: -ms-flexbox;
        display: flex;
        padding: 20px;
        border-top: 1px solid #ebedf1
    }

    .uno3-search__filter-type-btn .uno3-button {
        -ms-flex: 1;
        flex: 1
    }

    .uno3-search__filter-type-btn .uno3-button+.uno3-button {
        margin-left: 16px
    }
}

@media screen and (min-width: 769px) {
    .uno3-scene-card2__search .uno3-search-vertical-input-wrap {
        position:relative;
        width: 100%;
        height: 36px
    }

    .uno3-scene-card2__search .qc-base-input {
        box-shadow: none;
        width: 100%;
        border-radius: 0
    }

    .uno3-scene-card2__search .uno3-search-vertical-info {
        font-size: 12px;
        line-height: 22px;
        color: #181818;
        padding-top: 8px;
        padding-bottom: 0
    }

    .uno3-scene-card2__search .uno3-search-vertical-info-count {
        font-weight: 600;
        margin: 0 4px
    }

    .uno3-search-vertical-wrap {
        display: -ms-flexbox;
        display: flex
    }

    .uno3-search-vertical-wrap .uno3-search-vertical-input-wrap {
        -ms-flex: 1;
        flex: 1
    }

    .uno3-search-vertical-wrap .uno3-button {
        -ms-flex: 0 120px;
        flex: 0 120px
    }
}

@media screen and (max-width: 768px) {
    .uno3-scene-card2__search .uno3-search-vertical-wrap {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .uno3-scene-card2__search .uno3-search-vertical-input-wrap {
        position: relative;
        -ms-flex: 1;
        flex: 1;
        height: 40px
    }

    .uno3-scene-card2__search .uno3-search-vertical-input-icon {
        display: inline-block;
        width: 16px;
        height: 16px;
        position: absolute;
        left: 12px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background-size: cover;
        background-position: 50%;
        background-repeat: no-repeat;
        background-image: url(/web/jinglisafe/assets/images/activity/icon-scene-card2-search.svg)
    }

    .uno3-scene-card2__search .qc-base-input {
        box-shadow: none;
        height: 40px;
        width: 100%;
        display: inline-block;
        font-size: 14px;
        border-radius: 0
    }

    .uno3-scene-card2__search .qc-base-input:focus,.uno3-scene-card2__search .qc-base-input:focus:hover,.uno3-scene-card2__search .qc-base-input:hover {
        box-shadow: none;
        color: #000
    }

    .uno3-scene-card2__search .uno3-search-vertical-btn {
        -ms-flex: 0 80px;
        flex: 0 80px;
        height: 40px
    }
}

@media (max-width: 768px) {
    .uno3-scene__layout-content .uno3-search-vertical-info {
        padding:0 0 12px;
        margin-top: -8px
    }

    .uno3-scene-card2__search {
        padding-bottom: 16px
    }

    .uno3-scene-card2__search .uno3-search-vertical-info {
        padding-bottom: 0
    }
}

.uno3-scene__layout {
    display: -ms-flexbox;
    display: flex
}

.uno3-scene__layout .uno3-act-bar {
    margin-top: 16px
}

.uno3-scene__layout-left {
    width: 148px;
    margin-right: 20px
}

.uno3-scene__layout-content {
    -ms-flex: 1;
    flex: 1
}

@media (max-width: 768px) {
    .uno3-scene__layout-content {
        width:100%
    }

    .uno3-scene__layout-content .uno3-pagination {
        margin-top: 16px
    }
}

.uno3-scene__layout .uno3-scene__filter-title {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.uno3-scene__layout .uno3-scene__filter-btn {
    margin-top: 8px;
    color: #0052d9;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    cursor: pointer
}

@media screen and (min-width: 769px) {
    .uno3-scene__layout .uno3-scene__filter-btn {
        transition:color .3s ease-in-out
    }
}

.uno3-scene__layout .uno3-scene__filter-btn.is-disabled {
    cursor: auto;
    color: #97a3b7
}

.uno3-scene__layout .uno3-scene__condition {
    margin-top: 38px;
    padding-bottom: 16px;
    border-bottom: 1px solid #d6dbe3
}

.uno3-scene__layout .uno3-scene__condition-title {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.uno3-scene__layout .uno3-scene__type {
    margin-top: 16px
}

.uno3-scene__layout .uno3-scene__type-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #000;
    margin-bottom: 10px
}

.uno3-scene__layout .uno3-scene__type-item.is-open .uno3-scene__item-title-icon {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.uno3-scene__layout .uno3-scene__type-item.is-open .uno3-scene__item-checkbox-group {
    display: block;
    padding-left: 24px
}

.uno3-scene__layout .uno3-scene__type-item.is-open .qc-base-checkbox-text {
    font-size: 12px;
    line-height: 20px
}

.uno3-scene__layout .uno3-scene__type-item.is-checked .uno3-scene__item-title {
    border-radius: 2px
}

.uno3-scene__layout .uno3-scene__type-item.is-disabled {
    cursor: not-allowed
}

.uno3-scene__layout .uno3-scene__type-item.is-disabled .uno3-scene__item-title-icon {
    background-image: url(/web/jinglisafe/assets/images/activity/icon-scene-card2-type-arrow-right-disabled.svg);
    cursor: not-allowed
}

.uno3-scene__layout .uno3-scene__type-item.is-disabled .uno3-scene__item-title-text {
    color: #97a3b7;
    cursor: not-allowed
}

.uno3-scene__layout .uno3-scene__type-item.is-disabled .uno3-scene__item-title-text:hover {
    color: #97a3b7
}

.uno3-scene__layout .uno3-scene__type .uno3-scene__item-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px 0
}

.uno3-scene__layout .uno3-scene__type .uno3-scene__item-title-icon {
    width: 16px;
    height: 16px;
    background-image: url(/web/jinglisafe/assets/images/activity/icon-scene-card2-type-arrow-right.svg);
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

@media screen and (min-width: 769px) {
    .uno3-scene__layout .uno3-scene__type .uno3-scene__item-title-icon {
        cursor:pointer
    }
}

.uno3-scene__layout .uno3-scene__type .uno3-scene__item-title-text {
    padding-left: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #000
}

@media screen and (min-width: 769px) {
    .uno3-scene__layout .uno3-scene__type .uno3-scene__item-title-text {
        cursor:pointer;
        width: calc(100% - 24px)
    }
}

.uno3-scene__layout .uno3-scene__type .uno3-scene__item-title-text:hover {
    color: #0052d9
}

.uno3-scene__layout .uno3-scene__type .uno3-scene__item-checkbox-group {
    display: none;
    margin-top: 0
}

.uno3-scene__layout .uno3-scene__type .uno3-scene__item-checkbox-group .qc-base-checkbox-wrap {
    padding: 6px 0 6px 24px;
    display: block
}

.uno3-scene__layout .uno3-scene__type .uno3-scene__item-checkbox-group .qc-base-checkbox-wrap+.qc-base-checkbox-wrap {
    margin-top: 0
}

.uno3-scene__layout .uno3-scene__type .uno3-scene__item-checkbox-group .qc-base-checkbox {
    top: 8px
}

.uno3-scene__layout .uno3-scene__type .uno3-scene__item-checkbox-group .qc-base-checkbox-wrap:hover .qc-base-checkbox-text {
    color: #0052d9
}

.uno3-scene__layout .qc-base-checkbox-groups {
    margin-top: 16px
}

.uno3-scene__layout .qc-base-checkbox-groups .qc-base-checkbox-wrap:not(:first-child) {
    margin-left: 0;
    margin-top: 12px
}

.uno3-scene__layout .qc-base-checkbox-groups .qc-base-checkbox-text {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #4b5b76
}

.uno3-scene__layout .qc-base-checkbox-groups .uno3-scene-card2__tag {
    margin-left: 8px;
    padding: 0 4px;
    font-size: 10px;
    font-weight: 600;
    line-height: 18px
}

.uno3-scene__layout .qc-base-checkbox-groups .uno3-scene-card2__tag--vip {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(/web/jinglisafe/assets/images/activity/scenecard_filter_icon_vip.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.uno3-scene__layout .qc-base-checkbox-groups .qc-base-checkbox-wrap-disabled .qc-base-checkbox-text {
    color: #97a3b7
}

.uno3-scene__layout .qc-base-checkbox-groups .qc-base-checkbox-wrap-checked .qc-base-checkbox-text {
    color: #0052d9
}

.uno3-scene__layout .uno3-scene-card-no-result {
    padding-top: 144px;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    color: #97a3b7;
    text-align: center
}

@media (min-width: 769px) {
    .uno3-scene__layout-content .uno3-scene-card-wrap,.uno3-scene__layout-content .uno3-scene-card-wrap .uno3-pagination {
        margin-top:16px
    }
}

@media (max-width: 768px) {
    .qc-base-module.uno3-scene-card2-wrap .qc-base-show-box,.qc-base-module.uno3-scene-card2-wrap .qc-base-show-mobile {
        width:auto
    }

    .qc-base-module.uno3-scene-card2-wrap .uno3-scene-actbar .uno3-act-bar {
        margin: 0 0 16px;
        width: 100%
    }
}

.uno3-scene__modal {
    background: #fbfcfe;
    border-radius: 0;
    max-width: none
}

.uno3-scene__modal .uno3-dialog-header {
    padding: 40px 0 12px
}

.uno3-scene__modal .uno3-dialog-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    color: #000
}

.uno3-scene__modal .uno3-icon-close {
    right: 16px;
    top: 16px
}

.uno3-scene__modal .uno3-dialog-body {
    padding: 0 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.uno3-scene__modal .uno3-dialog-footer {
    padding-top: 0
}

.uno3-scene__modal .uno3-scene__desc {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #4b5b76
}

.uno3-scene__modal .uno3-scene__inner {
    display: -ms-flexbox;
    display: flex;
    margin-top: 24px
}

.uno3-scene__modal .uno3-scene__step {
    width: 240px;
    background: #fff;
    border: 1px solid #e7e7e7
}

.uno3-scene__modal .uno3-scene__step-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #181818;
    background: #f6f7fc;
    padding: 10px 0 10px 16px
}

.uno3-scene__modal .uno3-scene__step-content {
    padding: 11px 0 16px 42px
}

.uno3-scene__modal .uno3-scene__step-img {
    width: 16px;
    height: 16px
}

.uno3-scene__modal .uno3-scene__step-text {
    margin-left: 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #0052d9
}

.uno3-scene__modal .uno3-scene__step-item-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.uno3-scene__modal .uno3-scene__step .uno3-scene__step-item+.uno3-scene__step-item {
    margin-top: 16px
}

.uno3-scene__modal .uno3-scene__step+.uno3-scene__step {
    margin-left: 24px
}

.uno3-scene__modal .uno3-button {
    margin-top: 36px;
    width: 240px;
    line-height: 36px
}

@media screen and (max-width: 768px) {
    .uno3-scene__modal .uno3-dialog-header {
        padding:24px 16px 8px
    }

    .uno3-scene__modal .uno3-dialog-title {
        text-align: left
    }

    .uno3-scene__modal .uno3-dialog-body {
        padding: 0 16px
    }

    .uno3-scene__modal .uno3-dialog-footer {
        padding-bottom: 34px
    }

    .uno3-scene__modal .uno3-scene__desc {
        text-align: left
    }

    .uno3-scene__modal .uno3-scene__inner {
        display: block;
        width: 100%;
        margin-top: 20px
    }

    .uno3-scene__modal .uno3-scene__step {
        width: 100%
    }

    .uno3-scene__modal .uno3-scene__step+.uno3-scene__step {
        margin-top: 12px;
        margin-left: 0
    }

    .uno3-scene__modal .uno3-button {
        margin-top: 24px
    }
}

.uno3-free__modal {
    background: #fbfcfe;
    border-radius: 0;
    max-width: none
}

.uno3-free__modal .uno3-dialog-header {
    padding: 40px 0 12px
}

.uno3-free__modal .uno3-dialog-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    color: #000
}

.uno3-free__modal .uno3-icon-close {
    right: 16px;
    top: 16px
}

.uno3-free__modal .uno3-dialog-body {
    padding: 0 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.uno3-free__modal .uno3-dialog-footer {
    padding-top: 0
}

.uno3-free__modal .uno3-free__desc {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #4b5b76
}

.uno3-free__modal .uno3-free__inner {
    display: -ms-flexbox;
    display: flex;
    margin-top: 24px
}

.uno3-free__modal .uno3-free__step {
    width: 240px;
    background: #fff;
    border: 1px solid #e7e7e7
}

.uno3-free__modal .uno3-free__step-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #181818;
    background: #f6f7fc;
    padding: 10px 0 10px 16px
}

.uno3-free__modal .uno3-free__step-content {
    padding: 11px 0 16px 42px
}

.uno3-free__modal .uno3-free__step-img {
    width: 16px;
    height: 16px
}

.uno3-free__modal .uno3-free__step-text {
    margin-left: 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #0052d9
}

.uno3-free__modal .uno3-free__step-item-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.uno3-free__modal .uno3-free__step .uno3-free__step-item+.uno3-free__step-item {
    margin-top: 16px
}

.uno3-free__modal .uno3-free__step+.uno3-free__step {
    margin-left: 24px
}

.uno3-free__modal .uno3-button {
    margin-top: 36px;
    width: 240px;
    line-height: 36px
}

@media screen and (max-width: 768px) {
    .uno3-free__modal .uno3-dialog-header {
        padding:24px 16px 8px
    }

    .uno3-free__modal .uno3-dialog-title {
        text-align: left
    }

    .uno3-free__modal .uno3-dialog-body {
        padding: 0 16px
    }

    .uno3-free__modal .uno3-dialog-footer {
        padding-bottom: 34px
    }

    .uno3-free__modal .uno3-free__desc {
        text-align: left
    }

    .uno3-free__modal .uno3-free__inner {
        display: block;
        width: 100%;
        margin-top: 20px
    }

    .uno3-free__modal .uno3-free__step {
        width: 100%
    }

    .uno3-free__modal .uno3-free__step+.uno3-free__step {
        margin-top: 12px;
        margin-left: 0
    }

    .uno3-free__modal .uno3-button {
        margin-top: 24px
    }
}

@media (min-width: 769px) {
    .uno-page-intl .uno3-scene__layout-left {
        width:220px
    }

    .uno-page-intl .uno3-scene-card2__price {
        font-size: 24px;
        line-height: 32px
    }

    .uno-page-intl .uno3-scene-card2__wrap {
        height: 396px
    }

    .uno-page-intl .uno3-scene-card2__wrap--size-l {
        height: 338px
    }
}

.uno3-scene-card2 {
    width: 100%;
    padding: 16px 16px 19px;
    border: 1px solid #eaedf1;
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(55,99,170,.12);
    position: relative;
    overflow: hidden
}

.uno3-scene-card2:after {
    content: "";
    width: 322px;
    height: 204px;
    background-image: url(/web/jinglisafe/assets/images/activity/scene-card2-head-bg-img.png);
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    right: 0
}

.uno3-scene-card2--vip:after {
    background-image: url(/web/jinglisafe/assets/images/activity/scenecard_vip_hd_bg.png)
}

@media screen and (min-width: 769px) {
    .uno3-scene-card2 {
        transition:box-shadow .3s ease-in-out,border .3s ease-in-out
    }
}

.uno3-scene-card2__wrap {
    position: relative;
    height: 409px
}

.uno3-scene-card2:hover {
    border: 1px solid #0052d9;
    box-shadow: 0 4px 12px rgba(55,99,170,.15)
}

.uno3-scene-card2__header {
    position: relative;
    z-index: 1;
    padding-bottom: 12px
}

.uno3-scene-card2__container {
    border-top: 1px solid #d6dbe3;
    position: relative;
    z-index: 1
}

.uno3-scene-card2__msg {
    margin-bottom: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.uno3-scene-card2__type {
    color: #181818;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    padding-right: 11px;
    position: relative;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-scene-card2__tag {
    display: inline-block;
    margin-left: 8px;
    padding: 0 8px;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

.uno3-scene-card2__tag--personage {
    background: transparent;
    border: 1px solid #0052d9;
    color: #0052d9
}

.uno3-scene-card2__tag--company {
    background: transparent;
    color: #dd6e30;
    border: 1px solid #dd6e30
}

.uno3-scene-card2__tag--vip {
    background: linear-gradient(90deg,#fff0cb,#ffe5ac);
    color: #74504d;
    line-height: 20px
}

.uno3-scene-card2__tag--total {
    background: transparent;
    color: #ee4a26;
    border: 1px solid #ee4a26
}

.uno3-scene-card2__tag--remark {
    background: transparent;
    color: #4b5b76;
    border: 1px solid #97a3b7
}

.uno3-scene-card2__tag--hot {
    border: 1px solid #ff7800;
    color: #ff7800
}

.uno3-scene-card2__tag.is-vip {
    background-image: url(/web/jinglisafe/assets/images/activity/scenecard_tag_vip.png);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 74px;
    height: 20px
}

.uno3-scene-card2__tag.is-vip-v1 {
    background-image: url(/web/jinglisafe/assets/images/activity/scenecard_tag_v1.png)
}

.uno3-scene-card2__tag.is-vip-v1,.uno3-scene-card2__tag.is-vip-v2 {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 56px;
    height: 20px
}

.uno3-scene-card2__tag.is-vip-v2 {
    background-image: url(/web/jinglisafe/assets/images/activity/scenecard_tag_v2.png)
}

.uno3-scene-card2__tag.is-vip-v3 {
    background-image: url(/web/jinglisafe/assets/images/activity/scenecard_tag_v3.png);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 56px;
    height: 20px
}

.uno3-scene-card2__type+.uno3-scene-card2__tag {
    position: relative
}

.uno3-scene-card2__type+.uno3-scene-card2__tag:after {
    content: "";
    position: absolute;
    left: -9px;
    top: 3px;
    width: 1px;
    height: 14px;
    background: #97a3b7
}

.uno3-scene-card2__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 769px) {
    .uno3-scene-card2__title {
        cursor:pointer
    }
}

.uno3-scene-card2__title:hover .uno3-scene-card2__title-text {
    color: #0052d9
}

.uno3-scene-card2__title:hover .uno3-scene-card2__icon {
    background-image: url(/web/jinglisafe/assets/images/activity/icon-scene-card2-arrow-right-hover.svg)
}

.uno3-scene-card2__title-text {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 22px;
    width: calc(100% - 24px)
}

@media screen and (min-width: 769px) {
    .uno3-scene-card2__title-text {
        transition:color .3s ease-in-out;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.uno3-scene-card2__icon {
    width: 16px;
    height: 16px;
    background-image: url(/web/jinglisafe/assets/images/activity/icon-scene-card2-arrow-right.svg)
}

.uno3-scene-card2__desc {
    margin-top: 8px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #4b5b76;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

@media screen and (min-width: 769px) {
    .uno3-scene-card2__desc {
        height:40px
    }
}

.uno3-scene-card2__vip-discount {
    height: 20px;
    margin-top: 8px;
    font-size: 0
}

.uno3-scene-card2__vip-discount+.uno3-scene-card2__header-inner {
    margin-top: 0
}

.uno3-scene-card2__vip-discount .tp-text-strong {
    font-weight: 600
}

.uno3-scene-card2__vip-discount-inner {
    border-radius: 2px;
    border: .5px solid #fdc668;
    font-size: 14px;
    line-height: 18px;
    color: #a74e05;
    position: relative;
    background: #fff8eb;
    padding-left: 56px;
    display: inline-block;
    padding-right: 10px
}

.uno3-scene-card2__vip-discount-inner:before {
    width: 52px;
    background-image: url(/web/jinglisafe/assets/images/activity/scenecard_vip_discount_tag_before.png);
    left: 0;
    top: 0
}

.uno3-scene-card2__vip-discount-inner:after,.uno3-scene-card2__vip-discount-inner:before {
    content: "";
    display: inline-block;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute
}

.uno3-scene-card2__vip-discount-inner:after {
    width: 14px;
    background-image: url(/web/jinglisafe/assets/images/activity/scenecard_vip_discount_tag_after.svg);
    right: -10px;
    bottom: -1px
}

.uno3-scene-card2__header-inner {
    display: -ms-flexbox;
    display: flex;
    margin-top: 23px;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.uno3-scene-card2__header-inner .uno3-scene-card2__btn {
    display: none
}

.uno3-scene-card2__price {
    color: #0052d9;
    font-size: 28px;
    font-weight: 600;
    line-height: 40px
}

@media (min-width: 769px) {
    .uno3-scene-card2__price {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 100%
    }

    .uno3-scene-card2__price .uno3-scene-card2__size {
        -ms-flex: 0 auto;
        flex: 0 auto;
        max-width: 60%;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno3-scene-card2__price .uno3-scene-card2__time {
        -ms-flex: 1;
        flex: 1;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.uno3-scene-card2__time {
    margin-left: 16px
}

.uno3-scene-card2__content {
    z-index: 1;
    margin-top: 16px;
    padding-bottom: 23px;
    position: relative
}

.uno3-scene-card2__footer {
    padding-top: 10px
}

.uno3-scene-card2__inner {
    height: 98px;
    overflow: hidden
}

@media (min-width: 769px) {
    .uno3-scene-card2__inner {
        max-height:98px;
        transition: max-height .3s ease-in-out
    }
}

.uno3-scene-card2__value-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #4b5b76
}

.uno3-scene-card2__value-item:before {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(/web/jinglisafe/assets/images/activity/icon-scene-card2-panel.svg);
    margin-right: 4px
}

.uno3-scene-card2__value-item+.uno3-scene-card2__value-item {
    margin-top: 8px
}

.uno3-scene-card2__intro-list {
    margin-top: 16px
}

.uno3-scene-card2__intro-item {
    color: #4b5b76;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px
}

.uno3-scene-card2__intro-item .qc-base-text--strong {
    color: #181818
}

.uno3-scene-card2__intro-title {
    color: #181818;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px
}

.uno3-scene-card2__arrow {
    width: 100%;
    height: 16px;
    text-align: center;
    position: absolute;
    bottom: 17px
}

.uno3-scene-card2__arrow:before {
    content: "";
    width: 100%;
    height: 22px;
    top: -12px;
    left: 0;
    position: absolute;
    background: linear-gradient(180deg,hsla(0,0%,100%,0),#fff)
}

.uno3-scene-card2__arrow:after {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 16px;
    margin-top: 10px;
    background-image: url(/web/jinglisafe/assets/images/activity/icon-scene-card2-arrow-bottom.svg);
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.uno3-scene-card2__btn {
    display: -ms-flexbox;
    display: flex
}

.uno3-scene-card2__btn .uno3-button {
    -ms-flex: 1;
    flex: 1;
    width: 0;
    padding: 0 8px
}

.uno3-scene-card2__btn .uno3-button:not(.uno3-button--loading).uno3-button--disabled {
    cursor: auto
}

.uno3-scene-card2__btn .uno3-button:not(.uno3-button--loading).uno3-button--disabled .uno3-button-inner,.uno3-scene-card2__btn .uno3-button:not(.uno3-button--loading).uno3-button--disabled .uno3-button-inner span {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 34px
}

.uno3-scene-card2__btn .uno3-button+.uno3-button {
    margin-left: 16px
}

.uno3-scene-card2.uno3-scene-card2--absolute.uno3-scene-card2--size-l .uno3-scene-card2__inner,.uno3-scene-card2.uno3-scene-card2--absolute .uno3-scene-card2__inner {
    height: auto
}

@media (min-width: 769px) {
    .uno3-scene-card2.uno3-scene-card2--absolute.uno3-scene-card2--size-l .uno3-scene-card2__inner,.uno3-scene-card2.uno3-scene-card2--absolute .uno3-scene-card2__inner {
        max-height:300px;
        transition: max-height .3s ease-in-out
    }
}

.uno3-scene-card2.uno3-scene-card2--absolute .uno3-scene-card2__arrow:before {
    content: none
}

.uno3-scene-card2.uno3-scene-card2--absolute .uno3-scene-card2__arrow:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media screen and (min-width: 769px) {
    .uno3-scene-card2.uno3-scene-card2--absolute {
        position:absolute;
        z-index: 2
    }

    .uno3-scene-card2.uno3-scene-card2--size-l {
        padding-bottom: 15px
    }

    .uno3-scene-card2.uno3-scene-card2--size-l .uno3-scene-card2__desc {
        height: auto
    }

    .uno3-scene-card2.uno3-scene-card2--size-l .uno3-scene-card2__vip-discount+.uno3-scene-card2__header-inner {
        margin-top: 0
    }

    .uno3-scene-card2.uno3-scene-card2--size-l .uno3-scene-card2__header-inner {
        margin-top: 28px;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .uno3-scene-card2.uno3-scene-card2--size-l .uno3-scene-card2__header-inner .uno3-scene-card2__btn {
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .uno3-scene-card2.uno3-scene-card2--size-l .uno3-scene-card2__header-inner .uno3-button {
        width: 172px
    }

    .uno3-scene-card2.uno3-scene-card2--size-l .uno3-scene-card2__content {
        margin-top: 31px;
        padding-bottom: 26px
    }
}

@media screen and (min-width: 769px) and (min-width:769px) {
    .uno3-scene-card2.uno3-scene-card2--size-l .uno3-scene-card2__inner {
        height:73px;
        max-height: 73px
    }
}

@media screen and (min-width: 769px) {
    .uno3-scene-card2.uno3-scene-card2--size-l .uno3-scene-card2__value-list {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (min-width: 769px) {
    .uno3-scene-card2.uno3-scene-card2--size-l .uno3-scene-card2__value-item {
        margin-top:8px;
        margin-left: 8px;
        width: calc(50% - 4px)
    }

    .uno3-scene-card2.uno3-scene-card2--size-l .uno3-scene-card2__value-item:nth-child(-n+2) {
        margin-top: 0
    }

    .uno3-scene-card2.uno3-scene-card2--size-l .uno3-scene-card2__value-item:nth-child(odd) {
        margin-left: 0
    }
}

@media screen and (min-width: 769px) {
    .uno3-scene-card2.uno3-scene-card2--size-l .uno3-scene-card2__arrow {
        bottom:10px
    }
}

@media screen and (min-width: 769px) {
    .uno3-scene-card2.uno3-scene-card2--size-l .uno3-scene-card2__footer .uno3-scene-card2__btn {
        display:none
    }
}

@media screen and (min-width: 769px) {
    .uno3-scene-card2__wrap--size-l {
        height:342px
    }
}

@media screen and (max-width: 768px) {
    .uno3-scene-card2__wrap {
        height:auto
    }

    .uno3-scene-card2--absolute {
        position: relative
    }

    .uno3-scene-card2-no-result {
        padding-top: 16px;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-scene-card2-no-result__icon {
        width: 120px;
        height: 120px;
        background-image: url(/web/jinglisafe/assets/images/activity/scene-card2-no-result.png)
    }

    .uno3-scene-card2-no-result__text {
        color: #4b5b76;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        margin-top: 8px
    }

    .uno3-scene-card2-no-result__recommend-title {
        margin: 24px 0 4px;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        color: #97a3b7
    }

    .uno3-scene-card2-no-result__recommend-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        margin-right: -12px
    }

    .uno3-scene-card2-no-result__recommend-item {
        margin: 12px 12px 0 0;
        border-radius: 2px;
        background: #f1f2f5;
        padding: 0 12px;
        font-size: 14px;
        font-weight: 400;
        line-height: 26px;
        color: #4b5b76;
        white-space: nowrap
    }
}

@media (min-width: 769px) {
    .uno3-scene-card2__wrap .uno3-scene-card2 {
        min-height:100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .uno3-scene-card2__wrap .uno3-scene-card2__container {
        margin-top: auto
    }
}

.frame-root .uno3-scene-card2.uno3-scene-card2--absolute.uno3-scene-card2--size-l .uno3-scene-card2__inner,.frame-root .uno3-scene-card2.uno3-scene-card2--absolute .uno3-scene-card2__inner {
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content
}

.qc-base-cascader {
    position: relative;
    width: 250px
}

@media (min-width: 769px) {
    .qc-base-cascader.qc-base-cascader-auto {
        width:auto;
        min-width: 250px
    }

    .qc-base-cascader.qc-base-cascader-auto .qc-base-cascader-btn {
        display: -ms-inline-flexbox;
        display: inline-flex;
        min-width: 250px
    }

    .qc-base-cascader.qc-base-cascader-auto .qc-base-cascader-btn-selection {
        width: auto
    }
}

@media (max-width: 768px) {
    .qc-base-cascader {
        width:100%
    }
}

.qc-base-cascader-btn {
    height: 36px;
    border: 1px solid #e3e6eb;
    background: #fff;
    color: #181818;
    padding: 7px 28px 7px 8px;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: border .3s ease-in-out,background-color .3s ease-in-out,color .3s ease-in-out,box-shadow .3s ease-in-out,color .3s ease-in-out;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.qc-base-cascader-btn-placeholder {
    color: #97a3b7
}

.qc-base-cascader-btn-selection {
    -ms-flex: 1;
    flex: 1;
    width: 0;
    line-height: 0
}

.qc-base-cascader-btn-selected-value {
    width: 100%;
    display: inline-block;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 22px
}

.qc-base-cascader-btn-clear-icon {
    -ms-flex: 0 14px;
    flex: 0 14px;
    height: 14px;
    font-size: 14px;
    line-height: 14px;
    width: 14px;
    text-align: center
}

.qc-base-cascader-btn-clear-icon:hover {
    color: #0052d9
}

.qc-base-cascader-btn-caret {
    width: 16px;
    height: 16px;
    position: absolute;
    background-image: url(/web/jinglisafe/assets/images/activity/qc_base_cascader_arrow_normal.svg);
    right: 8px;
    top: 10px;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.qc-base-cascader:hover .qc-base-cascader-btn {
    border: 1px solid #0052d9;
    background: #fff;
    color: #181818
}

.qc-base-cascader:hover .qc-base-cascader-btn .qc-base-cascader-btn-caret {
    background-image: url(/web/jinglisafe/assets/images/activity/qc_base_cascader_arrow_hover.svg)
}

.qc-base-cascader-disabled .qc-base-cascader-btn,.qc-base-cascader.qc-base-cascader-disabled:hover .qc-base-cascader-btn {
    border: 1px solid #e3e6eb;
    background: #f1f2f5;
    color: #97a3b7;
    cursor: not-allowed
}

.qc-base-cascader-disabled .qc-base-cascader-btn-caret,.qc-base-cascader.qc-base-cascader-disabled:hover .qc-base-cascader-btn-caret {
    background-image: url(/web/jinglisafe/assets/images/activity/qc_base_cascader_arrow_disabled.svg)
}

.qc-base-cascader-active .qc-base-cascader-btn,.qc-base-cascader.qc-base-cascader-active:hover .qc-base-cascader-btn {
    border: 1px solid #0052d9;
    background: #fff;
    color: #0052d9
}

.qc-base-cascader-active .qc-base-cascader-btn-caret,.qc-base-cascader.qc-base-cascader-active:hover .qc-base-cascader-btn-caret {
    background-image: url(/web/jinglisafe/assets/images/activity/qc_base_cascader_arrow_active.svg)
}

.qc-base-cascader-overlay {
    border: 1px solid #eaedf1;
    background: #fff
}

@media (min-width: 769px) {
    .qc-base-cascader-menu-hd {
        display:none
    }
}

.qc-base-cascader-menu-container,.qc-base-cascader-menu-container .qc-base-cascader-menu-columns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.qc-base-cascader-menu-container .qc-base-cascader-menu-columns {
    -ms-flex-align: stretch;
    align-items: stretch
}

.qc-base-cascader-menu-container .qc-base-cascader-level {
    width: 180px
}

.qc-base-cascader-menu-container .qc-base-cascader-level+.qc-base-cascader-level {
    border-left: 1px solid #eaedf1
}

.qc-base-cascader-menu-container .qc-base-cascader-hover-level {
    background: #f4f6f8;
    border-left: 1px solid #eaedf1;
    font-size: 12px;
    line-height: 20px;
    width: 180px;
    -ms-flex: none;
    flex: none;
    overflow: auto;
    position: relative
}

.qc-base-cascader-menu-container .qc-base-cascader-hover-level-inner {
    position: absolute;
    width: 100%;
    height: calc(100% - 8px);
    overflow: auto;
    padding: 14px 16px;
    top: 0;
    left: 0
}

.qc-base-cascader-menu-container .qc-base-cascader-hover-level-inner::-webkit-scrollbar {
    background-color: transparent;
    width: 9px;
    height: 4px;
    background-clip: content-box
}

.qc-base-cascader-menu-container .qc-base-cascader-hover-level-inner::-webkit-scrollbar-thumb {
    background-color: #d8dde6;
    border-radius: 5px;
    border: 3px solid transparent;
    background-clip: content-box
}

.qc-base-cascader-menu-container .qc-base-cascader-hover-level-title {
    color: #181818
}

.qc-base-cascader-menu-container .qc-base-cascader-hover-level-desc {
    color: #4b5b76
}

.qc-base-cascader-menu-container .qc-base-cascader-option {
    padding: 8px 16px;
    font-size: 12px;
    line-height: 20px;
    color: rgba(0,0,0,.9);
    cursor: pointer
}

.qc-base-cascader-menu-container .qc-base-cascader-option:hover {
    background: #f4f6f8
}

.qc-base-cascader-menu-container .qc-base-cascader-option.disabled {
    cursor: not-allowed;
    background: #f1f2f5;
    color: #97a3b7
}

.qc-base-cascader-menu-container .qc-base-cascader-option.has-children {
    position: relative;
    padding-right: 24px
}

.qc-base-cascader-menu-container .qc-base-cascader-option.has-children.active {
    background: #f4f6f8
}

.qc-base-cascader-menu-container .qc-base-cascader-option.has-children .qc-base-cascader-arrow {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    right: 8px;
    top: 8px;
    background-image: url(/web/jinglisafe/assets/images/activity/qc_base_cascader_arrow_right.svg);
    background-size: contain
}

.qc-base-cascader-menu-container .qc-base-cascader-option.is-leaf {
    padding-left: 28px
}

.qc-base-cascader-menu-container .qc-base-cascader-option.is-leaf.active {
    position: relative
}

.qc-base-cascader-menu-container .qc-base-cascader-option.is-leaf.active:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 8px;
    top: 8px;
    background-image: url(/web/jinglisafe/assets/images/activity/qc_base_cascader_option_active_icon.svg);
    background-size: contain
}

@media (min-width: 769px) {
    .qc-base-cascader-overlay-mask {
        display:none
    }
}

@media (max-width: 768px) {
    .qc-base-cascader-overlay-mask {
        width:100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: rgba(0,0,0,.5);
        z-index: 1099
    }

    .qc-base-cascader-overlay {
        position: fixed!important;
        width: 100%!important;
        left: 0!important;
        right: 0!important;
        top: auto!important;
        bottom: 0!important;
        z-index: 1100!important
    }

    .qc-base-cascader-overlay .qc-base-cascader-menu-columns {
        width: 100%;
        height: 304px
    }

    .qc-base-cascader-overlay .qc-base-cascader-menu-container {
        position: relative;
        background: #fff
    }

    .qc-base-cascader-overlay .qc-base-cascader-menu-hd {
        padding: 16px;
        background-color: #fff;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-bottom: 1px solid #eaedf1
    }

    .qc-base-cascader-overlay .qc-base-cascader-menu-hd-title {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        color: #181818
    }

    .qc-base-cascader-overlay .qc-base-cascader-menu-hd-close {
        width: 16px;
        height: 16px;
        display: inline-block;
        background-image: url(/web/jinglisafe/assets/images/activity/qc_base_cascader_icon_close.svg);
        background-size: contain
    }

    .qc-base-cascader-overlay .qc-base-cascader-hover-level {
        display: none
    }

    .qc-base-cascader-overlay .qc-base-cascader-level {
        height: 100%;
        overflow: auto;
        border-right: 1px solid #eaedf1;
        -ms-flex: 1;
        flex: 1
    }

    .qc-base-cascader-overlay .qc-base-cascader-level .qc-base-cascader-option {
        width: 100%
    }

    .qc-base-cascader-overlay .qc-base-cascader-level+.qc-base-cascader-level {
        -ms-flex: 1;
        flex: 1;
        width: 0;
        border-left: 0
    }

    .qc-base-cascader-overlay .qc-base-cascader-level+.qc-base-cascader-level .qc-base-cascader-option {
        width: 100%
    }
}

@media (min-width: 769px) {
    .qc-base-cascader-overlay.qc-base-cascader-menu-col2-w284 .qc-base-cascader-level:nth-child(2) {
        width:284px
    }
}

.uno3-anchor-widget {
    position: fixed;
    transition: top 0s ease-in-out;
    left: 4px;
    top: 0;
    height: 100%;
    z-index: 999;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none
}

.uno3-anchor-widget__inner {
    opacity: 0;
    pointer-events: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 4px;
    background: hsla(0,0%,100%,.8);
    padding: 12px 8px;
    min-width: 26px;
    max-width: 26px;
    transition: all .3s ease-in-out;
    overflow: hidden
}

.uno3-anchor-widget__inner:hover {
    min-width: 26px;
    max-width: 200px;
    background: hsla(0,0%,100%,.98)
}

.uno3-anchor-widget.is-show .uno3-anchor-widget__inner {
    opacity: 1;
    pointer-events: auto
}

.uno3-anchor-widget__item {
    display: block;
    padding-left: 20px;
    height: 20px;
    position: relative;
    cursor: pointer
}

.uno3-anchor-widget__item:before {
    display: block;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px;
    background: rgba(59,69,87,.16);
    transition: all .3s ease-in-out
}

.uno3-anchor-widget__item.is-active:before {
    background: #0052d9
}

.uno3-anchor-widget__item:nth-child(n+2) {
    margin-top: 12px
}

.uno3-anchor-widget__item-tit {
    display: inline-block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 164px;
    color: rgba(0,0,0,.7);
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500
}

.uno3-anchor-widget__item.is-active .uno3-anchor-widget__item-tit,.uno3-anchor-widget__item:hover .uno3-anchor-widget__item-tit {
    color: #0052d9
}

@media screen and (min-width: 1400px) {
    .uno3-anchor-widget {
        left:8px
    }
}

@media screen and (min-width: 1600px) {
    .uno3-anchor-widget {
        left:24px
    }
}

@media screen and (max-width: 1199px) {
    .uno3-anchor-widget {
        display:none
    }
}

.qc-base-tooltip .is-fixed {
    position: fixed!important;
    z-index: 1300
}

.uno3-renew2.uno3-renew2-nologin {
    border: 1px solid #e6e9ef
}

.uno3-renew2.uno3-renew2-nologin .uno3-renew2-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-list {
    -ms-flex: 1;
    flex: 1;
    width: 0;
    background: #fff
}

.uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-list .qc-base-show-box {
    width: 100%;
    height: 100%
}

@media (min-width: 769px) {
    .uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-list .qc-base-show-pc {
        width:100%;
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-list-1 .qc-base-show-pc {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center
    }

    .uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-list-2,.uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-list-3 {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-list-2 .uno3-renew2-card-item,.uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-list-3 .uno3-renew2-card-item {
        -ms-flex: 1;
        flex: 1;
        width: 0
    }

    .uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-list-2 .uno3-renew2-card-item:nth-child(n+2),.uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-list-3 .uno3-renew2-card-item:nth-child(n+2) {
        border-left: 1px solid #e6e9ef
    }

    .uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-list-4 {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-list-4 .uno3-renew2-card-item {
        -ms-flex: 0 50%;
        flex: 0 50%;
        width: 0
    }

    .uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-list-4 .uno3-renew2-card-item:nth-child(2n) {
        border-left: 1px solid #e6e9ef
    }

    .uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-list-4 .uno3-renew2-card-item:nth-child(n+3) {
        border-top: 1px solid #e6e9ef
    }

    .uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-list-5 {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-list-5 .uno3-renew2-card-item {
        -ms-flex: 0 calc(33.33333% - 0.33333px);
        flex: 0 calc(33.33333% - 0.33333px);
        width: 0
    }

    .uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-list-5 .uno3-renew2-card-item:first-child,.uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-list-5 .uno3-renew2-card-item:nth-child(2) {
        -ms-flex: 0 50%;
        flex: 0 50%
    }

    .uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-list-5 .uno3-renew2-card-item:nth-child(2),.uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-list-5 .uno3-renew2-card-item:nth-child(3n),.uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-list-5 .uno3-renew2-card-item:nth-child(3n-1),.uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-list-5 .uno3-renew2-card-item:nth-child(4) {
        border-left: 1px solid #e6e9ef
    }

    .uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-list-5 .uno3-renew2-card-item:nth-child(3),.uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-list-5 .uno3-renew2-card-item:nth-child(n+4) {
        border-top: 1px solid #e6e9ef
    }

    .uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-list-6 {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-list-6 .uno3-renew2-card-item {
        -ms-flex: 0 calc(33.33333% - 0.33333px);
        flex: 0 calc(33.33333% - 0.33333px);
        width: 0
    }

    .uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-list-6 .uno3-renew2-card-item:nth-child(3n),.uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-list-6 .uno3-renew2-card-item:nth-child(3n-1) {
        border-left: 1px solid #e6e9ef
    }

    .uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-list-6 .uno3-renew2-card-item:nth-child(n+4) {
        border-top: 1px solid #e6e9ef
    }
}

.uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 20px
}

.uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-col {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-col:first-child {
    -ms-flex: 1;
    flex: 1;
    width: 0
}

.uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-col:nth-child(n+2) {
    -ms-flex: 0 auto;
    flex: 0 auto;
    -ms-flex-align: end;
    align-items: flex-end
}

.uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-name {
    color: #4b5b76;
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-config {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    gap: 24px;
    width: 100%
}

.uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-config-item {
    -ms-flex: 1;
    flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    width: 100%
}

.uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-config-value {
    color: #000;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-config-label {
    font-size: 12px;
    line-height: 20px;
    color: rgba(75,91,118,.7);
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-handle {
    font-size: 14px;
    line-height: 22px
}

.uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-handle+.uno3-renew2-card-price {
    margin-top: 0
}

.uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-price {
    margin-top: 26px;
    font-weight: 600;
    color: #f64041;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: baseline;
    align-items: baseline
}

.uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-price-num {
    font-size: 20px;
    line-height: 28px;
    line-height: 26px
}

.uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-price-unit {
    font-size: 14px;
    line-height: 22px;
    margin-left: 4px
}

.uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-price-origin {
    color: rgba(75,91,118,.7);
    font-size: 12px;
    line-height: 20px;
    text-decoration: line-through
}

.uno3-renew2.uno3-renew2-nologin .uno3-renew2-handle {
    -ms-flex: 0 340px;
    flex: 0 340px;
    background: linear-gradient(90deg,#eeefff,#d3e4ff);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #090909;
    padding: 20px
}

.uno3-renew2.uno3-renew2-nologin .uno3-renew2-handle-title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    text-align: center
}

.uno3-renew2.uno3-renew2-nologin .uno3-renew2-handle-subtit {
    margin-top: 8px;
    font-size: 14px;
    line-height: 22px
}

.uno3-renew2.uno3-renew2-nologin .uno3-renew2-handle-btn {
    margin-top: 20px;
    width: 100%
}

.uno3-renew2.uno3-renew2-nologin .uno3-renew2-handle-btn .uno3-button {
    width: 100%
}

.uno3-renew2.uno3-renew2-nologin .uno3-renew2-handle-btn .uno3-button--tag-renew2-nologin-discount {
    top: -15px;
    height: 24px;
    border-radius: 12px 12px 0 12px;
    padding: 1px 5px 1px 3px;
    border: 1px solid #fed0a9;
    background: linear-gradient(104deg,#ffe7d3 18.57%,#fffbf7 52.99%,#ffe7d3 88.02%);
    font-size: 12px;
    line-height: 20px;
    color: #f65916;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px
}

.uno3-renew2.uno3-renew2-nologin .uno3-renew2-handle-btn .uno3-button .uno3-renew2-icon-fire {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_renew2_icon_fire.png);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.uno3-renew2.uno3-renew2-nologin .uno3-renew2-handle .qc-base-text--highlight {
    color: #ff7800;
    font-weight: 500
}

@media (max-width: 768px) {
    .uno3-renew2.uno3-renew2-nologin {
        border:0
    }

    .uno3-renew2.uno3-renew2-nologin .uno3-renew2-inner {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-list {
        width: 100%;
        -ms-flex: none;
        flex: none
    }

    .uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-item {
        padding: 12px;
        border-bottom: 1px solid #e6e9ef
    }

    .uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-name {
        font-size: 12px;
        line-height: 20px
    }

    .uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-config-value {
        font-size: 16px;
        line-height: 24px
    }

    .uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-config-label {
        font-size: 12px;
        line-height: 20px
    }

    .uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-config-item:nth-child(n+2) {
        display: none
    }

    .uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-handle {
        font-size: 12px;
        line-height: 20px
    }

    .uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-price {
        margin-top: auto
    }

    .uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-price-num {
        font-size: 16px;
        line-height: 24px
    }

    .uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-price-unit {
        font-size: 14px;
        line-height: 22px
    }

    .uno3-renew2.uno3-renew2-nologin .uno3-renew2-card-price-origin {
        font-size: 12px;
        line-height: 20px
    }

    .uno3-renew2.uno3-renew2-nologin .uno3-renew2-handle {
        width: 100%;
        -ms-flex: none;
        flex: none;
        padding: 20px 16px
    }

    .uno3-renew2.uno3-renew2-nologin .uno3-renew2-handle-title {
        font-size: 18px;
        line-height: 26px
    }

    .uno3-renew2.uno3-renew2-nologin .uno3-renew2-handle-subtit {
        margin-top: 4px
    }

    .uno3-renew2.uno3-renew2-nologin .uno3-renew2-handle-btn {
        margin-top: 16px
    }
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: stretch;
    align-items: stretch;
    border: 1px solid #e9ecf1;
    background: #fff
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__hd {
    background-size: cover;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_renew2_hd_bg.png);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    padding: 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 8px;
    -ms-flex: 0 280px;
    flex: 0 280px
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__hd-title {
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    color: #000
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__hd-desc {
    font-size: 12px;
    line-height: 20px;
    color: #4b5b76
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__bd {
    border-left: 1px solid #e9ecf1;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__bd-config {
    -ms-flex: 1;
    flex: 1;
    padding: 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__bd-config .qc-base-show-box,.uno3-renew2.uno3-renew2-normal .uno3-renew2__bd-config .qc-base-show-pc {
    width: 100%
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__bd-config .uno3-renew2-form-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 24px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__bd-config .qc-base-form {
    -ms-flex: 0 50%;
    flex: 0 50%
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__bd-config .qc-base-form+.qc-base-form {
    margin-top: 0
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__bd-config .qc-base-form .qc-base-select-vision-v3:after {
    width: calc(100% + 108px)
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__bd-config .qc-base-form .qc-base-form-item {
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (min-width: 1471px) {
    .uno3-renew2.uno3-renew2-normal .uno3-renew2__bd-config .qc-base-form .qc-base-form-item {
        margin-top:-28px;
        overflow: initial
    }

    .uno3-renew2.uno3-renew2-normal .uno3-renew2__bd-config .qc-base-form .qc-base-form-item .qc-base-form-value {
        height: 36px
    }

    .uno3-renew2.uno3-renew2-normal .uno3-renew2__bd-config .qc-base-form .qc-base-form-item .qc-base-form-value-inner {
        overflow: hidden
    }
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__bd-config .qc-base-form .qc-base-form-label {
    width: 100%;
    margin: 0;
    height: 22px
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__bd-config .qc-base-form .qc-base-form-value {
    margin-top: 4px;
    width: 100%
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__bd-config .qc-base-form .qc-base-form-tip,.uno3-renew2.uno3-renew2-normal .uno3-renew2__bd-config .uno3-renew2-form-item-tips {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__bd-config .uno3-renew2-form-item-tips {
    gap: 8px;
    width: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__bd-config .uno3-renew2-form-item-tips-text {
    color: rgba(75,91,118,.7)
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__bd-config .uno3-renew2-form-item-tips-label {
    margin-right: 12px
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__bd-config .uno3-renew2-form-item-tips-text {
    -ms-flex: 1;
    flex: 1;
    width: 0;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__bd-config .uno3-renew2-form-item-tips-time {
    -ms-flex: 1;
    flex: 1;
    text-align: left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 12px;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__bd-config .uno3-renew2-form-item-tips-time+.uno3-renew2-form-item-tips {
    margin-left: 24px
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__bd-config .uno3-renew2-form-item-tips-time .uno3-renew2-form-item-tips-text {
    -ms-flex: none;
    flex: none;
    width: auto
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__bd-config .uno3-renew2-form-item-tips-time .qc-base-text--highlight {
    color: #0052d9
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__bd-tips {
    padding: 8px 24px;
    width: 100%;
    background: #f9f9fa;
    height: 36px;
    font-size: 12px;
    line-height: 20px;
    color: #4b5b76;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 8px;
    -ms-flex-align: center;
    align-items: center
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__ft {
    border-left: 1px solid #e9ecf1;
    -ms-flex: 0 320px;
    flex: 0 320px;
    padding: 16px 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__ft .uno3-button,.uno3-renew2.uno3-renew2-normal .uno3-renew2__ft .uno3-renew2__btn {
    width: 100%
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__ft .uno3-button--tag-discount {
    height: 20px;
    top: -12px;
    border-radius: 12px 8px 0 12px;
    background: #f64041;
    padding: 0 4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 4px;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__ft .uno3-button--tag-discount .qc-base-icon {
    width: 10px;
    height: 10px
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__tag {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4px;
    height: 18px
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__tag-item {
    border-radius: 2px;
    white-space: nowrap
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__tag-item:last-child {
    margin-right: 0
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__tag-normal {
    border: 1px solid #d6dbe3;
    background: #fff;
    padding: 0 3px;
    font-size: 12px;
    line-height: 18px;
    line-height: 16px;
    color: #4b5b76
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__tag-discount {
    border: 1px solid #ffcfd0;
    background: #fff;
    color: #f64041;
    padding: 0 3px;
    width: 39px;
    font-size: 12px;
    line-height: 18px;
    line-height: 16px;
    font-weight: 500;
    text-align: center
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__tag-first-discount {
    width: 55px;
    height: 18px;
    border-radius: 2px;
    background: linear-gradient(90deg,#f83131,#ff6f42);
    cursor: pointer;
    position: relative;
    overflow: hidden;
    font-size: 0
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__tag-first-discount:before {
    content: "";
    display: inline-block;
    width: 47px;
    height: 12px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_renew2_tag_first_discount_text.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    position: absolute;
    z-index: 1
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__tag-first-discount:after {
    content: "";
    width: 20px;
    height: 30px;
    display: inline-block;
    background: rgba(255,172,149,.74);
    border-radius: 2px;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    position: absolute;
    top: calc(50% - 15px);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    left: -20px;
    -webkit-animation: TagShineAnima 2s ease-in-out 1s infinite;
    animation: TagShineAnima 2s ease-in-out 1s infinite
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__tag-vip {
    width: 46.5px;
    height: 18px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_renew2_tag_vip.png);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__tag-vip2 {
    width: 52px;
    height: 18px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_renew2_tag_vip2.png);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__tag-vip1 {
    width: 52px;
    height: 18px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_renew2_tag_vip1.png);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__tag-vip3 {
    width: 52px;
    height: 18px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_renew2_tag_vip3.png);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__discount-bar {
    margin-top: 8px;
    border-radius: 2px;
    background: rgba(246,64,65,.06);
    width: 100%;
    padding: 4px 8px;
    height: 28px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    line-height: 20px;
    color: #f64041;
    font-weight: 500
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2-line {
    width: 1px;
    height: 12px;
    background: rgba(246,64,65,.24);
    display: inline-block
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2-down {
    display: inline-block;
    width: 10px;
    height: 14px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_renew2_icon_down.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__price {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 12px;
    margin-top: 12px
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__price-loading {
    font-size: 20px;
    line-height: 36px;
    font-weight: 500;
    color: #f64041
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__price-current {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-pack: start;
    justify-content: flex-start;
    color: #f64041
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__price-current .uno3-renew2__price-free {
    font-size: 24px;
    line-height: 36px;
    font-weight: 500
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__price-current .uno3-renew2__price-desc {
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    margin-right: 4px
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__price-current .uno3-renew2__price-integer {
    font-size: 28px;
    line-height: 36px;
    font-weight: 600
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__price-current .uno3-renew2__price-decimal {
    font-size: 14px;
    line-height: 22px;
    font-weight: 600
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__price-current .uno3-renew2__price-unit {
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    margin-left: 4px
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__price-current .uno3-renew2__price-average {
    margin-left: 4px;
    font-size: 12px;
    line-height: 20px
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__price-current .uno3-renew2__price-coupon {
    border-radius: 60px;
    background: rgba(255,63,63,.08);
    margin-left: 4px;
    padding: 0 8px;
    color: #f64041
}

@media (min-width: 769px) {
    .uno3-renew2.uno3-renew2-normal .uno3-renew2__price-current .uno3-renew2__price-coupon {
        -ms-flex-item-align:start;
        align-self: flex-start;
        margin-top: 10px
    }
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__price-current .uno3-renew2__price-coupon-label {
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    margin-right: 4px;
    vertical-align: middle
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__price-current .uno3-renew2__price-coupon-value {
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    vertical-align: middle
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__price-detail {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__price-detail .uno3-renew2__price-original {
    color: #666
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__price-detail .uno3-renew2__price-desc {
    font-size: 12px;
    line-height: 20px;
    margin-right: 4px
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__price-detail .uno3-renew2__price-value {
    font-size: 12px;
    line-height: 20px;
    margin-right: 4px;
    text-decoration: line-through
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__price-detail .uno3-renew2__price-unit {
    font-size: 12px;
    line-height: 20px
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__price-detail .uno3-renew2__price-info {
    -webkit-text-decoration: underline dashed;
    text-decoration: underline dashed;
    text-underline-offset: 3px;
    font-size: 12px;
    line-height: 20px;
    color: #000;
    margin-left: 12px;
    cursor: pointer
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__progress {
    width: 100%;
    margin-top: 6px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__progress-desc {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 12px;
    line-height: 16px;
    color: #0052d9;
    font-weight: 400
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__progress-bar {
    border-radius: 20px;
    background: rgba(0,82,217,.15);
    -ms-flex: 1;
    flex: 1;
    position: relative;
    height: 8px
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__progress-bar-inner {
    position: absolute;
    border-radius: 20px;
    background: linear-gradient(90deg,#1b6fef 67.5%,#0355dc);
    height: 8px;
    top: 0;
    left: 0
}

.uno3-renew2.uno3-renew2-normal .uno3-renew2__progress-bar-text {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: 10px;
    line-height: 16px;
    color: #fff
}

@media (max-width: 768px) {
    .uno3-renew2.uno3-renew2-normal .uno3-renew2-inner {
        -ms-flex-direction:column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        border: 1px solid #eaedf1;
        background: #fff;
        box-shadow: 0 2px 12px 0 rgba(55,99,170,.06);
        padding: 12px
    }

    .uno3-renew2.uno3-renew2-normal .uno3-renew2__hd {
        padding: 0;
        gap: 4px;
        width: 100%;
        -ms-flex: none;
        flex: none;
        background: none
    }

    .uno3-renew2.uno3-renew2-normal .uno3-renew2__hd-title {
        font-size: 16px;
        line-height: 24px
    }

    .uno3-renew2.uno3-renew2-normal .uno3-renew2__hd-desc {
        display: none
    }

    .uno3-renew2.uno3-renew2-normal .uno3-renew2__bd {
        border: 0;
        width: 100%;
        -ms-flex: none;
        flex: none;
        padding: 8px 0 4px
    }

    .uno3-renew2.uno3-renew2-normal .uno3-renew2__bd-config {
        -ms-flex: none;
        flex: none;
        padding: 0
    }

    .uno3-renew2.uno3-renew2-normal .uno3-renew2__bd-tips {
        display: none
    }

    .uno3-renew2.uno3-renew2-normal .uno3-renew2__bd .qc-base-form-item {
        margin-bottom: 16px
    }

    .uno3-renew2.uno3-renew2-normal .uno3-renew2__bd .qc-base-form-tip {
        margin-left: -92px!important
    }

    .uno3-renew2.uno3-renew2-normal .uno3-renew2__bd .qc-base-form-label {
        width: 88px!important;
        margin-right: 4px!important;
        height: 32px!important
    }

    .uno3-renew2.uno3-renew2-normal .uno3-renew2__bd .qc-base-form-value {
        width: calc(100% - 92px)!important;
        height: auto
    }

    .uno3-renew2.uno3-renew2-normal .uno3-renew2__bd .uno3-renew2-form-item-tips {
        margin-bottom: 0;
        font-size: 12px;
        line-height: 20px
    }

    .uno3-renew2.uno3-renew2-normal .uno3-renew2__bd .uno3-renew2-list-choose {
        width: 100%;
        height: 34px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        padding-right: 24px;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .uno3-renew2.uno3-renew2-normal .uno3-renew2__bd .uno3-renew2-list-choose:before {
        content: "";
        display: inline-block;
        width: calc(100% + 92px);
        background: #e9ecf1;
        height: 1px;
        position: absolute;
        right: 0;
        bottom: 0
    }

    .uno3-renew2.uno3-renew2-normal .uno3-renew2__bd .uno3-renew2-list-choose-text {
        color: #181818;
        font-size: 14px;
        line-height: 22px;
        font-weight: 500;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis;
        -ms-flex: 1;
        flex: 1;
        width: 0
    }

    .uno3-renew2.uno3-renew2-normal .uno3-renew2__bd .uno3-renew2-list-choose:after {
        position: absolute;
        display: inline-block;
        content: "";
        width: 16px;
        height: 16px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_renew2_list_arrow_right.svg);
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat;
        right: 0
    }

    .uno3-renew2.uno3-renew2-normal .uno3-renew2__ft {
        border: 0;
        -ms-flex: none;
        flex: none;
        width: 100%;
        padding: 0
    }

    .uno3-renew2.uno3-renew2-normal .uno3-renew2__discount-bar {
        margin-top: 8px
    }

    .uno3-renew2.uno3-renew2-normal .uno3-renew2__price {
        height: auto;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: 8px;
        margin-bottom: 20px
    }

    .uno3-renew2.uno3-renew2-normal .uno3-renew2__price-loading {
        font-size: 20px;
        line-height: 28px
    }

    .uno3-renew2.uno3-renew2-normal .uno3-renew2__price-current .uno3-renew2__price-average,.uno3-renew2.uno3-renew2-normal .uno3-renew2__price-current .uno3-renew2__price-desc {
        display: none
    }

    .uno3-renew2.uno3-renew2-normal .uno3-renew2__price-current .uno3-renew2__price-decimal,.uno3-renew2.uno3-renew2-normal .uno3-renew2__price-current .uno3-renew2__price-integer {
        font-size: 20px;
        line-height: 28px
    }

    .uno3-renew2.uno3-renew2-normal .uno3-renew2__price-current .uno3-renew2__price-free {
        font-size: 18px;
        line-height: 26px
    }
}

.uno3-renew2.uno3-renew2-noproduct .uno3-renew2-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: stretch;
    align-items: stretch;
    border: 1px solid #e9ecf1;
    background: #fff
}

.uno3-renew2.uno3-renew2-noproduct .uno3-renew2__hd {
    background-size: cover;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_renew2_hd_bg.png);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    padding: 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 8px;
    -ms-flex: 0 280px;
    flex: 0 280px
}

.uno3-renew2.uno3-renew2-noproduct .uno3-renew2__hd-title {
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    color: #000
}

.uno3-renew2.uno3-renew2-noproduct .uno3-renew2__hd-desc {
    font-size: 12px;
    line-height: 20px;
    color: #4b5b76
}

.uno3-renew2.uno3-renew2-noproduct .uno3-renew2__cont {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    -ms-flex: 1;
    flex: 1
}

@media (min-width: 769px) {
    .uno3-renew2.uno3-renew2-noproduct .uno3-renew2__cont {
        padding:32px
    }
}

.uno3-renew2.uno3-renew2-noproduct .uno3-renew2__cont-config-m {
    display: none
}

.uno3-renew2.uno3-renew2-noproduct .uno3-renew2__cont-desc {
    max-width: 400px;
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    text-align: center
}

.uno3-renew2.uno3-renew2-noproduct .uno3-renew2__cont-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 16px
}

.uno3-renew2.uno3-renew2-noproduct .uno3-renew2__cont-btn .uno3-button {
    max-width: 140px
}

@media (max-width: 768px) {
    .uno3-renew2.uno3-renew2-noproduct .uno3-renew2-inner {
        -ms-flex-direction:column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        border: 1px solid #eaedf1;
        background: #fff;
        box-shadow: 0 2px 12px 0 rgba(55,99,170,.06);
        padding: 12px
    }

    .uno3-renew2.uno3-renew2-noproduct .uno3-renew2__hd {
        padding: 0;
        gap: 4px;
        width: 100%;
        -ms-flex: none;
        flex: none;
        background: none;
        margin-bottom: 12px
    }

    .uno3-renew2.uno3-renew2-noproduct .uno3-renew2__hd-title {
        font-size: 16px;
        line-height: 24px
    }

    .uno3-renew2.uno3-renew2-noproduct .uno3-renew2__hd-desc {
        display: none
    }

    .uno3-renew2.uno3-renew2-noproduct .uno3-renew2__cont {
        gap: 12px;
        width: 100%;
        -ms-flex: none;
        flex: none
    }

    .uno3-renew2.uno3-renew2-noproduct .uno3-renew2__cont-config-m {
        display: block;
        width: 100%
    }

    .uno3-renew2.uno3-renew2-noproduct .uno3-renew2__cont-config-m .qc-base-form-label {
        width: 56px
    }

    .uno3-renew2.uno3-renew2-noproduct .uno3-renew2__cont-config-m .qc-base-form-value {
        width: calc(100% - 66px)
    }

    .uno3-renew2.uno3-renew2-noproduct .uno3-renew2__cont-desc {
        font-size: 14px;
        line-height: 22px;
        color: #0052d9;
        text-align: left;
        width: 100%;
        max-width: 100%;
        margin-top: 0
    }

    .uno3-renew2.uno3-renew2-noproduct .uno3-renew2__cont-btn {
        margin-top: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 16px;
        width: 100%
    }

    .uno3-renew2.uno3-renew2-noproduct .uno3-renew2__cont-btn .uno3-button {
        max-width: none;
        -ms-flex: 1;
        flex: 1
    }
}

.qc-base-module .uno3-renew2+.uno3-renew2 {
    margin-top: 24px
}

@media (max-width: 768px) {
    .qc-base-module .uno3-renew2-nologin {
        width:calc(100% + 32px);
        margin-left: -16px
    }
}

.uno3-renew2-tooltip .uno3-renew2-tooltip-tit {
    font-size: 14px;
    line-height: 22px;
    color: #000
}

.uno3-renew2-tooltip .uno3-renew2-tooltip-desc {
    font-size: 12px;
    line-height: 20px;
    color: #888;
    margin-top: 8px
}

.uno3-renew2-select-price {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 8px;
    -ms-flex-align: center;
    align-items: center
}

.uno3-renew2-select-price .uno3-renew2-select-price-origin {
    text-decoration: line-through;
    font-size: 12px;
    line-height: 20px;
    color: #97a3b7
}

.uno3-renew2-select-price .uno3-renew2-select-price-current {
    color: #ff5808;
    font-weight: 500
}

.uno3-renew2-select-price .uno3-renew2-select-price-current-inte {
    font-size: 14px;
    line-height: 22px
}

.uno3-renew2-select-price .uno3-renew2-select-price-current-deci {
    font-size: 12px;
    line-height: 20px
}

.uno3-renew2-select-time {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 12px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.uno3-renew2-select-time .qc-base-select-item-cont {
    min-width: 40px
}

.uno3-renew2-select-time .qc-base-select-item-has-tag {
    gap: 8px
}

@media (max-width: 1470px) {
    .uno3-renew2.uno3-renew2-normal .uno3-renew2__bd-config .uno3-renew2-form-wrap {
        -ms-flex-direction:column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 0
    }
}

@media (max-width: 1470px) and (min-width:769px) {
    .uno3-renew2.uno3-renew2-normal .uno3-renew2__bd-config .uno3-renew2-form-wrap {
        margin-top:-28px
    }
}

@media (max-width: 1470px) {
    .uno3-renew2.uno3-renew2-normal .uno3-renew2__bd-config .qc-base-form {
        width:100%;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex: 1;
        flex: 1
    }
}

@media (max-width: 1470px) and (min-width:769px) {
    .uno3-renew2.uno3-renew2-normal .uno3-renew2__bd-config .qc-base-form+.qc-base-form {
        margin-top:28px
    }
}

@media (max-width: 1470px) {
    .uno3-renew2.uno3-renew2-normal .uno3-renew2__bd-config .qc-base-form .qc-base-form-item {
        width:100%;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex: 1;
        flex: 1;
        margin-top: 0
    }
}

@media (max-width: 1470px) and (min-width:769px) {
    .uno3-renew2.uno3-renew2-normal .uno3-renew2__bd-config .qc-base-form .qc-base-form-item {
        overflow:initial
    }
}

@media (max-width: 1470px) {
    .uno3-renew2.uno3-renew2-normal .uno3-renew2__bd-config .qc-base-form .qc-base-form-item .qc-base-form-label {
        width:100px;
        margin-right: 8px;
        height: 34px
    }

    .uno3-renew2.uno3-renew2-normal .uno3-renew2__bd-config .qc-base-form .qc-base-form-item .qc-base-form-label-inner {
        height: auto
    }
}

@media (max-width: 1470px) {
    .uno3-renew2.uno3-renew2-normal .uno3-renew2__bd-config .qc-base-form .qc-base-form-item .qc-base-form-value {
        width:calc(100% - 108px);
        margin: 0
    }
}

@media (max-width: 1470px) and (min-width:769px) {
    .uno3-renew2.uno3-renew2-normal .uno3-renew2__bd-config .qc-base-form .qc-base-form-item .qc-base-form-value {
        height:34px
    }
}

@media (max-width: 1470px) {
    .uno3-renew2.uno3-renew2-normal .uno3-renew2__bd-config .qc-base-form .qc-base-form-item .qc-base-form-tip {
        margin-left:-108px
    }
}

.uno3-renew2 .uno3-button--tag-buy-success {
    border-radius: 12px 8px 0 12px;
    border: 1px solid #fed0a9;
    background: linear-gradient(104deg,#ffe7d3 18.57%,#fffbf7 52.99%,#ffe7d3 88.02%);
    padding: 0 3px;
    font-size: 12px;
    line-height: 18px;
    color: #d54d13
}

.uno3-renew2-choose-modal {
    padding-bottom: 50px
}

.uno3-renew2-choose-modal-title-label {
    font-size: 14px;
    line-height: 22px;
    color: #97a3b7;
    font-weight: 400;
    margin-left: 6px
}

.uno3-renew2-choose-modal-title-num {
    font-size: 14px;
    line-height: 22px;
    color: #181818;
    font-weight: 400;
    margin-left: 4px
}

.uno3-renew2-choose-modal .qc-base-radio-wrap {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 16px 0;
    border-bottom: 1px solid #e6e9ef
}

.uno3-renew2-choose-modal .qc-base-radio-wrap+.qc-base-radio-wrap {
    margin-left: 0
}

.uno3-renew2-choose-modal .qc-base-radio-wrap .qc-base-radio-text {
    -ms-flex: 1;
    flex: 1
}

.uno3-renew2-choose-modal .qc-base-radio-wrap .qc-base-radio {
    margin-top: 4px
}

.uno3-renew2-choose-modal .qc-base-radio-wrap .uno3-renew2-choose-modal-radio-tit {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #000
}

.uno3-renew2-choose-modal .qc-base-radio-wrap .uno3-renew2-choose-modal-radio-desc {
    margin-top: 8px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    color: #888
}

.uno3-renew2-choose-modal .qc-base-radio-wrap .uno3-renew2-choose-modal-radio-bar {
    margin-top: 8px;
    border-radius: 6px;
    background: linear-gradient(90deg,#fff1e7 .09%,#fff8f3);
    padding: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 12px
}

.uno3-renew2-choose-modal .qc-base-radio-wrap .uno3-renew2-choose-modal-radio-bar-time {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_renew2_icon_time.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-right: 4px
}

.uno3-renew2-choose-modal .qc-base-radio-wrap .uno3-renew2-choose-modal-radio-bar-inner {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: #d35a21
}

.uno3-renew2-choose-modal .qc-base-radio-wrap .uno3-renew2-choose-modal-radio-bar-inner em {
    font-weight: 500
}

.uno3-renew2-choose-modal .qc-base-radio-wrap .uno3-renew2-choose-modal-radio-bar-tag {
    border-radius: 2px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 6px;
    height: 18px;
    font-size: 12px;
    line-height: 18px
}

.uno3-renew2-choose-modal .qc-base-radio-wrap .uno3-renew2-choose-modal-radio-bar-tag.vip1 {
    border: 1px solid #d3d5df;
    background: linear-gradient(79deg,#e8eaf6 33.86%,#fff 68.01%,#e8eaf6 90.37%);
    color: #282e4e
}

.uno3-renew2-choose-modal .qc-base-radio-wrap .uno3-renew2-choose-modal-radio-bar-tag.vip1 .uno3-renew2-choose-modal-radio-bar-icon {
    width: 13px;
    height: 10px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_renew2_icon_vip1.svg)
}

.uno3-renew2-choose-modal .qc-base-radio-wrap .uno3-renew2-choose-modal-radio-bar-tag.vip2 {
    border: 1px solid #fdc668;
    background: linear-gradient(79deg,#ffe9c3 49.11%,#fff5e3 68.01%,#ffe9c3 90.37%);
    color: #975129
}

.uno3-renew2-choose-modal .qc-base-radio-wrap .uno3-renew2-choose-modal-radio-bar-tag.vip2 .uno3-renew2-choose-modal-radio-bar-icon {
    width: 15px;
    height: 10px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_renew2_icon_vip2.svg)
}

.uno3-renew2-choose-modal .qc-base-radio-wrap .uno3-renew2-choose-modal-radio-bar-tag.vip3 {
    line-height: 20px;
    background: linear-gradient(79deg,#181818 49.11%,#515151 68.01%,#181818 90.37%);
    color: #ffd9c2
}

.uno3-renew2-choose-modal .qc-base-radio-wrap .uno3-renew2-choose-modal-radio-bar-tag.vip3 .uno3-renew2-choose-modal-radio-bar-icon {
    width: 15px;
    height: 10px;
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_renew2_icon_vip3.svg)
}

.uno3-renew2-choose-modal .qc-base-radio-wrap .uno3-renew2-choose-modal-radio-bar .uno3-renew2-choose-modal-radio-bar-icon {
    display: inline-block;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-right: 2px
}

.uno3-renew2-choose-modal .qc-base-radio-wrap.qc-base-radio-disabled .uno3-renew2-choose-modal-radio-desc,.uno3-renew2-choose-modal .qc-base-radio-wrap.qc-base-radio-disabled .uno3-renew2-choose-modal-radio-tit {
    color: #97a3b7
}

.uno3-renew2-choose-modal .qc-base-radio-block {
    padding: 10px;
    height: 90px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    width: calc(33.33333% - 4px);
    margin-right: 6px;
    margin-top: 20px
}

.uno3-renew2-choose-modal .qc-base-radio-block:nth-child(3n) {
    margin-right: 0
}

.uno3-renew2-choose-modal .qc-base-radio-block:nth-child(n+4) {
    margin-top: 12px
}

.uno3-renew2-choose-modal .qc-base-radio-block .uno3-renew2-choose-modal-radio-label {
    font-size: 12px;
    line-height: 20px;
    line-height: 22px;
    color: #000;
    text-align: center
}

.uno3-renew2-choose-modal .qc-base-radio-block .uno3-renew2-choose-modal-radio-price {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.uno3-renew2-choose-modal .qc-base-radio-block .uno3-renew2-choose-modal-radio-price-current {
    color: #f64041;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: baseline;
    align-items: baseline
}

.uno3-renew2-choose-modal .qc-base-radio-block .uno3-renew2-choose-modal-radio-price-inte {
    font-size: 14px;
    line-height: 28px
}

.uno3-renew2-choose-modal .qc-base-radio-block .uno3-renew2-choose-modal-radio-price-deci {
    font-size: 12px;
    line-height: 20px
}

.uno3-renew2-choose-modal .qc-base-radio-block .uno3-renew2-choose-modal-radio-price-unit {
    font-size: 12px;
    line-height: 20px;
    margin-left: 4px
}

.uno3-renew2-choose-modal .qc-base-radio-block .uno3-renew2-choose-modal-radio-price-origin {
    font-size: 10px;
    line-height: 20px;
    text-decoration: line-through;
    color: rgba(75,91,118,.7);
    text-align: center
}

.uno3-renew2-choose-modal .uno3-renew2-choose-modal-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.uno3-renew2-choose-modal .uno3-renew2-choose-modal-list-item {
    padding: 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 10px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.uno3-renew2-choose-modal .uno3-renew2-choose-modal-list-item.is-active {
    background: #f4f6f8
}

.uno3-renew2-choose-modal .uno3-renew2-choose-modal-list-item.is-active .uno3-renew2-choose-modal-list-text {
    font-weight: 500
}

.uno3-renew2-choose-modal .uno3-renew2-choose-modal-list-text {
    font-size: 14px;
    line-height: 22px;
    color: #000;
    -ms-flex: 1;
    flex: 1;
    width: 0;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (min-width: 769px) {
    .uno3-renew2-select-tooltip {
        margin-left:32px
    }
}

.uno3-hero3 {
    overflow: hidden;
    min-height: 300px;
    padding: 0 60px;
    position: relative
}

.uno3-hero3__bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-size: auto 100%;
    background-position: 50%;
    background-repeat: no-repeat
}

.uno3-hero3__inner {
    z-index: 1;
    height: 100%;
    padding: 60px 0 76px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.uno3-hero3__inner .qc-base-text--highlight {
    color: #0052d9
}

@media (min-width: 769px) {
    .uno3-hero3__cont {
        max-width:580px
    }
}

.uno3-hero3__title {
    font-size: 48px;
    line-height: 64px;
    font-weight: 500;
    color: #000;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.uno3-hero3__title p {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (min-width: 769px) {
    .uno3-hero3__title.is-decor {
        position:relative
    }

    .uno3-hero3__title.is-decor:after {
        content: "";
        display: inline-block;
        width: 34px;
        height: 34px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_hero3_decorate.png);
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat;
        position: absolute;
        right: -49px;
        bottom: 14px
    }
}

.uno3-hero3__title-m {
    color: #000;
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    display: none
}

.uno3-hero3__desc,.uno3-hero3__title-m p {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno3-hero3__desc {
    margin-top: 12px;
    font-size: 16px;
    line-height: 24px;
    color: #000
}

@media (min-width: 769px) {
    .uno3-hero3 .uno3-hero3__supplement {
        position:absolute;
        top: 28px;
        right: 0
    }
}

@media (max-width: 768px) {
    .uno3-hero3 {
        padding-left:16px;
        padding-right: 16px;
        min-height: 330px
    }

    .uno3-hero3__bg {
        width: 768px;
        height: 100%
    }

    .uno3-hero3__inner {
        padding: 36px 0 12px;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .uno3-hero3__title-m {
        display: block
    }

    .uno3-hero3__desc,.uno3-hero3__title {
        display: none
    }
}

@media screen and (min-width: 1320px) and (max-width:1539px) {
    .uno3-hero3 {
        padding-left:9%;
        padding-right: 9%
    }
}

@media screen and (min-width: 1540px) {
    .uno3-hero3 {
        padding-left:60px;
        padding-right: 60px
    }

    .uno3-hero3__inner {
        max-width: 1420px
    }
}

.uno3-hero3__supplement {
    width: 40%
}

.uno3-hero3__supplement .uno3-hero3__card-swiper-pagination {
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 9px 12px;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto
}

.uno3-hero3__supplement .uno3-hero3__card-swiper-next,.uno3-hero3__supplement .uno3-hero3__card-swiper-prev {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: 300% 100%;
    background-position: 0;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity .3s ease-in-out
}

.uno3-hero3__supplement .uno3-hero3__card-handle-btn {
    font-size: 0
}

.uno3-hero3__supplement .uno3-hero3__card-handle-btn:not(.is-disabled):hover .uno3-hero3__card-swiper-next,.uno3-hero3__supplement .uno3-hero3__card-handle-btn:not(.is-disabled):hover .uno3-hero3__card-swiper-prev {
    background-position: 50%;
    cursor: pointer
}

.uno3-hero3__supplement .uno3-hero3__card-handle-btn.is-disabled {
    cursor: not-allowed
}

.uno3-hero3__supplement .uno3-hero3__card-handle-btn.is-disabled .uno3-hero3__card-swiper-next,.uno3-hero3__supplement .uno3-hero3__card-handle-btn.is-disabled .uno3-hero3__card-swiper-prev {
    background-position: 100%;
    pointer-events: none
}

.uno3-hero3__supplement .uno3-hero3__card-swiper-next {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_hero3_swiper_next.png)
}

.uno3-hero3__supplement .uno3-hero3__card-swiper-prev {
    background-image: url(/web/jinglisafe/assets/images/activity/uno3_hero3_swiper_prev.png)
}

.uno3-hero3__supplement .uno3-hero3__card-wrap:hover .uno3-hero3__card-swiper-next,.uno3-hero3__supplement .uno3-hero3__card-wrap:hover .uno3-hero3__card-swiper-prev {
    opacity: 1
}

.uno3-hero3__supplement .uno3-hero3__card-handle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 12px
}

.uno3-hero3__supplement .uno3-hero3__card-handle .swiper-pagination-bullet {
    background: rgba(0,0,0,.6);
    width: 6px;
    height: 6px
}

.uno3-hero3__supplement .uno3-hero3__card-handle .swiper-pagination-bullet-active {
    background: #000;
    width: 28px;
    border-radius: 3px
}

.uno3-hero3__supplement .uno3-hero3__card-list {
    border-radius: 12px;
    border: 2px solid hsla(0,0%,100%,.6);
    background: linear-gradient(98deg,hsla(0,0%,100%,.85) 4.86%,hsla(0,0%,100%,.72) 95.44%);
    box-shadow: 0 4px 20px 0 rgba(72,78,93,.08);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    overflow: hidden
}

.uno3-hero3__supplement .uno3-hero3__card-list:hover {
    background-image: linear-gradient(98deg,hsla(0,0%,100%,.75) 4.86%,hsla(0,0%,100%,.63) 95.44%)
}

.uno3-hero3__supplement .uno3-hero3__card-item {
    width: 100%;
    height: 220px;
    cursor: pointer;
    padding: 20px;
    position: relative
}

.uno3-hero3__supplement .uno3-hero3__card-item .uno3-button {
    width: 170px
}

.uno3-hero3__supplement .uno3-hero3__card-inner {
    width: 100%;
    height: 100%;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden
}

.uno3-hero3__supplement .uno3-hero3__card-icon {
    position: absolute;
    width: 220px;
    height: 220px;
    right: 0;
    bottom: 0
}

.uno3-hero3__supplement .uno3-hero3__card-tag {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    border-radius: 2px;
    border: 1px solid #a2c5ff;
    background: #e7f0ff;
    padding: 1px 7px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    color: #003cab
}

.uno3-hero3__supplement .uno3-hero3__card-cont {
    max-height: 56px;
    margin-top: 44px;
    overflow: hidden
}

.uno3-hero3__supplement .uno3-hero3__card-title {
    color: #000;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.uno3-hero3__supplement .uno3-hero3__card-desc {
    margin-top: 4px;
    font-size: 16px;
    line-height: 24px;
    color: rgba(0,0,0,.9);
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width: 768px) {
    .uno3-hero3__supplement {
        width:100%;
        margin-top: 28px
    }

    .uno3-hero3__supplement .uno3-hero3__card-swiper-next,.uno3-hero3__supplement .uno3-hero3__card-swiper-prev {
        display: none!important
    }

    .uno3-hero3__supplement .uno3-hero3__card-list {
        background: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        -webkit-backdrop-filter: none;
        backdrop-filter: none
    }

    .uno3-hero3__supplement .uno3-hero3__card-list:hover {
        background: transparent
    }

    .uno3-hero3__supplement .uno3-hero3__card-list:not(.single-card) {
        width: calc(100% + 32px);
        margin-left: -16px;
        margin-right: -16px
    }

    .uno3-hero3__supplement .uno3-hero3__card-list:not(.single-card) .swiper-slide {
        padding: 0 6px;
        width: calc(100% - 64px)!important
    }

    .uno3-hero3__supplement .uno3-hero3__card-item {
        height: 140px;
        padding: 16px;
        background: #fff;
        border-radius: 8px
    }

    .uno3-hero3__supplement .uno3-hero3__card-item .uno3-button {
        border: 0;
        background: transparent;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding: 0;
        height: auto
    }

    .uno3-hero3__supplement .uno3-hero3__card-item .uno3-button-inner {
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 12px
    }

    .uno3-hero3__supplement .uno3-hero3__card-item .uno3-button:not(.uno3-button--disabled):hover {
        border: 0;
        background: transparent;
        color: #0052d9
    }

    .uno3-hero3__supplement .uno3-hero3__card-icon {
        width: 120px;
        height: 120px
    }

    .uno3-hero3__supplement .uno3-hero3__card-tag {
        display: none
    }

    .uno3-hero3__supplement .uno3-hero3__card-cont {
        max-height: none;
        margin-top: 0
    }

    .uno3-hero3__supplement .uno3-hero3__card-title {
        font-size: 16px;
        line-height: 24px
    }

    .uno3-hero3__supplement .uno3-hero3__card-desc {
        display: none
    }
}

@media (min-width: 769px) {
    .uno3-speech {
        border:1px solid rgba(220,225,236,.5);
        background: #fff;
        box-shadow: 0 2px 6px 0 rgba(0,0,0,.04);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 48px;
        position: relative;
        overflow: hidden
    }

    .uno3-speech:before {
        background: linear-gradient(90deg,hsla(0,0%,100%,.68),rgba(204,219,247,.68));
        left: -190px;
        top: -281px
    }

    .uno3-speech:after,.uno3-speech:before {
        content: "";
        display: block;
        border-radius: 1187px;
        -webkit-filter: blur(150px);
        filter: blur(150px);
        width: 1187px;
        height: 357px;
        -webkit-transform: rotate(168deg);
        transform: rotate(168deg);
        position: absolute
    }

    .uno3-speech:after {
        background: linear-gradient(90deg,hsla(0,0%,100%,.68),rgba(201,208,255,.68));
        right: -435px;
        top: -192px
    }

    .uno3-speech__top {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24px;
        border-bottom: 1px solid #cbd7e0;
        padding-bottom: 48px;
        position: relative;
        z-index: 1
    }

    .uno3-speech__hd {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 48px
    }

    .uno3-speech__hd-lt {
        -ms-flex: 1;
        flex: 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px;
        max-width: 1000px
    }

    .uno3-speech__hd-title {
        font-size: 24px;
        line-height: 32px;
        font-weight: 600;
        color: #000
    }

    .uno3-speech__hd-desc {
        gap: 20px
    }

    .uno3-speech__hd-desc,.uno3-speech__hd-desc-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-speech__hd-desc-item {
        gap: 8px
    }

    .uno3-speech__hd-desc-icon {
        width: 16px;
        height: 16px
    }

    .uno3-speech__hd-desc-icon img {
        width: 100%;
        height: 100%
    }

    .uno3-speech__hd-desc-text {
        font-size: 12px;
        line-height: 20px;
        color: rgba(0,0,0,.7)
    }

    .uno3-speech__hd-rt {
        -ms-flex: 0 auto;
        flex: 0 auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 12px;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-speech__hd-rt .uno3-button {
        width: 194px
    }

    .uno3-speech__intro {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 14px;
        line-height: 22px;
        color: rgba(0,0,0,.7)
    }

    .uno3-speech__intro p+p {
        margin-top: 18px
    }

    .uno3-speech__participants {
        position: relative;
        z-index: 1;
        padding-top: 48px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 48px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .uno3-speech__participant {
        -ms-flex: 0 0 calc(50% - 24px);
        flex: 0 0 calc(50% - 24px);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        gap: 16px
    }

    .uno3-speech__participant-avatar {
        -ms-flex: 0 0 80px;
        flex: 0 0 80px;
        height: 80px;
        border-radius: 50%;
        overflow: hidden
    }

    .uno3-speech__participant-avatar img {
        width: 100%;
        height: 100%
    }

    .uno3-speech__participant-info {
        -ms-flex: 1;
        flex: 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px
    }

    .uno3-speech__participant-name {
        font-size: 18px;
        line-height: 26px;
        font-weight: 500;
        color: #000
    }

    .uno3-speech__participant-desc,.uno3-speech__participant-position {
        font-size: 14px;
        line-height: 22px;
        color: rgba(0,0,0,.7)
    }

    .uno3-speech__agenda-list {
        padding-top: 48px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
        z-index: 1
    }

    .uno3-speech__agenda-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: row;
        flex-direction: row;
        position: relative
    }

    .uno3-speech__agenda-item:before {
        content: "";
        display: inline-block;
        width: 1px;
        height: 100%;
        background: #dce1ec;
        left: 126.5px;
        position: absolute;
        top: 0
    }

    .uno3-speech__agenda-time {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        color: rgba(0,0,0,.7);
        -ms-flex: 0 0 132px;
        flex: 0 0 132px;
        padding-right: 32px;
        position: relative
    }

    .uno3-speech__agenda-dot {
        position: absolute;
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: #0052d9;
        right: 0;
        top: calc(50% - 4.5px)
    }

    .uno3-speech__agenda-content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 24px;
        padding-bottom: 48px
    }

    .uno3-speech__agenda-title {
        color: #000;
        font-size: 20px;
        line-height: 28px;
        font-weight: 600;
        margin-bottom: 8px
    }

    .uno3-speech__agenda-desc {
        color: rgba(0,0,0,.7);
        font-size: 14px;
        line-height: 22px
    }

    .uno3-speech__agenda-participants {
        margin-top: 24px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24px
    }

    .uno3-speech__agenda-participant {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        gap: 16px
    }

    .uno3-speech__agenda-participant-avatar {
        -ms-flex: 0 0 50px;
        flex: 0 0 50px;
        height: 50px;
        border-radius: 50%;
        overflow: hidden
    }

    .uno3-speech__agenda-participant-avatar img {
        width: 100%;
        height: 100%
    }

    .uno3-speech__agenda-participant-info {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px
    }

    .uno3-speech__agenda-participant-name {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        color: #000
    }

    .uno3-speech__agenda-participant-detail {
        color: rgba(0,0,0,.7);
        font-size: 12px;
        line-height: 20px
    }
}

@media (min-width: 769px) and (max-width:1400px) {
    .uno3-speech {
        padding:38px
    }

    .uno3-speech__top {
        padding-bottom: 38px
    }

    .uno3-speech__hd {
        gap: 38px
    }

    .uno3-speech__hd-title {
        font-size: 22px;
        line-height: 30px
    }

    .uno3-speech__intro {
        font-size: 12px;
        line-height: 20px
    }

    .uno3-speech__participants {
        gap: 38px;
        padding-top: 38px
    }

    .uno3-speech__participant-info {
        gap: 4px
    }

    .uno3-speech__participant-name {
        font-size: 16px;
        line-height: 24px
    }

    .uno3-speech__participant-desc,.uno3-speech__participant-position {
        font-size: 12px;
        line-height: 20px
    }

    .uno3-speech__agenda-list {
        padding-top: 38px
    }

    .uno3-speech__agenda-time {
        font-size: 14px;
        line-height: 22px
    }

    .uno3-speech__agenda-title {
        font-size: 18px;
        line-height: 26px
    }

    .uno3-speech__agenda-desc {
        font-size: 12px;
        line-height: 20px
    }

    .uno3-speech__agenda-content {
        padding-bottom: 38px
    }

    .uno3-speech__agenda-participant-name {
        font-size: 14px;
        line-height: 22px
    }
}

@media (max-width: 768px) {
    .uno3-speech {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24px;
        border: 1px solid #eaedf1;
        background: #fff;
        box-shadow: 0 2px 12px 0 rgba(55,99,170,.06);
        padding: 16px 12px 12px
    }

    .uno3-speech__hd,.uno3-speech__hd-lt,.uno3-speech__top {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12px
    }

    .uno3-speech__hd-lt {
        width: 100%
    }

    .uno3-speech__hd-title {
        font-size: 16px;
        line-height: 24px;
        font-weight: 600;
        color: #000
    }

    .uno3-speech__hd-desc-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 8px;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-speech__hd-desc-icon {
        width: 14px;
        height: 14px
    }

    .uno3-speech__hd-desc-icon img {
        width: 100%
    }

    .uno3-speech__hd-desc-text {
        font-size: 12px;
        line-height: 20px;
        color: rgba(0,0,0,.7)
    }

    .uno3-speech__hd-rt {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 12px;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-speech__hd-rt .uno3-button {
        width: 100%
    }

    .uno3-speech__intro {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 14px;
        line-height: 22px;
        color: rgba(0,0,0,.7)
    }

    .uno3-speech__intro p+p {
        margin-top: 8px
    }

    .uno3-speech__intro--collapsed {
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 4;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .uno3-speech__intro-toggle {
        position: relative;
        display: inline-block;
        margin: 0 auto;
        color: #0052d9;
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        padding-right: 16px
    }

    .uno3-speech__intro-toggle:after {
        content: "";
        display: inline-block;
        width: 9px;
        height: 6px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_speech_arrow_expand.svg);
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat;
        position: absolute;
        top: calc(50% - 3px);
        right: 0;
        transition: -webkit-transform .2s ease;
        transition: transform .2s ease;
        transition: transform .2s ease,-webkit-transform .2s ease
    }

    .uno3-speech__intro-toggle--expanded:after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .uno3-speech__participants {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .uno3-speech__participant {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: top;
        align-items: top;
        gap: 16px;
        padding: 12px;
        border-top: 1px solid #ebebeb
    }

    .uno3-speech__participant-avatar {
        -ms-flex: 0 0 40px;
        flex: 0 0 40px;
        height: 40px;
        border-radius: 50%;
        overflow: hidden
    }

    .uno3-speech__participant-avatar img {
        width: 100%;
        height: 100%
    }

    .uno3-speech__participant-info {
        -ms-flex: 1;
        flex: 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px
    }

    .uno3-speech__participant-name {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        color: #000
    }

    .uno3-speech__participant-desc,.uno3-speech__participant-position {
        font-size: 12px;
        line-height: 20px;
        color: rgba(0,0,0,.7)
    }

    .uno3-speech--agenda {
        background: transparent;
        border: 0;
        box-shadow: none;
        padding: 0
    }

    .uno3-speech--agenda .uno3-speech__top {
        padding: 16px 12px 12px;
        background: linear-gradient(171deg,#f4f8ff 1.34%,#fff 96.29%)
    }

    .uno3-speech__agenda-item,.uno3-speech__agenda-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .uno3-speech__agenda-item {
        gap: 8px;
        position: relative;
        padding-left: 16px;
        padding-bottom: 16px
    }

    .uno3-speech__agenda-item:before {
        content: "";
        display: inline-block;
        width: 2px;
        height: calc(100% - 24px);
        background: #dce1ec;
        left: 3px;
        position: absolute;
        top: 24px
    }

    .uno3-speech__agenda-time {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        color: #000
    }

    .uno3-speech__agenda-dot {
        position: absolute;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #0052d9;
        left: 0;
        top: 8px
    }

    .uno3-speech__agenda-title {
        color: #000;
        font-size: 14px;
        line-height: 22px;
        font-weight: 500;
        margin-bottom: 8px
    }

    .uno3-speech__agenda-desc {
        color: rgba(0,0,0,.7);
        font-size: 12px;
        line-height: 20px;
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 5;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .uno3-speech__agenda-participants {
        margin-top: 4px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12px
    }

    .uno3-speech__agenda-participant {
        background: linear-gradient(90deg,#e9f0ff,rgba(233,240,255,0));
        padding: 12px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        gap: 16px
    }

    .uno3-speech__agenda-participant-avatar {
        -ms-flex: 0 0 40px;
        flex: 0 0 40px;
        height: 40px;
        border-radius: 50%;
        overflow: hidden
    }

    .uno3-speech__agenda-participant-avatar img {
        width: 100%;
        height: 100%
    }

    .uno3-speech__agenda-participant-info {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px
    }

    .uno3-speech__agenda-participant-name {
        font-size: 14px;
        line-height: 22px;
        font-weight: 500;
        color: #000
    }

    .uno3-speech__agenda-participant-detail {
        color: rgba(0,0,0,.7);
        font-size: 12px;
        line-height: 20px
    }
}

@media (max-width: 768px) {
    .uno3-section.bg-gray .uno3-speech--agenda .uno3-speech__top {
        background:linear-gradient(180deg,#fff,#fff)
    }

    .uno3-section.bg-gray .uno3-speech--agenda .uno3-speech__agenda-participant {
        background: hsla(0,0%,100%,.7)
    }
}

.qc-base-editable-select-dropdown-list::-webkit-scrollbar {
    background-color: transparent;
    width: 4px;
    height: 4px;
    background-clip: padding-box
}

.qc-base-editable-select-dropdown-list::-webkit-scrollbar-button {
    background-color: transparent
}

.qc-base-editable-select-dropdown-list::-webkit-scrollbar-thumb {
    background-color: #e6e6ec;
    border-radius: 0
}

.qc-base-editable-select-dropdown-list::-webkit-scrollbar-corner {
    background-color: transparent
}

@-webkit-keyframes expandOutUp {
    0% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: left top 0;
        transform-origin: left top 0
    }

    to {
        opacity: 0;
        -webkit-transform: scaleY(.6);
        transform: scaleY(.6);
        -webkit-transform-origin: left top 0;
        transform-origin: left top 0
    }
}

@keyframes expandOutUp {
    0% {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: left top 0;
        transform-origin: left top 0
    }

    to {
        opacity: 0;
        -webkit-transform: scaleY(.6);
        transform: scaleY(.6);
        -webkit-transform-origin: left top 0;
        transform-origin: left top 0
    }
}

@-webkit-keyframes expandInDown {
    0% {
        opacity: 0;
        -webkit-transform: scaleY(.6);
        transform: scaleY(.6);
        -webkit-transform-origin: left top 0;
        transform-origin: left top 0
    }

    to {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: left top 0;
        transform-origin: left top 0
    }
}

@keyframes expandInDown {
    0% {
        opacity: 0;
        -webkit-transform: scaleY(.6);
        transform: scaleY(.6);
        -webkit-transform-origin: left top 0;
        transform-origin: left top 0
    }

    to {
        opacity: 1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: left top 0;
        transform-origin: left top 0
    }
}

.qc-base-animation-expandInDown,.qc-base-animation-expandOutUp {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.qc-base-animation-expandOutUp {
    -webkit-animation-name: expandOutUp;
    animation-name: expandOutUp;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: .1s;
    animation-duration: .1s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.qc-base-animation-expandInDown {
    -webkit-animation-name: expandInDown;
    animation-name: expandInDown;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: .1s;
    animation-duration: .1s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(.23,1,.32,1);
    animation-timing-function: cubic-bezier(.23,1,.32,1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.qc-base-editable-select {
    position: relative;
    display: inline-block;
    width: 100%;
    width: 250px
}

@media (max-width: 768px) {
    .qc-base-editable-select {
        width:100%
    }
}

.qc-base-editable-select-input-wrap {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.qc-base-editable-select-input {
    width: 100%;
    height: 36px;
    padding: 7px 32px 7px 8px;
    font-size: 14px;
    line-height: 22px;
    border: 1px solid #e3e6eb;
    color: #181818;
    background: #fff;
    outline: none;
    transition: all .2s;
    box-sizing: border-box
}

.qc-base-editable-select-input::-webkit-input-placeholder {
    color: #97a3b7
}

.qc-base-editable-select-input::-moz-placeholder {
    color: #97a3b7
}

.qc-base-editable-select-input:-ms-input-placeholder {
    color: #97a3b7
}

.qc-base-editable-select-input::placeholder {
    color: #97a3b7
}

.qc-base-editable-select-arrow {
    position: absolute;
    right: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
    width: 16px;
    height: 16px;
    font-size: 0
}

.qc-base-editable-select-arrow-icon {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(/web/jinglisafe/assets/images/activity/qc_base_editable_select_arrow_normal.svg) no-repeat 50%;
    background-size: 16px 16px;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s
}

.qc-base-editable-select-clear {
    position: absolute;
    right: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.qc-base-editable-select-clear-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/web/jinglisafe/assets/images/activity/qc_base_editable_select_arrow_clear.svg) no-repeat 50%;
    background-size: 16px 16px
}

.qc-base-editable-select:hover .qc-base-editable-select-input {
    border: 1px solid #0052d9;
    color: #181818;
    background: #fff
}

.qc-base-editable-select:hover .qc-base-editable-select-arrow-icon {
    background-image: url(/web/jinglisafe/assets/images/activity/qc_base_editable_select_arrow_hover.svg)
}

.qc-base-editable-select.qc-base-editable-select-active .qc-base-editable-select-input,.qc-base-editable-select.qc-base-editable-select-active:hover .qc-base-editable-select-input {
    border: 1px solid #0052d9;
    color: #0052d9;
    background: #fff
}

.qc-base-editable-select.qc-base-editable-select-active .qc-base-editable-select-arrow-icon,.qc-base-editable-select.qc-base-editable-select-active:hover .qc-base-editable-select-arrow-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    background-image: url(/web/jinglisafe/assets/images/activity/qc_base_editable_select_arrow_active.svg)
}

.qc-base-editable-select.qc-base-editable-select-disabled .qc-base-editable-select-input,.qc-base-editable-select.qc-base-editable-select-disabled:hover .qc-base-editable-select-input {
    border: 1px solid #e3e6eb;
    color: #97a3b7;
    background: #f1f2f5;
    cursor: not-allowed
}

.qc-base-editable-select.qc-base-editable-select-disabled .qc-base-editable-select-arrow-icon,.qc-base-editable-select.qc-base-editable-select-disabled:hover .qc-base-editable-select-arrow-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    background-image: url(/web/jinglisafe/assets/images/activity/qc_base_editable_select_arrow_disabled.svg)
}

.qc-base-editable-select-dropdown {
    position: absolute;
    background-color: #fff;
    border: 1px solid #e3e6eb;
    border-radius: 2px;
    overflow: hidden;
    opacity: 0;
    visibility: hidden
}

.qc-base-editable-select-dropdown-show {
    opacity: 1;
    visibility: visible
}

.qc-base-editable-select-dropdown-list {
    max-height: 340px;
    overflow-y: auto;
    padding: 4px 0
}

.qc-base-editable-select-option {
    padding: 7px 8px;
    font-size: 14px;
    line-height: 22px;
    color: #181818;
    background: #fff;
    cursor: pointer;
    transition: background-color .2s ease-in-out,color .2s ease-out;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.qc-base-editable-select-option:hover {
    color: #181818;
    background: #f5f7fa
}

.qc-base-editable-select-option-selected {
    color: #fff;
    background: #0052d9
}

.qc-base-editable-select-option-disabled,.qc-base-editable-select-option .qc-base-editable-select-option-disabled {
    color: #98a3b7;
    background: #fff;
    cursor: not-allowed
}

.qc-base-editable-select-highlight {
    font-weight: 600
}

.qc-base-editable-select-empty,.qc-base-editable-select-helper {
    padding: 7px 8px;
    text-align: center;
    color: #97a3b7;
    font-size: 14px;
    line-height: 22px
}

.qc-base-editable-select-loading-wrap {
    padding: 7px 8px;
    text-align: center
}

.qc-base-editable-select-loading-text {
    color: #97a3b7;
    font-size: 14px;
    line-height: 22px
}

@media (min-width: 769px) {
    .uno3-sponsor__intro {
        font-size:14px;
        line-height: 22px;
        color: rgba(0,0,0,.7)
    }

    .uno3-sponsor__contacts {
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 130px
    }

    .uno3-sponsor__contact-item,.uno3-sponsor__contacts {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .uno3-sponsor__contact-item {
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px
    }

    .uno3-sponsor__contact-title {
        font-size: 14px;
        line-height: 22px;
        font-weight: 600;
        color: #000
    }

    .uno3-sponsor__contact-content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        gap: 4px
    }

    .uno3-sponsor__contact-icon {
        width: 14px;
        height: 14px
    }

    .uno3-sponsor__contact-text {
        font-size: 12px;
        line-height: 20px;
        color: rgba(0,0,0,.7)
    }

    .uno3-sponsor__item {
        padding: 20px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        gap: 40px;
        border: 1px solid #dedede;
        background: #fff
    }

    .uno3-sponsor__logo {
        max-height: 120px;
        max-width: 158px
    }

    .uno3-sponsor__info {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 8px;
        -ms-flex: 1;
        flex: 1;
        position: relative
    }

    .uno3-sponsor__info:after {
        content: "";
        display: inline-block;
        width: 1px;
        height: 58px;
        background: #dedede;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: -20px
    }

    .uno3-sponsor__label {
        font-size: 18px;
        line-height: 26px;
        font-weight: 600;
        color: #000
    }

    .uno3-sponsor__desc {
        font-size: 14px;
        line-height: 22px;
        line-height: 28px;
        color: #000
    }

    .uno3-sponsor--single {
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 20px;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .uno3-sponsor--single,.uno3-sponsor--single .uno3-sponsor__left {
        display: -ms-flexbox;
        display: flex
    }

    .uno3-sponsor--single .uno3-sponsor__item {
        -ms-flex: 0 0 400px;
        flex: 0 0 400px
    }

    .uno3-sponsor--single .uno3-sponsor__right {
        gap: 16px
    }

    .uno3-sponsor--multiple,.uno3-sponsor--single .uno3-sponsor__right {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .uno3-sponsor--multiple {
        gap: 32px;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .uno3-sponsor--multiple .uno3-sponsor__list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 20px;
        width: 100%
    }

    .uno3-sponsor--multiple .uno3-sponsor__list--length-2 .uno3-sponsor__item,.uno3-sponsor--multiple .uno3-sponsor__list--length-4 .uno3-sponsor__item {
        -ms-flex: 0 0 calc(50% - 10px);
        flex: 0 0 calc(50% - 10px)
    }

    .uno3-sponsor--multiple .uno3-sponsor__item {
        -ms-flex: 0 0 calc(33.33% - 14px);
        flex: 0 0 calc(33.33% - 14px)
    }

    .uno3-sponsor--multiple .uno3-sponsor__logo-wrap {
        -ms-flex: 1;
        flex: 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }

    .uno3-sponsor--multiple .uno3-sponsor__logo {
        max-height: 100px
    }

    .uno3-sponsor--multiple .uno3-sponsor__info {
        -ms-flex: 1;
        flex: 1
    }

    .uno3-sponsor--multiple .uno3-sponsor__info:after {
        right: -20px;
        left: auto
    }
}

@media (min-width: 769px) and (max-width:1400px) {
    .uno3-sponsor__intro {
        font-size:12px;
        line-height: 20px
    }
}

@media (max-width: 768px) {
    .uno3-sponsor,.uno3-sponsor__right {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px
    }

    .uno3-sponsor__intro {
        font-size: 14px;
        line-height: 22px;
        color: rgba(0,0,0,.7)
    }

    .uno3-sponsor__contacts {
        gap: 20px
    }

    .uno3-sponsor__contact-item,.uno3-sponsor__contacts {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .uno3-sponsor__contact-item {
        gap: 8px
    }

    .uno3-sponsor__contact-title {
        font-size: 16px;
        line-height: 24px;
        font-weight: 600;
        color: #000
    }

    .uno3-sponsor__contact-content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 4px
    }

    .uno3-sponsor__contact-icon {
        width: 16px;
        height: 16px;
        margin-top: 3px
    }

    .uno3-sponsor__contact-text {
        font-size: 14px;
        line-height: 22px;
        color: rgba(0,0,0,.7)
    }

    .uno3-sponsor__list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px
    }

    .uno3-sponsor__item {
        padding: 20px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        gap: 40px;
        border: 1px solid #dedede;
        background: #fff
    }

    .uno3-sponsor__logo {
        max-height: 80px
    }

    .uno3-sponsor__info {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 4px;
        -ms-flex: 1;
        flex: 1;
        position: relative
    }

    .uno3-sponsor__info:after {
        content: "";
        display: inline-block;
        width: 1px;
        height: 58px;
        background: #dedede;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: -20px
    }

    .uno3-sponsor__label {
        font-size: 18px;
        line-height: 26px;
        font-weight: 600;
        color: #000
    }

    .uno3-sponsor__desc {
        font-size: 14px;
        line-height: 22px;
        line-height: 28px;
        color: #000
    }

    .uno3-sponsor--multiple .uno3-sponsor__item {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media (min-width: 769px) {
    .uno3-live {
        position:relative;
        border: 1px solid rgba(220,225,236,.5);
        background: #fff;
        box-shadow: 0 8px 10px 0 rgba(81,126,198,.05);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .uno3-live__media {
        -ms-flex: 1;
        flex: 1;
        position: relative
    }

    .uno3-live__media img,.uno3-live__media video {
        width: 100%;
        display: block
    }

    .uno3-live__media-overlay {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        gap: 24px;
        padding: 20px 40px;
        height: 130px;
        background: linear-gradient(180deg,rgba(0,26,82,.16) -10%,rgba(2,11,26,.8) 99.04%);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px)
    }

    .uno3-live__media-overlay-title {
        font-size: 24px;
        line-height: 32px;
        font-weight: 500;
        color: #fff
    }

    .uno3-live__media-overlay-desc {
        margin-top: 4px;
        font-size: 14px;
        line-height: 22px;
        color: #fff
    }

    .uno3-live__media-overlay-countdown {
        margin-top: 4px
    }

    .uno3-live__media-overlay-countdown,.uno3-live__media-overlay-countdown-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: baseline;
        align-items: baseline;
        gap: 4px
    }

    .uno3-live__media-overlay-countdown-value {
        color: #fff;
        font-size: 30px;
        line-height: 38px;
        font-weight: 700;
        font-family: DIN Alternate
    }

    .uno3-live__media-overlay-countdown-unit {
        font-size: 14px;
        line-height: 22px;
        color: #fff;
        font-family: PingFang HK
    }

    .uno3-live__media-overlay-right {
        -ms-flex: 0 0 194px;
        flex: 0 0 194px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        gap: 12px
    }

    .uno3-live__media-overlay-right .uno3-button {
        -ms-flex: 1;
        flex: 1;
        width: 0
    }

    .uno3-live__media-play {
        width: 112px;
        height: 112px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_live_btn_play.png);
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        z-index: 2;
        cursor: pointer
    }

    .uno3-live__media-play--replay {
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_live_btn_replay.png)
    }

    .uno3-live__media-play--playing {
        display: none
    }

    .uno3-live__media-status {
        display: -ms-flexbox;
        display: flex;
        border-radius: 20px;
        background: rgba(0,0,0,.25);
        -webkit-backdrop-filter: blur(2.5px);
        backdrop-filter: blur(2.5px);
        padding: 3px;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: start;
        justify-content: flex-start;
        min-width: 60px;
        gap: 4px;
        position: absolute;
        top: 10px;
        left: 10px;
        z-index: 10
    }

    .uno3-live__media-status-text {
        font-size: 12px;
        line-height: 20px;
        color: #fff
    }

    .uno3-live__media-status-tag {
        width: 20px;
        height: 20px;
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat
    }

    .uno3-live__media-status--live .uno3-live__media-status-tag {
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_live_tag_live.svg)
    }

    .uno3-live__media-status--replay .uno3-live__media-status-tag {
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_live_tag_replay.svg)
    }

    .uno3-live__media-trial {
        position: absolute;
        bottom: 118px;
        left: 0;
        width: 509px;
        padding: 10px 24px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        gap: 16px;
        background: rgba(17,17,17,.8);
        z-index: 11
    }

    .uno3-live__media-trial-text {
        font-size: 14px;
        line-height: 22px;
        color: #fff
    }

    .uno3-live__media-trial-text--mobile {
        display: none
    }

    .uno3-live__media-trial-actions {
        width: 90px
    }

    .uno3-live__media-trial-actions .uno3-button {
        width: 100%;
        padding: 0 4px
    }
}

@media (min-width: 769px) and (max-width:1200px) {
    .uno3-live__media-overlay {
        height:108px
    }

    .uno3-live__media-overlay-title {
        font-size: 22px;
        line-height: 30px
    }

    .uno3-live__media-overlay-countdown-value {
        font-size: 28px;
        line-height: 36px
    }
}

@media (min-width: 769px) and (max-width:1400px) {
    .uno3-live__media-overlay {
        height:104px;
        padding: 16px 30px
    }

    .uno3-live__media-overlay-title {
        font-size: 22px;
        line-height: 30px
    }

    .uno3-live__media-overlay-countdown-value {
        font-size: 28px;
        line-height: 36px
    }
}

@media (min-width: 769px) {
    .uno3-live__infocard {
        -ms-flex:0 0 480px;
        flex: 0 0 480px;
        box-sizing: border-box;
        position: relative
    }

    .uno3-live__infocard-inner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 40px;
        box-sizing: border-box
    }

    .uno3-live__infocard-title {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        font-size: 24px;
        line-height: 32px;
        font-weight: 700;
        color: #181818
    }

    .uno3-live__infocard-desc {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-top: 8px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 4px
    }

    .uno3-live__infocard-desc-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 8px
    }

    .uno3-live__infocard-desc-icon {
        -ms-flex: 0 0 16px;
        flex: 0 0 16px;
        height: 16px;
        margin-top: 2px
    }

    .uno3-live__infocard-desc-icon img {
        width: 100%;
        height: 100%
    }

    .uno3-live__infocard-desc-text {
        font-size: 12px;
        line-height: 20px;
        color: #32394b
    }

    .uno3-live__infocard-intro {
        -ms-flex: 1;
        flex: 1;
        min-height: 0;
        margin-top: 24px;
        overflow-y: auto;
        font-size: 16px;
        line-height: 24px;
        color: #4e5461;
        margin-right: -36px;
        padding-right: 36px
    }

    .uno3-live__infocard-intro::-webkit-scrollbar {
        background-color: transparent;
        width: 4px;
        height: 4px
    }

    .uno3-live__infocard-intro::-webkit-scrollbar-thumb {
        background-color: rgba(0,0,0,.1);
        border-radius: 8px
    }

    .uno3-live__infocard-intro-box {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px
    }

    .uno3-live__infocard-intro-box+.uno3-live__infocard-intro-box {
        margin-top: 12px
    }

    .uno3-live__infocard-intro-box-title {
        font-size: 16px;
        line-height: 24px;
        line-height: 34px;
        font-weight: 700;
        color: #181818
    }

    .uno3-live__infocard-intro-box-desc {
        font-size: 16px;
        line-height: 24px;
        color: #4e5461
    }

    .uno3-live__infocard-intro-box-desc,.uno3-live__infocard-intro-box-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px
    }

    .uno3-live__infocard-intro-box-item-text {
        font-size: 16px;
        line-height: 24px;
        color: #4e5461
    }

    .uno3-live__infocard-intro-box-item-text:before {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-right: 8px;
        vertical-align: middle;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_live_intro_list_icon.svg);
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat
    }
}

@media (min-width: 769px) and (max-width:1200px) {
    .uno3-live__infocard {
        -ms-flex:0 0 380px;
        flex: 0 0 380px
    }

    .uno3-live__infocard-inner {
        padding: 30px
    }

    .uno3-live__infocard-title {
        font-size: 22px;
        line-height: 30px
    }

    .uno3-live__infocard-desc {
        margin-top: 6px
    }

    .uno3-live__infocard-intro {
        margin-top: 20px;
        margin-right: -26px;
        padding-right: 26px
    }

    .uno3-live__infocard-intro,.uno3-live__infocard-intro-box-desc,.uno3-live__infocard-intro-box-item-text,.uno3-live__infocard-intro-box-title {
        font-size: 14px;
        line-height: 22px
    }
}

@media (min-width: 769px) and (max-width:1400px) {
    .uno3-live__infocard {
        -ms-flex:0 0 400px;
        flex: 0 0 400px
    }

    .uno3-live__infocard-inner {
        padding: 30px
    }

    .uno3-live__infocard-title {
        font-size: 22px;
        line-height: 30px
    }

    .uno3-live__infocard-desc {
        margin-top: 6px
    }

    .uno3-live__infocard-intro {
        margin-top: 22px;
        margin-right: -26px;
        padding-right: 26px
    }

    .uno3-live__infocard-intro,.uno3-live__infocard-intro-box-desc,.uno3-live__infocard-intro-box-item-text,.uno3-live__infocard-intro-box-title {
        font-size: 14px;
        line-height: 22px
    }
}

@media (max-width: 768px) {
    .uno3-live {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        box-shadow: 0 0 20px 0 rgba(0,0,0,.05);
        background: #fff
    }

    .uno3-live__media {
        width: 100%;
        font-size: 0;
        position: relative
    }

    .uno3-live__media img,.uno3-live__media video {
        width: 100%
    }

    .uno3-live__media-overlay {
        position: relative;
        z-index: 1;
        width: 100%;
        padding: 10px 16px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 14px;
        background: rgba(5,5,5,.8);
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px)
    }

    .uno3-live__media-overlay-title {
        font-size: 14px;
        line-height: 22px;
        font-weight: 500;
        color: #fff
    }

    .uno3-live__media-overlay-desc {
        margin-top: 4px;
        font-size: 10px;
        line-height: 18px;
        color: hsla(0,0%,100%,.7)
    }

    .uno3-live__media-overlay-countdown {
        margin-top: 4px
    }

    .uno3-live__media-overlay-countdown,.uno3-live__media-overlay-countdown-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: baseline;
        align-items: baseline;
        gap: 4px
    }

    .uno3-live__media-overlay-countdown-value {
        color: #fff;
        font-size: 16px;
        line-height: 24px;
        font-weight: 700;
        font-family: DIN Alternate
    }

    .uno3-live__media-overlay-countdown-unit {
        font-size: 10px;
        line-height: 18px;
        color: #fff;
        font-family: PingFang HK
    }

    .uno3-live__media-overlay-right {
        -ms-flex: 0 0 100px;
        flex: 0 0 100px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        gap: 12px
    }

    .uno3-live__media-overlay-right .uno3-button {
        -ms-flex: 1;
        flex: 1;
        width: 0;
        padding: 0 4px
    }

    .uno3-live__media-overlay-right .uno3-button .uno3-button__inner .uno3-button__text {
        -webkit-transform: none;
        transform: none
    }

    .uno3-live__media-overlay-right .uno3-button .uno3-button__arrow {
        display: none
    }

    .uno3-live__media-play {
        width: 56px;
        height: 56px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_live_btn_play.png);
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat;
        position: absolute;
        top: calc(28.125vw - 18px);
        left: 50%;
        -webkit-transform: translate(-28px,-28px);
        transform: translate(-28px,-28px);
        z-index: 2;
        cursor: pointer
    }

    .uno3-live__media-play--replay {
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_live_btn_replay.png)
    }

    .uno3-live__media-play--playing {
        display: none
    }

    .uno3-live__media-status {
        display: -ms-flexbox;
        display: flex;
        border-radius: 16px;
        background: rgba(0,0,0,.25);
        -webkit-backdrop-filter: blur(2.5px);
        backdrop-filter: blur(2.5px);
        padding: 3px;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: start;
        justify-content: flex-start;
        min-width: 51px;
        gap: 4px;
        position: absolute;
        top: 10px;
        left: 10px;
        z-index: 10
    }

    .uno3-live__media-status-text {
        font-size: 10px;
        line-height: 18px;
        color: #fff
    }

    .uno3-live__media-status-tag {
        width: 16px;
        height: 16px;
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat
    }

    .uno3-live__media-status--live .uno3-live__media-status-tag {
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_live_tag_live.svg)
    }

    .uno3-live__media-status--replay .uno3-live__media-status-tag {
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_live_tag_replay.svg)
    }

    .uno3-live__media-trial {
        position: absolute;
        bottom: 47px;
        left: 0;
        max-width: 80%;
        padding: 6px 8px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        gap: 8px;
        background: rgba(17,17,17,.8);
        z-index: 11
    }

    .uno3-live__media-trial-text {
        display: none
    }

    .uno3-live__media-trial-text--mobile {
        font-size: 12px;
        line-height: 20px;
        color: #fff
    }

    .uno3-live__media-trial-actions {
        width: 50px
    }

    .uno3-live__media-trial-actions .uno3-button {
        height: 20px;
        width: 100%;
        padding: 0 4px;
        font-size: 10px;
        line-height: 12px
    }

    .uno3-live__media-trial-actions .uno3-button .uno3-button__inner .uno3-button__text {
        -webkit-transform: none;
        transform: none
    }

    .uno3-live__media-trial-actions .uno3-button .uno3-button__arrow {
        display: none
    }

    .uno3-live__infocard-inner {
        padding: 16px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .uno3-live__infocard-title {
        font-size: 16px;
        line-height: 24px;
        font-weight: 600;
        color: #000
    }

    .uno3-live__infocard-desc {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-top: 8px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 2px
    }

    .uno3-live__infocard-desc-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 8px
    }

    .uno3-live__infocard-desc-icon {
        -ms-flex: 0 0 16px;
        flex: 0 0 16px;
        height: 16px;
        margin-top: 2px
    }

    .uno3-live__infocard-desc-icon img {
        width: 100%;
        height: 100%
    }

    .uno3-live__infocard-desc-text {
        font-size: 12px;
        line-height: 20px;
        color: #32394b
    }

    .uno3-live__infocard-intro {
        font-size: 12px;
        line-height: 20px;
        color: #4e5461;
        margin-top: 12px
    }

    .uno3-live__infocard-intro--collapsed {
        max-height: 130px;
        overflow: hidden
    }

    .uno3-live__infocard-intro-box {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px
    }

    .uno3-live__infocard-intro-box+.uno3-live__infocard-intro-box {
        margin-top: 12px
    }

    .uno3-live__infocard-intro-box-title {
        font-size: 14px;
        line-height: 22px;
        line-height: 34px;
        font-weight: 700;
        color: #181818
    }

    .uno3-live__infocard-intro-box-desc {
        font-size: 14px;
        line-height: 22px;
        color: #4e5461
    }

    .uno3-live__infocard-intro-box-desc,.uno3-live__infocard-intro-box-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px
    }

    .uno3-live__infocard-intro-box-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 8px
    }

    .uno3-live__infocard-intro-box-item-text {
        font-size: 14px;
        line-height: 22px;
        line-height: 24px;
        color: #4e5461
    }

    .uno3-live__infocard-intro-box-item-text:before {
        content: "";
        display: inline-block;
        width: 18px;
        height: 18px;
        margin-right: 8px;
        vertical-align: middle;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_live_intro_list_icon.svg);
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat
    }

    .uno3-live__infocard-intro-toggle {
        position: relative;
        display: inline-block;
        color: #0052d9;
        font-size: 14px;
        line-height: 22px;
        font-weight: 500;
        padding-right: 16px;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 4px;
        margin: -18px auto 0;
        padding-top: 18px;
        background: linear-gradient(180deg,hsla(0,0%,100%,.5),#fff)
    }

    .uno3-live__infocard-intro-toggle:after {
        content: "";
        display: inline-block;
        width: 9px;
        height: 6px;
        background-image: url(/web/jinglisafe/assets/images/activity/uno3_live_arrow_expand.svg);
        background-size: contain;
        background-position: 50%;
        background-repeat: no-repeat;
        transition: -webkit-transform .2s ease;
        transition: transform .2s ease;
        transition: transform .2s ease,-webkit-transform .2s ease
    }

    .uno3-live__infocard-intro-toggle--expanded {
        background: transparent;
        margin-top: 16px;
        padding-top: 0
    }

    .uno3-live__infocard-intro-toggle--expanded:after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

#FEFLOW {
    content: lig202604071511
}