page {
  background: #F3F3F3;
  color: #333;
  padding-bottom:240rpx;
}
view,text{
  box-sizing: border-box;
  color:#333;
  font-size: 34rpx;
}
.container{
  padding:30rpx 24rpx;
}
.add-top{
  width: 702rpx;
height: 88rpx;
background: #FFFFFF;
border-radius: 18rpx;
margin-bottom:28rpx;
display:flex;
padding:0 24rpx;
align-items: center;
justify-content: space-between;
}
.add-top view{
  font-size: 40rpx;
  color: #5D5D5D;

}
.xnb-content{
  width: 702rpx;
  background: #FFFFFF;
  border-radius: 18rpx;
  padding:26rpx 20rpx 32rpx;
  margin-bottom:18rpx;
}
.status{
  display: flex;
  height: 60rpx;
 align-items: center;
 justify-content: flex-end;
 margin-bottom:16rpx;
}
.status view{
 line-height: 60rpx;
  font-size: 42rpx;
}
.dot{
  width: 20rpx;
height: 20rpx;
background: #3C9400;
margin-right:8rpx;
border-radius: 20rpx;
}
.dot.disable{
  background: #ADADAD;
}
.line{
  line-height: 60rpx;
  font-size: 42rpx;
  margin-top:12rpx;
}
.img-block{
  display: flex;
  flex-wrap: wrap;
}
.xnb-img{
  width: 210rpx;
  height: 210rpx;
  background: #FFFFFF;
  border-radius: 2px;
  border: 1px solid #D9D9D9;
  padding:8rpx;
  margin:0 20rpx 28rpx 0;
}
.status.alert .dot{
  background: #FF0505;
}
.status.alert view{
 
  color:#FF0505
 }

 .submit-btn{
   position: fixed;
   left:38rpx;
   right:38rpx;
   bottom:60rpx;
  /* margin:56rpx 12rpx 0; */
  width:674rpx;
height: 108rpx;
background: #3D7FFF linear-gradient(270deg, rgba(0,202,255,0.5) 0%, rgba(9,175,255,0.5) 100%);
border-radius: 100rpx;
text-align: center;
font-size: 40rpx;
line-height: 108rpx;
color:#fff;
}