.banner .info p{width:100%;max-width:50%}.banner h1{max-width:900px}.banner.mobile{background-image:url(/assets/images/ca303849.png)}.banner.ios{background-image:url(/assets/images/38675e1f.png)}.banner.android{background-image:url(/assets/images/c79ce2ef.png)}.banner.cross{background-image:url(/assets/images/1201f7f2.png)}.major{padding-top:40px}.major .gap{padding:20px}.major h1{font-size:38px}.major>li{position:relative;border-radius:5px;overflow:hidden;margin-bottom:20px}.major>li .info{position:absolute;color:#fff}.major .empty{background-color:#d8d8d8}.major img{width:100%;height:100%;object-fit:cover}.st-data{padding-top:40px;justify-content:space-around;flex-wrap:nowrap}.st-data h1{font-size:40px}.box{background:#2d2d38;border-radius:5px;padding:20px}.icon-title{flex-wrap:nowrap}.icon-title .icon{height:30px}.icon-title h1{padding-left:15px}.cycle li{padding-bottom:40px}.cycle h3{padding:10px 0}.cycle p{color:#666}.cycle .icon{width:40px;height:42px;background:url(/assets/images/ae879599.png) no-repeat;background-size:40px auto}.cycle .icon.dev{background-position:0 -91px}.cycle .icon.design{background-position:0 -45px}.cycle .icon.support{background-position:0 -136px}.cycle .icon.tools{background-position:0 -185px}.cycle .icon.test{background-position:0 -229px}.cycle .icon.cycle{background-position:0 -270px}.cycle .icon.business{background-position:0 -365px}.cycle .icon.trans{background-position:0 -315px}.cycle .icon.light{background-position:0 -468px}.cycle .icon.costs{background-position:0 -419px}.cycle .icon.market{background-position:0 -576px}.cycle .icon.deploy{background-position:0 -524px}.cycle .icon.native{background-position:0 -628px}.cycle .icon.cloud{background-position:0 -680px}.process{padding-top:40px}.process .item{width:24%}.process .item p{padding-top:10px;color:#9c74da;font-weight:600}.process .item span{display:block;width:24px;height:24px;text-align:center;line-height:24px;color:#fff;background:linear-gradient(to bottom, #BA7ADD, #9C74DA);border-radius:5px}.process .item h3{font-size:16px;font-weight:600;padding-top:10px}.process ul{padding-top:10px;padding-left:1em}.process ul li{list-style:initial;color:#666}.faq .toggle-box>li .title{background:#131313}.faq .toggle-box .active .title{background:#fff;color:#9c74da}.faq .toggle-box .active .content{background:#fff;color:#333}@media(max-width: 860px){.process .item{padding-bottom:20px;width:48%}}@media(max-width: 680px){.st-data{flex-wrap:wrap;justify-content:space-between}.st-data li{width:48%;padding-bottom:20px}.platform li{width:100%;height:250px}.process .item{width:100%}}