.article-item-wrap[data-v-5c855024]{position:relative;width:788px;height:160px;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}.article-item-wrap:hover .article-item__left[data-v-5c855024]{left:-20px}.article-item-wrap:hover .article-item__right[data-v-5c855024]{width:568px;background-color:#eaeaea}.article-item-wrap:hover .article-item__right__intro[data-v-5c855024],.article-item-wrap:hover .article-item__right__status[data-v-5c855024],.article-item-wrap:hover .article-item__right__title[data-v-5c855024]{letter-spacing:1.4px}.article-item-wrap:hover .userInfo-wrap[data-v-5c855024]{letter-spacing:1.4px;left:242px}.article-item-wrap .article-item[data-v-5c855024]{display:block;width:100%;height:100%;position:absolute;z-index:30;border-radius:4px;overflow:hidden;background-color:#f4f4f4}.article-item-wrap .article-item .icon-flag-wrap[data-v-5c855024]{width:30px;height:30px;position:absolute;left:12px;bottom:12px;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)}.article-item-wrap .article-item .icon-flag-wrap .icon-flag[data-v-5c855024]{font-size:30px;color:#fff;opacity:.95}.article-item-wrap .article-item__left[data-v-5c855024]{width:244px;height:100%;position:absolute;top:0;left:0;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}.article-item-wrap .article-item__left img[data-v-5c855024]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media screen and (min-width:0\0) and (min-resolution:+72dpi){.article-item-wrap .article-item__left img[data-v-5c855024]{width:auto;height:100%;overflow:hidden;position:absolute;left:-100%;right:-100%;top:-100%;bottom:-100%;margin:auto}}.article-item-wrap .article-item__right[data-v-5c855024]{position:absolute;right:0;top:0;width:544px;height:100%;background-color:#f4f4f4;padding:24px 18px 8px;letter-spacing:.7px}.article-item-wrap .article-item__right[data-v-5c855024],.article-item-wrap .article-item__right__title[data-v-5c855024]{color:#000;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}.article-item-wrap .article-item__right__title[data-v-5c855024]{font-size:16px;line-height:24px;text-align:left;margin-bottom:12px}.article-item-wrap .article-item__right__intro[data-v-5c855024]{color:#999;max-height:48px;-webkit-line-clamp:2}.article-item-wrap .article-item__right__intro[data-v-5c855024],.article-item-wrap .article-item__right__status[data-v-5c855024]{font-size:14px;line-height:24px;-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}.article-item-wrap .article-item__right__status[data-v-5c855024]{width:100%;height:24px;padding:0 18px;color:#bfbfbf;position:absolute;bottom:8px;left:0}.article-item-wrap .article-item__right__status .num-hidden[data-v-5c855024]{opacity:0}.article-item-wrap .article-item__right__status .userInfo-wrap[data-v-5c855024]{position:relative;z-index:2}.article-item-wrap .article-item__right__status .icon-collect[data-v-5c855024]{margin-left:8px}.article-item-wrap .userInfo-wrap[data-v-5c855024]{-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in;position:absolute;z-index:2;left:262px;bottom:16px;z-index:32;font-size:14px;color:#27282d}.article-item-wrap .userInfo-wrap i.username[data-v-5c855024]{margin-right:4px}.article-item-wrap .userInfo-wrap i.username[data-v-5c855024]:hover{color:#378bd2}
.reader-talk-item[data-v-a6b336aa]{width:788px;border-radius:4px;overflow:hidden;border:3px solid #f4f4f4;padding:24px}.reader-talk-item .reader-info[data-v-a6b336aa]{color:#27282d;height:40px;line-height:40px;display:inline-block}.reader-talk-item .reader-info__avatar[data-v-a6b336aa]{margin-right:16px}.reader-talk-item .reader-info__username[data-v-a6b336aa]{display:inline}.reader-talk-item .reader-info__username[data-v-a6b336aa]:hover{color:#378bd2}.reader-talk-item .reader-info__username i[data-v-a6b336aa]{margin-right:4px}.reader-talk-item .talk-content[data-v-a6b336aa]{padding-left:56px;font-size:14px;line-height:26px;color:#666}.reader-talk-item .article-title[data-v-a6b336aa]{padding-left:56px;float:right;margin-top:14px;font-size:16px;line-height:24px;color:#d1d1d1;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.reader-talk-item .article-title[data-v-a6b336aa]:hover{color:#27282d}
.detail-icons[data-v-11e21736]{cursor:pointer;width:50px;height:50px;padding:0;text-align:center;border-radius:50%;border:1px solid #fff;line-height:50px;color:#fff;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;position:relative}.detail-icons.grey-icon[data-v-11e21736]{border:1px solid #d1d1d1;color:#d1d1d1}.detail-icons.grey-icon[data-v-11e21736]:hover{color:#27282d}.detail-icons.gold-icon[data-v-11e21736]{border:1px solid #d2bb99;color:#d1d1d1}.detail-icons.gold-icon[data-v-11e21736]:hover{color:#d2bb99}.detail-icons[data-v-11e21736]:hover{color:#27282d;background-color:#fff}.detail-icons.icon-actived[data-v-11e21736]{color:#ff6060}.detail-icons.icon-actived .flip-wrap[data-v-11e21736]{-webkit-animation:icon-actived-data-v-11e21736 1s forwards;animation:icon-actived-data-v-11e21736 1s forwards}.detail-icons.vip-column-icon-actived[data-v-11e21736]{color:#d2bb99}.detail-icons.vip-column-icon-actived .flip-wrap[data-v-11e21736]{-webkit-animation:icon-actived-data-v-11e21736 1s forwards;animation:icon-actived-data-v-11e21736 1s forwards}.detail-icons.icon-hasNum[data-v-11e21736]{position:relative}.detail-icons.icon-hasNum .num[data-v-11e21736]{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:#ff6060;color:#fff;font-size:12px;line-height:12px;text-align:center}.detail-icons.icon-hasNum .gold-num[data-v-11e21736]{background-color:#d2bb99}.detail-icons .icon-fontsize[data-v-11e21736]{font-size:16px}.detail-icons .text-fontsize[data-v-11e21736]{font-size:14px}@-webkit-keyframes icon-actived-data-v-11e21736{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-data-v-11e21736{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)}}i[data-v-11e21736],span[data-v-11e21736]{font-weight:inherit}.flip-wrap[data-v-11e21736]{position:relative;display:block}.flip-wrap .flip-up[data-v-11e21736]{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)}.flip-wrap .flip-down[data-v-11e21736]{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)}.flip-wrap .flip-up.active[data-v-11e21736]{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)}.flip-wrap .flip-down.active[data-v-11e21736]{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)}
.detail-icons[data-v-588ede25]{cursor:pointer;width:50px;height:50px;padding:0;text-align:center;border-radius:50%;border:1px solid #fff;line-height:50px;color:#fff;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;position:relative}.detail-icons.grey-icon[data-v-588ede25]{border:1px solid #d1d1d1;color:#d1d1d1}.detail-icons.grey-icon[data-v-588ede25]:hover{color:#27282d}.detail-icons.gold-icon[data-v-588ede25]{border:1px solid #d2bb99;color:#d1d1d1}.detail-icons.gold-icon[data-v-588ede25]:hover{color:#d2bb99}.detail-icons[data-v-588ede25]:hover{color:#27282d;background-color:#fff}.detail-icons.icon-actived[data-v-588ede25]{color:#ff6060}.detail-icons.icon-actived .flip-wrap[data-v-588ede25]{-webkit-animation:icon-actived-data-v-588ede25 1s forwards;animation:icon-actived-data-v-588ede25 1s forwards}.detail-icons.vip-column-icon-actived[data-v-588ede25]{color:#d2bb99}.detail-icons.vip-column-icon-actived .flip-wrap[data-v-588ede25]{-webkit-animation:icon-actived-data-v-588ede25 1s forwards;animation:icon-actived-data-v-588ede25 1s forwards}.detail-icons.icon-hasNum[data-v-588ede25]{position:relative}.detail-icons.icon-hasNum .num[data-v-588ede25]{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:#ff6060;color:#fff;font-size:12px;line-height:12px;text-align:center}.detail-icons.icon-hasNum .gold-num[data-v-588ede25]{background-color:#d2bb99}.detail-icons .icon-fontsize[data-v-588ede25]{font-size:16px}.detail-icons .text-fontsize[data-v-588ede25]{font-size:14px}@-webkit-keyframes icon-actived-data-v-588ede25{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-data-v-588ede25{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)}}i[data-v-588ede25],span[data-v-588ede25]{font-weight:inherit}.flip-wrap[data-v-588ede25]{position:relative;display:block}.flip-wrap .flip-up[data-v-588ede25]{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)}.flip-wrap .flip-down[data-v-588ede25]{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)}.flip-wrap .flip-up.active[data-v-588ede25]{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)}.flip-wrap .flip-down.active[data-v-588ede25]{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)}
.detail-wrapper[data-v-003bdb44]{min-height:calc(100vh - 260px)}.detail-page[data-v-003bdb44]{overflow:hidden}.detail-page__top-img[data-v-003bdb44]{width:100%;height:100%;position:fixed;-webkit-filter:brightness(90%);filter:brightness(90%)}.detail-page__top-img img[data-v-003bdb44]{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;-webkit-filter:blur(50px);filter:blur(50px)}.detail-page__wrap[data-v-003bdb44]{width:1004px;margin:100px auto 0;border-radius:6px 6px 0 0;overflow:hidden;position:relative;background-color:#fff;padding:30px 108px 80px}@media screen and (min-width:0\0) and (min-resolution:+72dpi){.detail-page__wrap[data-v-003bdb44]{-webkit-box-shadow:0 0 10px 2px rgba(0,0,0,.16);box-shadow:0 0 10px 2px rgba(0,0,0,.16)}}.mb24[data-v-003bdb44]{margin-bottom:24px}.operation-icons[data-v-003bdb44]{width:56px;position:fixed;bottom:40px;z-index:50}.operation-icons .icons-wrap[data-v-003bdb44]{position:relative}.operation-icons .icons-wrap .icon-return-top[data-v-003bdb44]{position:absolute;top:0;left:0;opacity:0}.operation-icons .icons-wrap .icon-return-top.returnTop[data-v-003bdb44]{top:-80px;opacity:1}@media (max-width:1330px){.operation-icons[data-v-003bdb44]{right:2%;margin-left:0}}@media (min-width:1331px){.operation-icons[data-v-003bdb44]{left:50%;margin-left:600px}}.collection-detail .btn-load-more[data-v-003bdb44]{width:117px;height:38px;border:1px solid #efefef;border-radius:19px;background-color:#fff;color:#999;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.collection-detail .btn-load-more[data-v-003bdb44]:hover{border:1px solid #27282d;background-color:#27282d;color:#fff}.collection-detail .collection__status[data-v-003bdb44]{display:inline-block;font-size:16px;line-height:30px;text-align:left;color:#d1d1d1}.collection-detail .collection__status .collection__update-time[data-v-003bdb44]{margin-right:24px}.collection-detail .collection__title[data-v-003bdb44]{font-size:32px;line-height:46px;text-align:left;color:#000;margin-bottom:16px}.collection-detail .collection__intro[data-v-003bdb44]{font-size:16px;line-height:28px;color:#27282d;margin-bottom:60px}.collection-detail .collection__article-list[data-v-003bdb44]{position:relative}.collection-detail .collection__article-list__item[data-v-003bdb44]{margin-bottom:16px}.collection-detail .collection__article-list__btn[data-v-003bdb44]{margin:30px 0;text-align:center}.collection-detail .collection__author-list[data-v-003bdb44]{margin-top:46px}.collection-detail .collection__author-list__title[data-v-003bdb44]{font-size:18px;line-height:36px;color:#27282d;margin-bottom:24px}.collection-detail .collection__author-list__item[data-v-003bdb44]{margin-bottom:20px}.collection-detail .collection__author-list__btn[data-v-003bdb44]{margin:30px 0;text-align:center}.collection-detail .collection__reader-talk[data-v-003bdb44]{margin-top:46px}.collection-detail .collection__reader-talk__title[data-v-003bdb44]{font-size:18px;line-height:36px;color:#27282d;margin-bottom:24px}.collection-detail .collection__reader-talk__none[data-v-003bdb44]{color:#d1d1d1;font-size:18px;letter-spacing:2px;margin-bottom:16px}.collection-detail .collection__reader-talk__item[data-v-003bdb44]{margin-bottom:16px}