.amz-enlarge-img[data-v-d821c7f6] {
    border-radius: 4px;
    max-height: 66px;
    max-width: 113px;
    min-height: 66px;
    min-width: 113px;
    overflow: hidden
}

.ugc-partner-item[data-v-d821c7f6] {
    align-items: center;
    background: #fff;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    padding: 10px;
    width: 100%
}

.ugc-partner-item .img-container-size[data-v-d821c7f6] {
    max-height: 66px;
    max-width: 113px;
    min-height: 66px;
    min-width: 113px
}

.ugc-partner-item .ugc-partner-center[data-v-d821c7f6] {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    margin-left: 9px;
    margin-right: 12px
}

.ugc-partner-item .ugc-partner-center section[data-v-d821c7f6] {
    color: #111827;
    display: -webkit-box;
    font-size: 16px;
    line-height: 21px
}

.ugc-partner-item .ugc-partner-center section[data-v-d821c7f6],.ugc-partner-item .ugc-partner-center span[data-v-d821c7f6] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-family: Microsoft YaHei;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    word-break: break-all
}

.ugc-partner-item .ugc-partner-center span[data-v-d821c7f6] {
    color: #8c8c8c;
    display: inline-block;
    display: -webkit-box;
    font-size: 14px;
    line-height: 20px;
    margin-top: 5px
}

.ugc-partner-item .ugc-right[data-v-d821c7f6] {
    flex: none
}

.ugc-partner-item:hover .ugc-partner-center section[data-v-d821c7f6] {
    color: var(--40fb7b70)
}

.ugc-partner-item[data-v-d821c7f6]:hover {
    box-shadow: 0 2px 16px 2px #011c430f;
    z-index: 22
}

.ugc-partner-main[data-v-b44f4f62] {
    background: #fff;
    border-radius: 4px;
    margin-top: 24px
}

@media (max-width: 639.9px) {
    .ugc-partner-main[data-v-b44f4f62] {
        display:none
    }
}

.ugc-partner-flex[data-v-b44f4f62] {
    display: flex;
    flex-wrap: no-wrap;
    width: 100%
}

@media (max-width: 991px) {
    .ugc-partner-flex[data-v-b44f4f62] {
        flex-wrap:wrap
    }
}

.ugc-partner-mobile-item[data-v-962cc86c] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    margin-bottom: 16px
}

.ugc-partner-mobile-item .img-container-size[data-v-962cc86c] {
    border-radius: 4px;
    flex: none;
    height: 50px;
    width: 70px
}

.ugc-partner-mobile-item .ugc-partner-center[data-v-962cc86c] {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    margin-left: 10px;
    margin-right: 8px
}

.ugc-partner-mobile-item .ugc-partner-center .partner-name[data-v-962cc86c] {
    color: #111827;
    display: -webkit-box;
    font-size: 15px;
    line-height: 21px
}

.ugc-partner-mobile-item .ugc-partner-center .partner-introduce[data-v-962cc86c],.ugc-partner-mobile-item .ugc-partner-center .partner-name[data-v-962cc86c] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-family: Microsoft YaHei;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    word-break: break-all
}

.ugc-partner-mobile-item .ugc-partner-center .partner-introduce[data-v-962cc86c] {
    color: #8c8c8c;
    display: inline-block;
    display: -webkit-box;
    font-size: 14px;
    line-height: 19px;
    margin-top: 6px
}

.ugc-partner-mobile-item .ugc-partner-center .ugc-right[data-v-962cc86c] {
    align-items: center;
    display: flex;
    flex: none;
    height: 20px;
    justify-content: center;
    width: 20px
}

.ugc-partner-mobile-item[data-v-962cc86c]:last-child {
    margin-bottom: 0
}

.ugc-partner-mobile-main[data-v-7cd2af0c] {
    background: #fff;
    display: none;
    margin-top: 12px;
    padding: 16px;
    width: 100%
}

@media (max-width: 639.9px) {
    .ugc-partner-mobile-main[data-v-7cd2af0c] {
        display:block
    }
}

.ugc-partner-mobile-main .ugc-partner-mobile-flex[data-v-7cd2af0c] {
    width: 100%
}

.ugc-partner-mobile-main .ugc-partner-mobile-flex[data-v-7cd2af0c]:last-child {
    margin-top: 16px
}

