[v-cloak] {
  display: none;
}

.card-father {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
  padding: 0 18px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
}

.card-father .card-father-list {
  background-color: #fff;
  box-shadow: #dedede 2px 2px;
  position: relative;
  cursor: pointer;
  padding: 60px 0;
  width: 260px;
  height: 298px;
  border: 1px solid #dedede;
  text-align: center;
  margin-bottom: 20px;
}

.card-father .card-father-list:hover {
  border: 1px solid transparent;
}

.card-father .card-father-list:hover .outside {
  transition: all .5s;
  opacity: 0;
}

.card-father .card-father-list:hover .menu-list {
  transition: all 1s;
  opacity: 1;
}

.card-father .card-father-list:hover .bule-border-top,
.card-father .card-father-list:hover .bule-border-bottom,
.card-father .card-father-list:hover .bule-border-left,
.card-father .card-father-list:hover .bule-border-right {
  opacity: 1;
  transition: all .5s;
}

.card-father .card-father-list:hover .bule-border-top,
.card-father .card-father-list:hover .bule-border-bottom {
  width: 100%;
}

.card-father .card-father-list:hover .bule-border-left,
.card-father .card-father-list:hover .bule-border-right {
  height: 100%;
}

.card-father .card-father-list .icon {
  width: 4rem;
  height: 4rem;
}

.card-father .card-father-list h3 {
  font-weight: bold;
  color: #333;
  font-size: 20px;
  margin: 30px 0 16px 0;
}

.card-father .card-father-list h4 {
  font-size: 14px;
  color: #666;
}

.card-father .card-father-list .outside {
  opacity: 1;
  transition: all 1s;
}

.card-father .card-father-list .menu-list {
  width: 100%;
  opacity: 0;
  transition: all .5s;
  position: absolute;
  padding: 15px;
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  color: #999999;
}

.card-father .card-father-list .menu-list i {
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #999;
  border-radius: 50%;
}

.card-father .card-father-list .menu-list span {
  display: inline-block;
  font-size: 14px;
  width: 50%;
  line-height: 30px;
}

.card-father .card-father-list .menu-list .menu-list-body {
  width: 100%;
  text-align: center;
}

.card-father .card-father-list .menu-list .menu-list-body h3 {
  font-weight: 500;
  font-size: 22px;
  color: #333;
}

.card-father .bule-border-top,
.card-father .bule-border-bottom,
.card-father .bule-border-left,
.card-father .bule-border-right {
  transition: all .5s;
  position: absolute;
  opacity: 0;
  background-color: #0876FF;
}

.card-father .bule-border-top {
  height: 3px;
  width: 1px;
  top: 0;
}

.card-father .bule-border-bottom {
  height: 3px;
  width: 1px;
  bottom: 0;
}

.card-father .bule-border-left {
  height: 1px;
  width: 3px;
  left: 0;
  top: 0;
}

.card-father .bule-border-right {
  height: 1px;
  width: 3px;
  right: 0;
  top: 0;
}

.i-style {
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  width: 24px;
  height: 24px;
  color: #F5F6FD;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  background: var(--primary-color);

}

.i-dot {
  display: inline-block;
  font-style: normal;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #7e8a94;
  margin-right: 2px;
}

.vis-hidden {
  visibility: hidden !important;
}

