.go-back {
  display: inline-block;
  width: 1.8667vw;
  height: 3.4667vw;
  background: url(../images/back-arrow.png) no-repeat;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  margin-right: 1.3333vw;
  margin-left: 3vw;
}



.banner {
  padding: 2.6667vw;
  border-bottom: 1px solid #eee;
  background: #fff;
}

.banner img {
  width: 100%;
}

.back-wrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
}

.back-wrap span {
  /* margin-left: 4vw; */
  font-size: 4vw;
}

/* info */
.info-wrap {
  width: 100%;
  margin: 0 auto;
}

.form-item {
  position: relative;
  width: 100%;

  margin: 5vw 0;
  text-align: right;
  display: flex;
}

.form-item input {
  box-sizing: border-box;
  padding: 0 2.6667vw;
}

input.error {
  border: 1px solid red !important;
}

label.error {
  position: absolute;
  bottom: -5vw;
  left: 30%;
  color: red;
}

.form-label {
  width: 30%;
  display: inline-block;
  font-size: 4.8vw;
}

.info-wrap input {
  width: 70%;
  height: 7vw;
  border: 1px solid #ccc;
}

.info-wrap textarea {
  width: 70%;
  height: 26.6667vw;
  resize: none;
  box-sizing: border-box;
  padding: 0 1.3333vw;
}

.sex-wrap {
  display: flex;
  align-items: center;
}

.sex-title {
  text-align: right;
}

.sex {
  display: flex;
  justify-content: space-between;
  width: 70%;
}

.sex label {
  flex: 1;
  text-align: center;
}

/* 单双选框  */

label i {
  font-size: 4vw;
  font-style: normal;
  display: inline-block;

  text-align: center;
  line-height: 6.6667vw;
  color: #fff;
  vertical-align: middle;
  margin: -2px 2px 1px 0px;
  border: #d3d3d3 1px solid;
  border-radius: 1.3333vw;
  width: 6.6667vw;
  height: 6.6667vw;
  margin-right: 1.3333vw;
}

input[type="checkbox"],
input[type="radio"] {
  display: none;
}

input[type="radio"]+i {
  border-radius: 100%;
}

input[type="checkbox"]:checked+i,
input[type="radio"]:checked+i {
  background: #fb707a;
}

input[type="checkbox"]:disabled+i,
input[type="radio"]:disabled+i {
  border-color: #ccc;
}

input[type="checkbox"]:checked:disabled+i,
input[type="radio"]:checked:disabled+i {
  background: #ccc;
}

p.submit-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5.3333vw;
}

.submit-btn input {
  border: none;
  width: 70%;
  height: 8vw;
  border-radius: 6.6667vw;
  background: #fb707a;
  text-align: center;
  color: #fff;
}

/* 表单效验 */

/* #signupForm p{
    position: relative;
} */

.info-wrap {}

.mask {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  overflow: hidden;
  z-index: 2;
}

.orderForm {
  width: 80%;
  padding: 2vw;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 1.333vw;
  z-index: 9;
  display: none;
}

.orderForm-title {
  font-size: 4vw;
}

.order-close-wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.no {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.subscription {
  display: inline-block;
  font-size: 3.2vw;
  color: #fff;
  float: right;
  background: #ec5f4e;
  padding: 0 3.3333vw;
  border-radius: 1.3333vw;
  margin-top: 4vw;
  margin-bottom: 6vw;
}

.claimant-img {
  width: 18.9333vw;
  height: 18.9333vw;
  border-radius: 50%;
  background-color: rgb(241, 244, 248);
  background: red;
}

.claimant {
  clear: both;
  margin-bottom: 8vw;
}

.claimant-header {
  width: 100%;
  height: 10.6667vw;
  background: #fff;
  border-top-left-radius: 1.3333vw;
  border-top-right-radius: 1.3333vw;
  background-size: 100% 100%;
  line-height: 10.6667vw;
  /* color: #fff; */
  font-size: 3.7333vw;
  text-align: center;
}

.claimant-list {
  background: #fff;
  text-align: center;
}

.places {
  width: 100%;
  background: #f7f7f7;
  font-size: 3.7333vw;
  color: #555555;
  text-align: center;
  border-bottom-left-radius: 0.6667vw;
  border-bottom-right-radius: 0.6667vw;
  box-shadow: 0px 4px 1.3px 0px rgba(89, 89, 89, 0.38);
}

.subscription-wrap {
  width: 100%;
  box-sizing: border-box;
  padding: 0 4vw;
}

.claimant-item {
  padding-top: 2vw;
  padding-bottom: 3.3333vw;
  display: inline-block;
}

.claimant-name {
  font-size: 3.7333vw;
  color: #555555;
}