@-webkit-keyframes x-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes x-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fx-material-center .bricks{padding:0;width:100%}.fx-material-center .material-center-mobile,.fx-material-center .material-swiper-container-mobile{display:none}.fx-material-center .material-banner{background:url(https://blog-assets.jiandaoyun.com/v442/index/material/index_banner.png) no-repeat 50%;background-size:cover;height:520px;padding-top:140px;text-align:center;width:100%}.fx-material-center .material-banner .banner-content{max-width:1240px;padding:0 24px}.fx-material-center .material-banner .banner-container{-webkit-box-pack:justify;-ms-flex-pack:justify;background:#fff;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);display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:20px 24px}.fx-material-center .material-banner .banner-container .recommend-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:16px}.fx-material-center .material-banner .banner-container .recommend-container .recommend-title{color:#141e31;font-size:24px;font-weight:500;line-height:32px;text-align:left}.fx-material-center .material-banner .banner-container .recommend-container .recommend-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:24px;width:424px}.fx-material-center .material-banner .banner-container .recommend-container .recommend-content .material-item{-webkit-box-pack:justify;-ms-flex-pack:justify;color:#141e31;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;font-size:16px;font-weight:500;-webkit-justify-content:space-between;justify-content:space-between;line-height:24px}.fx-material-center .material-banner .banner-container .recommend-container .recommend-content .material-item .item-description{-webkit-box-flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:16px;-webkit-justify-content:center;justify-content:center;padding-right:40px}.fx-material-center .material-banner .banner-container .recommend-container .recommend-content .material-item .item-description .item-title{max-width:234px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.fx-material-center .material-banner .banner-container .recommend-container .recommend-content .material-item .item-description .item-content{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.fx-material-center .material-banner .banner-container .recommend-container .recommend-content .material-item .item-description .item-content .item-info{border-radius:4px;font-size:12px;font-weight:400;padding:2px 8px}.fx-material-center .material-banner .banner-container .recommend-container .recommend-content .material-item .item-description .item-content .item-info.book{background:#eaf6ff;color:#2ea1ff}.fx-material-center .material-banner .banner-container .recommend-container .recommend-content .material-item .item-description .item-content .item-info.ppt{background:#e6f7fa;color:#00aed1}.fx-material-center .material-banner .banner-container .recommend-container .recommend-content .material-item .item-description .item-content .item-info.data{background:#e6f9f5;color:#00c29a}.fx-material-center .material-banner .banner-container .recommend-container .recommend-content .material-item .item-description .item-content .item-info.kg{background:#fff6eb;color:#ffa93a}.fx-material-center .material-banner .banner-container .recommend-container .recommend-content .material-item .item-description .item-content .item-info.article{background:#fff0ee;color:#fa6756}.fx-material-center .material-banner .banner-container .recommend-container .recommend-content .material-item .item-description .item-content .item-info.video{background:#f2edfd;color:#7e47eb}.fx-material-center .material-banner .banner-container .recommend-container .recommend-content .material-item .item-description .item-content .item-date{color:#838892;font-size:14px;font-weight:400;line-height:28px;text-align:right}.fx-material-center .material-banner .banner-container .recommend-container .recommend-content .material-item img{border-radius:4px;height:80px;width:150px}.fx-material-center .material-banner .banner-container .recommend-container .recommend-content .material-item:hover{cursor:pointer}.fx-material-center .material-banner .banner-container .recommend-container .recommend-content .material-item:hover .item-description .item-title{color:#00c29a}.fx-material-center .material-banner .material-swiper-container{margin:0;width:648px}.fx-material-center .material-banner .material-swiper-container .swiper-wrapper{height:360px}.fx-material-center .material-banner .material-swiper-container .swiper-wrapper .swiper-slide img{border-radius:8px;height:360px}.fx-material-center .material-banner .material-swiper-container .banner-swiper-pagination{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;bottom:0;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;height:24px;-webkit-justify-content:center;justify-content:center;position:absolute;z-index:1}.fx-material-center .material-banner .material-swiper-container .banner-swiper-pagination .swiper-pagination-bullet{background:none;border-radius:2px;height:24px;width:24px}.fx-material-center .material-banner .material-swiper-container .banner-swiper-pagination .swiper-pagination-bullet .swiper-pagination-bar{background:#fff;border-radius:2px;display:block;height:4px;margin-top:4px;opacity:.5;width:24px}.fx-material-center .material-banner .material-swiper-container .banner-swiper-pagination .swiper-pagination-bullet-active .swiper-pagination-bar{opacity:1}.fx-material-center .search-wrapper{background:#fff;border-radius:0 0 16px 16px;margin:auto;max-width:1248px;padding:0 24px;top:60px}.fx-material-center .center-combine-search{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;background:#fff;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);display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:12px;-webkit-justify-content:center;justify-content:center;margin:24px auto 0;padding:24px;width:100%}.fx-material-center .center-combine-search .combine-search-item{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.fx-material-center .center-combine-search .combine-search-item .item-name{-ms-flex-negative:0;color:#141e31;-webkit-flex-shrink:0;flex-shrink:0;font-size:14px;font-weight:500;height:20px;line-height:20px;text-align:justify;width:84px}.fx-material-center .center-combine-search .combine-search-item .item-name:after{content:"";display:inline-block;width:100%}.fx-material-center .center-combine-search .search-scene-container,.fx-material-center .center-combine-search .search-topic-container,.fx-material-center .center-combine-search .search-type-container{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;width:100%}.fx-material-center .center-combine-search .search-scene-container .menu-selector,.fx-material-center .center-combine-search .search-topic-container .menu-selector,.fx-material-center .center-combine-search .search-type-container .menu-selector{color:#141e31;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;font-weight:400;gap:4px}.fx-material-center .center-combine-search .search-scene-container .menu-item,.fx-material-center .center-combine-search .search-scene-container .more-btn,.fx-material-center .center-combine-search .search-topic-container .menu-item,.fx-material-center .center-combine-search .search-topic-container .more-btn,.fx-material-center .center-combine-search .search-type-container .menu-item,.fx-material-center .center-combine-search .search-type-container .more-btn{border-radius:4px;color:#525967;cursor:pointer;font-size:14px;font-weight:400;height:100%;line-height:20px;padding:4px 12px;position:relative;text-align:center}.fx-material-center .center-combine-search .search-scene-container .menu-item:hover,.fx-material-center .center-combine-search .search-scene-container .more-btn:hover,.fx-material-center .center-combine-search .search-topic-container .menu-item:hover,.fx-material-center .center-combine-search .search-topic-container .more-btn:hover,.fx-material-center .center-combine-search .search-type-container .menu-item:hover,.fx-material-center .center-combine-search .search-type-container .more-btn:hover{background:#edeff3}.fx-material-center .center-combine-search .search-scene-container .menu-item.selected,.fx-material-center .center-combine-search .search-scene-container .more-btn.selected,.fx-material-center .center-combine-search .search-topic-container .menu-item.selected,.fx-material-center .center-combine-search .search-topic-container .more-btn.selected,.fx-material-center .center-combine-search .search-type-container .menu-item.selected,.fx-material-center .center-combine-search .search-type-container .more-btn.selected{background:#e5f9f5;color:#00c29a}.fx-material-center .center-combine-search .search-scene-container .more-btn,.fx-material-center .center-combine-search .search-topic-container .more-btn,.fx-material-center .center-combine-search .search-type-container .more-btn{position:relative}.fx-material-center .center-combine-search .search-scene-container .more-btn .drop-down-menu,.fx-material-center .center-combine-search .search-topic-container .more-btn .drop-down-menu,.fx-material-center .center-combine-search .search-type-container .more-btn .drop-down-menu{-webkit-box-orient:vertical;-webkit-box-direction:normal;background:#fff;border-radius:4px;-webkit-box-shadow:0 6px 10px 1px rgba(0,0,0,.06),0 3px 14px 2px rgba(0,0,0,.05);box-shadow:0 6px 10px 1px rgba(0,0,0,.06),0 3px 14px 2px rgba(0,0,0,.05);display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;display:none;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;left:12px;padding:4px;position:absolute;top:32px;width:112px;z-index:1}.fx-material-center .center-combine-search .search-scene-container .more-btn .drop-down-menu:before,.fx-material-center .center-combine-search .search-topic-container .more-btn .drop-down-menu:before,.fx-material-center .center-combine-search .search-type-container .more-btn .drop-down-menu:before{content:" ";height:5px;left:0;position:absolute;top:-5px;width:100%}.fx-material-center .center-combine-search .search-scene-container .more-btn .drop-down-menu .menu-item,.fx-material-center .center-combine-search .search-topic-container .more-btn .drop-down-menu .menu-item,.fx-material-center .center-combine-search .search-type-container .more-btn .drop-down-menu .menu-item{margin:0;padding:4px 8px;text-align:left}.fx-material-center .center-combine-search .search-scene-container .more-btn .drop-down-menu .menu-item.selected,.fx-material-center .center-combine-search .search-topic-container .more-btn .drop-down-menu .menu-item.selected,.fx-material-center .center-combine-search .search-type-container .more-btn .drop-down-menu .menu-item.selected{background:#00c29a;color:#fff}.fx-material-center .center-combine-search .search-scene-container .more-btn .drop-down-menu .menu-item.selected:after,.fx-material-center .center-combine-search .search-topic-container .more-btn .drop-down-menu .menu-item.selected:after,.fx-material-center .center-combine-search .search-type-container .more-btn .drop-down-menu .menu-item.selected:after{opacity:0}.fx-material-center .center-combine-search .search-scene-container .more-btn.active,.fx-material-center .center-combine-search .search-topic-container .more-btn.active,.fx-material-center .center-combine-search .search-type-container .more-btn.active{background:#e5f9f5;color:#00c29a}.fx-material-center .center-combine-search .search-scene-container .more-btn:hover .drop-down-menu,.fx-material-center .center-combine-search .search-topic-container .more-btn:hover .drop-down-menu,.fx-material-center .center-combine-search .search-type-container .more-btn:hover .drop-down-menu{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;z-index:1}.fx-material-center .search-header{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-top:60px;width:100%}.fx-material-center .search-header .search-title{color:#141e31;font-size:24px;font-weight:500;line-height:32px}.fx-material-center .search-header .search-block{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#f8fafb;border:1px solid #ddd;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;height:32px;-webkit-justify-content:space-between;justify-content:space-between;padding:0 12px;position:relative;width:240px}.fx-material-center .search-header .search-block.active{background:#fff;border-color:#00c29a}.fx-material-center .search-header .search-block .input-suffix{cursor:pointer}.fx-material-center .search-header .search-block .input-suffix i{color:#525967;font-size:16px}.fx-material-center .search-header .search-block .input-suffix .icon-search{color:#fff;position:relative;z-index:2}.fx-material-center .search-header .search-block .input-suffix:after{background-color:#00c29a;border-radius:0 4px 4px 0;content:"";cursor:pointer;height:32px;position:absolute;right:-1px;top:-1px;width:40px;z-index:1}.fx-material-center .search-header .search-block .search-input{color:#141e31;font-size:14px;width:145px}.fx-material-center .search-header .search-block .search-input::-webkit-input-placeholder{color:#b5b8be}.fx-material-center .search-header .search-block .icon-close-t{color:#838892;cursor:pointer;font-size:16px}.fx-material-center .search-header .search-block .icon-close-t.disabled{display:none}.fx-material-center .search-header .search-block .icon-close-t:hover{color:#00c29a}.fx-material-center .search-result-empty{padding-bottom:40px}.fx-material-center .search-result-empty .empty-img{width:242px}.fx-material-center .search-result-empty .empty-tip{color:#91a1b7;font-size:14px;line-height:24px;margin:10px 0 24px}.fx-material-center .search-result-empty .btn-container{gap:24px}.fx-material-center .search-result-empty .btn-container,.fx-material-center .search-result-empty .green-btn{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.fx-material-center .search-result-empty .green-btn{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#00c29a;border-radius:4px;color:#fff;font-size:18px;font-weight:500;gap:8px;line-height:24px;padding:12px 32px;text-align:center;width:168px}.fx-material-center .search-result-empty .green-btn i{font-size:24px;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.fx-material-center .search-result-empty .green-btn:hover{background:#4dd4b8}.fx-material-center .search-result-empty .green-btn:hover .icon-next{-webkit-transform:translate(12px);transform:translate(12px)}.fx-material-center .search-result-empty .green-border-btn{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:hsla(0,0%,100%,.6);border:1px solid #00c29a;border-radius:4px;color:#00c29a;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;font-size:18px;font-weight:500;gap:8px;-webkit-justify-content:center;justify-content:center;line-height:24px;padding:12px 32px;text-align:center;width:170px}.fx-material-center .search-result-empty .green-border-btn i{font-size:24px;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.fx-material-center .search-result-empty .green-border-btn:hover{background:#e6f9f5}.fx-material-center .search-result-empty .green-border-btn:hover .icon-next{-webkit-transform:translate(12px);transform:translate(12px)}.fx-material-center .result-tag{color:#141e31;font-size:14px;font-weight:500;line-height:20px;margin:20px 24px 0;width:1200px}.fx-material-center .result-tag .tags{height:20px;overflow:hidden;text-align:justify;width:84px}.fx-material-center .result-tag .tags:after{content:"";display:inline-block;width:100%}.fx-material-center .result-tag .tag-container{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;margin-bottom:-20px}.fx-material-center .result-tag .tag-container .selectTags{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;gap:12px}.fx-material-center .result-tag .tag-container .selectTags .tag{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#e6f9f5;border:1px solid #4dd4b8;border-radius:4px;color:#00c29a;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;font-size:14px;font-weight:400;gap:4px;line-height:20px;padding:4px 8px 4px 12px}.fx-material-center .result-tag .tag-container .selectTags .tag i{cursor:pointer}.fx-material-center .result-tag .tag-container .selectTags .clear{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;color:#141e31;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;font-size:14px;font-weight:400;gap:4px;line-height:20px}.fx-material-center .result-tag .tag-container .selectTags .clear i{color:#838892;margin-left:12px}.fx-material-center .result-tag .tag-container .selectTags .clear:hover,.fx-material-center .result-tag .tag-container .selectTags .clear:hover i{color:#00c29a}.fx-material-center .material-wrapper{margin-top:40px}.fx-material-center .material-wrapper #material-content,.fx-material-center .material-wrapper #material-content-mobile{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:32px;margin:0 auto;max-width:1200px}.fx-material-center .material-wrapper #material-content .material-item,.fx-material-center .material-wrapper #material-content-mobile .material-item{background-color:#fff;border:1px solid #ebecee;border-radius:8px;-webkit-box-shadow:0 6px 18px 2px rgba(0,0,0,.06);box-shadow:0 6px 18px 2px rgba(0,0,0,.06);height:292px;overflow:hidden;position:relative;-webkit-transition:all .2s;transition:all .2s;width:274px}.fx-material-center .material-wrapper #material-content .material-item:hover,.fx-material-center .material-wrapper #material-content-mobile .material-item:hover{-webkit-box-shadow:0 20px 40px 0 rgba(16,20,40,.1);box-shadow:0 20px 40px 0 rgba(16,20,40,.1);-webkit-transform:translateY(-6px);transform:translateY(-6px)}.fx-material-center .material-wrapper #material-content .material-item .item-labels,.fx-material-center .material-wrapper #material-content-mobile .material-item .item-labels{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;left:0;padding:0 20px;position:absolute;top:0}.fx-material-center .material-wrapper #material-content .material-item .item-labels .label,.fx-material-center .material-wrapper #material-content-mobile .material-item .item-labels .label{color:#fff;font-size:16px;height:120px;height:60px;margin:0 2px;padding-top:4px;text-align:center;width:30px}.fx-material-center .material-wrapper #material-content .material-item .item-labels .label.blue,.fx-material-center .material-wrapper #material-content-mobile .material-item .item-labels .label.blue{background:linear-gradient(-20deg,transparent 20%,#5285cc 0),linear-gradient(20deg,transparent 20%,#5285cc 0)}.fx-material-center .material-wrapper #material-content .material-item .item-labels .label.red,.fx-material-center .material-wrapper #material-content-mobile .material-item .item-labels .label.red{background:linear-gradient(-20deg,transparent 20%,#e65555 0),linear-gradient(20deg,transparent 20%,#e65555 0)}.fx-material-center .material-wrapper #material-content .material-item .item-labels .label.yellow,.fx-material-center .material-wrapper #material-content-mobile .material-item .item-labels .label.yellow{background:linear-gradient(-20deg,transparent 20%,#cca37a 0),linear-gradient(20deg,transparent 20%,#cca37a 0)}.fx-material-center .material-wrapper #material-content .material-item .item-labels .label.orange,.fx-material-center .material-wrapper #material-content-mobile .material-item .item-labels .label.orange{background:linear-gradient(-20deg,transparent 20%,#ff971e 0),linear-gradient(20deg,transparent 20%,#ff971e 0)}.fx-material-center .material-wrapper #material-content .material-item .item-image,.fx-material-center .material-wrapper #material-content-mobile .material-item .item-image{display:block;height:148px;width:100%}.fx-material-center .material-wrapper #material-content .material-item .item-description,.fx-material-center .material-wrapper #material-content-mobile .material-item .item-description{padding:16px 20px 20px}.fx-material-center .material-wrapper #material-content .material-item .item-description .item-title,.fx-material-center .material-wrapper #material-content-mobile .material-item .item-description .item-title{color:#141e31;font-size:16px;font-weight:500;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fx-material-center .material-wrapper #material-content .material-item .item-description .item-desc,.fx-material-center .material-wrapper #material-content-mobile .material-item .item-description .item-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#525967;display:-webkit-box;font-size:14px;font-weight:400;height:40px;line-height:20px;margin-bottom:16px;margin-top:8px;overflow:hidden;text-overflow:ellipsis}.fx-material-center .material-wrapper #material-content .material-item .item-description .item-content,.fx-material-center .material-wrapper #material-content-mobile .material-item .item-description .item-content{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.fx-material-center .material-wrapper #material-content .material-item .item-description .item-content .item-info,.fx-material-center .material-wrapper #material-content-mobile .material-item .item-description .item-content .item-info{border-radius:4px;font-size:12px;font-weight:400;padding:2px 8px}.fx-material-center .material-wrapper #material-content .material-item .item-description .item-content .item-info.book,.fx-material-center .material-wrapper #material-content-mobile .material-item .item-description .item-content .item-info.book{background:#eaf6ff;color:#2ea1ff}.fx-material-center .material-wrapper #material-content .material-item .item-description .item-content .item-info.ppt,.fx-material-center .material-wrapper #material-content-mobile .material-item .item-description .item-content .item-info.ppt{background:#e6f7fa;color:#00aed1}.fx-material-center .material-wrapper #material-content .material-item .item-description .item-content .item-info.data,.fx-material-center .material-wrapper #material-content-mobile .material-item .item-description .item-content .item-info.data{background:#e6f9f5;color:#00c29a}.fx-material-center .material-wrapper #material-content .material-item .item-description .item-content .item-info.kg,.fx-material-center .material-wrapper #material-content-mobile .material-item .item-description .item-content .item-info.kg{background:#fff6eb;color:#ffa93a}.fx-material-center .material-wrapper #material-content .material-item .item-description .item-content .item-info.article,.fx-material-center .material-wrapper #material-content-mobile .material-item .item-description .item-content .item-info.article{background:#fff0ee;color:#fa6756}.fx-material-center .material-wrapper #material-content .material-item .item-description .item-content .item-info.video,.fx-material-center .material-wrapper #material-content-mobile .material-item .item-description .item-content .item-info.video{background:#f2edfd;color:#7e47eb}.fx-material-center .material-wrapper #material-content .material-item .item-description .item-content .item-date,.fx-material-center .material-wrapper #material-content-mobile .material-item .item-description .item-content .item-date{color:#838892;font-size:12px;font-weight:400;line-height:20px;text-align:right}.fx-material-center .material-wrapper #material-content{margin-bottom:60px}.fx-material-center .material-wrapper .pagination-wrapper{gap:16px}.fx-material-center .material-wrapper .pagination-wrapper,.fx-material-center .material-wrapper .pagination-wrapper .pagination-item{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.fx-material-center .material-wrapper .pagination-wrapper .pagination-item{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border:1px solid #ebecee;border-radius:4px;color:#525967;font-size:18px;font-weight:500;height:48px;line-height:24px;padding:12px 19px;text-align:center;width:48px}.fx-material-center .material-wrapper .pagination-wrapper .pagination-item:hover{background:#e6f9f5;border:1px solid #00c29a;color:#00c29a;cursor:pointer}.fx-material-center .material-wrapper .pagination-wrapper .pagination-item.active{background:#00c29a;color:#fff}.fx-material-center .material-wrapper .pagination-wrapper .next,.fx-material-center .material-wrapper .pagination-wrapper .prev{padding:12px 16px}.fx-material-center .material-wrapper .pagination-wrapper .next i,.fx-material-center .material-wrapper .pagination-wrapper .prev i{font-size:24px}.fx-material-center .material-wrapper .more-case-btn{display:none}.fx-material-center .banner-img{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:url(https://blog-assets.jiandaoyun.com/v442/index/customercase/banner-bg.png) no-repeat 50%;background-size:cover;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:360px;margin-top:80px}.fx-material-center .banner-img .title{color:#141e31;font-size:40px;font-weight:500;line-height:56px;margin-bottom:0;margin-top:88px;text-align:center}.fx-material-center .banner-img .subtitle{color:#525967;font-size:18px;font-weight:400;line-height:24px;margin-top:12px;text-align:center}.fx-material-center .banner-img .green-btn{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#00c29a;border-radius:4px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;font-size:18px;font-weight:500;gap:8px;-webkit-justify-content:center;justify-content:center;line-height:24px;margin-top:48px;padding:12px 32px;text-align:center;width:204px}.fx-material-center .banner-img .green-btn i{font-size:24px;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.fx-material-center .banner-img .green-btn:hover{background:#4dd4b8}.fx-material-center .banner-img .green-btn:hover .icon-next{-webkit-transform:translate(12px);transform:translate(12px)}.fx-material-center .search-result-empty{color:#5e6d82;font-size:16px;line-height:26px;padding:148px 0 0;text-align:center}.fx-material-center .search-result-empty img{height:141px;margin-bottom:20px;width:226px}.fx-material-center .search-result-empty .reload{color:#0db3a6;margin-top:25px;text-decoration:underline}@media screen and (max-width:1200px){.fx-material-center #material-content,.fx-material-center #material-content-mobile{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}}@media screen and (max-width:1180px){.fx-material-center .bricks{padding:0;width:100%}.fx-material-center .material-wrapper #material-content .material-item,.fx-material-center .material-wrapper #material-content-mobile .material-item{width:274px}.fx-material-center .material-wrapper #material-content .material-item .item-image,.fx-material-center .material-wrapper #material-content-mobile .material-item .item-image{width:100%}.fx-material-center .material-wrapper #material-content .material-item .item-description .item-title,.fx-material-center .material-wrapper #material-content-mobile .material-item .item-description .item-title{color:#141e31;font-size:18px;line-height:24px}.fx-material-center .material-wrapper #material-content .material-item .item-description .item-info span,.fx-material-center .material-wrapper #material-content-mobile .material-item .item-description .item-info span{font-size:12px;line-height:14px;padding:2px 5px}.fx-material-center .search-result-empty{padding:60px 50px}}@media screen and (max-width:1000px){.fx-material-center .material-banner{padding-top:84px}.fx-material-center .material-banner .banner-container{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin:0 16px}}@media screen and (max-width:800px){.fx-material-center .desktop{display:none!important}.fx-material-center .material-banner{background:url(https://blog-assets.jiandaoyun.com/v442/index/material/index_banner_m.png) no-repeat 50%;background-size:cover;height:auto}.fx-material-center .material-banner .banner-container{-webkit-box-pack:center;-ms-flex-pack:center;border-radius:8px;-webkit-justify-content:center;justify-content:center;margin:0 auto 24px;padding:8px;width:calc(100% - 32px)}.fx-material-center .material-banner .banner-container .material-swiper-container-mobile{display:block;width:100%}.fx-material-center .material-banner .banner-container .material-swiper-container-mobile .swiper-wrapper{height:100%}.fx-material-center .material-banner .banner-container .material-swiper-container-mobile .swiper-wrapper .swiper-slide img{border-radius:4px}.fx-material-center .material-banner .banner-container .material-swiper-container-mobile .banner-swiper-pagination{bottom:5px;position:absolute;z-index:1}.fx-material-center .material-banner .banner-container .material-swiper-container-mobile .banner-swiper-pagination .swiper-pagination-bullet{background:#fff;border-radius:4px;height:8px;opacity:.4;width:8px}.fx-material-center .material-banner .banner-container .material-swiper-container-mobile .banner-swiper-pagination .swiper-pagination-bullet-active{opacity:1}.fx-material-center .material-center-mobile{display:block}.fx-material-center .material-center-mobile .material-center-search-mobile{background-color:#fff;padding:10px 24px 4px;position:-webkit-sticky;position:sticky;top:60px;z-index:1}.fx-material-center .material-center-mobile .customer-filter-search-mobile{-webkit-box-pack:center;-ms-flex-pack:center;background-color:#fff;border-bottom:1px solid #ebecee;color:#141e31;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;font-size:14px;font-weight:500;gap:24px;-webkit-justify-content:center;justify-content:center;line-height:20px;position:-webkit-sticky;position:sticky;text-align:center;top:114px;z-index:1}.fx-material-center .material-center-mobile .customer-filter-search-mobile .all-case,.fx-material-center .material-center-mobile .customer-filter-search-mobile .filter-case{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;color:#141e31;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;gap:4px;padding:16px}.fx-material-center .material-center-mobile .customer-filter-search-mobile .all-case .iconfont,.fx-material-center .material-center-mobile .customer-filter-search-mobile .filter-case .iconfont{color:#838892}.fx-material-center .material-center-mobile .material-wrapper{margin-top:0;padding:30px 30px 0}.fx-material-center .material-center-mobile .material-wrapper #material-content,.fx-material-center .material-center-mobile .material-wrapper #material-content-mobile{gap:24px}.fx-material-center .material-center-mobile .material-wrapper #material-content .material-item,.fx-material-center .material-center-mobile .material-wrapper #material-content .material-item .item-image,.fx-material-center .material-center-mobile .material-wrapper #material-content-mobile .material-item,.fx-material-center .material-center-mobile .material-wrapper #material-content-mobile .material-item .item-image{height:100%;width:100%}.fx-material-center .material-center-mobile .material-wrapper #material-content .material-item .item-description .item-title,.fx-material-center .material-center-mobile .material-wrapper #material-content-mobile .material-item .item-description .item-title{font-size:16px;height:24px;line-height:24px}.fx-material-center .material-center-mobile .material-wrapper #material-content .material-item .item-description .item-info span,.fx-material-center .material-center-mobile .material-wrapper #material-content-mobile .material-item .item-description .item-info span{border-radius:2px;font-size:12px;line-height:20px;margin-right:6px;padding:2px 6px}.fx-material-center .material-center-mobile .search-block-mobile,.fx-material-center .material-center-mobile .search-block-mobile-mask{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;background:#f4f6f9;border:1px solid #ddd;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;height:40px;-webkit-justify-content:space-between;justify-content:space-between;padding-left:12px;position:relative;width:100%}.fx-material-center .material-center-mobile .search-block-mobile .input-suffix,.fx-material-center .material-center-mobile .search-block-mobile-mask .input-suffix{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;height:40px;-webkit-justify-content:center;justify-content:center;width:40px}.fx-material-center .material-center-mobile .search-block-mobile .input-suffix i,.fx-material-center .material-center-mobile .search-block-mobile-mask .input-suffix i{color:#525967;font-size:20px}.fx-material-center .material-center-mobile .search-block-mobile .input-suffix .icon-search,.fx-material-center .material-center-mobile .search-block-mobile-mask .input-suffix .icon-search{color:#fff;position:relative;z-index:2}.fx-material-center .material-center-mobile .search-block-mobile .input-suffix:after,.fx-material-center .material-center-mobile .search-block-mobile-mask .input-suffix:after{background-color:#00c29a;border-radius:0 4px 4px 0;content:"";height:40px;position:absolute;right:-1px;top:-1px;width:40px;z-index:1}.fx-material-center .material-center-mobile .search-block-mobile .search-input-mobile,.fx-material-center .material-center-mobile .search-block-mobile-mask .search-input-mobile{-webkit-box-flex:1;-ms-flex-positive:1;color:#141e31;-webkit-flex-grow:1;flex-grow:1;font-size:14px}.fx-material-center .material-center-mobile .search-block-mobile .search-input-mobile::-webkit-input-placeholder,.fx-material-center .material-center-mobile .search-block-mobile-mask .search-input-mobile::-webkit-input-placeholder{color:#91a1b7}.fx-material-center .material-center-mobile .search-block-mobile .icon-close-t,.fx-material-center .material-center-mobile .search-block-mobile-mask .icon-close-t{color:#838892;cursor:pointer;font-size:20px;margin-right:10px}.fx-material-center .material-center-mobile .search-block-mobile .icon-close-t.disabled,.fx-material-center .material-center-mobile .search-block-mobile-mask .icon-close-t.disabled{display:none}.fx-material-center .material-center-mobile .material-center-wrapper{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;position:relative}.fx-material-center .material-center-mobile .material-center-wrapper .mobile-block{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.fx-material-center .material-center-mobile .search-mask-mobile{background:rgba(0,0,0,.25);overflow:hidden;position:fixed;-webkit-transition:all .3s linear;transition:all .3s linear;z-index:9999}.fx-material-center .material-center-mobile .search-mask-mobile.show{bottom:0;left:0;position:fixed;right:0;top:0}.fx-material-center .material-center-mobile .search-mask-mobile .search-panel{background:#fff;bottom:0;height:100%;left:0;padding:0 16px;position:absolute;right:0;top:0}.fx-material-center .material-center-mobile .search-mask-mobile .search-panel .search-header-mobile{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;color:#00c29a;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;font-size:16px;-webkit-justify-content:space-between;justify-content:space-between;line-height:48px;padding:0}.fx-material-center .material-center-mobile .search-mask-mobile .search-panel .search-block-mobile-mask{margin:8px 0}.fx-material-center .material-center-mobile .search-mask-mobile .search-panel .combine-search-mobile{height:85%;overflow-y:scroll}.fx-material-center .material-center-mobile .search-mask-mobile .search-panel .ok-btn{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#00c29a;border-radius:4px;bottom:10px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;font-size:16px;font-weight:500;-webkit-justify-content:center;justify-content:center;line-height:24px;padding:12px 0;position:absolute;text-align:center;width:calc(100% - 32px)}.fx-material-center .material-center-mobile .search-mask-mobile .search-panel .cate-module{padding-top:15px;position:relative}.fx-material-center .material-center-mobile .search-mask-mobile .search-panel .cate-module .cate-title{color:#141e31;font-size:15px;font-weight:500;line-height:19px;margin-bottom:10px;padding:0 5px}.fx-material-center .material-center-mobile .search-mask-mobile .search-panel .cate-module .cate-list{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden}.fx-material-center .material-center-mobile .search-mask-mobile .search-panel .cate-module .cate-list .cate-item{height:40px;margin-bottom:12px;padding:0 6px;width:33.3%}.fx-material-center .material-center-mobile .search-mask-mobile .search-panel .cate-module .cate-list .cate-item.selected .cate-info{background:#e6f9f5;color:#00c29a}.fx-material-center .material-center-mobile .search-mask-mobile .search-panel .cate-module .cate-list .cate-item .cate-info{background:#f4f4f4;border-radius:3px;color:#141e31;display:inline-block;font-size:13px;height:100%;line-height:38px;text-align:center;width:100%}.fx-material-center .mobile-btn-container{background-color:#fff;bottom:0;gap:7px;height:64px;padding:8px 16px;position:fixed;width:100%;z-index:1}.fx-material-center .mobile-btn-container,.fx-material-center .mobile-btn-container .green-border-btn{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.fx-material-center .mobile-btn-container .green-border-btn{background:hsla(0,0%,100%,.6);border:1px solid #00c29a;border-radius:4px;color:#00c29a;font-size:18px;font-weight:500;line-height:24px;padding:12px 32px;text-align:center;width:50%}.fx-material-center .mobile-btn-container .green-btn{background:#00c29a;border-radius:4px;color:#fff;font-size:18px;font-weight:500;gap:8px;line-height:24px;padding:12px 32px;text-align:center;width:50%}.fx-material-center .mobile-back-to-top,.fx-material-center .mobile-btn-container .green-btn{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.fx-material-center .mobile-back-to-top{-ms-flex-negative:0;background:#fff;border-radius:50%;bottom:120px;-webkit-box-shadow:0 4px 16px 2px rgba(0,0,0,.1);box-shadow:0 4px 16px 2px rgba(0,0,0,.1);color:#00c29a;-webkit-flex-shrink:0;flex-shrink:0;height:48px;padding:8px;position:fixed;right:16px;width:48px;z-index:1}.fx-material-center .mobile-back-to-top i{font-size:32px}.fx-material-center .banner-img{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:url(https://blog-assets.jiandaoyun.com/v442/index/customercase/banner-bg-mobile.png) no-repeat 50%;background-size:cover;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:240px;margin-top:0}.fx-material-center .banner-img .title{font-size:24px;font-weight:500;line-height:32px;margin-top:65px;width:240px}.fx-material-center .banner-img .subtitle{font-size:14px;font-weight:400;line-height:20px;margin-top:16px}}@media screen and (max-width:450px){.fx-material-center .material-banner{height:auto;width:100%}.fx-material-center .material-banner .search-wrapper{height:40px;width:90%}.fx-material-center .material-banner .material-types{height:30px;line-height:30px;margin:15px auto}.fx-material-center .material-banner .material-types .type-item{font-size:14px;height:30px;line-height:14px}.fx-material-center .material-banner .material-types .type-item .item-name{margin-right:4px}.fx-material-center .material-banner .material-types .type-item.selected:after,.fx-material-center .material-banner .material-types .type-item:after{display:none}.fx-material-center .material-banner .material-types .type-item .menu-container{background-color:rgba(0,0,0,.25);bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:10}.fx-material-center .material-banner .material-types .type-item .menu-container .menu-selector{border-radius:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;left:0;padding:0 30px 60px;right:0;top:auto;width:auto}.fx-material-center .material-banner .material-types .type-item .menu-container .menu-selector .menu-item{height:20px;line-height:20px;margin:15px 0;width:100px}.fx-material-center .material-wrapper{padding:24px}.fx-material-center .material-wrapper .more-case-btn{background:#0db3a6;border-radius:3px;color:#fff;display:block;font-size:16px;font-weight:500;height:36px;line-height:36px;margin:20px auto 40px;text-align:center;width:125px}.fx-material-center .material-wrapper .pagination-wrapper{display:none}.fx-material-center .search-result-empty .empty-img{margin:0}.fx-material-center .search-result-empty .btn-container{gap:12px}.fx-material-center .search-result-empty .empty-bottom-btn,.fx-material-center .search-result-empty .empty-register-btn{font-size:16px;gap:4px;height:40px;padding:8px 20px;width:128px}.fx-material-center .search-result-empty .empty-bottom-btn .iconfont,.fx-material-center .search-result-empty .empty-register-btn .iconfont{font-size:16px}}