page {
  background: #f7f7f7;
}

.container {
  width: 100%;
}

.top-bg {
  width: 100%;
  height: 354rpx;
}

.top-bg image {
  width: 100%;
  height: 290rpx;
}

.position-absolute {
  position: absolute;
  top: 225rpx;
  left: 20rpx;
  right: 20rpx;
}

.info {
  background-color: #fff;
  border-radius: 20rpx;
}

.info-box {
  width: 100wh;
  height: auto;
  border-bottom: 1rpx solid #e7eeee;
  padding: 35rpx 0rpx;
  margin: 0rpx 20rpx;
}

.info-box-last {
  width: 100wh;
  height: auto;
  padding: 35rpx 0rpx;
  margin: 0rpx 20rpx;
}
.info-box-last-v2 {
  width: 100wh;
  height: auto;
  /* padding: 35rpx 0rpx; */
  margin: 0rpx 20rpx;
}

.info-left {
  width: 40%;
  float: left;
  word-wrap: break-word;
}

.name {
  font-size: 34rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
}

.info-right {
  width: 60%;
  float: left;
  text-align: right;
  word-wrap: break-word;
}

.address {
  text-align: right;
  word-wrap: break-word;
}

.introduce {
  text-align: left;
  font-size: 34rpx;
  color: rgba(51, 51, 51, 1);
}

.clear {
  clear: both;
}

.red-button {
  width: 144rpx;
  height: 44rpx;
  background-color: rgba(250, 47, 47);
  text-align: center;
  line-height: 44rpx;
  font-size: 24rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  border-radius: 15rpx;
  margin-top: 5rpx;
  float: right;
}

.yzm {
  float: right;
  margin-right: 36rpx;
  width: 190rpx;
}

.magin-top {
  margin-top: 15rpx;
}

textarea {
  width: auto;
}

.button {
  background: linear-gradient(90deg, rgba(244, 12, 12, 1), rgba(255, 78, 78, 1));
  width: 560rpx;
  height: 84rpx;
  font-size: 36rpx;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  text-align: center;
  line-height: 84rpx;
  border-radius: 20rpx;
  margin: 80rpx 95rpx 63rpx 75rpx;
}


.submit-btn {
  width: 100%;
  height: 85rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40rpx;
  margin-bottom: 40rpx;

}

.submit-btn button {
  background: linear-gradient(to right, #f51010, #ff4c4c);
  width: 560rpx;
  height: 85rpx;
  border-radius: 16rpx;
  line-height: 85rpx;
  font-size: 36rpx;
  color: #fff;
  text-align: center;
  margin: 0;
  padding: 0;
  outline: 0;
}

.submit-btn .hover-button {
  background: red;
}


.basic-info {
  width: 100%;
  background: #fff;
  border-radius: 16rpx;
  box-sizing: border-box;
  padding: 0 20rpx;
  margin-top: 20rpx;
}

.basic-info .list-item {
  width: 100%;
  height: 100rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.basic-info .list-item+.list-item {
  border-top: 1rpx solid #eaeaea;
}

.basic-info .list-item .left {
  display: flex;
  align-items: center;
  height: 100rpx;
}

.basic-info .list-item .left .must {
  color: #F61616;
  font-size: 30rpx;
}

.basic-info .list-item .left .title {
  color: #333;
  font-size: 34rpx;
}

.basic-info .list-item .right {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.basic-info .list-item .right.code {
  width: calc(100% - 120rpx);
  overflow: hidden;
}

.placeholder-style {
  font-size: 28rpx;
  color: #999;
}

.basic-info .list-item .right input {
  text-align: right;
  font-size: 34rpx;
  color: #333;
  height: 100%;
  width: 100%;
}

.basic-info .list-item .right.code input {
  width: calc(100% - 300rpx);
}

.basic-info .list-item .right .get-code {
  padding: 0 15rpx;
  height: 60rpx;
  line-height: 60rpx;
  background: linear-gradient(to right, #F40C0C, #FF4E4E);
  color: #fff;
  font-size: 24rpx;
  border-radius: 6rpx;
  margin: 0;
  margin-left: 25rpx;
}

.basic-info .list-item .right .button-hover {
  background: rgb(175, 1, 1);
}

.basic-info .list-item.identity-no .left {
  width: 160rpx;
}

.basic-info .list-item.identity-no .right {
  width: calc(100% - 160rpx);
}

.basic-info .list-item.real-name .left {
  width: 140rpx;
}

.basic-info .list-item.real-name .right {
  width: calc(100% - 140rpx);
}

.basic-info .list-item.mobile .left {
  width: 140rpx;
}

.basic-info .list-item.mobile .right {
  width: calc(100% - 140rpx);
}

.basic-info .list-item.mobile .right input {
  width: calc(100% - 25rpx - 200rpx);
}

.basic-info .list-item.sms-code .left {
  width: 140rpx;
}

.basic-info .list-item.sms-code .right {
  width: calc(100% - 140rpx);
}

.note {
  font-size: 22rpx;
  color: #999;
  line-height: 62rpx;
}

.header {
  color: #333;
  font-size: 34rpx;
  font-weight: bold;
}

.my-info {
  background-color: #fff;
  border-radius: 20rpx;
}

.head-portrait {
  width: 100wh;
  height: auto;
  border-bottom: 1rpx solid #e7eeee;
  height: 100rpx;
  /* padding: 35rpx 0rpx; */
  margin: 0rpx 20rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.head-portrait .head-portrait-name {
  font-size: 34rpx;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
}

.head-portrait .head-portrait-image {
  width: 95rpx;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.head-portrait .head-portrait-image .photo {
  border-radius: 50%;
  width: 64rpx;
  height: 64rpx;
}

.head-portrait .head-portrait-image .photo-right {
  width: 24rpx;
  height: 24rpx;
}

.nickname {
  width: calc(100% - 120rpx);
  height: 100%;
}

.nickname .nicknameinput {
  text-align: right;
  font-size: 34rpx;
  color: #333;
  height: 100%;
  width: 100%;
}

.head-portrait-last {
  width: 100wh;
  height: 100rpx;
  /* padding: 35rpx 0rpx; */
  margin: 0rpx 20rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.head-portrait-last .head-portrait-name-last {
  font-size: 34rpx;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
}

.wux-actionsheet__button {
  font-size: 34rpx !important;
  color: #333 !important;
}
.wux-actionsheet{
  background: #999 !important;
}
/* .wux-actionsheet__group--options{
  background: #fff !important;
} */