/* ----------------- 欢迎姐，界面--------------- */
.mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  background: rgba(0, 0, 0, 0.3);
  z-index: 990;
}

.welcome5 {
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 47.631579rem;
  height: 33rem;
  background: url(../images/welcome5.png) no-repeat;
  background-size: 100% 100%;
  z-index: 999;
}


.welcome-btn5 {
  width: 11.421053rem;
  height: 2rem;
  background-color: #d81d1e;
  border-radius: .263158rem;
  text-align: center;
  line-height: 2rem;
  color: #ffffff;
}

.welcome-form5 {
  margin-top: 19.315789rem;
  margin-left: 13.157895rem;
}

.input-boxs5 {
  width: 18.368421rem;
  height: 2.210526rem;
  background-color: #ffffff;
  border: solid 1px #888888;
  padding-left: .736842rem;
}

.last-child5 {
  margin-top: 1.315789rem;
}

.welcome-btn5 {
  margin-left: 5.894737rem;
  margin-top: 3.894737rem;
}

.welcome5 {
  display: block;
}


.cooperation {
  position: relative;
  width: 100%;
  height: 39.052632rem;
}


.cooperation .bg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 39.052632rem;
  z-index: -1;
}

.partner-bottom {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 3.052632rem;
  background: url(../images/partner-bottom.png) no-repeat;
  background-size: 100% 100%;
}

.investment-word {
  position: absolute;
  top: 23.736842rem;
  left: 21.631579rem;
  width: 27.421053rem;
  height: 2.105263rem;
  background: url(../images/investment-word.png) no-repeat;
  background-size: 100% 100%;
}

.investment-title {
  position: absolute;
  top: 1.894737rem;
  left: 20.315789rem;
  width: 69.105263rem;
  height: 18.789474rem;
  background: url(../images/investment-title.png) no-repeat;
  background-size: 100% 100%;

}

.boat {
  position: absolute;
  right: 22.157895rem;
  bottom: 3.052632rem;
  width: 29.894737rem;
  height: 22.210526rem;
  background: url(../images/partner-boat.png) no-repeat;
}

/* ------------------   为什么选择云媒科技     ----------------------- */
.why {
  width: 100%;
  /* height: 77.368421rem; */
  /* padding-top: 71.875rem; */
  background: url(../images/why-bg.png) no-repeat;
  background-size: 100% 100%;
  padding-top: 8.578947rem;
  padding-bottom: 8.947368rem;
}

.why-title {
  padding-top: 1.526316rem;
  padding-bottom: 1.789474rem;
  font-size: 2.105263rem;
  font-weight: bold;
  font-stretch: normal;
  line-height: 2.368421rem;
  margin-bottom: 3.473684rem;
}

.why-point {
  color: #1998f6;

}

.why-inner-wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 64.263158rem;
  margin: 0 auto;
}

.why-inner-left {
  width: 30.210526rem;
}

.why-inner-left p {
  font-size: 1.105263rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.842105rem;
  letter-spacing: 0px;
  color: #333333;
}

.why-inner-right {
  width: 26.947368rem;
  height: 20.789474rem;
  background: url(../images/lanhei-right.png) no-repeat;
  background-size: 100% 100%;
}

.why-bottom-wrap {
  position: relative;
  display: -webkit-box;
  display: flex;
  width: 57.894737rem;
  height: 25rem;
  margin: 0 auto;
  margin-top: 9.157895rem;
}

.why-bottom-center {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 15.894737rem;
  height: 16.052632rem;
  background: url(../images/why-center.png ) no-repeat;
  background-size: 100% 100%;
}

.why-bottom-item-1 {
  position: absolute;
  top: 1.105263rem;
  left: 0;
}

.why-bottom-item-2 {
  position: absolute;
  left: 5.105263rem;
  bottom: 5.368421rem;
}

.why-bottom-item-3 {
  position: absolute;
  left: 23rem;
  bottom: 0;
}

