tools/小报童/assets/reader.css

/* https://static.xiaobot.net/resource/xiaobot-web/css/reader.e29de4ef.css */
.custom_model .header[data-v-5afae6d8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    margin-top: 16px;
    margin-bottom: 29px
}

.custom_model .header .title[data-v-5afae6d8] {
    font-size: 18px;
    font-weight: 600;
    color: #413e3b
}

.custom_model .divider[data-v-5afae6d8] {
    border-bottom: 3px solid #333;
    margin: 0 10px
}

#bottom_btn[data-v-5afae6d8] {
    width: 100%;
    padding: 20px 0;
    text-align: center
}

#bottom_btn a.btn[data-v-5afae6d8] {
    width: 70%
}

.back[data-v-5afae6d8] {
    background: #b14b43
}

.custom_model .el-drawer__body {
    background: #f8f6f4;
    padding: 10px
}

.body[data-v-5a06177e] {
    padding: 33px 0;
    text-align: center
}

.description[data-v-5a06177e] {
    margin: 20px 0;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    text-align: center;
    line-height: 22px;
    color: #333
}

.info img[data-v-1cf1fafa] {
    width: 84px;
    height: 161px
}

.loginBox[data-v-1cf1fafa] {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 20px;
    box-sizing: border-box
}

.cancelBtn,.loginBtn {
    background: #b14b43;
    border-radius: 6px;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    color: #f8f6f4;
    padding: 10px;
    margin: 10px auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.cancelBtn {
    background: #fffdfc;
    color: #413e3b
}

.loginBox p {
    color: #acabae;
    font-size: 15px;
    line-height: 24px
}

.loginBox p a {
    color: #64a1bc
}

.tips[data-v-34f38ffa] {
    margin: 5px 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.card[data-v-34f38ffa] {
    padding: 0 20px;
    background-color: #f8f6f4;
    position: relative;
    padding-bottom: 57px
}

.card .avatar[data-v-34f38ffa] {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    margin-top: 39px
}

.card .name[data-v-34f38ffa] {
    margin-top: 24px;
    font-weight: 656;
    font-size: 24px;
    color: #333
}

.card .paper_info[data-v-34f38ffa] {
    font-size: 15px;
    color: #333;
    margin-top: 10px
}

.card .sp_divider[data-v-34f38ffa] {
    font-size: 14px;
    line-height: 16px;
    color: #acabae;
    margin-top: 23px;
    margin-bottom: 23px
}

.card .intro[data-v-34f38ffa] {
    font-size: 15px;
    line-height: 160%;
    color: #acabae;
    word-wrap: break-word;
    word-break: normal
}

.card .intro[data-v-34f38ffa] a {
    color: #b14b43;
    text-decoration: none
}

.card .qr_tip[data-v-34f38ffa] {
    font-size: 15px;
    line-height: 160%;
    color: #acabae;
    margin-top: 27px
}

.qrcode[data-v-34f38ffa] {
    margin-top: 13px
}

.card img.share-card[data-v-34f38ffa] {
    z-index: 2001;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.time[data-v-34f38ffa] {
    margin-bottom: 12px;
    font-size: 12px;
    color: #8f9193
}

[v-cloak][data-v-0db92b06] {
    display: none
}

.container[data-v-0db92b06] {
    max-width: 390px
}

.tips[data-v-0db92b06] {
    margin: 5px 20px;
    flex-direction: row;
    justify-content: space-between
}

.checkbox_container[data-v-0db92b06],.tips[data-v-0db92b06] {
    display: flex;
    align-items: center
}

.card[data-v-0db92b06] {
    padding: 0 20px;
    background-color: #f8f6f4;
    position: relative;
    padding-bottom: 25px
}

.card .paper[data-v-0db92b06] {
    position: relative;
    align-items: center;
    display: flex;
    padding: 23px 0;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start
}

.card .avatar[data-v-0db92b06] {
    width: 36px;
    height: 36px;
    border-radius: 50%
}

.card .name[data-v-0db92b06] {
    font-weight: 656;
    font-size: 15px;
    color: #333
}

.card .paper_info[data-v-0db92b06] {
    font-size: 12px;
    color: #ababae;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 10px
}

.card .time[data-v-0db92b06] {
    margin: 16px 0 12px;
    font-size: 15px;
    color: #acacac
}

.card .title[data-v-0db92b06] {
    font-size: 22px;
    color: #000
}

.card .content[data-v-0db92b06] {
    font-size: 15px;
    line-height: 160%;
    color: #acabae;
    color: #333;
    word-break: break-word;
    max-height: 7715px;
    overflow: hidden;
    position: relative;
    padding-bottom: 1em
}

.unfinish .content[data-v-0db92b06]:after {
    content: "...";
    position: absolute;
    bottom: 1em;
    right: 0;
    width: 1em;
    background: #f8f6f4
}

.card .qr_tip[data-v-0db92b06] {
    font-size: 15px;
    line-height: 160%;
    color: #acabae;
    margin-top: 27px
}

.card .qrcode[data-v-0db92b06],.card .qrcode[data-v-0db92b06] img {
    width: 84px;
    height: 84px
}

.card img.share-card[data-v-0db92b06] {
    z-index: 2001;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.card .divider_1[data-v-0db92b06] {
    border-bottom: 3px solid #333;
    margin: 0 0
}

.card .divider_2[data-v-0db92b06] {
    border-bottom: 1px solid #333;
    margin: 0 0;
    margin-top: 5px
}

.card .divider_thin[data-v-0db92b06] {
    border-bottom: 1px solid #e9e9e9;
    margin: 0 0
}

.card .copyright[data-v-0db92b06] {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    margin-top: 21px
}

.time[data-v-0db92b06] {
    margin-bottom: 12px;
    font-size: 12px;
    color: #8f9193
}

.card .content[data-v-0db92b06] a {
    color: #b14b43;
    text-decoration: none
}

.tips[data-v-0db92b06] .el-checkbox__input+.el-checkbox__label {
    color: inherit
}

.card .image_grid[data-v-0db92b06] {
    margin-top: 30px
}

.card .image_grid .thumbnail[data-v-0db92b06] {
    width: 100%
}

.red[data-v-0db92b06] {
    color: #b14b43
}

.qr_container[data-v-0db92b06] {
    display: flex;
    flex-direction: row;
    margin: 13px 0;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap
}

.qr_paper_tip .name[data-v-0db92b06] {
    font-size: 20px;
    color: #333
}

.qr_paper_tip .hint[data-v-0db92b06] {
    color: #fff;
    margin-top: 7px;
    background: #b14b43;
    border-radius: 6px;
    font-weight: 600;
    font-size: 12px;
    padding: 5px 11px;
    padding-top: 2px;
    max-width: 170px;
    text-align: center
}

.share-dialog[data-v-0db92b06] {
    max-width: 600px
}

.post_tag[data-v-0db92b06] {
    color: #64a1bc
}

.tags[data-v-0db92b06] {
    max-width: calc(100% - 60px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #64a1bc
}

.actions[data-v-0db92b06] {
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: center;
    margin: 22px 0;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    font-size: 15px;
    line-height: 21px
}

.actions .comment[data-v-0db92b06] {
    color: #acabae
}

.read-more[data-v-0db92b06] {
    text-align: center;
    margin-top: 20px;
    background: #f8f6f4;
    margin-bottom: 20px
}

.read-more .qrcode[data-v-0db92b06] {
    padding: 3px;
    background-color: #fff;
    border-radius: 6px;
    margin: 0 auto
}

.read-more .text[data-v-0db92b06] {
    color: #fff;
    background: #b14b43;
    border-radius: 6px;
    width: 200px;
    margin: 10px auto
}

.share-dialog .el-dialog__body {
    padding: 0
}

.body[data-v-45001061] {
    text-align: left;
    padding: 20px 10px;
    max-height: 60vh;
    overflow-y: auto
}

.body .likeUser[data-v-45001061] {
    display: flex;
    padding: 18px 0;
    border-bottom: 1px solid #e9e9e9;
    align-content: center;
    justify-content: flex-start;
    align-items: center
}

.body .likeUser[data-v-45001061]:last-child {
    border-bottom: none
}

.body .likeUser .name[data-v-45001061] {
    margin-left: 18px;
    color: #333;
    font-size: 15px;
    line-height: 18px;
    font-weight: bolder
}

.body img[data-v-45001061] {
    width: 36px;
    height: 36px;
    border-radius: 19px;
    margin-right: 3px;
    text-align: center
}

.light_feedback[data-v-55e16497] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 10px;
    margin-top: 33px
}

.light_feedback .light_feedback_action[data-v-55e16497] {
    font-weight: 600;
    font-size: 14px;
    line-height: 36px;
    cursor: pointer;
    width: 82px;
    height: 36px;
    border-radius: 6px;
    text-align: center
}

.light_feedback .unlike[data-v-55e16497] {
    background: #b14b43;
    color: #f8f6f4
}

.light_feedback .like[data-v-55e16497] {
    background: #e9e9e9;
    color: #ababae
}

.light_feedback .light_feedback_content[data-v-55e16497] {
    display: flex;
    overflow: hidden;
    justify-content: flex-end
}

.light_feedback .light_feedback_content img[data-v-55e16497],.light_feedback_content_total[data-v-55e16497] {
    width: 24px;
    height: 24px;
    border-radius: 19px;
    margin: 0 3px;
    text-align: center;
    line-height: 24px
}

.light_feedback_content_total[data-v-55e16497] {
    background: #ababae;
    color: #f8f6f4;
    font-size: 14px
}

.light_feedback .light_feedback_content img[data-v-55e16497]:first-child {
    margin-left: 6px
}

.coupon[data-v-4d20a4b2] {
    background: transparent;
    border-radius: 6px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 10px 0;
    position: relative;
    -webkit-mask-image: radial-gradient(circle at 82px 9px,transparent 9px,red 9.5px);
    -webkit-mask-position: 0 -9px;
    height: 80px
}

.select[data-v-4d20a4b2] {
    -webkit-mask-image: radial-gradient(circle at 102px 9px,transparent 9px,red 9.5px);
    -webkit-mask-position: 0 -9px
}

.ratio[data-v-4d20a4b2] {
    background-color: #b14b43;
    color: #f8f6f4;
    box-sizing: border-box;
    padding: 21px 16px;
    font-size: 12px;
    border-radius: 6px 0 0 6px;
    flex-shrink: 0;
    text-align: center
}

.select .ratio[data-v-4d20a4b2] {
    padding: 21px 6px;
    width: 102px
}

.ratio .number[data-v-4d20a4b2] {
    width: 50px
}

.select .ratio .number[data-v-4d20a4b2] {
    width: unset
}

.ratio .number span[data-v-4d20a4b2] {
    font-size: 20px;
    font-weight: 600
}

.info[data-v-4d20a4b2] {
    border-radius: 0 6px 6px 0;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 21px 15px;
    width: calc(100% - 82px);
    box-sizing: border-box
}

.select .info[data-v-4d20a4b2] {
    width: calc(100% - 102px)
}

.info .box[data-v-4d20a4b2] {
    width: 64%
}

.info .name[data-v-4d20a4b2] {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.info .expired_at[data-v-4d20a4b2] {
    font-size: 12px;
    color: #ababae;
    margin-top: 5px
}

.action[data-v-4d20a4b2] {
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 6px;
    background-color: #b14b43;
    color: #fff;
    cursor: pointer;
    flex-shrink: 0
}

.claimed[data-v-4d20a4b2],.expired[data-v-4d20a4b2] {
    background-color: #ababae;
    cursor: not-allowed
}

.couponTip[data-v-6661b4ca],.price[data-v-6661b4ca],.totalTip[data-v-6661b4ca] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    color: #413e3b;
    font-size: 15px;
    border-bottom: 1px solid #e9e9e9;
    margin: 0 10px
}

.savingAmount[data-v-6661b4ca] {
    display: flex;
    align-items: center;
    cursor: pointer
}

.priceText[data-v-6661b4ca] {
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    white-space: nowrap
}

.priceNum[data-v-6661b4ca] {
    flex-shrink: 0
}

.balance[data-v-6661b4ca] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 10px
}

.balance .priceNum[data-v-6661b4ca] {
    color: #b14b43
}

.toBePrepaidPhone[data-v-6661b4ca] {
    border: 1px solid #b14b43;
    border-radius: 6px;
    padding: 10px;
    margin: 0 10px;
    text-align: center;
    box-sizing: border-box;
    color: #b14b43;
    font-size: 15px;
    background-color: #fff;
    display: inline-block
}

.toBePrepaidPhone .num[data-v-6661b4ca] {
    font-size: 24px
}

.bold[data-v-6661b4ca] {
    font-weight: 600
}

.desc[data-v-6661b4ca] {
    margin: 20px 10px;
    font-size: 15px;
    line-height: 24px;
    color: #acabae;
    border-top: 1px solid #e9e9e9;
    padding-top: 20px
}

.block[data-v-6661b4ca] {
    display: block
}

.btn[data-v-6661b4ca] {
    margin-top: 10px
}

.copyUrl[data-v-6661b4ca] {
    color: #413e3b
}

.p-10[data-v-6661b4ca] {
    padding: 10px
}

.disabled[data-v-6661b4ca] {
    background-color: #e9e9e9;
    color: #acabae;
    border-color: #e9e9e9;
    cursor: not-allowed
}

.post[data-v-306d27f6] {
    font-size: 16px;
    line-height: 1.8;
    padding: 20px;
    overflow: auto;
    height: 100%;
    width: 100%
}

.post_page[data-v-306d27f6] {
    height: auto!important;
    padding: 0;
    padding-bottom: 120px
}

.post .header[data-v-306d27f6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    margin-top: 18px;
    position: relative
}

.post .header .user[data-v-306d27f6] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.post .header .user .avatar[data-v-306d27f6] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    margin-right: 6px
}

.post .header .action svg[data-v-306d27f6] {
    margin-right: 18px;
    cursor: pointer
}

.post .header .date[data-v-306d27f6] {
    font-size: 12px;
    line-height: 12px;
    color: #ababae;
    margin-top: 2px
}

.post .header .user .info[data-v-306d27f6] {
    margin-left: 10px;
    align-items: center
}

.post .header .user .name[data-v-306d27f6] {
    font-weight: 900
}

.post .header .user .more_dropdown[data-v-306d27f6] {
    position: absolute;
    right: 0
}

.post .title[data-v-306d27f6] {
    font-size: 26px
}

.post .content[data-v-306d27f6] {
    margin: 0;
    color: #333
}

.post .content[data-v-306d27f6] a {
    color: #b14b43;
    text-decoration: none
}

.post .thumbnail[data-v-306d27f6] {
    width: min(197px,calc(33.33333vw - 16px));
    height: min(197px,calc(33.33333vw - 16px));
    margin: 0 4px 4px 0;
    -o-object-fit: cover;
    object-fit: cover
}

.post .thumbnail[data-v-306d27f6]:nth-of-type(3n) {
    margin-right: 0
}

.post .files[data-v-306d27f6] {
    display: flex;
    flex-wrap: wrap;
    margin-top: 4px
}

.post_tag[data-v-306d27f6] {
    font-size: 15px;
    line-height: 21px;
    color: #64a1bc;
    cursor: pointer
}

.post .tags[data-v-306d27f6] {
    margin-top: 5px
}

.post .actions[data-v-306d27f6] {
    display: flex;
    justify-content: space-between;
    margin-top: 50px
}

.post .actions .comments[data-v-306d27f6] {
    font-size: 16px;
    line-height: 20px;
    color: #333
}

.post .actions .write_comment[data-v-306d27f6] {
    font-size: 16px;
    line-height: 20px;
    color: #64a1bc
}

.footer_write_comment[data-v-306d27f6] {
    font-size: 16px;
    line-height: 22px;
    color: #64a1bc;
    font-weight: 600;
    text-align: center;
    margin-top: 20px
}

.post .divider_thin[data-v-306d27f6] {
    border-bottom: 1px solid #e9e9e9;
    width: 100%;
    margin-top: 30px;
    margin-left: 0;
    margin-right: 0
}

.post .post_detail_drawer .form .divider_thin[data-v-306d27f6] {
    margin-top: 20px;
    margin-left: 0;
    margin-right: 0
}

.post_detail_drawer .el-textarea[data-v-306d27f6] {
    margin: 20px 10px
}

.reference_drawer .header[data-v-306d27f6] {
    display: flex;
    justify-content: space-between;
    align-items: center!important;
    padding: 25px 0 25px 0;
    margin-top: 0
}

.reference_drawer .header .title[data-v-306d27f6] {
    font-size: 18px;
    line-height: 21px;
    color: #333;
    font-weight: 700
}

.custom_drawer .el-textarea[data-v-306d27f6] textarea.el-textarea__inner {
    font-size: 16px;
    line-height: 1.8;
    border: none;
    outline: none;
    padding: 0;
    --el-input-background-color: #f8f6f4
}

.custom_drawer .submit[data-v-306d27f6] {
    width: calc(100% - 80px);
    margin-top: 30px;
    margin-bottom: 30px
}

.post .post_detail_drawer .header[data-v-306d27f6] {
    display: flex;
    align-items: unset;
    justify-content: space-between;
    padding: 0 10px
}

.post .post_detail_drawer .header .close[data-v-306d27f6] {
    width: 14px;
    height: 14px
}

.comment[data-v-306d27f6] {
    margin-top: 30px
}

.comment[data-v-306d27f6] .el-textarea__inner {
    padding: 10px!important
}

.comment_header[data-v-306d27f6] {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative
}

.comment .comment_header_info[data-v-306d27f6] {
    display: flex;
    flex-direction: column;
    margin-left: 10px
}

.comment .avatar[data-v-306d27f6] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    margin-bottom: 2px
}

.comment .comment_header .name[data-v-306d27f6] {
    font-size: 16px;
    line-height: 16px;
    color: #acabae;
    align-items: center;
    display: flex
}

.comment .comment_header .label[data-v-306d27f6] {
    width: 16px;
    height: 16px;
    margin-left: 5px
}

.comment .comment_header .date[data-v-306d27f6] {
    font-size: 12px;
    line-height: 12px;
    margin-top: 9px;
    color: #ababae
}

.comment_header .dropdown[data-v-306d27f6] {
    position: absolute;
    right: 0;
    top: 3px
}

.comment_content[data-v-306d27f6] {
    font-size: 16px;
    line-height: 1.8;
    color: #333;
    margin-top: 20px
}

.replys[data-v-306d27f6] {
    margin-top: 13px
}

.reply[data-v-306d27f6] {
    background: #e9e9e9;
    display: flex;
    flex-direction: row;
    position: relative
}

.reply .avatar[data-v-306d27f6] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-left: 14px;
    margin-top: 19px
}

