@charset "UTF-8";#_yoo-nav{height:76px;background-color:#4c27ff;box-shadow:0 2px 14px 0 rgba(0,0,0,.16)}.yoo-sprites-detect{background-image:url(../images/detect/css_sprites.png);background-repeat:no-repeat;display:inline-block}.sp-detect-bottom_banner_circle_1{width:16px;height:16px;background-position:-156px -184px}.sp-detect-bottom_banner_circle_2{width:12px;height:12px;background-position:-229px -103px}.sp-detect-bottom_banner_circle_3{width:20px;height:20px;background-position:-73px -184px}.sp-detect-bottom_banner_circle_4{width:18px;height:18px;background-position:-103px -184px}.sp-detect-bottom_banner_resume{width:138px;height:170px;background-position:-5px -5px}.sp-detect-icon_character{width:14px;height:14px;background-position:-205px -184px}.sp-detect-icon_other{width:12px;height:12px;background-position:-229px -125px}.sp-detect-icon_experience{width:14px;height:12px;background-position:-73px -214px}.sp-detect-icon_Detect{width:66px;height:68px;background-position:-153px -103px;margin-top:-9px}.sp-detect-icon_match{width:88px;height:88px;background-position:-153px -5px;margin-top:-5px}.sp-detect-icon_skill{width:16px;height:16px;background-position:-130px -184px}.sp-detect-icon_parsing{width:58px;height:54px;background-position:-5px -184px;margin-top:-16px}.sp-detect-icon_study{width:14px;height:14px;background-position:-181px -184px}.page-banner{position:relative;height:498px;width:100%;overflow:hidden;background-color:#146eff}.page-banner .content{position:absolute;left:50%;top:0;width:1px;height:1px}.page-banner .content .circle1{position:absolute;top:-600px;left:430px;width:900px;height:900px;border-radius:500px;opacity:.39;background-image:linear-gradient(260deg,rgba(7,112,255,.28) 0,#4ba8ff 100%,#83fff4 100%);animation:floatUp 40s linear 0s infinite forwards}.page-banner .content .circle2{position:absolute;top:-300px;left:-350px;width:400px;height:400px;border-radius:250px;opacity:.39;background-image:linear-gradient(260deg,rgba(7,112,255,.28) 0,#4ba8ff 100%,#83fff4 100%);animation:floatUp 40s linear 10s infinite forwards}.page-banner .content .circle3{position:absolute;top:200px;left:-1150px;width:900px;height:900px;border-radius:600px;opacity:.29;background-image:linear-gradient(260deg,rgba(7,112,255,.28) 0,#4ba8ff 100%,#83fff4 100%);animation:floatUp 40s linear 5s infinite forwards}.page-banner .content .carousel{position:relative;width:1000px;height:448px;margin-top:50px;margin-left:-500px}.page-banner .content .carousel ul.list li{display:none}.page-banner .content .carousel ul.list li.active{display:block}.page-banner .content .carousel ul.btn{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);text-align:center}.page-banner .content .carousel ul.btn li{width:7px;height:7px;background-color:#fff;display:inline-block;border-radius:3.5px;margin:0 auto;cursor:pointer}.page-banner .content .carousel ul.btn li.active{width:38px}.page-banner .content .carousel ul.btn li:not(:first-child){margin-left:14px}.page-banner .content .text{float:left;width:500px;color:#fff;text-align:left}.page-banner .content .text h2{font-family:AlibabaPuHuiTi-Medium;font-size:6.2rem;line-height:83px}.page-banner .content .text h2 span{color:#48f7ff}.page-banner .content .text h5{font-family:AlibabaPuHuiTi-Medium;font-size:2rem;line-height:27px;margin:7px 0 25px}.page-banner .content .text h9{font-family:AlibabaPuHuiTi-Medium;font-size:1.4rem;line-height:30px;margin-bottom:3px}.page-banner .content .text p{opacity:.78;width:470px;font-size:1.2rem;line-height:30px}.page-banner .content .text button{width:265px;height:56px;font-size:2.2rem;line-height:56px;margin:39px 0 13px}.page-banner .content .text nav{font-size:1.2rem;line-height:30px}.page-banner .content .image{width:500px;height:370px;float:left}.page-banner .content .image .create{position:relative}.page-banner .content .image .result{display:none}.page-banner .content .image .banner-1-create .rect-1{display:none;position:absolute;left:105px;top:90px;width:20px;height:20px;border-radius:2px;background-color:#ffc53d}.page-banner .content .image .banner-1-create .rect-2{display:none;position:absolute;left:150px;top:345px;width:40px;height:40px;border-radius:5px;background-color:#f47dae}.page-banner .content .image .banner-1-create .rect-3{display:none;position:absolute;left:390px;top:0;width:100px;height:100px;border-radius:10px;background-color:#71ccff}.page-banner .content .image .banner-1-create .scan{display:none;position:absolute;background-image:url(../images/detect/banner-1-scan.svg);background-size:cover;background-repeat:no-repeat}.page-banner .content .image .banner-1-create .resume{display:none;position:absolute;left:170px;top:45px;width:272px;height:322px;background-image:url(../images/detect/banner-1-resume.svg);background-size:cover}.page-banner .content .image .banner-1-create .resume .scan{left:-15px;top:0;width:302px;height:65px;background-size:302px auto}.page-banner .content .image .banner-1-create .job{display:none;position:absolute;left:30px;top:140px;width:264px;height:170px;background-image:url(../images/detect/banner-1-job.svg);background-size:cover}.page-banner .content .image .banner-1-create .job .scan{left:-6px;top:8px;width:260px;height:60px;background-size:302px auto}.page-banner .content .image .banner-1-result{display:none;position:relative}.page-banner .content .image .banner-1-result .data{position:absolute;top:-20px;left:50px;width:550px;height:400px;background-size:contain;background-image:url(../images/detect/banner-1-data.svg);background-repeat:no-repeat}.page-banner .content .image .banner-2-create .rect-1{display:none;position:absolute;left:55px;top:180px;width:20px;height:20px;border-radius:2px;background-color:#ffc53d}.page-banner .content .image .banner-2-create .rect-2{display:none;position:absolute;left:445px;top:315px;width:40px;height:40px;border-radius:5px;background-color:#71ccff}.page-banner .content .image .banner-2-create .rect-3{display:none;position:absolute;left:48px;top:0;width:100px;height:100px;border-radius:10px;background-color:#f47dae}.page-banner .content .image .banner-2-create .scan{display:none;position:absolute;left:70px;top:5px;z-index:80;background-image:url(../images/analyse/detect.png);background-image:-webkit-image-set(url("../images/analyse/detect.png") 1x, url("../images/analyse/detect@2x.png") 2x);width:357px;height:357px;animation:zhuan 2s linear infinite}.page-banner .content .image .banner-2-create .resume{display:none;position:absolute;left:115px;top:25px;width:272px;height:322px;background-image:url(../images/detect/banner-2-resume.svg);background-size:cover}.page-banner .content .image .banner-2-result{display:none;position:relative;width:500px;height:370px;overflow:hidden}.page-banner .content .image .banner-2-result .result-0{opacity:0;position:absolute;left:50%;top:-200px;width:420px;height:125px;transform:translateX(-50%);background-image:url(../images/detect/banner-2-result-0.svg);background-size:contain;background-repeat:no-repeat}.page-banner .content .image .banner-2-result .result-1{position:absolute;left:50%;top:140px;width:410px;height:75px;transform:translateX(-50%);background-image:url(../images/detect/banner-2-result-1.svg);background-size:contain;background-repeat:no-repeat}.page-banner .content .image .banner-2-result .result-2{position:absolute;left:50%;top:220px;width:410px;height:75px;transform:translateX(-50%);background-image:url(../images/detect/banner-2-result-2.svg);background-size:contain;background-repeat:no-repeat}.page-banner .content .image .banner-2-result .result-3{position:absolute;left:50%;top:300px;width:410px;height:75px;transform:translateX(-50%);background-image:url(../images/detect/banner-2-result-3.svg);background-size:contain;background-repeat:no-repeat}.page-banner .content .image .banner-3-create .rect-1{display:none;position:absolute;left:480px;top:360px;width:20px;height:20px;border-radius:2px;background-color:#71ccff}.page-banner .content .image .banner-3-create .rect-2{display:none;position:absolute;left:25px;top:155px;width:40px;height:40px;border-radius:5px;background-color:#f47dae}.page-banner .content .image .banner-3-create .rect-3{display:none;position:absolute;left:400px;top:-10px;width:100px;height:100px;border-radius:10px;background-color:#ffc53d}.page-banner .content .image .banner-3-create .job{display:none;position:absolute;left:45px;top:35px;width:420px;height:320px;background-image:url(../images/detect/banner-3-job.svg);background-size:contain;background-repeat:no-repeat}.page-banner .content .image .banner-3-create .normal{display:none;position:absolute;left:45px;top:208px;width:187px;height:147px;background-image:url(../images/detect/banner-3-normal.svg);background-size:cover}.page-banner .content .image .banner-3-create .hover{display:none;position:absolute;left:45px;top:208px;width:187px;height:147px;background-image:url(../images/detect/banner-3-hover.svg);background-size:cover}.page-banner .content .image .banner-3-create .mouse{display:none;opacity:.5;position:absolute;left:250px;top:360px;width:30px;height:30px;border-radius:20px;background-color:#9ebcff}.page-banner .content .image .banner-3-result{position:relative}.page-banner .content .image .banner-3-result svg{position:absolute;top:30px;left:3px;width:500px;height:330px}.page-1{background-color:#130179;color:#fff;padding-top:42px}.page-1 .function-list{width:1127px;height:144px;background:#003ff1;box-shadow:0 0 26px 0 rgba(18,5,88,.16);border-radius:5px;margin-bottom:65px;opacity:0;transform:scale(.5);padding:14px 20px;box-sizing:border-box;margin:auto;display:flex;justify-content:center;align-items:center}.page-1 .function-list.active{animation:zz 1s linear .5s 1 forwards}.page-1 .function-list .ai-hr{display:inline-block;width:1px;height:54px;background:#fff;margin:0 20px}.page-1 .function-list a{position:relative;color:#fff;display:inline-block;height:100%;width:335px;background-color:#003ff1;border-radius:5px;text-align:left;transform:translateZ(0);transition:all .3s linear;cursor:pointer}.page-1 .function-list a:hover{background:#0034c8;border-radius:5px;transition:all .3s linear}.page-1 .function-list a:active{background:#0026bb;border-radius:5px;transition:all .3s linear}.page-1 .function-list a:first-child{margin-left:0}.page-1 .function-list a .image{position:absolute;left:10px;top:22px;transform:translateZ(0)}.page-1 .function-list a .text{position:absolute;left:112px;top:20px;width:204px;font-size:14px;transform:translateZ(0)}.page-1 .function-list a .text .top{margin-bottom:10px;font-family:AlibabaPuHuiTi-Medium}.page-1 .function-list a .text .top label{font-size:2rem;margin-right:16px}.page-1 .function-list a .text .top span{font-size:1.4rem;line-height:30px}.page-1 .function-list a .text .bottom{font-size:1.4rem;color:rgba(255,255,255,.72);line-height:24px}.page-1 .ai-desc{width:665px;height:407px;margin:0 auto;background-image:url(../images/detect/banner_intelligent_background.png);background-image:-webkit-image-set(url("../images/detect/banner_intelligent_background.png") 1x, url("../images/detect/banner_intelligent_background@2x.png") 2x);font-family:AlibabaPuHuiTi-Medium;margin-top:61px}.page-1 .ai-desc h2{font-size:4.6rem;line-height:62px;margin:0 auto 21px;transform:scale(.3);opacity:0}.page-1 .ai-desc h2.active{animation:sc2 1s linear 0s 1 forwards}.page-1 .ai-desc h2 span{color:#48f7ff}.page-1 .ai-desc h3{font-size:3rem;font-family:AlibabaPuHuiTi-Medium;line-height:40px;transform:scale(.3);opacity:0}.page-1 .ai-desc h3.active{animation:sc2 1s linear .5s 1 forwards}.page-1 .ai-desc-list{width:1080px;margin:30px auto 0;text-align:left}.page-1 .ai-desc-list .empty{height:150px}.page-1 .ai-desc-list .one{position:relative;right:-500px}.page-1 .ai-desc-list .two{position:relative;left:-500px}.page-1 .ai-desc-list .fro{position:relative;right:-500px}.page-1 .ai-desc-list .text{opacity:0;float:left}.page-1 .ai-desc-list .text h3{font-family:AlibabaPuHuiTi-Medium;font-size:3rem;line-height:45px}.page-1 .ai-desc-list .text h3 span{color:#48f7ff}.page-1 .ai-desc-list .text h4{font-size:2rem;line-height:45px;font-family:AlibabaPuHuiTi-Regular}.page-1 .ai-desc-list .text .line{width:125px;height:2px;background-color:#fff;margin:20px 0 16px}.page-1 .ai-desc-list .match-graph{opacity:0;float:left;margin-right:140px;margin-left:-200px}.page-1 .ai-desc-list .match-graph .circle{position:relative;z-index:1;width:188px;height:188px;float:left;font-family:AlibabaPuHuiTi-Medium}.page-1 .ai-desc-list .match-graph .circle .circle1{position:absolute;top:0;left:0;z-index:2;width:182px;height:182px;border:3px solid #1f00ce;border-radius:97px}.page-1 .ai-desc-list .match-graph .circle .circle2{position:absolute;top:20px;left:20px;z-index:2;width:148px;height:148px;border-radius:100px}.page-1 .ai-desc-list .match-graph .circle .circle2 .percent-circle{position:absolute;height:100%;background:#2c34fd;overflow:hidden}.page-1 .ai-desc-list .match-graph .circle .circle2 .percent-circle-right{right:0;width:74px;border-radius:0 74px 74px 0}.page-1 .ai-desc-list .match-graph .circle .circle2 .percent-circle-right .right-content{position:absolute;content:"";width:100%;height:100%;transform-origin:left center;transform:rotate(0);border-radius:0 74px 74px 0;background-color:#1d159f}.page-1 .ai-desc-list .match-graph .circle .circle2 .percent-circle-left{width:74px;border-radius:74px 0 0 74px}.page-1 .ai-desc-list .match-graph .circle .circle2 .percent-circle-left .left-content{position:absolute;content:"";width:100%;height:100%;transform-origin:right center;transform:rotate(0);border-radius:74px 0 0 74px;background-color:#1d159f}.page-1 .ai-desc-list .match-graph .circle .circle2 .num{position:absolute;text-align:center;justify-content:center;height:128px;width:128px;left:50%;top:10px;transform:translateX(-50%);border-radius:100%;font-size:3.2rem;background-color:#130179;color:#50ebff;line-height:110px}.page-1 .ai-desc-list .match-graph .circle .circle2 .desc{position:absolute;top:90px;left:50%;transform:translateX(-50%);font-size:1.4rem}.page-1 .ai-desc-list .match-graph .list{height:188px;width:200px;float:left;margin-left:11px}.page-1 .ai-desc-list .match-graph .list .item{position:relative;height:35px;margin-top:26px}.page-1 .ai-desc-list .match-graph .list .item .icon{position:absolute;top:2px;left:0;height:31px;width:3px}.page-1 .ai-desc-list .match-graph .list .item .data{position:absolute;top:2px;left:17px}.page-1 .ai-desc-list .match-graph .list .item .data h8{font-family:AlibabaPuHuiTi-Medium;font-size:1.4rem}.page-1 .ai-desc-list .match-graph .list .item .data .progress{margin-top:8px;width:163px;height:10px;border-radius:6px;text-align:left}.page-1 .ai-desc-list .match-graph .list .item .data .progress .value{height:100%;border-radius:6px}.page-1 .ai-desc-list .job-graph{position:relative;right:-300px;float:left;width:1px;height:200px;margin-left:112px}.page-1 .ai-desc-list .job-graph .scan{position:absolute;left:0;top:-30px;width:266px;height:266px;background-image:-webkit-image-set(url("../images/detect/loading.png") 1x, url("../images/detect/loading@2x.png") 2x);background-image:url(../images/detect/loading.svg)}.page-1 .ai-desc-list .job-graph .scan.active{animation:zhuan 5s linear .3s infinite forwards}.page-1 .ai-desc-list .job-graph .salary{opacity:0;position:absolute;left:-25px;top:189px;width:333px;height:52px;background-image:url(../images/detect/prediction.png);background-image:-webkit-image-set(url("../images/detect/prediction.png") 1x, url("../images/detect/prediction@2x.png") 2x)}.page-1 .ai-desc-list .job-graph .company{opacity:0;position:absolute;left:-25px;top:189px;width:333px;height:52px;background-image:url(../images/detect/biyou_80.png);background-image:-webkit-image-set(url("../images/detect/biyou_80.png") 1x, url("../images/detect/biyou_80@2x.png") 2x)}.page-1 .ai-desc-list .parse-graph{float:left;margin-right:160px;margin-left:-200px;opacity:1}.page-1 .ai-desc-list .parse-graph .item{line-height:37px;background:#16008d;border:2px solid #1c11a7;border-radius:18px;width:363px;height:33px;margin-bottom:12px;transform:scale(.5)}.page-1 .ai-desc-list .parse-graph .item .item-left{position:relative;background-color:#170092;border:3px solid #2c34fd;border-radius:18px;width:119px;height:31px;float:left}.page-1 .ai-desc-list .parse-graph .item .item-left i{position:absolute;left:12px;top:9px}.page-1 .ai-desc-list .parse-graph .item .item-left label{position:absolute;left:35px;top:-3px;font-family:AlibabaPuHuiTi-Medium;font-size:1.4rem}.page-1 .ai-desc-list .parse-graph .item .item-right{float:left;margin-left:12px;font-size:1.2rem}.page-1 .ai-desc-list .parse-graph .item.active{animation:sc2 .5s linear forwards}.page-2{height:335px;width:100%;text-align:center;overflow:hidden}.page-2 .content{position:relative;z-index:20;width:1px;height:1px;margin:0 auto}.page-2 .content .resume{position:absolute;z-index:30;left:-69px;top:575px;opacity:0}.page-2 .content .scan{opacity:0;position:absolute;z-index:40;left:-164px;top:575px;background-image:-webkit-image-set(url("../images/detect/bottom_banner_loading.png") 1x, url("../images/detect/bottom_banner_loading@2x.png") 2x);background-image:url(../images/detect/bottom_banner_loading.svg);width:328px;height:328px}.page-2 .content .scan.active{animation:zhuan 2s linear .5s infinite forwards}.page-2 .content .circle{position:absolute;z-index:50;left:-164px;top:3px;width:328px;height:328px}.page-2 .content .circle.active{animation:zhuan2 4s linear .5s infinite forwards}.page-2 .content .circle.active2{animation:zhuan3 4s linear .5s infinite forwards}.page-2 .content .circle i{position:absolute;top:155px;left:155px;opacity:0}.page-2 .content .text{opacity:0;position:absolute;z-index:60;left:-300px;top:575px;width:600px}.page-2 .content .text.active{animation:sc 3s linear .5s 1 forwards}.page-2 .content .text h3{margin-bottom:28px;font-family:AlibabaPuHuiTi-Medium;font-size:4rem;line-height:53px;color:#10006f}.page-2 .content .text-2{opacity:0;position:absolute;z-index:70;left:-205px;top:237px;width:400px}.page-2 .content .text-2.active{animation:sc 1s linear 1s 1 forwards}.page-2 .content .text-2 .line{position:absolute;left:0;top:13px;width:400px;height:1px;background-color:#1b1796}.page-2 .content .text-2 .line div{width:350px;height:1px;margin:0 auto;background-color:#fff}.page-2 .content .text-2 .line-text{position:relative;width:324px;margin:0 auto;font-size:2rem;line-height:25px;color:#10006f}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5){.yoo-sprites-detect{background-image:url(../images/detect/css_sprites@2x.png);background-size:246px auto}}@keyframes zhuan{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes zhuan2{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes zhuan3{0%{transform:rotate(360deg)}100%{transform:rotate(0)}}@keyframes sc{0%{opacity:0}100%{opacity:1}}@keyframes sc2{0%{transform:scale(.3);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes zz{0%{opacity:0;transform:scale(.5)}100%{opacity:1;transform:scale(1)}}