page{
  background: #f2f1f6;
}
.check{
  padding: 20rpx;
}
.case-info{
  background: #fff;
  border-radius: 10rpx;
  padding: 20rpx;
  margin-bottom: 15rpx;
}
.title-status{
  display: flex;
  justify-content: space-between;
  margin-bottom: 10rpx;
}
.title{
  font-size: 36rpx;
  line-height: 60rpx;
  display: inline-block;
  max-width: 65%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #06a3f6;
}
.status{
  line-height: 60rpx;
  display: inline-block;
  padding: 0 30rpx;
  background: #fff7ec;
  color: #fdc36e;
  border-radius: 30rpx;
}
.status.green{
  color: #2dfe2e;
  background: rgba(45,254,46,0.1)
}
.status.red{
  color: red;
  background: rgba(255,0,0,0.1)
}
.row{
  border-bottom: 1px dashed #EEE;
  font-size: 32rpx;
  color: #888;
  line-height: 60rpx;
}
.photo{
  margin: 50rpx 0;
}
.photo image{
  width: 140rpx;
  height: 140rpx;
  margin-right: 10rpx;
  margin-bottom: 10rpx; 
}
.position{
  font-size: 36rpx;
  color: #06a3f6;
  margin-bottom: 10rpx;
}
.map-box map{
  width: 100%;
  height: 400rpx;
}
.handle-info{
  border-radius: 10rpx;
  background: #fff;
  margin-top: 15rpx;
  padding: 20rpx 20rpx 10rpx;
}
.handle-photo{
  margin: 20rpx 0 0;
}
.handle-title{
  font-size: 36rpx;
  color: #888;
}
.handle-title text{
  color: red;
}
.check-box{
  padding: 20rpx;
  background: #fff;
  border-radius: 10rpx;
  margin-top: 15rpx;
}
.check-content{
  background: #f2f1f6;
  margin-bottom: 20rpx;
}
.check-content textarea{
  width: 100%;
  height: 300rpx;
  padding: 15rpx;
  box-sizing: border-box;
}
.qualified{
  display: flex;
  justify-content: space-between;
  background: #f2f1f6;
  padding: 15rpx;
}
.qualified label{
  margin-right: 20rpx;
}
.qualified label:last-child{
  margin-right: 0;
}
.satisfied{
  margin-top: 15rpx;
  background: #f2f1f6;
  padding: 15rpx;
}
.satisfied-title{
  font-size: 36rpx;
}
.satisfied-box label{
  display: block;
  margin-top: 15rpx;
}
.choose-photo{
  margin-top: 15rpx;
}
.choose-photo .img-box{
  width: 32%;
  height: 140rpx;
  margin-right: 2%;
  margin-bottom: 10rpx;
  position: relative;
  display: inline-block;
}
.img-box image{
  width: 100%;
  height: 100%;
}
.img-box .delete-btn{
  position: absolute;
  top: -10rpx;
  right: -10rpx;
  width: 40rpx;
  height: 40rpx;
}
.choose-photo .img-box:nth-child(3n){
  margin-right: 0;
}
.photo-main{
  background: none;
  padding: 0;
}
.add{
  display: inline-block;
  width: 32%;
  height: 140rpx;
  background: #f1f1f6;
  position: relative;
}
.add image{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60rpx;
  height: 60rpx;
}
.submit{
  width: 710rpx;
  height: 100rpx;
  background: #008cff;
  line-height: 100rpx;
  text-align: center;
  color: #fff;
  border-radius: 10rpx;
  margin: 15rpx auto;
}
.check-container{
  margin-top: 15rpx;
}