img {
  width: 100%;
}

html {
  background: #fff;
}

.step {
  display: none;
}

.step .banner {
  position: relative;
  width: 100%;
}

.step .banner .step0Btn {
  position: absolute;
  left: 0;
  right: 0;
  width: 6.93333rem;
  margin: 0 auto;
  bottom: 14%;
  animation: sToB 1s infinite;
}

.step .banner .question {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  padding-top: 20%;
}

.step .banner .question .que {
  width: 9.52rem;
  margin: 0 auto;
  position: relative;
}

.step .banner .question .que .index {
  position: absolute;
  position: absolute;
  left: 9%;
  top: 0.8rem;
}

.step .banner .question .que .index .index_tit {
  color: #f15b6c;
  font-size: 0.53333rem;
  font-weight: bold;
}

.step .banner .question .que .index .progress {
  width: 1.97333rem;
  background: #ffdcdd;
  height: 0.10667rem;
  border-radius: 1.33333rem;
  margin: 0.26667rem 0;
  position: relative;
}

.step .banner .question .que .index .progress .bar {
  width: 20%;
  background: #f15b6c;
  height: 0.10667rem;
  border-radius: 1.33333rem;
}

.step .banner .question .que .index .tit2 {
  font-size: 0.4rem;
}

.step .banner .question .queMain {
  display: none;
}

.step .banner .question .queMain .opt {
  width: 70%;
  margin: 0 auto;
  margin-top: 0.8rem;
}

.step .banner .question .queMain .opt .opt_item {
  background: #fff;
  padding: 0.18667rem 0.53333rem;
  width: 100%;
  border-radius: 0.21333rem;
  border: #f15b6c solid 0.02667rem;
  color: #f15b6c;
  font-size: 0.37333rem;
  display: flex;
  align-items: center;
  margin-bottom: 0.66667rem;
}

.step .banner .question .queMain .opt .ac {
  background: #f15b6c;
  color: #fff;
}

.step .banner .question .qac {
  display: block;
}

