pos_xcx/pages/food/food.wxss

@import '../../weui-wxss/weui.wxss';
page{
  width: 100%;
  height: 100%;
  background: url("https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2856650628,4120182276&fm=26&gp=0.jpg") no-repeat;
  background-size:100% 100%;
  background-position: center center;
}
swiper-item image {
  width: 99%;
  height: 100%;
}

@keyframes around {
  from{margin-left: 100%;}
  to{margin-left:var(--around-end);}
 }

 @-webkit-keyframes around {
  from {margin-left: 100%;}
  to {margin-left:var(--around-end);}
}

.marquee_text{
  color:#c46e06;
  font-size: 32rpx;
  display: inline-block;
  white-space: nowrap;
  padding-left:40rpx;
  z-index:-1;
}
.marquee_container:hover{
  /* 不起作用 */
  animation-play-state: paused;
}
.marquee_container{
  position: relative;
}
.marquee_container image{
  position: absolute;
  width:40rpx;
  height:44rpx;
  padding-right:20rpx;
  display:inline-block;
}

.remainDecMoney{
  bottom: 88rpx!important;
  background: #ae1e24!important;
  opacity: 0.9;
  color: #fff;
  font-size: 28rpx;
  height: 60rpx!important;
  line-height: 60rpx;
}

.tag{
  float:left;
  margin-left:-36px;
  color:rgb(240,195,5);
  background:rgb(51,51,51);
  padding:0.5px 2px;
  margin-top:2px;
  font-size:14px;
}
.top{
  width: 100%;
  height: 80rpx;
    border-bottom: 1px solid #ccc;
  background: #ccc;
}
.top>text{
  display: block;
  text-align: center;
  width: 50%;
  height: 100%;
  float: left;
  font-size: 28rpx;
  line-height: 80rpx;
  letter-spacing: 3rpx;
}
.all_price{
position:relative;
bottom:-33rpx;
left:164rpx;
font-size:16px;
width:189px;
height:100%;
float:right;


}
.order{
  background: #fff;
  color: orangered;
  border-bottom: 1px solid orangered;
}

/*系列样式*/
.series_scroll{
  height: 100%;
  width: 170rpx;
  position: fixed;
   background: #efefef;
  /* bottom: 20%; */
  left: 0;
  font-weight: 600;
}
.series{
  width: 170rpx;
  height: auto;
  overflow: scroll;
  float: left;
  /* margin-bottom:90rpx; */
}
.series>ul{
  width: 100%;
  height: 100%;
}
.series>ul>li{
background:#f8f8f8;
display:block;
width:100%;
height:170rpx;
line-height:48rpx;
font-size:25rpx;
text-align:center;
border-bottom:3px solid #fefefe;
box-sizing:border-box;
}
.product>text{
  display: block;
  width: 100%;
  height: 50rpx;
  /* background: #eee; */
  color: rgb(156, 152, 149);
  font-size: 25rpx;
  line-height: 50rpx;
  padding-left: 25rpx;
  /* border-left: 2px solid rgb(156, 152, 149); */
}
.series>ul>li>image{
float:left;
width:100%;
height:100%;

}
/*产品样式*/
.product_scroll{
  position: fixed;
  height: 100%;
  width: 94%;
  bottom: 100rpx;
  right: 3%;
  white-space: nowrap;
  background-color: #eee;
  opacity: 0.95;
  top: 100rpx;
  border-radius: 10rpx;
}
.clear_fix::after{
  content:'';
  display: block;
  width:0;
  height: 0;
  clear:both;
}
.product{
  width:100%;
  background: #fff;
  border-radius: 20rpx;
  padding-bottom: 20rpx;
  margin-top: 20rpx auto 0 auto;
}
.product:last-child{
  margin-bottom:90rpx;
}
.product>text{
  display: block;
  width: 100%;
  height: 0;
  /* height: 50rpx; */
  /* background: #eee; */
  color: rgb(156, 152, 149);
  font-size: 25rpx;
  line-height: 50rpx;
  padding-left: 25rpx;
  /* border-left: 2px solid rgb(156, 152, 149); */
  /* margin-top: 10px; */
}
.product>ul{
  width: 100%;
}
.product>ul>li{
  position: relative;
  width: 50%;
  display:block;
  border-radius:5px;
  float: left;
  box-sizing: border-box;
  padding:20rpx 10rpx 20rpx 20rpx;
  box-shadow: 10rpx 10rpx 8rpx #efefef;
}
.product>ul>li:nth-child(even){
  padding:20rpx 20rpx 20rpx 10rpx;
}
.product>ul>li:last-child{
  border-bottom: none;
}
.product>ul>li>image{
    height:242rpx;
    width:100%;
    vertical-align: bottom;
}
.product_detail{
  height: 142rpx;
  border:1px solid #fff;
  padding:20rpx 0 20rpx 14rpx;
}
.product_detail>text{
  display: block;
  font-size: 26rpx;
  position: absolute;
}
.imgs{

  text-align:right;
  position:absolute;

/*
  top:30px;
  right:0px;
  */

  /* margin-top: 160rpx; */
  right:8rpx;
/*
  width:50rpx;
  height:50rpx;
  text-align:center;
  float:right;
  */
  height: 50rpx;

  /*
  background-color: sienna;
  */

}
.car_imgs{
  text-align:right;
  position:absolute;
  top:8px;
  right:-5px;
}
.car_imgs image{
  width:50rpx;
  height:50rpx;
  padding:8rpx 15rpx 0rpx 15rpx;
}
.imgs image{
  width:50rpx;
  height:50rpx;
  margin:100rpx 15rpx 0rpx 15rpx;
  border-radius: 50%;
}
.spec{
  width:50rpx;
  height:50rpx;
  text-align:center;
  float:right;

  /*
  margin-right:6px;
  margin-top:56px;
  */
  margin-right: 20rpx;
  margin-top:210rpx;
}