.reply .reply_content[data-v-306d27f6] {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
    margin-top: 0;
    font-size: 16px;
    line-height: 1.8;
    color: #333;
    width: 100%
}

.reply .first[data-v-306d27f6] {
    margin-top: 15px
}

.reply .reply_content .name[data-v-306d27f6] {
    font-weight: 400;
    color: #acabae;
    display: flex;
    align-items: center
}

.reply .label[data-v-306d27f6] {
    width: 16px;
    height: 16px;
    margin-left: 5px
}

.reply .reply_content .date[data-v-306d27f6] {
    font-size: 14px;
    line-height: 16px;
    margin-top: 7px;
    color: #ababae
}

.reply .reply_header[data-v-306d27f6] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.reply .text[data-v-306d27f6] {
    margin-top: 4px
}

.drawer_header[data-v-306d27f6] {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.drawer_divider[data-v-306d27f6] {
    border-bottom: 3px solid #333
}

.hide[data-v-306d27f6] {
    display: none
}

.element[data-v-306d27f6]::-webkit-scrollbar {
    display: none
}

aside[data-v-306d27f6]::-webkit-scrollbar {
    width: 0!important;
    height: 0!important
}

[data-v-306d27f6]::-webkit-scrollbar {
    width: 0!important;
    height: 0!important;
    background-color: hsla(0,0%,94.1%,0)
}

.footer[data-v-306d27f6] {
    height: 70px
}

[data-v-306d27f6] .custom_drawer {
    width: 100%;
    position: absolute;
    overflow: auto;
    height: 100%
}

.post_detail_drawer .title[data-v-306d27f6] {
    font-size: 18px;
    line-height: 21px;
    color: #333;
    margin-top: 6px;
    margin-bottom: 30px
}

.post_detail_drawer .close[data-v-306d27f6] {
    margin-top: 9.5px;
    width: 14px;
    height: 14px
}

.post_detail_drawer .divider[data-v-306d27f6] {
    border-bottom: 3px solid #333;
    margin: 0 10px
}

.custom_drawer .divider[data-v-306d27f6] {
    border-bottom: 3px solid #333;
    margin: 0 0
}

.custom_drawer .divider_thin[data-v-306d27f6] {
    border-bottom: 1px solid #e9e9e9;
    margin: 0 0
}

.reference_drawer .reference_papers[data-v-306d27f6] {
    margin-bottom: 20px;
    max-height: 60vh;
    overflow-y: auto
}

.reference_drawer .reference_papers .reference_paper[data-v-306d27f6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
    border-bottom: 1px solid #e9e9e9
}

.reference_drawer .reference_papers .reference_paper .info[data-v-306d27f6] {
    display: flex;
    align-items: center
}

.reference_drawer .reference_papers .reference_paper .avatar[data-v-306d27f6] {
    width: 24px;
    height: 24px;
    border-radius: 50%
}

.reference_drawer .reference_papers .reference_paper .name[data-v-306d27f6] {
    font-size: 18px;
    margin-left: 10px;
    max-width: calc(100vw - 100px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.reference_drawer .paper_info[data-v-306d27f6] {
    font-weight: 400;
    font-size: 15px;
    color: #acabae;
    margin-left: 34px
}

.reference_drawer .footer[data-v-306d27f6] {
    height: 180px
}

.paper_card[data-v-306d27f6] {
    border: 1px solid #e9e9e9;
    box-sizing: border-box;
    padding: 15px 20px;
    margin-top: 30px;
    align-items: center;
    position: relative;
    display: flex;
    border-radius: 6px;
    cursor: pointer
}

.paper_card .card_paper_name[data-v-306d27f6] {
    font-size: 18px;
    line-height: 21px;
    color: #333;
    font-weight: 800
}

.paper_card .card_info[data-v-306d27f6] {
    font-size: 14px;
    line-height: 20px;
    color: #acacac;
    margin-top: 4px
}

.paper_card .icon_arrow[data-v-306d27f6] {
    width: 7.41px;
    height: 12px;
    position: absolute;
    right: 17px
}

#bottom_fixed[data-v-306d27f6] {
    position: relative;
    margin-top: 16px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #e5e5e5;
    padding: 20px 0;
    text-align: center;
    background: #f8f6f4
}

#bottom_fixed span[data-v-306d27f6] {
    font-size: 14px;
    margin-bottom: 16px;
    display: block
}

#bottom_fixed a.btn[data-v-306d27f6] {
    width: 70%
}

.plans[data-v-306d27f6] {
    margin-bottom: 20px
}

.plans .plan[data-v-306d27f6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px
}

.plans .plan .price[data-v-306d27f6] {
    font-weight: 600
}

.plans .plan .price .num[data-v-306d27f6] {
    font-size: 32px;
    font-weight: 700;
    color: #b14b43
}

.comment_content[data-v-306d27f6] a,.reply_content[data-v-306d27f6] a {
    color: #b14b43;
    text-decoration: none
}

.post-content img[data-v-306d27f6] {
    animation: imgFadeIn-306d27f6 1s;
    animation-fill-mode: forwards
}

@keyframes imgFadeIn-306d27f6 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.block[data-v-306d27f6] {
    display: block
}

.btn[data-v-306d27f6] {
    margin-top: 10px
}

