@import '~antd/lib/style/themes/default.less';

:global {
  .province_btn{
    margin-left: 20px;
    &:first-child{
      margin-left: 0;
    }
  }
  .choose_provinces_modal{
    margin-top: 100px;
    .ant-modal-footer{
      display: none;
    }
  }
  .Enroll {
    .introduce{
      padding: 20px 40px 0;
      text-align: left;
    }
    .enroll-header {
      height: 72px;
      background: #0f71ff;
      border-bottom: 1px solid #0f71ff;
      box-shadow: 0 2px 11px 0 rgba(15, 113, 255, 0.5);
      color: #fff;
      overflow: hidden;
      .head-portrait {
        padding: 18px 0 18px 16px;
        float: left;
        overflow: hidden;
        .head-portrait-con {
          float: left;
          width: 34px;
          height: 34px;
          background: #ffffff;
          border: 1px solid #d9d9d9;
          border-radius: 17px;
          margin-right: 8px;
        }
        .head-portrait-text {
          float: right;
          position: relative;
          top: -4px;
        }
      }
      .head-portrait-register {
        float: right;
        margin: 28px;
      }
    }
    .enroll-main {
      background: #f0f2f5;
      padding-top: 40px;
    }
    .enroll-content {
      width: 680px;
      // height: 374px;
      margin: 0 auto;
      background: #fff;
      border-radius: 8px;
      padding: 31px 0;
      .enroll-container {
        width: 100%;
        overflow: hidden;
        .enroll-category {
          width: 339px;
          float: left;
          margin: 0 auto;
          text-align: center;
        }
      }
      .enroll-border {
        border-left: 1px dashed #e9e9e9;
      }
    }
    .enroll-dl {
      padding-top: 9px;
    }
    .enroll-text {
      font-size: 24px;
      color: #333333;
      letter-spacing: 0;
      line-height: 24px;
    }
    .enroll-img {
      margin: 40px 0 20px 0;
    }
    .enroll-btn {
      .ant-btn {
        width: 180px;
      }
    }
  }
}