.sub-title {
  color: #222;
  text-align: center;
  font-family: "Microsoft YaHei";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 51.2px;
  /* 160% */
}

.banner-box {
  padding: 77px 0;
  margin-top: 129px;
  background: #F8F9FA;
}
.banner-box-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1200px;
  margin: 0 auto;
}
.banner-box-content .content-left {
  display: flex;
  flex-direction: column;
}
.banner-box-content .content-left > h2 {
  color: #222;
  font-family: "Microsoft YaHei";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 52px;
  /* 130% */
}
.banner-box-content .content-left > h2 span {
  color: #E84A43;
  font-family: "Microsoft YaHei";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 52px;
  /* 130% */
}
.banner-box-content .content-left > p {
  width: 528px;
  margin: 20px 0 44px;
  color: #666;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 32.4px;
}
.banner-box-content .content-left > p i {
  color: #666;
  font-family: "Microsoft YaHei";
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 32.4px;
  /* 124.615% */
  letter-spacing: 2.6px;
}
.banner-box-content .content-left .download-box {
  display: flex;
  align-items: center;
  gap: 22px;
}
.banner-box-content .content-left .download-box > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 204px;
  height: 60px;
  gap: 11px;
  border-radius: 10px;
}
.banner-box-content .content-left .download-box > a.download-btn {
  background-color: #E84A43;
  box-shadow: 3px 3px 3px 0 rgba(255, 255, 255, 0.36) inset;
}
.banner-box-content .content-left .download-box > a.download-btn > span {
  color: #FFF;
  font-family: "Microsoft YaHei";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  /* 20px */
}
.banner-box-content .content-left .download-box > a.download-btn > img {
  width: 26px;
  height: 26px;
}
.banner-box-content .content-left .download-box > a.buy-btn {
  background-color: #FFF4F4;
  border: 2px solid #E84A43;
  box-shadow: 3px 3px 3px 0 rgba(255, 255, 255, 0.36) inset;
}
.banner-box-content .content-left .download-box > a.buy-btn > span {
  color: #E84A43;
  font-family: "Microsoft YaHei";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  /* 20px */
}
.banner-box-content .content-left .download-box > a.buy-btn > img {
  width: 26px;
  height: 26px;
}
.banner-box-content .content-right > img {
  width: 523px;
  height: auto;
}

.problem-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 80px 0 64px;
  background-color: #FFF;
}
.problem-box .longxia {
  color: #E84A43;
  text-align: center;
  font-family: "Microsoft YaHei";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 57.6px;
  /* 160% */
}
.problem-box .sub-title {
  margin: 27px 0 60px;
}
.problem-box ul {
  display: flex;
  align-items: center;
  gap: 20px;
  width: 1200px;
}
.problem-box ul li {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  box-sizing: border-box;
  width: 387px;
  height: 321px;
  padding-top: 20px;
  padding-bottom: 33px;
  border-radius: 8px;
  background: #F8F9FA;
}
.problem-box ul li > img {
  width: 267px;
  height: auto;
}
.problem-box ul li > span {
  margin-top: 30px;
  color: #333;
  text-align: center;
  font-family: "Microsoft YaHei";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28.8px;
  /* 144% */
}
.problem-box ul li p {
  margin-top: 11px;
  color: #666;
  text-align: center;
  font-family: "Microsoft YaHei";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 22.4px;
  /* 149.333% */
}

.function-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 80px 0 89px;
  background: #F8F9FA;
}
.function-box .sub-title {
  color: #222;
  text-align: center;
  font-family: "Microsoft YaHei";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 51.2px;
  /* 160% */
}
.function-box ul {
  display: flex;
  align-items: center;
  gap: 31px;
  flex-wrap: wrap;
  width: 1205px;
  margin-top: 74px;
}
.function-box li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 379px;
  height: 281px;
  box-sizing: border-box;
  border-radius: 8px;
  border: 1px solid #EEE;
  background: #FFF;
  transition: all 0.3s ease;
}
.function-box li:hover {
  transform: translateY(-24px);
}
.function-box li > img {
  width: 84px;
  height: 84px;
}
.function-box li > span {
  margin: 24px 0 11px;
  color: #333;
  text-align: center;
  font-family: "Microsoft YaHei";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  /* 160% */
}
.function-box li > p {
  color: #666;
  text-align: center;
  font-family: "Microsoft YaHei";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 27.2px;
  /* 181.333% */
}

