.advantage-section{padding:44px 78px 0;margin-top:60px;background:#fff;box-shadow:1px 1px 20px 1px #dcdedf;border-radius:10px;z-index:1}.advantage-section .advantage-section-title{display:none}.advantage-section .parts{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;width:100%;height:100%}.advantage-section .part{min-width:30%;text-align:center;display:flex;margin-bottom:44px;flex-direction:column;justify-content:center;color:#333}.advantage-section .part span{font-size:36px;font-weight:500;line-height:36px}.advantage-section .part .part-padend{font-size:28px}.advantage-section .part p{margin-top:22px;font-size:20px;line-height:20px}@media only screen and (max-width:678px){.advantage-section{margin-top:0;padding:0;background-color:transparent;box-shadow:none;border-radius:0;transform:translateY(-5%)}.advantage-section .advantage-section-title{display:block;margin-top:0;margin-bottom:12px}.advantage-section .parts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 11px;height:auto}.advantage-section .part{min-width:0;width:auto;height:92px;margin-bottom:0;padding:10px 8px;background:#fff;box-shadow:1px 1px 10px 1px #dcdedf;border-radius:4px;overflow:hidden;text-align:center}.advantage-section .part span{display:block;font-size:18px;line-height:22px}.advantage-section .part .part-padend{display:inline;font-size:12px;line-height:16px}.advantage-section .part p{margin-top:4px;font-size:12px;line-height:18px}}.waistBlock{margin-top:56px;min-height:214px;padding:40px 20px;background-image:url(data:image/webp;base64,UklGRnwFAABXRUJQVlA4WAoAAAAQAAAArwQA1QAAQUxQSKMAAAABJyAQSOFmFxERg4NIkhSpDgQ8CTgS8LACjvyb+lPQDxXR/wkAGLY9Ssu14nDd47RUb+seqDeg2yO1hiVTJk57qHJPlXpJlTZWpu3bStn1v/7X//pf/+t//a//9b/+1//6X//rf/2v//W//tf/+l//63/9r//1v/7X//o/GrdUKeu3ldscK12qNKRKxZopN+gypQaWRJkATlueTByeHluWlAEAAFZQOCCyBAAAUFQAnQEqsATWAD5hMJVIpCMiISA1WHiADAlpbuF2sRGev+x2L6wD8gMduVX9qu8AVqB1gHlQfoB8B/7Afqf7SWrh6/AA9TITvRWRbZjALhjpQBVkW2YwC4NuBXyBOb1QXE7z5tzKD454mnbMYBQuCJBDdCMp8kltmMAuGOlAFWRbZjALhjpQBTGuytkDpQBVkWQr8PGIzeqC4YIMmnVGAXDHSgCrItsxgFwx0oAqyLbMX/XhlOnMPdmMAtljMj+Z8TeqC16Ggz9txO9FZFtmMAuGOlAFWRbZjALhjpQA5elKdYaI1b0VkWRq7wj+Q1ZFthiD4Jvmp4rItsxgFwx0oAqyLbMYBcMdKAKslvHcIJq9mzHSeJBp3ZLD3Zi9LDN/mtO2YwC4Y6UAVZFtmMAuGOlAFWRbZjALZL2M0ieVXU3eisZe4DBwQmAqyLI15n18C7JvVBcTvRWRbZjALhjpQBVkW2YwC4Y6RWUm2QND3Z3ZcuvUoi/Zb1Pogv3orItsxgFwx0oAqyLbMYBcMdKAKsi2zJ1Zyct9hjqNbg+5lhLgYdUYBbJ6EtP27ZjALhjpQBVkW2YwC4Y6UAVZFtmMAuGOkWvVEXF25xs+gdq7sOT3oqsvZPmSKC4neisi2zGAXDHSgCrItsxgFwx0oAqyLbMT5SRZHFqtwATuzhO3KHLvxUFV2Xy4M2eWiaktsxgFwx0oAqyLbMYBcMdKAKsi2zGAXDHSgCqtGR50JEt3FMUui7j39g8p8YwC4Y6UAVZFtmMAuGOlAFWRbZjALhjpQBVkW2H74J9BMYEhVWRbZjALhjpQBVkW2YwC4Y6UAVZFtmMAuGOlAFMUGnEHVkW2YwC4Y50MBFtmMAuGOlAFWRbZjALhjpQBVkW2Yv+t5bGYPdmMAuGOlADgVgAA/v7qr/9OT2+wv6b/brX0l1s90Pg6/WS/8947/H/nchc3eUHEHI9wefqC4ugBXimRZENCV17ERklRXthvDt1KUfLaeGD9jGXjgeAXBUSMQqjTjUnd2/JiXdCvJqm/eh8Qb3qaGqXoRHgADe5kHl+n2MvvkHtTlH6wo6/wQCROmPlnOAAAC9F0tA6DKLo35dWKiG0Q6XgAABnkq8e2wvjCaBP/PlVDX+B72fryQs2uAAAsRoR3yAqMqrGtRGX3yQIB2RU+qqiJeK/02EAACJmOuJ1QEWCZ/oXhZgJIL6egAAJEaIHjqbFdTz+uLsJbEBRCUEYiU2xedTAph73d31jBEr3QAAAe8usCh3gzRhBcC30byPXDX612w2mA4w4PD7lIyzLYAAACS1At5+f2L+R6gAlrQRbK2AysK2VvBKGqMSd5N7GKCCTizARo+YAAAACH1DknoMMgJnpqXPWcXbn/X0I3B7FrvN2V6T7wS4Pc9RTgVwKbyN1xLnsWK6igAAAG0heJELp5ZB3zQUtqGbOEfVWx2n5n9Gs7J7lSvZ0EugAAAL0I63n+9iC08NpjgAAABl1IrOP+3zJCgFj/Glid7iX2t31hH4Dq4JT9/dfTy+Zb3pOV3GICAACC1/tdDQp/4pdm2jf52dkk2epTScfJ3U2/9p//jP/G6uO7xFE5ZX4naAAAAAA=);background-size:100% 100%;text-align:center;display:flex;align-items:center;justify-content:center}.waistBlock .title{font-size:36px;color:#fff;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-weight:500}.yoycol-home-app{display:flex;justify-content:center;width:100%;background-color:#f8f8f8}.yoycol-home-app ul{display:flex;padding:0;list-style:none}.yoycol-home-container{display:flex;flex-direction:column;align-items:center;width:100%}.grid-box{display:grid;justify-content:space-between;grid-template-columns:repeat(auto-fill,minmax(256px,1fr));gap:24px}.grid-box.grid-3{grid-template-columns:repeat(auto-fill,minmax(284px,1fr))}@media only screen and (max-width:1280px){.grid-box.grid-3{grid-template-columns:repeat(2,minmax(130px,1fr))}}.grid-box .grid-item{position:relative;padding-bottom:53.19%;background:#fff;border:1px solid #e8eaed;box-shadow:0 10px 28px #0f172a0f;border-radius:12px}@media only screen and (max-width:678px){.grid-box{grid-template-columns:repeat(2,minmax(120px,1fr))}}.text-overflow{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.introduction-section{margin-top:58px}.introduction-section .intro-item{position:relative;background:#fff;box-shadow:1px 1px 20px 1px #dcdedf;border-radius:8px;overflow:hidden}.introduction-section .intro-item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.introduction-section .intro-item:hover{box-shadow:1px 1px 20px 1px #bbb}.design-section .intro-video{margin:56px auto 0;width:960px;border-radius:6px}.design-section .intro-video video{object-fit:fill;outline:none}.design-section .intro-video .design-section-intro-video-placeholder{width:100%;height:100%;border-radius:6px;background:#f5f6f8}@media only screen and (max-width:1280px){.design-section .intro-video{width:100%;height:auto}}.difference-section{position:relative;width:100%;z-index:1}.difference-section .section-wrapper{margin:60px auto 0}.difference-section .content{margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 40px;padding:0 88px}.difference-section .content .item{min-width:0}.difference-section .content .title{display:flex;align-items:center;margin-top:40px;line-height:20px;color:#333;font-size:20px}.difference-section .content .text{margin-left:15px}.difference-section .content .img{font-size:24px}.difference-section .content .alt{margin-top:20px;padding-right:20px;font-size:16px;color:#666;line-height:20px;text-align:left}@media only screen and (max-width:1280px){.difference-section .content{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;padding:0 44px}}@media only screen and (max-width:678px){.difference-section .content{grid-template-columns:1fr;row-gap:0;padding:0}}.comment-section .section-content.comment-section-mobile{display:none}.comment-section .section-content{margin-top:60px;padding:0;display:flex;justify-content:space-between;flex-wrap:wrap}.comment-section .box{width:380px;padding:32px;background:#fff;box-shadow:1px 1px 20px 1px #dcdedf;border-radius:10px}.comment-section .user{display:flex}.comment-section .avator{width:80px;height:80px;margin-right:32px;background-color:#efefef;border-radius:50%;flex-shrink:0}.comment-section .avator img{width:100%;height:100%;object-fit:cover}.comment-section .detail{display:flex;flex-direction:column;text-align:left}.comment-section .name{font-size:24px;line-height:30px;color:#333}.comment-section .name.smaller{font-size:18px}.comment-section .role{padding:8px 0 0;font-size:16px;line-height:18px;color:#999}.comment-section .mark{color:#fd7801}.comment-section .mark svg{width:16px}.comment-section .intro{margin-top:17px;font-size:16px;line-height:24px;color:#666;text-align:left}@media only screen and (max-width:1280px){.comment-section .box{width:100%;height:auto;margin-bottom:20px}}.profit-section{display:flex;justify-content:space-between;height:561px;margin-top:100px;padding:80px 54px;border-radius:6px;box-shadow:2px 2px 20px 2px #dcdedf;background:url(https://cloud.yoycol.cn/yoycol/prod/assets/static/back-cover.I_sodHVC.webp) no-repeat center;background-size:110% 110%;color:#fff;text-align:left}.profit-section .head,.profit-section .foot{font-size:28px;line-height:28px;font-weight:500}.profit-section .profit-card{width:526px;height:400px;padding:49px 71px;border-radius:6px;background-color:#aa8b6b}.profit-section .profit-card .line{display:flex;justify-content:space-between;width:100%;margin:40px 0;font-size:18px;line-height:18px}.profit-section .profit-card .foot{padding-top:40px;position:relative;display:flex;justify-content:space-between}.profit-section .profit-card .foot:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background-color:#fff}.profit-section .profit-card .profit-section-monthly-profit{font-size:24px}.profit-section .go-card{margin-top:104px;margin-right:71px}.profit-section .go-card .sign{width:174px;height:40px;margin:40px 0;background-color:#fd7801;border:none;font-size:16px}.profit-section .go-card .foot{font-size:18px;line-height:18px}.profit-section .go-card .contact-us{color:#fff}.profit-section .go-card .contact-us:hover{color:#fd7801;text-decoration:underline}@media only screen and (max-width:1280px){.profit-section{flex-direction:column;height:auto}.profit-section .profit-card{width:100%}.profit-section .go-card{text-align:center;margin-right:0}}@media only screen and (max-width:678px){.profit-section{padding:20px}.profit-section .profit-card{margin-top:10px;padding:20px;height:auto}.profit-section .go-card{margin:0;padding:40px 0}}.yoycol-star-rate{margin-top:5px}.yoycol-rate-star{margin-right:5px;font-size:16px}.yoycol-latest-order{grid-area:transactions;margin-top:40px;min-height:117px}.yoycol-latest-order .yoycol-latest-order-title{font-size:16px;font-weight:500;line-height:20px;color:#333;display:flex}.yoycol-latest-order .yoycol-transactions{margin-top:24px}.yoycol-latest-order .yoycol-latest-order-placeholder{height:117px}.yoycol-latest-order li{display:flex;margin-right:40px;margin-bottom:10px}.yoycol-latest-order li:last-child{margin-right:0}.yoycol-latest-order .location-icon{width:30px;height:30px;margin-right:4px;font-size:28px}.yoycol-latest-order .transaction-record{display:flex;flex-direction:column;width:96px;justify-content:space-between}.yoycol-latest-order .location{font-size:14px;line-height:14px;font-weight:500;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.yoycol-latest-order .time{flex:1;margin-top:4px;font-size:12px;color:#666}@media only screen and (max-width:1280px){.yoycol-latest-order{min-height:124px}.yoycol-latest-order .yoycol-latest-order-placeholder{height:124px}.yoycol-latest-order .yoycol-transactions{display:flex;justify-content:space-between;flex-wrap:wrap}.yoycol-latest-order li{margin-right:0}.yoycol-latest-order li:last-child:after{content:"";display:inline-block;width:1px;height:1px;background-color:transparent}}@media only screen and (max-width:678px){.yoycol-latest-order .yoycol-latest-order-title{justify-content:center;margin-bottom:30px}.yoycol-latest-order .yoycol-latest-order-title .Inter-Medium{display:block;width:260px;text-align:center}.yoycol-latest-order .yoycol-transactions{justify-content:space-around}}.yoycol-header-section .yoycol-header-containter{display:grid;grid-template-columns:minmax(0,56%) minmax(0,44%);grid-template-areas:"title bg" "desc bg" "advantage bg" "line bg" "transactions bg";column-gap:32px;align-items:start}@media only screen and (max-width:1280px){.yoycol-header-section .yoycol-header-containter{grid-template-columns:100%;grid-auto-columns:100%;grid-template-areas:"title" "desc" "advantage" "line" "bg" "transactions"}}.yoycol-header-section .yoycol-header-title{grid-area:title;min-width:0;margin-top:77px;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-size:46px;line-height:1.2;color:#333}@media only screen and (max-width:1280px){.yoycol-header-section .yoycol-header-title{margin-top:43px;text-align:center}}@media only screen and (max-width:678px){.yoycol-header-section .yoycol-header-title{width:100%;max-width:351px;margin-right:auto;margin-left:auto;font-size:25px;line-height:32px;text-align:center}}.yoycol-header-section .yoycol-header-desc{grid-area:desc;max-width:640px;margin-top:20px;font-size:20px;color:#999;line-height:32px}@media only screen and (max-width:1280px){.yoycol-header-section .yoycol-header-desc{margin-top:34px}}@media only screen and (max-width:678px){.yoycol-header-section .yoycol-header-desc{font-size:14px;line-height:24px;text-align:center}}.yoycol-header-section .yoycol-hero-line{grid-area:line;display:flex;flex-direction:row;align-items:center;min-width:0;margin-top:30px}.yoycol-header-section .yoycol-hero-line .video-icon{margin-left:9px;color:#ff002b}@media only screen and (max-width:678px){.yoycol-header-section .yoycol-hero-line{width:100%;max-width:351px;margin-right:auto;margin-left:auto;flex-direction:column;align-items:center}}@media only screen and (max-width:1280px){.yoycol-header-section .yoycol-hero-line{justify-content:center}}.yoycol-header-section .yoycol-start-design{width:226px;height:56px;font-size:20px;white-space:nowrap}@media only screen and (max-width:678px){.yoycol-header-section .yoycol-start-design{width:100%}}.yoycol-header-section .yoycol-how-to-work{margin-left:20px;font-size:18px;color:#333;line-height:56px;height:56px;width:226px;border:1px solid #999;border-radius:4px;background:#fff;text-align:center;cursor:pointer;transition:all .2s cubic-bezier(.65,.05,.36,1);font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500}.yoycol-header-section .yoycol-how-to-work:hover{color:#fd7801}@media only screen and (max-width:678px){.yoycol-header-section .yoycol-how-to-work{margin-left:0;margin-top:12px;width:100%}}.yoycol-header-section .yoycol-advantage{grid-area:advantage;min-width:0;margin-top:16px;height:46px}.yoycol-header-section .yoycol-advantage li{margin-right:24px;margin-bottom:10px;font-size:14px;color:#333;line-height:18px;display:flex;align-items:center}@media only screen and (max-width:1280px){.yoycol-header-section .yoycol-advantage{justify-content:center}}@media only screen and (max-width:678px){.yoycol-header-section .yoycol-advantage{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;min-height:96px}.yoycol-header-section .yoycol-advantage:last-child:after{display:block;content:"";width:1px;height:1px;background:transparent}}.yoycol-header-section .yoycol-header-bg{grid-area:bg;display:flex;align-items:center;justify-content:flex-end;width:100%;min-width:520px;height:470px;margin-top:20px}.yoycol-header-section .yoycol-header-bg img,.yoycol-header-section .yoycol-header-bg video,.yoycol-header-section .yoycol-header-bg object,.yoycol-header-section .yoycol-header-bg .yoycol-header-bg-animation,.yoycol-header-section .yoycol-header-bg .yoycol-header-bg-placeholder{display:block;flex:0 0 auto;width:100%;height:100%;object-fit:contain;cursor:pointer}.yoycol-header-section .yoycol-header-bg .yoycol-header-bg-animation{position:relative;overflow:hidden;border-radius:12px}.yoycol-header-section .yoycol-header-bg .yoycol-header-bg-placeholder{position:absolute;inset:0;overflow:hidden;border-radius:12px;z-index:2;opacity:1;transition:opacity .24s ease}.yoycol-header-section .yoycol-header-bg .yoycol-header-bg-placeholder.is-leaving{opacity:0}.yoycol-header-section .yoycol-header-bg .yoycol-header-bg-animated{position:absolute;inset:0;z-index:1;opacity:0}.yoycol-header-section .yoycol-header-bg .yoycol-header-bg-animated.is-ready{opacity:1}@media only screen and (max-width:1280px){.yoycol-header-section .yoycol-header-bg{min-width:0;width:80%;height:369px;margin:10px auto 0;user-select:none;-webkit-tap-highlight-color:transparent}}@media only screen and (max-width:678px){.yoycol-header-section .yoycol-header-bg{width:100%;max-width:351px;height:257px}}.video-popover .ant-modal-content{overflow:hidden}.video-popover .ant-modal-body{padding:0;overflow:hidden;background-color:#000}.video-popover video{display:block;width:100%}.yoycol-work-section .content{margin-top:32px;display:grid;justify-content:center;align-items:center;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.yoycol-work-section .content li{display:flex;flex-flow:column wrap;align-items:center;width:256px;margin:0 auto}@media only screen and (max-width:678px){.yoycol-work-section .content li{flex-direction:row-reverse;align-items:center;justify-content:center;width:auto;margin:16px 0}.yoycol-work-section .content li:nth-child(odd){flex-direction:row}}.yoycol-work-section .work-process{display:flex;justify-content:center;align-items:center;max-width:100%;height:107px;overflow:visible}.yoycol-work-section .work-process img{width:auto;max-width:100%;height:100%;object-fit:contain}@media only screen and (max-width:678px){.yoycol-work-section .work-process{flex:0 218px}}.yoycol-work-section .part{flex:1;margin-top:30px}.yoycol-work-section .part .process{display:flex;flex-direction:column;align-items:center;font-size:18px;line-height:18px;font-weight:500;color:#333}.yoycol-work-section .part .num{flex-shrink:0;display:inline-block;width:40px;height:40px;border:2px solid #ccc;border-radius:50%;line-height:36px;margin-right:10px;text-align:center}.yoycol-work-section .part .text{margin-top:16px}.yoycol-work-section .part .intro{margin-top:16px;height:40px;padding:0 12px;font-size:14px;line-height:20px;text-align:center;color:#666}@media only screen and (max-width:678px){.yoycol-work-section .part{margin-top:10px}.yoycol-work-section .part .process{flex-direction:row;justify-content:center}.yoycol-work-section .part .text{margin-top:0}}.integration-section .image-wrapper{margin-top:40px}.integration-section .image-wrapper .image{background-color:#fff;cursor:pointer;box-shadow:1px 1px 20px 1px #dcdedf;display:flex;justify-content:center;flex-direction:column;max-height:163px;overflow:hidden}@media only screen and (max-width:1280px){.integration-section .image-wrapper .image{user-select:none;-webkit-tap-highlight-color:transparent}}.integration-section .image-wrapper .image:hover{box-shadow:1px 1px 20px 1px #bbb}.integration-section .image-wrapper .image img{width:100%}.integration-section .image-wrapper .img-border1{display:flex;justify-content:center}.integration-section .image-wrapper .item-content{position:absolute;top:0;left:0;width:100%;height:100%;padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center}.integration-section .image-wrapper .icon-wrapper{z-index:2;position:absolute;top:9px;right:9px;cursor:pointer}.integration-section .image-wrapper .icon-wrapper svg{width:18px;height:18px;color:#999}.integration-section .image-wrapper .button{position:absolute;bottom:10px;opacity:.9;border:none;margin:9px auto 0;border-radius:10px;height:22px;line-height:12px}@media only screen and (max-width:1280px){.integration-section .image-wrapper{margin-top:59px;justify-content:space-evenly}}@media only screen and (max-width:1280px){.products-section .yoycol-product-cards{user-select:none;-webkit-tap-highlight-color:transparent}}.products-section .category-menu{display:flex;flex-wrap:wrap;margin:32px 0 24px;justify-content:space-between}.products-section .category-menu:after{display:block;content:"";width:1px;height:1px}@media only screen and (max-width:1280px){.products-section .category-menu{justify-content:center}}.products-section .category-item{box-sizing:border-box;height:auto;padding:15px 24px;border-radius:8px;box-shadow:1px 1px 20px 1px #dcdedf;font-size:20px;color:#999;line-height:20px;border:none!important;outline:1px solid transparent;transition:color .2s,box-shadow .2s,outline-color .2s}.products-section .category-item:hover,.products-section .category-item:focus,.products-section .category-item:active{color:#999;border:none!important;outline-color:transparent;box-shadow:1px 1px 20px 1px #dcdedf;transform:none}.products-section .category-item.active{color:#fd7801}.products-section .category-item.active:hover,.products-section .category-item.active:focus,.products-section .category-item.active:active{color:#fd7801}.products-section .view-all-btn{display:block;width:120px;margin:40px auto 0;border:2px solid #fd7801;background-color:transparent;color:#fd7801;font-size:16px}.products-section .view-all-btn:hover{background-color:#fd7801;color:#fff}@media only screen and (max-width:678px){.products-section .category-box{justify-content:space-evenly}.products-section .cover{width:50%;padding:25% 0}}@media only screen and (max-width:678px){.yoycol-home-container .section-wrapper .section-title{position:relative;margin-top:31px;padding-bottom:7px;font-size:18px}.yoycol-home-container .section-wrapper .section-title:after{content:"";display:inline-block;position:absolute;left:50%;bottom:0;width:194px;height:2px;background-color:#fd7801;transform:translate(-50%)}.yoycol-home-container .section-wrapper .section-desc{font-size:13px}}@media only screen and (max-width:768px){.yoycol-home-container .yoycol-header-section{width:100%}.yoycol-home-container .yoycol-header-section .yoycol-header-containter{grid-template-columns:minmax(0,1fr);grid-auto-columns:minmax(0,1fr);grid-template-areas:"title" "desc" "advantage" "line" "bg" "transactions"}.yoycol-home-container .yoycol-header-section .yoycol-header-title{width:100%;margin:43px auto 0;font-size:25px;line-height:32px;text-align:center}.yoycol-home-container .yoycol-header-section .yoycol-advantage{justify-content:center;min-height:96px}.yoycol-home-container .yoycol-header-section .yoycol-hero-line{width:100%;margin:30px auto 0;flex-direction:column;align-items:center}.yoycol-home-container .yoycol-header-section .yoycol-start-design{width:100%;height:40px;font-size:16px}.yoycol-home-container .yoycol-header-section .yoycol-how-to-work{width:100%;height:40px;margin-top:12px;margin-left:0;font-size:16px;line-height:40px}.yoycol-home-container .yoycol-header-section .yoycol-header-bg{width:100%;height:257px;margin:10px auto 0}.yoycol-home-container .introduction-section{display:none}}@media only screen and (max-width:678px){.yoycol-home-container{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;width:100%;padding:0 24px}.yoycol-home-container .section-wrapper{width:100%}.yoycol-home-container .section-wrapper .section-title{position:relative;margin-top:31px;padding-bottom:7px;font-size:18px}.yoycol-home-container .section-wrapper .section-title:after{content:"";display:inline-block;position:absolute;left:50%;bottom:0;width:194px;height:2px;background-color:#fd7801;transform:translate(-50%)}.yoycol-home-container .section-wrapper .section-desc{font-size:13px}.yoycol-home-container .yoycol-header-section .yoycol-header-title{max-width:none;font-size:25px}.yoycol-home-container .yoycol-header-section .yoycol-header-desc{margin-top:12px;font-size:12px}.yoycol-home-container .yoycol-header-section .yoycol-hero-line{width:100%;max-width:none;flex-direction:column;align-items:center;margin-top:18px;margin-bottom:12px}.yoycol-home-container .yoycol-header-section .yoycol-start-design{width:100%;height:40px;font-size:16px}.yoycol-home-container .yoycol-header-section .yoycol-how-to-work{margin-left:0;margin-top:12px;font-size:16px;height:40px;line-height:40px;width:100%}.yoycol-home-container .yoycol-header-section .yoycol-header-bg{width:100%;max-width:none;height:257px}.yoycol-home-container .introduction-section{display:none}.yoycol-home-container .yoycol-work-section .work-process{margin-right:20px;flex:0 0 134px}.yoycol-home-container .yoycol-work-section .work-process img{width:100%}.yoycol-home-container .yoycol-work-section .part .process{justify-content:flex-start}.yoycol-home-container .yoycol-work-section .part .num{width:20px;height:20px;margin-right:5px;font-size:12px;line-height:18px}.yoycol-home-container .yoycol-work-section .part .text{font-size:13px;font-weight:600}.yoycol-home-container .yoycol-work-section .intro{margin-top:4px;padding:0;height:auto;text-align:left;font-size:12px}.yoycol-home-container .yoycol-work-section .content,.yoycol-home-container .yoycol-work-section .content li{margin:0}.yoycol-home-container .yoycol-work-section .content li:nth-child(2n+2) .work-process{margin-right:0;margin-left:20px}.yoycol-home-container .yoycol-work-section .content li:nth-child(2n+2) .process{flex-direction:row-reverse;align-items:baseline}.yoycol-home-container .yoycol-work-section .content li:nth-child(2n+2) .num{margin-right:0;margin-left:5px}.yoycol-home-container .yoycol-work-section .content li:nth-child(2n+2) .intro{text-align:right}.yoycol-home-container .products-section .category-menu{flex-wrap:nowrap;justify-content:flex-start;gap:10px;margin:24px 0 20px;padding:2px 0 6px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.yoycol-home-container .products-section .category-menu::-webkit-scrollbar{display:none}.yoycol-home-container .products-section .category-menu:after{flex:0 0 1px}.yoycol-home-container .products-section .item-box{flex:0 0 auto;scroll-snap-align:start}.yoycol-home-container .products-section .category-item{height:34px;min-height:34px;padding:0 14px;border:1px solid #ececec!important;border-radius:999px;box-shadow:none;font-size:14px;font-weight:600;color:#333;line-height:32px;background-color:#fff;white-space:nowrap}.yoycol-home-container .products-section .category-item.active{color:#fd7801;border-color:#fd780138!important;background-color:#fd78011a}.yoycol-home-container .products-section .category-item:hover,.yoycol-home-container .products-section .category-item:focus,.yoycol-home-container .products-section .category-item:active{color:#333;border-color:#ececec!important;box-shadow:none;outline-color:transparent}.yoycol-home-container .products-section .category-item.active:hover,.yoycol-home-container .products-section .category-item.active:focus,.yoycol-home-container .products-section .category-item.active:active{color:#fd7801;border-color:#fd780138!important}.yoycol-home-container .products-section .yoycol-product-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.yoycol-home-container .design-section .intro-video{margin-top:15px}.yoycol-home-container .integration-section .image-wrapper{margin-top:23px}.yoycol-home-container .integration-section .image-wrapper .img-border1{height:100px;flex:0 0 60px}.yoycol-home-container .integration-section .image-wrapper .img-border1 img{height:100%;object-fit:contain}.yoycol-home-container .integration-section .image-wrapper .button{position:relative;font-size:12px}.yoycol-home-container .difference-section{margin-top:0;padding-bottom:30px}.yoycol-home-container .difference-section .section-wrapper,.yoycol-home-container .difference-section .section-title{margin-top:20px}.yoycol-home-container .difference-section .content{margin-top:17px;padding:6px 12px 24px;background:#fff;box-shadow:1px 1px 10px 1px #dcdedf;border-radius:4px;align-items:baseline}.yoycol-home-container .difference-section .content .title{margin-top:24px}.yoycol-home-container .difference-section .content .text{margin-left:8px;font-size:15px;font-weight:600}.yoycol-home-container .difference-section .content .alt{font-size:12px}.yoycol-home-container .advantage-section{margin-top:0;padding:0;box-shadow:none;background-color:transparent;border-radius:0;transform:none}.yoycol-home-container .advantage-section .section-title{display:block;margin-top:0;margin-bottom:12px}.yoycol-home-container .advantage-section .parts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 11px;height:auto}.yoycol-home-container .advantage-section .part{min-width:0;height:92px;margin-bottom:0;padding:10px 8px;background:#fff;box-shadow:1px 1px 10px 1px #dcdedf;border-radius:4px;overflow:hidden}.yoycol-home-container .advantage-section .part span{display:block;font-size:18px;line-height:22px}.yoycol-home-container .advantage-section .part .part-padend{display:inline;font-size:12px;line-height:16px}.yoycol-home-container .advantage-section .part p{margin-top:4px;font-size:12px;line-height:18px}.yoycol-home-container .comment-section.section-wrapper{width:100%;overflow:hidden}.yoycol-home-container .comment-section .comment-section-desktop{display:none}.yoycol-home-container .comment-section .comment-section-mobile{display:block;width:100%;overflow:hidden;touch-action:pan-y}.yoycol-home-container .comment-section .comment-section-mobile,.yoycol-home-container .comment-section .comment-section-mobile .slick-slider,.yoycol-home-container .comment-section .comment-section-mobile .slick-list{max-width:100%}.yoycol-home-container .comment-section .comment-section-mobile .slick-list{overflow:hidden;touch-action:pan-y}.yoycol-home-container .comment-section .comment-section-mobile .slick-dots{bottom:40px}.yoycol-home-container .comment-section .comment-section-mobile .slick-track{display:flex}.yoycol-home-container .comment-section .comment-section-mobile .slick-slide{min-width:0;overflow:hidden}.yoycol-home-container .comment-section .comment-section-mobile .slick-slide>div{width:100%}.yoycol-home-container .comment-section .section-content{margin-top:27px}.yoycol-home-container .comment-section .section-content .box{height:440px;box-shadow:none;border-radius:0}.yoycol-home-container .comment-section .avator{width:48px;height:48px;margin-right:5px}.yoycol-home-container .comment-section .name{font-size:14px;line-height:14px}.yoycol-home-container .comment-section .role,.yoycol-home-container .comment-section .intro{font-size:12px;padding:0}.yoycol-home-container .comment-section .yoycol-star-rate{margin-top:0}.yoycol-home-container .comment-section .yoycol-rate-star{font-size:14px}.yoycol-home-container .profit-section{margin-top:30px}.yoycol-home-container .profit-section .head,.yoycol-home-container .profit-section .foot{font-size:15px}.yoycol-home-container .profit-section .foot{padding-top:19px}.yoycol-home-container .profit-section .line{margin:18px 0;font-size:12px}.yoycol-home-container .profit-section .go-card{padding-top:19px;padding-bottom:0}.yoycol-home-container .profit-section .go-card .sign{margin:12px 0}}.yoycol-home-app{display:flex;flex-direction:column}.yoycol-home-app .ant-carousel{width:100%}.yoycol-home-app .home-chrismas-banner{position:relative}.yoycol-home-app .home-chrismas-banner .banner{display:block;width:100%;height:100%;min-height:120px;object-fit:cover;cursor:pointer;text-align:center}.yoycol-home-app .home-chrismas-banner .slick-dots-bottom{z-index:0}.yoycol-home-app .home-chrismas-banner .slick-dots li button,.yoycol-home-app .home-chrismas-banner .slick-dots li.slick-active button{padding:1px 2px;box-shadow:0 0 1px 2px #fd7903}.yoycol-home-app .home-chrismas-banner .slick-dots li.slick-active button{background-color:#fd7903}.yoycol-home-app .home-chrismas-banner .slick-dots li:hover{background-color:#ff9429}.yoycol-home-app .home-chrismas-banner:hover .change-icon{visibility:visible}.yoycol-home-app .home-chrismas-banner .change-icon{position:absolute;top:50%;display:flex;justify-content:center;align-items:center;width:36px;height:36px;border-radius:50%;font-size:24px;color:#666;transform:translateY(-50%);visibility:hidden}.yoycol-home-app .home-chrismas-banner .change-icon.prev{left:40px}.yoycol-home-app .home-chrismas-banner .change-icon.next{right:40px}.yoycol-home-app .home-chrismas-banner .change-icon:hover{background-color:#7570705c}