vip-login.scss 2.25 KB
@import '../../assets/scss/mixins';
@import '../../assets/scss/utils';

.page {
  padding-bottom: $pageBottom;

  .bgc {
    background-color: #f0f0f0;
  }

  .bg {}

  .main {
    .top-space {
      height: 40px;
    }

    .content {
      position: relative;

      // 表单
      .form {
        &-item {
          @extend .bb;
          padding: 24px 30px;
          background: #fff;
          font-size: 28px;
          display: flex;
          align-items: center;
          margin-bottom: 20px;

          .label {
            min-width: 150px;
          }

          .cont {
            flex: 1;
            @extend .bb;
            padding-left: 20px;
          }

          .address {
            display: flex;
            .area {
              width: 220px;
              color: #333333;
              @include ellipsis(1);
            }

            .line {
              width: 2px;
              height: 40px;
              background: #D8D8D8;
              margin: 0 40px;
            }
          }

          .exts {
            @extend .fcc;
            @extend .bb;
            // padding: 20px 0px 20px 20px;

            .icon {
              width: 16px;
              height: 28px;
            }

            .code {
              font-size: 28px;
              color: #3680EB;
            }
          }
        }

        &-item-textarea {
          align-items: flex-start;

          .cont {
            margin-top: 4px;
            height: auto;
            min-height: 120px;
          }
        }

      }

      // 上传
      .upload {
        background: #fff;

        &-tit {
          @extend .bb;
          padding: 24px 30px;
          font-size: 24px;
          color: #666666;
        }

        &-wrap {
          display: flex;
          justify-content: space-between;
          @extend .bb;
          padding: 32px 66px 66px;

          &-item {
            text-align: center;

            .image {
              width: 240px;
              height: 152px;
            }

            .tips {
              font-size: 24px;
              color: #666666;
              margin-top: 24px;
            }
          }
        }

      }

      // 提交按钮
      .submit-btn {
        @include cb(320px, 84px);
        margin: 40px auto 0;
      }
    }
  }
}