.wp-pic {
  width: 100%;
}
.wp-con {
  width: 8.958rem;
  margin: 0 auto;
}
.wrapper1 {
  padding-top: 1.083rem;
  padding-bottom: 0.667rem;
}
.wrapper1 .wp1-title {
  text-align: center;
  font-size: 0.5rem;
  color: #323333;
}
.wrapper1 .wp1-tip {
  color: #323333;
  font-size: 0.333rem;
  padding-top: 0.139rem;
  padding-bottom: 0.222rem;
  text-align: center;
}
.wrapper1 .wp1-text {
  color: #666666;
  font-size: 0.308rem;
  line-height: 1.6;
}
.wrapper2 {
  padding-top: 1.486rem;
  padding-bottom: 1.172rem;
}
.wrapper2 .wp2-ctitle {
  color: #88376d;
  font-size: 0.5rem;
  text-align: center;
  padding-bottom: 0.111rem;
}
.wrapper2 .wp2-etitle {
  color: #b9b8b8;
  font-size: 0.25rem;
  text-align: center;
  padding-bottom: 0.278rem;
}
.wrapper2 .wp2-text {
  line-height: 1.6;
  color: #666666;
  font-size: 0.308rem;
}
.wrapper2 .data-box {
  padding-top: 0.847rem;
}
.wrapper2 .data-box .d1 {
  float: left;
  padding-right: 0.625rem;
}
.wrapper2 .data-box .d1 .num {
  float: left;
  font-size: 1rem;
  color: #88376d;
  padding-right: 0.109rem;
}
.wrapper2 .data-box .d1 .d1-rbox {
  float: left;
  padding-top: 0.209rem;
}
.wrapper2 .data-box .d1 .d1-rbox .d1-t1 {
  color: #88376d;
  font-size: 0.28rem;
}
.wrapper3 {
  padding-top: 1.319rem;
  padding-bottom: 2.014rem;
  background: #88376d;
}
.wrapper3 .wp3-ctitle {
  color: #fff;
  font-size: 0.5rem;
  text-align: center;
  padding-bottom: 0.111rem;
}
.wrapper3 .wp3-etitle {
  color: #fff;
  font-size: 0.25rem;
  text-align: center;
  padding-bottom: 0.278rem;
}
.wrapper3 .wp3-text {
  line-height: 1.6;
  color: #fff;
  font-size: 0.308rem;
}
.wrapper3 .data-box {
  padding-top: 0.944rem;
  width: 6rem;
  margin: 0 auto;
}
.wrapper3 .data-box .d1 {
  float: left;
  padding-right: 0.625rem;
}
.wrapper3 .data-box .d1:nth-of-type(2) {
  padding-right: 0;
}
.wrapper3 .data-box .d1 .num {
  float: left;
  font-size: 1rem;
  color: #fff;
  padding-right: 0.109rem;
}
.wrapper3 .data-box .d1 .d1-rbox {
  float: left;
  padding-top: 0.209rem;
}
.wrapper3 .data-box .d1 .d1-rbox .d1-t1 {
  color: #fff;
  font-size: 0.28rem;
}
.wrapper4 {
  padding-top: 1.528rem;
  padding-bottom: 1.528rem;
  background: #fbfbfb;
}
.wrapper4 .wp4-ctitle {
  color: #88376d;
  font-size: 0.5rem;
  text-align: center;
  padding-bottom: 0.111rem;
}
.wrapper4 .wp4-etitle {
  color: #b9b8b8;
  font-size: 0.25rem;
  text-align: center;
  padding-bottom: 0.278rem;
}
.wrapper4 .wp4-text {
  line-height: 1.6;
  color: #666666;
  font-size: 0.308rem;
}
.wrapper4 .data-box {
  padding-top: 0.847rem;
  width: 7.733rem;
  margin: 0 auto;
}
.wrapper4 .data-box .d1 {
  float: left;
  padding-right: 0.525rem;
}
.wrapper4 .data-box .d1:nth-of-type(3) {
  padding-right: 0;
}
.wrapper4 .data-box .d1 .num {
  float: left;
  font-size: 0.667rem;
  color: #88376d;
  padding-right: 0.109rem;
  font-weight: lighter;
}
.wrapper4 .data-box .d1 .d1-rbox {
  padding-top: 0.209rem;
}
.wrapper4 .data-box .d1 .d1-rbox .d1-t1 {
  color: #88376d;
  font-size: 0.28rem;
}
.wrapper5 {
  padding-top: 1.333rem;
}
.wrapper5 .wp5-title {
  color: #323333;
  font-size: 0.5rem;
  text-align: center;
}
.wrapper5 .wp5-text {
  line-height: 1.6;
  color: #323333;
  font-size: 0.308rem;
  padding-top: 0.181rem;
  padding-bottom: 1rem;
  text-align: center;
}
.wrapper5 .desc-box .desc-list {
  float: left;
  width: 50%;
  height: 4.944rem;
}
.wrapper5 .desc-box .desc-list .desc-pic {
  width: 0.764rem;
  display: block;
  margin: 0 auto;
}
.wrapper5 .desc-box .desc-list .desc-title {
  color: #88376d;
  font-size: 0.417rem;
  text-align: center;
  padding-top: 0.306rem;
  padding-bottom: 0.083rem;
}
.wrapper5 .desc-box .desc-list .desc-text {
  color: #666666;
  font-size: 0.278rem;
  text-align: center;
  width: 3.681rem;
  line-height: 1.6;
  margin: 0 auto;
}
.wrapper6 {
  padding-top: 1.083rem;
  padding-bottom: 1.028rem;
  background: #f8f9f9;
}
.wrapper6 .wp6-title {
  color: #323333;
  font-size: 0.5rem;
  text-align: center;
  padding-bottom: 0.139rem;
}
.wrapper6 .wp6-text {
  color: #323333;
  font-size: 0.3rem;
  text-align: center;
  line-height: 1.8;
  padding-bottom: 0.556rem;
}
.wrapper7 {
  padding-top: 0.889rem;
  padding-bottom: 0.833rem;
}
.wrapper7 .wp7-pic1 {
  width: 2.653rem;
  display: block;
  margin: 0 auto;
}
.wrapper7 .wp7-title {
  color: #323333;
  font-size: 0.5rem;
  text-align: center;
  padding-top: 0.611rem;
  padding-bottom: 0.139rem;
}
.wrapper7 .wp7-text {
  color: #323333;
  font-size: 0.278rem;
  text-align: center;
  padding-bottom: 0.806rem;
}
.wrapper7 .wp7-pic2 {
  width: 5.722rem;
  display: block;
  margin: 0 auto;
}
.wrapper8 {
  padding-top: 0.958rem;
  padding-bottom: 0.861rem;
}
.wrapper8 .wp8-title {
  color: #323333;
  font-size: 0.5rem;
  text-align: center;
  padding-bottom: 0.139rem;
}
.wrapper8 .wp8-text {
  color: #323333;
  font-size: 0.318rem;
  text-align: center;
}
.wrapper8 .join-pic {
  width: 1.667rem;
  margin: 0 auto;
  display: block;
  padding-top: 0.736rem;
}
.wrapper8 .join-title {
  color: #323333;
  font-size: 0.417rem;
  text-align: center;
  padding-top: 0.194rem;
}
.wrapper8 .join-text {
  color: #666666;
  font-size: 0.308rem;
  line-height: 1.6;
  text-align: center;
  padding-top: 0.111rem;
}
.wrapper9 {
  padding-top: 1.097rem;
  padding-bottom: 1rem;
  background: #f8f9f9;
}
.wrapper9 .wp9-ctitle {
  color: #272828;
  font-size: 0.5rem;
  text-align: center;
  padding-bottom: 0.111rem;
}
.wrapper9 .wp9-etitle {
  color: #272828;
  font-size: 0.302rem;
  text-align: center;
  padding-bottom: 0.736rem;
}
.wrapper9 .form-box .input-line {
  padding-bottom: 0.194rem;
}
.wrapper9 .form-box .input-tline {
  padding-bottom: 0.736rem;
}
.wrapper9 .form-box .ibox {
  width: 100%;
  height: 36px;
  line-height: 36px;
  border: 1px solid #e1e3e2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border-radius: 2px;
}
.wrapper9 .form-box .tabox {
  width: 100%;
  height: 85px;
  border: 1px solid #e1e3e2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border-radius: 2px;
  padding-top: 8px;
  font-size: 0;
}
.wrapper9 .form-box .key {
  width: 0.764rem;
  text-align: right;
  color: #5a3822;
  display: inline-block;
}
.wrapper9 .form-box .lt {
  width: 2rem;
  display: inline-block;
  font-size: 14px;
}
.wrapper9 .form-box .keys {
  width: 0.764rem;
  text-align: right;
  color: #5a3822;
  display: inline-block;
  vertical-align: top;
}
.wrapper9 .form-box .lts {
  width: 2rem;
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
}
.wrapper9 .form-box .input-box {
  width: 5.278rem;
  outline: none;
  border: none;
  font-size: 14px;
}
.wrapper9 .form-box .textarea-box {
  width: 5.278rem;
  height: 56px;
  outline: none;
  border: none;
  resize: none;
  font-size: 14px;
}
.wrapper9 .form-box .submit-btn {
  width: 2.778rem;
  text-align: center;
  height: 0.722rem;
  line-height: 0.722rem;
  background: #88376d;
  color: #fff;
  margin: 0 auto;
}

/*# sourceMappingURL=join.css.map */