.step-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 80px 0 82px;
}
.step-box .step-box-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1150px;
  margin-top: 80px;
}
.step-box .step-box-content .content-left {
  display: flex;
  flex-direction: column;
}
.step-box .step-box-content .content-left ul {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.step-box .step-box-content .content-left ul::before {
  content: "";
  position: absolute;
  left: -33px;
  top: 66px;
  display: block;
  height: 340px;
  width: 0px;
  border: 1px dashed #D9D9D9;
}
.step-box .step-box-content .content-left ul li {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 352px;
  height: auto;
  box-sizing: border-box;
  padding: 24px;
  cursor: pointer;
}
.step-box .step-box-content .content-left ul li.active::before {
  content: "";
  left: -44px;
  display: block;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background-color: #E84A43;
  border: 2px solid #F9C9C7;
}
.step-box .step-box-content .content-left ul li::before {
  content: "";
  position: absolute;
  left: -43px;
  top: 60px;
  box-sizing: border-box;
  display: block;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background-color: #FFF8F8;
  border: 1px solid #D9D9D9;
}
.step-box .step-box-content .content-left ul li.active {
  border-radius: 10px;
  border: 1px solid #E84A43;
  background: rgba(255, 93, 93, 0.1);
}
.step-box .step-box-content .content-left ul li .text {
  display: flex;
  align-items: center;
  gap: 15px;
}
.step-box .step-box-content .content-left ul li .text span:first-of-type {
  color: #E84A43;
  font-family: "SF Pro";
  font-size: 24px;
  font-style: normal;
  font-weight: 510;
  line-height: 140%;
  /* 33.6px */
}
.step-box .step-box-content .content-left ul li .text span:last-of-type {
  color: #333;
  font-family: "Microsoft YaHei";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 33.6px */
}
.step-box .step-box-content .content-left ul li > p {
  color: #666;
  font-family: "Microsoft YaHei";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 21px */
}
.step-box .step-box-content .content-right > img {
  display: none;
  width: 742px;
  height: 460px;
}
.step-box .step-box-content .content-right > img.active {
  display: block;
}

.compare-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #F8F9FA;
  padding: 80px 0 82px;
}
.compare-box .table {
  display: flex;
  margin-top: 73px;
  flex-direction: column;
  border-radius: 10px;
  box-shadow: 0 0 9.8px 0 rgba(0, 0, 0, 0.1);
}
.compare-box .compare-content {
  display: flex;
  align-items: center;
  border-radius: 0 0 10px 10px;
  background-color: #FFF;
}
.compare-box .compare-content .first {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.compare-box .compare-content .first li {
  display: flex;
  align-items: center;
  width: 236px;
  height: 73px;
  box-sizing: border-box;
  gap: 12px;
  padding-left: 31px;
  margin-left: 44px;
  background-color: #FFF;
  border-top: 1px solid #E0E0E0;
}
.compare-box .compare-content .first li > span {
  color: #333;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25.6px;
  /* 160% */
}
.compare-box .compare-content .first li > img {
  width: 23px;
  height: 23px;
}
.compare-box .compare-content .first .title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 280px;
  height: 69px;
  padding: 0;
  background-color: #F9F9F9;
  color: #333;
  text-align: center;
  font-family: "Microsoft YaHei";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 28.8px;
  /* 160% */
}
.compare-box .compare-content .second {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.compare-box .compare-content .second .title {
  height: 69px;
  color: #333;
  text-align: center;
  font-family: "Microsoft YaHei";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 28.8px;
  background-color: #F1F1F1;
  /* 160% */
}
.compare-box .compare-content .second li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 460px;
  height: 73px;
  box-sizing: border-box;
  color: #333;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25.6px;
  /* 160% */
  background-color: #F9F9F9;
  border-top: 1px solid #E0E0E0;
}
.compare-box .compare-content .second li > img {
  width: 30px;
  height: 30px;
}
.compare-box .compare-content .third {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.compare-box .compare-content .third .title {
  height: 69px;
  color: #FFF;
  text-align: center;
  font-family: "Microsoft YaHei";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 28.8px;
  /* 160% */
  background-color: #E84A43;
  /* 160% */
}
.compare-box .compare-content .third li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 460px;
  height: 73px;
  box-sizing: border-box;
  color: #333;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25.6px;
  background-color: #FFF4F4;
  /* 160% */
}
.compare-box .compare-content .third li:not(:first-child) {
  border-top: 1px solid #E0E0E0;
}
.compare-box .compare-content .third li > img {
  width: 30px;
  height: 30px;
}
.compare-box .title {
  display: flex;
  align-items: center;
}
.compare-box .title .first {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 280px;
  height: 69px;
  color: #333;
  text-align: center;
  font-family: "Microsoft YaHei";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 28.8px;
  background-color: #F9F9F9;
  border-radius: 10px 0 0 0;
  /* 160% */
}
.compare-box .title .second {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 460px;
  height: 69px;
  color: #333;
  text-align: center;
  font-family: "Microsoft YaHei";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 28.8px;
  background-color: #F1F1F1;
  /* 160% */
}
.compare-box .title .third {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 460px;
  height: 69px;
  color: #FFF;
  text-align: center;
  font-family: "Microsoft YaHei";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 28.8px;
  background-color: #E84A43;
  border-radius: 0 10px 0 0;
  /* 160% */
}

