//@import "../base/colors.scss";
@import "../base/utils.scss";

@mixin setFontAframeWelcomeInfo() {
  $color1: #FFF;
  $color2: #CCC;

  .welcome-info {

    .el-breadcrumb {
      margin-bottom: 16px;
    }

    //修改页面样式 author: TX date:2019-09-04
    .mta-Welcome-wrap {
      background: #FFF;
      border-radius: 8px;
      padding: 30px 5px 15px 20px;
      //IE11 hack
      margin-bottom: 20px\0;
      //火狐 hack
      @-moz-document url-prefix() {
        margin-bottom: 20px;
      }
      .ps {
        padding-right: 30px;
      }
      .wrap-top-p{
        margin: 0 0 30px 16px
      }
    }

    .welcomeDialog1 {
      .el-dialog__body {
        margin-top: -18px
      }
    }
    //用户信息
    .user-info{margin: 0 0 30px 16px}
    //弹窗
    .welcome-dialog{
      .el-dialog__body{padding: 40px 25px 10px;}
      h2{@include setFontBase(0);margin: 10px 0;}
      p{@include setFontBase(-4);margin: 10px 0 20px;}
    }
    //新增响应式
    @media screen and (max-width: 1600px) {
      .mta-quick-entrys-content{
        > div img{
          margin: 20px 20px 0 20px;
        }
      }
      .el-card__body{
        padding: 15px;
        h3{
          @include setFontBase(-2);
          margin: 0 auto 15px;
        }
        p{
          @include setFontBase(-5);
          margin: 15px auto;
        }
      }
      .box-left{
        padding: 15px;
        width: 310px;
        h3{
          @include setFontBase(-2);
          margin: 15px auto;
        }
        p{
          @include setFontBase(-5);
          margin: 15px auto;
        }
      }
      //近期考试监控框
      .recent-test-boxs .box-card{
        min-height: 220px;
      }
    }

    @media screen and (max-width: 1440px) {
      //导航
      .el-breadcrumb {
        margin-bottom: 10px;
        @include setFontBase(-5);
      }
      .shiti-title{
        @include setFontBase(-4);
      }
      .mta-Welcome-wrap{
        padding: 15px;
        .wrap-top-p{
          margin: 0 0 20px 16px;
          @include setFontBase(-4);
        }
      }
      .first-row-line{
        margin: 10px 0;
        .el-col .text-label{
          margin: 10px auto;
          @include setFontBase(-4);
        }
        .el-col .text-label + div{
          @include setFontBase(8);
          margin-bottom: 15px;
        }
      }
      .mta-quick-entrys-content{
        margin: 10px 0 10px;
        .quick-etrys-info{
          margin-right: 5px;
          h3{
            @include setFontBase(-4,true);
            margin: 10px auto;
          }
          p{
            @include setFontBase(-7,true);
            margin: 10px auto;
          }
        }
      > div img{
        margin: 12px 10px 0 5px;
      }
      }
      .recent-test{
        margin: 10px 0 10px 10px;
        .recent-test-boxs .box-card{
          min-height: 180px;
        }
      }
      .statistical-analysis{
        margin: 10px 0 20px 10px;
      }
      .el-card__body{
        padding: 10px;
        h3{
          @include setFontBase(-4);
          margin: 0 auto 10px auto;
        }
        p{
          @include setFontBase(-6);
          margin: 10px auto;
        }
      }
      .box-left{
        padding: 10px;
        width: 300px;
        margin-left: 0;
        h3{
          @include setFontBase(-3);
          margin: 0 auto 10px;
        }
        p{
          @include setFontBase(-6);
          margin: 10px auto;
        }
      }
      //用户信息
      .user-info{margin: 0 0 15px 15px;@include setFontBase(-4);}
      //弹窗
      .welcome-dialog{
        h2{@include setFontBase(-4);margin: 10px 0;}
        p{@include setFontBase(-6);margin: 10px 0 20px;}
      }
    }
  }
}
