.data-come-life .container{margin:auto;max-width:1100px}.data-come-life .title{margin:auto;max-width:872px;text-align:center}.data-come-life .title h2{background:linear-gradient(90deg,#fff 12.8%,#c8277d 38.75%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.data-come-life .title p{color:#959595}.data-come-life{background:#161618;color:#fff;padding:60px 0}.data-wrap{align-items:center;display:flex;margin:0 -24px;padding:72px 0}.data-image{height:390px;padding:0 24px;width:62%}.data-image img{height:100%;object-fit:contain;width:100%}.data-content{height:530px;overflow-x:hidden;overflow-y:auto;padding:0 24px;width:38%}.progress-bar{height:0;width:8px}.data-item{color:#fff;cursor:pointer;opacity:.2;padding:16px 0;transition:opacity .3s ease,color .3s ease}.data-come-life.white-bg .progress-line{background-color:#ebebeb}.data-item.active{opacity:1}.data-item p{color:#959595}.progress-line{background:hsla(0,0%,100%,.15);height:100%;overflow:hidden;right:0;width:8px}.progress-bar,.progress-line{border-radius:32px;position:absolute;top:0}.progress-bar{background:#eb3b72;height:150px}.button-wrap{text-align:center}.data-content{position:relative}.data-content:before{background:linear-gradient(180deg,#161618,rgba(22,22,24,0));top:0;z-index:1}.data-content:after,.data-content:before{content:"";display:block;height:145px;left:0;position:absolute;width:97%}.data-content:after{background:linear-gradient(0deg,#161618,rgba(22,22,24,0));bottom:0}.data-item.active{position:relative;z-index:1}.data-content-inner::-webkit-scrollbar{height:0;width:0}.data-content-inner{scrollbar-width:none;-ms-overflow-style:none;height:530px;overflow-y:scroll}.data-come-life.white-bg{background-color:#fff}.data-come-life.white-bg .title h2{background:linear-gradient(90deg,#000 12.8%,#c8277d 38.75%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.data-come-life.white-bg .title p{color:#636363}.data-come-life.white-bg .data-item h4{color:#161616}.data-come-life.white-bg .data-item p{color:#636363}.data-come-life.white-bg .data-content:after{background:linear-gradient(180deg,hsla(0,0%,100%,0),#fff)}.data-come-life.white-bg .data-content:before{background:linear-gradient(0deg,hsla(0,0%,100%,0),#fff)}@media(min-width:1200px){.mobile-app-slider .data-content,.mobile-app-slider .data-image{width:50%}.mobile-app-slider .data-image{height:616px}}@media(min-width:1024px){.progress-bar{width:8px!important}}@media(max-width:1199px){.data-image{width:50%}.data-content{padding:0 40px;width:50%}.progress-line{right:20px}.mobile-app-slider .data-image{height:392px}}@media(max-width:1023px){.data-wrap{flex-wrap:wrap}.data-content,.data-image{height:auto;width:100%}.data-content{padding:0 24px}.data-content h4{margin-bottom:8px}.progress-line{height:8px;left:0;position:relative;right:auto;width:100%}.progress-bar{height:8px;left:0;top:auto;transition:width .3s ease;width:150px}.data-item{display:none}.data-item.active{display:block;padding:28px 0;text-align:center}.data-content-inner{height:auto}.data-content:after,.data-content:before{display:none}}