.basefont[data-v-74ec62e0] {
    font-family: basefont!important;
    font-size: .68267rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.iconzhuceshangbiao[data-v-74ec62e0]:before {
    content: "\ae"
}

.common-title[data-v-74ec62e0] {
    margin: 0;
    text-align: center;
    width: 100%;
    font-size: .93867rem;
    font-weight: 700;
    display: inline-block;
    font-family: basefont,Microsoft YaHei,PingFang SC,Hiragino Sans GB,Helvetica,Tahoma,Arial,Heiti SC,WenQuanYi Micro Hei,sans-serif
}

.common-title.x-title-is-placeholder[data-v-74ec62e0] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.common-title-ios[data-v-74ec62e0] {
    font-family: Microsoft YaHei,PingFang SC,Hiragino Sans GB,Helvetica,Tahoma,Arial,Heiti SC,WenQuanYi Micro Hei,sans-serif
}

.code-title[data-v-74ec62e0] {
    padding: 1.024rem .68267rem 1.024rem;
    word-wrap: break-word;
    white-space: pre-line
}

.common-title-ForStatus[data-v-74ec62e0] {
    padding: .512rem 1.024rem .68267rem 1.024rem
}

.middle-title[data-v-74ec62e0] {
    padding: 0 .68267rem;
    box-sizing: border-box
}

.top-title[data-v-74ec62e0] {
    padding: .68267rem
}

.fixedBottomContainer {
    background-color: #fff;
    position: relative
}

.fixedBottomContainer.fixed {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000
}

.fixedBottomContainer+.fixedBottomContainerPlaceholder {
    display: none
}

.fixedBottomContainer.fixed+.fixedBottomContainerPlaceholder {
    display: block
}

.fixedBottomContainer.fixed.transparent {
    background: linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.55))!important;
    box-shadow: none
}

.fromPcGap {
    &:after {
        content: "";
        display: block;
        height: .59733rem
    }
}

.page-wrapper.is-bg-img-mode.has-code-content .fixedBottomContainerPlaceholder {
    background-color: #fff
}

.page-wrapper.is-bg-img-mode.has-code-content.is-color-extend .fixedBottomContainerPlaceholder {
    background-color: transparent
}

.page-wrapper .codeFixedBottomBgContainer {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .2s ease-in-out
}

.codeFixedBottomBgContainer.not-scrolling,.page-wrapper.is-scrolling .codeFixedBottomBgContainer.scrolling {
    opacity: 1
}

.codeFixedBottomBgContainer.scrolling,.page-wrapper.is-scrolling .codeFixedBottomBgContainer.not-scrolling {
    opacity: 0
}

.codeFixedBottomMaskContainer {
    background: hsla(0,0%,100%,.05)
}

.codeFixedBottomBlurBg,.codeFixedBottomMaskContainer {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.codeFixedBottomBlurBg {
    backdrop-filter: blur(.17067rem);
    -webkit-backdrop-filter: blur(.17067rem);
    transition: backdrop-filter .2s ease-in-out
}

.page-wrapper.is-scrolling .codeFixedBottomBlurBg {
    backdrop-filter: blur(.04267rem);
    -webkit-backdrop-filter: blur(.04267rem)
}

.bottomSheet .mask[data-v-32bd0e23] {
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,.35);
    transition: opacity .2s
}

.bottomSheet .bottomSheetBody[data-v-32bd0e23] {
    position: fixed;
    z-index: 9999;
    bottom: 0;
    width: 100%;
    padding: .512rem 1.024rem 1.36533rem;
    background-color: #fff;
    border-radius: .512rem .512rem 0 0;
    transition: transform .2s;
    box-sizing: border-box
}

.bottomSheetBody.customContent[data-v-32bd0e23] {
    padding: 0
}

.bottomSheetBody .title[data-v-32bd0e23] {
    padding: .34133rem 0;
    color: #333;
    font-size: .768rem;
    font-weight: 600;
    line-height: 1.6;
    text-align: center
}

.bottomSheet .bottomSheetContent[data-v-32bd0e23] {
    margin-top: .512rem;
    margin-bottom: 1.024rem
}

.bottomSheetBody .bottomSheetAction[data-v-32bd0e23] {
    display: flex
}

.bottomSheetAction[data-v-32bd0e23] .weui-btn {
    flex: 1;
    margin-top: 0;
    margin-right: .512rem;
    font-size: .72533rem
}

.bottomSheetAction[data-v-32bd0e23] .weui-btn.weui-btn_primary {
    color: #fff;
    background-color: #07c160
}

.bottomSheetAction[data-v-32bd0e23] .weui-btn:last-child {
    margin-right: 0
}

.bottomSheetBody .close[data-v-32bd0e23] {
    position: absolute;
    top: .512rem;
    right: 0;
    width: 1.87733rem;
    height: 1.87733rem;
    text-align: center;
    line-height: 1.87733rem;
    font-size: .68267rem;
    color: #666
}

.bottomSheetBody-enter[data-v-32bd0e23],.bottomSheetBody-leave-to[data-v-32bd0e23] {
    transform: translateY(100%)
}

.bottomSheetBody-enter-to[data-v-32bd0e23],.bottomSheetBody-leave[data-v-32bd0e23] {
    transform: translateY(0)
}

.mask-enter[data-v-32bd0e23],.mask-leave-to[data-v-32bd0e23] {
    opacity: 0
}

.mask-enter-to[data-v-32bd0e23],.mask-leave[data-v-32bd0e23] {
    opacity: 1
}

.is-dark-bg-color .contact-us .list.card {
    background: var(--dark-mode-background-color);
    backdrop-filter: var(--dark-mode-background-blur);
    -webkit-backdrop-filter: var(--dark-mode-background-blur);
    border: none
}

.is-dark-bg-color .contact-us .list.card .icon,.is-dark-bg-color .contact-us .list.card .sub-title {
    color: var(--dark-mode-secondary-text-color)
}

.is-dark-bg-color .contact-us .list.card .divider {
    background-color: hsla(0,0%,100%,.13)
}

.is-dark-bg-color .contact-us .list.card .contact-header {
    border-bottom-color: var(--dark-mode-border-color)
}

.is-dark-bg-color .contact-us .list .action,.is-dark-bg-color .contact-us .list .row,.is-dark-bg-color .contact-us .list .title {
    color: #fff
}

.is-dark-bg-color .contact-us .list .row .icon,.is-dark-bg-color .contact-us .list .sub-title {
    color: var(--dark-mode-secondary-text-color)
}

.is-dark-bg-color .contact-us .list .row {
    border-bottom-color: var(--dark-mode-border-color)
}

.is-dark-bg-color .contact-us .list .save-btn {
    background-color: #fff;
    color: #166bc7
}

.is-dark-bg-color .contact-us .logo-card {
    background-color: var(--dark-mode-background-color);
    backdrop-filter: var(--dark-mode-background-blur);
    -webkit-backdrop-filter: var(--dark-mode-background-blur);
    border: none
}

.is-dark-bg-color .contact-us .logo-card .title {
    color: var(--dark-mode-main-text-color)
}

.is-dark-bg-color .contact-us .logo-card .sub-title {
    color: var(--dark-mode-secondary-text-color)
}

.is-dark-bg-color .contact-us .logo-card .action-item {
    border-color: var(--dark-mode-secondary-text-color);
    color: var(--dark-mode-main-text-color)
}

.is-dark-bg-color .contact-us .avatar-card {
    background-color: var(--dark-mode-background-color);
    backdrop-filter: var(--dark-mode-background-blur);
    -webkit-backdrop-filter: var(--dark-mode-background-blur);
    border: none
}

.is-dark-bg-color .contact-us .avatar-card .content .title {
    color: var(--dark-mode-main-text-color)
}

.is-dark-bg-color .contact-us .avatar-card .content .sub-title {
    color: var(--dark-mode-secondary-text-color)
}

.is-dark-bg-color .contact-us .avatar-card .action-item {
    border-color: var(--dark-mode-secondary-text-color);
    color: #fff
}

.is-dark-bg-color .contact-us .home-card {
    background-color: var(--dark-mode-background-color);
    backdrop-filter: var(--dark-mode-background-blur);
    -webkit-backdrop-filter: var(--dark-mode-background-blur);
    border: none
}

.is-dark-bg-color .contact-us .home-card .header {
    border-bottom-color: var(--dark-mode-border-color)
}

.is-dark-bg-color .contact-us .home-card .header .content .title {
    color: var(--dark-mode-main-text-color)
}

.is-dark-bg-color .contact-us .home-card .action-list.show-text .action-item .text,.is-dark-bg-color .contact-us .home-card .header .content .sub-title {
    color: var(--dark-mode-secondary-text-color)
}

.is-dark-bg-color .contact-us .home-card .action-list.show-text .action-item .icon {
    background-color: transparent;
    color: #fff
}

.is-dark-bg-color .contact-us .home-card .bottom .address .address-detail,.is-dark-bg-color .contact-us .home-card .bottom .address .icon {
    color: var(--dark-mode-secondary-text-color)
}

.is-dark-bg-color .contact-us .home-card .bottom .address .address-title {
    color: var(--dark-mode-main-text-color)
}

.is-light-color-exclude-color-bg.contact-us .avatar-card,.is-light-color-exclude-color-bg.contact-us .home-card,.is-light-color-exclude-color-bg.contact-us .list,.is-light-color-exclude-color-bg.contact-us .logo-card {
    border: none
}

.avatar-card {
    padding: 1.024rem .68267rem;
    border-radius: .256rem;
    border: .04267rem solid hsla(210,8%,51%,.13);
    background: #fff;
    display: flex;
    align-items: center
}

.avatar-card .avatar {
    width: 2.048rem;
    height: 2.048rem;
    border-radius: 2.048rem;
    object-fit: cover;
    object-position: center
}

.avatar-card .avatar.has-placeholder {
    border: .04267rem dashed #f57c00
}

.avatar-card .content {
    margin: 0 .512rem;
    flex: 1
}

.avatar-card .content .title {
    color: rgba(0,0,0,.85);
    font-size: .68267rem;
    font-weight: 700;
    display: flex;
    align-items: center
}

.avatar-card .content .sub-title {
    color: #999;
    font-size: .55467rem
}

.logo-card {
    padding: 1.70667rem .68267rem;
    border-radius: .256rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.logo-card .logo {
    max-width: 5.71733rem;
    max-height: 5.71733rem;
    margin-bottom: 1.024rem
}

.logo-card .logo.has-placeholder {
    border: .04267rem dashed #f57c00
}

.logo-card .title {
    font-size: .85333rem;
    color: rgba(0,0,0,.85);
    font-weight: 700;
    text-align: center
}

.logo-card .sub-title {
    color: rgba(0,0,0,.65);
    font-size: .55467rem;
    line-height: .768rem
}

.logo-card .title+.action-list {
    margin-top: .85333rem
}

.logo-card .title+.sub-title {
    margin-top: .17067rem;
    margin-bottom: .68267rem
}

.list.card {
    border-radius: .256rem;
    background: #f7f7f7;
    padding: .68267rem .85333rem
}

.list.card .contact-header {
    border-bottom: .04267rem solid hsla(210,8%,51%,.13);
    padding-bottom: .68267rem;
    margin-bottom: .68267rem
}

.list.card .contact-header:empty {
    display: none
}

.list.card .row {
    border-bottom: none
}

.list .title {
    color: rgba(0,0,0,.85);
    font-size: .85333rem;
    font-weight: 700;
    line-height: 150%
}

.list .sub-title {
    color: #666
}

.list .title+.sub-title {
    margin-top: .34133rem
}

.list .row {
    position: relative;
    padding: .512rem 0;
    color: rgba(0,0,0,.65);
    font-size: .59733rem;
    line-height: 150%;
    border-bottom: .04267rem solid hsla(210,8%,51%,.13);
    display: flex;
    align-items: center
}

.list .row .content {
    flex: 1;
    margin: 0 .34133rem
}

.list .row .icon {
    font-size: .768rem
}

.list .row .action {
    color: #576b95
}

.list .header {
    margin-bottom: .68267rem
}

.list .button-container {
    text-align: center;
    margin-top: .68267rem
}

.list .button-container .save-btn {
    padding: 0 .59733rem;
    height: 1.36533rem;
    line-height: 1.36533rem;
    display: inline-block;
    font-size: .59733rem;
    background-color: #166bc7;
    color: #fff;
    border-radius: .08533rem
}

.home-card {
    background-color: #fff;
    border-radius: .256rem;
    padding: 0 .68267rem;
    border: .04267rem solid hsla(210,8%,51%,.13)
}

.home-card .header {
    display: flex;
    align-items: center;
    padding: 1.024rem 0;
    border-bottom: .04267rem solid hsla(210,8%,51%,.13)
}

.home-card .header .avatar {
    width: 2.048rem;
    height: 2.048rem;
    border-radius: .08533rem;
    margin-right: .34133rem
}

.home-card .header .avatar.has-placeholder {
    border: .04267rem dashed #f57c00
}

.home-card .header .content {
    flex: 1
}

.home-card .header .content .title {
    color: rgba(0,0,0,.85);
    font-size: .72533rem;
    font-weight: 600;
    line-height: 1.024rem
}

.home-card .header .content .sub-title {
    color: rgba(0,0,0,.65);
    font-size: .55467rem;
    line-height: .768rem
}

.home-card .header .content .title+.sub-title {
    margin-top: .256rem
}

.home-card .header .link {
    font-size: .512rem;
    color: rgba(0,0,0,.65);
    display: flex;
    align-items: center
}

.home-card .header .link .clifont {
    color: #666;
    font-size: .512rem
}

.home-card .bottom {
    padding: .512rem 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.home-card .bottom .address {
    display: flex;
    align-items: center;
    flex: 1;
    margin-right: .68267rem;
    padding: .34133rem 0
}

.home-card .bottom .address .address-content {
    flex: 1
}

.home-card .bottom .address .icon {
    margin-right: .34133rem;
    color: #166bc7
}

.home-card .bottom .address .address-title {
    color: rgba(0,0,0,.85);
    font-size: .55467rem;
    line-height: .768rem
}

.home-card .bottom .address .address-detail {
    color: rgba(0,0,0,.45);
    font-size: .46933rem;
    line-height: .64rem
}

.action-list {
    display: flex;
    align-items: center;
    justify-content: center
}

.action-list.show-text .action-item {
    flex-direction: column;
    width: auto!important;
    height: auto!important;
    border: none
}

.action-list.show-text .action-item .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.36533rem;
    height: 1.36533rem;
    color: #166bc7;
    border-radius: .17067rem;
    background: #fff;
    font-size: .85333rem
}

.action-list.show-text .action-item .text {
    display: block;
    font-size: .46933rem;
    color: rgba(0,0,0,.45)
}

.action-list.show-text .action-item.has-placeholder {
    border: .04267rem dashed #f57c00;
    border-radius: 0
}

.action-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.536rem;
    height: 1.536rem;
    border-radius: 1.536rem;
    border: .04267rem solid hsla(210,8%,51%,.25);
    margin: 0 .34133rem;
    color: #666
}

.action-item:first-child {
    margin-left: 0
}

.action-item:last-child {
    margin-right: 0
}

.action-item.has-placeholder {
    border: .04267rem dashed #f57c00
}

.contact-us img {
    object-fit: contain
}

.AfterCodePage .fixedBottomContainer .avatar-card {
    border: none;
    border-radius: 0;
    position: relative;
    padding: .512rem .68267rem;
    z-index: 1
}

.AfterCodeMainContent .fixedBottomContainer .avatar-card {
    margin: .68267rem
}

.copiedText {
    margin-top: .512rem;
    padding: .68267rem .34133rem;
    border-radius: .08533rem;
    border: .04267rem dashed hsla(210,8%,51%,.25);
    background: hsla(0,0%,98%,.6);
    margin-bottom: 5.632rem;
    text-align: center;
    color: rgba(0,0,0,.9);
    font-size: .68267rem;
    line-height: 1.024rem;
    letter-spacing: .04267rem
}

.copiedWeChatImg .imageWrapper {
    overflow: hidden;
    border-radius: .17067rem;
    border: .04267rem solid hsla(210,8%,51%,.13)
}

.copiedWeChatImg img {
    display: block;
    width: 100%;
    margin: auto;
    height: 60vh;
    max-height: 18.77333rem;
    object-fit: contain
}

.copiedWeChatImg .pressTip {
    margin-top: .512rem;
    color: rgba(0,0,0,.45);
    text-align: center;
    font-size: .59733rem;
    line-height: 1.024rem;
    letter-spacing: .04267rem
}

.op-menu[data-v-2a256aa9] {
    position: relative;
    text-align: center
}

.op-menu ul[data-v-2a256aa9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    list-style-type: none;
    margin-bottom: 1.36533rem;
    padding: 0;
    color: #617891;
    height: 1.024rem
}

.op-menu ul li[data-v-2a256aa9] {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: .512rem;
    color: #617891;
    width: 3.328rem;
    border-radius: 0;
    white-space: nowrap;
    text-align: center
}

.op-menu ul li[data-v-2a256aa9]:nth-of-type(2) {
    border-left: .04267rem solid hsla(210,8%,51%,.13)
}

.op-menu ul li i[data-v-2a256aa9] {
    font-size: .512rem
}

.op-menu ul.x-is-manage li[data-v-2a256aa9] {
    border-left: .04267rem solid hsla(210,8%,51%,.13);
    display: flex;
    justify-content: center;
    align-items: center
}

.op-menu ul.x-is-manage li[data-v-2a256aa9]:first-child {
    border-left: 0
}

.op-menu ul.x-is-manage li i[data-v-2a256aa9] {
    margin-right: .17067rem
}

.op-menu ul.x-is-manage li i.anticon-cli-new-set[data-v-2a256aa9] {
    font-size: .59733rem
}

.op-menu .entry[data-v-2a256aa9] {
    position: absolute;
    right: 0;
    top: 1.36533rem;
    height: 1.87733rem;
    line-height: 1.87733rem;
    font-size: .512rem;
    color: #617891
}

.code-bottom-actions-wrapper.fixed[data-v-29f731bc] {
    padding: .34133rem .68267rem .512rem;
    border-top: .04267rem solid hsla(210,8%,51%,.13)
}

.code-bottom-actions-wrapper.fixed.dark[data-v-29f731bc] {
    border-top: .04267rem solid hsla(0,0%,100%,.08)
}

.bottom-layout[data-v-29f731bc] {
    padding: .34133rem 0 .68267rem
}

.bottom-layout.pill[data-v-29f731bc] {
    padding: .64rem .68267rem .68267rem
}

.bottom-layout.fixed .ai-button[data-v-29f731bc] {
    color: #06ae56;
    border-radius: .512rem;
    padding: 8 1.024rem;
    text-align: center;
    height: 1.70667rem;
    line-height: 1.70667rem;
    flex: 1;
    overflow: hidden;
    font-weight: 500;
    font-size: .64rem;
    background-color: #f8f8f8
}

.bottom-layout.fixed .dark .action-btn-wrapper .clifont[data-v-29f731bc],.bottom-layout.fixed .dark .ai-button[data-v-29f731bc],.bottom-layout.fixed .dark .bottom-homepage .title[data-v-29f731bc],.bottom-layout.fixed .dark .form-btn[data-v-29f731bc] {
    text-shadow: 0 0 .17067rem rgba(0,0,0,.25)
}

.layout-row-single.formBtn[data-v-29f731bc] {
    margin-bottom: -.17067rem
}

.layout-row-single[data-v-29f731bc] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .34133rem
}

.layout-row-double[data-v-29f731bc],.layout-row-triple[data-v-29f731bc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .34133rem
}

.footer-between-content[data-v-29f731bc] {
    display: inline-flex;
    border-radius: .93867rem;
    align-items: center;
    flex-shrink: 0
}

.layout-row-single .footer-between-content.style-type-column[data-v-29f731bc] {
    gap: 1.36533rem
}

.footer-between-content.style-type-column .action-btn[data-type=ai] .action-btn-wrapper[data-v-29f731bc] {
    position: relative;
    top: -.04267rem
}

.footer-between-content.style-type-column .action-btn[data-type=ai] .action-btn-text[data-v-29f731bc] {
    padding-top: 0
}

.footer-between-content.style-type-column .action-btn-wrapper[data-v-29f731bc] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.footer-between-content.style-type-column .action-btn .clifont[data-v-29f731bc] {
    font-size: .68267rem!important
}

.footer-between-content.style-type-column .action-btn .clifont.anticon-a-Ai3[data-v-29f731bc] {
    font-size: .85333rem!important
}

.footer-between-content.style-type-column .action-btn-text[data-v-29f731bc] {
    padding-left: 0;
    padding-top: .17067rem
}

.footer-between-content.style-type-column .ai-icon-image[data-v-29f731bc] {
    width: .768rem;
    height: .768rem
}

.footer-between-content.style-type-column .ai-icon-image+.action-btn-text[data-v-29f731bc] {
    padding-top: .128rem
}

.layout-row-single .footer-between-content.style-type-icon[data-v-29f731bc] {
    gap: .68267rem
}

.footer-between-content.style-type-icon .ai-icon-image[data-v-29f731bc] {
    width: .85333rem;
    height: .85333rem
}

.footer-between-content.style-type-icon .action-btn-text[data-v-29f731bc] {
    display: none
}

.footer-between-content.style-type-icon .action-btn .clifont[data-v-29f731bc] {
    font-size: .85333rem!important
}

.footer-between-content.style-type-icon .action-btn .clifont.anticon-a-Ai3[data-v-29f731bc] {
    font-size: .93867rem!important
}

.layout-row-single .footer-between-content.style-type-row[data-v-29f731bc] {
    gap: .68267rem
}

.footer-between-content.style-type-row .action-btn-wrapper[data-v-29f731bc] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.footer-between-content.style-type-row .ai-icon-image[data-v-29f731bc] {
    width: .68267rem;
    height: .68267rem
}

.footer-between-content.style-type-row .action-btn-text[data-v-29f731bc] {
    position: relative;
    top: 0;
    padding-left: .17067rem
}

.footer-between-content .action-btn[data-v-29f731bc] {
    position: relative;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    font-size: .55467rem;
    height: 1.70667rem;
    padding: 0 .34133rem;
    border-radius: 0;
    white-space: nowrap;
    background-color: transparent
}

.footer-between-content .action-btn .clifont[data-v-29f731bc] {
    font-size: .59733rem!important
}

.footer-between-content.style-type-row .action-btn .clifont.anticon-a-Ai3[data-v-29f731bc] {
    font-size: .68267rem!important
}

.footer-between-content.light .action-btn[data-v-29f731bc]:hover {
    background-color: rgba(0,0,0,.04)!important
}

.footer-between-content:not(.light) .action-btn[data-v-29f731bc]:hover {
    background-color: hsla(0,0%,100%,.04)!important
}

.bottom-homepage[data-v-29f731bc] {
    display: flex;
    align-items: center;
    justify-content: center
}

.layout-row-single.bottomHomepage .bottom-homepage.logo-item[data-v-29f731bc] {
    justify-content: center;
    flex: 1
}

.layout-row-single.bottomHomepage[data-v-29f731bc] {
    justify-content: flex-start;
    flex: 1
}

.bottom-homepage .logo[data-v-29f731bc] {
    width: 1.36533rem;
    min-width: 1.36533rem;
    height: 1.36533rem;
    border-radius: 50%;
    object-fit: cover;
    background-color: #fff
}

.bottom-homepage .title[data-v-29f731bc] {
    font-size: .64rem;
    font-weight: 600;
    color: rgba(0,0,0,.85);
    text-align: start;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    line-height: .768rem
}

.bottom-homepage .item[data-v-29f731bc]:not(:first-child) {
    margin-left: .34133rem
}

.form-btn[data-v-29f731bc] {
    border-radius: .17067rem;
    padding: 8 1.024rem;
    text-align: center;
    height: 1.70667rem;
    line-height: 1.70667rem;
    flex: 1;
    overflow: hidden;
    font-weight: 500;
    font-size: .72533rem
}

.layout-row-single .form-btn[data-v-29f731bc] {
    height: 1.87733rem;
    line-height: 1.87733rem
}

.bottom-layout .footer-between-content .action-btn[data-v-29f731bc] {
    border-radius: .17067rem
}

.ai-assistant-entry-input[data-v-29f731bc] {
    display: flex;
    flex: 1;
    padding: .34133rem .68267rem;
    line-height: 1.36533rem;
    align-items: center;
    border-radius: .512rem;
    border: .02133rem solid hsla(210,8%,51%,.25);
    background: #fff;
    box-shadow: 0 0 1.36533rem 0 rgba(0,0,0,.08)
}

.ai-assistant-entry-input .placeholder[data-v-29f731bc] {
    color: rgba(0,0,0,.45);
    font-size: .68267rem;
    flex: 1
}

.ai-assistant-entry-input .divider[data-v-29f731bc] {
    width: .04267rem;
    height: .68267rem;
    margin: 0 .68267rem;
    background: hsla(210,8%,51%,.25)
}

.ai-assistant-entry-input .action[data-v-29f731bc] {
    color: #06ae56;
    font-size: .59733rem;
    font-weight: 400
}

.form-btn-wrapper[data-v-29f731bc] {
    flex: 1;
    overflow: hidden
}

.bottom-layout.pill .group[data-v-29f731bc] {
    border-radius: 2.13333rem;
    padding: .17067rem .34133rem;
    transform: translateZ(0);
    will-change: transform;
    min-height: 2.048rem
}

.bottom-layout.pill .group.dark[data-v-29f731bc] {
    background-color: hsla(0,0%,100%,.08);
    border: .04267rem solid hsla(0,0%,100%,.4);
    background-blend-mode: plus-lighter;
    box-shadow: 0 .08533rem .85333rem 0 rgba(0,0,0,.12);
    backdrop-filter: blur(.17067rem);
    -webkit-backdrop-filter: blur(.17067rem)
}

.bottom-layout.pill .group.dark .action-btn-wrapper .clifont[data-v-29f731bc],.bottom-layout.pill .group.dark .ai-button[data-v-29f731bc],.bottom-layout.pill .group.dark .bottom-homepage .title[data-v-29f731bc],.bottom-layout.pill .group.dark .form-btn[data-v-29f731bc] {
    text-shadow: 0 .04267rem .34133rem rgba(0,0,0,.25)
}

.bottom-layout.pill .group.light[data-v-29f731bc] {
    background-color: hsla(0,0%,100%,.1);
    border: .04267rem solid rgba(255,255,242,.6);
    background-blend-mode: plus-lighter;
    box-shadow: 0 .08533rem .85333rem 0 rgba(0,0,0,.12);
    backdrop-filter: blur(.17067rem);
    -webkit-backdrop-filter: blur(.17067rem)
}

.bottom-layout.pill .group .left-border-image[data-v-29f731bc] {
    position: absolute;
    left: -.04267rem;
    top: -.04267rem;
    height: 2.13333rem;
    width: 1.024rem;
    pointer-events: none;
    opacity: .75
}

.bottom-layout.pill .group .right-border-image[data-v-29f731bc] {
    position: absolute;
    right: -.04267rem;
    bottom: -.04267rem;
    height: 2.13333rem;
    width: 1.024rem;
    pointer-events: none;
    opacity: .75
}

.bottom-layout.pill .group+.group[data-v-29f731bc],.bottom-layout.pill .group[data-v-29f731bc] {
    display: flex;
    align-items: center;
    justify-content: center
}

.bottom-layout.pill .group+.group[data-v-29f731bc] {
    margin-left: .512rem;
    flex: 1
}

.bottom-layout.pill .form-btn[data-v-29f731bc] {
    background: transparent!important
}

.bottom-layout.pill.layout-group-single[data-v-29f731bc] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1
}

.bottom-layout.pill.layout-group-single .bottom-homepage[data-v-29f731bc] {
    flex: 1;
    justify-content: flex-start
}

.bottom-layout.pill.layout-group-single .layout-row-single .bottom-homepage.logo-item[data-v-29f731bc] {
    justify-content: center
}

.bottom-layout.pill.layout-group-single .layout-row-single.ai-button[data-v-29f731bc],.bottom-layout.pill.layout-group-single .layout-row-single.formBtn[data-v-29f731bc] {
    flex: 1
}

.bottom-layout.pill.layout-group-single .layout-row-single .footer-between-content[data-v-29f731bc] {
    padding: 0 .34133rem
}

.bottom-layout.pill.layout-group-single .layout-row-double[data-v-29f731bc] {
    flex: 1
}

.bottom-layout.pill.layout-group-double[data-v-29f731bc] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.bottom-layout.pill.layout-group-double .group-1[data-v-29f731bc] {
    flex: 1
}

.bottom-layout.pill .ai-button[data-v-29f731bc] {
    border-radius: .17067rem;
    padding: 8 1.024rem;
    text-align: center;
    height: 1.70667rem;
    line-height: 1.70667rem;
    flex: 1;
    overflow: hidden;
    font-weight: 500;
    font-size: .64rem
}

.bottom-homepage[data-v-41379cad] {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none
}

.bottom-homepage .icon-img[data-v-41379cad] {
    width: 1.28rem;
    height: 1.28rem;
    border-radius: 50%;
    background-color: #fff
}

.bottom-homepage .org-name[data-v-41379cad] {
    font-size: .55467rem;
    font-weight: 600;
    color: rgba(0,0,0,.85);
    text-align: start;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    line-height: .768rem;
    margin-left: .34133rem
}

.bottom-homepage .arrow[data-v-41379cad] {
    width: .85333rem;
    height: .85333rem;
    color: #999
}

.noRemarkHeight[data-v-41379cad] {
    height: 1.28rem
}

.bottom-homepage-item[data-v-41379cad] {
    display: flex;
    align-items: center
}

.ai-assistant-bottom-btn-entry {
    position: absolute;
    z-index: 1000;
    bottom: 1.024rem;
    left: 1.28rem;
    right: 1.28rem;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .512rem .68267rem;
    color: rgba(0,0,0,.85);
    font-family: PingFang SC;
    font-size: .68267rem;
    font-weight: 600;
    border-radius: .512rem;
    background: #fff;
    box-shadow: 0 .17067rem 1.024rem 0 hsla(210,8%,51%,.24);
    .logo {
        width: 1.024rem;
        height: 1.024rem;
        border-radius: 1.024rem;
        margin-right: .34133rem
    }
}

.ai-assistant-bottom-right-btn-entry {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    z-index: 1000;
    bottom: 2.56rem;
    right: .85333rem;
    width: auto;
    padding: .34133rem;
    border-radius: 4.26667rem;
    background-color: #fff;
    box-shadow: 0 .17067rem .68267rem 0 hsla(210,8%,51%,.16);
    transition: all .3s ease;
    overflow: hidden;
    line-height: .85333rem;
    &.has-code-bottom-fixed {
        bottom: 3.84rem
    }

    .logo {
        width: .85333rem;
        height: .85333rem;
        border-radius: .85333rem
    }

    .name {
        color: rgba(0,0,0,.85);
        text-align: center;
        font-family: PingFang SC;
        font-size: .512rem;
        font-style: normal;
        font-weight: 500;
        line-height: .85333rem;
        padding: 0 .17067rem
    }
}

.ai-chat-input-wrapper {
    padding: .34133rem .68267rem;
    padding-bottom: 1.36533rem;
    &.light {
        border-top: .04267rem solid hsla(210,8%,51%,.13)
    }

    &.dark {
        border-top: .04267rem solid hsla(0,0%,100%,.08)
    }
}

.ai-assistant-entry-button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding: .34133rem .68267rem;
    line-height: 1.36533rem;
    border-radius: .512rem;
    background: #fff;
    box-shadow: 0 0 1.36533rem 0 rgba(0,0,0,.08);
    color: #06ae56;
    font-size: .64rem;
    font-weight: 500
}

.code-bottom-actions-wrapper.fixed[data-v-075a3adc] {
    padding: .34133rem .68267rem .512rem;
    border-top: .04267rem solid hsla(210,8%,51%,.13)
}

.code-bottom-actions-wrapper.fixed.dark[data-v-075a3adc] {
    border-top: .04267rem solid hsla(0,0%,100%,.08)
}

.bottom-layout[data-v-075a3adc] {
    padding: .34133rem 0 .68267rem
}

.bottom-layout.pill[data-v-075a3adc] {
    padding: .64rem .68267rem .68267rem
}

.bottom-layout.fixed .ai-button[data-v-075a3adc] {
    color: #06ae56;
    border-radius: .512rem;
    padding: 8 1.024rem;
    text-align: center;
    height: 1.70667rem;
    line-height: 1.70667rem;
    flex: 1;
    overflow: hidden;
    font-weight: 500;
    font-size: .64rem;
    background-color: #f8f8f8
}

.bottom-layout.fixed .dark .action-btn-wrapper .clifont[data-v-075a3adc],.bottom-layout.fixed .dark .ai-button[data-v-075a3adc],.bottom-layout.fixed .dark .bottom-homepage .title[data-v-075a3adc],.bottom-layout.fixed .dark .form-btn[data-v-075a3adc] {
    text-shadow: 0 0 .17067rem rgba(0,0,0,.25)
}

.layout-row-single.formBtn[data-v-075a3adc] {
    margin-bottom: -.17067rem
}

.layout-row-single[data-v-075a3adc] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .34133rem
}

.layout-row-double[data-v-075a3adc],.layout-row-triple[data-v-075a3adc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .34133rem
}

.footer-between-content[data-v-075a3adc] {
    display: inline-flex;
    border-radius: .93867rem;
    align-items: center;
    flex-shrink: 0
}

.layout-row-single .footer-between-content.style-type-column[data-v-075a3adc] {
    gap: 1.36533rem
}

.footer-between-content.style-type-column .action-btn[data-type=ai] .action-btn-wrapper[data-v-075a3adc] {
    position: relative;
    top: -.04267rem
}

.footer-between-content.style-type-column .action-btn[data-type=ai] .action-btn-text[data-v-075a3adc] {
    padding-top: 0
}

.footer-between-content.style-type-column .action-btn-wrapper[data-v-075a3adc] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.footer-between-content.style-type-column .action-btn .clifont[data-v-075a3adc] {
    font-size: .68267rem!important
}

.footer-between-content.style-type-column .action-btn .clifont.anticon-a-Ai3[data-v-075a3adc] {
    font-size: .85333rem!important
}

.footer-between-content.style-type-column .action-btn-text[data-v-075a3adc] {
    padding-left: 0;
    padding-top: .17067rem
}

.footer-between-content.style-type-column .ai-icon-image[data-v-075a3adc] {
    width: .768rem;
    height: .768rem
}

.footer-between-content.style-type-column .ai-icon-image+.action-btn-text[data-v-075a3adc] {
    padding-top: .128rem
}

.layout-row-single .footer-between-content.style-type-icon[data-v-075a3adc] {
    gap: .68267rem
}

.footer-between-content.style-type-icon .ai-icon-image[data-v-075a3adc] {
    width: .85333rem;
    height: .85333rem
}

.footer-between-content.style-type-icon .action-btn-text[data-v-075a3adc] {
    display: none
}

.footer-between-content.style-type-icon .action-btn .clifont[data-v-075a3adc] {
    font-size: .85333rem!important
}

.footer-between-content.style-type-icon .action-btn .clifont.anticon-a-Ai3[data-v-075a3adc] {
    font-size: .93867rem!important
}

.layout-row-single .footer-between-content.style-type-row[data-v-075a3adc] {
    gap: .68267rem
}

.footer-between-content.style-type-row .action-btn-wrapper[data-v-075a3adc] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.footer-between-content.style-type-row .ai-icon-image[data-v-075a3adc] {
    width: .68267rem;
    height: .68267rem
}

.footer-between-content.style-type-row .action-btn-text[data-v-075a3adc] {
    position: relative;
    top: 0;
    padding-left: .17067rem
}

.footer-between-content .action-btn[data-v-075a3adc] {
    position: relative;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    font-size: .55467rem;
    height: 1.70667rem;
    padding: 0 .34133rem;
    border-radius: 0;
    white-space: nowrap;
    background-color: transparent
}

.footer-between-content .action-btn .clifont[data-v-075a3adc] {
    font-size: .59733rem!important
}

.footer-between-content.style-type-row .action-btn .clifont.anticon-a-Ai3[data-v-075a3adc] {
    font-size: .68267rem!important
}

.footer-between-content.light .action-btn[data-v-075a3adc]:hover {
    background-color: rgba(0,0,0,.04)!important
}

.footer-between-content:not(.light) .action-btn[data-v-075a3adc]:hover {
    background-color: hsla(0,0%,100%,.04)!important
}

.bottom-homepage[data-v-075a3adc] {
    display: flex;
    align-items: center;
    justify-content: center
}

.layout-row-single.bottomHomepage .bottom-homepage.logo-item[data-v-075a3adc] {
    justify-content: center;
    flex: 1
}

.layout-row-single.bottomHomepage[data-v-075a3adc] {
    justify-content: flex-start;
    flex: 1
}

.bottom-homepage .logo[data-v-075a3adc] {
    width: 1.36533rem;
    min-width: 1.36533rem;
    height: 1.36533rem;
    border-radius: 50%;
    object-fit: cover;
    background-color: #fff
}

.bottom-homepage .title[data-v-075a3adc] {
    font-size: .64rem;
    font-weight: 600;
    color: rgba(0,0,0,.85);
    text-align: start;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    line-height: .768rem
}

.bottom-homepage .item[data-v-075a3adc]:not(:first-child) {
    margin-left: .34133rem
}

.form-btn[data-v-075a3adc] {
    border-radius: .17067rem;
    padding: 8 1.024rem;
    text-align: center;
    height: 1.70667rem;
    line-height: 1.70667rem;
    flex: 1;
    overflow: hidden;
    font-weight: 500;
    font-size: .72533rem
}

.layout-row-single .form-btn[data-v-075a3adc] {
    height: 1.87733rem;
    line-height: 1.87733rem
}

.bottom-layout .footer-between-content .action-btn[data-v-075a3adc] {
    border-radius: .17067rem
}

.ai-assistant-entry-input[data-v-075a3adc] {
    display: flex;
    flex: 1;
    padding: .34133rem .68267rem;
    line-height: 1.36533rem;
    align-items: center;
    border-radius: .512rem;
    border: .02133rem solid hsla(210,8%,51%,.25);
    background: #fff;
    box-shadow: 0 0 1.36533rem 0 rgba(0,0,0,.08)
}

.ai-assistant-entry-input .placeholder[data-v-075a3adc] {
    color: rgba(0,0,0,.45);
    font-size: .68267rem;
    flex: 1
}

.ai-assistant-entry-input .divider[data-v-075a3adc] {
    width: .04267rem;
    height: .68267rem;
    margin: 0 .68267rem;
    background: hsla(210,8%,51%,.25)
}

.ai-assistant-entry-input .action[data-v-075a3adc] {
    color: #06ae56;
    font-size: .59733rem;
    font-weight: 400
}

.form-btn-wrapper[data-v-075a3adc] {
    flex: 1;
    overflow: hidden
}

.bottom-layout.pill .group[data-v-075a3adc] {
    border-radius: 2.13333rem;
    padding: .17067rem .34133rem;
    transform: translateZ(0);
    will-change: transform;
    min-height: 2.048rem
}

.bottom-layout.pill .group.dark[data-v-075a3adc] {
    background-color: hsla(0,0%,100%,.08);
    border: .04267rem solid hsla(0,0%,100%,.4);
    background-blend-mode: plus-lighter;
    box-shadow: 0 .08533rem .85333rem 0 rgba(0,0,0,.12);
    backdrop-filter: blur(.17067rem);
    -webkit-backdrop-filter: blur(.17067rem)
}

.bottom-layout.pill .group.dark .action-btn-wrapper .clifont[data-v-075a3adc],.bottom-layout.pill .group.dark .ai-button[data-v-075a3adc],.bottom-layout.pill .group.dark .bottom-homepage .title[data-v-075a3adc],.bottom-layout.pill .group.dark .form-btn[data-v-075a3adc] {
    text-shadow: 0 .04267rem .34133rem rgba(0,0,0,.25)
}

.bottom-layout.pill .group.light[data-v-075a3adc] {
    background-color: hsla(0,0%,100%,.1);
    border: .04267rem solid rgba(255,255,242,.6);
    background-blend-mode: plus-lighter;
    box-shadow: 0 .08533rem .85333rem 0 rgba(0,0,0,.12);
    backdrop-filter: blur(.17067rem);
    -webkit-backdrop-filter: blur(.17067rem)
}

.bottom-layout.pill .group .left-border-image[data-v-075a3adc] {
    position: absolute;
    left: -.04267rem;
    top: -.04267rem;
    height: 2.13333rem;
    width: 1.024rem;
    pointer-events: none;
    opacity: .75
}

.bottom-layout.pill .group .right-border-image[data-v-075a3adc] {
    position: absolute;
    right: -.04267rem;
    bottom: -.04267rem;
    height: 2.13333rem;
    width: 1.024rem;
    pointer-events: none;
    opacity: .75
}

.bottom-layout.pill .group+.group[data-v-075a3adc],.bottom-layout.pill .group[data-v-075a3adc] {
    display: flex;
    align-items: center;
    justify-content: center
}

.bottom-layout.pill .group+.group[data-v-075a3adc] {
    margin-left: .512rem;
    flex: 1
}

.bottom-layout.pill .form-btn[data-v-075a3adc] {
    background: transparent!important
}

.bottom-layout.pill.layout-group-single[data-v-075a3adc] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1
}

.bottom-layout.pill.layout-group-single .bottom-homepage[data-v-075a3adc] {
    flex: 1;
    justify-content: flex-start
}

.bottom-layout.pill.layout-group-single .layout-row-single .bottom-homepage.logo-item[data-v-075a3adc] {
    justify-content: center
}

.bottom-layout.pill.layout-group-single .layout-row-single.ai-button[data-v-075a3adc],.bottom-layout.pill.layout-group-single .layout-row-single.formBtn[data-v-075a3adc] {
    flex: 1
}

.bottom-layout.pill.layout-group-single .layout-row-single .footer-between-content[data-v-075a3adc] {
    padding: 0 .34133rem
}

.bottom-layout.pill.layout-group-single .layout-row-double[data-v-075a3adc] {
    flex: 1
}

.bottom-layout.pill.layout-group-double[data-v-075a3adc] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.bottom-layout.pill.layout-group-double .group-1[data-v-075a3adc] {
    flex: 1
}

.bottom-layout.pill .ai-button[data-v-075a3adc] {
    border-radius: .17067rem;
    padding: 8 1.024rem;
    text-align: center;
    height: 1.70667rem;
    line-height: 1.70667rem;
    flex: 1;
    overflow: hidden;
    font-weight: 500;
    font-size: .64rem
}

.page-nav[data-v-7e914a4d] {
    position: relative
}

.codeNavList[data-v-7e914a4d] {
    position: absolute;
    width: 1.87733rem;
    height: 1.87733rem;
    top: -7.552rem;
    right: .85333rem;
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform .3s ease-in-out,opacity .3s ease-in-out;
    background: #fff;
    box-shadow: 0 .08533rem .34133rem rgba(0,0,0,.15);
    font-size: .512rem;
    color: #666;
    border-radius: 1.10933rem
}

.codeNavList.hidden[data-v-7e914a4d] {
    transform: translateX(100%);
    opacity: 0
}

.codeNavList.show[data-v-7e914a4d] {
    transform: translateX(0);
    opacity: 1
}

.codeNavListBtn[data-v-7e914a4d] {
    background: none;
    border: none;
    cursor: pointer;
    color: rgba(0,0,0,.85);
    font-size: .42667rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.separator[data-v-7e914a4d] {
    width: 100%;
    border-bottom: .02133rem solid hsla(0,0%,100%,.25)
}

.navArea[data-v-7e914a4d] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.navArea .navIcon[data-v-7e914a4d] {
    rotate: 90deg;
    font-weight: 700;
    font-size: .59733rem
}

.AfterCodePage {
    .fixedBottomContainer {
        box-shadow: 0 -.17067rem .17067rem 0 rgba(0,0,0,.04)
    }
}

.form-submit-tip {
    position: absolute;
    top: -2.21867rem;
    width: fit-content;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    height: 1.536rem
}

.wrap[data-v-4fca8fca] {
    text-align: center;
    padding: 0 1.36533rem
}

.anticon-about[data-v-4fca8fca] {
    font-size: 2.73067rem;
    color: #166bc7;
    margin-top: 30%;
    display: block
}

.title[data-v-4fca8fca] {
    margin-top: .68267rem;
    color: #373737;
    font-weight: 600;
    font-size: .93867rem;
    line-height: 1.49333rem
}

.tips[data-v-4fca8fca] {
    color: #999;
    font-size: .72533rem;
    line-height: 1.152rem;
    margin-top: .68267rem
}

.btn[data-v-4fca8fca] {
    width: 7.68rem;
    height: 1.70667rem;
    line-height: 1.70667rem;
    background: #166bc7;
    border-radius: .17067rem;
    font-weight: 500;
    font-size: .72533rem;
    text-align: center;
    color: #fff;
    margin: 30% auto 0
}

.wrap[data-v-066eb9ff] {
    text-align: center;
    padding: 0 1.36533rem
}

.anticon-about[data-v-066eb9ff] {
    font-size: 2.73067rem;
    color: #166bc7;
    margin-top: 30%;
    display: block
}

.title[data-v-066eb9ff] {
    margin-top: .68267rem;
    color: #373737;
    font-weight: 600;
    font-size: .93867rem;
    line-height: 1.49333rem;
    margin-bottom: .68267rem
}

.tips[data-v-066eb9ff] {
    color: #999;
    font-size: .72533rem;
    line-height: 1.152rem;
    margin-top: .68267rem
}

.btn[data-v-066eb9ff] {
    width: 7.68rem;
    height: 1.70667rem;
    line-height: 1.70667rem;
    background: #166bc7;
    border-radius: .17067rem;
    font-weight: 500;
    font-size: .72533rem;
    text-align: center;
    color: #fff;
    margin: 30% auto 0
}

.group[data-v-066eb9ff] {
    color: #166bc7
}

.split[data-v-066eb9ff] {
    color: #373737
}

.desc[data-v-066eb9ff] {
    font-size: .72533rem;
    color: #999;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: .17067rem
}

@font-face {
    font-family: basefont;
    src: url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAALsAAsAAAAABrwAAAKeAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAqBQIFPATYCJAMICwYABCAFhG0HOBv9BRHVk3lkPxLsmMT/wNJGoBgb+hI8/6593pdkYDMLSAoACsAsZI9nEgZV9Q8A33czNEZFKJbkefC3fOn9bggvDTcMuJz+fwUUyDwQaE4be9FTQ3RrQHtjVEQFFGrUML18gQNxGwJYMilHunoGjsTHoBcJIAvnzZmGX/BiMCzhI7gNOw1yFAdf7VPPgSPR5+UXFeKDwtHolUNnd8+kjcc81ltDWycGBD4Q4H4H0EA5YEBGNkYHoxHG1tioIReOVSzA41Ao0MpRTQj7nfrPBDLC69Nn1z528wUABYABg83A+EmnggmPSrYb3r8f+eHDqE+fxnz8OO7u+6pAOToTVk7Z+n705ZfW3rwLW08dOJMkwajw5AuJFXeejLSyLQju3GJr8rvwBerIEbXApB05ukAWCiYXjj5ScPh7/8yjY9TKlTIGGleu9EZZhV5Zmtl/yFU7tKgke03s/eBf0j9bn5bXeTj38+IPycOmeSn1nhfbNigmlza0Xx3SEX/1O/R9WpY5Jarpvx8YAL6eK30WGQ3D7OCf2ybwDyUDW5gP0KmHqUEARXNuKQqwWCCEnLH8nKpPuGGz4BckDAqPDGh88knDKodDQBVcfFphKaN3f0Acy9GICQNK2QUgRPMEikieQhPNC9KwfsAhkT9wiRYNy2iJOzGgUOxoO5fDKN60/SlaPpzN0Hb6tIq48AZ/FSN5WcR5QWoM0NgN5cSKA7LEmvrxk6ojJ7zTAu5DKUyncILVLqiec9+7pid1lvempVNgFG/a/hQtHy4wawuTpqLy/hv8VYx00PLwC4LUEQ5PYzcMIFf1MYj2KI/Uj59UHTnhnRYwDaUwnc3TEqx2YUL4nHvTzA1Vd5fU7n+3DbBogxJziSZy/dzLogZz+C0abhoAAA==") format("woff2")
}

.basefont[data-v-3b6bfda6] {
    font-family: basefont!important;
    font-size: .68267rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.iconzhuceshangbiao[data-v-3b6bfda6]:before {
    content: "\ae"
}

.font-size-10-1[data-v-3b6bfda6] {
    font-size: .42667rem!important
}

.font-size-11-1[data-v-3b6bfda6] {
    font-size: .46933rem!important
}

.font-size-12-1[data-v-3b6bfda6] {
    font-size: .512rem!important
}

.font-size-13-1[data-v-3b6bfda6] {
    font-size: .55467rem!important
}

.font-size-14-1[data-v-3b6bfda6] {
    font-size: .59733rem!important
}

.font-size-15-1[data-v-3b6bfda6] {
    font-size: .64rem!important
}

.font-size-16-1[data-v-3b6bfda6] {
    font-size: .68267rem!important
}

.font-size-17-1[data-v-3b6bfda6] {
    font-size: .72533rem!important
}

.font-size-18-1[data-v-3b6bfda6] {
    font-size: .768rem!important
}

.font-size-19-1[data-v-3b6bfda6] {
    font-size: .81067rem!important
}

.font-size-20-1[data-v-3b6bfda6] {
    font-size: .85333rem!important
}

.font-size-21-1[data-v-3b6bfda6] {
    font-size: .896rem!important
}

.font-size-22-1[data-v-3b6bfda6] {
    font-size: .93867rem!important
}

.font-size-23-1[data-v-3b6bfda6] {
    font-size: .98133rem!important
}

.font-size-24-1[data-v-3b6bfda6] {
    font-size: 1.024rem!important
}

.font-size-26-1[data-v-3b6bfda6] {
    font-size: 1.10933rem!important
}

.font-size-28-1[data-v-3b6bfda6] {
    font-size: 1.19467rem!important
}

.font-size-32-1[data-v-3b6bfda6] {
    font-size: 1.36533rem!important
}

.font-size-10-2[data-v-3b6bfda6] {
    font-size: .48213rem!important
}

.font-size-11-2[data-v-3b6bfda6] {
    font-size: .52907rem!important
}

.font-size-12-2[data-v-3b6bfda6] {
    font-size: .576rem!important
}

.font-size-13-2[data-v-3b6bfda6] {
    font-size: .62293rem!important
}

.font-size-14-2[data-v-3b6bfda6] {
    font-size: .67413rem!important
}

.font-size-15-2[data-v-3b6bfda6] {
    font-size: .72107rem!important
}

.font-size-16-2[data-v-3b6bfda6] {
    font-size: .768rem!important
}

.font-size-17-2[data-v-3b6bfda6] {
    font-size: .81493rem!important
}

.font-size-18-2[data-v-3b6bfda6] {
    font-size: .86613rem!important
}

.font-size-19-2[data-v-3b6bfda6] {
    font-size: .91307rem!important
}

.font-size-20-2[data-v-3b6bfda6] {
    font-size: .96rem!important
}

.font-size-21-2[data-v-3b6bfda6] {
    font-size: 1.0112rem!important
}

.font-size-22-2[data-v-3b6bfda6] {
    font-size: 1.05813rem!important
}

.font-size-23-2[data-v-3b6bfda6] {
    font-size: 1.10507rem!important
}

.font-size-24-2[data-v-3b6bfda6] {
    font-size: 1.152rem!important
}

.font-size-26-2[data-v-3b6bfda6] {
    font-size: 1.24587rem!important
}

.font-size-28-2[data-v-3b6bfda6] {
    font-size: 1.344rem!important
}

.font-size-32-2[data-v-3b6bfda6] {
    font-size: 1.50187rem!important
}

.font-size-10-3[data-v-3b6bfda6] {
    font-size: .59733rem!important
}

.font-size-11-3[data-v-3b6bfda6] {
    font-size: .65707rem!important
}

.font-size-12-3[data-v-3b6bfda6] {
    font-size: .7168rem!important
}

.font-size-13-3[data-v-3b6bfda6] {
    font-size: .77653rem!important
}

.font-size-14-3[data-v-3b6bfda6] {
    font-size: .83627rem!important
}

.font-size-15-3[data-v-3b6bfda6] {
    font-size: .896rem!important
}

.font-size-16-3[data-v-3b6bfda6] {
    font-size: .95573rem!important
}

.font-size-17-3[data-v-3b6bfda6] {
    font-size: 1.01547rem!important
}

.font-size-18-3[data-v-3b6bfda6] {
    font-size: 1.0752rem!important
}

.font-size-19-3[data-v-3b6bfda6] {
    font-size: 1.13493rem!important
}

.font-size-20-3[data-v-3b6bfda6] {
    font-size: 1.19467rem!important
}

.font-size-21-3[data-v-3b6bfda6] {
    font-size: 1.2544rem!important
}

.font-size-22-3[data-v-3b6bfda6] {
    font-size: 1.31413rem!important
}

.font-size-23-3[data-v-3b6bfda6] {
    font-size: 1.39093rem!important
}

.font-size-24-3[data-v-3b6bfda6] {
    font-size: 1.4336rem!important
}

.font-size-26-3[data-v-3b6bfda6] {
    font-size: 1.55307rem!important
}

.font-size-28-3[data-v-3b6bfda6] {
    font-size: 1.67253rem!important
}

.font-size-32-3[data-v-3b6bfda6] {
    font-size: 1.91147rem!important
}

.codeStatusWrapper[data-v-3b6bfda6] {
    margin: 0 .42667rem .512rem;
    background-color: #fff;
    border-radius: .256rem;
    box-shadow: 0 .34133rem 1.36533rem rgba(0,0,0,.05)
}

.statusItem[data-v-3b6bfda6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .42667rem .68267rem;
    border-bottom: .04267rem solid hsla(210,8%,51%,.13)
}

.statusItem[data-v-3b6bfda6]:active {
    background-color: rgba(0,0,0,.03)
}

.statusItem:active .action[data-v-3b6bfda6] {
    background-color: #fff
}

.itemRight[data-v-3b6bfda6] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: .17067rem
}

.itemRight .anticon-gengduo[data-v-3b6bfda6] {
    color: #999;
    font-size: .512rem;
    margin-left: .17067rem;
    font-weight: 700
}

.updateTime[data-v-3b6bfda6] {
    font-size: .512rem;
    color: rgba(0,0,0,.45);
    white-space: nowrap
}

.stateName[data-v-3b6bfda6] {
    font-size: .72533rem;
    line-height: 1.10933rem;
    margin-right: .34133rem;
    font-weight: 700;
    color: rgba(0,0,0,.85)
}

.stateText[data-v-3b6bfda6] {
    display: inline-block;
    padding: .08533rem 0;
    font-size: .72533rem;
    line-height: .93867rem;
    font-weight: 700;
    color: #fff
}

.statusItem[data-v-3b6bfda6]:nth-last-child(2) {
    border-bottom: 0 none
}

.codeStatusWrapperCard[data-v-3b6bfda6] {
    border-radius: .256rem
}

.cardItemWrap[data-v-3b6bfda6] {
    width: 100%;
    text-align: center;
    padding-top: .256rem;
    padding-bottom: .768rem
}

.topItem[data-v-3b6bfda6] {
    color: rgba(0,0,0,.85);
    font-size: .72533rem;
    font-weight: 700;
    line-height: 1.024rem;
    margin-bottom: .512rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    text-align: left
}

.topItem .name-text[data-v-3b6bfda6] {
    flex: 1
}

.topItem .detail[data-v-3b6bfda6] {
    font-size: .55467rem;
    line-height: .768rem;
    color: rgba(0,0,0,.45);
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: -.256rem;
    max-width: 4.77867rem;
    position: relative;
    top: .08533rem
}

.topItem .anticon-cli-angle-right[data-v-3b6bfda6] {
    color: rgba(0,0,0,.45);
    font-size: .68267rem
}

.contItem[data-v-3b6bfda6] {
    font-weight: 600;
    font-size: .85333rem;
    line-height: 1.32267rem;
    margin-top: .512rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.otherItem[data-v-3b6bfda6] {
    font-size: .55467rem;
    line-height: .768rem;
    color: rgba(0,0,0,.45);
    margin-top: .256rem
}

.btnItem[data-v-3b6bfda6] {
    background: #f5f5f5;
    border-radius: .17067rem;
    padding: .42667rem 0;
    color: #576b95;
    font-weight: 500;
    font-size: .55467rem;
    line-height: .768rem;
    width: 4.26667rem;
    margin: .85333rem auto 0
}

.btnItem .anticon-reload-2[data-v-3b6bfda6] {
    margin-right: .42667rem
}

.wrapper_3[data-v-3b6bfda6] {
    display: flex;
    flex-wrap: wrap;
    background-color: transparent;
    width: 100%;
    margin: 0;
    box-shadow: none;
    padding: 0 .17067rem
}

.twoColWrap[data-v-3b6bfda6] {
    display: flex;
    flex-direction: column;
    width: calc(50% - .512rem);
    padding: .68267rem .512rem;
    margin: 0 .256rem .512rem;
    border-radius: .256rem;
    background-color: #fff;
    box-shadow: 0 .34133rem 1.36533rem rgba(0,0,0,.05)
}

.twoColWrap[data-v-3b6bfda6]:active {
    background: #eee
}

.twoColWrap .title[data-v-3b6bfda6] {
    font-size: .55467rem;
    line-height: .768rem;
    color: rgba(0,0,0,.85);
    margin-bottom: .17067rem;
    font-weight: 700
}

.twoColWrap .status[data-v-3b6bfda6] {
    flex: 1;
    font-weight: 700;
    font-size: .768rem;
    line-height: 1.06667rem;
    margin-bottom: .512rem
}

.twoColWrap .time[data-v-3b6bfda6] {
    color: #999;
    font-size: .512rem;
    line-height: .72533rem
}

.statusItem_4[data-v-3b6bfda6] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.statusItem_4 .cardItemWrap[data-v-3b6bfda6] {
    text-align: left;
    padding-bottom: .42667rem
}

.statusItem_4 .topItem[data-v-3b6bfda6] {
    font-size: .64rem;
    line-height: .896rem;
    margin-bottom: .17067rem
}

.statusItem_4 .contItem[data-v-3b6bfda6] {
    justify-content: flex-start;
    font-size: .85333rem;
    line-height: 1.19467rem;
    margin-top: .17067rem
}

.statusItem_4 .otherItem[data-v-3b6bfda6] {
    font-size: .512rem;
    line-height: .72533rem;
    color: #999;
    margin-top: .512rem
}

.btnAction[data-v-3b6bfda6] {
    min-width: 2.98667rem;
    border-radius: .17067rem;
    height: 1.36533rem;
    font-size: .59733rem;
    text-align: center;
    color: #576b95;
    margin-left: .68267rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.btnAction[data-v-3b6bfda6]:active {
    background: rgba(0,0,0,.03)!important
}

.btnAction i[data-v-3b6bfda6] {
    margin-right: .17067rem
}

.remarkImgIcon[data-v-3b6bfda6] {
    position: relative;
    top: .04267rem;
    font-size: .59733rem;
    margin-left: .17067rem;
    margin-right: .08533rem
}

.nowrap[data-v-ed6bd2ea] {
    white-space: nowrap
}

.codeTasksWrapper[data-v-ed6bd2ea] {
    margin: .512rem .42667rem;
    padding: .68267rem .68267rem .85333rem;
    background-color: #fff;
    border-radius: .256rem;
    box-shadow: 0 .34133rem 1.36533rem rgba(0,0,0,.05)
}

.noTopMargin[data-v-ed6bd2ea] {
    position: relative;
    margin-top: 0
}

.title[data-v-ed6bd2ea] {
    color: #333;
    font-size: .768rem;
    line-height: 1.06667rem;
    margin-bottom: .68267rem;
    font-weight: 600
}

.item[data-v-ed6bd2ea] {
    margin-bottom: .68267rem
}

.item[data-v-ed6bd2ea]:last-child {
    margin-bottom: 0
}

.taskItem[data-v-ed6bd2ea] {
    display: flex;
    align-items: center;
    color: #666;
    font-size: .55467rem
}

.taskItem .name[data-v-ed6bd2ea] {
    font-size: .68267rem;
    color: #333;
    font-weight: 700
}

.name span[data-v-ed6bd2ea] {
    margin-right: .34133rem
}

.times[data-v-ed6bd2ea] {
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    color: #666;
    position: relative;
    top: -.04267rem;
    padding: .08533rem .34133rem;
    line-height: .768rem;
    font-size: .512rem;
    border-radius: .17067rem;
    background-color: #f4f4f4
}

.status[data-v-ed6bd2ea] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 2.048rem;
    max-width: 2.048rem;
    height: 2.048rem;
    font-size: .59733rem;
    border-radius: .17067rem;
    margin-right: .68267rem
}

.status-bg[data-v-ed6bd2ea] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: .17067rem;
    opacity: .08
}

.status-0 .statusIcon[data-v-ed6bd2ea] {
    color: #07c160
}

.status-0 .status-bg[data-v-ed6bd2ea] {
    background-color: #07c160
}

.status-1 .statusIcon[data-v-ed6bd2ea] {
    color: #166bc7
}

.status-1 .status-bg[data-v-ed6bd2ea] {
    background-color: #166bc7
}

.status-2 .statusIcon[data-v-ed6bd2ea] {
    color: #f78e1f
}

.status-2 .status-bg[data-v-ed6bd2ea] {
    background-color: #f78e1f
}

.status-3 .statusIcon[data-v-ed6bd2ea] {
    color: #fa5151
}

.status-3 .status-bg[data-v-ed6bd2ea] {
    background-color: #fa5151
}

.status-4 .statusIcon[data-v-ed6bd2ea] {
    color: #fa5151
}

.status-4 .status-bg[data-v-ed6bd2ea] {
    background-color: #fa5151
}

.status-5 .statusIcon[data-v-ed6bd2ea] {
    color: #999
}

.status-5 .status-bg[data-v-ed6bd2ea] {
    background-color: #999
}

.taskItem .statusIcon[data-v-ed6bd2ea] {
    line-height: .85333rem;
    font-size: .85333rem
}

.taskItem .statusText[data-v-ed6bd2ea] {
    font-size: .34133rem;
    line-height: .46933rem;
    margin-top: .17067rem
}

.fromPc .taskItem .statusText[data-v-ed6bd2ea] {
    -webkit-transform: scale(.6);
    white-space: nowrap
}

.content-box[data-v-ed6bd2ea] {
    color: #999;
    font-size: .64rem;
    line-height: .896rem;
    margin-top: .17067rem
}

.videoTitle[data-v-138a9902] {
    font-size: .68267rem;
    font-weight: 500;
    line-height: 1.4;
    color: #373737;
    background: #f6f8f9;
    position: relative;
    padding: .34133rem .512rem;
    margin-bottom: .512rem;
    margin-top: 0
}

.videoTitle div[data-v-138a9902] {
    width: .17067rem;
    height: 100%;
    background: #357bb3;
    content: " ";
    position: absolute;
    left: 0;
    top: 0
}

.video-wrap.isConvertFail .play[data-v-138a9902],.video-wrap.isConvertFail .time[data-v-138a9902],.video-wrap.isConverting .play[data-v-138a9902],.video-wrap.isConverting .time[data-v-138a9902] {
    display: none
}

.video-wrap.isConvertFail .video-convert-fail[data-v-138a9902],.video-wrap.isConverting .video-converting[data-v-138a9902] {
    display: inline-block!important
}

.recordVideo.video[data-v-138a9902],.recordVideo.video video[data-v-138a9902] {
    height: 8.53333rem
}

.video[data-v-138a9902] {
    position: relative;
    background: #000;
    height: 9.17333rem;
    border-radius: .17067rem;
    overflow: hidden;
    box-shadow: 0 .08533rem .68267rem rgba(0,0,0,.1)
}

.video.cover-hide[data-v-138a9902] {
    background: transparent
}

.video.cover-hide video[data-v-138a9902] {
    background: transparent;
    position: relative
}

.video video[data-v-138a9902] {
    display: block;
    width: 100%;
    height: 9.17333rem;
    background: #000;
    border-radius: .21333rem
}

.video .cover-img[data-v-138a9902] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    visibility: hidden
}

.video .cover[data-v-138a9902] {
    background-size: contain
}

.video .cover2[data-v-138a9902],.video .cover[data-v-138a9902] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: 50%;
    background-repeat: no-repeat;
    transition: all .3s;
    border-radius: .21333rem
}

.video .cover2[data-v-138a9902] {
    transform: scale(1.1);
    filter: blur(.42667rem);
    background-size: cover
}

.video .overlay[data-v-138a9902],.video .overlayForBg[data-v-138a9902] {
    background: rgba(0,0,0,.2);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all .3s;
    border-radius: .21333rem
}

.video .overlay .time[data-v-138a9902],.video .overlayForBg .time[data-v-138a9902] {
    position: absolute;
    bottom: .34133rem;
    right: .42667rem;
    color: #fff;
    font-size: .59733rem
}

.video .overlay .title[data-v-138a9902],.video .overlayForBg .title[data-v-138a9902] {
    position: absolute;
    top: .42667rem;
    left: 0;
    color: #fff;
    font-size: .68267rem;
    font-weight: 700;
    width: 100%;
    padding: .42667rem .512rem;
    border-radius: 0 0 .256rem .256rem;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width: 100%;
    max-height: 2.816rem;
    word-break: break-all
}

.video .overlay .video-convert-fail[data-v-138a9902],.video .overlay .video-converting[data-v-138a9902],.video .overlayForBg .video-convert-fail[data-v-138a9902],.video .overlayForBg .video-converting[data-v-138a9902] {
    position: absolute;
    color: #fff;
    font-size: .512rem;
    font-weight: 400;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    width: 100%;
    text-align: center;
    display: none
}

.video .overlay .play[data-v-138a9902],.video .overlayForBg .play[data-v-138a9902] {
    font-size: .64rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
    white-space: nowrap;
    width: 2.048rem;
    height: 2.048rem
}

.video .overlay .play img[data-v-138a9902],.video .overlayForBg .play img[data-v-138a9902] {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.video .overlay .play-flow-tip[data-v-138a9902],.video .overlayForBg .play-flow-tip[data-v-138a9902] {
    padding: .256rem .59733rem;
    background: rgba(0,0,0,.8);
    color: #fff;
    font-size: .64rem;
    display: flex;
    align-items: center;
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 4.26667rem;
    cursor: pointer;
    white-space: nowrap;
    line-height: 1.28rem
}

.video .overlay .play-flow-tip img[data-v-138a9902],.video .overlayForBg .play-flow-tip img[data-v-138a9902] {
    width: .68267rem;
    height: 1.28rem;
    object-fit: contain
}

.video .overlay .play-flow-tip .flowTip[data-v-138a9902],.video .overlayForBg .play-flow-tip .flowTip[data-v-138a9902] {
    margin-left: .512rem
}

.video .overlay .play-flow-tip .flowTip span[data-v-138a9902],.video .overlayForBg .play-flow-tip .flowTip span[data-v-138a9902] {
    color: #f57c00
}

.video.video-small[data-v-138a9902] {
    display: flex;
    align-items: center;
    box-shadow: unset;
    padding: .512rem;
    height: auto;
    border: .04267rem solid hsla(210,8%,51%,.13);
    border-radius: .256rem;
    background: #fff;
    height: 3.072rem!important
}

.video.video-small .video-detail[data-v-138a9902] {
    display: flex;
    flex-direction: column;
    margin-left: .68267rem
}

.video.video-small .video-detail .video-long[data-v-138a9902] {
    margin-top: .17067rem;
    color: rgba(0,0,0,.45);
    font-size: .512rem;
    font-style: normal;
    font-weight: 400;
    line-height: .59733rem
}

.video.video-small[data-v-138a9902]:after,.video.video-small[data-v-138a9902]:before {
    display: none
}

.video.video-small .small-image[data-v-138a9902] {
    min-width: 2.048rem;
    width: 2.048rem;
    height: 2.048rem;
    border-radius: .08533rem;
    position: relative
}

.video.video-small .small-image video[data-v-138a9902] {
    width: 100%;
    height: 100%!important
}

.video.video-small .video-title[data-v-138a9902] {
    max-height: 3.41333rem;
    font-size: .55467rem;
    line-height: 1.4;
    color: rgba(0,0,0,.85);
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /*! autoprefixer: ignore next  */
    -webkit-box-orient: vertical;
    /*! autoprefixer: ignore next  */
    word-break: break-all;
    font-weight: 400
}

.video.video-small .cover[data-v-138a9902],.video.video-small .overlay[data-v-138a9902],.video.video-small video[data-v-138a9902] {
    border-radius: .17067rem!important
}

.video.video-small .overlay[data-v-138a9902] {
    background-color: unset
}

.video.video-small .overlay .play[data-v-138a9902] {
    width: 1.024rem;
    height: 1.024rem
}

.video.video-small .cover2[data-v-138a9902] {
    filter: none;
    transform: scale(1)
}

.video.video-small .video-tips[data-v-138a9902] {
    width: 100%;
    height: 100%;
    border-radius: .08533rem;
    line-height: 2.048rem;
    background-color: rgba(0,0,0,.6);
    text-align: center;
    color: #fff;
    font-size: .512rem
}

.video.video-small.medium[data-v-138a9902] {
    height: 4.352rem!important
}

.video.video-small.medium .small-image[data-v-138a9902] {
    width: 5.97333rem;
    min-width: 5.97333rem;
    height: 3.328rem
}

.video.video-small.medium .video-title[data-v-138a9902] {
    font-size: .59733rem
}

.video.video-small.medium .video-detail[data-v-138a9902] {
    min-height: 3.328rem;
    justify-content: space-between
}

.video.video-small.video-small-white-bg[data-v-138a9902] {
    background-color: #fff
}

.video.video-small.video-small-deep-bg[data-v-138a9902] {
    background-color: var(--dark-mode-background-color);
    backdrop-filter: blur(var(--dark-mode-background-blur));
    -webkit-backdrop-filter: blur(var(--dark-mode-background-blur));
    border: none
}

.video.video-small.video-small-deep-bg .video-title[data-v-138a9902] {
    color: var(--dark-mode-main-text-color)
}

.video.video-small.video-small-deep-bg .video-detail .video-long[data-v-138a9902] {
    color: var(--dark-mode-secondary-text-color)
}

.video.video-small.light-mode-exclude-color-bg[data-v-138a9902] {
    border: none
}

.tip[data-v-138a9902] {
    height: 1.36533rem;
    line-height: 1.36533rem;
    font-size: .512rem;
    color: rgba(0,0,0,.25);
    text-align: center
}

.tip .red[data-v-138a9902] {
    color: red;
    font-weight: 600
}

.tip .blue[data-v-138a9902] {
    color: #166bc7;
    font-weight: 600
}

.tip i[data-v-138a9902] {
    position: relative
}

.tip-deep[data-v-138a9902] {
    color: hsla(0,0%,100%,.65)
}

.tip-deep .blue[data-v-138a9902] {
    color: #40a9ff
}

.quality[data-v-138a9902] {
    position: absolute;
    color: #fff;
    right: .68267rem;
    top: .68267rem;
    font-size: .59733rem;
    z-index: 9999;
    padding: .59733rem
}

.quality-selector[data-v-138a9902] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.7);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 99999
}

.quality-selector .quality-list-tip[data-v-138a9902] {
    color: #fff;
    font-size: .59733rem;
    margin-bottom: .42667rem
}

.quality-selector .list[data-v-138a9902] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse
}

.quality-selector .list .item[data-v-138a9902] {
    color: #fff;
    font-size: .68267rem;
    min-width: 5.632rem;
    height: 1.536rem;
    text-align: center;
    line-height: 1.536rem;
    margin-bottom: .512rem;
    border-radius: .93867rem
}

.quality-selector .list .when-vertical[data-v-138a9902] {
    font-size: .34133rem!important;
    width: 2.816rem!important;
    height: .768rem!important;
    line-height: .768rem!important;
    margin-bottom: .256rem!important;
    border-radius: .46933rem!important
}

.quality-selector .list .active[data-v-138a9902] {
    background: #1aad19;
    border: .04267rem solid #4caf50;
    color: #fff!important
}

.quality-selector .list .forbidden[data-v-138a9902] {
    color: #666
}

.anticon-cli-play[data-v-138a9902] {
    color: #333
}

.hasExpired[data-v-138a9902]:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: hsla(0,0%,40%,.8);
    z-index: 3
}

.hasExpired[data-v-138a9902]:after {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -1.87733rem;
    margin-top: -.768rem;
    content: "已过期";
    width: 3.75467rem;
    height: 1.536rem;
    background-color: #333;
    color: #fff;
    border-radius: 1.06667rem;
    line-height: 1.536rem;
    text-align: center;
    z-index: 4
}

.videoWrapper[data-v-138a9902] {
    position: relative
}

.videoWrapper .placeholder-edit-nav[data-v-138a9902] {
    position: absolute;
    top: .08533rem;
    right: .08533rem
}

.images-container[data-v-551eb682] {
    margin-top: 0;
    font-size: 0
}

.images-container.hasMt[data-v-551eb682] {
    margin-top: .256rem
}

.record-img[data-v-551eb682] {
    object-fit: cover;
    display: inline-block;
    width: 2.13333rem;
    height: 2.13333rem;
    border-radius: .04267rem;
    overflow: hidden
}

.record-img~.record-img[data-v-551eb682] {
    margin-left: .34133rem
}

.image-holder[data-v-551eb682] {
    border-radius: .08533rem;
    background-color: #fafafa;
    overflow: hidden
}

.img-ellipsis[data-v-551eb682] {
    display: inline-flex;
    width: 2.13333rem;
    height: 2.13333rem;
    margin-left: .34133rem;
    vertical-align: top;
    justify-content: center;
    align-items: center;
    background-color: #f8f8f8;
    border-radius: .04267rem;
    color: rgba(0,0,0,.45);
    font-size: .512rem
}

.images-container[data-v-2e363d31] {
    margin-top: .256rem
}

.record-img[data-v-2e363d31] {
    display: inline-block;
    width: 2.13333rem;
    height: 2.13333rem;
    border-radius: .04267rem;
    overflow: hidden
}

.record-img~.record-img[data-v-2e363d31] {
    margin-left: .34133rem
}

.image-holder[data-v-2e363d31] {
    border-radius: .08533rem;
    background-color: #fafafa;
    overflow: hidden
}

.img-ellipsis[data-v-2e363d31] {
    display: inline-flex;
    width: 2.13333rem;
    height: 2.13333rem;
    margin-left: .34133rem;
    vertical-align: top;
    justify-content: center;
    align-items: center;
    background-color: #f8f8f8;
    border-radius: .04267rem;
    color: rgba(0,0,0,.45);
    font-size: .512rem
}

.check-item[data-v-c6174902] {
    margin-top: .08533rem
}

.check-item .ico[data-v-c6174902],.check-item[data-v-c6174902] {
    display: flex;
    align-items: center
}

.check-item .ico .clifont[data-v-c6174902] {
    font-size: .85333rem;
    line-height: .93867rem
}

.success[data-v-c6174902] {
    color: #4caf50!important
}

.danger[data-v-c6174902] {
    color: #e64340!important
}

.c999[data-v-c6174902] {
    color: #d8d8d8
}

.c666[data-v-c6174902] {
    color: #666
}

.desc-text[data-v-c6174902] {
    display: block;
    font-size: .72533rem;
    line-height: 1.024rem;
    color: rgba(0,0,0,.85);
    margin-top: .08533rem
}

.desc-img-wrapper[data-v-c6174902] {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: .17067rem
}

.desc-img-wrapper .img[data-v-c6174902] {
    margin-right: .17067rem;
    margin-top: .17067rem;
    max-width: 2.048rem;
    max-height: 2.048rem
}

.checklist-btn[data-v-c6174902] {
    margin: 0 .34133rem 0 0;
    display: flex;
    justify-content: center
}

.item-table[data-v-75e489b2] {
    width: 100%
}

.item-table .row[data-v-75e489b2] {
    display: flex;
    color: #333;
    font-size: .59733rem;
    border: .04267rem solid #d8d8d8;
    min-height: 1.62133rem;
    border-bottom: none
}

.item-table .row[data-v-75e489b2]:last-child {
    border-bottom: .04267rem solid #d8d8d8
}

.item-table .colName[data-v-75e489b2] {
    flex: 2.1;
    padding: .42667rem .512rem;
    border-right: .04267rem solid #d8d8d8;
    line-height: .85333rem;
    display: flex;
    align-items: center;
    background: #fafafa;
    overflow-wrap: break-word;
    word-break: break-all
}

.item-table .colVal[data-v-75e489b2] {
    flex: 5;
    padding: .42667rem .512rem;
    position: relative;
    align-self: center;
    overflow-wrap: break-word;
    word-break: break-all;
    line-break: anywhere
}

.field[data-v-a76a735a] {
    font-size: .64rem;
    margin-bottom: .17067rem
}

.image-field[data-v-a76a735a],.signature-field[data-v-a76a735a] {
    display: none
}

.fields .field[data-v-a76a735a]:last-child {
    margin-bottom: 0
}

.field-title[data-v-a76a735a],.inline-field[data-v-a76a735a] {
    color: rgba(0,0,0,.85);
    font-size: .64rem;
    line-height: .896rem
}

.checklist_cnt .check-item[data-v-a76a735a] {
    margin-top: .256rem
}

.ocr_identity_cnt[data-v-a76a735a] {
    border-radius: .17067rem;
    background-color: #fafafa;
    padding: .34133rem;
    margin-top: .17067rem
}

.ocr-item[data-v-a76a735a] {
    display: flex;
    flex-wrap: wrap;
    color: #666
}

.ocr-title[data-v-a76a735a] {
    min-width: 3.328rem
}

.tag-in-audited[data-v-a76a735a] {
    display: inline-block;
    padding: .08533rem .256rem;
    border-radius: .08533rem;
    background: #f5f5f5;
    color: #999;
    font-size: .55467rem;
    font-weight: 400;
    line-height: .85333rem
}

.record-remark[data-v-a76a735a] {
    font-size: .55467rem;
    color: rgba(0,0,0,.45)
}

.tags[data-v-a76a735a] {
    margin-top: .256rem
}

.tag-item+.tag-item[data-v-a76a735a] {
    margin-left: .34133rem
}

.record-status-wrap-box[data-v-a76a735a] {
    display: inline-block;
    font-size: .55467rem;
    line-height: .85333rem;
    padding: .08533rem .256rem;
    border-radius: .08533rem
}

.change-status-item-wrap[data-v-a76a735a],.update-status-time-wrap[data-v-a76a735a] {
    display: flex;
    flex-wrap: wrap;
    margin-top: .34133rem
}

.change-status-item-wrap .status-label[data-v-a76a735a],.change-status-item-wrap .status-word[data-v-a76a735a] {
    color: rgba(0,0,0,.85);
    line-height: .896rem;
    font-size: .64rem
}

.change-status-item-wrap .anticon-jiantou[data-v-a76a735a],.field .anticon-jiantou[data-v-a76a735a] {
    padding-left: .17067rem;
    padding-right: .17067rem;
    color: rgba(0,0,0,.85)
}

.change-status-item-wrap .word-item[data-v-a76a735a] {
    display: inline-flex
}

.status-wrapper[data-v-a76a735a] {
    margin-top: .256rem;
    font-size: .64rem;
    color: rgba(0,0,0,.85)
}

.remark-img-wrapper[data-v-a76a735a] {
    display: flex;
    flex-wrap: wrap
}

.remark-img-wrapper .img[data-v-a76a735a] {
    margin-right: .34133rem;
    margin-top: .34133rem;
    max-width: 2.048rem;
    max-height: 2.048rem
}

.timeLineContainer .noInfo {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.timeLineContainer .recorder-info-wrap {
    display: flex
}

.timeLineContainer .recordInfo {
    color: #576b95;
    font-size: .64rem;
    font-weight: 400
}

.timeLineContainer .recordInfo i {
    font-size: .768rem;
    margin-left: .17067rem;
    vertical-align: middle;
    position: relative;
    top: -.04267rem
}

.timeLineContainer .recordInfo.recordInfoNew {
    padding-top: .68267rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.timeLineContainer .recordInfo.recordInfoNew i {
    top: .04267rem;
    margin-left: 0
}

.timeLineContainer .top-tip {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .768rem;
    line-height: 1.024rem;
    color: #333;
    font-weight: 700
}

.timeLineContainer .top-tip .tip {
    flex: 1;
    padding-right: .34133rem
}

.timeLineContainer .top-tip .add {
    color: #576b95;
    font-size: .55467rem;
    font-weight: 400
}

.timeLineContainer .top-tip .add .clifont {
    line-height: .85333rem;
    height: .85333rem;
    font-size: .68267rem;
    position: relative;
    left: -.08533rem
}

.timeLineContainer .history-content {
    margin-top: .85333rem
}

.timeLineContainer .history-content .item {
    margin-top: 1.024rem
}

.timeLineContainer .history-content .item.noMargin {
    margin-top: 0
}

.timeLineContainer .history-content .item .title {
    font-size: .768rem;
    line-height: 1.06667rem;
    color: #465a82;
    font-weight: 500;
    margin-bottom: .34133rem
}

.timeLineContainer .history-content .item .anticon-jilu {
    margin-right: .17067rem;
    font-weight: 500;
    font-size: .85333rem
}

.timeLineContainer .history-content .item .info-item {
    display: flex;
    margin-top: .08533rem;
    color: rgba(0,0,0,.45);
    font-size: .64rem;
    line-height: .896rem
}

.timeLineContainer .history-content .item .info-item-result {
    display: inline-block
}

.timeLineContainer .history-content .item .info-item-result.info-item-flex {
    display: flex
}

.timeLineContainer .history-content .item .wordResult {
    color: #333
}

.timeLineContainer .history-content .item .wordLang span {
    padding-right: .17067rem
}

.timeLineContainer .history-content .item.showThreeItem {
    display: flex;
    flex-direction: row;
    width: 100%
}

.timeLineContainer .history-content .item.showThreeItem .left-wrap {
    margin-right: .512rem;
    position: relative
}

.timeLineContainer .history-content .item.showThreeItem .left-wrap .recordItem {
    color: #666;
    font-size: .85333rem;
    line-height: .59733rem
}

.timeLineContainer .history-content .item.showThreeItem .left-wrap .tip-circle {
    width: .17067rem;
    height: .17067rem;
    border-radius: .08533rem;
    background-color: #666;
    position: relative;
    z-index: 1;
    top: .17067rem
}

.timeLineContainer .history-content .item.showThreeItem .left-wrap .tip-line {
    border-left: .02133rem solid hsla(210,8%,51%,.25);
    position: absolute;
    left: .08533rem;
    top: .17067rem;
    height: calc(100% + 1.024rem)
}

.timeLineContainer .history-content .item.showThreeItem.lastItem .tip-line {
    height: 100%;
    top: 0
}

.timeLineContainer .history-content .item.showThreeItem.firstItem {
    margin-top: .512rem
}

.timeLineContainer .history-content .item.showThreeItem.onlyOneItem .tip-line {
    top: .17067rem;
    height: calc(100% - .17067rem)
}

.timeLineContainer .history-content .item.showThreeItem .right-wrap {
    flex: 1;
    max-width: calc(100% - .68267rem)
}

.timeLineContainer .history-content .item.showThreeItem .right-wrap .recorder-box {
    color: rgba(0,0,0,.45);
    font-size: .55467rem
}

.timeLineContainer .history-content .item.showThreeItem .right-wrap .recorder-box .recorder-name {
    color: rgba(0,0,0,.45)
}

.timeLineContainer .history-content .item.showThreeItem .right-wrap .recorder-box .tpl-name {
    font-weight: 500;
    font-size: .64rem;
    margin-left: .17067rem;
    color: rgba(0,0,0,.85)
}

.timeLineContainer .history-content .item.showThreeItem .right-wrap .record-box {
    margin-top: .08533rem;
    line-height: .93867rem
}

.timeLineContainer .history-content .item.showThreeItem .right-wrap .record-box .title {
    font-size: .68267rem;
    line-height: .93867rem;
    color: #576b95;
    margin-bottom: .17067rem;
    display: flex;
    align-items: flex-start
}

.timeLineContainer .history-content .item.showThreeItem .right-wrap .record-box .text-word {
    color: rgba(0,0,0,.87);
    font-size: .68267rem;
    margin-bottom: .256rem;
    display: inline-block
}

.timeLineContainer .history-content .item.showThreeItem .right-wrap .record-box .text-word.reminder-text {
    color: #576b95
}

.timeLineContainer .history-content .item.showThreeItem .right-wrap .record-box .text-word.noImgs {
    margin-bottom: 0
}

.timeLineContainer .history-content .item.showThreeItem .right-wrap .record-box .text-img {
    display: flex;
    flex-flow: wrap;
    margin-bottom: .42667rem
}

.timeLineContainer .history-content .item.showThreeItem .right-wrap .record-box .text-img img {
    width: calc(33.33333vw - 1.536rem);
    height: calc(33.33333vw - 1.536rem);
    margin-right: .256rem
}

.timeLineContainer .history-content .item.showThreeItem .right-wrap .record-box .text-img img.hasMargin {
    margin-top: .256rem
}

.timeLineContainer .history-content .item.showThreeItem .right-wrap .record-box .text-img img:nth-child(3n) {
    margin-right: 0
}

.timeLineContainer .history-content .item.showThreeItem .right-wrap .record-box .text-audio {
    border-radius: .17067rem;
    min-width: 3.37067rem;
    padding: .384rem 0 .384rem .68267rem;
    background: #f6f6f6;
    font-size: .68267rem;
    display: inline-flex;
    align-items: center;
    margin-top: .17067rem
}

.timeLineContainer .history-content .item.showThreeItem .right-wrap .record-box .text-audio .text {
    display: inline-block;
    width: 1.664rem;
    margin-top: 0
}

.timeLineContainer .history-content .item.showThreeItem .right-wrap .record-box .text-audio .clifont {
    font-size: .85333rem;
    margin-right: .17067rem;
    height: .85333rem
}

.timeLineContainer .history-content .item.showThreeItem .right-wrap .record-box .text-audio .playing {
    width: .85333rem;
    height: .85333rem;
    margin-right: .17067rem
}

.timeLineContainer .history-content .item.showThreeItem .right-wrap .record-box .text-audio-hover {
    background-color: #e6e6e6
}

.timeLineContainer .history-content .item.showThreeItem .right-wrap .time-box {
    margin-top: .08533rem;
    color: rgba(0,0,0,.45);
    font-size: .55467rem;
    display: flex;
    align-items: center
}

.timeLineContainer .history-content .item.showThreeItem .right-wrap .time-box .statusItem {
    padding: .08533rem .256rem;
    border-radius: .08533rem;
    font-size: .55467rem;
    line-height: .85333rem;
    margin-right: .34133rem;
    font-weight: 400;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap
}

.timeLineContainer .history-content .item.showThreeItem .right-wrap .tag-in-audited {
    display: inline-block;
    padding: .08533rem .256rem;
    border-radius: .08533rem;
    background: #f5f5f5;
    color: #999;
    font-size: .55467rem;
    font-weight: 400;
    line-height: normal;
    margin-top: .17067rem
}

.timeLineContainer .history-content .item.showThreeItem .info-item {
    color: rgba(0,0,0,.85);
    font-size: .64rem;
    line-height: .896rem;
    display: flex;
    font-weight: 700
}

.timeLineContainer .history-content .item.showThreeItem .info-item .statusItem {
    display: inline-block;
    font-size: .46933rem;
    line-height: .68267rem;
    padding: .08533rem 0 .08533rem .17067rem;
    margin-left: .256rem;
    position: relative;
    top: -.04267rem;
    height: .85333rem;
    font-weight: 400
}

.timeLineContainer .history-content .item.showThreeItem .info-item .statusItem .statusItemText {
    transform: scale(.9)
}

.timeLineContainer .history-content .item.showThreeItem .info-item .statusItem .triangle {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 100%;
    border-top: .42667rem solid transparent;
    border-bottom: .42667rem solid transparent;
    width: .85333rem;
    height: .85333rem;
    background-color: #9acd32;
    clip-path: polygon(0 0,0 100%,50% 50%)
}

.timeLineContainer .history-content .item.showThreeItem .info-item-result {
    display: inline-block
}

.timeLineContainer .history-content .item.showThreeItem .info-item-result.info-item-flex {
    display: flex
}

.timeLineContainer .history-content .date {
    display: flex;
    flex-direction: column;
    color: #666;
    font-size: .55467rem;
    margin-right: .68267rem;
    text-align: right;
    min-width: 2.34667rem
}

.timeLineContainer .history-content .date div:first-child {
    margin-top: .08533rem
}

.timeLineContainer .history-content .tpl-title {
    font-size: .68267rem;
    color: #333;
    font-weight: 500;
    margin-bottom: .17067rem
}

.timeLineContainer .history-content .item-info {
    color: rgba(0,0,0,.45);
    font-size: .55467rem;
    margin-bottom: .08533rem
}

.timeLineContainer .tip-items {
    display: none;
    margin-top: .68267rem
}

.timeLineContainer .tip-items .item {
    margin-bottom: .256rem;
    display: flex
}

.timeLineContainer .tip-items .item .label {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    width: 2.56rem;
    font-size: .59733rem
}

.timeLineContainer .tip-items .item .content {
    flex: 1;
    word-break: break-all;
    font-size: .59733rem
}

.timeLineContainer .tip-items .item:last-child {
    margin-bottom: 0
}

.timeLineContainer:active {
    background-color: #f8f8f8
}

.timeLineContainer .no-record-info {
    margin: .512rem 0 0 0;
    font-size: .55467rem;
    line-height: .768rem;
    color: rgba(0,0,0,.45);
    text-align: left
}

.timeLineContainer .no-record-info .clifont:not(.no-data-icon) {
    font-size: .72533rem;
    position: relative;
    top: .08533rem
}

.timeLineContainer .new-three-record {
    width: 100%
}

.timeLineContainer .new-three-record .no-record-info {
    width: 100%;
    height: 5.93067rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    text-align: center
}

.timeLineContainer .view-password {
    font-size: .55467rem
}

.timeLineContainer .mr2 {
    margin-right: .08533rem
}

.timeLineContainer .ml8 {
    margin-left: .34133rem
}

.timeLineContainer .mr8 {
    margin-right: .34133rem
}

.timeLineContainer .mr4 {
    margin-right: .17067rem
}

.timeLineContainer .view-password {
    font-size: .64rem;
    line-height: .896rem;
    color: rgba(0,0,0,.45);
    text-align: left;
    margin-top: .68267rem
}

.timeLineContainer .view-password.no-title {
    margin-top: 1.19467rem
}

.timeLineContainer .view-password span {
    display: inline-block;
    color: #607892;
    position: absolute;
    top: .768rem;
    right: .68267rem
}

.timeLineContainer .view-password.view-password-new {
    text-align: left;
    margin-top: .68267rem
}

.timeLineContainer .view-password.view-password-new span {
    margin-left: .256rem;
    margin-top: 0;
    position: relative;
    top: 0;
    left: 0
}

.timeLineContainer .record-status-wrap {
    display: flex;
    margin-top: .512rem;
    flex-wrap: wrap
}

.timeLineContainer .showOwner-record-wrapper .record-status-wrap {
    margin-top: 0
}

.timeLineContainer .showOwner-record-wrapper.no-record-content .content {
    padding-bottom: 0
}

.timeLineContainer .record-status-wrap .status-item {
    padding: .256rem .512rem;
    font-size: .55467rem;
    line-height: .85333rem;
    color: #576b95;
    background: #f8f8f8;
    border-radius: .08533rem;
    margin-bottom: .34133rem;
    margin-right: .34133rem
}

.timeLineContainer .record-status-wrap .status-item-hover {
    background-color: #f2f2f2
}

.timeLineContainer .record-card {
    border-radius: .256rem;
    box-shadow: 0 .34133rem 1.36533rem rgba(0,0,0,.15)
}

.timeLineContainer .record-card .add-record .items .tip {
    border-bottom: none
}

.timeLineContainer .record-card .latest-record {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: none
}

.timeLineContainer .record-card .add-record {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: none
}

.timeLineContainer .cardAddOperateWrap {
    background: #f8f8f8;
    border-radius: .17067rem;
    padding: 1.024rem .68267rem;
    margin-bottom: .512rem;
    width: 100%;
    display: flex
}

.timeLineContainer .record .add-record .items .item .cardAddOperateWrap .action {
    width: 3.24267rem;
    min-width: 3.24267rem;
    height: 1.19467rem;
    padding: .21333rem .512rem;
    border-radius: .17067rem;
    font-weight: 600;
    font-size: .55467rem;
    line-height: .768rem;
    margin-left: .68267rem
}

.timeLineContainer .cardAddOperateWrap .info {
    flex: 1
}

.timeLineContainer .cardAddOperateWrap .desc {
    font-size: .55467rem;
    line-height: .768rem
}

.info-item-new-result {
    display: inline-block!important
}

.record-status-wrap-box {
    display: inline-block;
    font-size: .46933rem;
    line-height: .68267rem;
    padding: .08533rem 0 .08533rem .17067rem;
    position: relative;
    top: -.04267rem
}

.record-status-wrap-box .statusItemText {
    transform: scale(.9)
}

.record-status-wrap-box .triangle {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 100%;
    width: .85333rem;
    height: .85333rem;
    background-color: #9acd32;
    clip-path: polygon(0 0,0 100%,50% 50%)
}

.no-data-icon {
    font-size: 1.28rem!important
}

.managerRuleInfo[data-v-b4866136] {
    display: flex;
    flex-direction: column;
    font-size: .55467rem;
    color: rgba(0,0,0,.45);
    text-align: center;
    line-height: 1.5
}

.managerRuleInfo .anticon-about[data-v-b4866136] {
    font-size: inherit;
    margin-left: .17067rem;
    position: relative;
    top: .04267rem;
    color: rgba(0,0,0,.25)
}

.hasRecordsManagerAuthTip[data-v-b4866136] {
    margin-top: .68267rem;
    font-size: .55467rem;
    line-height: .72533rem
}

.hasRecordsManagerAuthTip .anticon-about[data-v-b4866136] {
    font-size: .512rem
}

.no-record-info.update-block-info[data-v-b4866136] {
    background-color: transparent
}

.timeLineViewAllWrapper[data-v-b4866136] {
    position: relative;
    left: .08533rem;
    color: #576b95;
    font-size: .55467rem;
    height: 1.62133rem;
    background-color: #f8f8f8;
    margin-top: .68267rem;
    border-radius: .17067rem;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    text-align: center
}

.font-size-10-1 {
    font-size: .42667rem!important
}

.font-size-11-1 {
    font-size: .46933rem!important
}

.font-size-12-1 {
    font-size: .512rem!important
}

.font-size-13-1 {
    font-size: .55467rem!important
}

.font-size-14-1 {
    font-size: .59733rem!important
}

.font-size-15-1 {
    font-size: .64rem!important
}

.font-size-16-1 {
    font-size: .68267rem!important
}

.font-size-17-1 {
    font-size: .72533rem!important
}

.font-size-18-1 {
    font-size: .768rem!important
}

.font-size-19-1 {
    font-size: .81067rem!important
}

.font-size-20-1 {
    font-size: .85333rem!important
}

.font-size-21-1 {
    font-size: .896rem!important
}

.font-size-22-1 {
    font-size: .93867rem!important
}

.font-size-23-1 {
    font-size: .98133rem!important
}

.font-size-24-1 {
    font-size: 1.024rem!important
}

.font-size-26-1 {
    font-size: 1.10933rem!important
}

.font-size-28-1 {
    font-size: 1.19467rem!important
}

.font-size-32-1 {
    font-size: 1.36533rem!important
}

.font-size-10-2 {
    font-size: .48213rem!important
}

.font-size-11-2 {
    font-size: .52907rem!important
}

.font-size-12-2 {
    font-size: .576rem!important
}

.font-size-13-2 {
    font-size: .62293rem!important
}

.font-size-14-2 {
    font-size: .67413rem!important
}

.font-size-15-2 {
    font-size: .72107rem!important
}

.font-size-16-2 {
    font-size: .768rem!important
}

.font-size-17-2 {
    font-size: .81493rem!important
}

.font-size-18-2 {
    font-size: .86613rem!important
}

.font-size-19-2 {
    font-size: .91307rem!important
}

.font-size-20-2 {
    font-size: .96rem!important
}

.font-size-21-2 {
    font-size: 1.0112rem!important
}

.font-size-22-2 {
    font-size: 1.05813rem!important
}

.font-size-23-2 {
    font-size: 1.10507rem!important
}

.font-size-24-2 {
    font-size: 1.152rem!important
}

.font-size-26-2 {
    font-size: 1.24587rem!important
}

.font-size-28-2 {
    font-size: 1.344rem!important
}

.font-size-32-2 {
    font-size: 1.50187rem!important
}

.font-size-10-3 {
    font-size: .59733rem!important
}

.font-size-11-3 {
    font-size: .65707rem!important
}

.font-size-12-3 {
    font-size: .7168rem!important
}

.font-size-13-3 {
    font-size: .77653rem!important
}

.font-size-14-3 {
    font-size: .83627rem!important
}

.font-size-15-3 {
    font-size: .896rem!important
}

.font-size-16-3 {
    font-size: .95573rem!important
}

.font-size-17-3 {
    font-size: 1.01547rem!important
}

.font-size-18-3 {
    font-size: 1.0752rem!important
}

.font-size-19-3 {
    font-size: 1.13493rem!important
}

.font-size-20-3 {
    font-size: 1.19467rem!important
}

.font-size-21-3 {
    font-size: 1.2544rem!important
}

.font-size-22-3 {
    font-size: 1.31413rem!important
}

.font-size-23-3 {
    font-size: 1.39093rem!important
}

.font-size-24-3 {
    font-size: 1.4336rem!important
}

.font-size-26-3 {
    font-size: 1.55307rem!important
}

.font-size-28-3 {
    font-size: 1.67253rem!important
}

.font-size-32-3 {
    font-size: 1.91147rem!important
}

.blockListsContainer .noInfo {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.blockListsContainer .recorder-info-wrap {
    display: flex
}

.blockListsContainer .recordInfo {
    color: #576b95;
    font-size: .64rem;
    font-weight: 400
}

.blockListsContainer .recordInfo i {
    font-size: .768rem;
    margin-left: .17067rem;
    vertical-align: middle;
    position: relative;
    top: -.04267rem
}

.blockListsContainer .recordInfo.recordInfoNew {
    padding-top: .68267rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.blockListsContainer .recordInfo.recordInfoNew i {
    top: .04267rem;
    margin-left: 0
}

.blockListsContainer .top-tip {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .768rem;
    line-height: 1.024rem;
    color: #333;
    font-weight: 700
}

.blockListsContainer .top-tip .tip {
    flex: 1;
    padding-right: .34133rem
}

.blockListsContainer .top-tip .add {
    color: #576b95;
    font-size: .64rem;
    font-weight: 400
}

.blockListsContainer .top-tip .add .clifont {
    line-height: .85333rem;
    height: .85333rem;
    font-size: .59733rem;
    position: relative;
    left: -.08533rem
}

.blockListsContainer .history-content {
    margin-top: .85333rem
}

.blockListsContainer .history-content .item {
    margin-top: .59733rem
}

.blockListsContainer .history-content .item.noMargin {
    margin-top: 0
}

.blockListsContainer .history-content .item .title {
    font-size: .768rem;
    line-height: 1.06667rem;
    color: #465a82;
    font-weight: 500;
    margin-bottom: .34133rem
}

.blockListsContainer .history-content .item .anticon-jilu {
    margin-right: .17067rem;
    font-weight: 500;
    font-size: .85333rem
}

.blockListsContainer .history-content .item .info-item {
    display: flex;
    margin-top: .17067rem;
    color: rgba(0,0,0,.45);
    font-size: .64rem;
    line-height: .896rem
}

.blockListsContainer .history-content .item .info-item-result {
    display: block;
    font-weight: 700
}

.blockListsContainer .history-content .item .wordResult {
    color: #333
}

.blockListsContainer .history-content .item .wordLang span {
    padding-right: .17067rem
}

.blockListsContainer .history-content .item.showThreeItem {
    display: flex;
    flex-direction: row;
    width: 100%
}

.blockListsContainer .history-content .item.showThreeItem .left-wrap {
    margin-right: .512rem
}

.blockListsContainer .history-content .item.showThreeItem .left-wrap .recordItem {
    color: #666;
    font-size: .85333rem;
    line-height: .59733rem
}

.blockListsContainer .history-content .item.showThreeItem .right-wrap {
    flex: 1;
    max-width: calc(100% - .68267rem)
}

.blockListsContainer .history-content .item.showThreeItem .right-wrap .recorder-box {
    color: rgba(0,0,0,.45);
    font-size: .55467rem
}

.blockListsContainer .history-content .item.showThreeItem .right-wrap .recorder-box .recorder-name {
    color: rgba(0,0,0,.45)
}

.blockListsContainer .history-content .item.showThreeItem .right-wrap .recorder-box .tpl-name {
    font-weight: 500;
    font-size: .55467rem;
    margin-left: .17067rem;
    color: rgba(0,0,0,.85)
}

.blockListsContainer .history-content .item.showThreeItem .right-wrap .record-box {
    margin-top: .256rem;
    line-height: .93867rem
}

.blockListsContainer .history-content .item.showThreeItem .right-wrap .record-box .title {
    font-size: .68267rem;
    line-height: .93867rem;
    color: #576b95;
    margin-bottom: .17067rem;
    display: flex;
    align-items: flex-start
}

.blockListsContainer .history-content .item.showThreeItem .right-wrap .record-box .text-word {
    color: rgba(0,0,0,.87);
    font-size: .68267rem;
    margin-bottom: .256rem;
    display: inline-block
}

.blockListsContainer .history-content .item.showThreeItem .right-wrap .record-box .text-word.reminder-text {
    color: #576b95
}

.blockListsContainer .history-content .item.showThreeItem .right-wrap .record-box .text-word.noImgs {
    margin-bottom: 0
}

.blockListsContainer .history-content .item.showThreeItem .right-wrap .record-box .text-img {
    display: flex;
    flex-flow: wrap;
    margin-bottom: .42667rem
}

.blockListsContainer .history-content .item.showThreeItem .right-wrap .record-box .text-img img {
    width: calc(33.33333vw - 1.536rem);
    height: calc(33.33333vw - 1.536rem);
    margin-right: .256rem
}

.blockListsContainer .history-content .item.showThreeItem .right-wrap .record-box .text-img img.hasMargin {
    margin-top: .256rem
}

.blockListsContainer .history-content .item.showThreeItem .right-wrap .record-box .text-img img:nth-child(3n) {
    margin-right: 0
}

.blockListsContainer .history-content .item.showThreeItem .right-wrap .record-box .text-audio {
    border-radius: .17067rem;
    min-width: 3.37067rem;
    padding: .384rem 0 .384rem .68267rem;
    background: #f6f6f6;
    font-size: .68267rem;
    display: inline-flex;
    align-items: center;
    margin-top: .17067rem
}

.blockListsContainer .history-content .item.showThreeItem .right-wrap .record-box .text-audio .text {
    display: inline-block;
    width: 1.664rem;
    margin-top: 0
}

.blockListsContainer .history-content .item.showThreeItem .right-wrap .record-box .text-audio .clifont {
    font-size: .85333rem;
    margin-right: .17067rem;
    height: .85333rem
}

.blockListsContainer .history-content .item.showThreeItem .right-wrap .record-box .text-audio .playing {
    width: .85333rem;
    height: .85333rem;
    margin-right: .17067rem
}

.blockListsContainer .history-content .item.showThreeItem .right-wrap .record-box .text-audio-hover {
    background-color: #e6e6e6
}

.blockListsContainer .history-content .item.showThreeItem .right-wrap .time-box {
    margin-top: .256rem;
    color: rgba(0,0,0,.45);
    font-size: .55467rem;
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    line-height: 2
}

.blockListsContainer .history-content .item.showThreeItem .right-wrap .time-box .statusItem {
    padding: .08533rem .256rem;
    border-radius: .08533rem;
    font-size: .59733rem;
    line-height: .85333rem;
    margin-right: .34133rem;
    font-weight: 400;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap
}

.blockListsContainer .history-content .item.showThreeItem .right-wrap .time-box .tag-in-audited {
    display: inline-block;
    padding: .08533rem .256rem;
    border-radius: .08533rem;
    background: #f5f5f5;
    color: #999;
    font-weight: 400;
    line-height: normal
}

.blockListsContainer .history-content .item.showThreeItem .right-wrap .divider-line {
    height: .04267rem;
    width: 100%;
    background-color: hsla(210,8%,51%,.13);
    margin-top: .68267rem
}

.blockListsContainer .history-content .item.showThreeItem.lastItem .divider-line {
    display: none
}

.blockListsContainer .history-content .item.showThreeItem .info-item {
    color: rgba(0,0,0,.85);
    font-size: .64rem;
    line-height: .896rem;
    display: flex
}

.blockListsContainer .history-content .item.showThreeItem .info-item-result {
    display: block
}

.blockListsContainer .history-content .date {
    display: flex;
    flex-direction: column;
    color: #666;
    font-size: .55467rem;
    margin-right: .68267rem;
    text-align: right;
    min-width: 2.34667rem
}

.blockListsContainer .history-content .date div:first-child {
    margin-top: .08533rem
}

.blockListsContainer .history-content .tpl-title {
    font-size: .68267rem;
    color: #333;
    font-weight: 500;
    margin-bottom: .17067rem
}

.blockListsContainer .history-content .item-info {
    color: rgba(0,0,0,.45);
    font-size: .55467rem;
    margin-bottom: .08533rem
}

.blockListsContainer .tip-items {
    display: none;
    margin-top: .68267rem
}

.blockListsContainer .tip-items .item {
    margin-bottom: .256rem;
    display: flex
}

.blockListsContainer .tip-items .item .label {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    width: 2.56rem;
    font-size: .59733rem
}

.blockListsContainer .tip-items .item .content {
    flex: 1;
    word-break: break-all;
    font-size: .59733rem
}

.blockListsContainer .tip-items .item:last-child {
    margin-bottom: 0
}

.blockListsContainer:active {
    background-color: #f8f8f8
}

.blockListsContainer .no-record-info {
    margin: .34133rem 0 0 0;
    font-size: .55467rem;
    line-height: .768rem;
    color: rgba(0,0,0,.45);
    text-align: left
}

.blockListsContainer .no-record-info .clifont:not(.no-data-icon) {
    font-size: .72533rem;
    position: relative;
    top: .08533rem
}

.blockListsContainer .new-three-record {
    width: 100%
}

.blockListsContainer .new-three-record .no-record-info {
    width: 100%;
    height: 5.93067rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    text-align: center
}

.blockListsContainer .view-password {
    font-size: .55467rem;
    line-height: .896rem;
    color: rgba(0,0,0,.45);
    text-align: left;
    margin-top: .68267rem
}

.blockListsContainer .view-password.no-title {
    margin-top: 1.19467rem
}

.blockListsContainer .view-password span {
    display: inline-block;
    color: #607892;
    position: absolute;
    top: .768rem;
    right: .68267rem
}

.blockListsContainer .view-password.view-password-new {
    text-align: left;
    margin-top: .68267rem
}

.blockListsContainer .view-password.view-password-new span {
    margin-left: .256rem;
    margin-top: 0;
    position: relative;
    top: 0;
    left: 0
}

.blockListsContainer .mr2 {
    margin-right: .08533rem
}

.blockListsContainer .mr4 {
    margin-right: .17067rem
}

.blockListsContainer .ml8 {
    margin-left: .34133rem
}

.blockListsContainer .mr8 {
    margin-right: .34133rem
}

.blockListsContainer .record-status-wrap {
    display: flex;
    margin-top: .512rem;
    flex-wrap: wrap
}

.blockListsContainer .showOwner-record-wrapper .record-status-wrap {
    margin-top: 0
}

.blockListsContainer .showOwner-record-wrapper.no-record-content .content {
    padding-bottom: 0
}

.blockListsContainer .record-status-wrap .status-item {
    padding: .256rem .512rem;
    font-size: .55467rem;
    line-height: .85333rem;
    color: #576b95;
    background: #f8f8f8;
    border-radius: .08533rem;
    margin-bottom: .34133rem;
    margin-right: .34133rem
}

.blockListsContainer .record-status-wrap .status-item-hover {
    background-color: #f2f2f2
}

.blockListsContainer .record-card {
    border-radius: .256rem;
    box-shadow: 0 .34133rem 1.36533rem rgba(0,0,0,.15)
}

.blockListsContainer .record-card .add-record .items .tip {
    border-bottom: none
}

.blockListsContainer .record-card .latest-record {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: none
}

.blockListsContainer .record-card .add-record {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: none
}

.blockListsContainer .cardAddOperateWrap {
    background: #f8f8f8;
    border-radius: .17067rem;
    padding: 1.024rem .68267rem;
    margin-bottom: .512rem;
    width: 100%;
    display: flex
}

.blockListsContainer .record .add-record .items .item .cardAddOperateWrap .action {
    width: 3.24267rem;
    min-width: 3.24267rem;
    height: 1.19467rem;
    padding: .21333rem .512rem;
    border-radius: .17067rem;
    font-weight: 600;
    font-size: .55467rem;
    line-height: .768rem;
    margin-left: .68267rem
}

.blockListsContainer .cardAddOperateWrap .info {
    flex: 1
}

.blockListsContainer .cardAddOperateWrap .desc {
    font-size: .55467rem;
    line-height: .768rem
}

.afterContent .history-content .item.showThreeItem .right-wrap .recorder-box {
    font-size: .59733rem;
    line-height: .85333rem
}

.afterContent .history-content .item.showThreeItem .info-item-result {
    font-size: .72533rem;
    line-height: 1.024rem
}

.container_4 .new-block-info {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fafafa;
    border-radius: .17067rem;
    padding: 2.048rem .68267rem;
    width: auto;
    margin: .68267rem 0;
    color: rgba(0,0,0,.25)
}

.container_4 .new-block-info .password-view {
    display: none
}

.container_4 .new-block-info .clifont {
    top: 0
}

.update-block-info {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3.49867rem;
    font-size: .55467rem;
    color: rgba(0,0,0,.45);
    border-radius: .17067rem
}

.loading {
    position: relative;
    visibility: hidden
}

.loading .loadingText {
    visibility: visible
}

.loadingText {
    position: absolute;
    visibility: hidden;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
    color: rgba(0,0,0,.45)
}

.no-data-icon {
    font-size: 1.36533rem!important;
    color: #bbb;
    line-height: 1.36533rem;
    margin-bottom: .34133rem
}

.flexColumn {
    display: flex;
    flex-direction: column;
    align-items: center
}

.managerRuleInfo[data-v-01d0ba52] {
    display: flex;
    flex-direction: column;
    color: rgba(0,0,0,.45);
    text-align: center;
    line-height: 1.5
}

.managerRuleInfo .anticon-about[data-v-01d0ba52] {
    font-size: inherit;
    margin-left: .17067rem;
    position: relative;
    top: .04267rem;
    color: rgba(0,0,0,.25)
}

.hasRecordsManagerAuthTip[data-v-01d0ba52] {
    margin-top: .68267rem;
    font-size: .55467rem;
    line-height: .72533rem
}

.hasRecordsManagerAuthTip .anticon-about[data-v-01d0ba52] {
    font-size: .512rem
}

.no-record-info.update-block-info[data-v-01d0ba52] {
    background-color: transparent
}

.blockListViewAllWrapper[data-v-01d0ba52] {
    position: relative;
    color: #576b95;
    font-size: .55467rem;
    height: 1.62133rem;
    background-color: #f8f8f8;
    margin-top: .68267rem;
    border-radius: .17067rem;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    text-align: center
}

.font-size-10-1[data-v-202a3022] {
    font-size: .42667rem!important
}

.font-size-11-1[data-v-202a3022] {
    font-size: .46933rem!important
}

.font-size-12-1[data-v-202a3022] {
    font-size: .512rem!important
}

.font-size-13-1[data-v-202a3022] {
    font-size: .55467rem!important
}

.font-size-14-1[data-v-202a3022] {
    font-size: .59733rem!important
}

.font-size-15-1[data-v-202a3022] {
    font-size: .64rem!important
}

.font-size-16-1[data-v-202a3022] {
    font-size: .68267rem!important
}

.font-size-17-1[data-v-202a3022] {
    font-size: .72533rem!important
}

.font-size-18-1[data-v-202a3022] {
    font-size: .768rem!important
}

.font-size-19-1[data-v-202a3022] {
    font-size: .81067rem!important
}

.font-size-20-1[data-v-202a3022] {
    font-size: .85333rem!important
}

.font-size-21-1[data-v-202a3022] {
    font-size: .896rem!important
}

.font-size-22-1[data-v-202a3022] {
    font-size: .93867rem!important
}

.font-size-23-1[data-v-202a3022] {
    font-size: .98133rem!important
}

.font-size-24-1[data-v-202a3022] {
    font-size: 1.024rem!important
}

.font-size-26-1[data-v-202a3022] {
    font-size: 1.10933rem!important
}

.font-size-28-1[data-v-202a3022] {
    font-size: 1.19467rem!important
}

.font-size-32-1[data-v-202a3022] {
    font-size: 1.36533rem!important
}

.font-size-10-2[data-v-202a3022] {
    font-size: .48213rem!important
}

.font-size-11-2[data-v-202a3022] {
    font-size: .52907rem!important
}

.font-size-12-2[data-v-202a3022] {
    font-size: .576rem!important
}

.font-size-13-2[data-v-202a3022] {
    font-size: .62293rem!important
}

.font-size-14-2[data-v-202a3022] {
    font-size: .67413rem!important
}

.font-size-15-2[data-v-202a3022] {
    font-size: .72107rem!important
}

.font-size-16-2[data-v-202a3022] {
    font-size: .768rem!important
}

.font-size-17-2[data-v-202a3022] {
    font-size: .81493rem!important
}

.font-size-18-2[data-v-202a3022] {
    font-size: .86613rem!important
}

.font-size-19-2[data-v-202a3022] {
    font-size: .91307rem!important
}

.font-size-20-2[data-v-202a3022] {
    font-size: .96rem!important
}

.font-size-21-2[data-v-202a3022] {
    font-size: 1.0112rem!important
}

.font-size-22-2[data-v-202a3022] {
    font-size: 1.05813rem!important
}

.font-size-23-2[data-v-202a3022] {
    font-size: 1.10507rem!important
}

.font-size-24-2[data-v-202a3022] {
    font-size: 1.152rem!important
}

.font-size-26-2[data-v-202a3022] {
    font-size: 1.24587rem!important
}

.font-size-28-2[data-v-202a3022] {
    font-size: 1.344rem!important
}

.font-size-32-2[data-v-202a3022] {
    font-size: 1.50187rem!important
}

.font-size-10-3[data-v-202a3022] {
    font-size: .59733rem!important
}

.font-size-11-3[data-v-202a3022] {
    font-size: .65707rem!important
}

.font-size-12-3[data-v-202a3022] {
    font-size: .7168rem!important
}

.font-size-13-3[data-v-202a3022] {
    font-size: .77653rem!important
}

.font-size-14-3[data-v-202a3022] {
    font-size: .83627rem!important
}

.font-size-15-3[data-v-202a3022] {
    font-size: .896rem!important
}

.font-size-16-3[data-v-202a3022] {
    font-size: .95573rem!important
}

.font-size-17-3[data-v-202a3022] {
    font-size: 1.01547rem!important
}

.font-size-18-3[data-v-202a3022] {
    font-size: 1.0752rem!important
}

.font-size-19-3[data-v-202a3022] {
    font-size: 1.13493rem!important
}

.font-size-20-3[data-v-202a3022] {
    font-size: 1.19467rem!important
}

.font-size-21-3[data-v-202a3022] {
    font-size: 1.2544rem!important
}

.font-size-22-3[data-v-202a3022] {
    font-size: 1.31413rem!important
}

.font-size-23-3[data-v-202a3022] {
    font-size: 1.39093rem!important
}

.font-size-24-3[data-v-202a3022] {
    font-size: 1.4336rem!important
}

.font-size-26-3[data-v-202a3022] {
    font-size: 1.55307rem!important
}

.font-size-28-3[data-v-202a3022] {
    font-size: 1.67253rem!important
}

.font-size-32-3[data-v-202a3022] {
    font-size: 1.91147rem!important
}

.statusPanel[data-v-202a3022] {
    background: #fff;
    border-radius: .256rem;
    display: block;
    height: auto;
    margin-top: .68267rem
}

.header[data-v-202a3022] {
    position: relative;
    font-weight: 500;
    font-size: .72533rem;
    line-height: 1.024rem;
    color: rgba(0,0,0,.85);
    display: block
}

.totalEntry[data-v-202a3022] {
    font-weight: 400;
    font-size: .55467rem;
    line-height: .768rem;
    color: rgba(0,0,0,.45);
    position: absolute;
    right: 0;
    top: 0;
    display: inline-flex;
    align-items: center
}

.statusBoard[data-v-202a3022] {
    display: flex;
    flex: 1;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: stretch;
    margin-top: .68267rem
}

.statusBoard.onlyOne[data-v-202a3022] {
    justify-content: center
}

.statusBoard.onlyOne .statusItem[data-v-202a3022]:first-child {
    margin-right: 0;
    flex: 1
}

.statusItem[data-v-202a3022] {
    text-align: center;
    width: calc(33.33333% - .45511rem);
    display: inline-block;
    padding: .42667rem .68267rem;
    margin-top: .68267rem
}

.statusItem[data-v-202a3022]:active {
    background-color: #f8f8f8
}

.statusItem[data-v-202a3022]:first-child,.statusItem[data-v-202a3022]:nth-child(2),.statusItem[data-v-202a3022]:nth-child(3) {
    margin-top: 0
}

.statusItem[data-v-202a3022]:nth-child(3n+1),.statusItem[data-v-202a3022]:nth-child(3n+2) {
    margin-right: .68267rem
}

.afterContent .statusItem[data-v-202a3022] {
    background: #fafafa;
    border-radius: .17067rem
}

.afterContent .statusItem[data-v-202a3022]:active {
    background-color: rgba(0,0,0,.5)
}

.statusItem .textCount[data-v-202a3022] {
    font-weight: 500;
    font-size: .93867rem;
    line-height: 1.06667rem;
    text-align: center;
    color: rgba(0,0,0,.85);
    width: 100%;
    margin-bottom: .17067rem
}

.statusItem .textlabel[data-v-202a3022] {
    font-weight: 600;
    font-size: .64rem;
    line-height: .896rem;
    text-align: center;
    color: #e64340;
    width: 100%
}

.emptyTips[data-v-202a3022] {
    height: 3.49867rem;
    color: rgba(0,0,0,.45)
}

.btn-NeedPassword[data-v-202a3022],.emptyTips[data-v-202a3022] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .55467rem;
    background: #f8f8f8;
    border-radius: .17067rem
}

.btn-NeedPassword[data-v-202a3022] {
    margin-top: .68267rem;
    height: 1.62133rem;
    font-weight: 400;
    line-height: .768rem;
    color: #576b95;
    text-align: center
}

.btn-NeedPassword.emptyList[data-v-202a3022] {
    height: 3.49867rem
}

.btn-NeedPassword .grayText[data-v-202a3022] {
    color: rgba(0,0,0,.45)
}

.btn-NeedPassword .btnLink[data-v-202a3022] {
    margin-left: .08533rem;
    color: #576b95
}

.afterContent .btn-NeedPassword[data-v-202a3022] {
    font-size: .64rem;
    background: #fff;
    border: .04267rem solid #576b95;
    color: #576b95
}

.afterContent .btn-NeedPassword.emptyList[data-v-202a3022] {
    background: #f8f8f8;
    border: none
}

.font-size-10-1[data-v-7c6b14a4] {
    font-size: .42667rem!important
}

.font-size-11-1[data-v-7c6b14a4] {
    font-size: .46933rem!important
}

.font-size-12-1[data-v-7c6b14a4] {
    font-size: .512rem!important
}

.font-size-13-1[data-v-7c6b14a4] {
    font-size: .55467rem!important
}

.font-size-14-1[data-v-7c6b14a4] {
    font-size: .59733rem!important
}

.font-size-15-1[data-v-7c6b14a4] {
    font-size: .64rem!important
}

.font-size-16-1[data-v-7c6b14a4] {
    font-size: .68267rem!important
}

.font-size-17-1[data-v-7c6b14a4] {
    font-size: .72533rem!important
}

.font-size-18-1[data-v-7c6b14a4] {
    font-size: .768rem!important
}

.font-size-19-1[data-v-7c6b14a4] {
    font-size: .81067rem!important
}

.font-size-20-1[data-v-7c6b14a4] {
    font-size: .85333rem!important
}

.font-size-21-1[data-v-7c6b14a4] {
    font-size: .896rem!important
}

.font-size-22-1[data-v-7c6b14a4] {
    font-size: .93867rem!important
}

.font-size-23-1[data-v-7c6b14a4] {
    font-size: .98133rem!important
}

.font-size-24-1[data-v-7c6b14a4] {
    font-size: 1.024rem!important
}

.font-size-26-1[data-v-7c6b14a4] {
    font-size: 1.10933rem!important
}

.font-size-28-1[data-v-7c6b14a4] {
    font-size: 1.19467rem!important
}

.font-size-32-1[data-v-7c6b14a4] {
    font-size: 1.36533rem!important
}

.font-size-10-2[data-v-7c6b14a4] {
    font-size: .48213rem!important
}

.font-size-11-2[data-v-7c6b14a4] {
    font-size: .52907rem!important
}

.font-size-12-2[data-v-7c6b14a4] {
    font-size: .576rem!important
}

.font-size-13-2[data-v-7c6b14a4] {
    font-size: .62293rem!important
}

.font-size-14-2[data-v-7c6b14a4] {
    font-size: .67413rem!important
}

.font-size-15-2[data-v-7c6b14a4] {
    font-size: .72107rem!important
}

.font-size-16-2[data-v-7c6b14a4] {
    font-size: .768rem!important
}

.font-size-17-2[data-v-7c6b14a4] {
    font-size: .81493rem!important
}

.font-size-18-2[data-v-7c6b14a4] {
    font-size: .86613rem!important
}

.font-size-19-2[data-v-7c6b14a4] {
    font-size: .91307rem!important
}

.font-size-20-2[data-v-7c6b14a4] {
    font-size: .96rem!important
}

.font-size-21-2[data-v-7c6b14a4] {
    font-size: 1.0112rem!important
}

.font-size-22-2[data-v-7c6b14a4] {
    font-size: 1.05813rem!important
}

.font-size-23-2[data-v-7c6b14a4] {
    font-size: 1.10507rem!important
}

.font-size-24-2[data-v-7c6b14a4] {
    font-size: 1.152rem!important
}

.font-size-26-2[data-v-7c6b14a4] {
    font-size: 1.24587rem!important
}

.font-size-28-2[data-v-7c6b14a4] {
    font-size: 1.344rem!important
}

.font-size-32-2[data-v-7c6b14a4] {
    font-size: 1.50187rem!important
}

.font-size-10-3[data-v-7c6b14a4] {
    font-size: .59733rem!important
}

.font-size-11-3[data-v-7c6b14a4] {
    font-size: .65707rem!important
}

.font-size-12-3[data-v-7c6b14a4] {
    font-size: .7168rem!important
}

.font-size-13-3[data-v-7c6b14a4] {
    font-size: .77653rem!important
}

.font-size-14-3[data-v-7c6b14a4] {
    font-size: .83627rem!important
}

.font-size-15-3[data-v-7c6b14a4] {
    font-size: .896rem!important
}

.font-size-16-3[data-v-7c6b14a4] {
    font-size: .95573rem!important
}

.font-size-17-3[data-v-7c6b14a4] {
    font-size: 1.01547rem!important
}

.font-size-18-3[data-v-7c6b14a4] {
    font-size: 1.0752rem!important
}

.font-size-19-3[data-v-7c6b14a4] {
    font-size: 1.13493rem!important
}

.font-size-20-3[data-v-7c6b14a4] {
    font-size: 1.19467rem!important
}

.font-size-21-3[data-v-7c6b14a4] {
    font-size: 1.2544rem!important
}

.font-size-22-3[data-v-7c6b14a4] {
    font-size: 1.31413rem!important
}

.font-size-23-3[data-v-7c6b14a4] {
    font-size: 1.39093rem!important
}

.font-size-24-3[data-v-7c6b14a4] {
    font-size: 1.4336rem!important
}

.font-size-26-3[data-v-7c6b14a4] {
    font-size: 1.55307rem!important
}

.font-size-28-3[data-v-7c6b14a4] {
    font-size: 1.67253rem!important
}

.font-size-32-3[data-v-7c6b14a4] {
    font-size: 1.91147rem!important
}

.operateSum[data-v-7c6b14a4] {
    background: #fff;
    border-radius: .256rem;
    display: block;
    height: auto;
    padding: .68267rem
}

.header[data-v-7c6b14a4] {
    position: relative;
    font-weight: 500;
    font-size: .72533rem;
    line-height: 1.024rem;
    color: rgba(0,0,0,.85);
    display: block
}

.totalEntry[data-v-7c6b14a4] {
    font-weight: 400;
    font-size: .55467rem;
    line-height: .768rem;
    color: rgba(0,0,0,.45);
    position: absolute;
    right: 0;
    top: 0;
    display: inline-flex;
    align-items: center
}

.operateBoard[data-v-7c6b14a4] {
    display: flex;
    flex: 1;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: stretch;
    margin-top: .68267rem
}

.operateBoard.onlyOne[data-v-7c6b14a4] {
    justify-content: center
}

.operateBoard.onlyOne .operateItem[data-v-7c6b14a4]:first-child {
    margin-right: 0;
    flex: 1
}

.operateItem[data-v-7c6b14a4] {
    text-align: center;
    width: calc(50% - .34134rem);
    display: inline-block;
    padding: .42667rem .68267rem;
    margin-top: .68267rem
}

.operateItem[data-v-7c6b14a4]:active {
    background-color: #f8f8f8
}

.operateItem[data-v-7c6b14a4]:first-child,.operateItem[data-v-7c6b14a4]:nth-child(2) {
    margin-top: 0
}

.operateItem[data-v-7c6b14a4]:nth-child(odd) {
    margin-right: .68267rem
}

.afterContent .operateItem[data-v-7c6b14a4] {
    background: #fafafa;
    border-radius: .17067rem
}

.afterContent .operateItem[data-v-7c6b14a4]:active {
    background-color: rgba(0,0,0,.05)
}

.operateItem .textCount[data-v-7c6b14a4] {
    font-weight: 500;
    font-size: .93867rem;
    line-height: 1.06667rem;
    text-align: center;
    color: rgba(0,0,0,.85);
    width: 100%;
    margin-bottom: .17067rem
}

.operateItem .textlabel[data-v-7c6b14a4] {
    font-weight: 400;
    font-size: .64rem;
    line-height: .896rem;
    text-align: center;
    color: rgba(0,0,0,.65);
    width: 100%
}

.operateItem .iconInfo[data-v-7c6b14a4] {
    color: #bbb;
    position: absolute;
    top: 0;
    line-height: 1;
    margin-left: .17067rem;
    font-size: .68267rem;
    transform: rotate(180deg)
}

.emptyTips[data-v-7c6b14a4] {
    margin-top: .512rem;
    height: 3.49867rem;
    color: rgba(0,0,0,.45)
}

.btn-NeedPassword[data-v-7c6b14a4],.emptyTips[data-v-7c6b14a4] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .55467rem;
    background: #f8f8f8;
    border-radius: .17067rem
}

.btn-NeedPassword[data-v-7c6b14a4] {
    margin-top: .68267rem;
    height: 1.62133rem;
    font-weight: 400;
    line-height: .768rem;
    color: #576b95;
    text-align: center
}

.btn-NeedPassword.emptyList[data-v-7c6b14a4] {
    height: 3.49867rem
}

.btn-NeedPassword .grayText[data-v-7c6b14a4] {
    color: rgba(0,0,0,.45)
}

.btn-NeedPassword .btnLink[data-v-7c6b14a4] {
    margin-left: .08533rem;
    color: #576b95
}

.afterContent .btn-NeedPassword[data-v-7c6b14a4] {
    font-size: .64rem;
    background: #fff;
    border: .04267rem solid #576b95;
    color: #576b95
}

.afterContent .btn-NeedPassword.emptyList[data-v-7c6b14a4] {
    background: #f8f8f8;
    border: none
}

.relative[data-v-7c6b14a4] {
    position: relative
}

.overflowWords[data-v-0eb57715] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.font-size-10-1[data-v-0eb57715] {
    font-size: .42667rem!important
}

.font-size-11-1[data-v-0eb57715] {
    font-size: .46933rem!important
}

.font-size-12-1[data-v-0eb57715] {
    font-size: .512rem!important
}

.font-size-13-1[data-v-0eb57715] {
    font-size: .55467rem!important
}

.font-size-14-1[data-v-0eb57715] {
    font-size: .59733rem!important
}

.font-size-15-1[data-v-0eb57715] {
    font-size: .64rem!important
}

.font-size-16-1[data-v-0eb57715] {
    font-size: .68267rem!important
}

.font-size-17-1[data-v-0eb57715] {
    font-size: .72533rem!important
}

.font-size-18-1[data-v-0eb57715] {
    font-size: .768rem!important
}

.font-size-19-1[data-v-0eb57715] {
    font-size: .81067rem!important
}

.font-size-20-1[data-v-0eb57715] {
    font-size: .85333rem!important
}

.font-size-21-1[data-v-0eb57715] {
    font-size: .896rem!important
}

.font-size-22-1[data-v-0eb57715] {
    font-size: .93867rem!important
}

.font-size-23-1[data-v-0eb57715] {
    font-size: .98133rem!important
}

.font-size-24-1[data-v-0eb57715] {
    font-size: 1.024rem!important
}

.font-size-26-1[data-v-0eb57715] {
    font-size: 1.10933rem!important
}

.font-size-28-1[data-v-0eb57715] {
    font-size: 1.19467rem!important
}

.font-size-32-1[data-v-0eb57715] {
    font-size: 1.36533rem!important
}

.font-size-10-2[data-v-0eb57715] {
    font-size: .48213rem!important
}

.font-size-11-2[data-v-0eb57715] {
    font-size: .52907rem!important
}

.font-size-12-2[data-v-0eb57715] {
    font-size: .576rem!important
}

.font-size-13-2[data-v-0eb57715] {
    font-size: .62293rem!important
}

.font-size-14-2[data-v-0eb57715] {
    font-size: .67413rem!important
}

.font-size-15-2[data-v-0eb57715] {
    font-size: .72107rem!important
}

.font-size-16-2[data-v-0eb57715] {
    font-size: .768rem!important
}

.font-size-17-2[data-v-0eb57715] {
    font-size: .81493rem!important
}

.font-size-18-2[data-v-0eb57715] {
    font-size: .86613rem!important
}

.font-size-19-2[data-v-0eb57715] {
    font-size: .91307rem!important
}

.font-size-20-2[data-v-0eb57715] {
    font-size: .96rem!important
}

.font-size-21-2[data-v-0eb57715] {
    font-size: 1.0112rem!important
}

.font-size-22-2[data-v-0eb57715] {
    font-size: 1.05813rem!important
}

.font-size-23-2[data-v-0eb57715] {
    font-size: 1.10507rem!important
}

.font-size-24-2[data-v-0eb57715] {
    font-size: 1.152rem!important
}

.font-size-26-2[data-v-0eb57715] {
    font-size: 1.24587rem!important
}

.font-size-28-2[data-v-0eb57715] {
    font-size: 1.344rem!important
}

.font-size-32-2[data-v-0eb57715] {
    font-size: 1.50187rem!important
}

.font-size-10-3[data-v-0eb57715] {
    font-size: .59733rem!important
}

.font-size-11-3[data-v-0eb57715] {
    font-size: .65707rem!important
}

.font-size-12-3[data-v-0eb57715] {
    font-size: .7168rem!important
}

.font-size-13-3[data-v-0eb57715] {
    font-size: .77653rem!important
}

.font-size-14-3[data-v-0eb57715] {
    font-size: .83627rem!important
}

.font-size-15-3[data-v-0eb57715] {
    font-size: .896rem!important
}

.font-size-16-3[data-v-0eb57715] {
    font-size: .95573rem!important
}

.font-size-17-3[data-v-0eb57715] {
    font-size: 1.01547rem!important
}

.font-size-18-3[data-v-0eb57715] {
    font-size: 1.0752rem!important
}

.font-size-19-3[data-v-0eb57715] {
    font-size: 1.13493rem!important
}

.font-size-20-3[data-v-0eb57715] {
    font-size: 1.19467rem!important
}

.font-size-21-3[data-v-0eb57715] {
    font-size: 1.2544rem!important
}

.font-size-22-3[data-v-0eb57715] {
    font-size: 1.31413rem!important
}

.font-size-23-3[data-v-0eb57715] {
    font-size: 1.39093rem!important
}

.font-size-24-3[data-v-0eb57715] {
    font-size: 1.4336rem!important
}

.font-size-26-3[data-v-0eb57715] {
    font-size: 1.55307rem!important
}

.font-size-28-3[data-v-0eb57715] {
    font-size: 1.67253rem!important
}

.font-size-32-3[data-v-0eb57715] {
    font-size: 1.91147rem!important
}

.record[data-v-0eb57715] {
    padding: 0 .42667rem
}

.record .latest-record[data-v-0eb57715] {
    position: relative;
    background-color: #fff;
    border-radius: .256rem;
    padding: .68267rem;
    box-shadow: 0 .34133rem 1.36533rem rgba(0,0,0,.05);
    box-sizing: border-box
}

.record .latest-record .noInfo[data-v-0eb57715] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.record .latest-record .recorder-info-wrap[data-v-0eb57715] {
    display: flex
}

.record .latest-record .recordInfo[data-v-0eb57715] {
    color: #576b95;
    font-size: .64rem;
    font-weight: 400
}

.record .latest-record .recordInfo i[data-v-0eb57715] {
    font-size: .768rem;
    margin-left: .17067rem;
    vertical-align: middle;
    position: relative;
    top: -.04267rem
}

.record .latest-record .recordInfo.recordInfoNew[data-v-0eb57715] {
    padding-top: .68267rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.record .latest-record .recordInfo.recordInfoNew i[data-v-0eb57715] {
    top: .04267rem;
    margin-left: 0
}

.record .latest-record .top-tip[data-v-0eb57715] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .768rem;
    line-height: 1.024rem;
    color: #333;
    font-weight: 700
}

.record .latest-record .top-tip .tip[data-v-0eb57715] {
    flex: 1;
    padding-right: .34133rem
}

.record .latest-record .top-tip .tip-ellipse[data-v-0eb57715] {
    flex: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.record .latest-record .top-tip .add[data-v-0eb57715] {
    font-size: .55467rem;
    font-weight: 400;
    color: rgba(0,0,0,.45);
    position: relative;
    left: .21333rem;
    cursor: pointer
}

.record .latest-record .top-tip .add .clifont[data-v-0eb57715] {
    line-height: .85333rem;
    height: .85333rem;
    font-size: .68267rem;
    position: relative;
    left: -.04267rem;
    top: .04267rem
}

.record .latest-record .top-tip .statsViewAll[data-v-0eb57715] {
    font-weight: 400;
    font-size: .55467rem;
    line-height: .768rem;
    color: rgba(0,0,0,.45);
    flex-shrink: 0;
    white-space: nowrap
}

.record .latest-record[data-v-0eb57715]:active {
    background-color: #f8f8f8
}

.record .add-record[data-v-0eb57715] {
    width: 100%;
    background: #fff;
    box-shadow: 0 .34133rem 1.36533rem rgba(0,0,0,.05);
    border-radius: .256rem
}

.record .add-record .empty[data-v-0eb57715] {
    color: rgba(0,0,0,.87);
    font-size: .59733rem;
    text-align: center;
    margin: 2.13333rem 0;
    margin-bottom: 2.56rem
}

.record .add-record .items .item[data-v-0eb57715] {
    text-align: left;
    padding: 0 .68267rem;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .59733rem;
    min-height: 3.584rem;
    cursor: pointer;
    background: transparent;
    z-index: 0
}

.record .add-record .items .item[data-v-0eb57715]:after {
    position: absolute;
    content: "";
    width: calc(100% - 1.36533rem);
    border-bottom: .04267rem solid hsla(210,8%,51%,.13);
    bottom: 0
}

.record .add-record .items .item[data-v-0eb57715]:last-child:after {
    border-bottom: 0 none
}

.record .add-record .items .item.noAddRecordBtn[data-v-0eb57715]:last-child {
    margin-bottom: 0
}

.record .add-record .items .item .info[data-v-0eb57715] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(100% - 4.26667rem)
}

.record .add-record .items .item .action[data-v-0eb57715] {
    min-width: 3.41333rem;
    max-width: 3.584rem;
    height: 1.45067rem;
    font-size: .68267rem;
    text-align: center;
    border-radius: .896rem;
    color: #576b95;
    line-height: 1.45067rem;
    font-weight: 700;
    border: .04267rem solid rgba(87,107,149,.5)
}

.record .add-record .items .item .action.isEmptyContent[data-v-0eb57715] {
    background-color: rgba(0,0,0,.05)!important;
    border: 0!important;
    color: rgba(0,0,0,.45)!important;
    border-radius: .17067rem
}

.record .add-record .items .item .action.doubleEmptyContent[data-v-0eb57715] {
    background-color: rgba(0,0,0,.05)!important;
    border: 0!important;
    color: rgba(0,0,0,.45)!important
}

.record .add-record .items .item .limitInfo[data-v-0eb57715] {
    color: #999;
    font-size: .512rem
}

.record .add-record .items .listItem[data-v-0eb57715]:active {
    background-color: rgba(0,0,0,.03)
}

.record .add-record .items .listItem:active .action[data-v-0eb57715] {
    background-color: #fff
}

.record .add-record .items .listItem:active .action[data-v-0eb57715]:active:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: -1
}

.record .add-record .items .listItem .action[data-v-0eb57715]:active {
    background-color: rgba(0,0,0,.03)
}

.record .add-record .items .cardItem[data-v-0eb57715]:after {
    display: none
}

.record .add-record .items .iconList[data-v-0eb57715] {
    padding: .85333rem .68267rem;
    justify-content: flex-start
}

.record .add-record .items .iconList .iconWrapper[data-v-0eb57715] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.048rem;
    height: 2.048rem;
    margin-right: .512rem
}

.record .add-record .items .iconList .icon[data-v-0eb57715] {
    display: inline-block;
    width: 2.048rem;
    height: 2.048rem;
    background-size: contain;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.record .add-record .items .iconList .info[data-v-0eb57715] {
    flex: 1;
    width: 0
}

.record .add-record .items .iconList .action[data-v-0eb57715] {
    width: 3.584rem;
    margin-left: .512rem;
    white-space: nowrap;
    flex-shrink: 0;
    border-radius: .256rem;
    background: #f7f7f7;
    border: none;
    padding: .17067rem 0;
    height: auto;
    color: #576b95;
    line-height: normal
}

.record .add-record .items .iconList .limitInfo[data-v-0eb57715] {
    min-width: 3.41333rem;
    max-width: 3.584rem;
    margin-left: .512rem
}

.record .add-record .items .tip[data-v-0eb57715] {
    font-size: .72533rem;
    line-height: 1.024rem;
    font-weight: 700;
    padding: .34133rem .68267rem;
    color: #333;
    border-bottom: .04267rem solid hsla(210,8%,51%,.13)
}

.record .add-record .items .tip.minimalListType[data-v-0eb57715] {
    border-bottom: none;
    padding-top: .68267rem;
    padding-bottom: .68267rem
}

.record .add-record .items .tip.iconList[data-v-0eb57715] {
    padding-bottom: 0;
    padding-top: .68267rem;
    border-bottom: none
}

.record .single-form[data-v-0eb57715] {
    background: #fff;
    padding: .68267rem;
    border-radius: .256rem;
    box-shadow: 0 .34133rem 1.36533rem rgba(0,0,0,.05);
    margin-top: .68267rem;
    overflow: hidden
}

.record .single-form.noAddRecordBtn[data-v-0eb57715] {
    box-shadow: none
}

.record .time-limit-wrapper[data-v-0eb57715] {
    text-align: center;
    padding: 2.21867rem 0 2.13333rem
}

.record .time-limit-wrapper .limit-icon[data-v-0eb57715] {
    display: block;
    color: #e6e6e6;
    font-size: 3.41333rem;
    line-height: 2.56rem;
    margin: 0 auto 1.024rem
}

.record .time-limit-wrapper .time-limit-title[data-v-0eb57715] {
    font-size: .768rem;
    margin-bottom: .68267rem;
    color: rgba(0,0,0,.65)
}

.record .time-limit-wrapper .time-limit-info[data-v-0eb57715] {
    font-size: .59733rem;
    color: #999
}

.record .expand-launch-placeholder[data-v-0eb57715] {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3.66933rem;
    padding: .512rem .34133rem 1.10933rem;
    z-index: 999;
    color: #fff;
    box-sizing: border-box
}

.record.x-hasRecordContent[data-v-0eb57715]:last-child {
    padding-bottom: 0
}

.afterContent.record[data-v-0eb57715] {
    padding-left: 0;
    padding-right: 0
}

.afterContent.record .latest-record[data-v-0eb57715] {
    box-shadow: none;
    background-color: transparent
}

.afterContent.record .latest-record[data-v-0eb57715]:active {
    background-color: #fff
}

.afterContent.record .latest-record .top-tip[data-v-0eb57715] {
    font-size: .85333rem;
    line-height: 1.19467rem
}

.afterContent.record .add-record[data-v-0eb57715] {
    background-color: transparent;
    box-shadow: none
}

.afterContent.record .add-record .items .tip[data-v-0eb57715] {
    font-size: .85333rem;
    line-height: 1.19467rem;
    border-bottom: none
}

.afterContent.record .add-record .items .tip.listType[data-v-0eb57715] {
    position: relative
}

.afterContent.record .add-record .items .tip.listType[data-v-0eb57715]:after {
    position: absolute;
    content: "";
    border-bottom: .04267rem solid hsla(210,8%,51%,.13);
    display: block;
    width: calc(100% - 1.36533rem);
    bottom: 0
}

.afterContent.record .add-record .items .item[data-v-0eb57715]:last-child:after {
    border-bottom: .04267rem solid hsla(210,8%,51%,.13)
}

.afterContent.record .add-record .items .item .action[data-v-0eb57715],.afterContent.record .add-record .items .item .cardAddOperateWrap .action[data-v-0eb57715] {
    font-size: .64rem
}

.afterContent.record .add-record .items .listItem .title[data-v-0eb57715] {
    font-size: .72533rem;
    line-height: 1.024rem
}

.afterContent.record .add-record .items .listItem .desc[data-v-0eb57715] {
    font-size: .59733rem;
    line-height: .85333rem
}

.afterContent.record .add-record .items .cardItem .title[data-v-0eb57715] {
    font-size: .72533rem;
    line-height: 1.024rem
}

.afterContent.record .add-record .items .cardItem .desc[data-v-0eb57715] {
    font-size: .59733rem;
    line-height: .85333rem
}

.afterContent.record .add-record .items .gridItem .title[data-v-0eb57715] {
    font-size: .59733rem
}

.divider[data-v-0eb57715] {
    display: inline-block;
    font-size: .512rem;
    color: hsla(0,0%,100%,.7);
    padding: 0 .128rem;
    text-align: center
}

.no-record-info[data-v-0eb57715] {
    margin: .34133rem 0 0 0;
    font-size: .64rem;
    line-height: .896rem;
    color: #999;
    text-align: left
}

.new-three-record[data-v-0eb57715] {
    width: 100%
}

.new-three-record .no-record-info[data-v-0eb57715] {
    width: 100%;
    height: 5.93067rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    text-align: center
}

.view-password[data-v-0eb57715] {
    font-size: .64rem;
    line-height: .896rem;
    color: #999;
    text-align: left;
    margin-top: .68267rem
}

.view-password.no-title[data-v-0eb57715] {
    margin-top: 1.19467rem
}

.view-password span[data-v-0eb57715] {
    display: inline-block;
    color: #607892;
    position: absolute;
    top: .768rem;
    right: .68267rem
}

.view-password.view-password-new[data-v-0eb57715] {
    text-align: left;
    margin-top: .68267rem
}

.view-password.view-password-new span[data-v-0eb57715] {
    margin-left: .256rem;
    margin-top: 0;
    position: relative;
    top: 0;
    left: 0
}

.mr2[data-v-0eb57715] {
    margin-right: .08533rem
}

.ml8[data-v-0eb57715] {
    margin-left: .34133rem
}

.mr8[data-v-0eb57715] {
    margin-right: .34133rem
}

.record-status-wrap[data-v-0eb57715] {
    display: flex;
    margin-top: .512rem;
    flex-wrap: wrap
}

.showOwner-record-wrapper .record-status-wrap[data-v-0eb57715] {
    margin-top: 0
}

.showOwner-record-wrapper.no-record-content .content[data-v-0eb57715] {
    padding-bottom: 0
}

.record-status-wrap .status-item[data-v-0eb57715] {
    padding: .256rem;
    font-size: .59733rem;
    line-height: .85333rem;
    color: #666;
    background: #f7f7f7;
    border-radius: .08533rem;
    margin-bottom: .34133rem;
    margin-right: .34133rem
}

.record-status-wrap .status-item-hover[data-v-0eb57715] {
    background-color: #f2f2f2
}

.change-status-item-wrap[data-v-0eb57715],.update-status-time-wrap[data-v-0eb57715] {
    display: flex;
    flex-wrap: wrap;
    font-weight: 700
}

.change-status-item-wrap .status-label[data-v-0eb57715] {
    color: rgba(0,0,0,.85);
    line-height: .896rem;
    font-size: .64rem
}

.change-status-item-wrap .status-word[data-v-0eb57715] {
    font-size: .64rem;
    line-height: .896rem;
    color: #666
}

.change-status-item-wrap .anticon-jiantou[data-v-0eb57715] {
    padding-left: .17067rem;
    padding-right: .17067rem;
    color: rgba(0,0,0,.85)
}

.change-status-item-wrap .word-item[data-v-0eb57715] {
    display: inline-flex
}

.update-status-time-wrap[data-v-0eb57715] {
    font-size: .64rem;
    line-height: .896rem;
    color: rgba(0,0,0,.85);
    font-weight: 500
}

.update-status-time-wrap .status-text[data-v-0eb57715] {
    color: #666
}

.update-status-time-wrap .status-time[data-v-0eb57715] {
    margin-right: .512rem
}

.update-status-time-wrap .status-wrap[data-v-0eb57715] {
    display: flex;
    flex-wrap: wrap
}

.record-card.x-hasRecordContent[data-v-0eb57715]:last-child {
    padding-bottom: 0
}

.record.record-card[data-v-0eb57715] {
    margin: 0 .42667rem;
    padding: 0
}

.record-card .add-record .items .tip[data-v-0eb57715] {
    border-bottom: none
}

.record-card .latest-record[data-v-0eb57715] {
    margin-bottom: .512rem
}

.record-card.show2 .add-record[data-v-0eb57715] {
    padding-top: .68267rem
}

.record-card.placeBottom[data-v-0eb57715] {
    margin-top: 0
}

.record-card.afterContent[data-v-0eb57715] {
    margin: 0
}

.record-card.afterContent .latest-record[data-v-0eb57715] {
    box-shadow: none
}

.bottomCardStyle.afterContent[data-v-0eb57715] {
    padding-left: .68267rem;
    padding-right: .68267rem
}

.bottomCardStyle.afterContent .latest-record[data-v-0eb57715] {
    border-radius: .256rem;
    background: #fff;
    box-shadow: 0 .17067rem .68267rem 0 rgba(0,0,0,.1)
}

.cardAddOperateWrap[data-v-0eb57715] {
    background: #f8f8f8;
    border-radius: .17067rem;
    padding: 1.024rem .68267rem;
    margin-bottom: .512rem;
    width: 100%;
    display: flex;
    align-items: center
}

.item.last-item .cardAddOperateWrap[data-v-0eb57715] {
    margin-bottom: .68267rem
}

.commonItemTitle[data-v-0eb57715] {
    font-size: .768rem;
    color: #333;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.commonItemDesc[data-v-0eb57715] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: .17067rem;
    font-size: .55467rem;
    color: rgba(0,0,0,.45);
    line-height: .768rem
}

.listItem .title[data-v-0eb57715] {
    font-size: .768rem;
    color: #333;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.listItem .desc[data-v-0eb57715] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: .17067rem;
    font-size: .55467rem;
    color: rgba(0,0,0,.45);
    line-height: .768rem
}

.cardItem .title[data-v-0eb57715] {
    font-size: .768rem;
    color: #333;
    font-weight: 700
}

.cardItem .desc[data-v-0eb57715],.cardItem .title[data-v-0eb57715] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal
}

.cardItem .desc[data-v-0eb57715],.iconList .desc[data-v-0eb57715] {
    padding-top: .17067rem;
    font-size: .55467rem;
    color: rgba(0,0,0,.45);
    line-height: .768rem;
    line-height: 1.4
}

.iconList .desc[data-v-0eb57715] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal
}

.record .add-record .items .item .cardAddOperateWrap .action[data-v-0eb57715] {
    min-width: 3.41333rem;
    max-width: 3.584rem;
    height: 1.36533rem;
    padding: .21333rem 0;
    border-radius: .17067rem;
    font-weight: 600;
    font-size: .59733rem;
    line-height: .768rem;
    margin-left: .68267rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: .04267rem solid #576b95;
    cursor: pointer
}

.cardAddOperateWrap .info[data-v-0eb57715] {
    flex: 1
}

.operateWrapHover[data-v-0eb57715]:active {
    position: relative;
    height: 100%
}

.operateWrapHover[data-v-0eb57715]:active:after {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.03);
    border-radius: .256rem
}

.record_5 .add-record[data-v-0eb57715] {
    padding-bottom: .68267rem;
    padding-top: .34133rem
}

.record_5 .add-record .items .tip[data-v-0eb57715] {
    border-bottom: 0
}

.gridItemWrapper[data-v-0eb57715] {
    width: 100%
}

.gridItem[data-v-0eb57715] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 33.33%;
    padding: .68267rem .34133rem
}

.gridItem .iconWrapper[data-v-0eb57715] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.048rem;
    height: 2.048rem;
    margin-bottom: .34133rem
}

.gridItem .icon[data-v-0eb57715] {
    width: 2.048rem;
    height: 2.048rem;
    background-size: contain
}

.gridItem .title[data-v-0eb57715] {
    text-align: center;
    font-size: .55467rem;
    line-height: .768rem;
    color: rgba(0,0,0,.85);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: break-spaces;
    overflow: hidden
}

.gridBordered[data-v-0eb57715] {
    padding-left: .68267rem;
    padding-right: .68267rem;
    display: flex;
    flex-flow: row wrap;
    align-items: stretch
}

.gridBordered .gridItem[data-v-0eb57715] {
    border-right: .04267rem solid hsla(210,8%,51%,.13);
    border-bottom: .04267rem solid hsla(210,8%,51%,.13);
    justify-content: flex-start
}

.gridBordered .gridItem[data-v-0eb57715]:first-of-type,.gridBordered .gridItem[data-v-0eb57715]:nth-of-type(2),.gridBordered .gridItem[data-v-0eb57715]:nth-of-type(3) {
    border-top: .04267rem solid hsla(210,8%,51%,.13)
}

.gridBordered .gridItem[data-v-0eb57715]:nth-of-type(3n+1) {
    border-left: .04267rem solid hsla(210,8%,51%,.13)
}

.gridBordered .gridItem[data-v-0eb57715]:first-of-type {
    border-top-left-radius: .17067rem
}

.gridBordered .gridItem[data-v-0eb57715]:last-of-type {
    border-bottom-right-radius: .17067rem
}

.gridBordered .gridItem.br-bl[data-v-0eb57715] {
    border-bottom-left-radius: .17067rem
}

.gridBordered .gridItem.br-tr[data-v-0eb57715] {
    border-top-right-radius: .17067rem
}

.gridBordered .gridItem.br-br[data-v-0eb57715] {
    border-bottom-right-radius: .17067rem
}

.minimalListItem[data-v-0eb57715] {
    font-weight: 400;
    font-size: .72533rem;
    line-height: 1.024rem;
    color: rgba(0,0,0,.85);
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    padding: .68267rem 0;
    margin: 0 .68267rem;
    border-top: .04267rem solid rgba(0,0,0,.15)
}

.minimalListItem .iconArrowRight[data-v-0eb57715] {
    display: inline-flex;
    width: 1.024rem;
    height: 1.024rem;
    justify-content: center;
    align-items: center;
    color: #bbb;
    font-size: .59733rem;
    font-weight: 700
}

.timeLineViewAllWrapper[data-v-0eb57715] {
    position: relative;
    left: .08533rem;
    color: #576b95;
    font-size: .55467rem;
    height: 1.62133rem;
    background-color: #f8f8f8;
    margin-top: .68267rem;
    border-radius: .17067rem;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    text-align: center
}

.timeLineViewAllWrapper[data-v-0eb57715]:before {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: .02133rem;
    height: 1.23733rem;
    background-color: hsla(210,8%,51%,.25)
}

.timeLineViewAllWrapper[data-v-0eb57715]:after {
    position: absolute;
    left: -.08533rem;
    top: 1.23733rem;
    display: block;
    width: .17067rem;
    height: .17067rem;
    border-radius: .08533rem;
    background-color: #666
}

.blockListViewAllWrapper[data-v-0eb57715] {
    position: relative;
    color: #576b95;
    font-size: .55467rem;
    height: 1.62133rem;
    background-color: #f8f8f8;
    margin-top: .68267rem;
    border-radius: .17067rem;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    text-align: center
}

.afterContent .blockListViewAllWrapper[data-v-0eb57715],.afterContent .minimalListItem[data-v-0eb57715],.afterContent .timeLineViewAllWrapper[data-v-0eb57715] {
    font-size: .64rem
}

.afterContent .minimalListItem[data-v-0eb57715]:last-child {
    border-bottom: .04267rem solid rgba(0,0,0,.15)
}

.record_4.noRecordView .add-record[data-v-0eb57715] {
    padding-top: .68267rem
}

.record_4 .add-record .items .tip[data-v-0eb57715] {
    padding-top: 0;
    padding-bottom: .68267rem
}

.record_5 .add-record .items .tip[data-v-0eb57715] {
    padding-top: .34133rem;
    padding-bottom: .68267rem
}

.operationHalfScreen .operation-header[data-v-0eb57715] {
    position: relative
}

.operationHalfScreen .operation-title[data-v-0eb57715] {
    margin-top: .34133rem;
    padding: .68267rem;
    font-weight: 700;
    line-height: 1.19467rem
}

.operationHalfScreen .operation-content[data-v-0eb57715] {
    position: relative;
    max-height: 60vh;
    overflow-y: auto
}

.operationHalfScreen .operation-close[data-v-0eb57715] {
    position: absolute;
    top: .68267rem;
    width: .85333rem;
    height: .85333rem;
    display: flex;
    align-items: center;
    justify-content: center;
    right: .68267rem;
    color: #666
}

.operationHalfScreen .operation-footer[data-v-0eb57715] {
    background-color: #fff;
    padding-bottom: 1.70667rem
}

.operationHalfScreen .textBtn-back[data-v-0eb57715] {
    line-height: 1.70667rem;
    color: #576b95;
    margin: auto;
    margin-top: .512rem;
    text-align: center;
    cursor: pointer
}

.managerRuleInfo[data-v-0eb57715] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .512rem;
    color: rgba(0,0,0,.45);
    margin-top: .68267rem;
    text-align: center;
    line-height: .72533rem
}

.managerRuleInfo .anticon-about[data-v-0eb57715] {
    font-size: .55467rem;
    margin-left: .17067rem;
    position: relative;
    top: .04267rem;
    color: rgba(0,0,0,.25)
}

.state-limit[data-v-0eb57715] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: rgba(0,0,0,.45098039215686275)
}

.state-limit-wrapper[data-v-0eb57715] {
    font-size: .85333rem;
    font-weight: 600;
    line-height: 1.19467rem;
    text-align: center;
    color: rgba(0,0,0,.8509803921568627)
}

.state-limit-wrapper .anticon-quantitylimit[data-v-0eb57715] {
    font-weight: 400
}

.add-button-fixed {
    width: 100%;
    padding: 8 1.024rem;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .34133rem;
    cursor: default
}

.add-button-fixed .home {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #2b2b2b;
    text-decoration: none;
    width: 1.96267rem;
    height: 1.96267rem;
    gap: .08533rem
}

.add-button-fixed .home .icon {
    font-size: .768rem;
    width: .85333rem;
    height: .85333rem
}

.add-button-fixed .home .homePageText {
    font-size: .512rem
}

.add-button-fixed .transparent {
    box-shadow: 0 .04267rem .42667rem 0 rgba(0,0,0,.06);
    background: hsla(0,0%,98%,.95)
}

.add-button-fixed .word {
    flex: 1;
    height: 1.70667rem;
    border-radius: .17067rem;
    line-height: 1.70667rem;
    text-align: center;
    margin: 0 auto;
    font-weight: 500;
    font-size: .72533rem
}

.layout-row-single .add-button-fixed .word {
    height: 1.87733rem
}

.bottom-layout.pill .add-button-fixed .word {
    background: transparent!important
}

.record_2.has-bottom-msg {
    order: 1
}

.show-expand-btn.has-bottom-msg .add-record {
    background-color: transparent;
    box-shadow: none
}

.show-expand-btn.has-bottom-msg .add-button-fixed {
    width: calc(100% + .85333rem);
    margin-left: -.42667rem;
    background: linear-gradient(180deg,#f4f4f4 0,#fff 50%);
    position: static;
    box-shadow: none
}

.show-expand-btn.has-bottom-msg .add-button-fixed.is-bg-img-mode-button {
    background: transparent
}

.AfterCodeMainContent .fixedBottomContainer .add-button-fixed {
    padding: 0!important
}

.tabs {
    display: flex;
    width: 100%;
    position: relative;
    align-items: center
}

.tabs:after {
    position: absolute;
    content: "";
    left: -.68267rem;
    height: .04267rem;
    background-color: hsla(210,8%,51%,.13);
    width: calc(100% + 1.36533rem);
    bottom: 0
}

.tabs .tab-lib {
    font-size: .72533rem;
    color: rgba(0,0,0,.85);
    padding-bottom: .42667rem;
    position: relative;
    width: 50%;
    text-align: center;
    align-self: flex-end
}

.tab-lib+.tab-lib {
    margin-left: 1.024rem
}

.tabs .tab-lib:after {
    width: 0;
    height: .08533rem;
    background-color: #166bc7;
    content: " ";
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: width .2s ease-in-out
}

.tabs .tab-lib-active {
    color: #166bc7
}

.tabs .tab-lib-active:after {
    width: 100%
}

.vue-slider-disabled {
    opacity: .5;
    cursor: not-allowed
}

.vue-slider-rail {
    background-color: #ccc;
    border-radius: .64rem
}

.vue-slider-process {
    background-color: #3498db;
    border-radius: .64rem
}

.vue-slider-mark {
    z-index: 4
}

.vue-slider-mark:first-child .vue-slider-mark-step,.vue-slider-mark:last-child .vue-slider-mark-step {
    display: none
}

.vue-slider-mark-step {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: rgba(0,0,0,.16)
}

.vue-slider-mark-label {
    font-size: .59733rem;
    white-space: nowrap
}

.vue-slider-dot-handle {
    cursor: pointer;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: .02133rem .02133rem .08533rem .04267rem rgba(0,0,0,.32)
}

.vue-slider-dot-handle-focus {
    box-shadow: 0 0 .04267rem .08533rem rgba(52,152,219,.36)
}

.vue-slider-dot-handle-disabled {
    cursor: not-allowed;
    background-color: #ccc
}

.vue-slider-dot-tooltip-inner {
    font-size: .59733rem;
    white-space: nowrap;
    padding: .08533rem .21333rem;
    min-width: .85333rem;
    text-align: center;
    color: #fff;
    border-radius: .21333rem;
    border-color: #3498db;
    background-color: #3498db;
    box-sizing: content-box
}

.vue-slider-dot-tooltip-inner:after {
    content: "";
    position: absolute
}

.vue-slider-dot-tooltip-inner-top:after {
    top: 100%;
    left: 50%;
    transform: translate(-50%);
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: .21333rem;
    border-top-color: inherit
}

.vue-slider-dot-tooltip-inner-bottom:after {
    bottom: 100%;
    left: 50%;
    transform: translate(-50%);
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: .21333rem;
    border-bottom-color: inherit
}

.vue-slider-dot-tooltip-inner-left:after {
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: .21333rem;
    border-left-color: inherit
}

.vue-slider-dot-tooltip-inner-right:after {
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: .21333rem;
    border-right-color: inherit
}

.vue-slider-dot-tooltip-wrapper {
    opacity: 0;
    transition: all .3s
}

.vue-slider-dot-tooltip-wrapper-show {
    opacity: 1
}

.rateWrap {
    margin-top: .68267rem;
    width: 100%;
    position: relative
}

.rateWrap,.rateWrap .clifont {
    display: flex;
    align-items: center;
    justify-content: center
}

.rateWrap .clifont {
    font-size: 1.10933rem;
    width: 1.36533rem;
    height: 1.36533rem;
    border-radius: 50%;
    color: rgba(0,0,0,.65)
}

.rateWrap .clifont:active {
    background: #f7f7f7
}

.rateWrap .operation {
    width: 2.38933rem;
    height: 2.38933rem;
    background: #fff;
    border-radius: 50%;
    filter: drop-shadow(0 .08533rem .85333rem rgba(0,0,0,.08));
    margin: 0 1.024rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.rateWrap .clifont.play {
    color: #07c160
}

.headAudioPlayer .rateWrap .clifont.anticon-video-play {
    font-size: 1.19467rem;
    margin-left: .256rem
}

.headAudioPlayer .rateWrap .clifont.anticon-cli-pause {
    font-size: 1.87733rem
}

.rateWrap .clifont.anticon-video-play {
    margin-left: .17067rem;
    font-size: .93867rem
}

.rateWrap .clifont.anticon-cli-pause {
    font-size: 1.70667rem
}

.rateOp {
    min-width: 1.87733rem;
    height: 1.19467rem;
    line-height: 1.19467rem;
    color: rgba(0,0,0,.65);
    font-size: .59733rem;
    border-radius: .17067rem;
    background: #f1f2f4;
    text-align: center;
    font-weight: 500;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 .17067rem
}

.rateOp:active {
    background: #e6e6e6
}

.pdAudio {
    padding-bottom: .34133rem
}

.canAudioPlay {
    border-radius: .21333rem
}

.cantAudioPlay {
    border-radius: .21333rem .21333rem 0 0
}

.audioPlayer {
    border-radius: .256rem;
    border: .04267rem solid hsla(210,8%,51%,.13);
    background-color: #fff;
    position: relative;
    width: 100%;
    min-height: 4.26667rem;
    display: flex;
    flex-wrap: wrap;
    padding: .85333rem .68267rem
}

.audioPlayer .playerController,.audioPlayer .playerController .paused {
    display: flex;
    align-items: center;
    justify-content: center
}

.audioPlayer .playerController .paused {
    width: 1.70667rem;
    height: 1.70667rem;
    border-radius: 50%;
    background: #f7f7f7;
    margin-left: 1.024rem
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg)
    }

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

.audioPlayer .playerController .playing {
    width: 1.70667rem;
    height: 1.70667rem;
    border-radius: 50%;
    border: .08533rem solid #4caf50;
    margin-top: 1.28rem;
    margin-left: .85333rem;
    animation: rotate 1s linear infinite;
    position: relative
}

.audioPlayer .playerController .playing:after {
    content: "";
    position: absolute;
    top: -.34133rem;
    left: 50%;
    width: .17067rem;
    height: .42667rem;
    margin-left: -.08533rem;
    background-color: #fbfbfb
}

.audioPlayer .playerController i {
    font-size: 1.536rem;
    color: #000
}

.audioPlayer .outProgress {
    width: 100%
}

.audioPlayer .outProgress .playerProgress {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.audioPlayer .outProgress .playerProgress .title {
    font-size: .72533rem;
    color: #353535;
    word-break: break-all;
    line-height: .85333rem;
    margin-right: .34133rem
}

.audioPlayer .outProgress .playerProgress .size {
    font-size: .512rem;
    line-height: .85333rem;
    color: #999;
    word-break: normal
}

.audioPlayer .outProgress .playerProgress .progress {
    width: 100%!important;
    padding: .59733rem 0 1.024rem!important;
    margin-top: 1.024rem;
    height: .08533rem!important;
    margin-left: .256rem
}

.audioPlayer .outProgress .playerProgress .progress .vue-slider-dot {
    width: .512rem!important;
    height: .512rem!important
}

.audioPlayer .outProgress .playerProgress .progress .vue-slider-rail {
    background-color: rgba(0,0,0,.05)
}

.audioPlayer .outProgress .playerProgress .progress .vue-slider-process {
    background-color: #333
}

.audioPlayer .outProgress .playerProgress .progress .vue-slider-dot-handle {
    background-color: #333;
    box-shadow: .02133rem .02133rem .08533rem .04267rem rgba(0,0,0,.12)
}

.audioPlayer .outProgress .playerProgress .time {
    color: rgba(0,0,0,.45);
    font-size: .512rem;
    margin-top: -.512rem
}

.audioPlayer.is-dark-bg-color {
    background-color: var(--dark-mode-background-color);
    backdrop-filter: var(--dark-mode-background-blur);
    -webkit-backdrop-filter: var(--dark-mode-background-blur);
    border: none
}

.audioPlayer.is-dark-bg-color .outProgress .playerProgress .title {
    color: var(--dark-mode-main-text-color)
}

.audioPlayer.is-dark-bg-color .outProgress .playerProgress .size,.audioPlayer.is-dark-bg-color .outProgress .playerProgress .time {
    color: var(--dark-mode-secondary-text-color)
}

.audioPlayer.is-dark-bg-color .outProgress .progress .vue-slider-dot-handle {
    background-color: #fff;
    box-shadow: none
}

.audioPlayer.is-dark-bg-color .outProgress .progress .vue-slider-rail {
    background-color: hsla(0,0%,100%,.5)
}

.audioPlayer.is-dark-bg-color .outProgress .progress .vue-slider-process {
    background-color: #fff
}

.audioPlayer.is-dark-bg-color .rateOp {
    background-color: hsla(0,0%,100%,.2);
    color: #fff
}

.audioPlayer.is-dark-bg-color .rateWrap .clifont {
    color: #fff
}

.audioPlayer.is-dark-bg-color .rateWrap .clifont.play {
    color: #07c160
}

.audioPlayer.is-light-color-exclude-color-bg {
    border: none
}

.playerCover {
    height: 1.36533rem;
    line-height: 1.36533rem;
    font-size: .512rem;
    color: rgba(0,0,0,.25);
    text-align: center;
    width: 100%
}

.playerCover .red {
    color: red;
    font-weight: 600
}

.playerCover .blue {
    color: #357bb3;
    font-weight: 600
}

.playerCover i {
    position: relative
}

.playerDeepCover {
    color: hsla(0,0%,100%,.65)
}

.playerDeepCover .blue {
    color: #40a9ff
}

.headAudioPlayer {
    padding: .34133rem .72533rem
}

.headAudioPlayer .playerController {
    width: 3.072rem;
    height: 3.072rem;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 .08533rem .42667rem 0 rgba(0,0,0,.15);
    text-align: center;
    border: .08533rem solid #fff;
    box-sizing: border-box;
    margin-left: 1.024rem;
    margin-right: 1.024rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.headAudioPlayer .playerController i {
    font-size: 1.70667rem
}

.headAudioPlayer .outProgress .playerProgress .progress {
    margin-top: 1.024rem;
    height: .08533rem!important
}

.headAudioPlayer .outProgress .playerProgress .progress .vue-slider-rail {
    background-color: rgba(0,0,0,.05)
}

.headAudioPlayer .outProgress .playerProgress .progress .vue-slider-rail .vue-slider-dot {
    width: .512rem!important;
    height: .512rem!important
}

.headAudioPlayer .outProgress .playerProgress .progress .vue-slider-dot-handle {
    box-shadow: .02133rem .02133rem .08533rem .04267rem rgba(0,0,0,.12);
    background-color: #333
}

.headAudioPlayer .outProgress .playerProgress .title {
    font-size: .768rem;
    color: #fff;
    text-align: center;
    font-weight: 700;
    line-height: 1.3;
    word-break: break-all
}

.headAudioPlayer .outProgress .playerProgress .size {
    font-size: .512rem;
    color: #fff;
    opacity: .5;
    text-align: center;
    margin-top: .34133rem
}

.headAudioPlayer .outProgress .isDeepBg .vue-slider-dot-handle {
    box-shadow: .02133rem .02133rem .08533rem .04267rem rgba(0,0,0,.12);
    background-color: #fff!important
}

.headAudioPlayer .outProgress .timeContent {
    color: #fff;
    font-size: .512rem;
    margin-top: .68267rem;
    padding-bottom: .34133rem
}

.headAudioPlayer .outProgress .timeContent .currentTime {
    float: left
}

.headAudioPlayer .outProgress .timeContent .totalTime {
    float: right
}

.headAudioPlayer .outProgress .errMsg {
    margin-top: 1.28rem;
    text-align: center;
    color: rgba(0,0,0,.25);
    font-size: .512rem
}

.headAudioPlayer .outProgress .errMsg .red {
    color: red;
    font-weight: 900
}

.headAudioPlayer .outProgress .errMsg i {
    position: relative;
    top: .04267rem
}

.headAudioPlayer.isSingleFileCard {
    padding: .85333rem .68267rem 1.024rem;
    background-color: #fff;
    border-radius: .256rem;
    box-shadow: 0 .256rem 1.024rem 0 rgba(0,0,0,.08)
}

.headAudioPlayer.isSingleFileCard .outProgress .playerProgress .vue-slider-dot-handle {
    background: #333!important;
    box-shadow: 0 0 .34133rem 0 rgba(0,0,0,.08)!important
}

.newPlayIcon {
    font-size: 1.024rem!important
}

.audioPlayingIcon {
    width: 1.024rem;
    height: 1.024rem
}

.recordAudio {
    padding: 0 .68267rem 1.024rem;
    border-radius: .256rem;
    background: #f7f7f7;
    box-shadow: none
}

.recordAudio .playerController {
    height: 2.56rem;
    margin-top: .08533rem
}

.recordAudio .playerController i {
    top: .68267rem
}

.recordAudio .playing {
    margin-top: .42667rem
}

.recordAudio .outProgress .playerProgress .progress {
    padding: .46933rem 0 1.024rem!important;
    height: .08533rem!important
}

.hasExpired .playerController i {
    color: #ccc!important
}

.hasExpired .playerProgress .title {
    color: #999!important
}

.audioWrapper {
    position: relative
}

.audioWrapper .placeholder-edit-nav {
    position: absolute;
    top: .08533rem;
    right: .08533rem
}

.translatedText {
    width: 100%;
    border-top: .04267rem solid rgba(0,0,0,.1);
    padding-top: .68267rem;
    margin-top: .768rem
}

.translatedText .textTitle {
    display: flex;
    align-items: center;
    color: rgba(0,0,0,.85);
    font-size: .68267rem;
    font-weight: 700;
    margin-bottom: .34133rem
}

.translatedText .textTitle img {
    height: .768rem;
    margin-right: .08533rem
}

.translatedText .textContent {
    color: #333;
    font-weight: .68267rem
}

.auidoTitle[data-v-e3d2e178] {
    font-size: .68267rem;
    font-weight: 500;
    line-height: 1.4;
    color: #373737;
    background: #f6f8f9;
    position: relative;
    padding: .34133rem .512rem;
    margin-bottom: .512rem
}

.auidoTitle div[data-v-e3d2e178] {
    width: .17067rem;
    height: 100%;
    background: #357bb3;
    content: " ";
    position: absolute;
    left: 0;
    top: 0
}

.content-wrapper.is-dark-bg-color .address .text-card {
    background: var(--dark-mode-background-color);
    backdrop-filter: var(--dark-mode-background-blur);
    -webkit-backdrop-filter: var(--dark-mode-background-blur)
}

.content-wrapper.is-dark-bg-color .address .text-card .title {
    color: var(--dark-mode-main-text-color)
}

.content-wrapper.is-dark-bg-color .address .text-card .anticon-cli-angle-right,.content-wrapper.is-dark-bg-color .address .text-card .anticon-dizhidingwei,.content-wrapper.is-dark-bg-color .address .text-card .detail {
    color: var(--dark-mode-secondary-text-color)
}

.content-wrapper.is-dark-bg-color .address .map-card,.content-wrapper.is-dark-bg-color .address .simple-card {
    border: none;
    background: var(--dark-mode-background-color);
    backdrop-filter: var(--dark-mode-background-blur);
    -webkit-backdrop-filter: var(--dark-mode-background-blur)
}

.content-wrapper.is-dark-bg-color .address .map-card .header .title,.content-wrapper.is-dark-bg-color .address .simple-card .header .title {
    color: var(--dark-mode-main-text-color)
}

.content-wrapper.is-dark-bg-color .address .map-card .detail,.content-wrapper.is-dark-bg-color .address .map-card .header .anticon-cli-angle-right,.content-wrapper.is-dark-bg-color .address .simple-card .detail,.content-wrapper.is-dark-bg-color .address .simple-card .header .anticon-cli-angle-right {
    color: var(--dark-mode-secondary-text-color)
}

.address.is-light-color-exclude-color-bg .map-card,.address.is-light-color-exclude-color-bg .simple-card,.address.is-light-color-exclude-color-bg .text-card {
    border: none
}

.text-card {
    padding: .512rem;
    border-radius: .17067rem;
    background: #f9f9f9;
    display: flex;
    align-items: center
}

.text-card .title {
    margin: 0 .34133rem;
    flex: 1
}

.text-card .anticon-dizhidingwei {
    color: rgba(0,0,0,.65)
}

.text-card .anticon-cli-angle-right {
    color: rgba(0,0,0,.45)
}

.map-card,.simple-card {
    border-radius: .17067rem;
    border: .04267rem solid hsla(210,8%,51%,.13);
    background: #fff
}

.simple-card {
    display: flex;
    align-items: center;
    padding: .68267rem .512rem
}

.simple-card .diagram {
    width: 2.048rem;
    height: 2.048rem
}

.simple-card .content {
    flex: 1;
    margin-left: .512rem
}

.map-card {
    padding: .68267rem
}

.map-card .location-image {
    object-fit: contain;
    margin-top: .512rem;
    width: 100%;
    display: block;
    border-radius: .17067rem
}

.header {
    display: flex;
    align-items: center
}

.header .title {
    flex: 1;
    margin-right: .34133rem
}

.title {
    color: rgba(0,0,0,.85);
    font-size: .64rem;
    font-weight: 700;
    line-height: 160%
}

.detail {
    font-size: .512rem;
    line-height: 150%;
    padding-right: 1.024rem
}

.anticon-cli-angle-right,.detail {
    color: rgba(0,0,0,.45)
}

.resWrap[data-v-d959e3e2] {
    border-radius: .17067rem
}

.resWrap .titleGeneral[data-v-d959e3e2] {
    border-radius: .17067rem;
    margin-top: .512rem;
    overflow: hidden;
    background-color: #fff
}

.resWrap .titleGeneral .titleRes[data-v-d959e3e2] {
    display: flex;
    width: 100%;
    height: 1.19467rem;
    padding: .34133rem 0 .34133rem .68267rem;
    justify-content: flex-start;
    align-items: center;
    background: #fff;
    color: #737373;
    font-size: .59733rem;
    position: relative
}

.resWrap .titleGeneral .titleRes[data-v-d959e3e2]:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: .68267rem;
    height: .02133rem;
    width: 100%;
    background-color: rgba(0,0,0,.1)
}

.resWrap .titleGeneral .resultContent[data-v-d959e3e2] {
    display: flex;
    width: 100%;
    padding: .68267rem;
    align-items: center;
    gap: .68267rem;
    background-color: #fff;
    position: relative
}

.resWrap .titleGeneral .resultContent[data-v-d959e3e2]:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: .68267rem;
    height: .02133rem;
    width: 100%;
    background-color: rgba(0,0,0,.1)
}

.resWrap .titleGeneral .resultContent .icon .defaultIcon[data-v-d959e3e2] {
    width: 1.70667rem;
    height: 1.70667rem
}

.resWrap .titleGeneral .resultContent .content[data-v-d959e3e2] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .17067rem;
    flex: 1 0 0;
    overflow: hidden
}

.resWrap .titleGeneral .resultContent .content .title[data-v-d959e3e2] {
    width: 100%;
    font-size: .72533rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.resWrap .titleGeneral .resultContent .content .description[data-v-d959e3e2] {
    color: rgba(0,0,0,.5);
    text-align: justify;
    font-size: .59733rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    flex: 1 1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
}

.resWrap .titleGeneral .resultContent .content .description span[data-v-d959e3e2] {
    padding-right: .17067rem
}

.resWrap .titleGeneral .resultContent .indicator[data-v-d959e3e2] {
    width: 1.024rem;
    height: 1.024rem;
    font-size: .85333rem
}

.resWrap .titleGeneral .clearSplitLine[data-v-d959e3e2]:after {
    content: none
}

.showAllTips[data-v-d959e3e2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .42667rem;
    text-align: center;
    font-size: .59733rem;
    background: #fff;
    padding: .42667rem .68267rem
}

.showAllTips .more-icon[data-v-d959e3e2] {
    font-size: .85333rem
}

.showAllTips .showAllContent[data-v-d959e3e2] {
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(0,0,0,.45)
}

.showAllTips .showAllContent .checkAll[data-v-d959e3e2] {
    display: inline-block;
    text-decoration: none;
    width: 100%;
    color: #576b95;
    font-size: .72533rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.category-tree-empty[data-v-d959e3e2] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .59733rem;
    height: 5.29067rem;
    color: rgba(0,0,0,.45);
    background-color: #fff;
    padding: .768rem 0;
    border-radius: .256rem
}

.highlight {
    color: #06ae56
}

.listWarp {
    margin-left: -.68267rem;
    width: calc(100% + 1.36533rem)
}

.listWarp .list:active {
    background: #eee
}

.listWarp .list:last-child .skipLinkStyle3,.listWarp .list:last-child .skipLinkStyle4 {
    margin-bottom: 0
}

.listCardWrap {
    width: calc(100% + .34133rem);
    margin-left: -.17067rem
}

.listCardWrap .list:active {
    background: #eee
}

.listCardWrap .list:last-child .skipLinkStyle3,.listCardWrap .list:last-child .skipLinkStyle4 {
    margin-bottom: 0
}

.listCardWrap:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.cardCategoryWrapper {
    width: calc(100% - .34133rem);
    margin-top: .512rem;
    margin-left: .17067rem;
    padding: .34133rem;
    background: #fff;
    border-radius: .34133rem;
    box-shadow: 0 .34133rem 1.36533rem rgba(0,0,0,.05);
    float: left;
    box-sizing: border-box
}

.cardCategoryWrapper .cardInfoWrapper {
    padding: 0 .17067rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.cardCategoryWrapper .cardInfoWrapper .categoryTitle {
    color: #333;
    font-weight: 700;
    font-size: .68267rem;
    line-height: 1.024rem;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: .512rem
}

.cardCategoryWrapper .cardInfoWrapper .qrcodeCount {
    font-size: .68267rem;
    line-height: 1.024rem;
    color: #999;
    font-weight: 400
}

.cardCategoryWrapper .cardInfoWrapper .cardIcon {
    color: #bbb;
    font-size: .85333rem;
    margin-left: .256rem;
    margin-top: -.256rem;
    height: .93867rem
}

.cardCategoryWrapper .cardImgWrapper {
    display: flex;
    align-items: center;
    margin-top: .34133rem
}

.cardCategoryWrapper .cardIconImgWrapper {
    background: #f5f5f5;
    color: #666;
    border-radius: .17067rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    line-height: .93867rem;
    width: 1.36533rem;
    height: 1.36533rem
}

.cardCategoryWrapper .cardIconImgWrapper .anticon-a-outlined-qrcode22 {
    font-size: 1.536rem
}

.cardCategoryWrapper .cardIconImg {
    background: rgba(87,107,149,.1);
    border-radius: .17067rem;
    object-fit: cover;
    vertical-align: middle
}

.cardCategoryWrapper .cardAllImgWrapper {
    margin-left: .256rem
}

.cardCategoryWrapper .cardAllImgWrapper:first-child {
    margin-left: 0
}

.cardCategoryWrapper:active {
    opacity: .5
}

.cardCodeWrapper {
    border-radius: .34133rem;
    box-shadow: 0 .34133rem 1.36533rem rgba(0,0,0,.05);
    margin: .512rem .17067rem 0 .17067rem;
    float: left
}

.cardCodeWrapper:active {
    opacity: .5
}

.emptyCategory {
    font-weight: 500;
    font-size: .68267rem;
    line-height: .93867rem;
    color: rgba(87,107,149,.5)
}

.headerDefaultImg {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .34133rem .34133rem 0 0;
    font-weight: 500;
    font-size: 1.70667rem;
    line-height: 2.38933rem;
    color: #666
}

.headerDefaultImg .styleListImg {
    width: 1.57867rem;
    height: 1.70667rem
}

.headerDefaultImg .anticon-a-outlined-qrcode22 {
    font-size: 2.90133rem
}

.headerImg {
    width: 100%;
    border-radius: .34133rem .34133rem 0 0;
    background: rgba(87,107,149,.1);
    vertical-align: middle;
    object-fit: cover
}

.cardCodeName {
    padding: 0 .34133rem;
    background: #fff;
    font-size: .68267rem;
    line-height: 1.024rem;
    color: #333;
    border-radius: 0 0 .34133rem .34133rem;
    width: 100%;
    height: 2.73067rem;
    display: flex;
    align-items: center;
    box-sizing: border-box
}

.cardCodeName .cardOmitName {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all
}

.cateIconImg {
    width: 1.06667rem;
    height: 1.06667rem;
    background: hsla(0,0%,100%,.8);
    border-radius: .08533rem;
    vertical-align: middle;
    object-fit: cover
}

.cateOuterWrapper {
    display: flex;
    align-items: center;
    overflow: hidden;
    flex-wrap: wrap;
    height: 2.73067rem;
    width: 2.73067rem;
    padding: .128rem
}

.cateIconWrapper {
    width: 1.06667rem;
    height: 1.06667rem;
    background: #fff;
    border-radius: .08533rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .34133rem;
    color: #576b95;
    line-height: .512rem
}

.cateOuterIconWrapper:nth-child(2n) {
    margin-left: .08533rem
}

.skipLink,.skipLinkBottom {
    padding: .768rem .64rem;
    display: flex;
    text-decoration: none
}

.skipLinkBottom {
    border-bottom: none
}

.skipTitle {
    font-size: .68267rem;
    line-height: 1.024rem;
    color: #333;
    flex: 20;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: .17067rem
}

.skipTitle .skipOmitTitle {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    flex: 1
}

.firstImg {
    width: 2.73067rem;
    height: 2.73067rem;
    border-radius: .17067rem;
    background: rgba(22,107,199,.05);
    object-fit: cover
}

.list {
    position: relative
}

.list:last-child .skipLinkStyle0,.list:last-child .skipLinkStyle1 {
    border-bottom: none
}

.skipIcon {
    display: flex;
    flex: 1;
    line-height: 1.024rem;
    align-items: center;
    font-size: .85333rem
}

.normalCode {
    box-shadow: 0 .08533rem .34133rem 0 rgba(0,0,0,.15);
    border-radius: .17067rem;
    background-color: #fff
}

.skipLinkStyle1 .text {
    width: calc(100% - 2.304rem)
}

.skipLinkStyle0,.skipLinkStyle1 {
    border-bottom: .04267rem solid hsla(210,8%,51%,.13);
    margin: 0 .68267rem
}

.skipLinkStyle0 .itemWarp,.skipLinkStyle1 .itemWarp {
    display: flex;
    width: 100%;
    align-items: center
}

.skipLinkStyle0 .itemWarp .anticon-cli-angle-right,.skipLinkStyle1 .itemWarp .anticon-cli-angle-right {
    color: #bbb
}

.skipLinkStyle0 .skipTitle,.skipLinkStyle1 .skipTitle {
    display: flex;
    align-items: center
}

.skipLinkStyle0 .img1,.skipLinkStyle1 .img1 {
    width: 1.96267rem;
    height: 1.96267rem;
    display: inline-block;
    border-radius: .08533rem;
    margin-right: .34133rem
}

.skipLinkStyle0 .img1 .imgBg,.skipLinkStyle1 .img1 .imgBg {
    width: 100%;
    height: 100%;
    border-radius: .08533rem;
    object-fit: cover
}

.skipLinkStyle0 .img1 .theme,.skipLinkStyle1 .img1 .theme {
    line-height: 1.96267rem
}

.skipLinkStyle0 .img1 .theme .anticon-cli-link,.skipLinkStyle1 .img1 .theme .anticon-cli-link {
    font-size: .93867rem
}

.skipLinkStyle0 .theme,.skipLinkStyle1 .theme {
    background-color: #f6f8f9;
    color: #999;
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: .08533rem;
    text-align: center
}

.skipLinkStyle1 {
    padding: .34133rem 0;
    margin: 0 .68267rem 0 .34133rem
}

.skipLinkStyle2 {
    padding: 0;
    margin: 0;
    border-bottom: none;
    position: relative
}

.skipLinkStyle2 .itemWarp {
    width: 100%
}

.skipLinkStyle2 .skipTitle {
    display: block;
    border-radius: .08533rem;
    margin-bottom: .34133rem;
    position: relative;
    line-height: 0
}

.skipLinkStyle2 .img2,.skipLinkStyle2 .img2 .imgBg {
    width: 100%;
    display: inline-block;
    min-height: 1.87733rem
}

.skipLinkStyle2 .img2 .imgBg {
    border-radius: .17067rem;
    object-fit: cover
}

.skipLinkStyle2 .img2 .theme {
    display: flex;
    min-height: 5.46133rem;
    align-items: center;
    justify-content: center
}

.skipLinkStyle2 .img2 .anticon-cli-link {
    font-size: 1.28rem
}

.skipLinkStyle2 .arrowWarp .text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.skipLinkStyle2 .arrowWarp {
    position: absolute;
    width: 100%;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    color: #fff;
    font-weight: 700;
    text-shadow: 0 .04267rem .34133rem rgba(0,0,0,.5);
    padding: .512rem 0;
    max-height: 1.36533rem;
    min-height: .85333rem;
    height: 100%;
    line-height: .85333rem;
    background: linear-gradient(180deg,transparent,rgba(0,0,0,.5))
}

.skipLinkStyle2 .arrowWarp span {
    flex: 1;
    padding-left: .64rem
}

.skipLinkStyle2 .arrowWarp .anticon-cli-angle-right {
    flex: none;
    padding-right: .59733rem;
    line-height: .85333rem;
    align-items: normal;
    color: #fff
}

.skipLinkStyle3,.skipLinkStyle4 {
    margin: 0 auto .34133rem;
    border-bottom: none;
    text-align: center;
    padding: 0;
    width: 100%
}

.skipLinkStyle3 .itemWarp,.skipLinkStyle4 .itemWarp {
    margin: 0 auto
}

.skipLinkStyle3 .arrowWarp,.skipLinkStyle4 .arrowWarp {
    min-width: 4.352rem;
    padding: .34133rem 1.024rem;
    margin: 0 auto;
    max-width: 12.58667rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.skipLinkStyle3 .arrowWarp {
    border-radius: .17067rem;
    background-color: #07c160;
    color: #fff
}

.skipLinkStyle4 .arrowWarp {
    border: .04267rem solid #333;
    border-radius: .85333rem
}

.summaryCode.summaryCodeEmpty {
    box-shadow: none
}

.summaryCode .skipLink,.summaryCode .skipLinkBottom {
    display: flex;
    padding: .256rem .68267rem;
    border: none;
    align-items: center
}

.summaryCode .list {
    background: #fff
}

.summaryCode .list .skipLinkBottom:after {
    position: absolute;
    height: .04267rem;
    width: calc(100% - 4.77867rem);
    content: "";
    bottom: 0;
    left: 4.096rem;
    background: hsla(210,8%,51%,.13)
}

.summaryCode .list:first-child .skipLink,.summaryCode .list:first-child .skipLinkBottom {
    border-top-left-radius: .17067rem;
    border-top-right-radius: .17067rem
}

.summaryCode .list:last-child .skipLink,.summaryCode .list:last-child .skipLinkBottom {
    border-bottom-left-radius: .17067rem;
    border-bottom-right-radius: .17067rem
}

.summaryCode .imgBox {
    display: flex;
    width: 2.73067rem;
    height: 2.73067rem;
    justify-content: center;
    align-items: center;
    background: #f5f5f5;
    border-radius: .256rem;
    margin-right: .68267rem;
    box-sizing: border-box
}

.summaryCode .imgBox .catalogIcon {
    width: 1.10933rem;
    height: .98133rem
}

.summaryCode .imgBox .clifont {
    color: rgba(0,0,0,.1);
    font-size: 1.36533rem
}

.summaryCode .imgBox .listImgBox {
    font-size: .85333rem;
    line-height: 1.19467rem;
    font-weight: 500;
    color: #576b95;
    display: flex;
    align-items: center;
    justify-content: center
}

.summaryCode .imgBox .listImgBox .anticon-a-outlined-qrcode22 {
    font-size: .85333rem;
    width: 1.19467rem;
    height: 1.19467rem;
    line-height: 1.19467rem;
    display: inline-flex;
    background-color: #f5f5f5;
    align-items: center;
    justify-content: center;
    border-radius: .256rem;
    color: #666
}

.summaryCode .imgBox .listImgBox .list-code-icon-img {
    font-size: 1.36533rem;
    width: 1.36533rem;
    height: 1.36533rem;
    line-height: 1.36533rem
}

.summaryCode .imgBox .list-code-cata-icon-img {
    font-size: .68267rem;
    background: #fff;
    color: #666;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.summaryCode .goNextPage {
    display: flex;
    margin: 0 .34133rem;
    height: 2.048rem;
    justify-content: center;
    align-items: center;
    font-size: .59733rem;
    color: #617891;
    cursor: pointer
}

.summaryCode .goNextPage .loadingIcon {
    width: .512rem;
    height: .512rem;
    margin-right: .21333rem
}

.summaryCode .summaryCodeEmptyMsg {
    display: flex;
    height: 70vh;
    flex-flow: column;
    justify-content: center;
    align-items: center
}

.summaryCode .summaryCodeEmptyMsg .summaryCodeEmptyIcon {
    width: 5.12rem;
    height: 5.12rem;
    margin-bottom: .34133rem
}

.summaryCode .summaryCodeEmptyMsg span {
    font-size: .59733rem;
    color: #999
}

.summaryCode.summaryNewCode .imgBox {
    padding: 1.024rem .68267rem;
    width: 1.70667rem;
    height: 1.70667rem;
    background-color: transparent;
    margin-right: .512rem
}

.summaryCode.summaryNewCode .imgBox .img {
    width: 1.45067rem;
    height: 1.45067rem
}

.summaryCode.summaryNewCode .imgBox .listImgBox {
    display: flex;
    align-items: center;
    justify-content: center
}

.summaryCode.summaryNewCode .imgBox .listImgBox .firstIconImg,.summaryCode.summaryNewCode .imgBox .listImgBox .firstIconImg .img,.summaryCode.summaryNewCode .imgBox .listImgBox .headerDefaultImg,.summaryCode.summaryNewCode .imgBox .listImgBox .headerImg {
    width: 1.70667rem;
    height: 1.70667rem;
    border-radius: .08533rem
}

.summaryCode.summaryNewCode .list {
    background: #fff
}

.summaryCode.summaryNewCode .list .skipLinkBottom:after {
    width: calc(100% - 1.28rem);
    left: .64rem
}

.summaryCode.summaryNewCode .skipTitle .skipOmitTitle {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.summaryCode.summaryNewCode .skipTitle .skipOmitTitle .cataTitle {
    color: rgba(0,0,0,.85);
    font-size: .64rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    flex: 1
}

.summaryCode.summaryNewCode .skipTitle .skipOmitTitle .qrCodeTitle {
    color: rgba(0,0,0,.85);
    font-size: .64rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.summaryCode.summaryNewCode .skipTitle .skipOmitTitle .qrcodeCount {
    color: rgba(0,0,0,.45);
    font-size: .512rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    max-width: 3.41333rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    text-wrap: nowrap
}

.functionAreaPadding {
    padding-right: .256rem
}

.card-code-icon-img {
    width: 2.73067rem;
    height: 2.73067rem
}

.noSearchCode {
    color: #999
}

.isSearching {
    padding: 0
}

.resultContent {
    display: flex;
    width: 100%;
    padding: .68267rem;
    align-items: center;
    gap: .68267rem;
    background-color: #fff;
    position: relative
}

.resultContent:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: .68267rem;
    height: .04267rem;
    width: 100%;
    background-color: rgba(0,0,0,.1)
}

.resultContent .icon .defaultIcon {
    width: 1.70667rem;
    height: 1.70667rem
}

.resultContent .content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .17067rem;
    flex: 1 0 0;
    overflow: hidden
}

.resultContent .content .title {
    width: 100%;
    font-size: .72533rem;
    font-weight: 500;
    white-space: nowrap
}

.resultContent .content .description,.resultContent .content .title {
    font-style: normal;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis
}

.resultContent .content .description {
    color: rgba(0,0,0,.5);
    text-align: justify;
    font-size: .59733rem;
    font-weight: 400;
    flex: 1 1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal
}

.resultContent .content .description span {
    padding-right: .17067rem
}

.resultContent .indicator {
    width: 1.024rem;
    height: 1.024rem;
    font-size: .85333rem
}

.noNav .subMenuScroll .summaryMenuContent {
    gap: 1.36533rem
}

.summaryMenu {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    border-radius: .256rem;
    overflow: hidden;
    background-color: #fff
}

.summaryMenu .summaryMenuLoading {
    padding-top: 4.26667rem
}

.summaryMenu .loading {
    width: 100%;
    text-align: center
}

.summaryMenu .loading .loading-image {
    width: 1.45067rem;
    height: .256rem;
    text-align: center
}

.summaryMenu #menuStyleBottomTool {
    margin-bottom: 1.36533rem
}

.summaryMenu #menuStyleBottomTool .op-menu ul {
    margin: 0
}

.summaryMenu .leftSideNav {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 3.712rem;
    background: #f9f9f9;
    overflow-y: auto
}

.summaryMenu .leftSideNav::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
    color: transparent
}

.summaryMenu .leftSideNav .menuItem {
    display: flex;
    align-items: center;
    gap: .42667rem;
    width: 3.712rem;
    height: 2.048rem;
    color: rgba(0,0,0,.65);
    font-size: .55467rem;
    font-weight: 400;
    line-height: normal;
    position: relative;
    cursor: pointer
}

.summaryMenu .leftSideNav .menuItem.selectedMenu {
    background-color: #fff;
    border-radius: .256rem 0 0 .256rem;
    color: rgba(0,0,0,.85);
    font-weight: 500
}

.summaryMenu .leftSideNav .menuItem.selectedMenu:after,.summaryMenu .leftSideNav .menuItem.selectedMenu:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: .42667rem;
    height: .42667rem;
    right: 0;
    background-size: contain
}

.summaryMenu .leftSideNav .menuItem.selectedMenu:before {
    top: -.42667rem;
    background-image: url(https://gstatic.clewm.net/caoliao-resource/241028/e3a4ea_e7d69ee8.png)
}

.summaryMenu .leftSideNav .menuItem.selectedMenu:after {
    bottom: -.42667rem;
    background-image: url(https://gstatic.clewm.net/caoliao-resource/241028/e3a4ea_514de8d2.png)
}

.summaryMenu .leftSideNav .menuItem .menuRectangle {
    flex-shrink: 0;
    width: .17067rem;
    height: 1.024rem;
    background: transparent;
    position: absolute;
    left: 0;
    top: .512rem
}

.summaryMenu .leftSideNav .menuItem .menuItemName {
    flex-shrink: 0;
    width: 100%;
    height: .768rem;
    line-height: .768rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: .21333rem;
    padding-right: .21333rem;
    text-align: center
}

.summaryMenu .summaryMenuContent {
    flex: 1;
    background: #fff;
    padding: .68267rem;
    display: grid;
    grid-template-columns: repeat(3,minmax(3.24267rem,1fr));
    grid-auto-rows: 4.48rem;
    justify-content: center;
    justify-items: center;
    gap: .42667rem;
    overflow-y: auto;
    margin-bottom: 1.70667rem
}

.summaryMenu .summaryMenuContent .subMenuItem {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-items: center;
    gap: .34133rem;
    width: 3.24267rem;
    height: 4.48rem
}

.summaryMenu .summaryMenuContent .subMenuItem .subMenuItemImage {
    width: 2.98667rem;
    height: 2.98667rem;
    border-radius: .17067rem;
    object-fit: cover
}

.summaryMenu .summaryMenuContent .subMenuItem .subMenuItemTitle {
    width: 100%;
    height: .72533rem;
    color: rgba(0,0,0,.85);
    font-size: .512rem;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    white-space: nowrap;
    margin-bottom: .08533rem
}

.summaryMenu .subMenuScroll {
    background-color: #fff;
    flex: 1;
    overflow-y: auto
}

.summaryMenu .subMenuScroll .menuStyleContain {
    min-height: calc(100% - 1.36533rem)
}

.summaryMenu .subMenuScroll::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
    color: transparent
}

.summaryMenu .summaryMenuLoading {
    padding-bottom: 4.26667rem
}

.wrapper[data-v-6d88621e] {
    display: flex;
    justify-content: space-between;
    align-content: center;
    padding: .512rem 0 0 0;
    background-color: transparent
}

.wrapper.categoryType_menu[data-v-6d88621e] {
    height: 2.304rem
}

.wrapper .old-action-wrap[data-v-6d88621e] {
    display: flex
}

.empty-background-color[data-v-6d88621e] {
    background-color: #f0f2f4
}

.search-form-wrap[data-v-6d88621e] {
    margin-top: .68267rem
}

.search-form-padding[data-v-6d88621e] {
    flex: 1;
    padding-left: .68267rem;
    padding-right: .34133rem;
    padding-bottom: .34133rem
}

.icon-size[data-v-6d88621e] {
    font-size: .68267rem
}

.search-form[data-v-6d88621e] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border-radius: .17067rem;
    height: 1.45067rem;
    line-height: 1.45067rem;
    box-sizing: border-box;
    width: 12.75733rem;
    margin-left: .512rem;
    padding: 0 .512rem;
    margin-right: .08533rem
}

.search-form .search-input[data-v-6d88621e] {
    height: 1.70667rem
}

input[data-v-6d88621e]:focus {
    outline: none
}

.title[data-v-6d88621e] {
    height: 1.45067rem;
    line-height: 1.45067rem;
    box-sizing: border-box;
    flex: 1;
    font-size: .93867rem;
    color: #000;
    margin-right: .256rem
}

.title .title-text[data-v-6d88621e],.title[data-v-6d88621e] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-break: break-all
}

.title .title-text[data-v-6d88621e] {
    max-width: 9.38667rem
}

.cancelTips[data-v-6d88621e],.confirmSearch[data-v-6d88621e] {
    font-size: .59733rem;
    line-height: 1.45067rem;
    color: #576b95;
    padding-right: .42667rem;
    padding-left: .08533rem;
    position: relative
}

.confirmSearch[data-v-6d88621e] {
    background: #f8f8f8;
    border-bottom-right-radius: .256rem;
    border-top-right-radius: .256rem
}

.cancelTips[data-v-6d88621e]:before {
    content: " ";
    position: absolute;
    left: -1.70667rem;
    top: .42667rem;
    right: 0;
    height: .04267rem;
    width: .59733rem;
    border-top: .04267rem solid #e5e5e5;
    color: #e5e5e5;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    transform: rotate(90deg);
    z-index: 2
}

.splitLine[data-v-6d88621e] {
    height: .768rem;
    width: .04267rem;
    background: hsla(210,8%,51%,.25);
    margin: .34133rem .34133rem 0 .512rem
}

.searchIcon[data-v-6d88621e] {
    font-size: .68267rem;
    color: rgba(0,0,0,.65);
    padding-left: .512rem
}

.search-form input[data-v-6d88621e] {
    background-color: transparent;
    width: calc(100% - 2.13333rem);
    border: 0 none
}

.search-form input[data-v-6d88621e]::-webkit-input-placeholder {
    color: #bbb;
    font-size: .68267rem
}

.search-form input[data-v-6d88621e]::-moz-placeholder {
    color: #bbb;
    font-size: .68267rem
}

.search-form input[data-v-6d88621e]::-ms-input-placeholder {
    color: #bbb;
    font-size: .68267rem
}

.normal-card-icon-new[data-v-6d88621e],.sortIcon[data-v-6d88621e] {
    font-size: .85333rem;
    color: #666;
    line-height: 1.19467rem;
    height: 1.19467rem;
    width: 1.19467rem;
    text-align: center;
    border-radius: .17067rem;
    margin-top: .17067rem;
    margin-left: .17067rem
}

.sortIcon[data-v-6d88621e]:active {
    background: #ececec
}

.search-icon-wrap[data-v-6d88621e] {
    display: flex;
    align-items: center;
    justify-content: center
}

.search-text[data-v-6d88621e] {
    margin-top: .17067rem;
    margin-left: .17067rem;
    font-size: .59733rem;
    color: rgba(0,0,0,.65);
    text-align: center;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.normal-icon-new[data-v-6d88621e] {
    font-size: .85333rem;
    color: #666;
    line-height: 1.19467rem;
    height: 1.19467rem;
    width: 1.19467rem;
    text-align: center;
    border-radius: .17067rem;
    margin-left: .17067rem
}

.normal-card-icon-new[data-v-6d88621e]:active,.normal-icon-new[data-v-6d88621e]:active {
    background: #ddd
}

.closeIcon[data-v-6d88621e] {
    color: #bbb;
    padding-left: .512rem
}

.moreActionWrapper[data-v-6d88621e] {
    padding: .68267rem 1.024rem 2.13333rem
}

.moreActionWrapper .item[data-v-6d88621e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .68267rem;
    line-height: .93867rem;
    color: #666;
    padding: .68267rem .34133rem;
    border-bottom: .04267rem solid #f2f2f2
}

.moreActionWrapper .item span[data-v-6d88621e] {
    flex: 1
}

.confirmIcon[data-v-6d88621e] {
    display: none;
    color: #06ae56;
    font-size: .68267rem
}

.moreActionWrapper .item.active[data-v-6d88621e] {
    color: #06ae56;
    font-weight: 700
}

.moreActionWrapper .item.hidden[data-v-6d88621e] {
    display: none
}

.moreActionWrapper .item.active .confirmIcon[data-v-6d88621e] {
    display: block
}

.summaryNewCode[data-v-6d88621e] {
    display: block;
    padding: .34133rem 0 0 0
}

.summaryNewCode .title[data-v-6d88621e] {
    text-align: center;
    margin-right: 0;
    font-size: .93867rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.summaryNewCode .title .title-text[data-v-6d88621e] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-break: break-all;
    max-width: 9.81333rem;
    height: 1.70667rem;
    line-height: 1.70667rem;
    padding-left: .72533rem;
    margin-top: .512rem
}

.summaryNewCode .qrcode-count[data-v-6d88621e] {
    color: rgba(0,0,0,.65);
    font-size: .512rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.summaryNewCode .search-wrap[data-v-6d88621e] {
    background: #fff;
    border-radius: .17067rem;
    padding: .21333rem .34133rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 1.62133rem;
    font-weight: 400;
    font-size: .59733rem;
    line-height: .93867rem;
    color: rgba(0,0,0,.3);
    margin: 1.024rem .68267rem .68267rem
}

.summaryNewCode .search-wrap .clifont[data-v-6d88621e] {
    margin-right: .17067rem
}

.summaryNewCode .action-wrapper[data-v-6d88621e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: rgba(0,0,0,.5);
    background-color: #fff;
    padding: .512rem .68267rem .34133rem;
    border-top-left-radius: .256rem;
    border-top-right-radius: .256rem
}

.summaryNewCode .action-wrapper .sort-action[data-v-6d88621e] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400
}

.summaryNewCode .action-wrapper .sort-action .text[data-v-6d88621e] {
    margin: 0 .256rem;
    color: rgba(0,0,0,.45);
    font-size: .512rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.summaryNewCode .action-wrapper .sort-action i[data-v-6d88621e] {
    font-size: .68267rem
}

.breadcrumbWrap[data-v-6d88621e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: .21333rem .64rem;
    background-color: transparent;
    border-bottom: .0256rem solid #f0f2f4
}

.breadcrumbWrap .breadcrumb[data-v-6d88621e] {
    display: flex;
    align-items: center;
    flex: 1;
    white-space: nowrap;
    overflow-x: auto;
    justify-content: flex-start;
    transition: opacity .3s ease;
    opacity: 0
}

.breadcrumbWrap .breadcrumb[data-v-6d88621e]::-webkit-scrollbar {
    display: none
}

.breadcrumbWrap .breadcrumb .breadcrumbItem[data-v-6d88621e] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center
}

.breadcrumbWrap .breadcrumb .breadcrumbItem .arrow[data-v-6d88621e] {
    flex-shrink: 0;
    color: rgba(0,0,0,.25)
}

.breadcrumbWrap .breadcrumb .breadcrumbItem .itemText[data-v-6d88621e] {
    white-space: nowrap;
    display: inline-block;
    font-size: .512rem;
    color: rgba(0,0,0,.85);
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.breadcrumbWrap .breadcrumb .breadcrumbItem .breadcrumbColor[data-v-6d88621e] {
    color: rgba(0,0,0,.45)
}

.breadcrumbWrap .breadcrumb .breadcrumbItem .breadcrumbColorLast[data-v-6d88621e] {
    font-weight: 600
}

.breadcrumbWrap .fixedElement[data-v-6d88621e] {
    flex-shrink: 0;
    padding-left: .34133rem
}

.breadcrumbWrap .fixedElement .search[data-v-6d88621e] {
    height: .68267rem;
    width: .68267rem;
    margin-left: .34133rem;
    font-size: .68267rem
}

.breadcrumbBGColor[data-v-6d88621e] {
    background-color: #fff;
    position: relative;
    height: 1.74933rem
}

.breadcrumbBGColor[data-v-6d88621e]:after {
    position: absolute;
    height: .04267rem;
    width: 100%;
    content: "";
    bottom: 0;
    left: 0;
    background-color: #f0f2f4
}

.titleRes[data-v-6d88621e] {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    background: transparent;
    color: #737373;
    font-size: .59733rem;
    position: relative;
    line-height: normal;
    padding: 2.13333rem 0 .34133rem .68267rem
}

.categoryType_normal_new[data-v-6d88621e] {
    background: #ededed
}

.fileContent[data-v-62ea9b56] {
    position: relative;
    padding: .68267rem;
    background-color: #fff;
    display: flex
}

.fileContent+.fileContent[data-v-62ea9b56]:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: .68267rem;
    right: .68267rem;
    border-top: .04267rem solid hsla(210,8%,51%,.13)
}

.fileContent .descContent[data-v-62ea9b56] {
    flex: 1;
    padding-top: .256rem;
    margin-left: .68267rem
}

.fileContent .descContent .fileName[data-v-62ea9b56] {
    font-size: .68267rem;
    color: rgba(0,0,0,.87);
    line-height: 1.3;
    display: block;
    word-break: break-word
}

.fileContent .descContent .nowrap[data-v-62ea9b56] {
    word-break: break-word
}

.fileContent .descContent .fileSize[data-v-62ea9b56] {
    font-size: .512rem;
    color: #9b9b9b;
    display: flex;
    margin-top: .34133rem
}

.fileContent .descContent .fileSize i.anticon-download[data-v-62ea9b56] {
    font-size: .59733rem;
    line-height: 1.2;
    padding-right: .68267rem;
    padding-left: .34133rem
}

.fileContent .descContent .fileSize div[data-v-62ea9b56] {
    color: #617891;
    padding: 0 .42667rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fileContent .descContent .fileSize div[data-v-62ea9b56]:focus {
    outline: none
}

.fileContent .descContent .fileSize div .fileCopy[data-v-62ea9b56] {
    width: 5.12rem;
    height: 1.62133rem;
    position: absolute;
    z-index: -1000;
    left: 0;
    top: 0;
    opacity: 0
}

.fileContent .fileType[data-v-62ea9b56] {
    width: 2.048rem;
    height: 2.56rem;
    background-size: 2.048rem 2.56rem;
    background-repeat: no-repeat
}

.singleFile[data-v-62ea9b56] {
    text-align: center;
    padding: 0 1.28rem .34133rem;
    flex: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.singleFile.isSingleFileCardStyle[data-v-62ea9b56] {
    padding: 1.024rem;
    background-color: #fff;
    border-radius: .256rem;
    box-shadow: 0 .256rem 1.024rem 0 rgba(0,0,0,.08)
}

.singleFile .fileImg[data-v-62ea9b56] {
    margin: 0 auto
}

.singleFile .fileName[data-v-62ea9b56] {
    font-size: .72533rem;
    color: #fff;
    margin-top: .34133rem;
    line-height: 1.6;
    word-break: break-word;
    font-weight: 500
}

.singleFile.isOnlyHead.noTitle[data-v-62ea9b56] {
    padding-top: 0!important
}

.singleFile.isOnlyHead.noTitle.isSingleFileCardStyle[data-v-62ea9b56] {
    padding-top: 1.024rem!important
}

.singleFile.noTitle .fileName[data-v-62ea9b56] {
    font-weight: 700
}

.singleFile .nowrap[data-v-62ea9b56] {
    white-space: nowrap
}

.singleFile .fileSize[data-v-62ea9b56] {
    color: #fff;
    opacity: .6;
    font-size: .59733rem;
    padding-left: .68267rem
}

.singleFile .fileSize .value[data-v-62ea9b56] {
    padding-top: .34133rem
}

.singleFile .fileSize i[data-v-62ea9b56] {
    font-size: .68267rem;
    padding-top: .34133rem;
    padding-right: .68267rem;
    margin-left: .17067rem
}

.singleFile .fileOperation[data-v-62ea9b56] {
    display: flex;
    margin: 1.36533rem auto 0;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.singleFile .fileOperation.cannotDownload[data-v-62ea9b56] {
    margin-top: .68267rem
}

.singleFile .fileOperation.fileOperationLargeBtn div[data-v-62ea9b56] {
    width: 12.11733rem;
    height: 1.87733rem;
    line-height: 1.87733rem;
    border-radius: .256rem;
    margin: 0
}

.singleFile .fileOperation div[data-v-62ea9b56] {
    width: 6.912rem;
    height: 1.70667rem;
    line-height: 1.70667rem;
    font-size: .68267rem;
    color: #fff;
    text-align: center;
    box-shadow: 0 .04267rem .34133rem 0 rgba(0,0,0,.08);
    border-radius: .17067rem;
    background: hsla(0,0%,100%,.2);
    margin: 0 .34133rem;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.singleFile .fileOperation div .fileCopy[data-v-62ea9b56] {
    width: 5.12rem;
    height: 1.62133rem;
    position: absolute;
    z-index: -1000;
    left: 0;
    top: 0;
    opacity: 0
}

.singleFile .fileOperation .preview+.preview[data-v-62ea9b56] {
    margin-top: .512rem;
    box-shadow: none;
    color: #07c160;
    border: .04267rem solid #07c160;
    background-color: #fff
}

.singleFile .fileOperation .fileOperationTip[data-v-62ea9b56] {
    font-size: .512rem;
    line-height: .85333rem;
    color: #bbb;
    text-align: center
}

.singleFile .bottom-downLoad[data-v-62ea9b56] {
    margin-top: 2.048rem;
    display: inline-block;
    vertical-align: middle;
    font-size: .512rem;
    line-height: .512rem;
    color: #617891;
    border-radius: 0;
    white-space: nowrap
}

.singleFile .mt24[data-v-62ea9b56] {
    margin-top: 1.024rem
}

[data-color-theme=dark] .fileContent[data-v-62ea9b56] {
    background: transparent
}

[data-color-theme=dark] .fileContent .fileName[data-v-62ea9b56] {
    color: var(--dark-mode-main-text-color)
}

[data-color-theme=dark] .fileContent .fileSize[data-v-62ea9b56] {
    color: var(--dark-mode-secondary-text-color)
}

[data-color-theme=dark] .fileContent[data-v-62ea9b56]:before {
    left: 0;
    right: 0;
    border-color: var(--dark-mode-border-color)
}

.title[data-v-63a2744f] {
    font-size: .68267rem;
    font-weight: 500;
    line-height: 1.4;
    color: #373737;
    background: #f6f8f9;
    position: relative;
    padding: .34133rem .512rem;
    margin-bottom: .512rem
}

.title div[data-v-63a2744f] {
    width: .17067rem;
    height: 100%;
    background: #357bb3;
    content: " ";
    position: absolute;
    left: 0;
    top: 0
}

.fileList[data-v-63a2744f] {
    border: .04267rem solid hsla(210,8%,51%,.13);
    background-color: #fff;
    border-radius: .256rem;
    overflow: hidden
}

.downloadAllBtn[data-v-63a2744f] {
    margin: 1.36533rem auto 0;
    border-radius: .17067rem;
    border: .04267rem solid #07c160;
    padding: .34133rem 0;
    font-size: .68267rem;
    text-align: center;
    color: #07c160;
    width: 6.912rem
}

.fileWrapper[data-v-63a2744f] {
    position: relative
}

.fileWrapper .placeholder-edit-nav[data-v-63a2744f] {
    position: absolute;
    top: .08533rem;
    right: .08533rem
}

[data-color-theme=dark] .fileList[data-v-63a2744f] {
    background-color: var(--dark-mode-background-color);
    backdrop-filter: blur(var(--dark-mode-background-blur));
    -webkit-backdrop-filter: blur(var(--dark-mode-background-blur));
    border: none
}

[data-light-color-exclude-color-bg=light] .fileList[data-v-63a2744f] {
    border: none
}

.padding-wrap[data-v-0278518c] {
    padding: 0 .68267rem
}

.imgList[data-v-0278518c] {
    margin: 0 auto;
    overflow: hidden
}

.imageWrapper[data-v-0278518c] {
    position: relative
}

.imageWrapper .placeholder-edit-nav[data-v-0278518c] {
    position: absolute;
    top: .08533rem;
    right: .768rem
}

.imageWrapper.isHeadImg .placeholder-edit-nav[data-v-0278518c] {
    right: .512rem
}

.image-wrapper[data-v-0278518c] {
    position: relative
}

.previewTitle {
    line-height: .68267rem;
    color: rgba(0,0,0,.87);
    float: left;
    margin-bottom: .42667rem;
    font-weight: 700
}

.imageContent {
    width: calc(100% + .384rem);
    display: inline-flex;
    flex-wrap: wrap;
    margin-left: -.384rem;
    margin-bottom: -.384rem
}

.imageContent ul {
    display: inline-block
}

.imageContent .show {
    background: #f8f8f8;
    margin-left: .384rem;
    margin-bottom: .384rem;
    overflow: hidden;
    position: relative
}

.imageContent .right {
    margin-right: .17067rem
}

.imageContent .waterShadow {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.5))
}

.imageContent .waterShadow span {
    font-size: .512rem;
    position: absolute;
    bottom: .34133rem;
    left: .512rem;
    color: #fff
}

.imageOnlyContent {
    width: 100%;
    display: inline-flex;
    flex-wrap: wrap;
    position: relative
}

.imageOnlyContent .waterShadow {
    position: absolute;
    bottom: .256rem;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.5))
}

.imageOnlyContent .waterShadow span {
    font-size: .512rem;
    position: absolute;
    bottom: .34133rem;
    left: .512rem;
    color: #fff
}

.specOnlyContent {
    width: 40%;
    margin: 0 auto;
    position: relative;
    border-radius: .08533rem
}

.specOnlyContent .waterShadow {
    position: absolute;
    bottom: .256rem;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.5))
}

.specOnlyContent .waterShadow span {
    font-size: .512rem;
    position: absolute;
    bottom: .34133rem;
    left: .512rem;
    color: #fff
}

.locationTitle {
    font-size: .68267rem;
    font-weight: 500;
    line-height: 1.4;
    color: #373737;
    background: #f6f8f9;
    position: relative;
    padding: .34133rem .512rem;
    margin-bottom: .512rem
}

.locationTitle div {
    width: .17067rem;
    height: 100%;
    background: #357bb3;
    content: " ";
    position: absolute;
    left: 0;
    top: 0
}

.locationContent {
    display: flex;
    width: 100%;
    padding: .68267rem 0;
    border: .04267rem solid #e0e0e0;
    background: #fbfbfb;
    box-sizing: border-box
}

.locationContent .locationIcon {
    font-size: 1.536rem;
    vertical-align: middle;
    color: #4caf50;
    margin: 0 .34133rem
}

.locationContent .description .locationName {
    font-size: .68267rem;
    color: #2e2e2e
}

.locationContent .description .recordTime {
    font-size: .512rem;
    color: #999;
    margin-top: .08533rem
}

.previewTitle {
    font-size: .68267rem;
    font-weight: 500;
    line-height: 1.4;
    color: #373737;
    background: #f6f8f9;
    position: relative;
    padding: .34133rem .512rem;
    margin-bottom: .512rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%
}

.previewTitle div {
    width: .17067rem;
    height: 100%;
    background: #357bb3;
    content: " ";
    position: absolute;
    left: 0;
    top: 0
}

.previewContent {
    white-space: pre-wrap
}

.previewEmpty {
    width: 100%;
    height: 6.86933rem;
    background: #f7f7f7;
    font-size: .59733rem;
    color: #999;
    text-align: center;
    padding-top: 3.11467rem
}

.empty-module-table h3[data-v-5b15f34e] {
    font-size: .68267rem;
    font-weight: 500;
    line-height: 1.4;
    color: #373737;
    background: #f6f8f9;
    position: relative;
    padding: .34133rem .512rem;
    margin-bottom: .512rem;
    margin-top: 0
}

.empty-module-table h3 div[data-v-5b15f34e] {
    width: .17067rem;
    height: 100%;
    background: #357bb3;
    content: " ";
    position: absolute;
    left: 0;
    top: 0
}

.empty-module-table .tb-wrapper[data-v-5b15f34e] {
    position: relative;
    width: 100%;
    text-align: center;
    border-collapse: collapse;
    color: rgba(0,0,0,.87);
    font-size: .59733rem;
    background: #fafafa
}

.empty-module-table .tb-wrapper .tr[data-v-5b15f34e] {
    display: flex
}

.empty-module-table .tb-wrapper .tr .cut-title[data-v-5b15f34e] {
    width: 100%;
    text-align: center!important
}

.empty-module-table .tb-wrapper .tr .td[data-v-5b15f34e] {
    padding: .512rem .34133rem;
    border: .04267rem solid #d8d8d8;
    border-top: none;
    margin-top: -.04267rem;
    margin-left: -.04267rem;
    word-break: break-all;
    text-align: left
}

.empty-module-table .tb-wrapper .tr .top-border[data-v-5b15f34e] {
    border-top: .04267rem solid #d8d8d8
}

.empty-module-table .tb-wrapper .tr .title[data-v-5b15f34e] {
    width: 40%
}

.empty-module-table .tb-wrapper .tr .content[data-v-5b15f34e] {
    width: 60%
}

.list-item[data-v-1547f1e2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .512rem 0;
    text-decoration: none
}

.list-item[data-v-1547f1e2]:active {
    opacity: .5
}

.list-item .qrcode-count[data-v-1547f1e2] {
    color: rgba(0,0,0,.45);
    font-size: .512rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: right
}

.list-item .summary[data-v-1547f1e2] {
    display: flex;
    align-items: center;
    width: calc(100% - 2.13333rem);
    flex: 1;
    min-height: 1.87733rem
}

.list-item .summary .cover[data-v-1547f1e2] {
    width: 1.87733rem;
    height: 1.87733rem;
    margin-right: .68267rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: .08533rem
}

.list-item .summary .item-name[data-v-1547f1e2] {
    flex: 1;
    font-size: .64rem;
    color: rgba(0,0,0,.85);
    font-weight: 400
}

.list-item .state-wrapper[data-v-1547f1e2] {
    margin-top: .08533rem;
    font-size: .55467rem;
    line-height: .768rem;
    color: rgba(0,0,0,.45)
}

.list-item .state[data-v-1547f1e2] {
    margin-bottom: .08533rem
}

.list-item .state[data-v-1547f1e2]:last-child {
    margin-bottom: 0
}

.list-item .actions[data-v-1547f1e2] {
    display: flex;
    align-items: center;
    justify-content: end;
    width: 2.56rem;
    text-align: right
}

.list-item .actions i[data-v-1547f1e2] {
    color: rgba(0,0,0,.45)
}

.list-item.dark .summary .item-name[data-v-1547f1e2] {
    color: var(--dark-mode-main-text-color)
}

.list-item.dark .anticon-cli-angle-right[data-v-1547f1e2],.list-item.dark .qrcode-count[data-v-1547f1e2] {
    color: var(--dark-mode-secondary-text-color)
}

.list-item[data-v-5c8b4c8b] {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    background-color: #f7f7f7;
    height: 100%;
    border-radius: .17067rem
}

.list-item[data-v-5c8b4c8b]:active {
    opacity: .5
}

.list-item .cover[data-v-5c8b4c8b] {
    width: 100%;
    height: 5.29067rem;
    background-size: cover;
    background-color: #ececec;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: .17067rem
}

.list-item .image-bg[data-v-5c8b4c8b] {
    background-color: #f7f7f7
}

.list-item .item-name[data-v-5c8b4c8b] {
    padding: .34133rem;
    color: rgba(0,0,0,.85);
    background-color: #f7f7f7;
    font-size: .55467rem;
    border-radius: 0 0 .17067rem .17067rem
}

.list-item .item-name[data-v-5c8b4c8b],.list-item .item-name span[data-v-5c8b4c8b] {
    text-overflow: ellipsis;
    overflow: hidden;
    font-style: normal;
    line-height: .93867rem;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    white-space: normal;
    text-align: center;
    flex: 1
}

.bgColor[data-v-5c8b4c8b] {
    background-color: #ececec
}

.darken.list-item[data-v-5c8b4c8b] {
    border-radius: .17067rem;
    overflow: hidden
}

.darken.list-item.bgColor[data-v-5c8b4c8b],.darken.list-item.image-bg[data-v-5c8b4c8b] {
    background-color: transparent
}

.darken.list-item .item-name[data-v-5c8b4c8b] {
    background-color: var(--dark-mode-background-color);
    backdrop-filter: blur(var(--dark-mode-background-blur));
    -webkit-backdrop-filter: blur(var(--dark-mode-background-blur));
    color: var(--dark-mode-main-text-color)
}

.darken.list-item .item-name span[data-v-5c8b4c8b] {
    background-color: transparent
}

.darken.list-item .cover[data-v-5c8b4c8b] {
    border-radius: .17067rem .17067rem 0 0
}

.list-item[data-v-23f412b2] {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    background-color: #ececec;
    height: 100%;
    border-radius: .17067rem
}

.list-item[data-v-23f412b2]:active {
    opacity: .5
}

.list-item .cover[data-v-23f412b2] {
    height: 3.41333rem;
    background-size: cover;
    background-color: #ececec;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: .17067rem
}

.list-item .image-bg[data-v-23f412b2] {
    background-color: transparent
}

.list-item .item-name[data-v-23f412b2] {
    padding: .34133rem;
    width: 100%;
    height: 1.70667rem;
    color: #000;
    color: rgba(0,0,0,.85);
    font-size: .55467rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    border-radius: 0 0 .17067rem .17067rem
}

.list-item .item-name[data-v-23f412b2],.list-item .item-name span[data-v-23f412b2] {
    text-overflow: ellipsis;
    overflow: hidden;
    background-color: #f7f7f7;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    white-space: normal;
    flex: 1
}

.bgColor[data-v-23f412b2] {
    background-color: #ececec
}

.darken.list-item[data-v-23f412b2] {
    border-radius: .17067rem;
    overflow: hidden
}

.darken.list-item.bgColor[data-v-23f412b2],.darken.list-item.image-bg[data-v-23f412b2] {
    background-color: transparent
}

.darken.list-item .item-name[data-v-23f412b2] {
    background-color: var(--dark-mode-background-color);
    backdrop-filter: blur(var(--dark-mode-background-blur));
    -webkit-backdrop-filter: blur(var(--dark-mode-background-blur));
    color: var(--dark-mode-main-text-color)
}

.darken.list-item .item-name span[data-v-23f412b2] {
    background-color: transparent
}

.darken.list-item .cover[data-v-23f412b2] {
    border-radius: .17067rem .17067rem 0 0
}

.list-item[data-v-d9656ef4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .512rem 0;
    text-decoration: none
}

.list-item[data-v-d9656ef4]:active {
    opacity: .5
}

.list-item .summary[data-v-d9656ef4] {
    display: flex;
    align-items: center;
    width: calc(100% - 2.13333rem);
    flex: 1;
    min-height: 1.70667rem
}

.list-item .summary .cover[data-v-d9656ef4] {
    width: 2.304rem;
    height: 2.304rem;
    margin-right: .68267rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: .08533rem
}

.list-item .summary .item-name[data-v-d9656ef4] {
    flex: 1;
    font-size: .64rem;
    color: rgba(0,0,0,.85);
    line-height: 1.4
}

.list-item .state-wrapper[data-v-d9656ef4] {
    margin-top: .08533rem;
    font-size: .55467rem;
    line-height: .768rem;
    color: rgba(0,0,0,.45)
}

.list-item .state[data-v-d9656ef4] {
    margin-bottom: .08533rem
}

.list-item .state[data-v-d9656ef4]:last-child {
    margin-bottom: 0
}

.list-item .actions[data-v-d9656ef4] {
    display: flex;
    align-items: center;
    justify-content: end;
    width: 2.56rem;
    text-align: right
}

.list-item .actions .checkoutWrap[data-v-d9656ef4] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    width: 2.432rem;
    height: 1.23733rem;
    margin: 0 auto;
    background: #f3f4f6;
    border-radius: .68267rem
}

.list-item .actions .checkoutWrap .checkoutBtn[data-v-d9656ef4] {
    flex-shrink: 0;
    height: .85333rem;
    cursor: pointer;
    color: #166bc7;
    font-size: .59733rem;
    font-weight: 600;
    line-height: .83627rem;
    white-space: nowrap;
    background: transparent;
    border: none
}

.list-item.dark .summary .item-name[data-v-d9656ef4] {
    color: #fff
}

.nextCategoryTips[data-v-6156c2c6] {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 2.816rem;
    padding-top: .68267rem;
    padding-bottom: 1.36533rem
}

.nextCategoryTips .nextTips[data-v-6156c2c6] {
    color: rgba(0,0,0,.25);
    text-align: center;
    font-size: .42667rem;
    font-style: normal;
    font-weight: 400;
    line-height: .93867rem
}

.nextCategoryTips .nextTips .dropDown-icon[data-v-6156c2c6] {
    font-size: .512rem;
    margin-left: .17067rem
}

.nextCategoryTips .nextTipsIndicator[data-v-6156c2c6] {
    width: 1.70667rem;
    height: .08533rem;
    color: #aaadaf;
    background-color: #aaadaf;
    margin-top: .34133rem;
    margin-bottom: .512rem
}

.subMenuScroll .moreThan9[data-v-6156c2c6] {
    position: relative
}

.emptyState[data-v-6156c2c6] {
    width: 100%;
    height: calc(100% + .04267rem)
}

.emptyState .emptyStateTitle[data-v-6156c2c6] {
    color: rgba(0,0,0,.65);
    font-size: .768rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: .68267rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.emptyState .emptyStateContent[data-v-6156c2c6] {
    border-radius: .17067rem;
    background: #fff;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: rgba(0,0,0,.45);
    font-size: .59733rem
}

.menuStyleBorderDark[data-v-6156c2c6] {
    border: .04267rem solid transparent
}

.menuStyleBorder[data-v-6156c2c6] {
    border: .04267rem solid hsla(210,8%,51%,.13)
}

.noNav .subMenuScroll .summaryMenuContent[data-v-6156c2c6] {
    gap: 1.36533rem
}

.summaryMenuList[data-v-6156c2c6] {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    border-radius: .256rem;
    overflow: hidden;
    height: 20.48rem;
    margin-top: .34133rem;
    background-color: #fff
}

.summaryMenuList .loading[data-v-6156c2c6] {
    width: 100%;
    text-align: center;
    margin-top: .93867rem
}

.summaryMenuList .loading .loading-image[data-v-6156c2c6] {
    width: 1.45067rem;
    height: .256rem;
    text-align: center
}

.summaryMenuList .leftSideNav[data-v-6156c2c6] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 3.712rem;
    background: #f9f9f9;
    overflow-y: auto
}

.summaryMenuList .leftSideNav[data-v-6156c2c6]::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
    color: transparent
}

.summaryMenuList .leftSideNav .menuItem[data-v-6156c2c6] {
    display: flex;
    align-items: center;
    gap: .42667rem;
    width: 3.712rem;
    height: 2.048rem;
    color: rgba(0,0,0,.65);
    font-size: .55467rem;
    font-weight: 400;
    line-height: normal;
    position: relative;
    cursor: pointer
}

.summaryMenuList .leftSideNav .menuItem.selectedMenu[data-v-6156c2c6] {
    background-color: #fff;
    border-radius: .256rem 0 0 .256rem;
    color: rgba(0,0,0,.85);
    font-weight: 500
}

.summaryMenuList .leftSideNav .menuItem.selectedMenu[data-v-6156c2c6]:after,.summaryMenuList .leftSideNav .menuItem.selectedMenu[data-v-6156c2c6]:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: .42667rem;
    height: .42667rem;
    right: 0;
    background-size: contain
}

.summaryMenuList .leftSideNav .menuItem.selectedMenu[data-v-6156c2c6]:before {
    top: -.42667rem;
    background-image: url(https://gstatic.clewm.net/caoliao-resource/241028/e3a4ea_e7d69ee8.png)
}

.summaryMenuList .leftSideNav .menuItem.selectedMenu[data-v-6156c2c6]:after {
    bottom: -.42667rem;
    background-image: url(https://gstatic.clewm.net/caoliao-resource/241028/e3a4ea_514de8d2.png)
}

.summaryMenuList .leftSideNav .menuItem .menuItemName[data-v-6156c2c6] {
    flex-shrink: 0;
    width: 100%;
    height: .768rem;
    line-height: .768rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: .21333rem;
    padding-right: .21333rem;
    text-align: center
}

.summaryMenuList .summaryMenuContent[data-v-6156c2c6] {
    flex: 1;
    background: #fff;
    padding: .68267rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .768rem;
    overflow-y: auto;
    min-height: calc(100% + .59733rem)
}

.summaryMenuList .summaryMenuContent .subMenuItem[data-v-6156c2c6] {
    display: flex;
    align-items: center;
    justify-items: center;
    gap: .34133rem;
    width: 100%;
    height: 2.304rem
}

.summaryMenuList .summaryMenuContent .subMenuItem .subMenuItemImage[data-v-6156c2c6] {
    width: 2.304rem;
    height: 2.304rem;
    flex-shrink: 0;
    border-radius: .17067rem;
    object-fit: cover
}

.summaryMenuList .summaryMenuContent .subMenuItem .titleArea[data-v-6156c2c6] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    overflow: hidden;
    flex: 1
}

.summaryMenuList .summaryMenuContent .subMenuItem .subMenuItemTitle[data-v-6156c2c6] {
    width: 100%;
    height: .93867rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgba(0,0,0,.85);
    font-size: .68267rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.summaryMenuList .summaryMenuContent .subMenuItem .subTitle[data-v-6156c2c6] {
    width: 100%;
    height: .72533rem;
    color: rgba(0,0,0,.65);
    font-size: .512rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: .17067rem
}

.summaryMenuList .subMenuScroll[data-v-6156c2c6] {
    background-color: #fff;
    flex: 1;
    overflow-y: auto;
    max-height: 20.48rem
}

.summaryMenuList .subMenuScroll[data-v-6156c2c6]::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
    color: transparent
}

.summaryMenuList .summaryMenuLoading[data-v-6156c2c6] {
    padding-top: 4.26667rem;
    padding-bottom: 4.26667rem
}

.summary-code-category-comp-wrap .summaryMenuList .subMenuScroll[data-v-6156c2c6] {
    max-height: none
}

.nextCategoryTips[data-v-5d2020c6] {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 2.816rem;
    padding-top: .68267rem;
    padding-bottom: 1.36533rem
}

.nextCategoryTips .nextTips[data-v-5d2020c6] {
    color: rgba(0,0,0,.25);
    text-align: center;
    font-size: .42667rem;
    font-style: normal;
    font-weight: 400;
    line-height: .93867rem
}

.nextCategoryTips .nextTips .dropDown-icon[data-v-5d2020c6] {
    font-size: .512rem;
    margin-left: .17067rem
}

.nextCategoryTips .nextTipsIndicator[data-v-5d2020c6] {
    width: 1.70667rem;
    height: .08533rem;
    color: #aaadaf;
    background-color: #aaadaf;
    margin-top: .34133rem;
    margin-bottom: .512rem
}

.subMenuScroll .moreThan9[data-v-5d2020c6] {
    position: relative
}

.emptyState[data-v-5d2020c6] {
    width: 100%;
    height: calc(100% + .59733rem)
}

.emptyState .emptyStateTitle[data-v-5d2020c6] {
    color: rgba(0,0,0,.65);
    font-size: .768rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: .68267rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.emptyState .emptyStateContent[data-v-5d2020c6] {
    border-radius: .17067rem;
    background: #fff;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: rgba(0,0,0,.45);
    font-size: .59733rem
}

.menuStyleBorderDark[data-v-5d2020c6] {
    border: .04267rem solid transparent
}

.menuStyleBorder[data-v-5d2020c6] {
    border: .04267rem solid hsla(210,8%,51%,.13)
}

.noNav .subMenuScroll .summaryMenuContent[data-v-5d2020c6] {
    gap: 1.36533rem
}

.summaryMenuCard[data-v-5d2020c6] {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    border-radius: .256rem;
    overflow: hidden;
    height: 20.48rem;
    margin-top: .34133rem;
    background-color: #fff
}

.summaryMenuCard .loading[data-v-5d2020c6] {
    width: 100%;
    text-align: center;
    margin-top: .93867rem
}

.summaryMenuCard .loading .loading-image[data-v-5d2020c6] {
    width: 1.45067rem;
    height: .256rem;
    text-align: center
}

.summaryMenuCard .leftSideNav[data-v-5d2020c6] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 3.712rem;
    background: #f9f9f9;
    overflow-y: auto
}

.summaryMenuCard .leftSideNav[data-v-5d2020c6]::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
    color: transparent
}

.summaryMenuCard .leftSideNav .menuItem[data-v-5d2020c6] {
    display: flex;
    align-items: center;
    gap: .42667rem;
    width: 3.712rem;
    height: 2.048rem;
    color: rgba(0,0,0,.45);
    font-size: .55467rem;
    font-weight: 400;
    line-height: normal;
    position: relative;
    cursor: pointer
}

.summaryMenuCard .leftSideNav .menuItem.selectedMenu[data-v-5d2020c6] {
    background-color: #fff;
    border-radius: .256rem 0 0 .256rem;
    color: rgba(0,0,0,.85);
    font-weight: 500
}

.summaryMenuCard .leftSideNav .menuItem.selectedMenu[data-v-5d2020c6]:after,.summaryMenuCard .leftSideNav .menuItem.selectedMenu[data-v-5d2020c6]:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: .42667rem;
    height: .42667rem;
    right: 0;
    background-size: contain
}

.summaryMenuCard .leftSideNav .menuItem.selectedMenu[data-v-5d2020c6]:before {
    top: -.42667rem;
    background-image: url(https://gstatic.clewm.net/caoliao-resource/241028/e3a4ea_e7d69ee8.png)
}

.summaryMenuCard .leftSideNav .menuItem.selectedMenu[data-v-5d2020c6]:after {
    bottom: -.42667rem;
    background-image: url(https://gstatic.clewm.net/caoliao-resource/241028/e3a4ea_514de8d2.png)
}

.summaryMenuCard .leftSideNav .menuItem .menuItemName[data-v-5d2020c6] {
    flex-shrink: 0;
    width: 100%;
    height: .768rem;
    line-height: .768rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: .21333rem;
    padding-right: .21333rem;
    text-align: center
}

.summaryMenuCard .summaryMenuContent[data-v-5d2020c6] {
    flex: 1;
    background: #fff;
    padding: .68267rem .34133rem;
    display: grid;
    grid-template-columns: repeat(3,minmax(3.24267rem,1fr));
    grid-auto-rows: 4.69333rem;
    justify-content: center;
    justify-items: center;
    overflow-y: auto;
    min-height: calc(100% + .04267rem)
}

.summaryMenuCard .summaryMenuContent .subMenuItem[data-v-5d2020c6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-items: center;
    gap: .34133rem;
    width: 3.24267rem;
    height: 4.69333rem
}

.summaryMenuCard .summaryMenuContent .subMenuItem .subMenuItemImage[data-v-5d2020c6] {
    width: 2.98667rem;
    height: 2.98667rem;
    border-radius: .17067rem;
    object-fit: cover
}

.summaryMenuCard .summaryMenuContent .subMenuItem .subMenuItemTitle[data-v-5d2020c6] {
    width: 100%;
    height: .68267rem;
    color: rgba(0,0,0,.85);
    font-size: .512rem;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    white-space: nowrap;
    margin-bottom: .08533rem
}

.summaryMenuCard .subMenuScroll[data-v-5d2020c6] {
    background-color: #fff;
    flex: 1;
    overflow-y: auto;
    max-height: 20.48rem
}

.summaryMenuCard .subMenuScroll[data-v-5d2020c6]::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
    color: transparent
}

.summaryMenuCard .summaryMenuLoading[data-v-5d2020c6] {
    padding-top: 4.26667rem;
    padding-bottom: 4.26667rem
}

.summary-code-category-comp-wrap .summaryMenuCard .subMenuScroll[data-v-5d2020c6] {
    max-height: none
}

.categoryWrapper[data-v-4887e5b6] {
    width: calc(100% - .34133rem);
    margin-top: .512rem;
    margin-left: .17067rem;
    padding: .34133rem;
    background: #fff;
    border-radius: .34133rem;
    box-shadow: 0 .34133rem 1.36533rem rgba(0,0,0,.05);
    float: left;
    box-sizing: border-box
}

.categoryWrapper .cardInfoWrapper[data-v-4887e5b6] {
    padding: 0 .17067rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.categoryWrapper .cardInfoWrapper .categoryTitle[data-v-4887e5b6] {
    color: #333;
    font-weight: 700;
    font-size: .68267rem;
    line-height: 1.024rem;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: .512rem
}

.categoryWrapper .cardInfoWrapper .qrcodeCount[data-v-4887e5b6] {
    font-size: .68267rem;
    line-height: 1.024rem;
    color: #999;
    font-weight: 400
}

.categoryWrapper .cardInfoWrapper .cardIcon[data-v-4887e5b6] {
    color: #bbb;
    font-size: .85333rem;
    margin-left: .256rem;
    margin-top: -.256rem;
    height: .93867rem
}

.categoryWrapper .cardImgWrapper[data-v-4887e5b6] {
    display: flex;
    align-items: center;
    margin-top: .34133rem
}

.categoryWrapper .cardIconImgWrapper[data-v-4887e5b6] {
    background: #f5f5f5;
    color: #666;
    border-radius: .17067rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    line-height: .93867rem;
    width: 1.36533rem;
    height: 1.36533rem
}

.categoryWrapper .cardIconImgWrapper .anticon-a-outlined-qrcode22[data-v-4887e5b6] {
    font-size: 1.536rem
}

.categoryWrapper .cardIconImg[data-v-4887e5b6] {
    background: rgba(87,107,149,.1);
    border-radius: .17067rem;
    object-fit: cover;
    vertical-align: middle
}

.categoryWrapper .cardAllImgWrapper[data-v-4887e5b6] {
    margin-left: .256rem
}

.categoryWrapper .cardAllImgWrapper[data-v-4887e5b6]:first-child {
    margin-left: 0
}

.cardCategoryWrapper[data-v-4887e5b6]:active {
    opacity: .5
}

.bgColor[data-v-4887e5b6] {
    background-color: #ececec
}

.darken.list-item[data-v-4887e5b6] {
    border-radius: .17067rem;
    overflow: hidden
}

.darken.list-item .cover[data-v-4887e5b6] {
    border-radius: .17067rem .17067rem 0 0
}

.darken.list-item .item-name[data-v-4887e5b6] {
    background-color: #fff
}

.listCardWrap[data-v-4887e5b6] {
    width: calc(100% + .34133rem);
    margin-left: -.17067rem
}

.listCardWrap .list[data-v-4887e5b6]:active {
    background: #eee
}

.listCardWrap .list:last-child .skipLinkStyle3[data-v-4887e5b6],.listCardWrap .list:last-child .skipLinkStyle4[data-v-4887e5b6] {
    margin-bottom: 0
}

.cardCodeWrapper[data-v-4887e5b6] {
    border-radius: .34133rem;
    box-shadow: 0 .34133rem 1.36533rem rgba(0,0,0,.05);
    margin: .512rem .17067rem 0 .17067rem;
    float: left
}

.cardCodeWrapper[data-v-4887e5b6]:active {
    opacity: .5
}

.emptyCategory[data-v-4887e5b6] {
    font-weight: 500;
    font-size: .68267rem;
    line-height: .93867rem;
    color: rgba(87,107,149,.5)
}

.headerDefaultImg[data-v-4887e5b6] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .34133rem .34133rem 0 0;
    font-weight: 500;
    font-size: 1.70667rem;
    line-height: 2.38933rem;
    color: #666
}

.headerDefaultImg .styleListImg[data-v-4887e5b6] {
    width: 1.57867rem;
    height: 1.70667rem
}

.headerDefaultImg .anticon-a-outlined-qrcode22[data-v-4887e5b6] {
    font-size: 2.90133rem
}

.headerImg[data-v-4887e5b6] {
    width: 100%;
    border-radius: .34133rem .34133rem 0 0;
    background: rgba(87,107,149,.1);
    vertical-align: middle;
    object-fit: cover
}

.cardCodeName[data-v-4887e5b6] {
    padding: 0 .34133rem;
    background: #fff;
    font-size: .68267rem;
    line-height: 1.024rem;
    color: #333;
    border-radius: 0 0 .34133rem .34133rem;
    width: 100%;
    height: 2.73067rem;
    display: flex;
    align-items: center;
    box-sizing: border-box
}

.cardCodeName .cardOmitName[data-v-4887e5b6] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    word-break: break-all
}

.cateIconImg[data-v-4887e5b6] {
    width: 1.06667rem;
    height: 1.06667rem;
    background: hsla(0,0%,100%,.8);
    border-radius: .08533rem;
    vertical-align: middle;
    object-fit: cover
}

.cateOuterWrapper[data-v-4887e5b6] {
    display: flex;
    align-items: center;
    overflow: hidden;
    flex-wrap: wrap;
    height: 2.73067rem;
    width: 2.73067rem;
    padding: .128rem
}

.cateIconWrapper[data-v-4887e5b6] {
    width: 1.06667rem;
    height: 1.06667rem;
    background: #fff;
    border-radius: .08533rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .34133rem;
    color: #576b95;
    line-height: .512rem
}

.cateOuterIconWrapper[data-v-4887e5b6]:nth-child(2n) {
    margin-left: .08533rem
}

.categoryStyle[data-v-0db85ef9] {
    padding-top: .85333rem
}

.summary-code-category-comp-wrap .categoryStyle[data-v-0db85ef9] {
    border-radius: 0!important
}

.summary-code-category-comp-wrap .displayStyle_5[data-v-0db85ef9] {
    height: calc(100vh - 7.68rem)
}

.noHeaderArea[data-v-0db85ef9] {
    padding-top: 0
}

.horizontalNoHeader[data-v-0db85ef9] {
    padding-top: .512rem
}

.summary-code-category-comp-wrap .horizontalNoHeader[data-v-0db85ef9] {
    padding-top: 0
}

.titleWrap .mainTitle[data-v-0db85ef9] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.titleWrap .mainTitle .title[data-v-0db85ef9] {
    flex: 1;
    color: rgba(0,0,0,.85);
    font-weight: 500;
    font-size: .93867rem;
    word-break: break-all;
    overflow: hidden;
    display: -webkit-box;
    line-clamp: 2;
    box-orient: vertical;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.titleWrap .mainTitle .subWrap[data-v-0db85ef9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    font-size: .512rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: rgba(0,0,0,.45)
}

.titleWrap .subTitleWrap[data-v-0db85ef9] {
    color: rgba(0,0,0,.85);
    font-size: .55467rem;
    font-style: normal;
    font-weight: 400;
    line-height: .85333rem;
    padding-top: .17067rem
}

.cardStylePadding[data-v-0db85ef9] {
    padding-top: 0
}

.style-1[data-v-0db85ef9] {
    margin: 0;
    padding: .34133rem 0 0
}

.style-0[data-v-0db85ef9] {
    padding-top: .34133rem
}

.style-0 .list[data-v-0db85ef9] {
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(2,1fr);
    gap: .34133rem
}

.style-0 .list .item[data-v-0db85ef9] {
    display: inline-block
}

.dark[data-v-0db85ef9] {
    padding-left: .256rem;
    padding-right: .256rem
}

.dark .titleWrap .title[data-v-0db85ef9] {
    color: var(--dark-mode-main-text-color)
}

.dark .titleWrap .subWrap .checkAll[data-v-0db85ef9],.dark .titleWrap .subWrap>i[data-v-0db85ef9] {
    color: var(--dark-mode-secondary-text-color)
}

.dark .titleWrap .subTitleWrap[data-v-0db85ef9] {
    color: var(--dark-mode-main-text-color)
}

.dark .empty-view-black[data-v-0db85ef9] {
    border-radius: .256rem;
    background: rgba(247,249,253,.05);
    color: #fff
}

.style-2[data-v-0db85ef9] {
    padding-top: .34133rem
}

.style-2 .list[data-v-0db85ef9] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: .34133rem
}

.style-2 .list .item[data-v-0db85ef9] {
    display: inline-block
}

.style-3[data-v-0db85ef9] {
    padding-top: .34133rem
}

.style-6[data-v-0db85ef9] {
    margin-left: .08533rem
}

.summary-code-category-comp-wrap .page-container[data-v-0db85ef9] {
    padding-left: .42667rem;
    padding-right: .42667rem
}

.summary-code-category-comp-wrap .displayStyle_1 .page-container[data-v-0db85ef9] {
    margin-top: .34133rem
}

.summary-code-category-comp-wrap .style-0[data-v-0db85ef9],.summary-code-category-comp-wrap .style-2[data-v-0db85ef9] {
    padding-left: .42667rem;
    padding-right: .42667rem
}

.summary-code-category-comp-wrap .style-6[data-v-0db85ef9] {
    margin-left: .512rem;
    margin-right: .42667rem
}

.summary-code-category-comp-wrap .simpleCell[data-v-0db85ef9] {
    box-shadow: none
}

.category-tree-empty[data-v-0db85ef9] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .59733rem;
    height: 5.29067rem;
    color: rgba(0,0,0,.45);
    background-color: #f8f9fb;
    padding: .768rem 0;
    border-radius: .256rem;
    margin-top: .34133rem
}

.summary-code-category-comp-wrap .category-tree-empty[data-v-0db85ef9] {
    background-color: transparent
}

.showAllContentTemplate[data-v-0db85ef9] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(0,0,0,.45)
}

.showAllTipTemplate[data-v-0db85ef9] {
    padding: .17067rem 0
}

.showAllTips[data-v-0db85ef9],.showAllTipTemplate[data-v-0db85ef9] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: .42667rem;
    align-self: stretch;
    text-align: center;
    font-size: .59733rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: .512rem
}

.showAllTips[data-v-0db85ef9] {
    padding: .17067rem 0;
    margin-top: 0;
    margin-bottom: 0;
    padding: .64rem 0
}

.showAllTips .showAllContent[data-v-0db85ef9] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(0,0,0,.45);
    width: 4.096rem;
    height: 1.536rem;
    border-radius: .768rem;
    color: #576b95;
    text-align: center;
    font-size: .59733rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.showAllTips .showAllContent .otherType[data-v-0db85ef9] {
    color: #fff;
    text-decoration: none;
    height: 1.28rem;
    border-radius: .85333rem;
    width: auto;
    line-height: 1.28rem;
    padding: .08533rem .68267rem;
    font-weight: 400;
    border: .04267rem solid hsla(0,0%,100%,.25)
}

.showAllTips .showAllContent .otherTypeWhite[data-v-0db85ef9] {
    color: #576b95;
    font-weight: 500;
    border: .04267rem solid hsla(210,8%,51%,.13)
}

.borderTop[data-v-0db85ef9] {
    border-top: .04267rem solid hsla(210,8%,51%,.13)
}

.paddingTop[data-v-0db85ef9] {
    padding-top: .08533rem
}

.cellList[data-v-0db85ef9] {
    background-color: #fff;
    border-radius: .42667rem;
    padding-left: .512rem;
    padding-right: .512rem
}

.cellList .titleWrap .title[data-v-0db85ef9],.cellList .titleWrap[data-v-0db85ef9] {
    color: #000
}

.cellList .titleWrap .subWrap .checkAll[data-v-0db85ef9],.cellList .titleWrap .subWrap i[data-v-0db85ef9] {
    color: rgba(0,0,0,.45)
}

.cellList .titleWrap .subTitleWrap[data-v-0db85ef9] {
    color: rgba(0,0,0,.85)
}

.cellList.dark[data-v-0db85ef9] {
    background-color: var(--dark-mode-background-color);
    backdrop-filter: var(--dark-mode-background-blur);
    -webkit-backdrop-filter: var(--dark-mode-background-blur)
}

.cellList.dark .titleWrap .title[data-v-0db85ef9] {
    color: var(--dark-mode-main-text-color)
}

.cellList.dark .titleWrap .subWrap .checkAll[data-v-0db85ef9],.cellList.dark .titleWrap .subWrap i[data-v-0db85ef9] {
    color: var(--dark-mode-secondary-text-color)
}

.simpleCell[data-v-0db85ef9] {
    box-shadow: 0 .128rem 1.024rem 0 rgba(0,0,0,.12)
}

.category-tree-load-more[data-v-0db85ef9] {
    height: .04267rem;
    text-align: center;
    color: rgba(0,0,0,.65);
    font-size: .512rem
}

.dark .category-tree-load-more[data-v-0db85ef9] {
    color: #fff
}

.checkAll[data-v-0db85ef9] {
    display: inline-block;
    text-decoration: none;
    width: 100%;
    color: inherit
}

.cellStyleBottomPadding[data-v-0db85ef9] {
    padding-bottom: .42667rem
}

.subTitleNoTitle[data-v-0db85ef9] {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse
}

.menuWrap[data-v-0db85ef9] {
    max-height: 20.48rem;
    overflow-y: auto
}

.menuWrap[data-v-0db85ef9]::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
    color: transparent
}

.page-container[data-v-0db85ef9] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-top: .34133rem
}

.tab-container[data-v-0db85ef9] {
    width: 100%;
    overflow-x: auto;
    position: sticky;
    top: 0;
    z-index: 1;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    display: flex
}

.tab-container[data-v-0db85ef9]::-webkit-scrollbar {
    display: none
}

.tab-container[data-v-0db85ef9] {
    mask-image: linear-gradient(90deg,#000,#000 calc(100% - 2.13333rem),rgba(0,0,0,.43))
}

.tabGradient[data-v-0db85ef9] {
    mask-image: linear-gradient(90deg,rgba(0,0,0,.43),#000 2.13333rem,#000 calc(100% - 2.13333rem),rgba(0,0,0,.43))
}

.tab-list[data-v-0db85ef9] {
    display: flex;
    white-space: nowrap;
    gap: .68267rem
}

.tab-item[data-v-0db85ef9] {
    font-size: .59733rem;
    cursor: pointer;
    position: relative;
    color: rgba(0,0,0,.45);
    padding-bottom: .34133rem;
    margin-right: .68267rem
}

.tab-item .menuTitle[data-v-0db85ef9] {
    max-width: 7.68rem;
    text-wrap: nowrap;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    font-style: normal;
    line-height: normal;
    text-align: center;
    font-size: .64rem
}

.tab-item.active-tab[data-v-0db85ef9] {
    color: rgba(0,0,0,.85);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    font-size: .72533rem
}

.tab-item.active-tab[data-v-0db85ef9]:after {
    content: "";
    position: absolute;
    background-color: #333;
    width: 1.024rem;
    height: .128rem;
    bottom: 0;
    left: calc(50% - .512rem);
    border-radius: .08533rem
}

.tab-item[data-v-0db85ef9]:last-child {
    margin-right: 0
}

.page-container .darkMenu[data-v-0db85ef9] {
    background-color: transparent
}

.page-container .darkMenu .tab-item.active-tab[data-v-0db85ef9],.page-container .darkMenu .tab-item .menuTitle[data-v-0db85ef9],.page-container .darkMenu .tab-item[data-v-0db85ef9] {
    color: #fff
}

.page-container .darkMenu .tab-item.active-tab[data-v-0db85ef9]:after {
    background-color: #fff
}

.subLoadingWrap[data-v-0db85ef9] {
    min-height: 5.12rem
}

.category-menu-load-more[data-v-0db85ef9] {
    background-color: transparent;
    color: transparent;
    margin-bottom: 2.56rem
}

.isShowHorizontal .category-tree-empty[data-v-0db85ef9] {
    background-color: transparent;
    width: 100%;
    height: 100%
}

html.isPc .navigation-bar .page-container.is-sticky[data-v-c4656698] {
    width: 475PX;
    max-width: 475PX;
    left: 50%;
    transform: translateX(-50%)
}

.navigation-bar[data-v-c4656698] {
    --nav-bg-color: #fff;
    --nav-title-color: #000
}

.navigation-bar .is-sticky[data-v-c4656698] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: .68267rem .68267rem 0;
    background: var(--nav-bg-color);
    color: var(--nav-title-color);
    z-index: 3
}

.navigation-bar .is-sticky .tab-item.active-tab[data-v-c4656698],.navigation-bar .is-sticky .tab-item[data-v-c4656698] {
    color: var(--nav-title-color)
}

.navigation-bar .is-sticky .tab-item.active-tab[data-v-c4656698]:after {
    background-color: var(--nav-title-color,#333)
}

.tab-container[data-v-c4656698] {
    width: 100%;
    overflow-x: auto;
    background: transparent;
    z-index: 1;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    display: flex
}

.tab-container[data-v-c4656698]::-webkit-scrollbar {
    display: none
}

.tab-container[data-v-c4656698] {
    mask-image: linear-gradient(90deg,#000,#000 calc(100% - 2.13333rem),rgba(0,0,0,.43))
}

.tabGradient[data-v-c4656698] {
    mask-image: linear-gradient(90deg,rgba(0,0,0,.43),#000 2.13333rem,#000 calc(100% - 2.13333rem),rgba(0,0,0,.43))
}

.tab-list[data-v-c4656698] {
    display: flex;
    white-space: nowrap;
    gap: .68267rem;
    width: 100%
}

.tab-item-wrapper[data-v-c4656698] {
    flex: 1
}

.size-large .tab-item .menuTitle[data-v-c4656698] {
    font-size: .768rem
}

.size-large .tab-item.active-tab .menuTitle[data-v-c4656698] {
    font-size: .85333rem
}

.tab-item[data-v-c4656698] {
    font-size: .59733rem;
    cursor: pointer;
    position: relative;
    color: rgba(0,0,0,.56);
    padding-bottom: .34133rem
}

.tab-item[data-v-c4656698]:not(:last-child) {
    margin-right: 1.024rem
}

.tab-item .menuTitle[data-v-c4656698] {
    text-wrap: nowrap;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    font-style: normal;
    line-height: normal;
    text-align: center;
    font-size: .68267rem
}

.tab-item.active-tab[data-v-c4656698] {
    color: rgba(0,0,0,.85);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    font-size: .68267rem
}

.tab-item.active-tab[data-v-c4656698]:after {
    content: "";
    position: absolute;
    background-color: var(--active-line-color,#333);
    width: 1.024rem;
    height: .128rem;
    bottom: 0;
    left: calc(50% - .512rem);
    border-radius: .08533rem
}

.tab-item[data-v-c4656698]:last-child {
    margin-right: 0
}

.page-container .darkMenu[data-v-c4656698] {
    background-color: transparent
}

.page-container .darkMenu .tab-item.active-tab[data-v-c4656698],.page-container .darkMenu .tab-item .menuTitle[data-v-c4656698],.page-container .darkMenu .tab-item[data-v-c4656698] {
    color: #fff
}

.company-card a[data-v-1038fe90] {
    text-decoration: none;
    display: flex;
    padding: .85333rem;
    border-radius: .21333rem;
    box-shadow: 0 .08533rem .42667rem 0 rgba(0,0,0,.15);
    background: #fff
}

.company-card .pendant[data-v-1038fe90] {
    width: 2.47467rem;
    height: .81067rem;
    box-sizing: border-box;
    border-radius: .384rem;
    margin: 0 auto;
    margin-top: .64rem;
    position: relative
}

.company-card .pendant image[data-v-1038fe90],.company-card .pendant img[data-v-1038fe90] {
    width: 100%;
    height: 100%
}

.company-card .pendant .w1[data-v-1038fe90] {
    background: #1890ff;
    width: .59733rem;
    line-height: .59733rem;
    border-radius: 50%;
    height: .59733rem;
    left: .04267rem;
    color: #fff
}

.company-card .pendant .w1[data-v-1038fe90],.company-card .pendant .w2[data-v-1038fe90] {
    position: absolute;
    display: inline-block;
    top: .04267rem;
    font-size: .42667rem;
    text-align: center
}

.company-card .pendant .w2[data-v-1038fe90] {
    width: 1.70667rem;
    left: .59733rem;
    color: #1890ff;
    line-height: .64rem
}

.company-card .left[data-v-1038fe90] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.company-card .left .title[data-v-1038fe90] {
    font-size: .72533rem;
    color: rgba(0,0,0,.87);
    margin-bottom: .512rem
}

.company-card .left .title .pendant[data-v-1038fe90] {
    margin: 0;
    display: inline-block;
    top: .17067rem
}

.company-card .left .title.placeholder[data-v-1038fe90] {
    color: #bbb
}

.company-card .left .desc[data-v-1038fe90] {
    font-size: .512rem;
    color: #999
}

.company-card .left .tip[data-v-1038fe90] {
    font-size: .512rem;
    padding-top: .34133rem;
    color: #617891
}

.company-card .right[data-v-1038fe90] {
    width: 3.41333rem
}

.company-card .right .logo[data-v-1038fe90] {
    width: 2.47467rem;
    height: 2.47467rem;
    margin: 0 auto
}

.company-card .right .logo image[data-v-1038fe90],.company-card .right .logo img[data-v-1038fe90] {
    width: 100%;
    height: 100%;
    border-radius: .17067rem
}

.powerByContainer[data-v-6f73204d] {
    margin: 0;
    text-align: center;
    font-size: .512rem
}

.powerByContainer strong[data-v-6f73204d] {
    font-weight: 400;
    margin: 0 .08533rem
}

.powerByContainer[data-v-6f73204d] {
    color: rgba(0,0,0,.45)
}

.powerByContainer strong[data-v-6f73204d] {
    color: #576b95
}

.powerByContainer .point[data-v-6f73204d] {
    background-color: #576b95
}

.powerByContainer.dark[data-v-6f73204d] {
    color: hsla(0,0%,100%,.45)
}

.powerByContainer.dark strong[data-v-6f73204d] {
    color: #fff
}

.powerByContainer.dark .point[data-v-6f73204d] {
    background-color: #fff
}

.logo[data-v-6f73204d] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .34133rem
}

.logo img[data-v-6f73204d] {
    width: auto!important;
    height: .512rem!important;
    object-fit: contain
}

.point[data-v-6f73204d] {
    width: .08533rem;
    height: .08533rem;
    border-radius: 50%;
    display: inline-block;
    margin-left: .08533rem;
    margin-right: .08533rem;
    margin-bottom: .128rem
}

.mark[data-v-54055f40] {
    font-size: .512rem;
    color: #999;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    padding: 1.70667rem .68267rem;
    position: relative
}

.mark a[data-v-54055f40] {
    color: #617891;
    text-decoration: none;
    cursor: pointer
}

.mark .pageFrom[data-v-54055f40] {
    margin-right: .17067rem;
    color: #999
}

.mark .pageMade[data-v-54055f40] {
    margin-left: .17067rem;
    color: #999
}

.mark.mark-simple[data-v-54055f40] {
    padding-top: .17067rem;
    padding-bottom: .512rem
}

.clearfix[data-v-54055f40]:after {
    content: " ";
    display: block;
    line-height: 0;
    height: 0;
    visibility: hidden;
    clear: both
}

.reportContent[data-v-54055f40] {
    width: 100%;
    margin-top: -1.10933rem
}

.reportContent .link[data-v-54055f40] {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: .512rem;
    color: #999;
    border-radius: 0;
    white-space: nowrap;
    height: 1.36533rem;
    line-height: 1.36533rem
}

.reportContent .links[data-v-54055f40] {
    display: flex;
    float: right
}

.validinfo[data-v-6cfa34fa] {
    color: #bbb;
    font-size: .512rem;
    text-align: center
}

.op-menu-wrapper[data-v-6cfa34fa] {
    margin-bottom: 1.36533rem
}

.card-type-normal[data-v-6cfa34fa] {
    padding: .34133rem .68267rem .512rem;
    border-top: .04267rem solid hsla(210,8%,51%,.13)
}

.card-type-normal.dark[data-v-6cfa34fa] {
    border-top: .02133rem solid hsla(0,0%,100%,.13)
}

.footerAction[data-v-9c9d3998] {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 999;
    background-color: #f5f5f5;
    box-shadow: inset 0 .04267rem 0 hsla(210,8%,51%,.13)
}

.footerActionPlaceholder[data-v-9c9d3998] {
    position: static;
    height: 2.38933rem;
    box-shadow: none;
    background-color: #ededed
}

.enterMask[data-v-9c9d3998] {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    z-index: 1
}

.footerAction .enter[data-v-9c9d3998] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: .34133rem .42667rem
}

.footerAction .enter .audioAc[data-v-9c9d3998] {
    margin-right: .34133rem;
    height: 1.70667rem;
    display: flex;
    align-items: center
}

.footerAction .enter .audioAc .clifont[data-v-9c9d3998] {
    font-size: 1.36533rem;
    color: rgba(0,0,0,.9)
}

.footerAction .enter .item[data-v-9c9d3998] {
    font-size: .64rem;
    line-height: .896rem;
    color: #666;
    justify-content: center;
    display: flex;
    align-items: center;
    flex: 1;
    height: 1.70667rem
}

.footerAction .enter .item[data-v-9c9d3998]:last-child {
    flex: none
}

.footerAction .enter .item.itemAudio[data-v-9c9d3998] {
    background: #fff;
    border-radius: .17067rem;
    font-weight: 500;
    font-size: .64rem;
    line-height: 1.70667rem;
    color: rgba(0,0,0,.87);
    margin-right: .34133rem
}

.footerAction .enter .item.itemAudio.itemAudioActive[data-v-9c9d3998] {
    background: #e6e6e6
}

.footerAction .enter .item.itemForTextarea[data-v-9c9d3998] {
    background-color: #fff;
    border-radius: .17067rem;
    padding: .384rem .42667rem .42667rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 1.70667rem;
    margin-right: .34133rem;
    height: auto
}

.footerAction .enter .item.itemForTextarea .textAc[data-v-9c9d3998] {
    background: #fff;
    font-size: .72533rem;
    padding: 0;
    max-height: 4.096rem;
    width: auto;
    flex: 1;
    order: 1;
    color: #bbb
}

.footerAction .enter .item.itemForTextarea .textAc[data-v-9c9d3998]::-webkit-scrollbar {
    display: none;
    height: 0!important;
    color: transparent;
    width: 0!important
}

.footerAction .enter .item .ac[data-v-9c9d3998] {
    font-size: 1.36533rem;
    color: rgba(0,0,0,.9);
    margin-left: .34133rem;
    width: 1.36533rem;
    height: 1.36533rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.footerAction .enter .item .ac.send[data-v-9c9d3998] {
    background: #07c160;
    border-radius: .128rem;
    margin-bottom: .17067rem;
    color: #fff;
    font-size: .64rem;
    line-height: .896rem;
    width: 0;
    transition: width .3s;
    opacity: 0;
    margin-left: 0;
    pointer-events: none
}

.footerAction .enter .item.sendShow .ac.send[data-v-9c9d3998] {
    width: 2.38933rem;
    display: flex;
    opacity: 1;
    pointer-events: auto;
    margin-left: .34133rem
}

.footerAction .enter .item .ac[data-v-9c9d3998]:first-child {
    margin-left: 0
}

.footerAction .enter .item .clifont[data-v-9c9d3998] {
    font-size: 1.36533rem
}

.header[data-v-9338c85c] {
    width: 1.536rem;
    height: 1.536rem;
    min-width: 1.536rem;
    margin-right: .512rem;
    background-color: #6fa4f1;
    font-weight: 500;
    font-size: .59733rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: .17067rem
}

img[data-v-9338c85c]:not([src]) {
    display: none
}

.header img[data-v-9338c85c] {
    width: 100%;
    height: 100%;
    border-radius: .17067rem
}

.noResult {
    color: #666;
    transform: matrix(.98,0,-.23,1,0,0)
}

.text {
    margin-top: .17067rem;
    line-height: .93867rem;
    font-size: .72533rem
}

.text .text-word {
    color: #333;
    line-height: .93867rem;
    display: inline
}

.text .text-word-block {
    display: inline-block;
    color: rgba(0,0,0,.45);
    font-weight: 500
}

.text .mr-4 {
    margin-right: .17067rem
}

.text .text-word .readText {
    color: #f29800;
    margin-left: -.17067rem;
    margin-right: .34133rem;
    font-size: .512rem;
    vertical-align: .04267rem;
    line-height: .93867rem;
    vertical-align: top
}

.text .text-word .readTextHasRead {
    color: #999
}

.text-word-block {
    display: inline-block;
    color: rgba(0,0,0,.45);
    font-weight: 500
}

.name,.name .time {
    color: rgba(0,0,0,.45);
    line-height: .59733rem;
    font-size: .59733rem;
    font-weight: 400
}

.name .time {
    display: inline-block;
    margin-left: .17067rem
}

.name .reply-tips {
    margin-left: .256rem
}

.name text {
    font-weight: 400
}

.text-img {
    display: flex;
    flex-flow: wrap
}

.text-img .img {
    width: 4.32356rem;
    height: 4.32356rem;
    margin-right: .34133rem;
    margin-top: .256rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.ref-reply .text-img .img {
    width: 3.84rem;
    height: 3.84rem
}

.text-img .img img {
    max-width: 100%;
    max-height: 100%
}

.text-signature_img .img {
    width: 8.96rem;
    height: 3.49867rem;
    margin-right: 0
}

.text-img .img:nth-child(3n) {
    margin-right: 0
}

.text-audio {
    border-radius: .17067rem;
    min-width: 3.37067rem;
    padding: .384rem 0 .384rem .512rem;
    background: #f6f6f6;
    font-size: .68267rem;
    display: inline-flex;
    align-items: center;
    color: #333
}

.text-audio-hover {
    background-color: #e6e6e6
}

.text-audio .text {
    display: inline-block;
    width: 1.664rem;
    margin-top: 0
}

.text-audio .clifont {
    font-size: .85333rem;
    margin-right: .17067rem;
    line-height: 1
}

.anticon-yuyin2:before {
    display: block
}

.text-audio .playing {
    width: .85333rem;
    height: .85333rem;
    margin-right: .17067rem
}

.audio-word {
    background: #f6f6f6;
    border-radius: .17067rem;
    padding: .42667rem .512rem;
    font-size: .68267rem;
    line-height: .93867rem;
    color: #333;
    margin-top: .17067rem;
    display: table
}

.audio-word .defaultWord {
    color: #999;
    font-size: .512rem
}

.defaultWord .link {
    color: #576b95
}

.defaultWord .clifont {
    margin-right: .17067rem;
    vertical-align: bottom
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.audio-word .defaultWord .loadScanIcon {
    transition: 1s;
    animation: rotate 1s linear infinite;
    display: inline-block
}

.audio-word .tip {
    margin-top: .34133rem;
    font-size: .512rem;
    line-height: .72533rem;
    color: #999;
    display: flex
}

.audio-word .tip .clifont {
    color: #bbb;
    margin-right: .17067rem
}

.link[data-v-5dab3f86] {
    color: #576b95
}

.hidden[data-v-5dab3f86] {
    display: none!important
}

.reviewWrapper[data-v-5dab3f86] {
    padding: .68267rem 0 1.024rem;
    background-color: #fff;
    display: flex;
    flex-direction: column
}

.reviewWrapper .remarkLoading[data-v-5dab3f86] {
    color: #999;
    font-size: .512rem;
    text-align: center;
    padding-top: .68267rem
}

.reviewWrapper .title[data-v-5dab3f86] {
    position: relative;
    padding-left: .68267rem;
    padding-bottom: .68267rem;
    padding-right: .68267rem;
    margin-bottom: .59733rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.reviewWrapper .title[data-v-5dab3f86]:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .04267rem;
    border-top: .04267rem solid rgba(0,0,0,.1);
    color: rgba(0,0,0,.1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    left: .68267rem;
    z-index: 2
}

.reviewWrapper .title .value[data-v-5dab3f86] {
    font-weight: 700;
    font-size: .72533rem;
    line-height: 1.19467rem;
    color: rgba(0,0,0,.85)
}

.reviewWrapper .title .value.text-ellipsis[data-v-5dab3f86] {
    max-width: 50vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.reviewWrapper .item[data-v-5dab3f86] {
    padding: .42667rem .68267rem;
    margin-bottom: .17067rem
}

.reviewWrapper .item.item-text[data-v-5dab3f86] {
    font-size: .55467rem;
    line-height: .72533rem;
    color: #adadad;
    display: flex;
    justify-content: center;
    border-radius: .17067rem;
    padding: .42667rem 0;
    margin-bottom: .17067rem
}

.reviewWrapper .item.item-text .item-text-value[data-v-5dab3f86] {
    background-color: #fafafa;
    padding: .17067rem .42667rem
}

.reviewWrapper .item.item-text .text-user[data-v-5dab3f86] {
    color: #999;
    font-weight: 500
}

.reviewWrapper .item-review[data-v-5dab3f86] {
    display: flex
}

.reviewWrapper .item-review.item-review-hover[data-v-5dab3f86] {
    background-color: #f8f8f8
}

.reviewWrapper .item-review .value[data-v-5dab3f86] {
    display: flex;
    flex-direction: column;
    font-size: .68267rem;
    line-height: .93867rem;
    flex: 1
}

.reviewWrapper .item-review .value.value-form[data-v-5dab3f86] {
    flex: 1
}

.text-bold[data-v-5dab3f86] {
    font-weight: 500!important
}

.reviewWrapper .reviewList[data-v-5dab3f86] {
    flex: 1
}

.reviewWrapper .item-review .value .other[data-v-5dab3f86] {
    margin-top: .256rem;
    display: flex;
    font-size: .59733rem;
    line-height: .85333rem
}

.reviewWrapper .item-review .value .other div[data-v-5dab3f86] {
    margin-right: .512rem
}

.reviewWrapper .item-review .value .other div[data-v-5dab3f86]:last-child {
    margin-right: 0
}

.reviewWrapper .item-review .value .other .time[data-v-5dab3f86] {
    color: #999
}

.reviewWrapper .item-review .value .other .water[data-v-5dab3f86] {
    margin-right: .512rem;
    color: #999
}

.subscribeWrap[data-v-5dab3f86] {
    padding: .512rem .68267rem;
    color: #999;
    font-size: .512rem;
    line-height: .72533rem
}

.subscribeWrap .textBold[data-v-5dab3f86] {
    font-weight: 500;
    margin-right: .17067rem
}

.noReviewWrap[data-v-5dab3f86] {
    font-size: .59733rem;
    line-height: .85333rem;
    color: rgba(0,0,0,.45);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 5.632rem
}

.noReviewWrap .link[data-v-5dab3f86] {
    font-weight: 500;
    color: #576b95
}

.removedWrapper[data-v-5dab3f86] {
    margin-top: .256rem
}

.removedWrapper .removed[data-v-5dab3f86] {
    padding: .34133rem .512rem;
    background-color: #fafafa;
    border-radius: .17067rem;
    font-weight: 400;
    font-size: .68267rem;
    line-height: .93867rem;
    color: rgba(0,0,0,.65);
    display: inline-block
}

.icon_quest-style[data-v-5dab3f86] {
    color: rgba(0,0,0,.5);
    font-weight: 400;
    margin-left: .17067rem
}

.ref-content[data-v-5dab3f86] {
    margin-top: .17067rem;
    position: relative;
    background-color: #fafafa;
    padding: .34133rem .512rem .34133rem .93867rem
}

.del-ref[data-v-5dab3f86] {
    font-size: .59733rem;
    margin-top: .17067rem;
    color: #666
}

.ref-content[data-v-5dab3f86]:before {
    position: absolute;
    content: "";
    top: .34133rem;
    left: .512rem;
    width: .08533rem;
    height: calc(100% - .68267rem);
    background-color: #d9d9d9
}

.ref-name[data-v-5dab3f86] {
    font-weight: 700
}

.ref-name[data-v-5dab3f86],.ref-reply .text[data-v-5dab3f86] {
    font-size: .59733rem;
    color: rgba(0,0,0,.5);
    line-height: .85333rem
}

.ref-reply .text[data-v-5dab3f86] {
    margin-top: 0
}

.ref-reply .text .text-word[data-v-5dab3f86] {
    line-height: .85333rem;
    color: rgba(0,0,0,.5)
}

.blinkToShow[data-v-5dab3f86] {
    background-color: transparent;
    animation: blink-data-v-5dab3f86 1s infinite
}

@keyframes blink-data-v-5dab3f86 {
    50% {
        background-color: #ebf6ff
    }
}

.visibleHidden[data-v-14abff26] {
    visibility: hidden
}

.reviewWrapper[data-v-14abff26] {
    position: relative;
    min-height: 4.26667rem
}

.cliLink[data-v-14abff26] {
    color: #576b95
}

.has-load-tip text[data-v-14abff26] {
    display: inline-block;
    padding: .68267rem 1.024rem
}

.placeholder[data-v-14abff26] {
    width: 100%;
    background-color: #ededed
}

.subscribe-link[data-v-14abff26] {
    font-size: .59733rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #576b95;
    font-weight: 400;
    align-self: flex-end
}

.write-msg-btn[data-v-14abff26] {
    font-size: .68267rem;
    font-weight: 700;
    font-weight: 500
}

.empty-wrapper[data-v-14abff26] {
    text-align: center;
    padding: 2.90133rem .68267rem 2.56rem;
    font-size: .64rem;
    color: rgba(0,0,0,.3)
}

.loading[data-v-14abff26] {
    width: 100%;
    text-align: center
}

.loading-image[data-v-14abff26] {
    width: 1.45067rem;
    height: .256rem;
    text-align: center
}

.bottom-msg[data-v-14abff26] {
    box-shadow: 0 -.04267rem .34133rem rgba(0,0,0,.05);
    background-color: #fff;
    padding: .512rem .68267rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.input[data-v-14abff26] {
    flex: 1;
    background-color: #f6f6f6;
    padding: .42667rem .68267rem;
    border-radius: 8.53333rem;
    color: rgba(0,0,0,.45);
    font-size: .55467rem;
    line-height: .768rem;
    margin-right: 1.024rem
}

.summary[data-v-14abff26] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: rgba(0,0,0,.65);
    font-size: .512rem
}

.summary-num[data-v-14abff26] {
    position: absolute;
    left: calc(100% - .42667rem);
    top: -.08533rem;
    color: #666;
    white-space: nowrap
}

.summary .icon[data-v-14abff26] {
    font-size: 1.024rem;
    line-height: 1.024rem;
    margin-bottom: .17067rem;
    color: rgba(0,0,0,.45)
}

.link[data-v-14abff26] {
    color: #576b95
}

.review-list-tip[data-v-14abff26] {
    font-size: .512rem;
    color: #bbb;
    text-align: center;
    padding: .34133rem
}

.review-list-tip.is-note-type[data-v-14abff26] {
    padding-bottom: 0;
    margin-bottom: -.08533rem;
    font-size: .512rem;
    color: rgba(0,0,0,.25)
}

.desc[data-v-14abff26] {
    font-weight: 400;
    font-size: .68267rem;
    line-height: 1.024rem;
    color: rgba(0,0,0,.9);
    margin: 0 1.70667rem 1.36533rem;
    text-align: center
}

.as-wx-endline[data-v-14abff26] {
    display: block;
    text-align: center;
    font-size: .512rem;
    color: rgba(0,0,0,.25)
}

.as-wx-endline[data-v-14abff26]:before {
    margin-right: .34133rem
}

.as-wx-endline[data-v-14abff26]:after,.as-wx-endline[data-v-14abff26]:before {
    content: " ";
    display: inline-block;
    width: .85333rem;
    height: .04267rem;
    background: hsla(210,8%,51%,.25);
    line-height: 1;
    vertical-align: middle
}

.as-wx-endline[data-v-14abff26]:after {
    margin-left: .34133rem
}

.content-wrapper[data-v-14abff26] {
    display: flex;
    justify-content: center;
    align-items: center
}

.__code_table {
    border-radius: .08533rem;
    overflow: hidden
}

.__code_table table {
    width: 100%;
    border-collapse: collapse
}

.__code_table table thead {
    color: rgba(0,0,0,.87);
    font-size: .55467rem
}

.__code_table table tbody {
    font-size: .512rem
}

.__code_table .tb1 table,.__code_table .tb1 td,.__code_table .tb1 th {
    border: .04267rem solid #e1e5eb
}

.__code_table .tb1 td,.__code_table .tb1 th {
    padding: .512rem .55467rem;
    color: rgba(0,0,0,.87)
}

.__code_table .tb1 thead {
    background: #f0f2f5
}

.__code_table .tb1 thead th {
    padding: .68267rem
}

.__code_table .tb1 tbody tr {
    background: #fff
}

.__code_table .tb1 tbody tr>td:first-child {
    width: 25%
}

.__code_table .tb2 {
    table-layout: fixed
}

.__code_table .tb2 td,.__code_table .tb2 th {
    padding: .512rem .55467rem;
    color: rgba(0,0,0,.87);
    text-align: left;
    border: .08533rem solid #fff
}

.__code_table .tb2 td {
    background: #f3f4f7
}

.__code_table .tb2 thead {
    background: #e7eaee
}

.__code_table .tb2 thead th {
    padding: .68267rem;
    text-align: center
}

.__code_table .tb3 td,.__code_table .tb3 th {
    padding: .512rem .55467rem;
    color: rgba(0,0,0,.87);
    text-align: left;
    border: .04267rem solid #d9d9d9
}

.__code_table .tb3 td {
    background: #fff
}

.__code_table .tb3 thead {
    background: #f9f9f9
}

.__code_table .tb3 thead th {
    padding: .68267rem
}

.__code_table .tb3 tbody tr>td:first-child {
    width: 65%
}

.__code_table .tb4 {
    table-layout: fixed
}

.__code_table .tb4 td,.__code_table .tb4 th {
    padding: .512rem .55467rem;
    color: rgba(0,0,0,.87);
    text-align: left
}

.__code_table .tb4 td {
    background: #f9f9f9
}

.__code_table .tb4 thead {
    background: #eaeaea
}

.__code_table .tb4 thead th {
    padding: .68267rem
}

.__code_table .tb5 {
    table-layout: fixed
}

.__code_table .tb5 td,.__code_table .tb5 th {
    padding: .512rem .55467rem;
    color: rgba(0,0,0,.87);
    text-align: center
}

.__code_table .tb5 tbody tr:nth-child(odd) {
    background: #fafafa
}

.__code_table .tb5 tbody tr:nth-child(2n) {
    background: #f2f3f5
}

.__code_table .tb5 thead {
    background: #e7eaee
}

.__code_table .tb5 thead th {
    padding: .68267rem
}

.__code_table .tb6 {
    table-layout: fixed
}

.__code_table .tb6 td,.__code_table .tb6 th {
    padding: .512rem .55467rem;
    color: rgba(0,0,0,.87);
    text-align: center;
    border: .04267rem solid #e1e5eb
}

.__code_table .tb6 tbody tr {
    background: #fff
}

.__code_table .tb6 thead {
    background: #f0f2f5
}

.__code_table .tb6 thead th {
    padding: .68267rem;
    text-align: center
}

.__code_table .tb7 thead {
    background: #eaeaea
}

.__code_table .tb7 thead th {
    padding: .512rem .55467rem;
    text-align: left
}

.__code_table .tb7 tbody tr td {
    padding: .512rem .55467rem
}

.__code_table .tb7 tbody tr td:first-child {
    color: #666
}

.__code_table .tb7 tbody tr td:nth-child(2) {
    color: rgba(0,0,0,.87)
}

.__code_table .tb7 tbody tr:nth-child(odd) {
    background: #fafafa
}

.__code_table .tb7 tbody tr:nth-child(2n) {
    background: #f2f3f5
}

.__code_table .tb8 thead {
    background: #eaeaea
}

.__code_table .tb8 thead th {
    padding: .512rem .55467rem;
    text-align: left
}

.__code_table .tb8 tbody tr {
    background: #f9f9f9
}

.__code_table .tb8 tbody tr td {
    padding: .512rem .55467rem
}

.__code_table .tb9 td,.__code_table .tb9 th {
    border: .04267rem solid #e8e8e8
}

.__code_table .tb9 thead {
    background: #f0f2f5
}

.__code_table .tb9 thead th {
    padding: .512rem .55467rem;
    text-align: center
}

.__code_table .tb9 tbody tr {
    background: #fff
}

.__code_table .tb9 tbody tr td {
    padding: .512rem .55467rem
}

.__code_table .tb9 tbody tr td:first-child,.__code_table .tb9 tbody tr td:nth-child(3) {
    text-align: center
}

.__code_table .tb10 td,.__code_table .tb10 th {
    border: .08533rem solid #fff;
    background: #f0f2f5
}

.__code_table .tb10 thead th {
    padding: .512rem .55467rem
}

.__code_table .tb10 thead th:nth-child(2) {
    text-align: left
}

.__code_table .tb10 tbody tr td {
    padding: .512rem .55467rem
}

.__code_table .tb10 tbody tr td:first-child,.__code_table .tb10 tbody tr td:nth-child(3) {
    text-align: center
}

.noTitle[data-v-88f546b2] {
    padding-top: 1.36533rem!important
}

.singleFile[data-v-88f546b2] {
    text-align: center;
    padding: 0 1.536rem .34133rem
}

.singleFile.isSingleFileCardStyle[data-v-88f546b2] {
    padding: 1.024rem;
    background-color: #fff;
    border-radius: .256rem;
    box-shadow: 0 .256rem 1.024rem 0 rgba(0,0,0,.08)
}

.singleFile .fileImg[data-v-88f546b2] {
    margin: 0 auto
}

.singleFile .fileName[data-v-88f546b2] {
    font-size: .72533rem;
    color: #fff;
    margin-top: .68267rem;
    line-height: 1.6;
    word-break: break-word;
    font-weight: 500
}

.singleFile.isOnlyHead.noTitle[data-v-88f546b2] {
    padding-top: 0!important
}

.singleFile.isOnlyHead.noTitle.isSingleFileCardStyle[data-v-88f546b2] {
    padding-top: 1.024rem!important
}

.singleFile .nowrap[data-v-88f546b2] {
    white-space: nowrap
}

.singleFile .fileSize[data-v-88f546b2] {
    color: #fff;
    opacity: .6;
    font-size: .59733rem;
    line-height: 1.4;
    padding-left: .68267rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: .256rem
}

.singleFile .fileSize i[data-v-88f546b2] {
    font-size: .64rem;
    line-height: 1.4;
    height: .85333rem;
    padding-right: .68267rem;
    margin-left: .17067rem;
    padding-bottom: .08533rem
}

.singleFile .fileOperation[data-v-88f546b2] {
    display: flex;
    margin: 1.36533rem auto 0;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.singleFile .fileOperation.cannotDownload[data-v-88f546b2] {
    margin-top: .68267rem
}

.singleFile .fileOperation.fileOperationLargeBtn div[data-v-88f546b2] {
    width: 12.11733rem;
    height: 1.87733rem;
    line-height: 1.87733rem;
    border-radius: .256rem
}

.singleFile .fileOperation div[data-v-88f546b2] {
    width: 6.912rem;
    height: 1.70667rem;
    line-height: 1.70667rem;
    font-size: .68267rem;
    color: #fff;
    text-align: center;
    box-shadow: 0 .04267rem .34133rem 0 rgba(0,0,0,.08);
    border-radius: .17067rem;
    background: hsla(0,0%,100%,.2);
    margin: 0 .34133rem;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.singleFile .fileOperation div .fileCopy[data-v-88f546b2] {
    width: 5.12rem;
    height: 1.62133rem;
    position: absolute;
    z-index: -1000;
    left: 0;
    top: 0;
    opacity: 0
}

.singleFile .fileOperation .preview+.preview[data-v-88f546b2] {
    margin-top: .512rem;
    box-shadow: none;
    color: #07c160;
    border: .04267rem solid #07c160;
    background-color: #fff
}

.singleFile .fileOperation .fileOperationTip[data-v-88f546b2] {
    font-size: .512rem;
    line-height: .85333rem;
    color: #bbb;
    text-align: center
}

.singleFile .bottom-downLoad[data-v-88f546b2] {
    margin-top: 2.048rem;
    display: inline-block;
    vertical-align: middle;
    font-size: .512rem;
    line-height: .512rem;
    color: #617891;
    border-radius: 0;
    white-space: nowrap
}

.singleFile .mt24[data-v-88f546b2] {
    margin-top: 1.024rem
}

.fileList[data-v-88f546b2] {
    border: .04267rem solid hsla(210,8%,51%,.13);
    background-color: #fff;
    border-radius: .256rem;
    overflow: hidden
}

.fileListBox[data-v-88f546b2] {
    padding: 0 .256rem
}

.headFileWrapper[data-v-88f546b2] {
    position: relative
}

.headFileWrapper .placeholder-edit-nav[data-v-88f546b2] {
    position: absolute;
    top: .08533rem;
    right: .08533rem
}

.headFileWrapper.is-card-style.no-title[data-v-88f546b2] {
    margin-top: .42667rem
}

.headFileWrapper.is-card-style .singleFile[data-v-88f546b2] {
    background-color: #fff;
    padding: 1.19467rem .85333rem 1.87733rem!important;
    border-radius: .256rem
}

.headFileWrapper.is-card-style.is-vertical-center[data-v-88f546b2] {
    display: flex;
    flex-direction: column;
    flex: auto
}

.headFileWrapper.is-card-style.is-vertical-center.has-msg-list[data-v-88f546b2] {
    margin-bottom: 1.70667rem
}

.headFileWrapper.is-card-style.is-vertical-center.no-title[data-v-88f546b2] {
    margin-top: 1.70667rem
}

.headFileWrapper.is-card-style.is-vertical-center .singleFile[data-v-88f546b2] {
    flex: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: hsla(0,0%,100%,.8)
}

[data-color-theme=dark] .fileList[data-v-88f546b2] {
    background-color: var(--dark-mode-background-color);
    backdrop-filter: blur(var(--dark-mode-background-blur));
    -webkit-backdrop-filter: blur(var(--dark-mode-background-blur));
    border: none
}

[data-light-color-exclude-color-bg=light] .fileList[data-v-88f546b2] {
    border: none
}

.noTitle[data-v-77a94b9a] {
    padding-top: .68267rem
}

.centeredPic[data-v-5a1374fa] {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.noTitle[data-v-3e45a4e2] {
    padding-top: 1.36533rem
}

.headRichTextWrapper[data-v-2ef98883] {
    text-align: left;
    padding: .68267rem
}

.headRichTextWrapper.hasStatus[data-v-2ef98883] {
    padding: .68267rem 1.024rem .68267rem 1.024rem
}

.headRichTextWrapper[data-v-2ef98883]:not(.noTitle) {
    padding-top: 0
}

.head-module-wrap {
    margin-bottom: -.04267rem
}

.wrap-with-org[data-v-dcd791d4],.wrap[data-v-dcd791d4] {
    background-color: #fff;
    min-height: 100vh;
    padding: 0 1.024rem
}

.content[data-v-dcd791d4],.org-content[data-v-dcd791d4],.wrap-with-org[data-v-dcd791d4],.wrap[data-v-dcd791d4] {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.icon[data-v-dcd791d4] {
    text-align: center;
    margin-bottom: 1.36533rem
}

.icon i[data-v-dcd791d4] {
    font-size: 2.048rem;
    line-height: 1
}

.icon i.orange[data-v-dcd791d4] {
    color: #f57c00
}

.icon i.blue[data-v-dcd791d4] {
    color: #166bc7
}

.main-tips[data-v-dcd791d4] {
    font-size: .85333rem;
    line-height: 1.19467rem;
    color: #000;
    text-align: center;
    margin-bottom: .68267rem
}

.sub-tips[data-v-dcd791d4] {
    font-size: .68267rem;
    line-height: 1.5;
    color: #999;
    text-align: center;
    display: flex;
    overflow: hidden;
    justify-content: center
}

.sub-tips .link[data-v-dcd791d4] {
    color: #576b95
}

.sub-tips .tips-name[data-v-dcd791d4] {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.action-buttons[data-v-dcd791d4] {
    width: 100%;
    padding-bottom: 4.94933rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

.action-buttons.count-2[data-v-dcd791d4] {
    padding-bottom: 7.59467rem
}

.action-buttons .exit-btn[data-v-dcd791d4],.action-buttons button[data-v-dcd791d4] {
    width: 10.24rem;
    height: 1.96267rem;
    line-height: 1.96267rem;
    border-radius: .17067rem;
    border: none
}

.action-buttons button[type=primary][data-v-dcd791d4] {
    background-color: #166bc7;
    color: #fff
}

.action-buttons button[type=default][data-v-dcd791d4] {
    background: #f1f2f6;
    color: rgba(0,0,0,.85)
}

.action-buttons button+button[data-v-dcd791d4] {
    margin-top: .68267rem
}

.action-btn-tips[data-v-dcd791d4] {
    font-size: .68267rem;
    line-height: 1.5;
    color: rgba(0,0,0,.85);
    text-align: center;
    margin-bottom: .68267rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .34133rem
}

.action-btn-tips .qrcode-name[data-v-dcd791d4] {
    max-width: 7.25333rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.org-img[data-v-dcd791d4] {
    max-width: 10.66667rem;
    max-height: 3.41333rem;
    vertical-align: middle;
    margin-bottom: .68267rem
}

.icon-unAuthed[data-v-dcd791d4] {
    margin-bottom: .68267rem;
    border-radius: .256rem;
    color: #166bc7;
    background: #ebf6ff;
    font-size: 1.87733rem;
    width: 2.73067rem;
    height: 2.73067rem;
    line-height: 2.73067rem;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden
}

.org-name[data-v-dcd791d4] {
    font-size: .768rem;
    font-weight: 400;
    line-height: 1.06667rem;
    color: rgba(0,0,0,.7);
    text-align: center
}

.horizontal-divider[data-v-dcd791d4] {
    width: 3.84rem;
    height: .04267rem;
    background-color: hsla(210,8%,51%,.13);
    margin: .68267rem 0
}

.wrap-with-org .tip[data-v-dcd791d4] {
    font-size: .59733rem;
    line-height: .896rem;
    color: rgba(0,0,0,.45);
    text-align: center
}

.bottom-actions[data-v-dcd791d4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 8.704rem
}

.bottom-actions .btn[data-v-dcd791d4],.bottom-actions .exit-btn[data-v-dcd791d4] {
    width: 8.53333rem;
    height: 1.87733rem;
    line-height: 1.87733rem;
    font-size: .68267rem;
    font-weight: 500;
    border: none;
    border-radius: .21333rem
}

.bottom-actions .btn.is-primary[data-v-dcd791d4] {
    background-color: #166bc7;
    color: #fff
}

.bottom-guide[data-v-dcd791d4] {
    position: absolute;
    bottom: 1.96267rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .55467rem;
    font-weight: 500;
    color: #576b95
}

.bottom-guide .divider[data-v-dcd791d4] {
    width: .04267rem;
    height: .34133rem;
    background-color: hsla(210,8%,51%,.13);
    margin: 0 .512rem
}

.sheet-bg[data-v-404e064e] {
    position: fixed;
    background: rgba(0,0,0,.5);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1001
}

.sheet-bg .sheet-content[data-v-404e064e] {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 2001;
    border-top-left-radius: .42667rem;
    border-top-right-radius: .42667rem;
    background: #fff;
    overflow: hidden
}

.fade-enter-active[data-v-404e064e],.fade-leave-active[data-v-404e064e] {
    transition: opacity .3s ease
}

.fade-enter[data-v-404e064e],.fade-leave-to[data-v-404e064e] {
    opacity: 0
}

.slide-up-enter-active[data-v-404e064e],.slide-up-leave-active[data-v-404e064e] {
    transition: transform .3s ease
}

.slide-up-enter[data-v-404e064e],.slide-up-leave-to[data-v-404e064e] {
    transform: translateY(100%)
}

.container[data-v-2f55dbc2] {
    background-color: #ededed;
    padding: 1.024rem .68267rem .68267rem;
    border-radius: .512rem .512rem 0 0;
    padding-bottom: .68267rem
}

.header[data-v-2f55dbc2] {
    font-size: .68267rem;
    font-weight: 600;
    margin-bottom: 1.024rem
}

.action-group[data-v-2f55dbc2] {
    padding: .34133rem 0;
    border-radius: .256rem;
    background-color: #fff
}

.action-group.only-one[data-v-2f55dbc2] {
    padding: 0
}

.action-group+.action-group[data-v-2f55dbc2] {
    margin-top: .512rem
}

.action-group[data-v-2f55dbc2]:empty {
    display: none
}

.action-item[data-v-2f55dbc2] {
    display: flex;
    align-items: center;
    padding: .68267rem;
    line-height: .896rem;
    width: 100%;
    height: 100%;
    border-radius: 0;
    border: none;
    margin: 0
}

.action-item-icon[data-v-2f55dbc2] {
    width: .768rem;
    height: .768rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .768rem;
    color: #979797
}

.action-item-icon.anticon-a-tubiaozhizuomoban2-01[data-v-2f55dbc2] {
    font-size: .68267rem
}

.action-item-content[data-v-2f55dbc2] {
    color: rgba(0,0,0,.9);
    font-size: .64rem;
    margin: 0 .34133rem;
    flex: 1
}

.arrow[data-v-2f55dbc2] {
    font-size: .85333rem;
    color: rgba(0,0,0,.25)
}

.tourist-guidance[data-v-2f55dbc2] {
    border-radius: .256rem;
    background: #fff;
    box-shadow: 0 .34133rem 1.36533rem 0 rgba(0,0,0,.03);
    padding: .68267rem;
    padding-bottom: .85333rem
}

.tourist-guidance .logo[data-v-2f55dbc2] {
    object-fit: contain;
    height: .768rem
}

.tourist-guidance-desc[data-v-2f55dbc2] {
    margin-top: .256rem;
    color: rgba(0,0,0,.45);
    font-size: .55467rem
}

.tourist-guidance-btn-group[data-v-2f55dbc2] {
    margin-top: .68267rem
}

.tourist-guidance-btn[data-v-2f55dbc2] {
    flex: 1;
    border-radius: .34133rem;
    background: #f7f7f7;
    color: rgba(0,0,0,.9);
    font-size: .55467rem;
    padding: .512rem .68267rem;
    line-height: .768rem;
    display: flex;
    align-items: center
}

.tourist-guidance-btn-text[data-v-2f55dbc2] {
    flex: 1;
    margin: 0 .34133rem
}

.tourist-guidance-btn .clifont[data-v-2f55dbc2] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: .768rem;
    height: .768rem;
    font-size: .768rem;
    color: rgba(0,0,0,.45)
}

.tourist-guidance-btn+.tourist-guidance-btn[data-v-2f55dbc2] {
    margin-top: .42667rem
}

.press[data-v-2f55dbc2] {
    background: #f0f0f0!important
}

.container[data-v-4836b35c] {
    background-color: #ededed;
    padding: 1.024rem .68267rem .68267rem;
    border-radius: .512rem .512rem 0 0;
    padding-bottom: .68267rem
}

.header[data-v-4836b35c] {
    font-size: .68267rem;
    font-weight: 600;
    margin-bottom: 1.024rem
}

.action-group[data-v-4836b35c] {
    padding: .34133rem 0;
    border-radius: .256rem;
    background-color: #fff
}

.action-group.only-one[data-v-4836b35c] {
    padding: 0
}

.action-group+.action-group[data-v-4836b35c] {
    margin-top: .512rem
}

.action-group[data-v-4836b35c]:empty {
    display: none
}

.action-item[data-v-4836b35c] {
    display: flex;
    align-items: center;
    padding: .68267rem;
    line-height: .896rem;
    width: 100%;
    height: 100%;
    border-radius: 0;
    border: none;
    margin: 0
}

.action-item-icon[data-v-4836b35c] {
    width: .768rem;
    height: .768rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .768rem;
    color: #979797
}

.action-item-icon.anticon-a-tubiaozhizuomoban2-01[data-v-4836b35c] {
    font-size: .68267rem
}

.action-item-content[data-v-4836b35c] {
    color: rgba(0,0,0,.9);
    font-size: .64rem;
    margin: 0 .34133rem;
    flex: 1
}

.arrow[data-v-4836b35c] {
    font-size: .85333rem;
    color: rgba(0,0,0,.25)
}

.tourist-guidance[data-v-4836b35c] {
    border-radius: .256rem;
    background: #fff;
    box-shadow: 0 .34133rem 1.36533rem 0 rgba(0,0,0,.03);
    padding: .68267rem;
    padding-bottom: .85333rem
}

.tourist-guidance .logo[data-v-4836b35c] {
    object-fit: contain;
    height: .768rem
}

.tourist-guidance-desc[data-v-4836b35c] {
    margin-top: .256rem;
    color: rgba(0,0,0,.45);
    font-size: .55467rem
}

.tourist-guidance-btn-group[data-v-4836b35c] {
    margin-top: .68267rem
}

.tourist-guidance-btn[data-v-4836b35c] {
    flex: 1;
    border-radius: .34133rem;
    background: #f7f7f7;
    color: rgba(0,0,0,.9);
    font-size: .55467rem;
    padding: .512rem .68267rem;
    line-height: .768rem;
    display: flex;
    align-items: center
}

.tourist-guidance-btn-text[data-v-4836b35c] {
    flex: 1;
    margin: 0 .34133rem
}

.tourist-guidance-btn .clifont[data-v-4836b35c] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: .768rem;
    height: .768rem;
    font-size: .768rem;
    color: rgba(0,0,0,.45)
}

.tourist-guidance-btn+.tourist-guidance-btn[data-v-4836b35c] {
    margin-top: .42667rem
}

.press[data-v-4836b35c] {
    background: #f0f0f0!important
}

.notary {
    margin: 0 .512rem;
    margin-bottom: .512rem;
    background: #ebf6ff;
    border-radius: .256rem;
    padding: .85333rem 1.36533rem 1.024rem;
    border: .04267rem solid rgba(22,107,199,.1)
}

.notary-icon {
    margin-bottom: .34133rem;
    display: flex;
    justify-content: center;
    height: 1.408rem;
    img {
        width: 1.408rem;
        height: 1.408rem
    }
}

.notary-title {
    margin-bottom: .34133rem;
    font-weight: 500;
    color: rgba(0,0,0,.85);
    text-align: center;
    font-size: .64rem
}

.notary-hash {
    font-size: .512rem;
    color: rgba(0,0,0,.65);
    line-height: .72533rem;
    height: 1.45067rem;
    word-break: break-all
}

.notary-hash .placeholder {
    height: .512rem;
    background: rgba(0,0,0,.05);
    border-radius: .08533rem
}

.notary-action {
    color: #576b95;
    font-size: .512rem;
    text-align: center;
    margin-top: .64rem
}

.font-size-10-1[data-v-3591383e] {
    font-size: .42667rem!important
}

.font-size-11-1[data-v-3591383e] {
    font-size: .46933rem!important
}

.font-size-12-1[data-v-3591383e] {
    font-size: .512rem!important
}

.font-size-13-1[data-v-3591383e] {
    font-size: .55467rem!important
}

.font-size-14-1[data-v-3591383e] {
    font-size: .59733rem!important
}

.font-size-15-1[data-v-3591383e] {
    font-size: .64rem!important
}

.font-size-16-1[data-v-3591383e] {
    font-size: .68267rem!important
}

.font-size-17-1[data-v-3591383e] {
    font-size: .72533rem!important
}

.font-size-18-1[data-v-3591383e] {
    font-size: .768rem!important
}

.font-size-19-1[data-v-3591383e] {
    font-size: .81067rem!important
}

.font-size-20-1[data-v-3591383e] {
    font-size: .85333rem!important
}

.font-size-21-1[data-v-3591383e] {
    font-size: .896rem!important
}

.font-size-22-1[data-v-3591383e] {
    font-size: .93867rem!important
}

.font-size-23-1[data-v-3591383e] {
    font-size: .98133rem!important
}

.font-size-24-1[data-v-3591383e] {
    font-size: 1.024rem!important
}

.font-size-26-1[data-v-3591383e] {
    font-size: 1.10933rem!important
}

.font-size-28-1[data-v-3591383e] {
    font-size: 1.19467rem!important
}

.font-size-32-1[data-v-3591383e] {
    font-size: 1.36533rem!important
}

.font-size-10-2[data-v-3591383e] {
    font-size: .48213rem!important
}

.font-size-11-2[data-v-3591383e] {
    font-size: .52907rem!important
}

.font-size-12-2[data-v-3591383e] {
    font-size: .576rem!important
}

.font-size-13-2[data-v-3591383e] {
    font-size: .62293rem!important
}

.font-size-14-2[data-v-3591383e] {
    font-size: .67413rem!important
}

.font-size-15-2[data-v-3591383e] {
    font-size: .72107rem!important
}

.font-size-16-2[data-v-3591383e] {
    font-size: .768rem!important
}

.font-size-17-2[data-v-3591383e] {
    font-size: .81493rem!important
}

.font-size-18-2[data-v-3591383e] {
    font-size: .86613rem!important
}

.font-size-19-2[data-v-3591383e] {
    font-size: .91307rem!important
}

.font-size-20-2[data-v-3591383e] {
    font-size: .96rem!important
}

.font-size-21-2[data-v-3591383e] {
    font-size: 1.0112rem!important
}

.font-size-22-2[data-v-3591383e] {
    font-size: 1.05813rem!important
}

.font-size-23-2[data-v-3591383e] {
    font-size: 1.10507rem!important
}

.font-size-24-2[data-v-3591383e] {
    font-size: 1.152rem!important
}

.font-size-26-2[data-v-3591383e] {
    font-size: 1.24587rem!important
}

.font-size-28-2[data-v-3591383e] {
    font-size: 1.344rem!important
}

.font-size-32-2[data-v-3591383e] {
    font-size: 1.50187rem!important
}

.font-size-10-3[data-v-3591383e] {
    font-size: .59733rem!important
}

.font-size-11-3[data-v-3591383e] {
    font-size: .65707rem!important
}

.font-size-12-3[data-v-3591383e] {
    font-size: .7168rem!important
}

.font-size-13-3[data-v-3591383e] {
    font-size: .77653rem!important
}

.font-size-14-3[data-v-3591383e] {
    font-size: .83627rem!important
}

.font-size-15-3[data-v-3591383e] {
    font-size: .896rem!important
}

.font-size-16-3[data-v-3591383e] {
    font-size: .95573rem!important
}

.font-size-17-3[data-v-3591383e] {
    font-size: 1.01547rem!important
}

.font-size-18-3[data-v-3591383e] {
    font-size: 1.0752rem!important
}

.font-size-19-3[data-v-3591383e] {
    font-size: 1.13493rem!important
}

.font-size-20-3[data-v-3591383e] {
    font-size: 1.19467rem!important
}

.font-size-21-3[data-v-3591383e] {
    font-size: 1.2544rem!important
}

.font-size-22-3[data-v-3591383e] {
    font-size: 1.31413rem!important
}

.font-size-23-3[data-v-3591383e] {
    font-size: 1.39093rem!important
}

.font-size-24-3[data-v-3591383e] {
    font-size: 1.4336rem!important
}

.font-size-26-3[data-v-3591383e] {
    font-size: 1.55307rem!important
}

.font-size-28-3[data-v-3591383e] {
    font-size: 1.67253rem!important
}

.font-size-32-3[data-v-3591383e] {
    font-size: 1.91147rem!important
}

[data-v-3591383e] {
    -webkit-touch-callout: none
}

.tipsWrapper[data-v-3591383e] {
    padding: .17067rem .17067rem .17067rem .68267rem;
    box-sizing: border-box;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    height: 1.536rem;
    border-radius: 4.26667rem;
    border: .02133rem solid hsla(210,8%,51%,.13);
    background: hsla(0,0%,100%,.8);
    backdrop-filter: blur(.10667rem);
    -webkit-backdrop-filter: blur(.10667rem)
}

.tipsWrapper .tipsTitle[data-v-3591383e] {
    font-size: .64rem;
    color: rgba(0,0,0,.65);
    line-height: .896rem
}

.tipsWrapper .minaBtn[data-v-3591383e] {
    color: #357bb3;
    padding: 0 .68267rem;
    font-size: .59733rem;
    font-weight: 700;
    background: #f2f2f2;
    border-radius: 2.13333rem;
    width: 4.352rem;
    height: 1.19467rem;
    line-height: 1.19467rem;
    text-align: center;
    margin-left: .68267rem
}

.summary-pc-wrapper[data-v-3591383e] {
    position: relative;
    top: -2.21867rem
}

.view-code[data-v-3591383e] {
    font-size: .68267rem
}

.view-code .empty-module[data-v-3591383e] {
    height: 12.8rem;
    margin-top: -12.8rem
}

.view-code .loading img[data-v-3591383e] {
    display: block;
    margin: 0 auto;
    width: 1.45067rem;
    height: .256rem;
    margin-top: 2.13333rem
}

.view-code .__code_module-content[data-v-3591383e] {
    display: flex;
    flex-flow: column;
    flex-direction: column
}

.view-code .__code_module-content.is-vertical-center.is-card-style>.head-wrapper[data-v-3591383e] {
    flex: auto;
    display: flex;
    flex-direction: column
}

.view-code .__code_module-content.is-vertical-center.is-card-style>.head-wrapper>[data-v-3591383e] {
    flex: none
}

.view-code .__code_module-content.is-vertical-center.is-card-style>.head-wrapper>.head-module-wrap[data-v-3591383e] {
    flex: auto;
    display: flex;
    flex-direction: column
}

.view-code .__code_module-content.is-content-vertical-center[data-v-3591383e],.view-code .__code_module-content.is-vertical-center[data-v-3591383e] {
    justify-content: center;
    position: relative
}

.view-code .__code_module-content.is-vCenter-with-codeMsgList[data-v-3591383e] {
    min-height: 50vh
}

.view-code .__code_module-content.is-frompc[data-v-3591383e] {
    min-height: 15.36rem
}

.view-code .__code_module-content .summaryCodeMenuStyle[data-v-3591383e] {
    padding: 0
}

.view-code .weixin-tip[data-v-3591383e] {
    width: 100%;
    height: 1.70667rem;
    line-height: 1.70667rem;
    text-align: center;
    color: #fff;
    font-size: .59733rem;
    background-color: #617891;
    box-shadow: 0 -.08533rem .42667rem 0 rgba(0,0,0,.2);
    font-weight: 500;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3
}

.view-code .weixin-tip-empty[data-v-3591383e] {
    height: 1.70667rem
}

.view-code .category-comp-wrap[data-v-3591383e] {
    padding: .85333rem .42667rem 0
}

.view-code .category-comp-wrap.summary-code-category-comp-wrap[data-v-3591383e] {
    padding: 0
}

.view-code .comp-wrap[data-v-3591383e] {
    padding: .68267rem .68267rem 0
}

.view-code .record-comp-wrap[data-v-3591383e] {
    padding: .68267rem 0 0
}

.view-code .no-padding-wrap[data-v-3591383e] {
    padding-top: .68267rem
}

.view-code .skip-preview-summary[data-v-3591383e] {
    padding-top: 0;
    padding-bottom: 0
}

.view-code .isSearching[data-v-3591383e] {
    padding: 0
}

.missingTip[data-v-3591383e] {
    padding: .512rem;
    background: #fdd6d6;
    font-size: .55467rem;
    line-height: .768rem;
    color: #804040;
    position: fixed;
    width: 100vw;
    top: 0;
    z-index: 1
}

.recordStatus[data-v-3591383e] {
    margin: 0 .42667rem .512rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .68267rem;
    background-color: #fff;
    box-shadow: 0 .34133rem 1.36533rem rgba(0,0,0,.05);
    border-radius: .256rem;
    white-space: nowrap
}

.recordStatus[data-v-3591383e]:active {
    background-color: #f8f8f8
}

.recordStatus .name[data-v-3591383e] {
    font-weight: 600;
    font-size: .768rem;
    line-height: 1.06667rem;
    color: #333;
    white-space: nowrap
}

.recordStatus .count[data-v-3591383e] {
    font-size: .512rem;
    line-height: .85333rem;
    color: #fff;
    background: #e64340;
    border-radius: .85333rem;
    height: .85333rem;
    min-width: .512rem;
    margin-right: .34133rem;
    display: inline-block;
    text-align: center;
    padding: 0 .17067rem
}

.recordStatus .value[data-v-3591383e] {
    display: flex;
    align-items: center
}

.recordStatus .value .clifont[data-v-3591383e] {
    color: #576b95
}

.work-weixin-wrap .loading img[data-v-3591383e] {
    display: block;
    margin: 0 auto;
    width: 1.45067rem;
    height: .256rem;
    margin-top: 2.13333rem
}

.work-weixin-wrap .work-weixin-wrap-box[data-v-3591383e] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 7.68rem
}

.work-weixin-wrap .work-weixin-wrap-box img[data-v-3591383e] {
    width: 2.38933rem;
    height: 2.38933rem
}

.work-weixin-wrap .work-weixin-wrap-box .text[data-v-3591383e] {
    font-size: .59733rem;
    line-height: .85333rem;
    color: rgba(0,0,0,.45);
    margin-top: 1.024rem
}

.subCodeEditIcon[data-v-3591383e] {
    position: fixed;
    width: 2.048rem;
    height: 2.048rem;
    background: #fff;
    box-shadow: 0 .08533rem .512rem rgba(0,0,0,.14);
    bottom: 3.84rem;
    z-index: 2;
    right: .85333rem;
    justify-content: center;
    align-items: center;
    border-radius: 1.10933rem;
    color: #666;
    font-size: .42667rem
}

.has-msg-list[data-v-3591383e],.subCodeEditIcon[data-v-3591383e] {
    display: flex;
    flex-direction: column
}

.page-wrapper .homeIconWrap[data-v-3591383e] {
    display: none
}

.page-wrapper .codeNavList[data-v-3591383e] {
    position: fixed;
    top: 8.53333rem;
    left: 4.26667rem;
    width: 2.56rem;
    height: 2.56rem;
    background-color: #0cc57f;
    z-index: 99
}

.page-wrapper.page-wrapper-has-home-icon[data-v-3591383e] {
    position: relative
}

.page-wrapper.page-wrapper-has-home-icon .homeIconWrap[data-v-3591383e] {
    position: relative;
    z-index: 6;
    width: .42667rem;
    min-width: .42667rem;
    max-width: .42667rem;
    display: block
}

.page-wrapper.page-wrapper-has-home-icon .homeIconWrap.needMinHeight[data-v-3591383e] {
    min-height: 1.536rem
}

.page-wrapper.page-wrapper-has-home-icon .homeIconWrap.categoryType_normal_new[data-v-3591383e] {
    width: 100vw;
    max-width: 100vw;
    background: #ededed
}

.page-wrapper.page-wrapper-has-home-icon .homeIconWrap .homePgaeLinkWrap[data-v-3591383e] {
    position: absolute;
    background: hsla(0,0%,100%,.55);
    width: 2.47467rem;
    height: 1.28rem;
    display: flex;
    align-items: center;
    padding-left: .512rem;
    margin-left: .68267rem;
    margin-top: .512rem;
    border-radius: 1.408rem;
    text-decoration: none;
    box-shadow: 0 0 .17067rem rgba(0,0,0,.1)
}

.page-wrapper.page-wrapper-has-home-icon .homeIconWrap .homePgaeLinkWrap.noText[data-v-3591383e] {
    width: 1.28rem
}

.page-wrapper.page-wrapper-has-home-icon .homeIconWrap .homePgaeLinkWrap[data-v-3591383e]:active,.page-wrapper.page-wrapper-has-home-icon .homeIconWrap .homePgaeLinkWrap[data-v-3591383e]:hover {
    text-decoration: none
}

.page-wrapper.page-wrapper-has-home-icon .homeIconWrap .homePgaeLinkWrap.fixRight[data-v-3591383e] {
    border-top-left-radius: 1.408rem;
    border-bottom-left-radius: 1.408rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-left: .512rem
}

.page-wrapper.page-wrapper-has-home-icon .homeIconWrap .homeIconImg[data-v-3591383e] {
    width: .68267rem;
    height: auto
}

.page-wrapper.page-wrapper-has-home-icon .homeIconWrap .homeIcon[data-v-3591383e] {
    font-size: .68267rem;
    width: .68267rem;
    height: .68267rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(0,0,0,.85);
    position: relative;
    top: -.04267rem
}

.page-wrapper.page-wrapper-has-home-icon .homeIconWrap .homePageText[data-v-3591383e] {
    font-size: .512rem;
    color: rgba(0,0,0,.85);
    text-decoration: none;
    margin-left: .17067rem;
    position: relative
}

.page-wrapper.page-wrapper-has-home-icon .homeIconWrap .homePageText[data-v-3591383e]:active,.page-wrapper.page-wrapper-has-home-icon .homeIconWrap .homePageText[data-v-3591383e]:hover {
    text-decoration: none
}

.page-wrapper.is-bg-img-mode[data-v-3591383e] {
    position: relative;
    background: transparent!important
}

.page-wrapper.is-bg-img-mode .head-wrapper[data-v-3591383e] {
    background: transparent!important;
    flex: none
}

.page-wrapper.is-bg-img-mode .content-wrapper[data-v-3591383e] {
    background-color: #fff;
    flex: auto
}

.page-wrapper.is-bg-img-mode .content-wrapper[data-v-3591383e]:empty {
    display: none
}

.page-wrapper.is-bg-img-mode .footer-padding-el[data-v-3591383e] {
    background-color: #fff
}

.page-wrapper.is-bg-img-mode .no-color-padding-el[data-v-3591383e] {
    background-color: transparent
}

.page-wrapper.is-bg-img-mode.has-code-content .__code_bottom-content[data-v-3591383e],.page-wrapper.is-bg-img-mode.has-code-content .bottom-btn-placeholder[data-v-3591383e] {
    background-color: #fff
}

.page-wrapper.is-bg-img-mode.has-code-content .content-wrapper[data-v-3591383e] {
    padding-bottom: .68267rem
}

.page-wrapper.is-bg-img-mode.has-code-content .__code_bottom-content[data-v-3591383e] {
    position: relative
}

.page-wrapper.is-bg-img-mode.has-code-content .__code_bottom-content[data-v-3591383e]:after,.page-wrapper.is-bg-img-mode.has-code-content .__code_bottom-content[data-v-3591383e]:before {
    content: "";
    width: 100%;
    height: .08533rem;
    background-color: #fff;
    position: absolute
}

.page-wrapper.is-bg-img-mode.has-code-content .__code_bottom-content[data-v-3591383e]:before {
    top: -.04267rem
}

.page-wrapper.is-bg-img-mode.has-code-content .__code_bottom-content[data-v-3591383e]:after {
    bottom: -.04267rem
}

.page-wrapper.is-bg-img-mode.has-code-content .__code_module-content>.x-record[data-v-3591383e] {
    background-color: #fff
}

.page-wrapper.is-bg-img-mode.has-code-content.is-color-extend .content-wrapper[data-v-3591383e] {
    padding-bottom: 0
}

.page-wrapper.is-bg-img-mode.has-code-content.is-color-extend .__code_bottom-content[data-v-3591383e] {
    background-color: transparent
}

.page-wrapper.is-bg-img-mode.has-code-content.is-color-extend .__code_bottom-content[data-v-3591383e]:after,.page-wrapper.is-bg-img-mode.has-code-content.is-color-extend .__code_bottom-content[data-v-3591383e]:before {
    display: none
}

.page-wrapper.is-bg-img-mode.has-code-content.is-color-extend .__code_module-content>.x-record[data-v-3591383e] {
    background-color: transparent
}

.page-wrapper.is-bg-img-mode.has-msg-list .content-wrapper[data-v-3591383e] {
    padding-bottom: 0
}

.page-wrapper.is-bg-img-mode.has-msg-list .__code_bottom-content[data-v-3591383e]:after,.page-wrapper.is-bg-img-mode.has-msg-list .__code_bottom-content[data-v-3591383e]:before {
    display: none
}

.page-wrapper.is-bg-img-mode.has-msg-list.is-color-extend .content-wrapper[data-v-3591383e] {
    padding-bottom: 0
}

.page-wrapper.is-bg-img-mode.has-msg-list.is-color-extend .__code_bottom-content[data-v-3591383e]:after,.page-wrapper.is-bg-img-mode.has-msg-list.is-color-extend .__code_bottom-content[data-v-3591383e]:before {
    display: none
}

.page-wrapper.is-bg-img-mode.has-code-content.has-msg-list .footer-padding-el[data-v-3591383e] {
    background-color: #fff
}

.page-wrapper.is-bg-img-mode.has-code-content.has-msg-list.is-color-extend .footer-padding-el[data-v-3591383e] {
    background-color: transparent
}

.page-wrapper.is-bg-img-mode .outer-container .bg-image[data-v-3591383e],.page-wrapper.is-bg-img-mode .outer-container .bg-video[data-v-3591383e] {
    position: absolute;
    left: 0;
    top: 0
}

.page-wrapper.is-bg-img-mode .outer-container.is-dynamic-bg-mode-width-mobile[data-v-3591383e] {
    overflow: unset!important
}

.page-wrapper.is-bg-img-mode .dynamic-bg-wrapper[data-v-3591383e] {
    position: relative;
    top: 0
}

.page-wrapper.is-bg-img-mode.is-color-extend .content-wrapper[data-v-3591383e],.page-wrapper.is-bg-img-mode.is-color-extend .footer-padding-el[data-v-3591383e] {
    background-color: transparent
}

.page-wrapper.is-share-mode.has-code-content .content-wrapper[data-v-3591383e] {
    padding-bottom: 1.024rem
}

.page-wrapper.is-color-extend[data-v-3591383e] {
    position: relative;
    background: transparent!important
}

.page-wrapper.is-color-extend .category-comp-wrap[data-v-3591383e] {
    padding-left: .42667rem;
    padding-right: .42667rem;
    padding-top: .85333rem
}

.page-wrapper.is-color-extend .category-comp-wrap.summary-code-category-comp-wrap[data-v-3591383e] {
    padding: 0
}

.page-wrapper.is-color-extend .comp-wrap[data-v-3591383e] {
    padding-left: .68267rem;
    padding-right: .68267rem
}

.page-wrapper.is-color-extend .record-comp-wrap[data-v-3591383e] {
    padding-left: 0;
    padding-right: 0
}

.has-bottom-msg .fixedBottomContainerPlaceholder[data-v-3591383e] {
    display: none
}

.warnTip[data-v-3591383e] {
    position: sticky;
    z-index: 1000;
    top: 0;
    display: flex;
    align-items: center;
    width: 100%;
    padding: .68267rem;
    background: #fff8f3;
    box-shadow: 0 .04267rem .512rem 0 rgba(0,0,0,.03);
    color: #f57c00;
    font-size: .55467rem;
    line-height: .768rem
}

.warnTip .anticon-warning-circle[data-v-3591383e] {
    font-size: .68267rem;
    margin-right: .512rem
}

.dynamic-bg-gradient[data-v-3591383e] {
    background-image: linear-gradient(hsla(0,0%,100%,0),#fff);
    position: absolute;
    top: 70%;
    height: 30%;
    left: 0;
    width: 100%;
    pointer-events: none;
    z-index: -1
}

.stickyHeader[data-v-3591383e] {
    position: sticky;
    top: 0;
    z-index: 1000
}

.write-msg-btn[data-v-3591383e] {
    text-align: center;
    background-color: transparent;
    color: #617181;
    font-size: .68267rem;
    font-weight: 700;
    font-weight: 500;
    line-height: normal;
    position: relative
}

.write-msg-btn .write-msg-btn-text[data-v-3591383e] {
    box-sizing: border-box;
    padding: .34133rem .68267rem;
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    border: .04267rem solid transparent
}

.image-left-wrapper[data-v-3591383e] {
    display: flex;
    align-items: flex-start;
    margin-left: .42667rem;
    margin-right: .42667rem;
    padding-top: .68267rem
}

.image-left-wrapper .left-item[data-v-3591383e]:last-child {
    flex: 1
}

.share_info[data-v-3591383e] {
    border-top: .02133rem solid hsla(210,8%,51%,.13);
    box-shadow: 0 -.08533rem .34133rem 0 rgba(0,0,0,.05);
    position: relative
}

.share_info .share_info_content[data-v-3591383e] {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .85333rem .68267rem 1.024rem
}

.share_info .share_info_content .code-info-value[data-v-3591383e] {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.share_info .share_info_content .code-info-value .code-name[data-v-3591383e] {
    color: #000;
    font-size: .68267rem;
    font-style: normal;
    font-weight: 500;
    line-height: .93867rem;
    min-height: .93867rem;
    margin-bottom: .512rem
}

.share_info .share_info_content .code-info-value .code-company[data-v-3591383e] {
    display: flex;
    align-items: center
}

.share_info .share_info_content .code-info-value .code-company span[data-v-3591383e] {
    color: rgba(0,0,0,.55);
    font-size: .59733rem;
    font-style: normal;
    font-weight: 400;
    line-height: .768rem
}

.share_info .share_info_content .code-info-value .code-company img[data-v-3591383e] {
    width: .93867rem;
    height: .93867rem;
    border-radius: .17067rem;
    margin-right: .34133rem
}

.share_info .share_info_content .code-img[data-v-3591383e] {
    width: 2.304rem;
    min-width: 2.304rem;
    height: 2.304rem;
    border-radius: .08533rem;
    overflow: hidden;
    margin-left: .34133rem
}

.share_info .share_info_content .code-img img[data-v-3591383e] {
    width: 100%
}

.share_info_fixed[data-v-3591383e] {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99999999999
}

.report-btn[data-v-3591383e] {
    display: inline-block;
    vertical-align: middle;
    font-size: .512rem;
    color: #999;
    border-radius: 0;
    white-space: nowrap;
    height: 1.36533rem;
    line-height: 1.36533rem
}

.view-code[data-v-3591383e] {
    --dark-mode-main-text-color: #fff;
    --dark-mode-secondary-text-color: hsla(0,0%,100%,0.65);
    --dark-mode-border-color: hsla(0,0%,100%,0.17);
    --dark-mode-background-color: hsla(0,0%,100%,0.12);
    --dark-mode-background-blur: 0.512rem;
    --light-mode-light-color-exclude-color-bg-background-color: rgba(0,0,0,0.1);
    --light-mode-light-color-exclude-color-bg-border-color: rgba(0,0,0,0.05)
}

.page-wrapper .codeFixedBottomBgContainer[data-v-3591383e] {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .2s ease-in-out
}

.codeFixedBottomBgContainer.not-scrolling[data-v-3591383e],.page-wrapper.is-scrolling .codeFixedBottomBgContainer.scrolling[data-v-3591383e] {
    opacity: 1
}

.codeFixedBottomBgContainer.scrolling[data-v-3591383e],.page-wrapper.is-scrolling .codeFixedBottomBgContainer.not-scrolling[data-v-3591383e] {
    opacity: 0
}

.codeFixedBottomMaskContainer[data-v-3591383e] {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: hsla(0,0%,100%,.05);
    z-index: -1
}

.ql-size-small {
    font-size: .512rem
}

.ql-size-large {
    font-size: .68267rem
}

.ql-size-huge {
    font-size: .85333rem
}

.ql-align-center {
    text-align: center
}

.ql-align-right {
    text-align: right
}

.ql-hr {
    margin: .42667rem 0;
    border-bottom: 0;
    border-top: .04267rem solid #999
}

.tips[data-v-110f74d1] {
    font-size: .59733rem;
    color: #999;
    line-height: 1.024rem;
    text-align: center;
    white-space: pre-line
}

.loadErrTips[data-v-110f74d1] {
    position: relative;
    top: -1.28rem
}

.tips.auditTips[data-v-110f74d1] {
    position: relative;
    font-size: .68267rem;
    line-height: 1.024rem;
    font-weight: 700;
    color: #373737;
    top: -.68267rem
}

.fusing[data-v-110f74d1] {
    font-size: .512rem;
    position: absolute;
    bottom: 1.024rem;
    color: #999;
    width: 100%;
    text-align: center
}

.fusing.auditTipsDesc[data-v-110f74d1] {
    color: #999;
    position: unset;
    bottom: unset
}

.outline-tips[data-v-110f74d1] {
    font-weight: 600;
    font-size: .93867rem;
    line-height: 1.49333rem;
    text-align: center;
    color: rgba(0,0,0,.85);
    margin-top: 1.36533rem
}

.outline-reminds[data-v-110f74d1] {
    font-size: .68267rem;
    line-height: 1.152rem;
    text-align: center;
    color: rgba(0,0,0,.45);
    white-space: pre-line;
    padding: 0 1.36533rem;
    margin-top: .68267rem
}

.outline-reminds2[data-v-110f74d1] {
    font-size: .55467rem;
    margin-bottom: 0
}

.recover[data-v-110f74d1] {
    color: #fff;
    background: #166bc7;
    position: fixed;
    left: 50%;
    bottom: 6.656rem;
    transform: translateX(-50%)
}

.recover[data-v-110f74d1],.standard[data-v-110f74d1] {
    width: 7.85067rem;
    height: 2.048rem;
    line-height: 2.048rem;
    font-size: .68267rem;
    text-align: center;
    border-radius: .17067rem
}

.standard[data-v-110f74d1] {
    color: #1eb758;
    background: #f0f0f0;
    margin: .68267rem auto 0
}

.mt-12[data-v-110f74d1] {
    margin-top: .512rem
}

.mt16[data-v-110f74d1] {
    margin-top: .68267rem
}

.content[data-v-82ed5b4a] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    position: relative
}

.content .cont[data-v-82ed5b4a] {
    padding: 0 1.024rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1
}

.content .tips[data-v-82ed5b4a] {
    text-align: center;
    font-size: .93867rem;
    line-height: 1.28rem;
    color: rgba(0,0,0,.87);
    font-weight: 500
}

.content.isMoreInfo .tips[data-v-82ed5b4a] {
    margin-top: 2.38933rem
}

.content.isIPhoneX.isMoreInfo .tips[data-v-82ed5b4a] {
    margin-top: 3.75467rem
}

.content .reminder[data-v-82ed5b4a] {
    text-align: center;
    font-size: .59733rem;
    color: #9b9b9b;
    margin-top: .68267rem;
    line-height: .85333rem
}

.content.isMoreInfo .reminder[data-v-82ed5b4a] {
    font-size: .55467rem;
    line-height: .768rem
}

.content .input-div[data-v-82ed5b4a] {
    margin-top: 2.38933rem
}

.content .psw-input[data-v-82ed5b4a] {
    border: .08533rem solid #e6e6e6;
    width: 100%;
    padding: 0 .42667rem;
    box-sizing: border-box;
    height: 2.304rem;
    font-size: .68267rem;
    text-align: center;
    outline: none;
    font-weight: 400;
    color: #333;
    border-radius: .08533rem;
    -webkit-appearance: none
}

.content .psw-input.isMoreInfo .pswImport[data-v-82ed5b4a] {
    margin-top: 1.36533rem
}

.content .psw-input[data-v-82ed5b4a]::-webkit-input-placeholder {
    font-size: .68267rem;
    line-height: .93867rem;
    color: #bbb
}

.content .el-checkbox[data-v-82ed5b4a] {
    min-width: 7.68rem;
    margin: 0 auto
}

.content .el-checkbox label[data-v-82ed5b4a] {
    display: flex;
    align-items: center;
    color: #9b9b9b;
    justify-content: center;
    height: .85333rem
}

.content .el-checkbox .check[data-v-82ed5b4a] {
    position: relative
}

.content .el-checkbox input[type=checkbox][data-v-82ed5b4a] {
    -webkit-appearance: none;
    position: absolute;
    top: calc(50% - .21333rem);
    left: -.59733rem;
    vertical-align: middle;
    margin-top: 0;
    background: #fff;
    border: .04267rem solid #999;
    width: .59733rem;
    height: .59733rem;
    line-height: .59733rem;
    outline: none;
    text-align: center;
    border-radius: 50%
}

.content .el-checkbox .show[data-v-82ed5b4a] {
    display: none
}

.content .el-checkbox input[type=checkbox]:checked+.show[data-v-82ed5b4a] {
    display: block;
    position: absolute;
    width: .59733rem;
    height: .59733rem;
    line-height: .59733rem;
    background: #3cb067;
    font-size: .59733rem;
    color: #fff;
    top: calc(50% - .21333rem);
    left: -.59733rem;
    border-radius: 50%
}

.content .el-checkbox input[type=checkbox]:checked+.show i[data-v-82ed5b4a] {
    font-size: .512rem
}

.content .el-checkbox input[type=checkbox]:checked+.show i[data-v-82ed5b4a]:before {
    margin-left: .04267rem
}

.content .el-checkbox .word[data-v-82ed5b4a] {
    position: relative;
    font-size: .59733rem;
    top: .08533rem;
    margin-left: .34133rem;
    word-break: break-all;
    line-height: .85333rem
}

.content .iosFooter[data-v-82ed5b4a] {
    position: absolute;
    bottom: 2.38933rem;
    width: 100%
}

.content .comfirm[data-v-82ed5b4a] {
    width: 7.68rem;
    height: 1.70667rem;
    background: #1aad19;
    border-radius: .17067rem;
    margin: 1.024rem auto 0;
    font-size: .72533rem;
    color: #fff;
    line-height: 1.70667rem;
    text-align: center
}

.content[data-v-596f4f39] {
    position: fixed;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
    margin-top: -2.56rem
}

.valid-img[data-v-596f4f39] {
    width: 6.144rem;
    height: 5.97333rem;
    margin-bottom: 1.28rem;
    margin-left: 1.28rem
}

.title[data-v-596f4f39] {
    margin-bottom: .59733rem;
    height: .64rem;
    line-height: .64rem;
    font-size: .64rem;
    font-family: PingFangSC-Semibold;
    font-weight: 400;
    color: #4a4a4a
}

.info[data-v-596f4f39] {
    height: 1.70667rem;
    font-size: .55467rem;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #999;
    line-height: .768rem;
    padding: 0 1.57867rem
}

.footer[data-v-596f4f39] {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    font-size: .512rem;
    color: #999;
    padding: .21333rem 0 .42667rem
}

.footer a[data-v-596f4f39] {
    color: #617891;
    text-decoration: none;
    cursor: pointer
}

.group-item[data-v-3eb9e266] {
    margin-bottom: .68267rem;
    font-size: .64rem
}

.group-item .title[data-v-3eb9e266] {
    color: #999;
    word-break: break-all
}

.group-item .content[data-v-3eb9e266] {
    margin-top: .17067rem;
    color: rgba(0,0,0,.87)
}

.inline[data-v-3eb9e266] {
    display: flex;
    justify-content: space-between
}

.inline .title[data-v-3eb9e266] {
    max-width: 50%!important
}

.inline .content[data-v-3eb9e266] {
    margin-top: 0
}

.flag[data-v-b57d7390] {
    background-color: rgba(0,0,0,.6);
    top: 0;
    right: 0;
    padding: .08533rem;
    border-bottom-left-radius: .34133rem;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .42667rem;
    color: #fff
}

.flag .icon[data-v-b57d7390] {
    font-size: .512rem;
    margin-right: .04267rem
}

.flag .errorIcon[data-v-b57d7390] {
    color: #e64340
}

.flag .successIcon[data-v-b57d7390] {
    color: #07c160
}

.flag .anticon-cli-angle-right[data-v-b57d7390] {
    margin-right: 0;
    color: #fff
}

.radio-answer[data-v-5caaaf8a] {
    display: inline
}

.result-tag[data-v-5caaaf8a] {
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    border-radius: .08533rem;
    font-size: .59733rem;
    font-weight: 400;
    line-height: normal;
    padding-left: .17067rem;
    padding-right: .17067rem;
    margin-left: .17067rem
}

.result-tag.right-tag[data-v-5caaaf8a] {
    background: #f6ffed;
    color: #00a13b
}

.result-tag.error-tag[data-v-5caaaf8a] {
    background: #fff1f0;
    color: #d94441;
    cursor: pointer
}

.answer-intro-header[data-v-5caaaf8a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.024rem 1.024rem .34133rem 1.024rem;
    position: relative;
    color: rgba(0,0,0,.85);
    font-size: .81067rem;
    font-weight: 500;
    line-height: normal
}

.answer-intro-header[data-v-5caaaf8a]:before {
    content: "";
    display: inline-block;
    width: .04267rem;
    height: 100%
}

.answer-intro-header .close[data-v-5caaaf8a] {
    color: #bbb;
    font-size: 1.024rem;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start
}

.answer-intro-header .icon-close[data-v-5caaaf8a] {
    font-size: 1.024rem;
    color: #bbb;
    line-height: 1
}

.radio-answer-content[data-v-5caaaf8a] {
    margin-top: .512rem;
    margin-bottom: .512rem;
    max-height: 50vh;
    width: 100%;
    overflow-y: auto
}

.radio-list-wrap[data-v-5caaaf8a] {
    margin-left: 1.024rem;
    margin-right: 1.024rem
}

.radio-label[data-v-5caaaf8a] {
    display: block;
    padding: .59733rem .512rem;
    font-size: .68267rem;
    position: relative;
    border: .04267rem solid #e6e6e6;
    border-radius: .17067rem;
    margin-top: .42667rem;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    font-weight: 400
}

.radio-label .b-radio[data-v-5caaaf8a] {
    border: .04267rem solid #ccc;
    width: .68267rem;
    height: .68267rem;
    border-radius: 50% 50%;
    vertical-align: middle;
    position: relative;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    margin-right: .512rem
}

.radio-label .b-radio[data-v-5caaaf8a]:before {
    content: "";
    width: calc(100% - .256rem);
    height: calc(100% - .256rem);
    text-align: center;
    border-radius: 50%;
    box-sizing: border-box;
    display: none
}

.radio-label .radio-tag[data-v-5caaaf8a] {
    color: rgba(0,0,0,.87);
    line-height: 1.4;
    word-break: break-all;
    margin-left: .42667rem;
    flex-shrink: 0;
    font-weight: 400
}

.radio-label[data-v-5caaaf8a]:first-child {
    margin-top: 0
}

.radio-label.correct-item[data-v-5caaaf8a] {
    border-radius: .17067rem;
    border: .04267rem solid #07c160;
    background: #f6ffed;
    box-shadow: 0 0 0 .128rem rgba(22,107,199,.08);
    font-weight: 700;
    font-weight: 600
}

.radio-label.correct-item .b-radio[data-v-5caaaf8a] {
    border-color: #07c160
}

.radio-label.correct-item .b-radio[data-v-5caaaf8a]:before {
    display: inline-block;
    background: #07c160
}

.radio-label.correct-item .radio-tag[data-v-5caaaf8a] {
    color: #00a13b;
    font-size: .59733rem;
    font-weight: 400;
    line-height: normal;
    margin-left: .42667rem
}

.radio-label.error-item[data-v-5caaaf8a] {
    border-radius: .17067rem;
    border: .04267rem solid #e64340;
    background: #fff1f0;
    box-shadow: 0 0 0 .128rem rgba(22,107,199,.08);
    font-weight: 700;
    font-weight: 600
}

.radio-label.error-item .b-radio[data-v-5caaaf8a] {
    border-color: #e64340
}

.radio-label.error-item .b-radio[data-v-5caaaf8a]:before {
    display: inline-block;
    background: #e64340
}

.radio-label.error-item .radio-tag[data-v-5caaaf8a] {
    color: #d94441;
    font-size: .59733rem;
    font-weight: 400;
    line-height: normal
}

.answer-intro-bottom[data-v-5caaaf8a] {
    padding: .512rem;
    box-shadow: 0 -.34133rem 1.36533rem 0 rgba(0,0,0,.05)
}

.answer-intro-bottom .confirmBtn[data-v-5caaaf8a] {
    width: 100%;
    max-width: 100%;
    padding: .34133rem 1.024rem;
    background: #f2f2f2;
    color: #fff;
    text-align: center;
    font-size: .72533rem;
    font-weight: 500;
    line-height: 1.36533rem;
    height: auto;
    border-radius: .34133rem;
    background: #166bc7
}

.answer-intro-bottom.iphoneXBottom[data-v-5caaaf8a] {
    padding-bottom: 1.23733rem
}

.guard-img-wrapper[data-v-c956c1da] {
    position: relative;
    display: inline-block
}

.guard-img[data-v-c956c1da] {
    max-width: 100%;
    height: auto;
    transition: filter .3s ease
}

.item-content span[data-v-c43ff280]:first-child {
    white-space: pre-wrap
}

.item-content .item-table[data-v-c43ff280],.item-content .signature .signatureImg[data-v-c43ff280],.item-content .signature[data-v-c43ff280] {
    width: 100%
}

.item-content .item-table .row[data-v-c43ff280] {
    display: flex;
    color: #333;
    font-size: .59733rem;
    border: .04267rem solid #d8d8d8;
    min-height: 1.62133rem;
    border-bottom: none
}

.item-content .item-table[data-v-c43ff280]:last-child {
    border-bottom: .04267rem solid #d8d8d8
}

.item-content .item-table .colName[data-v-c43ff280] {
    flex: 2.1;
    padding: .42667rem .512rem;
    border-right: .04267rem solid #d8d8d8;
    line-height: .85333rem;
    display: flex;
    align-items: center;
    background: #fafafa
}

.item-content .item-table .colVal[data-v-c43ff280] {
    flex: 5;
    padding: .42667rem .512rem;
    position: relative;
    align-self: center
}

.item-content .item-table .item-content-empty[data-v-c43ff280] {
    color: #bbb;
    font-style: italic
}

.item-content .imgs[data-v-c43ff280] {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.item-content .imgs .img[data-v-c43ff280] {
    width: calc(33.33333% - .31289rem);
    padding-top: calc(33.33333% - .31289rem);
    overflow: hidden;
    position: relative;
    margin-right: .46933rem;
    margin-bottom: .46933rem;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.item-content .imgs .img[data-v-c43ff280]:nth-child(3n) {
    margin-right: 0
}

.item-content .imgs .img img[data-v-c43ff280] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0
}

.item-content .checklist i[data-v-c43ff280] {
    color: #999;
    font-size: .768rem;
    padding-right: .21333rem;
    position: relative;
    top: .08533rem
}

.item-content .checklist .danger[data-v-c43ff280] {
    color: #e64340!important
}

.item-content .checklist .success[data-v-c43ff280] {
    color: #4caf50!important
}

.item-content .checklist span[data-v-c43ff280] {
    position: relative
}

.item-content .checklist .check-item[data-v-c43ff280] {
    display: flex;
    margin-top: .21333rem
}

.item-content .ellipsis[data-v-c43ff280] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.item-content .files .file-item[data-v-c43ff280] {
    display: flex;
    margin-bottom: .256rem;
    padding: .512rem 0 .512rem .68267rem;
    background: #f5f9fa;
    border: .04267rem solid #e9e9e9;
    box-sizing: border-box;
    border-radius: .256rem
}

.item-content .files .file-item .icon img[data-v-c43ff280] {
    width: 2.048rem
}

.item-content .files .file-item .name[data-v-c43ff280] {
    font-size: .68267rem;
    line-height: .93867rem;
    color: #333;
    max-width: 8.53333rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.item-content .files .file-item .size[data-v-c43ff280] {
    margin-top: .17067rem;
    font-size: .59733rem;
    line-height: .85333rem;
    color: #666;
    max-width: 10.24rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.item-content .files .file-item .file-info[data-v-c43ff280] {
    margin-left: .512rem;
    flex: 1;
    padding: .34133rem
}

.item-content .files .file-item .del-icon[data-v-c43ff280] {
    width: 1.70667rem;
    height: 1.70667rem;
    text-align: center;
    line-height: 1.70667rem;
    color: #999
}

.desc-text[data-v-c43ff280] {
    display: block;
    font-size: .59733rem;
    line-height: .896rem;
    color: rgba(0,0,0,.65)
}

.desc-img-wrapper[data-v-c43ff280] {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: .17067rem
}

.desc-img-wrapper .img[data-v-c43ff280] {
    margin-right: .17067rem;
    margin-top: .17067rem;
    max-width: 2.048rem;
    max-height: 2.048rem
}

.checklist-text[data-v-c43ff280] {
    font-weight: 700;
    margin-right: .21333rem
}

.group[data-v-5ce0f028] {
    margin: .68267rem;
    margin-bottom: 0
}

.group.noMT[data-v-5ce0f028] {
    margin-top: 0
}

.group .time[data-v-5ce0f028] {
    font-size: .59733rem;
    color: #666;
    margin-bottom: .34133rem
}

.group .content[data-v-5ce0f028] {
    background: #fff;
    border-radius: .17067rem;
    overflow: hidden
}

.group .content.fromRecordRemind[data-v-5ce0f028] {
    box-shadow: 0 .08533rem .42667rem 0 rgba(0,0,0,.1)
}

.group .content .group-title[data-v-5ce0f028] {
    font-size: .64rem;
    color: #666;
    font-weight: 600;
    margin-bottom: .68267rem;
    margin-top: .68267rem;
    padding-bottom: .17067rem;
    border-bottom: .04267rem solid #666
}

.group .content .sub-title[data-v-5ce0f028] {
    margin-top: .34133rem;
    padding: 0 .68267rem;
    color: #999;
    font-size: .512rem
}

.group .content .owner-record-number[data-v-5ce0f028] {
    padding: .34133rem .68267rem;
    color: #000;
    font-size: .55467rem;
    line-height: .81067rem;
    border-bottom: .04267rem solid hsla(210,8%,51%,.13)
}

.group .content .base-info[data-v-5ce0f028] {
    padding: .512rem .68267rem 0;
    color: #333;
    border-radius: .17067rem .17067rem 0 0
}

.group .content .base-info .title[data-v-5ce0f028] {
    position: relative;
    font-size: .64rem;
    line-height: .768rem;
    color: #000;
    margin-bottom: .59733rem
}

.group .content .base-info .title[data-v-5ce0f028]:before {
    position: absolute;
    left: -.68267rem;
    top: 0;
    content: "";
    width: .08533rem;
    height: 100%;
    background-color: #166bc7
}

.group .content .base-info .action[data-v-5ce0f028] {
    background-color: #f4f4f4;
    border-radius: .384rem;
    color: #666;
    font-size: .512rem;
    padding: .04267rem .256rem;
    position: relative;
    top: -1
}

.group .content .base-info .top-tip[data-v-5ce0f028] {
    display: flex;
    justify-content: space-between;
    margin-bottom: .68267rem
}

.group .content .base-info .top-tip .tip[data-v-5ce0f028] {
    font-size: .68267rem;
    font-weight: 500;
    flex: 1;
    word-break: break-all
}

.group .content .base-info .top-tip .all-entry[data-v-5ce0f028] {
    font-size: .59733rem;
    min-width: 2.98667rem;
    text-align: right;
    padding-left: .34133rem
}

.group .content .base-info .top-tip .all-entry span[data-v-5ce0f028] {
    position: relative;
    right: -.21333rem
}

.group .content .base-info .top-tip .all-entry i[data-v-5ce0f028] {
    position: relative;
    top: .04267rem
}

.group .content .base-info .tip-items .title[data-v-5ce0f028] {
    display: flex;
    justify-content: space-between;
    padding-bottom: .68267rem
}

.group .content .base-info .tip-items .title .name[data-v-5ce0f028] {
    font-weight: 500;
    font-size: .68267rem;
    flex: 1;
    padding-right: .68267rem;
    word-break: break-all;
    line-height: 1.3;
    position: relative;
    top: .04267rem
}

.group .content .base-info .tip-items .title .view-code[data-v-5ce0f028] {
    display: flex;
    font-size: .59733rem
}

.group .content .base-info .tip-items .title .view-code .clifont[data-v-5ce0f028] {
    font-size: .68267rem;
    position: relative;
    top: -.04267rem
}

.group .content .base-info .tip-items .item[data-v-5ce0f028] {
    margin-bottom: .256rem;
    display: flex;
    line-height: .68267rem
}

.group .content .base-info .tip-items .item.hasNumberItem[data-v-5ce0f028] {
    margin-bottom: 0
}

.group .content .base-info .tip-items .item .label[data-v-5ce0f028] {
    width: 3.84rem;
    font-size: .64rem;
    line-height: .768rem;
    position: relative;
    color: #999
}

.group .content .base-info .tip-items .item .iContent[data-v-5ce0f028] {
    flex: 1;
    word-break: break-all;
    font-size: .59733rem;
    background: transparent
}

.group .content .base-info .tip-items .item .formName[data-v-5ce0f028] {
    display: flex;
    width: 100%;
    justify-content: space-between
}

.group .content .base-info .tip-items .item .recordNumber[data-v-5ce0f028] {
    padding: .128rem .256rem;
    border-radius: .17067rem;
    background: rgba(0,0,0,.1)
}

.group .content .base-info .tip-items .item[data-v-5ce0f028]:last-child {
    margin-bottom: 0
}

.group .recordMark[data-v-5ce0f028] {
    color: #666;
    padding: .512rem .68267rem;
    text-align: center;
    background: #fff;
    box-shadow: 0 .08533rem .34133rem 0 rgba(0,0,0,.04);
    border-radius: .21333rem;
    font-size: .59733rem;
    margin-bottom: .68267rem
}

.group .recordMark .info[data-v-5ce0f028] {
    font-size: .512rem;
    margin-top: .17067rem
}

.group .recordMark span[data-v-5ce0f028] {
    color: #617891
}

.change-status-item-wrap[data-v-5ce0f028] {
    margin-bottom: .68267rem
}

.change-status-item-wrap .status-label[data-v-5ce0f028] {
    font-size: .64rem;
    line-height: .768rem;
    color: #999;
    margin-bottom: .34133rem
}

.change-status-item-wrap .status-content[data-v-5ce0f028] {
    font-size: .59733rem;
    line-height: .768rem;
    color: #666
}

.change-status-item-wrap .anticon-jiantou[data-v-5ce0f028] {
    color: #bbb;
    margin-left: .17067rem;
    margin-right: .17067rem
}

.ai-fill-image-title-suffix[data-v-5ce0f028] {
    color: #166bc7;
    background-color: #ebf6ff;
    padding: .064rem .256rem;
    font-size: .512rem;
    margin-left: .08533rem;
    display: inline-flex;
    font-weight: 400;
    align-items: center;
    line-height: .85333rem
}

.remindWrap[data-v-3d606a2c] {
    background: #f4f4f4
}

.powerBy[data-v-3d606a2c] {
    color: #999;
    font-size: .59733rem;
    text-align: center;
    height: 1.36533rem;
    line-height: 1.36533rem;
    padding: .256rem 0
}

.powerBy span[data-v-3d606a2c] {
    color: #357bb3
}

.deleted[data-v-3d606a2c] {
    width: 100%;
    text-align: center;
    padding-top: 5.97333rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center
}

.deleted-image[data-v-3d606a2c] {
    width: 7.38133rem;
    height: 7.38133rem
}

.deleted-tips[data-v-3d606a2c] {
    font-size: .768rem;
    margin-top: .512rem;
    color: #333
}

.bottom-tip[data-v-3d606a2c] {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: .85333rem;
    text-align: center;
    font-size: .59733rem;
    color: #357bb3;
    margin-bottom: 1.19467rem
}

.mobile-style-wrapper {
    position: relative;
    outline-color: #fff;
    outline-style: solid;
    border: 1PX solid #edeff0;
    overflow: hidden;
    box-shadow: 0 2.4PX 14.4PX 2.4PX rgba(0,0,0,.04),0 7.2PX 16.8PX 2PX rgba(0,0,0,.05),0 9.6PX 18.4PX 2PX rgba(0,0,0,.02);
    outline-width: 6PX;
    border-width: 1PX;
    /* border-radius:36PX; */
    min-height: calc(100vh - 96PX)
}

.mobile-style-wrapper .status-bar {
    position: absolute;
    width: 100%;
    height: 111.47PX;
    top: 0
}

.scanContent[data-v-46e2ccfa] {
    position: fixed;
    right: 0;
    bottom: 8.53333rem
}

.scanContent .outScan[data-v-46e2ccfa] {
    position: absolute;
    right: .17067rem;
    width: 1.28rem;
    height: 1.28rem;
    border: .08533rem solid #4caf50;
    border-radius: 50%;
    text-align: center;
    opacity: .33;
    display: flex;
    justify-content: center;
    align-items: center
}

.scanContent .outScan .scanIcon[data-v-46e2ccfa] {
    font-weight: 700;
    font-size: 1.19467rem;
    color: #4caf50
}

.scanContent .scanNext[data-v-46e2ccfa] {
    top: 0
}

.scanContent .scanPrev[data-v-46e2ccfa] {
    top: 1.92rem
}

.scanContent .scanUser[data-v-46e2ccfa] {
    top: 3.84rem
}

.code-meta[data-v-46e2ccfa] {
    width: 330PX;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    padding-top: 48PX;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow-y: auto
}

.code-meta[data-v-46e2ccfa]::-webkit-scrollbar {
    display: none
}

.code-meta .code-meta-url[data-v-46e2ccfa] {
    display: flex;
    align-items: center;
    margin-top: 8PX
}

.code-meta .code-meta-url span[data-v-46e2ccfa] {
    font-size: 12PX;
    width: 204PX;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.code-meta .code-meta-url i[data-v-46e2ccfa] {
    font-size: 16PX;
    color: #367bb3;
    cursor: pointer
}

.code-meta .actions[data-v-46e2ccfa] {
    display: flex;
    flex-direction: column;
    margin-top: 16PX;
    line-height: 1
}

.code-meta .actions a[data-v-46e2ccfa] {
    color: #367bb3;
    font-size: 14PX;
    cursor: pointer;
    text-decoration: none;
    margin-bottom: 12PX
}

.code-meta .actions a[data-v-46e2ccfa]:last-child {
    margin-bottom: 0
}

.code-meta .actions button[data-v-46e2ccfa] {
    border: 1PX solid #d9d9d9;
    width: 218PX;
    height: 40PX;
    border-radius: 4PX;
    background-color: #fff;
    color: rgba(0,0,0,.85);
    margin-bottom: 12PX;
    cursor: pointer;
    font-size: 14PX;
    outline: none
}

.code-meta .code-meta-image[data-v-46e2ccfa] {
    width: 218PX;
    height: 218PX
}

.code-meta .code-meta-image img[data-v-46e2ccfa] {
    width: 218PX;
    height: 218PX;
    box-shadow: 0 .03285rem .26368rem 0 rgba(0,0,0,.1);
    border: .04267rem solid hsla(210,8%,51%,.13)
}

.read-mode-wrapper[data-v-46e2ccfa] {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 350PX;
    left: 0;
    background: #fff;
    z-index: 1;
    border-right: .04267rem solid hsla(210,8%,51%,.13);
    display: flex;
    flex-direction: column;
    transition: all .5s
}

.read-mode-shown-action[data-v-46e2ccfa] {
    display: flex;
    align-items: center;
    position: absolute;
    transform: translateX(100%);
    right: 0;
    top: 22PX;
    background-color: #fff;
    border: 1PX solid hsla(210,8%,51%,.13);
    border-radius: 0 4PX 4PX 0;
    font-size: 14PX;
    padding: 4PX;
    cursor: pointer
}

.read-mode-content-style-container[data-v-46e2ccfa] {
    border-radius: 4PX;
    border: .04267rem solid hsla(210,8%,51%,.25);
    margin: 0 16PX 16PX 16PX
}

.read-mode-actions-inline[data-v-46e2ccfa] {
    display: flex;
    gap: 1.36533rem;
    justify-content: center;
    align-items: center;
    font-size: 12PX;
    color: #166bc7;
    padding: .42667rem 0;
    border-bottom: .04267rem solid hsla(210,8%,51%,.25)
}

.read-mode-actions-inline span[data-v-46e2ccfa] {
    cursor: pointer
}

.read-mode-actions[data-v-46e2ccfa] {
    display: flex;
    border-radius: 4PX;
    background-color: #fff;
    padding: 24PX;
    margin-bottom: 12PX;
    border-bottom: .04267rem solid hsla(210,8%,51%,.13);
    justify-content: space-between;
    align-items: center
}

.read-mode-actions .read-mode-actions-btn[data-v-46e2ccfa] {
    display: flex
}

.read-mode-actions .read-mode-actions-btn a[data-v-46e2ccfa] {
    display: inline-block;
    position: relative;
    box-sizing: border-box
}

.read-mode-actions .read-mode-actions-btn a .dropdown-menu[data-v-46e2ccfa] {
    position: absolute;
    top: 100%;
    left: -80PX;
    background-color: #fff;
    border: 1PX solid hsla(210,8%,51%,.13);
    border-radius: 4PX;
    padding: 4PX;
    display: none
}

.read-mode-actions .read-mode-actions-btn a .dropdown-menu .dropdown-menu-item[data-v-46e2ccfa] {
    padding: 8PX 12PX;
    cursor: pointer;
    color: rgba(0,0,0,.85);
    transition: all .3s
}

.read-mode-actions .read-mode-actions-btn a .dropdown-menu .dropdown-menu-item[data-v-46e2ccfa]:hover {
    background-color: #f5f5f5
}

.read-mode-actions .read-mode-actions-btn a:hover .dropdown-menu[data-v-46e2ccfa] {
    display: block
}

.read-mode-actions .title[data-v-46e2ccfa] {
    font-size: 16PX
}

.read-mode-actions a[data-v-46e2ccfa] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #367bb3;
    font-size: 14PX;
    cursor: pointer;
    text-decoration: none;
    margin-right: 12PX;
    white-space: nowrap
}

.read-mode-actions a i[data-v-46e2ccfa] {
    font-size: 14PX
}

.read-mode-actions a[data-v-46e2ccfa]:last-child {
    margin-right: 0
}

.read-mode-content[data-v-46e2ccfa] {
    padding: 16PX;
    font-size: 14PX;
    overflow-y: auto
}

.read-mode-wrapper.hidden[data-v-46e2ccfa] {
    transform: translateX(-100%)
}

.read-mode-content-style[data-v-46e2ccfa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24PX 16PX;
    border-top: 1PX solid hsla(210,8%,51%,.25)
}

.read-mode-content-style .main-title[data-v-46e2ccfa] {
    font-size: 16PX;
    color: rgba(0,0,0,.85)
}

.read-mode-content-style .read-mode-content-style-list[data-v-46e2ccfa] {
    display: flex;
    align-items: center;
    justify-self: center;
    border-radius: 6PX;
    overflow: hidden;
    background: #f8f8f9;
    padding: .17067rem
}

.read-mode-content-style .read-mode-content-style-list .read-mode-content-style-list-item[data-v-46e2ccfa] {
    cursor: pointer;
    color: rgba(0,0,0,.25);
    font-size: 12PX;
    height: 1.19467rem;
    width: 2.048rem;
    border-radius: 4PX;
    display: flex;
    align-items: center;
    line-height: 1;
    justify-content: center
}

.read-mode-content-style .read-mode-content-style-list .read-mode-content-style-list-item[data-v-46e2ccfa]:last-child {
    border-right: none
}

.read-mode-content-style .read-mode-content-style-list .active[data-v-46e2ccfa] {
    background-color: #fff;
    color: rgba(0,0,0,.85);
    box-shadow: 0 .04267rem .128rem 0 rgba(0,0,0,.12);
    font-weight: 500
}

.view-code-wrapper[data-v-46e2ccfa] {
    margin: 0 0;
    border-radius: 36PX
}

@media (max-width: 1140PX) {
    .code-meta[data-v-46e2ccfa],.read-mode-wrapper[data-v-46e2ccfa] {
        width:250PX
    }
}

@media (max-width: 1000PX) {
    .code-meta[data-v-46e2ccfa],.read-mode-wrapper[data-v-46e2ccfa] {
        display:none
    }
}