.ecosystem .sec1{width:100%;height:240px;background-color:#efefef;position:relative}.ecosystem .sec1 .h1{font-size:36px;font-weight:900;letter-spacing:0em;color:#686868;position:absolute;left:50%;top:50%;transform:translate(-50%) translateY(-50%)}.ecosystem .sec1 .h1:before,.ecosystem .sec1 .h1:after{content:"";position:absolute;width:18px;height:18px;box-sizing:border-box;border:8px solid #686868;border-right:none;border-bottom:none}.ecosystem .sec1 .h1:before{left:-42px;top:-4px}.ecosystem .sec1 .h1:after{right:-42px;bottom:-4px;transform:rotate(180deg)}.ecosystem .sec2{background:#fff;padding:96px 0}.ecosystem .sec2 .row{width:100%}.ecosystem .sec2 .row:after{content:"";width:346px}.ecosystem .sec2 .row .col{width:346px}.ecosystem .sec2 .row .col .img{display:block;width:120px;margin-bottom:20px}.ecosystem .sec2 .row .col .tit{line-height:30px;font-size:20px;font-weight:700;letter-spacing:0em;color:#111;margin-bottom:20px}.ecosystem .sec2 .row .col .p{font-size:16px;font-weight:400;line-height:24px;letter-spacing:0em;color:#111}.ecosystem .sec3{padding:80px 0;background:#343434}.ecosystem .sec3 .top{font-size:40px;font-weight:700;line-height:58px;text-align:center;margin-bottom:88px;color:#fff}.ecosystem .sec3 .marquee{position:relative;max-width:1240px;margin:56px auto 0;padding:12px 0 6px;overflow:hidden;cursor:grab;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}.ecosystem .sec3 .marquee.dragging{cursor:grabbing}.ecosystem .sec3 .marquee .track{display:flex;align-items:center;width:max-content;will-change:transform}.ecosystem .sec3 .marquee .group{display:flex;align-items:center}.ecosystem .sec3 .marquee .col{width:182px;height:204px;border-radius:20px;box-sizing:border-box;padding-top:44px;position:relative;margin-right:60px;display:block;text-decoration:none}.ecosystem .sec3 .marquee .col .img{display:block;margin:0 auto 18px;transition:transform .22s ease,opacity .22s ease;-webkit-user-drag:none}.ecosystem .sec3 .marquee .col .img.round{width:72px;height:72px;border-radius:50%;object-fit:contain}.ecosystem .sec3 .marquee .col .app_name{color:#fff;line-height:26px;font-size:18px;text-align:center}.ecosystem .sec3 .marquee .col:hover{background:url(./../images/ecosystem/sec3_hover_bg.png);background-size:100%}.ecosystem .sec3 .marquee .col:hover .img{transform:scale(1.06)}.ecosystem .sec3 .marquee .col:hover.coming{background:url(./../images/ecosystem/sec3_hover_bg.png);background-size:100%}.ecosystem .sec3 .marquee .col:hover.coming .img,.ecosystem .sec3 .marquee .col:hover.coming .app_name{opacity:.1}.ecosystem .sec3 .marquee .col:hover.coming:before{content:"Coming \aSoon";white-space:pre;position:absolute;font-size:24px;font-weight:700;line-height:35px;left:50%;top:50%;transform:translate(-50%) translateY(-50%);text-align:center;color:#fff;z-index:9}.ecosystem .sec3 .marquee:before,.ecosystem .sec3 .marquee:after{content:"";position:absolute;top:0;bottom:0;width:96px;z-index:2;pointer-events:none}.ecosystem .sec3 .marquee:before{left:0;background:linear-gradient(to right,#343434,#34343400)}.ecosystem .sec3 .marquee:after{right:0;background:linear-gradient(to left,#343434,#34343400)}.ecosystem .sec4{padding:96px 0;background:#efe7df}.ecosystem .sec4 .top{font-size:40px;font-weight:700;line-height:58px;text-align:center;letter-spacing:0em;margin-bottom:52px;color:#111}.ecosystem .sec4 .row .col1{width:663px;height:466px;border-radius:20px;background:url(./../images/ecosystem/sec4_l.jpg) no-repeat;background-size:100% 100%;margin-right:76px}.ecosystem .sec4 .row .col2{width:530px}.ecosystem .sec4 .row .col2 .col2_row{background:#fff9;border-radius:20px;padding:28px 36px;margin-bottom:20px;display:block;cursor:pointer}.ecosystem .sec4 .row .col2 .col2_row:hover{background-color:#fff}.ecosystem .sec4 .row .col2 .col2_row:last-child{margin-bottom:0}.ecosystem .sec4 .row .col2 .col2_row .a{line-height:36px;font-family:SourceHanSansCN-Bold;font-size:24px;font-weight:700;letter-spacing:0em;color:#ff960b;margin-bottom:10px;display:inline-block;position:relative}.ecosystem .sec4 .row .col2 .col2_row .a:after{content:"";position:absolute;background-repeat:no-repeat;top:50%;transform:translateY(-50%);background-image:url(./../images/home/jiantou_3d3d3d.svg);right:-50px;width:16px;height:16px}.ecosystem .sec4 .row .col2 .p{font-size:16px;line-height:24px;color:#3d3d3d;margin-bottom:50px}.ecosystem .sec4 .row .col2 .p:last-child{margin-bottom:0}.ecosystem .sec5{padding:100px 0;background:linear-gradient(180deg,#fff 47%,#efe7df)}.ecosystem .sec5 .top{font-size:48px;font-weight:700;line-height:70px;text-align:center;letter-spacing:0em;color:#111;width:858px;margin:0 auto 70px}.ecosystem .sec5 .col1{width:574px;height:396px;border-radius:10px;opacity:1;background:#c68c52;margin-right:64px;padding:60px;color:#fff}.ecosystem .sec5 .col1 .p{font-size:20px;font-weight:400;line-height:30px;letter-spacing:0em;margin-bottom:20px}.ecosystem .sec5 .col2{width:574px;height:396px;border-radius:10px;opacity:1;background:#fff;padding:54px 40px}.ecosystem .sec5 .col2 .tit{font-size:28px;font-weight:400;letter-spacing:0em;line-height:40px;color:#3d3d3d;margin-bottom:24px}.ecosystem .sec5 .col2 .ul .li{font-size:16px;font-weight:400;line-height:25px;letter-spacing:0em;color:#3d3d3d;margin-bottom:25px;list-style-image:url(./../images/ecosystem/duigou.svg);margin-left:30px}.ecosystem .sec5 .col2 .ul .li:last-child{margin-bottom:0}.ecosystem .sec5 .col2 .ul .li .div{margin-left:14px}.ecosystem .sec5 .btn_col{width:376px;height:72px;margin:64px auto 0}.ecosystem .sec5 .btn_col .btn{width:100%;height:100%;border-radius:20px;opacity:1;background:#f69531;border:none;outline:none;color:#fff;font-size:24px;cursor:pointer}.ecosystem .sec5 .btn_col .btn:hover{background:#ffa951}@media screen and (max-width: 1200px){.ecosystem .van-row--justify-space-between{justify-content:space-evenly}.ecosystem .van-row--justify-space-between:after{content:"";width:396px}.ecosystem .sec2{padding:56px 0}.ecosystem .sec2 .col{margin-bottom:40px}.ecosystem .sec2 .col:last-child{margin-bottom:0}.ecosystem .sec3,.ecosystem .sec4{padding:56px 0}}@media screen and (min-width: 768px) and (max-width: 1200px){.ecosystem .sec4 .row .col1,.ecosystem .sec5 .row .col1{margin-right:0;margin-bottom:40px}}@media screen and (max-width: 768px){.ecosystem{margin-top:88px;font-size:0px}.ecosystem .sec1{height:3.2rem}.ecosystem .sec1 .h1{font-size:.28rem}.ecosystem .sec1 .h1:before,.ecosystem .sec1 .h1:after{width:.18rem;height:.18rem}.ecosystem .sec1 .h1:before{left:-.42rem;top:-.04rem}.ecosystem .sec1 .h1:after{right:-.42rem;bottom:-.04rem}.ecosystem .sec2{padding:.4rem 0}.ecosystem .sec2 .row .col{width:3.24rem;margin-bottom:.6rem;text-align:center}.ecosystem .sec2 .row .col:last-child{margin-bottom:0}.ecosystem .sec2 .row .col .img{width:1rem;margin:0 auto .2rem}.ecosystem .sec2 .row .col .title{line-height:.26rem;font-size:.18rem;margin-bottom:.1rem}.ecosystem .sec2 .row .col .p{font-size:.14rem;line-height:.24rem}.ecosystem .sec3{padding:.4rem 0}.ecosystem .sec3 .top{font-size:.32rem;line-height:.46rem;margin-bottom:.4rem}.ecosystem .sec3 .marquee .col{width:1.56rem;height:1.76rem;background:#46464666;margin-bottom:.2rem;margin-right:.3rem;padding-top:.3rem}.ecosystem .sec3 .marquee .col .img{width:.72rem;height:.72rem;margin-bottom:.18rem}.ecosystem .sec3 .marquee .col .img.round{width:.72rem;height:.72rem;border-radius:50%;object-fit:contain}.ecosystem .sec3 .marquee .col .app_name{font-size:.18rem}.ecosystem .sec4{padding:.4rem 0}.ecosystem .sec4 .top{font-size:.32rem;line-height:.46rem}.ecosystem .sec4 .row .col1{width:3.28rem;height:2.14rem;border-radius:10px;margin:0 auto .4rem}.ecosystem .sec4 .row .col2{width:3.28rem;margin-bottom:.2rem}.ecosystem .sec4 .row .col2 .col2_row{width:100%;box-sizing:border-box;padding:.24rem;height:1.32rem}.ecosystem .sec4 .row .col2 .col2_row:hover{background:#fff}.ecosystem .sec4 .row .col2 .col2_row .a{line-height:.26rem;font-size:.18rem}.ecosystem .sec4 .row .col2 .col2_row .p{font-size:.14rem;line-height:.24rem}.ecosystem .sec5{padding:.4rem 0}.ecosystem .sec5 .top{font-size:.32rem;line-height:.46rem;width:3.04rem;margin-bottom:.6rem}.ecosystem .sec5 .col1{width:3.28rem;height:auto;margin:0 auto .2rem;box-sizing:border-box;padding:.4rem .24rem}.ecosystem .sec5 .col1 .p{font-size:.16rem;line-height:.22rem;margin-bottom:0}.ecosystem .sec5 .col2{width:3.28rem;height:auto;padding:.28rem .26rem}.ecosystem .sec5 .col2 .tit{font-size:.18rem;line-height:.26rem;margin-bottom:.2rem}.ecosystem .sec5 .col2 .ul .li{font-size:.14rem;line-height:.24rem;margin-bottom:.2rem}.ecosystem .sec5 .col2 .ul .li .div{margin-left:.1rem}.ecosystem .sec5 .btn_col{width:3.28rem;height:.72rem;margin-top:.4rem}.ecosystem .sec5 .btn_col .btn{font-size:.18rem}}