HnyhuaXCX/pages/othershop00/index.wxss

page{
  background: #ccc;
}
.container {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 14px;
  color: #000;
  padding: 0.8em;
  box-sizing: border-box;
}
.swiper_box {
  width: 100%;
  min-height: 16em; 
  margin-bottom: 0.8em;
}

swiper-item image {
  width: 100%;
  height: 100%;
  display: inline-block;
  border-radius:0.5em;
}
.menudata_box{
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding:0;
  box-sizing: border-box;
  z-index: 10;
}
.menudata_box view{
  display:block;
  float:left;
  width: 100%;
  padding: 0.4em 0;
  padding-bottom: 0.4em;
  border-radius:0.5em;
  background-color:#fff;
  box-sizing: border-box;
}
.menudata_box view .swiper_box0 {
  display:block;
  float:left;
  width: 100%;
  height:11em;
}
.menudata_box .swiper_box0 .wx-swiper-dots{bottom: 0em;}
.menudata_box  view view{
  float: left;
  display: flex;
  width: 25%;
  height: 6em;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  font-size:0.9em;
}

.menudata_box view view image{
  width: 3em; 
  height: 3em;
  padding:0;
  background-color: #f5f5f5;
  border-radius:0.4em;
  overflow: hidden;
  box-sizing: border-box;
}
.menudata_box  view view text{
  margin-top: 0.4em;
  
}

.container_box{
  margin-top: 0.8em;
  margin-bottom:6em;
  background-color: #fff;
  border-radius:0.5em;
  }
.choice_text{
  margin-top: 0.5em;
  width:100%;
  line-height: 2.5em;
  display: flex;
  flex-direction: row;
  align-items: center; 
  border-bottom:1px solid #f1f1f1;
}
.choice_text .line_flag{
  margin-top: 0em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  width:0.5em;
  height: 1.5em;
  line-height: 1.5em;
  background-color: #00B050;
  border-radius:0.2em;
}
.choice_text text{
 flex-grow: 1;
 font-weight: 800;
}
.choice_text .more{
  width:4em;
}

.choice_box {
float: left;
width:100%;
padding:0;
box-sizing: border-box;
}
.choice_box .choice_list .block{
float: left;
width: 100%;
padding:0.5em;
box-sizing: border-box;
}
.choice_box .choice_list .block.block0{
width: 50%;
padding: 0.5em;
text-align: center;
overflow: hidden;
}
.choice_box .choice_list .block.block0.l{
padding-right: 0.25em;
}
.choice_box .choice_list .block.block0.r{
padding-left: 0.25em;
}
.choice_box .choice_list .block .choice_item{
float: left;
width: 100%;
padding:0;
border:1px solid #f1f1f1;
background-color: #f5f5f5;
border-radius:0.5em;
box-sizing: border-box;
overflow: hidden;
}
.choice_box .choice_list .block image {
width: 100%;
height:90vw;
}
.choice_box .choice_list .block.block0 image {
width: 100%;
height:46vw;
}

.choice_box .choice_list .title {
float: left;
padding:0 0.5em;
font-weight: bold;
text-align: left;
display: block;
box-sizing: border-box;
overflow: hidden;
}
.choice_box .choice_list .je {
float: right;
width:auto;
display: flex;
flex-direction:column;
align-items:flex-end;
font-size: 12px;
font-weight: bold;
color: #939393;
padding:0 0.5em;
padding-bottom: 0.5em;
box-sizing: border-box;
}
.choice_box .choice_list .je .jeto{
  display: flex;
  flex-direction:row;
  margin-top: 0.8em;
  background-color: #00B050;
  padding: 0.4em 0.4em;
  color:#fff;
  border-radius:0.5em;
  box-sizing: border-box;
  }
  
  .choice_box .choice_list .je .jeto .scje{
  text-decoration:line-through;
  }
  
  
  .choice_box .choice_list .block.block0 .title{
     width:100%;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
  }
  .choice_box .choice_list .block.block0 .je {
  float: left;
  width:100%;
  display: block;
  text-align: center;
  }
  .choice_box .choice_list .block.block0 .je .jeto .hyje{
       margin-top: 0.15em;
  }
  
.nodata{padding-top:1em; text-align: center; line-height: 1.5em; color:#939393;}
.nodata image {
width: 80px;
height: 80px;
}