.fx-material-center .loading-container{display:-webkit-box;display:flexbox;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:30px;margin-top:20px;width:100%}.fx-material-center .loading-container .skeleton-row{width:100%;display:-webkit-box;display:flexbox;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:32px}.fx-material-center .loading-container .skeleton-row .skeleton-card{position:relative;height:292px;border-radius:8px;-webkit-box-shadow:0 2px 12px hsla(0,0%,66%,.15);box-shadow:0 2px 12px hsla(0,0%,66%,.15);padding-top:20px;padding-left:16px;padding-right:20px;background:#fff}@media screen and (width <= 1290px){.fx-material-center .loading-container .skeleton-row .skeleton-tablet-hide{display:none}}@media screen and (width <= 580px){.fx-material-center .loading-container{gap:30px}.fx-material-center .loading-container .skeleton-row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.fx-material-center .material-main{position:relative;margin:40px auto 0;padding-bottom:60px}.fx-material-center .material-list{display:-webkit-box;display:flexbox;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:32px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:60px}.fx-material-center .header-anchor{position:absolute;top:-80px;left:0}.fx-material-center .ant-pagination{height:48px}.fx-material-center .ant-pagination .ant-pagination-item-active{font-weight:400;background-color:transparent;border:none}.fx-material-center .ant-pagination .ant-pagination-item,.fx-material-center .ant-pagination .ant-pagination-prev{margin-right:16px}.fx-material-center .ant-pagination .pagination-item{display:-webkit-box;display:flexbox;display:-ms-flexbox;display:flex;width:48px;height:48px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:4px;border:1px solid #ebecee;color:#525967;text-align:center;font-size:18px;font-weight:500;line-height:24px}.fx-material-center .ant-pagination .pagination-item>a{color:#525967;display:block;width:100%}.fx-material-center .ant-pagination .pagination-item>a .ant-pagination-item-link-icon{color:#00c29a}.fx-material-center .ant-pagination .pagination-item:hover{border:1px solid #00c29a;background:#e6f9f5}.fx-material-center .ant-pagination .pagination-item:hover .iconfont,.fx-material-center .ant-pagination .pagination-item:hover>a{color:#00c29a}.fx-material-center .ant-pagination .pagination-item.active{background:#00c29a}.fx-material-center .ant-pagination .pagination-item.active .iconfont,.fx-material-center .ant-pagination .pagination-item.active>a{color:#fff}@media screen and (max-width:1200px){.fx-material-center .material-list{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (max-width:768px){.fx-material-center .ant-pagination{display:none}.fx-material-center .material-list{margin-bottom:0}.fx-material-center .material-list-container .mobile-loading-more,.fx-material-center .material-list-container .mobile-no-more{display:-webkit-box;display:flexbox;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;padding:20px 0;color:#525967;font-size:14px}.fx-material-center .material-list-container .mobile-loading-more .iconfont{font-size:16px;-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite}.fx-material-center .material-list-container .mobile-no-more{color:#838892;font-size:12px}.fx-material-center .spin-rotate{width:20px;height:20px;margin:0 auto;border-radius:50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:x-rotate .8s cubic-bezier(.43,.1,.54,.85) infinite;animation:x-rotate .8s cubic-bezier(.43,.1,.54,.85) infinite;border:2px solid #b6e8e4;border-top-color:#00c29a}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fx-material-center .material-card{position:relative;display:inline-block;width:274px;height:292px;background-color:#fff;-webkit-box-shadow:0 6px 18px 2px rgba(0,0,0,.06);box-shadow:0 6px 18px 2px rgba(0,0,0,.06);border:1px solid #ebecee;border-radius:8px;-webkit-transition:all .3s;transition:all .3s;overflow:hidden}.fx-material-center .material-card>img{display:block}.fx-material-center .material-card:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-box-shadow:0 20px 40px 0 rgba(16,20,40,.1);box-shadow:0 20px 40px 0 rgba(16,20,40,.1)}.fx-material-center .material-card .item-description{padding:16px 20px 20px}.fx-material-center .material-card .item-description .item-title{font-size:16px;color:#141e31;font-weight:500;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fx-material-center .material-card .item-description .item-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:40px;color:#525967;text-overflow:ellipsis;font-size:14px;line-height:20px;margin-top:8px;margin-bottom:16px}.fx-material-center .material-card .item-description .item-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fx-material-center .material-card .item-description .item-content .item-info{border-radius:4px;padding:2px 8px;font-size:12px}.fx-material-center .material-card .item-description .item-content .item-date{color:#838892;text-align:right;font-size:12px;font-weight:400;line-height:20px}@media screen and (max-width:768px){.fx-material-center .material-card,.fx-material-center .material-card>img{width:100%;height:auto}}.fx-material-center .material-label{display:-webkit-box;display:flexbox;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fx-material-center .material-label .label{border-radius:4px;padding:0 8px;font-size:12px;line-height:20px;font-weight:400}.fx-material-center .material-label .label.book{background:#eaf6ff;color:#2ea1ff}.fx-material-center .material-label .label.ppt{background:#e6f7fa;color:#00aed1}.fx-material-center .material-label .label.data{background:#e6f9f5;color:#00c29a}.fx-material-center .material-label .label.kg{background:#fff6eb;color:#ffa93a}.fx-material-center .material-label .label.article{background:#fff0ee;color:#fa6756}.fx-material-center .material-label .label.video{background:#f2edfd;color:#7e47eb}.fx-material-center .material-label .date{color:#838892;text-align:right;font-size:14px;font-weight:400;line-height:28px}.fx-material-center .filter-menu-wrapper{padding-top:40px}.fx-material-center .filter-menu-wrapper .filter-header{display:-webkit-box;display:flexbox;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#141e31;font-size:24px;font-weight:500;line-height:32px}.fx-material-center .filter-menu-wrapper .material-search .ant-input-affix-wrapper{height:32px;background:#f8fafb;border-start-start-radius:4px!important;border-end-start-radius:4px!important;border-color:#ddd}.fx-material-center .filter-menu-wrapper .material-search .ant-input-outlined:focus-within{border-color:#00c29a;-webkit-box-shadow:none;box-shadow:none;background:#fff}.fx-material-center .filter-menu-wrapper .material-search .ant-input-outlined:hover{border-color:#00c29a;-webkit-box-shadow:none;box-shadow:none;background:#fff}.fx-material-center .filter-menu-wrapper .material-search .ant-input-group-addon .ant-btn{padding:0 11px;background:#00c29a}.fx-material-center .filter-menu-wrapper .filter-container{display:-webkit-box;display:flexbox;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff;padding:24px;margin-top:24px;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:12px;border-radius:16px;-webkit-box-shadow:0 2px 16px 0 rgba(0,0,0,.1);box-shadow:0 2px 16px 0 rgba(0,0,0,.1)}.fx-material-center .filter-menu-wrapper .filter-container .cate-title{color:#141e31;-ms-flex-negative:0;flex-shrink:0;font-size:14px;font-weight:500;height:20px;line-height:20px;text-align:justify;width:84px}.fx-material-center .filter-menu-wrapper .filter-container .cate-title:after{display:inline-block;width:100%;content:""}.fx-material-center .filter-menu-wrapper .filter-container .cate-block,.fx-material-center .filter-menu-wrapper .filter-container .menu-list{display:-webkit-box;display:flexbox;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fx-material-center .filter-menu-wrapper .filter-container .menu-list{gap:4px;-ms-flex-wrap:wrap;flex-wrap:wrap}.fx-material-center .filter-menu-wrapper .filter-container .menu-item{position:relative;padding:4px 12px;height:100%;text-align:center;line-height:20px;font-size:14px;color:#525967;cursor:pointer;border-radius:4px}.fx-material-center .filter-menu-wrapper .filter-container .menu-item:hover{background:#edeff3}.fx-material-center .filter-menu-wrapper .filter-container .menu-item.active{background:#e5f9f5;color:#00c29a}.fx-material-center .filter-menu-wrapper .filter-condition{display:-webkit-box;display:flexbox;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#141e31;margin:20px 24px 0}.fx-material-center .filter-menu-wrapper .filter-condition .title{font-weight:500}.fx-material-center .filter-menu-wrapper .filter-condition .tags-list{gap:12px}.fx-material-center .filter-menu-wrapper .filter-condition .tag,.fx-material-center .filter-menu-wrapper .filter-condition .tags-list{display:-webkit-box;display:flexbox;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fx-material-center .filter-menu-wrapper .filter-condition .tag{background:#e6f9f5;border:1px solid #4dd4b8;border-radius:4px;color:#00c29a;padding:4px 8px 4px 12px;gap:4px}.fx-material-center .filter-menu-wrapper .filter-condition .tag .icon-close-normal{cursor:pointer;font-size:16px}.fx-material-center .filter-menu-wrapper .filter-condition .clear-btn{margin-left:12px;display:-webkit-box;display:flexbox;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:4px;cursor:pointer}.fx-material-center .filter-menu-wrapper .filter-condition .clear-btn .icon-clear{font-size:16px;color:#838892}.fx-material-center .filter-menu-wrapper .filter-condition .clear-btn:hover,.fx-material-center .filter-menu-wrapper .filter-condition .clear-btn:hover .icon-clear{color:#00c29a}.fx-material-center .filter-menu-mobile{display:none}@media screen and (max-width:768px){.fx-material-center .filter-menu-wrapper{position:sticky;top:44px;z-index:1;padding-top:24px;background-color:#fff}.fx-material-center .filter-menu-pc{display:none}.fx-material-center .filter-menu-mobile{display:block}.fx-material-center .filter-menu-mobile .material-search .ant-input-group-addon{height:40px;width:40px}.fx-material-center .filter-menu-mobile .material-search .ant-input-group-addon .ant-btn{height:40px}.fx-material-center .filter-menu-mobile .material-search .ant-input-affix-wrapper{height:40px;background:#f4f6f9}.fx-material-center .filter-menu-mobile .material-search .ant-input::-webkit-input-placeholder{color:#838892}.fx-material-center .filter-menu-mobile .material-search .ant-input::-moz-placeholder{color:#838892}.fx-material-center .filter-menu-mobile .material-search .ant-input:-ms-input-placeholder{color:#838892}.fx-material-center .filter-menu-mobile .material-search .ant-input::-ms-input-placeholder{color:#838892}.fx-material-center .filter-menu-mobile .material-search .ant-input::placeholder{color:#838892}.fx-material-center .filter-menu-mobile .filter-container-mobile{border-bottom:1px solid #ebecee;display:-ms-flexbox;display:flex;gap:24px}.fx-material-center .filter-menu-mobile .filter-container-mobile,.fx-material-center .filter-menu-mobile .filter-container-mobile .filter-btn{display:-webkit-box;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fx-material-center .filter-menu-mobile .filter-container-mobile .filter-btn{display:flexbox;display:-ms-flexbox;display:flex;gap:4px;cursor:pointer;padding:16px;color:#141e31}.fx-material-center .filter-menu-mobile .filter-container-mobile .filter-btn>span{font-size:14px;font-weight:600}.fx-material-center .filter-menu-mobile .filter-container-mobile .filter-btn .iconfont{font-size:16px;color:#838892}}.menu-drop-container{background:#fff;width:112px;padding:4px;-webkit-box-shadow:0 6px 10px 1px rgba(0,0,0,.06);box-shadow:0 6px 10px 1px rgba(0,0,0,.06);border-radius:4px}.menu-drop-container .drop-item{padding:4px 8px;cursor:pointer;border-radius:4px;line-height:20px;font-size:14px;color:#525967}.menu-drop-container .drop-item:hover{background:#edeff3}.menu-drop-container .drop-item.select{background:#00c29a;color:#fff}.fx-filter-menu-drawer .ant-drawer-header{border-bottom:none!important;padding:12px!important}.fx-filter-menu-drawer .ant-drawer-body{padding:0 16px 80px!important}.fx-filter-menu-drawer .drawer-footer{position:absolute;bottom:10px;left:20px;right:20px;background:#00c29a;color:#fff;font-size:16px;font-weight:600;line-height:24px;text-align:center;padding:12px;cursor:pointer;border-radius:4px}.fx-filter-menu-drawer .filter-menu-mobile-content .cate-block{padding-top:15px}.fx-filter-menu-drawer .filter-menu-mobile-content .cate-block .cate-title{color:#141e31;font-size:15px;font-weight:500;line-height:19px;padding:0 6px}.fx-filter-menu-drawer .filter-menu-mobile-content .cate-block .menu-list{margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px 0}.fx-filter-menu-drawer .filter-menu-mobile-content .cate-block .menu-item{width:33.3%;padding:0 6px;color:#141e31;display:inline-block;font-size:13px;height:100%;line-height:40px;text-align:center}.fx-filter-menu-drawer .filter-menu-mobile-content .cate-block .menu-item .cate-info{display:inline-block;background:#f4f4f4;border-radius:3px;width:100%;text-align:center;cursor:pointer}.fx-filter-menu-drawer .filter-menu-mobile-content .cate-block .menu-item.active .cate-info{background:#e6f9f5;color:#00c29a}@-webkit-keyframes slide-in-up{0%{-webkit-transform:translateY(-10%);transform:translateY(-10%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-up{0%{-webkit-transform:translateY(-10%);transform:translateY(-10%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes slide-in-down{0%{-webkit-transform:translateY(10%);transform:translateY(10%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-down{0%{-webkit-transform:translateY(10%);transform:translateY(10%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fx-material-center .material-banner{position:relative;padding-top:140px}.fx-material-center .banner-background{position:absolute;top:0;left:0;right:0;width:100%;height:520px;background:url(https://blog-assets.jiandaoyun.com/home-next/_next/static/media/index_banner.7bbfa2c9.webp) no-repeat 50%;background-size:cover;z-index:-1}.fx-material-center .banner-container{width:1192px;margin:0 auto;display:-webkit-box;display:flexbox;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px 24px;border-radius:16px;background:#fff;-webkit-box-shadow:0 2px 16px 0 rgba(0,0,0,.1);box-shadow:0 2px 16px 0 rgba(0,0,0,.1)}.fx-material-center .banner-container .banner-swiper{width:648px}.fx-material-center .banner-container .banner-swiper .swiper-wrapper{height:360px}.fx-material-center .banner-container .banner-swiper .swiper-wrapper a{display:inline-block;width:100%;height:100%}.fx-material-center .banner-container .banner-swiper .swiper-wrapper .banner-img{border-radius:8px;width:auto}.fx-material-center .banner-container .banner-swiper .swiper-pagination .swiper-pagination-bullet{width:24px;height:4px;border-radius:2px;margin-top:4px;opacity:.5;background:#fff}.fx-material-center .banner-container .banner-swiper .swiper-pagination .swiper-pagination-bullet-active{opacity:1}.fx-material-center .banner-container .right-block{display:-webkit-box;display:flexbox;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}.fx-material-center .banner-container .right-block .recommend-title{color:#141e31;font-size:24px;font-weight:500;line-height:32px;text-align:left}.fx-material-center .banner-container .right-block .recommend-docs{display:-webkit-box;display:flexbox;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px;width:424px}.fx-material-center .banner-container .right-block .recommend-item{display:-webkit-box;display:flexbox;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fx-material-center .banner-container .right-block .recommend-item .description{display:-webkit-box;display:flexbox;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;gap:16px;padding-right:40px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fx-material-center .banner-container .right-block .recommend-item .description .item-title{max-width:234px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#141e31;font-size:16px;font-weight:500;line-height:24px}.fx-material-center .banner-container .right-block .recommend-item img{border-radius:4px}.fx-material-center .banner-container .right-block .recommend-item:hover{cursor:pointer}.fx-material-center .banner-container .right-block .recommend-item:hover .item-description .item-title{color:#00c29a}@media screen and (max-width:1200px){.fx-material-center .material-banner{padding:140px 24px 0}.fx-material-center .banner-container{width:100%;gap:16px}.fx-material-center .banner-container .banner-swiper .swiper-wrapper .banner-img{width:100%;height:100%}.fx-material-center .banner-container .left-block{width:55%}.fx-material-center .banner-container .left-block .banner-swiper{width:100%;margin:0}.fx-material-center .banner-container .right-block{width:45%}.fx-material-center .banner-container .right-block .recommend-docs{width:auto}.fx-material-center .banner-container .right-block .recommend-item .description{padding-right:10px}.fx-material-center .banner-container .right-block .recommend-item .description .item-title{max-width:190px}.fx-material-center .banner-container .right-block .recommend-item img{width:auto;height:70px}}@media screen and (max-width:768px){.fx-material-center .material-banner{padding:84px 24px 12px}.fx-material-center .banner-container{padding:8px;border-radius:8px}.fx-material-center .banner-container .left-block{width:100%}.fx-material-center .banner-container .banner-swiper{width:auto}.fx-material-center .banner-container .banner-swiper .swiper-wrapper{height:auto}.fx-material-center .banner-container .banner-swiper .swiper-wrapper .banner-img{width:100%;height:auto}.fx-material-center .banner-container .banner-swiper .swiper-pagination .swiper-pagination-bullet{width:24px;height:4px;border-radius:2px;margin-top:4px;opacity:.5;background:#fff}.fx-material-center .banner-container .banner-swiper .swiper-pagination .swiper-pagination-bullet-active{opacity:1}.fx-material-center .banner-container .right-block{display:none}}