.content{width:100%;position:relative;padding-top:.9rem}.navs{position:sticky;padding-top:.4rem;width:.9rem;top:.6rem;left:.3rem;z-index:99}.navs li{width:.88rem;height:.4rem;display:flex;justify-content:flex-end;align-items:center;font-family:PingFangSC-Regular;text-align:center;font-size:.14rem;color:#737c8b;font-weight:400;list-style-type:none;border-right:1px solid #ddd}.navs li p{cursor:pointer;padding-right:.16rem}.navs .active{background-image:linear-gradient(90deg,hsla(0,0%,100%,.08),rgba(66,133,244,.08) 61%);color:#20242b}.navs .active:before{content:"";position:absolute;top:auto;left:.86rem;width:.03rem;height:.4rem;background-color:#4285f4}.manage-diffcut{position:relative}.manage-diffcut .diff-title{font-size:.32rem;color:#20242b;font-weight:400;text-align:center;padding-bottom:.1rem}.manage-diffcut img{width:11.8rem;height:1.7rem;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.manage-diffcut .diff-option{padding-top:.38rem;display:flex;justify-content:center;align-items:center}.manage-diffcut .diff-option ul{width:5.9rem;position:absolute;margin-right:5.42rem;padding-left:.48rem}.manage-diffcut .diff-option li{padding:.05rem 0;width:2.52rem;float:left;font-size:.16rem;color:#363f4e;font-weight:400;list-style-type:none}.manage-diffcut .diff-option li::marker{width:.05rem}.manage-diffcut .diff-option li .point{position:absolute;border-radius:100%;width:.05rem;height:.05rem;margin-top:.1rem;background:#414141}.manage-diffcut .diff-option li .desc{margin-left:.14rem}.frame,.frame .frame-title{text-align:center;position:relative}.frame .frame-title{font-size:.32rem;color:#20242b;font-weight:400;top:.15rem;padding-bottom:.48rem}.frame .frame-img{width:11.8rem;height:4.15rem;padding-top:.15rem;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.frame .frame-steps{margin-top:.53rem;width:100%;display:flex;justify-content:center}.frame .frame-steps ul{width:11.2rem;height:1.45rem}.frame .frame-steps ul li{list-style-type:none;float:left}.frame .frame-steps ul li:first-child{width:1.2rem}.frame .frame-steps ul li .step-dot{position:relative;bottom:.4rem;padding:0 .08rem;width:.4rem;height:.22rem}.frame .frame-steps ul li .step-p,.frame .frame-steps ul li p{font-size:.16rem;color:#20242b;font-weight:400}.frame .frame-steps ul li .step-p{margin-left:.35rem}.frame .frame-steps ul li img{width:1.2rem;height:1.2rem}.recommend{width:100%;position:relative}.recommend .recommend-title{position:relative;font-size:.32rem;color:#20242b;font-weight:400;top:.15rem;text-align:center}.recommend .recimmend-option{display:flex;justify-content:center}.recommend .recimmend-option ul{width:12rem;height:8.15rem}.recommend .recimmend-option ul li{margin-top:.54rem;width:4rem;float:left;display:block;text-align:center}.recommend .recimmend-option ul li img{width:1.28rem;height:1.28rem;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.recommend .recimmend-option ul li .title-h3{font-size:.18rem;color:#363f4e;font-weight:600}.recommend .recimmend-option ul li .text{text-align:left;padding-left:.5rem;padding-top:.09rem;font-size:.16rem;color:#737c8b;line-height:.26rem;font-weight:400;width:3.4rem}.framework{position:relative}.framework .framework-title{padding-top:.9rem;display:block;font-size:.32rem;color:#20242b;text-align:center;z-index:1}.framework .framework-title,.framework .framework-title-option{position:absolute;width:100%;-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox;font-weight:400}.framework .framework-title-option{top:1.38rem;display:block;font-size:.16rem;color:#737c8b;display:flex;justify-content:center}.framework .framework-title-option .framework-tabs{position:absolute;width:11.8rem;top:.48rem;display:inline-block}.framework .framework-title-option .framework-tabs .active{color:#4285f4}.framework .framework-title-option .framework-tabs .active span:before{content:"";position:absolute;bottom:-.08rem;top:auto;left:.64rem;width:.64rem;height:.03rem;background-color:#4285f4}.framework .framework-title-option .framework-tabs .tabs{width:11.8rem;font-size:.24rem;color:#000;font-weight:400;border-bottom:1px solid #ddd}.framework .framework-title-option .framework-tabs .li-tab:first-child{width:50%;height:100%;display:inline-block}.framework .framework-title-option .framework-tabs .li-tab:first-child span{position:relative;float:right;margin-right:.61rem;cursor:pointer;border-width:1px;border-color:#4285f4;border-bottom:1px #4285f4}.framework .framework-title-option .framework-tabs .li-tab:last-child{width:50%;height:100%;display:inline-block}.framework .framework-title-option .framework-tabs .li-tab:last-child span{position:relative;cursor:pointer;float:left;margin-left:.61rem}.framework .framework-title-option .framework-tabs .divTab{width:100%;height:3rem;text-align:center}.framework .framework-title-option .framework-tabs .divTab img{margin-top:.48rem;width:9.79rem;height:4.75rem;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.framework .framework-img{width:100%;height:8.43rem;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.cost{position:relative}.cost .cost-title{width:100%;font-size:.32rem;color:#20242b;font-weight:400;text-align:center}.cost .cost-value{position:relative;display:flex;justify-content:center}.cost .cost-value .cost-img img{width:4.07rem;height:4.12rem;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.cost .cost-value .cost-line{width:2.56rem}.cost .cost-value .cost-line .line1{margin-top:1.38rem;position:relative;right:.76rem;width:3.1rem;border:1px solid #96bdff}.cost .cost-value .cost-line .line2{margin-top:.95rem;position:relative;right:.54rem;width:2.86rem;border:1px solid #96bdff}.cost .cost-value .cost-line .line3{margin-top:.95rem;position:relative;right:.76rem;width:3.1rem;border:1px solid #96bdff}.cost .cost-value .cost-li{margin-top:.72rem}.cost .cost-value .cost-li ul li{list-style-type:none;padding-top:.14rem}.cost .cost-value .cost-li ul li .cost-li-title{font-size:.18rem;color:#363f4e;font-weight:600}.cost .cost-value .cost-li ul li .cost-li-title img{position:relative;top:.06rem;width:.25rem;height:.25rem;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.cost .cost-value .cost-li ul li .cost-li-title span{padding-left:.09rem}.cost .cost-value .cost-li ul li .cost-li-desc{font-size:.16rem;color:#737c8b;padding-top:.06rem;line-height:.24rem;font-weight:400;width:4.52rem}.khuse{position:relative}.khuse .khuse-title{position:relative;font-size:.32rem;color:#20242b;font-weight:400;top:.1rem;text-align:center}.khuse .kh{margin-top:.48rem;display:flex;justify-content:center}.khuse .kh ul{width:12rem;height:3.06rem}.khuse .kh ul li{width:3.8rem;margin-left:.2rem;float:left;list-style-type:none}.khuse .kh ul li:first-child{margin-left:.1rem}.khuse .kh ul li img{border:1px solid #dfdfdf;box-sizing:border-box;margin-top:-1.48rem;width:3.8rem;height:3.06rem;border-radius:4px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.khuse .kh ul li .qy-desc{position:relative;top:1.38rem;padding-left:.22rem;display:inline-block;-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox;z-index:1}.khuse .kh ul li .qy-desc .kh-name{position:relative;padding-top:.13rem;font-size:.18rem;color:#20242b;font-weight:600}.khuse .kh ul li .qy-desc .kh-bq{position:relative;padding-top:.05rem;font-size:.18rem;color:#363f4e;line-height:.25rem;font-weight:400}.khuse .kh ul li .qy-desc .kh-bq .sx{font-size:.18rem;color:#dddfe1;line-height:.25rem;font-weight:400;padding:0 .2rem}.khuse .kh ul li .qy-desc .kh-desc{position:relative;padding-top:.05rem;font-size:.16rem;color:#737c8b;line-height:.25rem;font-weight:400;width:3.36rem;height:.75rem}.khuse .khlogo-img{text-align:center}.khuse .khlogo-img img{margin-top:.38rem;width:11.8rem;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.about{position:relative;height:100%}.about .about-bg{display:block;width:100%;height:3.95rem;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.about .about-title{top:1.06rem;font-size:.32rem;color:#20242b;z-index:1}.about .about-option,.about .about-title{position:absolute;left:50%;transform:translate(-50%,-50%);font-weight:400}.about .about-option{top:1.43rem;font-size:.16rem;color:#737c8b;display:flex;justify-content:center}.about .about-list{position:absolute;top:2.53rem;left:50%;transform:translate(-50%,-50%)}.about .about-list .about-ul{width:12rem;height:1.05rem}.about .about-list .about-ul .about-li{float:left;margin:0 .1rem;list-style-type:none;width:5.8rem;height:1.05rem;background:#fff;box-sizing:border-box;border:1px solid #dfdfdf;border-radius:4px}.about .about-list .about-ul .about-li .eislogo{width:100%}.about .about-list .about-ul .about-li ul{margin:.3rem;width:2.8rem}.about .about-list .about-ul .about-li ul li:first-child{list-style-type:none;float:left;width:1.15rem}.about .about-list .about-ul .about-li ul li:first-child .eislogo{margin-top:.06rem;width:.85rem}.about .about-list .about-ul .about-li ul li:first-child .ekplogo{margin-top:-.02rem;width:.8rem}.about .about-list .about-ul .about-li ul li:last-child{list-style-type:none;float:left;width:1.65rem}.about .about-list .about-ul .about-li ul li:last-child p:first-child{font-size:.16rem;color:#20242b;font-weight:600}.about .about-list .about-ul .about-li ul li:last-child p{font-size:.14rem;color:#737c8b;font-weight:600}.about .about-list .about-ul .about-li .look{width:.98rem;height:.32rem;position:relative;margin-top:.05rem;float:right;right:.3rem;border-radius:4px;box-sizing:border-box;border:1px solid #4285f4;display:flex;justify-content:center;align-items:center;cursor:pointer}.about .about-list .about-ul .about-li .look,.about .about-list .about-ul .about-li .look p a{font-size:.14rem;color:#4285f4;font-weight:400}.main-point{position:sticky;top:1rem;margin-left:.5rem;z-index:102}.main-point ul li{list-style-type:none}.main-cont{margin-top:-3.2rem}@-webkit-keyframes flipOutY{80%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}@keyframes flipOutY{80%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}@-webkit-keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.head-banner{display:flex;justify-content:center;position:relative}.head-banner .txt-warp{position:absolute;left:50%;bottom:2.04rem;margin-left:-5.72rem;width:11.44rem}.head-banner .txt-warp .head-title{color:#fff;font-weight:700;font-size:.48rem;display:inline-block}.head-banner .txt-warp .head-options{font-family:PingFangSC-Regular;font-size:.16rem;width:5.33rem;color:#fff;line-height:.26rem;font-weight:400;margin-top:.16rem}.head-banner .txt-warp .xp-link a{margin-top:.4rem;width:1.5rem;height:.48rem;text-align:center;background:#fff;border-radius:4px;line-height:.48rem;cursor:pointer;border:1px solid #fff;display:inline-block;opacity:1;font-family:PingFangSC-Semibold;font-size:.18rem;color:#4285f3;font-weight:600}.head-banner .txt-warp .xp-link a:hover{opacity:.85}.head-banner .txt-warp .xp-link .video{padding-left:.49rem;font-family:PingFangSC-Regular;font-size:.18rem;color:#fff;font-weight:400}.head-banner>.banner-bg{width:100%;height:5.35rem;background:#4285f4;text-align:center}.head-banner>.banner-bg img{max-width:19.2rem;width:100%;height:5.35rem}.head-banner>.banner-view{position:absolute;width:6.39rem;margin-top:.4rem;left:50%}.head-banner .features{position:absolute;bottom:0}.head-banner .features ul{width:100%;height:1.02rem;position:absolute}.head-banner .features ul li{float:left;width:2.9375rem;height:100%}.head-banner .features ul li .f-xl{position:absolute;z-index:101;display:flex;justify-content:center;width:2.9375rem;height:100%;font-family:PingFangSC-Regular;font-size:.18rem;color:#fff}.head-banner .features ul li .f-xl .xl-ul{height:100%}.head-banner .features ul li .f-xl .xl-ul .xl-li{float:left;height:100%;display:flex;justify-content:center;align-items:center}.head-banner .features ul li .f-xl .xl-ul .xl-li .fl-img{width:.56rem;height:.56rem}.head-banner .features ul li .f-xl .xl-ul .xl-li:first-child{position:relative;width:35%;left:.5rem}.head-banner .features ul li .f-xl .xl-ul .xl-li:last-child{width:65%}.head-banner .features ul li .f-xl .xl-ul .xl-li .xl-value{font-family:PingFangSC-Semibold;font-size:.24rem;color:#fff;font-weight:600;position:relative}.head-banner .features ul li .f-xl .xl-ul .xl-li .xl-value2{font-family:PingFangSC-Regular;font-size:.16rem;color:#fff;font-weight:400;position:relative}.head-banner .features ul li:last-child .xl-ul .xl-li:last-child{position:relative;left:-.15rem}.head-banner .features img{position:relative;width:11.75rem;height:1rem;bottom:0;z-index:100}[v-cloak][data-v-560493f1]{display:none!important}.bottomBanner[data-v-560493f1]{position:sticky;bottom:0;z-index:101;background:#4285f4}.bottomBanner .bottom-option[data-v-560493f1],.bottomBanner[data-v-560493f1]{display:flex;justify-content:center;align-items:center}.bottomBanner .bottom-option[data-v-560493f1]{position:absolute}.bottomBanner .bottom-option .bottom-titles[data-v-560493f1]{font-size:.28rem;color:#fff;font-weight:600}.bottomBanner .bottom-option .xp-link a[data-v-560493f1]{-webkit-animation-name:flipOutY-data-v-560493f1;animation-name:flipOutY-data-v-560493f1;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-delay:0s;animation-delay:0s;margin-left:.31rem;width:1.3rem;height:.42rem;text-align:center;background:#fff;border-radius:4px;line-height:.42rem;cursor:pointer;border:1px solid #fff;display:inline-block;opacity:1}.bottomBanner .bottom-option .xp-link a[data-v-560493f1]:hover{-webkit-animation-play-state:paused;animation-play-state:paused}.bottomBanner .bottom-option .xp-link a span[data-v-560493f1]{font-size:.16rem;color:#4285f4;font-weight:600}.bottomBanner img[data-v-560493f1]{max-width:19.2rem;height:1rem;display:block;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}@-webkit-keyframes flipOutY-data-v-560493f1{80%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}@keyframes flipOutY-data-v-560493f1{80%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}@-webkit-keyframes fadeInUp-data-v-560493f1{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInUp-data-v-560493f1{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@-webkit-keyframes fadeOutDown-data-v-560493f1{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}@keyframes fadeOutDown-data-v-560493f1{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}