index.less

@import '~@/themes/vars.less';

.root{
  height: 100%;
  background-color: #f0f2f5;
  font-size: @font-size-md;
  .header {
    height: 217px;
    width: 100%;
    background: url("../../../public/images/exam-header.png") center center no-repeat;
    background-size: cover;
    position: relative;
    .notice {
      position: absolute;
      left: 5%;
      right: 5%;
      bottom: -22px;
      line-height: 44px; /*让黄色div中的文字内容垂直居中*/
      border-radius: 4px;
      border: #176aff;
      background-color: @color-background;
      display: flex;
      margin: @space-xxxs;
      box-shadow: 0px 2px 12px 0px rgba(23, 106, 255, 0.16);
      img {
        margin-left: @space-sm;
        vertical-align: middle;
        line-height: 44px;
        height: 28px;
        width: 28px;
      }
      .title {
        margin-left: @space-sm;
        span {
          color: #ffc541;
        }
      }
    }
  }
  .menus{
    padding-top: @space-32;
    img{
      width: 48px;
      height: 48px;
      margin-bottom: @space-xxxs;
    }
    .row{
      display: flex;
      justify-content: space-around;
      text-align: center;
      padding-top: @space-md;
      .col{
        width: 50%;
      }
    }
  }
}