/* pages/member/editmobile/editmobile.wxss */
.topback {
  width: 100%;
  height: 448rpx;
  background-image: url('https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/logindefault_bg@2x.png');
  background-size: cover;
  background-repeat: no-repeat;

  /* position: relative; */
}

.topTxt {
  position: absolute;
  top: 210rpx;
  left: 31rpx;
  display: flex;
  flex-direction: column;
}

.topTxt text:nth-child(1) {
  width: 100%;
  font-size: 48rpx;
  color: #fff;
}

.topTxt text:nth-child(2) {
  width: 100%;
  font-size: 32rpx;
  color: #fff;
  line-height: 36rpx;
}

.register .content .area_number {
  padding-top: 40rpx;
  font-size: 36px;
  color: #333;
  margin-bottom: 16rpx;
}

.register .content .area_number input {
  border-bottom: solid 2rpx #ccc;
}

.register .content .login_info .li {
  display: flex;
  font-size: 32rpx;
  padding-top: 12rpx;
  padding-bottom: 12rpx;
  border-bottom: solid 2rpx #eaeaea;
  position: relative;
  margin-left: 44rpx;
  margin-right: 44rpx;
  align-items: center;
  justify-content: space-between;
}

.register .content .login_info .captcha .right {
  width: 150rpx;
  padding-top: 15rpx;
}

.register .content .login_info .captcha .right image {
  width: 100%;
}

.register .content .login_info .code .right {
  /* background-color: #ebebeb;
	color: #f15353;
	font-size: 28rpx;
	border-radius: 60rpx;
	padding: 0 20rpx;
	height: 60rpx;
	line-height: 60rpx; */
  color: #f15353;
  font-size: 28rpx;
  line-height: 60rpx;
  text-align: right;
}

.register .content .login_info .code .right.disabled {
  background-color: #ccc;
  color: #f0f0f0;
  padding: 0 20rpx;
}

.register .content .agreement {
  /* margin-top: 20rpx; */
  margin-top: 183rpx;
  height: 72rpx;
  line-height: 72rpx;
  text-align: left;
  padding: 0 40rpx;
  display: flex;
  align-items: center;
}

.agreement .left van-checkbox .van-checkbox {
  margin-top: -10rpx;
}

.agreement .left van-checkbox .van-checkbox van-icon {
  border-radius: 10rpx;
}

.register .content .agreement .right {
  font-size: 32rpx;
  padding-left: 20rpx;
}

.register .content .agreement .right .span {
  font-size: 24rpx;
  line-height: 36rpx;
  color: #999;
}

.register .content .agreement .right .span text {
  font-size: 24rpx;
  color: #ff2c29;
}

.resContent {
  width: 100%;
}

.resContent van-nav-bar {
  position: fixed;
  top: 0;
}
.van-nav-bar__title{
  max-width: 80%;
}

.resContent .p {
  padding-top: 46px;
  height: 604rpx;
  overflow-y: scroll;
}

.resContent .p view {
  margin: 0 34rpx 0 24rpx;
}

.register .btn .button {
  width: 660rpx;
  height: 90rpx;
  line-height: 90rpx;
  font-size: 32rpx;
  border-radius: 60rpx;
  border: none;
  background-color: #f15353;
  color: #fff;
  text-align: center;
  margin: 0 auto 40rpx;
  margin-top: 50px;
}

.cell_box {
  margin-bottom: 20rpx;
}

.cell_box .title {
  padding: 5rpx 24rpx 10rpx;
  font-size: 28rpx;
  text-align: left;
  color: #888;
  position: relative;
  z-index: 1;
}

/* 地址选择器 */

/* -------------------------------- */
.btn-area {
  padding: 0rpx 20rpx;
}

.dateBe {
  position: fixed;
  bottom: 0rpx;
  left: -5rpx;
  width: 760rpx;
  padding: 0rpx 5rpx;
  box-sizing: border-box;
  z-index: 200;
  font-size: 28rpx;
  border-top: 1rpx solid #d9d9d9;
  opacity: 0;
  transform: translate(-750rpx, 0rpx);
}

.dateBe.true {
  opacity: 1;
  transform: translate(0rpx, 0rpx);
}

.dateBe .head {
  display: flex;
  flex-flow: nowrap;
  padding: 0rpx 30rpx;
  line-height: 80rpx;
  border-bottom: 1rpx solid #d9d9d9;
  background: #f8f8f8;
}

.dateBe .head .ll {
  flex: 1;
}

.dateBe .head .rr {
  text-align: right;
  flex: 1;
}

.dateBe .main {
  background: #f8f8f8;
}

.dateBe .main view {
  text-align: center;
}

/* -------------------------------- */

.cell_box .title {
  padding: 5rpx 24rpx 10rpx;
  font-size: 28rpx;
  text-align: left;
  color: #888;
  position: relative;
  z-index: 1;
}

.textcontent {
  padding: 10px 15px;
}

.textcontent textarea {
  min-height: 200rpx;
  width: 100%;
  border: 1rpx solid #e3e3e3;
}

