.search-box[data-v-c5ec4568] {
    background-image: var(--f22d34cc);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 6px;
    height: 92px;
    margin-top: 16px;
    padding-top: 16px;
    width: 100%
}

.search-box .input-box[data-v-c5ec4568] {
    --tw-bg-opacity: 1;background-color: rgba(255,255,255,var(--tw-bg-opacity));
    border-radius: 6px;
    display: flex;
    height: 36px;
    margin-left: 161px;
    position: relative;
    width: 520px;
}

.search-box .input-box .input-wrapper[data-v-c5ec4568] {
    align-items: center;
    display: flex;
    flex-grow: 1;
    padding-left: 16px;
    padding-right: 14px
}

.search-box .input-box .input-wrapper input[data-v-c5ec4568] {
    --tw-text-opacity: 1;color: rgba(51,51,51,var(--tw-text-opacity));
    flex-grow: 1;
    font-size: 14px;
    line-height: 1;
    margin-left: 10px;
    outline: 2px solid transparent;
    outline-offset: 2px
}

.search-box .input-box .input-wrapper input[data-v-c5ec4568]::-moz-placeholder {
    --tw-placeholder-opacity: 1;color: rgba(153,153,153,var(--tw-placeholder-opacity))
}

.search-box .input-box .input-wrapper input[data-v-c5ec4568]::placeholder {
    --tw-placeholder-opacity: 1;color: rgba(153,153,153,var(--tw-placeholder-opacity))
}

.search-box .input-box .input-wrapper .clear-icon[data-v-c5ec4568] {
    cursor: pointer
}

