.project-main .pc-terminal-project-main-content .product-wrap {
  z-index: 4;
  width: 100%;
  height: auto;
  position: relative;
  box-sizing: border-box;
}
.project-main .pc-terminal-project-main-content .product-wrap .product-container {
  z-index: 4;
  width: 100%;
  height: 58vw;
  background: #FFF1E4;
}
.project-main .pc-terminal-project-main-content .product-wrap .product-container .product-title {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-top: 5vw;
}
.project-main .pc-terminal-project-main-content .product-wrap .product-container .product-title .product-title-bg {
  background-position: center;
  background-size: contain;
}
.project-main .pc-terminal-project-main-content .product-wrap .product-container .product-info .product-steps {
  width: 80vw;
  margin: 0 auto;
}
.project-main .pc-terminal-project-main-content .product-wrap .product-container .product-info .product-steps > div {
  margin-top: 3vw;
  width: 100%;
  height: 18vw;
  display: flex;
  justify-content: space-between;
}
.project-main .pc-terminal-project-main-content .product-wrap .product-container .product-info .product-steps > div > div {
  width: 38vw;
  height: 18vw;
  border-radius: 0.2vw;
  background: #ffffff;
  padding: 2vw;
  position: relative;
}
.project-main .pc-terminal-project-main-content .product-wrap .product-container .product-info .product-steps > div > div .product-steps-info-bottom {
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 2vw;
  left: 0;
  padding: 0 2vw;
  align-items: flex-end;
}
.project-main .pc-terminal-project-main-content .product-wrap .product-container .product-info .product-steps > div > div .product-steps-number {
  width: 1.5vw;
  height: 1.5vw;
}
.project-main .pc-terminal-project-main-content .product-wrap .product-container .product-info .product-steps > div > div .product-steps-number-1 {
  background: url("../../images/01.png") no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.project-main .pc-terminal-project-main-content .product-wrap .product-container .product-info .product-steps > div > div .product-steps-number-2 {
  background: url("../../images/02.png") no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.project-main .pc-terminal-project-main-content .product-wrap .product-container .product-info .product-steps > div > div .product-steps-number-3 {
  background: url("../../images/03.png") no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.project-main .pc-terminal-project-main-content .product-wrap .product-container .product-info .product-steps > div > div .product-steps-number-4 {
  background: url("../../images/04.png") no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.project-main .pc-terminal-project-main-content .product-wrap .product-container .product-info .product-steps > div > div .product-steps-icon {
  width: 4vw;
  height: 4vw;
}
.project-main .pc-terminal-project-main-content .product-wrap .product-container .product-info .product-steps > div > div .product-steps-icon-1 {
  background: url("../../images/step-1.png") no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.project-main .pc-terminal-project-main-content .product-wrap .product-container .product-info .product-steps > div > div .product-steps-icon-2 {
  background: url("../../images/step-2.png") no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.project-main .pc-terminal-project-main-content .product-wrap .product-container .product-info .product-steps > div > div .product-steps-icon-3 {
  background: url("../../images/step-3.png") no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.project-main .pc-terminal-project-main-content .product-wrap .product-container .product-info .product-steps > div > div .product-steps-icon-4 {
  background: url("../../images/step-4.png") no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.project-main .pc-terminal-project-main-content .product-wrap .product-container .product-info .product-steps > div > div .product-steps-title {
  width: 100%;
  color: #333333;
  font-weight: 600;
  font-size: 1.5vw;
}
.project-main .pc-terminal-project-main-content .product-wrap .product-container .product-info .product-steps > div > div .product-steps-info {
  padding-top: 1vw;
  font-size: 1.3vw;
  color: #666666;
  line-height: 1.4;
  font-weight: 600;
}
.project-main .mobile-terminal-project-main-content .product-wrap {
  width: 100%;
  height: auto;
  position: relative;
  background: #FFF1E4;
  box-sizing: border-box;
}
.project-main .mobile-terminal-project-main-content .product-wrap .product-container {
  width: 100%;
  height: auto;
  padding: 5vw 0;
}
.project-main .mobile-terminal-project-main-content .product-wrap .product-container .product-title {
  width: 100%;
  display: flex;
  justify-content: center;
}
.project-main .mobile-terminal-project-main-content .product-wrap .product-container .product-title .product-title-bg {
  background-position: center;
  background-size: contain;
}
.project-main .mobile-terminal-project-main-content .product-wrap .product-container .product-container-mobile .product-info .product-steps {
  width: 90vw;
  margin: 0 auto;
}
.project-main .mobile-terminal-project-main-content .product-wrap .product-container .product-container-mobile .product-info .product-steps > div {
  margin-top: 3vw;
  width: 100%;
  height: 45vw;
  background: #ffffff;
  position: relative;
  padding: 5vw;
}
.project-main .mobile-terminal-project-main-content .product-wrap .product-container .product-container-mobile .product-info .product-steps > div .product-steps-info-bottom {
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 2vw;
  left: 0;
  padding: 0 2vw;
  align-items: flex-end;
}
.project-main .mobile-terminal-project-main-content .product-wrap .product-container .product-container-mobile .product-info .product-steps > div .product-steps-number {
  width: 5vw;
  height: 5vw;
}
.project-main .mobile-terminal-project-main-content .product-wrap .product-container .product-container-mobile .product-info .product-steps > div .product-steps-number-1 {
  background: url("../../images/01.png") no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.project-main .mobile-terminal-project-main-content .product-wrap .product-container .product-container-mobile .product-info .product-steps > div .product-steps-number-2 {
  background: url("../../images/02.png") no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.project-main .mobile-terminal-project-main-content .product-wrap .product-container .product-container-mobile .product-info .product-steps > div .product-steps-number-3 {
  background: url("../../images/03.png") no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.project-main .mobile-terminal-project-main-content .product-wrap .product-container .product-container-mobile .product-info .product-steps > div .product-steps-number-4 {
  background: url("../../images/04.png") no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.project-main .mobile-terminal-project-main-content .product-wrap .product-container .product-container-mobile .product-info .product-steps > div .product-steps-icon {
  width: 15vw;
  height: 15vw;
}
.project-main .mobile-terminal-project-main-content .product-wrap .product-container .product-container-mobile .product-info .product-steps > div .product-steps-icon-1 {
  background: url("../../images/step-1.png") no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.project-main .mobile-terminal-project-main-content .product-wrap .product-container .product-container-mobile .product-info .product-steps > div .product-steps-icon-2 {
  background: url("../../images/step-2.png") no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.project-main .mobile-terminal-project-main-content .product-wrap .product-container .product-container-mobile .product-info .product-steps > div .product-steps-icon-3 {
  background: url("../../images/step-3.png") no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.project-main .mobile-terminal-project-main-content .product-wrap .product-container .product-container-mobile .product-info .product-steps > div .product-steps-icon-4 {
  background: url("../../images/step-4.png") no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.project-main .mobile-terminal-project-main-content .product-wrap .product-container .product-container-mobile .product-info .product-steps > div .product-steps-title {
  width: 100%;
  color: #333333;
  font-weight: 600;
  font-size: 4vw;
}
.project-main .mobile-terminal-project-main-content .product-wrap .product-container .product-container-mobile .product-info .product-steps > div .product-steps-info {
  padding-top: 1vw;
  font-size: 3.6vw;
  color: #666666;
  line-height: 1.4;
  font-weight: 600;
}