html {
    background-color: #fbfbfb
}

* {
    box-sizing: border-box
}

a {
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    touch-callout: none;
    -webkit-touch-callout: none
}

body {
    font-size: 14px;
    font-family: -apple-system,SF UI Text,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;
    color: #333;
    background-color: #fbfbfb
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.scrollable {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.icon {
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0)
}

.icon, button {
    display: inline-block
}

button {
    margin-bottom: 0;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    background-image: none;
    border: 1px solid transparent;
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background-color .3s ease-out,border-color .3s ease-out
}

h1 {
    font-size: 48px
}

h2 {
    font-size: 36px
}

h3 {
    font-size: 26px
}

h4 {
    font-size: 20px
}

@font-face {
    font-family: red-icon;
    src: url(//s.xiaohongshu.com/formula-static/frieza/public/fonts/iconfont.7b4d269.eot);
    src: url(//s.xiaohongshu.com/formula-static/frieza/public/fonts/iconfont.7b4d269.eot#iefix) format("embedded-opentype"),url(//s.xiaohongshu.com/formula-static/frieza/public/fonts/iconfont.ceae725.ttf) format("truetype")
}

.red-icon {
    font-family: red-icon !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-android:before {
    content: "\e663"
}

.icon-arrow:before {
    content: "\e664"
}

.icon-agree:before {
    content: "\e665"
}

.icon-arrow1:before {
    content: "\e666"
}

.icon-appstore:before {
    content: "\e667"
}

.icon-agreement:before {
    content: "\e668"
}

.icon-company:before {
    content: "\e669"
}

.icon-content:before {
    content: "\e66a"
}

.icon-enlarge:before {
    content: "\e66b"
}

.icon-collection:before {
    content: "\e66c"
}

.icon-comment:before {
    content: "\e66d"
}

.icon-genuine:before {
    content: "\e66e"
}

.icon-genuine1:before {
    content: "\e66f"
}

.icon-genuine2:before {
    content: "\e670"
}

.icon-googleplay:before {
    content: "\e671"
}

.icon-at:before {
    content: "\e672"
}

.icon-genuine3:before {
    content: "\e673"
}

.icon-like:before {
    content: "\e674"
}

.icon-goods1:before {
    content: "\e675"
}

.icon-longnote:before {
    content: "\e676"
}

.icon-marks:before {
    content: "\e677"
}

.icon-ios:before {
    content: "\e678"
}

.icon-like1:before {
    content: "\e679"
}

.icon-mission:before {
    content: "\e67a"
}

.icon-mute:before {
    content: "\e67c"
}

.icon-play:before {
    content: "\e67d"
}

.icon-switch:before {
    content: "\e67e"
}

.icon-newgreen:before {
    content: "\e67f"
}

.icon-qr:before {
    content: "\e680"
}

.icon-stop:before {
    content: "\e682"
}

.icon-top:before {
    content: "\e683"
}

.icon-shrink:before {
    content: "\e684"
}

.icon-typearrow:before {
    content: "\e685"
}

.icon-values:before {
    content: "\e686"
}

.icon-videoloading:before {
    content: "\e687"
}

.icon-voice:before {
    content: "\e688"
}

.icon-videonote:before {
    content: "\e689"
}

.icon-vision:before {
    content: "\e68a"
}

.icon-wechat:before {
    content: "\e68b"
}

.icon-weibo:before {
    content: "\e68c"
}

.icon-yes:before {
    content: "\e602"
}

.icon-arrow-down:before {
    content: "\e603"
}

.icon-help:before {
    content: "\e604"
}

.icon-qq:before {
    content: "\e68d"
}

.icon-shape:before {
    content: "\e68e"
}

.icon-rebroadcast:before {
    content: "\e68f"
}

.icon-location:before {
    content: "\e690"
}

.icon-link:before {
    content: "\e691"
}

.icon-at-1:before {
    content: "\e692"
}

.icon-goods:before {
    content: "\e693"
}

.icon-hash:before {
    content: "\e694"
}

.icon-movie:before {
    content: "\e619"
}

.icon-search:before {
    content: "\e605"
}

.search-bar-container .search-bar[data-v-000ce270] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 240px;
    height: 36px;
    font-size: 16px;
    line-height: 22px;
    color: #6a6a6a;
    background-color: #eee;
    border: 1px solid #eee;
    border-radius: 18px 18px 18px 18px;
    font-weight: 400
}

.search-bar-container .search-bar .input[data-v-000ce270] {
    padding: 0;
    border: none;
    margin: 0 0 0 15px;
    width: 144px;
    height: 22px;
    background-color: #eee;
    color: #6a6a6a;
    caret-color: #ff2442
}

    .search-bar-container .search-bar .input[data-v-000ce270]:focus {
        outline: none
    }

.search-bar-container .search-bar .search-icon[data-v-000ce270] {
    width: 22px;
    height: 22px;
    margin-right: 15px;
    cursor: pointer
}

.search-bar-container .search-bar.focus-border[data-v-000ce270] {
    border: 1px solid #eee
}

.user-info-container[data-v-91a30a7a] {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.user-info-container .line[data-v-91a30a7a] {
    width: 1px;
    height: 25px;
    background-color: #999;
    margin: 0 15px
}

.user-info-container .line-dark[data-v-91a30a7a] {
    background-color: #e6e6e6
}

.user-info-container .login-box[data-v-91a30a7a] {
    display: flex;
    flex-direction: flex-start;
    align-items: center
}

.user-info-container .login[data-v-91a30a7a] {
    cursor: pointer;
    width: 55px;
    height: 25px;
    border-radius: 13px;
    border: 1px solid #fff;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    line-height: 23px;
    text-align: center;
    margin: 0
}

.user-info-container .dark[data-v-91a30a7a] {
    border: 1px solid #ff2442;
    color: #ff2442
}

.user-info-container .avatar[data-v-91a30a7a] {
    width: 140px;
    height: 140px;
    background: transparent;
    margin: 114px 0 0 -58px;
    position: relative;
    text-align: center
}

.user-info-container .avatar img[data-v-91a30a7a] {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%
}

.user-info-container .list[data-v-91a30a7a] {
    display: none;
    position: absolute;
    left: 50%;
    top: 50px;
    margin-left: -70px;
    width: 140px;
    border-radius: 8px;
    border: 1px solid #e6e6e6;
    overflow: hidden
}

.user-info-container .list .item[data-v-91a30a7a] {
    height: 50px;
    background: #fff;
    font-size: 16px;
    color: #999;
    font-weight: 300;
    line-height: 50px;
    margin: 0;
    text-align: center;
    cursor: pointer
}

    .user-info-container .list .item[data-v-91a30a7a]:hover {
        background-color: #f5f5f5
    }

.user-info-container .block[data-v-91a30a7a] {
    width: 140px;
    heihgt: 100px;
    background: red
}

.user-info-container .avatar:hover .list[data-v-91a30a7a] {
    display: block
}

.active[data-v-27fca022] {
    text-decoration: none
}

.header[data-v-27fca022] {
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 106px;
    font-size: 16px;
    font-family: PingFang SC,Helvetica,Arial,sans-serif;
    font-weight: 500
}

.header .RED[data-v-27fca022] {
    height: 25px;
    margin-left: 91px;
    display: flex;
    align-items: center
}

.header .RED .logo[data-v-27fca022] {
    cursor: pointer;
    margin-top: 1px;
    width: 72px;
    height: 25px;
    position: relative
}

.header .RED .logo img[data-v-27fca022] {
    position: absolute;
    width: 100%;
    height: auto;
}

.header .navigation-bar[data-v-27fca022] {
    list-style-type: none;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    margin: 0 76px 0 0;
    padding: 0;
    min-width: 1014px
}

.header .navigation-bar .active[data-v-27fca022] {
    margin-left: 58px
}

.header .navigation-bar .navigation-item[data-v-27fca022] {
    cursor: pointer;
    margin: 0
}

.header .navigation-bar .translation-wrapper[data-v-27fca022] {
    position: relative;
    display: inline-block;
    text-decoration: none
}

.header .navigation-bar .translation-wrapper:hover .drop-up-wrapper[data-v-27fca022] {
    display: block
}

.header .navigation-bar .translation-wrapper .translation[data-v-27fca022] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.header .navigation-bar .translation-wrapper .translation .arrow[data-v-27fca022] {
    margin-left: 4px;
    transform: rotate(90deg);
    width: 6px;
    height: 6px
}

.header .navigation-bar .translation-wrapper .drop-up-wrapper[data-v-27fca022] {
    position: absolute;
    display: none;
    top: 12px;
    right: 0;
    width: 135px;
    transform: translateX(40%)
}

.header .navigation-bar .translation-wrapper .drop-up-wrapper.chinese[data-v-27fca022] {
    right: 0;
    transform: translateX(33%)
}

.header .navigation-bar .translation-wrapper .drop-up-wrapper .drop-up-content[data-v-27fca022] {
    margin-top: 30px;
    background-color: #fff;
    z-index: 1001;
    text-align: center;
    overflow: hidden;
    border-radius: 10px
}

.header .navigation-bar .translation-wrapper .drop-up-wrapper .drop-up-content span[data-v-27fca022] {
    margin-right: -1px;
    display: block;
    white-space: nowrap;
    color: #999;
    font-weight: 300;
    text-decoration: none;
    font-size: 16px;
    line-height: 16px;
    padding: 15px 30px;
    cursor: pointer
}

    .header .navigation-bar .translation-wrapper .drop-up-wrapper .drop-up-content span[data-v-27fca022]:hover {
        background-color: #f5f5f5
    }

.header .navigation-bar .business-link[data-v-27fca022] {
    position: relative;
    display: inline-block;
    margin-left: 58px
}

.header .navigation-bar .business-link:hover .drop-down-wrapper[data-v-27fca022] {
    display: block
}

.header .navigation-bar .business-link .drop-down-wrapper[data-v-27fca022] {
    position: absolute;
    display: none;
    left: -32px;
    top: 22px
}

.header .navigation-bar .business-link .drop-down-wrapper .dropdown-content[data-v-27fca022] {
    margin-top: 30px;
    background-color: #fff;
    z-index: 1001;
    text-align: center;
    overflow: hidden;
    border-radius: 10px
}

.header .navigation-bar .business-link .drop-down-wrapper .dropdown-content span[data-v-27fca022] {
    margin-right: -1px;
    display: block;
    white-space: nowrap;
    color: #999;
    font-weight: 300;
    text-decoration: none;
    font-size: 16px;
    line-height: 16px;
    padding: 15px 30px;
    cursor: pointer
}

    .header .navigation-bar .business-link .drop-down-wrapper .dropdown-content span[data-v-27fca022]:hover {
        background-color: #f5f5f5
    }

.light-theme[data-v-27fca022] {
    background-color: #fff
}

.light-theme .navigation-bar .active[data-v-27fca022] {
    color: #555
}

.light-theme .navigation-bar .navigation-item[data-v-27fca022] {
    position: relative
}

    .light-theme .navigation-bar .navigation-item[data-v-27fca022]:before {
        position: absolute;
        bottom: -8px;
        visibility: hidden;
        content: "";
        width: 100%;
        height: 2px;
        background-color: #ff2442;
        transform: translateX(-100%);
        border-radius: 2px;
        opacity: 0
    }

.light-theme .navigation-bar .business-link .drop-down-wrapper .dropdown-content[data-v-27fca022] {
    border: 1px solid #e6e6e6
}

.light-theme .navigation-bar .current-tab[data-v-27fca022] {
    color: #ff2442
}

    .light-theme .navigation-bar .current-tab[data-v-27fca022]:before {
        visibility: visible;
        transform: translateX(0);
        opacity: 1
    }

.dark-theme .navigation-bar .active[data-v-27fca022] {
    color: #fff
}

.dark-theme .navigation-bar .navigation-item[data-v-27fca022] {
    position: relative
}

    .dark-theme .navigation-bar .navigation-item[data-v-27fca022]:before {
        position: absolute;
        bottom: -10px;
        visibility: hidden;
        content: "";
        width: 100%;
        height: 2px;
        background-color: hsla(0,0%,100%,.5);
        transform: translateX(-100%);
        border-radius: 2px;
        opacity: 0
    }

.dark-theme .navigation-bar .current-tab[data-v-27fca022]:before {
    visibility: visible;
    transform: translateX(0);
    opacity: 1
}

@media screen and (min-width:1280px) and (max-width:1400px) {
    .search-bar[data-v-27fca022] {
        margin-right: -20px;
        zoom: .9
    }
}

@media screen and (max-width:1280px) and (min-width:1100px) {
    .header .navigation-bar[data-v-27fca022] {
        margin-right: 50px
    }

    .header .navigation-bar .search-bar[data-v-27fca022] {
        margin-right: -25px;
        zoom: .8
    }
}

@media screen and (max-width:1100px) {
    .search-bar[data-v-27fca022] {
        zoom: .8
    }
}

a[data-v-f185f77c] {
    text-decoration: none
}

.dark-theme .top .translation-wrapper[data-v-f185f77c], .dark-theme .top[data-v-f185f77c] {
    color: #fff
}

.dark-theme .bottom .info .line a[data-v-f185f77c], .dark-theme .bottom .info[data-v-f185f77c] {
    color: #999
}

.light-theme[data-v-f185f77c] {
    background-color: #fbfbfb
}

.light-theme .top .translation-wrapper[data-v-f185f77c], .light-theme .top[data-v-f185f77c] {
    color: #333
}

.light-theme .top .navigation-item[data-v-f185f77c]:hover {
    color: #fe2543
}

.light-theme .bottom .info .line a[data-v-f185f77c], .light-theme .bottom .info[data-v-f185f77c] {
    color: #999
}

.footer[data-v-f185f77c] {
    position: relative;
    font-family: PingFang SC,Helvetica,Arial,sans-serif;
    padding-top: 50px
}

.footer.white[data-v-f185f77c] {
    background-color: #fff
}

.footer.transparent[data-v-f185f77c] {
    background-color: transparent
}

.top[data-v-f185f77c] {
    font-size: 14px;
    font-weight: 500;
    text-align: center
}

.top .navigation-bar-wrapper[data-v-f185f77c] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 0 0 20px
}

.top .navigation-bar[data-v-f185f77c] {
    width: 1080px;
    margin: 0;
    padding: 0 80px 0 60px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    list-style-type: none;
    position: relative
}

.top .navigation-bar.four[data-v-f185f77c] {
    padding: 0 60px 0 45px
}

.top .navigation-bar .navigation-item[data-v-f185f77c] {
    cursor: pointer
}

.top .navigation-bar .translation-wrapper[data-v-f185f77c] {
    position: relative;
    display: inline-block;
    text-decoration: none
}

.top .navigation-bar .translation-wrapper:hover .drop-up-wrapper[data-v-f185f77c] {
    display: block
}

.top .navigation-bar .translation-wrapper:hover .translation .arrow[data-v-f185f77c] {
    transform: rotate(0deg)
}

.top .navigation-bar .translation-wrapper .translation[data-v-f185f77c] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.top .navigation-bar .translation-wrapper .translation .arrow[data-v-f185f77c] {
    margin-left: 4px;
    transform: rotate(90deg);
    transition: transform .3s;
    width: 10px;
    height: 6px
}

.top .navigation-bar .translation-wrapper .drop-up-wrapper[data-v-f185f77c] {
    position: absolute;
    display: none;
    left: -30px;
    bottom: 12px;
    width: 135px
}

.top .navigation-bar .translation-wrapper .drop-up-wrapper .drop-up-content[data-v-f185f77c] {
    margin-bottom: 30px;
    background-color: #fff;
    z-index: 1001;
    text-align: center;
    overflow: hidden;
    border-radius: 10px
}

.top .navigation-bar .translation-wrapper .drop-up-wrapper .drop-up-content span[data-v-f185f77c] {
    margin-right: -1px;
    display: block;
    white-space: nowrap;
    color: #999;
    font-weight: 300;
    text-decoration: none;
    font-size: 16px;
    line-height: 16px;
    padding: 15px 30px;
    cursor: pointer
}

    .top .navigation-bar .translation-wrapper .drop-up-wrapper .drop-up-content span[data-v-f185f77c]:hover {
        background-color: #f5f5f5
    }

.bottom[data-v-f185f77c] {
    width: 100%;
    /*height: 70px*/
}

.bottom .info[data-v-f185f77c] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 70px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400
}

.bottom .info .line[data-v-f185f77c] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    white-space: nowrap
}

.bottom .info .line i[data-v-f185f77c] {
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-left: 5px;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer
}

.bottom .info .line .police[data-v-f185f77c] {
    background-image: url(//ci.xiaohongshu.com/b0b2023e-bf3c-4994-9b67-cb8758739684)
}

.bottom .info .line .email[data-v-f185f77c] {
    background-image: url(//ci.xiaohongshu.com/17466315-4279-4464-b12d-aa4a5c6342c0)
}

.bottom .info .line .rank[data-v-f185f77c] {
    background-image: url(//ci.xiaohongshu.com/ef91e682-58ee-4fb8-a01d-2addee4c5af4)
}

.ewm .smallewm[data-v-0c11e705] {
    position: fixed;
    right: 10px;
    bottom: 80px;
    width: 30px;
    height: 30px
}

    .ewm .smallewm[data-v-0c11e705], .ewm .smallewm[data-v-0c11e705]:hover {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAFN++nkAAAABGdBTUEAALGPC/xhBQAABXRJREFUaAXtWk1MJEUU3hGyQNhJHI03WMefxJAdb5oscmFvoFmvHjwICUcvBogHYjgYDibEgzF7BRMSY7yIZhPuokiytx1PxjgunjSyCSwRArP4vp79eh611dXVPd3DDrMvefOq3vvee/Wqqqt7eqZwqUE3H0lT/FAQTZQxAD+jXU5PT78HQ0cZAqjQRrRDADqg1dXVz/b39/86Ojq639A0xoBx3JQoAbENGUYQS5AbnmwjAqoARVYCQFF4XNikOsKPm9pH/Z4gt86lgYERCgIg2e7VSLQLhcK71IWeWvmYkaFogHSumKtOHcTaxoDHaTFTY5ymDliOP7Ja7UQwHM/opR+5dgC7KJxKgHRUtqMk8GecoUhCmO23hXuSOBELZ9AN4StBy+/jD4FV4ZzNhPklbaLCdeasNk2NzWDq9ZqHznDSBu1EvdYB39JSnclsRkZ0UJQ+m9leWVkZQwby4eHhV8hKubm5+R4w0JHCzHDixMDIvpbQa4z3hGknBAF5O2MEDZfmZzjb5kHdhDRb+jYAbVhzE+Lf8h62JWQNmUFvCT8ftNrzcRuJbwgnOQcyGRoW6rGk2IRTU1MfR2XAgvX3938AexKsjmddZG4l2340bWZfB3fZWtkgOkfi9rklDi9GPWSsYV9fX4lTpW1mOwlW+1rXWAPyalsr9qmUG49YW9+06SKsiQlgMPYhGUzrdNvmo+1sZ7659vb2buGGxARR0llxXHW2oMVicWhsbOx9sX1js1N3bpsLD3uXhUscSbskKgZhrd8JWvl/1CTFXSZGuorwVeFUj7wIEEMPxH5HeB84JG5ntcj5r/DP7U6KxHjgKGZ+HSOyB71xXomvWA8QPBLj7hQ1crxBmJ6e/gn2JFgdz3qA+JxYPJOTYHVia8UEMDj7kFGJkmAR57zW+GlizH57yLm5ojaSbWhJsPBPtbnMr362gVAXhbVex3TKU6aqOIsBWRPjGMSaRbF+swAs+7Ozsy8fHx9/zYFpG3WU1qn22Sg8qYhFf3d39/NSqfTq/Pz8R8vLy79rGxNSOnc1gxMMyWBax/bBwcF9SXypWq2Gr59pM6UzsQmO6w8PD38ah6HdusY05ikzTWxuLtfAM028sLDwYW9v7+Dc3NwrrqSwOdfYtZHiAsfZU1VsHoPsY1cjod7VtJkDsV7HJiiPfqqKMxhI8BNPBnESh7iHimuJ3Vp3qOIL2t/CfcLPth7PK8JtQZ1ic5FQ/TXhMhUXRNakjl+FH6IeFvy6tMtQXGCqSW13sbXwHuAl4YtOuHQuYxvjpUe30FUUjFXuFupxPgPoWYh726CxUW3clvn7CTF5xWV8U2KFvcj1GsYrgIBsMWw633jEJYnhvcIMTmn7ekGblkmfFPOKyzF5rzAdOl0+LbjTVzBu/F23wqkPraSHUdzM055XXMb3XmH8AhD19ZbBXBK+iGFi8opr5mEfXx5S/5GLQTpJeq9wJxXlGqv3NZzXI6COaz567uzsfDI0NPQmC5icnJza2NjYRd/lR7xNeq9wksc3WyLobDG0TreBHxwcPPOrYqVSCfsaq9vwc5H3CptB8n4ERL6lpaUvFxcX5wYGBkrb29vf4VW7OY6kfe9Dy7xdpC3Y9MsrbtREeG/pqACdpn+iC8ahhR1AnpiYeK7VCX6iC3YdWmkLT31omdde2gG02w/vs17zSVoul++NjIxck9+PBnzwJgb32LW1tS/W19d3tI1x6/X6oWk/OTn5bXR0tNIjtLW19e3MzMyP9HX5EWOT3qe0zbkTdbiG8f+xbqEHKBh/lusWuoMtDULh14Xb+Sd95G0X4U+Ivwg/ZME6cVE6Lwq/IIwDqtNe1NdlzP8J/yP8p3DwV0+RAf0Px9SMvrI5kAwAAAAASUVORK5CYII=) no-repeat;
        background-size: contain
    }

.ewm .bigewm[data-v-0c11e705] {
    background: #fff;
    right: 50px;
    bottom: 10px;
    width: 100px;
    height: 120px;
    position: fixed;
    box-shadow: 0 2px 4px #eee;
    border-radius: 5px
}

.ewm .bigewm .ewimg[data-v-0c11e705] {
    width: 86px;
    height: 86px;
    margin: 7px 7px 1px
}

.ewm .bigewm .title[data-v-0c11e705] {
    font-size: 13px;
    color: #555;
    margin: 0;
    text-align: center
}

html body {
    height: 100%;
    padding: 0;
    margin: 0
}

html .framework {
    height: 100vh
}

.pc-wrapper[data-v-530527d4] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: scroll;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.red-header[data-v-530527d4] {
    z-index: 100
}

.red-header.home-header[data-v-530527d4] {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

.pc-container[data-v-530527d4] {
    margin-top: 106px;
    position: relative
}

.pc-container.overlap-header[data-v-530527d4] {
    margin-top: 0
}

.footer[data-v-530527d4] {
    padding-bottom: 30px
}

.footer.home-footer[data-v-530527d4] {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

@media screen and (min-width:1305px) and (max-width:1400px) {
    .footer[data-v-530527d4] {
        zoom: .9
    }
}

@media screen and (min-width:1250px) and (max-width:1305px) {
    .header[data-v-530527d4] {
        zoom: .9
    }

    .pc-container[data-v-530527d4] {
        margin-top: 95.4px
    }

    .footer[data-v-530527d4] {
        zoom: .9
    }
}

@media screen and (max-width:1250px) and (min-width:1150px) {
    .header[data-v-530527d4] {
        zoom: .9
    }

    .pc-container[data-v-530527d4] {
        margin-top: 95.4px
    }

    .footer[data-v-530527d4] {
        zoom: .8
    }
}

@media screen and (max-width:1150px) and (min-width:1101px) {
    .header[data-v-530527d4] {
        zoom: .8
    }

    .pc-container[data-v-530527d4] {
        margin-top: 84.8px
    }

    .footer[data-v-530527d4] {
        zoom: .8
    }
}

@media screen and (max-width:1100px) and (min-width:1046px) {
    .header[data-v-530527d4] {
        zoom: .8
    }

    .pc-container[data-v-530527d4] {
        margin-top: 84.8px
    }

    .footer[data-v-530527d4] {
        zoom: .7
    }
}

@media screen and (max-width:1046px) {
    .header[data-v-530527d4] {
        zoom: .7
    }

    .pc-container[data-v-530527d4] {
        margin-top: 74.2px
    }

    .footer[data-v-530527d4] {
        zoom: .6
    }
}

.oneBanner[data-v-d4ca39ea] {
    width: 100%;
    height: 500px;
    position: relative;
    margin: 0 auto;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.oneBanner .title[data-v-d4ca39ea] {
    max-width: 100%;
    z-index: 1;
    font-size: 48px;
    line-height: 67px;
    font-weight: 700;
    font-family: PingFang SC,Helvetica,Arial,sans-serif;
    color: #fff;
    position: relative
}

.oneBanner .line[data-v-d4ca39ea] {
    max-width: 100%;
    border-radius: 1px;
    margin: 16px 0 25px;
    display: inline-block;
    width: 204px;
    height: 1px;
    background-color: #fff
}

.oneBanner .content[data-v-d4ca39ea] {
    max-width: 100%;
    z-index: 1;
    font-size: 24px;
    font-family: PingFang SC,Helvetica,Arial,sans-serif;
    line-height: 33px;
    font-weight: 400;
    color: #fff
}

.oneBanner .inner[data-v-d4ca39ea] {
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%
}

.news-list[data-v-5bcf5a13] {
    width: 940px
}

.news-list .news-item[data-v-5bcf5a13] {
    font-size: 14px;
    line-height: 16px;
    color: #333;
    margin: 0 0 40px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.news-list .news-item.hoverable[data-v-5bcf5a13] {
    cursor: pointer
}

    .news-list .news-item.hoverable[data-v-5bcf5a13]:hover {
        color: #ff2442
    }

.news-list .news-item .date-press[data-v-5bcf5a13] {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center
}

.news-list .news-item .date-press .press[data-v-5bcf5a13] {
    margin-right: 50px;
    text-align: right
}

.news-list .news-item .date-press .date[data-v-5bcf5a13] {
    width: 75px;
    font-family: Monospaced;
    text-align: right
}

.news-list .more-item[data-v-5bcf5a13] {
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center
}

.news-list .more-item .more[data-v-5bcf5a13] {
    color: #ff2442;
    font-size: 16px;
    line-height: 22px;
    cursor: pointer
}

.news-list .more-item .more .right-icon[data-v-5bcf5a13] {
    margin-left: 16px
}

.left-content-window[data-v-ec74193e] {
    width: 264px;
    height: 290px;
    position: relative;
    padding: 0;
    margin: 0
}

.left-content-window .left-content-wrapper[data-v-ec74193e] {
    overflow: hidden;
    max-width: 100%;
    height: 290px;
    margin: 0
}

.left-content-window .left-content-wrapper .left-content-container[data-v-ec74193e] {
    position: relative;
    width: 5000px;
    height: 290px;
    padding: 0;
    margin: 0
}

.left-content-window .left-content-wrapper .left-content-container .left-content[data-v-ec74193e] {
    float: left;
    position: relative;
    transform: translateX(-264px)
}

.middle-window[data-v-ec74193e] {
    box-sizing: border-box;
    width: 464px;
    height: 260px;
    position: relative
}

.middle-window .middle-wrapper[data-v-ec74193e] {
    overflow: hidden;
    max-width: 100%;
    height: 260px;
    margin: 0
}

.middle-window .middle-wrapper .middle-container[data-v-ec74193e] {
    position: relative;
    width: 5000px;
    height: 260px;
    padding: 0;
    margin: 0
}

.middle-window .middle-wrapper .middle-container .middle[data-v-ec74193e] {
    float: left;
    position: relative;
    transform: translateX(-464px)
}

.middle-window .play-button[data-v-ec74193e] {
    display: inline-block;
    position: absolute;
    left: 200px;
    top: 98px;
    width: 64px;
    height: 64px;
    cursor: pointer;
    border-radius: 50%;
    overflow: hidden;
    background-image: url(//ci.xiaohongshu.com/7e7b7932-92e7-4c41-9a53-ce76a06f8ecf);
    background-repeat: no-repeat;
    background-size: cover
}

.right-window[data-v-ec74193e] {
    width: 203px;
    height: 300px;
    position: relative;
    margin-left: 14px
}

.right-window .right-wrapper[data-v-ec74193e] {
    overflow: hidden;
    max-width: 100%;
    height: 300px;
    margin: 0
}

.right-window .right-wrapper .right-container[data-v-ec74193e] {
    position: relative;
    width: 5000px;
    padding: 0;
    margin: 0
}

.right-window .right-wrapper .right-container .right[data-v-ec74193e] {
    float: left;
    position: relative;
    transform: translateX(-406px)
}

.right-window .sub-play-button[data-v-ec74193e] {
    position: absolute;
    left: 88px;
    bottom: 53px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    cursor: pointer;
    background-image: url(//ci.xiaohongshu.com/7e7b7932-92e7-4c41-9a53-ce76a06f8ecf);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden
}

.animate[data-v-ec74193e] {
    transition-duration: .5s;
    transition-property: transform;
    transition-timing-function: ease-out
}

.fairy-tale-container[data-v-ec74193e] {
    width: 1013px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end
}

.fairy-tale-container .left[data-v-ec74193e] {
    width: 332px;
    height: 415px;
    padding: 40px 34px;
    background-image: url(//ci.xiaohongshu.com/3bc5db57-f38a-4aad-a297-01a29e314993);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    color: #fff
}

.fairy-tale-container .left .left-content[data-v-ec74193e] {
    width: 264px;
    height: 290px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

.fairy-tale-container .left .left-content .header[data-v-ec74193e] {
    font-size: 14px;
    line-height: 20px
}

.fairy-tale-container .left .left-content .title[data-v-ec74193e] {
    width: 264px;
    margin-top: 15px;
    margin-bottom: 35px;
    font-size: 26px;
    line-height: 39px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.fairy-tale-container .left .left-content .content[data-v-ec74193e] {
    width: 264px;
    font-size: 14px;
    line-height: 21px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden
}

.fairy-tale-container .left .footer[data-v-ec74193e] {
    width: 172px;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.fairy-tale-container .left .footer .arrow-left[data-v-ec74193e] {
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin-right: 44px
}

.fairy-tale-container .left .footer .arrow-right[data-v-ec74193e] {
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin-left: 44px
}

.fairy-tale-container .middle[data-v-ec74193e] {
    width: 464px;
    height: 260px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.fairy-tale-container .middle .video-wrapper[data-v-ec74193e] {
    position: relative;
    width: 464px;
    height: 260px;
    overflow: hidden
}

.fairy-tale-container .middle .video-wrapper .video-tag[data-v-ec74193e] {
    width: 464px;
    min-height: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute
}

.fairy-tale-container .middle .video-wrapper .video-mask[data-v-ec74193e] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover
}

.fairy-tale-container .right[data-v-ec74193e] {
    width: 203px;
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start
}

.fairy-tale-container .right .header[data-v-ec74193e] {
    font-size: 14px;
    line-height: 16px;
    color: #333;
    margin-bottom: 20px;
    font-weight: 500
}

.fairy-tale-container .right .title[data-v-ec74193e] {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #333;
    margin-bottom: 14px
}

.fairy-tale-container .right .sub-video[data-v-ec74193e] {
    width: 203px;
    height: 132px;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer
}

.content[data-v-85872aaa] {
    background-color: #fff;
    padding-top: 100px
}

.activity[data-v-85872aaa] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.report[data-v-85872aaa], .trophy[data-v-85872aaa] {
    display: flex;
    margin-top: 100px;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.title[data-v-85872aaa] {
    margin-bottom: 50px;
    font-size: 36px;
    line-height: 50px;
    font-weight: 700;
    color: #333
}

.fairyTale[data-v-85872aaa] {
    margin-top: 110px;
    padding-bottom: 180px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    background-color: #fbfbfb
}

.fairyTale .title[data-v-85872aaa] {
    margin-top: 100px
}

.fairyTale .musicLife[data-v-85872aaa] {
    display: flex;
    flex-direction: row;
    justify-content: center
}

.fairyTale .musicLife .left[data-v-85872aaa] {
    flow-grow: 1;
    flex-shrink: 1;
    width: 610px;
    height: 540px;
    background: #fff url(//ci.xiaohongshu.com/4e3a8d55-e26a-4b6b-8342-bb56da1b24f5) no-repeat 50%;
    background-size: contain
}

.fairyTale .musicLife .left .leftStories[data-v-85872aaa] {
    margin-left: 40%;
    margin-top: 30%
}

.fairyTale .musicLife .right[data-v-85872aaa] {
    flow-grow: 1;
    flex-shrink: 1;
    width: 830px;
    height: 540px;
    background: #fff url(//ci.xiaohongshu.com/c9d4f647-1309-4aee-b84e-c1958aa0826b) no-repeat 50%;
    background-size: contain;
    display: flex;
    justify-content: center;
    align-items: center
}

.fairyTale .musicLife .right .button[data-v-85872aaa] {
    display: inline-block;
    width: 75px;
    height: 75px;
    cursor: pointer
}

.news-list[data-v-4b5360a4] {
    width: 940px
}

.list[data-v-4b5360a4] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

.news-item[data-v-4b5360a4] {
    width: 940px;
    font-size: 14px;
    line-height: 16px;
    color: #555;
    margin: 0 0 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.news-item.hoverable[data-v-4b5360a4] {
    cursor: pointer
}

    .news-item.hoverable[data-v-4b5360a4]:hover {
        color: #ff2442
    }

.news-item .title[data-v-4b5360a4] {
    font-size: 14px;
    line-height: 16px
}

.news-item .date-press[data-v-4b5360a4] {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center
}

.news-item .date-press .press[data-v-4b5360a4] {
    margin-right: 50px;
    text-align: right
}

.news-item .date-press .date[data-v-4b5360a4] {
    width: 75px;
    font-family: Monospaced;
    text-align: right
}

.container[data-v-19c6e176] {
    padding-bottom: 100px;
    background-color: #fff
}

.trophy-wrapper[data-v-19c6e176] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.trophy-wrapper .title[data-v-19c6e176] {
    font-size: 36px;
    color: #000;
    margin: 100px 0 50px
}

.container[data-v-d9a12658] {
    padding-bottom: 100px;
    background-color: #fff
}

.activities-wrapper[data-v-d9a12658] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.activities-wrapper .title[data-v-d9a12658] {
    font-size: 36px;
    color: #000;
    margin: 100px 0 50px
}

.passage-wrapper[data-v-773f22e2] {
    background-color: #fafafa;
    width: 100%
}

.passage-wrapper .passage[data-v-773f22e2] {
    width: 940px;
    padding: 50px 100px;
    margin: 50px auto;
    border-radius: 8px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

.passage-wrapper .passage .title[data-v-773f22e2] {
    margin: 0;
    font-size: 32px;
    line-height: 45px;
    color: #333
}

.passage-wrapper .passage .subtitle[data-v-773f22e2] {
    margin: 42px 0 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.passage-wrapper .passage .subtitle .date[data-v-773f22e2] {
    font-size: 16px;
    line-height: 22px;
    color: #666
}

.passage-wrapper .passage .subtitle .line[data-v-773f22e2] {
    margin: 0 48px 0 36px;
    display: inline-block;
    height: 20px;
    width: 1px;
    background-color: #4d4d4f
}

.passage-wrapper .passage .subtitle .viewSum[data-v-773f22e2] {
    font-size: 16px;
    line-height: 22px;
    color: #666
}

.passage-wrapper .passage .content-wrapper[data-v-773f22e2] {
    margin: 26px 0 0;
    width: 740px;
    font-size: 16px;
    line-height: 32px;
    color: #333
}

.passage-wrapper .passage .content-wrapper .content[data-v-773f22e2] {
    width: 740px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    position: relative
}

.passage-wrapper .passage .content-wrapper .content .paragraph[data-v-773f22e2] {
    margin: 15px auto;
    width: 100%;
    text-indent: 32px;
    text-align: justify
}

.passage-wrapper .passage .content-wrapper .content .inline-picture[data-v-773f22e2] {
    width: 70%;
    margin: 20px auto
}

.container[data-v-783e0793] {
    padding-bottom: 100px;
    background-color: #fff
}

.reports-wrapper[data-v-783e0793] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.reports-wrapper .title[data-v-783e0793] {
    font-size: 36px;
    color: #000;
    margin: 100px 0 50px
}

.hoverable[data-v-87298b4a] {
    cursor: pointer
}

.event-wrapper[data-v-87298b4a] {
    width: 1000px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

.selector-wrapper[data-v-87298b4a] {
    width: 1000px;
    display: flex;
    margin-bottom: 50px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: #666;
    font-size: 16px;
    font-weight: 16px;
    line-height: 76px;
    text-align: center;
    cursor: pointer
}

.selector-wrapper .arrow[data-v-87298b4a] {
    width: 70px;
    height: 76px;
    border: 1px solid #e6e6e6;
    color: #000
}

.selector-wrapper .selector[data-v-87298b4a] {
    width: 216px;
    height: 76px;
    border: 1px solid #e6e6e6;
    border-right: none
}

    .selector-wrapper .selector[data-v-87298b4a]:first-child {
        border-left: none
    }

    .selector-wrapper .selector[data-v-87298b4a]:last-child {
        border-right: 1px solid #e6e6e6
    }

.selector-wrapper .selector.current[data-v-87298b4a] {
    color: #ff2741;
    background-color: #f4f4f4
}

.breaking-news[data-v-87298b4a] {
    width: 864px;
    padding-left: 100px;
    padding-right: 50px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

.breaking-news .year[data-v-87298b4a] {
    font-size: 20px;
    line-height: 28px;
    color: #ff2741;
    font-weight: 400;
    margin: 0 0 30px 70px
}

.item-wrapper[data-v-87298b4a] {
    display: flex;
    width: 600px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

.each-item[data-v-87298b4a] {
    color: #555;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 4px
}

.each-item .month[data-v-87298b4a] {
    display: inline-block;
    text-align: right;
    width: 100px;
    margin-right: 18px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #000
}

.each-item .month.followers[data-v-87298b4a] {
    color: #fff
}

.each-item .progress[data-v-87298b4a] {
    display: inline-block
}

.each-item .progress .dot[data-v-87298b4a] {
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #ccc;
    margin: 10px auto 0
}

.each-item .progress .line[data-v-87298b4a] {
    display: block;
    width: 1px;
    height: 45px;
    background-color: #eee;
    margin: 10px auto 0
}

.each-item .content[data-v-87298b4a] {
    display: inline-block;
    margin-left: 30px;
    width: 628px;
    white-space: pre-wrap;
    overflow: hidden;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400
}

.each-item:last-child .line[data-v-87298b4a], .each-item:last-child.selected .process[data-v-87298b4a] {
    background-color: #fff
}

.each-item.selected[data-v-87298b4a] {
    color: #000
}

.each-item.selected .process[data-v-87298b4a] {
    display: block;
    background-color: #ff2741;
    transition: width .8s ease;
    -webkit-animation: time-data-v-87298b4a 2s infinite;
    animation: time-data-v-87298b4a 2s infinite
}

@-webkit-keyframes time-data-v-87298b4a {
    0% {
        height: 0
    }

    to {
        height: 45px
    }
}

@keyframes time-data-v-87298b4a {
    0% {
        height: 0
    }

    to {
        height: 45px
    }
}

.each-item.selected .dot[data-v-87298b4a] {
    background-color: #ff2741
}

.each-item.selected .content[data-v-87298b4a] {
    color: #ff2442
}

.details-wrapper[data-v-ad932cf8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: PingFang SC,Helvetica,Arial,sans-serif
}

.details-wrapper .title[data-v-ad932cf8] {
    font-size: 36px;
    line-height: 50px;
    font-weight: 700;
    color: #000;
    margin: 0 0 19px
}

.details-wrapper .details[data-v-ad932cf8] {
    width: 795px;
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    color: #555;
    text-align: center
}

div .item[data-v-49e31a27], div[data-v-49e31a27] {
    display: flex;
    flex-direction: row;
    justify-content: center
}

div .item[data-v-49e31a27] {
    align-items: center;
    height: 124px
}

div .item .detail-wrapper[data-v-49e31a27] {
    margin: 0 50px;
    height: 124px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

div .item .detail-wrapper .image-wrapper .image[data-v-49e31a27] {
    width: 36px;
    height: auto;
    margin: auto
}

div .item .detail-wrapper .title[data-v-49e31a27] {
    font-size: 20px;
    line-height: 24px;
    color: #333;
    font-weight: 700
}

div .item .detail-wrapper .detail[data-v-49e31a27] {
    font-size: 16px;
    line-height: 16px;
    color: #666
}

div .item .line[data-v-49e31a27] {
    width: 1px;
    height: 100px;
    background-color: #ccc
}

.container[data-v-60bfcaf2] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.container .card-wrapper[data-v-60bfcaf2] {
    width: 240px;
    height: 350px
}

.container .card-wrapper .img-card[data-v-60bfcaf2] {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: transform .6s
}

.container .card-wrapper:hover .card-front[data-v-60bfcaf2] {
    opacity: 0
}

.container .card-wrapper:hover .card-back[data-v-60bfcaf2] {
    opacity: 1
}

.container .card-wrapper:hover .card-back .mask-back[data-v-60bfcaf2] {
    transform: scale(1)
}

.container .card-wrapper .card-back[data-v-60bfcaf2], .container .card-wrapper .card-front[data-v-60bfcaf2] {
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%
}

.container .card-wrapper .card-front[data-v-60bfcaf2] {
    transition: opacity .3s ease 0s;
    background-repeat: no-repeat;
    background-size: 100%
}

.container .card-wrapper .card-front .mask-front[data-v-60bfcaf2] {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: hsla(0,0%,100%,.6);
    opacity: .8;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.container .card-wrapper .card-front .mask-front .index[data-v-60bfcaf2] {
    margin-bottom: 20px;
    color: #000;
    font-size: 16px;
    line-height: 24px
}

.container .card-wrapper .card-front .mask-front .tab[data-v-60bfcaf2] {
    color: #333;
    font-size: 24px;
    line-height: 30px
}

.container .card-wrapper .card-back[data-v-60bfcaf2] {
    opacity: 0;
    transition: opacity .6s ease 0s
}

.container .card-wrapper .card-back .mask-back[data-v-60bfcaf2] {
    transform: scale(1.3);
    transition: transform .8s ease 0s;
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #ff2442;
    color: #fff
}

.container .card-wrapper .card-back .mask-back .index[data-v-60bfcaf2] {
    font-size: 16px;
    line-height: 24px
}

.container .card-wrapper .card-back .mask-back .tab[data-v-60bfcaf2] {
    margin-top: 16px;
    font-size: 24px;
    line-height: 30px
}

.container .card-wrapper .card-back .mask-back .line[data-v-60bfcaf2] {
    margin-top: 20px;
    margin-bottom: 20px;
    display: inline-block;
    width: 49px;
    height: 1px;
    border-radius: 1px;
    background-color: #fff;
    opacity: .5
}

.container .card-wrapper .card-back .mask-back .description[data-v-60bfcaf2] {
    width: 200px;
    font-size: 14px;
    line-height: 25px
}

.container .card-wrapper .card-back .mask-back .description.english[data-v-60bfcaf2] {
    line-height: 21px;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

div[data-v-600c5ed7] {
    display: grid;
    grid-template-columns: repeat(2,440px);
    grid-template-rows: repeat(2,208px);
    grid-row-gap: 15px;
    grid-column-gap: 75px;
    justify-content: center;
    justify-items: center;
    align-items: center;
    grid-auto-flow: row
}

div .tab[data-v-600c5ed7] {
    width: 100%;
    height: 100%;
    padding: 0 30px 0 25px;
    display: flex;
    flex-direction: column;
    justify-items: space-around;
    align-items: flex-start;
    border: 1px solid #fff;
    border-radius: 8px;
    cursor: pointer
}

div .tab .title[data-v-600c5ed7] {
    font-size: 24px;
    line-height: 30px;
    color: #333
}

div .tab .description[data-v-600c5ed7] {
    font-size: 16px;
    line-height: 24px;
    color: #333
}

div .tab[data-v-600c5ed7]:hover {
    border-color: #979797
}

.office-list[data-v-66d9ac46] {
    margin-bottom: 50px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.office-list .office[data-v-66d9ac46] {
    width: 216px;
    height: 76px;
    text-align: center;
    border: 1px solid #e6e6e6;
    border-right: none;
    line-height: 76px;
    color: #666;
    font-size: 16px;
    background-color: #fff;
    cursor: pointer
}

    .office-list .office[data-v-66d9ac46]:last-child {
        border-right: 1px solid #e6e6e6
    }

    .office-list .office.current[data-v-66d9ac46], .office-list .office[data-v-66d9ac46]:hover {
        color: #ff2441;
        background-color: #e6e6e6
    }

.image-wrapper[data-v-66d9ac46] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start
}

.image-wrapper .image-list[data-v-66d9ac46] {
    position: relative;
    width: 320px;
    height: 298px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover
}

.image-wrapper .image-list .title[data-v-66d9ac46] {
    z-index: 1;
    font-size: 26px;
    line-height: 37px;
    font-weight: 700;
    font-family: PingFang SC,Helvetica,Arial,sans-serif;
    color: #fff
}

.image-wrapper .image-list .content[data-v-66d9ac46] {
    z-index: 1;
    font-size: 16px;
    font-family: PingFang SC,Helvetica,Arial,sans-serif;
    line-height: 24px;
    color: #fff;
    margin-top: 21px
}

.image-wrapper .image-list .inner[data-v-66d9ac46] {
    position: absolute;
    background-color: rgba(0,0,0,.7);
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%
}

.title-wrapper[data-v-cc16d084] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-family: PingFang SC,Helvetica,Arial,sans-serif
}

.title-wrapper .top[data-v-cc16d084] {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #ff2741;
    margin: 0 0 10px
}

.title-wrapper .title[data-v-cc16d084] {
    margin: 0;
    font-size: 26px;
    line-height: 39px;
    font-weight: 600;
    color: #000;
    text-align: center
}

.title-wrapper .line[data-v-cc16d084] {
    width: 30px;
    height: 1px;
    background-color: #ff2741;
    overflow: hidden;
    margin: 11px 0 0
}

.qrcode-group[data-v-1e27da67] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.qrcode-group .qrcode[data-v-1e27da67] {
    width: 180px;
    height: 180px;
    margin-right: 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    background-color: #fff
}

.qrcode-group .qrcode.hoverable[data-v-1e27da67] {
    cursor: pointer
}

.qrcode-group .qrcode .image[data-v-1e27da67] {
    margin-top: 31px;
    width: 90px;
    height: 90px
}

.qrcode-group .qrcode .description[data-v-1e27da67] {
    margin-top: 20px;
    color: #555;
    font-size: 16px;
    line-height: 18px;
    font-weight: 400
}

.title[data-v-3025d04f] {
    margin-bottom: 50px;
    font-size: 36px;
    line-height: 50px;
    font-weight: 700;
    color: #000
}

.introduction[data-v-3025d04f] {
    background-color: #fff;
    padding-top: 96px;
    padding-bottom: 75px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.introduction .description-wrapper[data-v-3025d04f] {
    display: inline-block;
    vertical-align: top;
    width: 960px;
    color: #555;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 50px
}

.introduction .description-wrapper.english[data-v-3025d04f] {
    text-align: justify
}

.introduction .description-wrapper .description[data-v-3025d04f] {
    padding: 0;
    margin: 24px 0 0
}

    .introduction .description-wrapper .description[data-v-3025d04f]:first-child {
        margin-top: 0
    }

.introduction .ambition-list[data-v-3025d04f] {
    margin: 44px auto 25px
}

.context[data-v-3025d04f] {
    background-color: #fbfbfb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 100px;
    padding-bottom: 100px
}

.context .detail-wrapper[data-v-3025d04f] {
    margin-bottom: 30px
}

.cooperation[data-v-3025d04f] {
    background-color: #fbfbfb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 100px;
    padding-bottom: 100px
}

.address[data-v-3025d04f] {
    background-color: #fff;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.address .address-container[data-v-3025d04f] {
    width: 1440px;
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
    height: 500px
}

.address .address-container .office-address-wrapper[data-v-3025d04f] {
    width: 960px;
    margin: 0 auto
}

.address .address-container .office-address-wrapper .title[data-v-3025d04f] {
    display: inline-block;
    line-height: 39px;
    margin-bottom: 53px
}

.address .address-container .office-address-wrapper.english .title[data-v-3025d04f] {
    font-size: 26px
}

.address .address-container .office-address-wrapper .office[data-v-3025d04f] {
    margin-bottom: 30px;
    text-align: left;
    font-size: 16px;
    line-height: 20px;
    color: #555
}

.address .address-container .office-address-wrapper .office .office-name[data-v-3025d04f] {
    display: block;
    color: #000;
    font-weight: 500;
    margin-bottom: 10px
}

.address .address-container .office-address-wrapper .office .office-address[data-v-3025d04f] {
    display: block;
    width: 362px;
    line-height: 20px
}

.address .address-container .map[data-v-3025d04f] {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    width: 780px;
    height: 500px;
    background-image: url(//ci.xiaohongshu.com/87f61e1d-8c90-4fe9-96f6-5e3337ca36b0);
    background-size: contain;
    background-repeat: no-repeat
}

.address .address-container .map img[data-v-3025d04f] {
    width: 30px;
    height: 30px;
    position: absolute;
    cursor: pointer
}

.address .address-container .map .shanghai[data-v-3025d04f] {
    top: 250px;
    right: 355px
}

.address .address-container .map .beijing[data-v-3025d04f] {
    top: 100px;
    right: 421px
}

.address .address-container .map .wuhan[data-v-3025d04f] {
    top: 250px;
    right: 476px
}

.growth[data-v-3025d04f] {
    padding: 100px 0;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.contact[data-v-3025d04f] {
    padding-top: 100px;
    padding-bottom: 100px;
    text-align: center;
    background-color: #fff
}

.contact .title[data-v-3025d04f] {
    display: inline-block;
    margin-bottom: 50px
}

.title-wrapper[data-v-3025d04f] {
    width: 960px;
    margin: 0 auto
}

.ceo-mail-box[data-v-3025d04f] {
    padding: 100px 0;
    background-color: #fbfbfb;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    color: #333
}

.ceo-mail-box .title[data-v-3025d04f] {
    display: inline-block;
    font-size: 36px;
    line-height: 39px;
    margin-bottom: 50px
}

.ceo-mail-box .paragraphs-container[data-v-3025d04f] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative
}

    .ceo-mail-box .paragraphs-container[data-v-3025d04f]:before {
        content: "";
        position: absolute;
        width: 16px;
        height: 14px;
        top: -10px;
        left: -19px;
        background-image: url(//ci.xiaohongshu.com/9122eb19-33ca-4a92-a56a-1cf7cbf6d6fc);
        background-size: contain
    }

.ceo-mail-box .paragraphs-container .paragraph[data-v-3025d04f] {
    width: 1021px;
    margin-bottom: 30px
}

    .ceo-mail-box .paragraphs-container .paragraph[data-v-3025d04f]:last-child {
        margin-bottom: 0
    }

.ceo-mail-box .paragraphs-container .paragraph .content[data-v-3025d04f] {
    font-size: 20px;
    line-height: 30px;
    margin: 0;
    padding: 0
}

.ceo-mail-box .paragraphs-container .paragraph .list[data-v-3025d04f] {
    margin: 15px 0 0;
    padding: 0;
    list-style: none;
    color: #555
}

.ceo-mail-box .paragraphs-container .paragraph .list .list-item[data-v-3025d04f] {
    width: 1002px;
    font-size: 16px;
    line-height: 19px;
    margin: 0 0 15px 19px;
    position: relative
}

    .ceo-mail-box .paragraphs-container .paragraph .list .list-item[data-v-3025d04f]:before {
        content: "";
        position: absolute;
        width: 4px;
        height: 4px;
        border-radius: 4px;
        overflow: hidden;
        background-color: #ff2442;
        left: -7.5px;
        top: 7.5px
    }

    .ceo-mail-box .paragraphs-container .paragraph .list .list-item[data-v-3025d04f]:last-child {
        margin-bottom: 0
    }

.mails[data-v-3025d04f] {
    width: 960px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0 auto -30px
}

.mails .mail[data-v-3025d04f] {
    width: 240px;
    height: 50px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start
}

.mails .mail .mail-name[data-v-3025d04f] {
    font-size: 16px;
    line-height: 20px;
    color: #000;
    font-weight: 700
}

.mails .mail .mail-mail[data-v-3025d04f] {
    font-size: 14px;
    line-height: 20px;
    color: #555
}

@media screen and (min-width:1024px) and (max-width:1440px) {
    .address .address-container[data-v-3025d04f] {
        padding-top: 49px;
        padding-bottom: 49px;
        width: 100%;
        height: 400px
    }

    .address .address-container .office-address-wrapper.english .title[data-v-3025d04f] {
        margin-bottom: 23px
    }

    .address .address-container .office-address-wrapper.english .office[data-v-3025d04f] {
        margin-bottom: 20px
    }

    .address .address-container .map[data-v-3025d04f] {
        width: 624px;
        height: 400px
    }

    .address .address-container .map .shanghai[data-v-3025d04f] {
        top: 194px;
        right: 284px
    }

    .address .address-container .map .beijing[data-v-3025d04f] {
        top: 74px;
        right: 336.8px
    }

    .address .address-container .map .wuhan[data-v-3025d04f] {
        top: 200px;
        right: 380.8px
    }
}

@media screen and (max-width:1024px) {
    .address .address-container[data-v-3025d04f] {
        padding-top: 24px;
        padding-bottom: 24px;
        width: 100%;
        height: 350px
    }

    .address .address-container .office-address-wrapper.english .title[data-v-3025d04f] {
        margin-bottom: 23px
    }

    .address .address-container .office-address-wrapper.english .office[data-v-3025d04f] {
        margin-bottom: 20px
    }

    .address .address-container .map[data-v-3025d04f] {
        width: 546px;
        height: 350px
    }

    .address .address-container .map .shanghai[data-v-3025d04f] {
        top: 165px;
        right: 245.5px
    }

    .address .address-container .map .beijing[data-v-3025d04f] {
        top: 60px;
        right: 290.7px
    }

    .address .address-container .map .wuhan[data-v-3025d04f] {
        top: 175px;
        right: 333.2px
    }
}

.outline[data-v-8adc6184] {
    flex-direction: column;
    padding-top: 80px
}

.item-wrapper[data-v-8adc6184], .outline[data-v-8adc6184] {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.item-wrapper[data-v-8adc6184] {
    width: 940px;
    height: 198px;
    flex-direction: row;
    background-color: #fff;
    margin: 0 0 58px;
    cursor: pointer
}

.item-wrapper .image-wrapper[data-v-8adc6184] {
    height: 100%
}

.item-wrapper .image-wrapper .image[data-v-8adc6184] {
    width: 310px;
    height: 100%;
    object-fit: cover
}

.item-wrapper .item[data-v-8adc6184] {
    margin: 0 0 0 36px;
    padding-right: 30px;
    height: 189px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start
}

.item-wrapper .item .title-wrapper[data-v-8adc6184] {
    margin: 10px 0 0;
    font-size: 20px;
    color: #000
}

.item-wrapper .item .title-wrapper .title[data-v-8adc6184] {
    font-size: 24px;
    line-height: 28px;
    margin: 0
}

.item-wrapper .item .title-wrapper .title .tag[data-v-8adc6184] {
    font-size: 20px;
    line-height: 28px;
    margin-left: -12px
}

.item-wrapper .item .content[data-v-8adc6184] {
    color: #666;
    font-size: 14px;
    line-height: 24px;
    width: 581px;
    height: 48px;
    text-overflow: ellipsis;
    overflow: hidden
}

.item-wrapper .item .date[data-v-8adc6184] {
    color: #999
}

.pagination[data-v-8adc6184] {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    width: 940px;
    margin: 12px 0 0
}

.pagination .page[data-v-8adc6184] {
    display: inline-block;
    height: 40px;
    margin-left: 15px;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    line-height: 40px;
    text-align: center;
    color: #000;
    cursor: pointer
}

    .pagination .page[data-v-8adc6184]:hover {
        border-color: #ff2741;
        color: #ff2741
    }

.pagination .page.disabled[data-v-8adc6184] {
    color: #999
}

    .pagination .page.disabled[data-v-8adc6184]:hover {
        border-color: #eee
    }

.pagination .prev[data-v-8adc6184] {
    width: 76px
}

.pagination .pages[data-v-8adc6184] {
    width: 40px
}

.pagination .pages.current[data-v-8adc6184] {
    background-color: #ff2741;
    color: #fff;
    border-color: #ff2741
}

.pagination .next[data-v-8adc6184] {
    width: 76px
}

.liability-wrapper[data-v-229b7400] {
    background-color: #fafafa;
    padding-bottom: 50px
}

.passage-wrapper[data-v-49e250df] {
    background-color: #fafafa;
    width: 100%
}

.passage-wrapper .passage[data-v-49e250df] {
    width: 940px;
    padding: 50px 100px;
    margin: 50px auto;
    border-radius: 8px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

.passage-wrapper .passage .title[data-v-49e250df] {
    margin: 0;
    font-size: 32px;
    line-height: 45px;
    color: #333
}

.passage-wrapper .passage .subtitle[data-v-49e250df] {
    margin: 42px 0 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.passage-wrapper .passage .subtitle .date[data-v-49e250df] {
    font-size: 16px;
    line-height: 22px;
    color: #666
}

.passage-wrapper .passage .subtitle .line[data-v-49e250df] {
    margin: 0 48px 0 36px;
    display: inline-block;
    height: 20px;
    width: 1px;
    background-color: #4d4d4f
}

.passage-wrapper .passage .subtitle .viewSum[data-v-49e250df] {
    font-size: 16px;
    line-height: 22px;
    color: #666
}

.passage-wrapper .passage .content-wrapper[data-v-49e250df] {
    margin: 26px 0 0;
    width: 740px;
    font-size: 16px;
    line-height: 32px;
    color: #333
}

.passage-wrapper .passage .content-wrapper .content[data-v-49e250df] {
    width: 740px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    position: relative
}

.passage-wrapper .passage .content-wrapper .content .clickable-url[data-v-49e250df], .passage-wrapper .passage .content-wrapper .content .paragraph-html[data-v-49e250df], .passage-wrapper .passage .content-wrapper .content .paragraph[data-v-49e250df] {
    margin: 15px auto;
    width: 100%;
    text-indent: 32px;
    text-align: justify
}

.passage-wrapper .passage .content-wrapper .content .paragraph-html[data-v-49e250df] {
    text-indent: 0;
    margin-left: 32px
}

.passage-wrapper .passage .content-wrapper .content .inline-picture[data-v-49e250df] {
    width: 70%;
    margin: 20px auto
}

.passage-wrapper .passage .content-wrapper .content .clickable-url[data-v-49e250df] {
    cursor: pointer;
    margin-top: 0
}

    .passage-wrapper .passage .content-wrapper .content .clickable-url[data-v-49e250df]:hover {
        color: #ff2442
    }

.iphone[data-v-c83fec30] {
    width: 347px;
    height: 600px;
    position: relative
}

.iphone .iphone-mp4[data-v-c83fec30] {
    position: absolute;
    width: 300px;
    height: 564px;
    margin: 24px 22px
}

.iphone .iphone-mp4 .my-video[data-v-c83fec30] {
    width: 300px;
    height: 564px
}

.iphone .iphone-case[data-v-c83fec30] {
    position: absolute;
    width: 347px;
    height: 600px;
    background-image: url(/images/shoujibeijing.png);
    background-repeat: no-repeat;
    background-size: 100% 600px;
}

@media screen and (min-height:900px) {
    .iphone[data-v-c83fec30] {
        zoom: 1
    }
}

@media screen and (min-height:820px) and (max-height:900px) {
    .iphone[data-v-c83fec30] {
        zoom: .9
    }
}

@media screen and (max-height:820px) {
    .iphone[data-v-c83fec30] {
        zoom: .8
    }
}

@media screen and (max-height:720px) {
    .iphone[data-v-c83fec30] {
        zoom: .7
    }
}

@media screen and (max-height:540px) {
    .iphone[data-v-c83fec30] {
        zoom: .6
    }
}

.container[data-v-4bb8bac6] {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed
}

.video-bg[data-v-4bb8bac6] {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0
}

    .video-bg[data-v-4bb8bac6]:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: transparent
    }

.video-bg .my-video[data-v-4bb8bac6] {
    min-width: 100%;
    min-height: 100%
}

.content[data-v-4bb8bac6] {
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.content .middle[data-v-4bb8bac6] {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

.content .middle .middle-wrapper[data-v-4bb8bac6] {
    top: 50%;
    left: 50%;
    transform: translate(-60%,-60%);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: absolute
}

.content .middle .middle-wrapper .iphone-wrapper[data-v-4bb8bac6] {
    margin-right: 60px
}

.content .middle .middle-wrapper .description[data-v-4bb8bac6] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
}

.content .middle .middle-wrapper .description .logo-big[data-v-4bb8bac6] {
    width: 195px;
    height: 60px;
    background-image: url(/images/jrzpLogo.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.content .middle .middle-wrapper .description .lifestyle[data-v-4bb8bac6] {
    white-space: nowrap;
    color: #fff;
    font-size: 40px;
    font-weight: 500;
    margin: 13px 0 0
}

.content .middle .middle-wrapper .description .lifestyle-english[data-v-4bb8bac6] {
    white-space: nowrap;
    color: #fff;
    font-size: 14px;
    font-family: Helvetica,Arial,sans-serif;
    font-style: oblique;
    font-weight: 400;
    margin: 20px 0 0
}

.content .middle .middle-wrapper .description .qrcodes[data-v-4bb8bac6] {
    margin-top: 36px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.content .middle .middle-wrapper .description .qrcodes div[data-v-4bb8bac6] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 40px;
    border-radius: 20px;
    background-color: #fff;
    margin-right: 15px;
    cursor: pointer;
    position: relative
}

    .content .middle .middle-wrapper .description .qrcodes div[data-v-4bb8bac6]:before {
        content: "";
        position: absolute;
        top: 35px;
        left: 0;
        width: 100%;
        height: 142px;
        border-radius: 0 0 20px 20px;
        background-color: #fff;
        opacity: 0
    }

    .content .middle .middle-wrapper .description .qrcodes div[data-v-4bb8bac6]:after {
        content: "";
        position: absolute;
        top: 40px;
        left: 8px;
        width: 134px;
        height: 134px;
        border-radius: 12px 12px 12px 12px;
        background-image: url(/images/qiuzhibanewm.png);
        background-repeat: no-repeat;
        background-size: contain;
        opacity: 0
    }

    .content .middle .middle-wrapper .description .qrcodes div[data-v-4bb8bac6]:hover {
        border-radius: 20px 20px 0 0
    }

        .content .middle .middle-wrapper .description .qrcodes div[data-v-4bb8bac6]:hover:after, .content .middle .middle-wrapper .description .qrcodes div[data-v-4bb8bac6]:hover:before {
            top: 40px;
            opacity: 1
        }

.content .middle .middle-wrapper .description .qrcodes .android[data-v-4bb8bac6]:after {
    background-image: url(/images/qiyebanewm.png)
}

@media screen and (min-height:900px) {
    .middle-wrapper[data-v-4bb8bac6] {
        zoom: 1
    }
}

@media screen and (min-height:820px) and (max-height:900px) {
    .middle-wrapper[data-v-4bb8bac6] {
        zoom: .9
    }
}

@media screen and (max-height:820px) {
    .middle-wrapper[data-v-4bb8bac6] {
        zoom: .8
    }
}

@media screen and (max-height:720px) {
    .middle-wrapper[data-v-4bb8bac6] {
        zoom: .7
    }
}

@media screen and (max-height:540px) {
    .middle-wrapper[data-v-4bb8bac6] {
        zoom: .6
    }
}

@media screen and (min-width:1250px) and (max-width:1400px) {
    .footer[data-v-4bb8bac6] {
        zoom: .9
    }
}

@media screen and (max-width:1250px) and (min-width:1101px) {
    .header[data-v-4bb8bac6] {
        zoom: .9
    }

    .footer[data-v-4bb8bac6] {
        zoom: .8
    }
}

@media screen and (max-width:1101px) and (min-width:1030px) {
    .header[data-v-4bb8bac6] {
        zoom: .8
    }

    .footer[data-v-4bb8bac6] {
        zoom: .7
    }
}

@media screen and (max-width:1030px) and (min-width:1024px) {
    .header[data-v-4bb8bac6] {
        zoom: .8
    }

    .footer[data-v-4bb8bac6] {
        zoom: .6
    }
}

@media screen and (max-width:1024px) {
    .header[data-v-4bb8bac6] {
        zoom: .8
    }

    .footer[data-v-4bb8bac6] {
        zoom: .6
    }
}

.pop-over-container[data-v-1cfed604] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0,0,.4)
}

.pop-over-container .download-app[data-v-1cfed604] {
    width: 280px;
    height: 271px;
    background-color: #fff;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    position: relative
}

.pop-over-container .download-app .sweet-potato[data-v-1cfed604] {
    background: url(//ci.xiaohongshu.com/0feac0b2-2134-438c-8b59-3ddeec95b811@r_640w_640h.jpg) no-repeat;
    height: 100px;
    width: 105px;
    display: block;
    background-size: contain;
    margin: -104px 0 0 5px
}

.pop-over-container .download-app .image-box[data-v-1cfed604] {
    width: 128px;
    height: 128px;
    border-radius: 5px
}

.pop-over-container .download-app .image-box img[data-v-1cfed604] {
    width: 100%;
    height: 100%
}

.pop-over-container .download-app p[data-v-1cfed604] {
    font-size: 14px;
    color: #555;
    text-align: center;
    margin: 0 0 3px
}

.pop-over-container .download-app .close[data-v-1cfed604] {
    cursor: pointer;
    width: 100%;
    color: #5b92e1;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    border-top: 1px solid #eee;
    padding: 10px 0;
    margin: 18px 0 0
}

.spinner-container[data-v-c346134c] {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center
}

.spinner[data-v-c346134c] {
    border-radius: 50%;
    margin: 100px 20px 20px;
    display: inline-block;
    position: relative;
    height: 60px;
    width: 60px;
    background-color: #e0e0eb
}

.spinnerTwo[data-v-c346134c]:before {
    left: 27.5px;
    width: 5px;
    background-color: #535657;
    border-radius: 8px;
    -webkit-animation: clockmin-data-v-c346134c 2s linear infinite;
    animation: clockmin-data-v-c346134c 2s linear infinite
}

.spinnerTwo[data-v-c346134c]:after, .spinnerTwo[data-v-c346134c]:before {
    position: absolute;
    top: 30px;
    content: "";
    height: 35px;
    transform-origin: 50% 0
}

.spinnerTwo[data-v-c346134c]:after {
    width: 2px;
    left: 29px;
    background-color: #d1462f;
    border-radius: 2px;
    -webkit-animation: clocksec-data-v-c346134c .5s linear infinite;
    animation: clocksec-data-v-c346134c .5s linear infinite
}

.spinnerTwo span[data-v-c346134c] {
    position: absolute;
    top: 10px;
    left: 27.5px;
    height: 20px;
    width: 5px;
    border-radius: 2px;
    background: #535657;
    transform-origin: 50% 100%;
    -webkit-animation: clockhour-data-v-c346134c 10s linear infinite;
    animation: clockhour-data-v-c346134c 10s linear infinite
}

@-webkit-keyframes clockhour-data-v-c346134c {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes clockhour-data-v-c346134c {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes clockmin-data-v-c346134c {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes clockmin-data-v-c346134c {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes clocksec-data-v-c346134c {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes clocksec-data-v-c346134c {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.lazyload-block {
    overflow: hidden
}

.lazyload-container {
    position: relative;
    -webkit-filter: blur(30px);
    filter: blur(30px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius="50",MakeShadow=false);
    transition: -webkit-filter .7s ease;
    transition: filter .7s ease;
    transition: filter .7s ease,-webkit-filter .7s ease
}

    .lazyload-container.loading {
        -webkit-filter: blur(15px);
        filter: blur(15px)
    }

    .lazyload-container.fail, .lazyload-container.loaded {
        -webkit-filter: none;
        filter: none
    }

    .lazyload-container.fail {
        background-color: #000
    }

.lazyload {
    opacity: .3;
    transition: opacity .7s ease
}

    .lazyload.loading {
        opacity: .5
    }

    .lazyload.fail, .lazyload.loaded {
        opacity: 1
    }

.thumbnail {
    opacity: 1;
    transition: opacity .7s ease
}

    .thumbnail.loaded, .thumbnail.loading {
        opacity: .7;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

    .thumbnail.loaded {
        opacity: 0
    }

.note-container .note-wrapper[data-v-4815da0d] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start
}

.note-container .note-wrapper .note-column[data-v-4815da0d] {
    margin: 0 20px 0 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

    .note-container .note-wrapper .note-column[data-v-4815da0d]:last-child {
        margin-right: 0
    }

.note-container .note-wrapper .note-column .note[data-v-4815da0d] {
    width: 220px;
    margin: 0 0 20px;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: relative
}

    .note-container .note-wrapper .note-column .note[data-v-4815da0d]:hover:after {
        width: 100%;
        height: 100%;
        background-color: rgba(0,2,4,.2);
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 8px;
        content: ""
    }

.note-container .note-wrapper .note-column .note .note-info[data-v-4815da0d] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

.note-container .note-wrapper .note-column .note .note-info .note-image[data-v-4815da0d] {
    position: relative
}

.note-container .note-wrapper .note-column .note .note-info .note-image .multi[data-v-4815da0d], .note-container .note-wrapper .note-column .note .note-info .note-image .video[data-v-4815da0d] {
    width: 25px;
    height: 25px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 10px;
    right: 8px
}

.note-container .note-wrapper .note-column .note .note-info .note-image .multi[data-v-4815da0d] {
    background-image: url(data:image/png;base64,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)
}

.note-container .note-wrapper .note-column .note .note-info .note-image .video[data-v-4815da0d] {
    background-image: url(data:image/png;base64,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)
}

.note-container .note-wrapper .note-column .note .note-info .info[data-v-4815da0d] {
    padding: 0;
    margin: 10px 15px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.note-container .note-wrapper .note-column .note .note-append[data-v-4815da0d] {
    padding: 0 15px 10px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.note-container .note-wrapper .note-column .note .note-append .user[data-v-4815da0d] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.note-container .note-wrapper .note-column .note .note-append .user .user-image-wrapper[data-v-4815da0d] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    position: relative;
    overflow: hidden
}

.note-container .note-wrapper .note-column .note .note-append .user .user-image-wrapper .user-image[data-v-4815da0d] {
    position: absolute;
    width: 100%;
    height: 100%
}

.note-container .note-wrapper .note-column .note .note-append .user .user-image-wrapper .official[data-v-4815da0d] {
    width: 12px;
    height: 12px;
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0;
    right: 0
}

.note-container .note-wrapper .note-column .note .note-append .user .name[data-v-4815da0d] {
    width: 87px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: 10px;
    color: #555;
    font-size: 12px
}

.note-container .note-wrapper .note-column .note .note-append .like[data-v-4815da0d] {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center
}

.note-container .note-wrapper .note-column .note .note-append .like .heart[data-v-4815da0d] {
    width: 18px;
    height: 18px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAgCAYAAAB6kdqOAAAAAXNSR0IArs4c6QAAA3JJREFUWAnNlz1ok0EYx/NhsBiwDfWjHRq31LV1bwm0Ch2sXxQhg4JtAq04CKU6ODmYQuvgB5i0Dg4ZLIqCUBClQRd1kAoumkVIA37UEjqkVGISf8+buzYNSZpvPLg8d889z/1/793l3sRk+s+KuRyehYUFazweP2S1WtttNlvc6XT+dLvdf0vlhsPhPdFo9HAymXSkUqk1h8Pxa2RkJFUqR8aKAmUyGfP8/PzZdDrtMZvNg/TtejL6m7SXsI9bW1tDWkjA19fXPcSeZ9yNbcnJSdB/ZbFYQqOjo0/JzeixXFsQCJAenuohgT0SLMmUHzTXqA5qJ9VClfKFlfNJg5wA5qi0KWnqd2qc2s4cHcyh9ZbJuQTYMmM7ig7Ycs7NzZ1jVR7h2EeNMtE0Ez3z+XwyuVECgcAB/CfpTDHmwiazIyYb/gjVzxwvyPmt/CZyOvGfJn4Kn5O6wWpdGBsbe6JjxO4AYmX6eMrX+G3UYFdX15WhoaE/ElioyDmJRCI3Gbumxv0ul+tGqfO1uLi4d2Vl5Q7xXmqSlRpgpd6q/G2gUCjkSCQSX3mCgzzJtNfr1SI6tqgNBoP9MkjOm6JBeQPk+GW10Fq12+3dHo9HtnYbiCW9RV8gwkw8QKCcgYYVYCxAyW64qX6297qIGQcTGNmiccNhsUw2GkZ0RIMzNCltyrhiyAKxj3049xP0iUP20QhpwodoiaZoK4YsEAf5mNJfagJHvoShqRmMLYOyQ6LY11h+dKP7WlMz6MvNuNJxWhsNkD9/jqbBYABBKbewFGfWNPXziFIzLl69Ze/ECdjxpqJkNQeV5nuxBlBbW9sHlm6VfjdfP7kXmlKUVrdo843bBlJv61lFMSPXe6OJlMaM0pkFKi1tfahlu+7i/IavNxaLPVCBDTNKo1c0RVsLbQFxdW8wMEyA/G65yHLe00H1tjK3aCitYdHWGltA4mDgM4FnCNykO9EIKDXnhGiIlmhqGLE7fn7oAV56J2g/J6EFe5+ky3qsFpsLwzyneIm/zJ+vIJAE1RuqHBjRLQpUT6hyYXYFqgdUJTBlAdUCVSlM2UDVQFUDUxFQJVDVwlQMVA5ULTBVAZWCqhWmaqBCUOKjGDcwtuClZ0Ts8lHyHtolN//ylH8S8sqpGkb0agKSCbjR+3nF3DYmM5uvVvJnUXLyyz9Srs7x/T5B0AAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-size: contain
}

.note-container .note-wrapper .note-column .note .note-append .like .likes[data-v-4815da0d] {
    margin-left: 8px;
    color: #555;
    font-size: 12px
}

.explore-container[data-v-b831a84a] {
    padding-bottom: 50px;
    border-top: 1px solid #eee;
    background-color: #fff
}

.explore-container .category-header[data-v-b831a84a] {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    margin: 0 auto;
    width: 1180px;
    height: 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid #eee
}

.explore-container .category-header .category[data-v-b831a84a] {
    text-align: center;
    width: 68px;
    height: 50px;
    color: #555;
    font-size: 14px;
    padding-top: 21px;
    line-height: 28px;
    font-weight: 400;
    cursor: pointer
}

.explore-container .category-header .category.current-category[data-v-b831a84a] {
    color: #000;
    font-weight: 700;
    border-bottom: 2px solid #ff2741
}

.explore-container .note-list-wrapper[data-v-b831a84a] {
    margin: 0
}

.explore-container .note-list-wrapper .note-list[data-v-b831a84a] {
    margin: 30px 0 0
}

.explore-container .note-list-wrapper .loading-spinner[data-v-b831a84a] {
    z-index: 10;
    position: fixed;
    top: 166px;
    bottom: 0;
    width: 100%;
    height: auto;
    background-color: #fff
}

.explore-container .more[data-v-b831a84a] {
    text-align: center;
    cursor: pointer;
    width: 100%;
    height: 40px;
    color: #ff2741;
    font-size: 16px;
    line-height: 40px;
    font-weight: 600
}

.explore-container .qr-code[data-v-b831a84a] {
    position: fixed;
    top: 200px;
    right: 0
}

.explore-container .pop-over[data-v-b831a84a] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1
}

@media screen and (max-width:1250px) and (min-width:1101px) {
    .explore-container[data-v-b831a84a] {
        margin-top: 96px
    }
}

@media screen and (max-width:1100px) {
    .explore-container[data-v-b831a84a] {
        margin-top: 85px
    }
}

.author-container[data-v-961f104e] {
    width: 940px;
    height: 240px;
    padding: 40px 0 40px 40px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    border: 1px solid #eee;
    border-radius: 8px
}

.author-container .left[data-v-961f104e] {
    width: 160px;
    height: 160px;
    position: relative;
    border-radius: 50%
}

.author-container .left .image-wrapper[data-v-961f104e] {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    overflow: hidden
}

.author-container .left .badge-icon[data-v-961f104e] {
    background-image: url(//ci.xiaohongshu.com/8195ecad-e5bf-448c-9c83-5b5e8feb5a53);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    background-size: contain;
    position: absolute;
    bottom: 0;
    right: 0
}

.author-container .right[data-v-961f104e] {
    margin-left: 40px;
    width: 600px
}

.author-container .right .user-name[data-v-961f104e] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.author-container .right .user-name .name-detail[data-v-961f104e] {
    font-size: 20px;
    font-weight: 500
}

.author-container .right .user-name .level-detail[data-v-961f104e] {
    margin-left: 8px;
    width: 20px;
    height: 20px;
    background-image: url(//ci.xiaohongshu.com/8195ecad-e5bf-448c-9c83-5b5e8feb5a53);
    background-repeat: no-repeat;
    background-size: contain
}

.author-container .right .user-brief[data-v-961f104e] {
    margin: 11px 0 6px;
    color: #666;
    width: 600px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    font-size: 16px
}

.author-container .right .location[data-v-961f104e] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.author-container .right .location .location-icon[data-v-961f104e] {
    width: 20px;
    height: 20px;
    position: relative
}

.author-container .right .location .location-text[data-v-961f104e] {
    color: #999;
    font-size: 16px
}

.author-container .right .card-info[data-v-961f104e] {
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.author-container .right .card-info .info[data-v-961f104e] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    color: #666;
    font-size: 18px;
    margin-right: 60px
}

    .author-container .right .card-info .info[data-v-961f104e]:last-child {
        margin-right: 0
    }

.author-container .right .card-info .info .info-text[data-v-961f104e] {
    margin-bottom: 8px
}

.author-container .right .card-info .info .info-number[data-v-961f104e] {
    color: #333;
    font-weight: 500
}

.album-container[data-v-6442c56f] {
    width: 940px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap
}

.album-container .each-album[data-v-6442c56f] {
    width: 457px;
    box-shadow: 0 1px 2px 0 rgba(51,51,51,.15);
    border-radius: 8px;
    padding: 20px 20px 30px 30px;
    margin: 0 0 30px 26px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

    .album-container .each-album[data-v-6442c56f]:nth-child(odd) {
        margin: 0 0 30px
    }

    .album-container .each-album[data-v-6442c56f]:hover {
        box-shadow: 0 1px 15px 0 rgba(0,0,0,.15)
    }

.album-container .each-album .top-info[data-v-6442c56f] {
    width: 407px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.album-container .each-album .top-info .title[data-v-6442c56f] {
    margin: 0;
    font-size: 20px;
    font-weight: 600
}

.album-container .each-album .top-info .info[data-v-6442c56f] {
    color: #666;
    font-size: 15px;
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.album-container .each-album .top-info .info .fans[data-v-6442c56f] {
    margin-left: 5px
}

.album-container .each-album .top-info .info .dot[data-v-6442c56f] {
    display: inline-block;
    width: 2px;
    height: 2px;
    overflow: hidden;
    background-color: #555;
    border-radius: 50%;
    margin: 0 5px 6px
}

.album-container .each-album .bottom-img[data-v-6442c56f] {
    overflow: hidden;
    margin-top: 15px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start
}

.album-container .each-album .bottom-img .img-item[data-v-6442c56f] {
    width: 90px;
    height: 90px;
    border-radius: 4px;
    overflow: hidden;
    margin-left: 15px
}

    .album-container .each-album .bottom-img .img-item[data-v-6442c56f]:first-child {
        margin-left: 0
    }

.user-container[data-v-18d4833b] {
    padding-bottom: 30px
}

.user-container .author-card[data-v-18d4833b] {
    margin-top: 50px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start
}

.user-container .note-album[data-v-18d4833b] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    margin: 30px 0
}

.user-container .note-album .type[data-v-18d4833b] {
    width: 98px;
    height: 35px;
    border-bottom: 1px solid #eee;
    margin-right: 6px;
    text-align: center;
    color: #555;
    font-size: 18px;
    line-height: 34px;
    cursor: pointer
}

.user-container .note-album .type.current-type[data-v-18d4833b] {
    color: #000;
    font-weight: 500;
    border-bottom: 2px solid #ff2741
}

.user-container .display-zone[data-v-18d4833b] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    min-height: 200px
}

.user-container .display-zone .note-wrapper .no-notes .words[data-v-18d4833b] {
    color: #999;
    font-size: 16px
}

.user-container .display-zone .album-wrapper[data-v-18d4833b] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start
}

.user-container .display-zone .album-wrapper .no-album .words[data-v-18d4833b] {
    color: #999;
    font-size: 16px
}

.user-container .more[data-v-18d4833b] {
    margin-top: 10px;
    text-align: center;
    cursor: pointer;
    width: 100%;
    height: 40px;
    color: #ff2741;
    font-size: 16px;
    line-height: 40px;
    font-weight: 600
}

.user-container .pop-over[data-v-18d4833b] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100
}

@media screen and (max-width:1250px) and (min-width:1101px) {
    .user-container[data-v-18d4833b] {
        margin-top: 96px
    }
}

@media screen and (max-width:1100px) {
    .user-container[data-v-18d4833b] {
        margin-top: 85px
    }
}

.user-container[data-v-d14f07c4] {
    padding-bottom: 30px
}

.user-container .author-card[data-v-d14f07c4] {
    margin-top: 50px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start
}

.user-container .note-album[data-v-d14f07c4] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    margin: 30px 0
}

.user-container .note-album .type[data-v-d14f07c4] {
    width: 98px;
    height: 35px;
    border-bottom: 1px solid #eee;
    margin-right: 6px;
    text-align: center;
    color: #555;
    font-size: 18px;
    line-height: 34px;
    cursor: pointer
}

.user-container .note-album .type.current-type[data-v-d14f07c4] {
    color: #000;
    font-weight: 500;
    border-bottom: 2px solid #ff2741
}

.user-container .display-zone[data-v-d14f07c4] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start
}

.user-container .display-zone .note-wrapper .no-notes .words[data-v-d14f07c4] {
    color: #999;
    font-size: 16px
}

.user-container .display-zone .album-wrapper[data-v-d14f07c4] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start
}

.user-container .display-zone .album-wrapper .no-album .words[data-v-d14f07c4] {
    color: #999;
    font-size: 16px
}

.user-container .more[data-v-d14f07c4] {
    margin-top: 10px;
    text-align: center;
    cursor: pointer;
    width: 100%;
    height: 40px;
    color: #ff2741;
    font-size: 16px;
    line-height: 40px;
    font-weight: 600
}

.user-container .pop-over[data-v-d14f07c4] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100
}

.board-container[data-v-0bc2af82] {
    margin-top: 106px;
    padding-bottom: 50px
}

.board-container .personal-board[data-v-0bc2af82] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding-top: 30px;
    margin-bottom: 30px
}

.board-container .personal-board .album-info[data-v-0bc2af82] {
    width: 940px;
    height: 90px;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 0 30px;
    font-size: 18px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

.board-container .personal-board .album-info .author-album[data-v-0bc2af82] {
    margin-top: 12px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 13px;
    line-height: 20px;
    color: #333
}

.board-container .personal-board .album-info .author-album .album-name[data-v-0bc2af82] {
    font-size: 18px;
    margin: 0 18px 0 0
}

.board-container .personal-board .album-info .author-album .user-info[data-v-0bc2af82] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: 20px;
    cursor: pointer
}

.board-container .personal-board .album-info .author-album .user-info img[data-v-0bc2af82] {
    margin: 0 6px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    overflow: hidden
}

.board-container .personal-board .album-info .details[data-v-0bc2af82] {
    margin-top: 12px;
    color: #666;
    font-size: 16px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.board-container .personal-board .album-info .details .dot[data-v-0bc2af82] {
    margin: 0 7px;
    display: inline-block;
    background-color: rgba(51,51,51,.867);
    width: 3px;
    height: 3px;
    border-radius: 50%;
    overflow: hidden
}

.board-container .note-list[data-v-0bc2af82] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start
}

.board-container .note-list .note-list-wrapper[data-v-0bc2af82] {
    width: 940px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start
}

@media screen and (max-width:1250px) and (min-width:1101px) {
    .board-container[data-v-0bc2af82] {
        margin-top: 96px
    }
}

@media screen and (max-width:1100px) {
    .board-container[data-v-0bc2af82] {
        margin-top: 85px
    }
}

.not-found-container[data-v-008c8a76] {
    margin-top: 106px;
    padding-top: 100px;
    margin-bottom: 240px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

.not-found-container .not-found-image[data-v-008c8a76] {
    width: 240px;
    height: 240px;
    position: relative
}

.not-found-container .not-found-image img[data-v-008c8a76] {
    position: absolute;
    width: 100%;
    height: 100%
}

.not-found-container .notify[data-v-008c8a76] {
    margin-top: 30px;
    color: #555;
    font-size: 20px;
    line-height: 28px
}

.partnership-page[data-v-bab993ec] {
    border-top: 1px solid #e6e6e6;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.partnership-page .inner-brief[data-v-bab993ec] {
    overflow: hidden;
    width: 1130px;
    margin: 0 auto 102px;
    padding: 98px 0 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start
}

.partnership-page .inner-brief .left-banner[data-v-bab993ec] {
    width: 560px;
    height: 400px;
    float: left
}

.partnership-page .inner-brief .left-banner img[data-v-bab993ec] {
    width: 100%
}

.partnership-page .inner-brief .right-content[data-v-bab993ec] {
    width: 448px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    color: #2c2c2c;
    font-weight: 400
}

.partnership-page .inner-brief .right-content .topic[data-v-bab993ec] {
    margin: 0;
    font-size: 48px;
    font-weight: 400
}

.partnership-page .inner-brief .right-content .slogan[data-v-bab993ec] {
    width: 448px;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    text-align: left;
    word-break: keep-all;
    margin: 12px 0 16px
}

.partnership-page .inner-brief .right-content .description[data-v-bab993ec] {
    width: 448px;
    font-size: 16px;
    line-height: 32px;
    text-align: left;
    color: #747474;
    margin: 0 0 24px
}

.partnership-page .inner-brief .right-content .bottom[data-v-bab993ec] {
    width: 448px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start
}

.partnership-page .inner-brief .right-content .bottom .btn[data-v-bab993ec] {
    width: 216px;
    height: 56px;
    border-radius: 28px;
    font-size: 24px;
    font-weight: 400;
    line-height: 56px;
    text-align: center;
    color: #fff;
    cursor: pointer
}

.partnership-page .inner-brief .right-content .bottom .other[data-v-bab993ec] {
    background-color: #ff4949
}

.partnership-page .inner-brief .right-content .bottom .self[data-v-bab993ec] {
    background-color: #fff;
    color: #ff4949;
    border: 1px solid #ff4949
}

.third-store-container[data-v-83234158] {
    padding-top: 56px;
    background-color: #fff;
    border-top: 1px solid #e6e6e6
}

.third-store-container .qr-code[data-v-83234158] {
    position: fixed;
    top: 550px;
    left: calc(50% + 612px);
    width: 100px;
    height: 130px;
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

.third-store-container .qr-code .qr-img[data-v-83234158] {
    margin-top: 5px;
    display: block;
    width: 90px;
    height: 90px
}

.third-store-container .qr-code .name[data-v-83234158] {
    display: block;
    width: 90px;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    color: #555;
    overflow: hidden
}

.third-store-container .description-wrapper[data-v-83234158] {
    height: 440px
}

.third-store-container .wrapper[data-v-83234158] {
    width: 100%;
    min-height: 440px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start
}

.third-store-container .rectangle[data-v-83234158] {
    width: 1200px;
    height: 440px;
    background: linear-gradient(90deg,#ff565e 2.88%,#ff275e 97.12%);
    border-radius: 24px;
    position: relative;
    overflow: hidden
}

.third-store-container .rectangle .oval[data-v-83234158] {
    position: absolute;
    border-radius: 50%
}

.third-store-container .rectangle .one[data-v-83234158] {
    left: 237px;
    top: -105px;
    width: 423px;
    height: 423px;
    background: linear-gradient(122.46deg,#ff565e 33.29%,#ff275e 84.37%)
}

.third-store-container .rectangle .two[data-v-83234158] {
    left: 539px;
    bottom: -15px;
    width: 373px;
    height: 373px;
    background: linear-gradient(90deg,rgba(255,101,101,.5),rgba(255,45,74,0));
    box-shadow: inset 0 0 50px rgba(255,252,241,.05)
}

.third-store-container .rectangle .description[data-v-83234158] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    color: #fff
}

.third-store-container .rectangle .description .title[data-v-83234158] {
    font-size: 40px;
    line-height: 48px;
    margin: 124px 0 24px;
    padding: 0;
    font-weight: 500
}

.third-store-container .rectangle .description .desc[data-v-83234158] {
    margin: 0;
    font-size: 20px;
    line-height: 24px;
    padding: 0;
    font-weight: 400
}

.third-store-container .rectangle .description .buttons[data-v-83234158] {
    margin-top: 40px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start
}

.third-store-container .rectangle .description .buttons .btn[data-v-83234158] {
    width: 240px;
    height: 56px;
    border-radius: 28px;
    box-shadow: 0 0 25px rgba(255,36,66,.15);
    font-size: 22px;
    line-height: 56px;
    text-align: center;
    cursor: pointer
}

.third-store-container .rectangle .description .buttons .store[data-v-83234158] {
    background-color: #fff;
    color: #ff2442
}

.third-store-container .rectangle .description .buttons .handbook[data-v-83234158] {
    margin-left: 32px;
    border: 2px solid #fff;
    background-color: transparent;
    color: #fff
}

.third-store-container .process[data-v-83234158] {
    width: 1200px;
    height: 422px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

.third-store-container .process .title[data-v-83234158] {
    margin: 56px 0 48px;
    padding: 0;
    font-size: 28px;
    line-height: 34px;
    color: #333;
    font-weight: 500
}

.third-store-container .process .step-wrapper[data-v-83234158] {
    width: 1200px;
    height: 228px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.third-store-container .process .step-wrapper .steps[data-v-83234158] {
    width: 288px;
    height: 228px;
    margin-right: 8px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    color: #333;
    font-size: 14px;
    line-height: 17px;
    position: relative
}

    .third-store-container .process .step-wrapper .steps[data-v-83234158]:not(:first-child):before {
        content: "";
        position: absolute;
        top: 30.5px;
        left: 0;
        margin: 0 7px 0 0;
        padding: 0;
        display: block;
        width: 1px;
        height: 167px;
        background-color: #e6e6e6
    }

    .third-store-container .process .step-wrapper .steps[data-v-83234158]:last-child {
        margin-right: 0
    }

.third-store-container .process .step-wrapper .steps .icon[data-v-83234158] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-size: contain;
    overflow: hidden
}

.third-store-container .process .step-wrapper .steps .process-name[data-v-83234158] {
    margin: 24px 0 4px;
    padding: 0;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500
}

.third-store-container .process .step-wrapper .steps .time-span[data-v-83234158] {
    margin: 0;
    padding: 0;
    font-weight: 400
}

.third-store-container .process .step-wrapper .steps .tasks[data-v-83234158] {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.third-store-container .process .step-wrapper .steps .tasks .task[data-v-83234158] {
    margin: 16px 0 0;
    padding: 0
}

    .third-store-container .process .step-wrapper .steps .tasks .task[data-v-83234158]:before {
        content: "·";
        color: #ff2442
    }

.third-store-container .issue-wrapper[data-v-83234158] {
    background-color: #fafafa
}

.third-store-container .issue-container[data-v-83234158] {
    width: 1200px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

.third-store-container .issue-container .title[data-v-83234158] {
    font-size: 28px;
    line-height: 34px;
    color: #333;
    font-weight: 500;
    margin: 48px 0 56px;
    padding: 0
}

.third-store-container .issue-container .issue-btns[data-v-83234158] {
    height: 44px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    font-size: 20px
}

.third-store-container .issue-container .issue-btns .btn[data-v-83234158] {
    font-weight: 400;
    width: 200px;
    height: 44px;
    margin-right: 16px;
    border: 1px solid #ff2442;
    border-radius: 100px;
    text-align: center;
    line-height: 44px;
    background-color: transparent;
    color: #ff2442;
    cursor: pointer
}

.third-store-container .issue-container .issue-btns .btn.current[data-v-83234158] {
    background: linear-gradient(90deg,#ff565e 2.88%,#ff275e 97.12%);
    color: #fff
}

.third-store-container .issue-container .issue-btns .btn[data-v-83234158]:last-child {
    margin: right 0
}

.third-store-container .issue-container .issues[data-v-83234158] {
    margin: 40px 0 56px;
    align-self: flex-start
}

.third-store-container .issue-container .issues .issue[data-v-83234158] {
    margin-top: 32px
}

    .third-store-container .issue-container .issues .issue[data-v-83234158]:first-child {
        margin-top: 0
    }

.third-store-container .issue-container .issues .issue .question[data-v-83234158] {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #333;
    padding: 0;
    margin: 0 0 16px;
    text-indent: 3px
}

.third-store-container .issue-container .issues .issue .answer[data-v-83234158] {
    padding-left: 32px;
    white-space: pre-line;
    margin: 16px 0 0;
    font-size: 16px;
    line-height: 24px;
    color: #666
}

.third-store-container .more[data-v-83234158] {
    width: 1200px;
    height: 426px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    color: #333
}

.third-store-container .more .title[data-v-83234158] {
    margin: 56px 0 48px;
    font-size: 28px;
    line-height: 34px;
    font-weight: 500;
    padding: 0
}

.third-store-container .more .infos[data-v-83234158] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start
}

.third-store-container .more .infos .info[data-v-83234158] {
    cursor: pointer;
    width: 248px;
    height: 232px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    margin-right: 40px
}

    .third-store-container .more .infos .info[data-v-83234158]:hover {
        border: none;
        box-shadow: 0 8px 24px rgba(0,0,0,.04)
    }

    .third-store-container .more .infos .info[data-v-83234158]:last-child {
        margin-right: 0
    }

.third-store-container .more .infos .info .title[data-v-83234158] {
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600
}

.third-store-container .more .infos .info .desc[data-v-83234158] {
    width: 200px;
    height: 63px;
    margin: 12px 0 20px;
    padding: 0;
    color: #999;
    font-size: 14px;
    line-height: 21px;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.third-store-container .more .infos .info .more-btn[data-v-83234158] {
    display: block;
    width: 68px;
    height: 17px;
    color: #ff2442;
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
    position: relative
}

.third-store-container .more .infos .info .more-btn:hover .line[data-v-83234158] {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 56px;
    height: 1px;
    background-color: #ff2442
}

.third-store-container .more .infos .info .more-btn[data-v-83234158]:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 12px;
    height: 17px;
    background-image: url(//ci.xiaohongshu.com/ff4d8f03-3743-44aa-8a3d-6c8050a5d7a5);
    background-size: 100% 100%
}

.operation-block[data-v-5e3e939c] {
    margin-top: 30px
}

.publish-date[data-v-5e3e939c] {
    margin-top: 30px;
    color: #999
}

.brand-link[data-v-5e3e939c] {
    display: inline-block;
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
    line-height: 14px
}

    .brand-link[data-v-5e3e939c]:not(:last-child):after {
        content: "、"
    }

.tags[data-v-5e3e939c] {
    font-size: 16px;
    color: #555
}

.tags .like[data-v-5e3e939c] {
    color: #555
}

.tags .like i[data-v-5e3e939c] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAABXFJREFUWAntmFtMXFUUhmGQi6GtobHGSzUpGnxoH9SkJl6aFqjVoBYtShVRZLjFmLQP1fRBmxjTiCYVjcYHGMCApLHYtDRYSmNa0gc1ajSxMSYlGi9QU7QtlyhgGWb8/uHsmQNzmGGGYXxhJ3vW2muvy3/W3mevfSYlZbktZyA8A+3t7dmdnZ1p4TORJdis8Pv9qZG1Zs8uSLm5uXmDz+fbiekj9FsJsjI1NXUa+if0C2TH0tPTP6msrJy0u/d4PAXolNAfQH4LPRP9K9DzyE7BH6mpqemF+u12dj4iwNbW1pu9Xm89BmU4jKhLkEF0Xq2rq2tramraCN+A3f32YE48dt8i31NbW3vGcd5JKBlZu4+sHSXQGo1x9A+kl/GX8Bfo2fDKZhHyDdJRQ34a2SbYdGs8xLgb+Vn6RWSr8bse/lHka6VD8zHeC8gDM8PQr2NWyMBmjE+ilkmfwriBcT3ZGQ2ZhjiWcgtBlbE7Q9KUS/D78vLyPPn5+V6bPMDiz0USyuWXfqOExNkPyH123TCABFtLMKX9OvowvQRgfXYjJ76npydzcHDQQ7Bnmf/B5XJtZ3/94qRrlzU2Nt4AsGPYbZQcuxLsjhidMIBk7zDKJSh4Mdw6394wDuZSHnBddXX1b9j65s7NNyaTq6enp79hPpd+MScnZ11paenf0nfpxzTA3QG/wxrXxwpOdspaLOBkwwNdhpSJp107PDy8e4adA5DMVdKV1eHs7OywDWuMloKyjb7Cb7fl221izMogT643Upu1u7y8fMwoJZF+ZMXKbWlpuV18EKB1yt8mIQBPiSa7ZWVlnTYxeVG13UIAx8bGrjeT0EEbnzS2oqJCR9OEArLVAniCGUQQOFg1CXqVo/+rTSkwq5ghGgSIYEgCNc4iezZnhEn4ZZtdTZhVCkXCLogGAVqvukqRJu8VTXZjmwXjgqFf8YMANSCLKm8CWBzPdUq2i2kc1ioQapc4g3VwzwbI0h6SkJY7Ojr6zAybnN+2trabSFClokEP0wOVaFYGWWbdOlSHlcUDum6JX+pGLNfk5GQrNIv4V6BvmJizAEpIFlVmvCitmZqa6qKYX2OUl4pSYt/B9zb5J+5bVJXfTawwgGTxcyb3WAp3QU9wqq80BommgHsTn7ssv73svdfsMcIAapIneA/ytqV4D5v3uL5DrHHCCKvzOhnbK4cs7dfU/51m75kgjgA1CciXUH5fPE42TUxMdFvnlESLboB7BSfmcvod3zQPOtX/eQEKAeneBchGC00+16AuXUytcdyEO+PLGO+XA/yfpQZv44NrxMlh2IV1rhLZS8VhM9RtzR3nQrmDC2Vc5ZA9txtf71q+fiRzW9xu919z45pxxAxKiSf0cwmtge2wjB4mk4f6+vqussYLJizrCzZw5zIyMgojgZPjqAClBEgfWXse1hzkj/X39x+MpdoArho/H8gf7WeWtZBlDdTbGZHz74IAypQlneYLrRzWfNA8SSbbyUhUH2yR57BrRFdb6ld6AVer89CoLapzuwfr8/EpZOZqXsaeUgWYdy8D7mmubx9io1gDFIIC+0Fs9+/Ez+vYSdnI9CYPDAx0MX5IMpbOwzat0341OqKAewLwH9PTmPsDcJspBD/ZdaLxMWXQOCsqKvqXDf4448CnAQBqyGTgzDQ6gCsmcwctcENpaWkFsYKTr7gAytD6o2g7mTmjMe1FQDaIAVwRwDph05nXEVJYVVV1TnOxtriW2B6EN3nFyMjISQAFLpsA6oQvRkf/ZF1W5gD3vd0mFn7RABWso6Nj1fj4+GcAu9sEB9wIfSt7M3B9M/JYadxLbA+kGqpaCqBP6X56fyLA2WMkjE9ErU4YmGVHZOA/4UBFEddn3MUAAAAASUVORK5CYII=) no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle
}

.tags .like span[data-v-5e3e939c] {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 3px
}

.tags .comment[data-v-5e3e939c] {
    color: #555;
    margin-left: 25px
}

.tags .comment i[data-v-5e3e939c] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAABT9JREFUWAntmGtoXEUUxze72SbVpo1vNChU6xOsGFOIFrUtkUpAEGlSbM2zm+SbCKIgolQQFUVBPyh5a0CkQQWhRqWhadFoNdgUxCdUMWlAo5IosZrHbvz9r3O39+7O3ezGDfghAyfnzJnz+M+ZuTOzCYX+560gH/iGhoYKx8bGNsTj8bCosLCwoLGx8eeCgoLF/xp/2QDb29vLSb4HEJWLi4uS13rBoJ+m/wn0MfRBa2vriHc8WzlngJ2dnbsSicQjJBCoXNpQOBx+sqWl5XAuTlkD7O3tvXJ+fv5lqlXlSfA7lRqkPwL/hrE4PEE/aqp6C7yS/jrXh/GjRUVFexsaGiZcXSaeFcCOjo6dJDpAoA0KRpKvYc+i629razstXVBjYsVzc3Mxxh+GLpUd/tqfNVTzQ/UztSUBAq6RAF2AiRD0b+THkF8E2HymwKlj7NkoS/wA2+MpxgqhBShGnNdSbb39jABN5Q7ioIA/QXcT8FNvgFxl9vA2VR66AF9NcgcxPwqKEwiQGV9BxUYJVGKW5GaW5IegQLnoe3p6Lmc/a6LnQ5PRaLSiubl53BYjbFNKB6hXBA7xL+iufIFTbMB8z3LXIGqZL1xYWOiT3tasAKleDeDukANAn1juGWZL6OqY8BFi67gKkWsbObe7Y15uBYjjQ8boK5xf8DrkUy4tLX2JXKcUE/64LXYawO7u7gpAbTFOz+f6tdqSBOlqa2vnAPaMxlVFPkonr9c+DSB3qfaGZjTNDN/wGq+EXFZW1kVc9yytSs2h4yO1bTWKo8xQH4ivsVcuA3w3M66EH4Pvo8pjPiNPZyn76urqWSqnODtwuxV62uMe8lVQrxIMK2RA8mGvoSsbcJrpOmyr1HfHbDwbe+I4Nwp8K+TD5OuMj4+fS5Iik+g7W0IC6G5NttR+csAIqeOpfWN2wvD1XI3neWP4AHJ4nuMOMvMpV/Zy9Mcy9b1jkrOxx0bnodP0lnRlcR9APhDvnox7DV2ZCuwj4CD9GXH13TEbz8Yem8CHrRdQCPSTVNHJg89FtoTmg3AOcdt4qi4beyYaCcLoq2BTU9NvJHAQ8urYmJpspfqAu87EPl1cXCwMyeYDyEwSkPM0h9+WtFphgVw3KQX8BEebb2v5AMqI2RwxXPfjWZJXspkcO00O/X7xtTSAvDLeNhbrmdFen/UKdMi3i6Lo1aT2+r/szN80gLwyPmfYfZS2nDHNv0T19NvlUUXW8vJqcs/DZLI0gMb4VXGct/B4cGcnVb7b/eS4SkEBuN8W3AoQQ2ej4rRYUlKSPERtAZar4+mvu1y/TwTuMCv3ji2WFSCzutEYn7Q9GGyBctF1dXVtIsdb0Br8puCtQf5WgMzIBXg8yHG5evZdOTfWMKAuIUYiEons4TA/GRTPd5PIqL+/PzI1NbVZMkFGxfPRTFy91PdDepAs8AU3xWKx95EDWxrAmZmZq7F2zj8q6QBU8Onp6WvQlwP6evTF0DD/IThYX1//Z2B0BgYGBoomJibuw/9Butca2xnA7WbfDWTy1Zjv5SAF++NOluA9ybQDANkoUMhrHY3/j17CqsAIS/Ul1+MfyLoqdY/rqrwd2o5/8iQg3iDgKFzsR8aWbGkVJNi3eClJFNpN3xeEBKc0jl4AVOl7REwKFtzw+wx6jqq9GWyVPpJWQZmwkfW7RAeoQH5B4FHoOBUaZUP/ii7EMbGZ/r2IqtINkO9axH6OScjvEPQuwHzvSOyzalaAWXl6jAAS7uvru3h2dvZslm8NbbKuru4XgPnL7/FZFVcrsFqBPFXgH3SwMhq9blgdAAAAAElFTkSuQmCC) no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle
}

.tags .comment span[data-v-5e3e939c] {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 3px
}

.tags .star[data-v-5e3e939c] {
    color: #555;
    margin-left: 25px
}

.tags .star i[data-v-5e3e939c] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAABRpJREFUWAntmFtonEUUx3c3u+ludus2FQsBtVVppBUsbUWwKLZPWkFEKXnQmJDNZRvah5Y+lFpvILGEqq1Eajf3xNSSiKAIglBIsZSiL1ZES7cJVu2FpqW7WjVNYjb+zufM8u3t2y+7myczMDkz58z8z39mzsx3Ng7H/6309PQsLeWanaUC6+vrWzYzM/PZ3NzcE2BeKysrCzc1NX1RLL6rWAA9f3p6+jjknqQvmFWzs7PDnZ2d1dpeqCwJQYhsgsDTisSHyL+pPuo+pStYlIQg3l9VDCYqKyv3OJ3OiPTZ0dru7u6VylaQKJogBNZDZKvyfqimpmaS+HuH/hTVzVHvLYiZmlQ0wUQisV+w2LW43+8/Iu3GxsYr9PulTQlFIpGq/5rz/1sUwa6urjW4fEHcsosdtbW1f2gKEGyn/Q91CXWP1s9XFkWQ3XsFYvJU/cmxHjY7b25u/hmSx0WH3D4wMHCn2W63XTBBbu7zOH5JETjKm3cz3Sn2A+gSLMI/NTXVi5y3P1sPNTHkcbvd9+OgmqCXt20LVS6GOJxg99ZkI4jNwVyJy1ZpU8apwy6X6xzko8yLNjQ0xA1Ljj9ZCap3bRtzHqQKofsgV5aOgZOb6J8Jh8PfpNt0f2RkxBePxz9lnCwoo4BxHWUUe5T2GY/H8xGkb+uBGQQh9xaD9bumxyUlILexn0PxFWDvhUIhcWBZGO/kQr3IIAmJR+jfZTFh3Ofzraurq/tLxqQQ5DiC6G5Q3RC5gvwBsPMcSZS2rDDKE/Irco5+wUW+2xIqYFdz0arB0ye1ThZD2dXS0vK+OHCbvUBkKRMMHYMOcxMPmu3SJtbSVfPuq7j7lolSjQLpVXzPz9IJQrJSqY0g120HhC5B7IQoGNTOsbQkjQvYEHJkQidxISc4U15efky7y7j27KJs0UXZaupRjj2sBy+E1OTwtZLNkfPdwQ5f0L5SYlAr5QNPjJykv0omUVq5qUYCoMeUQqaTAzNM7HWZsbMSlAELTdIOOeGRk2A2kuhCrLBfbMUUwqaKkzmjjxWsjJ3T+BkxqA0iubG/8NpvppmMyd7e3rViK7Ic0+SQrDn1WM3YlgRloJBktU/RlPxuCbdtt+gLLYTOo8zdIvPBfZvY7rbCyktQJrNCeaSHFdDjVoD5bLyzen4iGAy25Rtvi6ACmVDSmw/Uys6R+pT9lmTfVmPFZpsgwPcosKv5QK3svLPyCZUStPMb2jZBAB8yYB2OH5UsSBAqyfkct8bMiWWL4OjoqCQPknY52IGkg5yoFgZwJBc0kg1OJe+LkJIs5MIdGxtbDVi52Fn1T9nGYZeU6jHkagjESMW+zpaMkg3d4h38DYx7qaXZQfNKvV5vyg5ic5FDvky9QPs0TvuRn/McXUXXMTg4uCJ9QSxAY5SGoGmlv9fX11/WDiGwlV37DkKD6B7QepHovNSdk5OT44x5g8w6YLIvDEG9cnlsITcKgS+pDyvH32PfFggEltPfSLuHOks7QFi8GYvFhOgOjteDziDI3LuHhobuUPOzClsxCNAymY30Q+wTMh35vaLLRS7Oa3xxPoZQQiljyCYIvYs8wLznkCsg+gFSvkSnqEYhSZUcMPl7WqmTwjJZ0KNY9U7aHbqv5A2ItfE1OMKDO51mS+myqE2QbEepvyKGnQWdJUnegMz5E8IWQUGDZBtA22nKsUUqKioOmv+TIGPyFULjWXb/dXDWM/YEslV+4Oebt2hf3IHFHbDYgX8BiuVEqaW+C1sAAAAASUVORK5CYII=) no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle
}

.tags .star span[data-v-5e3e939c] {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 3px
}

.gray-layer[data-v-4ee45db7] {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.4);
    z-index: 1006
}

.down-app[data-v-4ee45db7] {
    width: 280px;
    height: 271px;
    background: #fff;
    z-index: 1007;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -136px 0 0 -140px;
    border-radius: 8px
}

.down-app i[data-v-4ee45db7] {
    background: url(//s.xiaohongshu.com/formula-static/frieza/public/img/shu.c502021.png) no-repeat;
    height: 100px;
    width: 105px;
    display: block;
    background-size: contain;
    margin: -100px 0 0 96px
}

.down-app .img-box[data-v-4ee45db7] {
    margin: 21px 76px 17px
}

.down-app .img-box img[data-v-4ee45db7] {
    width: 128px;
    height: 128px;
    border-radius: 5px
}

.down-app p[data-v-4ee45db7] {
    font-size: 14px;
    color: #555;
    text-align: center;
    margin: 0 0 3px
}

.down-app .close[data-v-4ee45db7] {
    cursor: pointer;
    color: #5b92e1;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    display: block;
    border-top: 1px solid #eee;
    padding: 10px 0;
    margin: 18px 0 0
}

.cube-loading[data-v-81725bae] {
    position: relative;
    width: 36px;
    height: 36px
}

.cube-loading.loading[data-v-81725bae] {
    -webkit-animation: rotate-data-v-81725bae 2s linear infinite;
    animation: rotate-data-v-81725bae 2s linear infinite
}

.cube-loading div[data-v-81725bae] {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #999
}

.cube-loading div.red[data-v-81725bae] {
    left: 13px;
    top: 0;
    background: #f15467;
    -webkit-animation: vertical-move-data-v-81725bae 1s ease-in-out infinite;
    animation: vertical-move-data-v-81725bae 1s ease-in-out infinite
}

.cube-loading div.yellow[data-v-81725bae] {
    left: 21px;
    top: 13px;
    background: #fcbd54;
    -webkit-animation: horizonal-move-data-v-81725bae 1s ease-in-out -.5s infinite;
    animation: horizonal-move-data-v-81725bae 1s ease-in-out -.5s infinite
}

.cube-loading div.blue[data-v-81725bae] {
    left: 13px;
    top: 21px;
    background: #60c3be;
    -webkit-animation: vertical-move-data-v-81725bae 1s ease-in-out -.5s infinite;
    animation: vertical-move-data-v-81725bae 1s ease-in-out -.5s infinite
}

.cube-loading div.green[data-v-81725bae] {
    left: 0;
    top: 13px;
    background: #67da9f;
    -webkit-animation: horizonal-move-data-v-81725bae 1s ease-in-out infinite;
    animation: horizonal-move-data-v-81725bae 1s ease-in-out infinite
}

@-webkit-keyframes rotate-data-v-81725bae {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes rotate-data-v-81725bae {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes vertical-move-data-v-81725bae {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(5px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes vertical-move-data-v-81725bae {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(5px)
    }

    to {
        transform: translateY(0)
    }
}

@-webkit-keyframes horizonal-move-data-v-81725bae {
    0% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(5px)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes horizonal-move-data-v-81725bae {
    0% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(5px)
    }

    to {
        transform: translateX(0)
    }
}

.sk-fading-circle[data-v-2254bb5b] {
    width: 20px;
    height: 20px;
    position: relative
}

.sk-fading-circle .sk-circle[data-v-2254bb5b] {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.sk-fading-circle .sk-circle .sk-circle-before[data-v-2254bb5b] {
    display: block;
    margin: 0 auto;
    width: 8%;
    height: 22%;
    background-color: #333;
    opacity: .8;
    -webkit-animation: sk-circleFadeDelay-data-v-2254bb5b 1.2s ease-in-out infinite both;
    animation: sk-circleFadeDelay-data-v-2254bb5b 1.2s ease-in-out infinite both
}

@-webkit-keyframes sk-circleFadeDelay-data-v-2254bb5b {
    0%,39%,to {
        opacity: 0
    }

    40% {
        opacity: 1
    }
}

@keyframes sk-circleFadeDelay-data-v-2254bb5b {
    0%,39%,to {
        opacity: 0
    }

    40% {
        opacity: 1
    }
}

.loading-icon[data-v-71026a08] {
    width: 40px;
    height: 40px
}

.loading-icon.center[data-v-71026a08] {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;
    width: 40px;
    height: 40px
}

.rotation[data-v-71026a08] {
    -webkit-animation: rotation-data-v-71026a08 1s linear infinite;
    animation: rotation-data-v-71026a08 1s linear infinite
}

@-webkit-keyframes rotation-data-v-71026a08 {
    0% {
        -webkit-transform: rotate(0)
    }

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

@keyframes rotation-data-v-71026a08 {
    0% {
        -webkit-transform: rotate(0)
    }

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

.cube-image.normal-image > img[data-v-01f732be] {
    display: block;
    width: 100%;
    height: auto
}

.cube-image.bg-image[data-v-01f732be] {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.cube-image .error-img[data-v-01f732be] {
    max-width: 140px;
    max-height: 140px
}

.cube-image img[data-v-01f732be] {
    opacity: 1;
    transition: opacity .2s ease-in
}

.cube-image img.lazy[data-v-01f732be] {
    opacity: 0
}

.avatar[data-v-75384e20] {
    position: relative;
    display: block
}

.avatar .avatar-img[data-v-75384e20] {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0;
    border-radius: 50%;
    overflow: hidden;
    z-index: 10
}

.avatar.type-outline[data-v-75384e20] {
    position: relative;
    border: none
}

.avatar.type-outline > [data-v-75384e20] {
    position: relative
}

.avatar.type-outline[data-v-75384e20]:before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    transform: scale(.5);
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
    border-radius: 50%
}

.avatar.type-shadow[data-v-75384e20] {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.15)
}

.avatar .official-verified-icon[data-v-75384e20] {
    display: block;
    position: absolute !important;
    right: 0;
    bottom: 0;
    z-index: 10
}

.avatar.avatar-XL[data-v-75384e20] {
    width: 80px;
    height: 80px
}

.avatar.avatar-XL .official-verified-icon[data-v-75384e20] {
    width: 20px;
    height: 20px;
    bottom: 1px;
    right: 1px
}

.avatar.avatar-L[data-v-75384e20] {
    width: 64px;
    height: 64px
}

.avatar.avatar-L .official-verified-icon[data-v-75384e20] {
    width: 18px;
    height: 18px;
    bottom: 1px;
    right: 1px
}

.avatar.avatar-M[data-v-75384e20] {
    width: 42px;
    height: 42px
}

.avatar.avatar-M .official-verified-icon[data-v-75384e20] {
    width: 14px;
    height: 14px
}

.avatar.avatar-S[data-v-75384e20] {
    width: 36px;
    height: 36px
}

.avatar.avatar-S .official-verified-icon[data-v-75384e20] {
    width: 12px;
    height: 12px
}

.avatar.avatar-XS[data-v-75384e20] {
    width: 32px;
    height: 32px
}

.avatar.avatar-XS .official-verified-icon[data-v-75384e20] {
    width: 10px;
    height: 10px
}

.avatar.avatar-XXS[data-v-75384e20] {
    width: 25px;
    height: 25px
}

.avatar.avatar-XXS .official-verified-icon[data-v-75384e20] {
    width: 10px;
    height: 10px
}

.avatar.avatar-XXXS[data-v-75384e20] {
    width: 18px;
    height: 18px
}

.avatar.avatar-XXXS .official-verified-icon[data-v-75384e20] {
    width: 8px;
    height: 8px;
    right: -2px
}

.hash-tag[data-v-516400f0], .mention[data-v-516400f0] {
    color: #5b92e1;
    margin: 0 2px;
    cursor: pointer
}

.hash-tag svg[data-v-516400f0], .mention svg[data-v-516400f0] {
    vertical-align: -2px;
    margin-right: 2px;
    width: 18px;
    height: 18px
}

.icon[data-v-516400f0] {
    margin: 0 2px;
    vertical-align: -2px;
    width: 20px;
    height: 20px
}

.icon + .icon[data-v-516400f0] {
    margin-left: 0
}

.comment[data-v-a7a94d88] {
    position: relative;
    padding: 15px 15px 15px 0;
    margin-left: 15px
}

.comment + .comment[data-v-a7a94d88] {
    position: relative;
    border: none
}

.comment + .comment > [data-v-a7a94d88] {
    position: relative
}

.comment + .comment[data-v-a7a94d88]:before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    transform: scale(.5);
    box-sizing: border-box;
    border-top: 1px solid #e6e6e6
}

.comment .comment-info[data-v-a7a94d88] {
    overflow: hidden;
    position: relative
}

.user .avatar[data-v-a7a94d88], .user[data-v-a7a94d88] {
    float: left
}

.user .user-info[data-v-a7a94d88] {
    float: left;
    margin-left: 10px
}

.user .user-nickname[data-v-a7a94d88] {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #333
}

.user .user-nickname a[data-v-a7a94d88] {
    text-decoration: none;
    color: #333
}

.user .publish-time[data-v-a7a94d88] {
    display: inline-block;
    margin-top: 5px;
    font-size: 12px;
    line-height: 14px;
    color: #999
}

.comment-stats[data-v-a7a94d88] {
    float: right;
    font-size: 14px;
    line-height: 16px;
    color: #666;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.comment-stats span[data-v-a7a94d88] {
    cursor: pointer
}

.comment-stats span i[data-v-a7a94d88] {
    margin-right: 6px
}

.comment-stats .likes[data-v-a7a94d88] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-right: 4px
}

.comment-stats .like-icon[data-v-a7a94d88] {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0 2px;
    vertical-align: -2px
}

.content[data-v-a7a94d88] {
    line-height: 27px
}

.content[data-v-a7a94d88], .replies[data-v-a7a94d88] {
    position: relative;
    margin: 10px 0 0 40px;
    font-size: 14px
}

.replies[data-v-a7a94d88] {
    padding: 0 10px;
    background-color: #f5f8fa;
    line-height: 21px
}

.m-right[data-v-a7a94d88] {
    margin-right: 4px
}

.reply[data-v-08820946] {
    padding: 10px 0
}

.replier[data-v-08820946] {
    color: #333
}

.reply-content[data-v-08820946] {
    display: inline;
    margin: 0;
    color: #333
}

.all-tip[data-v-3717c47a] {
    width: 500px;
    font-size: 14px;
    color: #000;
    overflow: hidden
}

.all-tip .top[data-v-3717c47a] {
    font-size: 16px;
    margin: 0 0 20px
}

.all-tip .top .remain[data-v-3717c47a] {
    width: 5px;
    height: 16px;
    display: inline-block;
    background: #ff2442;
    vertical-align: middle;
    margin: 0 7px 0 0
}

.all-tip .top .brief[data-v-3717c47a] {
    vertical-align: middle
}

.all-tip .comment[data-v-3717c47a] {
    padding: 20px 0;
    border-bottom: 1px solid #eee
}

    .all-tip .comment[data-v-3717c47a]:first-child {
        padding: 0 0 20px
    }

.all-tip .comment .comment-info[data-v-3717c47a] {
    overflow: hidden
}

.all-tip .comment .comment-info .user[data-v-3717c47a] {
    float: left
}

.all-tip .comment .comment-info .user .avatar[data-v-3717c47a] {
    width: 42px;
    height: 42px;
    display: block;
    border-radius: 100%;
    border: 1px solid #e6e6e6;
    float: left;
    background: url(//s.xiaohongshu.com/formula-static/frieza/public/img/nophoto.2c117fd.png) no-repeat;
    background-size: contain;
    cursor: pointer
}

.all-tip .comment .comment-info .user .user-info[data-v-3717c47a] {
    float: left;
    margin: 2px 0 0 20px
}

.all-tip .comment .comment-info .user .user-info .user-nickname[data-v-3717c47a] {
    color: #000;
    font-size: 16px;
    margin: 0;
    font-weight: 350
}

.all-tip .comment .comment-info .user .user-info .publish-time[data-v-3717c47a] {
    font-size: 12px;
    color: #999;
    margin: 3px 0 0;
    display: block
}

.all-tip .comment .comment-info .likes[data-v-3717c47a] {
    float: right;
    font-weight: 350;
    margin: 7px 0 0;
    color: #999
}

.all-tip .comment .comment-info .likes .icon-agree[data-v-3717c47a] {
    vertical-align: middle
}

.all-tip .comment .comment-info .likes .zan-num[data-v-3717c47a] {
    color: #555;
    vertical-align: middle;
    font-size: 18px
}

.all-tip .comment .content[data-v-3717c47a] {
    margin: 9px 0 0 62px;
    line-height: 22.5px;
    color: #555
}

.all-tip .replies[data-v-3717c47a] {
    padding: 10px;
    margin: 8px 0 0 62px;
    background-color: #f8f8fa;
    line-height: 24px
}

.all-tip .replies .replier[data-v-3717c47a] {
    color: #000
}

.all-tip .replies .replier .author[data-v-3717c47a] {
    vertical-align: baseline;
    vertical-align: initial
}

.all-tip .replies .reply-content[data-v-3717c47a] {
    color: #555
}

.all-tip .bottom[data-v-3717c47a] {
    text-align: center;
    padding: 10px 0;
    margin-bottom: 20px;
    cursor: pointer;
    color: #5b92e1;
    font-weight: 500
}

.all-tip .nocomment[data-v-3717c47a] {
    text-align: center;
    padding: 10px 0 0
}

.all-tip .nocomment .smallpic[data-v-3717c47a] {
    width: 140px;
    height: 100px
}

.all-tip .nocomment .remain[data-v-3717c47a] {
    color: #999;
    font-weight: 300;
    margin: 10px 0 30px
}

.all-tip .pop-over[data-v-3717c47a] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000
}

.carousel[data-v-7cfa9c29] {
    position: relative;
    background: #fbfbfb;
    overflow: hidden;
    border-radius: 4px
}

.carousel .slide[data-v-7cfa9c29] {
    margin: 0
}

.carousel .slide li[data-v-7cfa9c29] {
    position: absolute;
    list-style: none
}

.carousel .slide li .inner[data-v-7cfa9c29] {
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 0 0 -40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.carousel .change-pic[data-v-7cfa9c29] {
    height: 100%;
    width: 100%;
    position: relative
}

.carousel .change-pic .left[data-v-7cfa9c29], .carousel .change-pic .right[data-v-7cfa9c29] {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    top: 50%;
    cursor: pointer
}

.carousel .change-pic .left[data-v-7cfa9c29] {
    left: 10px;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: contain
}

    .carousel .change-pic .left[data-v-7cfa9c29]:hover {
        background: url(//s.xiaohongshu.com/formula-static/frieza/public/img/arrow-l.73c2e4a.png) no-repeat;
        background-size: contain
    }

.carousel .change-pic .right[data-v-7cfa9c29] {
    right: 10px;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: contain
}

    .carousel .change-pic .right[data-v-7cfa9c29]:hover {
        background: url(//s.xiaohongshu.com/formula-static/frieza/public/img/arrow-r.dd63c47.png) no-repeat;
        background-size: contain
    }

.carousel .pages[data-v-7cfa9c29] {
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #fff;
    font-size: 16px;
    text-shadow: 0 1px 2px rgba(0,0,0,.3)
}

.small-pic[data-v-7cfa9c29] {
    margin: 10px 0 0;
    text-align: center
}

.small-pic .each[data-v-7cfa9c29] {
    width: 40px;
    height: 40px;
    display: inline-block;
    margin: 0 5px 0 0;
    border-radius: 4px;
    opacity: .6;
    transition: opacity .8s ease;
    cursor: pointer
}

.small-pic .each .img[data-v-7cfa9c29] {
    width: 100%;
    height: 100%;
    display: block;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 3px
}

.small-pic .each.active[data-v-7cfa9c29] {
    box-shadow: 0 3px 8px 0 rgba(255,82,103,.5);
    border: 1px solid #ff2741;
    opacity: 1;
    transition: opacity .8s ease
}

.rightpic-enter-active[data-v-7cfa9c29] {
    transform: translateX(0);
    transition: .8s ease
}

.rightpic-leave-active[data-v-7cfa9c29] {
    transform: translateX(-100%);
    transition: .8s ease
}

.rightpic-enter[data-v-7cfa9c29] {
    transform: translateX(100%)
}

.rightpic-leave[data-v-7cfa9c29] {
    transform: translateX(0)
}

.leftpic-enter-active[data-v-7cfa9c29] {
    transform: translateX(0);
    transition: .8s ease
}

.leftpic-leave-active[data-v-7cfa9c29] {
    transform: translateX(100%);
    transition: .8s ease
}

.leftpic-enter[data-v-7cfa9c29] {
    transform: translateX(-100%)
}

.leftpic-leave[data-v-7cfa9c29] {
    transform: translateX(0)
}

.panel-card[data-v-a3353dec] {
    width: 320px;
    border: 1px solid #eee;
    border-radius: 4PX;
    cursor: pointer;
    background: #fff;
    padding-bottom: 9px
}

.panel-card h3[data-v-a3353dec] {
    font-size: 16px;
    padding: 10px 20px;
    margin: 0;
    border-bottom: 1px solid #eee;
    font-weight: 500
}

.inner[data-v-a3353dec] {
    width: 280px;
    height: 80px;
    margin: 10px 20px;
    display: block;
    color: #555
}

    .inner[data-v-a3353dec]:hover {
        color: #ff2442
    }

.inner .picture[data-v-a3353dec] {
    position: relative;
    margin: 0 10px 0 0;
    overflow: hidden;
    float: left;
    background: #f8f8fa;
    width: 80px;
    height: 80px;
    border-radius: 4PX
}

.inner .picture .photo[data-v-a3353dec] {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer
}

.inner .picture .multi[data-v-a3353dec] {
    position: absolute;
    top: 5px;
    right: 5px;
    background: url(data:image/png;base64,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) no-repeat;
    width: 15px;
    height: 15px;
    display: block;
    background-size: contain
}

.inner .picture .video[data-v-a3353dec] {
    position: absolute;
    top: 5px;
    right: 5px;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: contain;
    width: 15px;
    height: 15px
}

.inner .content[data-v-a3353dec] {
    float: left;
    width: 190px;
    margin: 3px 0 0
}

.desc[data-v-a3353dec] {
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    margin: 0
}

    .desc[data-v-a3353dec]:hover {
        color: #ff2442
    }

.info[data-v-a3353dec] {
    margin: 15px 0 0;
    color: #999;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: 15px
}

.info i[data-v-a3353dec] {
    width: 15px;
    height: 15px
}

.info .counts[data-v-a3353dec] {
    margin-left: 8px;
    color: #555;
    line-height: 15px
}

.more[data-v-a3353dec] {
    border-top: 1px solid #eee;
    text-align: center;
    margin: 0 20px;
    padding: 9px 0 0;
    cursor: pointer;
    color: #555
}

    .more[data-v-a3353dec]:hover {
        color: #ff2442
    }

.pop-over[data-v-a3353dec] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000
}

.author-info[data-v-c2507842] {
    margin: 9px 11px 0;
    padding: 0 0 10px;
    overflow: hidden;
    font-size: 12px;
    cursor: pointer;
    color: #333;
    display: block
}

.left[data-v-c2507842] {
    position: relative;
    float: left
}

.left-img img[data-v-c2507842] {
    border-radius: 50%
}

.left-img .border-img[data-v-c2507842] {
    border: 1px solid rgba(0,0,0,.15);
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0
}

.add-v[data-v-c2507842] {
    width: 15px;
    height: 15px;
    display: block;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0;
    right: 0
}

.right[data-v-c2507842] {
    float: left;
    margin: 2px 0 0 15px
}

.name[data-v-c2507842] {
    margin: 3px 0 0;
    font-weight: 500;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis
}

.name .name-detail[data-v-c2507842] {
    height: 16px;
    line-height: 16px
}

.name .level-detail[data-v-c2507842] {
    width: 18px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat
}

.name-bottom[data-v-c2507842] {
    margin: 3px 0 0;
    font-weight: 500;
    vertical-align: middle
}

.brief[data-v-c2507842], .name-bottom[data-v-c2507842] {
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis
}

.brief[data-v-c2507842] {
    color: #999;
    margin: 4px 0 0
}

.bottom-info[data-v-338f4c98] {
    width: 500px;
    height: 50px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 25px;
    display: flex;
    font-size: 12px;
    position: relative;
    margin: 0 0 16px
}

    .bottom-info[data-v-338f4c98]:hover {
        font-weight: 500
    }

.bottom-info.bottom-fixed[data-v-338f4c98] {
    position: fixed;
    border: none;
    box-shadow: 0 1px 20px 0 rgba(0,0,0,.05);
    bottom: 0
}

    .bottom-info.bottom-fixed[data-v-338f4c98]:hover {
        font-weight: 500;
        box-shadow: 0 1px 20px 0 rgba(0,0,0,.15)
    }

.bottom-info .share-item[data-v-338f4c98] {
    flex: 1;
    line-height: 50px;
    margin-left: 22px
}

.bottom-info .share-item .apart-border[data-v-338f4c98] {
    width: 3px;
    height: 19px;
    display: block;
    background: #d8d8d8;
    float: left;
    border-radius: 1.5px;
    margin: 15px 5px 0 0
}

.bottom-info .share-item .title[data-v-338f4c98] {
    height: 20px;
    line-height: 20px;
    float: left;
    padding-left: 20px;
    font-size: 14px
}

.bottom-info .share-item .all-icons[data-v-338f4c98] {
    float: left;
    padding: 8px 0 0;
    margin-left: 7px
}

.bottom-info .share-item .all-icons .icon[data-v-338f4c98] {
    width: 26px;
    height: 26px;
    display: inline-block;
    margin-right: 6px;
    cursor: pointer
}

.bottom-info .share-item .all-icons .wechat-item[data-v-338f4c98] {
    background: url(//ci.xiaohongshu.com/ea4ae3b1-af74-4ce3-96a6-b44fd22a70c1) no-repeat;
    background-size: contain
}

    .bottom-info .share-item .all-icons .wechat-item[data-v-338f4c98]:hover {
        background: url(//ci.xiaohongshu.com/643021b6-197b-41e0-9950-d17bca24f6ac) no-repeat;
        background-size: contain
    }

.bottom-info .share-item .all-icons .weibo-item[data-v-338f4c98] {
    background: url(//ci.xiaohongshu.com/23e4d8f4-1379-4098-9130-747aae02cc6a) no-repeat;
    background-size: contain
}

    .bottom-info .share-item .all-icons .weibo-item[data-v-338f4c98]:hover {
        background: url(//ci.xiaohongshu.com/b6d7da75-79d8-4a93-989d-5f557f7587ce) no-repeat;
        background-size: contain
    }

.bottom-info .share-item .all-icons .qq-item[data-v-338f4c98] {
    background: url(//ci.xiaohongshu.com/7c0d2f33-35ec-4b05-a6d4-637728e1f17e) no-repeat;
    background-size: contain
}

    .bottom-info .share-item .all-icons .qq-item[data-v-338f4c98]:hover {
        background: url(//ci.xiaohongshu.com/9dc2cb18-6ae8-4feb-b195-ac174f7c0f95) no-repeat;
        background-size: contain
    }

.codeShow[data-v-338f4c98] {
    position: absolute;
    right: 37px;
    top: -155px;
    width: 118px;
    height: 143px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 4px
}

.codeShow img[data-v-338f4c98] {
    width: 116px;
    height: 116px;
    border-radius: 4px;
    background: #d8d8d8
}

.codeShow p[data-v-338f4c98] {
    font-size: 12px;
    color: #555;
    margin: -2px auto 0;
    text-align: center
}

.author-item[data-v-0d757e92] {
    width: 320px;
    height: 176px;
    border: 1px solid #eee;
    border-radius: 4px;
    color: #000;
    font-size: 14px;
    background: #fff
}

.author-item .title[data-v-0d757e92] {
    font-weight: 500;
    font-size: 16px;
    padding: 10px 0 10px 20px;
    margin: 0;
    border-bottom: 1px solid #eee
}

.author-item .author-info[data-v-0d757e92] {
    margin: 10px 20px 0;
    padding: 0 0 10px;
    overflow: hidden;
    border-bottom: 1px solid #eee
}

.author-item .author-info .left[data-v-0d757e92] {
    position: relative;
    float: left
}

.author-item .author-info .left img[data-v-0d757e92] {
    border-radius: 50%;
    width: 50px;
    height: 50px
}

.author-item .author-info .left i[data-v-0d757e92] {
    width: 16px;
    height: 16px;
    display: block;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0;
    right: 0
}

.author-item .author-info .right[data-v-0d757e92] {
    float: right;
    margin: 5px 0 0
}

.author-item .author-info .right .name[data-v-0d757e92] {
    margin: 0;
    font-weight: 500
}

.author-item .author-info .right .brief[data-v-0d757e92] {
    color: #999;
    font-size: 14px;
    margin: 6px 0 0;
    width: 218px;
    height: 16px;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis
}

.author-item .card-info[data-v-0d757e92] {
    overflow: hidden;
    margin: 8px 20px
}

.author-item .card-info .inner[data-v-0d757e92] {
    float: left;
    color: #999;
    width: 86px;
    font-size: 14px;
    margin: 0 3px
}

.author-item .card-info .inner span[data-v-0d757e92] {
    display: block;
    line-height: 20px
}

.author-item .card-info .inner .collect[data-v-0d757e92], .author-item .card-info .inner .fans[data-v-0d757e92], .author-item .card-info .inner .note[data-v-0d757e92] {
    color: #4f4f4f;
    font-weight: 500
}

.load[data-v-03ca16a4] {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.delimiter-cell[data-v-ecaa8e9c] {
    margin: 15px 0
}

.delimiter-cell.type-1[data-v-ecaa8e9c] {
    padding: 0 !important
}

.delimiter-cell.type-1 div[data-v-ecaa8e9c] {
    height: 15px;
    width: 100%;
    position: relative;
    border: none
}

.delimiter-cell.type-1 div > [data-v-ecaa8e9c] {
    position: relative
}

.delimiter-cell.type-1 div[data-v-ecaa8e9c]:before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    transform: scale(.5);
    box-sizing: border-box;
    border-bottom: 1px solid #e6e6e6
}

.delimiter-cell.type-2 div[data-v-ecaa8e9c] {
    height: 15px;
    position: relative;
    border: none
}

.delimiter-cell.type-2 div > [data-v-ecaa8e9c] {
    position: relative
}

.delimiter-cell.type-2 div[data-v-ecaa8e9c]:before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    transform: scale(.5);
    box-sizing: border-box;
    border-bottom: 1px solid #e6e6e6
}

.delimiter-cell.type-5[data-v-ecaa8e9c] {
    padding: 0 !important
}

.delimiter-cell.type-5 div[data-v-ecaa8e9c] {
    position: relative;
    width: 100%;
    height: 15px;
    background-color: #fbfbfb
}

.three-column-layout[data-v-6b678afa] {
    width: 100%;
    padding: 0 10px;
    display: flex;
    justify-content: space-around;
    margin-top: 10px
}

.three-column-layout--column[data-v-6b678afa] {
    width: 112px;
    min-width: 0
}

.three-column-layout--column > [data-v-6b678afa] {
    margin-top: 10px;
    overflow: hidden
}

    .three-column-layout--column > [data-v-6b678afa]:first-child {
        margin-top: 0
    }

.dual-column-layout[data-v-0f4d9f23] {
    width: 100%;
    padding: 0 10px;
    display: flex;
    margin-top: 10px
}

.dual-column-layout--column[data-v-0f4d9f23] {
    width: 50%;
    min-width: 0
}

.dual-column-layout--column > [data-v-0f4d9f23] {
    margin-top: 10px;
    overflow: hidden
}

    .dual-column-layout--column > [data-v-0f4d9f23]:first-child {
        margin-top: 0
    }

.dual-column-layout--column.--middle[data-v-0f4d9f23] {
    margin-right: 10px
}

.dual-column-layout--column.--small[data-v-0f4d9f23] {
    margin-right: 5px
}

.cube-row-layout[data-v-d058b756] {
    display: flex;
    min-height: 45px;
    margin: 0 16px 0 15px;
    align-items: center
}

.__left[data-v-d058b756], .__right[data-v-d058b756] {
    height: 45px;
    line-height: 45px
}

.__left[data-v-d058b756] {
    flex: 1
}

.__right[data-v-d058b756] {
    display: flex;
    align-items: center
}

.arrow-container[data-v-77811ca0] {
    position: relative
}

.arrow-container__icon[data-v-77811ca0], .arrow-container__status[data-v-77811ca0] {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%)
}

.arrow-container__icon.--l[data-v-77811ca0] {
    width: 15px;
    height: 15px
}

.arrow-container__icon.--m[data-v-77811ca0] {
    width: 13px;
    height: 13px
}

.arrow-container__icon.--s[data-v-77811ca0] {
    width: 11px;
    height: 11px
}

.arrow-container__status[data-v-77811ca0] {
    right: 25px
}

.arrow-container__status.--grey[data-v-77811ca0] {
    color: #999
}

.arrow-container__status.--dark[data-v-77811ca0] {
    color: #666
}

.arrow-container__status.--m[data-v-77811ca0] {
    font-size: 14px
}

.arrow-container__status.--s[data-v-77811ca0] {
    font-size: 12px
}

.cube-button[data-v-1ac98f98] {
    display: inline-flex;
    box-sizing: border-box;
    text-align: center;
    justify-content: center;
    flex-direction: column;
    font-weight: 500
}

.cube-button.--full[data-v-1ac98f98] {
    width: 100%;
    height: 100%;
    font-size: 20px;
    padding: 16px 0
}

.cube-button.--large[data-v-1ac98f98] {
    width: 138px;
    height: 30px;
    font-size: 18px
}

.cube-button.--medium[data-v-1ac98f98] {
    width: 95px;
    height: 25px;
    font-size: 14px
}

.cube-button.--small[data-v-1ac98f98] {
    width: 56px;
    height: 25px;
    font-size: 14px
}

.cube-button.--nano[data-v-1ac98f98] {
    width: 56px;
    height: 20px;
    font-size: 14px
}

.cube-button.--default[data-v-1ac98f98] {
    position: relative;
    border: none;
    color: #ff2442;
    background-color: #fff
}

.cube-button.--default > [data-v-1ac98f98] {
    position: relative
}

.cube-button.--default[data-v-1ac98f98]:before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    transform: scale(.5);
    box-sizing: border-box;
    border: 1px solid #ff2442;
    border-radius: 8PX
}

.cube-button.--default[data-v-1ac98f98]:active {
    position: relative;
    border: none;
    color: #ff657a;
    background-color: #fff
}

.cube-button.--default:active > [data-v-1ac98f98] {
    position: relative
}

.cube-button.--default[data-v-1ac98f98]:active:before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    transform: scale(.5);
    box-sizing: border-box;
    border: 1px solid #ff657a
}

.cube-button.--default-outline[data-v-1ac98f98] {
    border-radius: 4PX;
    color: #fff;
    background: #ff2442
}

    .cube-button.--default-outline[data-v-1ac98f98]:active {
        color: #fff;
        background-color: #ff657a
    }

.cube-button.--special-wish-list[data-v-1ac98f98] {
    position: relative;
    border: none;
    color: $GREY-DARK
}

.cube-button.--special-wish-list > [data-v-1ac98f98] {
    position: relative
}

.cube-button.--special-wish-list[data-v-1ac98f98]:before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    transform: scale(.5);
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 8PX
}

.cube-button.--special-after-sale[data-v-1ac98f98] {
    font-weight: 400;
    position: relative;
    border: none;
    color: $GREY-DARKER
}

.cube-button.--special-after-sale > [data-v-1ac98f98] {
    position: relative
}

.cube-button.--special-after-sale[data-v-1ac98f98]:before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    transform: scale(.5);
    box-sizing: border-box;
    border: 1px solid $GREY-DARK;
    border-radius: 8PX
}

.cube-button.--disabled[data-v-1ac98f98] {
    position: relative;
    border: none;
    color: #999;
    background: #fff;
    font-weight: 400
}

.cube-button.--disabled > [data-v-1ac98f98] {
    position: relative
}

.cube-button.--disabled[data-v-1ac98f98]:before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    transform: scale(.5);
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 8PX
}

.cube-button.--disabled[data-v-1ac98f98]:active {
    position: relative;
    border: none;
    color: #999;
    background: #fff;
    font-weight: 400
}

.cube-button.--disabled:active > [data-v-1ac98f98] {
    position: relative
}

.cube-button.--disabled[data-v-1ac98f98]:active:before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    transform: scale(.5);
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 8PX
}

.cube-button.--full.--default[data-v-1ac98f98] {
    color: #000;
    background: #fff
}

    .cube-button.--full.--default[data-v-1ac98f98]:before {
        border: none
    }

.cube-button.--full.--default-outline[data-v-1ac98f98] {
    border-radius: 0
}

    .cube-button.--full.--default-outline[data-v-1ac98f98]:before {
        border: none
    }

.cube-button.--full.--disabled[data-v-1ac98f98] {
    background: #ccc;
    color: #fff
}

    .cube-button.--full.--disabled[data-v-1ac98f98]:before {
        border-radius: 0
    }

.error-page-container[data-v-a7d8bdf4] {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1001000;
    background: #fbfbfb
}

.error-page-container .error-page-main[data-v-a7d8bdf4] {
    height: 250px;
    padding-top: 100px;
    font-size: 18px;
    text-align: center;
    color: #999
}

.error-page-container .error-page-main p[data-v-a7d8bdf4] {
    margin: $PADDING-MD 0 0
}

.error-page-container .error-page-icon[data-v-a7d8bdf4] {
    display: inline-block;
    width: 120px;
    height: 120px
}

.error-page-container .error-page-main[data-v-a7d8bdf4] {
    margin-top: 150px;
    height: 220px;
    color: #666
}

.error-page-container .error-page-actions[data-v-a7d8bdf4] {
    width: 100%;
    text-align: center
}

.error-page-container .error-page-actions .error-refresh-btn[data-v-a7d8bdf4] {
    border-radius: 80px;
    margin-left: 15px
}

.error-page-container .error-page-actions .error-page-btn[data-v-a7d8bdf4] {
    background: none
}

    .error-page-container .error-page-actions .error-page-btn[data-v-a7d8bdf4]:before {
        border-radius: 160px
    }

.cube-price[data-v-d7e2177e] {
    display: inline;
    font-size: 0
}

.cube-price.--sale .cube-price__icon[data-v-d7e2177e] {
    margin-right: 2PX
}

.cube-price.--size-xxxl span[data-v-d7e2177e] {
    font-size: 48px
}

.cube-price.--size-xl span[data-v-d7e2177e] {
    font-size: 26px
}

.cube-price.--size-l span[data-v-d7e2177e] {
    font-size: 20px
}

.cube-price.--size-m span[data-v-d7e2177e] {
    font-size: 18px
}

.cube-price.--size-s span[data-v-d7e2177e] {
    font-size: 14px
}

.cube-price.--size-xs span[data-v-d7e2177e] {
    font-size: 12px
}

.cube-price.--size-xxs span[data-v-d7e2177e] {
    font-size: 10px
}

.cube-price.--icon-size-xxxl .cube-price__icon[data-v-d7e2177e] {
    font-size: 48px
}

.cube-price.--icon-size-xl .cube-price__icon[data-v-d7e2177e] {
    font-size: 26px
}

.cube-price.--icon-size-l .cube-price__icon[data-v-d7e2177e] {
    font-size: 20px
}

.cube-price.--icon-size-m .cube-price__icon[data-v-d7e2177e] {
    font-size: 18px
}

.cube-price.--icon-size-s .cube-price__icon[data-v-d7e2177e] {
    font-size: 14px
}

.cube-price.--icon-size-xs .cube-price__icon[data-v-d7e2177e] {
    font-size: 12px
}

.cube-price.--icon-size-xxs .cube-price__icon[data-v-d7e2177e] {
    font-size: 10px
}

.cube-price.--color-white[data-v-d7e2177e] {
    color: #fff
}

.cube-price.--color-red[data-v-d7e2177e] {
    color: #ff2442
}

.cube-price.--color-grey[data-v-d7e2177e] {
    color: #999
}

.cube-price.--color-black[data-v-d7e2177e] {
    color: #666
}

.cube-price.--color-dark[data-v-d7e2177e] {
    color: #333
}

.cube-price.--color-real-black[data-v-d7e2177e] {
    color: #000
}

.cube-price.--color-yellow[data-v-d7e2177e] {
    color: $YELLOW3
}

.cube-price.--weight-regular[data-v-d7e2177e] {
    font-weight: 400
}

.cube-price.--weight-medium[data-v-d7e2177e] {
    font-weight: 500
}

.cube-price.--weight-bold[data-v-d7e2177e] {
    font-weight: 700
}

.cube-price.--decoration-line-through[data-v-d7e2177e] {
    text-decoration: line-through
}

.cube-price.--nospace .cube-price__icon[data-v-d7e2177e] {
    margin: 0
}

.cube-item-status[data-v-796ef16a] {
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    transform: translate(-50%,-50%)
}

.cube-item-status.has-shadow[data-v-796ef16a] {
    box-shadow: 0 0 4px 0 #e6e6e6
}

.cube-item-image-container[data-v-1b92201e] {
    position: relative
}

.promotion-text[data-v-1b92201e] {
    display: block;
    padding: 2px 6px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #ff2442;
    line-height: 14px
}

.footer-text[data-v-1b92201e], .promotion-text[data-v-1b92201e] {
    position: absolute;
    bottom: 10px;
    font-size: 12px;
    color: #fff;
    font-weight: 500
}

.footer-text[data-v-1b92201e] {
    display: flex;
    align-items: center;
    justify-content: center;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 23px;
    border-radius: 4PX;
    background: rgba(51,51,51,.4)
}

.cube-tags[data-v-3727c318] {
    display: inline-block;
    text-align: left
}

.cube-tags.--size-m span[data-v-3727c318] {
    padding: 1px
}

.cube-tags.--size-s span[data-v-3727c318] {
    padding: 2px 1PX;
    transform: scale(.8)
}

.cube-tags__tag[data-v-3727c318] {
    display: inline-block;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    border-radius: 2PX
}

.cube-tags__tag.--red[data-v-3727c318] {
    background: #ff2442;
    color: #fff
}

.cube-tags__tag.--red-outline[data-v-3727c318] {
    background: #fff;
    color: #ff2442;
    position: relative;
    border: none
}

.cube-tags__tag.--red-outline > [data-v-3727c318] {
    position: relative
}

.cube-tags__tag.--red-outline[data-v-3727c318]:before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    transform: scale(.5);
    box-sizing: border-box;
    border: 1px solid #ff2442
}

.cube-tags__tag.--transparent-outline[data-v-3727c318] {
    background: transparent;
    color: #ff2442;
    position: relative;
    border: none
}

.cube-tags__tag.--transparent-outline > [data-v-3727c318] {
    position: relative
}

.cube-tags__tag.--transparent-outline[data-v-3727c318]:before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    transform: scale(.5);
    box-sizing: border-box;
    border: 1px solid #ff2442
}

.cube-tags__tag.--white[data-v-3727c318] {
    background: #fff;
    color: #ff2442
}

.cube-tags__tag.--white-outline[data-v-3727c318] {
    color: #fff;
    position: relative;
    border: none
}

.cube-tags__tag.--white-outline > [data-v-3727c318] {
    position: relative
}

.cube-tags__tag.--white-outline[data-v-3727c318]:before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    transform: scale(.5);
    box-sizing: border-box;
    border: 1px solid #fff
}

.cube-tags__tag.--grey[data-v-3727c318] {
    background: $SILVER3;
    color: #666
}

.cube-tags__tag.--grass[data-v-3727c318] {
    background: #fff;
    color: #88b14b;
    position: relative;
    border: none
}

.cube-tags__tag.--grass > [data-v-3727c318] {
    position: relative
}

.cube-tags__tag.--grass[data-v-3727c318]:before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    transform: scale(.5);
    box-sizing: border-box;
    border: 1px solid #88b14b
}

.cube-tags__tag + .cube-tags__tag[data-v-3727c318] {
    margin-left: 5px
}

.cube-tags__tag.--grass[data-v-3727c318]:before, .cube-tags__tag.--red-outline[data-v-3727c318]:before, .cube-tags__tag.--white-outline[data-v-3727c318]:before {
    border-radius: 4PX
}

.promo-tag[data-v-64404326] {
    position: relative;
    font-size: 14px
}

.promo-tag .promo-tag-top .promo-logo[data-v-64404326] {
    position: absolute;
    top: 0;
    left: 0
}

.promo-tag .promo-tag-center[data-v-64404326] {
    position: absolute;
    overflow: hidden;
    left: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.goods-presale-count[data-v-7b3306fc] {
    padding: 0 10px;
    white-space: nowrap;
    font-weight: 500;
    text-align: center;
    color: red;
    border: 1px solid red;
    border-radius: 8px;
    background: #fff;
    opacity: .8;
    transform-origin: left bottom;
    transform: scale(.5)
}

.goods-presale-count.m[data-v-7b3306fc] {
    line-height: 34px;
    min-width: 164px;
    font-size: 20px
}

.goods-presale-count.l[data-v-7b3306fc] {
    min-width: 178px;
    line-height: 36px;
    font-size: 22px
}

.cube-goods-card[data-v-145904fc] {
    position: relative;
    display: block;
    border-radius: 4PX;
    background: #fff;
    overflow: hidden
}

.cube-goods-card .goods-promo-tag[data-v-145904fc] {
    position: absolute;
    top: 5px;
    left: 5px
}

.cube-goods-card .cube-goods-card__img[data-v-145904fc] {
    min-height: 172px
}

.cube-goods-card .cube-goods-card__img .goods-card-tag[data-v-145904fc] {
    position: absolute;
    bottom: 5px;
    left: 5px
}

.cube-goods-card .cube-goods-card__img .presale-count[data-v-145904fc] {
    z-index: 1;
    position: absolute;
    bottom: 20px;
    left: 20px
}

.cube-goods-card__txtwrapper[data-v-145904fc] {
    padding: 10px
}

.cube-goods-card__top[data-v-145904fc] {
    margin-bottom: 5px
}

.cube-goods-card__top h4[data-v-145904fc] {
    margin: 0 0 5px;
    line-height: normal;
    font-size: 14px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: #333;
    overflow: hidden
}

.cube-goods-card__top .tag-grass[data-v-145904fc] {
    margin-right: -5PX;
    line-height: 1.1;
    vertical-align: 1px
}

.cube-goods-card__top p[data-v-145904fc] {
    margin: 0;
    line-height: 21px;
    font-size: 14px;
    font-weight: 400;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #666;
    overflow: hidden
}

.cube-goods-card__center-left[data-v-145904fc], .cube-goods-card__center-right[data-v-145904fc], .cube-goods-card__num[data-v-145904fc], .img-logo[data-v-145904fc] {
    line-height: normal;
    display: inline-block
}

.cube-goods-card__center[data-v-145904fc] {
    font-size: 13px;
    overflow: hidden;
    margin: 3px 0 -3px
}

.cube-goods-card__center-left[data-v-145904fc] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: #fff;
    overflow: hidden
}

.cube-goods-card__center-left .cube-goods-card__num[data-v-145904fc] {
    margin-right: 5px
}

.cube-goods-card__center-left .cube-price.member[data-v-145904fc] {
    color: #333;
    vertical-align: 1px
}

.cube-goods-card__center-left .cube-price.original[data-v-145904fc] {
    color: #666;
    font-weight: 400;
    text-decoration: line-through;
    vertical-align: 1px
}

.cube-goods-card__center-left .img-logo[data-v-145904fc] {
    vertical-align: -1px;
    margin-right: -2px
}

.cube-goods-card__center-right[data-v-145904fc] {
    float: right;
    width: 40px
}

.cube-goods-card__center-right._brokerage[data-v-145904fc] {
    width: auto
}

.cube-goods-card__center-right .vendor-icon[data-v-145904fc] {
    height: 20px;
    background: no-repeat;
    background-position: 50%;
    background-size: contain
}

.cube-goods-card__center-right .shopping-cart[data-v-145904fc] {
    width: 40px;
    height: 20px;
    background: url(//ci.xiaohongshu.com/f1c1a200-0e28-46aa-bb72-7ea7e65135c2) no-repeat;
    background-size: 32px 20px;
    background-position: 50%
}

.cube-goods-card__center-right .brokerage[data-v-145904fc] {
    height: 24px;
    line-height: 24px;
    color: red;
    font-size: 13px
}

.cube-goods-card__bottom[data-v-145904fc] {
    margin-top: 3px
}

.cube-goods-card__bottom .labels[data-v-145904fc] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: #fff;
    overflow: hidden
}

.cube-goods-card.--s[data-v-145904fc] {
    border-radius: 0;
    box-shadow: none
}

.cube-goods-card.--s .cube-goods-card__img[data-v-145904fc] {
    width: 90px;
    height: 90px;
    min-height: 90px;
    overflow: hidden
}

.cube-goods-card.--s .cube-goods-card__txtwrapper[data-v-145904fc] {
    padding: 5px 0 0
}

.cube-goods-card.--s .cube-goods-card__top[data-v-145904fc] {
    margin-bottom: 5px;
    min-height: 32px
}

.cube-goods-card.--s p[data-v-145904fc] {
    color: #333;
    font-size: 12px;
    line-height: 18px;
    white-space: normal
}

.cube-goods-card.--sm .cube-goods-card__img[data-v-145904fc] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 115px;
    height: 115px;
    overflow: hidden
}

.cube-goods-card.--sm .cube-goods-card__center[data-v-145904fc] {
    display: flex
}

.cube-goods-card.--sm .cube-goods-card__txtwrapper[data-v-145904fc] {
    padding: 5px
}

.cube-goods-card.--sm .cube-goods-card__txtwrapper .cube-goods-card__top h4[data-v-145904fc] {
    -webkit-line-clamp: 2;
    font-size: 12px;
    font-weight: 400
}

.cube-goods-card.--sm .cube-goods-card__txtwrapper .cube-goods-card__top[data-v-145904fc] {
    min-height: 32px
}

.cube-goods-card.--sm .cube-goods-card__txtwrapper .cube-goods-card__top h4[data-v-145904fc] {
    display: none
}

.cube-goods-card.--sm .cube-goods-card__txtwrapper .cube-goods-card__top p[data-v-145904fc] {
    font-size: 12px;
    color: #333;
    line-height: 18px
}

.cube-goods-card.--sm .cube-goods-card__txtwrapper .cube-goods-card__center-right[data-v-145904fc] {
    width: auto
}

.cube-goods-card.--sm .cube-goods-card__txtwrapper .cube-goods-card__center-right .vendor-icon[data-v-145904fc] {
    display: none
}

.cube-goods-card.--sm .cube-goods-card__txtwrapper .cube-goods-card__center-right .shopping-cart[data-v-145904fc] {
    width: 32px;
    background-size: contain
}

.cube-goods-card.--l[data-v-145904fc] {
    border-radius: 8PX;
    cursor: pointer
}

.cube-goods-card.--l .cube-goods-card__img[data-v-145904fc] {
    width: 245px;
    height: 245px
}

.cube-goods-card.--l .cube-goods-card__num[data-v-145904fc] {
    margin-right: 10px;
    vertical-align: middle
}

.cube-goods-card.--l .tag-grass[data-v-145904fc] {
    margin-right: 0
}

.cube-goods-card.is-member .cube-goods-card__num[data-v-145904fc] {
    display: flex;
    align-items: center
}

.cube-goods-card.is-member .sell-price-member[data-v-145904fc] {
    display: inline-flex;
    margin-right: 5px;
    font-size: 12px;
    color: #666
}

.cube-goods-card.is-member .sell-price-member + .cube-price[data-v-145904fc] {
    color: #666
}

.cube-goods-card.is-member .sell-price-member + .cube-price .cube-price__icon[data-v-145904fc] {
    font-size: 12px
}

.cube-goods-card.is-member .img-logo[data-v-145904fc] {
    margin-right: 5px
}

.cube-goods-card.is-member.--s .cube-goods-card__top[data-v-145904fc], .cube-goods-card.is-member.--sm .cube-goods-card__top[data-v-145904fc] {
    margin-bottom: 8px
}

.img-logo.logo-xs[data-v-145904fc] {
    width: 11px
}

.img-logo.logo-s[data-v-145904fc] {
    width: 13px
}

.img-logo.logo-m-[data-v-145904fc] {
    width: 14px
}

.has-exp .cube-goods-card__num[data-v-145904fc] {
    display: inline-flex;
    align-items: center;
    vertical-align: middle
}

.has-exp .cube-goods-card__num .img-logo[data-v-145904fc] {
    margin-right: 3px
}

.groupon-style .cube-goods-card__center-left[data-v-145904fc], .groupon-style .cube-goods-card__center-right[data-v-145904fc] {
    margin-top: 0
}

.groupon-style .cube-goods-card__center-left .groupon-price[data-v-145904fc] {
    color: #ff2442;
    font-size: 11px;
    font-weight: 500
}

.groupon-style .cube-goods-card__center-left .groupon-price .prefix[data-v-145904fc] {
    position: relative;
    top: -1px
}

.cube-large-goods-card[data-v-a5b849ea] {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 120px;
    color: #333;
    background: #fff
}

.cube-large-goods-card .goods-promo-tag[data-v-a5b849ea] {
    position: absolute;
    top: 5px;
    left: 5px
}

.cube-large-goods-card h4[data-v-a5b849ea], .cube-large-goods-card p[data-v-a5b849ea] {
    margin: 0
}

.goods-card-image[data-v-a5b849ea] {
    flex-shrink: 0;
    width: 120px;
    height: 120px;
    overflow: hidden;
    position: relative
}

.goods-card-image .presale-count[data-v-a5b849ea] {
    z-index: 1;
    position: absolute;
    bottom: 10px;
    left: 10px
}

.goods-card-text[data-v-a5b849ea] {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 10px 0 15px
}

.goods-card-text .top[data-v-a5b849ea] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 80px
}

.goods-card-text h4[data-v-a5b849ea] {
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    line-height: normal;
    font-weight: 500
}

.goods-card-text .top-tag[data-v-a5b849ea] {
    margin-top: 5px
}

.goods-card-text .top-tag .labels[data-v-a5b849ea] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: #fff;
    overflow: hidden
}

.goods-card-text .tag-grass[data-v-a5b849ea] {
    margin-right: -5PX;
    line-height: 1.1;
    vertical-align: 1px
}

.goods-card-text p[data-v-a5b849ea] {
    margin-top: 5px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.goods-card-text .bottom[data-v-a5b849ea] {
    margin-top: 15px;
    width: 100%;
    font-size: 13px
}

.goods-card-text .bottom-left[data-v-a5b849ea], .goods-card-text .bottom-num[data-v-a5b849ea], .goods-card-text .bottom-right[data-v-a5b849ea], .goods-card-text .img-logo[data-v-a5b849ea] {
    line-height: normal;
    display: inline-block
}

.goods-card-text .bottom-left[data-v-a5b849ea] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: #fff;
    overflow: hidden;
    line-height: 1
}

.goods-card-text .bottom-left .bottom-num[data-v-a5b849ea] {
    margin-right: 5px
}

.goods-card-text .bottom-left .cube-price.member[data-v-a5b849ea] {
    color: #333;
    vertical-align: 1px
}

.goods-card-text .bottom-left .cube-price.original[data-v-a5b849ea] {
    color: #666;
    font-weight: 400;
    text-decoration: line-through;
    vertical-align: 1px
}

.goods-card-text .bottom-left .img-logo[data-v-a5b849ea] {
    margin-right: -2px;
    width: 13px;
    vertical-align: -1px
}

.goods-card-text .bottom-right[data-v-a5b849ea] {
    float: right;
    width: 80px
}

.goods-card-text .bottom-right .shopping-cart[data-v-a5b849ea] {
    margin-left: 5px;
    width: 75px
}

.goods-card-text .bottom-right .prefix[data-v-a5b849ea] {
    color: #ff2442;
    font-size: 13px;
    font-weight: 500
}

.cube-large-goods-card.--l[data-v-a5b849ea] {
    height: 136px;
    border-radius: 8PX;
    cursor: pointer
}

.cube-large-goods-card.--l .goods-card-image[data-v-a5b849ea] {
    width: 130px;
    height: 130px;
    padding-left: 5px
}

.cube-large-goods-card.--l .top[data-v-a5b849ea] {
    height: 95px
}

.cube-large-goods-card.--l .goods-card-text[data-v-a5b849ea] {
    padding: 0 43px 0 10px
}

.cube-large-goods-card.--l p[data-v-a5b849ea] {
    margin-top: 8px
}

.cube-large-goods-card.--l h4[data-v-a5b849ea], .cube-large-goods-card.--l p[data-v-a5b849ea] {
    line-height: 21px;
    font-size: 14px;
    color: #666
}

.cube-large-goods-card.--l .tag-grass[data-v-a5b849ea] {
    margin-right: 0
}

.cube-large-goods-card.--l .tag-grass .bottom-num[data-v-a5b849ea] {
    margin-right: 10px;
    vertical-align: middle
}

.cube-large-goods-card.--l .tag-grass .bottom-num .cube-price.original[data-v-a5b849ea] {
    vertical-align: 0
}

.cube-large-goods-card.--l .top-tag[data-v-a5b849ea] {
    margin-top: 8px
}

.cube-large-goods-card.--l .bottom[data-v-a5b849ea] {
    margin-top: 0
}

.cube-large-goods-card.--l .img-arrow[data-v-a5b849ea] {
    position: absolute;
    right: 15px;
    width: 8px
}

.cube-large-goods-card.has-top-tip[data-v-a5b849ea] {
    overflow: hidden
}

.cube-large-goods-card.has-top-tip .goods-card-image[data-v-a5b849ea] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px
}

.cube-large-goods-card.has-top-tip .goods-card-text h4[data-v-a5b849ea] {
    position: relative;
    padding-left: 52px
}

.cube-large-goods-card.has-top-tip .goods-card-text .top-des[data-v-a5b849ea] {
    position: relative
}

.cube-large-goods-card.has-top-tip .goods-card-text .bottom[data-v-a5b849ea] {
    margin-top: 5px
}

.cube-large-goods-card.has-top-tip .goods-card-text .bottom .bottom-right[data-v-a5b849ea] {
    width: 90px
}

.cube-large-goods-card.has-top-tip .goods-card-text .bottom .shopping-cart[data-v-a5b849ea] {
    width: 85px
}

    .cube-large-goods-card.has-top-tip .goods-card-text .bottom .shopping-cart[data-v-a5b849ea]:before {
        border-radius: 100px
    }

.cube-large-goods-card.has-top-tip .top-tip[data-v-a5b849ea] {
    position: absolute;
    top: 1px;
    left: 0;
    width: 48px;
    height: 18px;
    display: inline-flex;
    justify-content: center;
    line-height: 17px;
    border-radius: 100px;
    color: #666;
    font-weight: 700;
    font-size: 11px;
    font-family: Helvetica;
    background-color: #f5f5f5;
    border: 1px solid #e6e6e6
}

.cube-large-goods-card.has-top-tip .top-tip.top-0[data-v-a5b849ea], .cube-large-goods-card.has-top-tip .top-tip.top-1[data-v-a5b849ea], .cube-large-goods-card.has-top-tip .top-tip.top-2[data-v-a5b849ea] {
    top: -4px;
    height: 24px;
    padding-top: 7px;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,.1);
    border: none;
    border-radius: 0;
    background-color: transparent;
    background-size: contain
}

.cube-large-goods-card.has-top-tip .top-tip.top-0[data-v-a5b849ea] {
    background-image: url(//ci.xiaohongshu.com/f05b9d36-9690-4d81-b1c3-8e65700aa3dc)
}

.cube-large-goods-card.has-top-tip .top-tip.top-1[data-v-a5b849ea] {
    background-image: url(//ci.xiaohongshu.com/d8b29a09-836b-470c-a054-23003a80b057)
}

.cube-large-goods-card.has-top-tip .top-tip.top-2[data-v-a5b849ea] {
    background-image: url(//ci.xiaohongshu.com/a2689dd7-a2c5-443b-a216-870bf9ecf686)
}

.cube-large-goods-card.has-top-tip.groupon-style .bottom[data-v-a5b849ea] {
    margin-top: 0
}

.cube-large-goods-card.has-top-tip.groupon-style .bottom .bottom-right[data-v-a5b849ea] {
    display: flex;
    justify-content: flex-end
}

.is-member .bottom[data-v-a5b849ea] {
    margin-top: 8px
}

.is-member .bottom-right[data-v-a5b849ea] {
    width: 90px
}

.is-member .bottom-right .shopping-cart[data-v-a5b849ea] {
    margin-top: 8px
}

.is-member .bottom-left .bottom-num[data-v-a5b849ea] {
    display: flex;
    align-items: center;
    line-height: 1.15
}

.is-member .bottom-left .img-logo[data-v-a5b849ea] {
    margin-right: 5px;
    width: 16px
}

.is-member .sell-price-member[data-v-a5b849ea] {
    padding-right: 5px;
    font-size: 12px;
    color: #666
}

.is-member .sell-price-member + .cube-price[data-v-a5b849ea] {
    color: #666
}

.is-member .sell-price-member + .cube-price .cube-price__icon[data-v-a5b849ea] {
    font-size: 12px
}

.has-exp.bottom-num[data-v-a5b849ea] {
    display: inline-flex;
    align-items: center;
    vertical-align: middle
}

.has-exp.bottom-num + .bottom-num[data-v-a5b849ea] {
    vertical-align: -3px
}

.has-exp.bottom-num .img-logo[data-v-a5b849ea] {
    margin-right: 3px;
    width: 16px
}

.groupon-style.--l .goods-card-text .bottom .bottom-right[data-v-a5b849ea] {
    display: none
}

.groupon-style .goods-card-image[data-v-a5b849ea] {
    border-radius: 4px
}

.groupon-style .goods-card-text h4[data-v-a5b849ea] {
    font-size: 13px
}

.groupon-style .goods-card-text p[data-v-a5b849ea] {
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.groupon-style .goods-card-text .bottom[data-v-a5b849ea] {
    margin-top: 0;
    height: 40px
}

.groupon-style .goods-card-text .bottom .bottom-right[data-v-a5b849ea] {
    width: 60px;
    height: 100%;
    display: flex;
    align-items: flex-end
}

.groupon-style .goods-card-text .bottom .bottom-right .to-group-btn[data-v-a5b849ea] {
    color: #fff;
    background: #ff2442;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    line-height: 25px;
    border-radius: 25px;
    width: 60px
}

.groupon-style .goods-card-text .bottom .bottom-left[data-v-a5b849ea] {
    height: 100%;
    position: relative
}

.groupon-style .goods-card-text .bottom .bottom-left .price-col[data-v-a5b849ea] {
    position: absolute;
    bottom: 0;
    left: 0
}

.groupon-style .goods-card-text .bottom .bottom-left .price-col .single-price .prefix[data-v-a5b849ea] {
    font-size: 11px;
    color: #666
}

.groupon-style .goods-card-text .bottom .bottom-left .price-col .groupon-price[data-v-a5b849ea] {
    margin-top: 8px
}

.groupon-style .goods-card-text .bottom .bottom-left .price-col .groupon-price .prefix[data-v-a5b849ea] {
    color: #ff2442;
    font-size: 13px;
    font-weight: 500
}

.cube-goods-card[data-v-89b3d8dc] {
    position: relative;
    display: block;
    background: #fff;
    overflow: visible;
    border-radius: 0;
    box-shadow: none
}

.cube-goods-card .goods-promo-tag[data-v-89b3d8dc] {
    position: absolute;
    top: 5px;
    left: 5px
}

.cube-goods-card__img[data-v-89b3d8dc] {
    width: 100px;
    height: 100px;
    min-height: 100px;
    border-radius: 4px;
    overflow: hidden
}

.cube-goods-card__img .mask[data-v-89b3d8dc] {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.02)
}

.cube-goods-card__img .goods-card-tag[data-v-89b3d8dc] {
    position: absolute;
    bottom: 5px;
    left: 5px
}

.cube-goods-card__txtwrapper .cube-goods-card__num[data-v-89b3d8dc] {
    display: inline-block;
    display: inline-flex;
    white-space: nowrap
}

.cube-goods-card__txtwrapper .cube-goods-card__center[data-v-89b3d8dc] {
    margin-top: 9px;
    overflow: visible;
    display: flex;
    flex-flow: row nowrap;
    align-items: center
}

.cube-goods-card__txtwrapper .cube-goods-card__center .cube-goods-card__num[data-v-89b3d8dc] {
    margin-right: 4px
}

.cube-goods-card__txtwrapper .cube-goods-card__center .img-logo[data-v-89b3d8dc] {
    display: inline-block;
    vertical-align: -1px;
    margin-right: 2px;
    width: 12px
}

.cube-goods-card__num .cube-price .--sale .cube-price__icon {
    margin-right: 1PX
}

.cube-goods-card__num .cube-price .--nospace .cube-price__icon {
    margin-right: 0
}

.goods-single-layout[data-v-7d46c817] {
    background: #fff
}

.goods-single-layout .goods-single-layout-card[data-v-7d46c817] {
    margin-left: 10px;
    padding: 10px 0;
    background: #fff
}

.goods-single-layout .goods-single-layout-card + .goods-single-layout-card[data-v-7d46c817] {
    position: relative;
    border: none
}

.goods-single-layout .goods-single-layout-card + .goods-single-layout-card > [data-v-7d46c817] {
    position: relative
}

.goods-single-layout .goods-single-layout-card + .goods-single-layout-card[data-v-7d46c817]:before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    transform: scale(.5);
    box-sizing: border-box;
    border-top: 1px solid #ccc
}

.goods-single-layout.--l[data-v-7d46c817] {
    background: transparent
}

.goods-single-layout.--l .goods-single-layout-card[data-v-7d46c817] {
    padding: 2px;
    margin: 10px 0;
    background: #fff;
    border-radius: 8PX;
    overflow: hidden
}

.goods-single-layout.--l .goods-single-layout-card + .goods-single-layout-card[data-v-7d46c817]:before {
    display: none
}

.cube-goods-card {
    box-shadow: 0 1px 4px 0 rgba(93,113,127,.16) !important
}

.image-cell img[data-v-a90a46ac] {
    display: block;
    width: 100%
}

.image-link-cell[data-v-8d646404] {
    padding: 0 !important
}

.goods-single-layout-card {
    margin-left: 0 !important
}

.cube-large-goods-card {
    box-shadow: 0 1px 4px 0 rgba(93,113,127,.16) !important
}

.avatar[data-v-5094116a] {
    position: relative;
    display: block
}

.avatar .avatar-img[data-v-5094116a] {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0;
    border-radius: 50%;
    overflow: hidden;
    z-index: 10
}

.avatar.type-outline[data-v-5094116a] {
    position: relative;
    border: none
}

.avatar.type-outline > [data-v-5094116a] {
    position: relative
}

.avatar.type-outline[data-v-5094116a]:before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    transform: scale(.5);
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
    border-radius: 50%
}

.avatar.type-shadow[data-v-5094116a] {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.15)
}

.avatar .official-verified-icon[data-v-5094116a] {
    display: block;
    position: absolute !important;
    right: 0;
    bottom: 0;
    z-index: 10
}

.avatar.avatar-XL[data-v-5094116a] {
    width: 80px;
    height: 80px
}

.avatar.avatar-XL.type-outline[data-v-5094116a] {
    border: 2px solid #fff !important;
    position: relative;
    border: none
}

.avatar.avatar-XL.type-outline > [data-v-5094116a] {
    position: relative
}

.avatar.avatar-XL.type-outline[data-v-5094116a]:before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    transform: scale(.5);
    box-sizing: border-box;
    border: none
}

.avatar.avatar-XL .official-verified-icon[data-v-5094116a] {
    width: 21px;
    height: 21px
}

.avatar.avatar-L[data-v-5094116a] {
    width: 64px;
    height: 64px
}

.avatar.avatar-L .official-verified-icon[data-v-5094116a] {
    width: 17px;
    height: 17px
}

.avatar.avatar-M[data-v-5094116a] {
    width: 42px;
    height: 42px
}

.avatar.avatar-M .official-verified-icon[data-v-5094116a] {
    width: 13px;
    height: 13px
}

.avatar.avatar-S[data-v-5094116a] {
    width: 36px;
    height: 36px
}

.avatar.avatar-S .official-verified-icon[data-v-5094116a] {
    width: 11px;
    height: 11px
}

.avatar.avatar-XS[data-v-5094116a] {
    width: 32px;
    height: 32px
}

.avatar.avatar-XS .official-verified-icon[data-v-5094116a] {
    width: 11px;
    height: 11px
}

.avatar.avatar-XXS[data-v-5094116a] {
    width: 25px;
    height: 25px
}

.avatar.avatar-XXS .official-verified-icon[data-v-5094116a] {
    width: 10px;
    height: 10px
}

.avatar.avatar-XXXS[data-v-5094116a] {
    width: 18px;
    height: 18px
}

.avatar.avatar-XXXS .official-verified-icon[data-v-5094116a] {
    width: 8px;
    height: 8px;
    right: -2px
}

.note-cell[data-v-604cc06c] {
    display: block;
    border-radius: 8px;
    overflow: hidden;
    color: #555;
    line-height: 24px;
    border: 1px solid #eee;
    box-shadow: 0 1px 2px rgba(0,0,0,.15);
    font-size: 14px
}

.note-cell .image-container[data-v-604cc06c] {
    position: relative
}

.note-cell .image-container .type[data-v-604cc06c] {
    position: absolute;
    top: 15px;
    right: 15px
}

.note-cell .note-img[data-v-604cc06c] {
    display: block;
    width: 100%
}

.note-cell .content[data-v-604cc06c] {
    padding: 0 20px
}

.note-cell .title[data-v-604cc06c] {
    -webkit-line-clamp: 1;
    color: #555;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 20px 0 10px
}

.note-cell .desc[data-v-604cc06c], .note-cell .title[data-v-604cc06c] {
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.note-cell .desc[data-v-604cc06c] {
    -webkit-line-clamp: 2;
    margin: 0
}

.note-cell .info[data-v-604cc06c] {
    padding: 1px 20px 20px;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.note-cell .user[data-v-604cc06c] {
    display: flex;
    align-items: center
}

.note-cell .user .avatar[data-v-604cc06c] {
    margin-right: 10px
}

.note-cell .analysis[data-v-604cc06c] {
    font-size: 14px;
    color: #999
}

.note-cell .analysis .like[data-v-604cc06c] {
    margin-right: 10px
}

.cube-seller-card[data-v-36eb9607] {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 10px;
    border: .5px solid #f5f8fa;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(93,113,127,.16)
}

.cube-seller-card .icon[data-v-36eb9607] {
    width: 128px;
    height: 68px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.cube-seller-card .info[data-v-36eb9607] {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 10px
}

.cube-seller-card .info .title[data-v-36eb9607] {
    font-weight: 500
}

.cube-seller-card .info .count-wrapper[data-v-36eb9607] {
    margin-top: 5px;
    font-weight: 400
}

.cube-seller-card .info .count-wrapper .goods-count[data-v-36eb9607] {
    margin-right: 10px
}

.cube-seller-card .arrow-right[data-v-36eb9607] {
    width: 10px;
    height: 10px
}

.seller-cell {
    color: #666 !important;
    font-size: 14px !important
}

.text-cell[data-v-cb537080] {
    min-height: 10px;
    margin: 0 auto !important;
    outline: none
}

.text-cell .item[data-v-cb537080] {
    position: relative
}

.text-cell.darker p[data-v-cb537080] {
    color: #333
}

.text-cell.lighten[data-v-cb537080] {
    color: #666
}

.text-cell p[data-v-cb537080] {
    margin: 0;
    font-size: 18px;
    line-height: 27px;
    text-align: center
}

.text-image-cell[data-v-627deb29] {
    height: 32px;
    font-size: 18px;
    line-height: 27px
}

.text-image-cell.right .image-container[data-v-627deb29] {
    float: left
}

.text-image-cell.right .text-container[data-v-627deb29] {
    right: 15px
}

.text-image-cell.left .text-container[data-v-627deb29] {
    left: 15px
}

.text-image-cell .text-container[data-v-627deb29] {
    position: absolute;
    top: 50%;
    transform: translate3d(0,-50%,0);
    width: 12px;
    float: left
}

.text-image-cell .text-container .leading-text[data-v-627deb29] {
    color: #ccc
}

.text-image-cell .text-container p[data-v-627deb29] {
    color: #e6e6e6;
    line-height: 150%;
    font-size: 14px;
    margin: 0
}

.text-image-cell .text-container h3[data-v-627deb29] {
    margin: 5px 0;
    font-size: 20px;
    line-height: 30px;
    color: #333
}

.text-image-cell .image-container[data-v-627deb29] {
    position: relative;
    float: right;
    width: 210px;
    height: 320px
}

.text-image-cell .image-container img[data-v-627deb29] {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translate3d(0,-50%,0)
}

.title-cell[data-v-4cd31de2] {
    min-height: 10px;
    font-size: 18px;
    line-height: 27px;
    margin: 0 auto
}

.title-cell.center[data-v-4cd31de2], .title-cell.leading[data-v-4cd31de2] {
    text-align: center
}

.title-cell.leading .leading-text[data-v-4cd31de2] {
    font-weight: 500;
    margin: 10px auto 0;
    color: $GREY
}

.title-cell.leading h3[data-v-4cd31de2] {
    font-size: 18px;
    margin-bottom: 0
}

.title-cell.left[data-v-4cd31de2] {
    padding: 0 0 0 15px !important;
    margin: 15px
}

.title-cell.left h3[data-v-4cd31de2] {
    margin-bottom: 10px
}

.title-cell.left[data-v-4cd31de2]:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: #f5f5f5
}

.title-cell.center h3[data-v-4cd31de2] {
    margin: 14px auto 10px
}

.title-cell.center[data-v-4cd31de2]:before {
    position: absolute;
    content: "";
    top: 14px;
    left: 50%;
    width: 5px;
    height: .08rem;
    transform: translate3d(-50%,0,0);
    background-color: #f5f5f5
}

.title-cell h3[data-v-4cd31de2] {
    color: #333;
    margin: 10px auto
}

.title-cell p[data-v-4cd31de2] {
    color: #666;
    margin: 0 auto
}

.video-cell[data-v-8556f490] {
    width: 100%
}

h3 .icon[data-v-78dc4750] {
    font-size: 24px;
    width: auto;
    height: auto
}

.paragraph[data-v-78dc4750] {
    color: #555;
    font-size: 16px
}

.hash-tag[data-v-78dc4750], .link[data-v-78dc4750], .mention[data-v-78dc4750] {
    color: #5b92e1;
    margin: 0 2px;
    cursor: pointer
}

.hash-tag svg[data-v-78dc4750], .link svg[data-v-78dc4750], .mention svg[data-v-78dc4750] {
    margin-right: 2px;
    vertical-align: -2px;
    width: 14px;
    height: 14px
}

.icon[data-v-78dc4750] {
    font-size: 20px;
    vertical-align: middle
}

.icon + .icon[data-v-78dc4750] {
    margin-left: 4px
}

.as-p[data-v-78dc4750] {
    font-weight: 400;
    font-size: 14px;
    color: #333
}

.shubaobao-expression[data-v-78dc4750] {
    width: 18px;
    vertical-align: -2px
}

h3 .icon[data-v-2f34fa6e] {
    font-size: 24px;
    width: auto;
    height: auto
}

.paragraph[data-v-2f34fa6e] {
    color: #555;
    font-size: 16px
}

.hash-tag[data-v-2f34fa6e], .link[data-v-2f34fa6e], .mention[data-v-2f34fa6e] {
    color: #5b92e1;
    margin: 0 2px;
    cursor: pointer
}

.hash-tag svg[data-v-2f34fa6e], .link svg[data-v-2f34fa6e], .mention svg[data-v-2f34fa6e] {
    margin-right: 2px;
    vertical-align: -2px;
    width: 14px;
    height: 14px
}

.icon[data-v-2f34fa6e] {
    font-size: 20px;
    vertical-align: middle
}

.icon + .icon[data-v-2f34fa6e] {
    margin-left: 4px
}

.as-p[data-v-2f34fa6e] {
    font-weight: 400;
    font-size: 14px;
    color: #333
}

.shubaobao-expression[data-v-2f34fa6e] {
    width: 18px;
    vertical-align: -2px
}

.red-video-player {
    width: 100% !important;
    height: 100% !important
}

.card-note[data-v-d9cbae98] {
    width: 850px;
    padding-top: 60px;
    margin: 50px auto 0;
    padding-bottom: 36px
}

.card-note .left-card[data-v-d9cbae98] {
    float: left;
    margin-top: 20px;
    width: 500px
}

.card-note .left-card .onePhoto[data-v-d9cbae98] {
    width: 100%
}

.card-note .left-card .violation[data-v-d9cbae98] {
    margin-bottom: 30px
}

.card-note .left-card .violation .content[data-v-d9cbae98] {
    width: 500px;
    height: 40px;
    background: #f5f8fa;
    line-height: 40px;
    font-size: 13px;
    color: #ff2442;
    margin-top: 20px;
    border-radius: 2PX;
    padding-left: 10px
}

.card-note .left-card .violation .content .warn[data-v-d9cbae98] {
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAEFCu8CAAAABGdBTUEAALGPC/xhBQAAA29JREFUSA3FVr9rVEEQ/vblEjEIEgtJJBHEH3cRtDGCKTTJhdiIoNja2ZkUqdLYpDYIFtFG9A8ICoLaKHfnaZMiASVo7kRBYjBBUQslkURundl9u2/3vZfkxcaFu52dmW9mdndm9gGxIXgt8wPS8ANDmNljiHpFIYwQQmHPDwKPStCqlWkldS1LvTh2rg1rK98tmAg2qGFGUJ2ycrbtuceNO8DRw0bBBm0Y3uwGEAmEqIhauRjIfLFkubWyJqUcYIJ8yqIVOoQsFOt+QL9WXPFCAIEey9nVaklRqwwF9DdLCrcUtxB66Ohr5rWK1qoToQNMiYM8KEOhsgW6t2gNhTdj10xQBGRgJMd0KqiZImpqYrE/JIZl9+BC+sEaVT5LszfD41ngp390rvDkcWB2zuU4dNAT7bFQLCO8JUcjSdKpiufjfyzQ1aA9jJGRK7T7fcSfhsQI5WHd1fln2vMoCwMnyPpM0pooi3qZqiYaFkhJtvUeW1r3iLknPxiuTpU8TSYOhi8/PkyZGSCFNxzXwcQ1IAVsaianTrDRSOBweRR4/TbJD+sp0Mcek3d2APcmgP7emCBa0h7VXUUcphaXgC/fgPn3Pt9Z8eHofuQwFdnZrg3E+eGaQsXIBrJN2UGYSunNaeZxEhy2DFWP6OhrwVJ13dNKLSfVx2ZZTyUAZzuBuZeke2ZNVfnlIpM8bMrppeoGeeJO0voUiT9DiLtivnTdyM2cABqBO8vC4BEydgGyMUTG9kdXSIYhFyCCZxTrQ1ErvXNxaXSqQ9k/nsNy9SYZuUqgVJ00YyFPEuI22vtG1dHFFD1j2tGLp4kCi4EyL+kRQvuZs65jdYlsQPWMperals64QLnZ8i+lWL1guGWSTWU7FKgdUvvP07rmKW+2MI7otc88RJDnO9b5zdm1cYJGNruoNU/RS9m2O+JldtrgJ3bIHCmlcobxiZKy9yLwKmxfi8sZQFZF+QgdcnpvY3Qf0sq1D9sAaR/aIRVpZuSBLmBHC/BxEVj9nRnGjYCVlUPdEQSlXYZROKiVOvYCL+8DZrebQul1DLuOX4fqkUt5r1xjuSa6+tPA8lfgDTWWNb+XuqqKDr+GDN9zyEzJX63rqw+2rEdjYaOZi7555yXzbBu1hEMj4Fl/QAhqwCkfgq6ipelahBxzPxCt6H8RfwED2x6rVCwsiQAAAABJRU5ErkJggg==) no-repeat;
    background-size: contain;
    vertical-align: middle
}

.card-note .left-card .violation .content .title[data-v-d9cbae98] {
    vertical-align: middle
}

.card-note .left-card .videoframe[data-v-d9cbae98] {
    width: 500px;
    height: 500px
}

.card-note .left-card .videoframe .videocontent[data-v-d9cbae98] {
    height: 100%;
    width: 100%;
    outline: none;
    background-color: #000
}

.card-note .right-card[data-v-d9cbae98] {
    float: right;
    width: 320px;
    margin-top: 20px
}

.card-note .bottom-gap[data-v-d9cbae98] {
    margin: 0 0 20px
}

.card-note .bottom-gap-add[data-v-d9cbae98] {
    margin: 0 0 30px
}

.card-note .note-top[data-v-d9cbae98] {
    width: 500px;
    margin-top: 18px
}

.card-note .note-top .title[data-v-d9cbae98] {
    font-size: 24px;
    font-weight: 500;
    overflow: hidden
}

.card-note .note-top .title .status[data-v-d9cbae98] {
    display: inline-flex;
    align-items: center;
    background: #f5f5f5;
    border-radius: 12px;
    padding: 4px 10px;
    margin-left: 5px
}

.card-note .note-top .title .status .clock-icon[data-v-d9cbae98] {
    width: 16px;
    height: 16px
}

.card-note .note-top .title .status .text[data-v-d9cbae98] {
    font-size: 13px;
    line-height: 16px;
    color: #999;
    padding-left: 3px
}

.card-note .note-top .title .icon[data-v-d9cbae98] {
    width: 18px;
    vertical-align: -2px
}

.card-note .note-top .related-tags[data-v-d9cbae98] {
    overflow: hidden;
    margin: 0 0 20px
}

.card-note .note-top .related-tags .each-tag[data-v-d9cbae98] {
    float: left;
    list-style: none;
    padding: 4px 14px 2px;
    color: #555;
    font-size: 12px;
    border: 1px solid #999;
    border-radius: 12.5px;
    text-align: center;
    margin: 0 10px 0 0;
    cursor: pointer
}

    .card-note .note-top .related-tags .each-tag[data-v-d9cbae98]:hover {
        border: 1px solid #ff2442;
        color: #ff2442
    }

.inner-brief .content[data-v-c2ca25ba] {
    width: 1080px;
    margin: 0 auto;
    position: relative;
    height: 432px
}

.inner-brief .content .red-background[data-v-c2ca25ba] {
    background: linear-gradient(90deg,#ff5267,#ff7d8d);
    height: 365px;
    width: 980px;
    border-radius: 8px;
    margin-left: 50px;
    z-index: 15;
    position: absolute;
    top: 0;
    left: 0
}

.inner-brief .content .all-list[data-v-c2ca25ba] {
    overflow: hidden;
    position: absolute;
    width: 100%;
    margin-top: 50px;
    z-index: 19;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start
}

.inner-brief .content .all-list .each-card[data-v-c2ca25ba] {
    background: #fff;
    width: 192px;
    height: 233px;
    border-radius: 4px;
    margin: 0 19px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 30px 30px 0
}

    .inner-brief .content .all-list .each-card[data-v-c2ca25ba]:first-child, .inner-brief .content .all-list .each-card[data-v-c2ca25ba]:last-child {
        box-shadow: -2px 0 30px 0 rgba(255,39,65,.1)
    }

.inner-brief .content .all-list .each-card .pic[data-v-c2ca25ba] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 0 15px
}

.inner-brief .content .all-list .each-card .title[data-v-c2ca25ba] {
    font-size: 18px;
    margin: 0 0 10px;
    color: #555
}

.inner-brief .content .all-list .each-card .pra-one[data-v-c2ca25ba], .inner-brief .content .all-list .each-card .pra-two[data-v-c2ca25ba] {
    text-align: justify;
    font-size: 15px;
    color: #999;
    margin: 0 0 5px
}

.inner-brief .content .red-shadow[data-v-c2ca25ba] {
    width: 900px;
    height: 50px;
    opacity: 1;
    box-shadow: 0 3px 60px 0 rgba(255,39,65,.4);
    position: absolute;
    bottom: 67px;
    left: 50%;
    margin-left: -450px;
    z-index: 3
}

.inner-brief .content .bottom-back[data-v-c2ca25ba] {
    background: url(//ci.xiaohongshu.com/1b3a0f42-da7d-481e-8d4f-51cfa8943373) no-repeat;
    background-size: contain;
    width: 834px;
    height: 84px;
    display: block;
    z-index: 2;
    position: absolute;
    bottom: 1px;
    left: 114px
}

.inner-brief .content .button-group[data-v-c2ca25ba] {
    position: absolute;
    width: 100%;
    bottom: 44px;
    height: 50px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start
}

.inner-brief .content .button-group .btn[data-v-c2ca25ba] {
    width: 240px;
    height: 50px;
    border-radius: 25px;
    box-shadow: 0 0 25px 0 rgba(255,39,65,.1);
    line-height: 50px;
    text-align: center;
    background: #fff;
    color: #ff2741;
    font-size: 22px;
    font-weight: 500;
    z-index: 20;
    margin-left: 20px
}

    .inner-brief .content .button-group .btn[data-v-c2ca25ba]:first-child {
        margin-left: 0
    }

.inner-enter .inner-flow[data-v-11490e33] {
    position: relative;
    width: 1080px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start
}

.inner-enter .inner-flow .list[data-v-11490e33] {
    width: 320px;
    height: 240px;
    text-align: center;
    background: #fff;
    color: #2c2c2c;
    font-size: 20px;
    font-weight: 500;
    margin: 0 20px;
    border-radius: 8px;
    box-shadow: 0 2px 20px 0 rgba(0,0,0,.03)
}

.inner-enter .inner-flow .list .icon[data-v-11490e33] {
    width: 96px;
    height: 37px;
    display: block;
    margin-top: 15px
}

.inner-enter .inner-flow .list .title[data-v-11490e33] {
    margin: 25px 0 0
}

.inner-enter .inner-flow .list .content[data-v-11490e33] {
    font-size: 16px;
    line-height: 1.5;
    color: #747474;
    font-weight: 400;
    margin: 18px 0 0
}

.inner-enter .inner-flow .list .pra-one[data-v-11490e33], .inner-enter .inner-flow .list .pra-two[data-v-11490e33] {
    margin: 5px 0
}

.inner-enter .inner-flow .list .link[data-v-11490e33] {
    color: #5b92e1;
    font-weight: 500;
    cursor: pointer
}

.all-issue[data-v-348173d2] {
    width: 1002px;
    margin: 0 auto
}

.all-issue .issue-wrapper .issue-selector[data-v-348173d2] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.all-issue .issue-wrapper .issue-selector .selector[data-v-348173d2] {
    width: 200px;
    height: 40px;
    border-radius: 100px;
    background-color: #fff;
    text-align: center;
    line-height: 40px;
    color: #747474;
    font-size: 16px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 7px;
    padding: 0 10px;
    position: relative
}

.all-issue .issue-wrapper .issue-selector .selector .tooltip-text[data-v-348173d2] {
    width: 100%;
    visibility: hidden;
    background-color: #aeaeae;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    padding: 1px 5px;
    position: absolute;
    z-index: 1;
    bottom: 110%;
    left: 0
}

.all-issue .issue-wrapper .issue-selector .selector.selected[data-v-348173d2], .all-issue .issue-wrapper .issue-selector .selector[data-v-348173d2]:hover {
    color: #fff;
    background-color: #aeaeae
}

.all-issue .issue-wrapper .issue-selector .selector:hover .tooltip-text[data-v-348173d2] {
    visibility: hidden
}

.all-issue .issue-wrapper .inner[data-v-348173d2] {
    margin-top: 40px
}

.all-issue .issue-wrapper .inner .question[data-v-348173d2] {
    font-size: 20px;
    line-height: 1.25;
    text-align: left;
    font-weight: 400;
    color: #2c2c2c;
    margin: 0
}

.all-issue .issue-wrapper .inner .content[data-v-348173d2] {
    font-size: 15px;
    color: #818181;
    margin: 16px 0 32px
}

.business-page .container .brief-cards-wrapper[data-v-6aea4098] {
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 100px
}

.business-page .container .brief-cards-wrapper .title[data-v-6aea4098] {
    color: #333;
    font-size: 25px;
    margin-bottom: 10px
}

.business-page .container .brief-cards-wrapper .subtitle[data-v-6aea4098] {
    color: #999;
    font-size: 13px;
    margin: 0 0 48px
}

.business-page .container .brief-cards-wrapper .subtitle .subtitle-link[data-v-6aea4098] {
    text-decoration: none;
    margin-left: 16px;
    color: #5b92e1;
    line-height: 13px;
    position: relative;
    cursor: pointer
}

    .business-page .container .brief-cards-wrapper .subtitle .subtitle-link[data-v-6aea4098]:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #5b92e1
    }

.business-page .container .process-cards-wrapper[data-v-6aea4098] {
    background: #f7f7f7;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 50px;
    padding-bottom: 100px
}

.business-page .container .process-cards-wrapper .title[data-v-6aea4098] {
    color: #333;
    font-size: 25px;
    margin-bottom: 10px
}

.business-page .container .process-cards-wrapper .subtitle[data-v-6aea4098] {
    color: #999;
    font-size: 13px;
    margin: 0 0 48px
}

.business-page .container .inner-enter[data-v-6aea4098] {
    background: #f7f7f7;
    height: 508px;
    text-align: center;
    padding: 60px 0 0
}

.business-page .container .inner-enter h2[data-v-6aea4098] {
    font-size: 25px;
    font-weight: 500;
    color: #000;
    margin: 0 0 10px
}

.business-page .container .inner-enter h5[data-v-6aea4098] {
    font-size: 13px;
    color: #999;
    font-weight: 400;
    margin: 0 0 50px
}

.business-page .container .inner-enter .inner-flow[data-v-6aea4098] {
    position: relative;
    width: 1080px;
    margin: 0 auto
}

.business-page .container .inner-enter .inner-flow .list[data-v-6aea4098] {
    width: 320px;
    height: 240px;
    text-align: center;
    background: #fff;
    color: #2c2c2c;
    font-size: 20px;
    font-weight: 500;
    float: left;
    margin: 0 20px;
    border-radius: 8px;
    box-shadow: 0 2px 20px 0 rgba(0,0,0,.03)
}

.business-page .container .inner-enter .inner-flow .list .title[data-v-6aea4098] {
    margin: 25px 0 0
}

.business-page .container .inner-enter .inner-flow .list .icon[data-v-6aea4098] {
    width: 96px;
    height: 37px;
    display: block;
    margin-top: 15px
}

.business-page .container .inner-enter .inner-flow .list .content[data-v-6aea4098] {
    font-size: 16px;
    line-height: 1.5;
    color: #747474;
    font-weight: 400;
    margin: 18px 0 0
}

.business-page .container .inner-enter .inner-flow .list .pra-one[data-v-6aea4098], .business-page .container .inner-enter .inner-flow .list .pra-two[data-v-6aea4098] {
    margin: 5px 0
}

.business-page .container .inner-enter .inner-flow .list .maomap[data-v-6aea4098] {
    color: #5b92e1;
    font-weight: 500;
    cursor: pointer
}

.business-page .container .inner-detail-wrapper[data-v-6aea4098] {
    width: 100%;
    background: #fff
}

.business-page .container .inner-detail-wrapper .inner-detail[data-v-6aea4098] {
    margin: 0 auto;
    padding-bottom: 55px;
    width: 1030px
}

.business-page .container .inner-detail-wrapper .inner-detail h4[data-v-6aea4098] {
    text-align: center;
    font-size: 25px;
    margin: 0;
    padding-top: 55px
}

.business-page .container .inner-detail-wrapper .inner-detail .top-topic[data-v-6aea4098] {
    margin: 50px 0 0;
    overflow: hidden
}

.business-page .container .inner-detail-wrapper .inner-detail .top-topic .inner[data-v-6aea4098] {
    width: 200px;
    height: 42px;
    line-height: 42px;
    border-radius: 31px;
    border: 1px solid #ff5267;
    float: left;
    cursor: pointer;
    text-align: center;
    color: #ff5267;
    font-weight: 500
}

    .business-page .container .inner-detail-wrapper .inner-detail .top-topic .inner[data-v-6aea4098]:first-child {
        margin: 0 40px 0 295px
    }

.business-page .container .inner-detail-wrapper .inner-detail .top-topic .inner.select[data-v-6aea4098] {
    background: #ff5267;
    color: #fff
}

.business-page .container .inner-detail-wrapper .inner-detail .middle-topic[data-v-6aea4098] {
    position: relative
}

.business-page .container .inner-detail-wrapper .inner-detail .middle-topic .inner[data-v-6aea4098] {
    overflow: hidden;
    margin: 60px 0 0
}

.business-page .container .inner-detail-wrapper .inner-detail .middle-topic .inner h4[data-v-6aea4098] {
    float: left;
    width: 150px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.25;
    text-align: left;
    color: #2c2c2c;
    margin: 0 40px 0 0;
    padding: 0
}

.business-page .container .inner-detail-wrapper .inner-detail .middle-topic .inner ul[data-v-6aea4098] {
    float: left;
    margin: 0;
    width: 680px;
    font-size: 18px;
    line-height: 1.6
}

.business-page .container .inner-detail-wrapper .inner-detail .middle-topic .inner ul .main:first-child .topadd[data-v-6aea4098] {
    margin: 0 0 8px -28px
}

.business-page .container .inner-detail-wrapper .inner-detail .middle-topic .inner ul .main .rightadd[data-v-6aea4098] {
    margin: 0
}

.business-page .container .inner-detail-wrapper .inner-detail .middle-topic .inner ul .main .topadd[data-v-6aea4098] {
    margin: 32px 0 8px -28px
}

.business-page .container .inner-detail-wrapper .inner-detail .middle-topic .inner ul .main .example[data-v-6aea4098], .business-page .container .inner-detail-wrapper .inner-detail .middle-topic .inner ul .main .letter[data-v-6aea4098] {
    color: #5b92e1;
    font-weight: 500;
    margin-right: 8px
}

.business-page .container .inner-detail-wrapper .inner-detail .middle-topic .inner ul .main .red[data-v-6aea4098] {
    color: #ff2741;
    font-weight: 500
}

.business-page .container .inner-issue[data-v-6aea4098] {
    margin: 0 auto;
    background-color: #f7f7f7;
    padding: 0 0 60px
}

.business-page .container .inner-issue h2[data-v-6aea4098] {
    font-size: 25px;
    line-height: 1.09;
    letter-spacing: -.6px;
    text-align: center;
    font-weight: 500;
    padding: 60px 0 0;
    margin: 0 0 50px
}

@media screen and (max-width:1250px) and (min-width:1101px) {
    .business-page .container[data-v-6aea4098] {
        margin-top: 96px
    }
}

@media screen and (max-width:1100px) {
    .business-page .container[data-v-6aea4098] {
        margin-top: 85px
    }
}

.privacy[data-v-71c3770c] {
    background: #fbfbfb
}

.privacy .inner[data-v-71c3770c] {
    width: 960px;
    margin: 50px auto 0;
    overflow: hidden;
    position: relative
}

.privacy .inner .left-nav[data-v-71c3770c] {
    width: 230px;
    float: left;
    background: #fff;
    position: fixed;
    top: 156px;
    z-index: 1
}

.privacy .inner .left-nav .title[data-v-71c3770c] {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin: 15px
}

.privacy .inner .left-nav .list[data-v-71c3770c] {
    color: #555;
    padding: 11px 15px 10px;
    margin: 0;
    display: block;
    border-left: 2px solid #fff
}

    .privacy .inner .left-nav .list[data-v-71c3770c]:hover {
        color: #ff0036;
        border-left: 2px solid #ff0036
    }

.privacy .inner .right-content[data-v-71c3770c] {
    width: 710px;
    float: left;
    margin-left: 250px;
    background: #fff;
    margin-bottom: 50px;
    padding: 0 20px 20px
}

.privacy .inner .right-content .title[data-v-71c3770c] {
    font-size: 20px;
    font-weight: 600;
    margin: 30px auto 0;
    text-align: center;
    color: #000;
    border-bottom: 1px dashed #eee;
    padding-bottom: 30px
}

.privacy .inner .right-content .update-date[data-v-71c3770c] {
    margin: 12px 0 4px
}

.privacy .inner .right-content .release-date[data-v-71c3770c] {
    margin: 4px 0 12px
}

.privacy .inner .right-content .release-date[data-v-71c3770c], .privacy .inner .right-content .update-date[data-v-71c3770c] {
    font-size: 12px
}

h3[data-v-71c3770c], h4[data-v-71c3770c] {
    font-size: 18px
}

p[data-v-71c3770c] {
    font-size: 14px
}

em[data-v-71c3770c] {
    font-style: normal;
    font-weight: 700
}

.about[data-v-71c3770c], .content[data-v-71c3770c], .intro[data-v-71c3770c] {
    margin-top: 40px
}

.content h4[data-v-71c3770c] {
    font-size: 14px
}

ol[data-v-71c3770c] {
    counter-reset: item;
    padding: 0 0 0 20px
}

ol > li[data-v-71c3770c] {
    counter-increment: item
}

ol ol > li[data-v-71c3770c] {
    display: block
}

li + li[data-v-71c3770c] {
    margin-top: 15px
}

ol ol[data-v-71c3770c] {
    padding: 0 0 0 35px
}

ol ol > li[data-v-71c3770c]:before {
    content: counters(item,".") " ";
    margin-left: -23px
}

ol > li > p[data-v-71c3770c] {
    display: inline-block
}

h4 + p[data-v-71c3770c], p + p[data-v-71c3770c] {
    margin-top: 0
}

ol.inset-list[data-v-71c3770c] {
    counter-reset: num
}

ol.inset-list > li[data-v-71c3770c] {
    counter-increment: num
}

    ol.inset-list > li[data-v-71c3770c]:before {
        content: counter(num) " )";
        margin-left: -26px;
        margin-right: 12px
    }

ol.alpha-list[data-v-71c3770c] {
    margin-top: 15px;
    counter-reset: iter
}

ol.alpha-list > li[data-v-71c3770c] {
    counter-increment: iter
}

    ol.alpha-list > li[data-v-71c3770c]:before {
        content: counter(iter,upper-alpha) ". ";
        margin-right: 8px;
        margin-left: -24px
    }

ol.beta-list[data-v-71c3770c] {
    margin-top: 15px;
    counter-reset: iter
}

ol.beta-list > li[data-v-71c3770c] {
    counter-increment: iter
}

    ol.beta-list > li[data-v-71c3770c]:before {
        content: counter(iter,lower-alpha) ". ";
        margin-right: 8px;
        margin-left: -24px
    }

.registration-item[data-v-2fe98d4a] {
    background: #fbfbfb
}

.registration-item .inner[data-v-2fe98d4a] {
    width: 960px;
    margin: 50px auto 0;
    overflow: hidden;
    position: relative
}

.registration-item .inner .left-nav[data-v-2fe98d4a] {
    width: 230px;
    float: left;
    background: #fff;
    top: 156px;
    position: absolute
}

.registration-item .inner .left-nav.isFixed[data-v-2fe98d4a] {
    position: fixed
}

.registration-item .inner .left-nav .title[data-v-2fe98d4a] {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin: 11px 10px
}

.registration-item .inner .left-nav .list[data-v-2fe98d4a] {
    color: #555;
    padding: 11px 0 10px 30px;
    margin: 0;
    display: block;
    border-left: 2px solid #fff
}

    .registration-item .inner .left-nav .list[data-v-2fe98d4a]:hover {
        color: #ff0036;
        border-left: 2px solid #ff0036
    }

.registration-item .inner .right-content[data-v-2fe98d4a] {
    width: 710px;
    float: left;
    margin-left: 250px;
    background: #fff;
    margin-bottom: 50px;
    padding: 0 20px 20px
}

.registration-item .inner .right-content .title[data-v-2fe98d4a] {
    font-size: 20px;
    font-weight: 600;
    margin: 30px auto 0;
    text-align: center;
    color: #000;
    border-bottom: 1px dashed #eee;
    padding-bottom: 30px
}

.registration-item .inner .right-content .content[data-v-2fe98d4a] {
    padding: 50px 0 0
}

.registration-item .inner .right-content .content .short-nav[data-v-2fe98d4a] {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    margin: 0
}

.registration-item .inner .right-content .content .test[data-v-2fe98d4a] {
    margin: 7px 0 0;
    line-height: 28px
}

.registration-item .inner .right-content .content .test .num[data-v-2fe98d4a] {
    margin-right: 10px
}

.registration-item .inner .right-content .content .test .add[data-v-2fe98d4a] {
    display: block
}

.container[data-v-1777fa21] {
    background: #fbfbfb
}

.container .inner[data-v-1777fa21] {
    width: 960px;
    margin: 50px auto 0;
    overflow: hidden;
    position: relative
}

.container .inner .left-nav[data-v-1777fa21] {
    width: 230px;
    float: left;
    background: #fff;
    position: fixed;
    top: 156px
}

.container .inner .left-nav .title[data-v-1777fa21] {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin: 11px 10px
}

.container .inner .left-nav .list[data-v-1777fa21] {
    color: #555;
    padding: 11px 0 10px 30px;
    margin: 0;
    display: block;
    border-left: 2px solid #fff
}

    .container .inner .left-nav .list[data-v-1777fa21]:hover {
        color: #ff0036;
        border-left: 2px solid #ff0036
    }

.container .inner .right-content[data-v-1777fa21] {
    width: 710px;
    float: left;
    margin-left: 250px;
    background: #fff;
    margin-bottom: 50px;
    padding: 0 20px 20px
}

.container .inner .right-content .title[data-v-1777fa21] {
    font-size: 20px;
    font-weight: 600;
    margin: 30px auto 0;
    text-align: center;
    color: #000;
    border-bottom: 1px dashed #eee;
    padding-bottom: 30px
}

.container .inner .right-content .content[data-v-1777fa21] {
    padding: 50px 0 0
}

.container .inner .right-content .content .short-nav[data-v-1777fa21] {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    margin: 0
}

.container .inner .right-content .content .test[data-v-1777fa21] {
    margin: 7px 0 0;
    line-height: 28px
}

.container .inner .right-content .content .test .num[data-v-1777fa21] {
    margin-right: 10px
}

.container .inner .right-content h3[data-v-1777fa21] {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    margin: 30px 0 0
}

.container .inner .right-content ol[data-v-1777fa21], .container .inner .right-content ul[data-v-1777fa21] {
    display: block;
    margin: 15px auto;
    padding-left: 30px
}

.container .inner .right-content .no-indent[data-v-1777fa21] {
    padding-left: 15px
}

.container .inner .right-content li[data-v-1777fa21] {
    margin: 15px auto
}

.container .inner .right-content .link[data-v-1777fa21] {
    color: #5b92e1
}

.container .inner .right-content .mail[data-v-1777fa21] {
    margin: 0 0 0 6px;
    color: #5b92e1
}

.container .inner .right-content .alpha-list[data-v-1777fa21] {
    list-style-type: lower-alpha
}

.test em {
    font-style: normal;
    color: #333;
    font-weight: 700
}

.rating-item[data-v-7481752a] {
    background: #fbfbfb
}

.rating-item .inner[data-v-7481752a] {
    width: 960px;
    margin: 50px auto 0;
    overflow: hidden;
    position: relative
}

.rating-item .inner .right-content[data-v-7481752a] {
    width: 710px;
    float: left;
    margin-left: 100px;
    background: #fff;
    margin-bottom: 50px;
    padding: 0 20px 20px
}

.rating-item .inner .right-content .title[data-v-7481752a] {
    font-size: 20px;
    font-weight: 600;
    margin: 30px auto 0;
    text-align: center;
    color: #000;
    border-bottom: 1px dashed #eee;
    padding-bottom: 30px
}

.rating-item .inner .right-content .content[data-v-7481752a] {
    padding-top: 5px;
    margin: 0 15px
}

.rating-item .inner .right-content .content .test[data-v-7481752a] {
    margin: 10px 0 0;
    line-height: 28px
}

.rating-item .inner .right-content .content .test .short-nav[data-v-7481752a] {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    margin: 0
}

.rating-item .inner .right-content .content .test .num[data-v-7481752a] {
    margin-right: 10px
}

.rating-item .inner .right-content .content .test .add[data-v-7481752a] {
    display: block
}

.inner[data-v-ecc81f0e] {
    width: 960px;
    margin: 150px auto 0;
    overflow: hidden;
    position: relative
}

.left-nav[data-v-ecc81f0e] {
    width: 230px;
    float: left;
    background: #fff;
    position: fixed;
    top: 150px;
    z-index: 1
}

.left-nav .title[data-v-ecc81f0e] {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin: 15px
}

.left-nav .list[data-v-ecc81f0e] {
    color: #555;
    padding: 11px 15px 10px;
    margin: 0;
    display: block;
    border-left: 2px solid #fff
}

    .left-nav .list[data-v-ecc81f0e]:hover {
        color: #ff0036;
        border-left: 2px solid #ff0036
    }

.right-content[data-v-ecc81f0e] {
    width: 710px;
    padding: 0 20px 20px;
    float: left;
    margin-left: 250px;
    background: #fff;
    margin-bottom: 50px
}

.right-content > .title[data-v-ecc81f0e] {
    font-size: 20px;
    text-align: center;
    margin: 30px 0 12px;
    border-bottom: 1px dashed #eee;
    padding-bottom: 30px
}

.right-content .update-date[data-v-ecc81f0e] {
    margin: 12px 0 40px;
    font-size: 12px
}

.content[data-v-ecc81f0e] {
    margin: 0
}

.first-title[data-v-ecc81f0e] {
    margin: 36px 0 0
}

.term-title[data-v-ecc81f0e] {
    margin: 18px 0 0
}

.first-content[data-v-ecc81f0e] {
    margin: 12px 0 0
}

ul[data-v-ecc81f0e] {
    list-style: none;
    margin: 18px 0 0
}

ul li[data-v-ecc81f0e] {
    margin: 0 0 18px;
    line-height: 24px
}

    ul li[data-v-ecc81f0e]:before {
        content: "\2022";
        color: #ff2442;
        font-weight: 700;
        display: inline-block;
        width: 1em;
        margin-left: -1em
    }

.corona-input[data-v-eb0adee4] {
    display: inline-block;
    width: 100%;
    height: 40px;
    position: relative;
    border-radius: 8px;
    border: 1px solid #ecf1f8;
    overflow: hidden
}

.corona-input.--warning[data-v-eb0adee4] {
    border-color: #ff2741
}

.corona-input span.readonly[data-v-eb0adee4] {
    display: inline-block;
    height: $LINE-HEIGHT-L;
    line-height: $LINE-HEIGHT-L;
    padding: $PADDING-XSS 20px
}

.corona-input input[data-v-eb0adee4] {
    background: #fff;
    border: 0;
    width: 100%;
    padding: 8px 24px 8px 16px;
    font-size: $FONT-SIZE-CONTENT;
    background-color: #fff;
    outline: 0
}

    .corona-input input[data-v-eb0adee4]:focus {
        border: 0
    }

    .corona-input input[data-v-eb0adee4]::-webkit-input-placeholder {
        font-size: 14px;
        color: #808e94;
        line-height: 24px
    }

    .corona-input input[data-v-eb0adee4]:-ms-input-placeholder {
        font-size: 14px;
        color: #808e94;
        line-height: 24px
    }

    .corona-input input[data-v-eb0adee4]::-ms-input-placeholder {
        font-size: 14px;
        color: #808e94;
        line-height: 24px
    }

    .corona-input input[data-v-eb0adee4]::placeholder {
        font-size: 14px;
        color: #808e94;
        line-height: 24px
    }

.corona-input input:focus ~ .icon-wrap .icon-other[data-v-eb0adee4] {
    color: $COLOR-PRIMARY
}

.corona-input input:focus ~ .icon-wrap .icon-other i[data-v-eb0adee4] {
    font-weight: 900
}

.corona-input input[disabled][data-v-eb0adee4] {
    background-color: $COLOR-BG1;
    cursor: not-allowed
}

.corona-input input.double-icon-input[data-v-eb0adee4] {
    padding-right: 48px
}

.corona-input input.single-icon-input[data-v-eb0adee4] {
    padding-right: 24px
}

.corona-input input.--ellipse[data-v-eb0adee4] {
    border-radius: 100px
}

.corona-input input.--square[data-v-eb0adee4] {
    border-radius: 4px
}

.corona-input input.--medium[data-v-eb0adee4] {
    height: $LINE-HEIGHT-M
}

.corona-input input.--large[data-v-eb0adee4] {
    height: $LINE-HEIGHT-L
}

.corona-input input.--align-left[data-v-eb0adee4] {
    text-align: left
}

.corona-input input.--align-center[data-v-eb0adee4] {
    text-align: center
}

.corona-input input.--align-right[data-v-eb0adee4] {
    text-align: right
}

.corona-input.--warning input[data-v-eb0adee4] {
    border-color: $COLOR-DANGER
}

.corona-input.--warning i[data-v-eb0adee4] {
    color: $COLOR-DANGER
}

.corona-input .notice-box[data-v-eb0adee4] {
    position: absolute;
    margin-top: $MARGIN-S;
    height: $FONT-SIZE-DESC;
    line-height: 1;
    font-size: $FONT-XSS;
    color: $DANGER-BASE
}

.corona-input .icon-wrap[data-v-eb0adee4] {
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    display: flex;
    justify-content: flex-end;
    margin-right: $MARGIN-XS
}

.corona-input .icon-wrap.single-icon-wrap[data-v-eb0adee4] {
    width: 24px
}

.corona-input .icon-wrap.double-icon-wrap[data-v-eb0adee4] {
    width: 48px
}

.corona-input .icon-wrap .icon-clear[data-v-eb0adee4], .corona-input .icon-wrap .icon-other[data-v-eb0adee4] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 100%;
    cursor: pointer;
    color: #ccc;
    font-size: $FONT-XS
}

.corona-popover[data-v-44d4a5e4] {
    display: flex
}

.corona-popover_popover[data-v-44d4a5e4] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: $Z-INDEX-POPPER;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 8px;
    border: 2px solid #ecf1f8
}

.fadein-enter[data-v-44d4a5e4], .fadein-leave[data-v-44d4a5e4] {
    display: block
}

.fadein-enter-active[data-v-44d4a5e4] {
    -webkit-animation: fadein-in-data-v-44d4a5e4 .3s ease-in;
    animation: fadein-in-data-v-44d4a5e4 .3s ease-in
}

.fadein-leave-active[data-v-44d4a5e4] {
    -webkit-animation: fadein-out-data-v-44d4a5e4 .3s ease-out;
    animation: fadein-out-data-v-44d4a5e4 .3s ease-out
}

.scale-enter[data-v-44d4a5e4], .scale-leave[data-v-44d4a5e4] {
    display: block
}

.scale-enter-active[data-v-44d4a5e4] {
    -webkit-animation: scale-in-data-v-44d4a5e4 .15s ease-in;
    animation: scale-in-data-v-44d4a5e4 .15s ease-in
}

.scale-leave-active[data-v-44d4a5e4] {
    -webkit-animation: scale-out-data-v-44d4a5e4 .15s ease-out;
    animation: scale-out-data-v-44d4a5e4 .15s ease-out
}

@-webkit-keyframes fadein-in-data-v-44d4a5e4 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadein-in-data-v-44d4a5e4 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadein-out-data-v-44d4a5e4 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadein-out-data-v-44d4a5e4 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes scale-in-data-v-44d4a5e4 {
    0% {
        transform: scale(0);
        opacity: 0
    }

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

@keyframes scale-in-data-v-44d4a5e4 {
    0% {
        transform: scale(0);
        opacity: 0
    }

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

@-webkit-keyframes scale-out-data-v-44d4a5e4 {
    0% {
        transform: scale(1);
        opacity: 1
    }

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

@keyframes scale-out-data-v-44d4a5e4 {
    0% {
        transform: scale(1);
        opacity: 1
    }

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

.zone-input[data-v-c8cca880] {
    width: 80px;
    height: 40px;
    padding: 8px 16px;
    background: #fff;
    border-radius: 8px 0 0 8px;
    border: 1px solid #ecf1f8;
    border-right-width: 0;
    outline: none;
    cursor: pointer
}

.zone-input_wrapper[data-v-c8cca880] {
    position: relative
}

.zone-input_wrapper img[data-v-c8cca880] {
    position: absolute;
    right: 16px;
    top: 18px;
    width: 8px
}

.zone-input[data-v-c8cca880]:focus {
    border-radius: 8px 0 0 8px;
    border: 1px solid #ecf1f8;
    border-right-width: 0
}

.warn[data-v-c8cca880] {
    border: 1px solid #f24444;
    border-right-width: 0
}

.phone-input[data-v-c8cca880] {
    border-radius: 0 4px 4px 0 !important
}

.phone-input.warn[data-v-c8cca880] {
    border-left: 1px solid #ecf1f8;
    border-right: 1px solid #f24444
}

.filter_body[data-v-c8cca880] {
    padding: 8px;
    max-height: 220px;
    overflow-y: scroll;
    width: 80px
}

.filter_item[data-v-c8cca880] {
    position: relative;
    padding: 9px 16px;
    line-height: 24px;
    font-size: 14px;
    color: #808e94
}

.filter_item img[data-v-c8cca880] {
    position: absolute
}

.filter_item[data-v-c8cca880]:hover {
    border-radius: 4px;
    background: #f3f7fd;
    cursor: pointer
}

.account-input[data-v-c8cca880] {
    display: flex;
    width: 288px
}

.phone-login[data-v-8987e8b4] {
    position: relative
}

.phone-login .error-msg_captcha[data-v-8987e8b4] {
    font-size: 12px;
    color: #f24444;
    line-height: 17px;
    margin-top: 4px;
    margin-bottom: -8px
}

.phone-login .error-msg_account[data-v-8987e8b4] {
    color: #f24444;
    font-size: 12px;
    line-height: 20px;
    margin-top: 4px;
    margin-bottom: -8px
}

.phone-login .button_normal[data-v-8987e8b4] {
    width: 102px;
    height: 40px;
    background: #f3f7fd;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #5b92e1;
    line-height: 24px;
    border: none;
    outline: none
}

.phone-login .button_normal.disabled[data-v-8987e8b4] {
    cursor: default;
    background-color: #f9fbfe;
    color: #adc9f0
}

.login_captcha[data-v-8987e8b4] {
    width: 288px;
    display: flex;
    justify-content: space-between;
    margin: 24px 0 0
}

.login_captcha .corona_input[data-v-8987e8b4] {
    width: 170px
}

input[data-v-51fc9bae] {
    outline: none
}

    input[data-v-51fc9bae]::-webkit-inner-spin-button, input[data-v-51fc9bae]::-webkit-outer-spin-button {
        -webkit-appearance: none
    }

input[type=number][data-v-51fc9bae] {
    -moz-appearance: textfield
}

.container[data-v-51fc9bae] {
    width: 100vw;
    height: 100vh;
    background: #f5f8fa;
    display: flex;
    align-items: center;
    justify-content: center
}

.login[data-v-51fc9bae] {
    width: 416px;
    background: #fff;
    border-radius: 12px;
    padding: 56px 64px 74px;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,.1)
}

.login-header[data-v-51fc9bae] {
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 36px;
    font-size: 20px;
    color: #333;
    line-height: 32px;
    font-weight: 500
}

.login-header > div[data-v-51fc9bae] {
    flex: 1;
    text-align: center;
    position: relative;
    cursor: pointer
}

.login-header > div.active[data-v-51fc9bae] {
    cursor: auto;
    color: #293134
}

.login-header > div[data-v-51fc9bae]:nth-child(2n+2):before {
    content: "";
    width: 1px;
    height: 20px;
    background: #ecf1f8;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.login-button[data-v-51fc9bae] {
    width: 100%;
    height: 48px;
    margin-top: 24px;
    font-size: 22px;
    line-height: 48px;
    font-weight: 500;
    background: #ff2442;
    border-radius: 34px;
    color: #fff;
    text-align: center;
    cursor: pointer
}