HnyhuaXCX/pages/shop/index.wxss

page{
    background: #ccc;
  }
  .container {
    position: relative;
    width: 100%;
    height: 100%;
    
    font-size: 14px;
    color: #000;
  }
.swiper_box {
    width: 100%; 
    min-height: 15em; 
}

swiper-item image {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.searchbox2{position: fixed; top:1.7em; left:0.5em; display: flex; z-index: 5;  flex-direction: row; margin:0; height:2.2em;  padding:0; background-color:rgba(0, 0, 0, 0.3); box-sizing: border-box;border-radius:1.2em;}

.searchbox2 .inpubox{flex-grow: 1; height:2.2em; }
.searchbox2 .inpubox #keyword{ margin:0; padding-left: 0.2em; width: 100%; font-size:1em; height:2.2em;  outline: none; text-indent:0;box-sizing:border-box;color:#fff;}
.searchbox2 .icobox{width:2.2em;height:2.2em; font-size:1em; box-sizing:border-box;}
.searchbox2 .icobox image{width: 1.2em; height:1.2em; margin-top: .45em; margin-left: 0.6em;}
.searchbox2 .icobox1{margin-left:-2.2em; padding-right: 0.3em; width:3.2em;height:2.2em; z-index:2; line-height:2.2em; font-size:1em; box-sizing:border-box; color:#fff;}
.searchbox2 .icobox0{width:auto; padding:0 0.5em; height:2.2em; font-size:1em; box-sizing:border-box;} 
.searchbox2 .icobox0 image{float:left; margin-left: 0.3em; width: 1.2em; height:1.2em; margin-top: .75em;}
.searchbox2 .icobox0 text{float:left;display: block; width:auto;height:2.2em; line-height:2.2em; }
.phcolor{color:#bbb;}
.notice_box{margin-top:-2.5em; z-index: 2; height:2.5em; width:100%;display: flex; flex-direction: row; padding: 0 0.5em; box-sizing: border-box; background-color:rgba(0, 0, 0, 0.3);}
.notice_box .notice_title{display: flex; flex-direction: row;  height:2.5em; width:auto; min-width:6.6em;}
.notice_box .notice_title image{ margin-top:0.5em; height:1.5em; width:1.5em;}
.notice_box .notice_title text{ margin-left:0.5em; height:2.5em; line-height: 2.5em; color:#fff;}
.notice_box .notice_body{height:2.5em; overflow: hidden; color:#fff;position:relative;flex-grow: 1;} 
@keyframes around { 
    from { 
     margin-left: 100%;
    } 
    to {
     /* var接受传入的变量 */
     margin-left: var(--marqueeWidth--);
    }
   }
   
  .marquee_container{
    margin-top:0;
    height: 2.5em;
    line-height: 2.5em;
    position: relative;
    width: 100%;
  }
  .marquee_container:hover{
    /* 不起作用 */
    animation-play-state: paused;
  }
  .marquee_text{
    color:#fff;
    display: inline-block;
    white-space: nowrap;
    animation-name: around;
    animation-duration: 10s;  /*过渡时间*/
    animation-iteration-count: infinite;
    animation-timing-function:linear;
  } 
  .menus{
     margin-top:0em;
     display: flex;
     flex-direction: row;
     padding:0.8em;
     width: 100%;
     box-sizing: border-box;
     z-index:11;
  } 
  .menus .item-menu{
    display: flex;
    flex-direction: row;
    padding:0;
    flex-grow: 1;
    box-sizing: border-box;
    overflow: hidden;
 } 
 .menus .item-menu view{
  display: flex;
  flex-direction: row;
  margin-right:0.8em;
  padding:0;
  width: 100%;
  color:#333;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
} 
.menus .item-menu view.end{
  margin-right:0;
}
.menus .item-menu view view{
  width: auto;
  margin:0 auto;
} 
 .menus .item-menu view.hover view{
  color:#000;
  font-weight: 900;
  line-height: 2.5em;
  border-bottom: 3px solid #ff4d00;
} 
.mydata_box{
   float:left;
    margin-top:0.5em;
    padding:0.3em 0.8em;
    padding-right:0;
    padding-bottom: 0.8em;
    width: 100%;
    background-color: #fff;
    box-sizing: border-box;
  }
  .mydata_box .swiper_box0 {
    width: 100%;
    padding: 0;
  }
  .mydata_box .swiper_box0 .wx-swiper-dots{bottom: 0em;}
  .mydata_box .mydata-item{
    float:left;
    margin: 0.5em 0;
    width: 20%;
    box-sizing: border-box;
  }
  .mydata_box .mydata-item view{
    float:left;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .mydata_box view image{
     width:5em;
     height:5em;
     border-radius:50%;
  }
  .mydata_box view text{
     display: block;
     width:100%;
     font-size:0.85em;
     color: #000;
  }
  .mydata_box view.umoney1{
    border-left:1px solid #f1f1f1;
  }
  .mydata_box view image{
    width: 3em;
    height: 3em;
   
  }
  .mydata_box0{
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    padding:0.4em 0.4em;
    box-sizing: border-box;
    z-index: 10;
  }
  .mydata_box0 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;
  }
  .mydata_box0 view .swiper_box0 {
    display:block;
    float:left;
    width: 100%;
    height:11em;
  }
  .mydata_box0 .swiper_box0 .wx-swiper-dots{bottom: 0em;}
  .mydata_box0  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;
  }
  
  .mydata_box0 view view image{
    width: 3em; 
    height: 3em;
    padding:0;
    background-color: #f5f5f5;
    border-radius:0.4em;
    overflow: hidden;
    box-sizing: border-box;
  }
  .mydata_box0  view view text{
    margin-top: 0.4em;
    
  }
 
  .text{
    margin-top: 0;
    line-height: 2.5em;
    display: flex;
    flex-direction: row;
    align-items: center; 
    border-bottom:1px solid #f1f1f1;
}
.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: #f0514d;
    border-radius:0.2em;
}

.text .line_more{
  flex: 1;
  text-align: right;
  align-self: center;
  color:#ff0000
}
.choice_text{
  margin-top: 0.5em;
  width:100%;
  line-height: 2.5em;
  display: flex;
  flex-direction: row;
  align-items: center; 
  background-color: #1D7946;
}
.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;
 color:#fff;
}
.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: #fff;
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;
padding:0 0.5em;
padding-bottom: 0.5em;
box-sizing: border-box;
}
.choice_box .choice_list .je .jeto{
display: flex;
flex-direction:row;
color: #00B050;
}
.choice_box .choice_list .je .jeto.jeto0{
   
}
.choice_box .choice_list .je .jeto .viphyj{
display: flex;
flex-direction:row;
margin-top: 0.2em;
font-weight: 600;
}
.choice_box .choice_list .je .jeto .viphyj image{
width:1.2em;
height:1.2em;
margin-top: 0.1em;
margin-right: 0.2em;
}
.choice_box .choice_list .je .jeto .viphyj view{
height:1.5em;
line-height: 1.5em;
}
.choice_box .choice_list .je .jeto .scje{
text-decoration:line-through;
}
.choice_box .choice_list .je .jeto .hyje{

line-height:1.4em;
margin-top: 0.2em;
}

.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;
}


.nodatas{
  width:100%;
  text-align: center;
}
.nodatas image{
  margin-top: 1em;
  width:5em;
  height:5em;
}
.nodatas view{
  width:100%;
  color:#939393;
}