/* component/authorization-modal/authorization-modal.wxss */
.modal {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  background-color: transparent;
}
.auto-old {
  display: flex;
  padding-bottom: 10rpx;
}
.auto-old-num {
  display: inline-block;
  width: 60rpx;
}

.modal-mask {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 1;
  z-index: 3;

}

.modal-container {
  position: fixed;
  left: 96rpx;
  /* top: 262rpx; */
  /* top: 18%; */
  background-color: #fff;
  width: 570rpx;
  min-height: 450rpx;
  z-index: 4;
  border-radius: 20rpx;
}
.auth-avatar{
  width: 126rpx;
  height: 126rpx;
  /* margin: 120rpx auto 92rpx; */
  margin: 60rpx auto 60rpx;
}
.auth-avatar-img{
  width: 126rpx;
  height: 126rpx;
}
.auth-shop{
  width: 400rpx;
  margin: 0 auto;
  font-size: 30rpx;
  color: #333333;
}
.agree{
  width: 416rpx;
  height: 88rpx;
  line-height: 88rpx;
  font-size: 30rpx;
  background-color: #05c35b !important;
  margin: 50rpx auto 32rpx;
}
.agree-rule{
  font-size: 22rpx;
  color: #666666;
  display: flex;
  padding-bottom: 50rpx;
}
.agree-icon{
  margin-right: 10rpx;
}
.rule-text{
  color: #05c35b;
}
.rule-wrap{
  margin-left: 76rpx;
}
.close-img{
  width: 58rpx;
  height: 58rpx;
  position: absolute;
  bottom: -120rpx;
  left: 265rpx;
}

