.ontap-cloud-inner>ul>li{display:flex;justify-content:flex-end;cursor:pointer}.ontap-cloud-inner{margin-bottom:100px;overflow:hidden;max-width:1350px;margin-left:auto;margin-right:auto}.cloud-txt-part{min-width:calc(100% - 628px);display:flex;align-items:center}.cloud-img-part{position:relative;z-index:1;min-width:628px;text-align:center}.cloud-img-part>p{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:20px;font-weight:bold;white-space:nowrap}.cloud-img-part>img{display:block;margin:0 auto;height:100%;width:auto}.ontap-cloud-inner>ul>li:nth-child(2) .cloud-txt-part{min-width:860px;padding-left:130px;transform:translateX(-60px)}.ontap-cloud-inner>ul>li:first-child .cloud-txt-part{width:975px;padding-left:150px;transform:translateX(-60px)}.ontap-cloud-inner>ul>li.active:first-child .cloud-txt-part{background:#eddaf2}.ontap-cloud-inner>ul>li.active:nth-child(2) .cloud-txt-part{background:#e1d9f2}.ontap-cloud-inner>ul>li.active:nth-child(3) .cloud-txt-part{background:#dce4f7}.ontap-cloud-inner>ul>li.active:nth-child(4) .cloud-txt-part{background:#d3e2ff}.ontap-cloud-inner>ul>li.active:nth-child(5) .cloud-txt-part{background:#cedaf1}.cloud-txt-part>p{font-size:18px;line-height:23px;color:#000}.cloud-txt-part>ul>li{color:#000;font-size:16px;line-height:20px;position:relative;display:block;padding-left:30px}.cloud-txt-part>ul>li:before{content:'';height:8px;width:8px;background:#fff;position:absolute;border-radius:50%;left:0;top:5px}.cloud-txt-part>*{flex-grow:1}.ontap-cloud-inner>ul>li:first-child{transform:translateX(46px)}.ontap-cloud-inner>ul>li:nth-child(2){transform:translateX(60px)}.ontap-cloud-inner>ul>li:nth-child(3) .cloud-txt-part{min-width:778px;padding-left:120px;transform:translateX(-100px)}.ontap-cloud-inner>ul>li:nth-child(3){transform:translateX(100px)}.ontap-cloud-inner>ul>li:nth-child(4) .cloud-txt-part{padding-left:50px;transform:translateX(-10px);min-width:695px}.ontap-cloud-inner>ul>li:nth-child(4){transform:translateX(0px)}.ontap-cloud-inner>ul>li:nth-child(5) .cloud-txt-part{min-width:788px;padding-left:120px;transform:translateX(-100px)}.ontap-cloud-inner>ul>li:nth-child(5){transform:translateX(87px)}.cloud-txt-part>ul{opacity:0;transition:.3s ease all}li.active .cloud-txt-part>ul{opacity:1}.ontap-cloud-inner>ul>li.active{-webkit-transition:background-color 1000ms linear;-ms-transition:background-color 1000ms linear;transition:background-color 2000ms linear}.ontap-cloud-inner>ul>li:first-child .cloud-img-part{margin-right:-239px}.ontap-cloud-inner>ul>li:nth-child(2) .cloud-img-part{margin-right:-136px}.ontap-cloud-inner>ul>li:nth-child(4) .cloud-img-part{margin-right:-10px}.ontap-cloud-inner>ul>li:nth-child(5) .cloud-img-part{margin-right:-10px}.ontap-cloud-inner>ul>li.active .cloud-txt-part{box-shadow:inset 0px 0px 0px 3px #fff}@media(max-width:1399px){.ontap-cloud-inner{transform:scale(0.8)}}@media(max-width:1365px){.ontap-cloud-inner{transform:scale(1);max-width:673px}.ontap-cloud-inner>ul>li{flex-flow:column;transform:none !important;align-items:center}.cloud-txt-part{transform:none !important;display:none;flex-flow:column;align-items:flex-start;padding:20px !important;min-width:auto !important;width:100% !important}.ontap-cloud-inner>ul>li:first-child .cloud-img-part{margin-right:0}.ontap-cloud-inner>ul>li:nth-child(2) .cloud-img-part{margin-right:0;transform:translateX(14px)}.ontap-cloud-inner>ul>li:nth-child(4) .cloud-img-part{margin-right:0;transform:translateX(-7px)}.ontap-cloud-inner>ul>li:nth-child(5) .cloud-img-part{margin-right:0;transform:translateX(-13px)}}@media(max-width:767px){.ontap-cloud-inner{padding:0 20px}.cloud-img-part>img{width:100% !important}.cloud-img-part>p{font-size:16px}.ontap-cloud-inner>ul>li:first-child .cloud-img-part img{width:60%;margin:0 auto}.ontap-cloud-inner>ul>li:nth-child(2) .cloud-img-part img{width:70%;margin:0 auto}.ontap-cloud-inner{transform:scale(1);max-width:375px}.cloud-img-part{min-width:100%}.ontap-cloud-inner>ul>li:nth-child(2) .cloud-img-part{margin-right:0;transform:translateX(7px)}.ontap-cloud-inner>ul>li:nth-child(4) .cloud-img-part{transform:translateX(-4px)}.ontap-cloud-inner>ul>li:nth-child(5) .cloud-img-part{margin-right:0;transform:translateX(-7px)}}@media(max-width:599px){.cloud-img-part>p{font-size:12px;line-height:1}}