.cell_box .van-radio {
  padding: 10rpx 0;
  margin-left: 16rpx;
}

.cell_box .van-checkbox {
  padding: 10rpx 0;
  margin-left: 16rpx;
}

.success .ico {
  display: flex;
  align-items: center;
  justify-content: center;
}

.timesection {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 88rpx;
  padding-left: 40rpx;
  padding-right: 50rpx;

  /* border: 1px solid #eee; */
  margin-top: 10rpx;
}

.changeId_main {
  padding: 64rpx;
  width: 420rpx;
  text-align: center;
  border-radius: 20rpx;
  overflow: hidden;
}

.changeId_main icon {
  font-size: 96rpx;
  color: rgb(213, 49, 37);
}

.changeId_main .changeId_warnTitel {
  margin: 0 0 20rpx;
  font-size: 40rpx;
  font-weight: bold;
  color: #000;
}

.changeId_main .changeId_warnText {
  text-align: left;
  letter-spacing: 1rpx;
  font-size: 24rpx;
}

.changeId_main .changeId_Btn {
  width: 160rpx;
  border: 1rpx solid #c5c5c5;
  background: #d53125;
  border-radius: 10rpx;
  color: #fff;
  height: 64rpx;
  display: block;
  line-height: 64rpx;
  margin: 32rpx auto 0;
}

.changeId_main .changeId_Btn_other {
  opacity: 0.5;
}

/* 新样式 */
.nikeName {
  display: flex;
  padding-top: 52rpx;
  padding-bottom: 30rpx;

  /* border-bottom: solid 2rpx #eaeaea; */
  position: relative;
  margin-left: 44rpx;
  margin-right: 44rpx;
  align-items: center;
  text-indent: 30rpx;
  font-size: 36rpx;
}

.codeBtn {
  position: relative;
  text-align: right;
}

.codeBtn button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

/* 新样式 */
.login_info .li .left .van-cell {
  padding-left: 0;
}

.login_info .li .van-cell {
  padding-left: 0;
}

/* .diyform van-cell-group van-field .van-cell {
  padding-left: 0;
} */

.rest van-cell-group .van-cell .van-cell__title {
  padding-left: 5px;
}

.inp_content {
  padding-left: 44rpx;
  display: flex;
}

.inp_content .left {
  color: #555;
  font-size: 28rpx;
  white-space: nowrap;
  display: flex;
  align-items: center;
}

.form_sex van-cell-group .van-cell {
  padding-left: 0;
  padding-right: 0;
}

.form_sex van-cell-group .van-cell .van-cell__title {
  color: #888;
}

.customBox {
  display: flex;
  align-items: center;
}

.showtop {
  /* padding-top: 54px; */
  position: fixed;
  top: 0;
  left: 0;
  padding-bottom: 5px;
  background-color: #fff;
  transition: 0.8s;
  width: 100%;
  z-index: 9999;
}

.nonetop {
  padding-bottom: 0;
  transition: 1s;
}

/* 表单补充样式 */
.image-list {
  width: 100%;
  height: 100%;
  padding: 24rpx 0;
  margin-top: -20rpx;
}

.image-list .otherphoto .top {
  height: 100rpx;
  text-align: left;
  padding-left: 26rpx;
  line-height: 100rpx;
  border-bottom: solid 1px #ccc;
}

.image-list .otherphoto .top .span {
  font-size: 30rpx;
}

.image-list .otherphoto .imgflex {
  margin-top: 20rpx;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.image-list .otherphoto .imgflex .photobox {
  width: 190rpx;
  height: 190rpx;
  border: 2rpx dashed rgb(192, 204, 218);
  overflow: hidden;
  position: relative;
  margin-right: 6rpx;
  margin-left: 6rpx;
  margin-bottom: 6rpx;
}

.image-list .otherphoto .imgflex .photobox image {
  width: 100%;
  height: 100%;
}

.image-list .otherphoto .imgflex .photobox .i {
  width: 40rpx;
  height: 40rpx;
  position: absolute;
  top: 4rpx;
  right: 4rpx;
  background: url("https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/close_iocn.png") no-repeat;
  background-size: 100%;
  z-index: 100;
}

.image-list .otherphoto .imgflex .photoshow {
  padding: 30rpx;
  width: 130rpx;
  height: 130rpx;
  border: 2rpx dashed rgb(192, 204, 218);
  overflow: hidden;
}

.image-list .otherphoto .imgflex .photoshow image {
  width: 100%;
}

.required {
  position: relative;
}

.required::before {
  position: absolute;
  content: "*";
  left: -10rpx;
  top: 55%;
  transform: translateY(-50%);
  color: #ee0a24;
  font-size: 14px;
}

.realnameView {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.realnameView van-cell {
  flex: 1;
  flex-shrink: 0;
}

.realnameView input {
  flex: 1;
  flex-shrink: 0;
  text-align: right;
}
.realnameView .van-cell--required:before{
  left: -10px !important;
}