zh_wx/StepPage/pages/fourth/fourth.wxss

/* StepPage/pages/fourth/fourth.wxss */
.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: black;
}
.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;
color: rgb(97, 92, 92);
  text-align: center;
  border-bottom:1rpx solid rgb(167, 163, 163)
}
.show_title{
  display: flex;
  justify-content: space-between;
  align-items: center;
}