.section[data-v-c8b69e8c]{padding:50px 0 80px;background-repeat:no-repeat;background-size:cover;background-position:50%;overflow:hidden}.section .header[data-v-c8b69e8c]{font-size:36px;font-weight:600;color:#f6f6f6;line-height:50px;margin-bottom:48px;text-align:center}.banner[data-v-c8b69e8c]{height:460px;text-align:center;background-image:url(https://cdn.faceplusplus.com.cn/mc-official/v2.1/img/banner.7819504.jpg);background-color:#000;background-repeat:no-repeat;background-size:cover;background-position:50%;padding:128px 0 96px;margin-top:64px}.banner .title[data-v-c8b69e8c]{background-color:#fff;position:relative;overflow:hidden;display:inline-block;height:100px;-webkit-clip-path:url(#titleSvgPath);clip-path:url(#titleSvgPath);width:293px;margin:auto}.banner .title .linear-title[data-v-c8b69e8c]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;mix-blend-mode:darken;pointer-events:none}.banner .title .linear-title .linear-item[data-v-c8b69e8c]{overflow:hidden;position:absolute;width:200px;height:200px;background-color:#00caff;border-radius:37% 29% 27% .96428571% 25% 41% 37%;-webkit-filter:blur(20px);filter:blur(20px);mix-blend-mode:overlay}.banner .title .linear-title .linear-item[data-v-c8b69e8c]:first-of-type{top:-50%;-webkit-animation:linear-border-data-v-c8b69e8c 6s ease-in-out infinite,linear-1-data-v-c8b69e8c 12s ease-in-out infinite alternate;animation:linear-border-data-v-c8b69e8c 6s ease-in-out infinite,linear-1-data-v-c8b69e8c 12s ease-in-out infinite alternate}.banner .title .linear-title .linear-item[data-v-c8b69e8c]:nth-of-type(2){background-color:#01ff85;right:0;top:0;-webkit-animation:linear-border-data-v-c8b69e8c 6s ease-in-out infinite,linear-2-data-v-c8b69e8c 12s ease-in-out infinite alternate;animation:linear-border-data-v-c8b69e8c 6s ease-in-out infinite,linear-2-data-v-c8b69e8c 12s ease-in-out infinite alternate}.banner .title .linear-title .linear-item[data-v-c8b69e8c]:nth-of-type(3){background-color:#ff6ddc;left:0;bottom:0;-webkit-animation:linear-border-data-v-c8b69e8c 6s ease-in-out infinite,linear-3-data-v-c8b69e8c 8s ease-in-out infinite alternate;animation:linear-border-data-v-c8b69e8c 6s ease-in-out infinite,linear-3-data-v-c8b69e8c 8s ease-in-out infinite alternate}.banner .title .linear-title .linear-item[data-v-c8b69e8c]:nth-of-type(4){background-color:#643eff;right:0;bottom:-50%;-webkit-animation:linear-border-data-v-c8b69e8c 6s ease-in-out infinite,linear-4-data-v-c8b69e8c 24s ease-in-out infinite alternate;animation:linear-border-data-v-c8b69e8c 6s ease-in-out infinite,linear-4-data-v-c8b69e8c 24s ease-in-out infinite alternate}@-webkit-keyframes linear-border-data-v-c8b69e8c{0%{border-radius:37% 29% 27% .96428571% 25% 41% 37%}25%{border-radius:47% 29% 39% .80327869% 19% 66% 26%}50%{border-radius:57% 23% 47% 1.14285714% 17% 66% 33%}75%{border-radius:28% 49% 29% 1.07526882% 20% 64% 25%}to{border-radius:37% 29% 27% .96428571% 25% 41% 37%}}@keyframes linear-border-data-v-c8b69e8c{0%{border-radius:37% 29% 27% .96428571% 25% 41% 37%}25%{border-radius:47% 29% 39% .80327869% 19% 66% 26%}50%{border-radius:57% 23% 47% 1.14285714% 17% 66% 33%}75%{border-radius:28% 49% 29% 1.07526882% 20% 64% 25%}to{border-radius:37% 29% 27% .96428571% 25% 41% 37%}}@-webkit-keyframes linear-1-data-v-c8b69e8c{0%{top:0;right:0}50%{top:100%;right:75%}75%{top:100%;right:25%}to{top:0;right:0}}@keyframes linear-1-data-v-c8b69e8c{0%{top:0;right:0}50%{top:100%;right:75%}75%{top:100%;right:25%}to{top:0;right:0}}@-webkit-keyframes linear-2-data-v-c8b69e8c{0%{top:-50%;left:0}60%{top:100%;left:75%}85%{top:100%;left:25%}to{top:-50%;left:0}}@keyframes linear-2-data-v-c8b69e8c{0%{top:-50%;left:0}60%{top:100%;left:75%}85%{top:100%;left:25%}to{top:-50%;left:0}}@-webkit-keyframes linear-3-data-v-c8b69e8c{0%{bottom:0;left:0}40%{bottom:100%;left:75%}65%{bottom:40%;left:50%}to{bottom:0;left:0}}@keyframes linear-3-data-v-c8b69e8c{0%{bottom:0;left:0}40%{bottom:100%;left:75%}65%{bottom:40%;left:50%}to{bottom:0;left:0}}@-webkit-keyframes linear-4-data-v-c8b69e8c{0%{bottom:-50%;right:0}50%{bottom:0;right:40%}90%{bottom:50%;right:25%}to{bottom:-50%;right:0}}@keyframes linear-4-data-v-c8b69e8c{0%{bottom:-50%;right:0}50%{bottom:0;right:40%}90%{bottom:50%;right:25%}to{bottom:-50%;right:0}}.banner .desc[data-v-c8b69e8c]{font-size:23px;color:#f9f9f9;line-height:32px;margin:28px auto 38px}.banner .button[data-v-c8b69e8c]{width:142px;height:44px;line-height:44px;background:linear-gradient(223deg,#6e65ff,#6e65ff 0,#41d7ff);border-radius:4px;font-size:18px;font-weight:600;color:#f9f9f9;margin:auto;cursor:pointer}.banner .button[data-v-c8b69e8c]:hover{opacity:.9}.products[data-v-c8b69e8c]{background-image:url(https://cdn.faceplusplus.com.cn/mc-official/v2.1/img/products-bg.46200fa.jpeg);background-color:#000;position:relative}.products .active-desc[data-v-c8b69e8c]{width:720px;height:96px;background:url(https://cdn.faceplusplus.com.cn/mc-official/v2.1/img/products-border.3169f97.png);padding:24px 40px;line-height:24px;font-size:14px;color:#f9f9f9;margin:auto}.products .active-desc .strong[data-v-c8b69e8c]{color:#28e6ff;font-weight:600}.products .active-desc .typing .icon[data-v-c8b69e8c]{position:relative;left:-5px;-webkit-animation:showout-data-v-c8b69e8c .8s ease infinite forwards;animation:showout-data-v-c8b69e8c .8s ease infinite forwards}@-webkit-keyframes showout-data-v-c8b69e8c{0%{opacity:0}to{opacity:1}}@keyframes showout-data-v-c8b69e8c{0%{opacity:0}to{opacity:1}}.products #product-bg[data-v-c8b69e8c]{position:absolute;display:block;top:0;left:0;z-index:0}.products .content[data-v-c8b69e8c]{width:2560px;-webkit-clip-path:url(#svgPath);clip-path:url(#svgPath);position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:480px}.products .content .items[data-v-c8b69e8c]{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;display:-webkit-box;display:flex}.products .content .items .item[data-v-c8b69e8c]{padding:0 25px;position:relative}.products .content .items .item .img[data-v-c8b69e8c]{height:480px}.products .content .items .item .title[data-v-c8b69e8c]{position:absolute;top:50%;left:0;right:0;margin:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:130px}.products .content .items .item .link[data-v-c8b69e8c]{position:absolute;top:58%;left:0;right:0;margin:auto;width:96px;height:36px;line-height:36px;background:rgba(0,0,0,.4);border-radius:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:18px;font-weight:600;display:inline-block;text-align:center}.products .content .items .item .link[data-v-c8b69e8c]:after{content:"";position:absolute;right:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:7px;height:11px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAQAAAAZmV8jAAAAAXNSR0IArs4c6QAAAE9JREFUCNddzjsOQGAQRWFb8CiEkGjtvxQrEFESsRHNp5BJ/G53zmRmbmY0q7OICbsmsLLh0IYorTh1IXILLn2IwY35heIzTXZ/l/9/k1YPcPpLEKsn9RgAAAAASUVORK5CYII=)}.products .content .items .item:hover .link[data-v-c8b69e8c]{background-color:rgba(0,0,0,.6)}.scene[data-v-c8b69e8c]{background-image:url(https://cdn.faceplusplus.com.cn/mc-official/v2.1/img/scene-bg.85f9130.jpeg)}.scene .content[data-v-c8b69e8c]{width:1120px;margin:auto}.scene .content .items .item[data-v-c8b69e8c]{width:700px;height:525px;position:relative;overflow:hidden;border-radius:10px;box-shadow:0 2px 30px 0 rgba(8,11,23,.12)}.scene .content .items .item .img[data-v-c8b69e8c]{width:100%;height:100%}.scene .content .items .item .body[data-v-c8b69e8c]{position:absolute;bottom:0;left:0;right:0;background:-webkit-gradient(linear,right top,left top,from(hsla(0,0%,100%,.5)),to(#fff));background:linear-gradient(270deg,hsla(0,0%,100%,.5),#fff);padding:16px 30px 24px}.scene .content .items .item .body .title[data-v-c8b69e8c]{font-size:32px;font-weight:600;color:#2b2b2a;line-height:45px;text-shadow:0 2px 30px rgba(8,11,23,.12);margin-bottom:8px}.scene .content .items .item .body .desc[data-v-c8b69e8c]{font-size:18px;color:#2b2b2a;line-height:25px;text-shadow:0 2px 30px rgba(8,11,23,.12)}.recommend[data-v-c8b69e8c]{background-image:url(https://cdn.faceplusplus.com.cn/mc-official/v2.1/img/recommend-bg.e8dfcce.jpeg)}.recommend .window[data-v-c8b69e8c]{margin:48px auto 30px;min-width:1200px;height:320px;position:relative;overflow:hidden}.recommend .window .left[data-v-c8b69e8c],.recommend .window .right[data-v-c8b69e8c]{position:absolute;top:0;bottom:0;width:150px;z-index:1;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all .8s ease;transition:all .8s ease}.recommend .window .left .arrow-left[data-v-c8b69e8c],.recommend .window .left .arrow-right[data-v-c8b69e8c],.recommend .window .right .arrow-left[data-v-c8b69e8c],.recommend .window .right .arrow-right[data-v-c8b69e8c]{width:56px;height:56px;position:relative;top:-60px}.recommend .window .left .arrow-left[data-v-c8b69e8c],.recommend .window .right .arrow-left[data-v-c8b69e8c]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.recommend .window .left[data-v-c8b69e8c]{left:0;background:-webkit-gradient(linear,right top,left top,from(rgba(3,19,50,0)),color-stop(49%,rgba(4,19,51,.92)),to(#041333));background:linear-gradient(270deg,rgba(3,19,50,0),rgba(4,19,51,.92) 49%,#041333)}.recommend .window .right[data-v-c8b69e8c]{right:0;background:-webkit-gradient(linear,left top,right top,from(rgba(3,19,50,0)),color-stop(49%,rgba(4,19,51,.92)),to(#041333));background:linear-gradient(90deg,rgba(3,19,50,0),rgba(4,19,51,.92) 49%,#041333)}.recommend .window .wrapper[data-v-c8b69e8c]{display:-webkit-box;display:flex;-webkit-box-pack:start;justify-content:flex-start;position:absolute;left:0;-webkit-transition:all 2s;transition:all 2s}.recommend .window .wrapper .item[data-v-c8b69e8c]{border-radius:10px;overflow:hidden;width:320px;margin:0 15px}.recommend .window .wrapper .item .img[data-v-c8b69e8c]{width:100%;border-radius:10px;height:204px}.recommend .window .wrapper .item .body[data-v-c8b69e8c]{padding:20px 16px 24px}.recommend .window .wrapper .item .body .title[data-v-c8b69e8c]{font-size:18px;font-weight:600;color:#f6f6f6;line-height:25px;margin-bottom:4px}.recommend .window .wrapper .item .body .link[data-v-c8b69e8c]{font-size:12px;font-weight:bolder;color:#f6f6f6;line-height:17px}.recommend .window .wrapper .item[data-v-c8b69e8c]:hover{box-shadow:0 2px 20px 0 rgba(85,86,90,.16)}.recommend .window .wrapper .item:hover .body[data-v-c8b69e8c]{background-color:rgba(129,160,202,.15)}.recommend .window .wrapper .item:hover .body .link[data-v-c8b69e8c]{color:#28e6ff}