.lx-footer {
  width: 100%;
  background: #fff;
  box-shadow: 0px -4rpx 20rpx 0 rgba(0,0,0,0.1);

  &__container {
    padding: 0 35rpx;
    box-sizing: border-box;
    width: 100%;
    height: 134rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  &__safe-area {
    width: 100%;
    // TDDO：找设计确认安全距离是否加
    height: calc(env(safe-area-inset-bottom) - 30rpx); /* 在原有高度基础上加上底部安全区域的高度 */
  }

  &--left {
    display: flex;
    justify-content: flex-start;
    flex: 1;
  }

  &--right {
    flex: 1;
    display: flex;
    justify-content: flex-end;
  }
}