zh_wx/StepPage/pages/fifth/fifth.wxss

/* StepPage/pages/fourth/fourth.wxss */
page{
  height: 100%;
  overflow: hidden;
}
.title{
  border-radius: 8pt;
height: 30pt;
line-height: 30pt;
letter-spacing: 3pt;
  text-align: center;
  width: 90%;
  margin: 10pt auto;
  background:-webkit-linear-gradient(top,rgb(255, 255, 255),rgb(231, 229, 229),rgb(192, 189, 189)); 
}
.item_content{
 
  width: 90%;
  margin:0 auto; 
  display: flex;
 flex-wrap: wrap;
 height: calc(100vh - 220pt);
 overflow: auto;
}
.item_content_shop{
  letter-spacing: 2pt;
  background:-webkit-linear-gradient(top,rgb(255, 255, 255),rgb(231, 229, 229),rgb(192, 189, 189)); 
   width: 100%;
   text-align: center;
   height: 30pt;
   line-height: 30pt;
   border-radius: 10pt;
   margin: 5pt 0;
}

.item_content_shop_child{
  letter-spacing: 2pt;
  background:-webkit-linear-gradient(top,rgb(255, 255, 255),rgb(231, 229, 229),rgb(192, 189, 189)); 
   width: 100%;
   text-align: center;
   height: 30pt;
   line-height: 30pt;
   
   margin: 5pt 0;
}
.choose{
  color: rgb(170, 165, 165);
}
.unchoose{
  color: red;
}
.btn{
  text-align: center;
  margin-top: 20pt;
}
.btn_item{
  width: 200pt;
  margin: 10pt;
}
.font_item{
  color: black;
}
.right{
  max-height: 300pt;
  overflow: auto;
 background-color: rgb(243, 243, 242);
}
.show_box{
  width: 100%;
  height: 90%;
  position: absolute;
  bottom: 0;
  background-color: #fff;
}
.show_item{
  /* height: 60rpx; */
  padding: 15rpx;
font-size: 40rpx;
margin:0 20rpx;
  text-align: center;
  border-bottom:1rpx solid rgb(167, 163, 163)
}
.show_title{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.chooseItem{
 border: 1rpx solid rgb(161, 161, 161);
 border-radius: 36rpx;
 margin:10rpx;
 padding-bottom: 60rpx;
 position: relative;
}
.item_in{
  border: 1rpx solid rgb(78, 78, 78);
       margin: 10rpx 30rpx 10rpx 30rpx;
       border-radius: 34rpx;
       padding: 50rpx 0 0 0;
       position: relative;
}
.add1{
  top: 0;
  left: 0;
  font-size: 60rpx;
  line-height: .9;
  text-align: center;  
  color: rgb(57, 97, 231); 
}
.delete1{
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  right: 0;
  color: red;
}
.btn1{
  position: absolute;
  width: 60rpx;
  height: 60rpx;
  border: 1rpx solid;
  border-radius: 50%;
  z-index: 900;
 
}
.add{
    bottom: 0;
    left: 0;
    font-size: 60rpx;
    line-height: .9;
    text-align: center;  
    color: rgb(57, 97, 231); 
}
.delete{
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 0;
  right: 0;
  color: red;
}
.image_item{
  width: 40%;
  height:300rpx;
  box-sizing: border-box;
  border: 1rpx solid #686060;
  border-radius: 20rpx;
  margin:3%;
  overflow: hidden;
  /* margin-top: 60rpx; */
  background-image: url('data:image/png;base64,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');
  background-position: center ;
  background-repeat: no-repeat;
  background-size: 30pt;
}
.take_content{
  text-align: center;
}
.take{
 margin: 0 auto;
 width: 80pt; 
 background-color: #cecbcb94;
 height: 80pt;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
}