@charset "UTF-8";.carousel-img[data-v-3abb8de9] {
    border-radius: 4px;
    height: 350px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.text-overflow-two[data-v-3abb8de9] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

[data-v-3abb8de9] .n-carousel.n-carousel--card .n-carousel__slide.n-carousel__slide--prev,[data-v-3abb8de9] .n-carousel.n-carousel--card .n-carousel__slide.n-carousel__slide--next {
    opacity: .8
}

.left-arrow[data-v-3abb8de9] {
    display: none
}

.slide-right-enter-active[data-v-3abb8de9] {
    transition: all .3s ease-out
}

.slide-right-leave-active[data-v-3abb8de9] {
    transition: all .3s cubic-bezier(1,.5,.8,1)
}

.slide-right-enter-from[data-v-3abb8de9],.slide-right-leave-to[data-v-3abb8de9] {
    opacity: 0;
    transform: translate(60px)
}

.slide-left-enter-active[data-v-3abb8de9] {
    transition: all .3s ease-out
}

.slide-left-leave-active[data-v-3abb8de9] {
    transition: all .3s cubic-bezier(1,.3,.8,1)
}

.slide-left-enter-from[data-v-3abb8de9],.slide-left-leave-to[data-v-3abb8de9] {
    opacity: 0;
    transform: translate(-60px)
}

a[data-v-3abb8de9] {
    -webkit-font-smoothing: auto
}

hr[data-v-3abb8de9] {
    background: #f5f5f5;
    height: 1px
}

.button-bg[data-v-3abb8de9] {
    background: linear-gradient(269.68deg,rgba(64,103,242,.8),#4067f2 .01%,#377bff 99.89%);
    opacity: .9
}

.card-pc[data-v-3abb8de9] {
    border-radius: .5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 287px;
    --tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-rotate: 0;--tw-rotate-x: 0;--tw-rotate-y: 0;--tw-rotate-z: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;-webkit-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
    -ms-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
    transform: translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    -o-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear
}

.card-pc[data-v-3abb8de9]:hover {
    --tw-translate-y: -3px}

.card-pc[data-v-3abb8de9][data-v-3abb8de9]:hover {
    box-shadow: 0 7px 15px #0000001a
}

.active-ing-pc[data-v-3abb8de9] {
    background: url(https://img.amz123.com/static/images/text-bg.svg);
    color: #366fe8;
    font-size: 14px;
    line-height: 18px;
    height: 27px;
    margin-top: .5rem;
    margin-bottom: .5rem;
    padding-left: .5rem;
    padding-left: 1.25rem;
    padding-top: .25rem;
    padding-bottom: 6px;
    width: 142px
}

.active-end-pc[data-v-3abb8de9] {
    background: url(https://img.amz123.com/static/images/activity/end_bg.svg);
    color: gray;
    font-size: 13px;
    line-height: 17px;
    margin-top: 3px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 20px;
    width: 142px
}

.active-ing-mobile[data-v-3abb8de9] {
    background: linear-gradient(295.85deg,rgba(197,223,255,0) -14.69%,rgba(183,210,255,.9) 83.03%);
    color: #366fe8;
    font-size: 13px;
    line-height: 17px;
    height: 27px;
    padding-left: .5rem;
    padding-right: 10px;
    padding-top: .25rem;
    padding-bottom: 6px;
    width: 142px
}

.amz-zhd-bg[data-v-3abb8de9] {
    background: linear-gradient(269.68deg,rgba(64,103,242,.8),#4067f2 .01%,#377bff 99.89%)
}

.tab-btn[data-v-3abb8de9] {
    background-color: #e2e3e6;
    border: none;
    cursor: pointer;
    display: block;
    height: 2px;
    margin: 0;
    opacity: 1;
    outline: 0;
    padding: 0;
    transition: .3s;
    width: 30px
}

@media (min-width: 1200px) {
    .card-list[data-v-3abb8de9] {
        -moz-column-gap:20px;
        column-gap: 20px
    }

    .hd-content[data-v-3abb8de9] {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }
}

@media (min-width: 1024px) and (max-width:1199px) {
    .card-list[data-v-3abb8de9] {
        width:100%
    }

    .hd-content[data-v-3abb8de9] {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

@media (min-width: 641px) and (max-width:1023px) {
    .hd-content[data-v-3abb8de9] {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}

.hd-content[data-v-3abb8de9] {
    grid-gap: 16px;
    display: grid;
    gap: 16px;
    margin-bottom: 38px
}

.hd-content .activity-item[data-v-3abb8de9] {
    --tw-bg-opacity: 1;background-color: rgba(255,255,255,var(--tw-bg-opacity));
    display: flex;
    padding-top: .5rem
}

.hd-content .activity-item .image-area[data-v-3abb8de9] {
    height: 152px;
    padding-left: .5rem;
    padding-right: .5rem;
    width: 100%
}

.hd-content .activity-item .image-area .image-item-com[data-v-3abb8de9] {
    height: 100%;
    width: 100%
}

.hd-content .activity-item .activity-title[data-v-3abb8de9] {
    --tw-text-opacity: 1;align-items: center;
    color: rgba(26,26,26,var(--tw-text-opacity));
    display: flex;
    font-size: 16px;
    height: 3rem;
    line-height: 1;
    line-height: 1.5rem;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 6px
}

.hd-content .activity-item .text-overflow-two[data-v-3abb8de9] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

.hd-content .activity-item .activity-time[data-v-3abb8de9] {
    font-size: 14px;
    line-height: 1;
    line-height: 19px
}

.hd-content .activity-item .activity-time .time[data-v-3abb8de9] {
    align-items: center;
    display: flex;
    margin: 6px 1rem 3px
}

.hd-content .activity-item .activity-time .time .time-icon[data-v-3abb8de9] {
    --tw-text-opacity: 1;color: rgba(173,173,173,var(--tw-text-opacity));
    margin-right: .5rem
}

.hd-content .activity-item .activity-bottom[data-v-3abb8de9] {
    align-items: center;
    display: flex;
    margin-left: 1rem;
    margin-right: 1rem
}

.hd-content .activity-item .activity-bottom .location-icon[data-v-3abb8de9] {
    --tw-text-opacity: 1;color: rgba(173,173,173,var(--tw-text-opacity));
    margin-right: .5rem
}

.hd-content .activity-item .activity-bottom .location-text[data-v-3abb8de9] {
    --tw-text-opacity: 1;color: rgba(153,153,153,var(--tw-text-opacity));
    font-size: 14px;
    line-height: 1;
    line-height: 18px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hd-content .activity-item .activity-bottom .approve-btn[data-v-3abb8de9] {
    --tw-text-opacity: 1;border-radius: .375rem;
    color: rgba(255,255,255,var(--tw-text-opacity));
    cursor: pointer;
    font-size: 13px;
    line-height: 1;
    line-height: 17px;
    margin-left: auto;
    padding: 6px 1rem
}

.activity-shadow[data-v-3abb8de9] {
    box-shadow: 0 2px 16px #1055bd1a
}

.no-data-content[data-v-ea1e6d82] {
    grid-gap: 22px;
    display: flex;
    gap: 22px;
    justify-content: center;
    margin-bottom: 32px;
    margin-top: 36px
}

.no-data-img[data-v-ea1e6d82] {
    height: 48px;
    max-height: 48px;
    max-width: 61px;
    min-height: 48px;
    min-width: 61px;
    width: 61px
}

.no-data-text[data-v-ea1e6d82] {
    grid-gap: 6px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    justify-content: center
}

.no-data-title[data-v-ea1e6d82] {
    color: rgba(51,51,51,var(--tw-text-opacity));
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    line-height: 22px
}

.no-data-subtitle[data-v-ea1e6d82],.no-data-title[data-v-ea1e6d82] {
    --tw-text-opacity: 1;font-family: PingFang SC
}

.no-data-subtitle[data-v-ea1e6d82] {
    color: rgba(102,102,102,var(--tw-text-opacity));
    font-size: 15px;
    line-height: 1
}

.text-overflow-two[data-v-5e2edc77] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

.activity-list[data-v-5e2edc77] {
    margin-top: 3px;
    width: 100%
}

.activity-list .activity-item[data-v-5e2edc77] {
    display: flex
}

.activity-list .activity-item .activity-image[data-v-5e2edc77] {
    border-radius: .25rem;
    flex: none
}

.activity-list .activity-item .activity-title[data-v-5e2edc77] {
    --tw-text-opacity: 1;align-items: center;
    color: rgba(61,61,61,var(--tw-text-opacity));
    display: flex;
    font-size: 14px;
    height: 2.75rem;
    line-height: 1;
    line-height: 22px;
    margin-bottom: .25rem
}

.activity-list .activity-item .text-overflow-two[data-v-5e2edc77] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

.activity-list .activity-item .activity-location[data-v-5e2edc77] {
    align-items: center;
    display: flex;
    height: 1rem
}

.activity-list .activity-item .activity-location .location-icon[data-v-5e2edc77] {
    --tw-text-opacity: 1;color: rgba(173,173,173,var(--tw-text-opacity));
    margin-right: .25rem
}

.activity-list .activity-item .activity-location .location-text[data-v-5e2edc77] {
    --tw-text-opacity: 1;color: rgba(153,153,153,var(--tw-text-opacity));
    font-size: 12px;
    line-height: 1;
    line-height: 16px
}

.activity-list .activity-item .activity-time[data-v-5e2edc77] {
    align-items: center;
    display: flex;
    height: 26px;
    justify-content: space-between
}

.activity-list .activity-item .activity-time .time[data-v-5e2edc77] {
    margin-left: .25rem
}

.activity-list .activity-item .activity-time .end-time[data-v-5e2edc77],.activity-list .activity-item .activity-time .time[data-v-5e2edc77] {
    --tw-text-opacity: 1;color: rgba(153,153,153,var(--tw-text-opacity));
    font-size: 12px;
    line-height: 1;
    line-height: 16px
}

.activity-list .activity-item .activity-time .apply-btn[data-v-5e2edc77] {
    --tw-text-opacity: 1;border-radius: .375rem;
    color: rgba(255,255,255,var(--tw-text-opacity));
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    line-height: 16px;
    margin-left: auto;
    padding: 5px 10px
}

.custom-font-family[data-v-5e2edc77] {
    font-family: Microsoft YaHei,微软雅黑,Arial,sans-serif
}

.line[data-v-5e2edc77] {
    background: linear-gradient(180deg,#757575 50%,transparent 0);
    background-size: 1px 8px;
    width: 1px
}

.activity-item-border[data-v-5e2edc77] {
    --tw-border-opacity: 1;border-bottom-width: 1px;
    border-color: rgba(245,245,245,var(--tw-border-opacity));
    padding-bottom: 16px;
    padding-top: 16px
}

.calendar-node-wrapper[data-v-5e2edc77] {
    left: -5px;
    position: absolute;
    top: 10px;
    width: 14px
}

.calendar-node-wrapper .calendar-node[data-v-5e2edc77] {
    --tw-bg-opacity: 1;--tw-border-opacity: 1;background-color: rgba(255,255,255,var(--tw-bg-opacity));
    border-color: rgba(50,50,51,var(--tw-border-opacity));
    border-radius: 9999px;
    border-width: 1px;
    box-sizing: content-box;
    height: 4px;
    margin-left: auto;
    margin-right: auto;
    width: 4px
}

.calendar-flag-wrapper[data-v-5e2edc77] {
    grid-gap: 10px;
    align-items: center;
    display: flex;
    gap: 10px
}

.calendar-flag-wrapper .calendar-flag-date[data-v-5e2edc77] {
    --tw-text-opacity: 1;color: rgba(50,50,51,var(--tw-text-opacity));
    font-size: 17px;
    font-weight: 600;
    line-height: 1;
    line-height: 22px
}

.calendar-flag-wrapper .calendar-flag-week[data-v-5e2edc77] {
    --tw-border-opacity: 1;--tw-text-opacity: 1;border-color: rgba(204,204,204,var(--tw-border-opacity));
    border-radius: .25rem;
    border-width: 1px;
    color: rgba(75,75,77,var(--tw-text-opacity));
    font-size: 12px;
    line-height: 1;
    line-height: 16px;
    padding: 2px 6px
}

.activity-item-info[data-v-5e2edc77] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    margin-left: .75rem
}

.button-bg[data-v-5e2edc77] {
    background: linear-gradient(269.68deg,rgba(64,103,242,.8),#4067f2 .01%,#377bff 99.89%);
    opacity: .9
}

.load-more[data-v-5e2edc77] {
    background: #f8f8fa;
    margin-left: -20px;
    margin-right: -20px;
    overflow: hidden;
    width: calc(100% + 40px)
}

.teleport-body[data-v-b7a18db2] {
    --tw-bg-opacity: 1;--tw-bg-opacity: .5;background-color: rgba(0,0,0,var(--tw-bg-opacity));
    bottom: 0;
    display: flex;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    width: 100vw
}

.container[data-v-b7a18db2] {
    animation: showCustomBottomDrawer-b7a18db2 .3s ease-in-out
}

@keyframes showCustomBottomDrawer-b7a18db2 {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

.filter-area[data-v-e7005ea1] {
    grid-column-gap: 1rem;
    align-items: center;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    display: flex;
    justify-content: space-between;
    margin-bottom: 3px
}

.filter-area .filter-area-content[data-v-e7005ea1] {
    grid-column-gap: 16px;
    align-items: center;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: flex
}

.filter-area .filter-item[data-v-e7005ea1] {
    --tw-text-opacity: 1;color: rgba(128,128,128,var(--tw-text-opacity));
    font-size: 14px;
    line-height: 1;
    line-height: 1.25rem
}

.filter-area .active-item[data-v-e7005ea1] {
    --tw-text-opacity: 1;color: rgba(52,104,216,var(--tw-text-opacity));
    font-weight: 600
}

.filter-area .filter-btn[data-v-e7005ea1] {
    align-items: center;
    display: flex;
    font-size: 14px;
    line-height: 1;
    line-height: 1.25rem;
    margin-left: auto
}

.filter-area .filter-area-options[data-v-e7005ea1] {
    grid-gap: 10px;
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: flex-end
}

.filter-teleport-area[data-v-e7005ea1] {
    flex-direction: column;
    height: 500px;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .75rem
}

.filter-teleport-area[data-v-e7005ea1],.filter-teleport-area .close-icon[data-v-e7005ea1] {
    --tw-bg-opacity: 1;background-color: rgba(255,255,255,var(--tw-bg-opacity));
    display: flex
}

.filter-teleport-area .close-icon[data-v-e7005ea1] {
    align-items: center;
    justify-content: space-between;
    position: sticky;
    top: 0;
    z-index: 10
}

.filter-teleport-area .close-icon .filter-text[data-v-e7005ea1] {
    --tw-text-opacity: 1;align-items: center;
    color: rgba(128,128,128,var(--tw-text-opacity));
    display: flex;
    font-size: 14px;
    line-height: 1;
    line-height: 1.25rem
}

.filter-teleport-area .close-icon .filter-text .filter-icon[data-v-e7005ea1] {
    --tw-text-opacity: 1;color: rgba(128,128,128,var(--tw-text-opacity));
    margin-right: .25rem
}

.filter-teleport-area .filter-item-click[data-v-e7005ea1] {
    grid-gap: 1rem;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3,minmax(0,1fr));
    margin-top: 1.25rem
}

.filter-teleport-area .filter-item-click .item-click[data-v-e7005ea1] {
    border-radius: 4px;
    display: flex;
    font-size: 14px;
    height: 2.25rem;
    line-height: 1;
    line-height: 18px;
    padding-left: .5rem;
    padding-right: .5rem;
    text-align: center
}

.filter-teleport-area .filter-item-click .item-click-active[data-v-e7005ea1] {
    --tw-bg-opacity: 1;--tw-border-opacity: 1;--tw-border-opacity: .5;--tw-text-opacity: 1;background-color: rgba(240,245,255,var(--tw-bg-opacity));
    border-color: rgba(43,98,215,var(--tw-border-opacity));
    border-width: 1px;
    color: rgba(43,98,215,var(--tw-text-opacity))
}

.amz-tab-bar[data-v-e7005ea1] {
    display: inline-block;
    position: relative
}

.amz-tab-bar[data-v-e7005ea1]:before {
    background: #3468d8;
    border-radius: 2px;
    bottom: 0;
    content: "";
    height: 3px;
    left: 50%;
    margin-bottom: -4px;
    position: absolute;
    transform: translate(-50%);
    width: 20px
}

.button-bg[data-v-e7005ea1] {
    background: linear-gradient(269.68deg,rgba(64,103,242,.8),#4067f2 .01%,#377bff 99.89%);
    opacity: .9
}

.mobile-bottom-button[data-v-e7005ea1] {
    --tw-bg-opacity: 1;grid-column-gap: .75rem;
    background-color: rgba(255,255,255,var(--tw-bg-opacity));
    bottom: 0;
    -webkit-column-gap: .75rem;
    -moz-column-gap: .75rem;
    column-gap: .75rem;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    line-height: 1;
    line-height: 18px;
    padding-bottom: 2rem;
    position: sticky;
    z-index: 10
}

.mobile-bottom-button .reset-btn[data-v-e7005ea1] {
    --tw-bg-opacity: 1;background-color: rgba(244,245,246,var(--tw-bg-opacity));
    border-radius: 4px;
    display: flex;
    height: 42px;
    width: 166px
}

.mobile-bottom-button .confirm-btn[data-v-e7005ea1] {
    --tw-text-opacity: 1;border-radius: 4px;
    color: rgba(255,255,255,var(--tw-text-opacity));
    display: flex;
    height: 42px;
    width: 166px
}

.hd-mobile-container[data-v-24248d32] {
    display: flex;
    flex-direction: column;
    position: relative
}

.hd-mobile-container .mobile-banner[data-v-24248d32] {
    --tw-bg-opacity: 1;background-color: rgba(255,255,255,var(--tw-bg-opacity));
    margin-bottom: .75rem
}

.hd-mobile-container .mobile-main-content[data-v-24248d32] {
    --tw-bg-opacity: 1;background-color: rgba(255,255,255,var(--tw-bg-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .75rem;
    position: relative
}

.carousel-img[data-v-914563ed] {
    border-radius: 4px;
    height: 350px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.text-overflow-two[data-v-914563ed] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

[data-v-914563ed] .n-carousel.n-carousel--card .n-carousel__slide.n-carousel__slide--prev,[data-v-914563ed] .n-carousel.n-carousel--card .n-carousel__slide.n-carousel__slide--next {
    opacity: .8
}

.left-arrow[data-v-914563ed] {
    display: none
}

.slide-right-enter-active[data-v-914563ed] {
    transition: all .3s ease-out
}

.slide-right-leave-active[data-v-914563ed] {
    transition: all .3s cubic-bezier(1,.5,.8,1)
}

.slide-right-enter-from[data-v-914563ed],.slide-right-leave-to[data-v-914563ed] {
    opacity: 0;
    transform: translate(60px)
}

.slide-left-enter-active[data-v-914563ed] {
    transition: all .3s ease-out
}

.slide-left-leave-active[data-v-914563ed] {
    transition: all .3s cubic-bezier(1,.3,.8,1)
}

.slide-left-enter-from[data-v-914563ed],.slide-left-leave-to[data-v-914563ed] {
    opacity: 0;
    transform: translate(-60px)
}

a[data-v-914563ed] {
    -webkit-font-smoothing: auto
}

hr[data-v-914563ed] {
    background: #f5f5f5;
    height: 1px
}

.button-bg[data-v-914563ed] {
    background: linear-gradient(269.68deg,rgba(64,103,242,.8),#4067f2 .01%,#377bff 99.89%);
    opacity: .9
}

.card-pc[data-v-914563ed] {
    border-radius: .5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 287px;
    --tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-rotate: 0;--tw-rotate-x: 0;--tw-rotate-y: 0;--tw-rotate-z: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;-webkit-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
    -ms-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
    transform: translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    -o-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear
}

.card-pc[data-v-914563ed]:hover {
    --tw-translate-y: -3px}

.card-pc[data-v-914563ed][data-v-914563ed]:hover {
    box-shadow: 0 7px 15px #0000001a
}

.active-ing-pc[data-v-914563ed] {
    background: url(https://img.amz123.com/static/images/text-bg.svg);
    color: #366fe8;
    font-size: 14px;
    line-height: 18px;
    height: 27px;
    margin-top: .5rem;
    margin-bottom: .5rem;
    padding-left: .5rem;
    padding-left: 1.25rem;
    padding-top: .25rem;
    padding-bottom: 6px;
    width: 142px
}

.active-end-pc[data-v-914563ed] {
    background: url(https://img.amz123.com/static/images/activity/end_bg.svg);
    color: gray;
    font-size: 13px;
    line-height: 17px;
    margin-top: 3px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 20px;
    width: 142px
}

.active-ing-mobile[data-v-914563ed] {
    background: linear-gradient(295.85deg,rgba(197,223,255,0) -14.69%,rgba(183,210,255,.9) 83.03%);
    color: #366fe8;
    font-size: 13px;
    line-height: 17px;
    height: 27px;
    padding-left: .5rem;
    padding-right: 10px;
    padding-top: .25rem;
    padding-bottom: 6px;
    width: 142px
}

.amz-zhd-bg[data-v-914563ed] {
    background: linear-gradient(269.68deg,rgba(64,103,242,.8),#4067f2 .01%,#377bff 99.89%)
}

.tab-btn[data-v-914563ed] {
    background-color: #e2e3e6;
    border: none;
    cursor: pointer;
    display: block;
    height: 2px;
    margin: 0;
    opacity: 1;
    outline: 0;
    padding: 0;
    transition: .3s;
    width: 30px
}

.calendar-hd-content[data-v-914563ed] {
    display: flex;
    flex-direction: column;
    margin-top: 6px;
    position: relative;
    width: 100%
}

.calendar-hd-content .activity-item[data-v-914563ed] {
    grid-gap: 14px;
    display: flex;
    gap: 14px
}

.calendar-hd-content .activity-item .image-area[data-v-914563ed] {
    height: 128px;
    width: 218px
}

.calendar-hd-content .activity-item .text-area[data-v-914563ed] {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    justify-content: space-between
}

.calendar-hd-content .activity-item .text-area .activity-title[data-v-914563ed] {
    --tw-text-opacity: 1;color: rgba(26,26,26,var(--tw-text-opacity));
    font-size: 16px;
    line-height: 1;
    line-height: 21px;
    margin-top: 4px
}

.calendar-hd-content .activity-item .text-area .text-overflow-two[data-v-914563ed] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

.custom-font-family[data-v-914563ed] {
    font-family: Microsoft YaHei,微软雅黑,Arial,sans-serif
}

.calendar-line-wrapper[data-v-914563ed] {
    bottom: 0;
    left: 0;
    position: absolute;
    top: 13px;
    width: 18px
}

.calendar-line-wrapper .line[data-v-914563ed] {
    background: linear-gradient(180deg,#757575 50%,transparent 0);
    background-size: 1px 8px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 1px
}

.calendar-activity-item[data-v-914563ed] {
    padding-left: 32px;
    position: relative
}

.calendar-activity-item .calendar-node-wrapper[data-v-914563ed] {
    left: 0;
    position: absolute;
    top: 13px;
    width: 18px
}

.calendar-activity-item .calendar-node-wrapper .calendar-node[data-v-914563ed] {
    --tw-bg-opacity: 1;--tw-border-opacity: 1;background-color: rgba(255,255,255,var(--tw-bg-opacity));
    border-color: rgba(50,50,51,var(--tw-border-opacity));
    border-radius: 9999px;
    border-width: 2px;
    box-sizing: content-box;
    height: 6px;
    margin-left: auto;
    margin-right: auto;
    width: 6px
}

.calendar-activity-item .calendar-flag-wrapper[data-v-914563ed] {
    grid-gap: 10px;
    align-items: center;
    display: flex;
    gap: 10px;
    position: relative
}

.calendar-activity-item .calendar-flag-wrapper .calendar-flag-date[data-v-914563ed] {
    --tw-text-opacity: 1;color: rgba(50,50,51,var(--tw-text-opacity));
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
    line-height: 32px
}

.calendar-activity-item .calendar-flag-wrapper .calendar-flag-week[data-v-914563ed] {
    --tw-border-opacity: 1;--tw-text-opacity: 1;border-color: rgba(204,204,204,var(--tw-border-opacity));
    border-radius: .25rem;
    border-width: 1px;
    color: rgba(75,75,77,var(--tw-text-opacity));
    font-size: 16px;
    line-height: 1;
    line-height: 21px;
    padding: 2px 6px
}

.calendar-activity-item .calendar-activity-info[data-v-914563ed] {
    --tw-text-opacity: 1;color: rgba(153,153,153,var(--tw-text-opacity));
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px
}

.calendar-activity-item .calendar-activity-info .activity-time[data-v-914563ed] {
    grid-gap: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.calendar-activity-item .calendar-activity-info .activity-time .time[data-v-914563ed] {
    align-items: center;
    display: flex
}

.calendar-activity-item .calendar-activity-info .activity-time .text[data-v-914563ed] {
    display: inline-block;
    margin-left: 6px
}

.calendar-activity-item .calendar-activity-info .activity-city[data-v-914563ed] {
    align-items: center;
    display: flex
}

.calendar-activity-item .calendar-activity-info .activity-city .text[data-v-914563ed] {
    font-size: 14px;
    line-height: 1;
    line-height: 18px;
    margin-left: 6px
}

.calendar-activity-item .main-button[data-v-914563ed] {
    --tw-text-opacity: 1;border-radius: 6px;
    color: rgba(255,255,255,var(--tw-text-opacity));
    font-size: 13px;
    line-height: 1;
    line-height: 18px;
    padding: 6px 16px
}

.condition-more[data-v-c6bd1572] {
    --tw-text-opacity: 1;grid-column-gap: 8px;
    align-items: center;
    color: rgba(117,117,117,var(--tw-text-opacity));
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem;
    line-height: 18px
}

.condition-text[data-v-c6bd1572]:hover {
    --tw-border-opacity: 1;--tw-text-opacity: 1;border-color: rgba(59,130,246,var(--tw-border-opacity));
    color: rgba(59,130,246,var(--tw-text-opacity))
}

.topic-conditions-wrapper {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 16px #1055bd1a;
    padding: 9px 20px 8px
}

.topic-every-condition {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.topic-condition-content {
    flex: 1 1 0%;
    height: 18px
}

.topic-condition-content,.topic-condition-detail {
    grid-column-gap: 20px;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: flex
}

.topic-condition-detail {
    align-items: center
}

.topic-condition-title {
    --tw-text-opacity: 1;align-items: flex-start;
    color: rgba(85,85,85,var(--tw-text-opacity));
    flex: none;
    font-weight: 600;
    letter-spacing: 8px
}

.topic-condition-label,.topic-condition-title {
    display: flex;
    font-family: Microsoft YaHei;
    font-size: 14px;
    line-height: 1;
    line-height: 18px
}

.topic-condition-label {
    grid-column-gap: 6px;
    align-items: center;
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    cursor: pointer;
    font-weight: 400
}

.topic-condition-line {
    --tw-bg-opacity: 1;background-color: rgba(245,245,245,var(--tw-bg-opacity));
    height: 1px;
    width: 100%
}

.topic-condition-search {
    --tw-bg-opacity: 1;grid-column-gap: 8px;
    align-items: center;
    background-color: rgba(255,255,255,var(--tw-bg-opacity));
    border-radius: .375rem;
    box-shadow: 0 0 16px #1055bd0f;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex;
    padding: 8px 12px
}

.topic-platform-content {
    grid-column-gap: 20px;
    grid-row-gap: 16px;
    align-items: center;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    -webkit-row-gap: 16px;
    -moz-row-gap: 16px;
    row-gap: 16px
}

.topic-list-style {
    align-items: center;
    border-radius: 100px;
    box-shadow: 0 0 10px #1055bd14;
    display: flex;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 20px;
    padding: 4px
}

.topic-list-style-item {
    border-radius: 100px;
    cursor: pointer;
    padding: 4px 10px
}

.topic-condition-row {
    grid-column-gap: 34px;
    align-items: flex-start;
    -webkit-column-gap: 34px;
    -moz-column-gap: 34px;
    column-gap: 34px;
    display: flex
}

.time-filter[data-v-1b2b8501] {
    grid-column-gap: 1.25rem;
    align-items: center;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    display: flex;
    position: relative
}

.time-filter .time-item[data-v-1b2b8501] {
    cursor: pointer;
    font-weight: 400
}

.calendar-box[data-v-1b2b8501] {
    position: relative
}

.calendar-box .calendar[data-v-1b2b8501] {
    --tw-bg-opacity: 1;--tw-text-opacity: 1;grid-gap: 6px;
    align-items: center;
    background-color: rgba(234,242,255,var(--tw-bg-opacity));
    border-radius: 4px;
    color: rgba(59,130,246,var(--tw-text-opacity));
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    gap: 6px;
    height: 30px;
    justify-content: center;
    line-height: 18px;
    padding-left: .5rem;
    padding-right: .5rem;
    position: relative
}

.calendar-box img[data-v-1b2b8501] {
    height: 18px;
    width: 18px
}

.calendar-box .time[data-v-1b2b8501] {
    grid-gap: 6px;
    gap: 6px
}

.calendar-box .delete-icon[data-v-1b2b8501],.calendar-box .time[data-v-1b2b8501] {
    align-items: center;
    display: flex;
    justify-content: center
}

.calendar-box .delete-icon[data-v-1b2b8501] {
    cursor: pointer;
    height: 12px;
    width: 12px
}

.custom-calendar[data-v-1b2b8501] {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 16px #1055bd1a;
    font-family: Microsoft YaHei;
    padding: 20px;
    position: absolute;
    right: -300px;
    text-align: center;
    top: 0;
    z-index: 1000
}

.custom-calendar .calendar-header[data-v-1b2b8501] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.custom-calendar .calendar-header .header-date[data-v-1b2b8501] {
    align-items: center;
    display: flex;
    font-size: 15px;
    font-style: Regular;
    font-weight: 400;
    line-height: 20px
}

.custom-calendar .calendar-header .header-date .year[data-v-1b2b8501] {
    color: #323232;
    letter-spacing: 2%
}

.custom-calendar .calendar-header .header-date .month[data-v-1b2b8501] {
    color: #3b82f6;
    margin-left: 16px;
    position: relative
}

.custom-calendar .calendar-header .header-date .month[data-v-1b2b8501]:after {
    background-color: #b3b3b3;
    content: "";
    height: 11px;
    left: -8px;
    position: absolute;
    top: 5px;
    width: 1px
}

.custom-calendar .calendar-header .header-controls[data-v-1b2b8501] {
    display: flex;
    gap: 10px
}

.custom-calendar .calendar-header .header-controls .control-arrow[data-v-1b2b8501] {
    cursor: pointer;
    height: 16px;
    width: 16px
}

.custom-calendar .calendar-header .header-controls .control-arrow[data-v-1b2b8501]:last-child {
    transform: rotate(180deg)
}

.custom-calendar .calendar-body .weekdays[data-v-1b2b8501] {
    color: #b3b3b3;
    display: grid;
    font-size: 12px;
    font-weight: 500;
    grid-template-columns: repeat(7,1fr);
    line-height: 20px;
    margin-top: 12px
}

.custom-calendar .calendar-body .weekdays .weekday-item[data-v-1b2b8501] {
    text-align: center
}

.custom-calendar .calendar-body .days-grid[data-v-1b2b8501] {
    display: grid;
    font-size: 14px;
    gap: 10px 0;
    grid-template-columns: repeat(7,1fr)
}

.custom-calendar .calendar-body .days-grid .day-cell[data-v-1b2b8501] {
    margin: 0 auto;
    padding: 5px 0;
    position: relative
}

.custom-calendar .calendar-body .days-grid .day-cell.disabled[data-v-1b2b8501] {
    cursor: not-allowed
}

.custom-calendar .calendar-body .days-grid .day-cell:not(.disabled):hover .day-number[data-v-1b2b8501]:not(.selected):not(.today) {
    background-color: #165dff4d;
    cursor: pointer
}

.custom-calendar .calendar-body .days-grid .day-cell .day-number[data-v-1b2b8501] {
    align-items: center;
    border-radius: 12px;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    height: 24px;
    justify-content: center;
    line-height: 24px;
    width: 34px
}

.custom-calendar .calendar-body .days-grid .day-cell .day-number.current-month[data-v-1b2b8501] {
    color: #333
}

.custom-calendar .calendar-body .days-grid .day-cell .day-number.other-month[data-v-1b2b8501] {
    color: #d9d9d9
}

.custom-calendar .calendar-body .days-grid .day-cell .day-number.selected[data-v-1b2b8501],.custom-calendar .calendar-body .days-grid .day-cell .day-number.today[data-v-1b2b8501] {
    background-color: #165dff;
    color: #fff
}

.custom-calendar .calendar-body .days-grid .day-cell .day-number.today-light[data-v-1b2b8501] {
    background-color: #165dff4d
}

.custom-calendar .calendar-body .days-grid .day-cell .morning-dot[data-v-1b2b8501] {
    background-color: #165dff;
    border-radius: 50%;
    bottom: -1px;
    height: 4px;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 4px
}

.custom-calendar .today-btn[data-v-1b2b8501] {
    align-items: center;
    background-color: #f4f8ff;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    height: 37px;
    justify-content: center;
    margin-top: 20px;
    transition: all .3s ease;
    width: 100%
}

.custom-calendar .today-btn[data-v-1b2b8501]:hover {
    background-color: #3c82f6;
    color: #fff
}

.fade-enter-active[data-v-1b2b8501],.fade-leave-active[data-v-1b2b8501] {
    transition: all .3s ease
}

.fade-enter-from[data-v-1b2b8501],.fade-leave-to[data-v-1b2b8501] {
    opacity: 0;
    transform: translateY(-10px)
}

.fade-enter-to[data-v-1b2b8501],.fade-leave-from[data-v-1b2b8501] {
    opacity: 1;
    transform: translateY(0)
}

@media (max-width: 639px) {
    .filter-bar[data-v-fc8c9e99] {
        display:none
    }
}

.filter-area[data-v-fc8c9e99] {
    --tw-bg-opacity: 1;--tw-text-opacity: 1;background-color: rgba(255,255,255,var(--tw-bg-opacity));
    border-radius: .5rem;
    color: rgba(85,85,85,var(--tw-text-opacity));
    display: flex;
    flex-direction: column;
    font-family: Microsoft YaHei;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    line-height: 18px;
    margin: 2px auto 1rem;
    padding-left: 20px;
    padding-right: 20px
}

.top-filter[data-v-fc8c9e99] {
    grid-column-gap: 1.25rem;
    align-items: center;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    display: flex;
    justify-content: space-between;
    position: relative
}

.top-filter[data-v-fc8c9e99]:after {
    --tw-border-opacity: 1;border-bottom-width: 1px;
    border-color: rgba(245,245,245,var(--tw-border-opacity));
    border-style: solid;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0
}

.city-filter[data-v-fc8c9e99] {
    grid-column-gap: 1.25rem;
    align-items: center;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    display: flex;
    overflow: hidden;
    padding-bottom: 16px;
    padding-top: 16px;
    position: relative
}

.city-filter .city-item[data-v-fc8c9e99] {
    cursor: pointer;
    font-weight: 400
}

.middle-filter[data-v-fc8c9e99] {
    display: flex;
    overflow: hidden;
    padding-bottom: 16px;
    padding-top: 16px;
    position: relative
}

.middle-filter .middle-filter-item[data-v-fc8c9e99] {
    grid-column-gap: 1.25rem;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    display: flex;
    flex: 1 1 0%
}

.middle-filter .middle-filter-item .select-item[data-v-fc8c9e99] {
    cursor: pointer;
    font-weight: 400
}

.middle-filter[data-v-fc8c9e99]:after {
    --tw-border-opacity: 1;border-bottom-width: 1px;
    border-color: rgba(245,245,245,var(--tw-border-opacity));
    border-style: solid;
    bottom: 0;
    content: "";
    display: block;
    left: -16px;
    position: absolute;
    right: -16px
}

.bottom-filter[data-v-fc8c9e99] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative
}

.bottom-filter[data-v-fc8c9e99]:after {
    --tw-border-opacity: 1;border-bottom-width: 1px;
    border-color: rgba(245,245,245,var(--tw-border-opacity));
    border-style: solid;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0
}

.selected-filter[data-v-fc8c9e99] {
    grid-column-gap: 1.25rem;
    align-items: center;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    display: flex;
    overflow: hidden;
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative
}

.selected-filter .selected-filter-list[data-v-fc8c9e99] {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    align-items: center;
    -webkit-column-gap: .25rem;
    -moz-column-gap: .25rem;
    column-gap: .25rem;
    display: flex;
    flex-wrap: wrap;
    max-width: 650px;
    -webkit-row-gap: .25rem;
    -moz-row-gap: .25rem;
    row-gap: .25rem
}

.selected-filter .selected-filter-item[data-v-fc8c9e99] {
    grid-gap: 4px;
    align-items: center;
    background-color: #eaf2ff;
    border: 1px solid #3b82f6;
    border-radius: 4px;
    color: #3b82f6;
    display: flex;
    font-family: Microsoft YaHei;
    font-size: 14px;
    font-style: Regular;
    font-weight: 400;
    gap: 4px;
    justify-content: center;
    letter-spacing: 0;
    line-height: 21px;
    padding: 4px 8px
}

.selected-filter .selected-filter-item .selected-filter-item-text[data-v-fc8c9e99] {
    max-width: 125px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.selected-filter .selected-filter-item .delete-icon[data-v-fc8c9e99] {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 12px;
    justify-content: center;
    width: 12px
}

.selected-filter .clear-all[data-v-fc8c9e99] {
    --tw-text-opacity: 1;color: rgba(59,130,246,var(--tw-text-opacity));
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    line-height: 21px
}

.search-area[data-v-fc8c9e99] {
    align-items: center;
    border-radius: .5rem;
    box-shadow: 0 0 16px #1055bd0f;
    display: flex
}

.search-area .search-input[data-v-fc8c9e99] {
    --tw-bg-opacity: 1;background-color: rgba(255,255,255,var(--tw-bg-opacity));
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .05em;
    line-height: 1;
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-right: 20px
}

.search-area .search-input-delete[data-v-fc8c9e99] {
    --tw-bg-opacity: 1;--tw-text-opacity: 1;align-items: center;
    background-color: rgba(249,250,251,var(--tw-bg-opacity));
    border-radius: 9999px;
    color: rgba(156,156,156,var(--tw-text-opacity));
    display: flex;
    font-size: 10px;
    justify-content: center;
    line-height: 1;
    padding: 3px;
    position: absolute;
    right: 10px
}

.search-area .search-input-delete[data-v-fc8c9e99]:hover {
    --tw-bg-opacity: 1;background-color: rgba(229,231,235,var(--tw-bg-opacity))
}

.time-filter[data-v-fc8c9e99] {
    grid-column-gap: 1.25rem;
    align-items: center;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    display: flex;
    position: relative
}

.time-filter .time-item[data-v-fc8c9e99] {
    cursor: pointer;
    font-weight: 400
}

.display-mode[data-v-fc8c9e99] {
    --tw-bg-opacity: 1;--tw-text-opacity: 1;align-items: center;
    background-color: rgba(255,255,255,var(--tw-bg-opacity));
    border-radius: 9999px;
    box-shadow: 0 0 10px #1055bd14;
    color: rgba(156,163,175,var(--tw-text-opacity));
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    line-height: 19px;
    padding: 4px
}

.display-mode-item[data-v-fc8c9e99] {
    cursor: pointer;
    padding: 4px 10px
}

.display-mode .active-display-mode[data-v-fc8c9e99] {
    --tw-bg-opacity: 1;--tw-text-opacity: 1;background-color: rgba(244,248,255,var(--tw-bg-opacity));
    border-radius: 9999px;
    color: rgba(59,130,246,var(--tw-text-opacity))
}

.activity-shadow[data-v-fc8c9e99] {
    box-shadow: 0 2px 16px #1055bd1a
}

.carousel-img[data-v-15f4937d] {
    border-radius: 4px;
    height: 350px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.text-overflow-two[data-v-15f4937d] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

[data-v-15f4937d] .n-carousel.n-carousel--card .n-carousel__slide.n-carousel__slide--prev,[data-v-15f4937d] .n-carousel.n-carousel--card .n-carousel__slide.n-carousel__slide--next {
    opacity: .8
}

.left-arrow[data-v-15f4937d] {
    display: none
}

.slide-right-enter-active[data-v-15f4937d] {
    transition: all .3s ease-out
}

.slide-right-leave-active[data-v-15f4937d] {
    transition: all .3s cubic-bezier(1,.5,.8,1)
}

.slide-right-enter-from[data-v-15f4937d],.slide-right-leave-to[data-v-15f4937d] {
    opacity: 0;
    transform: translate(60px)
}

.slide-left-enter-active[data-v-15f4937d] {
    transition: all .3s ease-out
}

.slide-left-leave-active[data-v-15f4937d] {
    transition: all .3s cubic-bezier(1,.3,.8,1)
}

.slide-left-enter-from[data-v-15f4937d],.slide-left-leave-to[data-v-15f4937d] {
    opacity: 0;
    transform: translate(-60px)
}

a[data-v-15f4937d] {
    -webkit-font-smoothing: auto
}

hr[data-v-15f4937d] {
    background: #f5f5f5;
    height: 1px
}

.button-bg[data-v-15f4937d] {
    background: linear-gradient(269.68deg,rgba(64,103,242,.8),#4067f2 .01%,#377bff 99.89%);
    opacity: .9
}

.card-pc[data-v-15f4937d] {
    border-radius: .5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 287px;
    --tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-rotate: 0;--tw-rotate-x: 0;--tw-rotate-y: 0;--tw-rotate-z: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;-webkit-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
    -ms-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
    transform: translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    -o-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear
}

.card-pc[data-v-15f4937d]:hover {
    --tw-translate-y: -3px}

.card-pc[data-v-15f4937d][data-v-15f4937d]:hover {
    box-shadow: 0 7px 15px #0000001a
}

.active-ing-pc[data-v-15f4937d] {
    background: url(https://img.amz123.com/static/images/text-bg.svg);
    color: #366fe8;
    font-size: 14px;
    line-height: 18px;
    height: 27px;
    margin-top: .5rem;
    margin-bottom: .5rem;
    padding-left: .5rem;
    padding-left: 1.25rem;
    padding-top: .25rem;
    padding-bottom: 6px;
    width: 142px
}

.active-end-pc[data-v-15f4937d] {
    background: url(https://img.amz123.com/static/images/activity/end_bg.svg);
    color: gray;
    font-size: 13px;
    line-height: 17px;
    margin-top: 3px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 20px;
    width: 142px
}

.active-ing-mobile[data-v-15f4937d] {
    background: linear-gradient(295.85deg,rgba(197,223,255,0) -14.69%,rgba(183,210,255,.9) 83.03%);
    color: #366fe8;
    font-size: 13px;
    line-height: 17px;
    height: 27px;
    padding-left: .5rem;
    padding-right: 10px;
    padding-top: .25rem;
    padding-bottom: 6px;
    width: 142px
}

.amz-zhd-bg[data-v-15f4937d] {
    background: linear-gradient(269.68deg,rgba(64,103,242,.8),#4067f2 .01%,#377bff 99.89%)
}

.tab-btn[data-v-15f4937d] {
    background-color: #e2e3e6;
    border: none;
    cursor: pointer;
    display: block;
    height: 2px;
    margin: 0;
    opacity: 1;
    outline: 0;
    padding: 0;
    transition: .3s;
    width: 30px
}

.hd-view-main[data-v-15f4937d] {
    --tw-bg-opacity: 1;background-color: rgba(255,255,255,var(--tw-bg-opacity));
    box-sizing: border-box;
    flex-direction: column;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative
}

.hd-view-main .hd-table-banner[data-v-15f4937d] {
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

@media (min-width: 1200px) {
    .filter-bar[data-v-15f4937d] {
        width:100%
    }

    .amz-carousel-pc[data-v-15f4937d] {
        margin-left: auto;
        margin-right: auto;
        width: 999px;
    }

    .amz-carousel-mobile[data-v-15f4937d] {
        display: none
    }
}

@media (min-width: 1024px) and (max-width:1199px) {
    .filter-bar[data-v-15f4937d] {
        width:100%
    }

    .amz-carousel-pc[data-v-15f4937d] {
        display: none
    }

    .amz-carousel-mobile[data-v-15f4937d] {
        display: flex;
        height: 450px;
        width: 900px
    }
}

@media (min-width: 640px) and (max-width:1023px) {
    .amz-carousel-pc[data-v-15f4937d] {
        display:none
    }

    .filter-bar[data-v-15f4937d] {
        width: 100%
    }

    .amz-carousel-mobile[data-v-15f4937d] {
        display: flex;
        margin-bottom: 24px
    }
}

.empty-content[data-v-15f4937d] {
    margin-bottom: 38px
}

.empty-content .empty-divider[data-v-15f4937d] {
    height: 14rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 60vw
}

@media (min-width: 1200px) {
    .empty-content .empty-divider[data-v-15f4937d] {
        max-width:600px
    }
}

.content-page[data-v-15f4937d] {
    margin-bottom: 2.5rem;
    margin-left: auto;
    margin-right: auto
}

.activity-shadow[data-v-15f4937d] {
    box-shadow: 0 2px 16px #1055bd1a
}

.ugc-article-aside[data-v-15f4937d] {
    display: flex;
    flex: none;
    flex-direction: column;
    gap: 20px;
    max-width: 324px;
    min-width: 25%
}

@media (max-width: 991.9px) {
    .ugc-article-aside[data-v-15f4937d] {
        display:none
    }
}

@media (max-width: 639.9px) {
    .ugc-article-aside[data-v-15f4937d] {
        display:none
    }
}

.ugc-article-box[data-v-15f4937d] {
    flex: 1;
    max-width: 876px;
    width: 100%
}

.ugc-layout-main[data-v-15f4937d] {
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 992px) {
    .ugc-layout-main[data-v-15f4937d] {
        max-width:100%;
        width: 100%
    }
}

@media (min-width: 1200px) {
    .ugc-layout-main[data-v-15f4937d] {
        max-width:1200px
    }
}

@media (min-width: 1440px) {
    .ugc-layout-main[data-v-15f4937d] {
        max-width: 1000px;
    }
}

@media (max-width: 639.9px) {
    .ugc-layout-main[data-v-15f4937d] {
        width:100%
    }
}

.carousel-img[data-v-da206eed] {
    border-radius: 4px;
    height: 350px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.text-overflow-two[data-v-da206eed] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

[data-v-da206eed] .n-carousel.n-carousel--card .n-carousel__slide.n-carousel__slide--prev,[data-v-da206eed] .n-carousel.n-carousel--card .n-carousel__slide.n-carousel__slide--next {
    opacity: .8
}

.left-arrow[data-v-da206eed] {
    display: none
}

.slide-right-enter-active[data-v-da206eed] {
    transition: all .3s ease-out
}

.slide-right-leave-active[data-v-da206eed] {
    transition: all .3s cubic-bezier(1,.5,.8,1)
}

.slide-right-enter-from[data-v-da206eed],.slide-right-leave-to[data-v-da206eed] {
    opacity: 0;
    transform: translate(60px)
}

.slide-left-enter-active[data-v-da206eed] {
    transition: all .3s ease-out
}

.slide-left-leave-active[data-v-da206eed] {
    transition: all .3s cubic-bezier(1,.3,.8,1)
}

.slide-left-enter-from[data-v-da206eed],.slide-left-leave-to[data-v-da206eed] {
    opacity: 0;
    transform: translate(-60px)
}

a[data-v-da206eed] {
    -webkit-font-smoothing: auto
}

hr[data-v-da206eed] {
    background: #f5f5f5;
    height: 1px
}

.button-bg[data-v-da206eed] {
    background: linear-gradient(269.68deg,rgba(64,103,242,.8),#4067f2 .01%,#377bff 99.89%);
    opacity: .9
}

.card-pc[data-v-da206eed] {
    border-radius: .5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 287px;
    --tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-rotate: 0;--tw-rotate-x: 0;--tw-rotate-y: 0;--tw-rotate-z: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;-webkit-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
    -ms-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
    transform: translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    -o-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear
}

.card-pc[data-v-da206eed]:hover {
    --tw-translate-y: -3px}

.card-pc[data-v-da206eed][data-v-da206eed]:hover {
    box-shadow: 0 7px 15px #0000001a
}

.active-ing-pc[data-v-da206eed] {
    background: url(https://img.amz123.com/static/images/text-bg.svg);
    color: #366fe8;
    font-size: 14px;
    line-height: 18px;
    height: 27px;
    margin-top: .5rem;
    margin-bottom: .5rem;
    padding-left: .5rem;
    padding-left: 1.25rem;
    padding-top: .25rem;
    padding-bottom: 6px;
    width: 142px
}

.active-end-pc[data-v-da206eed] {
    background: url(https://img.amz123.com/static/images/activity/end_bg.svg);
    color: gray;
    font-size: 13px;
    line-height: 17px;
    margin-top: 3px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 20px;
    width: 142px
}

.active-ing-mobile[data-v-da206eed] {
    background: linear-gradient(295.85deg,rgba(197,223,255,0) -14.69%,rgba(183,210,255,.9) 83.03%);
    color: #366fe8;
    font-size: 13px;
    line-height: 17px;
    height: 27px;
    padding-left: .5rem;
    padding-right: 10px;
    padding-top: .25rem;
    padding-bottom: 6px;
    width: 142px
}

.amz-zhd-bg[data-v-da206eed] {
    background: linear-gradient(269.68deg,rgba(64,103,242,.8),#4067f2 .01%,#377bff 99.89%)
}

.tab-btn[data-v-da206eed] {
    background-color: #e2e3e6;
    border: none;
    cursor: pointer;
    display: block;
    height: 2px;
    margin: 0;
    opacity: 1;
    outline: 0;
    padding: 0;
    transition: .3s;
    width: 30px
}

.activity-mobile-content[data-v-da206eed] {
    display: none
}

@media (max-width: 639.9px) {
    .activity-mobile-content[data-v-da206eed] {
        display:block
    }
}

.activity-pc-content[data-v-da206eed] {
    display: flex
}

@media (max-width: 639.9px) {
    .activity-pc-content[data-v-da206eed] {
        display:none
    }
}

@media (min-width: 1200px) {
    .card-list[data-v-da206eed],.filter-bar[data-v-da206eed] {
        width:1200px
    }

    .card-list[data-v-da206eed] {
        -moz-column-gap: 20px;
        column-gap: 20px
    }

    .amz-carousel-pc[data-v-da206eed] {
        width: 1200px
    }

    .amz-carousel-mobile[data-v-da206eed] {
        display: none
    }

    .card-pc[data-v-da206eed] {
        width: 285px
    }
}

@media (min-width: 1024px) and (max-width:1199px) {
    .card-list[data-v-da206eed],.filter-bar[data-v-da206eed] {
        width:950px
    }

    .card-list[data-v-da206eed] {
        -moz-column-gap: 19px;
        column-gap: 19px
    }

    .amz-carousel-pc[data-v-da206eed] {
        display: none
    }

    .amz-carousel-mobile[data-v-da206eed] {
        display: flex;
        height: 450px;
        width: 900px
    }

    .card-pc[data-v-da206eed] {
        width: 304px
    }
}

@media (min-width: 641px) and (max-width:1023px) {
    .amz-carousel-pc[data-v-da206eed] {
        display:none
    }

    .filter-bar[data-v-da206eed] {
        width: 100%
    }

    .amz-carousel-mobile[data-v-da206eed] {
        display: flex;
        margin-bottom: 24px
    }

    .card-pc[data-v-da206eed] {
        margin-left: 1%;
        margin-right: 1%;
        width: 48%
    }
}

@media (max-width: 640px) {
    .filter-bar[data-v-da206eed] {
        display:none
    }
}