@import '~taro-ui/dist/style/components/icon.scss';
// 拍照样式
.cts-take-photo {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10;
  background-color: black;

  .camera-border {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    // z-index: 1;
    display: flex;
    justify-content: center;
    // align-items: center;
    // margin-top: 400px;

    // height: 400px;
    .camera-border-home {
      width: 80%;
      // height: 300px;
      // width: 600px;
      // margin-top: 260px;
      border: 8px solid #6190e8;
      border-radius: 16px;
    }
  }

  .camera-tip {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    .camera-home {
      width: 80%;
      margin: auto;
    }
    .note {
      color: white;
      text-align: center;
      // display: flex;
      // // justify-content: center;
      // flex-wrap: wrap;
      // word-wrap: break-word;
      &.top {
        margin-top: 320px;
        // margin-top: 516px;
        // margin-top: 160PX;
        font-size: 34px;
      }

      &.bottom {
        margin-top: 480px;
        // margin-top: 280PX;
      }

      // .text {
      //   color: red;
      //   display: inline;
      // }
    }

    .camera-btn {
      margin-top: 50px;
      display: flex;
      button {
        width: 50%;
        &:nth-child(1) {
          @include btn-style(#6190e8, #dfe9fa, #dfe9fa);
          margin-right: 50px;
          font-size: 30px;
        }
        &:nth-child(2) {
          @include btn-style(white, #6190e8, #6190e8);
          font-size: 30px;
        }
      }
    }
  }

  .at-icon-image {
    color: white;
    position: fixed;
    right: 0;
    bottom: 0;
    margin: 30px 50px;
    font-size: 50px;
  }

  .data {
    position: fixed;
    left: 0;
    bottom: 0;
    color: white;
  }
}