.cancel[data-v-306d27f6] {
    color: #413e3b
}

.post_detail_drawer .el-drawer__body {
    align-items: center;
    display: flex;
    flex-direction: column
}

.tooltip__component[data-v-c470123c] {
    padding: 5px;
    line-height: 0;
    border-radius: 4px;
    margin: 0 5px;
    cursor: pointer
}

.actived[data-v-c470123c],.tooltip__component[data-v-c470123c]:hover {
    background: #dbdbdb!important
}

.tooltip__body {
    z-index: 10000!important
}

.addLink[data-v-78e54d9a] {
    padding: 20px;
    border-radius: 6px
}

.title[data-v-78e54d9a] {
    font-weight: 600;
    font-size: 15px;
    line-height: 26px;
    color: #413e3b
}

.addLink[data-v-78e54d9a] .el-input__inner {
    background: transparent!important;
    border: 1px solid #e9e9e9!important;
    border-radius: 3px;
    margin: 5px auto!important;
    color: #413e3b!important
}

.footer[data-v-78e54d9a] {
    margin-top: 20px
}

.ok-btn[data-v-78e54d9a] {
    background: #b14b43;
    border-radius: 3px;
    padding: 6px 15px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 15px
}

.cancel-btn[data-v-78e54d9a] {
    color: #acabae;
    display: inline-block;
    margin-left: 15px;
    cursor: pointer;
    font-size: 15px
}

.visibility[data-v-6b7ce61b] {
    content-visibility: auto
}

.bubble-menu[data-v-6b7ce61b] {
    background: rgba(248,246,244,.8);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 6px
}

.bubble-menu .wrapper[data-v-6b7ce61b] {
    display: flex;
    justify-content: space-between;
    border: .5px solid #dbdbdb;
    border-radius: 6px;
    padding: 5px 0
}

.bubble-menu .wrapper span[data-v-6b7ce61b] {
    padding: 5px;
    line-height: 0;
    border-radius: 4px;
    margin: 0 5px;
    cursor: pointer
}

.bubble-menu .wrapper span.actived[data-v-6b7ce61b],.bubble-menu .wrapper span[data-v-6b7ce61b]:hover {
    background: #dbdbdb
}

.bubble-menu .wrapper span[data-v-6b7ce61b]:nth-child(4),.bubble-menu .wrapper span[data-v-6b7ce61b]:nth-child(7) {
    margin: 0
}

.bubble-menu .wrapper span[data-v-6b7ce61b]:nth-child(4):hover,.bubble-menu .wrapper span[data-v-6b7ce61b]:nth-child(7):hover {
    background: transparent
}

.bubbleMenu-link {
    background: rgba(248,246,244,.8)!important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.el-textarea[data-v-c3e9d3b2] {
    margin: 20px 0
}

.el-textarea[data-v-c3e9d3b2] textarea.el-textarea__inner {
    font-size: 16px;
    line-height: 1.8;
    border: none;
    outline: none;
    padding: 0;
    --el-input-background-color: #f8f6f4
}

.form[data-v-c3e9d3b2] {
    width: 100%;
    max-width: 600px;
    position: absolute;
    overflow: auto;
    height: 100%
}

.footer[data-v-c3e9d3b2] {
    position: fixed;
    top: 0;
    width: 90%;
    z-index: 888;
    max-width: 560px;
    background: #f8f6f4
}

.topbar__action svg[data-v-c3e9d3b2] {
    margin: 0 10px
}

.topbar[data-v-c3e9d3b2] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px;
    align-items: center;
    background: #f3f1ef;
    position: sticky;
    top: 0
}

[data-v-c3e9d3b2] .el-upload-list__item-thumbnail {
    -o-object-fit: cover;
    object-fit: cover
}

.image-actions[data-v-c3e9d3b2] {
    width: 100%;
    height: 100%
}

.image-actions .image-delete[data-v-c3e9d3b2] {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 0;
    top: 0
}

.preview[data-v-c3e9d3b2] {
    width: 100%
}

.header[data-v-c3e9d3b2] {
    padding: 17px 0;
    border-bottom: 5px solid #333;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.header .title[data-v-c3e9d3b2] {
    color: #333;
    font-size: 18px;
    line-height: 21px
}

.custom_drawer .divider[data-v-c3e9d3b2] {
    border-bottom: 3px solid #333;
    margin: 0 20px;
    width: calc(100% - 40px)
}

.custom_drawer .content[data-v-c3e9d3b2] {
    padding: 0 20px;
    width: 100%
}

.custom_drawer .content .inline[data-v-c3e9d3b2] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    min-height: 77px;
    align-items: center;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px
}

.custom_drawer .content[data-v-c3e9d3b2] .tagify {
    margin-right: 80px;
    border: 0 solid #fff;
    border-radius: 0;
    overflow: hidden;
    width: calc(100% - 80px)
}

.custom_drawer .content .tag_input[data-v-c3e9d3b2] {
    border: 0 solid #fff;
    border-radius: 0;
    background: #f8f6f4!important;
    color: #333
}

.custom_drawer .content .submit[data-v-c3e9d3b2] {
    float: right;
    right: 0;
    width: 40px;
    position: absolute
}

.custom_drawer .content a.btn[data-v-c3e9d3b2]:active {
    top: auto
}

.custom_drawer .content .paper_tags[data-v-c3e9d3b2] {
    margin-bottom: 120px;
    overflow: auto
}

.limit[data-v-c3e9d3b2] {
    max-height: 220px
}

.custom_drawer .content .divider_thin[data-v-c3e9d3b2] {
    margin: 0
}

[data-v-c3e9d3b2] .tagify__tag {
    background: #fffdfc;
    --tag-bg: #fffdfc;
    font-size: 15px;
    line-height: 21px;
    color: #acabae;
    --tag-text-color: #acabae;
    --tag-remove-btn-color: #acabae;
    margin: 5px 10px 5px 0;
    --tag-hover: #fffdfc
}

[data-v-c3e9d3b2] .tagify__tag>div {
    padding: 7px 14px
}

[data-v-c3e9d3b2] .tagify__input:before {
    line-height: 21px
}

.tags[data-v-c3e9d3b2] {
    margin: 17px 0;
    overflow: auto;
    height: 40px;
    align-items: center;
    display: flex;
    white-space: nowrap
}

.tag[data-v-c3e9d3b2] {
    padding: 7px 12px;
    font-size: 15px;
    line-height: 21px;
    color: #acabae;
    background: #fffdfc;
    margin-right: 10px
}

.paper_tags[data-v-c3e9d3b2] {
    margin-top: 17px;
    display: flex;
    flex-flow: row wrap
}

.paper_tags .tag[data-v-c3e9d3b2] {
    margin-bottom: 10px
}

.paper_tags .selected[data-v-c3e9d3b2] {
    background: #e9e9e9
}

.space[data-v-c3e9d3b2] {
    height: 175px
}

.hide[data-v-c3e9d3b2] {
    display: none
}

.element[data-v-c3e9d3b2]::-webkit-scrollbar {
    display: none
}

aside[data-v-c3e9d3b2]::-webkit-scrollbar {
    width: 0!important;
    height: 0!important
}

[data-v-c3e9d3b2]::-webkit-scrollbar {
    width: 0!important;
    height: 0!important;
    background-color: hsla(0,0%,94.1%,0)
}

.el-overlay {
    overflow: hidden!important
}

.editor_drawer .el-drawer__body {
    align-items: center;
    display: flex;
    flex-direction: column
}

.m-editor {
    padding: 0 10px
}

.m-editor .el-input__inner {
    border: none;
    padding: 0!important;
    background: #f8f6f4!important;
    color: #333;
    font-size: 16px
}

.m-editor .el-input__inner::-moz-placeholder {
    font-size: 18px
}

.m-editor .el-input__inner::placeholder {
    font-size: 18px
}

.el-textarea__inner::-moz-placeholder,.m-editor .el-input__inner::-moz-placeholder {
    color: #acabae!important
}

.el-textarea__inner::placeholder,.m-editor .el-input__inner::placeholder {
    color: #acabae!important
}

.btn-text {
    color: #acabae!important
}

.ProseMirror {
    overflow-y: auto;
    min-height: 20vh;
    line-height: 180%;
    padding: 20px 0;
    max-height: calc(100vh - 160px)
}

.ProseMirror p.is-editor-empty:first-child:before {
    content: attr(data-placeholder);
    float: left;
    color: #adb5bd;
    pointer-events: none;
    height: 0
}

.ProseMirror:focus {
    outline: none
}

.ProseMirror p {
    color: #333
}

.ProseMirror .ProseMirror-selectednode {
    box-shadow: 0 0 0 2px #6e79d6
}

.addLinkDialog {
    border-radius: 5px
}

.addLinkDialog .el-dialog__header {
    display: none
}

.addLinkDialog .el-dialog__body {
    padding: 0
}

.post[data-v-927ed2ae] {
    font-size: 16px;
    line-height: 26px;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0 20px
}

.post .header[data-v-927ed2ae] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.paper-list .header[data-v-927ed2ae] {
    margin-top: 10px;
    margin-bottom: 15px
}

.post .header .user[data-v-927ed2ae] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.post .header .user .info[data-v-927ed2ae] {
    margin-left: 10px
}

.post .header .user .avatar[data-v-927ed2ae] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    margin-right: 5px
}

.post .header.subscribePost[data-v-927ed2ae] {
    cursor: pointer
}

.post .header.subscribePost .user .avatar[data-v-927ed2ae] {
    width: 14px;
    height: 14px;
    border-radius: unset
}

.post .header.subscribePost .user span[data-v-927ed2ae] {
    font-size: 12px;
    color: #64a1bc;
    line-height: 16.8px;
    font-weight: 700
}

.post .header.subscribePost .info[data-v-927ed2ae] {
    font-size: 12px;
    color: #ababae
}

.paper-list .header .user .avatar[data-v-927ed2ae] {
    width: 20px;
    height: 20px
}

.post .header .user .name_container[data-v-927ed2ae] {
    display: flex;
    align-items: center
}

.post .header .user .name[data-v-927ed2ae] {
    font-weight: 900;
    font-size: 15px;
    line-height: 18px
}

.post .header .user .free_label[data-v-927ed2ae],.post .header .user .pin_label[data-v-927ed2ae] {
    color: #fff;
    background: #b14b43;
    font-size: 12px;
    padding: 0 4px;
    margin-left: 10px;
    line-height: 17px;
    border-radius: 2px
}

.post .header .user .free_label[data-v-927ed2ae] {
    background: #64a1bc
}

.post .header .user .date[data-v-927ed2ae] {
    font-size: 12px;
    line-height: 13px;
    margin-top: 3px;
    color: #ababae
}

.paper-list .header .user .date[data-v-927ed2ae] {
    margin-left: 5px
}

.post .header .more[data-v-927ed2ae] {
    cursor: pointer
}

.post .title[data-v-927ed2ae] {
    font-size: 22px
}

.post .content[data-v-927ed2ae] {
    margin: 0;
    color: #333
}

.post .content strong[data-v-927ed2ae] {
    color: #222
}

.post .content[data-v-927ed2ae] a {
    color: #b14b43;
    text-decoration: none
}

.post .thumbnail[data-v-927ed2ae] {
    width: min(197px,calc(33.33333vw - 16px));
    height: min(197px,calc(33.33333vw - 16px));
    margin: 0 4px 4px 0;
    -o-object-fit: cover;
    object-fit: cover
}

.post .thumbnail[data-v-927ed2ae]:nth-of-type(3n) {
    margin-right: 0
}

.post .files[data-v-927ed2ae] {
    display: flex;
    flex-wrap: wrap;
    margin-top: 4px
}

.post_tag[data-v-927ed2ae] {
    font-size: 15px;
    line-height: 21px;
    color: #64a1bc;
    cursor: pointer
}

