Restaurant/dininghall/pages/index/bill/bill.acss

page {
  background: #F6F7F8;
  width: 100%;
  height: 100%;
}
/* .refund{
    font-size: 0.28rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: red;
    text-align: right;
    margin-right: 28rpx;
} */
/* .ass{
  width: 95rpx;
  height: 72rpx;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 10;
} */
.bill-topbox{
  padding-top: 32rpx;
}
.bill-topbox .bill-topimage {
  width: 95rpx;
  height: 72rpx;
}
.bill-topbox .bill-dbicon {
  width: 86.47rpx;
  height: 47.3rpx;
  position: fixed;
  bottom: 0;
  right: 0;
  margin: 0;
}

.bill-xfbox {
  width: 686rpx;
  /* height: 290rpx; */
  background: #FFFFFF;
  box-shadow: 8rpx 8rpx 8rpx 0rpx rgba(220, 223, 226, 0.25);
  border-radius: 8rpx;
  margin: 0 auto;
  position: relative;
  margin-bottom: 24rpx;
  margin-top: 5rpx !important;
}

/* .bill-xfbox view:nth-child(1) {
  height: 44rpx;
  font-size: 32rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #2B2C2C;
  padding-top: 44rpx;
  margin: 0rpx 0rpx 36rpx 32rpx;
}

.bill-xfbox view:nth-child(2) {
  height: 40rpx;
  font-size: 28rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #204033;
  margin-bottom: 20rpx;
}

.bill-xfbox view:nth-child(3) {
  height: 40rpx;
  font-size: 28rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #204033;
  margin-bottom: 20rpx;
}
.bill-xfbox view:nth-child(4) {
  height: 40rpx;
  font-size: 28rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #204033;
  margin-bottom: 20rpx;
}

.bill-xfbox text {
  display: inline-block;
  width: 14rpx;
  height: 14rpx;
  border: 2rpx solid #0A9B57;
  border-radius: 50%;
  margin-right: 8rpx;
  margin-left: 32rpx;
}

.bill-xfbox view:nth-child(5) {
  height: 40rpx;
  font-size: 28rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #204033;
}
.bill-xfbox view:nth-child(6) {
  height: 48rpx;
  font-size: 40rpx;
  font-family: DIN-Medium, DIN;
  font-weight: 500;
  color: #5E5F60;
  position: absolute;
  top: 42rpx;
  right: 28rpx;
}
.bill-xfbox .subsidy {
  height: 40rpx;
  font-size: 28rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #0E9D5A;
  position: absolute;
  top: 120rpx;
  right: 28rpx;
}

.bill-xfbox .coupon {
  height: 40rpx;
  font-size: 28rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #0E9D5A;
  position: absolute;
  bottom: 170rpx;
  right: 28rpx;
}
.bill-xfbox .time{
  height: 40rpx;
  font-size: 28rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #0E9D5A;
  position: absolute;
  bottom: 50rpx;
  right: 28rpx;
}
.bill-xfbox .zfb {
  height: 40rpx;
  font-size: 28rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #0E9D5A;
  position: absolute;
  bottom: 110rpx;
  right: 28rpx;
} */
.contens{
  color: #AEAFB0;
  font-size: 28rpx;
  width: 100%;
  margin: 20rpx auto;
  text-align: center;
  display: block;
}
.bill-image{
  display: block;
  margin: 0rpx auto;
  background-size: 80% 80% !important;
  background-position: 30px;
}
.box{
  padding: 300rpx 0 0 0;
}
.rental{
  padding: 28rpx;
  font-size: 32rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #2B2C2C;
  justify-content: space-between;
}
.rental text:nth-child(2){
  font-size: 40rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #5E5F60;
}
.flexs{
  display: flex;
  align-items: center;
}
.list,.Time{
  padding: 0rpx 28rpx;
}
.list .flex view:nth-child(1){
  font-size: 28rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #204033;
}
.list .flex{
  /* width: 33%; */
  text-align: center;
}
.list .flex view:nth-child(2){
  font-size: 28rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color:#0E9D5A;
  margin-left:20rpx; 
}
.Time{
  font-size: 28rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color:#0E9D5A;
  padding: 40rpx 28rpx 30rpx 28rpx;
}
.refunds{
  font-size: 0.28rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: red;
  text-align: right;
  padding-bottom: 28rpx;
  margin-right: 28rpx;
}
.flex{
  display: flex;
  align-items: center;
  justify-content: space-between;
}