.speca{
  width:50rpx;
  height:50rpx;
  text-align:center;
  float:right;

  /*
  margin-right:6px;
  margin-top:56px;
  */
  margin-right: 16rpx;
  margin-top:210rpx;
}

.shouqing{
  /* position: absolute;  */
  margin-left: 206rpx;
  display: block;
  top: 55rpx;
  width: 95rpx;
  height: 35rpx;
  text-align: center;
  color: #fff;
  background: #ccc;
  font-size: 16rpx !important;
  line-height: 35rpx;
  border-radius: 20rpx;
}


.product_name{
  height: 100rpx;
  width: 88%;
  flex-wrap:wrap;
  word-break: keep-all;
  word-wrap: break-word;
  white-space: pre-line;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
  font-family: Microsoft yahei,Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  font-size:30rpx !important;
}
.product_price{
  margin-top: 58rpx;
  color: #d33;
  font-size: 30rpx !important;
  font-weight: bold;
}
::-webkit-scrollbar{
width: 0;
height: 0;
color: transparent;
}

/*底部样式*/
.menu_bot{
  position: fixed;
  width:100%;
  bottom: -2rpx;
  background: rgba(255, 255, 255,0.9);
}
.car_img{
  width: 95rpx;
  height: 95rpx;
  display: block;
  float: left;
  position: relative;
  left: 35rpx;
  top: -15rpx;

}
.menu_bot>text{
  display: block;
  float: right;
  font-size: 25rpx;
  width: 194rpx;
  /* background:rgb(123,121,122); */
  background: #FF6347;
  text-align: center;
  height: 80rpx;
  padding-top: 12rpx;
  color: #fff;
}
.orders,.order_detail{
  border-right: 1px solid #fff;
}
.num{
  width: 55rpx;
  height: 55rpx;
  border-radius: 50%;
  position: fixed;
  display: block;
  background: orangered;
  text-align: center;
  line-height: 55rpx;
  left: 95rpx;
  top: 90%;
  color: #fff;
  font-size: 20rpx;
}

