@import '../../assets/scss/mixins';
@import '../../assets/scss/utils';

$contentWidth:690px;

.page {
  padding-bottom: $pageBottom;

  .bgc {}

  .bg {}

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

    .content {
      position: relative;

      // banner
      .banner {
        width: 726px;
        margin: 0 auto;

        image {
          width: 726px;
        }
      }

      // 表单
      .table {
        .form {
          &-item {
            font-size: 28px;
            display: flex;
            justify-content: space-between;
            margin: 30px auto;

            .label {
              color: #666666;
              width: 120px;
              margin-right: 20px;
            }

            .val {
              flex: 1;
              color: #333333;
            }

            .net {
              color: #3680EB;
            }

            .exts {
              @extend .fcc;

              .icon {
                width: 36px;
                height: 35px;
                margin-right: 10px;
              }
            }
          }
        }
      }

      // 关注
      .focus {
        text-align: center;
        display: flex;
        justify-content: center;
        font-size: 26px;

        &-item {
          margin: 0 12px;

          .t1{
            margin-top: -12px;
          }
        }

        .qrcode {
          width: 280px;
        }

        .tips {
          margin-top: 10px;
          font-size: 28px;
          color: #333333;
        }

        .btn {
          // @extend .bc
          @include cb();
          margin: 40px auto 24px;
        }

      }
    }
  }
}

.border {
  width: $contentWidth;
  @extend .shadow;
  background-color: #ffffff;
  @extend .bb;
  padding: 24px 30px;
  margin: 0 auto 20px;
}

.official-account-wrap {
  width: $contentWidth;
  margin: 24px auto;

  .official-account {}
}