/**
弹框禁止滚动
*/
.tl-show {
  overflow: hidden;
  position: fixed;
  height: 100%;
  width: 100%;
}
.page-order {
  background: #f2f3f7;
  min-height: 100vh;
  .order-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    background: #fff;
    border-radius: 0rpx 0rpx 10rpx 10rpx;
    .input-box {
      height: 64rpx;
      // width: 690rpx;
      // margin: 0 auto;
      margin: 16rpx 30rpx 0 30rpx;
      border-radius: 32rpx;
      box-sizing: border-box;
      background: #f7f8fa;
      .uni-input-placeholder {
        font-size: 24rpx;
      }
    }
    .prod-status-bar {
      padding: 0 48rpx;
      background: #fff;
    }
    .prod-status-bar.shadow {
      box-shadow: 0 4rpx 8rpx  rgba(0, 0, 0, .1);
    }
  }
  .content {
    position: relative;
    top: 190rpx;
  }
  .screen-box {
    display: flex;
    justify-content: space-between;
    margin: 20rpx 30rpx;
    margin-top: 0;
    font-size: 28rpx;
    .screen-btn {
      cursor: pointer;
    }
    .screen-tip {
      display: flex;
      align-items: center;
    }
    .screen-tip::after {
      margin-left: 10rpx;
      content: '';
      width: 0;
      height: 0;
      border-left: 10rpx solid transparent;
      border-right: 10rpx solid transparent;
      border-top: 14rpx solid #082ba6;
    }
  }
}
