.fx-customer-case .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-customer-case .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-customer-case .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-customer-case .loading-container .skeleton-row .skeleton-tablet-hide{display:none}}@media screen and (width <= 580px){.fx-customer-case .loading-container{gap:30px}.fx-customer-case .loading-container .skeleton-row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.fx-customer-case .case-main{position:relative;margin:40px auto 0;padding-bottom:80px}.fx-customer-case .case-list{display:-webkit-box;display:flexbox;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:40px 20px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:48px}.fx-customer-case .header-anchor{position:absolute;top:-80px;left:0}.fx-customer-case .ant-pagination{height:48px}.fx-customer-case .ant-pagination .ant-pagination-item-active{font-weight:400;background-color:transparent;border:none}.fx-customer-case .ant-pagination .ant-pagination-item,.fx-customer-case .ant-pagination .ant-pagination-prev{margin-right:16px}.fx-customer-case .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-customer-case .ant-pagination .pagination-item>a{color:#525967;display:block;width:100%}.fx-customer-case .ant-pagination .pagination-item>a .ant-pagination-item-link-icon{color:#00c29a}.fx-customer-case .ant-pagination .pagination-item:hover{border:1px solid #00c29a;background:#e6f9f5}.fx-customer-case .ant-pagination .pagination-item:hover .iconfont,.fx-customer-case .ant-pagination .pagination-item:hover>a{color:#00c29a}.fx-customer-case .ant-pagination .pagination-item.active{background:#00c29a}.fx-customer-case .ant-pagination .pagination-item.active .iconfont,.fx-customer-case .ant-pagination .pagination-item.active>a{color:#fff}@media screen and (max-width:1200px){.fx-customer-case .case-list{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (max-width:768px){.fx-customer-case .ant-pagination{display:none}.fx-customer-case .case-list{margin-bottom:0;gap:35px 0}.fx-customer-case .case-list-container .mobile-loading-more,.fx-customer-case .case-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-customer-case .case-list-container .mobile-loading-more .iconfont{font-size:16px;-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite}.fx-customer-case .case-list-container .mobile-no-more{color:#838892;font-size:12px}.fx-customer-case .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-customer-case .case-card{position:relative;display:inline-block;width:285px;height:312px;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-customer-case .case-card>img{display:block}.fx-customer-case .case-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-customer-case .case-card .item-description{padding:20px 20px 0}.fx-customer-case .case-card .item-description .item-logo{width:auto;height:24px}.fx-customer-case .case-card .item-description .item-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#525967;text-overflow:ellipsis;height:48px;line-height:24px;color:#141e31;margin-top:16px;margin-bottom:12px}.fx-customer-case .case-card .item-description .tags{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fx-customer-case .case-card .item-description .tags .tag{background:#f0f1f4;border-radius:3px;padding:0 8px;display:inline-block;font-size:12px;color:#5e6d82;line-height:20px;text-align:center;margin-right:4px;max-width:80px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media screen and (max-width:768px){.fx-customer-case .case-card,.fx-customer-case .case-card>img{width:100%;height:auto}.fx-customer-case .case-card .item-description{padding:24px}.fx-customer-case .case-card .item-description .item-logo{height:20px}.fx-customer-case .case-card .item-description .item-desc{height:48px;line-height:24px;color:#141e31;margin-top:16px;margin-bottom:0}.fx-customer-case .case-card .item-description .tags{display:none}}.fx-customer-case .filter-menu-wrapper{padding-top:40px}.fx-customer-case .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-customer-case .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-customer-case .filter-menu-wrapper .material-search .ant-input-outlined:focus-within{border-color:#00c29a;-webkit-box-shadow:none;box-shadow:none;background:#fff}.fx-customer-case .filter-menu-wrapper .material-search .ant-input-outlined:hover{border-color:#00c29a;-webkit-box-shadow:none;box-shadow:none;background:#fff}.fx-customer-case .filter-menu-wrapper .material-search .ant-input-group-addon .ant-btn{padding:0 11px;background:#00c29a}.fx-customer-case .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-customer-case .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-customer-case .filter-menu-wrapper .filter-container .cate-title:after{display:inline-block;width:100%;content:""}.fx-customer-case .filter-menu-wrapper .filter-container .cate-block,.fx-customer-case .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-customer-case .filter-menu-wrapper .filter-container .menu-list{gap:4px;-ms-flex-wrap:wrap;flex-wrap:wrap}.fx-customer-case .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-customer-case .filter-menu-wrapper .filter-container .menu-item:hover{background:#edeff3}.fx-customer-case .filter-menu-wrapper .filter-container .menu-item.active{background:#e5f9f5;color:#00c29a}.fx-customer-case .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-customer-case .filter-menu-wrapper .filter-condition .title{font-weight:500}.fx-customer-case .filter-menu-wrapper .filter-condition .tags-list{gap:12px}.fx-customer-case .filter-menu-wrapper .filter-condition .tag,.fx-customer-case .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-customer-case .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-customer-case .filter-menu-wrapper .filter-condition .tag .icon-close-normal{cursor:pointer;font-size:16px}.fx-customer-case .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-customer-case .filter-menu-wrapper .filter-condition .clear-btn .icon-clear{font-size:16px;color:#838892}.fx-customer-case .filter-menu-wrapper .filter-condition .clear-btn:hover,.fx-customer-case .filter-menu-wrapper .filter-condition .clear-btn:hover .icon-clear{color:#00c29a}.fx-customer-case .filter-menu-mobile{display:none}@media screen and (max-width:768px){.fx-customer-case .filter-menu-wrapper{position:sticky;top:44px;z-index:1;padding-top:24px;background-color:#fff}.fx-customer-case .filter-menu-pc{display:none}.fx-customer-case .filter-menu-mobile{display:block}.fx-customer-case .filter-menu-mobile .material-search .ant-input-group-addon{height:40px;width:40px}.fx-customer-case .filter-menu-mobile .material-search .ant-input-group-addon .ant-btn{height:40px}.fx-customer-case .filter-menu-mobile .material-search .ant-input-affix-wrapper{height:40px;background:#f4f6f9}.fx-customer-case .filter-menu-mobile .material-search .ant-input::-webkit-input-placeholder{color:#838892}.fx-customer-case .filter-menu-mobile .material-search .ant-input::-moz-placeholder{color:#838892}.fx-customer-case .filter-menu-mobile .material-search .ant-input:-ms-input-placeholder{color:#838892}.fx-customer-case .filter-menu-mobile .material-search .ant-input::-ms-input-placeholder{color:#838892}.fx-customer-case .filter-menu-mobile .material-search .ant-input::placeholder{color:#838892}.fx-customer-case .filter-menu-mobile .filter-container-mobile{border-bottom:1px solid #ebecee;display:-ms-flexbox;display:flex;gap:24px}.fx-customer-case .filter-menu-mobile .filter-container-mobile,.fx-customer-case .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-customer-case .filter-menu-mobile .filter-container-mobile .filter-btn{display:flexbox;display:-ms-flexbox;display:flex;gap:4px;cursor:pointer;padding:16px;color:#141e31}.fx-customer-case .filter-menu-mobile .filter-container-mobile .filter-btn>span{font-size:14px;font-weight:600}.fx-customer-case .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-customer-case .banner-swiper-container{position:relative}.fx-customer-case .main-title{position:absolute;top:160px;z-index:9;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);color:#fff;font-size:48px;font-weight:700;line-height:48px;letter-spacing:-.96px}.fx-customer-case .banner-swiper{width:100%;height:520px;overflow:hidden}.fx-customer-case .banner-swiper .banner-content{position:relative;height:100%;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;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff}.fx-customer-case .banner-swiper .case-title{font-size:32px;font-weight:500;line-height:48px;margin-top:140px}.fx-customer-case .banner-swiper .case-description{font-size:18px;font-weight:400;line-height:24px;text-align:center;margin-top:12px}.fx-customer-case .banner-swiper .banner-btn-list{display:-webkit-box;display:flexbox;display:-ms-flexbox;display:flex;gap:24px;margin-top:40px}.fx-customer-case .banner-swiper .banner-btn-list .banner-btn .ant-btn{font-size:18px;height:50px;padding:0 34px}.fx-customer-case .banner-swiper .banner-btn-list .banner-btn .ant-btn .iconfont{font-size:20px}.fx-customer-case .banner-swiper .banner-btn-list .white-btn .ant-btn{border:1px solid #fff;background:hsla(0,0%,100%,.2);color:#fff}.fx-customer-case .banner-swiper .banner-btn-list .white-btn .ant-btn:hover{background:#fff!important}.fx-customer-case .banner-swiper .swiper-slide:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(20,30,49,.6)}.fx-customer-case .banner-swiper .swiper-item-0{background:url(https://blog-assets.jiandaoyun.com/home-next/_next/static/media/case_bg_1.cb2aef52.webp) no-repeat 50%;background-size:cover}.fx-customer-case .banner-swiper .swiper-item-1{background:url(https://blog-assets.jiandaoyun.com/home-next/_next/static/media/case_bg_2.31dbb90e.webp) no-repeat 50%;background-size:cover}.fx-customer-case .banner-swiper .swiper-item-2{background:url(https://blog-assets.jiandaoyun.com/home-next/_next/static/media/case_bg_3.ed605862.webp) no-repeat 50%;background-size:cover}.fx-customer-case .banner-swiper .swiper-item-3{background:url(https://blog-assets.jiandaoyun.com/home-next/_next/static/media/case_bg_4.0de5474c.webp) no-repeat 50%;background-size:cover}.fx-customer-case .banner-swiper .swiper-item-4{background:url(https://blog-assets.jiandaoyun.com/home-next/_next/static/media/case_bg_5.f11aa3d5.webp) no-repeat 50%;background-size:cover}.fx-customer-case .banner-swiper .swiper-item-5{background:url(https://blog-assets.jiandaoyun.com/home-next/_next/static/media/case_bg_6.3f57df4d.webp) no-repeat 50%;background-size:cover}.fx-customer-case .case-pagination-container{position:absolute;bottom:30px}.fx-customer-case .case-pagination-container .swiper-pagination-bullet{width:48px;height:6px;background:#fff;opacity:.2;margin:0 6px;border-radius:4px;position:relative}.fx-customer-case .case-pagination-container .swiper-pagination-bullet:before{content:"";border-radius:4px;position:absolute;top:0;left:0;right:0;width:0;height:100%;background:#00c29a;opacity:1}.fx-customer-case .case-pagination-container .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:.8}.fx-customer-case .case-pagination-container .swiper-pagination-bullet.swiper-pagination-bullet-active:before{width:100%;-webkit-transition:width 3s linear;transition:width 3s linear}.fx-customer-case .case-nav-container{position:absolute;top:240px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:2;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-customer-case .customer-arrow-left .iconfont,.fx-customer-case .customer-arrow-right .iconfont{font-size:48px;line-height:48px;color:#fff;-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.6;cursor:pointer}.fx-customer-case .customer-arrow-left .iconfont:hover,.fx-customer-case .customer-arrow-right .iconfont:hover{opacity:1}@media screen and (max-width:768px){.fx-customer-case .main-title{top:120px;font-size:32px;font-weight:500;line-height:48px;width:224px}.fx-customer-case .banner-swiper{width:100%;height:470px}.fx-customer-case .banner-swiper .case-title{font-size:20px;line-height:24px;margin-top:105px;text-align:center}.fx-customer-case .banner-swiper .case-description{font-size:18px;font-weight:400}.fx-customer-case .banner-swiper .banner-btn-list{gap:12px;margin-top:48px}.fx-customer-case .banner-swiper .banner-btn-list .banner-btn .ant-btn{font-size:16px;height:42px;padding:0 18px}.fx-customer-case .case-pagination-container .swiper-pagination-bullet{width:8px;height:8px;border-radius:50%}.fx-customer-case .case-pagination-container .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;background:#00c29a}.fx-customer-case .case-nav-container,.fx-customer-case .case-pagination-container .swiper-pagination-bullet.swiper-pagination-bullet-active:before{display:none}}