body.home-body{background:#101010}body.home-body::-webkit-scrollbar{background:#fff}.home{background:#fff;overflow-x:hidden;overflow-y:auto}.home .page-footer{background-color:#101010}.home .page-footer .footer-wrapper .inner .link-list .name,.home .page-footer .footer-wrapper .inner .team-intro .name{color:#fff;font-weight:400}.home .page-footer .footer-wrapper .copyright{border-color:#272727}.page{position:relative}.page-video{background-color:#000;overflow:hidden}.page-video:before{z-index:9;top:0;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.15)),to(rgba(0,0,0,.9)));background:-webkit-linear-gradient(top,rgba(0,0,0,.15),rgba(0,0,0,.9));background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.9))}.page-video:after,.page-video:before{content:"";position:absolute;left:0;right:0;bottom:0}.page-video:after{z-index:10;top:60px;background:url(//img.alicdn.com/tfs/TB1_GGauV67gK0jSZPfXXahhFXa-2880-1702.png) no-repeat 50%;background-size:cover}.page-video video{z-index:8;min-width:100%;min-height:100%}.page-video .introduction,.page-video video{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.page-video .introduction{z-index:11;width:1000px;text-align:center}.page-video .introduction .introduction-logo{position:relative;display:inline-block;margin-bottom:30px}.page-video .introduction .introduction-version{position:absolute;left:100%;top:0;width:100px;font-size:24px;line-height:1;color:#fff;font-family:var(--widgets-font-family-txd-m-number);text-shadow:0 0 8px rgba(0,0,0,.2)}.page-video .introduction .topic-img{height:62px;width:auto}.page-video .introduction .topic{font-size:60px;font-weight:700;line-height:1;color:#fff;text-shadow:0 0 8px rgba(0,0,0,.2);margin-bottom:10px;letter-spacing:8px}.page-video .introduction .description>p{font-size:20px;line-height:36px;font-weight:400;color:#fff;margin:0 0 24px;text-shadow:0 0 8px rgba(0,0,0,.2)}.page-video .introduction .description .github-link{font-size:20px;line-height:28px;height:28px;color:#fff;margin:0 0 32px}.page-video .introduction .description .github-link span{line-height:28px;vertical-align:top}.page-video .introduction .description .npm-link{width:480px;padding:12px;margin:0 auto 32px;font-size:18px;color:#fff;background:rgba(50,50,50,.3);-webkit-transition:color .3s;transition:color .3s}.page-video .introduction .description .npm-link:hover{color:#ff8200}.page-video .introduction .entries a{display:inline-block;padding:12px 0;width:150px;border:1px solid #ff8200;background:#ff8200;color:#fff;font-size:16px;line-height:18px;text-decoration:none}.page-video .introduction .entries a:hover{-webkit-transform:translateY(-6px);-ms-transform:translateY(-6px);transform:translateY(-6px);-webkit-transition:-webkit-box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;transition:-webkit-box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;transition:box-shadow .15s ease-in-out,transform .15s ease-in-out;transition:box-shadow .15s ease-in-out,transform .15s ease-in-out,-webkit-box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out}.page-video .introduction .entries .example{margin-right:36px}.page-video .introduction .entries .studio{color:#ff8200;background:rgba(0,0,0,.2)}.page-video .introduction .entries .studio:hover{-webkit-box-shadow:none;box-shadow:none}.page-video .introduction .entries .github{width:44px;margin-left:36px;border-radius:6px;color:#24292e;background-color:#eff3f6;border-color:#c5c9cc;border-color:rgba(27,31,35,.2);background-image:-webkit-gradient(linear,left top,left bottom,from(#fafbfc),color-stop(90%,#eff3f6));background-image:-webkit-linear-gradient(top,#fafbfc,#eff3f6 90%);background-image:linear-gradient(180deg,#fafbfc,#eff3f6 90%);filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr="#FFFAFBFC",endColorstr="#FFEEF2F5")}.page-video .introduction .entries .github svg{width:1em;height:1em;fill:currentColor;vertical-align:-2px}.main{background:url(//img.alicdn.com/tfs/TB1cUCluET1gK0jSZFhXXaAtVXa-2560-3254.png) no-repeat top;background-size:2560px auto}.page-feature{width:100%}.page-feature .inner{width:1440px;height:700px;padding:120px 72px 0 316px;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative}.page-feature .inner .title-bg{position:absolute;left:30px;top:218px;width:692px;height:184px;background:url(//img.alicdn.com/tfs/TB1214AuAL0gK0jSZFxXXXWHVXa-1384-368.png) no-repeat 50%;background-size:100% auto}.page-feature .inner .introduction:before{content:"";display:block;width:46px;height:4px;background-color:#ff8200;margin-bottom:28px;-webkit-box-shadow:0 0 20px 0 rgba(224,117,6,.5);box-shadow:0 0 20px 0 rgba(224,117,6,.5)}.page-feature .inner .introduction .topic{font-size:36px;line-height:1;color:#333;font-weight:600;letter-spacing:5px;margin-bottom:25px}.page-feature .inner .introduction .description{font-size:14px;line-height:2;color:#666}.page-feature .inner .introduction .docs{display:inline-block;padding:0 33px;height:44px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:20px;line-height:42px;font-weight:500;letter-spacing:1px;text-align:center;color:#fff;background-color:#ff8200;margin-top:50px;-webkit-box-shadow:0 0 20px 0 rgba(224,117,6,.5);box-shadow:0 0 20px 0 rgba(224,117,6,.5);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;text-decoration:none}.page-feature .inner .introduction .docs:hover{-webkit-transform:translateY(-6px);-ms-transform:translateY(-6px);transform:translateY(-6px)}.page-feature .inner .feature-detail{width:688px;height:547px;background:url(//img.alicdn.com/tfs/TB13dRxuAP2gK0jSZPxXXacQpXa-1376-1094.png) no-repeat top;background-size:100% auto;position:relative}.page-feature .inner .feature-detail .feature-item{position:absolute;font-size:18px;line-height:24px;font-weight:500;letter-spacing:1px;color:#333}.page-feature .inner .feature-detail .feature-item.feature-componentization{top:152px;left:200px}.page-feature .inner .feature-detail .feature-item.feature-predigestion{top:276px;left:350px}.page-feature .inner .feature-detail .feature-item.feature-efficiency{top:440px;left:184px;text-align:center}.page-usage{width:100%}.page-usage .inner{width:1440px;height:776px;padding:130px 0 0;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.page-usage .inner .title-bg{position:absolute;z-index:-1;left:0;right:0;top:56px;height:185px;background:url(//img.alicdn.com/tfs/TB1L6NxuAL0gK0jSZFtXXXQCXXa-1962-370.png) no-repeat 50%;background-size:auto 100%}.page-usage .inner .topic{font-size:36px;line-height:1;text-align:center;color:#333;font-weight:600;letter-spacing:5px;width:352px;margin:0 auto 62px}.page-usage .inner .topic:after,.page-usage .inner .topic:before{content:"";display:block;width:42px;height:4px;background-color:#ff8200}.page-usage .inner .topic:before{margin-bottom:12px}.page-usage .inner .topic:after,.page-usage .inner .topic:before{-webkit-box-shadow:0 0 20px 0 rgba(224,117,6,.5);box-shadow:0 0 20px 0 rgba(224,117,6,.5)}.page-usage .inner .topic:after{-webkit-transform:translate(310px);-ms-transform:translate(310px);transform:translate(310px);text-align:right;margin-top:12px}.page-usage .inner .detail{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.page-usage .inner .detail .detail-item{-webkit-box-flex:0;-webkit-flex:0 0 386px;-ms-flex:0 0 386px;flex:0 0 386px;height:360px;margin:0 20px;padding:20px 20px 0;-webkit-box-shadow:0 2px 20px 0 rgba(0,0,0,.07);box-shadow:0 2px 20px 0 rgba(0,0,0,.07)}.page-usage .inner .detail .detail-item .title{font-size:18px;line-height:24px;font-weight:500;letter-spacing:1px;color:#333;margin-bottom:14px;text-align:center}.page-usage .inner .detail .detail-item .notes{padding:0 4px;font-size:14px;line-height:1.5;color:#888;text-align:center}.page-usage .inner .detail .detail-item.detail-component{background-color:#fff}.page-usage .inner .detail .detail-item.detail-utils{height:402px;background-color:#fff}.page-usage .inner .detail .detail-item.detail-compatibility{background-color:#fff}.small-video{height:100%}.small-video .video-mask{position:relative;margin-bottom:30px}.small-video .video-mask:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.1);opacity:1;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.small-video.play .video-mask:after{opacity:0}.page-theme,.small-video video{width:100%}.page-theme .inner{width:1440px;height:776px;padding:42px 276px 0 66px;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:visible;position:relative}.page-theme .inner .title-bg{position:absolute;left:748px;top:100px;width:747px;height:145px;background:url(//img.alicdn.com/tfs/TB1KwRAuuH2gK0jSZFEXXcqMpXa-1494-290.png) no-repeat 50%;background-size:100% auto}.page-theme .inner .pic-widgets{position:absolute;left:66px;top:186px;width:434px;height:356px;background:url(//img.alicdn.com/tfs/TB1pN9uuq61gK0jSZFlXXXDKFXa-868-712.png) no-repeat 50%;background-size:100% auto}.page-theme .inner .pic-dashboard{position:absolute;left:165px;top:42px;width:508px;height:328px;background:url(//img.alicdn.com/tfs/TB1MeeoupT7gK0jSZFpXXaTkpXa-1016-656.png) no-repeat 50%;background-size:100% auto}.page-theme .inner .pic-palette{position:absolute;left:425px;top:208px;width:293px;height:299px;background:url(//img.alicdn.com/tfs/TB1A0dQup67gK0jSZPfXXahhFXa-586-588.png) no-repeat 50%;background-size:100% auto}.page-theme .inner .introduction{float:right;margin-top:102px}.page-theme .inner .introduction:before{content:"";display:block;width:46px;height:4px;background-color:#ff8200;margin-bottom:28px;-webkit-box-shadow:0 0 20px 0 rgba(224,117,6,.5);box-shadow:0 0 20px 0 rgba(224,117,6,.5)}.page-theme .inner .introduction .topic{font-size:36px;line-height:1;color:#333;font-weight:600;letter-spacing:5px;margin-bottom:25px}.page-theme .inner .introduction .description{font-size:14px;line-height:2;color:#666}.page-theme .inner .introduction .more{display:inline-block;padding:0 33px;height:44px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:20px;line-height:42px;font-weight:500;letter-spacing:1px;text-align:center;color:#fff;background-color:#ff8200;margin-top:50px;-webkit-box-shadow:0 0 20px 0 rgba(224,117,6,.5);box-shadow:0 0 20px 0 rgba(224,117,6,.5);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;text-decoration:none}.page-theme .inner .introduction .more:hover{-webkit-transform:translateY(-6px);-ms-transform:translateY(-6px);transform:translateY(-6px)}.page-users{width:100%}.page-users .inner{width:1440px;height:600px;padding:32px 0 0;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box}.page-users .inner .topic{font-size:36px;line-height:1;text-align:center;color:#333;font-weight:600;letter-spacing:5px;width:352px;margin:0 auto 80px}.page-users .inner .topic:after{content:"";display:block;width:46px;height:4px;background-color:#ff8200;margin:28px auto 0;-webkit-box-shadow:0 0 20px 0 rgba(224,117,6,.5);box-shadow:0 0 20px 0 rgba(224,117,6,.5)}.page-users .inner .user-list{width:1214px;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.page-users .inner .user-list .user-item{-webkit-box-flex:1;-webkit-flex:1 1 21%;-ms-flex:1 1 21%;flex:1 1 21%;height:60px;margin-bottom:58px;background-position:50%;background-repeat:no-repeat}.page-users .inner .user-list .user-item.user-aliyun{background-image:url(//img.alicdn.com/tfs/TB1c0tFHa61gK0jSZFlXXXDKFXa-209-49.png);background-size:209px auto}.page-users .inner .user-list .user-item.user-apsara{background-image:url(//img.alicdn.com/tfs/TB1M4tzHoH1gK0jSZSyXXXtlpXa-187-55.png);background-size:187px auto}.page-users .inner .user-list .user-item.user-fliggy{background-image:url(//img.alicdn.com/tfs/TB1ul3NXmRLWu4jSZKPXXb6BpXa-160-62.png);background-size:160px auto}.page-users .inner .user-list .user-item.user-xiami{background-image:url(//img.alicdn.com/tfs/TB1UQ0zHeT2gK0jSZFvXXXnFXXa-198-55.png);background-size:198px auto}.page-users .inner .user-list .user-item.user-infrastructure{background-image:url(//img.alicdn.com/tfs/TB1_FLBu7P2gK0jSZPxXXacQpXa-396-120.png);background-size:198px auto}.page-users .inner .user-list .user-item.user-aone{background-image:url(//img.alicdn.com/tfs/TB1c6bCu7Y2gK0jSZFgXXc5OFXa-240-76.png);background-size:120px auto}.page-users .inner .user-list .user-item.user-jishi{background-image:url(//img.alicdn.com/tfs/TB1BonBu7L0gK0jSZFAXXcA9pXa-278-116.png);background-size:139px auto}.page-users .inner .user-list .user-item.user-normandy{background-image:url(//img.alicdn.com/tfs/TB1WPdFuBr0gK0jSZFnXXbRRXXa-530-100.png);background-size:265px auto}.page-users .inner .user-list .user-item.user-staragent{background-image:url(//img.alicdn.com/tfs/TB1vdHzuVT7gK0jSZFpXXaTkpXa-504-112.png);background-size:252px auto}.page-users .inner .user-list .user-item.user-oceankeeper{background-image:url(//img.alicdn.com/tfs/TB1.4dCuxD1gK0jSZFKXXcJrVXa-506-100.png);background-size:253px auto}.page-users .inner .user-list .user-item.user-sunfire{background-image:url(//img.alicdn.com/tfs/TB1mVDDu5_1gK0jSZFqXXcpaXXa-458-62.png);background-size:229px auto}.page-users .inner .user-list .user-item.user-xcloud{background-image:url(//img.alicdn.com/tfs/TB1Y73VXmRLWu4jSZKPXXb6BpXa-306-96.png);background-size:190px auto}.page-users .inner .user-list .user-item.user-aem{background-image:url(//img.alicdn.com/tfs/TB1f84GHXT7gK0jSZFpXXaTkpXa-244-76.png);background-size:160px auto}