.search-box .input-box .btn[data-v-c5ec4568] {
    --tw-text-opacity: 1;align-items: center;
    background: linear-gradient(270deg,#002fff,#4b6cff);
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    color: rgba(255,255,255,var(--tw-text-opacity));
    cursor: pointer;
    display: flex;
    font-family: yahei;
    font-size: 14px;
    font-weight: 500;
    height: 36px;
    justify-content: center;
    letter-spacing: 2%;
    line-height: 1;
    width: 68px
}

.search-box .surprise[data-v-c5ec4568] {
    --tw-text-opacity: 1;grid-column-gap: 14px;
    color: rgba(45,55,72,var(--tw-text-opacity));
    -webkit-column-gap: 14px;
    -moz-column-gap: 14px;
    column-gap: 14px;
    display: flex;
    font-size: 12px;
    line-height: 1;
    margin-top: 12px;
    padding-left: 179px
}

.search-box .surprise>a[data-v-c5ec4568]:hover {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg,#0e2afd,#0885fe);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: 12px;
    line-height: 1
}

.history[data-v-c5ec4568] {
    --tw-bg-opacity: 1;background-color: rgba(255,255,255,var(--tw-bg-opacity));
    border-radius: .25rem;
    box-shadow: 0 4px 16px #25293114;
    left: 0;
    padding: 12px 14px;
    position: absolute;
    top: calc(100% + 6px);
    width: 100%;
    z-index: 1
}

.history .top[data-v-c5ec4568] {
    --tw-text-opacity: 1;align-items: center;
    color: rgba(111,111,111,var(--tw-text-opacity));
    display: flex;
    justify-content: space-between
}

.history .top .name[data-v-c5ec4568] {
    font-size: 14px;
    line-height: 1
}

.history .top .clear[data-v-c5ec4568] {
    grid-column-gap: 2px;
    align-items: center;
    -webkit-column-gap: 2px;
    -moz-column-gap: 2px;
    column-gap: 2px;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    line-height: 1
}

.history .history-items[data-v-c5ec4568] {
    grid-column-gap: 12px;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px
}

.history .history-items>div[data-v-c5ec4568] {
    --tw-bg-opacity: 1;--tw-text-opacity: 1;align-items: center;
    background-color: rgba(246,246,246,var(--tw-bg-opacity));
    border-radius: 5px;
    color: rgba(111,111,111,var(--tw-text-opacity));
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 27px;
    justify-content: center;
    line-height: 1;
    line-height: 27px;
    padding-left: 10px;
    padding-right: 10px
}

.wrapper[data-v-f24ae7a5] {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
    width: 1200px
}

.filter-shadow[data-v-f24ae7a5] {
    --tw-bg-opacity: 1;background-color: rgba(255,255,255,var(--tw-bg-opacity));
    box-shadow: 0 2px 16px #011c4314;
    width: 854px
}

.filter-main-area[data-v-f24ae7a5],.filter-shadow[data-v-f24ae7a5] {
    border-radius: .375rem;
    display: flex;
    flex-direction: column
}

.filter-main-area[data-v-f24ae7a5] {
    grid-row-gap: .75rem;
    margin: 16px 20px;
    -webkit-row-gap: .75rem;
    -moz-row-gap: .75rem;
    row-gap: .75rem
}

.main-top[data-v-f24ae7a5] {
    align-items: flex-start;
    display: flex
}

.name-show[data-v-f24ae7a5] {
    --tw-text-opacity: 1;color: rgba(85,85,85,var(--tw-text-opacity));
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    line-height: 21px;
    margin-right: .75rem;
    margin-top: .25rem;
    text-align: right
}

.filter-click[data-v-f24ae7a5] {
    grid-gap: .5rem;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem
}

.filter-all[data-v-f24ae7a5]:hover {
    --tw-bg-opacity: 1;background-color: rgba(240,245,255,var(--tw-bg-opacity))
}

.filter-all[data-v-f24ae7a5] {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
    border-radius: .375rem;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    line-height: 1;
    line-height: 21px;
    padding: .25rem 10px
}

.all-one[data-v-f24ae7a5] {
    --tw-bg-opacity: 1;background-color: rgba(240,245,255,var(--tw-bg-opacity));
    color: rgba(59,130,246,var(--tw-text-opacity))
}

.all-one[data-v-f24ae7a5],.all-two[data-v-f24ae7a5] {
    --tw-text-opacity: 1}

.all-two[data-v-f24ae7a5] {
    color: rgba(122,122,122,var(--tw-text-opacity))
}

.filter-tag[data-v-f24ae7a5]:hover {
    --tw-bg-opacity: 1;background-color: rgba(240,245,255,var(--tw-bg-opacity))
}

.filter-tag[data-v-f24ae7a5] {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
    border-radius: .375rem;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    line-height: 1;
    line-height: 21px;
    padding: .25rem 10px
}

.already-filter[data-v-f24ae7a5] {
    margin-left: 106px
}

.filter-val[data-v-f24ae7a5] {
    grid-column-gap: 10px;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px
}

.filter-val[data-v-f24ae7a5],.filter-val .val[data-v-f24ae7a5] {
    align-items: center;
    display: flex
}

.filter-val .val[data-v-f24ae7a5] {
    --tw-bg-opacity: 1;--tw-text-opacity: 1;grid-column-gap: 12px;
    background-color: rgba(240,245,255,var(--tw-bg-opacity));
    border: 1px solid #3b82f6;
    border-radius: .25rem;
    color: rgba(59,130,246,var(--tw-text-opacity));
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    font-size: 14px;
    height: 29px;
    line-height: 1;
    padding: 4px 10px
}

.filter-val .val .clear[data-v-f24ae7a5] {
    cursor: pointer
}

.filter-val .btn[data-v-f24ae7a5] {
    --tw-text-opacity: 1;color: rgba(59,130,246,var(--tw-text-opacity));
    cursor: pointer;
    font-size: 14px;
    line-height: 1
}

.report-card-container[data-v-f0bb8db0] {
    --tw-bg-opacity: 1;background-color: rgba(255,255,255,var(--tw-bg-opacity));
    border-radius: .375rem;
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
    padding-top: 8px
}

.report-item-card[data-v-f0bb8db0] {
    height: 152px;
    overflow: hidden;
    padding-left: 8px;
    padding-right: 8px;
    width: 100%
}

.report-class[data-v-f0bb8db0],.report-images[data-v-f0bb8db0] {
    height: 100%;
    width: 100%
}

.report-class[data-v-f0bb8db0] {
    border-radius: .125rem
}

.report-title-text[data-v-f0bb8db0] {
    --tw-text-opacity: 1;color: rgba(50,50,50,var(--tw-text-opacity));
    display: flex;
    font-size: 16px;
    font-weight: 600;
    height: 3rem;
    line-height: 1;
    line-height: 22px;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 10px;
    max-width: -moz-max-content;
    max-width: max-content
}

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

.report-page-over[data-v-f0bb8db0] {
    grid-gap: .5rem;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-bottom: 10px;
    margin-left: 1rem;
    margin-top: 10px;
    max-width: 253px
}

.report-page-name[data-v-f0bb8db0] {
    --tw-text-opacity: 1;align-items: center;
    border-radius: 4px;
    color: rgba(140,140,140,var(--tw-text-opacity));
    display: flex;
    font-size: 13px;
    height: 28px;
    line-height: 1;
    padding-left: 8px;
    padding-right: 8px
}

.report-status-area[data-v-f0bb8db0] {
    align-items: center;
    display: flex;
    height: 16px;
    margin-left: 1rem;
    margin-right: 1rem
}

.report-status-text[data-v-f0bb8db0] {
    font-size: 14px;
    line-height: 1
}

.report-hot-status[data-v-f0bb8db0] {
    margin-right: .75rem
}

.report-hot-status[data-v-f0bb8db0],.report-time-text[data-v-f0bb8db0] {
    --tw-text-opacity: 1;--tw-text-opacity: .6;align-items: center;
    color: rgba(184,184,184,var(--tw-text-opacity));
    display: flex
}

.report-tag-bg[data-v-f0bb8db0] {
    background: hsla(0,0%,72%,.12)
}

.report-tag-bg[data-v-f0bb8db0]:hover {
    background: #f0f5ff
}

.report-card-shadow[data-v-f0bb8db0] {
    --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;box-shadow: 0 2px 16px #011c4314;
    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));
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: linear
}