/*我的购物车*/
.my_car{
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0,0.2);
  position: fixed;
  bottom: 0rpx;
  /* border: 1rpx solid orangered; */
  /* left: 15%; */
  /* display: block; */
}
.my_car_ul{
  /* width: 700rpx;
  height: 80%;
  position: relative;
  background: #fff;
  top: 150rpx;
  display: block;
  overflow: scroll;
  left: 25rpx;
  padding-bottom: 100rpx;
  box-sizing: border-box;
  margin-top: -100rpx; */
  width:100%;
height:60%;
position:relative;
background:#fff;
/* top:41%; */
display:block;
overflow:scroll;
/* left:25rpx; */
padding-bottom:100rpx;
box-sizing:border-box;
margin-bottom:100rpx;

/* border-radius:15rpx 15rpx 0 0 */
}
.ul_car_li:last-child{
  margin-bottom: 30px;
}
.my_car_ul>li{
  position: relative;
  width: 90%;
  min-height:49px;
  display: block;
  font-size: 25rpx;
  border-bottom: 1px solid #ccc;
  line-height: 130rpx;
  padding-left: 15rpx;
   margin-left: 5%;
}
.ul_car_list{
  min-height: 70px !important;
  font-weight: 600;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.ul_car_li{
  min-height: 70px !important;
  font-weight: 600;
}
.my_car_ul>li>text{
  float: left;
}
.my_car_price{
  font-size:14px;
margin-top: 28px;
color: #ae1e24;
float: right!important;
margin-right: 12px;

}
.my_car_name{
  font-size: 14px;
}
.add_name{
margin-left:15px;
font-size:15px;
}
.title{
  /* height: 70rpx; */
  height:70rpx !important;
line-height:70rpx;
background:rgb(169,169,169);
min-height:70rpx;
width:100%;
padding-left:0 !important;
margin-left:0 !important;
text-align:center;
position: relative;
/* top: 33%; */
border-radius:15rpx 15rpx 0 0;
margin-top: 60%;
}
.title>text{
  display: block;
  width: 100%;
  text-align: center;
  font-size: 24rpx;
  letter-spacing: 3rpx;
  color: #fff;
  /* line-height: 105rpx; */
}
.delete{
  width: 35rpx;
  height: 35rpx;
}
.jia,.jian{
  width: 35rpx;
  height:35rpx;
  margin-top: 25rpx;
}
.jia{
  position: relative;
  left: 15rpx;
}
.jian{
  position: relative;
  right:15rpx;
}
.shuliang{
  position: relative;
  top: -10rpx;
}
.normal,.normal_spec{
  display: none;
}
.remove{
  position:relative;
  width:55rpx;
  height:55rpx;
  top:35rpx;
  left:50rpx;
}
.choose_spec{
  width: 500rpx;
  height: auto;
  min-height: 300rpx;
  position: relative;
  margin-top: 55%;
  left: 15%;
  background: #fff;
  border: 1px solid orangered;
}
.choose_spec>view>text{
  display: block;
  margin-top: 25rpx;
  font-size: 30rpx;
  margin-left: 15rpx;
}

.choose_spec>view>ul{
  display: block;
  margin-left: 15rpx;
  margin-top: 15rpx;
  height: auto;
}
.choose_spec>view>ul>li{
  display: block;
  float: left;
  height: 35rpx;
  line-height: 35rpx;
  width: auto;
  padding: 0 15rpx;
  border: 1px solid #ccc;
  font-size: 25rpx;
  margin-left: 15rpx;
}
.spec_price{
  font-size: 25rpx;
  position: absolute;
  bottom: 25rpx;left: 35rpx;
}
.spec_add{
  width: 35rpx;
  height: 35rpx;
  position: absolute;
  bottom: 25rpx;right: 35rpx;
}
.spec_close{
   width: 35rpx;
  height: 35rpx;
  position: absolute;
   top: 25rpx;right: 35rpx;
}
.choose_plactice{
  border: 1px solid orangered!important;
}
.add_name,.car_package{
  position: absolute !important;
  left:100rpx !important;
  float:left;
  top:16px;
  font-size:10px;
  width:200px;
}
.add_name{
  top: 28px !important;
}
.car_package{
  top:40px;
}
.car_package>text{
  float:left;
  margin-top:6rpx;
  margin-left:42rpx;
  color:#454545;
  line-height:31rpx;
}
.car_package>text:first-child{
  margin-left: 42rpx;
}
.add_name>text{
  float: left;
  margin-top:17rpx;
  margin-left:15rpx;
  color: orangered
}
.add_name>text{
  margin-top:45rpx;
  line-height:0px;
  font-size:10px;
}
.clear_all{
  position:absolute;
  top:50rpx;
  left:552rpx;
}
/* .is_checked{
  display: block;
} */



.modal-mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.5;
  overflow: hidden;
  z-index: 9000;
  color: #fff;
}

.modal-dialog {
  width: 600rpx;
  overflow: hidden;
  position: fixed;
  top: 45%;
  left: 0;
  z-index: 9500;
  margin: -180rpx 70rpx;
}

.modal-photo {
  position: fixed;
  top: 20%;
  left: 0;
  z-index: 9999;
  margin: -180rpx 250rpx;
}

.modal-content {
  position: fixed;
  top: 30%;
  left: 0;
  z-index: 9500;
  width: 500rpx;
  height: 30%;
  overflow: hidden;
  padding: 120rpx 50rpx 50rpx;
  margin: -75rpx 70rpx;
  border-radius: 2rpx;
}



.btns {
  margin: 5rpx auto;
  width: 500rpx;
}

.btn {
  width: 500rpx;
  height: 75rpx;
  font-size: 30rpx;
  border: solid 1rpx rgb(150, 220, 248);
  background: rgba(152, 230, 250, 0.3);
  margin-bottom: 20rpx;
}
.showModelImg{
  width:50px;
  height:50px;
  position:fixed;
  left:42%;
}