.why-bottom-item-4 {
  position: absolute;
  right: 5.421053rem;
  bottom: 2.210526rem;
}

.why-bottom-item-5 {
  position: absolute;
  top: 1.105263rem;
  right: 0;
}

.why-bottom-one {
  position: relative;
  padding-bottom: 1.315789rem;
  text-align: center;
  height: 2.105263rem;
  font-size: 2.473684rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 2.105263rem;
  letter-spacing: 0px;
  color: #fe5676;
}

.why-bottom-one::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  content: "";
  width: 6.105263rem;
  height: 2px;
  background-image: linear-gradient(267deg,
      #11998e 0%,
      #38ef7d 100%),
    linear-gradient(#242424,
      #242424);
  background-blend-mode: normal,
    normal;
}

.why-cause {
  line-height: 1.578947rem;
  width: 12.157895rem;
  font-family: MicrosoftYaHei;
  font-size: 1.105263rem;
  font-weight: normal;
  font-stretch: normal;
  text-align: center;

  letter-spacing: 0px;
  color: #242424;
  margin-top: .894737rem;
}

/* ------------------   行业探索 蜕变     ----------------------- */
.metamorphosis {
  display: -webkit-box;
  display: flex;
  width: 70.842105rem;
  margin: 0 auto;
  margin-bottom: 1.789474rem;

}

.metamorphosis-item {
  position: relative;
  width: 22.473684rem;
  height: 13rem;

  border-radius: 1.052632rem;
  margin-right: 1.894737rem;
}

.metamorphosis:last-child {
  margin-right: none;
}

.metamorphosis .metamorphosis-item:nth-child(1) {
  background-image: -webkit-gradient(linear,
      left top, right top,
      from(#6172fc),
      to(#b97bfe)),
    -webkit-gradient(linear,
      left top, left bottom,
      from(#020202),
      to(#020202));
  background-image: linear-gradient(90deg,
      #6172fc 0%,
      #b97bfe 100%),
    linear-gradient(#020202,
      #020202);
  background-blend-mode: normal,
    normal;
  box-shadow: 0px 12px 16px 0px rgba(176, 91, 255, 0.38);
}


.metamorphosis .metamorphosis-item:nth-child(2) {
  background-image: -webkit-gradient(linear,
      left top, right top,
      from(#a770ef),
      color-stop(0%, #d377a7),
      color-stop(0%, #ff7e5f),
      to(#feb47b)),
    -webkit-gradient(linear,
      left top, left bottom,
      from(#020202),
      to(#020202));
  background-image: linear-gradient(90deg,
      #a770ef 0%,
      #d377a7 0%,
      #ff7e5f 0%,
      #feb47b 100%),
    linear-gradient(#020202,
      #020202);
  background-blend-mode: normal,
    normal;
  box-shadow: 0px 12px 16px 0px rgba(255, 140, 95, 0.38);
}

.metamorphosis .metamorphosis-item:nth-child(3) {
  background-image: -webkit-gradient(linear,
      left top, right top,
      from(#00b09b),
      to(#96c93d)),
    -webkit-gradient(linear,
      left top, left bottom,
      from(#020202),
      to(#020202));
  background-image: linear-gradient(90deg,
      #00b09b 0%,
      #96c93d 100%),
    linear-gradient(#020202,
      #020202);
  background-blend-mode: normal,
    normal;
  box-shadow: 0px 12px 16px 0px rgba(52, 185, 122, 0.38);
}

.metamorphosis-icon-one {
  position: absolute;
  right: .842105rem;
  bottom: 2.526316rem;
  width: 10.894737rem;
  height: 7.157895rem;

}

.metamorphosis-icon-two {
  right: 2rem;
  bottom: 2.526316rem;
  position: absolute;

  width: 9.631579rem;
  height: 8.894737rem;
}

.metamorphosis-item p {
  font-family: MicrosoftYaHei-Bold;
  font-size: 1.368421rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 2.105263rem;
  letter-spacing: 0px;
  color: #ffffff;


}

.describe {
  position: absolute;
  left: 1.578947rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.metamorphosis-icon-three {
  position: absolute;
  right: 2.052632rem;
  bottom: 2.526316rem;

  width: 8.789474rem;
  height: 7.789474rem;
}

/* ------------------  5大解决方案    ----------------------- */

.solve-wrap {
  padding-top: 2rem;
}

.solve-wrap .title {
  width: 11.631579rem;
  height: 2.105263rem;
  margin: 0 auto;
  margin-bottom: 2.842105rem;
  background: url(../images/title-1.png) no-repeat;
  background-size: 100% 100%;
}

.solve-inner-wrap {
  width: 66.578947rem;
  margin: 0 auto;
}

.navigation {
  width: 73.947368rem;
  margin: 0 auto;
  display: -webkit-box;
  display: flex;
  margin-bottom: 3.263158rem;
}

.navigation p {
  width: 12.263158rem;
  height: 3.157895rem;
  line-height: 3.263158rem;
  box-shadow: 0px 8px 18px 0px rgba(87, 147, 214, 0.44);

  border-radius: 1.421053rem;
  text-align: center;
  color: #ee0979;
  font-size: 1.105263rem;
  border: 1px solid #ee0979;
  cursor: pointer;
  margin-right: 2.526316rem;

}

.navigation .active {

  background-image: linear-gradient(0deg,
      #ee0979 0%,
      #f73a3d 75%,
      #ff6a00 100%),
    linear-gradient(#fee505,
      #fee505);
  background-blend-mode: normal,
    normal;
  box-shadow: 0px 8px 18px 0px rgba(197, 11, 2, 0.44);
  border-radius: 1.421053rem;
  text-align: center;
  color: #ffffff;
}

.nav-item-icon-wrap {
  /* padding: 1.421053rem 0; */
}

.nav-item-icon {

  width: 8.368421rem;
  /* height: 3.368421rem; */
}

.navigation-item-wrap {
  width: 64.421053rem;

  margin: 0 auto;
}

.navigation-item-wrap .nav-item:nth-child(7n) {
  /* background: red; */
  margin-right: 0;
}

.nav-item {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  float: left;
  width: 8.210526rem;
  height: 9.947368rem;
  /* box-shadow: 0px 0px 10px 0px rgba(3, 57, 232, 0.15); */
  border-radius: 10px;
  margin-right: 1.157895rem;
  margin-bottom: 1.736842rem;

}

.subsection {
  padding: 1.105263rem 0;
  border-top: 1px solid #bcbcbc;
  width: 6.421053rem;
}

.subsection-title {
  font-weight: 700;
  text-align: center;
}

.subsection-area {
  text-align: center;
}

.clearfix::after {
  content: ".";
  clear: both;
  display: block;
  overflow: hidden;
  font-size: 0;
  height: 0;
}

.clearfix {
  zoom: 1;
}

/* ---------------------全国县（区）域代理合作招募正式启动----------  */
.recruit-wrap {
  position: relative;
  padding-top: 1.947368rem;

  text-align: center;
}

.recruit-title {
  width: 35.684211rem;
  height: 2.157895rem;
  background: url(../images/title-2.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
}

.recruit-inner-wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;

  width: 70.526316rem;
  margin: 0 auto;
}

.recruit-des {
  text-align: center;
  margin-top: 1.578947rem;
  font-size: 1rem;
  line-height: 1.842105rem;
  letter-spacing: 0px;
  color: #333333;
}

.recruit-map {
  width: 47.210526rem;
  height: 42.947368rem;
  background: url(../images/map.png) no-repeat;
  background-size: 100% 100%;
  margin-left: 22.789474rem;

}


.line {
  position: absolute;
  left: 0;
  bottom: 14.210526rem;
  width: 2.368421rem;
  height: 1px;
  background-color: #ffffff;
}

.recruit-wrap-bg {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 27.421053rem;
  background: url(../images/recruit-recruit-bg.png) no-repeat;
  background-size: 100% 100%;

}

.recruit-inner-wrap {
  position: relative;
}


.recruit-des-wrap {
  position: absolute;
  bottom: 5.052632rem;
  left: 0;
  z-index: 3;
  font-family: MicrosoftYaHei-Bold;
  font-size: 1.368421rem;
  font-weight: normal;
  letter-spacing: 0px;
  color: #ffffff;
  text-align: left;
  line-height: 1.842105rem;

}

/* ---------------------起步即领先 加盟就盈利----------  */
.league {
  position: relative;
  text-align: center;
  padding-top: 4.736842rem;
}

.league-title {
  width: 21.578947rem;
  height: 2.105263rem;
  margin: 0 auto;
  margin-bottom: 4.736842rem;
  background: url(../images/title-3.png) no-repeat;
  background-size: 100% 100%;

}

.league-box {
  position: relative;
  width: 73.210526rem;
  height: 31.842105rem;
  background-color: #ffffff;
  box-shadow: 0px 5px 29px 0px rgba(91, 91, 91, 0.31);
  border-radius: 10px;
  opacity: 0.7;
}

.league-profit {
  position: absolute;
  right: -9.368421rem;
  bottom: 1.210526rem;
  width: 31.105263rem;
  height: 28.421053rem;
  background: url(../images/league-right.png) no-repeat;
  background-size: 100% 100%;
}

.league-box-top {
  position: absolute;
  right: 0;
  top: -1px;
  width: 34.105263rem;
  height: 9.368421rem;
  background: url(../images/league-box-top.png) no-repeat;
  background-size: 100% 100%;
}

.league-box-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  opacity: 0.4;
  width: 60.421053rem;
  height: 26.315789rem;
  background: url(../images/league-box-bg.png) no-repeat;
  background-size: 100% 100%;
}

.league-earnings {
  position: absolute;
  left: 17.894737rem;
  top: 2.947368rem;
  width: 25.789474rem;
  height: 20.736842rem;
  background: url(../images/gaoshouyi.png) no-repeat;
  background-size: 100% 100%;
}

/* ------------------ 服务支持 ----------- */
.support-right {
  width: 32.210526rem;
  height: 25.736842rem;
  background: url(../images/support-right.png) no-repeat;
  background-size: 100% 100%;
}

.row {
  display: -webkit-box;
  display: flex;
  margin-top: 1.842105rem;
}

.support-inner-wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.support-left-item {
  display: inline-block;
  width: 11.842105rem;
  height: 11.789474rem;
  background-image: linear-gradient(125deg,
      #7f47ea 1%,
      #eb8cbe 100%),
    linear-gradient(#ffffff,
      #ffffff);
  background-blend-mode: normal,
    normal;
  box-shadow: 0px 4px 16px 0px rgba(180, 105, 213, 0.25);
  border-radius: .526316rem;
  margin-right: 2rem;
}

.support-left-item-icon {
  width: 3.368421rem;
  height: 3.368421rem;

  margin-top: 2.263158rem;
}

.support {
  width: 63.578947rem;
  margin: 0 auto;
  padding-bottom: 3.736842rem;
  text-align: center;
}

.support-item-word {
  margin-top: 1rem;
  font-size: 1rem;
  font-weight: normal;
  font-stretch: normal;

  letter-spacing: 0px;
  color: #ffffff;
}

.support-left-word-en {
  font-size: .842105rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.842105rem;
  letter-spacing: 0px;
  color: #ffffff;
}

.support .title {

  font-family: MicrosoftYaHei-Bold;
  font-size: 1.842105rem;
  font-weight: 700;
  font-stretch: normal;
  margin-bottom: 2.210526rem;
  letter-spacing: 0px;
  color: #333333;

}

.support-title {
  margin: 0 auto;
  margin-top: 4.421053rem;
  margin-bottom: 3.210526rem;

  width: 32.157895rem;
  height: 2.105263rem;


  background: url(../images/title-4.png) no-repeat;
  background-size: 100% 100%;
}

/* ----------------------------------------加盟合作基本要求-=0-------------------------- */
.yuan-wrap {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 42.578947rem;
  height: 40.578947rem;
  background: url(../images/waiyuan.png) no-repeat;
  background-size: 100% 100%;
}




.requirements {
  position: relative;

  height: 40.578947rem;
  background: url(../images/requirements-bg.jpg) no-repeat;
  background-size: 100% 100%;
}

.requirements-grey-wrap {
  position: absolute;
  width: 100%;
  height: 23.631579rem;
  background-color: #f7f9ff;
  z-index: -1;
}

.boxs-one,
.boxs-two,
.boxs-three,
.boxs-fours,
.boxs-five,
.boxs-six {
  position: absolute;
  font-family: MicrosoftYaHei;
  font-size: .842105rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1rem;
  letter-spacing: 0px;
  color: #737373;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;

}

.boxs-one {
  left: 1.789474rem;
  top: 6rem
}

.boxs-five {
  right: 4.842105rem;
  top: 16.736842rem;

}

.boxs-two {
  left: 6rem;
  top: 16.736842rem;
}

.box-des {
  width: 8rem;
  margin: 0 1.157895rem;

}

.boxs-six {
  right: 0;
  top: 26.315789rem;
}

.boxs-three {
  left: 10.526316rem;
  top: 26.315789rem;
}

.boxs-fours {
  top: 6.842105rem;
  right: 0;
}

.requirements-inner-wrap {
  position: relative;
  padding-top: 7.157895rem;

  box-sizing: border-box;
  width: 66.842105rem;

  margin: 0 auto;

}

.requirements-inner-box-1 {
  background-image: linear-gradient(43deg,
      #008aff 0%,
      #00d8ff 100%),
    linear-gradient(#da3c31,
      #da3c31);
  background-blend-mode: normal,
    normal;
  box-shadow: 0px 20px 20px 0px rgba(131, 137, 226, 0.22);
}

.requirements-inner-box-2 {
  background-image: linear-gradient(43deg,
      #907de4 0%,
      #21dfd1 100%),
    linear-gradient(#da3c31,
      #da3c31);
  background-blend-mode: normal,
    normal;
  box-shadow: 0px 20px 20px 0px rgba(131, 137, 226, 0.22);
}

.requirements-inner-box-3 {
  background-image: linear-gradient(43deg,
      #ee727d 0%,
      #fda23f 100%),
    linear-gradient(#da3c31,
      #da3c31);
  background-blend-mode: normal,
    normal;
  box-shadow: 0px 20px 20px 0px rgba(241, 125, 111, 0.22);
}

.requirements-inner-box-4 {
  background-image: linear-gradient(43deg,
      #ee727d 0%,
      #fda23f 100%),
    linear-gradient(#da3c31,
      #da3c31);
  background-blend-mode: normal,
    normal;
  box-shadow: 0px 20px 20px 0px rgba(241, 125, 111, 0.22);
}

.requirements-inner-box-5 {
  background-image: linear-gradient(43deg,
      #3bb5b6 0%,
      #42e397 100%),
    linear-gradient(#da3c31,
      #da3c31);
  background-blend-mode: normal,
    normal;
  box-shadow: 0px 20px 20px 0px rgba(131, 137, 226, 0.22);
}

.requirements-inner-box-6 {
  background-image: linear-gradient(43deg,
      #008aff 0%,
      #00d8ff 100%),
    linear-gradient(#da3c31,
      #da3c31);
  background-blend-mode: normal,
    normal;
  box-shadow: 0px 20px 20px 0px rgba(131, 137, 226, 0.22);
}

.requirements-inner-box {
  width: 7.368421rem;
  height: 7.368421rem;
  border-radius: 50%;
  color: #ffffff;
  text-align: center;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  font-weight: 700;

}

/* ---------------------------   加盟政策   --------------------- */
.policy {
  position: relative;
  text-align: center;
  padding-bottom: 10.631579rem;
}

.policy-title {
  padding-top: 2.263158rem;
  padding-bottom: 3.368421rem;

  font-size: 1.842105rem;
  font-weight: 700;
  font-stretch: normal;

  letter-spacing: 0px;
  color: #333333;
}

.policy-inner-wrap {
  width: 66.315789rem;
  margin: 0 auto;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.downArrow {
  position: absolute;
  right: 4.473684rem;
  top: 2.526316rem;
  width: 1.052632rem;
  height: 1.052632rem;
}

.flow {
  margin-top: -1.052632rem;
  margin-left: -.526316rem;
  width: 25.789474rem;
}

.policy-inner-item {
  position: relative;
  box-sizing: border-box;
  padding-left: 5.157895rem;
  padding-right: 4.210526rem;
  border-radius: .526316rem;
  width: 32.052632rem;
  height: 17.736842rem;
  background-color: #ffffff;
  box-shadow: 0px 0px 35px 0px rgba(62, 105, 116, 0.1);
  text-align: left;
}

.policy-inner-title {
  padding-top: .526316rem;
  font-size: 1.105263rem;
  font-weight: 700;
  font-stretch: normal;
  line-height: 4.421053rem;
  letter-spacing: 0px;
  color: #252525;
}

.policy .bg {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 22.105263rem;
  background: url(../images/policy-bg.png) no-repeat;
  background-size: 100% 100%;
  bottom: 0;
  left: 0;
}

.policy-item-content {
  font-size: .842105rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.894737rem;
  letter-spacing: 0px;
  color: #252525;
}

/*  ----------快速复制成功模式，助你轻松成就事业梦想---------------- */
.pattern {
  padding-top: 4.105263rem;
  width: 66.315789rem;
  margin: 0 auto;
  text-align: center;
}

.pattern-title {
  background: url(../images/title-5.png) no-repeat;
  background-size: 100% 100%;
  width: 40rem;
  height: 2.105263rem;
  margin: 0 auto;
  margin-bottom: 2.210526rem;
  font-size: 0;
}

.apply {
  color: #2fb9e7;
}

.pattern .tips {
  font-family: MicrosoftYaHei;
  font-size: 1.368421rem;
  font-weight: normal;
  letter-spacing: 0px;
  color: #333333;
  margin-top: 2.157895rem;
  margin-bottom: 1.5rem;
}



.form-boxs {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  margin-bottom: 4.052632rem;

}

.form-boxs p {
  margin-right: 1.789474rem;
}

.mobile-wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  padding: 1.842105rem 0;
}

.mobile {
  width: 1.631579rem;
  height: 1.684211rem;
  margin-right: .578947rem;
}

.wx-code {
  width: 6.578947rem;
  height: 6.578947rem;
}

.scan-tips {
  font-size: .947368rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 4.421053rem;
  letter-spacing: 0px;
  color: #333333;
}

.mobile-tips {
  font-size: .894737rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1.842105rem;
  letter-spacing: 0px;
  color: #333333;
}

.apply-for {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  height: 2.210526rem;
}

.submit-btn {
  width: 8.526316rem;
  height: 2.210526rem;
  border-radius: 2.631579rem;
  background: #00d8ff;
  border: 3px solid #f4f6f9;
  color: #ffffff !important;
}

.apply-for-tips {
  font-size: 1.368421rem;
  font-weight: normal;
  font-stretch: normal;
  line-height: 4.421053rem;
  letter-spacing: 0px;
  color: #212121;
  margin-right: 1.789474rem;
}

.pattern-input {
  width: 10.368421rem;
  height: 1.894737rem;
  border: 1px solid #f5f5f5;
}

.pattern .form label {
  font-size: 1.052632rem;
  font-weight: normal;
  font-stretch: normal;

  letter-spacing: 0px;
  color: #333333;
  margin-right: .789474rem;
}

.footer-tips-wrap{

  width:26.8rem;
margin-left: 12rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer-tips-wrap p{
  flex: 1;
  width: 50%;
  height: 1.2rem;
  text-align: center;
  color: red;
}