page{
    background: linear-gradient(to bottom, #E8F4FC, #F5FAFF);
  }
  .container {
  position: relative;
  width: 100%;
  min-height: 100%; 
  color: #000;
  font-size:14px; 
}
  .container-header{ background: linear-gradient(to bottom, #96C6F5, #B8DAF8);}
  .header{margin:0;width:100%;   padding:0; padding-top: 0em;  box-sizing: border-box;}
  .searchbox2{ display: flex; z-index: 100;  flex-direction: row; margin:0; margin-top:0.3em; width:70%; height:2.8em;  padding:0; box-sizing: border-box;}
  .searchbox2 .logobox{margin-left:0.7em;margin-right:0.35em;margin-top:0; width: 6em;height:1.6em;  box-sizing:border-box;}
  .searchbox2 .logobox image{width: 100%; height:100%;}
  .searchbox2 .inpubox{flex-grow: 1;padding-left: 0.8em; height:2.2em; box-sizing:border-box;border-radius:0.5em;}
.searchbox2 .inpubox input{ margin:0; padding-left: 0.2em; width: 100%; font-size:1em; height:2.2em;  outline: none; text-indent:0;box-sizing:border-box;color:#000; border:1px solid #f1f1f1;border-radius:0.5em; background-color:#f5f5f5;}
.searchbox2 .icobox{margin-left:-0.3em; width:2.2em;height:2.2em; font-size:1em; box-sizing:border-box;}
.searchbox2 .icobox image{width: 1.5em; height:1.5em; margin-top: 0.4em; margin-left: 0.6em;}
.searchbox2 .icobox0{width:2.2em;height:2.2em; font-size:1em; box-sizing:border-box;margin-left: 0.6em;}
.searchbox2 .icobox0 image{width: 1.8em; height:1.8em; margin-top: 0.2em; margin-left: 0.4em;}
.searchbox{ display: flex; z-index: 100;  flex-direction: row; margin:0;width:100%; padding:0.8em; padding-top: 0.5em; box-sizing: border-box; }

.searchbox .inpubox{flex-grow: 1;margin:0; height:2.2em;  box-sizing:border-box;}
.searchbox .inpubox input{ margin:0; padding-left:2.3em; width: 100%; font-size:1em; height:2.2em;  outline: none; text-indent:0;box-sizing:border-box;color:#333;border:1px solid #E0E0E0;border-radius:0.5em 0 0 0.5em; background-color:#FFFFFF;}
.searchbox .icobox{margin-right:-2.3em; width:2.2em;height:2.2em;box-sizing:border-box;z-index: 101;}

.searchbox .icobox image{width: 1.5em; height:1.5em; margin-top: 0.4em; margin-left: 0.6em;}
.searchbox .icobox0{margin:0; margin-left:0.5em; margin-top:0.2em; width:1.8em;height:1.8em;  box-sizing:border-box;z-index: 101;border-radius:50%;}
.searchbox .icobox0 image{width: 1.5em; height:1.5em; margin-top: 0.1em; margin-left: 0.1em;}
.searchbox .searchicobox{margin:0; margin-left:0em; width:3em;height:2.2em; line-height: 2.2em;  box-sizing:border-box;z-index: 102;background:linear-gradient(to right, #6BA3F0, #8BBDF5); border:1px solid #6BA3F0; border-left:0; color:#fff; text-align: center; border-radius:0 0.5em 0.5em 0;}
.menu{display: flex; flex-direction: row; width: 100%;box-sizing: border-box;}
.scrollnav {
  height: 2.8em;
  padding-left: 0;
  flex-grow: 1;
  box-sizing: border-box;
  overflow: hidden;
  
  background: #fff;
  white-space: nowrap;
  z-index: 99;
  font-size:16px;
}
.tab-h {
  height: 80rpx;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden; /* 超出部分隐藏 */
  line-height: 80rpx;
  font-size: 28rpx;
  white-space: nowrap; /* 设置滚动视图容器不换行 *//* 固定在头部 */
  position:relative;
  z-index: 90;
}

/* 每个tab标题样式 */
.tab-item {
  padding: 0 10rpx;
  display: inline-block;
}

/* 选中其中一个tab标题时，修改样式 */

.tab-item.tab-active {
  color: #000;
  font-size:1.2em;
  font-weight: 800;
}
.menu-ico{margin-top: 0.65em; width:2em; height:0.8em; text-align:center; box-sizing: border-box;}
.menu-ico image{width:0.3em; height:0.7em;}
.menu-ico0{margin-top: 0.65em; width:0.7em; height:0.8em; text-align:center; box-sizing: border-box;}
.nav-item {
  width:4em;
  height: 2.2em;
  line-height: 2.2em;
  margin:0 0.5em;
  display: inline-block;
  text-align: center;
  color:#939393;
  box-sizing: border-box;
}
.nav-item.nav-item360 {
  width:4.8em;
}
.nav-item.nav-item375 {
  width:5.2em;
}
.nav-item.nav-item414 {
  width:4.2em;
}
.nav-item.nav-item412 {
  width:4.2em;
}
.nav-item.nav-item480 {
  width:4.1em;
}
.nav-item.nav-item768 {
  width:4.4em;
}
.nav-item.nav-item834 {
  width:4.2em;
}
.nav-item#nav-item0{
  width:2em;
  margin-left:0;
}

.nav-item.nav-item360#nav-item0 {
  width:2.4em;
}
.nav-item.nav-item375#nav-item0 {
  width:2.6em;
}
.nav-item.nav-item414#nav-item0 {
  width:2.1em;
}
.nav-item.nav-item411#nav-item0 {
  width:2.1em;
}
.nav-item.nav-item412#nav-item0 {
  width:2.1em;
}
.nav-item.nav-item480#nav-item0 {
  width:2.05em;
}
.nav-item.nav-item768#nav-item0 {
  width:2.2em;
}
.nav-item.nav-item834#nav-item0 {
  width:2.1em;
}
.nav-item.active{
  color:#6BA3F0;
  border-bottom:2px solid #6BA3F0;
}
.tab-box{
  background: greenyellow;
  padding-top: 80rpx;
  height: 100%;
  box-sizing: border-box;
}
.tab-content{
  overflow-y: scroll;
}
.container0{
  margin-top: -0.8em;
  padding: 0.8em;
  box-sizing: border-box;
  
}
.swiper{
  width:100%;
  background-color: #fff;
  border-radius:0.5em;
  padding: 0.8em;
  box-sizing: border-box;
}
.container1{
   margin-top: 0em;
   margin-bottom: 6em;
}
.container1{
  padding:0.8em;
  box-sizing: border-box;
  overflow: hidden;
}
.container1_to{
  width:100%;
  min-height:90vh;
  background-color: #fff;
  border-radius:0.5em;
  overflow: hidden;
  overflow-y: visible;
}
.swiper_box {
    width: 100%;
    min-height: 14em; 
}

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


