@-webkit-keyframes x-rotate{
0%{-webkit-transform:rotate(0);transform:rotate(0)}
to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}
@keyframes x-rotate{
0%{-webkit-transform:rotate(0);transform:rotate(0)}
to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}
.fx-custom .top-banner{height:540px;background:url(../images/custom-top-banner.png) no-repeat 50%;background-size:cover;position:relative;text-align:center}
.fx-custom .top-banner .content{color:#fff;font-weight:100;margin-top:10px}
.fx-custom .top-banner .content .title{font-size:48px;margin-bottom:45px;font-weight:200;color:#fff}
.fx-custom .top-banner .content .description{font-size:20px;margin-bottom:100px}
.fx-custom .top-banner .content .btn-group .btn{background:#00cbbb;border-radius:2px}
.fx-custom .top-banner .content .btn-group .btn:hover{background:#00988c}
.fx-custom .top-banner .content{width:80%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.fx-custom .top-banner .content .description{margin-bottom:40px}
.fx-custom .top-banner .content .btn-group .btn{display:inline-block;font-size:20px;color:#fff;background:#0db3a6;padding:12px 20px;border-radius:6px;-webkit-transition:.2s;transition:.2s;margin:60px 20px 0;font-weight:400}
.fx-custom .top-banner .content .btn-group .btn:hover{background-color:#009b79}
.fx-custom .section-1 .title{font-size:36px;margin:80px 0 30px;text-align:center;color:#1f2d3d}
.fx-custom .section-1 .description{text-align:center;font-size:18px;color:#5e6d82;margin-bottom:74px}
.fx-custom .section-1 img{display:block;margin:0 auto;max-width:100%}
.fx-custom .section-1 img.img-mobile{display:none}
.fx-custom .section-2>.title{font-size:36px;text-align:center;margin:120px 0 31px;color:#1f2d3d}
.fx-custom .section-2>.description{text-align:center;font-size:18px;color:#5e6d82;margin-bottom:56px}
.fx-custom .section-2>.content{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:space-between;-ms-flex-pack:space-between;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;max-width:1114px;margin:0 auto}
.fx-custom .section-2 .now,.fx-custom .section-2 .traditional{width:500px}
.fx-custom .section-2 .now .title,.fx-custom .section-2 .traditional .title{color:#1f2d3d;font-size:20px;margin-bottom:34px;text-align:center}
.fx-custom .section-2 .compared-detail{position:relative}
.fx-custom .section-2 .compared-item{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center;height:50px;margin-bottom:18px;color:#5e6d82;font-size:16px;-webkit-transition:color .4s;transition:color .4s}
.fx-custom .section-2 .compared-item.active{color:#1f2d3d}
.fx-custom .section-2 .now-background,.fx-custom .section-2 .traditional-background{width:100%;height:50px;border-radius:6px;z-index:-1;-webkit-transition:top .4s;transition:top .4s}
.fx-custom .section-2 .traditional-background{position:absolute;top:0;left:0;background:#f6f6f6}
.fx-custom .section-2 .now-background{position:absolute;top:0;right:0;background:#e8fdfc}
.fx-custom .section-2 .center .title{color:#1f2d3d;font-size:20px;margin-bottom:34px;text-align:center}
.fx-custom .section-2 .center-item{height:50px;margin-bottom:18px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.fx-custom .section-2 .center-item img{opacity:.5;-webkit-transition:opacity .4s;transition:opacity .4s}
.fx-custom .section-2 .center-item.active img{opacity:1}
.fx-custom .section-3{max-width:1000px;margin:0 auto}
.fx-custom .section-3 .title{display:block;font-size:36px;margin:125px 0 0;text-align:center;color:#1f2d3d}
.fx-custom .section-3 .items-wrapper{padding-bottom:70px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.fx-custom .section-3 .items-wrapper .custom-item{display:inline-block;margin-top:100px;text-align:center}
.fx-custom .section-3 .items-wrapper .custom-item .top{height:95px;overflow:hidden;text-align:left}
.fx-custom .section-3 .items-wrapper .custom-item .top .t-left{display:inline-block;vertical-align:middle;font-size:72px;font-weight:300}
.fx-custom .section-3 .items-wrapper .custom-item .top .t-right{margin-left:10px;display:inline-block;vertical-align:middle}
.fx-custom .section-3 .items-wrapper .custom-item .top .t-right .item-title{font-size:18px}
.fx-custom .section-3 .items-wrapper .custom-item .top .t-right .item-title>span{position:relative;display:inline-block}
.fx-custom .section-3 .items-wrapper .custom-item .top .t-right .item-title>span:after{content:"";display:block;width:60px;height:2px;border-radius:2px;position:absolute;bottom:-10px;left:0;background:#0db3a6}
.fx-custom .section-3 .items-wrapper .custom-item .top .t-right .item-detail{margin-top:23px;font-size:12px;color:#666}
.fx-custom .section-3 .items-wrapper .custom-item .bottom{margin-left:30px}
.fx-custom .section-3 .items-wrapper .custom-item .bottom>img{height:224px}
.fx-custom .section-4{margin-top:40px;color:#1f2d3d}
.fx-custom .section-4 .title{font-size:36px;text-align:center;color:#1f2d3d;margin-bottom:40px}
.fx-custom .bottom-banner{margin-bottom:0;position:relative;padding:86px 0 105px}
.fx-custom .bottom-banner .banner-bg{display:block;width:100%;position:absolute;bottom:0;left:0;z-index:-1}
.fx-custom .bottom-banner .content{text-align:center}
.fx-custom .bottom-banner .content .title{font-size:36px;font-weight:400;margin-bottom:26px;color:#1f2d3d}
.fx-custom .bottom-banner .content .advisory{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.fx-custom .bottom-banner .content .advisory,.fx-custom .bottom-banner .content .btn-group{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}
.fx-custom .bottom-banner .content .btn-group{margin:25px 0 0}
.fx-custom .bottom-banner .bottom-btn{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:18px;border-radius:6px;width:160px;height:50px;line-height:50px;padding:0;margin:0 25px}
.fx-custom .bottom-banner .bottom-btn.style-green{background:#0db3a6;color:#fff}
.fx-custom .bottom-banner .bottom-btn.style-green:hover{background:#009b79}
.fx-custom .bottom-banner .bottom-btn.style-white{border:1px solid #91a1b7;background-color:#fff;color:#1f2d3d}
.fx-custom .bottom-banner .bottom-btn.style-white:hover{background:#f7f7f7}
.fx-custom .bottom-banner .bottom-phone{color:#1f2d3d;font-size:16px;margin-left:11px}
.fx-custom .bottom-banner .bottom-phone .call,.fx-custom .bottom-banner .bottom-phone .mobile-number{display:none}
.fx-custom .img-box-active:after{content:"";display:block;width:48px;height:4px;background-color:#0db3a6;position:absolute;bottom:-10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.fx-custom .logo-tab-comp .logo-list{color:#666;width:100%;margin:0 auto;text-align:center;-webkit-box-shadow:0 10px 40px -10px rgba(16,20,40,.06);box-shadow:0 10px 40px -10px rgba(16,20,40,.06)}
.fx-custom .logo-tab-comp .logo-list .logo{display:inline-block;width:200px;text-align:center;font-size:12px;vertical-align:middle;margin:10px 0}
.fx-custom .logo-tab-comp .logo-list .logo .img-box{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;cursor:pointer;width:110px;height:55px;position:relative;margin:0 0 20px 45px;background:#fff;-webkit-filter:opacity(.5);filter:opacity(.5)}
.fx-custom .logo-tab-comp .logo-list .logo .img-box img{width:100%}
.fx-custom .logo-tab-comp .logo-list .logo .img-box-active{background:0 0!important;-webkit-filter:opacity(1);filter:opacity(1)}
.fx-custom .logo-tab-comp .comment{font-size:15px;line-height:1.6;position:relative;max-width:1000px;min-height:240px;margin:50px auto 0;width:650px;padding:60px;background:#fff;-webkit-box-shadow:0 20px 40px -10px rgba(16,20,40,.12);box-shadow:0 20px 40px -10px rgba(16,20,40,.12);border-radius:5px}
.fx-custom .logo-tab-comp .comment p{color:#5e6d82;line-height:30px}
.fx-custom .logo-tab-comp .comment:after{position:absolute;font-size:35px;color:#e4e5e5;width:33px;height:31px;background-image:url(../images/2020jdy-bannyh.png);background-size:cover;content:"";right:15px;-webkit-transform:rotate(180deg);transform:rotate(180deg);bottom:30px}
.fx-custom .logo-tab-comp .comment:before{position:absolute;font-size:35px;color:#e4e5e5;width:33px;height:31px;background-image:url(../images/2020jdy-bannyh.png);background-size:cover;content:"";left:15px;top:30px}
.fx-custom .logo-tab-comp .invisible{display:none}
@media screen and (min-width:1250px){
.fx-custom .section-3{max-width:1200px}
.fx-custom .section-3 .items-wrapper .custom-item .top{padding-left:120px}
}
@media screen and (min-width:1500px){
.fx-custom .section-3{max-width:1400px}
.fx-custom .section-3 .items-wrapper .custom-item .top{padding-left:140px}
}
@media screen and (max-width:1250px){
.fx-custom .section-3 .title>span:after{height:2px}
.fx-custom .section-3 .items-wrapper{text-align:center}
.fx-custom .section-3 .items-wrapper .custom-item{display:block;height:300px;position:relative;margin-top:30px}
.fx-custom .section-3 .items-wrapper .custom-item .bottom{width:80%;height:175px;position:absolute;top:0;left:10%;margin-left:0}
.fx-custom .section-3 .items-wrapper .custom-item .bottom>img{width:auto;height:100%}
.fx-custom .section-3 .items-wrapper .custom-item .top{width:88%;height:125px;position:absolute;top:152px;left:6%;text-align:center;padding-left:0}
.fx-custom .section-3 .items-wrapper .custom-item .top .t-left{display:none}
.fx-custom .section-3 .items-wrapper .custom-item .top .t-right{margin:40px 0 0}
.fx-custom .section-3 .items-wrapper .custom-item .top .t-right .item-title>span:after{width:34%;left:33%}
.fx-custom .logo-tab-comp .comment{width:70%}
}
@media screen and (max-width:650px){
.fx-custom .top-banner{height:245px;margin-top:60px;background:url(../images/banner-mobile.png) no-repeat 50%;background-size:cover}
.fx-custom .top-banner .content .title{font-size:20px;margin-bottom:18px}
.fx-custom .top-banner .content .description{display:block;margin-bottom:0;font-size:13px}
.fx-custom .top-banner .content .btn-group .btn{margin-top:36px;font-size:16px;padding:7px 10px;background-color:#00cbbb;font-weight:400;border-radius:3px}
.fx-custom .top-banner .content .btn-group .btn:hover{background-color:#00cbbb}
.fx-custom .section-1 .title{font-size:18px;margin:40px 0 15px}
.fx-custom .section-1 .description{font-size:13px;margin:15px auto 20px;width:304px}
.fx-custom .section-1 img.img-bg{display:none}
.fx-custom .section-1 img.img-mobile{display:block}
.fx-custom .section-2>.title{font-size:18px;margin:50px 0 15px}
.fx-custom .section-2>.description{font-size:13px;margin-bottom:35px}
.fx-custom .section-2>.content{display:block}
.fx-custom .section-2 .now,.fx-custom .section-2 .traditional{width:100%}
.fx-custom .section-2 .now .title,.fx-custom .section-2 .traditional .title{font-size:15px;margin-bottom:0}
.fx-custom .section-2 .traditional .compared-detail{background-color:#f6f6f6}
.fx-custom .section-2 .now .compared-detail{background-color:#e8fdfc}
.fx-custom .section-2 .center{display:none}
.fx-custom .section-2 .compared-detail{width:320px;margin:15px auto 35px;padding:7px 0 30px 15px;border-radius:3px}
.fx-custom .section-2 .compared-item{-webkit-box-pack:flex-start;-ms-flex-pack:flex-start;-webkit-justify-content:flex-start;justify-content:flex-start;font-size:12px;margin:23px 0 0;height:20px}
.fx-custom .section-2 .compared-item:before{content:".";height:20px}
.fx-custom .section-3 .title{font-size:18px;margin:50px 0 7px}
.fx-custom .section-3 .items-wrapper{text-align:center;padding-bottom:0}
.fx-custom .section-3 .items-wrapper .custom-item{margin-top:0}
.fx-custom .section-3 .items-wrapper .custom-item .bottom{width:80%;height:175px;position:absolute;top:0;left:10%;margin-left:0}
.fx-custom .section-3 .items-wrapper .custom-item .bottom>img{width:auto;height:100%}
.fx-custom .section-3 .items-wrapper .custom-item .top .t-right{margin:40px 0 0;text-align:center}
.fx-custom .section-3 .items-wrapper .custom-item .top .t-right .item-title{font-size:15px}
.fx-custom .section-3 .items-wrapper .custom-item .top .t-right .item-title>span:after{position:static;width:30px;margin:8px auto 0}
.fx-custom .section-3 .items-wrapper .custom-item .top .t-right .item-detail{color:#91a1b7;margin-top:10px}
.fx-custom .section-4{margin-top:10px;overflow:hidden}
.fx-custom .section-4 .title{font-size:18px;margin-bottom:20px}
.fx-custom .section-4 .logo-tab-comp .logo-list{width:510px;height:150px}
.fx-custom .section-4 .logo-tab-comp .logo-list .logo{width:170px;height:auto}
.fx-custom .section-4 .logo-tab-comp .comment{font-size:14px;margin-bottom:50px}
.fx-custom .bottom-banner{padding:0 0 45px}
.fx-custom .bottom-banner .banner-bg{display:none}
.fx-custom .bottom-banner .content .title{width:270px;font-size:18px;margin:0 auto 30px}
.fx-custom .bottom-banner .content .advisory img{width:20px}
.fx-custom .bottom-banner .content .btn-group{margin-top:40px}
.fx-custom .bottom-banner .bottom-phone{color:#000;font-size:13px}
.fx-custom .bottom-banner .bottom-phone .phone-number{display:none}
.fx-custom .bottom-banner .bottom-phone .mobile-number{display:inline-block;color:#00cbbb}
.fx-custom .bottom-banner .bottom-phone .call{display:inline-block}
.fx-custom .bottom-banner .bottom-btn{width:123px;height:36px;line-height:36px;font-size:16px;margin:0 19px;border-radius:3px}
.fx-custom .bottom-banner .bottom-btn.style-green{background:#00cbbb}
.fx-custom .bottom-banner .bottom-btn.style-green:hover{background:#00cbbb}
.fx-custom .bottom-banner .bottom-btn.style-white:hover{background:#fff}
.fx-custom .logo-tab-comp .logo-list{width:750px;-webkit-transition:all 218ms;transition:all 218ms;height:140px}
.fx-custom .logo-tab-comp .logo-list .logo{width:150px;height:120px}
.fx-custom .logo-tab-comp .logo-list .logo .img-box{margin:0 auto;width:63px;height:63px;opacity:.5}
.img-box.fx-custom .logo-tab-comp .logo-list .logo+p{color:#393939;font-size:10px;opacity:.3}
.fx-custom .logo-tab-comp .logo-list .logo .img-box.img-box-active{opacity:1;width:80px;height:80px}
.img-box.img-box-active.fx-custom .logo-tab-comp .logo-list .logo+p{font-size:inherit;opacity:1}
.fx-custom .logo-tab-comp .logo-list .logo>p{margin-top:8px}
.fx-custom .logo-tab-comp .comment{width:90%;padding:15px;background:#fff;-webkit-box-shadow:0 2px 12px 0 hsla(0,0%,85.5%,.6);box-shadow:0 2px 12px 0 hsla(0,0%,85.5%,.6);border-radius:0 0 4px 4px;margin-top:15px}
.fx-custom .logo-tab-comp .comment:after{display:none}
.fx-custom .logo-tab-comp .comment:before{content:"";display:block;width:12px;height:12px;background:#fff;position:absolute;top:0;left:50%;-webkit-transform:rotate(45deg) translate(-50%);transform:rotate(45deg) translate(-50%)}
}
.fx-custom .invisible{display:none}
@-webkit-keyframes x-rotate{
0%{-webkit-transform:rotate(0);transform:rotate(0)}
to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}
@keyframes x-rotate{
0%{-webkit-transform:rotate(0);transform:rotate(0)}
to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}
.img-mask{height:100%;width:100%;background:rgba(0,0,0,.6);z-index:11;position:fixed;top:0;left:0}
.img-mask .img-box{height:90%;width:90%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.img-mask .img-box img{width:100%;max-height:100%}
.img-mask .img-box .img-close{position:absolute;top:-15px;right:-10px;height:35px;width:35px;border:2px solid #fff;background-color:#474b51;border-radius:50%;cursor:pointer}
.img-mask .img-box .img-close i{font-size:24px;color:#fff;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.x-window-mask{position:fixed;top:0;left:0;bottom:0;right:0;background-color:transparent;z-index:999;overflow:hidden;-webkit-transition:background-color opacity;transition:background-color opacity;-webkit-transition-duration:.2s;transition-duration:.2s}
.x-window-mask.dark-in{background-color:rgba(0,0,0,.25)}
.x-input,.x-textarea{border:1px solid #e0e0e0;-webkit-box-shadow:none;box-shadow:none;border-radius:2px;-webkit-appearance:none;line-height:16px!important}
.x-input:focus,.x-textarea:focus{outline:0;border-color:#0db3a6}
.x-input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.x-fixed-block{position:fixed;bottom:0;left:0;right:0;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;height:72px;background-color:rgba(230,247,246,.9);padding:0 36px;z-index:2;-webkit-transition:all 218ms ease-in-out;transition:all 218ms ease-in-out}
.x-fixed-block .install-link,.x-fixed-block .preview{display:inline-block;width:160px;height:42px;background-color:#0db3a6;border-radius:24px;color:#fff;font-size:20px;text-align:center;line-height:42px;cursor:pointer}
.x-fixed-block .install-link:hover,.x-fixed-block .preview:hover{background:#56cac1;border-color:#56cac1;color:#fff}
.x-fixed-block.fixed-mobile{display:none}
.x-fixed-block.fixed-pc .preview{margin:0 25px}
.x-ui-disabled{display:none!important}
.x-mask-wrapper{top:0;overflow:auto;background-color:hsla(0,0%,94.1%,.8);display:none;-webkit-transition:all .3s ease;transition:all .3s ease}
.x-mask-wrapper,.x-mask-wrapper .x-drawer{position:fixed;bottom:0;left:0;right:0;z-index:1002}
.x-mask-wrapper .x-drawer{top:45px;color:#141e31;background:#fff;-webkit-box-shadow:0 0 5px 0 hsla(0,0%,85.9%,.5);box-shadow:0 0 5px 0 hsla(0,0%,85.9%,.5)}
.x-mask-wrapper .x-drawer .drawer-header{position:relative;width:100%;height:60px;padding:0 20px;z-index:1004;background:#fff;-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.1);box-shadow:0 0 8px 0 rgba(0,0,0,.1);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.x-mask-wrapper .x-drawer .drawer-header .navigation-left{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:20px}
.x-mask-wrapper .x-drawer .drawer-header .navigation-left .app-name{max-width:370px;padding:0 5px;color:#141e31;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.x-mask-wrapper .x-drawer .drawer-header .navigation-right{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.x-mask-wrapper .x-drawer .drawer-header .navigation-right .redirect-btn{font-size:14px;text-align:center;border:1px solid;border-radius:3px;outline:0;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:32px;padding:0 20px;line-height:32px;color:#fff;background:#0db3a6;margin-right:30px}
.x-mask-wrapper .x-drawer .drawer-header .navigation-right .redirect-btn:hover{background:#56cac1}
.x-mask-wrapper .x-drawer .drawer-body{position:absolute;top:60px;left:0;right:0;bottom:0;overflow:auto}
.x-mask-wrapper .x-drawer .drawer-body .drawer-iframe{width:100%;height:100%}
.x-mask-wrapper.animate-show{display:block}
.x-primary-button{padding:12px 24px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;background:#00c29a;border-radius:4px;font-size:18px;line-height:24px;font-weight:500;color:#fff;cursor:pointer}
.x-primary-button:hover{background:#4dd4b8}
.x-primary-button:hover .btn-icon{-webkit-transform:translateX(12px);transform:translateX(12px)}
.x-primary-button .btn-icon{-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;margin-left:8px;font-size:24px}
.x-primary-button.color-green{background:#fff;border:1px solid #00c29a;padding:11px 24px;color:#00c29a}
.x-primary-button.color-green:hover{background:#e6f9f5}
.x-primary-btn{display:inline-block}
.x-primary-btn .button-contain{padding:12px 24px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;background:#00c29a;border-radius:4px;font-size:18px;line-height:24px;font-weight:500;color:#fff;cursor:pointer}
.x-primary-btn .button-contain:hover{background:#4dd4b8}
.x-primary-btn .button-contain .btn-icon{-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;margin-left:8px;font-size:24px}
.x-primary-btn .button-contain:hover .btn-icon{-webkit-transform:translateX(12px);transform:translateX(12px)}
.fx-markdown-body .document-body{visibility:hidden}
.fx-markdown-body h1{font-size:30px;line-height:40px}
.fx-markdown-body h2{position:relative;font-size:28px;padding:32px 0 16px;line-height:36px}
.fx-markdown-body h2:before{content:"";position:absolute;top:36px;left:-12px;height:calc(100% - 56px);border-left:4px solid #0db3a6;border-radius:2px}
.fx-markdown-body p{margin:8px 0;font-size:16px;line-height:26px;color:#141e31}
@media screen and (max-width:450px){
.x-fixed-block{height:42px}
.x-fixed-block .install-link,.x-fixed-block .preview{height:30px;line-height:30px;font-size:14px}
.x-fixed-block.fixed-pc{display:none}
.x-fixed-block.fixed-mobile{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
.x-primary-button{padding:8px 15px;border-radius:3px;font-size:16px}
.x-primary-button .btn-icon{margin-left:4px;font-size:20px}
.x-primary-btn .button-contain{padding:8px 15px;border-radius:3px;font-size:16px}
.x-primary-btn .button-contain .btn-icon{margin-left:4px;font-size:20px}
}
.fx-customer-case{color:#1f2d3d;padding-bottom:20px;background:#fff}
.fx-customer-case .mobile{display:none}
.fx-customer-case .high-light{color:#0db3a6}
.fx-customer-case .top-banner .customer-container{padding-top:60px;height:600px;background-color:#fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#fff));background-image:linear-gradient(180deg,#f8f8f8,#fff);background-repeat:repeat-x}
.fx-customer-case .top-banner .top-title{font-size:44px;text-align:center;font-weight:700;margin-top:40px}
.fx-customer-case .top-banner .top-desc{font-size:16px;color:#5e6d82;text-align:center;margin-top:12px;line-height:25px}
.fx-customer-case .top-banner .top-desc .desc-items .item-cell{display:inline}
.fx-customer-case .top-banner .top-desc .desc-items .item-cell .splitter{margin:0 12px}
.fx-customer-case .top-banner .search-wrapper{width:452px;height:56px;margin:26px auto 0}
.fx-customer-case .top-banner .search-wrapper .search-content{width:100%;height:100%;background:#fff;border-radius:6px;border:1px solid #d9d9d9;margin:0 auto;position:relative;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;z-index:1}
.fx-customer-case .top-banner .search-wrapper .search-content .input-prefix{width:65px;text-align:center;color:#5e6d82}
.fx-customer-case .top-banner .search-wrapper .search-content .input-prefix i{font-size:25px}
.fx-customer-case .top-banner .search-wrapper .search-content .search-input{-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto;height:100%}
.fx-customer-case .top-banner .search-wrapper .search-content .search-input input{width:100%;height:100%}
.fx-customer-case .top-banner .search-wrapper .search-content .search-input input:focus{outline:0}
.fx-customer-case .top-banner .search-wrapper .search-content .search-input input::-webkit-input-placeholder{color:#91a1b7;font-size:16px}
.fx-customer-case .top-banner .search-wrapper .search-content:hover{border-color:#0db3a6}
.fx-customer-case .top-banner .search-wrapper .search-content:hover .input-prefix{color:#0db3a6}
.fx-customer-case .top-banner .search-wrapper .search-content.border-green{border-color:#0db3a6}
.fx-customer-case .top-banner .search-wrapper .search-content.border-green .input-prefix{color:#0db3a6}
.fx-customer-case .top-banner .search-wrapper .search-tip{height:35px;width:100%;padding:0 20px;font-size:12px;line-height:35px;border:1px solid #e9e9e9;background:#fff;color:#91a1b7;margin-top:-1px;border-radius:3px;text-align:left;display:none;-webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,.08);box-shadow:0 1px 4px 0 rgba(0,0,0,.08)}
.fx-customer-case .top-banner .download-btn{display:block;margin:26px auto 0;width:452px;height:58px;background:#0db3a6;border-radius:5px;color:#fff;font-size:20px;line-height:58px;text-align:center}
.fx-customer-case .top-banner .download-btn.mobile{display:none}
.fx-customer-case .top-banner .banner-img{position:relative;height:300px;margin-top:18px;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover}
.fx-customer-case .top-banner .case-detail-selector{position:absolute;top:600px;left:0;width:100%;height:60px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-shadow:0 20px 30px -15px rgba(16,20,40,.03);box-shadow:0 20px 30px -15px rgba(16,20,40,.03);z-index:2}
.fx-customer-case .top-banner .case-detail-selector .selector-item{position:relative;margin:0 28px;font-size:18px;cursor:pointer;height:100%;line-height:68px}
.fx-customer-case .top-banner .case-detail-selector .selector-item.active .selector-name,.fx-customer-case .top-banner .case-detail-selector .selector-item.is-pc-selector:hover .selector-name{color:#0db3a6}
.fx-customer-case .top-banner .case-detail-selector .selector-item.active .selector-name:after,.fx-customer-case .top-banner .case-detail-selector .selector-item.is-pc-selector:hover .selector-name:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background-color:#0db3a6;margin:0 12px}
.fx-customer-case .top-banner .case-detail-selector .selector-item.active .icon-arrow-down,.fx-customer-case .top-banner .case-detail-selector .selector-item.is-pc-selector:hover .icon-arrow-down{color:#0db3a6}
.fx-customer-case .top-banner .case-detail-selector .selector-item .selector-name{position:relative;display:inline-block;height:100%}
.fx-customer-case .top-banner .case-detail-selector .selector-item .icon-arrow-down{margin-left:8px}
.fx-customer-case .top-banner .menu-selector-container{display:none}
.fx-customer-case .top-banner .menu-selector{position:absolute;top:68px;left:-16px;width:330px;background-color:#fff;-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.15);box-shadow:0 2px 8px 0 rgba(0,0,0,.15);border-radius:3px;text-align:center;z-index:5;padding:10px 0}
.fx-customer-case .top-banner .menu-selector .menu-item{float:left;width:110px;height:32px;line-height:32px;font-size:14px}
.fx-customer-case .top-banner .menu-selector .menu-item.select,.fx-customer-case .top-banner .menu-selector .menu-item:hover{color:#0db3a6}
.fx-customer-case .top-banner .case-detail-wrapper{background-color:#fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#fff));background-image:linear-gradient(180deg,#f8f8f8,#fff);background-repeat:repeat-x;padding-top:80px;padding-bottom:50px}
.fx-customer-case .top-banner .case-detail-wrapper .scene-wrapper{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:1600px;margin:0 auto}
.fx-customer-case .top-banner .case-detail-wrapper .scene-item{position:relative;width:312px;height:375px;margin:0 16px 30px;background-color:#fff;-webkit-box-shadow:0 2px 4px 0 rgba(16,20,40,.1);box-shadow:0 2px 4px 0 rgba(16,20,40,.1);border-radius:5px;-webkit-transition:all .2s;transition:all .2s}
.fx-customer-case .top-banner .case-detail-wrapper .scene-item: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 .top-banner .case-detail-wrapper .scene-item:hover .scene-name{opacity:0}
.fx-customer-case .top-banner .case-detail-wrapper .scene-item .scene-image{display:block;width:100%;height:198px}
.fx-customer-case .top-banner .case-detail-wrapper .scene-item .scene-name{position:absolute;top:0;left:0;padding:0 20px;width:100%;height:198px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-color:rgba(0,0,0,.5);font-size:26px;font-weight:700;color:#fff;border-radius:5px 5px 0 0;-webkit-transition:all .2s;transition:all .2s}
.fx-customer-case .top-banner .case-detail-wrapper .scene-description{padding:0 15px}
.fx-customer-case .top-banner .case-detail-wrapper .scene-description .scene-industry{color:#0db3a6;margin:15px 0 11px}
.fx-customer-case .top-banner .case-detail-wrapper .scene-description .scene-title{color:#1f2d3d;font-size:18px;margin-bottom:15px;height:50px;line-height:25px}
.fx-customer-case .top-banner .case-detail-wrapper .scene-description .scene-info{color:#7c8d9f;font-size:13px;line-height:18px;padding-top:14px;border-top:1px solid #e0e3e7}
.fx-customer-case .top-banner .case-detail-wrapper .pagination-wrapper{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;max-width:1200px;margin:0 auto 54px}
.fx-customer-case .top-banner .case-detail-wrapper .pagination-wrapper .pagination-item{display:inline-block;width:30px;height:30px;border-radius:3px;border:1px solid #d9d9d9;margin:0 4px;color:#1f2d3d;font-size:12px;text-align:center;line-height:30px;cursor:pointer}
.fx-customer-case .top-banner .case-detail-wrapper .pagination-wrapper .pagination-item.active,.fx-customer-case .top-banner .case-detail-wrapper .pagination-wrapper .pagination-item:hover{background-color:#0db3a6;color:#fff;border:none}
.fx-customer-case .top-banner .case-detail-wrapper .more-case-btn{display:none}
@media screen and (max-width:2880px){
.fx-customer-case .top-banner .swiper-container{height:700px}
.fx-customer-case .top-banner .case-detail-selector{top:600px}
.fx-customer-case .top-banner .banner-img{height:310px;margin-top:50px}
}
@media screen and (max-width:650px){
.fx-customer-case{padding-top:0;background-color:#fff}
.fx-customer-case .pc{display:none}
.fx-customer-case .mobile{display:unset}
.fx-customer-case .top-banner{top:64px}
.fx-customer-case .top-banner .swiper-container{height:600px}
.fx-customer-case .top-banner .top-title{font-size:20px;font-weight:400}
.fx-customer-case .top-banner .top-desc{font-size:13px;margin-top:9px}
.fx-customer-case .top-banner .top-desc .desc-items{line-height:20px}
.fx-customer-case .top-banner .top-desc .desc-items .item-cell .high-light{margin-right:6px}
.fx-customer-case .top-banner .top-desc .desc-items .item-cell .splitter{margin:0 6px}
.fx-customer-case .top-banner .top-desc .desc-info{max-width:310px;margin:0 auto;line-height:20px}
.fx-customer-case .top-banner .search-wrapper{display:block;margin:0 auto 35px;width:90%;max-width:342px;height:40px}
.fx-customer-case .top-banner .search-wrapper .search-content{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-flow:row-reverse;-ms-flex-flow:row-reverse;flex-flow:row-reverse;padding-left:10px}
.fx-customer-case .top-banner .search-wrapper .search-content .input-prefix{width:49px}
.fx-customer-case .top-banner .search-wrapper .search-content .input-prefix i{font-size:20px}
.fx-customer-case .top-banner .search-wrapper .search-content .search-input::-webkit-input-placeholder{font-size:12px}
.fx-customer-case .top-banner .download-btn{display:none}
.fx-customer-case .top-banner .download-btn.mobile{display:block;margin:0 auto 35px;height:36px;max-width:342px;border-radius:3px;font-size:16px;line-height:36px}
.fx-customer-case .top-banner .banner-img{max-width:332px;margin:24px auto 35px;height:250px;background-size:contain;-moz-background-size:contain;-webkit-background-size:contain;-o-background-size:contain}
.fx-customer-case .top-banner .banner-img>.case-detail-selector{display:none}
.fx-customer-case .top-banner .case-detail-selector{position:absolute;top:600px}
.fx-customer-case .top-banner .case-detail-selector .selector-item{font-size:13px;line-height:14px;height:auto;margin:0 15px}
.fx-customer-case .top-banner .case-detail-selector .selector-item.active .selector-name:after,.fx-customer-case .top-banner .case-detail-selector .selector-item:hover .selector-name:after{display:none}
.fx-customer-case .top-banner .case-detail-selector .selector-item .selector-name{height:auto}
.fx-customer-case .top-banner .case-detail-selector .selector-item .icon-arrow-down{margin-left:5px}
.fx-customer-case .top-banner .case-detail-selector.is-pc-selector{display:none}
.fx-customer-case .top-banner .case-detail-wrapper{padding:36px 0 16px;background-image:none}
.fx-customer-case .top-banner .case-detail-wrapper .scene-item{margin:0 0 16px}
.fx-customer-case .top-banner .case-detail-wrapper .pagination-wrapper{display:none}
.fx-customer-case .top-banner .case-detail-wrapper .more-case-btn{display:block;margin:0 auto;width:125px;height:36px;background-color:#0db3a6;border-radius:3px;line-height:36px;text-align:center;font-size:16px;color:#fff}
.fx-customer-case .top-banner .menu-selector-container{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.25);z-index:10}
.fx-customer-case .top-banner .menu-selector{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:space-between;-ms-flex-pack:space-between;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;top:auto;left:0;right:0;bottom:0;width:auto;border-radius:0;padding:0 30px 60px}
.fx-customer-case .top-banner .menu-selector .menu-item{width:100px;height:20px;line-height:20px;margin:15px 0}
}
.nav-pills>li>a{color:#dee2e6}
.nav-link-active{color:#fff!important}
.classic-nav{line-height:70px}
.clear{display:block;overflow:hidden}
.bg-white{background-color:#fff;color:#717171}
.font18{font-size:18px}
.text-center{text-align:center;margin-bottom:0}
.classic-nav li{padding:0 20px;display:inline-block}
.classic-nav li.active,.classic-nav li:hover{border-bottom:2px solid #26a16a}