@media (max-width: 576px) {
    .ugc-partner-mobile-main[data-v-7cd2af0c] {
        margin-top:6px
    }
}

.article-new-surprise[data-v-b5a6749a] {
    align-items: center;
    background: #fff;
    border: 1px solid #f2f2f2;
    border-radius: 6px;
    box-shadow: 0 2px 16px #011c430f;
    display: flex;
    margin-top: 32px
}

.article-new-surprise .article-surprise-img[data-v-b5a6749a] {
    cursor: pointer
}

.article-new-surprise .article-surprise-img[data-v-b5a6749a],.article-new-surprise img[data-v-b5a6749a] {
    border-radius: 6px 0 0 6px;
    height: 114px;
    width: 178px
}

.article-new-surprise .article-new-surprise-center[data-v-b5a6749a] {
    padding: 0 20px 0 16px
}

.article-new-surprise .article-new-surprise-center .article-new-title[data-v-b5a6749a] {
    color: #111827;
    cursor: pointer;
    font-family: Microsoft YaHei;
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
    max-width: 425px
}

.article-new-surprise .article-new-surprise-center .article-new-title[data-v-b5a6749a]:hover {
    color: #3b82f6
}

.article-new-surprise .article-new-surprise-center .article-new-description[data-v-b5a6749a] {
    color: #8c8c8c;
    font-family: Microsoft YaHei;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    margin-top: 12px;
    max-width: 425px;
    width: 425px
}

.article-new-surprise .article-new-button[data-v-b5a6749a] {
    align-items: center;
    border: 1px solid #3b82f6;
    border-radius: 24px;
    color: #3b82f6;
    display: inline-flex;
    font-family: Microsoft YaHei;
    font-size: 12px;
    font-weight: 600;
    height: 30px;
    justify-content: center;
    line-height: 18px;
    margin-left: auto;
    margin-right: 20px;
    min-width: 72px
}

.article-new-surprise .article-new-button[data-v-b5a6749a]:hover {
    background: #3b82f6;
    color: #fff;
    cursor: pointer
}

.article-new-image[data-v-b5a6749a] {
    align-items: center;
    background: #fff;
    border: 1px solid #f2f2f2;
    border-radius: 6px;
    box-shadow: 0 2px 16px #011c430f;
    display: flex;
    margin-top: 32px;
    width: 100%
}

.article-new-image a[data-v-b5a6749a] {
    display: block;
    height: 114px;
    width: 100%
}

.article-new-image img[data-v-b5a6749a] {
    border-radius: 6px;
    height: 114px;
    width: 100%
}

@media (max-width: 576px) {
    .article-new-surprise .article-surprise-img[data-v-b5a6749a] {
        height:75px;
        width: 136px
    }

    .article-new-surprise img[data-v-b5a6749a] {
        border-radius: 6px 0 0 6px;
        height: 75px;
        width: 136px
    }

    .article-new-surprise .article-new-surprise-center[data-v-b5a6749a] {
        padding: 0 16px 0 10px
    }

    .article-new-surprise .article-new-surprise-center .article-new-title[data-v-b5a6749a] {
        font-size: 14px;
        font-weight: 400;
        max-width: 197px
    }

    .article-new-surprise .article-new-surprise-center .article-new-description[data-v-b5a6749a] {
        font-size: 12px;
        font-weight: 400;
        margin-top: 5px;
        max-width: 197px;
        width: 197px
    }

    .article-new-surprise .article-new-button[data-v-b5a6749a] {
        display: none
    }

    .article-new-image a[data-v-b5a6749a],.article-new-image img[data-v-b5a6749a] {
        height: 75px
    }
}

.document-content-notice[data-v-78079987] {
    --tw-bg-opacity: 1;background-color: rgba(243,246,255,var(--tw-bg-opacity));
    border: 1px solid #1c5cff;
    border-radius: .375rem;
    display: flex;
    margin-bottom: 20px;
    margin-top: -4px;
    padding: 1px 15px;
    position: relative;
    width: 100%
}

@media (max-width: 639.9px) {
    .document-content-notice[data-v-78079987] {
        margin-bottom:20px;
        margin-top: -2px;
        padding: 7px 9px
    }
}

