/* mycomponent/yz_bindMobile/yz_bindMobile.wxss */
.yz_bindMobile {
  overflow: hidden;
}

.yz_bindMobile .verification {
  width: 704rpx;
  padding: 0 24rpx;
  margin: 0 auto;
  box-sizing: border-box;
}

.yz_bindMobile .verification .span {
  text-align: center;
}

.yz_bindMobile .verification .text {
  padding: 55.2rpx 64rpx 68rpx;
  color: #666;
  text-align: center;
  font-size: 24rpx;
}

.yz_bindMobile .verification .inputBox {
  height: 96rpx;
  display: flex;
  border-bottom: 2rpx solid #ebebeb;
  text-align: left;
  align-items: center;
  margin-top: 20rpx;
}

.yz_bindMobile .verification .inputBox .name {
  width: 165rpx;
  color: #000;
}

.yz_bindMobile .verification .inputBox input {
  border: none;
}

.yz_bindMobile .verification .inputBox #phone {
  flex: 1;
}

.yz_bindMobile .verification .inputBox #code {
  width: 45%;
}

.yz_bindMobile .verification .inputBox .getcodeClass {
  display: inline-block;
  height: 56rpx;
  line-height: 56rpx;
  background-color: #f54242;
  color: #fff;
  border-radius: 20rpx;
  padding: 0 20rpx;
  font-size: 24rpx;
}

.yz_bindMobile .verification .inputBox .getcodeImg {
  display: inline-block;
  height: 40rpx;
  line-height: 40rpx;
  flex: 1;
}

.yz_bindMobile .verification .bottomBox {
  padding-top: 64rpx;
  padding-bottom: 32rpx;
  display: flex;
  justify-content: space-around;
}

.yz_bindMobile .verification .bottomBox .btn1,
.yz_bindMobile .verification .bottomBox .btn2 {
  width: 192rpx;
  height: 64rpx;
  line-height: 64rpx;
  text-align: center;
  color: #fff;
  font-size: 32rpx;
  border-radius: 39.488rpx;
}

.yz_bindMobile .verification .bottomBox .btn1 {
  background: #bcbcbc;
}

.yz_bindMobile .verification .bottomBox .btn2 {
  background: #f71515;
}

.yz_bindMobile .city-info {
  border-radius: 20.992rpx;
  width: 640rpx;
  height: 1024rpx;
  margin: 0 auto;
  background: #fff;
}

.yz_bindMobile .city-info header {
  border-radius: 20.992rpx 20.992rpx 0 0;
}

.yz_bindMobile .city-info #a_content {
  margin: 0 34.016rpx 0 24rpx;
  height: 768rpx;
  overflow-y: scroll;
}

.yz_bindMobile .city-info #a_content image {
  max-width: 100%;
  height: auto;
  display: inline-block;
}

.yz_bindMobile .protocol {
  text-align: left;
  font-weight: bold;
  margin: 32rpx 16rpx 0 16rpx;
  color: #f71515;
}
