/* package_first/pages/AddPicture/index.wxss */
.add_container{
    width: 100%;
    margin: 80rpx 30rpx 0rpx 30rpx;
}
.title{
    height: 30rpx;
    font-size: 32rpx;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #000000;
    line-height: 53rpx;
}
.title::after {
    content:"";
    display:block;
    margin-top: -15rpx;
    width: 129rpx;
    height: 10rpx;
    background: #1E79FA;
    opacity: 0.5;
}
.upload_image{
    width:calc(100% - 60rpx);
    min-height: 265rpx;
    border: 4rpx dotted #006DF7;
    border-radius: 10rpx;
    text-align: center;
    margin: 52rpx 0rpx 192rpx 0rpx;
}
.close{
    position: absolute;
    top:0;
    right:0;
    transform: translate(40%,-40%);
    height:50rpx;
    width:50rpx;
    background:rgba(179, 179, 179, 0.5);
    border-radius: 50%;
    z-index: 10;
  }
  .close::before{
    content: "";
    display: block;
    position: absolute;
    width: 60%;
    height: 6rpx;
    top:50%;
    left:50%;
    background:rgb(124, 124, 124);
    transform-origin: center;
    /* transform: ; */
    transform: translate(-50%,-50%) rotate(45deg);
  }
  .close::after{
    content: "";
    display: block;
    position: absolute;
    width: 60%;
    height: 6rpx;
    top:50%;
    left:50%;
    background:rgb(124, 124, 124);
    transform-origin: center;
    /* transform: ; */
    transform: translate(-50%,-50%) rotate(-45deg);
  }
.upload_part {
    padding-top: 70rpx;
    width: 100%;
    height: 180rpx;
}

.upload_text{
    font-size: 32rpx;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #DDDFDE;
    line-height: 53rpx;
    margin-top: -10rpx;
}
.button{
    width:calc(100% - 80rpx);
    text-align: center;
    border-radius: 30rpx;
    color: white;
    background-color: #2878ff;
    height: 80rpx;
    line-height: 80rpx;
}

.add_imageList {
    width: 100%;
}
.tips{
    position: absolute;
    bottom: 150rpx;
    left: 0rpx;
    color: red;
    font-size: 24rpx;
    transform: translate(27rpx, -5rpx);
    display: none;
  }  
  .form_item.warning .tips, .use_purpose.warning .tips, .upload_images.warning .tips{
    display: block;
  }
  .image_item {
    height:100%;
    width: 100%;
    margin-right: 30rpx;
    margin-bottom: 20rpx;
  }
  .image_preview {
    height: 250rpx;
    width: 100%;
    margin-right: 30rpx;
    margin-bottom: 20rpx;
    position: relative;
  }
  .image_list {
    width: 100%;
    margin-top: 20rpx;
    padding: 20rpx 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
}
  /* 上传图片 */
  .upload_images {
    width: 100%;
    margin-bottom: 30rpx;
    padding: 0 30rpx;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    font-size: 28rpx;
    color: #666666;
    position: relative;
}