challengeFamily/pages/order/editOrderDetail/index.wxss

.order-card{box-sizing: border-box; position: relative; padding: 20rpx;}
.order-card-main{display: flex; justify-content: space-between; align-items: center;}
.order-card-main > image{flex-shrink: 0; width: 180rpx; height: 180rpx; border-radius: 20rpx;}
.order-card-content{display: flex; flex-direction:column; flex-shrink: 1; width: 100%; margin-left: 20rpx;}
.listTitle{color:#595757;font-size:28rpx; overflow: hidden;text-overflow:ellipsis;display:-webkit-box;height:84rpx;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

.tip{
  background:#ee3a43;
  color: #fff;
  line-height: 2;
  padding: 0 10rpx;
}
.card{
  background: #fff;
  margin-top: 20rpx;
  padding: 20rpx;
  font-size: 28rpx;
}
.card .title text{
  font-weight: bolder;
  border-left: 4rpx solid #ee3a43;
  padding-left: 10rpx;
}
.card .article{
  margin-top: 20rpx;
}
.codeTip{
  text-align: right;
} 
.article .item-content .item-input{
  margin: 0;
}
.placeholder{
	color: #888;
}
.item-input .input{
  border: 1rpx solid #ccc;
  border-radius: 14rpx;
  line-height: 2;
  padding: 0 20rpx;
}
.item-input .textarea{
  padding: 10rpx 20rpx;
  line-height: 1.5;
  width: auto;
}
.cell{
  padding: 0;
}
.btn-sub{
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 100;
}
.textarea1{
  border: 1rpx solid gray;
  border-radius: 10rpx;
  width: 92%;
  height: 120rpx;
  margin-top: 20rpx;
  margin-bottom: 20rpx;
}
.inof{
  display: flex;
  justify-content: space-between;
}

.add {
  margin-top: 20rpx;
  border: 1px solid;
  width: 100%;
  height: 408rpx;
  color: #f2f2f2;
  transition: color .25s;
  position: relative;
  border-radius: 21rpx;
  /* background:url('https://m.bbztx.com/img/hukou_zi.gif'); */
  /* background-color: #bbbbbd; */
  background-size: 100% 408rpx;
}
.Passport{
  margin-top: 20rpx;
  width: 100%;
  height: 388rpx;
}
.Passport2{
  margin-top: 20rpx;
  width: 100%;
  height: 328rpx;
  position: relative;
  top: -20rpx;
}
/* .passportChild{

} */
/* .add::before{
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 180rpx;
  margin-left: -40px;
  margin-top: -5px;
  border-top: 30rpx solid;
  border-radius: 10rpx;
} */
.addBox{
  width:100%;
  height:100%;
  position:absolute;
  left:0;
  top:0;
  z-index:1;
}
.isAllergy{
  margin-top: 60rpx;
}
.isDiet{
  margin-top: 60rpx;
}
.isTaboo{
  margin-top: 60rpx;
}
.passport{
  margin-top: 60rpx;
}
.addIcon{border-radius:50%;border:2rpx solid #ee3a43;position:relative;}
.addIcon text{width:100%;height:100%;border-radius:50%;background-color:#ee3a43;display:block;position:relative;}
.passIcon{width:100rpx;height:100rpx;margin:160rpx auto 0;padding:8rpx;}
.passIcon text::after{content:'';width:54rpx;height:4rpx;background-color:#fff;position:absolute;left:50%;top:48rpx;z-index:2;margin-left:-27rpx;}
.passIcon text::before{content:'';width:4rpx;height:54rpx;background-color:#fff;position:absolute;left:50%;top:20rpx;z-index:2;margin-left:-2rpx;}
/* .add::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  background-color: #f2f2f2;
  height: 180rpx;
  margin-left: 0rpx;
  margin-top: -90rpx;
  border-left: 30rpx solid;
  border-radius: 10rpx;
 } */
 .addId {
  margin-top: 20rpx;
  border: 1px solid;
  width: 100%;
  height: 200rpx;
  color: #f2f2f2;
  transition: color .25s;
  position: relative;
  /* background-color: #bbbbbd; */
}
.area{
  position: relative;
  top: -100rpx;
  transform: scale(0.7);
}
.childOne{
  /* position: relative; */
  width: 49%;
  background:url('https://m.bbztx.com/img/sfz_z.gif') no-repeat;
  background-size: 100% 200rpx;
  background-position: 2rpx 24rpx;
}
.childOne2{
  /* position: relative; */
  width: 49%;
  background:url('https://m.bbztx.com/img/sfz_f.gif') no-repeat;
  background-size: 100% 200rpx;
  background-position: 2rpx 24rpx;
}
.icon{
  height: 66rpx;
}
.addId::before{
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100rpx;
  margin-left: -20px;
  margin-top: -5px;
  border-top: 30rpx solid;
  border-radius: 10rpx;
}
.addId::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  background-color: #f2f2f2;
  height: 100rpx;
  margin-left: -5rpx;
  margin-top: -50rpx;
  border-left: 30rpx solid;
  border-radius: 10rpx;
 }
 .child_Passport{
   text-align: center;
   margin: 10rpx 0;
   position: relative;
   top: 22rpx;
 }
 .tit{
   font-weight: 900;
 }
 .info{
   margin-top: 60rpx;
 }
 .red2{
   position: relative;
   left: 10rpx;
   margin-bottom: 40rpx;
 }
 .type{
   display: flex;
   /* margin-top: 20rpx; */
   align-items: center;
   box-sizing: border-box;
   padding: 10rpx;
 }
 .type2{
   margin: 33rpx 0 0 0;
 }
 /* .childId{
   display: flex;
 } */
 .childPage{
   background:url('https://m.bbztx.com/img/hukou_zi.gif') no-repeat;
   background-size: 710rpx 329rpx;
   /* background-position: 0 0; */
   position: relative;
   top:25rpx;
   width: 710rpx;
   height: 400rpx;
 }
 .page{
   position: relative;
 }
 .childPage2{
   position: absolute;
   left: 300rpx;
   top: -430rpx;
   /* z-index: 5; */
 }
 .aredIcon{
   position: absolute;
   top: -55rpx;
 }
 .childPage3{
   /* margin-top: -550rpx; */
   text-align: center;
   margin-top: -265rpx;
 }
 .childID_left{
   display: flex;
   justify-content: space-between;
 }
 .idDesc{
   text-align: center;
   /* margin-top: 26rpx; */
 }
 .idDesc2{
  text-align: center;
  /* margin-top: 10rpx; */
  position: relative;
  top: 355rpx;
   margin-top: 26rpx;

 }
 .idDesc3{
   /* position: relative; */
   margin-top: 5rpx;
 }
 .id{
   margin-top: 20rpx;
   height: 200rpx;
   width: 100%;
 }
 .image{
   z-index: 999;
 }
 .aImage{
   position: relative;
   height: 408rpx;
   background: url(https://m.bbztx.com/img/huzhao.gif) no-repeat;
   background-size: 100% 398rpx;
   background-position: 0px 10px;
   border-radius: 12rpx;
 }
 .del{
   width: 100%;
   height: 60rpx;
   background-color: rgba(109, 107, 107, 0.733);
   position: absolute;
   bottom: 0;
   color: white;
   text-align: center;
   line-height: 60rpx;
   z-index:9
 }
 .view{
   position: relative;
   /* height: 200rpx; */
 }
 .Copydel{
   position: absolute;
   width: 100%;
   height: 50rpx;
   background-color: rgba(109, 107, 107, 0.733);
   position: absolute;
   bottom: 4rpx;
   color: white;
   text-align: center;
   line-height: 50rpx;
 }