.step .banner .question .qbtn_list {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.step .banner .question .qbtn_list .big-btn {
  background: transparent;
  color: #f15b6c;
  border: solid 0.02667rem #f15b6c;
  border-radius: 0.21333rem;
  width: 2.28rem;
  height: 0.89333rem;
  font-size: 0.34667rem;
  text-align: center;
  line-height: 0.89333rem;
}

.step .banner .question .qbtn_list .prevBtn {
  display: none;
}

.step .banner .yxdMain {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  padding-top: 36%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.step .banner .yxdMain .tip {
  font-size: 0.48rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
}

.step .banner .yxdMain .yxd-info {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 6.24rem;
  margin: 0 auto;
  margin-top: 2.66667rem;
}

.step .banner .yxdMain .yxd-info input {
  width: 6.24rem;
  background: #eee;
  border-radius: 0.21333rem;
  border: none;
  padding: 0.26667rem;
  font-size: 0.34667rem;
}

.step .banner .yxdMain .yxd-info .yzm {
  margin: 0.53333rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 6.24rem;
}

.step .banner .yxdMain .yxd-info .yzm input {
  width: 3.57333rem;
}

.step .banner .yxdMain .yxd-info .yzm .code-btn {
  background: #f15b6c;
  color: #fff;
  border: solid 0.02667rem #f15b6c;
  border-radius: 0.21333rem;
  width: 2.28rem;
  height: 0.89333rem;
  font-size: 0.34667rem;
  text-align: center;
  line-height: 0.89333rem;
}

.step .banner .yxdMain .btn-submit {
  width: 6.24rem;
  background: #f15b6c;
  color: #fff;
  border: solid 0.02667rem #f15b6c;
  border-radius: 0.21333rem;
  height: 0.89333rem;
  font-size: 0.34667rem;
  text-align: center;
  line-height: 0.89333rem;
}

.step0 {
  display: block;
}

@keyframes sToB {
  from {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  to {
    transform: scale(1);
  }
}

.loading-block {
  position: fixed;
  z-index: 99999;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 30%;
  width: fit-content;
  padding: 0.53333rem 1.33333rem;
  text-align: center;
  font-size: 0.50667rem;
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 0.65);
  border-radius: 0.13333rem;
  display: none;
}

.main3 {
  background: #fef2f2;
  display: none;
}

.main3 * {
  box-sizing: border-box;
}

.main3 img {
  width: 100%;
  display: block;
}

.main3 .goWait {
  padding: 0.53333rem;
  box-sizing: border-box;
  background: #fff;
}

.main3 .goWait .wait {
  width: 70%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
}

.main3 .goWait .wait .w_balls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1.06667rem;
}

.main3 .goWait .wait .w_balls .balls {
  background: #e63e71;
  width: 0.36rem;
  height: 0.36rem;
  border-radius: 100%;
  transition: .3s;
  opacity: 47%;
  transform: scale(0.9);
  animation: wait 1s infinite;
}

.main3 .goWait .wait .w_balls .ball2 {
  animation: wait2 1s infinite;
}

.main3 .goWait .wait .w_img {
  width: 1.57333rem;
}

.main3 .goWait .wait .w_img img {
  width: 100%;
}

.main3 .goWait .gw_con {
  margin-top: 0.26667rem;
  color: #ff3f5c;
  text-align: center;
  line-height: 2;
  font-size: 0.45333rem;
  font-weight: bold;
}

.main3 .con_txt_tip {
  color: #333;
  text-align: center;
  font-weight: bold;
}

@keyframes wait {
  from {
    opacity: 47%;
    transform: scale(0.9);
  }
  50% {
    opacity: 100%;
    transform: scale(1);
  }
  to {
    opacity: 47%;
    transform: scale(0.9);
  }
}

@keyframes wait2 {
  from {
    opacity: 100%;
    transform: scale(1);
  }
  50% {
    opacity: 47%;
    transform: scale(0.9);
  }
  to {
    opacity: 100%;
    transform: scale(1);
  }
}

.main3 .divImg {
  width: 100%;
  position: relative;
}

.main3 .divImg .container {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding-top: 1.73333rem;
}

.main3 .divImg .container .con_txt {
  color: #ff3f5c;
  text-align: center;
  line-height: 1.6;
}

.main3 .divImg .container .con_txt span {
  font-weight: bold;
}

.main3 .divImg .container .f70 {
  font-size: 0.93333rem;
}

.main3 .divImg .container .f40 {
  font-size: 0.53333rem;
}

.main3 .divImg .container .f34 {
  font-size: 0.45333rem;
}

.main3 .divImg .container .copyBtn {
  background: linear-gradient(to right, #ff3f5c, #fffd41);
  box-shadow: 0 0.10667rem 0.18667rem 0 #ff5f7a;
  border-radius: 1.33333rem;
  color: #fff;
  width: 7.41333rem;
  height: 1.08rem;
  font-size: 0.58667rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.4rem auto;
  cursor: pointer;
}

.main3 .divImg .container .ico_con {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.4rem;
}

.main3 .divImg .container .ico_con .jt {
  margin: 0 0.26667rem;
  width: 0.50667rem;
}

.main3 .divImg .container .ico_con .tel {
  margin-right: 0.26667rem;
  width: 0.61333rem;
}

.main3 .csTC {
  display: none;
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.main3 .csTC .tcBox {
  width: 6.93333rem;
  height: 5.6rem;
  border-radius: 0.21333rem;
  margin: 0 auto;
  margin-top: 4rem;
  background: #fff;
  padding: 0.4rem;
}

.main3 .csTC .tcBox .tcMSG {
  text-align: center;
  font-size: 0.69333rem;
  color: #ff3f5c;
  border-bottom: #f5f5f5 solid 0.02667rem;
  padding-bottom: 0.18667rem;
}

.main3 .csTC .tcBox .tcMSG .line {
  height: 0.05333rem;
  width: 1.33333rem;
  margin: 0 auto;
  background: #ff3f5c;
  position: relative;
  bottom: -0.21333rem;
}

.main3 .csTC .tcBox .tcMSG2 {
  color: #555;
  font-size: 0.4rem;
  padding: 0.26667rem 0.4rem;
  line-height: 0.66667rem;
}

.main3 .csTC .tcBox .tcBtn {
  background: linear-gradient(to right, #10c725, #59cbaf);
  border-radius: 1.33333rem;
  text-align: center;
  font-size: 0.48rem;
  height: 0.90667rem;
  line-height: 0.86667rem;
  color: #fff;
  width: 85%;
  margin: 0 auto;
  margin-top: 0.06667rem;
  box-shadow: 0 4px 8px rgba(43, 162, 70, 0.3);
  display: block;
  animation: sToB 1s infinite;
}

.main3 .csTC .closeBtn {
  margin: 0 auto;
  margin-top: 0.93333rem;
  width: 1.06667rem;
}

.main3 .csTC .closeBtn img {
  width: 100%;
}

@keyframes sToB {
  from {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  to {
    transform: scale(1);
  }
}

.copyBtn {
  animation: sToB2 1s infinite;
}

.container .ico_con:nth-last-child(2) {
  animation: sToB 1s infinite;
}

@keyframes sToB2 {
  from {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1.2);
  }
  to {
    transform: scale(0.9);
  }
}

.footer .footer_con {
  margin: 0 auto;
  max-width: 680px;
  position: fixed;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1.33333rem;
  background-image: linear-gradient(to right, #fff,#ffc4cf); /* 渐变色从左到右 */
}


.footer .footer_con .footer_price {
  margin-left: 0.4rem;
  margin-top: 0.26667rem;
  color: #f94960;
  font-size: 0.32rem;
}

.footer .footer_con .footer_price .p {
  font-size: 0.61333rem;
}

.footer .footer_con .footer_price .p2 {
  text-decoration: line-through;
  color: #ccccd0;
}

.footer .footer_con .footer_btn {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 1.46667rem;
  font-size: 0.48rem;
  color: white;
  background: linear-gradient(to right, #fc3275, #ff6666);
  width: 4rem;
  text-align: center;
}

.step2 {
  display: none;
  padding: 0.4rem;
  background: #efefef;
  padding-bottom: 2.13333rem;
   background-image: url('../img/step_bg.jpeg'); /* Replace with the path to your image */
    background-size: cover; /* This will ensure that your image covers the whole area */
    background-position: center; /* This centers the image in the div */
    background-repeat: no-repeat; /* This stops the image from repeating */
}

.step2 .block1 {
  background: white;
  border-radius: 0.26667rem;
  padding: 0.26667rem;
}

.step2 .block1 .p1 {
  font-size: 0.34667rem;
  color: #707174;
  margin-left: 0.13333rem;
}

.step2 .block1 .ke_des {
  margin-left: 0.4rem;
  margin-top: 0.26667rem;
}

.step2 .block1 .ke_des img {
  display: inline-block;
  width: 1.92rem;
  border-radius: 0.08rem;
  margin-right: 0.13333rem;
  vertical-align: top;
}

.step2 .block1 .ke_des .des_p {
  display: inline-block;
  vertical-align: top;
}

.step2 .block1 .ke_des .des_p p {
  font-size: 0.32rem;
  color: #707174;
  line-height: 0.53333rem;
}

.step2 .block1 .ke_des .des_p p:nth-of-type(1) {
  font-size: 0.4rem;
  color: #f94960;
}

.step2 .block1 .ke_des .des_p p:last-child {
  color: #ccccd0;
  text-decoration: line-through;
}

.step2 .block1 .ke_des .price {
  float: right;
  font-size: 0.4rem;
  color: black;
}

.step2 .block1 .block1_line {
  margin: 0.4rem 0;
  border-bottom: 1px dashed #f2f2f2;
  position: relative;
}

.step2 .block1 .block1_line:before,
.step2 .block1 .block1_line:after {
  content: '';
  position: absolute;
  width: 0.34667rem;
  height: 0.34667rem;
  top: -0.17333rem;
  border-radius: 1.33333rem;
  background: #f2f2f2;
}

.step2 .block1 .block1_line:before {
  left: -0.42667rem;
}

.step2 .block1 .block1_line:after {
  right: -0.42667rem;
}

.step2 .block1 .block1_bottom .f_des {
  margin-left: 0.4rem;
}

.step2 .block1 .block1_bottom .f_des p {
  margin: 0.26667rem 0;
  font-size: 0.34667rem;
  color: #303032;
}

.step2 .block1 .block1_bottom .f_des p .num {
  display: inline-block;
  width: 0.66667rem;
  height: 0.53333rem;
  border-radius: 0.08rem;
  text-align: center;
  font-style: italic;
  color: white;
  line-height: 0.53333rem;
  margin-right: 0.13333rem;
}

.step2 .block1 .block1_bottom .f_des p .red {
  color: red;
}

.step2 .block1 .block1_bottom .f_des p:nth-of-type(1) .num {
  background: #fb92a0;
}

.step2 .block1 .block1_bottom .f_des p:nth-of-type(2) .num {
  background: #fa6d80;
}

.step2 .block1 .block1_bottom .f_des p:nth-of-type(3) .num {
  background: #f94960;
}

.step2 .block1 .block1_bottom .f_des p:nth-of-type(4) .num {
  background: #f94960;
}

.block2 {
  font-size: 16px;
  padding: 10px;
  background: #FFF;
  border-radius: 5px;
  border: 1px solid #f2f2f2;
  margin-top: 10px;
}

.input_div {
  margin-bottom: 10px; /* 为每个输入框添加底部间距 */
}

.input_div1, .input_div2 {
  position: relative; /* 设置相对定位，为绝对定位的元素提供上下文 */
}

.put_p {
  color: #000000;
  font-weight: bold;
  margin-bottom: 5px;
}

.input_div input {
  width: calc(100% - 20px); /* Adjust the width as necessary */
  border: none;
  border-bottom: 1px solid #e0e0e0; /* Creates the line under each input */
  line-height: 1.5;
  padding: 8px 10px; /* Adjust padding as necessary */
  margin-bottom: 15px; /* Space between each input field */
  box-sizing: border-box; /* Ensures padding doesn't affect overall width */
}

.input_div2 {
  position: relative; /* Establishes a positioning context for absolute positioning */
}

.get_code {
  position: absolute; /* Positions the button relative to its parent */
  top: 50%; /* Centers the button vertically */
  right: 10px; /* Distance from the right edge of the input field */
  transform: translateY(-50%); /* Ensures the button is perfectly centered */
  background: #f76a8c; /* Example button color, adjust as needed */
  color: white; /* Text color for the button */
  border: none; /* Removes border */
  border-radius: 15px; /* Rounds the corners of the button */
  padding: 8px 15px; /* Padding inside the button, adjust as needed */
  cursor: pointer; /* Changes the cursor to indicate the button is clickable */
}



.step2 .tishi {
  color: red;
  padding: 0.13333rem 0 0 0.4rem;
  font-size: 0.32rem;
}

.step2 .tishi a {
  color: blue;
  border-bottom: 1px solid #ccc;
}

.step2 .block3 {
  margin: 0.53333rem 0;
}

.step2 .block3 .p1 {
  font-size: 0.34667rem;
  color: #707174;
  margin-left: 0.4rem;
}

.step2 .block3 .zf_f {
  position: relative;
  background: white;
  border-radius: 1.33333rem;
  padding: 0.26667rem 0.66667rem;
  margin-top: 0.4rem;
  border: 1px solid white;
  display: flex;
  align-items: center;
}

.step2 .block3 .zf_f .zf_img {
  width: 0.66667rem;
  border-radius: 0.13333rem;
}

.step2 .block3 .zf_f span {
  margin-left: 0.26667rem;
  font-size: 0.37333rem;
  color: black;
}

.step2 .block3 .zf_f .s {
  position: absolute;
  width: 0.53333rem;
  right: 0.4rem;
  top: 0.34667rem;
}

.step2 .block3 .zf_f_sel {
  border: 1px solid red;
}

.step2 .block4 {
  text-align: center;
  font-size: 0.32rem;
  margin-top: 0.4rem;
  color: #707174;
}

.step2 .block4 span {
  display: inline-block;
  vertical-align: text-bottom;
  width: 0.66667rem;
  padding: 0.05333rem 0;
  border-radius: 0.08rem;
  background: #f95164;
  margin: 0 0.13333rem;
  color: white;
  font-size: 0.4rem;
}

.popup {
  z-index: 10000;
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}

.popup-hind {
  font-size: 16px;
  line-height: 1.2;
}

.popup .popup-label {
  width: 240px;
  height: 110px;
  padding: 15px;
  background: white;
  border-radius: 0.25rem;
  box-shadow: 0 0 1px 1px #e0e0e0;
  position: absolute;
  top: 30%;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 14px;
  color: #767676;
  text-align: center;
}

.popup .popup-label .popup-btn {
  cursor: pointer;
  position: absolute;
  bottom: 10px;
  right: 20px;
  color: #ff4e5d;
  text-align: center;
  width: 100px;
  height: 30px;
  line-height: 40px;
}

.mask3 {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  left: 0;
  top: 0;
  z-index: 100;
}

.mask3 .icons {
  display: block;
  width: 1rem;
  margin: auto;
}

.mask3 .mask_con {
  position: relative;
  width: 66%;
  margin: 5.33333rem auto 0;
  background: white;
  border-radius: 0.4rem;
  padding: 1.06667rem 0.4rem 0;
}

.mask3 .ps1 {
  color: black;
  font-size: 0.48rem;
  margin: 0.13333rem 0;
}

.mask3 .ps2 {
  font-size: 0.32rem;
  padding: 0.13333rem 0.53333rem 0.26667rem;
  border: 1px solid white;
  border-radius: 1.33333rem;
  line-height: 0.66667rem;
  margin: auto;
}

.mask3 .ps2 span {
  color: #fc3574;
}

.mask3 .ps3 {
  padding-bottom: 0.8rem;
  line-height: 0.66667rem;
  font-size: 0.32rem;
}

.mask3 .ps3 span,
.mask3 .ps3 a {
  color: #fc3574;
  font-size: 0.32rem;
}

.mask3 .ps3 a {
  color: blue;
  border-bottom: 1px solid #ccc;
}

.mask3 .ps6 {
  font-size: 0.32rem;
  padding: 0.13333rem 0.53333rem 0.26667rem;
  border: 1px solid white;
  border-radius: 1.33333rem;
  line-height: 0.66667rem;
  margin: auto;
}
/*# sourceMappingURL=yxd.css.map */