/* required by usingComponents */
/* pages/real_name/real_name.wxss */
.top-tips {
  background-color: #fef0e7;
  height: 80rpx;
  color: var(--orgFont);
  line-height: 80rpx;
  /* text-align: center; */
  font-size: 22rpx;
  padding: 0 30rpx;
}

.change-phone {
  display: inline-block;
  vertical-align: middle;
  margin-top: 20rpx;
  height: 40rpx;
  line-height: 40rpx;
  border-radius: 10rpx;
  font-size: 22rpx;
  padding: 0 10rpx;
  float: right;

  border: solid 1rpx var(--orgFont);
  color: var(--orgFont);
}

.content {
  padding: 50rpx;
}

.title {
  font-size: 40rpx;
  font-weight: 500;
}

.text1 {
  font-size: 28rpx;
  color: #949293;
  margin-top: 20rpx;
  margin-bottom: 70rpx;
}

.form {
  margin-top: 30rpx;
  height: 100rpx;
  line-height: 100rpx;
  background-color: #f2f2f4;
  padding:0 30rpx;
  display: flex;
  font-size: 30rpx;

}

.left {
  flex: 0 0 150rpx;
  font-weight: 500;
}

input {
  flex: 1;
  /* line-height: 100rpx; */
  height:90rpx;
  background-color: #f2f2f4;

}

.no-input {
  color: #cccccc;
}

.submit {
  height: 100rpx;
  text-align: center;
  border-radius: 40rpx;
  line-height: 100rpx;
  width: 70%;
  margin: 0 auto;
  margin-top: 100rpx;
  background-color: var(--globleColor);
   color: var(--fontColor);
}

.frame {
  height: 100vh;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.6);

}

.frame-content {
  position: fixed;
  /* padding-top: 70rpx; */
  background-color: #f9f8f6;
  border-radius: 50rpx 50rpx 0 0;
  width: 100%;
  bottom: 0;
  left: 0;
}
.frame-cha{
  height: 70rpx;
  line-height: 70rpx;
  font-size: 40rpx;
  text-align: right;
  margin-right: 50rpx;
  color: #999999;
}

.frame-title {
  text-align: center;
  margin: 30rpx 0;
  font-size: 34rpx;
  color: #666666;
}

.card,
.card1 {
  margin: 0rpx 60rpx;
  padding: 30rpx;
  display: flex;
  margin-top: 30rpx;
  background-color: #f2b80c;
  border-radius: 12rpx;
  color: #fff;

}

.card1 {
  background-color: #fff;
  color: #333333;
}


.card-left {
  flex: 1;
}

.card-title {
  font-size: 40rpx;
}

.card-text1 {
  margin-top: 20rpx;
  font-size: 28rpx;
}

.card-text2 {
  margin-top: 50rpx;
  font-size: 26rpx;
}

.card-right image {
  height: 100rpx;
  width: 100rpx;
}

.wancheng {
  margin-top: 30rpx;
  background-color: #fff;
  padding: 30rpx 0;
  text-align: center;
  border-radius: 50rpx 50rpx 0 0 ;
  box-shadow: 0 0 15px #e3e2e0;

}

.wan-tip {
  font-size: 24rpx;
  color: #9a9a9a;
}

.wan-submit {
  height: 100rpx;
  line-height: 100rpx;
  background-color: var(--globleColor);
  margin: 0 auto;
  margin-top: 30rpx;
  border-radius: 50rpx;
  width: 60%;
  font-size: 34rpx;
  font-weight: 500;
 color: var(--fontColor);
}