.post .tags[data-v-927ed2ae] {
    margin-top: 5px;
    max-width: calc(100% - 60px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #64a1bc
}

.post .actions[data-v-927ed2ae] {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    position: relative;
    padding-bottom: 18px;
    align-items: center
}

.post .actions .comment[data-v-927ed2ae] {
    font-size: 14px;
    line-height: 20px;
    color: #acabae;
    position: absolute;
    right: 0
}

.post .read_more[data-v-927ed2ae] {
    font-size: 15px;
    line-height: 21px;
    color: #64a1bc
}

.wrap[data-v-927ed2ae] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 1 auto;
    margin-top: 10px;
    position: relative
}

.wrap .title[data-v-927ed2ae] {
    cursor: pointer;
    margin: 0 auto
}

.wrap:hover .title[data-v-927ed2ae] {
    color: #b14b43
}

.wrap .el-image[data-v-927ed2ae] {
    width: 130px;
    height: 130px;
    border-radius: 6px;
    margin-left: 20px;
    cursor: pointer
}

@media screen and (max-width: 600px) {
    .wrap .el-image[data-v-927ed2ae] {
        width:100px;
        height: 100px;
        border-radius: 6px;
        margin-left: 20px;
        cursor: pointer
    }

    .wrap .title[data-v-927ed2ae] {
        font-size: 18px
    }
}

.paper-list .content[data-v-927ed2ae] {
    font-size: 14px;
    color: #9d9d9d;
    margin-top: 5px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.stat[data-v-927ed2ae] {
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: #acabae;
    margin-top: 15px
}

.empty-box[data-v-927ed2ae] {
    height: 8px;
    display: block
}

.success {
    animation: fadein 1s;
    -moz-animation: fadein 1s;
    -webkit-animation: fadein 1s;
    -o-animation: fadein 1s
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.keyword {
    color: var(--theme-color);
    font-weight: 600
}

.paperStyle[data-v-431a61f7] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 17px;
    margin-top: 20px
}

.category[data-v-431a61f7] {
    display: flex
}

.category div[data-v-431a61f7] {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #ababae;
    cursor: pointer;
    padding: 17px 0
}

.category .active[data-v-431a61f7] {
    color: #333;
    border-bottom: 1px solid #b14b43;
    font-weight: 700
}

.category div[data-v-431a61f7]:nth-child(2) {
    margin: 0 28px
}

.text[data-v-431a61f7],.title[data-v-431a61f7] {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #333;
    padding: 17px 0
}

.hasTag .text[data-v-431a61f7],.hasTag .title[data-v-431a61f7] {
    padding-top: 0
}

.title[data-v-431a61f7] {
    border-bottom: 1px solid #b14b43
}

.text[data-v-431a61f7] {
    color: #ababae;
    cursor: pointer
}

.text span[data-v-431a61f7] {
    margin-left: 10px
}

.item[data-v-431a61f7] {
    font-size: 14px;
    line-height: 26px;
    text-align: justify;
    color: #9d9a98;
    padding: 6px 15px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
    font-weight: 400
}

.active[data-v-431a61f7] {
    color: #413e3b;
    font-weight: 600
}

.item span[data-v-431a61f7] {
    margin-left: 8px
}

.filterPopover {
    padding: 0!important;
    width: auto!important;
    min-width: unset!important
}

.referText[data-v-4b66941e] {
    font-size: 15px;
    line-height: 24px;
    color: #acabae;
    margin-top: 2px;
    padding: 10px
}

.block[data-v-4b66941e] {
    display: block
}

.btn[data-v-4b66941e] {
    margin-top: 10px
}

.copyUrl[data-v-4b66941e] {
    color: #413e3b
}

.p-10[data-v-4b66941e] {
    padding: 10px
}

.paper .header[data-v-e114abe2] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.paper_info[data-v-e114abe2] {
    margin: 20px 0
}

.paper .header .avatar[data-v-e114abe2] {
    width: 64px;
    height: 64px;
    border-radius: 6px;
    -o-object-fit: cover;
    object-fit: cover
}

.paper .header .stats[data-v-e114abe2] {
    display: flex
}

.paper .header .stats .stat[data-v-e114abe2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 20px
}

.paper .header .stats .stat .num[data-v-e114abe2] {
    font-size: 28px;
    font-weight: 500
}

.paper .header .stats .stat .type[data-v-e114abe2] {
    font-size: 12px;
    opacity: .5
}

.paper .paper_title[data-v-e114abe2] {
    display: flex;
    justify-content: space-between;
    margin-top: 20px
}

.paper .actions[data-v-e114abe2] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.paper .actions .icon_action[data-v-e114abe2] {
    width: 20px;
    margin-left: 14px
}

.paper h1.name[data-v-e114abe2] {
    font-size: 18px;
    line-height: 1;
    margin-top: 0
}

.paper p.intro[data-v-e114abe2] {
    color: #acacac;
    font-size: 14px;
    margin-top: 0
}

.paper_root[data-v-e114abe2] {
    height: calc(100vh - 80px);
    overflow: auto
}

.description[data-v-e114abe2],.posts[data-v-e114abe2] {
    padding-bottom: 122px
}

.description[data-v-e114abe2] {
    overflow: auto
}

.posts[data-v-e114abe2] .post:last-child {
    border-bottom: none
}

.posts .footer[data-v-e114abe2] {
    height: 40px;
    width: 100%;
    margin-bottom: 140px
}

.posts[data-v-e114abe2] .el-loading-mask {
    z-index: 0;
    background-color: transparent
}

#bottom_fixed[data-v-e114abe2] {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #e5e5e5;
    padding: 20px 0;
    text-align: center;
    background: #f8f6f4;
    z-index: 1
}

#bottom_fixed a.btn[data-v-e114abe2] {
    width: 70%;
    border-radius: 6px;
    max-width: 960px
}

.plans[data-v-e114abe2] {
    margin-bottom: 20px
}

.plans .plan[data-v-e114abe2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px
}

.plans .plan .price[data-v-e114abe2] {
    font-weight: 600
}

.plans .plan .price .num[data-v-e114abe2] {
    font-size: 32px;
    font-weight: 700;
    color: #b14b43
}

.preview[data-v-e114abe2] {
    width: 100%
}

.tag-wrap[data-v-e114abe2] {
    position: relative;
    margin: 35px 0
}

.right-arrow[data-v-e114abe2] {
    right: 0
}

.left-arrow[data-v-e114abe2] {
    left: 0
}

.left-arrow[data-v-e114abe2],.right-arrow[data-v-e114abe2] {
    cursor: pointer;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    z-index: 9
}

.tags[data-v-e114abe2] {
    transition: transform .3s ease-in-out;
    white-space: nowrap
}

.tag[data-v-e114abe2] {
    padding: 5px 13px;
    font-size: 14px;
    margin-right: 10px;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    background: #e9e9e9;
    color: #9d9a98;
    border-radius: 4px;
    height: 30px;
    box-sizing: border-box
}

.search[data-v-e114abe2] {
    font-size: unset;
    height: 30px;
    padding: unset;
    width: 36px;
    text-align: center;
    line-height: 1;
    padding-top: 8px;
    box-sizing: border-box;
    border-radius: 6px
}

.all-tag[data-v-e114abe2] {
    padding: 5px 13px
}

.tags .selected[data-v-e114abe2] {
    color: #fff;
    font-weight: 900;
    background: #000
}

.tags .close[data-v-e114abe2] {
    width: 14px;
    height: 14px;
    position: absolute;
    right: 20px;
    cursor: pointer;
    top: 10px
}

.element[data-v-e114abe2]::-webkit-scrollbar {
    display: none
}

aside[data-v-e114abe2]::-webkit-scrollbar {
    width: 0!important;
    height: 0!important
}

[data-v-e114abe2]::-webkit-scrollbar {
    width: 0!important;
    height: 0!important;
    background-color: hsla(0,0%,94.1%,0)
}

.hide[data-v-e114abe2] {
    display: none
}

.paper .divider_thin[data-v-e114abe2] {
    border-bottom: 1px solid #e9e9e9;
    margin: 20px 0
}

.page_footer[data-v-e114abe2] {
    text-align: center;
    color: #acabae;
    margin-top: 30%;
    font-size: 14px
}

.paper .intro[data-v-e114abe2] a {
    color: #b14b43;
    text-decoration: none
}

.expireDay[data-v-e114abe2] {
    font-size: 12px;
    line-height: 17px;
    color: #acabae;
    border-top: 1px solid #e9e9e9!important;
    padding: 10px 0!important
}

.toggleMute[data-v-e114abe2] {
    color: #64a1bc;
    cursor: pointer
}

.searchBox[data-v-e114abe2] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.mobile-search[data-v-e114abe2] {
    margin: 30px 0
}

.searchBox[data-v-e114abe2] .el-input__inner {
    height: 30px;
    line-height: 30px;
    border-radius: 6px;
    background: #e9e9e9;
    border: unset
}

.searchBox[data-v-e114abe2] .el-input__prefix {
    top: 8px;
    left: 11px
}

.searchBox .cancel[data-v-e114abe2] {
    font-size: 14px;
    color: #9d9a98;
    width: 40px;
    text-align: right;
    flex-shrink: 0;
    cursor: pointer
}

.editor_drawer .el-drawer__body {
    padding: 0 0;
    background: #f8f6f4
}

.custom_drawer .el-drawer__body {
    background: #f8f6f4;
    padding: 0 20px
}

.post_detail_drawer .el-drawer__body {
    padding: 0 0;
    background: #f8f6f4
}

.share-dialog {
    max-width: 600px
}

.description img {
    width: 100%;
    height: auto
}

.el-input[data-v-571f30fa] .el-input__inner {
    border: 0 solid #fff;
    border-radius: 0;
    height: 73px;
    padding: 0 0;
    margin: 0 10px;
    font-size: 18px;
    line-height: 21px;
    color: #333;
    font-weight: 400;
    background: transparent
}

.custom_drawer .hint[data-v-571f30fa] {
    font-size: 15px;
    line-height: 21px;
    color: #acabae;
    margin: 18px 10px
}

.custom_drawer .content[data-v-571f30fa] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.desc .inline[data-v-571f30fa] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.desc .send_verify_code[data-v-571f30fa] {
    font-size: 18px;
    line-height: 21px;
    color: #b14b43;
    width: 40%;
    text-align: right;
    margin-right: 10px;
    padding: 0;
    border: unset;
    background: none
}

.desc .send_verify_code[data-v-571f30fa]:disabled {
    color: #acabae
}

.btn-large[data-v-571f30fa] {
    margin-top: 15px
}

.switch[data-v-571f30fa] {
    font-weight: 600;
    font-size: 15px;
    line-height: 180%;
    text-align: center;
    color: #64a1bc;
    margin: 0 auto;
    cursor: pointer
}

.papers[data-v-97d767b6] {
    padding: 0 20px;
    border-radius: 8px 8px 0 0;
    background: #f8f6f4
}

.papers .tab[data-v-97d767b6] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid #e9e9e9
}

.papers .tab .tabItem[data-v-97d767b6] {
    padding: 18px 0;
    margin-right: 28px;
    font-size: 14px;
    color: #ababae;
    cursor: pointer
}

.papers .tab .tabItem.active[data-v-97d767b6] {
    color: #413e3b;
    font-weight: 700;
    border-bottom: 2px solid #b14b43
}

.paper[data-v-97d767b6] {
    padding: 20px 0;
    cursor: pointer
}

.paper .info[data-v-97d767b6] {
    display: flex;
    align-items: center
}

.paper .info .avatar[data-v-97d767b6] {
    width: 44px;
    height: 44px;
    border-radius: 6px;
    margin-right: 10px
}

.paper .info .title[data-v-97d767b6] {
    margin-bottom: 4px;
    display: flex;
    align-items: center
}

.paper .info .title .name[data-v-97d767b6] {
    font-size: 18px;
    font-weight: 700;
    color: #333
}

.paper .info .title .unread[data-v-97d767b6] {
    background: #b14b43;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    margin-left: 6px
}

.paper .info .writer[data-v-97d767b6] {
    font-size: 12px;
    background: #b14b43;
    color: #fff;
    display: inline-block;
    padding: 1px 6px;
    border-radius: 2px
}