.car_bottom{
  width:700rpx;
  margin-left:25rpx;
  position:relative;
  top:28px;
  padding-bottom:20px;
  background:#fff;
}

.showModel{
  width: 100%;
  height: 100%;
  background:rgba(0,0,0,0.2);
  position: fixed;
  top: 0;
}
.showModelImg{
  /*
width:564rpx;
height:806rpx;
display: flex;
justify-content: center;
align-items: center;
434*620
*/

width:80%;
height:70%;

margin-left:-30%;

margin-top:12%;
border-radius:5px;
}
.poster{
  /*
width:80%;
height:70%;
434*620
*/
width:564rpx;
height:806rpx;
display: flex;
justify-content: center;
align-items: center;

margin-left:93rpx;

margin-top:20%;
border-radius:20rpx;
}
.close{
position:fixed;
/*
bottom:13%;
*/
margin-top:7%;
width:82rpx;
height:82rpx;
left:46%;
}
.bottom{
  display: flex;  flex-direction: row;   justify-content: center;  align-items: center;

  position:fixed;
width:100%;
bottom:-2rpx;
background:rgb(169,169,169);
height: 90rpx;

}
.menu_bot{
position:fixed;
width:100%;
bottom:-2rpx;
background:rgb(169,169,169);
height: 90rpx;

}
.tongji{
  float:left;
  font-size:24rpx;
  line-height:90rpx;
  margin-left:60rpx;
  color:#fff;
}
.car_img{
width:68rpx;
height:68rpx;
display:block;
/*
float:left;
position:relative;
*/
left:35rpx;
top:13rpx;

}
.menu_bot>text{
 display:block;
float:right;
font-size:25rpx;
width:150rpx;
text-align:center;
/* margin-top: 15rpx; */
/* height:50rpx;
padding-top:8rpx;
margin-top:20rpx; */
}
.pay{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 50% !important;
  height: 100% !important;
  background-color: gold !important;
  color: black !important;
  font-weight: bold !important;
  border-radius: 0rpx;
  /* border-top-right-radius: 16rpx !important;
  border-bottom-right-radius: 16rpx !important; */
  /* margin-right: 20rpx !important; */
}
.order_detail{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 50% !important;
  height: 100% !important;
  background-color: black !important;
  color: gold !important;
  border-radius: 0rpx;
  /* border-top-left-radius: 16rpx !important;
  border-bottom-left-radius: 16rpx !important; */
}

.categroy,.categroyScroll {
width: 100%;
  height: 90rpx;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  top: 0;
  position: fixed;
  line-height: 90rpx;
  z-index: 9999;
  opacity: 0.9;
  }
  .categroyScrollView {
    padding: 0 20rpx;
    height: 90rpx;
    display: inline-block;
    background: #d3c2b8;
  }
  .on{
    background: #f4b73d;
  }
  .categroyScrollView text{
    padding:12rpx;
    font-size: 34rpx;
    border-radius: 10rpx;
  }

