.detail-icons{cursor:pointer;width:50px;height:50px;padding:0;text-align:center;border-radius:50%;border:1px solid #d1d1d1;color:#d1d1d1;line-height:50px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;position:relative}.detail-icons:hover{color:#27282d}.detail-icons.icon-actived{color:var(--c-red)}.detail-icons.icon-actived .flip-wrap{-webkit-animation:icon-actived 1s forwards;animation:icon-actived 1s forwards}.detail-icons.icon-hasNum{position:relative}.detail-icons.icon-hasNum .num{position:absolute;bottom:32px;left:30px;-webkit-box-shadow:0 10px 30px rgba(0,0,0,.07);box-shadow:0 10px 30px rgba(0,0,0,.07);font-style:normal;border-radius:20px;padding:6px;min-width:24px;background-color:var(--c-red);color:#fff;font-size:12px;line-height:12px;text-align:center}.detail-icons .icon-fontsize{font-size:16px}.detail-icons .text-fontsize{font-size:14px}@-webkit-keyframes icon-actived{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(.7);transform:scale(.7)}30%{-webkit-transform:scale(1.3);transform:scale(1.3)}46%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes icon-actived{0%{-webkit-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(.7);transform:scale(.7)}30%{-webkit-transform:scale(1.3);transform:scale(1.3)}46%{-webkit-transform:scale(1);transform:scale(1)}}.detail-icons i,.detail-icons span{font-weight:inherit}.detail-icons .flip-wrap{position:relative;display:block}.detail-icons .flip-wrap .flip-up{display:block;-webkit-transition:visibility 0s,opacity .4s cubic-bezier(.77,0,.175,1),-webkit-transform .3s cubic-bezier(.77,0,.175,1);transition:visibility 0s,opacity .4s cubic-bezier(.77,0,.175,1),-webkit-transform .3s cubic-bezier(.77,0,.175,1);-o-transition:transform .3s cubic-bezier(.77,0,.175,1),visibility 0s,opacity .4s cubic-bezier(.77,0,.175,1);transition:transform .3s cubic-bezier(.77,0,.175,1),visibility 0s,opacity .4s cubic-bezier(.77,0,.175,1);transition:transform .3s cubic-bezier(.77,0,.175,1),visibility 0s,opacity .4s cubic-bezier(.77,0,.175,1),-webkit-transform .3s cubic-bezier(.77,0,.175,1)}.detail-icons .flip-wrap .flip-down{position:absolute;top:0;left:0;display:block;width:100%;opacity:0;visibility:hidden;-webkit-transform:translateY(-35%);-ms-transform:translateY(-35%);transform:translateY(-35%);-webkit-transition:visibility 0s .4s,opacity .4s cubic-bezier(.77,0,.175,1),-webkit-transform .3s cubic-bezier(.77,0,.175,1);transition:visibility 0s .4s,opacity .4s cubic-bezier(.77,0,.175,1),-webkit-transform .3s cubic-bezier(.77,0,.175,1);-o-transition:transform .3s cubic-bezier(.77,0,.175,1),visibility 0s .4s,opacity .4s cubic-bezier(.77,0,.175,1);transition:transform .3s cubic-bezier(.77,0,.175,1),visibility 0s .4s,opacity .4s cubic-bezier(.77,0,.175,1);transition:transform .3s cubic-bezier(.77,0,.175,1),visibility 0s .4s,opacity .4s cubic-bezier(.77,0,.175,1),-webkit-transform .3s cubic-bezier(.77,0,.175,1)}.detail-icons .flip-wrap .flip-up.active{opacity:0;-webkit-transform:translateY(35%);-ms-transform:translateY(35%);transform:translateY(35%);visibility:hidden;-webkit-transition:visibility 0s .4s,opacity .4s cubic-bezier(.77,0,.175,1),-webkit-transform .4s cubic-bezier(.77,0,.175,1);transition:visibility 0s .4s,opacity .4s cubic-bezier(.77,0,.175,1),-webkit-transform .4s cubic-bezier(.77,0,.175,1);-o-transition:transform .4s cubic-bezier(.77,0,.175,1),visibility 0s .4s,opacity .4s cubic-bezier(.77,0,.175,1);transition:transform .4s cubic-bezier(.77,0,.175,1),visibility 0s .4s,opacity .4s cubic-bezier(.77,0,.175,1);transition:transform .4s cubic-bezier(.77,0,.175,1),visibility 0s .4s,opacity .4s cubic-bezier(.77,0,.175,1),-webkit-transform .4s cubic-bezier(.77,0,.175,1)}.detail-icons .flip-wrap .flip-down.active{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);visibility:inherit;-webkit-transition:visibility 0s,opacity .4s cubic-bezier(.77,0,.175,1),-webkit-transform .4s cubic-bezier(.77,0,.175,1);transition:visibility 0s,opacity .4s cubic-bezier(.77,0,.175,1),-webkit-transform .4s cubic-bezier(.77,0,.175,1);-o-transition:transform .4s cubic-bezier(.77,0,.175,1),visibility 0s,opacity .4s cubic-bezier(.77,0,.175,1);transition:transform .4s cubic-bezier(.77,0,.175,1),visibility 0s,opacity .4s cubic-bezier(.77,0,.175,1);transition:transform .4s cubic-bezier(.77,0,.175,1),visibility 0s,opacity .4s cubic-bezier(.77,0,.175,1),-webkit-transform .4s cubic-bezier(.77,0,.175,1)}
.related-article__content[data-v-164c51d1]:hover{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}.related-article__content[data-v-164c51d1]{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;background:#f5f5f5;display:inline-block;vertical-align:top;width:182px;height:162px;font-size:14px;line-height:20px;color:#000;border-radius:4px}.related-article__content .related-article-pic[data-v-164c51d1]{position:relative;width:182px;height:102px}.related-article__content .related-article-pic img[data-v-164c51d1]{width:100%;height:100%;border-top-left-radius:4px;border-top-right-radius:4px;-o-object-fit:cover;object-fit:cover}.related-article__content .related-article-pic .icon-flag-wrap[data-v-164c51d1]{position:absolute;height:20px;width:20px;top:10px;left:10px;border-radius:50%;-webkit-box-shadow:0 2px 6px 1px rgba(0,0,0,.1);box-shadow:0 2px 6px 1px rgba(0,0,0,.1);background:rgba(0,0,0,.1)}.related-article__content .related-article-pic .icon-flag-wrap .hx-icon[data-v-164c51d1]{font-size:20px;color:#fff;opacity:.9}.related-article__content .related-article-info[data-v-164c51d1]{margin:8px 8px 12px;white-space:normal;max-height:40px;overflow:hidden}
.wrapper-404[data-v-3634be4e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;min-height:calc(100vh - 60px)}.content-box[data-v-3634be4e]{width:808px;height:auto}.textbox-404[data-v-3634be4e]{text-align:center;margin-bottom:16px;padding-top:40px}.textbox-404 .text-404[data-v-3634be4e]{font-size:14px;color:#d1d1d1;margin-bottom:14px}.textbox-404 .button-404[data-v-3634be4e]{width:120px;height:30px;padding:0;border-radius:22px;border:1px solid #27282d;color:#27282d;font-size:14px;display:inline-block;vertical-align:middle;margin-bottom:18px}.textbox-404 .button-404[data-v-3634be4e]:hover{background:#27282d;color:#fff}.textbox-404 .tips-404[data-v-3634be4e]{font-size:14px;color:#27282d}.hot-articles[data-v-3634be4e]{padding-bottom:40px}.hot-articles-wrapper[data-v-3634be4e]{width:808px;position:relative;padding-top:10px}.hot-articles-item[data-v-3634be4e]{display:inline-block;margin-right:20px;margin-bottom:24px}
.canvas-box{position:fixed;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);overflow:hidden;width:600px;height:100vh;z-index:1}.canvas{position:absolute;top:0;left:0;width:1200px;height:200vh;background-repeat:repeat;-webkit-transform:rotate(-30deg) translate(-25%,-18%);-ms-transform:rotate(-30deg) translate(-25%,-18%);transform:rotate(-30deg) translate(-25%,-18%)}
body,html{min-width:600px!important}body{background:var(--c-f2f3f6)}.wrapper-404{background:var(--c-fff)}
.creatorhub-detail[data-v-3931f0fc]{margin-top:0!important}.brief-detail-page[data-v-3931f0fc]{background:var(--c-fff);width:600px;margin:20px auto 0;position:relative;padding:30px 24px}.brief-detail-page .mb24[data-v-3931f0fc]{margin-bottom:24px}.brief-detail-page .more-operation-icons[data-v-3931f0fc]{margin-left:400px}.brief-detail-page .share-icon[data-v-3931f0fc] .share-type{display:none!important}.brief-detail-page .detail-wrap[data-v-3931f0fc]{position:relative;z-index:10}.brief-detail-page .detail-content__book-icon[data-v-3931f0fc]{width:46px;height:46px;display:block;margin:14px auto 8px}.brief-detail-page .detail-content__subscribe[data-v-3931f0fc]{border:2px solid var(--c-black-10);border-radius:4px;width:100%;padding:30px 24px 40px;text-align:center;color:var(--c-000);margin-bottom:30px;margin-top:-40px}.brief-detail-page .detail-content__subscribe b[data-v-3931f0fc]{font-weight:600}.brief-detail-page .detail-content__subscribe .title[data-v-3931f0fc]{font-size:18px;line-height:25px;margin-bottom:10px;display:block}.brief-detail-page .detail-content__subscribe .desc[data-v-3931f0fc]{font-size:16px;line-height:22px;margin-bottom:20px}.brief-detail-page .brief-comment[data-v-3931f0fc]{width:550px;margin:60px auto}.brief-detail-page .brief-comment[data-v-3931f0fc] .comment-fold-reason{margin-left:-210px!important}.brief-detail-page .brief-comment[data-v-3931f0fc] .more-operate-list.is_admin{margin-left:-59px!important}.brief-detail-page .brief-comment[data-v-3931f0fc] .secondCommentBox:after{width:495px}.brief-detail-page.brief-book-detail[data-v-3931f0fc]{padding-top:22px}.brief-detail-page.brief-book-detail[data-v-3931f0fc]  .detail-content__name{text-align:center!important}.brief-detail-page.brief-book-detail[data-v-3931f0fc]  .detail-content__publisher{text-align:center}.brief-detail-page.brief-book-detail[data-v-3931f0fc]  .detail-content__subscribe{margin-top:-16px}.brief-detail-page.brief-book-detail[data-v-3931f0fc]  .publisher-ul{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.brief-detail-page.brief-book-detail[data-v-3931f0fc]  .black-dot{display:none}.brief-detail-page.brief-book-detail[data-v-3931f0fc]:before{content:"";display:block;height:547px;width:576px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(140,158,191,.25)),to(rgba(116,132,188,0)));background:-webkit-linear-gradient(top,rgba(140,158,191,.25),rgba(116,132,188,0));background:-o-linear-gradient(top,rgba(140,158,191,.25) 0,rgba(116,132,188,0) 100%);background:linear-gradient(180deg,rgba(140,158,191,.25),rgba(116,132,188,0));position:absolute;z-index:0;top:12px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.left-admin-container[data-v-3931f0fc]{position:absolute;left:-240px;top:0;z-index:20}.left-admin-container .push-container[data-v-3931f0fc]{width:230px;padding:28px 10px 32px;background-color:#fff;font-size:14px}.left-admin-container .push-title[data-v-3931f0fc]{text-align:center;margin-bottom:10px}.left-admin-container .push-content[data-v-3931f0fc]{line-height:30px;word-break:break-all}