.paper .info .time[data-v-97d767b6] {
    font-size: 15px;
    color: #ababae;
    margin-right: 6px
}

.paper .info .timeAndNotice[data-v-97d767b6] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.paper .info .last_posted_at[data-v-97d767b6] {
    font-size: 14px;
    color: #ababae
}

.paper .latest_post[data-v-97d767b6] {
    font-size: 14px;
    color: #ababae;
    background: #fffdfc;
    padding: 14px;
    margin-top: 12px;
    line-height: 1.6;
    border-radius: 6px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.paper .latest_post .title[data-v-97d767b6] {
    color: #333;
    font-weight: 600
}

#bottom_fixed[data-v-97d767b6] {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #e5e5e5;
    padding: 20px 0;
    text-align: center;
    background: #fff
}

#bottom_fixed a.btn[data-v-97d767b6] {
    width: 60%;
    font-size: 14px
}

[data-v-97d767b6] .el-dialog {
    width: 80%
}

.actions[data-v-97d767b6] {
    margin: 0 10px
}

.action .icon_arrow[data-v-97d767b6] {
    width: 7.41px;
    height: 12px;
    margin-left: 20px
}

.actions .action[data-v-97d767b6] {
    font-size: 18px;
    border-bottom: 1px solid #e9e9e9;
    padding: 24px 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.actions .red[data-v-97d767b6] {
    color: #b14b43
}

.reader_helper[data-v-97d767b6] {
    text-align: center;
    margin-top: 20px;
    padding-bottom: 120px;
    font-size: 15px;
    color: #ababae
}

.reader_helper a[data-v-97d767b6] {
    color: #64a1bc;
    text-decoration: none
}

.header[data-v-97d767b6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    padding: 20px;
    background: #ededed
}

.footer[data-v-97d767b6] {
    text-align: center;
    color: #ababae;
    font-size: 12px
}

.footer[data-v-97d767b6]:after {
    content: "";
    display: block;
    height: 20px
}

.header .icon svg[data-v-97d767b6] {
    fill: #333
}

.header .icon .me[data-v-97d767b6] {
    width: 56px;
    height: 67px;
    text-align: center
}

.header .icon .me p[data-v-97d767b6] {
    margin: 7px 4px;
    font-size: 14px
}

.header .icon img[data-v-97d767b6] {
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.top[data-v-97d767b6] {
    padding: 31px 33px;
    background: #ededed;
    border-bottom: 1px solid #e5e5e5
}

.top svg[data-v-97d767b6] {
    fill: #333
}

@media (prefers-color-scheme: dark) {
    .header[data-v-97d767b6],.top[data-v-97d767b6] {
        background:#111;
        border-bottom: 1px solid #ababae
    }

    .header .icon svg[data-v-97d767b6],.top svg[data-v-97d767b6] {
        fill: #ababae
    }

    .me p[data-v-97d767b6] {
        color: #ababae
    }
}

.skeleton[data-v-97d767b6] {
    display: flex
}

.settings .setting {
    font-size: 18px;
    border-bottom: 1px solid #e9e9e9;
    padding: 24px 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.settings .setting span.name {
    font-weight: 500;
    color: #333
}

.settings .setting span.value {
    color: #acacac;
    font-size: 14px
}

.settings .setting span.danger {
    color: #b14b43
}

.settings /deep/ input.el-input__inner {
    background: transparent
}

.settings .divider {
    border-bottom: 3px solid #333
}

.custom_drawer .divider[data-v-6e8138cd] {
    border-bottom: 3px solid #333;
    margin: 0 0
}

.custom_drawer .desc[data-v-6e8138cd] {
    padding: 0
}

.tips[data-v-ab7c84ae] {
    font-size: 14px;
    line-height: 1.6;
    color: #acacac;
    margin-top: 20px
}

.setting .user_icon[data-v-d51bfa0e] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.setting .icon_arrow[data-v-d51bfa0e] {
    width: 7.41px;
    height: 12px;
    margin-left: 20px
}

.setting .content[data-v-d51bfa0e] {
    display: flex;
    flex-direction: row;
    margin-right: 8px;
    align-items: center
}

.setting .content .text[data-v-d51bfa0e] {
    font-size: 18px;
    line-height: 25px;
    color: #acabae
}

.custom_drawer .user_icon_big[data-v-d51bfa0e] {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin-top: 35px;
    -o-object-fit: cover;
    object-fit: cover
}

.custom_drawer .avatar_desc[data-v-d51bfa0e] {
    font-size: 18px;
    line-height: 25px;
    color: #acabae;
    margin-top: 20px;
    margin-bottom: 20px
}

.custom_drawer .content[data-v-d51bfa0e] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.custom_drawer .space[data-v-d51bfa0e] {
    height: 175px
}

.el-input[data-v-d51bfa0e] .el-input__inner {
    height: 73px;
    padding: 0 0;
    font-size: 18px;
    color: #333
}

.el-input[data-v-d51bfa0e] .el-input__inner,.el-textarea[data-v-d51bfa0e] .el-textarea__inner {
    border: 0 solid #fff;
    border-radius: 0;
    margin: 0 10px;
    line-height: 21px;
    font-weight: 400;
    background: transparent
}

.el-textarea[data-v-d51bfa0e] .el-textarea__inner {
    padding: 16px 0;
    font-size: 15px;
    color: #acabae
}

.settings[data-v-d51bfa0e] {
    position: relative
}

.subscriber[data-v-4eac5cfa] {
    display: flex;
    align-items: center;
    height: 80px;
    justify-content: space-between;
    border-bottom: 1px solid #e9e9e9
}

.subscriber .user_infos[data-v-4eac5cfa] {
    display: flex
}

.subscriber .avatar[data-v-4eac5cfa] {
    width: 36px;
    height: 36px;
    border-radius: 50%
}

.subscriber .status[data-v-4eac5cfa] {
    margin-left: 18px
}

.subscriber .status .nickname[data-v-4eac5cfa] {
    font-size: 15px;
    line-height: 18px;
    color: #333
}

.subscriber .status .expired_at[data-v-4eac5cfa] {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #acabae;
    margin-top: 4px
}

.subscriber .status .expired[data-v-4eac5cfa] {
    color: #b14b43
}

.subscriber .channls .icon[data-v-4eac5cfa] {
    width: 18px;
    margin-left: 10px
}

.posts .footer[data-v-4eac5cfa] {
    height: 40px;
    width: 100%
}

.posts[data-v-4eac5cfa] .el-loading-mask {
    z-index: 0;
    background-color: transparent
}

#bottom_fixed[data-v-01383006] {
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 0;
    text-align: center
}

#bottom_fixed a.btn[data-v-01383006] {
    width: 70%
}

.with_draw_success[data-v-01383006] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.success_img[data-v-01383006] {
    width: 85px;
    height: 85px;
    margin-top: 42px
}

.success_tip[data-v-01383006] {
    margin-top: 20px;
    font-size: 24px;
    color: #b14b43
}

.extra[data-v-01383006] {
    font-size: 15px;
    line-height: 1.6;
    text-align: center;
    color: #acabae;
    margin-top: 28px
}

.extra .help_link[data-v-01383006] {
    color: #64a1bc;
    text-decoration: none
}

.back[data-v-01383006] {
    background: #b14b43
}

.wallet .total[data-v-1b9f29fb] {
    display: flex;
    flex-direction: column
}

.wallet .total .num[data-v-1b9f29fb] {
    margin: 0 auto;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 33px;
    color: #333;
    margin-top: 26px
}

.wallet .total .desc[data-v-1b9f29fb] {
    margin: 0 auto;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: #333;
    opacity: .5;
    align-items: flex-start;
    display: flex;
    margin-top: 8px;
    margin-bottom: 30px;
    justify-content: center
}

.wallet .help[data-v-1b9f29fb] {
    width: 12px;
    height: 12px;
    align-items: center
}

.wallet .freeze_num[data-v-1b9f29fb] {
    display: flex;
    align-items: center
}

.wallet .detail[data-v-1b9f29fb],.wallet_divider[data-v-1b9f29fb] {
    border-bottom: 1px solid #e9e9e9;
    padding: 24px 0
}

.wallet .detail[data-v-1b9f29fb] {
    display: flex;
    justify-content: space-between;
    font-size: 18px
}

.wallet .name[data-v-1b9f29fb] {
    align-items: center
}

#bottom_fixed[data-v-1b9f29fb] {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #e5e5e5;
    padding: 20px 0;
    text-align: center;
    background: #fff
}

#bottom_fixed a.btn[data-v-1b9f29fb] {
    width: 70%
}

.wallet .icon_arrow[data-v-1b9f29fb] {
    width: 7.41px;
    height: 12px;
    margin-left: 20px
}

.form .item[data-v-1b9f29fb] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.form .input[data-v-1b9f29fb] {
    max-width: 200px
}

.custom_drawer .divider[data-v-1b9f29fb] {
    margin: 0
}

.form[data-v-1b9f29fb] {
    position: relative;
    width: 100%
}

.form .red[data-v-1b9f29fb] {
    color: #b14b43
}

.form .item[data-v-1b9f29fb] {
    border-bottom: 1px solid #e9e9e9
}

.form[data-v-1b9f29fb] input.el-input__inner {
    border: 0 solid #fff;
    border-radius: 0;
    height: 75px;
    padding: 0 0;
    margin: 0 0;
    font-size: 18px;
    line-height: 21px;
    font-weight: 400;
    background: transparent;
    text-align: right
}

.form .submit[data-v-1b9f29fb] {
    width: calc(100% - 80px);
    margin-bottom: 20px
}

.form .tips[data-v-1b9f29fb] {
    margin-top: 19px;
    color: #acabae;
    font-size: 15px;
    margin-bottom: 18px
}

.yzh[data-v-1b9f29fb] {
    display: flex;
    align-items: center
}

.yzh svg[data-v-1b9f29fb] {
    margin-right: 12px
}

.form .confirm_tips[data-v-1b9f29fb] {
    margin-top: 21px;
    color: #acabae;
    font-size: 15px;
    margin-bottom: 55px
}

.form .help_link[data-v-1b9f29fb] {
    color: #64a1bc;
    text-decoration: none
}

.form .confirm_info[data-v-1b9f29fb] {
    margin-top: 25px;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 28px
}

.form .confirm_divider[data-v-1b9f29fb] {
    margin-top: 29px
}

.form .divider_thin[data-v-1b9f29fb] {
    margin-left: 0;
    margin-right: 0
}

.form .item[data-v-1b9f29fb] {
    font-size: 16px
}

.disable[data-v-1b9f29fb] {
    color: #acacac
}

.disable_submit[data-v-1b9f29fb] {
    background: #acabae
}

.withdraw_tips[data-v-1b9f29fb] {
    color: #acabae;
    font-size: 15px;
    line-height: 1.5;
    margin-top: 28px
}

[data-v-1b9f29fb] .el-button {
    font-size: 18px;
    padding-left: 0
}

.el-button[data-v-1b9f29fb]:hover,[data-v-1b9f29fb] .el-button,[data-v-1b9f29fb] .el-button:focus {
    background: transparent;
    border: 0;
    color: #333
}

[data-v-1b9f29fb] .el-input.is-disabled .el-input__inner {
    color: #acacac;
    -webkit-text-fill-color: #acacac
}

.submitBtn[data-v-1b9f29fb] {
    width: 100%;
    box-sizing: border-box;
    font-size: 18px;
    padding: 10px 40px;
    margin-bottom: 20px;
    border-radius: 6px
}

.el-button[data-v-1b9f29fb]:focus,.el-button[data-v-3ddde9b5][data-v-1b9f29fb]:hover,.submitBtn[data-v-1b9f29fb] {
    background: #b14b43;
    color: #fff
}

.disabled[data-v-1b9f29fb] {
    cursor: not-allowed;
    pointer-events: none
}

.wallet-popover .el-popper__arrow {
    display: none
}

.embody .el-form-item__label {
    text-align: left;
    font-size: 16px;
    line-height: 75px
}