.weui-tabs{width:100%}
.weui-tabs-bar__wrp{width:100%;background:#fff}
.menu_content{
  white-space:nowrap;
  height: 90rpx;
  overflow: hidden;
  top: 0;
  position: fixed;
  line-height: 90rpx;
  z-index: 9999;
  opacity: 0.9;
  width: 100%;
  display: inline-flex;
}

.menu_item{
    height: 90rpx;
    display: inline-block;
    background: #d3c2b8;
    min-width: 25%;
    text-align: center;
}
.weui-tabs-bar__title{display:inline-block;border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:transparent}

.weui-tabs-bar__wrp {
  border-bottom: 1px solid #eee;
  margin-top: 10px;
}

.weui-tabs-swiper {
  width: 100%;
  height: 100px;
}

.tab-content {
  height: 100px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 40rpx;
}

.weui-tabs-bar__title {
  margin: 0px 10px;
}

.tab-bar-title__selected {
  font-size: 20px;
  font-weight: bold;
}

.activeClass{
  background-color: #f4b73d;
}

.menu_title{
  padding:12rpx;
  font-size: 34rpx;
  border-radius: 28rpx;
  font-weight: bold;
  font-family: Microsoft yahei,Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

.menu {
  display: flex;
  flex-direction: row;
  height: 90rpx;
}

.icon {
  top: 0;
  position: fixed;
  right: 0;
  width: 8%;
  background-color: #FFF;
  height: 90rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product_list {
  flex: 1;
  display: flex;
  margin-top: 20rpx;
  margin-left: 22rpx;
  min-height: 1000rpx;
}

.product_bg {
  background-color: #FFF;
  width: 96%;
  height: 100%;
  min-height: 1000rpx;
  background: rgba(255, 255, 255, 0.9);
}

.product_content_list {
  display: flex;
  width: 700rpx;
  /* flex: 1; */
  flex-wrap: wrap;
  overflow:auto;
  border-radius: 8rpx;
  /* height: 100%; */
}
.bx-tabs {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

.cart  {
  height: 100rpx;
  display: inline-flex;
  flex-direction: row;
}
.product-info {
  width: 338rpx;
  height: 400rpx;
  /* flex: 1; */
  display: flex;
  flex-direction: column;
  box-shadow: 0rpx 1rpx 8rpx #efefef;
  border-radius: 20rpx;
  padding-top: 10rpx;
  margin-bottom: 10rpx;
  background-color: #FFF;
  margin-left: 8rpx;
}
.cart-icon {
  width: 80rpx;
  height: 80rpx;
  border-radius: 80rpx;
  background-color: #d81e06;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  position: fixed;
  margin-left: 25rpx;
}

.cart-icon-size {
  width: 40rpx;
  height: 40rpx;
}

.product_img {
  height: 242rpx;
  width: 325rpx;
  border-radius: 10rpx;
}
.product_img_dir {
  display: flex;
  justify-content: center;
  align-items: center;
}

.product-info .good_name {
  flex-wrap:wrap;
  word-break: keep-all;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size:30rpx;
  margin-left: 16rpx;
  /* height: 64rpx; */
  font-weight: bold;
  padding-top: 10rpx;
  font-family: Microsoft yahei,Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
.add-cart {
  border-radius: 50%;
  display: flex;
  flex-direction: row-reverse;
  height: 50rpx;
  margin-right: 13rpx;
  padding-bottom: 10rpx;
  /* position: relative; */
  /* left: -10rpx; */
  /* bottom: 10rpx; */
}
.add-cart-size{
  width: 50rpx;
  height: 50rpx;
}
.good_price {
  margin-left: 23rpx;
  color: #d33;
}

.cart-num {
  display: inline-flex;
  background-color: #343434;
  width: 69%;
  height: 80rpx;
  border-top-left-radius: 40rpx;
  border-bottom-left-radius: 40rpx;
  margin-left: 27rpx;
  align-items: center;
}

.cart-num-txt {
  color: #888888;
  margin-left: 105rpx;
  font-size: 26rpx;
}

.buy-cart {
  display: inline-flex;
  background-color: #d81e06;
  justify-content: center;
  align-items: center;
  height: 80rpx;
  width: 24%;
  border-top-right-radius: 40rpx;
  border-bottom-right-radius: 40rpx;
}

.buy-cart-txt {
  color: #FFF;
  font-size: 29rpx;
}

.cart-mar{
  margin-top: 10rpx;
}

.weui-mask,.weui-half-screen-dialog{transition:all .3s}.weui-hidden .weui-mask{visibility:hidden;opacity:0}.weui-hidden .weui-half-screen-dialog{transform:translateY(100%)}.weui-show .weui-mask{opacity:1;visibility:visible}.weui-show .weui-half-screen-dialog{transform:translateY(0%)}

.cart-dialog {
  max-height: 1000rpx;
  overflow: scroll;
}

.cart-hd {
  height: 80rpx;
  padding-top: 10rpx;
  font-size: 29rpx;
  display: inline-flex;
  position:fixed;
  width: 669rpx;
}
.discount-txt {
  margin-left: auto;
  margin-right: auto;
}

.cart-good-img {
  width: 227rpx;
  height: 169rpx;
}

.cart-bd {
  display: inline-flex;
  flex-direction: row;
  width: 100%;
  
}

.cart-good-name {
  flex-wrap:wrap;
  word-break: keep-all;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size:30rpx;
  margin-left: 16rpx;
  font-weight: bold;
  padding-top: 10rpx;
  font-family: Microsoft yahei,Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

.cart-info{
  width: 100%;
  height: 169rpx;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
}
.cart-good-row {
  display: inline-flex;
  justify-content: space-between;
  padding-left: 10rpx;
}
.cart-good-price {
  color: #d33;
}
.cart-good-jia {
  display: inline-flex;
  align-items: center;
  width: 100%;
  height: 100%;
  flex-direction: row-reverse;
}
.cart-good-num{
  padding: 0 15rpx 0 15rpx;
}
.delete-cart{
  background-color:#e64340;
  color:#fff;
  width: 80rpx;
  text-align: center;
  border-radius: 10rpx;
  
}