.report-card-shadow[data-v-f0bb8db0]:hover {
    --tw-translate-y: -3px;box-shadow: 0 0 7px #00000026
}

.report-button-bg[data-v-f0bb8db0] {
    --tw-text-opacity: 1;-webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
    background: linear-gradient(269.68deg,rgba(64,103,242,.8),#4067f2 .01%,#377bff 99.89%);
    border-radius: .375rem;
    color: rgba(255,255,255,var(--tw-text-opacity));
    font-size: 13px;
    line-height: 1;
    line-height: 17px;
    opacity: .9;
    padding: 7px 1rem
}

.empty-box[data-v-9e6685af] {
    grid-column-gap: 22px;
    align-items: center;
    -webkit-column-gap: 22px;
    -moz-column-gap: 22px;
    column-gap: 22px;
    display: flex;
    justify-content: center;
    padding-bottom: 20px;
    padding-top: 36px
}

.empty-box .content[data-v-9e6685af] {
    display: flex;
    flex-direction: column;
    height: 48px
}

.empty-box .title[data-v-9e6685af] {
    --tw-text-opacity: 1;color: rgba(51,51,51,var(--tw-text-opacity));
    font-size: 16px;
    font-weight: 600;
    line-height: 1
}

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

.main-box[data-v-9e6685af] {
    grid-gap: 14px;
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.card-shadow[data-v-ea467b82] {
    --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;box-shadow: 0 2px 16px #011c4314;
    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));
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: linear
}

.card-shadow[data-v-ea467b82]:hover {
    --tw-translate-y: -3px;box-shadow: 0 0 7px #00000026
}

.card-shadow:hover .category-title span[data-v-ea467b82] {
    color: #3b82f6
}

.category-card-main[data-v-ea467b82] {
    border-radius: .375rem;
    box-shadow: 0 2px 16px #011c4314;
    cursor: pointer;
    display: flex;
    height: 148px;
    padding: 0 20px;
    position: relative;
    width: 387px
}

@media (max-width: 1199.9px) {
    .category-card-main[data-v-ea467b82] {
        width:320px
    }
}

@media (max-width: 991.9px) {
    .category-card-main[data-v-ea467b82] {
        width:364px
    }
}

.category-card-main .category-card-main-img[data-v-ea467b82] {
    border-radius: 4px;
    height: 156px;
    margin-top: -24px;
    width: 118px
}

.category-title[data-v-ea467b82] {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    max-height: 48px;
    max-width: 217px;
    overflow: hidden
}

.category-title img[data-v-ea467b82] {
    display: inline;
    margin-bottom: 2px
}

.category-title span[data-v-ea467b82] {
    color: #323232;
    font-family: Microsoft YaHei;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px
}

