forked from Gitlink/build
1 line
22 KiB
CSS
1 line
22 KiB
CSS
body{overflow:auto!important;background-color:#fff!important}.homePage{background-color:#fff}.topEdition{position:relative;background-image:linear-gradient(90deg,#081843,#000a1d);margin-bottom:159px}.topEdition .headNav{position:absolute;width:100%;top:0;left:0;color:#fff;background-color:hsla(0,0%,88.2%,.03);z-index:10000}.topEdition .headNav .headNavDiv{margin:0 auto;padding:0 30px;height:72px;line-height:72px;display:flex;justify-content:space-between;align-items:center}.topEdition .headNav .headNavDiv .headlist{display:flex;font-weight:400}.topEdition .headNav .headNavDiv .headlist li{margin-right:35px;font-size:16px}.topEdition .headNav .headNavDiv .headlist li a{color:#fff!important}.topEdition .headNav .headNavDiv .regBtn{display:inline-block;height:30px;line-height:30px;color:#fff!important;width:60px;text-align:center;border-radius:5px;background-color:#466aff;margin-left:20px}.topEdition .headNav .headNavDiv .regBtn:hover{background-color:rgba(70,106,255,.85)}.topEdition .slick-track{height:679px;display:flex}.topEdition .slick-track .slick-slide{position:relative;height:100%}.topEdition .slick-track .slick-slide div{height:100%}.topEdition .slick-track .slick-slide div .regform>div{overflow:hidden}.topEdition .slick-track .slick-slide div .regform>div img{height:100%;width:1920px;position:relative;left:50%;margin-left:-960px}.topEdition .slick-track .slick-slide div .regPrg{position:absolute;z-index:2;width:1200px;left:50%;margin-left:-600px;top:54%;margin-top:-23px}.topEdition .slick-track .slick-slide div .regPrg a{color:#fff!important;display:inline-block;background-color:#466aff;border-radius:5px;height:46px;line-height:46px;width:98px;text-align:center;font-size:18px;letter-spacing:2px}.topEdition .slick-track .slick-slide div .regPrg a:hover{color:#fff!important;background-color:#355cff}.topEdition .slick-slider{min-width:1200px;position:relative}.topEdition .slick-slider:hover .slick-arrow{display:block!important;cursor:pointer;z-index:2}.topEdition .slick-slider .slick-arrow{position:absolute;top:50%;z-index:1000;background:transparent;border:none;margin-top:-50px;display:none!important}.topEdition .slick-slider .slick-arrow:hover i{color:hsla(0,0%,88.2%,.8)}.topEdition .slick-slider .slick-arrow i{font-size:50px!important;color:hsla(0,0%,88.2%,.3);transition:.3s}.topEdition .slick-slider .slick-arrow.slick-prev{left:50px}.topEdition .slick-slider .slick-arrow.slick-next{right:50px}.topEdition .slick-slider .slick-dots{width:1200px;text-align:left;left:50%;margin-left:-600px;bottom:25%;position:absolute;display:flex!important;z-index:2}.topEdition .slick-slider .slick-dots li{background-color:hsla(0,0%,88.2%,.5);position:relative;height:3px;width:46px;margin-right:15px}.topEdition .slick-slider .slick-dots li:after{position:absolute;left:0;width:0;top:0;height:100%;content:"";transition:5.2s;transition-property:width}.topEdition .slick-slider .slick-dots li.slick-active:after{background-color:#fff;width:100%}.topEdition .slick-slider .slick-dots li button{position:absolute;width:100%;height:10px;left:0;background-color:transparent!important;border:none;cursor:pointer;color:transparent}.topEdition .topEditionUl{position:absolute;width:1244px;background-image:url(/build/static/media/top-bg.7b89cf7e.png);height:244px;bottom:-139px;left:50%;margin-left:-622px;display:flex;align-items:center;justify-content:center;z-index:3}.topEdition .topEditionUl a{background-image:url(/build/static/media/top-2.2a21b300.png);height:139px;width:353px;padding:15px 24px;color:#fff;margin:0 17px;border-radius:11px;background-size:100% 100%;color:#fff!important}.topEdition .topEditionUl a:hover{box-shadow:0 2px 7px hsla(0,0%,88.2%,.85)}.topEdition .topEditionUl a:first-child{background-image:url(/build/static/media/top-1.54a95b91.png)}.topEdition .topEditionUl a:last-child{background-image:url(/build/static/media/top-3.48ab81a2.png)}.secondEdition .theTitle{height:53px;line-height:53px;font-size:38px;font-weight:500;color:#1e1e1e;text-align:center;margin:42px 0 30px!important}.secondEdition .ant-affix{background-color:#fff;box-shadow:0 2px 7px 0 rgba(0,0,0,.09)}.secondEdition .ant-anchor-wrapper{width:1200px;margin:0 auto;padding-left:0}.secondEdition .ant-anchor-wrapper .ant-anchor{display:flex;align-items:center;justify-content:center}.secondEdition .ant-anchor-wrapper .ant-anchor .ant-anchor-ink{width:100%;height:1px;border-bottom:1px solid hsla(0,0%,60%,.5);bottom:0;top:auto}.secondEdition .ant-anchor-wrapper .ant-anchor li{padding:18px 19px;margin:0 10px;position:relative;font-size:18px}.secondEdition .ant-anchor-wrapper .ant-anchor li a{color:#333!important}.secondEdition .ant-anchor-wrapper .ant-anchor li.active:after{position:absolute;left:0;bottom:0;height:2px;background-color:#466aff;content:"";width:100%}.secondEdition .secondEditionContent{padding:65px 0;width:1200px;margin:0 auto}.secondEdition .secondEditionContent .hadoop{background:url(/build/static/media/2-1bg.d22a63b9.png) no-repeat 50%;background-size:cover;min-height:753px;padding:50px 56px}.secondEdition .secondEditionContent .hadoop .hadoopCon{display:flex;width:100%}.secondEdition .secondEditionContent .hadoop .descBox{max-width:352px;word-break:break-all}.secondEdition .secondEditionContent .hadoop .descBox .desc1{height:50px;line-height:50px;font-size:36px;font-weight:600;color:#fff;background:-webkit-linear-gradient(90deg,#50edff,#557cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.secondEdition .secondEditionContent .hadoop .descBox .desc2{height:72px;font-size:18px;font-weight:500;color:#69daf5;line-height:36px;margin-top:97px}.secondEdition .secondEditionContent .hadoop .descBox .desc3{height:108px;font-size:18px;font-weight:500;color:#fff;line-height:36px;margin-top:70px}.secondEdition .secondEditionContent .hadoop .hadoopdesc{color:#fff;background:-webkit-linear-gradient(112deg,#ff8b75,#dd2476);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:18px;line-height:25px;font-weight:500;text-align:center;margin-top:40px}.secondEdition .secondEditionContent .oneStop{text-align:center;opacity:.3;transition:2s}.secondEdition .secondEditionContent .oneStop .oneStopContent{display:flex}.secondEdition .secondEditionContent .oneStop .oneStopContent .osLeftMain{display:flex;justify-content:flex-start;align-items:flex-start;position:relative;margin-bottom:182px}.secondEdition .secondEditionContent .oneStop .oneStopContent .osRightMain{margin-left:22px;text-align:left}.secondEdition .secondEditionContent .oneStop .oneStopContent .osRightMain .osRightTitle{height:50px;font-size:36px;font-weight:600;color:#fff;line-height:50px;background:-webkit-linear-gradient(112deg,#ff8b75,#dd2476);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-top:28px}.secondEdition .secondEditionContent .oneStop .oneStopContent .osRightMain p{font-size:20px;color:#637497;line-height:36px;margin-top:50px;margin-bottom:0!important}.secondEdition .secondEditionContent .oneStop .oneStopContent .osRightMain p span{color:#000;font-weight:500}.secondEdition .secondEditionContent .oneStop .imgring,.secondEdition .secondEditionContent .oneStop .osleftPosi{transition:3s;opacity:0}.secondEdition .secondEditionContent .oneStop .osleftPosi1,.secondEdition .secondEditionContent .oneStop .osleftPosi2{position:absolute;right:-200px;top:102px;transition:2s;opacity:0;z-index:1}.secondEdition .secondEditionContent .oneStop .osleftPosi2{top:317px;right:10px;transition:2.5s;z-index:2}.secondEdition .secondEditionContent .oneStop.activeCode,.secondEdition .secondEditionContent .oneStop.activeCode .osleftPosi,.secondEdition .secondEditionContent .oneStop.activeCode .osleftPosi1,.secondEdition .secondEditionContent .oneStop.activeCode .osleftPosi2{opacity:1}.secondEdition .secondEditionContent .oneStop.activeCode .osleftPosi1{right:10px}.secondEdition .secondEditionContent .oneStop.activeCode .osleftPosi2{top:217px}.secondEdition .secondEditionContent .oneStop.activeCode .imgring{opacity:1}.secondEdition .secondEditionContent .highDevops{text-align:center}.secondEdition .secondEditionContent .highDevops.activeCode .highDoContent img{opacity:1}.secondEdition .secondEditionContent .highDevops.activeCode .highDoContent img.highImg1{bottom:62px}.secondEdition .secondEditionContent .highDevops.activeCode .highDoContent img.highImg2{bottom:215px}.secondEdition .secondEditionContent .highDevops .highDoTitle{position:relative;padding:2px;width:384px;height:90px;margin:7px auto 0;border-radius:10px}.secondEdition .secondEditionContent .highDevops .highDoTitle span{position:absolute;z-index:3;width:380px;height:86px;line-height:86px;border-radius:10px;left:2px;top:2px;display:inline-block;font-size:36px;font-weight:600;background:-webkit-linear-gradient(1deg,#d57ca0 12%,#4877f3 57%,#20c3ef 76%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.secondEdition .secondEditionContent .highDevops .highDoTitle:before{position:absolute;z-index:2;width:380px;height:86px;line-height:86px;background-color:#fff;border-radius:10px;content:"";top:2px;left:2px}.secondEdition .secondEditionContent .highDevops .highDoTitle:after{position:absolute;content:"";width:100%;height:100%;top:0;left:0;border-radius:10px;background:-webkit-linear-gradient(1deg,#d57ca0 12%,#4877f3 57%,#20c3ef 76%);z-index:1}.secondEdition .secondEditionContent .highDevops .highDoSubtitle{color:#637497;font-size:20px;line-height:36px;max-width:950px;margin:30px auto 28px;text-align:center}.secondEdition .secondEditionContent .highDevops .highDoSubtitle span{color:#000;font-weight:500}.secondEdition .secondEditionContent .highDevops .highDoContent{background:url(/build/static/media/2-3bg.deef1b07.png) no-repeat 50%;background-size:cover;height:920px;padding:20px 0 114px;position:relative;display:flex;flex-direction:column;align-items:center}.secondEdition .secondEditionContent .highDevops .highDoContent>div{display:flex;flex-direction:column;align-items:center}.secondEdition .secondEditionContent .highDevops .highDoContent img{opacity:0;transition:2.4s}.secondEdition .secondEditionContent .highDevops .highDoContent .highImg1{position:absolute;bottom:0;transition:1s;transition-delay:1s;left:10px}.secondEdition .secondEditionContent .highDevops .highDoContent .highImg2{position:absolute;bottom:0;right:10px;transition:2s;transition-delay:1s}.secondEdition .secondEditionContent .highDevops .highDoContent .highDoBottondesc{font-size:20px;font-weight:500;color:#000;line-height:39px}.secondEdition .secondEditionContent .multipleAnalyse{background:url(/build/static/media/2-4bg.45478d20.png) no-repeat 50%;background-size:cover;height:710px;padding-left:58px;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:.3;transition:2s}.secondEdition .secondEditionContent .multipleAnalyse.activeCode{opacity:1}.secondEdition .secondEditionContent .multipleAnalyse.activeCode .maContent{transform:rotateY(1turn)}.secondEdition .secondEditionContent .multipleAnalyse .title{display:inline-block;font-size:36px;font-weight:600;margin-bottom:26px;background:-webkit-linear-gradient(1deg,#6d66ff 12%,#c148ff 57%,#f59f77 76%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:50px;margin-top:20px}.secondEdition .secondEditionContent .multipleAnalyse .maContent{height:400px;width:723px;background:url(/build/static/media/2-4-1.802eb322.png) no-repeat;background-size:100% 100%;margin:26px 0;transition:3s}.secondEdition .secondEditionContent .multipleAnalyse .desc{text-align:center;max-width:869px;line-height:30px;color:#69daf5;font-weight:400;font-size:18px}.secondEdition .secondEditionContent .multidimensional{background:url(/build/static/media/2-5bg.9cca3de1.png) no-repeat 50%;background-size:cover;height:1139px;padding:100px 0 0;display:flex;flex-direction:column;opacity:.3;transition:1s}.secondEdition .secondEditionContent .multidimensional .multidimensinalhalf{display:flex;align-items:center;position:relative;height:447px}.secondEdition .secondEditionContent .multidimensional .multidimensinalhalf img{position:absolute;left:0;bottom:-20px;opacity:0;transition:3s}.secondEdition .secondEditionContent .multidimensional .multidimensinalhalf .halfTitle{height:50px;font-size:36px;font-weight:600;color:#fff;line-height:50px;background:-webkit-linear-gradient(112deg,#d57ca0,#4877f3 51%,#20c3ef);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:70px!important}.secondEdition .secondEditionContent .multidimensional .multidimensinalhalf .halfsubTitle{font-size:20px;font-weight:500;line-height:36px;color:#000;max-width:350px}.secondEdition .secondEditionContent .multidimensional .multidimensinalhalf .halfsubTitle span{color:#637497;font-weight:400}.secondEdition .secondEditionContent .multidimensional .activeCode{opacity:1}.secondEdition .secondEditionContent .multidimensional .activeCode .multidimensinalPart img{left:0;opacity:1}.secondEdition .secondEditionContent .multidimensional .activeCode .multidimensinalhalf img{left:380px;opacity:1}.secondEdition .secondEditionContent .multidimensinalPart{display:flex;align-items:center;margin-top:50px;position:relative;height:396px;transition:4s}.secondEdition .secondEditionContent .multidimensinalPart img{position:absolute;left:620px;bottom:-20px;opacity:0;transition:3s}.secondEdition .secondEditionContent .multidimensinalPart p{max-width:422px;text-align:left;font-weight:500;line-height:32px;color:#000;font-size:20px}.secondEdition .secondEditionContent .multidimensinalPart p span{color:#637497;font-weight:400}.secondEdition .secondEditionContent .multidimensinalPart p:first-child{margin-bottom:55px!important}.thirdEdition{background:url(/build/static/media/3-bg.4f22fe34.png) no-repeat 50%;background-size:cover;min-height:846px;min-width:1200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.thirdEdition .titleInHome{height:53px;font-size:38px;font-weight:500;color:#fff;line-height:53px;margin-bottom:13px}.thirdEdition .subtitle{height:39px;font-size:18px;font-weight:500;color:#fff;line-height:39px;opacity:.6}.thirdEdition .thirdUl{display:flex;align-items:center;padding-top:50px;padding-bottom:25px;margin-bottom:0;justify-content:center;min-width:1200px}.thirdEdition .thirdUl li{padding:0 67px;color:#fff;position:relative;cursor:pointer;width:222px}.thirdEdition .thirdUl li:hover .hoverli1 img:first-child{transform:translate(5px,7px)}.thirdEdition .thirdUl li:hover .hoverli1 img:last-child{transform:translate(-2px)}.thirdEdition .thirdUl li:hover .hoverli2 img:first-child{transform:translate(6px,-7px)}.thirdEdition .thirdUl li:hover .hoverli2 img:last-child{transform:translate(-2px)}.thirdEdition .thirdUl li:hover .hoverli3 img:first-child{right:-3px!important}.thirdEdition .thirdUl li:hover .hoverli3 img:last-child{left:-3px}.thirdEdition .thirdUl li:hover .hoverli4 img:first-child{top:-5px}.thirdEdition .thirdUl li:hover .hoverli4 img:last-child{top:13px!important}.thirdEdition .thirdUl li.active:after{position:absolute;content:"";width:10px;height:10px;border-radius:50%;background-color:#466aff;left:50%;margin-left:-5px;bottom:-25px}.thirdEdition .thirdUl li.active>span,.thirdEdition .thirdUl li:hover>span{font-size:22px}.thirdEdition .thirdUl li>span{font-weight:400;font-size:18px;margin-top:10px;display:block;height:30px;text-align:center;line-height:30px}.thirdEdition .thirdUl li>div{position:relative;height:40px;width:40px;margin:0 20px}.thirdEdition .thirdUl li>div img{position:absolute;transition:.1s}.thirdEdition .thirdUl li>div img:first-child{z-index:2}.thirdEdition .thirdUl li>div img:last-child{z-index:1}.thirdEdition .thirdLists{display:flex;align-items:center;margin-top:48px;min-height:365px}.thirdEdition .thirdLists .listbox{margin-left:54px;flex:1}.thirdEdition .thirdLists .listbox .listTitle{height:30px;font-size:18px;font-weight:400;color:#fff;line-height:30px;position:relative;margin-bottom:75px!important;opacity:.8}.thirdEdition .thirdLists .listbox .listTitle:after{position:absolute;left:0;width:39px;height:3px;content:"";bottom:-20px;background-color:#466aff;opacity:1}.thirdEdition .thirdLists .listbox .ant-skeleton-paragraph>li,.thirdEdition .thirdLists .listbox .ant-skeleton-title{background-color:hsla(0,0%,94.9%,.2)}.thirdEdition .thirdLists li{display:flex;height:22px;line-height:22px;font-size:16px;color:#fff;margin-bottom:30px!important}.thirdEdition .thirdLists li a{flex:1;color:#fff!important}.thirdEdition .thirdLists li a:hover{text-decoration:underline}.thirdEdition .thirdLists li span.listboxcount{margin-left:20px}.thirdEdition .thirdLists li span.listboxtime{margin-left:40px;width:97px;text-align:right}.thirdEdition .thirdLists li .listboxcount{min-width:60px;text-align:left;display:flex;justify-content:space-between}.forthEdition{background:url(/build/static/media/4-bg.214b12ef.png) no-repeat 50%;background-size:cover;min-height:621px;min-width:1200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.forthEdition .theTitle{height:42px;line-height:42px;font-size:30px;font-weight:500;color:#1e1e1e;margin-bottom:50px!important}.forthEdition .qulikyreg{display:inline-block;width:137px;text-align:center;height:58px;line-height:58px;color:#fff!important;background-color:#466aff;border-radius:6px;font-size:18px}.forthEdition .qulikyreg:hover{color:#fff!important;background-color:#355cff}.forthEdition .forthUl{display:flex;align-items:flex-end;min-width:1200px;justify-content:space-between}.forthEdition .forthUl li{margin:0 40px;display:flex;flex-direction:column;align-items:center}.forthEdition .forthUl li .forthtitle{height:30px;font-size:22px;font-weight:500;color:#1e1e1e;line-height:30px;display:block;margin-top:25px}.forthEdition .forthUl li .forthsubtitle{height:22px;font-size:16px;font-weight:400;color:#1e1e1e;line-height:22px;margin-top:15px}.fifthEdition{display:flex;flex-direction:column;align-items:center;padding:68px 0;min-width:1200px}.fifthEdition .footSlider{width:100%}.fifthEdition .footSlider .slick-track{display:flex}.fifthEdition .footSlider .slick-track .slick-slide{margin:0 20px}.fifthEdition .footSlider .slick-track .slick-slide>div{width:300px;height:120px;padding:15px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f1f7ff,#f7faff 53%,#fff);box-shadow:0 1px 10px 3px rgba(0,0,0,.06);border-radius:4px;margin:30px 0}.fifthEdition .footSlider .slick-track .slick-slide>div a{display:block;height:100%;width:100%;text-align:center}.fifthEdition .footSlider .slick-track .slick-slide>div a img{max-width:100%;max-height:100%}.fifthEdition .title{height:53px;font-size:38px;font-weight:500;color:#000;line-height:53px}.fifthEdition .subtitle{height:39px;font-size:18px;font-weight:500;color:#1e1e1e;line-height:39px;margin-top:13px;margin-bottom:54px;opacity:.6}.fifthEdition #scrollBox1{max-height:332px;overflow:hidden;margin:35px 0 0;width:100%}.fifthEdition #scrollBox1 .unitMainSlider{width:1200px;margin:0 auto}.fifthEdition #scrollBox1 .unitMainSlider .slick-list{height:140px;width:100%;overflow:hidden}.fifthEdition #scrollBox1 .unitMainSlider .slick-list .slickMainline{display:flex!important;padding:10px 2px;align-items:center;justify-content:center}.fifthEdition #scrollBox1 .unitMainSlider .slick-list .slickMainline a{background:#fff;box-shadow:0 1px 8px 1px rgba(0,0,0,.06);border-radius:4px;border:1px solid #fff;margin-right:20px;padding:20px;height:120px;width:220px;display:flex;align-items:center;justify-content:center}.fifthEdition #scrollBox1 .unitMainSlider .slick-list .slickMainline a:hover{border:1px solid #8fceff}.fifthEdition #scrollBox1 .unitMainSlider .slick-list .slickMainline a img{max-width:100%;max-height:100%}.fifthEdition #scrollBox1 .unitMainSlider .slick-list .slickMainline a:last-child{margin-right:0}.fifthEdition ul.fifthList{display:flex;flex-wrap:wrap;flex-direction:column;height:332px;width:100%;float:left}.fifthEdition ul.fifthList li{border-bottom:none;width:320px;height:130px;margin:15px 0!important;display:flex;justify-content:center;align-items:center}.fifthEdition ul.fifthList li:nth-child(2n){margin:12px 0 12px 30px!important}.fifthEdition ul.fifthList li:nth-child(odd){margin:12px 30px 12px 0!important}.fifthEdition ul.fifthList li:hover a{width:100%;height:100%;box-shadow:0 1px 15px 7px rgba(0,0,0,.08)}.fifthEdition ul.fifthList li a{width:300px;height:120px;background:#fff;box-shadow:0 1px 10px 3px rgba(0,0,0,.06);border-radius:4px;border:2px solid #fff;display:flex;align-items:center;justify-content:center;transition:.2s}.fifthEdition ul.fifthList li img{max-width:100%;max-height:100%}.footEdition{background-color:#171b23}.footEdition .footContent{display:flex;align-items:flex-start;padding:86px 0;justify-content:space-around;width:1200px;margin:0 auto}.footEdition .footContent ul{min-width:120px;text-align:left;margin-right:80px}.footEdition .footContent ul.center{text-align:center}.footEdition .footContent ul>p{height:22px;font-size:16px;font-weight:400;color:#fff;line-height:22px}.footEdition .footContent ul>img{width:100px;height:100%;margin-bottom:30px;margin-top:25px;border-radius:10px}.footEdition .footContent ul li{height:20px;font-size:14px;font-weight:400;line-height:20px;color:#bdc2d1;margin-bottom:15px!important}.footEdition .footContent ul li a{color:#bdc2d1!important}.footEdition .footContent ul li a:hover{text-decoration:underline}.footEdition .footContent ul li.thehead{height:25px;font-size:18px;font-weight:600;color:#fff;line-height:25px;margin-bottom:20px!important}.footEdition .footContent ul .theline .imgCon{padding:5px;border-radius:4px;background-color:#fff}.footEdition .footContent ul .theline .imgCon img{width:80px;height:80px;border-radius:3px}.copyrightDesc{font-size:12px;font-weight:400;color:#bdc2d1;line-height:28px;padding:15px 0;text-align:center;background-color:#1b212c}.copyrightDesc a{color:#bdc2d1!important}.hadoopCode{margin-left:32px;box-shadow:0 0 0 2px hsla(0,0%,100%,.1);border-radius:10px;padding:18px 20px;flex:1;margin-top:60px;position:relative}.hadoopCode>img{position:absolute;right:-50px;bottom:-50px;width:805px;border-radius:4px;opacity:0;z-index:1}.hadoopCode li{display:flex;flex-wrap:wrap;font-size:14px;font-weight:500;line-height:30px;color:#e1e1e1}pre{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;word-break:break-all;overflow:initial}pre .codenum{display:inline-block;width:15px;text-align:left;margin-right:15px}pre .code-green{color:#00fa30}pre .code-red{color:#ff5058}pre .code-blue{color:#05cfc8}.highCodes{position:absolute;top:0;right:0;width:50%;height:100%;padding:40px 30px;color:#e1e1e1}.activeCode .word-item{animation:show .2s 1 forwards}.activeCode>img.activeImg{right:0;bottom:-20px;opacity:1;width:705px;transition:1s;transition-delay:3s}.word-item{opacity:0}@keyframes show{0%{opacity:0}to{opacity:1}} |