.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:translateX(-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:#FFFFFF;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:bold;letter-spacing:0em;color:#111111;margin-bottom:20px}.ecosystem .sec2 .row .col .p{font-size:16px;font-weight:normal;line-height:24px;letter-spacing:0em;color:#111}.ecosystem .sec3{padding:80px 0;background:#343434}.ecosystem .sec3 .top{font-size:40px;font-weight:bold;line-height:58px;text-align:center;margin-bottom:88px;color:#fff}.ecosystem .sec3 .row .col{width:182px;height:204px;border-radius:20px;box-sizing:border-box;padding-top:44px;position:relative}.ecosystem .sec3 .row .col:first-child::after{z-index:2;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right, #343434, rgba(52,52,52,0.95))}.ecosystem .sec3 .row .col:last-child::after{z-index:2;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right, rgba(52,52,52,0.95), #343434)}.ecosystem .sec3 .row .col .img{display:block;margin:0 auto 18px}.ecosystem .sec3 .row .col .app_name{color:#fff;line-height:26px;font-size:18px;text-align:center}.ecosystem .sec3 .row .col:hover{background:url("./../images/ecosystem/sec3_hover_bg.png");background-size:100%}.ecosystem .sec3 .row .col:hover.coming{background:url("./../images/ecosystem/sec3_hover_bg.png");background-size:100%}.ecosystem .sec3 .row .col:hover.coming .img{opacity:.1}.ecosystem .sec3 .row .col:hover.coming .app_name{opacity:.1}.ecosystem .sec3 .row .col:hover.coming::before{content:'Coming \a Soon';white-space:pre;position:absolute;font-size:24px;font-weight:bold;line-height:35px;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);text-align:center;color:#FFFFFF;z-index:9}.ecosystem .sec4{padding:96px 0;background:#EFE7DF}.ecosystem .sec4 .top{font-size:40px;font-weight:bold;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:rgba(255,255,255,0.6);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:0px}.ecosystem .sec4 .row .col2 .col2_row .a{line-height:36px;font-family:SourceHanSansCN-Bold;font-size:24px;font-weight:bold;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 100%)}.ecosystem .sec5 .top{font-size:48px;font-weight:bold;line-height:70px;text-align:center;letter-spacing:0em;margin-bottom:120px;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:#FFFFFF}.ecosystem .sec5 .col1 .p{font-size:20px;font-weight:normal;line-height:30px;letter-spacing:0em;margin-bottom:20px}.ecosystem .sec5 .col2{width:574px;height:396px;border-radius:10px;opacity:1;background:#FFFFFF;padding:54px 40px}.ecosystem .sec5 .col2 .tit{font-size:28px;font-weight:normal;letter-spacing:0em;line-height:40px;color:#3D3D3D;margin-bottom:24px}.ecosystem .sec5 .col2 .ul .li{font-size:16px;font-weight:normal;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{padding:56px 0}.ecosystem .sec3 .col:first-child{display:none}.ecosystem .sec4{padding:56px 0}}@media screen and (min-width: 768px) and (max-width: 1200px){.ecosystem .sec4 .row .col1{margin-right:0;margin-bottom:40px}.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.20rem}.ecosystem .sec1 .h1{font-size:0.28rem}.ecosystem .sec1 .h1::before,.ecosystem .sec1 .h1::after{width:0.18rem;height:0.18rem}.ecosystem .sec1 .h1::before{left:-0.42rem;top:-0.04rem}.ecosystem .sec1 .h1::after{right:-0.42rem;bottom:-0.04rem}.ecosystem .sec2{padding:0.40rem 0}.ecosystem .sec2 .row .col{width:3.24rem;margin-bottom:0.60rem;text-align:center}.ecosystem .sec2 .row .col:last-child{margin-bottom:0}.ecosystem .sec2 .row .col .img{width:1.0rem;margin:0 auto 0.20rem}.ecosystem .sec2 .row .col .title{line-height:0.26rem;font-size:0.18rem;margin-bottom:0.10rem}.ecosystem .sec2 .row .col .p{font-size:0.14rem;line-height:0.24rem}.ecosystem .sec3{padding:0.40rem 0}.ecosystem .sec3 .top{font-size:0.32rem;line-height:0.46rem;margin-bottom:0.40rem}.ecosystem .sec3 .row .van-row--justify-space-between{justify-content:space-between}.ecosystem .sec3 .row .col{width:1.56rem;height:1.76rem;background:rgba(70,70,70,0.4);margin-bottom:0.20rem;padding-top:0.30rem}.ecosystem .sec3 .row .col .img{width:0.72rem;height:0.72rem;margin-bottom:0.18rem}.ecosystem .sec3 .row .col .app_name{font-size:0.18rem}.ecosystem .sec4{padding:0.40rem 0}.ecosystem .sec4 .top{font-size:0.32rem;line-height:0.46rem}.ecosystem .sec4 .row .col1{width:3.28rem;height:2.14rem;border-radius:10px;margin:0 auto 0.40rem}.ecosystem .sec4 .row .col2{width:3.28rem;margin-bottom:0.20rem}.ecosystem .sec4 .row .col2 .col2_row{width:100%;box-sizing:border-box;padding:0.24rem;height:1.32rem}.ecosystem .sec4 .row .col2 .col2_row:hover{background:#fff}.ecosystem .sec4 .row .col2 .col2_row .a{line-height:0.26rem;font-size:0.18rem}.ecosystem .sec4 .row .col2 .col2_row .p{font-size:0.14rem;line-height:0.24rem}.ecosystem .sec5{padding:0.40rem 0}.ecosystem .sec5 .top{font-size:0.32rem;line-height:0.46rem;width:3.04rem;margin-bottom:0.60rem}.ecosystem .sec5 .col1{width:3.28rem;height:auto;margin:0 auto 0.20rem;box-sizing:border-box;padding:0.40rem 0.24rem}.ecosystem .sec5 .col1 .p{font-size:0.16rem;line-height:0.22rem;margin-bottom:0}.ecosystem .sec5 .col2{width:3.28rem;height:auto;padding:0.28rem 0.26rem}.ecosystem .sec5 .col2 .tit{font-size:0.18rem;line-height:0.26rem;margin-bottom:0.20rem}.ecosystem .sec5 .col2 .ul .li{font-size:0.14rem;line-height:0.24rem;margin-bottom:0.20rem}.ecosystem .sec5 .col2 .ul .li .div{margin-left:0.10rem}.ecosystem .sec5 .btn_col{width:3.28rem;height:0.72rem;margin-top:0.40rem}.ecosystem .sec5 .btn_col .btn{font-size:0.18rem}}