.embody .el-form-item {
    border-bottom: 1px solid #e9e9e9
}

.embody .el-form-item__error {
    right: 0;
    left: unset;
    margin: 4px 0
}

.history[data-v-0342eafb] {
    display: flex;
    align-items: center;
    height: 80px;
    justify-content: space-between;
    border-bottom: 1px solid #e9e9e9
}

.history .info[data-v-0342eafb] {
    display: flex
}

.history .balance[data-v-0342eafb] {
    flex-shrink: 0
}

.history .status .comment[data-v-0342eafb] {
    font-size: 15px;
    line-height: 18px;
    color: #333
}

.history .status .created_at[data-v-0342eafb] {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #acabae;
    margin-top: 4px
}

.history .status .channls[data-v-0342eafb] {
    width: 18px
}

.setting .paper_icon[data-v-2c2bb564] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.setting .icon_arrow[data-v-2c2bb564] {
    width: 7.41px;
    height: 12px;
    margin-left: 20px
}

.setting .content[data-v-2c2bb564] {
    display: flex;
    flex-direction: row;
    margin-right: 8px;
    align-items: center
}

.setting .content .text[data-v-2c2bb564] {
    font-size: 18px;
    line-height: 25px;
    color: #acabae
}

.custom_drawer .desc[data-v-2c2bb564] {
    padding: 0
}

.custom_drawer .paper_icon_big[data-v-2c2bb564] {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin-top: 35px;
    -o-object-fit: cover;
    object-fit: cover
}

.custom_drawer .avatar_desc[data-v-2c2bb564] {
    font-size: 18px;
    line-height: 25px;
    color: #acabae;
    margin-top: 20px;
    margin-bottom: 20px
}

.custom_drawer .content[data-v-2c2bb564] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.custom_drawer .space[data-v-2c2bb564] {
    height: 175px
}

.el-input[data-v-2c2bb564] .el-input__inner {
    height: 73px;
    padding: 0 0;
    font-size: 18px;
    color: #333
}

.el-input[data-v-2c2bb564] .el-input__inner,.el-textarea[data-v-2c2bb564] .el-textarea__inner {
    border: 0 solid #fff;
    border-radius: 0;
    margin: 0 10px;
    line-height: 21px;
    font-weight: 400;
    background: transparent
}

.el-textarea[data-v-2c2bb564] .el-textarea__inner {
    padding: 16px 0;
    font-size: 15px;
    color: #acabae
}

.settings[data-v-2c2bb564] {
    position: relative
}

.help[data-v-2c2bb564] {
    margin-top: 30px;
    font-size: 12px;
    line-height: 17px;
    color: #ababae;
    text-align: center
}

.help_link[data-v-2c2bb564] {
    color: #64a1bc;
    text-decoration: none;
    width: 100%;
    text-align: center
}

.el-dropdown-link[data-v-2c2bb564] {
    background: #fff;
    border-radius: 2px;
    color: #333;
    font-size: 15px;
    padding: 7px 14px;
    border: 1px solid #e9e9e9
}

.icon_arrow_down[data-v-2c2bb564] {
    margin-left: 20px
}

.footer[data-v-2c2bb564] {
    height: 120px
}

.tag[data-v-6454cc28] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 77px;
    align-items: center;
    position: relative
}

.tag .name[data-v-6454cc28] {
    font-size: 18px;
    line-height: 21px;
    color: #333
}

.tag .count[data-v-6454cc28] {
    font-size: 12px;
    color: #acabae;
    margin-left: 8px
}

.tag .actions[data-v-6454cc28] {
    font-size: 18px;
    line-height: 21px;
    color: #acabae
}

.tag .divider_thin[data-v-6454cc28] {
    border-bottom: 1px solid #e9e9e9;
    position: absolute;
    width: 100%;
    bottom: 0
}

.action[data-v-6454cc28] {
    cursor: pointer
}

.setting .paper_icon[data-v-0b70aea4] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.setting .icon_arrow[data-v-0b70aea4] {
    width: 7.41px;
    height: 12px;
    margin-left: 20px
}

.setting .content[data-v-0b70aea4] {
    display: flex;
    flex-direction: row;
    margin-right: 8px;
    align-items: center
}

.setting .content .text[data-v-0b70aea4] {
    font-size: 18px;
    line-height: 25px;
    color: #333
}

.setting .content .unset[data-v-0b70aea4] {
    color: #acabae
}

.price_tip[data-v-0b70aea4] {
    font-size: 15px;
    line-height: 24px;
    color: #acabae;
    font-weight: 400;
    margin-top: 21px
}

.price_tip a[data-v-0b70aea4] {
    text-decoration: unset;
    color: #37abd1
}

.custom_drawer .paper_icon_big[data-v-0b70aea4] {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin-top: 35px;
    -o-object-fit: cover;
    object-fit: cover
}

.custom_drawer .avatar_desc[data-v-0b70aea4] {
    font-size: 18px;
    line-height: 25px;
    color: #acabae;
    margin-top: 20px;
    margin-bottom: 20px
}

.custom_drawer .content[data-v-0b70aea4] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.custom_drawer .desc[data-v-0b70aea4] {
    padding: 0
}

.custom_drawer .drawer_tip[data-v-0b70aea4] {
    font-size: 15px;
    line-height: 24px;
    color: #acabae;
    font-weight: 400;
    margin-top: 27px
}

.custom_drawer .divider_thin[data-v-0b70aea4] {
    border-bottom: 1px solid #e9e9e9;
    margin: 0 0
}

.el-input[data-v-0b70aea4] .el-input__inner {
    border: 0 solid #fff;
    border-radius: 0;
    height: 73px;
    padding: 0 0;
    margin: 0 0;
    font-size: 18px;
    line-height: 21px;
    color: #333;
    font-weight: 400;
    background: transparent
}

.el-textarea[data-v-0b70aea4] .el-textarea__inner {
    border: 0 solid #fff;
    border-radius: 0;
    padding: 16px 0;
    margin: 0 10px;
    font-size: 15px;
    line-height: 21px;
    color: #acabae;
    font-weight: 400;
    background: transparent
}

.custom_drawer .divider[data-v-0b70aea4] {
    border-bottom: 3px solid #333;
    margin: 0 0
}

.drawer_body[data-v-0b70aea4] {
    padding: 0 5px
}

.el-input-number.is-without-controls[data-v-0b70aea4] .el-input__inner {
    padding: 0;
    border: 0;
    background: transparent;
    text-align: left;
    font-size: 18px;
    color: #333;
    height: 80px
}

.create_paper[data-v-af700cd2] {
    width: 100%;
    max-width: 600px
}

.header[data-v-af700cd2] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 19px 0;
    border-bottom: 5px solid #333
}

.header div[data-v-af700cd2] {
    margin-left: 13px;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    color: #333
}

.header_divider[data-v-af700cd2] {
    border-bottom: 1px solid #333;
    border-top: 3px solid #333;
    height: 6px;
    width: 100%;
    margin-top: 29px
}

.form .item[data-v-af700cd2] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.form .input[data-v-af700cd2] {
    max-width: 200px;
    --el-input-placeholder-color: #acabae;
    --el-input-font-color: #333
}

.form[data-v-af700cd2] {
    position: relative;
    width: 100%
}

.form .red[data-v-af700cd2] {
    color: #b14b43
}

.form .item[data-v-af700cd2] {
    border-bottom: 1px solid #e9e9e9;
    font-size: 18px;
    color: #acabae
}

.form .item .name[data-v-af700cd2] {
    color: #333
}

.form[data-v-af700cd2] input.el-input__inner {
    border: 0 solid #fff;
    border-radius: 0;
    height: 75px;
    padding: 0 0;
    margin: 0 0;
    font-size: 18px;
    line-height: 21px;
    font-weight: 400;
    background: transparent;
    text-align: right
}

.submit[data-v-af700cd2] {
    width: calc(100% - 80px);
    margin-top: 42px;
    border-radius: 6px
}

.form .tips[data-v-af700cd2] {
    margin-top: 19px;
    color: #acabae;
    font-size: 15px;
    margin-bottom: 18px
}

.form .protocol a[data-v-af700cd2],.form .protocol p[data-v-af700cd2] {
    color: #acabae;
    font-size: 15px!important
}

.form .disable[data-v-af700cd2] {
    background: #acacac
}

#bottom_fixed[data-v-af700cd2] {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 0;
    text-align: center
}

#bottom_fixed a.btn[data-v-af700cd2] {
    width: 70%;
    border-radius: 6px
}

.success_page[data-v-af700cd2] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.success_img[data-v-af700cd2] {
    width: 85px;
    height: 85px;
    margin-top: 77px
}

.success_tip[data-v-af700cd2] {
    margin-top: 36px;
    font-size: 24px;
    color: #b14b43
}

.extra[data-v-af700cd2] {
    font-size: 15px;
    line-height: 1.6;
    text-align: center;
    color: #acabae;
    margin-top: 45px
}

.search[data-v-6bd6e86e] {
    padding-bottom: 20px
}

.search-input[data-v-6bd6e86e] {
    display: flex;
    align-content: space-between;
    justify-content: space-between;
    align-items: center;
    border-bottom: 4px solid #333;
    padding: 16px 0
}

.search-input .el-input[data-v-6bd6e86e] {
    width: 85%;
    background: #e9e9e9;
    border-radius: 4px
}

[data-v-6bd6e86e] .el-input-group__prepend,[data-v-6bd6e86e] .el-input__inner {
    background-color: #e9e9e9;
    border: unset;
    padding: 0 12px
}

[data-v-6bd6e86e] .el-input__inner {
    padding: 0
}

.cancel[data-v-6bd6e86e] {
    color: #acabae
}

.paper[data-v-6bd6e86e] {
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    padding: 17px 0;
    border-bottom: 1px solid #e9e9e9;
    box-sizing: border-box;
    border-radius: 4px
}

.paper[data-v-6bd6e86e]:last-child {
    border-bottom: unset
}

.info[data-v-6bd6e86e] {
    margin-left: 16px
}

.info .title[data-v-6bd6e86e] {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #333
}

.info .title span[data-v-6bd6e86e] {
    color: #64a1bc!important
}

.info .data[data-v-6bd6e86e] {
    font-size: 15px;
    line-height: 21px;
    color: #ababae;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 290px
}

.logo img[data-v-6bd6e86e] {
    width: 44px;
    height: 44px;
    border-radius: 44px
}

.subscriber[data-v-6bd6e86e] {
    margin-left: 5px
}

.empty[data-v-6bd6e86e] {
    text-align: center;
    color: #acacac;
    padding: 30vh 0
}

.searchPage[data-v-0757a4d6] {
    padding: 20px 0
}

.searchDom[data-v-0757a4d6] {
    height: 44px;
    line-height: 44px;
    background: #e9e9e9;
    border-radius: 4px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: #9d9d9d;
    cursor: pointer;
    margin: 20px 0
}

.content[data-v-0757a4d6] {
    text-align: center
}

.content img[data-v-0757a4d6] {
    width: 191px;
    height: 189px;
    margin: 0 auto;
    margin-top: 58px
}

.content svg[data-v-0757a4d6] {
    margin-top: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.header[data-v-0757a4d6] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 19px 0;
    border-bottom: 5px solid #333
}

.header div[data-v-0757a4d6] {
    margin-left: 13px;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    color: #333
}

.item[data-v-3d9ba1aa] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: #fffdfc;
    border-radius: 4px;
    padding: 18px;
    margin: 20px 0;
    position: relative
}

.text[data-v-3d9ba1aa] {
    margin-left: 15.5px;
    padding: 0 10px
}

.title[data-v-3d9ba1aa] {
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    color: #333
}

.description[data-v-3d9ba1aa] {
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    color: #ababae;
    margin-top: 3px
}

.arrow[data-v-3d9ba1aa] {
    position: absolute;
    right: 18px
}

.invitation[data-v-39cfd0e6] {
    text-align: center;
    padding-top: 25px
}

