.app-wallpaper{
  padding:16rpx 26rpx;
}
.body-background{
  background: {
    color:#F5F5F6;
  };
  height:100vh;
}
.screen-container{
  background:{
    color:#fff;
  }
}
.lists-container{
  padding:16rpx 26rpx;
  .item{
    padding:22rpx 40rpx;
    width:100%;
    background:{
      color:#fff;
    }
    border-radius: 10rpx;
    min-height:200rpx;
    margin-bottom:16rpx;
    .item-header{
      justify-content: space-between;
      padding:14rpx 0;
      border-bottom:2rpx solid #EEEEEE;
      .status{
        font-size: 28rpx;
        font-weight: 400;
        line-height: 40rpx;
        &.green{
          color: #0EAF4E;
        }
        &.orange{
          color: #FF9545;
        }
        &.blue{
          color: #178AF2;
        }
        &.red{
          color: darkred;
        }
      }
    }
    .item-body{
      padding:22rpx 0;
      .body-main{
        .thumb{
          margin-right:32rpx;
        }
        .info{
          justify-content: space-between;
          .info-left{
            max-width:280rpx;
            .info-title{
              font-size: 28rpx;
              font-weight: 400;
              color: #020B18;
              line-height: 40rpx;
            }
          }
          .info-right{
            justify-content: flex-end;
            text-align: right;
            .info-price{
              font-size: 24rpx;
              font-weight: 700;
              color: #020B18;
              line-height: 26rpx;
              margin-bottom:10rpx;
            }
            .info-number{
              font-size: 28rpx;
              font-weight: 400;
              color: #AFB5BE;
              line-height: 40rpx;
            }
          }
          .info-ext{
            justify-content: flex-end;
            align-items: flex-end;
            .label,.price{
              font-size: 28rpx;
              font-weight: 700;
              line-height: 30rpx;
            }
            .label{
              color: #020B18;
              margin-right:10rpx;
            }
            .price{
              color: #FF9545;
            }
          }
        }
      }
      &.room{
        .body-main{
          .info{
            .info-left{
              max-width:100%;
            }
            .info-ext{
              justify-content: space-between;
              .label{
                color:#AFB5BE;
              }
            }
          }
        }
      }
    }
    .item-footer{
      padding-top:10rpx;
      align-items: center;
      .phone{
        .phone-button{
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center;
          width:56rpx;
          height:56rpx;
          border-radius:50%;
          background:{
            color:#FF9545;
          }
        }
      }
      .button-group{
        align-items: center;
        justify-content: flex-end;
        .button{
          margin-left:16rpx;
        }
      }
    }
  }
}
.foot-button{
  padding:40rpx 26rpx;
  position: fixed;
  bottom:0;
  left:0;
  z-index: 9999;
  width: 100%;
  background: {
    color:#FFFFFF;
  };
}