@charset "UTF-8";
#_yoo-nav {
  height: 76px;
  background-color: #4C27FF;
  box-shadow: 0 2px 14px 0 rgba(0, 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: 0.39;
  background-image: linear-gradient(260deg, rgba(7, 112, 255, 0.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: 0.39;
  background-image: linear-gradient(260deg, rgba(7, 112, 255, 0.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: 0.29;
  background-image: linear-gradient(260deg, rgba(7, 112, 255, 0.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: #FFFFFF;
  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: #FFFFFF;
  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: 0.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: 0.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: #FFFFFF;
  padding-top: 42px;
}
.page-1 .function-list {
  width: 1127px;
  height: 144px;
  background: #003FF1;
  box-shadow: 0px 0px 26px 0px rgba(18, 5, 88, 0.16);
  border-radius: 5px;
  margin-bottom: 65px;
  opacity: 0;
  transform: scale(0.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 0.5s 1 forwards;
}
.page-1 .function-list .ai-hr {
  display: inline-block;
  width: 1px;
  height: 54px;
  background: #FFFFFF;
  margin: 0 20px;
}
.page-1 .function-list a {
  position: relative;
  color: #FFFFFF;
  display: inline-block;
  height: 100%;
  width: 335px;
  background-color: #003FF1;
  border-radius: 5px;
  text-align: left;
  transform: translateZ(0);
  transition: all 0.3s linear;
  cursor: pointer;
}
.page-1 .function-list a:hover {
  background: #0034C8;
  border-radius: 5px;
  transition: all 0.3s linear;
}
.page-1 .function-list a:active {
  background: #0026BB;
  border-radius: 5px;
  transition: all 0.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, 0.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(0.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(0.3);
  opacity: 0;
}
.page-1 .ai-desc h3.active {
  animation: sc2 1s linear 0.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: #FFFFFF;
  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(0deg);
  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(0deg);
  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 0.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(0.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 0.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 0.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 0.5s infinite forwards;
}
.page-2 .content .circle.active2 {
  animation: zhuan3 4s linear 0.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 0.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: #ffffff;
}
.page-2 .content .text-2 .line-text {
  position: relative;
  width: 324px;
  margin: 0 auto;
  font-size: 2rem;
  line-height: 25px;
  color: #10006F;
}

/* 高分屏 start */
@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;
  }
}
/* 高分屏 end */
@keyframes zhuan {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes zhuan2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes zhuan3 {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes sc {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes sc2 {
  0% {
    transform: scale(0.3);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes zz {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}