.rotationBox[data-v-c4f14388]{width:100%;background:#2861fa;position:relative;overflow:hidden}.rotationBox .circular[data-v-c4f14388]{position:absolute;width:216px;height:216px;left:-3.8%;right:92.55%;top:-18.59%;bottom:78.44%;opacity:.2;border:8px solid #fff;border-radius:50%;box-sizing:border-box;mix-blend-mode:normal;z-index:2}.rotationBox .rotation[data-v-c4f14388]{position:relative;height:538px;color:#fff}.rotationBox .rotation .bgkRectangle[data-v-c4f14388]{position:absolute;width:980px;height:254px;left:-80px;top:160px;background:linear-gradient(90deg,#1b5eff 19.58%,#437bff 76.38%);transform:rotate(-75deg);z-index:2}.rotationBox .rotation .rotationTitle[data-v-c4f14388]{position:absolute;top:72px;font-weight:600;font-size:100px;z-index:3}.rotationBox .rotation .rotationText[data-v-c4f14388]{position:absolute;top:196px;font-weight:200;font-size:28px}.rotationBox .rotation .rotationItem[data-v-c4f14388]{position:absolute;top:304px;display:flex;z-index:3;font-size:20px;line-height:24px;color:#fff}.rotationBox .rotation .rotationItem li[data-v-c4f14388]{opacity:.6}.rotationBox .rotation .rotationItem li.activeRotation[data-v-c4f14388],.rotationBox .rotation .rotationItem li[data-v-c4f14388]:hover{opacity:1}.rotationBox .rotation button.download[data-v-c4f14388]{position:absolute;top:427px;width:121px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:4px;color:#2861fa}.rotationBox .rotation button.download[data-v-c4f14388]:hover{background-color:#becffd}.rotationBox .rotation button.download img[data-v-c4f14388]{margin-left:8px}.rotationBox .rotation button.download a[data-v-c4f14388]{display:block;position:absolute;top:0;width:100%;height:100%;border-radius:4px}.rotationBox .rotation .bgkBigCircular[data-v-c4f14388]{position:absolute;width:542px;height:542px;left:762px;top:305px;mix-blend-mode:normal;opacity:.2;border:48px solid #fff;border-radius:50%;z-index:3}.rotationBox .rotation .screen[data-v-c4f14388]{position:absolute;top:19px;left:790px;width:450px;height:500px;z-index:5;overflow:hidden}.rotationBox .rotation .screen img[data-v-c4f14388]{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rotation-enter-active[data-v-c4f14388],.rotation-leave-active[data-v-c4f14388]{transition:all .9s ease}.rotation-enter[data-v-c4f14388]{transform:translateX(500px)}.rotation-leave-to[data-v-c4f14388]{transform:translateX(-500px)}.recommendBox[data-v-c4f14388]{width:100%;background:#fff}.recommendBox .recommend[data-v-c4f14388]{height:796px;position:relative}.recommendBox .recommendHead[data-v-c4f14388]{padding-top:96px;display:flex;justify-content:center;align-items:center}.recommendBox .recommendHead .headIcon[data-v-c4f14388]{width:16px;height:16px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAJFBMVEVHcEz/AAD/gAv/gAr/gAr/gQr/gAr/gQv/gAr/gAv/gQr/gAqjRQJxAAAAC3RSTlMAAZH4mE35R/eQSW128XkAAABQSURBVAjXY2BgYGAUYIAAIUcIzai9CSIktNlaESKQWrEFJCS0LYC92xEswMAAEhLavICBgQuoCs5gnA2VYpCEKgYJQbTDDURYwSAJtRTiDACrChR1M7NaVwAAAABJRU5ErkJggg==) no-repeat;background-size:contain}.recommendBox .recommendHead .headTitle[data-v-c4f14388]{margin:0 12px;font-weight:600;font-size:32px;color:#1a1a1a}.recommendBox .recommendOptions[data-v-c4f14388]{position:absolute;left:34px;top:208px}.recommendBox .recommendOptions li[data-v-c4f14388]{position:relative;width:400px;height:114px;background-color:#fff}.recommendBox .recommendOptions li.recommendHover[data-v-c4f14388]{background:linear-gradient(90deg,#8fbbff,#dbecff)}.recommendBox .recommendOptions li .recommendNum[data-v-c4f14388]{position:absolute;left:8.5%;right:84.06%;top:34.21%;bottom:34.04%}.recommendBox .recommendOptions li h5[data-v-c4f14388]{position:absolute;height:20px;left:24.5%;right:55.5%;top:calc(50% - 19px);font-weight:550;font-size:20px}.recommendBox .recommendOptions li .briefContent[data-v-c4f14388]{position:absolute;height:16px;width:200px;left:24.5%;right:35.5%;top:calc(50% + 15px);font-weight:550}.recommendBox .recommendOptions li .arrow[data-v-c4f14388]{position:absolute;left:82%;right:9.5%;top:35.09%;bottom:35.09%;border-radius:50%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAARBAMAAAAvapGNAAAAKlBMVEVHcEydobSfn6+dn7KeobScn7Kbn7OdoLWbn7OfobWdorWdobSeobSdobSP8osbAAAADXRSTlMA3yBgX1BAn4B/n+/PYiU6awAAAENJREFUCNdjYEADWQFwpuwVOPPsXQcYU/EuXJhJFk147l0oSGCAse4WMPTCmAFwtZcRJhhgCDIgBBn2wgUZwhNQXQoAvCwolCXT3gcAAAAASUVORK5CYII=) no-repeat;background-position:50%}.recommendBox .recommendOptions li .arrow.hoverActive[data-v-c4f14388]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAOCAMAAAD6xte7AAAAM1BMVEVHcEwoYPknYfooYPcoYPkpYfoqYPQoYPooYvooYfwoYPspYPggYP8nYPgnYPopYPooYfoaeGp9AAAAEHRSTlMAgM9goO8wYJ9fQHAQcJCQYrmqDwAAADxJREFUGNNjYIADZgFOBnTAK4BFkJFUQS52ZMAEFmQVQAcMDNwcyACojg/NPDZWARZqCTHwYwox8LBBGQA1tQPKwV3T9QAAAABJRU5ErkJggg==) no-repeat;background-color:#fff;background-position:50%}.recommendBox .recommendContent[data-v-c4f14388]{position:absolute;top:208px;left:554px}.recommendBox .recommendContent li[data-v-c4f14388]{width:600px;height:534px}.recommendBox .recommendContent li .contentTitle[data-v-c4f14388]{font-weight:600;font-size:26px;color:#282b45}.recommendBox .recommendContent li .partingLine[data-v-c4f14388]{width:24px;height:4px;margin:20px 0;background:url(http://www.codeedu.com.cn/seekjob/public/imgs/Home_recruitment/ellipsis.png) no-repeat;background-size:100%}.recommendBox .recommendContent li .contentText[data-v-c4f14388]{line-height:24px;color:#6c6f8c}.recommendBox .recommendContent li .recommendImg[data-v-c4f14388]{padding-left:25px;padding-top:16px}.learnStyleBox[data-v-c4f14388]{position:relative;width:100%;background:#f7f8fc;overflow:hidden}.learnStyleBox .layerSquare[data-v-c4f14388]{position:absolute;width:8.04em;height:4.15em;left:-14%;top:-13%;background:linear-gradient(270deg,#ecf0f7 13.77%,hsla(0,0%,100%,.0001) 83.25%);transform:rotate(-45deg);z-index:2}.learnStyleBox .layerSquareBig[data-v-c4f14388]{position:absolute;left:-3.06%;right:7.02%;top:-14%;bottom:-154.65%;background:linear-gradient(270deg,#eef3fb 25%,hsla(0,0%,100%,.0001) 78.48%);transform:rotate(-45deg);width:18.44em;height:7.51em;z-index:2}.learnStyleBox .learnStyle[data-v-c4f14388]{height:574px;font-size:16px;position:relative}.learnStyleBox .learnStyleHead[data-v-c4f14388]{padding-top:82px;display:flex;justify-content:center;align-items:center;position:relative;z-index:3}.learnStyleBox .learnStyleHead .headIcon[data-v-c4f14388]{width:16px;height:16px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAJFBMVEVHcEz/AAD/gAv/gAr/gAr/gQr/gAr/gQv/gAr/gAv/gQr/gAqjRQJxAAAAC3RSTlMAAZH4mE35R/eQSW128XkAAABQSURBVAjXY2BgYGAUYIAAIUcIzai9CSIktNlaESKQWrEFJCS0LYC92xEswMAAEhLavICBgQuoCs5gnA2VYpCEKgYJQbTDDURYwSAJtRTiDACrChR1M7NaVwAAAABJRU5ErkJggg==) no-repeat;background-size:contain}.learnStyleBox .learnStyleHead .headTitle[data-v-c4f14388]{margin:0 12px;font-weight:600;font-size:32px;color:#1a1a1a}.learnStyleBox .learnStyle .learnStyleOption[data-v-c4f14388]{position:absolute;top:162px;left:430px;display:flex;z-index:3}.learnStyleBox .learnStyle .learnStyleOption li[data-v-c4f14388]{font-weight:600;font-size:20px;color:#3f4558}.learnStyleBox .learnStyle .learnStyleOption li span[data-v-c4f14388]{display:inline-block;width:2px;height:25px;margin:0 30px;background:#9ea0b3;vertical-align:middle}.learnStyleBox .learnStyle .learnStyleContent[data-v-c4f14388]{position:relative;top:94px;background:#fff;z-index:3}.learnStyleBox .learnStyle .learnStyleContent li[data-v-c4f14388]{display:flex;padding:40px;width:1188px;height:268px;box-sizing:border-box;-webkit-animation-duration:.7s;animation-duration:.7s}.learnStyleBox .learnStyle .learnStyleContent li .contentImg[data-v-c4f14388]{position:relative;left:-56px;top:-56px;width:360.81px;height:260px}.learnStyleBox .learnStyle .learnStyleContent li .contentRight[data-v-c4f14388]{padding:0 54px}.learnStyleBox .learnStyle .learnStyleContent li .contentRight .learnStyleContentTitle[data-v-c4f14388]{font-weight:600;font-size:24px;color:#3f4558}.learnStyleBox .learnStyle .learnStyleContent li .contentRight .learnStyleContentText[data-v-c4f14388]{width:584px;padding-top:28px;line-height:24px;color:#6c6f8c}.learnStyleBox .learnStyle .learnStyleContent li .contentRight .contentFooter[data-v-c4f14388]{position:absolute;display:flex;height:22px;bottom:36px}.learnStyleBox .learnStyle .learnStyleContent li .contentRight .contentFooter img[data-v-c4f14388]{width:14.14px;height:14.14px;margin-top:3.93px}.learnStyleBox .learnStyle .learnStyleContent li .contentRight .contentFooter span[data-v-c4f14388]{width:7px;line-height:22px;text-align:center;color:#6c6f8c;margin:0 12.93px}.downloadBox[data-v-c4f14388]{width:100%;background:#fff;overflow:hidden}.downloadBox .download[data-v-c4f14388]{position:relative;height:590px}.downloadBox .downloadHead[data-v-c4f14388]{padding-top:64px;display:flex;justify-content:center;align-items:center}.downloadBox .downloadHead .headIcon[data-v-c4f14388]{width:16px;height:16px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAJFBMVEVHcEz/AAD/gAv/gAr/gAr/gQr/gAr/gQv/gAr/gAv/gQr/gAqjRQJxAAAAC3RSTlMAAZH4mE35R/eQSW128XkAAABQSURBVAjXY2BgYGAUYIAAIUcIzai9CSIktNlaESKQWrEFJCS0LYC92xEswMAAEhLavICBgQuoCs5gnA2VYpCEKgYJQbTDDURYwSAJtRTiDACrChR1M7NaVwAAAABJRU5ErkJggg==) no-repeat;background-size:contain}.downloadBox .downloadHead .headTitle[data-v-c4f14388]{margin:0 12px;font-weight:600;font-size:32px;color:#1a1a1a}.downloadBox .downloadTitle[data-v-c4f14388]{position:absolute;left:84px;top:164px;font-size:44px;line-height:62px;color:#1a1a1a;font-weight:400}.downloadBox .downloadImg[data-v-c4f14388]{position:absolute;width:238.21px;height:240px;left:93px;top:258px;z-index:2}.downloadBox .downloadImg:hover .QRScanning[data-v-c4f14388]{opacity:1}.downloadBox .downloadImg .QRScanning[data-v-c4f14388]{position:absolute;width:238.21px;height:19.7px;left:0;z-index:3;background:linear-gradient(0deg,rgba(0,110,255,.0001),rgba(0,171,255,.281496) 98.81%);opacity:0}.downloadBox .downloadImg .QRScanning.animationStart[data-v-c4f14388]{-webkit-animation-name:scanning-c4f14388;animation-name:scanning-c4f14388;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:6s;animation-duration:6s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.downloadBox .downloadType[data-v-c4f14388]{position:absolute;height:20px;left:93.31px;top:526px;display:flex}.downloadBox .downloadType .ios[data-v-c4f14388]{width:16.67px;height:20px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAUCAMAAABcfiZ7AAAAXVBMVEVHcExAj/9Eif9Dif9Eh/9Fif9DiP9Eh/9Ah/9Ch/9Dhv9Div9Eiv9AgP9Aiv9Dif9Dh/9Eiv9Eif9Div9Ei/9DiP9DiP9Dif9Eif9Fhf9Fh/9Eif9Fiv9Eif9Eif8y7ZqcAAAAHnRSTlMAEM/fgN+QQCBgUO+/EDCvoO/vn3+vn1CAMGCPb38h5sDfAAAAdUlEQVQYGVXBVwKDIBBF0asCA5ao6fXtf5kpH2Y4h79na1RekuFlqaOSNOzY3MxYZuvvxk+/SorhsUqKGejl7TNNlHeFIq8FkrwLMMszYJFXgCBvBEyVIzSDKgdIqoxgqhQgyTnz0XTatBNf+aQY8q50Q5jgDSSQGBc0pVKvAAAAAElFTkSuQmCC);background-size:100%}.downloadBox .downloadType .typeText[data-v-c4f14388]{margin-left:8.03px;font-weight:550;font-size:20px;letter-spacing:.588235px;color:#273b4e}.downloadBox .downloadType .android[data-v-c4f14388]{margin-left:38.44px;width:16.4px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAUCAMAAABcfiZ7AAAAV1BMVEVHcExM0opL0YlS1oxIz4dN0opMz4dN0opM0YlL0YlK0opJ0olMz4lM04tKz4pL0YpL0YlL04pL0YpM0YpAz4BM0opL0opM0opL0opM0YtKz4VQz49M0oqf8gAqAAAAHHRSTlMAv3AfIN9An4CgYFBQfzDP38/fkBDvn6/fzzAQzZvUzAAAAHdJREFUGNOt0DkOwzAMRNFvhVos786ezP3PmcaSjVQpMuUDSWAIAAGAfKHG7stjubkdRv+UdF2HOuEnk+QGhU2ySppN+lTiACy+cqwJseOs2NYtRXnaP8n35QlLdpAujQAH2Wr0FWYrXZMaTDrt7/hFghLvdQbgAymTEdUu2SwOAAAAAElFTkSuQmCC);background-size:100%}.downloadBox .downloadPhonePic[data-v-c4f14388]{position:absolute;left:738px;top:164px;width:276px;height:426px;z-index:5}.downloadBox .download .smallCircular[data-v-c4f14388]{position:absolute;width:196px;height:80px;left:992px;top:318px;z-index:3}.downloadBox .download .bigCircular[data-v-c4f14388]{position:absolute;width:528px;height:528px;left:612px;top:218px;border:20px solid #dfefff;box-sizing:border-box;border-radius:50%;z-index:2}@-webkit-keyframes scanning-c4f14388{0%{top:0}to{top:220.3px}}@keyframes scanning-c4f14388{0%{top:0}to{top:220.3px}}