.invitation p[data-v-39cfd0e6] {
    padding: 0;
    margin: 0
}

.invitation .logo[data-v-39cfd0e6] {
    width: 64px;
    height: 64px;
    border-radius: 6px
}

.invitation .desc[data-v-39cfd0e6] {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #000;
    margin: 20px 0
}

.invitation .block[data-v-39cfd0e6] {
    display: block
}

.invitation .price[data-v-39cfd0e6] {
    margin-bottom: 20px
}

.invitation .price .number[data-v-39cfd0e6] {
    font-weight: 700;
    font-size: 28px;
    line-height: 28px;
    color: #b14b43
}

.invitation .price .text[data-v-39cfd0e6] {
    font-size: 14px;
    color: #413e3b;
    margin-left: 5px
}

.invitation .used[data-v-39cfd0e6] {
    border-top: 1px solid #e9e9e9
}

.invalid p[data-v-39cfd0e6],.invitation .used p[data-v-39cfd0e6] {
    display: flex;
    justify-self: center;
    align-items: flex-start;
    justify-content: center;
    align-content: center;
    color: #b14b43;
    font-weight: 600;
    font-size: 15px;
    line-height: 21px;
    margin: 20px 0
}

.invalid p[data-v-39cfd0e6] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.invalid p svg[data-v-39cfd0e6],.invitation .used p svg[data-v-39cfd0e6] {
    margin-right: 10px
}

.form .item[data-v-a2ec8fa2] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.form .input[data-v-a2ec8fa2] {
    flex: 1;
    --el-input-placeholder-color: #acabae;
    --el-input-font-color: #333
}

.form[data-v-a2ec8fa2] {
    position: relative;
    width: 100%
}

.form .item[data-v-a2ec8fa2] {
    border-bottom: 1px solid #e9e9e9;
    font-size: 18px;
    color: #acabae
}

.form .item .name[data-v-a2ec8fa2] {
    color: #333
}

.form[data-v-a2ec8fa2] input.el-input__inner {
    border: 0 solid #fff;
    border-radius: 0;
    height: 75px;
    padding: 0 0;
    margin: 0 0;
    font-size: 18px;
    line-height: 21px;
    font-weight: 400;
    background: transparent;
    text-align: right
}

.submit[data-v-a2ec8fa2] {
    width: calc(100% - 80px);
    margin-top: 25px;
    border-radius: 6px
}

.form .disable[data-v-a2ec8fa2] {
    background: #acacac
}

#bottom_fixed[data-v-a2ec8fa2] {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 0;
    text-align: center
}

#bottom_fixed a.btn[data-v-a2ec8fa2] {
    width: 70%;
    border-radius: 6px
}

.custom_drawer .divider[data-v-a2ec8fa2] {
    margin: 0
}

.custom_drawer .desc[data-v-a2ec8fa2] {
    padding: 0;
    margin: 0
}

.paper[data-v-a2ec8fa2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid #e9e9e9
}

.paper .title[data-v-a2ec8fa2] {
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 15px;
    color: #413e3b;
    font-weight: 700
}

.balance[data-v-d75a1640] {
    padding: 35px 0;
    text-align: center;
    color: #413e3b;
    border-bottom: 1px solid #e9e9e9
}

.balance .num[data-v-d75a1640] {
    font-size: 28px;
    font-weight: 700
}

.recharge[data-v-d75a1640] {
    color: #acabae
}

.recharge .title[data-v-d75a1640] {
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    color: #413e3b
}

.recharge-options[data-v-d75a1640] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0
}

.option[data-v-d75a1640] {
    border-radius: 6px;
    padding: 10px 0;
    width: 33%;
    margin: 0 5px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #e9e9e9;
    color: #413e3b;
    font-size: 15px;
    background-color: #fff
}

.option[data-v-d75a1640]::first-child {
    margin-left: 0
}

.option[data-v-d75a1640]::last-child {
    margin-right: 0
}

.active[data-v-d75a1640] {
    border: 1px solid #b14b43;
    color: #b14b43
}

.option .num[data-v-d75a1640] {
    font-size: 24px
}

.bold[data-v-d75a1640] {
    font-weight: 600
}

.block[data-v-d75a1640] {
    display: block
}

.btn[data-v-d75a1640] {
    margin-top: 10px
}

.copyUrl[data-v-d75a1640] {
    color: #413e3b
}

.p-10[data-v-d75a1640] {
    padding: 10px
}

.desc[data-v-d75a1640] {
    margin: 10px 5px;
    font-size: 15px;
    line-height: 24px;
    color: #acabae;
    padding-top: 20px
}

.desc .title[data-v-d75a1640] {
    font-weight: 600;
    font-size: 15px;
    line-height: 100%;
    color: #413e3b
}

#posts .post[data-v-5d55ff42] {
    cursor: pointer
}

.no-data[data-v-5d55ff42] {
    margin: 100px 0
}

.no-data-text[data-v-5d55ff42] {
    text-align: center;
    padding: 20px;
    color: #999;
    font-size: 14px
}

header[data-v-047e6539] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid #e9e9e9
}

header img[data-v-047e6539] {
    width: 54px;
    height: 54px;
    border-radius: 6px;
    margin-right: 15px
}

header .info p[data-v-047e6539] {
    padding: 0;
    margin: 0
}

header .info p[data-v-047e6539]:first-child {
    font-size: 18px;
    font-weight: 600;
    color: #413e3b
}

header .info p[data-v-047e6539]:last-child {
    font-size: 14px;
    color: #ababae;
    font-weight: 400;
    margin-top: 6px
}

section .item[data-v-047e6539] {
    font-size: 18px;
    border-bottom: 1px solid #e9e9e9;
    padding: 24px 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #413e3b
}

section .item .name[data-v-047e6539] {
    width: 90px;
    flex-shrink: 0
}

section .item .value[data-v-047e6539] {
    width: calc(100vw - 130px);
    font-weight: 700
}

section .item .bindMobile[data-v-047e6539] {
    color: #64a1bc;
    cursor: pointer
}

section .item .pca[data-v-047e6539] {
    height: 25px;
    text-align: left;
    color: #ababae
}

section .item .pca.active[data-v-047e6539] {
    color: #333
}

section .item .input[data-v-047e6539] {
    --el-input-placeholder-color: #acabae;
    --el-input-font-color: #333
}

section .item[data-v-047e6539] .el-textarea__inner,section .item[data-v-047e6539] input.el-input__inner {
    border: 0 solid #fff;
    border-radius: 0;
    padding: 0 0;
    margin: 0 0;
    font-size: 18px;
    line-height: 21px;
    font-weight: 400;
    background: transparent;
    font-weight: 700
}

section .submit[data-v-047e6539] {
    width: calc(100% - 80px);
    margin-top: 42px;
    border-radius: 6px
}

section .disable[data-v-047e6539] {
    background: #acacac
}

.tips[data-v-047e6539] {
    font-size: 14px;
    color: #ababae;
    margin-top: 10px
}

.tips p[data-v-047e6539] {
    margin: 20px 0
}

.van-tabs__nav--line.van-tabs__nav--complete,.van-tabs__nav--line.van-tabs__nav--shrink {
    padding-left: 0
}

.van-tabs__line {
    background-color: var(--theme-color)
}

.van-tabs__nav {
    background-color: unset
}

.van-tab--active {
    color: #b14b43
}

.van-cascader__options {
    height: calc(90vh - 135px)
}

.van-cascader__option {
    color: #413e3b;
    padding: 10px 8px
}

.van-cascader__option--selected {
    color: #413e3b;
    font-weight: 700
}

.van-icon-success:before {
    content: url(../img/check.b7e4d90b.svg)
}

.van-field__control {
    font-weight: 700
}

.my-10[data-v-275cdb9e] {
    margin: 10px auto;
    max-width: 1000px
}

.jsonView[data-v-275cdb9e] {
    padding: 10px;
    background-color: #fff;
    max-height: 500px;
    overflow-y: auto
}

.vjs-key {
    flex-shrink: 0
}

.empty[data-v-429dbf69] {
    text-align: center;
    color: #999;
    font-size: 14px;
    margin-top: 20px
}

.couponContainer[data-v-d7755cba] {
    min-height: calc(100vh - 83px);
    padding: 20px;
    padding-bottom: 0;
    box-sizing: border-box;
    max-width: 400px
}

.h5 .couponContainer[data-v-d7755cba] {
    min-height: 100vh;
    max-width: 100%
}

