.sub-container {
  background: linear-gradient(359deg, rgba(255, 191, 24, 1) 0%, rgba(255, 116, 0, 1) 100%);
  min-height: 100vh;
  font-size: 0.373333rem;
}

.img-top {
  width: 100%;
}

.content-box {
  padding: 0 0.4rem 0.4rem 0.4rem;
  margin-top: -0.8rem;
}

.sub-title_1 {
  font-size: 0.373rem;
  color: #FFFFFF;
  margin: 0;
  padding: 0;
  text-align: center;
}

.form-wrapper {
  border-radius: 0.107rem;
  background: white;
  margin: 0.213rem 0;
  overflow: hidden;
}

.input-wrapper {
  display: flex;
  justify-content: space-around;
  border-bottom: 0.027rem solid #F5F5F5;
}

.sub-input {
  flex: 1;
  height: 1.013333rem;
  /* line-height: 1.013333rem; */
  background: white;
  border-radius: 0.107rem;
  outline: none;
  border: none;
  font-size: 0.373rem;
  color: #333;
  padding-left: 0.4rem;
}

.sub-input::placeholder{
  color: #999;
}

.code-label {
  /* display: block;
  margin: 0 auto;
  width:4.426667rem;
height:0.906667rem;
background:linear-gradient(90deg,rgba(255,191,24,1) 0%,rgba(255,144,0,1) 100%);
border-radius:0.453333rem;
font-size: 0.373333rem; */

  display: inline-block;
  color: #00C6B8;
  font-size: 0.373rem;
  height: 1.067rem;
  line-height: 1.067rem;
  padding-right: 0.4rem;
}

.sub-label {
  width: 1.493rem;
  height: 0.8rem;
  color: white;
  text-align: center;
  line-height: 0.8rem;
  margin-top: 0.133rem;
  margin-right: 0.4rem;
  font-size: 0.373rem;
  border-radius: 0.427rem;
  background: linear-gradient(90deg, rgba(0, 210, 163, 1) 0%, rgba(2, 198, 184, 1) 100%);
}

.has-sub-label{
  background: #CCCCCC!important;
}

.bot-wrapper {
  margin-top: .16rem;
  /* width: 100%; */
  padding: 0 .4rem;
  padding-bottom: .8rem;
  text-align: center;
}

.img-qr {
  width: 100%;
}

.cityshadowbg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 21.333333rem;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
}

.city-content {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 9.333333rem;
  text-align: left;
  z-index: 999;
  font-size: .426667rem;
  background: #fff;
}

.city-left {
  float: left;
  width: 3.333333rem;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  background: #f5f5f5;
}

.city-right {
  width: 6.666667rem;
  height: 100%;
  overflow-y: scroll;
}

.city-right span.active {
  color: #00d3c2;
}

.city-right span:nth-child(2n){background:#f9f9f9}
.city-left span,
.city-right span {
  display: block;
  padding: .266667rem .533333rem;
  line-height: .746667rem;
  color: #333
}

.city-left span {
  font-weight: 500
}

.city-left span.cur {
  color: #00d3c2;
  background: #fff;
}

.hide {
  display: none;
}

.select-city {
  padding-left: 0.4rem;
  font-size:0.373333rem;
  font-weight:400;
  color: #999;
  line-height: 1.013333rem;
}

.select-city .iconfont {
  font-size: 0.186667rem;
  margin-left: 0.16rem;
}

.subscript-button {
  margin: .32rem auto;
  width:4.426667rem;
  height:0.906667rem;
  line-height: 0.906667rem;
  text-align: center;
  color: #fff;
  background:linear-gradient(90deg,rgba(255,191,24,1) 0%,rgba(255,144,0,1) 100%);
  border-radius:0.453333rem;
}