.assess-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 80px 0 89px;
}
.assess-box > img {
  width: 325px;
  height: auto;
  margin: 50px 0 41px;
}
.assess-box .assess-content {
  display: flex;
  align-items: center;
  gap: 30px;
}
.assess-box .assess-content .assess-item {
  display: flex;
  flex-direction: column;
  gap: 18px;
  box-sizing: border-box;
  width: 565px;
  height: 186px;
  padding: 33px 40px 33px 28px;
  border-radius: 8px;
  background: #F8F9FA;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
}
.assess-box .assess-content .assess-item > p {
  color: #666;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28.8px;
  /* 180% */
}
.assess-box .assess-content .assess-item .user-info {
  display: flex;
  align-items: center;
  gap: 9px;
}
.assess-box .assess-content .assess-item .user-info > img {
  width: 42px;
  height: 42px;
}
.assess-box .assess-content .assess-item .user-info .info-text {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.assess-box .assess-content .assess-item .user-info .info-text > span:first-of-type {
  color: #333;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 25.6px;
  /* 160% */
}
.assess-box .assess-content .assess-item .user-info .info-text > span:last-of-type {
  color: #999;
  font-family: "Microsoft YaHei";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22.4px;
  /* 160% */
}

.bottom-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 59px 0 88px;
  background: url(https://res.callmysoft.com/wm-static-resource/wm/763_wm/bottom-bg.png) no-repeat center/cover;
}
.bottom-box p:first-of-type {
  color: #222;
  text-align: center;
  font-family: "Microsoft YaHei";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 51.2px;
  /* 128% */
  letter-spacing: 1.6px;
}
.bottom-box p:first-of-type > span {
  color: #E84A43;
  font-family: "Microsoft YaHei";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 51.2px;
  letter-spacing: 1.6px;
}
.bottom-box p:nth-of-type(2) {
  width: 700px;
  height: auto;
  margin: 30px 0 55px;
  color: #666;
  text-align: center;
  font-family: "Microsoft YaHei";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28.8px;
  /* 160% */
}
.bottom-box .download-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 1200px;
  height: 261px;
  background: url(https://res.callmysoft.com/wm-static-resource/wm/763_wm/bottom-bg2.png) no-repeat center/cover;
}
.bottom-box .download-box > span:first-of-type {
  color: #FFF;
  text-align: center;
  font-family: "Microsoft YaHei";
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 38.4px;
  /* 137.143% */
  /* 20px */
}
.bottom-box .download-box > span:nth-of-type(2) {
  margin: 7px 0 31px;
  color: #FFF;
  text-align: center;
  font-family: "Microsoft YaHei";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 25.6px;
  /* 170.667% */
}
.bottom-box .download-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  width: 204px;
  height: 60px;
  border-radius: 10px;
  background-color: #FFF;
  box-shadow: 3px 3px 3px 0 rgba(210, 210, 210, 0.36) inset;
}
.bottom-box .download-btn > img {
  width: 26px;
  height: 26px;
}
.bottom-box .download-btn > span {
  color: #E84A43;
  font-family: "Microsoft YaHei";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  /* 20px */
}

/*# sourceMappingURL=style.css.map */