.path-0 {
  animation: pathAnim-0 4s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes pathAnim-0 {
  0% {
    d: path("M 0,400 C 0,400 0,133 0,133 C 111.56937799043064,114.30143540669857 223.13875598086128,95.60287081339713 307,105 C 390.8612440191387,114.39712918660287 447.0143540669857,151.88995215311004 552,155 C 656.9856459330143,158.11004784688996 810.8038277511961,126.83732057416269 902,109 C 993.1961722488039,91.16267942583731 1021.7703349282299,86.76076555023923 1101,93 C 1180.2296650717701,99.23923444976077 1310.114832535885,116.11961722488039 1440,133 C 1440,133 1440,400 1440,400 Z");
  }

  25% {
    d: path("M 0,400 C 0,400 0,133 0,133 C 97.87559808612443,136.54066985645932 195.75119617224885,140.08133971291866 280,128 C 364.24880382775115,115.91866028708134 434.87081339712915,88.2153110047847 530,94 C 625.1291866028708,99.7846889952153 744.7655502392345,139.05741626794259 860,157 C 975.2344497607655,174.94258373205741 1086.066985645933,171.55502392344496 1182,164 C 1277.933014354067,156.44497607655504 1358.9665071770335,144.7224880382775 1440,133 C 1440,133 1440,400 1440,400 Z");
  }

  50% {
    d: path("M 0,400 C 0,400 0,133 0,133 C 109.96172248803828,162.07177033492823 219.92344497607655,191.14354066985646 307,178 C 394.07655502392345,164.85645933014354 458.26794258373207,109.49760765550238 556,93 C 653.7320574162679,76.50239234449762 785.0047846889953,98.86602870813397 893,121 C 1000.9952153110047,143.13397129186603 1085.7129186602872,165.03827751196172 1173,167 C 1260.2870813397128,168.96172248803828 1350.1435406698565,150.98086124401914 1440,133 C 1440,133 1440,400 1440,400 Z");
  }

  75% {
    d: path("M 0,400 C 0,400 0,133 0,133 C 117.10047846889952,120.56937799043062 234.20095693779905,108.13875598086125 320,119 C 405.79904306220095,129.86124401913875 460.2966507177033,164.01435406698565 537,160 C 613.7033492822967,155.98564593301435 712.6124401913877,113.80382775119618 832,98 C 951.3875598086123,82.19617224880382 1091.2535885167463,92.77033492822966 1196,103 C 1300.7464114832537,113.22966507177034 1370.3732057416269,123.11483253588517 1440,133 C 1440,133 1440,400 1440,400 Z");
  }

  100% {
    d: path("M 0,400 C 0,400 0,133 0,133 C 111.56937799043064,114.30143540669857 223.13875598086128,95.60287081339713 307,105 C 390.8612440191387,114.39712918660287 447.0143540669857,151.88995215311004 552,155 C 656.9856459330143,158.11004784688996 810.8038277511961,126.83732057416269 902,109 C 993.1961722488039,91.16267942583731 1021.7703349282299,86.76076555023923 1101,93 C 1180.2296650717701,99.23923444976077 1310.114832535885,116.11961722488039 1440,133 C 1440,133 1440,400 1440,400 Z");
  }
}

.path-1 {
  animation: pathAnim-1 4s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes pathAnim-1 {
  0% {
    d: path("M 0,400 C 0,400 0,266 0,266 C 83.866028708134,273.21531100478467 167.732057416268,280.4306220095694 260,275 C 352.267942583732,269.5693779904306 452.9377990430621,251.49282296650722 560,238 C 667.0622009569379,224.50717703349278 780.5167464114833,215.59808612440193 873,222 C 965.4832535885167,228.40191387559807 1036.9952153110048,250.11483253588517 1128,260 C 1219.0047846889952,269.88516746411483 1329.5023923444976,267.9425837320574 1440,266 C 1440,266 1440,400 1440,400 Z");
  }

  25% {
    d: path("M 0,400 C 0,400 0,266 0,266 C 100.12440191387557,263.9043062200957 200.24880382775115,261.8086124401914 308,253 C 415.75119617224885,244.19138755980862 531.1291866028708,228.66985645933013 627,230 C 722.8708133971292,231.33014354066987 799.2344497607655,249.51196172248808 879,254 C 958.7655502392345,258.4880382775119 1041.933014354067,249.28229665071768 1136,249 C 1230.066985645933,248.71770334928232 1335.0334928229665,257.3588516746412 1440,266 C 1440,266 1440,400 1440,400 Z");
  }

  50% {
    d: path("M 0,400 C 0,400 0,266 0,266 C 117.1866028708134,285.08133971291863 234.3732057416268,304.1626794258373 338,299 C 441.6267942583732,293.8373205741627 531.6937799043062,264.4306220095694 607,251 C 682.3062200956938,237.5693779904306 742.8516746411484,240.11483253588517 835,236 C 927.1483253588516,231.88516746411483 1050.8995215311004,221.11004784688996 1157,225 C 1263.1004784688996,228.88995215311004 1351.5502392344497,247.444976076555 1440,266 C 1440,266 1440,400 1440,400 Z");
  }

  75% {
    d: path("M 0,400 C 0,400 0,266 0,266 C 93.04306220095694,247.86602870813397 186.08612440191388,229.73205741626793 275,245 C 363.9138755980861,260.26794258373207 448.6985645933013,308.9377990430622 559,311 C 669.3014354066987,313.0622009569378 805.1196172248805,268.5167464114832 912,246 C 1018.8803827751195,223.4832535885168 1096.822966507177,222.9952153110048 1180,230 C 1263.177033492823,237.0047846889952 1351.5885167464116,251.5023923444976 1440,266 C 1440,266 1440,400 1440,400 Z");
  }

  100% {
    d: path("M 0,400 C 0,400 0,266 0,266 C 83.866028708134,273.21531100478467 167.732057416268,280.4306220095694 260,275 C 352.267942583732,269.5693779904306 452.9377990430621,251.49282296650722 560,238 C 667.0622009569379,224.50717703349278 780.5167464114833,215.59808612440193 873,222 C 965.4832535885167,228.40191387559807 1036.9952153110048,250.11483253588517 1128,260 C 1219.0047846889952,269.88516746411483 1329.5023923444976,267.9425837320574 1440,266 C 1440,266 1440,400 1440,400 Z");
  }
}

.img-style {
  box-shadow: 0px 1px 12px 0px rgb(0 0 0 / 10%);
  width: 100%;
}

.big-banner {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
}

/* 背景动画s */
body {
  -webkit-transition: background-color 400ms ease-in-out;
  -ms-transition: background-color 400ms ease-in-out;
  -o-transition: background-color 400ms ease-in-out;
  -moz-transition: background-color 400ms ease-in-out;
  transition: background-color 400ms ease-in-out;
}

.container1 {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

#output {
  opacity: 0.3;
  width: 100%;
  height: 100%;
  -webkit-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

/* 背景动画e */

/* 视频遮罩s */
.video-box {
  position: relative;
}

.video-box .video-img {
  width: 7vw;
  height: 7vw;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

/* 视频遮罩e */
.single-baackground {
  background-color: #F3F4FE;
}

.login-button {
  background-color: #0876FF !important;
}

.login-button:hover {
  background-color: #0e67d8 !important;
}

/* 悬浮tab切换s  */

.hover-tab .container {
  width: 100%;
  min-height: 270px;
  max-width: 1000px;
  background: #fff;
  border-radius: 6px;
  padding: 38px;
  box-sizing: border-box;
  box-shadow: rgba(33, 35, 38, 0.1) 0 10px 10px -10px;
}

.hover-tab .container__list {
  width: 38%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
}

.hover-tab .container__item {
  width: 100px;
  min-height: 38px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  font-size: 18px;
  letter-spacing: 1px;
  font-weight: 400;
  transition: 0.3s;
  margin-bottom: 20px;
}

.hover-tab .container__item::after {
  content: "";
  display: block;
  position: absolute;
  width: 40%;
  margin: 0 30%;
  bottom: 0;
  border-bottom: 2px solid #0876FF;
}

.hover-tab .container__item_active {
  background: #0876FF;
  box-sizing: border-box;
  color: #ebfaff;
  font-weight: 300;
}

.hover-tab .container__link {
  margin: 0;
  padding: 0;
}

.hover-tab .container__inner {
  border: 1px solid #657bd5;
  border-radius: 6px;
  background: #FCFDFF;
  padding: 28px 20px;
  margin: 38px auto 35px;
}

.hover-tab .content__subtitle {
  animation-name: smoothTop;
  animation-duration: 0.3s;
  font-size: 26px;
  line-height: 26px;
  font-weight: 500;
  color: #404648;
  margin-bottom: 20px;
}

.hover-tab .content__description {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
  animation-name: smoothBottom;
  animation-duration: 0.7s;
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  color: #637381;
}

.content__description div {
  line-height: 28px;
  width: 100%;
}

.content__description div span {
  display: inline-block;
  margin-right: 28px;
}

.hover-tab .container__inner_hidden {
  display: none;
}

@keyframes smoothTop {
  0% {
    opacity: 0.2;
    transform: translateY(7%);
  }

  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}

@keyframes smoothBottom {
  0% {
    opacity: 0.2;
    transform: translateY(-3%);
  }

  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}

/* 又加背景色又加背景图 */
.back-style1,
.back-style2,
.back-style3,
.back-style4 {
  position: relative;
  height: 556px;
  padding-top: 180px;

}

.back-style1 {
  background-size: auto 90% !important;
  background: url("../images/banner/product.png") no-repeat 72% 82px, -webkit-radial-gradient(center, circle cover, #1F5FFF, #023bca);
  background: url("../images/banner/product.png") no-repeat 72% 82px, radial-gradient(center, circle cover, #1F5FFF, #023bca);
}

.back-style2 {
  background-size: auto 100% !important;
  background: url("../images/banner/service.png") no-repeat 64% 30px, -webkit-radial-gradient(center, circle cover, #1F5FFF, #023bca);
  background: url("../images/banner/service.png") no-repeat 64% 30px, radial-gradient(center, circle cover, #1F5FFF, #023bca);
}

.back-style3 {
  background-size: auto 100% !important;
  background: url("../images/banner/about.png") no-repeat 69% 66px, -webkit-radial-gradient(center, circle cover, #1F5FFF, #023bca);
  background: url("../images/banner/about.png") no-repeat 69% 66px, radial-gradient(center, circle cover, #1F5FFF, #023bca);
}

.back-style4 {
  background-size: auto 80% !important;
  background: url("../images/banner/tools.png") no-repeat 66% 88px, -webkit-radial-gradient(center, circle cover, #1F5FFF, #023bca);
  background: url("../images/banner/tools.png") no-repeat 66% 88px, radial-gradient(center, circle cover, #1F5FFF, #023bca);
}

.text-left-h1 {
  color: #fff;
  font-weight: 500;
  font-size: 42px;
}

.text-left-p {
  max-width: 520px;
  color: #fff;
  opacity: .8;
  margin: 22px 0 26px 0;
}

.consult-now {
  display: inline-block;
  width: 150px;
  height: 46px;
  line-height: 46px;
  font-size: 18px;
  color: #1178e5;
  background: #fff;
  border-radius: 25px;
  text-align: center;
  cursor: pointer;
}

.unset-max-width {
  max-width: 1100px !important;
}

.linear-line {
  width: 6%;
  min-width: 28px;
  height: 2px;
  background: linear-gradient(to right, #0876FF, #5dc2e2);
}

.shop-icon-back {
  background: #F6F9FB !important;
}

/* 淡入淡出轮播 */
.fade-banner {
  width: 100%;
  background-color: #F4F6FC;
  border-radius: 6px;
  padding: 38px 88px 0;
  margin: auto;
  box-shadow: 1px 6px 20px 5px rgba(0, 0, 0, .04);
}

.fade-banner p {
  text-align: center;
  font-size: 30px;
  margin: 20px 0;
  color: aliceblue;
}

.fade-banner .target {
  height: 300px;
  overflow: hidden;
  position: relative;
}

.fade-banner .banner-left {
  height: 300px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.fade-banner .banner-left .banner-left-image {
  width: 500px;
  height: 250px;
  /* border: 1px solid #ccc; */
  line-height: 250px;
  text-align: center;
}

.banner-left-son h2 {
  font-size: 26px;
  color: #333;
  margin-bottom: 38px;
}

.banner-left-son h3 {
  max-width: 500px;
  line-height: 24px;
  color: #666;
  font-size: 14px;
}

.hy-prev {
  left: 10px !important;
}

.hy-next {
  right: 10px !important;
}

.version-introduction {
  background: #3A33B7 !important;
}

.linear-line2 {
  margin: auto;
  width: 10%;
  min-width: 28px;
  height: 2px;
  background: linear-gradient(to right, #0876FF, #5dc2e2);
}

.version-introduction h2 {
  color: #fff;
  margin-bottom: 16px;
}

.version-introduction h4 {
  font-size: 28px;
  margin: 30px 0 18px 0;
}

.version-introduction-father {
  width: 1120px;
  margin: auto;
  padding: 48px;
  background: #fff;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .1);
  border-radius: 6px;
}

.version-father {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-evenly;
}

.version-top-list {
  color: #fff;
  border-radius: 6px;
  background: #EEF5FD;
  padding: 28px 38px;
  margin-bottom: 20px;
}

.version-top-list h3 {
  color: #fff;
  margin-bottom: 16px;
}

/* 版本对比表格样式 */
.table-fill {
  margin: auto;
  width: 100%;
}

.table-fill thead tr {
  height: 56px;
}

th {
  font-size: 19px;
  background: #EEF5FD;
  border-bottom: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  text-align: center;
}

th:first-child {
  border-top-left-radius: 3px;
}

th:last-child {
  /* border-top-right-radius: 3px; */
  /* border-right: none; */
}

tr {
  border-left: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  font-size: 16px;
}

tr:first-child {
  border-top: none;
}

tr:nth-child(even) td {
  background: #F9F9F9;
}

tr:last-child td:first-child {
  border-bottom-left-radius: 3px;
}

tr:last-child td:last-child {
  border-bottom-right-radius: 3px;
}

td {
  font-size: 15px;
  padding: 18px;
  text-align: center;
  border-right: 1px solid #e1e1e1;
}

.table-hover .icon {
  height: 24px;
  width: 24px;
}

.background-yellow {
  background: url('../images/productBanner/yellow-product.png') no-repeat;
  background-size: 100% 100%;
}

.background-blue {
  background: url('../images/productBanner/blue-product.png') no-repeat;
  background-size: 100% 100%;
}

.buy-button-style-left,
.buy-button-style-right {
  color: #fff;
  padding: 6px 10px;
  font-size: 15px;
  border-radius: 5px;
  border: unset;
}

.buy-button-style-left {
  background: #3399FF;
}

.buy-button-style-right {
  background: #3FBE6D;
}

.buy-button-style-left:active {
  background: #0d58bb;
}

.buy-button-style-right:active {
  background: #319455;
}

.ishow-version1 {
  display: block;
}

.isshow-version2 {
  display: none;
}

.business-tools-father {
  width: 100%;
  padding: 0 28px;
}

.business-tools-father .business-tools-list-top {
  display: flex;
}

.business-tools-father .business-tools-list-top h2 {
  cursor: pointer;
  padding-bottom: 22px;
  color: rgb(153, 153, 153);
  text-align: center;
  font-size: 20px;
  width: 50%;
  border-bottom: 1px solid #e6e8ee;
  position: relative;
}

.business-tools-list-top h2 span {
  transition: all 0.3s;
}

.business-tools-list-top h2 span:hover {
  color: #212b36 !important;
  transition: all 0.3s;
}

.business-tools-active {
  color: #212b36 !important;
  border-bottom: 3px solid #0876FF !important;
  border-image: -webkit-gradient(linear, left top, right top, from(#95aeff), to(#0876FF)) 0 0 3 0;
  border-image: linear-gradient(90deg, #95aeff, #0876FF) 0 0 3 0;
  -o-border-image: -o-linear-gradient(left, #95aeff, #0876FF) 0 0 3 0;
}

.business-tools-active::before {
  content: "";
  width: 0;
  height: 0;
  border-color: transparent transparent #0876FF;
  border-style: solid;
  border-width: 0 10px 10px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 39px;
}

.business-tools-list-body {
  display: flex;
  flex-wrap: wrap;
  margin-top: 38px;
}

.tools-background-color {
  background: -o-linear-gradient(top, #fff 0, #fff 0, #fff 23%, #f6f8ff 71%, #e3e8fe 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0, #fff), color-stop(23%, #fff), color-stop(71%, #f6f8ff), to(#e3e8fe));
  background: linear-gradient(180deg, #fff, #fff 0, #fff 23%, #f6f8ff 71%, #e3e8fe);
}

.real-tools-list {
  position: relative;
  padding: 24px;
  margin-right: 33px;
  margin-bottom: 40px;
  height: 339px;
  width: 285px;
  background: url('../images/details/tools-list-background.png');
  background-size: cover;
  box-shadow: 0 0 8px 0 rgba(226, 231, 248, .6);
  transition: all .3s;
}

.real-tools-list:hover {
  margin-top: -8px;
}

.real-tools-list:nth-child(4n) {
  margin-right: 0;
}

.real-tools-list:nth-child(5n) {
  margin-right: 33px;
}

.real-tools-list-right {
  margin-right: 20px;
}

.real-tools-list-right:nth-child(4n) {
  margin-right: 20px;
}

.real-tools-list-right:nth-child(5n) {
  margin-right: 0;
}

.real-tools-list h4 {
  font-size: 20px;
  margin: 26px 0 22px 0;
}

.real-tools-list p {
  font-size: 14px;
  color: #717d8d;
}

.real-tools-list button {
  position: absolute;
  bottom: 26px;
  transition: all 0.2s;
  margin-top: 36px;
  width: 120px;
  height: 36px;
  border-radius: 18px;
  border: 1px solid #e2e4eb;
  font-size: 12px;
  color: #a4a9b3;
  line-height: 36px;
  cursor: pointer;
  background-color: transparent;
}

.real-tools-list button:hover {
  transition: all 0.2s;
  background-color: #0063FF;
  color: #fff;
}

.dialog {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}

.dialog-content {
  position: absolute;
  top: 16%;
  /* z-index: 999; */
  width: 750px;
  background-color: white;
  border-radius: 6px;
  padding: 20px;
}

.dialog-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dialog-header h2 {
  color: #212b36;
  font-size: 24px;
  margin: 0;
}

.dialog-header button {
  color: #2e3c4b;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 28px;
  padding: 0;
}

.dialog-body {
  padding-right: 8px;
  padding-bottom: 18px;
  border-radius: 6px;
  background: #F7F7F7;
  margin: 36px 0 22px 0;
}

.dialog-body p {
  margin-bottom: 18px;
  padding-left: 28px;
}

.dialog-body p span {
  display: block;
}

.dialog-body p i:nth-child(1) {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #0876FF;
  margin-right: 8px;
}

.dialog-body p span:nth-child(1) {
  display: flex;
  align-items: center;
  font-size: 17px;
  font-weight: 600;
  color: #2e3c4b;
}

.dialog-body p span:nth-child(2) {
  font-size: 14px;
  color: #717d8d;
  margin-left: 16px;
}

.core-fn {
  position: relative;
  top: -12px;
  width: 110px;
  padding: 4px 0;
  text-align: center;
  background: #0876FF;
  color: #fff;
  border-radius: 0 12px 0 12px;
  margin-bottom: 10px;
}
.dialog-body-sale{
  margin-left: 30px;
}
.dialog-body-sale span:nth-child(1),.dialog-body-sale span:nth-child(3){
font-size: 12px;
}
.dialog-body-sale span:nth-child(2){
  color: #0876FF;
  font-family: PingFangSC-Semibold;
  font-size: 32px;
  line-height: 39px;
}
.tools-left-price{
  line-height: 38px;
}
.tools-real-price span{
 font-size: 28px;
}