@charset "UTF-8";.integrated-container{min-width:1440px;height:420px;background-image:url(/resources/dss-web-portal/new-portal/images/wakecloud/integrated-bj@2x.png);background-position:center;background-size:cover;display:flex;align-items:center;justify-content:center}.integrated-container .float-integrated{background:url(/resources/dss-web-portal/new-portal/images/wakecloud/float-img01@2x.png) center center no-repeat}.integrated-container .float-devserver{background:url(/resources/dss-web-portal/new-portal/images/wakecloud/float-img02@2x.png) center center no-repeat}.integrated-container .controller{width:100%;height:100%;z-index:97;-webkit-animation:bounce-down 2s linear infinite;animation:bounce-down 2s linear infinite;background-size:cover}.integrated-container .integrated-text-area{width:1200px;position:absolute;top:109px;left:50%;margin-left:-600px}.integrated-container .title{color:#191919;font-size:32px;line-height:32px;font-weight:600;font-family:PingFangSC-Semibold,PingFang SC,Helvetica Neue,Helvetica,Hiragino Sans GB,Microsoft YaHei,"微软雅黑",Arial;margin-bottom:20px}.integrated-container .sub-title{font-family:PingFangSC-Medium,PingFang SC,Helvetica Neue,Helvetica,Hiragino Sans GB,Microsoft YaHei,"微软雅黑",Arial;font-size:24px;color:#191919;line-height:24px;font-weight:500;margin-bottom:20px}.integrated-container .desc{color:#191919;font-family:PingFangSC-Regular,PingFang SC,Helvetica Neue,Helvetica,Hiragino Sans GB,Microsoft YaHei,"微软雅黑",Arial;font-size:14px;line-height:25px;width:566px;margin-bottom:24px}.integrated-container .try-btn{width:128px;height:40px;line-height:40px;text-align:center;background:#ff6800;font-size:16px;color:#fff;font-family:PingFangSC-Regular,PingFang SC,Helvetica Neue,Helvetica,Hiragino Sans GB,Microsoft YaHei,"微软雅黑",Arial;position:relative;z-index:98}@-webkit-keyframes bounce-down{25%{-webkit-transform:translateY(-4px)}100%,50%{-webkit-transform:translateY(0)}75%{-webkit-transform:translateY(4px)}}@keyframes bounce-down{25%{transform:translateY(-4px)}100%,50%{transform:translateY(0)}75%{transform:translateY(4px)}}.tab{height:60px;line-height:60px;background-color:#f4f5f7;position:sticky;top:60px;z-index:1;display:flex;justify-content:center}.tab .tab-container{min-width:1200px;display:flex;justify-content:space-around}.tab span{flex:1;text-align:center;color:#191919;font-size:16px;position:relative;width:116px;cursor:pointer}.tab .active{color:#ff6800}.tab .active::after{content:'';display:block;width:116px;height:3px;background-color:#ff6800;position:absolute;bottom:0;left:50%;margin-left:-58px}.w-section{padding-top:55px}.w-section .integrated-section-header h2{font-family:PingFangSC-Medium,PingFang SC,Helvetica Neue,Helvetica,Hiragino Sans GB,Microsoft YaHei,"微软雅黑",Arial;font-size:30px;line-height:30px;color:#191919;font-weight:500;margin-bottom:106px}.w-section .integrated-section-header h2 span{color:#ff6800}.wakecontrol .wakecore-section{height:480px}.wakecontrol .mainbox{background-color:#fff}.wakecontrol .wakecore-section{padding:0;box-shadow:unset}.wakecontrol .wakecore-section:nth-child(2n) img{left:0;right:unset}.wakecontrol .wakecore-section img{max-width:588px;max-height:372px;top:50%;position:absolute;right:0;margin-top:-186px}.wakecontrol .wakecore-section .wakecore-sctontent{left:60px;width:410px;display:flex;align-items:center}.wakecontrol .wakecore-section .wakecore-sctontent .wakecore-title{font-size:24px;color:#191919;line-height:32px}.wakecontrol .wakecore-section .wakecore-sctontent .wakecore-title span{color:#ff6800;font-weight:600}.wakecontrol .wakecore-section .wakecore-sctontent .wakecoure-descp{font-size:16px;color:#787878;line-height:24px;margin:20px 0;position:relative}.wakecontrol .wakecore-section .wakecore-sctontent .wakecoure-descp::before{content:'';display:inline-block;width:6px;height:6px;background:#fff;border:2px solid #ff6800;border-radius:50%;position:absolute;top:6px;left:-19px}.wakecontrol .wakecore-section .wakecore-sctontent .btn{box-sizing:border-box;width:128px;height:40px;line-height:40px;text-align:center;border:1px solid #ff6800;color:#ff6800;font-size:16px;cursor:pointer}.wakecloudscene{width:1200px;margin:0 auto;position:relative;display:flex;flex-wrap:wrap;align-content:center;justify-content:space-between}.wakecloudscene .wakecore-section{background-image:linear-gradient(106deg,#f4f5f7 23%,#f9f2ee 100%);width:384px;height:258px;flex-shrink:0;overflow:hidden}.wakecloudscene .wakecore-section:nth-child(2n){margin:0}.wakecloudscene .wakecore-section .wakecore-title{display:block;padding-left:28px;font-size:20px;color:#191919;height:32px;line-height:32px;font-weight:600}.wakecloudscene .wakecore-section .scene-logo{width:58px;height:58px;margin:32px 0 16px 32px}.wakecloudscene .wakecore-section .wakecoure-descp{display:block;padding:16px 32px 0}.wakecloudscene .wakecore-section .wakecoure-descp p{margin:0;line-height:24px;color:#787878;font-size:16px}.wakecloudscene .develop-section{width:588px;height:176px}.wakecloudscene .develop-section .wakecore-title{display:inline-block;padding-left:16px}.wakecloudscene .develop-section>div{display:flex;align-items:center;padding:32px 32px 0}.wakecloudscene .develop-section .scene-logo{margin:0}.wakecloudscene .integrated-wakecore-section{width:calc(50% - 20px);background-image:linear-gradient(96deg,#f4f5f7 23%,#f9f2ee 100%);border-radius:2px;height:240px;margin-bottom:24px;box-sizing:border-box;padding:32px 32px 0}.wakecloudscene .integrated-wakecore-section:nth-child(2n){margin:0 0 0 20px}.wakecloudscene .integrated-wakecore-section .wakecore-title{font-size:20px;line-height:48px;color:#191919;font-weight:600;margin-bottom:16px}.wakecloudscene .integrated-wakecore-section .wakecore-title img{width:48px;height:48px;margin-right:16px;vertical-align:middle}.wakecloudscene .integrated-wakecore-section .wakecoure-descp{font-size:16px;color:#787878;line-height:28px}.integrated-replace-container{display:flex;align-items:center;justify-content:space-between}.integrated-replace-container .integrated-replace-tag{flex:1;margin-left:24px}.wakecoreval.wakecommerce{width:1200px}.wakecoreval.wakecommerce .integrated-title{width:498px;height:58px;line-height:58px;text-align:center;background-color:#ff6800;font-size:24px;color:#fff;font-weight:500}.wakecoreval.wakecommerce .integrated-pho{height:356px;background-color:#fff;display:flex;align-items:center;justify-content:space-around}.wakecoreval.wakecommerce .integrated-pho img{width:150px;height:210px}.wakecoreval.wakecommerce .integrated-pho p{margin-top:14px;text-align:center}.wakecoreval.wakecommerce .integrated-title-box{height:58px;background-image:linear-gradient(270deg,#ff9701 0,#ff6800 100%)}.wakecoreval.wakecommerce .integrated-logos{height:356px;background-color:#fff;box-sizing:border-box;position:relative}.wakecoreval.wakecommerce .integrated-logos div{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;width:100px}.wakecoreval.wakecommerce .integrated-logos img{width:88px;height:88px;margin-bottom:12px}.wakecoreval.wakecommerce .integrated-logos span{font-size:20px;line-height:20px;color:#191919;font-weight:500;white-space:nowrap}.wakecoreval.wakecommerce .integrated-logos .integrated-logos-1,.wakecoreval.wakecommerce .integrated-logos .integrated-logos-6{left:79px;top:34px}.wakecoreval.wakecommerce .integrated-logos .integrated-logos-2,.wakecoreval.wakecommerce .integrated-logos .integrated-logos-7{right:85px;top:34px}.wakecoreval.wakecommerce .integrated-logos .integrated-logos-3,.wakecoreval.wakecommerce .integrated-logos .integrated-logos-8{left:79px;bottom:33px}.wakecoreval.wakecommerce .integrated-logos .integrated-logos-4,.wakecoreval.wakecommerce .integrated-logos .integrated-logos-9{right:85px;bottom:33px}.wakecoreval.wakecommerce .integrated-logos .integrated-logos-5{left:50%;top:118px;margin-left:-50px}.develop-container{margin:0 auto;width:1200px;height:188px;background-image:url(/resources/dss-web-portal/new-portal/images/wakecloud/integrated-bj-04@2x.png);background-position:center;background-size:cover;padding:0 88px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between}.develop-container p{color:#191919;font-size:30px;line-height:30px;font-weight:500;margin-bottom:16px}.develop-container span{font-size:16px;font-weight:400;color:#787878;line-height:24px}.develop-container .develop-btn{width:128px;height:40px;background-image:linear-gradient(270deg,#f50 0,#fd9a65 100%);line-height:22px;font-weight:400;font-size:16px;color:#fff}@media only screen and (max-width:750px){.common-title,.w-section .integrated-section-header h2{line-height:24px;font-size:18px;text-align:center;padding:29px 0 22px}.common-sub-title,.wakecontrol .wakecore-section .wakecore-sctontent .wakecore-title{line-height:15px;font-size:15px}.integrated-container{min-width:100%;width:100%;height:415px;background-repeat:no-repeat;background-size:309% auto;align-items:flex-start;background-position:72% 106%;background-color:#ebedf0;position:relative}.integrated-container.mobile-integrated-container{background-image:url(/resources/dss-web-portal/new-portal/images/wakecloud/integrated-bj-mobile.png);background-size:100% auto}.integrated-container.mobile-devserver-container{background-image:url(/resources/dss-web-portal/new-portal/images/wakecloud/devserver-mobile.png);background-size:100% auto}.integrated-container .integrated-text-area{width:100%;padding:40px 24px;box-sizing:border-box;position:initial;margin-left:initial}.integrated-container .integrated-text-area .title{font-size:24px;font-weight:600;line-height:24px;margin-bottom:10px}.integrated-container .integrated-text-area .sub-title{font-size:15px;line-height:15px;color:#191919;font-weight:600;margin-bottom:10px}.integrated-container .desc{width:initial;font-size:13px;margin-bottom:10px;line-height:25px}.integrated-container .try-btn{font-size:14px;height:34px;line-height:34px;width:104px}.tab{top:52px}.tab .tab-container{min-width:100%}.tab span{font-size:14px;flex:initial;width:auto}.tab .active::after{width:100%;margin-left:-50%}.w-section{padding:0}.w-section .integrated-section-header h2{margin-bottom:0;font-weight:600}.w-section .integrated-section-header h2 p{font-weight:600}.w-section .integrated-section-header h2 span{font-weight:600}.wakecloudscene{width:100%;padding:0 12px;box-sizing:border-box}.wakecloudscene .wakecore-section{padding:12px;margin-bottom:10px;width:100%;height:auto;text-align:center;box-sizing:border-box}.wakecloudscene .wakecore-section:nth-child(2n){margin:0 0 10px}.wakecloudscene .wakecore-section:last-child{margin-bottom:0}.wakecloudscene .wakecore-section .scene-logo{width:29px;height:29px;margin:0 auto}.wakecloudscene .wakecore-section .wakecore-title{text-align:center;font-size:15px;margin-bottom:0;line-height:34px;padding-left:0}.wakecloudscene .wakecore-section .wakecoure-descp{font-size:11px;line-height:18px;letter-spacing:1px;padding:0}.wakecloudscene .wakecore-section .wakecoure-descp p{margin-bottom:20px;line-height:18px;padding:0;text-align:left;font-size:11px}.wakecloudscene .wakecore-section .wakecoure-descp p span{display:block}.wakecloudscene .wakecore-section .wakecoure-descp p:last-child{margin-bottom:0}.wakecloudscene .wakecore-section.develop-section>div{padding:0;flex-direction:column}.wakecontrol .wakecore-section{display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:initial;margin-bottom:0;height:auto}.wakecontrol .wakecore-section:nth-child(2n) img{margin:0}.wakecontrol .wakecore-section>img{order:1;margin:0 auto;position:initial}.wakecontrol .wakecore-section>div{order:2}.wakecontrol .wakecore-section .wakecore-sctontent{width:100%}.wakecontrol .wakecore-section .wakecore-sctontent .wakecore-title{font-weight:600;margin-top:10px;text-align:left;padding-bottom:0;padding-left:35px}.wakecontrol .wakecore-section .wakecore-sctontent .wakecore-title span{font-weight:600}.wakecontrol .wakecore-section .wakecore-sctontent .wakecoure-descp{font-size:12px;line-height:18px;margin:10px 20px;position:relative}.wakecontrol .wakecore-section .wakecore-sctontent .wakecoure-descp::before{margin-right:5px;position:absolute;left:0;top:11px}.wakecontrol .wakecore-section .wakecore-sctontent .btn{margin:10px auto 30px;font-size:13px;height:33px;line-height:33px}.wakecoreval.wakecommerce{width:100%;box-sizing:border-box;padding:0 14px 30px}.wakecoreval.wakecommerce .integrated-title{width:100%;font-size:17px}.wakecoreval.wakecommerce .integrated-pho{height:auto;padding:46px 38px;text-align:center}.wakecoreval.wakecommerce .integrated-pho img{width:105px;height:auto}.wakecoreval.wakecommerce .integrated-pho p{font-size:12px}.wakecoreval.wakecommerce .integrated-logos{height:200px;padding:14px 32px 0;box-sizing:border-box}.wakecoreval.wakecommerce .integrated-logos img{width:53px;height:53px;margin-bottom:7px}.wakecoreval.wakecommerce .integrated-logos div{font-size:12px;line-height:12px}.wakecoreval.wakecommerce .integrated-logos div span{font-size:12px}.wakecoreval.wakecommerce .integrated-logos .integrated-logos-1,.wakecoreval.wakecommerce .integrated-logos .integrated-logos-6{left:34px;top:17px}.wakecoreval.wakecommerce .integrated-logos .integrated-logos-2,.wakecoreval.wakecommerce .integrated-logos .integrated-logos-7{right:34px;top:17px}.wakecoreval.wakecommerce .integrated-logos .integrated-logos-3,.wakecoreval.wakecommerce .integrated-logos .integrated-logos-8{left:34px;bottom:17px}.wakecoreval.wakecommerce .integrated-logos .integrated-logos-4,.wakecoreval.wakecommerce .integrated-logos .integrated-logos-9{right:34px;bottom:17px}.wakecoreval.wakecommerce .integrated-logos .integrated-logos-5{left:50%;top:54px;margin-left:-50px}.integrated-replace-container .integrated-replace-tag{margin-top:10px;margin-left:0}.develop-container{width:calc(100% - 24px);height:94px;margin:30px 12px;padding:0 20px;box-sizing:border-box;background-size:165% 100%;background-position:4% 0}.develop-container p{font-size:15px;line-height:15px;font-family:PingFangSC-Medium;font-weight:500;margin-bottom:8px}.develop-container span{font-size:8px;color:#787878;line-height:12px;font-family:PingFangSC-Regular}.develop-container .develop-btn{width:60px;height:24px;line-height:24px;font-size:8px;color:#fff}}