body {
  overflow-x: hidden;
  height: fit-content;
  overflow-y: auto;
  background-color: #fff;
}
.header {
  position: fixed;
  top: 0;
  left: 50%;
  width: 1920px;
  height: 80px;
  background: #EFF7FF;
  z-index: 999;
  transform-origin: 0 0;
}
.header .box {
  width: 1200px;
  height: 80px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header .box .logo {
  height: 50px;
}
.header .box .menus {
  margin-left: 262px;
  height: 80px;
  display: flex;
  align-items: center;
}
.header .box .menus-item {
  width: 136px;
  font-weight: bold;
  font-size: 18px;
  color: #585F69;
  cursor: pointer;
}
.header .box .download {
  width: 152px;
  height: 48px;
  background: url("https://cdn-file.cdcyber.com/web2/dllrepairtools/tg/1/images/download1@2x-b279eef922.webp") no-repeat;
  background-size: 456px 48px;
  cursor: pointer;
}
.header .box .download:hover {
  background-position-x: -152px;
}
.main {
  position: absolute;
  width: 1920px;
  left: 50%;
  transform-origin: 0 0;
  background: url("https://cdn-file.cdcyber.com/web2/dllrepairtools/tg/1/images/bg@2x-3e8ac0a5f9.png") no-repeat;
  background-size: 1920px auto;
}
.main .content {
  width: 1200px;
  margin: 0 auto;
  padding-top: 80px;
}
.main .content .section1 {
  height: 1039px;
  padding-top: 54px;
  box-sizing: border-box;
}
.main .content .section1 .box {
  display: flex;
  height: 573px;
}
.main .content .section1 .left {
  padding-top: 11px;
}
.main .content .section1 .left .title0 {
  height: 216px;
}
.main .content .section1 .left .desc {
  margin-top: 23px;
  line-height: 27px;
  font-size: 18px;
  color: #2D3750;
}
.main .content .section1 .left .btns {
  margin-top: 45px;
  height: 80px;
  display: flex;
}
.main .content .section1 .left .btns .download {
  width: 247px;
  height: 80px;
  background: linear-gradient(180deg, #228BFC 0%, #0456F9 100%);
  border-radius: 14px 14px 14px 14px;
  cursor: pointer;
  font-weight: bold;
  font-size: 28px;
  color: #FFFFFF;
  line-height: 80px;
  text-align: center;
}
.main .content .section1 .left .btns .download:hover {
  background: linear-gradient(180deg, #529BFF 0%, #447FFF 100%);
}
.main .content .section1 .left .btns .download.white {
  color: #0E68FA;
  background: #FFFFFF;
  border-radius: 14px 14px 14px 14px;
  border: 1px solid #3D70FF;
  line-height: 78px;
  margin-left: 50px;
}
.main .content .section1 .left .btns .download.white:hover {
  background: #E8F1FF;
}
.main .content .section1 .left .sys {
  margin-top: 48px;
  height: 73px;
}
.main .content .section1 .right {
  margin-left: 36px;
  width: 480px;
  height: 573px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.2);
  border-radius: 15px 15px 15px 15px;
  position: relative;
}
.main .content .section1 .right .head {
  width: 480px;
  height: 47px;
  background: linear-gradient(180deg, #072B72 0%, #033BAA 100%);
  border-radius: 15px 15px 0px 0px;
  box-sizing: border-box;
  padding-left: 24px;
  display: flex;
  align-items: center;
}
.main .content .section1 .right .head .logo {
  width: 123px;
  height: 23px;
}
.main .content .section1 .right .process {
  height: 164px;
  padding: 27px 24px;
}
.main .content .section1 .right .process .title {
  font-weight: bold;
  font-size: 22px;
  color: #142572;
  line-height: 30px;
}
.main .content .section1 .right .process .process-box {
  margin-top: 21px;
  height: 24px;
  display: flex;
  align-items: center;
}
.main .content .section1 .right .process .process-box .process-bg {
  width: 365px;
  height: 19px;
  background: #F1F3F7;
  border-radius: 10px 10px 10px 10px;
  position: relative;
}
.main .content .section1 .right .process .process-box .process-bg .process-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 305px;
  height: 19px;
  background: linear-gradient(90deg, #0435FB 0%, #57ADFE 100%);
  border-radius: 10px 10px 10px 10px;
}
.main .content .section1 .right .process .process-box .process-text {
  margin-left: 19px;
  font-weight: bold;
  font-size: 18px;
  color: #1A1A1A;
}
.main .content .section1 .right .process .record {
  margin-top: 19px;
  line-height: 19px;
  font-size: 14px;
  color: #9A9A9A;
}
.main .content .section1 .right .scan-list .list-head,
.main .content .section1 .right .scan-list .list-item {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main .content .section1 .right .scan-list .list-head .name,
.main .content .section1 .right .scan-list .list-item .name {
  flex: 1;
}
.main .content .section1 .right .scan-list .list-head .status,
.main .content .section1 .right .scan-list .list-item .status {
  width: 80px;
}
.main .content .section1 .right .scan-list .list-head {
  padding-left: 31px;
  height: 47px;
  background: #F6F7F9;
  font-size: 14px;
  color: #4B4B4B;
}
.main .content .section1 .right .scan-list .list-item {
  height: 51px;
  width: 423px;
  padding-left: 7px;
  margin-left: 24px;
  border-bottom: 1px solid #f1f1f1;
}
.main .content .section1 .right .scan-list .list-item:last-child {
  border-bottom: none;
}
.main .content .section1 .right .scan-list .list-item .name {
  height: 22px;
  padding-left: 31px;
  background-image: url("https://cdn-file.cdcyber.com/web2/dllrepairtools/tg/1/images/error@2x-5b9ecc112b.png");
  background-size: 22px 22px;
  background-position: left center;
  background-repeat: no-repeat;
  font-weight: bold;
  font-size: 14px;
  color: #4B4B4B;
}
.main .content .section1 .right .scan-list .list-item .status {
  width: 45px;
  font-weight: bold;
  font-size: 14px;
  color: #E91F20;
}
.main .content .section1 .right .scan-list .list-item.warn .name {
  background-image: url("https://cdn-file.cdcyber.com/web2/dllrepairtools/tg/1/images/warn@2x-81b2eada5b.png");
}
.main .content .section1 .right .scan-list .list-item.warn .status {
  color: #FB8804;
}
.main .content .section1 .right .repair {
  margin: 25px auto 0;
  width: 273px;
  height: 50px;
  background: linear-gradient(180deg, #F4423A 0%, #E92421 100%);
  border-radius: 9px 9px 9px 9px;
  text-align: center;
  line-height: 50px;
  font-weight: bold;
  font-size: 18px;
  color: #FFFFFF;
  animation: scale 0.25s linear infinite;
  cursor: pointer;
}
.main .content .section1 .right .ex {
  position: absolute;
  top: 191px;
  left: 453px;
  width: 172px;
  height: 311px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);
  border-radius: 14px 14px 14px 14px;
  box-sizing: border-box;
  padding-top: 12px;
  padding-left: 10px;
}
.main .content .section1 .right .ex .title {
  line-height: 19px;
  font-weight: bold;
  font-size: 14px;
  color: #262626;
  margin-bottom: 10px;
}
.main .content .section1 .right .ex .item {
  width: 152px;
  height: 42px;
  border-top: 1px solid #f1f1f1;
  display: flex;
  align-items: center;
}
.main .content .section1 .right .ex .item .icon {
  width: 15px;
  height: 15px;
  margin-right: 8px;
}
.main .content .section1 .right .ex .item .text {
  font-size: 12px;
  color: #4B4B4B;
}
.main .content .section1 .spec {
  margin-top: 115px;
  height: 190px;
  width: 1230px;
  margin-left: -15px;
}
.main .content .section {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main .content .section .title {
  height: 40px;
  width: auto;
}
.main .content .section .desc {
  width: 1230px;
  height: auto;
}
.main .content .section2 {
  height: 491px;
}
.main .content .section2 .desc {
  margin-top: 71px;
}
.main .content .section3 {
  height: 586px;
}
.main .content .section3 .desc {
  margin-top: 71px;
}
.main .content .section4 {
  height: 642px;
}
.main .content .section4 .desc {
  margin-top: 131px;
}
.main .content .section5 {
  height: 762px;
}
.main .content .section5 .desc {
  margin-top: 90px;
}
.main .content .section6 {
  height: 698px;
}
.main .content .section6 .box {
  margin-top: 90px;
  width: 1200px;
}
.main .content .section6 .box-item {
  width: 1200px;
  height: 112px;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px 1px rgba(74, 74, 74, 0.16);
  border-radius: 17px 17px 17px 17px;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding-left: 49px;
}
.main .content .section6 .box-item-icon {
  width: 47px;
}
.main .content .section6 .box-item-content {
  margin-left: 33px;
}
.main .content .section6 .box-item-content .q {
  font-weight: bold;
  font-size: 24px;
  color: #333333;
  line-height: 31px;
}
.main .content .section6 .box-item-content .a {
  margin-top: 10px;
  font-size: 18px;
  color: #486494;
  line-height: 24px;
}
.main .footer {
  width: 1920px;
  height: 321px;
  background: url("https://cdn-file.cdcyber.com/web2/dllrepairtools/tg/1/images/footer@2x-d7e476c86e.webp") no-repeat;
  background-size: contain;
  position: relative;
}
.main .footer .download {
  position: absolute;
  top: 185px;
  left: 360px;
  width: 318px;
  height: 66px;
  cursor: pointer;
  background: url("https://cdn-file.cdcyber.com/web2/dllrepairtools/tg/1/images/download4@2x-8ddbadb9d1.webp") no-repeat;
  background-size: 954px 66px;
}
.main .footer .download:hover {
  background-position-x: -318px;
}
.main .bottom-info {
  width: 1920px;
  height: 114px;
  background: #182343;
  border-radius: 0px 0px 0px 0px;
  padding-top: 9px;
  box-sizing: border-box;
}
.main .bottom-info p {
  line-height: 105px;
  text-align: center;
  font-size: 12px;
  color: #E7E7E7;
}
.main .bottom-info p span {
  margin-left: 20px;
}
@keyframes scale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}