pos_xcx/pages/foodOrder/foodOrder.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;
}

.main {
  justify-content: space-between;
  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;
}

.order-info {
  background-color: #f6f6f6;
  flex-direction: column;
  width: 96%;
  margin-left: 16rpx;
  align-items: center;
  /* height: 1000rpx; */
}

.order-info-wth{
  width: 96%;
}

.table {
  background-color: #FFF;
  height: 100rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 9rpx;
  border-radius: 14rpx;
}
.tab-txt {
  font-size: 35rpx;
}
.shop{
  margin-top: 10rpx;
  height: 120rpx;
  background-color: #FFF;
  display: flex;
  justify-content: space-between;
  align-items:  center;
  border-top-left-radius: 12rpx;
  border-top-right-radius: 12rpx;

}
.line{
  border-top: 2rpx solid #ededed;
  width: 93%;
  height: 2rpx;
  background-color: #FFF;
  margin-left: 30rpx;
}
.shop-name {
  margin-left: 20rpx;
}
.go-menu {
  border: 2rpx solid #f96c36;
  background-color: #FFF;
  border-radius: 50rpx;
  width: 194rpx;
  height: 72rpx;
  margin-right: 10rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f96c36;
  font-size: 29rpx;
}

.good-list {
  background-color: #FFF;
  height: auto;
  /* overflow: scroll; */
}

.good-tran {
  display: flex;
  padding-top: 20rpx;
}

.left-border {
  border-left: 6rpx solid #f96c36;
  width: 10rpx;
  height: 41rpx;
  margin-top: 8rpx;
}

.tran-txt {
  font-size: 36rpx;
  color: #f96c36;
  padding-left: 10rpx;
}

.img-size {
  height: 120rpx;
  width: 160rpx;
}

.good-info {
  /* display: inline-flex; */
  padding-top: 20rpx;
  padding-left: 27rpx;
  width: 93%;
  clear: both;
}

.good-name {
  font-weight: bold;
  padding-left: 20rpx;
  font-family: Microsoft yahei,Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

.good-num{
  padding-right: 63rpx;
  color: darkgray;
}
.good-price {
  height: 89rpx;
  background: #fff;
  margin-top: 20rpx;
  display: flex;
  border-radius: 12rpx;
  flex-direction: row-reverse;
  align-items: center;
}
.total-money {
  font-size: 40rpx;
  margin-right: 10rpx;
  font-weight: bold;
}
.total-txt {
  margin-right: 30rpx;
}
.row {
  display: flex;
  flex-direction: row-reverse;
  margin-bottom: 10rpx;
}

.info-db {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  /* width: 100%; */
  width: 73%;
margin-left: 1%;
}
.top{
  margin-top: -55rpx;
  margin-left: 75rpx;
 }
 .top::before{
  content: '';
  border-top: 10px transparent dashed;
  border-left: 10px transparent dashed;
  border-right: 10px transparent dashed;
  border-bottom: 10px #efefef solid;
 }
 .top::before{
  border-bottom: 10px #efefef solid;
 }

 .good-attr {
  background-color: #efefef;
  width: 647rpx;
  height: 117rpx;
  /* margin-left: 20rpx; */
  margin-top: 12rpx;
  border-radius: 13rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
 }

 .attr-txt{
   color: #969494;
   margin-left: 10rpx;
   font-size: 27rpx;
 }

 .good-attr-more{
  border: 2rpx solid #969494;
  width: 100rpx;
  border-radius: 40rpx;
  display: flex;
  justify-content: center;
  margin-right: 16rpx;
 }
 .remark{
   background-color: #FFF;
   margin-top: 20rpx;
   height: 80rpx;
   margin-bottom: 20rpx;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
 .order-info-ft{
  height: 100rpx;
  background-color: #404040;
  width: 100%;
  bottom: 0rpx;
  position: fixed;
  display: inline-flex;
  align-items: center;
  padding-left:10rpx;
  /* margin-left: 2%; */
  }
.good-money {
  font-weight: bold;
}
 .ft-p  {
  font-size: 26rpx;
  color: #FFF;
  margin-bottom: -6rpx;
  margin-left: 10rpx;
 }

 .ft-price {
  color: #FFF;
  font-size: 37rpx;
 }

 .discount {
  color: #a3a3a3;
  font-size: 32rpx;
  margin-left: 20rpx;

 }

 .pay {
    width: 200rpx!important;
    margin-right: 30rpx!important;
    float:right!important;
    background-color: #d81e06!important;
    justify-content: center!important;
    align-items: center!important;
    color:#fff!important;
    border-radius: 10rpx!important;
    font-size:30rpx!important;
 }