/* component/uploadImageExample/uploadImageExample.wxss */

.margin-left {
  margin-left: 20rpx;
}

.small-margin-left {
  margin-left: 10rpx;
}

.margin-bottom {
  margin-bottom: 20rpx;
}

.margin-right {
  margin-right: 20rpx;
}

.margin-top {
  margin-top: 20rpx;
}

.large-margin-left {
  margin-left: 32rpx;
}

.light-gray {
  color: #B0B0B0;
}

.color-size {
  font-size: 24rpx;
}

.small-size {
  font-size: 20rpx;
}

.pingfangsc-regular {
  font-family: PingFangSC-Regular;
}


.input-upload-image-bg {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.input-refund-info {
  height: 100rpx;
  border-radius: 10rpx;
  border: 1rpx solid #E0E0E0;
  width: 686rpx;
}

.input-refund-info-textarea {
  width: 100%;
  height: 100%;
}

.input-refund-info-placeholder {
  font-size: 28rpx; 
  padding-left: 32rpx; 
  padding-top: 32rpx;
  color: #E0E0E0;
}

.upload-image-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 686rpx;
  height: 150rpx;
}

.upload-image-1 {
  width: 167rpx;
}

.upload-image-2 {
  width: 340rpx;
}

.upload-image-3 {
  width:686rpx;
}

.upload-btn {
  width: 167rpx;
  height: 150rpx;
  display: flex;
}

.upload-btn-image {
  width: 150rpx;
  height: 150rpx;
  display: block;
}

.border {
  border: 1rpx solid #E0E0E0;
  border-radius: 10rpx;
}

.example-upload-image {
  background-color: #F0F0F0;
  width: 686rpx;
  height: 50rpx;
  display: flex;
  align-items: center;
}

.example-text-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 646rpx;
  justify-content: space-between;
  height: 50rpx;
}

.example-text {

}

.example-arrow {
  width: 20rpx;
  height: 15rpx;
  top:0px;
  bottom:0px;
}

.example-image {
  background-color: #F0F0F0;
  width: 686rpx;
  height: 180rpx;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
}

.example-image .example {
  width: 118rpx;
  height: 160rpx;
  color: #4A4A4A;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.example-image .example .example-image {
  width: 100%;
  height: 118rpx;
}

.example-image .and {
  width: 20rpx;
  height: 20rpx;
  margin-bottom: 42rpx;
}

.example-image .and .and-image {
  width: 100%;
  height: 100%;
  display: block;
}

.red-point {
  background:#d0021b;
  margin-top: -10rpx;
  margin-left: -20rpx;
  height: 34rpx;
  width: 34rpx;
  font-family: PingFang-SC-Semibold;
  font-size: 26rpx;
  font-weight: bold;
  color: white;
  border-style: solid;
  border-width: 3rpx;
  border-color: #fff;
  border-radius: 18rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}

.red-point-text {
  margin-top: -6rpx;
  text-align: center;
}