.page-wrap[data-v-57450882]{padding:30px 0;scroll-snap-align:start;padding-top:160px}.page-wrap .news-list-layout .article-content-wrap[data-v-57450882]{padding-right:86px}.page-wrap .news-list-layout .article-content-wrap .breadcrumb a[data-v-57450882]{font-size:12px}.page-wrap .news-list-layout .article-content-wrap .article-content .article-header[data-v-57450882]{font-size:12px}.page-wrap .news-list-layout .article-content-wrap .article-content .article-header .article-header-tags span[data-v-57450882]{margin-right:30px}.page-wrap .news-list-layout .article-content-wrap .article-content .content-text[data-v-57450882]{font-size:14px;font-family:SourceHanSansSC-Regular,SourceHanSansSC;line-height:26px}.page-wrap .news-list-layout .article-content-wrap .article-content .content-text[data-v-57450882] img{max-width:100%}.page-wrap .news-list-layout .article-content-wrap .article-content .page-action[data-v-57450882]{align-items:flex-start}.page-wrap .news-list-layout .article-content-wrap .article-content .page-action .page-action-item[data-v-57450882]{display:flex;justify-content:flex-start;align-items:flex-start;width:50%}.page-wrap .news-list-layout .article-content-wrap .article-content .page-action .page-action-item[data-v-57450882]:first-of-type{padding-right:20px}.page-wrap .news-list-layout .article-content-wrap .article-content .page-action .page-action-item span[data-v-57450882]{display:inline-block;width:60px;font-weight:bold}.page-wrap .news-list-layout .article-content-wrap .article-content .page-action .page-action-item label[data-v-57450882]{width:calc(100% - 60px)}.page-wrap .news-list-layout .article-content-wrap .article-content .page-action a[data-v-57450882]:hover{color:#ffffff99}.page-wrap .news-list-layout .sider-right[data-v-57450882]{position:relative;padding-top:30px;border-top:2px solid #ffffff7a}.page-wrap .news-list-layout .sider-right .list-type-tag[data-v-57450882]{width:114px;height:44px;background:url(/_nuxt/img/api-label.1ae0bb4.png) no-repeat;position:absolute;top:-16px;left:-8px;line-height:40px;text-align:center;color:#fff;border-bottom-right-radius:50px}.page-wrap .news-list-layout .sider-right .sider-right-list .sider-right-list-item[data-v-57450882]{margin-bottom:10px;cursor:pointer}.page-wrap .news-list-layout .sider-right .sider-right-list .sider-right-list-item .sider-right-list-item-img[data-v-57450882]{width:50%;height:100px;overflow:hidden}.page-wrap .news-list-layout .sider-right .sider-right-list .sider-right-list-item .sider-right-list-item-img img[data-v-57450882]{transition:all ease .5s}.page-wrap .news-list-layout .sider-right .sider-right-list .sider-right-list-item .sider-right-list-item-desc[data-v-57450882]{width:50%;padding-left:13px;box-sizing:border-box;color:#fff}.page-wrap .news-list-layout .sider-right .sider-right-list .sider-right-list-item:hover .sider-right-list-item-img img[data-v-57450882]{transform:scale(1.1)}.page-wrap .news-list-layout .sider-right .sider-right-list .sider-right-list-item:hover .sider-right-list-item-desc[data-v-57450882]{color:#ffffff99}.page-wrap .section-recommend-example[data-v-57450882]{margin-bottom:60px}.page-wrap .section-recommend-example .recommend-example[data-v-57450882]{position:relative;padding:0 60px}.page-wrap .section-recommend-example .recommend-example .list-type-item[data-v-57450882]{position:relative;border-top:2px solid #ffffff7a;padding-top:50px;margin-right:118px;cursor:pointer}.page-wrap .section-recommend-example .recommend-example .list-type-item .list-type-tag[data-v-57450882]{width:114px;height:44px;background:url(/_nuxt/img/api-label.1ae0bb4.png) no-repeat;position:absolute;top:-16px;left:-8px;line-height:40px;text-align:center;color:#fff;border-bottom-right-radius:50px}.page-wrap .section-recommend-example .recommend-example .list-type-item .list-view ul li[data-v-57450882]{margin-bottom:10px}.page-wrap .section-recommend-example .recommend-example .list-type-item .list-view ul li .list-view-img[data-v-57450882]{width:50%;height:100px;overflow:hidden}.page-wrap .section-recommend-example .recommend-example .list-type-item .list-view ul li .list-view-desc[data-v-57450882]{width:50%;padding-left:14px}.page-wrap .section-recommend-example .recommend-example .list-type-item .list-view ul li:hover .list-view-desc[data-v-57450882]{color:#ffffff99}.page-wrap .section-recommend-example .recommend-example .list-type-item .list-view ul li a[data-v-57450882]{color:#fff}.page-wrap .section-recommend-example .recommend-example .list-type-item .list-view ul li a .list-view-img[data-v-57450882]{width:50%;height:100px;overflow:hidden}.page-wrap .section-recommend-example .recommend-example .list-type-item .list-view ul li a .list-view-desc[data-v-57450882]{width:50%;padding-left:14px}.page-wrap .section-recommend-example .recommend-example .list-type-item .list-view ul li a:hover .list-view-desc[data-v-57450882]{color:#ffffff99}@media only screen and (max-width: 768px){.page-wrap[data-v-57450882]{padding:0}.page-wrap .m-content-wrap[data-v-57450882]{padding:12px 15px}.page-wrap .m-content-wrap .article-title[data-v-57450882]{font-size:20px;font-family:SourceHanSansCN-Medium,SourceHanSansCN;font-weight:500;color:#262626;line-height:30px;margin-top:12px}.page-wrap .m-content-wrap .content-text[data-v-57450882]{color:#4d5b77;font-size:15px;line-height:30px}.page-wrap .m-content-wrap .content-text section[data-v-57450882]{background-color:red}.page-wrap .m-content-wrap .content-text[data-v-57450882] img{width:100% !important;height:auto !important}.page-wrap .m-content-wrap .reactive-rec .reactive-rec-title[data-v-57450882]{font-size:24px;font-family:SourceHanSansCN-Regular,SourceHanSansCN;font-weight:400;color:#262626}.page-wrap .m-content-wrap .reactive-rec .reactive-rec-list li[data-v-57450882]{border-bottom:1px solid #dcdcdc;padding:10px 0;box-sizing:border-box}.page-wrap .m-content-wrap .reactive-rec .reactive-rec-list li[data-v-57450882]:last-of-type{border:0}.page-wrap .m-content-wrap .reactive-rec .reactive-rec-list li a[data-v-57450882]{color:#262626;font-size:14px;font-family:SourceHanSansCN-Regular,SourceHanSansCN;font-weight:400}.page-wrap .m-content-wrap .reactive-rec .reactive-rec-list li a span[data-v-57450882]{color:#267cee}.page-wrap .m-content-wrap .reactive-rec .reactive-rec-list li a[data-v-57450882]:hover{color:#286eee}}