@media screen and (min-width:786px){.title-box[data-v-4ea5b5f7]{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin:auto;padding-top:150px;width:1135px}.title-box h1[data-v-4ea5b5f7]{color:#fff;font-family:douyu;font-size:48px;font-weight:400;margin:0}.title-box .description[data-v-4ea5b5f7]{color:#fff;font-size:20px;font-weight:400;line-height:28.96px;margin:0}.one-banner[data-v-4ea5b5f7]{height:398px;position:relative;width:100%}.one-banner .banner-bg[data-v-4ea5b5f7]{display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.one-banner .banner-mobile-bg[data-v-4ea5b5f7]{display:none}.one-app[data-v-4ea5b5f7]{background-image:url(./titok-bg.nGmybXP4.png);height:634px}.one-app[data-v-4ea5b5f7],.one-app .app-bg[data-v-4ea5b5f7]{background-position:bottom;background-repeat:no-repeat;background-size:cover;width:100%}.one-app .app-bg[data-v-4ea5b5f7]{background-image:url(./titok-bg.nGmybXP4.png);height:100%}.one-app .app-bg-mobile[data-v-4ea5b5f7]{display:none}.block[data-v-4ea5b5f7]{align-items:center;display:flex;margin:20px auto;width:1300px}.block .text[data-v-4ea5b5f7]{flex:1;margin-left:30px;width:300px}.block .text.text-right[data-v-4ea5b5f7]{margin-left:100px}.block .text p[data-v-4ea5b5f7]{color:#0006;line-height:1.5;margin-top:20px;width:450px}.block .svg-container[data-v-4ea5b5f7],.block .svg-container img[data-v-4ea5b5f7]{height:auto;width:600px}.block .svg-container .png image[data-v-4ea5b5f7]{background-color:red}.block .app-show-img[data-v-4ea5b5f7]{height:634px;position:relative;width:700px}.block .app-show-img .img[data-v-4ea5b5f7]{height:auto;left:0;position:absolute;right:0;width:620px;z-index:2}.block .app-show-img .img-bg[data-v-4ea5b5f7]{bottom:-88px;height:400px;left:291px;position:absolute;width:400px;z-index:1}.block .app-show-img .img-bg.img-bg-left[data-v-4ea5b5f7]{left:-70px}.block .selectApps[data-v-4ea5b5f7]{align-items:center;display:flex;margin-top:30px}.block .selectApps .oneApp[data-v-4ea5b5f7]{cursor:pointer;display:flex;height:52px;justify-content:center;margin-right:40px;position:relative;width:52px}.block .selectApps .oneApp[data-v-4ea5b5f7] *{transition:all .3s}.block .selectApps .oneApp.active .app-background[data-v-4ea5b5f7]{transform:translate(-50%,-50%) scale(1.5)}.block .selectApps .oneApp.active .app-img[data-v-4ea5b5f7]{transform:translate(-50%,-10px)}.block .selectApps .oneApp.active .app-name[data-v-4ea5b5f7]{opacity:1}.block .selectApps .oneApp .app-background[data-v-4ea5b5f7]{border-radius:50%;box-shadow:0 2px 8px #96a1a633;height:52px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(1);width:52px}.block .selectApps .oneApp .app-img[data-v-4ea5b5f7]{height:36px;left:50%;position:absolute;top:8px;transform:translate(-50%);width:36px}.block .selectApps .oneApp .app-name[data-v-4ea5b5f7]{font-family:PingFangSC-Regular;font-size:11px;letter-spacing:-.12px;line-height:15px;opacity:0;position:absolute;text-align:center;top:35px;transition:opacity .4s cubic-bezier(.32,.94,.6,1) .1s;width:100%}.title-block[data-v-4ea5b5f7]{margin:40px auto;padding-left:30px;width:1300px}.tips[data-v-4ea5b5f7]{margin:auto;width:1300px}.example[data-v-4ea5b5f7]{justify-content:space-around;margin:40px auto 60px;width:1300px}.example[data-v-4ea5b5f7],.example .one-example[data-v-4ea5b5f7]{align-items:center;display:flex}.example .one-example[data-v-4ea5b5f7]{flex-direction:column}.example .one-example img[data-v-4ea5b5f7]{border:2px solid #f1f1f1;border-radius:10px;height:auto;width:360px}.example .one-example h5[data-v-4ea5b5f7]{font-size:18px;margin-top:20px}.customer-box[data-v-4ea5b5f7]{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto 40px;width:1300px}.customer-box .one-croe[data-v-4ea5b5f7]{border:1px solid #dcdee2;border-radius:20px;cursor:pointer;height:140px;margin-right:55px;margin-top:20px;overflow:hidden;padding:20px;position:relative;width:225px}.customer-box .one-croe[data-v-4ea5b5f7] *{transition:all .7s}.customer-box .one-croe .left[data-v-4ea5b5f7]{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:140px;left:0;position:absolute;top:0;width:225px}.customer-box .one-croe .left .icon-container[data-v-4ea5b5f7]{height:47px;margin-bottom:5px;margin-top:30px;position:relative}.customer-box .one-croe .left .icon-container .oneIcon[data-v-4ea5b5f7]{color:#ea8d35;font-size:38px;position:relative}.customer-box .one-croe .left .icon-container .shadow[data-v-4ea5b5f7]{bottom:-5px;color:#b07b4a;filter:blur(2px);font-size:38px;left:5px;opacity:0;position:absolute;transition:all .7s}.customer-box .one-croe .left h4[data-v-4ea5b5f7]{font-size:16px;font-weight:400}.customer-box .one-croe .description[data-v-4ea5b5f7]{align-items:center;display:flex;height:90px;left:180px;line-height:1.5;opacity:0;overflow:hidden;position:absolute;top:25px;width:360px}.customer-box .one-croe:hover .left .icon-container .shadow[data-v-4ea5b5f7]{opacity:.3}.customer-box .one-croe.active[data-v-4ea5b5f7],.customer-box .one-croe[data-v-4ea5b5f7]:hover{border-color:#eee;box-shadow:-1px 1px 14px #987b672e}.customer-box .one-croe.active[data-v-4ea5b5f7]{width:585px}.customer-box .one-croe.active .left[data-v-4ea5b5f7]{left:-25px;top:0}.customer-box .one-croe.active .left .icon-container .shadow[data-v-4ea5b5f7]{opacity:.3}.customer-box .one-croe.active .description[data-v-4ea5b5f7]{opacity:1}.title[data-v-4ea5b5f7]{display:flex;flex-direction:column;margin-left:0}.title .en[data-v-4ea5b5f7]{font-family:Netron;margin-bottom:5px}}@media screen and (max-width:785px){.title-box[data-v-4ea5b5f7]{justify-content:space-between;margin:auto;padding-top:2.666667rem;width:100%}.title-box[data-v-4ea5b5f7],.title-box h1[data-v-4ea5b5f7]{align-items:center;display:flex;flex-direction:column}.title-box h1[data-v-4ea5b5f7]{color:#fff;font-family:douyu;font-size:.746667rem;font-weight:400;justify-content:center;line-height:1.5;margin:0;text-align:center;width:9.333333rem}.title-box h1 img[data-v-4ea5b5f7]{height:auto;width:2.133333rem}.title-box .description[data-v-4ea5b5f7]{color:#fff;font-size:.373333rem;font-weight:400;line-height:28.96px;margin:0}.one-banner[data-v-4ea5b5f7]{height:308px;position:relative;width:100%}.one-banner .banner-bg[data-v-4ea5b5f7]{display:none}.one-banner .banner-mobile-bg[data-v-4ea5b5f7]{display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.block[data-v-4ea5b5f7]{align-items:center;display:flex;flex-direction:column;margin:1.066667rem auto auto;width:calc(100% - 1.33333rem)}.block .text[data-v-4ea5b5f7]{flex:1;order:1;width:100%}.block .text[data-v-4ea5b5f7],.block .text .title[data-v-4ea5b5f7]{margin-left:0}.block .text p[data-v-4ea5b5f7]{color:#0006;line-height:1.5;width:100%}.block .svg-container[data-v-4ea5b5f7]{order:2}.block .svg-container[data-v-4ea5b5f7],.block .svg-container img[data-v-4ea5b5f7]{height:auto;width:100%}.block .app-show-img[data-v-4ea5b5f7]{height:600px;margin-top:10px;order:2;overflow:hidden;position:relative;width:100%}.block .app-show-img .img[data-v-4ea5b5f7]{height:auto;left:50%;position:absolute;right:0;transform:translate(-50%);width:14.666667rem;z-index:2}.block .app-show-img .img-bg[data-v-4ea5b5f7]{bottom:0;height:5.333333rem;left:4.64rem;position:absolute;width:5.333333rem;z-index:1}.block .app-show-img .img-bg.img-bg-left[data-v-4ea5b5f7]{left:-70px}.block .selectApps[data-v-4ea5b5f7]{align-items:center;display:flex;justify-content:space-around;margin-top:.533333rem;width:100%}.block .selectApps .oneApp[data-v-4ea5b5f7]{cursor:pointer;display:flex;height:52px;justify-content:center;margin-right:.266667rem;position:relative;width:52px}.block .selectApps .oneApp[data-v-4ea5b5f7] *{transition:all .3s}.block .selectApps .oneApp.active .app-background[data-v-4ea5b5f7]{transform:translate(-50%,-50%) scale(1.5)}.block .selectApps .oneApp.active .app-img[data-v-4ea5b5f7]{transform:translate(-50%,-10px)}.block .selectApps .oneApp.active .app-name[data-v-4ea5b5f7]{opacity:1}.block .selectApps .oneApp .app-background[data-v-4ea5b5f7]{border-radius:50%;box-shadow:0 2px 8px #96a1a633;height:52px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(1);width:52px}.block .selectApps .oneApp .app-img[data-v-4ea5b5f7]{height:36px;left:50%;position:absolute;top:8px;transform:translate(-50%);width:36px}.block .selectApps .oneApp .app-name[data-v-4ea5b5f7]{font-family:PingFangSC-Regular;font-size:11px;letter-spacing:-.12px;line-height:15px;opacity:0;position:absolute;text-align:center;top:35px;transition:opacity .4s cubic-bezier(.32,.94,.6,1) .1s;width:100%}.title-block[data-v-4ea5b5f7]{margin:.533333rem auto;width:calc(100% - 1.33333rem)}.title-block p[data-v-4ea5b5f7]{margin:0}.tips[data-v-4ea5b5f7]{margin:auto;width:calc(100% - 1.33333rem)}.example[data-v-4ea5b5f7]{justify-content:space-around;margin:20px 0 60px}.example[data-v-4ea5b5f7],.example .one-example[data-v-4ea5b5f7]{align-items:center;display:flex;flex-direction:column}.example .one-example[data-v-4ea5b5f7]{margin-bottom:.533333rem}.example .one-example img[data-v-4ea5b5f7]{border:2px solid #f1f1f1;border-radius:10px;height:auto;width:calc(100% - 1.33333rem)}.example .one-example h5[data-v-4ea5b5f7]{font-size:18px;margin-top:20px}.customer-box[data-v-4ea5b5f7]{display:flex;flex-wrap:wrap;margin:auto;width:calc(100% - 1.33333rem)}.customer-box .one-croe[data-v-4ea5b5f7]{align-items:center;border:1px solid #eee;border-radius:20px;box-shadow:-1px 1px 14px #987b672e;cursor:pointer;display:flex;height:3.733333rem;justify-content:space-between;margin:.266667rem auto;overflow:hidden;padding:.533333rem;width:100%}.customer-box .one-croe .left[data-v-4ea5b5f7]{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:3.733333rem;margin-right:.266667rem;width:2.533333rem}.customer-box .one-croe .left .icon-container[data-v-4ea5b5f7]{height:.533333rem;margin-bottom:11px;margin-top:27px;position:relative}.customer-box .one-croe .left .icon-container .oneIcon[data-v-4ea5b5f7]{color:#ea8d35;font-size:1.013333rem}.customer-box .one-croe .left .icon-container .shadow[data-v-4ea5b5f7]{bottom:-.88rem;color:#b07b4a;filter:blur(3px);font-size:1.013333rem;left:.133333rem;opacity:.5;position:absolute;transition:all .7s}.customer-box .one-croe .left h4[data-v-4ea5b5f7]{font-size:.32rem;font-weight:bolder;margin-top:.533333rem}.customer-box .one-croe .description[data-v-4ea5b5f7]{align-items:center;display:flex;flex:1;font-size:.373333rem;height:100%;line-height:1.5;overflow:hidden}.title[data-v-4ea5b5f7]{display:flex;flex-direction:column;margin-left:0}.title .en[data-v-4ea5b5f7]{font-family:Netron;margin-bottom:5px}}