.phcolor{color:#ccc;}
.notice_box{margin-top:0em; z-index: 10; height:2.5em; width:100%;display: flex;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1; flex-direction: row; padding: 0 0.8em; box-sizing: border-box;background-color: #f8f8f8; }
.notice_box .notice_title{display: flex; flex-direction: row;  height:2.5em; width:6.5em;}
.notice_box .notice_title image{ margin-top:0.5em; height:1.5em; width:1.5em;}
.notice_box .notice_title text{display:flex; margin-left:0.2em; height:2.5em; line-height: 2.5em; width:6em;}
.notice_box .notice_body{height:2.5em; line-height:2.5em; overflow: hidden;position:relative;flex-grow: 1; } 
.notice_box .notice_more{display: flex; padding-left:0.5em; height:2.5em; width:auto;line-height: 2.5em;}
.notice_box .notice_body .swiper_box0{
   
}
.notice_box .notice_body .swiper_box0 swiper-item{
  margin-right:0.5em;
}  
.notice_box .notice_body .swiper_box0 swiper-item image{
  width:1em; height:1em;
}   
  .marquee_container{
    margin:0;
    height: 2.5em;
    line-height: 2.5em;
    position: relative;
    width: 100%;
    color:#fff;
    white-space: nowrap;
    font-size:14px;
  }
  .marquee_text{
    display: inline-block;
  }  
.mydata_box{
    display: flex;
    flex-direction: column;
    padding:0em;
    width: 100%;
    box-sizing: border-box;
  }
  .mydata_box .mydata_title{
    display: flex;
    flex-direction:row;
    padding:0em;
    width: 100%;
    height: 2.5em;
    line-height: 2.5em;
    background-color: #fff;
    padding-left: 0.8em;
    font-weight: 800;
    font-size: 1em;
    box-sizing: border-box;
  }
  .mydata_box .mydata_title .line_flag{
    margin-top: 0.5em;
    margin-left: 0;
    margin-right: 0.5em;
    width:0.5em;
    height: 1.5em;
    line-height: 1.5em;
    background-color: #6BA3F0;
    border-radius:0.2em;
  }
  .mydata_box .mydata_title text{
   flex-grow: 1;
   font-weight: 800; 
  }
  .mydata_box .mydata_title .more{
    width:4em;
  }
  .mydata_box .mydata_box_to{
    display: flex;
    flex-direction:row;
    padding:0.4em;
    width: 100%;
    height: 4em;
    box-sizing: border-box;
  }
  .mydata_box .mydata_box_to .mydata_item{
    margin-right: 2%;
    padding:0em;
    width: 49%;
    height: 3.5em;
    line-height: 3.5em;
    border-radius:0.5em;
    background: linear-gradient(to right, #6BA3F0, #8BBDF5);
    box-sizing: border-box;
    color:#fff;
    text-align: center;
  }
  .mydata_box .mydata_box_to .mydata_item.hover{
    background: linear-gradient(to right, #4A8BD8, #6BA3F0);
  }
  .mydata_box0{
    display: flex;
    flex-direction:column;
    align-items: center;
    width: 100%;
    padding:0.4em 0.4em;
    box-sizing: border-box;
    z-index: 10;
  }
  .mydata_box0_bo{
    display: flex;
    flex-direction:column;
    width: 100%;
    border-radius:0.5em;
    background: linear-gradient(to bottom, #96C6F5, #B8DAF8);
  }
  .mydata_box0_bo view{
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 0.4em 0;
    box-sizing: border-box;
  }
 
  .mydata_box0_bo  view view{
    flex:1;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    font-size:0.9em;
    color:#fff;
  }
  
  .mydata_box0_bo view view image{
    width: 3.5em; 
    height: 3.5em;
    padding:0.5em 0; 
    overflow: hidden;
  }
  .mydata_box0_bo view view view{
    margin-top: -1em;
    width: 5em; 
    height: 5em;
    padding: 0.2em;
    background-color:#fff;
    border-radius:50%;
    border-top:1px solid #f1f1f1;
    box-sizing: border-box;
    overflow: hidden;
    
  }
  .mydata_box0_bo view view view image{
    width: 4em; 
    height: 4em;
    padding:0em;
    border-radius:50%;
    overflow: hidden;
  }
  .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.8em;
    margin-right: 0.8em;
    width:0.5em;
    height: 1.5em;
    line-height: 1.5em;
    background: linear-gradient(to bottom, #FF6B35, #FF4E50);
    border-radius:0.2em;
}

.text .line_more{
  flex: 1;
  text-align: right;
  align-self: center;
  color:#FF6B35
}
  .mydata_box2{
    margin-top:0.5em;
    display: block;
    float:left;
    width: 100%;
    height:13.5em;
    padding: 5px;
    box-sizing: border-box;
    background-color: #fff;
    overflow: hidden;
  }
  .mydata_box2 .text{
    margin-top:0;
}
.mydata_box2 .text .line_flag{
    margin-left:0;
}
  .mydata_box2 .lconent{
    float:left;
    width: 40%;
    height:10.1em;
  }
  .mydata_box2 .lconent image{
    width: 100%;
    height:100%;
  }
  .mydata_box2 .rconent{
    float:left;
    margin-bottom:0.5em;
    margin-left:2%;
    width: 58%; 
    height:4.8em;
  }
  .mydata_box2 .rconent image{
    width: 100%;
    height:100%;
  }
  
 .body_box{
  margin-top:0em;
  width: 100%;
  padding:0;
  box-sizing: border-box;
  text-align: left;
  overflow: hidden;
}
.body_box .wxParse{
  width: 100%;
  background-color:#fff;
  padding:0;
  line-height: 1.8em;
  box-sizing: border-box;
}
.body_box .wxParse image{
   width:100%;
}
 
.menudata_box{
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding:0.4em 0.4em;
  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{
  display: flex;
  flex-direction: column;
  width:100%;
  height: 100%;
  padding: 0.4em;
  padding-bottom: 6em;
  box-sizing:border-box;
  
}
.container_box_to{
  display: flex;
  flex-direction: column;
  margin-bottom: 0.8em;
  width:100%;
  height: 100%;
  box-sizing:border-box;
}
.container_box_to.hover{
  /*border:1px solid #75af08;*/
}
.choice_menu{
  width:100%;
  line-height: 2.5em;
  display: flex;
  flex-direction: row;
  align-items: center; 
  border-radius:0.4em 0.4em 0 0;
  background: linear-gradient(to right, #6BA3F0, #8BBDF5);
  overflow: hidden;
}
.choice_menu view{
  width:33.3333333333333333333333%;
  text-align: center; 
  color:#fff;
}
.choice_menu view.hover{
  background: linear-gradient(to right, #4A8BD8, #6BA3F0);
}
.choice_text{
  width:100%;
  line-height: 2.5em;
  display: flex;
  flex-direction: row;
  align-items: center; 
  background: linear-gradient(to right, #6BA3F0, #8BBDF5);
  border-radius:0.5em;
}
.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: linear-gradient(to bottom, #FFB800, #FF6B35);
  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;

box-sizing: border-box;
}
.choice_box .choice_list .block.block0{
width: 50%;
padding: 0.5em;
text-align: center;
overflow: hidden;
box-sizing: border-box;
}
.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.block0 .choice_item{
  display:block;
}
.choice_box .choice_list .block.block0 image {
width: 100%;
height:46vw;
}

/* 单行商品布局优化 */
.choice_box .choice_list .block:not(.block0) {
width: 100%;
padding: 0.5em;
box-sizing: border-box;
}
.choice_box .choice_list .block:not(.block0) .choice_item {
display: block;
}
.choice_box .choice_list .block:not(.block0) image {
width: 100%;
height: 80vw;
max-height: 480px;
object-fit: cover;
}

.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 .price {
  float: left;
  margin-top: 0.4em;
  padding:0 0.5em;
  text-align: left;
  display: block;
  box-sizing: border-box;
  overflow: hidden;
  color:#000;
  }
  .choice_box .choice_list .right_button {
    float:left;
    display:block;
    margin:0;
    margin-top: 0.8em;
    width:100%;
  }
      .choice_box .choice_list .right_button view {
          float: right;
          display: block;
          margin: 0;
          margin-right: 0.8em;
          width: 5em;
          text-align: center;
          padding: 0.2em 0em;
          box-sizing: border-box;
          background: linear-gradient(to right, #FF6B35, #FF4E50);
          color: #fff;
          border-radius: 0.4em;
          overflow: hidden;
      }
  .choice_box .choice_list .right_button view.visited{
    background:linear-gradient(to left,#e1e1e1,#e8e8e8);
    border:1px solid #dfdfdf;
    color:#aaa;
  }
.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: #FF6B35;
}
.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: left;
}
.choice_box .choice_list .block.block0 .je .jeto {
justify-content: flex-start;
margin-top: 0;
}
.choice_box .choice_list .block.block0 .je .jeto .viphyj {
justify-content: flex-start;
align-items: center;
margin-top: 0.2em;
font-weight: 600;
}
.choice_box .choice_list .block.block0 .je .jeto .viphyj text {
font-weight: bold;
margin-left: 0.2em;
}
.choice_box .choice_list .block.block0 .je .jeto .hyje{
     margin-top: 0.15em;

}


.shopping_container{
    position: relative;
    float:left;
    padding:0.8em;
    width:100%;
    box-sizing: border-box;
    background-color: #fff;
    overflow: hidden;
}
.shopping_container .title_box{
  width:100%;
  padding:0 0.8em;
  background-color: #fff;
  box-sizing: border-box;
}
.shopping_container .title_box .title_box_to{
  position: relative;
  float:left;
  width:100%;
  box-sizing: border-box;
}
.shopping_container .title{
    margin: 20rpx 0;
    font-weight: bold;
    color: #333;
}
.shopping_container .price{
    margin: 20rpx 0;
    color: #333;
    font-size: 12px;
}
.shopping_container .oldprice text{
    text-decoration:line-through;
}
.shopping_container .currentprice{ 
    background: linear-gradient(to right, #FF6B35, #FF4E50); 
    text-align:center; 
    line-height:2em; 
    color:#fff;  
    margin-left: 0.3em;
    padding:0px 5px;
    border-radius:3px;
}
.shopping_container .wxParse{
    margin: 20rpx 0;
    width:100%;
    color: #939393;
    line-height: 22px;
    overflow: hidden;
}
.wxParse img,.wxParse image{
    float: left;
    margin:0;
    display:block;
    max-width: 100%;
}
.shopping_rightbox{
    position:absolute;
    top:1.5em;
    right:0;
    height: 2.5em;
    width: 8em;
}
.shopping_rightbox .input_shopjs{
  height: 100%;
  width: 100%;
  background: linear-gradient(to right, #FF6B35, #FF4E50);
  border-radius:0.5em;
  color:#fff;
  text-align: center;
  font-size: 1em;
}
.Hidden_box{ position: fixed;display: flex;align-items: center; justify-content: center; top:0; left:0; width:100%;height:100vh; background:rgba(0, 0, 0, 0.5);z-index:100;}
.Hidden_box_to{position: relative; padding:0; width:90%;height:auto; background-color: #fff; box-sizing: border-box; border-radius:0.5em;}
.Hidden_box_to.addcart_box{ position: absolute; bottom:0; width:100%;border-radius:0.5em 0.5em 0 0;}
.Hidden_box_to .close{position: absolute; right:0.5em; top:0.5em; width:1.5em; height:1.5em; padding:0.15em; background-color:#fff;border:1px solid #f1f1f1;border-radius:50%;box-sizing:border-box;}
.Hidden_box_to .close image{width:100%;height:100%;}
.Hidden_box_to .title{width:100%;height:2.5em; line-height: 2.5em; padding:0 0.5em;box-sizing:border-box;}
.Hidden_box_to .body{line-height:1.5em;}
.Hidden_box_to .body .wxParse{max-height: 60vh; overflow-y: auto;}
.Hidden_box_to .body image{
    float: left;
    margin:0;
    display:block; 
    width: 100%;
}
.Hidden_box_to .select_box_pic{position:absolute; z-index:3; left:10px; top:-3em; width:8em; height:8em;border:1px solid #efefef; overflow:hidden;border-radius:10px;box-sizing:border-box;}
.Hidden_box_to .select_box_pic image{width:100%; height:100%; } 
.Hidden_box_to .select_box_title{ float:left; width:10em; height:5em; margin-left:9em; line-height:2em;  }
.Hidden_box_to .select_box_title .price{width:100%; color:#ff0000; font-size:1em; font-weight:600; }
.Hidden_box_to .select_box_title .selguige{ width:100%;font-size:0.85em; line-height:1.2em;}
.Hidden_box_to .select_box_title .selguige text{float: left; display: block;width:100%;}
.Hidden_box_to .select_box_title .selguige text.selguige_font{margin:0.5em 0;margin-top:0.8em;height:1.2em;}
.Hidden_box_to .select_box_title .selguige text.selguige_title{margin:0;padding:0; height:3.5em; overflow-y:auto;}  
.select_box_selguige{float: left;width:100%;margin-top:0.5em;margin-bottom:1em; max-height:300px; overflow-y: auto;}
.select_box_selguige text{width:100%; line-height:2em;}
.select_box_selguige .selguige_box{width:100%;}

.select_box_selguige .selguige_box .selguige_item{
    display: flex; 
    flex-direction: row;
    width:100%;
    border-top:1px solid #f1f1f1;
    padding:1em 0.5em;  
    font-size:0.85em;
    box-sizing:border-box;
    overflow: hidden;
}
.select_box_selguige .selguige_box .selguige_item.hover{
    background:#ebe1e1 url('data:image/png;base64,[encoded data, 4348 characters]') no-repeat right -0.37em;
    background-size:2em 2em;

}
.select_box_selguige .selguige_box .selguige_item .select_name{
    flex-grow: 1;
    line-height: 1.5em;
}
.select_box_selguige .selguige_box .selguige_item .select_name view{
    color:#ff4d00;
}
.select_box_selguige .selguige_box .selguige_item .select_colors{
    width:auto;
    padding:0 0.5em;
    height:2.5em;
    line-height: 2.5em;
    box-sizing:border-box;
}
.select_box_selguige .selguige_box .selguige_item .select_colors view{
    width:5.5em;
    padding:0 0.5em;
    height:2.5em;
    line-height: 2.5em;
    background:linear-gradient(to right, #6BA3F0, #8BBDF5); 
    border-radius:0.5em;
    color:#fff; 
    font-size:0.85em;
    box-sizing:border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.select_box_selguige .selguige_box .selguige_item .select_box_selnum{
    margin:0;
    padding:0 0.5em;
    
    box-sizing:border-box;
}
.select_box_selguige .selguige_box .selguige_item .select_box_selnum .select_box_selnum_box{
    display: flex; 
    flex-direction: row;
    font-size:0.85em;
    width:9em; margin:0; padding:0;  box-sizing:border-box;
}
.select_box_selguige .selguige_box .selguige_item .select_box_selnum view.productkc{width:auto;margin-top:1em;color:#aaa;}

.select_box_selguige .selguige_box .selguige_item .select_box_selnum .select_box_selnum_box view{display: flex; float:left;width:auto;height:2em; line-height:2em;}

.select_box_selguige .selguige_box .selguige_item .select_box_selnum .select_box_selnum_box view.addcart_input{width:auto;margin-left: 0.5em;}
.select_box_selguige .selguige_box .selguige_item .select_box_selnum .select_box_selnum_box view.addcart_input text{position:relative; float:left;width:2em; height:2em; text-align:center; background-size:100% 100%; background-repeat:no-repeat;border:1px solid #bfbfbf;
}
.select_box_selguige .selguige_box .selguige_item .select_box_selnum .select_box_selnum_box view.addcart_input .input_text{float:left;width:100%; height:100%;border:0; text-align:center;font-size:1em;width:2em; height:2em;border-top:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf;
}
.select_box_selguige .selguige_box .selguige_item .select_box_selnum .select_box_selnum_box view.addcart_input text.num_del{ background-color:#e6e6e6;background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAA8UlEQVRoQ+2SwQ3CQAwE7Q7SCa24A9ICFUAJlBAqiOmEUtKB+fJAOmuVlaJo8714Es+c20keP8kepkWOVlJFVIRkQFeLJBbGqgisjjSoIiSxMFZFYHWkQRUhiYWxKgKrIw2qCEksjFURWB1psF0kIsLMLqT/+It198+6ru/ON1uLRMTD3e8d4N7vVNUtM58jbneRxd2vIxjjvKpemTmP2N1FJndfzGwaAXc+36pqzsxtxG0tMoIc4VyLHKHC7z+oiIqQDOhqkcTCWBWB1ZEGVYQkFsaqCKyONKgiJLEwVkVgdaRBFSGJhbEqAqsjDZ6myBdULR4zKNmTFQAAAABJRU5ErkJggg==');
}
.select_box_selguige .selguige_box .selguige_item .select_box_selnum .select_box_selnum_box view.addcart_input text.num_add{ background-color:#e6e6e6;background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAABFElEQVRoQ+2WzY3CUAyE7Q62BEqhA5wOKIEOgBK2g+0gLoFS6AA6eCgoB44z1lpC0eTs328mT3bbyOcb2cO0yLcpKUWkSBMBWasJbLmsFEHRRcTFzEZmXtGcSly7ItM0jWWweZ5be7UWXxbQIqS/pAgKTNZCSa1xshYKTNZCSclaJClZiwRGvVoRcTKzA9PD3fdL/BjjxuSZWWbmL5oDLxIRP+7+QAv/RxxzaMKLLINFxNHMdsyQ7n5eFWHP+Htm/qG9qEXQop9x+tlJalIEBSZroaR0opCkZC0SmF4tFJishZLSq0WSWk//J3MAki3e4e0/e2WoSo4WqVDrzJEinXQrtaVIhVpnjhTppFupLUUq1DpzXmJ4gDPsfhBzAAAAAElFTkSuQmCC');
}
.select_box_selcolor{position: relative; float: left; padding:0.5em;box-sizing:border-box;}
.select_box_selcolor .selguige_item{ position: relative; float: left; display:flex; width:auto;margin:0.2em; margin-bottom:5px; padding:0 0.5em; padding-right:1.2em;height:28px; line-height:28px;font-weight:bold; color:Red; overflow:hidden; cursor:pointer; color:#000;border:1px solid #dfdfdf;box-sizing:border-box;
}
.select_box_selcolor .selguige_item text{position: absolute;right:-0.35em; top:-0.37em; width:2.2em; height:2.2em; display:block; background-size: 100% 100%;background:url('data:image/png;base64,[encoded data, 4304 characters]') no-repeat;}
.select_box_selcolor .selguige_item.selected{border:1px solid #FB320A;}
.select_box_selcolor .selguige_item.selected text{position: absolute;right:-0.35em; top:-0.37em; width:2.2em; height:2.2em; display:block; background-size: 100% 100%;background:url('data:image/png;base64,[encoded data, 4348 characters]') no-repeat;}
.select_box_selcolor .selguige_item view{color:#000;font-weight:normal;line-height:2em;}
.select_box_selcolor .selguige_item view.colortit{width:auto;height:2em;margin:0 0; line-height:2em; text-align:center;border:0;}

.select_box_btn{width:100%; line-height:3em; color:#bbb; text-align:center;padding:1em 0.5em; box-sizing: border-box;
}
.select_box_btn button{width:100%; height:3em; font-size:1em; line-height:3em; font-weight:bold; color:#fff; border:0; background:linear-gradient(to right, #FF6B35, #FF4E50); border-radius:0.5em;
}  

.container .brand_item{
  float: left;
  width:50%;
  margin:0;
  padding:1em;
  border: 1px solid #f1f1f1;
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
}

.container .brand_item .pic{
  width: 120px;
  height: 120px;
}
.brand_item_cont{
  width: 100%;
}

.brand_item_cont .name{
  margin: 10px 0;
  margin-bottom: 5px;
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.brand_item_cont .ourprice{
  color: #FF6B35;
  font-weight: bold;
}

.brand_item_cont .marketprice{
  text-decoration: line-through;
  color: #939393;
}


.Hidden_box{ position: fixed;display:flex;align-items: center; justify-content: center; top:0; left:0; width:100%;height:100vh; background:rgba(0, 0, 0, 0.5);}
.Hidden_box_to{position: relative; padding: 8px; width:94%;height:auto; background-color: #fff; box-sizing: border-box; border-radius:0.5em;}
.Hidden_box_to.flashimage{ padding-bottom:4px; background:none; border-radius:0;}
.Hidden_box_to.addcart_box{ position: absolute; bottom:0; width:100%;border-radius:0.5em 0.5em 0 0;}
.Hidden_box_to .close{position: absolute; right:0.5em; top:0.5em; width:1.5em; height:1.5em; padding:0.15em; background-color:#fff;border:1px solid #f1f1f1;border-radius:50%;box-sizing:border-box;}
.Hidden_box_to .close image{width:100%;height:100%;}
.Hidden_box_to.flashimage .close{border:1px solid #e1e1e1;width:2em; height:2em;}
.Hidden_box_to .title{width:100%;height:2.5em; font-weight: 600;}
.Hidden_box_to .body{ position: relative; line-height:1.5em; display: block;word-wrap: break-word; word-break: normal;text-align: left;font-size:0.9em; }
.Hidden_box_to .body .frmbody{
    max-width:100%;
    text-align: left; max-height:70vh; min-height:40vh; overflow-y: auto;
}
.Hidden_box_to .body .frmbody .wxParse{
    line-height:1.5em;
}
.Hidden_box_to .body image{max-width:100%;}
.Hidden_box_to.flashimage .body image{width:21em;height:23em;}
.Hidden_box_to .body button{margin:0.5em auto;background:linear-gradient(to right, #6BA3F0, #8BBDF5);color:#fff; border-radius:0.5em;}
.Hidden_box_to.flashimage .body button{position: absolute;left:20%; top:94%;width:60%;height:2.5em;border-radius:0.5em;}
.Hidden_box_to .body .frombody{position: relative;float:left;margin:0; padding:0.5em 0;width:100%; display: flex;flex-direction: column; align-items: center; background-color:#fff;box-sizing: border-box;overflow: hidden;}
.Hidden_box_to .body .frombody view{position: relative;float:left;margin:0; width:100%;display: flex;flex-direction:row;border-bottom:1px solid #f1f1f1;padding:0.5em 0; box-sizing: border-box; overflow: hidden;font-size:0.9em;}
.Hidden_box_to .body .frombody view view{display: flex; width: auto; border-bottom:0}
.Hidden_box_to .body .frombody view text{display: flex; padding:0; width:8em; height:2.5em; line-height: 2.5em; text-align: left;font-size:0.9em;}
.Hidden_box_to .body .frombody view input{display: flex;flex-grow: 1; height:2.5em; line-height: 2.5em;font-size:0.9em;}
.Hidden_box_to .body .frombody view input.code{}
.Hidden_box_to .body view.check_box{
    display: flex;flex-direction:row;width:100%;align-items: center; justify-content: center;
}
.Hidden_box_to .body view.check_box .checkbox{
    width:1em; height:1em;margin-top:0; margin-right:0.2em; border:1px solid #dfdfdf; border-radius:50%; background-color:#eee;
}
.Hidden_box_to .body view.check_box .checkbox.checked{
    background:url("data:image/png;base64,[encoded data, 5084 characters]") no-repeat;
    background-size: 100% 100%;
}
.Hidden_box_to .body view.check_box .fontbox{
    font-size:0.85em;
}
.Hidden_box_to .body view.check_box .fontbox .ptgztitle{
    color:#FF6B35;
}
.Hidden_box_to .body .frombody view button::after {border: none;}

.Hidden_box_to .body .frombody view button{width:8em; padding:0; height:2em; line-height: 2em; background:#eee; color:#000; border-radius:0.5em; font-size:0.85em;outline:none; box-sizing:border-box;}
.Hidden_box_to .body view.button{border: 0; display: flex;flex-direction:row;width:100%;align-items: center; justify-content: center;}
.Hidden_box_to .body .frmbody view.button{position: absolute; bottom:0;}
.Hidden_box_to .body view.button button{ width:38%;height:2.5em; line-height: 2.5em; background:linear-gradient(to right, #6BA3F0, #8BBDF5); color:#fff; border-radius:0.5em; font-size:0.85em;}
.Hidden_box_to .body view.button button.qx{ margin-right:0%; background:linear-gradient(to left,#939393,#eee); color:#333;}   


.kaihongbao{ position: fixed;display:flex;align-items: center; justify-content: center; top:0; left:0; width:100%;height:100vh; background:rgba(0, 0, 0, 0.5);z-index: 10;}
.kaihongbao_box{position: relative; padding: 8px; width:auto;height:auto; background-color: #fff; box-sizing: border-box; border-radius:0.5em;}
.kaihongbao_box image{width:15em;height:22em;}
.kaihongbao_box button{background:linear-gradient(to right, #FF6B35, #FF4E50); color:#fff;}