.main-1 {
  width: 100%;
  height: 4.43rem;
  overflow: hidden;
}
.main-1 .main-1c {
  position: relative;
  height: 4.43rem;
  padding: 0;
}
.main-1 .main-1c .main-1c1 {
  position: absolute;
  width: 100%;
  height: 2.14rem;
  top: 50%;
  transform: translateY(-50%);
  background: url('../images/xf222.png') 64% top no-repeat;
  background-size: contain;
  text-align: center;
}
.main-1 .main-1c .main-1c1 .main-1c1l1 {
  width: 0.4rem;
  height: 0.84rem;
  background: url('../images/xf225.png') no-repeat;
  background-size: contain;
  margin: 0.15rem auto 0;
}
.main-1 .main-1c .main-1c1 .main-1c1l2 {
  font-size: 0.24rem;
  font-weight: 600;
  color: #082c43;
}
.main-1 .main-1c .main-1c1 .main-1c1l3 {
  padding-top: 0.16rem;
  font-size: 0.2rem;
  font-weight: 500;
  color: #6e7885;
}
.main-1 .main-1c .main-1c1 .main-1c1l4 {
  padding-top: 0.1rem;
  font-size: 0.16rem;
  font-weight: 500;
  color: #6e7885;
}
.main-1 .main-1c:nth-child(2) .main-1c1 {
  background: url('../images/xf223.png') 70% top no-repeat;
  background-size: contain;
}
.main-1 .main-1c:nth-child(2) .main-1c1 .main-1c1l1 {
  background: url('../images/xf226.png') no-repeat;
  background-size: contain;
}
.main-1 .main-1c:nth-child(3) .main-1c1 {
  background: url('../images/xf224.png') 70% top no-repeat;
  background-size: contain;
}
.main-1 .main-1c:nth-child(3) .main-1c1 .main-1c1l1 {
  background: url('../images/xf227.png') no-repeat;
  background-size: contain;
}
.main-2 {
  width: 100%;
  height: 5.5rem;
  background-color: #f4f5f9;
}
.main-2 .main-2t {
  width: 100%;
  height: 1.5rem;
  font-size: 0.4rem;
  font-weight: bold;
  color: #181f29;
  line-height: 1.5rem;
  text-align: center;
}
.main-2 .main-2c {
  width: 100%;
  height: 2.5rem;
}
.main-2 .main-2c .main-2ct {
  width: 80%;
  height: 0.45rem;
  border-bottom: 3px dotted #006fff;
  margin: 0.2rem auto;
  display: flex;
  justify-content: space-around;
}
.main-2 .main-2c .main-2ct li {
  width: 1.2rem;
  height: 0.9rem;
  background-color: #f4f5f9;
  position: relative;
}
.main-2 .main-2c .main-2ct li span {
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  color: #006fff;
  font-size: 32px;
  text-align: center;
  line-height: 0.8rem;
  border-radius: 50%;
  background-color: #fff;
  margin: 0 auto;
}
.main-2 .main-2c .main-2ct li .main-2ctc {
  position: absolute;
  width: 2rem;
  height: 1.6rem;
  background-color: #fff;
  border: 1px solid #006fff;
  top: 1.3rem;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 0.15rem;
  box-sizing: border-box;
  border-radius: 0.04rem;
}
.main-2 .main-2c .main-2ct li .main-2ctc .main-2ctc1 {
  height: 0.5rem;
  line-height: 0.5rem;
  font-size: 0.2rem;
  font-weight: bold;
  color: #333;
}
.main-2 .main-2c .main-2ct li .main-2ctc .main-2ctc2 {
  line-height: 0.28rem;
  font-size: 0.16rem;
  color: #999;
}
.main-3 {
  width: 100%;
  height: 8.05rem;
}
.main-3 .container {
  height: 8.05rem;
}
.main-3 .container .main-3c1 {
  height: 2.17rem;
  font-size: 0.4rem;
  font-weight: bold;
  color: #181f29;
  padding-top: 1.23rem;
  box-sizing: border-box;
}
.main-3 .container .main-3c2 {
  width: 100%;
  height: 0.64rem;
  margin-bottom: 0.32rem;
}
.main-3 .container .main-3c2 .inp {
  width: 48%;
  height: 100%;
  border: 1px solid rgba(18, 35, 55, 0.2);
  margin-right: 3%;
  padding-left: 0.2rem;
  font-size: 0.2rem;
  font-weight: 500;
  color: #8e96a2;
}
.main-3 .container .main-3c2 .inp:nth-child(2) {
  margin-right: 0;
}
.main-3 .container .main-3c4 {
  width: 99.4%;
  height: 1.8rem;
  border: 1px solid rgba(18, 35, 55, 0.2);
  padding-left: 0.2rem;
  padding-top: 0.15rem;
  font-size: 0.2rem;
  font-weight: 500;
  color: #8e96a2;
  margin-bottom: 0.56rem;
}
.main-3 .container button {
  width: 2.42rem;
  height: 0.72rem;
  background-color: #0078ff;
  font-size: 0.28rem;
  font-weight: 500;
  color: #fff;
  border-radius: 0.04rem;
}
