.light-mes-template-preview-drawer .ant-drawer-content-wrapper{max-width:1200px}.light-mes-template-preview-drawer .ant-drawer-header{padding:16px 24px;border-bottom:1px solid #ebecee}.light-mes-template-preview-drawer .ant-drawer-extra{-webkit-margin-end:0;margin-inline-end:0}.light-mes-template-preview-drawer .light-mes-preview-drawer-extra{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px}.light-mes-template-preview-drawer .light-mes-preview-drawer-extra .close-btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none;background:transparent;padding:0;cursor:pointer;color:#838892;font-size:16px;line-height:1}.light-mes-template-preview-drawer .light-mes-preview-drawer-extra .close-btn:hover{color:#141e31}.light-mes-template-preview-drawer .light-mes-preview-drawer-extra .fx-template-install-btn .ant-btn{height:32px;padding:0 16px;font-size:14px;border-radius:4px}.light-mes-template-preview-drawer .ant-drawer-body{height:calc(100% - 57px);overflow:hidden}.light-mes-template-preview-drawer .ant-drawer-title{font-size:16px;font-weight:500;color:#141e31}.light-mes-template-preview-drawer .template-preview-iframe{width:100%;height:100%;border:none;display:block;background:#fff}@media screen and (max-width:800px){.light-mes-template-preview-drawer .ant-drawer-content-wrapper{width:100%!important;max-width:none}}.fx-light-mes .case-slider-mobile{display:none}.fx-light-mes .light-mes-first-screen .lightweight-manage-background{background:#faffff}.fx-light-mes .light-mes-first-screen .lightweight-manage-background .lightweight-bg-img{background:url(https://blog-assets.jiandaoyun.com/home-next/_next/static/media/ssc_top_bg.1a31fcae.webp) no-repeat 50%;background-size:cover;height:600px;padding-top:160px}.fx-light-mes .light-mes-first-screen .lightweight-manage-background .lightweight-bg-img .lightweight-install-template{margin:0 auto}.fx-light-mes .light-mes-first-screen .lightweight-manage-title{text-align:center}.fx-light-mes .light-mes-first-screen .lightweight-manage-title .bricks-main-title{font-size:56px;line-height:72px;font-weight:600;color:#141e31}.fx-light-mes .light-mes-first-screen .lightweight-manage-title .lightweight-sub-title{margin:16px 0 40px}.fx-light-mes .light-mes-first-screen .lightweight-install-template .swiper-container{width:1200px;padding:14px}.fx-light-mes .light-mes-first-screen .lightweight-install-template .swiper-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fx-light-mes .light-mes-first-screen .lightweight-install-template .install-block{width:376px;background:#fff;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.08);border-radius:8px;padding:24px 16px 20px}.fx-light-mes .light-mes-first-screen .lightweight-install-template .install-block .title{font-size:20px;line-height:28px;margin-bottom:12px;text-align:left}.fx-light-mes .light-mes-first-screen .lightweight-install-template .install-block .slide-img{position:relative}.fx-light-mes .light-mes-first-screen .lightweight-install-template .install-block .slide-img img{width:100%;height:auto;margin-bottom:16px}.fx-light-mes .light-mes-first-screen .lightweight-install-template .install-block .slide-img .preview-btn{display:none;width:80px;height:32px;padding:0 16px;font-size:14px;color:#fff;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:rgba(0,0,0,.8);border-radius:16px;line-height:32px;text-align:center;cursor:pointer;border:none;outline:none}.fx-light-mes .light-mes-first-screen .lightweight-install-template .install-block .slide-img .preview-btn .img-icon{width:13px;height:8px;margin:-3px 3px 0 0;vertical-align:middle}.fx-light-mes .light-mes-first-screen .lightweight-install-template .install-block .slide-img:hover .preview-btn{display:block}.fx-light-mes .light-mes-first-screen .lightweight-install-template .install-block .fx-template-install-btn .ant-btn{width:100%}.fx-light-mes .light-mes-first-screen .lightweight-manage-problem{padding-top:198px}.fx-light-mes .light-mes-first-screen .lightweight-manage-problem .problem-list{padding:40px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fx-light-mes .light-mes-first-screen .lightweight-manage-problem .list-item{position:relative;overflow:hidden;width:274px;height:200px;background:#e6f9f5;-webkit-box-shadow:0 1px 4px rgba(20,30,49,.1);box-shadow:0 1px 4px rgba(20,30,49,.1);border-radius:8px;padding:33px 26px;cursor:pointer}.fx-light-mes .light-mes-first-screen .lightweight-manage-problem .list-item .item-content{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.fx-light-mes .light-mes-first-screen .lightweight-manage-problem .list-item .content-info img{width:48px;height:48px}.fx-light-mes .light-mes-first-screen .lightweight-manage-problem .list-item .decoration{width:60px;height:4px;border-radius:4px;background:#00c29a}.fx-light-mes .light-mes-first-screen .lightweight-manage-problem .list-item .title{font-size:20px;line-height:24px;font-weight:500}.fx-light-mes .light-mes-first-screen .lightweight-manage-problem .list-item .problem-hover-content{width:100%;height:100%;position:absolute;left:0;top:0;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform .2s linear;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear;background:#e6f9f5}.fx-light-mes .light-mes-first-screen .lightweight-manage-problem .list-item .problem-content{width:100%;height:100%;display:-webkit-box;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}.fx-light-mes .light-mes-first-screen .lightweight-manage-problem .list-item .problem-content .title{margin-bottom:16px}.fx-light-mes .light-mes-first-screen .lightweight-manage-problem .list-item .problem-content .info{font-size:14px;line-height:20px;color:#525252;text-align:center;padding:0 12px}.fx-light-mes .light-mes-first-screen .lightweight-manage-problem .list-item:hover .problem-hover-content{-webkit-transform:translateY(0);transform:translateY(0)}@media screen and (max-width:1280px){.fx-light-mes .light-mes-first-screen .lightweight-install-template .swiper-container{width:100%}.fx-light-mes .light-mes-first-screen .lightweight-install-template .install-block{width:33%}}@media screen and (max-width:800px){.fx-light-mes .case-slider-mobile{margin-top:32px;overflow:hidden}.fx-light-mes .case-slider-mobile,.fx-light-mes .case-slider-mobile .case-switch-container-mobile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fx-light-mes .case-slider-mobile .case-switch-container-mobile{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fx-light-mes .case-slider-mobile .case-switch-container-mobile .swiper-pagination-bullet{width:8px;height:8px;border-radius:4px;background:#838892;margin:0 4px;opacity:1}.fx-light-mes .case-slider-mobile .case-switch-container-mobile .swiper-pagination-bullet-active{background:#00c29a}.fx-light-mes .light-mes-first-screen .lightweight-manage-background{padding-top:0}.fx-light-mes .light-mes-first-screen .lightweight-manage-background .lightweight-bg-img{background-image:url(https://blog-assets.jiandaoyun.com/home-next/_next/static/media/ssc_top_bg_m.6b946568.webp);height:auto;padding-top:120px;padding-bottom:30px}.fx-light-mes .light-mes-first-screen .lightweight-install-template{padding:0}.fx-light-mes .light-mes-first-screen .lightweight-install-template .swiper-container{width:100%;padding:0;overflow:hidden}.fx-light-mes .light-mes-first-screen .lightweight-install-template .install-block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:240px;height:260px;margin-top:15px;padding:16px 12px;-ms-flex-negative:0;flex-shrink:0}.fx-light-mes .light-mes-first-screen .lightweight-install-template .install-block .title{font-size:18px;line-height:24px;font-weight:500;margin-bottom:3px}.fx-light-mes .light-mes-first-screen .lightweight-install-template .install-block .slide-img img{margin-bottom:8px}.fx-light-mes .light-mes-first-screen .lightweight-install-template .install-block .fx-template-install-btn .ant-btn{font-size:16px;height:40px;line-height:40px}.fx-light-mes .light-mes-first-screen .lightweight-install-template .swiper-slide-active.install-block{height:290px;margin-top:0}.fx-light-mes .light-mes-first-screen .lightweight-install-template .swiper-slide-active.install-block .fx-template-install-btn .ant-btn{background:#00c29a;color:#fff;border-color:#00c29a}.fx-light-mes .light-mes-first-screen .lightweight-manage-problem{padding-top:40px}.fx-light-mes .light-mes-first-screen .lightweight-manage-problem .problem-list{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fx-light-mes .light-mes-first-screen .lightweight-manage-problem .list-item{width:47%;height:168px;padding:20px 12px;margin-bottom:20px}}@media screen and (max-width:450px){.fx-light-mes .light-mes-first-screen .lightweight-manage-title{display:block;padding-top:0}.fx-light-mes .light-mes-first-screen .lightweight-manage-title .bricks-main-title{font-size:32px;line-height:48px;margin:0 auto 8px}.fx-light-mes .light-mes-first-screen .lightweight-manage-title .lightweight-sub-title{margin:0 15px 18px;font-size:18px;color:#141e31}.fx-light-mes .light-mes-first-screen .lightweight-manage-problem{padding-bottom:0}.fx-light-mes .light-mes-first-screen .lightweight-manage-problem .problem-list .list-item .item-content{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:distribute;justify-content:space-around}.fx-light-mes .light-mes-first-screen .lightweight-manage-problem .problem-list .list-item .item-content .content-info{color:#525967;font-size:14px}.fx-light-mes .light-mes-first-screen .lightweight-manage-problem .problem-list .list-item .item-content .content-info img{width:24px;height:24px}.fx-light-mes .light-mes-first-screen .lightweight-manage-problem .problem-list .list-item .item-content .content-info .title{color:#141e31;font-size:16px;font-weight:600;line-height:24px}}.fx-light-mes .light-mes-video-modal{position:fixed;inset:0;z-index:10001;display:-webkit-box;display:-ms-flexbox;display:flex;padding:48px 24px 24px;background:rgba(0,0,0,.92);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.fx-light-mes .light-mes-video-modal,.fx-light-mes .light-mes-video-modal__close{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fx-light-mes .light-mes-video-modal__close{position:absolute;top:16px;right:20px;z-index:1;width:44px;height:44px;padding:0;border:none;border-radius:50%;background:hsla(0,0%,55%,.95);color:#fff;font-size:18px;line-height:1;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.fx-light-mes .light-mes-video-modal__wrapper{width:100%;max-width:1000px}.fx-light-mes .light-mes-video-modal__video{width:100%;max-height:calc(100vh - 96px);border:none;border-radius:8px;background:#000;-webkit-box-shadow:0 16px 48px rgba(0,0,0,.45);box-shadow:0 16px 48px rgba(0,0,0,.45)}.fx-light-mes .light-point-brick{background-color:#fff}.fx-light-mes .light-point-brick .light-point{padding:80px 0}.fx-light-mes .light-point-brick .light-point .light-point-content{margin-top:40px}.fx-light-mes .light-point-brick .light-point .light-point-content .func-container{display:-webkit-box;display:-ms-flexbox;display:flex}.fx-light-mes .light-point-brick .light-point .light-point-content .func-container .func-pagination-container{width:47.5%;margin-right:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fx-light-mes .light-point-brick .light-point .light-point-content .func-container .func-pagination-container .func-pagination-item{width:100%;height:120px;padding:20px 16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;border-radius:8px;background:#e6f9f5;border:1px solid #e6f9f5;opacity:1;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.08);box-shadow:0 2px 4px rgba(0,0,0,.08)}.fx-light-mes .light-point-brick .light-point .light-point-content .func-container .func-pagination-container .func-pagination-item .func-pagination-title{color:#141e31;font-weight:600;font-size:20px;margin-bottom:8px}.fx-light-mes .light-point-brick .light-point .light-point-content .func-container .func-pagination-container .func-pagination-item .func-pagination-content{color:#525967;font-size:14px}.fx-light-mes .light-point-brick .light-point .light-point-content .func-container .func-pagination-container .swiper-pagination-bullet-active{background:url(https://blog-assets.jiandaoyun.com/home-next/_next/static/media/lightpointbackground.52aaad4b.webp) no-repeat 100%/100px 100px,linear-gradient(143.43deg,#e6f9f5 1.66%,#f0fffc 17.59%,#fff 35.91%),linear-gradient(0deg,#fff,#fff);border:1px solid #fff;-webkit-box-shadow:inset -2px 2px 2px 0 #e6f9f5,0 8px 16px 0 rgba(0,0,0,.08),inset 2px -2px 2px 0 #fff;box-shadow:inset -2px 2px 2px 0 #e6f9f5,0 8px 16px 0 rgba(0,0,0,.08),inset 2px -2px 2px 0 #fff}.fx-light-mes .light-point-brick .light-point .light-point-content .func-container .func-pagination-container .swiper-pagination-bullet-active .func-pagination-title{color:#00c29a}.fx-light-mes .light-point-brick .light-point .light-point-content .func-container .func-swiper-container{width:100%;height:auto}.fx-light-mes .light-point-brick .light-point .light-point-content .func-container .func-swiper-container .func-slide-animation-wrapper{position:relative;width:100%;height:100%}.fx-light-mes .light-point-brick .light-point .light-point-content .func-container .func-swiper-container .func-slide-animation-wrapper:hover .video-btn{background-position:0 -56px}.fx-light-mes .light-point-brick .light-point .light-point-content .func-container .func-swiper-container .func-slide-animation-wrapper:hover .mask{opacity:1}.fx-light-mes .light-point-brick .light-point .light-point-content .func-container .func-swiper-container .func-slide-animation-wrapper .video-btn{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:56px;height:56px;z-index:999;border:none;padding:0;background:url(https://blog-assets.jiandaoyun.com/home-next/_next/static/media/btn_copy.ca8cb715.png) no-repeat;background-size:100% 200%;background-position:0 0;cursor:pointer}.fx-light-mes .light-point-brick .light-point .light-point-content .func-container .func-swiper-container .func-slide-animation-wrapper .mask{position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(20,30,49,.4);opacity:0;border-radius:8px}.fx-light-mes .light-point-brick .light-point .light-point-content .func-container .func-swiper-container .func-slide-img{width:100%;height:100%;max-height:528px;border-radius:8px}@media screen and (max-width:1280px){.fx-light-mes .light-point-brick .light-point .light-point-content .func-container .func-pagination-container{width:auto;margin-right:2%}.fx-light-mes .light-point-brick .light-point .light-point-content .func-container .func-pagination-container .func-pagination-item{height:22%;padding:10px 16px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.fx-light-mes .light-point-brick .light-point .light-point-content .func-container .func-pagination-container .func-pagination-item .func-pagination-title{font-size:18px}.fx-light-mes .light-point-brick .light-point .light-point-content .func-container .func-swiper-container .func-swiper .func-slide{width:100%}.fx-light-mes .light-point-brick .light-point .light-point-content .func-container .func-swiper-container .func-swiper .func-slide .func-slide-desc{font-size:12px;margin-bottom:16px}}@media screen and (max-width:800px){.fx-light-mes .light-point-brick{margin:20px 0 40px}.fx-light-mes .light-point-brick .light-point{padding:0}.fx-light-mes .light-point-brick .light-point .light-point-content{margin-top:30px}.fx-light-mes .light-point-brick .light-point .light-point-content .light-point-list{list-style:none;padding:0;margin:0}.fx-light-mes .light-point-brick .light-point .light-point-content .light-point-list .light-point-item.active{background:url(https://blog-assets.jiandaoyun.com/home-next/_next/static/media/lightpointbackground.52aaad4b.webp) no-repeat 100% 0/100px 100px,linear-gradient(143.43deg,#e6f9f5 1.66%,#f0fffc 17.59%,#fff 35.91%),linear-gradient(0deg,#fff,#fff);border:1px solid #fff;-webkit-box-shadow:inset -2px 2px 2px 0 #e6f9f5,0 8px 16px 0 rgba(0,0,0,.08),inset 2px -2px 2px 0 #fff;box-shadow:inset -2px 2px 2px 0 #e6f9f5,0 8px 16px 0 rgba(0,0,0,.08),inset 2px -2px 2px 0 #fff}.fx-light-mes .light-point-brick .light-point .light-point-content .light-point-list .light-point-item.active .light-point-item-title{color:#00c29a}.fx-light-mes .light-point-brick .light-point .light-point-content .light-point-list .light-point-item.active .bricks-btn{display:none!important}.fx-light-mes .light-point-brick .light-point .light-point-content .light-point-list .light-point-item.active .light-point-item-img-wrapper{display:block!important}.fx-light-mes .light-point-brick .light-point .light-point-content .light-point-list .light-point-item{min-width:327px;padding:20px 16px;margin-bottom:16px;border-radius:8px;background-color:#fff;color:#525967;-webkit-box-shadow:0 1px 4px 0 rgba(20,30,49,.1),inset 0 1px 1px 0 #fff,inset 0 -1px 1px 0 hsla(0,0%,100%,.5);box-shadow:0 1px 4px 0 rgba(20,30,49,.1),inset 0 1px 1px 0 #fff,inset 0 -1px 1px 0 hsla(0,0%,100%,.5)}.fx-light-mes .light-point-brick .light-point .light-point-content .light-point-list .light-point-item .light-point-item-title{font-size:16px;font-weight:600;color:#141e31}.fx-light-mes .light-point-brick .light-point .light-point-content .light-point-list .light-point-item .light-point-item-text{font-size:14px;line-height:24px;padding:8px 0 12px}.fx-light-mes .light-point-brick .light-point .light-point-content .light-point-list .light-point-item .light-point-item-img-wrapper{display:none;position:relative}.fx-light-mes .light-point-brick .light-point .light-point-content .light-point-list .light-point-item .light-point-item-img-wrapper .func-slide-img{width:100%;height:auto;border-radius:10px}.fx-light-mes .light-point-brick .light-point .light-point-content .light-point-list .light-point-item .video-btn{position:absolute;left:50%;top:50%;width:56px;height:56px;margin-left:-28px;margin-top:-28px;z-index:999;border:none;padding:0;background:url(https://blog-assets.jiandaoyun.com/home-next/_next/static/media/btn_copy.ca8cb715.png) no-repeat;background-size:100% 200%;background-position:0 0;-webkit-transform:scale(.6);transform:scale(.6);cursor:pointer}.fx-light-mes .light-point-brick .light-point .light-point-content .light-point-list .light-point-item .bricks-btn{display:-webkit-box;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;width:112px;height:28px;font-size:14px;line-height:22px;border-radius:2px;color:#00c29a;background:#e6f9f5;border:none}.fx-light-mes .light-point-brick .light-point .light-point-content .light-point-list .light-point-item .bricks-btn i{margin-left:4px;-webkit-transition:none;transition:none}.fx-light-mes .light-point-brick .light-point .light-point-content .light-point-list .light-point-item .bricks-btn:hover{background:#00c29a;color:#fff}.fx-light-mes .light-point-brick .light-point .light-point-content .light-point-list .light-point-item .bricks-btn:hover i{-webkit-transform:none;transform:none}}.fx-light-mes .bricks-shadow.three-template{background:#f8fafb;padding:80px 0}.fx-light-mes .bricks-shadow.three-template .best-dev-container{padding-top:40px}.fx-light-mes .bricks-shadow.three-template .three-template-best-dev-pagination-container{width:100%;margin:0 auto 42px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fx-light-mes .bricks-shadow.three-template .dev-pagination-item{width:212px;height:56px;padding:8px 24px;border-radius:28px;border:1px solid #e7e7e7;background:#fff;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:48px;opacity:1}.fx-light-mes .bricks-shadow.three-template .dev-pagination-item:last-child{margin-right:0}.fx-light-mes .bricks-shadow.three-template .swiper-pagination-bullet-active.dev-pagination-item{color:#fff;background:#00c29a}.fx-light-mes .bricks-shadow.three-template .best-dev-main-container{height:438px;background:#fff;border-radius:8px}.fx-light-mes .bricks-shadow.three-template .dev-swiper-slide{padding:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fx-light-mes .bricks-shadow.three-template .dev-content-container{position:relative;width:50%;padding:28px}.fx-light-mes .bricks-shadow.three-template .dev-content-title{display:block;font-size:20px;font-weight:500;line-height:24px;margin-bottom:32px;color:#141e31}.fx-light-mes .bricks-shadow.three-template .goods-list .list-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px;margin-bottom:16px}.fx-light-mes .bricks-shadow.three-template .iconicon_gou{color:#00c29a;margin-right:8px}.fx-light-mes .bricks-shadow.three-template .dev-content-btn{position:absolute;bottom:40px}.fx-light-mes .bricks-shadow.three-template .dev-slide-video-wrapper{position:relative;width:50%}.fx-light-mes .bricks-shadow.three-template .dev-slide-video-wrapper img{width:100%;height:100%;border-radius:8px}.fx-light-mes .bricks-shadow.three-template .dev-slide-video-wrapper .video-btn{width:56px;height:56px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border:none;padding:0;border-radius:50%;background:url(https://blog-assets.jiandaoyun.com/home-next/_next/static/media/btn_copy.ca8cb715.png) no-repeat;background-size:100% 200%;background-position:0 0;z-index:2;cursor:pointer}.fx-light-mes .bricks-shadow.three-template .dev-slide-video-wrapper:hover .video-btn{background-position:0 -56px}.fx-light-mes .bricks-shadow.three-template .dev-slide-video-wrapper .mask{position:absolute;inset:0;border-radius:8px;background:rgba(20,30,49,.4);opacity:0}.fx-light-mes .bricks-shadow.three-template .dev-slide-video-wrapper:hover .mask{opacity:1}@media screen and (max-width:800px){.fx-light-mes .bricks-shadow.three-template{padding:60px 0;color:#141e31}.fx-light-mes .bricks-shadow.three-template .bricks{padding:0}.fx-light-mes .bricks-shadow.three-template .best-practice .best-practice-content{margin-top:24px}.fx-light-mes .bricks-shadow.three-template .best-practice .best-practice-content .best-m-swiper-wrapper{padding:8px 24px;overflow:hidden}.fx-light-mes .bricks-shadow.three-template .best-practice .best-practice-content .best-m-swiper-wrapper .best-slide{width:280px;height:300px;padding:28px 15px;margin-top:5px;position:relative}.fx-light-mes .bricks-shadow.three-template .best-practice .best-practice-content .best-m-swiper-wrapper .dev-content-container{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0}.fx-light-mes .bricks-shadow.three-template .best-practice .best-practice-content .best-m-swiper-wrapper .dev-content-container .dev-content-title{font-size:16px;font-weight:500;margin-bottom:0}.fx-light-mes .bricks-shadow.three-template .best-practice .best-practice-content .best-m-swiper-wrapper .dev-content-container .template-video-play{position:relative}.fx-light-mes .bricks-shadow.three-template .best-practice .best-practice-content .best-m-swiper-wrapper .dev-content-container .template-video-play .func-slide-img{width:100%;height:auto;border-radius:4px}.fx-light-mes .bricks-shadow.three-template .best-practice .best-practice-content .best-m-swiper-wrapper .dev-content-container .template-video-play .video-btn{position:absolute;left:50%;top:50%;width:56px;height:56px;margin-left:-28px;margin-top:-28px;z-index:999;border:none;padding:0;background:url(https://blog-assets.jiandaoyun.com/home-next/_next/static/media/btn_copy.ca8cb715.png) no-repeat;background-size:100% 200%;background-position:0 0;-webkit-transform:scale(.6);transform:scale(.6);cursor:pointer}.fx-light-mes .bricks-shadow.three-template .best-practice .best-practice-content .best-m-swiper-wrapper .dev-content-container .dev-content-btn .fx-template-install-btn .ant-btn{display:-webkit-box;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;width:112px;height:28px;font-size:14px;line-height:22px;border-radius:2px;color:#fff;background:#00c29a;border:none;padding:0}.fx-light-mes .bricks-shadow.three-template .best-practice .best-practice-content .best-navigation-m-container{margin-top:24px}.fx-light-mes .bricks-shadow.three-template .best-practice .best-practice-content .best-navigation-m-container,.fx-light-mes .bricks-shadow.three-template .best-practice .best-practice-content .best-navigation-m-container .three-template-best-pagination-container-m{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fx-light-mes .bricks-shadow.three-template .best-practice .best-practice-content .best-navigation-m-container .three-template-best-pagination-container-m .swiper-pagination-bullet{width:8px;height:8px;background:#838892;border-radius:4px;opacity:1;margin:0 4px}.fx-light-mes .bricks-shadow.three-template .best-practice .best-practice-content .best-navigation-m-container .three-template-best-pagination-container-m .swiper-pagination-bullet-active{background:#00c29a}}@media screen and (max-width:450px){.fx-light-mes .bricks-shadow.three-template{padding:44px 0}.fx-light-mes .bricks-shadow.three-template .best-practice .best-practice-content .best-m-swiper-wrapper .best-slide{width:240px;height:236px;padding:20px 12px;margin-top:16px}.fx-light-mes .bricks-shadow.three-template .best-practice .best-practice-content .best-m-swiper-wrapper .swiper-slide-active.best-slide{margin-top:0;height:262px}.fx-light-mes .bricks-shadow.three-template .dev-content-btn{position:relative;bottom:0;margin-top:10px}}.fx-light-mes .bricks.more{padding:80px 54px}.fx-light-mes .bricks.more .more-img-wrapper{padding:48px 0}.fx-light-mes .bricks.more .more-img-wrapper .more-img{width:100%;height:auto}.fx-light-mes .bricks.more .btn-container a{width:204px;margin:0 auto}@media screen and (max-width:800px){.fx-light-mes .bricks.more{padding:84px 30px}}@media screen and (max-width:450px){.fx-light-mes .bricks.more{padding:0 15px;margin-top:60px}.fx-light-mes .bricks.more .more-img-wrapper{padding:22px 0}.fx-light-mes .bricks.more .btn-container a{width:144px;height:40px;margin-bottom:30px}}.fx-light-mes .bricks-shadow.shadow4{background:#eaf4fd;padding:80px 0}.fx-light-mes .bricks-shadow.shadow4 .best-dev-container{padding-top:40px}.fx-light-mes .bricks-shadow.shadow4 .best-dev-pagination-container{width:100%;margin:0 auto 42px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.fx-light-mes .bricks-shadow.shadow4 .dev-pagination-item{width:212px;height:56px;padding:15px 24px;border-radius:28px;border:1px solid #e7e7e7;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;opacity:1;margin-right:48px}.fx-light-mes .bricks-shadow.shadow4 .dev-pagination-item img{height:100%}.fx-light-mes .bricks-shadow.shadow4 .swiper-pagination-bullet-active.dev-pagination-item{background:#00c29a}.fx-light-mes .bricks-shadow.shadow4 .swiper-pagination-bullet-active.dev-pagination-item img{-webkit-filter:invert(1) brightness(100);filter:invert(1) brightness(100)}.fx-light-mes .bricks-shadow.shadow4 .best-dev-main-container{height:400px;border-radius:8px;background:#fff}.fx-light-mes .bricks-shadow.shadow4 .dev-swiper-slide{display:-webkit-box;display:-ms-flexbox;display:flex}.fx-light-mes .bricks-shadow.shadow4 .dev-slide-img-wrapper{width:392px;height:400px}.fx-light-mes .bricks-shadow.shadow4 .dev-slide-img-wrapper img{width:392px;height:400px;-o-object-fit:cover;object-fit:cover;border-radius:8px 0 0 8px}.fx-light-mes .bricks-shadow.shadow4 .dev-content-container{position:relative;width:800px;padding:60px 80px}.fx-light-mes .bricks-shadow.shadow4 .dev-content-title{display:block;font-size:20px;font-weight:600;color:#141e31;margin-bottom:28px}.fx-light-mes .bricks-shadow.shadow4 .dev-content-subtitle{font-size:14px;line-height:22px;color:#525967;margin-bottom:40px}.fx-light-mes .bricks-shadow.shadow4 .dev-content-subtitle p{margin-bottom:20px}.fx-light-mes .bricks-shadow.shadow4 .dev-content-btn{position:absolute;bottom:52px}@media screen and (max-width:800px){.fx-light-mes .bricks-shadow.shadow4{padding:60px 0}.fx-light-mes .bricks-shadow.shadow4 .bricks{padding:0}.fx-light-mes .bricks-shadow.shadow4 .best-practice .best-practice-content{margin-top:24px}.fx-light-mes .bricks-shadow.shadow4 .best-practice .best-practice-content .best-m-swiper-wrapper{padding:8px 24px;overflow:hidden}.fx-light-mes .bricks-shadow.shadow4 .best-practice .best-practice-content .best-m-swiper-wrapper .best-slide{width:280px;height:470px;padding:28px 15px;margin-top:5px;position:relative}.fx-light-mes .bricks-shadow.shadow4 .best-practice .best-practice-content .best-m-swiper-wrapper .best-logo{height:28px;width:auto;margin-bottom:16px}.fx-light-mes .bricks-shadow.shadow4 .best-practice .best-practice-content .best-m-swiper-wrapper .best-logo.specify{height:24px;margin:2px 0 18px}.fx-light-mes .bricks-shadow.shadow4 .best-practice .best-practice-content .best-m-swiper-wrapper .best-img{width:100%;height:118px;-o-object-fit:cover;object-fit:cover;border-radius:4px;margin-bottom:16px}.fx-light-mes .bricks-shadow.shadow4 .best-practice .best-practice-content .best-m-swiper-wrapper .dev-content-container{position:relative;width:100%;height:auto;padding:0}.fx-light-mes .bricks-shadow.shadow4 .best-practice .best-practice-content .best-m-swiper-wrapper .dev-content-container .dev-content-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;color:#141e31;margin-bottom:0}.fx-light-mes .bricks-shadow.shadow4 .best-practice .best-practice-content .best-m-swiper-wrapper .dev-content-container .dev-content-subtitle{height:164px;margin-top:12px;margin-bottom:0;font-size:12px;line-height:20px;color:#525967;text-align:justify}.fx-light-mes .bricks-shadow.shadow4 .best-practice .best-practice-content .best-m-swiper-wrapper .dev-content-container .dev-content-subtitle p{margin-bottom:12px}.fx-light-mes .bricks-shadow.shadow4 .best-practice .best-practice-content .best-m-swiper-wrapper .dev-content-container .bricks-btn{position:absolute;bottom:28px;left:0;display:-webkit-box;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;width:112px;height:28px;font-size:14px;line-height:22px;border-radius:2px;color:#00c29a;background:#e6f9f5;border:none}.fx-light-mes .bricks-shadow.shadow4 .best-practice .best-practice-content .best-m-swiper-wrapper .dev-content-container .bricks-btn i{margin:2px 0 0 4px;-webkit-transition:none;transition:none}.fx-light-mes .bricks-shadow.shadow4 .best-practice .best-practice-content .best-m-swiper-wrapper .dev-content-container .bricks-btn:hover{background:#00c29a;color:#fff}.fx-light-mes .bricks-shadow.shadow4 .best-practice .best-practice-content .best-m-swiper-wrapper .dev-content-container .bricks-btn:hover i{-webkit-transform:none;transform:none}.fx-light-mes .bricks-shadow.shadow4 .best-practice .best-practice-content .best-navigation-m-container{margin-top:24px}.fx-light-mes .bricks-shadow.shadow4 .best-practice .best-practice-content .best-navigation-m-container,.fx-light-mes .bricks-shadow.shadow4 .best-practice .best-practice-content .best-navigation-m-container .best-pagination-container-m{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fx-light-mes .bricks-shadow.shadow4 .best-practice .best-practice-content .best-navigation-m-container .best-pagination-container-m .swiper-pagination-bullet{width:8px;height:8px;background:#838892;border-radius:4px;opacity:1;margin:0 4px}.fx-light-mes .bricks-shadow.shadow4 .best-practice .best-practice-content .best-navigation-m-container .best-pagination-container-m .swiper-pagination-bullet-active{background:#00c29a}}@media screen and (max-width:450px){.fx-light-mes .bricks-shadow.shadow4{padding:44px 0}.fx-light-mes .bricks-shadow.shadow4 .best-practice .best-practice-content .best-m-swiper-wrapper .best-slide{width:240px;height:486px}.fx-light-mes .bricks-shadow.shadow4 .best-practice .best-practice-content .best-m-swiper-wrapper .dev-content-container .bricks-btn{bottom:-48px}}.fx-light-mes .lightweight-material{background:#f8fafb;padding:80px 0}.fx-light-mes .lightweight-material .lightweight-sub-title{margin:16px 0 40px}.fx-light-mes .lightweight-material .material-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fx-light-mes .lightweight-material .material-item{border-radius:8px;width:22.8%;height:384px;border:1px solid rgba(0,194,154,.2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;-webkit-transition:width .2s ease,border-color .2s ease;transition:width .2s ease,border-color .2s ease}.fx-light-mes .lightweight-material .item-title{font-size:16px;line-height:24px;padding:33px 0;margin-bottom:25px;text-align:center;color:#141e31}.fx-light-mes .lightweight-material .material-item img{width:152px;margin-bottom:23px}.fx-light-mes .lightweight-material .material-item .bricks-btn{display:none}.fx-light-mes .lightweight-material .material-item.active{width:31.6%;border:1px solid #00c29a}.fx-light-mes .lightweight-material .material-item.active .item-title{width:100%;margin-bottom:25px;color:#fff;background:#00c29a;border-top-left-radius:8px;border-top-right-radius:8px;padding:16px 0}.fx-light-mes .lightweight-material .material-item.active .bricks-btn{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (max-width:800px){.fx-light-mes .lightweight-material{padding:40px 0}.fx-light-mes .lightweight-material .bricks{padding:0}.fx-light-mes .lightweight-material .material-wrapper-mobile{padding:0 24px;overflow:hidden}.fx-light-mes .lightweight-material .material-wrapper-mobile .material-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;width:260px;height:336px;margin-top:16px;padding-bottom:15px;border-radius:8px;border:1px solid rgba(0,194,154,.2);background:#fff;-ms-flex-negative:0;flex-shrink:0}.fx-light-mes .lightweight-material .material-wrapper-mobile .material-item .item-title{width:100%;height:48px;line-height:48px;margin-bottom:0;padding:0;font-weight:500;border-radius:8px 8px 0 0;text-align:center;color:#141e31}.fx-light-mes .lightweight-material .material-wrapper-mobile .material-item img{margin-bottom:0}.fx-light-mes .lightweight-material .material-wrapper-mobile .material-item .bricks-btn{display:none;width:144px;height:40px;line-height:40px;font-size:16px}.fx-light-mes .lightweight-material .material-wrapper-mobile .swiper-slide-active.material-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:368px;margin-top:0}.fx-light-mes .lightweight-material .material-wrapper-mobile .swiper-slide-active.material-item .item-title{color:#fff;background-color:#00c29a}.fx-light-mes .lightweight-material .material-wrapper-mobile .swiper-slide-active.material-item .bricks-btn{display:-webkit-box;display:-ms-flexbox;display:flex}.fx-light-mes .lightweight-material .material-m-container{margin-top:24px}.fx-light-mes .lightweight-material .material-m-container,.fx-light-mes .lightweight-material .material-m-container .material-pagination-container-m{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fx-light-mes .lightweight-material .material-m-container .material-pagination-container-m .swiper-pagination-bullet{width:8px;height:8px;background:#838892;border-radius:4px;opacity:1;margin:0 4px}.fx-light-mes .lightweight-material .material-m-container .material-pagination-container-m .swiper-pagination-bullet-active{background:#00c29a}}@media screen and (max-width:450px){.fx-light-mes .lightweight-material .bricks .lightweight-title{margin-bottom:20px}.fx-light-mes .lightweight-material .bricks .material-wrapper-mobile .material-item{margin-top:16px}.fx-light-mes .lightweight-material .bricks .material-wrapper-mobile .swiper-slide-active.material-item{height:368px;margin-top:0}}@-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-light-mes .lightweight-bottom-register{background:url(https://blog-assets.jiandaoyun.com/home-next/_next/static/media/bottom-bg.4afa6a8d.webp) no-repeat 50%;background-size:cover;height:360px;text-align:center;padding:80px 0}.fx-light-mes .lightweight-bottom-register .bricks{height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around}.fx-light-mes .lightweight-bottom-register .bricks,.fx-light-mes .lightweight-bottom-register .btn-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fx-light-mes .lightweight-bottom-register .btn-container{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:16px}@media screen and (max-width:450px){.fx-light-mes .lightweight-bottom-register{height:240px;padding:48px 0}.fx-light-mes .lightweight-bottom-register .btn-container .bricks-btn{width:160px;height:40px;font-size:16px;line-height:40px;padding:0 20px}.fx-light-mes .lightweight-bottom-register .web{display:none}}