.document-content-notice .document-content-notice-icon[data-v-78079987] {
    align-items: center;
    display: flex;
    flex: none;
    height: 2.25rem;
    justify-content: center;
    margin-right: .25rem;
    width: 2.25rem
}

@media (max-width: 639.9px) {
    .document-content-notice .document-content-notice-icon[data-v-78079987] {
        height:1.25rem;
        left: 10px;
        position: absolute;
        top: .5rem;
        width: 1.25rem
    }
}

.document-content-notice .document-content-notice-text[data-v-78079987] {
    --tw-text-opacity: .9215686274509803;color: rgba(0,0,0,var(--tw-text-opacity));
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    line-height: 1.5rem;
    margin-bottom: 6px;
    margin-top: 6px;
    white-space: pre-wrap
}

@media (max-width: 639.9px) {
    .document-content-notice .document-content-notice-text[data-v-78079987] {
        font-size:13px;
        line-height: 1;
        line-height: 1.25rem;
        margin-bottom: 0;
        margin-top: 0
    }
}

.document-content-notice .document-content-notice-text[data-v-78079987] .document-content-notice-prefix {
    display: inline-block;
    width: 0
}

@media (max-width: 639.9px) {
    .document-content-notice .document-content-notice-text[data-v-78079987] .document-content-notice-prefix {
        width:25px
    }
}

.document-content-notice .document-content-notice-text .document-content-notice-content[data-v-78079987] object {
    display: inline-flex!important;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5rem;
    text-align: center;
    vertical-align: baseline
}

@media (max-width: 639.9px) {
    .document-content-notice .document-content-notice-text .document-content-notice-content[data-v-78079987] object {
        font-size:13px;
        line-height: 1;
        line-height: 1.25rem;
        margin-bottom: 0;
        margin-top: 0
    }
}

.document-content-notice .document-content-notice-text .document-content-notice-content[data-v-78079987] {
    margin: 0
}

.document-content-notice .document-content-notice-text .document-content-notice-content[data-v-78079987] a {
    --tw-text-opacity: 1;color: rgba(28,92,255,var(--tw-text-opacity))
}

.document-content-notice .document-content-notice-text .document-content-notice-content[data-v-78079987] * {
    margin: 0;
    padding: 0
}

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

.add-icon[data-v-8d98f086] {
    stroke: var(--1aa11144);
    transition: all .15s ease-out
}

.partner-tag[data-v-875a793b] {
    align-items: center;
    background: #ffeda1;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    margin-top: 2px;
    padding: 3px 6px
}

.tag-name[data-v-875a793b] {
    color: #c38d00;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px
}

.author-mobile-info[data-v-563fe04e] {
    background: #fff;
    box-sizing: border-box;
    display: none;
    width: 100%
}

@media (max-width: 639.9px) {
    .author-mobile-info[data-v-563fe04e] {
        display:block
    }
}

.author-mobile-info .top-info[data-v-563fe04e] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.author-mobile-info .top-info .article-time[data-v-563fe04e] {
    font-weight: 400
}

.author-mobile-info .top-info .article-time[data-v-563fe04e],.author-mobile-info .top-info .article-views[data-v-563fe04e] {
    color: #b3b3b3;
    font-family: Microsoft YaHei;
    font-size: 12px;
    line-height: 16px
}

.author-mobile-info .detail-info[data-v-563fe04e] {
    align-items: center;
    display: flex;
    margin-bottom: 21px;
    margin-top: 19px
}

.author-mobile-info .detail-info .article-detail-icon[data-v-563fe04e] {
    border: 1px solid #ebebeb;
    border-radius: 50%;
    box-sizing: border-box;
    height: 36px;
    margin-right: 8px;
    width: 36px
}

.author-mobile-info .detail-info .detail-center[data-v-563fe04e] {
    display: flex;
    flex: 1;
    flex-direction: column
}

.author-mobile-info .detail-info .detail-center .author-name[data-v-563fe04e] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: #111827;
    display: -webkit-box;
    font-family: Microsoft YaHei;
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    word-break: break-all
}

.author-mobile-info .detail-info .right-btn[data-v-563fe04e] {
    align-items: center;
    border: 1px solid #3b82f6;
    border-radius: 24px;
    color: #3b82f6;
    display: flex;
    float: right;
    font-size: 12px;
    font-weight: 600;
    gap: 1px;
    justify-content: center;
    line-height: 16px;
    padding: 3px 11px;
    transition: all .15s ease-out;
    width: 60px
}