.coupon[data-v-d7755cba] {
    background: #fff;
    padding: 20px;
    -webkit-mask-image: radial-gradient(circle at 10px 110px,transparent 10px,#000 10.5px),radial-gradient(closest-side circle at 50%,#000 99%,transparent 100%);
    -webkit-mask-size: 100%,8px 2px;
    -webkit-mask-repeat: repeat,repeat-x;
    -webkit-mask-position: -10px,50% 109px;
    -webkit-mask-composite: source-out;
    mask-composite: subtract
}

.dividerLine .bold[data-v-d7755cba] {
    height: 5px;
    background: #333
}

.dividerLine .thin[data-v-d7755cba] {
    height: 1px;
    background: #333;
    margin-top: 3px
}

.coupon-header[data-v-d7755cba] {
    display: flex;
    align-items: center;
    margin: 20px 0
}

.coupon-header img[data-v-d7755cba] {
    width: 37px;
    height: 37px;
    border-radius: 50%
}

.coupon-header-info[data-v-d7755cba] {
    margin-left: 8px
}

.coupon-header-title[data-v-d7755cba] {
    color: #413e3b;
    font-size: 14px;
    font-style: normal;
    font-weight: 600
}

.coupon-header-desc[data-v-d7755cba] {
    color: #ababae;
    font-size: 10px;
    font-style: normal;
    font-weight: 400
}

.coupon-content[data-v-d7755cba] {
    margin-top: 50px
}

.paper-header[data-v-d7755cba] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.paper-header img[data-v-d7755cba] {
    width: 64px;
    height: 64px;
    border-radius: 6px
}

.paper-data[data-v-d7755cba] {
    display: flex;
    align-items: center
}

.paper-post_count[data-v-d7755cba],.paper-subscriber_count[data-v-d7755cba] {
    margin: 0 8px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.count[data-v-d7755cba] {
    font-size: 28px;
    font-weight: 700
}

.count[data-v-d7755cba],.text[data-v-d7755cba] {
    color: #413e3b;
    text-align: center;
    font-style: normal
}

.text[data-v-d7755cba] {
    font-size: 12px;
    font-weight: 400
}

.paper-name[data-v-d7755cba] {
    color: #413e3b;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    margin: 16px 0
}

.paper-description[data-v-d7755cba] {
    color: #ababae;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.coupon-info[data-v-d7755cba] {
    justify-content: space-between;
    border-radius: 6px;
    background: #b14b43;
    padding: 4px 15px;
    margin: 20px 0;
    cursor: pointer
}

.coupon-info-data[data-v-d7755cba],.coupon-info[data-v-d7755cba] {
    display: flex;
    align-items: center
}

.coupon-info-title[data-v-d7755cba] {
    color: #fff;
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 700
}

.coupon-info-desc[data-v-d7755cba] {
    margin-left: 6px
}

.coupon-info-desc div[data-v-d7755cba]:first-child {
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 400
}

.coupon-info-desc div[data-v-d7755cba]:last-child {
    color: #fff;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    opacity: .4
}

.coupon-action[data-v-d7755cba] {
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center
}

.coupon-action svg[data-v-d7755cba] {
    margin-right: 12px
}

.expired[data-v-d7755cba] {
    background: #f5f5f5;
    border: 1px solid #413e3b;
    overflow: hidden;
    color: #413e3b
}

.expired .coupon-action[data-v-d7755cba],.expired .coupon-info-desc div[data-v-d7755cba]:first-child,.expired .coupon-info-desc div[data-v-d7755cba]:last-child,.expired .coupon-info-title[data-v-d7755cba] {
    color: #413e3b
}

.expired .coupon-action svg path[data-v-d7755cba] {
    stroke: #413e3b
}

.paperLink[data-v-d7755cba] {
    text-align: center;
    margin: 30px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64a1bc;
    font-size: 12px;
    font-style: normal;
    font-weight: 600
}

.paper-description a {
    color: #b14b43;
    text-decoration: none
}

.header[data-v-f688e83c],.left[data-v-f688e83c] {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.header[data-v-f688e83c] {
    padding: 19px 0;
    border-bottom: 5px solid #333;
    justify-content: space-between
}

.header div.title[data-v-f688e83c] {
    margin-left: 13px;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    color: #333
}

.header .account[data-v-f688e83c] {
    margin-left: 14px;
    cursor: pointer;
    line-height: 18px;
    position: relative
}

.header .account img[data-v-f688e83c] {
    border-radius: 50%;
    position: relative;
    top: 1px
}

.header .account .btn[data-v-f688e83c] {
    padding: 5px 13px;
    border: 1px solid #e9e9e9;
    border-radius: 6px;
    color: #413e3b;
    font-size: 14px
}

.pc-header[data-v-5ad0cc5c] {
    padding: 20px;
    margin: 0 auto;
    max-width: 960px
}

.left[data-v-5ad0cc5c],.pc-header[data-v-5ad0cc5c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center
}

.left a[data-v-5ad0cc5c] {
    margin: auto 20px;
    color: #979797;
    font-size: 18px;
    text-decoration: none
}

.left a[data-v-5ad0cc5c]:first-child {
    margin-left: 0;
    margin-right: 34px
}

.left a[data-v-5ad0cc5c]:nth-child(2) {
    color: #333;
    font-weight: 700
}

.account img.avatar[data-v-5ad0cc5c] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer
}

.account .btn[data-v-5ad0cc5c] {
    padding: 5px 13px;
    border: 1px solid #e9e9e9;
    border-radius: 6px;
    color: #413e3b;
    font-size: 14px
}

.menu-item[data-v-5ad0cc5c] {
    font-weight: 600;
    font-size: 15px;
    line-height: 26px;
    text-align: justify;
    color: #333;
    cursor: pointer;
    padding: 7px 16px
}

.menu-item a[data-v-5ad0cc5c] {
    color: #333;
    text-decoration: none
}

.left a[data-v-5ad0cc5c]:hover,.menu-item a[data-v-5ad0cc5c]:hover {
    color: #b14b43
}

.menu-item[data-v-5ad0cc5c]:first-child {
    padding-top: 15px
}

.menu-item[data-v-5ad0cc5c]:last-child {
    padding-bottom: 10px;
    color: #b14b43
}

.account-popover {
    padding: 0!important
}

.copyRight[data-v-4da8e692] {
    font-weight: 400;
    color: #9d9d9d;
    margin-top: 15px;
    font-size: 12px;
    line-height: 180%
}

a[data-v-4da8e692] {
    font-size: 12px;
    line-height: 180%;
    color: #9d9d9d;
    text-decoration: unset
}

.icp[data-v-4da8e692] {
    cursor: pointer
}

.icp a[data-v-4da8e692] {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.icp a img[data-v-4da8e692] {
    width: 15px;
    height: 15px;
    margin-right: 5px
}

.paper-info[data-v-5d99e6a8] {
    background: #fffdfc;
    mix-blend-mode: normal;
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    border-radius: 6px;
    margin-bottom: 20px;
    padding: 18px 19px;
    width: 262px;
    margin-top: 30px;
    margin-left: 15px
}

.header[data-v-5d99e6a8] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.header .avatar[data-v-5d99e6a8] {
    width: 64px;
    height: 64px;
    border-radius: 6px;
    -o-object-fit: cover;
    object-fit: cover;
    cursor: pointer
}

.header .stats[data-v-5d99e6a8] {
    display: flex
}

.header .stats .stat[data-v-5d99e6a8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 20px
}

.header .stats .stat .num[data-v-5d99e6a8] {
    font-size: 24px;
    font-weight: 500
}

.header .stats .stat .type[data-v-5d99e6a8] {
    font-size: 12px;
    opacity: .5
}

.paper_title[data-v-5d99e6a8] {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    cursor: pointer
}

.actions[data-v-5d99e6a8] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.actions .icon_action[data-v-5d99e6a8] {
    width: 20px;
    margin-left: 20px
}

h1.name[data-v-5d99e6a8] {
    font-size: 18px;
    line-height: 180%;
    margin-top: 0
}

.intro[data-v-5d99e6a8] {
    color: #acacac;
    font-size: 14px;
    margin-top: 0;
    line-height: 180%
}

.star[data-v-5d99e6a8] {
    width: 300px;
    margin-top: 30px;
    cursor: pointer;
    border-radius: 6px;
    overflow: hidden
}

.coupon-box[data-v-5d99e6a8] {
    margin-left: 15px;
    margin-bottom: 15px;
    background: #fffdfc;
    padding: 12px 20px;
    border-radius: 6px;
    overflow: hidden
}

.coupon-box .coupon[data-v-5d99e6a8] {
    margin-bottom: 0
}

.share-paper[data-v-5d99e6a8] {
    border-radius: 6px;
    overflow: hidden;
    margin-left: 15px
}

.share-paper div[data-v-5d99e6a8] {
    background: #fffdfc;
    padding: 12px 20px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #9d9d9d;
    cursor: pointer
}

.share-paper div svg[data-v-5d99e6a8] {
    margin-right: 12px
}

.share-paper div[data-v-5d99e6a8]:hover {
    color: #bd4322
}

.expire[data-v-5d99e6a8] {
    border: 1px solid #e9e9e9;
    margin-top: 10px;
    border-radius: 6px;
    background: #f8f6f4!important
}

.toggleMute[data-v-5d99e6a8] {
    color: #64a1bc;
    cursor: pointer
}

.intro a {
    color: #b14b43;
    text-decoration: none
}

* {
    outline: none
}

*,body {
    font-family: Roboto-Regular,PingFang SC,SF Pro SC,SF Pro Text,SF Pro Icons,Helvetica Neue,Roboto,Helvetica,Arial,sans-serif
}

body {
    --theme-color: #b14b43
}

#app {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0 auto;
    word-break: break-word
}

.left {
    max-width: 630px;
    margin-right: 15px
}

.right {
    margin-left: 15px
}

#nav {
    padding: 20px 0 10px;
    border-bottom: 5px solid #333;
    display: flex;
    justify-content: space-between;
    align-items: center
}

#nav .account img.avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%
}

#nav_sep {
    border-bottom: 1px solid #333;
    height: 6px
}

.app-container {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    max-width: 960px;
    margin: 0 auto
}

.app-container .left {
    min-width: 630px
}

.forbidd {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.el-message-box {
    max-width: 80%
}

.el-loading-spinner {
    margin-top: 0
}

.el-upload-list--picture-card .el-upload-list__item,.el-upload-list__item {
    width: min(197px,calc(33.33333vw - 16px));
    height: min(197px,calc(33.33333vw - 16px));
    border-radius: 0
}

.el-upload-list--picture-card .el-upload-list__item {
    margin: 0 4px 4px 0
}

.el-upload-list--picture-card .el-upload-list__item:nth-of-type(3n) {
    margin-right: 0
}

.el-upload--picture-card {
    width: min(197px,calc(33.33333vw - 16px));
    height: min(197px,calc(33.33333vw - 16px));
    background: #f8f6f4
}

.el-upload--picture-card .el-icon {
    margin-top: min(89px,calc(16.66667vw - 18px));
    width: 20px;
    height: 20px;
    line-height: 20px
}

.el-upload--picture-card .el-icon svg {
    width: 20px;
    height: 20px
}

.el-dialog {
    --el-dialog-margin-top: 5vh
}

.el-overlay-dialog .el-dialog /deep/ .el-dialog__body {
    padding: 0
}

.custom_drawer .desc {
    margin-bottom: 20px;
    display: flex;
    margin-top: 23px;
    flex-direction: column;
    padding: 0 10px
}

.custom_drawer .desc .text {
    font-size: 15px;
    line-height: 21px;
    color: #acabae
}

.custom_drawer .desc a {
    margin-top: 31px;
    margin-bottom: 24px;
    margin: 31px 0 24px 0;
    text-align: center;
    display: block
}

.custom_drawer .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0 25px 0;
    width: 100%
}

.custom_drawer .title {
    font-size: 18px;
    line-height: 21px;
    color: #333;
    font-weight: 700
}

.custom_drawer .close {
    width: 14px;
    height: 14px
}

.custom_drawer .divider {
    border-bottom: 3px solid #333;
    margin: 0 10px
}

.custom_drawer .divider_thin {
    border-bottom: 1px solid #e9e9e9;
    margin: 0 10px
}

.el-drawer__header {
    font-size: 18px;
    font-weight: 700;
    color: #333;
    margin-bottom: 0
}

.el-dropdown__popper {
    --el-dropdown-menuItem-hover-color: #64a1bc
}

a.btn {
    display: inline-block;
    font-weight: 800;
    font-size: 14px;
    padding: 6px 20px;
    position: relative;
    text-align: center;
    cursor: pointer
}

a.btn:hover {
    opacity: .9
}

a.btn:active {
    top: 1px
}

a.btn.btn-large {
    font-size: 18px;
    padding: 10px 40px
}

a.btn-primary {
    background: #b14b43;
    color: #fff;
    border-radius: 6px
}

a.btn-info {
    font-weight: 400;
    background: #000;
    color: #fff
}

a.btn-plain {
    color: #b14b43
}

a.btn-disabled {
    background: #acabae;
    cursor: not-allowed
}

ol,ul {
    list-style: unset;
    margin: unset;
    padding: unset
}

ol {
    list-style: decimal
}

.post-content {
    font-size: 16px
}

.post-content strong {
    color: #222
}

.post-content p {
    margin: 0;
    line-height: 1.8;
    min-height: 20px
}

.post-content h1,.post-content h2,.post-content h3 {
    font-size: 22px;
    color: #000;
    font-weight: 700;
    margin-bottom: 8px;
    line-height: 1.4
}

.post-content h1 {
    font-size: 26px;
    margin-bottom: 10px
}

.post-content h3 {
    font-size: 20px
}

.post-content blockquote {
    padding-left: 1rem;
    border-left: 3px solid #d9d9d9;
    margin-inline-start:0;margin-inline-end:0}

.post-content blockquote p {
    color: #646464
}

.post-content a,.post-content a strong {
    color: #64a1bc!important;
    text-decoration: unset
}

.post-content img {
    max-width: 100%;
    border-radius: 6px;
    height: auto;
    margin: 10px auto;
    display: block;
    cursor: pointer
}

.post-content ol,.post-content ul {
    padding-left: 30px
}

.post-content ol li::marker,.post-content ul li::marker {
    color: #333
}

.post-content pre {
    background: #fffdfc;
    color: #333;
    font-family: JetBrainsMono,monospace;
    border-radius: .5rem;
    position: relative
}

.post-content pre>code {
    color: inherit;
    background: none;
    font-size: 12px;
    padding: 15px 12px
}

.post-content pre>code.hljs[lang]:before {
    content: attr(lang);
    position: absolute;
    right: 15px;
    top: 2px;
    color: hsla(0,0%,54.9%,.8)
}

.post-content p u {
    text-underline-offset: 5px
}

.post-content .xbt-hr {
    border: none;
    border-top: 1px solid #e9e9e9;
    margin: 36px 0
}

.post-content p .mark,.post-content p mark {
    background: #f5ffa4;
    padding: 1px 0 2px
}

.p-10 {
    padding: 10px
}

.bg-white {
    background-color: #fff
}

.text-theme {
    color: #b14b43
}

.text-bold {
    font-weight: 700
}

.text-center {
    text-align: center
}

.flex-center {
    justify-content: center
}

.flex-between,.flex-center {
    display: flex;
    align-items: center
}

.flex-between {
    justify-content: space-between
}

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

@font-face {
    font-family: Roboto-Regular
}

@font-face {
    font-family: Roboto-Regular;
    font-weight: 700
}