.category-card-center[data-v-ea467b82] {
    display: flex;
    flex-direction: column;
    margin-left: 12px;
    margin-top: 12px
}

.category-tag-main[data-v-ea467b82] {
    display: flex;
    gap: 8px;
    margin: 10px 0;
    max-width: 253px;
    min-height: 28px
}

.category-tag-button[data-v-ea467b82] {
    -webkit-font-smoothing: auto;
    align-items: center;
    background-color: #f0f5ff;
    border-radius: 4px;
    display: flex;
    padding: 3px 8px
}

.category-tag-button span[data-v-ea467b82] {
    color: #3b82f6;
    font-family: Microsoft YaHei;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px
}

.report-pc-container[data-v-389c133b] {
    --tw-bg-opacity: 1;background-color: rgba(255,255,255,var(--tw-bg-opacity));
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.report-main[data-v-389c133b] {
    margin-top: 16px;
    width: 854px
}

.content-area[data-v-389c133b] {
    grid-gap: 14px;
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(3,minmax(0,1fr))
}

[data-v-389c133b] .n-base-selection__border,[data-v-389c133b] .n-base-selection__state-border {
    display: none
}

[data-v-389c133b] .n-base-selection-input__content {
    color: #6f6f6f
}

[data-v-389c133b] .n-pagination .n-pagination-item.n-pagination-item--disabled.n-pagination-item--button {
    color: #c2c2c2
}

[data-v-389c133b] .n-pagination .n-pagination-item:not(.n-pagination-item--disabled).n-pagination-item--active {
    border: 1px solid #1a90ff;
    color: #1a90ff
}

[data-v-389c133b] .n-pagination .n-pagination-item.n-pagination-item--button {
    border: none
}

[data-v-389c133b] .n-pagination .n-pagination-item.n-pagination-item--button:hover {
    border: none;
    color: #c2c2c2
}

[data-v-389c133b] .n-pagination .n-pagination-item {
    border: none;
    color: #666
}

[data-v-389c133b] .n-pagination .n-pagination-item:hover {
    border: none;
    color: #1a90ff
}

[data-v-389c133b] .n-input__border {
    border: 1px solid #ebebeb
}

[data-v-389c133b] .n-input-wrapper {
    padding-right: 7px
}

.ugc-category-main[data-v-389c133b] {
    gap: 19px;
    margin-top: 24px;
    row-gap: 50px
}

.load-more-btn[data-v-389c133b]:hover {
    --tw-bg-opacity: 1;--tw-text-opacity: 1;background-color: rgba(15,71,241,var(--tw-bg-opacity));
    border-color: transparent;
    color: rgba(255,255,255,var(--tw-text-opacity))
}

.load-more-btn[data-v-389c133b] {
    --tw-border-opacity: 1;--tw-text-opacity: 1;border-color: rgba(230,230,234,var(--tw-border-opacity));
    border-radius: 4px;
    border-width: 1px;
    color: rgba(140,140,140,var(--tw-text-opacity));
    font-size: 13px;
    line-height: 1;
    line-height: 18px;
    margin: 1.5rem auto;
    padding: 11px 46px;
    transition-duration: .2s
}

.float-pendant[data-v-1511681a] {
    align-items: center;
    background: #03d865;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    position: fixed;
    right: 16px;
    transition: all .3s ease;
    z-index: 99
}

.float-pendant[data-v-1511681a],.float-pendant img[data-v-1511681a] {
    height: 42px;
    width: 42px
}

.float-pendant .pendant-dot[data-v-1511681a] {
    align-items: center;
    background: #266fe7;
    border-radius: 50%;
    bottom: 0;
    display: flex;
    height: 16px;
    justify-content: center;
    position: absolute;
    right: 0;
    width: 16px
}

.float-pendant .pendant-dot img[data-v-1511681a] {
    height: 8px;
    width: 9px
}

.float-pendant[data-v-1511681a]:active {
    transform: scale(.95)
}

.report-mobile-container[data-v-be2271f7] {
    --tw-bg-opacity: 1;background-color: rgba(255,255,255,var(--tw-bg-opacity));
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    position: relative
}

.search-box[data-v-be2271f7] {
    grid-gap: 14px;
    align-items: center;
    display: flex;
    gap: 14px;
    left: 0;
    margin-top: 16px;
    padding-left: 12px;
    padding-right: 12px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.search-box .title[data-v-be2271f7] {
    height: 17px;
    width: 76px
}

.search-box .title img[data-v-be2271f7] {
    height: 100%;
    width: 100%
}

.search-box .input-box[data-v-be2271f7] {
    --tw-bg-opacity: 1;background-color: rgba(255,255,255,var(--tw-bg-opacity));
    border-radius: 6px;
    display: flex;
    flex: 1 1 0%;
    height: 32px;
    position: relative
}

.search-box .input-box .input-wrapper[data-v-be2271f7] {
    --tw-text-opacity: 1;grid-gap: 6px;
    align-items: center;
    color: rgba(153,153,153,var(--tw-text-opacity));
    display: flex;
    flex-grow: 1;
    font-size: 14px;
    gap: 6px;
    line-height: 1;
    padding-left: 8px
}

.search-box .input-box .input-wrapper img[data-v-be2271f7] {
    height: 14px;
    width: 14px
}

.search-bg[data-v-be2271f7] {
    --tw-bg-opacity: 1;background-color: rgba(255,255,255,var(--tw-bg-opacity));
    height: 114px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100vw
}

.search-bg img[data-v-be2271f7] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.report-mobile-wrapper[data-v-be2271f7] {
    background-color: transparent;
    padding-left: 12px;
    padding-right: 12px;
    position: relative
}

.wrapper-index[data-v-be2271f7] {
    grid-column-gap: .25rem;
    bottom: 10px;
    -webkit-column-gap: .25rem;
    -moz-column-gap: .25rem;
    column-gap: .25rem;
    display: flex;
    justify-content: center;
    position: absolute;
    right: 11px
}

.wrapper-index p[data-v-be2271f7] {
    margin-bottom: 0
}

.index-active[data-v-be2271f7] {
    width: 10px
}

.index-active[data-v-be2271f7],.index-en-active[data-v-be2271f7] {
    border-radius: .125rem;
    height: .25rem
}

.index-en-active[data-v-be2271f7] {
    --tw-bg-opacity: 1;background-color: rgba(226,227,229,var(--tw-bg-opacity));
    width: .25rem
}

.mobile-filter-icon[data-v-be2271f7] {
    height: 32px;
    width: 32px
}

.mobile-filter-text-out[data-v-be2271f7] {
    --tw-text-opacity: 1;color: rgba(102,102,102,var(--tw-text-opacity));
    font-size: 13px;
    line-height: 1;
    line-height: 1.25rem
}

.active-text[data-v-be2271f7] {
    --tw-text-opacity: 1;color: rgba(59,130,246,var(--tw-text-opacity));
    max-width: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mobile-filter-item[data-v-be2271f7] {
    grid-row-gap: .25rem;
    -webkit-row-gap: .25rem;
    -moz-row-gap: .25rem;
    row-gap: .25rem
}

.mobile-filter-item[data-v-be2271f7],.money-report[data-v-be2271f7] {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
    align-items: center;
    display: flex;
    flex-direction: column
}

.money-report[data-v-be2271f7] {
    grid-row-gap: 2px;
    -webkit-row-gap: 2px;
    -moz-row-gap: 2px;
    row-gap: 2px
}

.money-report-icon[data-v-be2271f7] {
    height: 36px;
    width: 36px
}

.filter-pop-icon[data-v-be2271f7] {
    --tw-text-opacity: 1;align-items: center;
    color: rgba(140,140,140,var(--tw-text-opacity));
    display: flex;
    margin-left: auto
}

.right-icon-text[data-v-be2271f7] {
    font-size: 14px;
    line-height: 1;
    line-height: 18px
}

.show-filter[data-v-be2271f7] {
    height: calc(100vh - 356px);
    position: absolute;
    right: 0;
    top: 356px;
    width: 100%;
    z-index: 999
}

.filter-drawer[data-v-be2271f7],.show-filter[data-v-be2271f7] {
    --tw-bg-opacity: 1;background-color: rgba(255,255,255,var(--tw-bg-opacity))
}

.filter-drawer[data-v-be2271f7] {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    display: flex;
    flex-direction: column;
    font-family: PingFang SC;
    overflow: scroll;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    position: relative
}

.filter-drawer .close-icon[data-v-be2271f7] {
    align-items: center;
    display: flex;
    height: 16px;
    justify-content: center;
    position: absolute;
    right: 1rem;
    top: 1rem;
    width: 16px;
    z-index: 200
}

.filter-content[data-v-be2271f7] {
    height: 470px;
    overflow: scroll;
    z-index: 10
}

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

.filter-tags[data-v-be2271f7] {
    grid-gap: 10px;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3,minmax(0,1fr));
    margin-top: .75rem
}

.tag-item[data-v-be2271f7] {
    align-items: center;
    background-color: rgba(244,245,247,var(--tw-bg-opacity));
    border-radius: 6px;
    color: rgba(77,77,77,var(--tw-text-opacity));
    display: flex;
    font-size: 13px;
    justify-content: center;
    line-height: 1;
    line-height: 18px;
    padding-bottom: 12px;
    padding-top: 12px
}

.tag-active[data-v-be2271f7],.tag-item[data-v-be2271f7] {
    --tw-bg-opacity: 1;--tw-text-opacity: 1}

.tag-active[data-v-be2271f7] {
    background-color: rgba(15,71,241,var(--tw-bg-opacity));
    color: rgba(255,255,255,var(--tw-text-opacity))
}

.reset-button[data-v-be2271f7] {
    background-color: rgba(255,255,255,var(--tw-bg-opacity));
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    color: rgba(77,77,77,var(--tw-text-opacity))
}

.confirm-button[data-v-be2271f7],.reset-button[data-v-be2271f7] {
    --tw-bg-opacity: 1;--tw-text-opacity: 1;align-items: center;
    display: flex;
    flex: 1 1 0%;
    font-size: 14px;
    height: 44px;
    justify-content: center;
    line-height: 1;
    line-height: 20px;
    padding-bottom: 12px;
    padding-top: 12px
}

.confirm-button[data-v-be2271f7] {
    background-color: rgba(15,71,241,var(--tw-bg-opacity));
    border-radius: 8px;
    color: rgba(255,255,255,var(--tw-text-opacity))
}

.mobile-image[data-v-be2271f7] {
    flex: none;
    height: 86px;
    width: 143px
}

.mobile-content[data-v-be2271f7] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin-left: .75rem
}

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

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

.mobile-tags[data-v-be2271f7] {
    grid-column-gap: 6px;
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    display: flex;
    margin-bottom: 7px
}

.tag-text[data-v-be2271f7] {
    --tw-text-opacity: 1;background: #f2f7ff;
    border-radius: 3px;
    color: rgba(59,130,246,var(--tw-text-opacity));
    font-size: 13px;
    justify-content: center;
    line-height: 1;
    max-width: -moz-max-content;
    max-width: max-content;
    padding: 2.5px 4px
}

.mobile-status[data-v-be2271f7],.tag-text[data-v-be2271f7] {
    align-items: center;
    display: flex
}

.mobile-status[data-v-be2271f7] {
    justify-content: space-between;
    margin-top: auto
}

.mobile-time-text[data-v-be2271f7] {
    --tw-text-opacity: 1;color: rgba(153,153,153,var(--tw-text-opacity));
    font-size: 13px;
    line-height: 1;
    line-height: 13px
}

.mobile-button[data-v-be2271f7] {
    --tw-text-opacity: 1;-webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
    border-radius: 4px;
    color: rgba(255,255,255,var(--tw-text-opacity));
    cursor: pointer;
    font-size: 12px;
    line-height: 1;
    line-height: 16px;
    margin-left: auto;
    padding: 5px 10px
}

.load-more[data-v-be2271f7] {
    --tw-border-opacity: 1;--tw-text-opacity: 1;align-items: center;
    border-color: rgba(230,230,234,var(--tw-border-opacity));
    border-radius: 5px;
    border-width: 1px;
    color: rgba(140,140,140,var(--tw-text-opacity));
    display: flex;
    font-size: 14px;
    height: 36px;
    justify-content: center;
    line-height: 1;
    margin: 20px auto 10px;
    padding-bottom: 8px;
    padding-top: 8px;
    width: 132px
}

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

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

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

.amz-tab-bar[data-v-be2271f7]: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-be2271f7] {
    background: linear-gradient(269.68deg,rgba(64,103,242,.8),#4067f2 .01%,#377bff 99.89%);
    opacity: .9
}

.button-bg-end[data-v-be2271f7] {
    background: linear-gradient(90deg,#bdc3c7,#2c3e50);
    opacity: .9
}

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

.filter-space[data-v-be2271f7] {
    align-items: center;
    display: flex;
    height: calc(100vh - 356px);
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%
}

[data-v-be2271f7] .n-base-selection__border,[data-v-be2271f7] .n-base-selection__state-border {
    display: none
}

[data-v-be2271f7] .n-base-selection-input__content {
    color: #6f6f6f
}

.blue-color[data-v-be2271f7] {
    color: #3b82f6
}

.report-mobile-filter[data-v-be2271f7] {
    --tw-bg-opacity: 1;grid-column-gap: 22px;
    align-items: center;
    background-color: rgba(255,255,255,var(--tw-bg-opacity));
    -webkit-column-gap: 22px;
    -moz-column-gap: 22px;
    column-gap: 22px;
    display: flex;
    justify-content: space-between;
    padding: .75rem 1rem;
    position: relative;
    z-index: 20
}

.report-mobile-filter .filter-item[data-v-be2271f7] {
    --tw-text-opacity: 1;grid-column-gap: 5px;
    align-items: center;
    color: rgba(102,102,102,var(--tw-text-opacity));
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
    display: flex;
    font-size: 13px;
    line-height: 1;
    line-height: 17px
}

.report-mobile-filter .active-text[data-v-be2271f7] {
    --tw-text-opacity: 1;color: rgba(59,130,246,var(--tw-text-opacity))
}

.mobile-filter-text[data-v-be2271f7] {
    font-size: 14px;
    line-height: 1;
    line-height: 18px
}

.report-mobile-list[data-v-be2271f7] {
    --tw-bg-opacity: 1;background-color: rgba(255,255,255,var(--tw-bg-opacity));
    padding-bottom: 10px;
    padding-left: .75rem;
    padding-right: .75rem
}

.list-box[data-v-be2271f7],.report-mobile-list[data-v-be2271f7] {
    display: flex;
    flex-direction: column
}

.list-box[data-v-be2271f7] {
    grid-gap: 18px;
    gap: 18px
}

.category-mobile-detail[data-v-be2271f7] {
    height: 112px;
    width: 86px
}

.mobile-bottom-button[data-v-be2271f7] {
    --tw-bg-opacity: 1;grid-gap: 12px;
    background-color: rgba(255,255,255,var(--tw-bg-opacity));
    bottom: 0;
    display: flex;
    font-size: 14px;
    gap: 12px;
    justify-content: space-between;
    left: 0;
    line-height: 1;
    line-height: 18px;
    padding: 12px 16px 2rem;
    position: absolute;
    width: 100%
}

.empty-box[data-v-be2271f7] {
    padding: 0 32px;
    width: 100vw
}

.empty-box[data-v-be2271f7],.empty-box .tips-box[data-v-be2271f7] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.empty-box .tips-box[data-v-be2271f7] {
    font-family: PingFang SC;
    height: 128px;
    width: 100%
}

.empty-box .tips-box .tips[data-v-be2271f7] {
    align-items: center;
    display: flex;
    gap: 10px;
    height: 48px;
    justify-content: center;
    padding: 2px 10px 2px 0;
    width: 221px
}

.empty-box .tips-box .tips .empty-img[data-v-be2271f7] {
    height: 44px;
    width: 56px
}

.empty-box .tips-box .tips .tips-text[data-v-be2271f7] {
    align-items: start;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 10px
}

.empty-box .tips-box .tips .tips-text .tips-text-title[data-v-be2271f7] {
    color: #333;
    font-size: 14px;
    font-style: Medium;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 22px
}

.empty-box .tips-box .tips .tips-text .tips-text-desc[data-v-be2271f7] {
    color: #666;
    font-size: 13px;
    font-style: Regular;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 22px
}

.report-pc-main[data-v-1381bf23] {
    display: flex
}

@media (max-width: 639.9px) {
    .report-pc-main[data-v-1381bf23] {
        display:none
    }
}

.report-mobile-main[data-v-1381bf23] {
    display: none
}

@media (max-width: 639.9px) {
    .report-mobile-main[data-v-1381bf23] {
        display:block
    }
}