.author-mobile-info .detail-info .right-btn .rotate-add[data-v-563fe04e] {
    left: -1.5px;
    position: relative;
    top: -.5px;
    transition: transform .3s ease-out
}

.show-hover[data-v-3be4050c] {
    display: none
}

.check-icon-box[data-v-3be4050c] {
    cursor: pointer
}

.check-icon-box:hover .show-block[data-v-3be4050c] {
    display: none
}

.check-icon-box:hover .show-hover[data-v-3be4050c] {
    display: block
}

.check-icon-box:hover .item-wechat-text[data-v-3be4050c] {
    color: #02d168
}

.check-icon-box:hover .item-copy-text[data-v-3be4050c] {
    color: #3b82f6
}

.item-icon-box[data-v-3be4050c] {
    align-items: center;
    background: #f8f8fa;
    border-radius: 50%;
    display: flex;
    height: 42px;
    justify-content: center;
    width: 42px
}

.ugc-share-module[data-v-3be4050c] {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.ugc-good-button[data-v-3be4050c] {
    align-items: center;
    background: #f8f8fa;
    border-radius: 100%;
    cursor: pointer;
    display: flex;
    flex-direction: column
}

.ugc-good-button:hover .ugc-number-text[data-v-3be4050c] {
    color: #3b82f6
}

.ugc-good-button:hover .show-block[data-v-3be4050c] {
    display: none
}

.ugc-good-button:hover .show-hover[data-v-3be4050c] {
    display: block
}

.ugc-number-text[data-v-3be4050c] {
    color: #8c8c8c;
    font-family: Microsoft YaHei;
    font-size: 10px;
    font-weight: 600;
    line-height: 10px;
    text-align: center
}

.ugc-check-number[data-v-3be4050c] {
    color: #3b82f6
}

.item-text-box[data-v-3be4050c] {
    display: flex;
    font-family: Microsoft YaHei;
    font-size: 12px;
    font-weight: 400;
    justify-content: center;
    letter-spacing: .04em;
    line-height: 16px;
    margin-top: 4px;
    text-align: left
}

.new-zb-href[data-v-72ed445b] {
    align-items: center;
    background: linear-gradient(90.26deg,#ffefe8 -1.15%,#fdeeee 26.03%,#fdf0eb 59.35%,#fff6f6 74.55%,#fff2f2 101.39%);
    border-radius: 6px;
    display: flex;
    height: 54px;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 18px
}

.new-zb-href img[data-v-72ed445b] {
    height: 22px
}

@media (max-width: 576px) {
    .new-zb-href[data-v-72ed445b] {
        border-radius:0;
        height: 36px;
        left: 0;
        max-width: 100%;
        padding: 0 16px;
        position: absolute;
        top: 0;
        width: 100%
    }

    .new-zb-href img[data-v-72ed445b] {
        height: 16px;
        min-width: 63px
    }
}

.new-zb-href .zb-title-box[data-v-72ed445b] {
    cursor: pointer;
    max-height: 26px;
    max-width: 596px;
    overflow: hidden;
    white-space: nowrap
}

.new-zb-href .zb-title-box .zb-href-title[data-v-72ed445b] {
    color: #000;
    display: inline-block;
    font-family: PingFang SC;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px
}

@media (max-width: 576px) {
    .new-zb-href .zb-title-box .zb-href-title[data-v-72ed445b] {
        align-items:center;
        display: flex;
        font-family: PingFang SC;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 17px;
        max-width: 64vw
    }
}

.new-zb-href .zb-title-box .zb-href-scroll[data-v-72ed445b] {
    animation: marquee-72ed445b 50s linear infinite
}

.new-zb-href .href-divide[data-v-72ed445b] {
    background: #ffd0b6;
    height: 20.5px;
    margin: 0 17px;
    width: 1px
}

@media (max-width: 576px) {
    .new-zb-href .href-divide[data-v-72ed445b] {
        height:14px;
        margin: 0 10px
    }
}

.new-zb-href .new-zb-more[data-v-72ed445b] {
    align-items: center;
    color: #ff650f;
    cursor: pointer;
    display: flex;
    font-family: PingFang SC;
    font-size: 15px;
    font-weight: 400;
    gap: 4px;
    line-height: 22px;
    margin-left: auto
}

.new-zb-href .new-zb-more img[data-v-72ed445b] {
    height: 14px;
    width: 14px
}

@media (max-width: 576px) {
    .new-zb-href .new-zb-more[data-v-72ed445b] {
        display:none
    }
}

.new-zb-href .new-zb-more-mobile[data-v-72ed445b] {
    align-items: center;
    color: #ff650f;
    cursor: pointer;
    display: none;
    font-family: PingFang SC;
    font-size: 15px;
    font-weight: 400;
    gap: 4px;
    line-height: 22px;
    margin-left: auto
}

.new-zb-href .new-zb-more-mobile img[data-v-72ed445b] {
    height: 14px;
    min-width: 14px
}

@media (max-width: 576px) {
    .new-zb-href .new-zb-more-mobile[data-v-72ed445b] {
        display:flex;
        margin-left: auto
    }

    .new-zb-href .new-zb-more-mobile[data-v-72ed445b],.new-zb-href .new-zb-more-mobile img[data-v-72ed445b] {
        max-height: 16px;
        max-width: 16px;
        min-height: 16px;
        min-width: 16px
    }
}

@keyframes marquee-72ed445b {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

.wrapper[data-v-918d3b7e] {
    --tw-bg-opacity: 1;align-items: center;
    background-color: rgba(248,248,250,var(--tw-bg-opacity));
    border-radius: .25rem;
    display: flex;
    margin-top: 24px;
    padding: 16px
}

@media screen and (max-width: 640px) {
    .wrapper[data-v-918d3b7e] {
        margin-left:16px;
        margin-right: 16px
    }
}

.article[data-v-918d3b7e] {
    font-size: 14px;
    line-height: 1;
    width: calc(100% - 37px)
}

.article .top[data-v-918d3b7e] {
    grid-column-gap: 2px;
    align-items: center;
    -webkit-column-gap: 2px;
    -moz-column-gap: 2px;
    column-gap: 2px;
    display: flex;
    line-height: 22px;
    margin-bottom: 4px
}

.article .top image[data-v-918d3b7e] {
    height: 12px;
    width: 12px
}

.article .top2[data-v-918d3b7e] {
    justify-content: flex-end
}

.article .title[data-v-918d3b7e] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    line-height: 22px;
    overflow: hidden
}

.a-default[data-v-918d3b7e] {
    --tw-text-opacity: 1;color: rgba(30,34,38,var(--tw-text-opacity))
}

.a-default[data-v-918d3b7e]:hover {
    --tw-text-opacity: 1;color: rgba(38,111,231,var(--tw-text-opacity))
}

.a-default-disabled[data-v-918d3b7e] {
    --tw-text-opacity: 1;color: rgba(140,140,140,var(--tw-text-opacity));
    cursor: not-allowed
}

.top-default[data-v-918d3b7e] {
    --tw-text-opacity: 1;color: rgba(38,111,231,var(--tw-text-opacity))
}

.top-default-disabled[data-v-918d3b7e] {
    --tw-text-opacity: 1;color: rgba(140,140,140,var(--tw-text-opacity))
}

.article-nav-module[data-v-3c7e0544] {
    align-items: center;
    color: #525252;
    display: inline-flex;
    font-family: Microsoft YaHei;
    font-size: 14px;
    gap: 8px;
    line-height: 14px;
    margin: 0
}

.article-nav-module span[data-v-3c7e0544] {
    color: #1e2226
}

.article-nav-module a[data-v-3c7e0544]:hover {
    color: #111827;
    font-weight: 600
}

@media (max-width: 639.9px) {
    .article-nav-module[data-v-3c7e0544] {
        display:none
    }
}

.article-nav-module .breadcrumb-divide-line[data-v-3c7e0544] {
    --tw-text-opacity: 1;color: rgba(229,229,229,var(--tw-text-opacity));
    font-size: 14px;
    line-height: 1
}

.ugc-bottom-title-child[data-v-3c7e0544] {
    margin-top: 8px
}

@media (max-width: 576px) {
    .ugc-bottom-title-child[data-v-3c7e0544] {
        margin-top:0
    }
}

.article-detail-main[data-v-3c7e0544] {
    background: #fff;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    padding: 10px 15px;
    position: relative;
    --fa566758: #3b82f6;
    --0c7aab2c: #3b82f6;
    --fa52daa8: #f4f8ff;
}

@media (max-width: 639.9px) {
    .article-detail-main[data-v-3c7e0544] {
        border-radius:0;
        margin: 0;
        padding: 2.5rem 1rem;
        width: 100%
    }
}

.article-detail-main .article-detail-aside[data-v-3c7e0544] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 300px;
    left: -78px;
    position: absolute;
    top: 160px;
    width: 42px
}

.article-detail-title[data-v-3c7e0544] {
    color: #111827;
    font-family: Microsoft YaHei;
    font-size: 30px;
    font-weight: 700;
    /* line-height: 42px; */
    margin-bottom: 1.5rem;
    margin-top: 14px;
    text-align: center;
}

@media (max-width: 639.9px) {
    .article-detail-title[data-v-3c7e0544] {
        font-size:24px;
        line-height: 1;
        line-height: 32px;
        margin-bottom: 10px;
        margin-top: 10px
    }

    .show-new-zb-title[data-v-3c7e0544] {
        margin-top: 38px
    }
}

.article-detail-head[data-v-3c7e0544] {
    align-items: center;
    display: flex;
    margin-bottom: .5rem;
}

@media (max-width: 639.9px) {
    .article-detail-head[data-v-3c7e0544] {
        display:none
    }
}

.article-detail-icon[data-v-3c7e0544] {
    border-radius: 50%;
    cursor: pointer;
    height: 40px;
    margin-right: 10px;
    width: 40px
}

@media (min-width: 992px) {
    .article-detail-icon[data-v-3c7e0544] {
        min-width:40px
    }
}

@media (max-width: 639.9px) {
    .article-detail-icon[data-v-3c7e0544] {
        align-self:center;
        height: 34px;
        margin-right: auto;
        width: 34px
    }
}

.article-detail-center[data-v-3c7e0544] {
    /* display: flex;
    flex-direction: column;
    flex-grow: 1;
    font-family: Microsoft YaHei */
    text-align: center;
}

@media (min-width: 992px) {
    .article-detail-center[data-v-3c7e0544] {
        width:40vw
    }
}

@media (max-width: 639.9px) {
    .article-detail-center[data-v-3c7e0544] {
        justify-content:center
    }
}

.article-detail-center .article-detail-author[data-v-3c7e0544],
.article-detail-center .article-detail-source[data-v-3c7e0544],
.article-detail-center .article-detail-time[data-v-3c7e0544] {
    vertical-align: top;
    display: inline-block;
    font-size: 14px;
    color: #999;
    line-height: 24px;
    margin-right: 16px;
}

.article-detail-center .article-detail-author[data-v-3c7e0544]:hover {
    color: var(--fa566758)
}

@media (max-width: 639.9px) {
    .article-detail-center .article-detail-author[data-v-3c7e0544] {
        margin-left:8px;
        max-width: 140px
    }
}

.article-detail-right[data-v-3c7e0544] {
    align-items: flex-end;
    color: #b8b8b8;
    display: flex;
    flex-direction: column;
    font-family: Microsoft YaHei;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    white-space: nowrap
}

.article-detail-button[data-v-3c7e0544] {
    align-items: center;
    border: 1px solid var(--fa566758);
    border-radius: 24px;
    color: var(--fa566758);
    display: flex;
    float: right;
    font-size: 12px;
    font-weight: 600;
    gap: 1px;
    justify-content: center;
    line-height: 16px;
    margin-left: 8px;
    padding: 3px 11px;
    transition: all .15s ease-out
}

.article-detail-button .rotate-add[data-v-3c7e0544] {
    left: -1.5px;
    position: relative;
    top: -.5px;
    transition: transform .3s ease-out
}

.article-detail-button[data-v-3c7e0544]:hover {
    background: var(--fa566758);
    color: #fff
}

.article-detail-button:hover .rotate-add[data-v-3c7e0544] {
    transform: rotate(180deg)
}

.article-detail-button[data-v-3c7e0544]:hover .add-icon {
    stroke: #fff
}

.article-detail-button-follow-hover[data-v-3c7e0544]:hover {
    background: #fff;
    border: 1px solid #b8b8b8;
    color: #8c8c8c
}

.ugc-detail-tag[data-v-3c7e0544] {
    background: #f8f8fa;
    border-radius: 4px;
    color: #8c8c8c;
    font-family: Microsoft YaHei;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    margin-top: 28px;
    padding: 5px 10px
}

.ugc-detail-tag[data-v-3c7e0544]:hover {
    background: var(--fa52daa8);
    color: var(--0c7aab2c)
}

.qr-code-box[data-v-3c7e0544] {
    height: 116px;
    margin-left: auto;
    width: 116px
}

.ugc-divide[data-v-3c7e0544] {
    background: #edeff2;
    border-radius: 20px;
    height: 1px;
    margin-top: 24px
}

.ugc-detail-qrcode[data-v-3c7e0544] {
    border: 1px dashed #e1e3e5;
    border-radius: 4px;
    display: flex;
    margin-top: 24px;
    padding: 20px
}

.ugc-bottom-title[data-v-3c7e0544] {
    color: #111827;
    font-family: Microsoft YaHei;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-top: 16px
}

.ugc-bottom-box[data-v-3c7e0544] {
    display: flex;
    flex-direction: column
}

.ugc-bottom-description[data-v-3c7e0544] {
    color: #8c8c8c;
    font-family: Microsoft YaHei;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 28px
}

[data-v-3c7e0544] .partner-tag {
    margin-top: 0
}

@media (max-width: 576px) {
    .article-detail-main[data-v-3c7e0544] {
        padding-bottom:0;
        padding-top: 1rem
    }

    .article-new-surprise[data-v-3c7e0544],.ugc-detail-tag[data-v-3c7e0544] {
        margin-top: 15px
    }

    .ugc-detail-qrcode[data-v-3c7e0544] {
        margin-top: 18px;
        padding: 14px
    }

    .ugc-bottom-title[data-v-3c7e0544] {
        margin-top: 2px
    }

    .ugc-bottom-description[data-v-3c7e0544] {
        margin-top: 8px
    }

    .qr-code-box[data-v-3c7e0544] {
        height: 104px;
        margin-left: 4px;
        width: 104px
    }

    .ugc-divide[data-v-3c7e0544] {
        margin-top: 15px
    }
}

#amz-content[data-v-3c7e0544] {
    padding: 4px 0 7px;
    background: #FFF;
    font-size: 16px;
    color: #333;
    line-height: 32px;
    overflow: hidden;
    word-break: break-all;
    text-indent: 20px;
}
#amz-content h2,h3,h4,h5 {
    width: auto;
    line-height: 22px;
    font-size: 16px;
    font-weight: bold;
    color: #496ff9;
    border-left: 3px solid #496ff9;
    text-indent: 10px;
    display: block;
    overflow: hidden;
    margin: 10px 0 20px;
}
#amz-content p {
    width: 100%;
    height: auto;
    line-height: 28px;
    font-size: 15px;
    font-weight: normal;
    color: #333;
    margin: 10px 0 0;
    display: block;
    overflow: hidden;
}
.article-nav-module-mobile[data-v-3c7e0544] {
    --tw-text-opacity: 1;grid-column-gap: 8px;
    align-items: center;
    color: rgba(140,140,140,var(--tw-text-opacity));
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: none;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 20px;
    margin-top: 24px;
    padding-left: 16px
}

.article-nav-module-mobile .divide-line[data-v-3c7e0544] {
    --tw-bg-opacity: 1;--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;--tw-rotate: 20deg;background-color: rgba(140,140,140,var(--tw-bg-opacity));
    height: 12px;
    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));
    width: .5px
}

.amz-bottom-logo[data-v-3c7e0544] {
    display: none
}

@media screen and (max-width: 640px) {
    .bottom-tabs[data-v-3c7e0544] {
        margin-left:16px;
        margin-right: 16px
    }

    .article-nav-module-mobile[data-v-3c7e0544] {
        display: flex
    }

    .amz-bottom-logo[data-v-3c7e0544] {
        display: block;
        height: 20px;
        margin-bottom: 18px;
        margin-left: auto;
        margin-right: auto;
        width: 171px
    }

    .ugc-divide-last[data-v-3c7e0544] {
        margin-left: 16px;
        margin-right: 16px;
        margin-top: 20px
    }
}