.agger {
  min-height: 100vh;
  background: #F3F5FD;
  padding: 2vh 16vw; }
  .agger .el-dialog {
    margin: 15vh auto !important; }
  .agger .el-dialog__body {
    padding: 0; }
  .agger .signs {
    position: relative;
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently not supported by any browser */
    width: 49vw;
    height: 50vh;
    margin: 2vh auto;
    margin-top: 5vh;
    background: #F3F5FD;
    border-radius: 10px;
    font-weight: 600;
    font-size: 3vw;
    color: #DCDFE6;
    line-height: 20vh;
    text-align: center; }
    .agger .signs #canvas {
      width: 100%;
      height: 100%;
      z-index: 999; }
    .agger .signs .signTitle {
      position: absolute;
      top: 0vh;
      left: 26.5vw;
      height: 0vh; }
  .agger .back {
    cursor: pointer; }
  .agger .aggerCards {
    margin-top: 2vh;
    width: 66vw;
    padding: 3vw;
    background: #ffffff;
    border-radius: 8px; }
    .agger .aggerCards .cardTitle {
      font-size: 2vw;
      text-align: center; }
    .agger .aggerCards .cardInfo {
      font-size: 1vw;
      text-align: left;
      margin-top: 2vh;
      min-height: 40vh; }
    .agger .aggerCards .sign {
      position: relative;
      -webkit-user-select: none;
      /* Chrome/Safari/Opera */
      -moz-user-select: none;
      /* Firefox */
      -ms-user-select: none;
      /* Internet Explorer/Edge */
      user-select: none;
      /* Non-prefixed version, currently not supported by any browser */
      width: 64vw;
      height: 20vh;
      margin: 2vh auto;
      margin-top: 5vh;
      background: #F3F5FD;
      border-radius: 10px;
      font-weight: 600;
      font-size: 3vw;
      color: #DCDFE6;
      line-height: 20vh;
      text-align: center; }
      .agger .aggerCards .sign #canvas {
        width: 100%;
        height: 100%;
        z-index: 999; }
      .agger .aggerCards .sign .signTitle {
        position: absolute;
        top: 0vh;
        left: 26.5vw;
        height: 0vh; }
    .agger .aggerCards .save {
      margin: 2vh auto;
      cursor: pointer;
      width: 7vw;
      height: 4.2vh;
      background: #2C8BF2;
      border-radius: 20px;
      font-weight: 400;
      font-size: .8vw;
      color: #FFFFFF;
      line-height: 4.2vh;
      text-align: center; }

.evaluation2 {
  background: linear-gradient(180deg, #D8E9FF 0%, #F0F1F5 100%);
  height: 100vh;
  padding: 20vh 0 0 16vw;
  box-sizing: border-box; }
  .evaluation2 .el-checkbox__input.is-checked + .el-checkbox__label {
    color: #4E5969 !important; }
  .evaluation2 .el-checkbox__input.is-checked .el-checkbox__inner, .evaluation2 .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #ccc !important;
    border-color: #ccc !important; }
  .evaluation2 .evaluation2Info .evaluation2InfoTitle {
    font-size: 1.8vw;
    font-weight: 550; }
  .evaluation2 .evaluation2Info .infoTitle {
    color: #4E5969;
    margin-top: 4vh; }
    .evaluation2 .evaluation2Info .infoTitle .infoTitles {
      margin-top: 1vh; }
  .evaluation2 .evaluation2Info .agree {
    margin-top: 6vh;
    color: #4E5969; }
  .evaluation2 .evaluation2Info .evaluation2Button {
    cursor: pointer;
    width: 8vw;
    height: 4.2vh;
    background: #2C8BF2;
    border-radius: 20px;
    font-weight: 400;
    font-size: .8vw;
    color: #FFFFFF;
    line-height: 4.2vh;
    text-align: center;
    margin-top: 2vh; }

.el-button--small {
  border-radius: 2vw !important; }

.survey {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 2vh 4vw;
  background: #d4e2fd;
  display: flex;
  justify-content: center; }
  .survey .answer-status__icon {
    display: inline-block;
    width: 2vw;
    height: 4vh;
    line-height: 4vh;
    text-align: center;
    vertical-align: -4px;
    border-radius: .2vw;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
    transition: all cubic-bezier(0.4, 0, 1, 1) 0.15s; }
    .survey .answer-status__icon.answer-status__icon {
      margin-left: .5vw;
      margin-top: 1vh; }
    .survey .answer-status__icon.answered {
      color: #ffffff;
      background: #2C8BF2;
      box-shadow: unset; }
    .survey .answer-status__icon.is-active {
      color: #404040;
      box-shadow: 0 0 0 1px #2C8BF2 inset; }
  .survey .page {
    display: flex;
    flex-direction: column;
    width: 40vw;
    padding: 1em 2em;
    background: #ffffff;
    border-radius: 8px; }
    .survey .page + .page {
      margin-left: 2em; }
    .survey .page .page-header {
      margin-top: 1vh;
      display: flex;
      justify-content: space-between; }
      .survey .page .page-header .el-breadcrumb {
        margin-top: 6px; }
      .survey .page .page-header .answer-status {
        width: 200px;
        display: flex;
        font-size: .6vw;
        align-items: flex-end; }
        .survey .page .page-header .answer-status > div {
          white-space: nowrap; }
        .survey .page .page-header .answer-status .answer-status__icon {
          display: inline-block;
          width: 16px;
          height: 16px;
          border-radius: 4px;
          margin-right: 4px;
          margin-left: 1em;
          vertical-align: -4px; }
      .survey .page .page-header .answer-summary {
        margin-top: 2vh;
        color: #898989; }
    .survey .page .el-radio__label {
      font-size: 1vw; }
    .survey .page .page-content {
      margin-top: 1vh; }
      .survey .page .page-content .question-item .question-item__title {
        font-weight: 700;
        font-size: 1.4vw; }
      .survey .page .page-content .question-item__content {
        margin: 3vh 0; }
        .survey .page .page-content .question-item__content .el-radio-group, .survey .page .page-content .question-item__content .el-checkbox-group {
          display: block; }
        .survey .page .page-content .question-item__content .el-radio, .survey .page .page-content .question-item__content .el-checkbox {
          display: block;
          margin-bottom: 1em;
          font-size: 15px; }
      .survey .page .page-content .answer-status__icon {
        cursor: pointer; }
        .survey .page .page-content .answer-status__icon:hover {
          box-shadow: 0 0 0 1px #7ab7fc inset;
          background: #c9def6; }
    .survey .page .page-footer {
      margin-top: 1em; }

.evaluationBG {
  background: #F3F5FD;
  height: calc(100vh - 6vh); }
  .evaluationBG .evaluation {
    background: #F3F5FD;
    padding: 5vh 2vw;
    box-sizing: border-box; }
    .evaluationBG .evaluation .evaluationBox {
      width: 96vw;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column; }
      .evaluationBG .evaluation .evaluationBox .isNone {
        margin: auto;
        margin-top: 10vh; }
        .evaluationBG .evaluation .evaluationBox .isNone .isNoneBoxImg {
          width: 20vw;
          height: 40vh; }
          .evaluationBG .evaluation .evaluationBox .isNone .isNoneBoxImg img {
            width: 100%;
            height: 100%; }
        .evaluationBG .evaluation .evaluationBox .isNone .isNoneBoxInfo {
          color: #595B63;
          font-size: 2vw;
          text-align: center; }
      .evaluationBG .evaluation .evaluationBox .evaluationBoxCard {
        width: 70vw;
        height: 11vh;
        background: #FFFFFF;
        border-radius: .4vw;
        display: flex;
        padding: 1vw;
        box-sizing: border-box;
        position: relative;
        margin: 1vh .5vw; }
        .evaluationBG .evaluation .evaluationBox .evaluationBoxCard .rightTOP {
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 1vw;
          color: #07B473;
          line-height: 4vh;
          text-align: center;
          font-style: normal;
          position: absolute;
          right: 0;
          top: 0;
          width: 5vw;
          height: 4vh; }
          .evaluationBG .evaluation .evaluationBox .evaluationBoxCard .rightTOP img {
            width: 100%;
            height: 100%; }
        .evaluationBG .evaluation .evaluationBox .evaluationBoxCard .evaluationBoxCardLeft {
          width: 8vh;
          height: 8vh;
          border-radius: 1vw; }
          .evaluationBG .evaluation .evaluationBox .evaluationBoxCard .evaluationBoxCardLeft img {
            border-radius: .8vw;
            width: 100%;
            height: 100%; }
        .evaluationBG .evaluation .evaluationBox .evaluationBoxCard .evaluationBoxCardCenter {
          width: 30vw;
          margin-left: 2vw; }
          .evaluationBG .evaluation .evaluationBox .evaluationBoxCard .evaluationBoxCardCenter .evaluationBoxCardCenterTitle {
            font-family: PingFangSC, PingFang SC;
            font-weight: 500;
            font-size: 1.2vw;
            color: #000000;
            text-align: left;
            font-style: normal; }
          .evaluationBG .evaluation .evaluationBox .evaluationBoxCard .evaluationBoxCardCenter .evaluationBoxCardCenterTime {
            margin-top: 2vh;
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            font-size: 1vw;
            color: #333333;
            text-align: left;
            font-style: normal; }
            .evaluationBG .evaluation .evaluationBox .evaluationBoxCard .evaluationBoxCardCenter .evaluationBoxCardCenterTime span {
              color: #929AA7;
              margin-right: 1w; }
            .evaluationBG .evaluation .evaluationBox .evaluationBoxCard .evaluationBoxCardCenter .evaluationBoxCardCenterTime b {
              font-style: none;
              margin-right: .3vw; }
            .evaluationBG .evaluation .evaluationBox .evaluationBoxCard .evaluationBoxCardCenter .evaluationBoxCardCenterTime .CardCenterTimeBottom {
              margin-top: 1vh; }
        .evaluationBG .evaluation .evaluationBox .evaluationBoxCard .el-dialog {
          border-radius: .8vw; }
        .evaluationBG .evaluation .evaluationBox .evaluationBoxCard .el-dialog__title {
          font-size: 1.3vw; }
        .evaluationBG .evaluation .evaluationBox .evaluationBoxCard .el-dialog__body {
          font-size: 1vw; }
        .evaluationBG .evaluation .evaluationBox .evaluationBoxCard .dialogInfo {
          line-height: 3vh; }
        .evaluationBG .evaluation .evaluationBox .evaluationBoxCard .dialogCheckbox {
          margin-top: 2vh;
          font-size: .8vw; }
        .evaluationBG .evaluation .evaluationBox .evaluationBoxCard .buttons {
          cursor: pointer;
          width: 7vw;
          height: 3.2vh;
          background: #2C8BF2;
          border-radius: 1.4vw;
          font-weight: 400;
          font-size: .8vw;
          color: #FFFFFF;
          line-height: 4.2vh;
          text-align: center;
          margin: 2vh 0 0 20vw; }
        .evaluationBG .evaluation .evaluationBox .evaluationBoxCard .evaluationBoxCardRight {
          margin-top: 5vh;
          margin-left: 28vw; }
          .evaluationBG .evaluation .evaluationBox .evaluationBoxCard .evaluationBoxCardRight .button {
            cursor: pointer;
            width: 5vw;
            height: 3.2vh;
            border-radius: 20px;
            font-weight: 400;
            font-size: .8vw;
            color: #FFFFFF;
            line-height: 3.2vh;
            text-align: center; }

.interviewBG {
  background: #F3F5FD;
  height: calc(100vh - 6vh); }
  .interviewBG .interview {
    background: #F3F5FD;
    padding: 5vh 2vw;
    box-sizing: border-box; }
    .interviewBG .interview .interviewBox {
      width: 96vw;
      display: flex;
      flex-wrap: wrap; }
      .interviewBG .interview .interviewBox .isNone {
        margin: auto;
        margin-top: 10vh; }
        .interviewBG .interview .interviewBox .isNone .isNoneBoxImg {
          width: 20vw;
          height: 40vh; }
          .interviewBG .interview .interviewBox .isNone .isNoneBoxImg img {
            width: 100%;
            height: 100%; }
        .interviewBG .interview .interviewBox .isNone .isNoneBoxInfo {
          color: #595B63;
          font-size: 2vw;
          text-align: center; }
      .interviewBG .interview .interviewBox .interviewBoxCard {
        width: 47vw;
        height: 20vh;
        background: #FFFFFF;
        border-radius: .4vw;
        display: flex;
        padding: 1vw;
        box-sizing: border-box;
        position: relative;
        margin: 1vh .5vw; }
        .interviewBG .interview .interviewBox .interviewBoxCard .rightTOP {
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 1vw;
          color: #07B473;
          line-height: 4vh;
          text-align: center;
          font-style: normal;
          position: absolute;
          right: 0;
          top: 0;
          width: 5vw;
          height: 4vh; }
          .interviewBG .interview .interviewBox .interviewBoxCard .rightTOP img {
            width: 100%;
            height: 100%; }
        .interviewBG .interview .interviewBox .interviewBoxCard .interviewBoxCardLeft {
          width: 8vw;
          height: 16vh;
          border-radius: 1vw; }
          .interviewBG .interview .interviewBox .interviewBoxCard .interviewBoxCardLeft img {
            border-radius: .8vw;
            width: 100%;
            height: 100%; }
        .interviewBG .interview .interviewBox .interviewBoxCard .interviewBoxCardCenter {
          width: 30vw;
          margin-left: 2vw; }
          .interviewBG .interview .interviewBox .interviewBoxCard .interviewBoxCardCenter .interviewBoxCardCenterTitle {
            font-family: PingFangSC, PingFang SC;
            font-weight: 500;
            font-size: 1.2vw;
            color: #000000;
            text-align: left;
            font-style: normal; }
          .interviewBG .interview .interviewBox .interviewBoxCard .interviewBoxCardCenter .interviewBoxCardCenterTime {
            margin-top: 2vh;
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            font-size: .8vw;
            color: #333333;
            text-align: left;
            font-style: normal; }
            .interviewBG .interview .interviewBox .interviewBoxCard .interviewBoxCardCenter .interviewBoxCardCenterTime span {
              color: #929AA7;
              margin-right: 1w; }
            .interviewBG .interview .interviewBox .interviewBoxCard .interviewBoxCardCenter .interviewBoxCardCenterTime b {
              font-style: none;
              margin-right: .3vw; }
            .interviewBG .interview .interviewBox .interviewBoxCard .interviewBoxCardCenter .interviewBoxCardCenterTime .CardCenterTimeBottom {
              margin-top: 1vh; }
        .interviewBG .interview .interviewBox .interviewBoxCard .el-dialog {
          border-radius: .8vw; }
        .interviewBG .interview .interviewBox .interviewBoxCard .el-dialog__title {
          font-size: 1.3vw; }
        .interviewBG .interview .interviewBox .interviewBoxCard .el-dialog__body {
          font-size: 1vw; }
        .interviewBG .interview .interviewBox .interviewBoxCard .dialogTime {
          font-weight: 700; }
        .interviewBG .interview .interviewBox .interviewBoxCard .dialogInfo {
          margin-top: 2vh;
          line-height: 3vh; }
        .interviewBG .interview .interviewBox .interviewBoxCard .dialogCheckbox {
          margin-top: 2vh;
          font-size: .8vw; }
        .interviewBG .interview .interviewBox .interviewBoxCard .buttons {
          cursor: pointer;
          width: 7vw;
          height: 4.2vh;
          background: #2C8BF2;
          border-radius: 1.4vw;
          font-weight: 400;
          font-size: .8vw;
          color: #FFFFFF;
          line-height: 4.2vh;
          text-align: center;
          margin: 2vh 0 0 20vw; }
        .interviewBG .interview .interviewBox .interviewBoxCard .interviewBoxCardRight {
          margin-top: 5vh; }
          .interviewBG .interview .interviewBox .interviewBoxCard .interviewBoxCardRight .button {
            cursor: pointer;
            width: 7vw;
            height: 5vh;
            background: #2C8BF2;
            border-radius: 2vw;
            font-weight: 400;
            font-size: 1vw;
            color: #FFFFFF;
            line-height: 5vh;
            text-align: center; }

.home {
  background: #F3F5FD;
  height: calc(100vh - 11vh);
  padding: 1vw; }
  .home .istop {
    height: 17vh;
    display: flex; }
    .home .istop .topinfo {
      width: 28vw;
      background: url("/content/image/xljkImg/grxx.png");
      background-size: 100% 100%;
      display: flex;
      padding: 0 1vw; }
      .home .istop .topinfo .topinfoLeft {
        width: 20%; }
        .home .istop .topinfo .topinfoLeft .img {
          margin: auto;
          margin-top: 3vh;
          width: 5vw;
          height: 10vh;
          background: #ccc;
          border-radius: 50%; }
      .home .istop .topinfo .topinfoRight {
        box-sizing: border-box;
        margin: 3vh 0 0  1vw;
        color: #fff;
        width: 80%; }
        .home .istop .topinfo .topinfoRight .infoRightTop {
          display: flex; }
          .home .istop .topinfo .topinfoRight .infoRightTop .infoRightName {
            font-size: 1.4vw;
            font-weight: 600; }
          .home .istop .topinfo .topinfoRight .infoRightTop .infoRightIp {
            margin-left: 1vw;
            line-height: 4vh;
            font-size: .8vw; }
        .home .istop .topinfo .topinfoRight .infoRightCenter {
          margin-top: 2vh;
          display: flex; }
          .home .istop .topinfo .topinfoRight .infoRightCenter .infoRightXX {
            font-size: .8vw;
            margin-right: .5vw; }
          .home .istop .topinfo .topinfoRight .infoRightCenter .infoRightBJ {
            margin-left: .5vw;
            font-size: .8vw; }
        .home .istop .topinfo .topinfoRight .infoRightBottom {
          margin-top: .5vh;
          font-size: .8vw; }
    .home .istop .cp {
      background: url("/content/image/xljkImg/ljcp.png");
      flex: 1;
      margin-left: 1vw;
      background-size: 100% 100%;
      font-size: 1.6vw;
      color: #fff;
      padding: 3vh 0 0  2.2vw;
      box-sizing: border-box; }
    .home .istop .ft {
      flex: 1;
      margin-left: 1vw;
      background: url("/content/image/xljkImg/yyft.png");
      background-size: 100% 100%;
      font-size: 1.6vw;
      color: #fff;
      padding: 3vh 0 0  2vw;
      box-sizing: border-box; }
    .home .istop .ksft {
      flex: 1;
      margin-left: 1vw;
      background: url("/content/image/xljkImg/ksft.png");
      background-size: 100% 100%;
      font-size: 1.6vw;
      color: #fff;
      padding: 3vh 0 0  2.2vw;
      box-sizing: border-box; }
  .home .bottom {
    margin-top: 2vh;
    height: 69vh;
    display: flex; }
    .home .bottom .bottomLeft {
      width: 30vw;
      background: #fff;
      border-radius: .2vw;
      padding: 1vh 1vw;
      box-sizing: border-box;
      font-weight: 700; }
      .home .bottom .bottomLeft .bottomLeftTitle .bottomLeftTitleLeft {
        padding-bottom: 1vh;
        border-bottom: .1vh solid #E6E6E6;
        display: flex;
        line-height: 2vh; }
        .home .bottom .bottomLeft .bottomLeftTitle .bottomLeftTitleLeft .TitleLeftLogo {
          margin-right: .2vw;
          width: 1vw;
          height: 2vh; }
          .home .bottom .bottomLeft .bottomLeftTitle .bottomLeftTitleLeft .TitleLeftLogo img {
            width: 100%;
            height: 100%; }
    .home .bottom .bottomRight {
      padding: 1vh 1vw;
      box-sizing: border-box;
      flex: 1;
      margin-left: 1vw;
      background: #fff;
      border-radius: .2vw;
      font-weight: 700; }
      .home .bottom .bottomRight .bottomRightTitle {
        padding-bottom: 1vh;
        border-bottom: .1vh solid #E6E6E6;
        line-height: 2vh;
        display: flex;
        justify-content: space-between; }
        .home .bottom .bottomRight .bottomRightTitle .bottomRightTitleLeft {
          display: flex; }
          .home .bottom .bottomRight .bottomRightTitle .bottomRightTitleLeft .TitleLeftLogo {
            margin-right: .2vw;
            width: 1vw;
            height: 2vh; }
            .home .bottom .bottomRight .bottomRightTitle .bottomRightTitleLeft .TitleLeftLogo img {
              width: 100%;
              height: 100%; }
      .home .bottom .bottomRight .bottomRightBox {
        overflow-y: auto;
        width: 64.5vw;
        height: 64vh;
        padding: 1vh 0;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap; }
        .home .bottom .bottomRight .bottomRightBox .bottomRightBoxList {
          box-shadow: 0px 0.4vw 0.6vw 0px rgba(134, 144, 156, 0.15);
          border-radius: .4vw;
          margin-left: 1.1vw;
          margin-top: 1.2vh;
          width: 20vw;
          height: 27vh; }
          .home .bottom .bottomRight .bottomRightBox .bottomRightBoxList .BoxListTop {
            width: 100%;
            height: 19vh; }
            .home .bottom .bottomRight .bottomRightBox .bottomRightBoxList .BoxListTop img {
              width: 100%;
              height: 100%; }
          .home .bottom .bottomRight .bottomRightBox .bottomRightBoxList .BoxListBottom {
            padding: 1vh 1vw; }
            .home .bottom .bottomRight .bottomRightBox .bottomRightBoxList .BoxListBottom .BoxListBottomTitle {
              color: #232427; }
            .home .bottom .bottomRight .bottomRightBox .bottomRightBoxList .BoxListBottom .BoxListBottomInfo {
              font-size: .8vw;
              margin-top: 1vh;
              color: #86909C; }

.wdrw-list {
  height: 32vh; }
  .wdrw-list .el-calendar__button-group {
    width: 11vw;
    font-size: 1vw;
    margin-top: .1vh; }
  .wdrw-list .el-button--mini {
    font-size: .6vw;
    padding: 1vh .8vw; }
  .wdrw-list .el-calendar-table .el-calendar-day {
    height: 4vh;
    font-size: 1vw; }
  .wdrw-list .el-calendar-table td {
    border: none;
    text-align: center; }
  .wdrw-list .el-calendar-table thead th {
    padding: 1vw 0; }
  .wdrw-list .el-calendar__header, .wdrw-list .el-calendar__body, .wdrw-list .el-calendar-table .el-calendar-day {
    padding: 0px;
    height: 3.6vh;
    line-height: 3.6vh; }
  .wdrw-list .rqBox {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .wdrw-list .rqBox .dian {
      width: .2vw;
      height: .2vh;
      background: red;
      border-radius: 50%; }

.el-empty {
  width: 10vw;
  height: 10vh;
  padding: 2vh 2vw; }

.dbList {
  height: 100%;
  max-height: 54vh;
  padding: .4vw;
  box-sizing: border-box;
  padding-bottom: 0; }
  .dbList .emptyBox {
    display: flex;
    margin-top: 8vh;
    height: 20vh;
    align-items: center;
    justify-content: center; }
  .dbList .listBox {
    height: 100%;
    overflow-y: auto; }
    .dbList .listBox .el-card__body {
      padding: .4vw;
      background: #E5EEFE; }
      .dbList .listBox .el-card__body .title {
        color: #333333; }
        .dbList .listBox .el-card__body .title .type {
          font-weight: 600;
          font-size: 1vw;
          color: #2476FF;
          line-height: 22px; }
      .dbList .listBox .el-card__body .botBox {
        display: flex;
        flex-direction: column;
        padding-left: .4vw; }
        .dbList .listBox .el-card__body .botBox .bot {
          margin-top: .4vw; }

@charset "UTF-8";
body {
  margin: 0;
  padding: 0; }

#app {
  max-width: 100%;
  margin: 0 auto;
  background-color: white;
  height: 100%; }
  #app .nav a {
    text-decoration: none;
    margin-right: 10px; }

* {
  margin: 0;
  padding: 0; }

a {
  text-decoration: none;
  display: block; }

.overflow-1, .overflow-2, .overflow-3, .overflow-4, .overflow-5, .overflow-6 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-break: break-all; }

.overflow-1 {
  -webkit-line-clamp: 1; }

.overflow-2 {
  -webkit-line-clamp: 2; }

.overflow-3 {
  -webkit-line-clamp: 3; }

.overflow-4 {
  -webkit-line-clamp: 4; }

.overflow-5 {
  -webkit-line-clamp: 5; }

.overflow-6 {
  -webkit-line-clamp: 6; }

@media screen and (max-width: 767px) {
  .header .header-menu {
    padding: 0 1vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    height: 6vh; }
    .header .header-menu .el-menu.el-menu--horizontal {
      border: none;
      height: 6vh;
      line-height: 6vh; }
    .header .header-menu .left-content img {
      width: 2vw;
      height: 4vh;
      object-fit: cover;
      vertical-align: sub; }
    .header .header-menu .left-content .title {
      font-weight: 600;
      font-size: 1.5vw;
      color: #232427;
      line-height: 37px;
      text-align: left;
      font-style: normal; }
    .header .header-menu .right-content {
      color: #232427; }
    .header .header-menu .el-menu-demo {
      text-align: center;
      display: flex;
      align-items: center;
      max-width: 1240px;
      padding: 0 20px;
      margin: 0 auto; }
    .header .header-menu .el-menu-item {
      padding: 0 4%;
      font-size: 1vw;
      height: 6vh;
      line-height: 6vh;
      border: none !important; }
      .header .header-menu .el-menu-item .el-link.is-underline:hover:after {
        border-bottom: none; }
      .header .header-menu .el-menu-item .el-link--inner {
        font-size: 1vw; }
    .header .header-menu .el-menu-item:hover {
      background: #fff !important;
      color: #2C8BF2 !important; }
    .header .header-menu .el-menu-item.is-active {
      position: relative;
      /* 设置相对定位，用于绝对定位子元素 */
      background: #fff !important;
      color: #2C8BF2 !important;
      height: 6vh;
      line-height: 6vh;
      font-size: 1vw;
      padding-bottom: .4vh;
      /* 给菜单项底部添加 padding，为了给伪元素留出位置 */ }
    .header .header-menu .el-menu-item.is-active::after {
      content: '';
      /* 必须有 content 属性才能显示伪元素 */
      position: absolute;
      /* 绝对定位，相对于包含块 .el-menu-item.is-active */
      bottom: 0;
      /* 距离底部为 0 */
      left: 57%;
      /* 左边距为父元素宽度的一半 */
      transform: translateX(-70%);
      /* 水平方向平移自身宽度的一半，实现居中效果 */
      width: 30%;
      /* 宽度为父元素宽度的一半 */
      border-bottom: .5vh solid #2C8BF2;
      /* 设置伪元素的初始底部边框 */
      transition: border-color 0.3s ease;
      /* 添加过渡效果，让边框颜色的改变变得平滑 */ }
    .header .header-menu .el-menu.el-menu--horizontal {
      border: none; }
  .header .flex-grow {
    flex: 1; } }

@media screen and (min-width: 768px) {
  .header .header-menu {
    padding: 0 1vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    height: 6vh; }
    .header .header-menu .el-menu.el-menu--horizontal {
      border: none;
      height: 6vh;
      line-height: 6vh; }
    .header .header-menu .left-content img {
      width: 2vw;
      height: 4vh;
      object-fit: cover;
      vertical-align: sub; }
    .header .header-menu .left-content .title {
      font-weight: 600;
      font-size: 1.5vw;
      color: #232427;
      line-height: 37px;
      text-align: left;
      font-style: normal; }
    .header .header-menu .right-content {
      color: #232427; }
    .header .header-menu .el-menu-demo {
      text-align: center;
      display: flex;
      align-items: center;
      max-width: 1240px;
      padding: 0 20px;
      margin: 0 auto; }
    .header .header-menu .el-menu-item {
      height: 6vh;
      line-height: 6vh;
      padding: 0 4%;
      font-size: 1vw;
      border: none !important; }
      .header .header-menu .el-menu-item .el-link.is-underline:hover:after {
        border-bottom: none; }
      .header .header-menu .el-menu-item .el-link--inner {
        font-size: 1vw; }
    .header .header-menu .el-menu-item:hover {
      background: #fff !important;
      color: #2C8BF2 !important; }
    .header .header-menu .el-menu-item.is-active {
      height: 6vh;
      line-height: 6vh;
      position: relative;
      /* 设置相对定位，用于绝对定位子元素 */
      background: #fff !important;
      color: #2C8BF2 !important;
      font-size: 1vw;
      padding-bottom: .4vh;
      /* 给菜单项底部添加 padding，为了给伪元素留出位置 */ }
    .header .header-menu .el-menu-item.is-active::after {
      content: '';
      /* 必须有 content 属性才能显示伪元素 */
      position: absolute;
      /* 绝对定位，相对于包含块 .el-menu-item.is-active */
      bottom: 0;
      /* 距离底部为 0 */
      left: 57%;
      /* 左边距为父元素宽度的一半 */
      transform: translateX(-70%);
      /* 水平方向平移自身宽度的一半，实现居中效果 */
      width: 30%;
      /* 宽度为父元素宽度的一半 */
      border-bottom: .5vh solid #2C8BF2;
      /* 设置伪元素的初始底部边框 */
      transition: border-color 0.3s ease;
      /* 添加过渡效果，让边框颜色的改变变得平滑 */ }
    .header .header-menu .el-menu.el-menu--horizontal {
      border: none; }
  .header .flex-grow {
    flex: 1; } }

.logindemo {
  width: 100%;
  height: 100%;
  background: url("/content/image/xljkImg/login.png");
  background-size: 100% 100%;
  position: relative; }
  .logindemo .loginTitle {
    display: flex;
    font-weight: bold;
    font-size: 2vw;
    color: #FFFFFF;
    position: absolute;
    left: 12.5vw;
    top: 16vh; }
    .logindemo .loginTitle .heng {
      width: 2vw;
      height: .3vh;
      background: #fff;
      margin-top: 3vh; }
  .logindemo .loginInput {
    padding: 7vh 3vw;
    box-sizing: border-box;
    width: 24vw;
    height: 50vh;
    background: #FFFFFF;
    border-radius: 1vw;
    position: absolute;
    right: 9vw;
    top: 26vh; }
    .logindemo .loginInput .loginInputTitle {
      font-weight: bold;
      font-size: 1.6vw;
      color: #232427;
      margin-bottom: 3vh; }
    .logindemo .loginInput .loginInputButton {
      height: 5vh;
      background: linear-gradient(270deg, #5AA1FD 0%, #3B83FA 100%);
      border-radius: 2vw;
      font-size: 1vw;
      color: #fff;
      text-align: center;
      line-height: 5vh;
      cursor: pointer; }
    .logindemo .loginInput .loginInputInfo .yzmBox {
      display: flex;
      justify-content: center;
      align-items: center; }
      .logindemo .loginInput .loginInputInfo .yzmBox .yzm {
        width: 100%;
        margin-left: 15px;
        background: #ccc;
        height: 100%; }
        .logindemo .loginInput .loginInputInfo .yzmBox .yzm .authcode {
          width: 100%;
          height: 100%; }

@charset "UTF-8";
body {
  margin: 0;
  padding: 0; }

#app {
  max-width: 100%;
  margin: 0 auto;
  background-color: white;
  height: 100%; }
  #app .nav a {
    text-decoration: none;
    margin-right: 10px; }

* {
  margin: 0;
  padding: 0; }

a {
  text-decoration: none;
  display: block; }

.overflow-1, .overflow-2, .overflow-3, .overflow-4, .overflow-5, .overflow-6 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-break: break-all; }

.overflow-1 {
  -webkit-line-clamp: 1; }

.overflow-2 {
  -webkit-line-clamp: 2; }

.overflow-3 {
  -webkit-line-clamp: 3; }

.overflow-4 {
  -webkit-line-clamp: 4; }

.overflow-5 {
  -webkit-line-clamp: 5; }

.overflow-6 {
  -webkit-line-clamp: 6; }

@media screen and (max-width: 767px) {
  .header .header-menu {
    padding: 0 1vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    height: 6vh; }
    .header .header-menu .el-menu.el-menu--horizontal {
      border: none;
      height: 6vh;
      line-height: 6vh; }
    .header .header-menu .left-content img {
      width: 2vw;
      height: 4vh;
      object-fit: cover;
      vertical-align: sub; }
    .header .header-menu .left-content .title {
      font-weight: 600;
      font-size: 1.5vw;
      color: #232427;
      line-height: 37px;
      text-align: left;
      font-style: normal; }
    .header .header-menu .right-content {
      color: #232427; }
    .header .header-menu .el-menu-demo {
      text-align: center;
      display: flex;
      align-items: center;
      max-width: 1240px;
      padding: 0 20px;
      margin: 0 auto; }
    .header .header-menu .el-menu-item {
      padding: 0 4%;
      font-size: 1vw;
      height: 6vh;
      line-height: 6vh;
      border: none !important; }
      .header .header-menu .el-menu-item .el-link.is-underline:hover:after {
        border-bottom: none; }
      .header .header-menu .el-menu-item .el-link--inner {
        font-size: 1vw; }
    .header .header-menu .el-menu-item:hover {
      background: #fff !important;
      color: #2C8BF2 !important; }
    .header .header-menu .el-menu-item.is-active {
      position: relative;
      /* 设置相对定位，用于绝对定位子元素 */
      background: #fff !important;
      color: #2C8BF2 !important;
      height: 6vh;
      line-height: 6vh;
      font-size: 1vw;
      padding-bottom: .4vh;
      /* 给菜单项底部添加 padding，为了给伪元素留出位置 */ }
    .header .header-menu .el-menu-item.is-active::after {
      content: '';
      /* 必须有 content 属性才能显示伪元素 */
      position: absolute;
      /* 绝对定位，相对于包含块 .el-menu-item.is-active */
      bottom: 0;
      /* 距离底部为 0 */
      left: 57%;
      /* 左边距为父元素宽度的一半 */
      transform: translateX(-70%);
      /* 水平方向平移自身宽度的一半，实现居中效果 */
      width: 30%;
      /* 宽度为父元素宽度的一半 */
      border-bottom: .5vh solid #2C8BF2;
      /* 设置伪元素的初始底部边框 */
      transition: border-color 0.3s ease;
      /* 添加过渡效果，让边框颜色的改变变得平滑 */ }
    .header .header-menu .el-menu.el-menu--horizontal {
      border: none; }
  .header .flex-grow {
    flex: 1; } }

@media screen and (min-width: 768px) {
  .header .header-menu {
    padding: 0 1vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    height: 6vh; }
    .header .header-menu .el-menu.el-menu--horizontal {
      border: none;
      height: 6vh;
      line-height: 6vh; }
    .header .header-menu .left-content img {
      width: 3vw;
      height: 4.5vh;
      object-fit: cover;
      vertical-align: middle; }
    .header .header-menu .left-content .title {
      font-weight: 600;
      font-size: 1.1vw;
      text-align: left;
      font-style: normal;
      margin-left: .5vw; }
    .header .header-menu .right-content {
      color: #232427; }
    .header .header-menu .el-menu-demo {
      text-align: center;
      display: flex;
      align-items: center;
      max-width: 1240px;
      padding: 0 20px;
      margin: 0 auto; }
    .header .header-menu .el-menu-item {
      height: 6vh;
      line-height: 6vh;
      padding: 0 4%;
      font-size: 1vw;
      border: none !important; }
      .header .header-menu .el-menu-item .el-link.is-underline:hover:after {
        border-bottom: none; }
      .header .header-menu .el-menu-item .el-link--inner {
        font-size: 1vw; }
    .header .header-menu .el-menu-item:hover {
      background: #fff !important;
      color: #2C8BF2 !important; }
    .header .header-menu .el-menu-item.is-active {
      height: 6vh;
      line-height: 6vh;
      position: relative;
      /* 设置相对定位，用于绝对定位子元素 */
      background: #fff !important;
      color: #2C8BF2 !important;
      font-size: 1vw;
      padding-bottom: .4vh;
      /* 给菜单项底部添加 padding，为了给伪元素留出位置 */ }
    .header .header-menu .el-menu-item.is-active::after {
      content: '';
      /* 必须有 content 属性才能显示伪元素 */
      position: absolute;
      /* 绝对定位，相对于包含块 .el-menu-item.is-active */
      bottom: 0;
      /* 距离底部为 0 */
      left: 57%;
      /* 左边距为父元素宽度的一半 */
      transform: translateX(-70%);
      /* 水平方向平移自身宽度的一半，实现居中效果 */
      width: 30%;
      /* 宽度为父元素宽度的一半 */
      border-bottom: .5vh solid #2C8BF2;
      /* 设置伪元素的初始底部边框 */
      transition: border-color 0.3s ease;
      /* 添加过渡效果，让边框颜色的改变变得平滑 */ }
    .header .header-menu .el-menu.el-menu--horizontal {
      border: none; }
  .header .flex-grow {
    flex: 1; } }

.Evaluations2 {
  width: 100%;
  min-height: 100vh;
  padding: 1.85vh 0;
  box-sizing: border-box;
  background: url("/content/image/xljkImg/evaluationBG1.png") center center no-repeat;
  background-size: cover; }
  .Evaluations2 .huakuaibox {
    width: 80%;
    margin: 0 auto;
    font-size: 2vh;
    margin-top: 1vh; }
    .Evaluations2 .huakuaibox .el-slider__bar {
      opacity: 0; }
    .Evaluations2 .huakuaibox .biaozhu {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 2vh; }
  .Evaluations2 .def-input-number input::-webkit-outer-spin-button,
  .Evaluations2 .def-input-number input::-webkit-inner-spin-button {
    -webkit-appearance: none; }
  .Evaluations2 .def-input-number input[type="number"] {
    -moz-appearance: textfield; }
  .Evaluations2 .def-input-number .el-input__inner {
    line-height: 1px !important; }
  .Evaluations2 .def-input-number {
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 1.85vh;
    color: #232427;
    line-height: 2.58vh;
    text-align: center;
    font-style: normal; }
    .Evaluations2 .def-input-number input {
      height: 3vh; }
  .Evaluations2 .def-input-number2 {
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 1.85vh;
    color: #232427;
    line-height: 2.58vh;
    text-align: center;
    font-style: normal; }
  .Evaluations2 .EvaluationCard {
    margin: 0 auto;
    width: 47.9vw;
    box-sizing: border-box; }
    .Evaluations2 .EvaluationCard .EvaluationCardTop {
      padding: 3.15vh 2.08vw;
      box-sizing: border-box;
      border-radius: 16px 16px 0px 0px;
      height: 13.51vh;
      background: linear-gradient(0, #5FACFF 0%, #3B83FA 100%); }
      .Evaluations2 .EvaluationCard .EvaluationCardTop .CardTopTitle {
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        font-size: 2.963vh;
        color: #FFFFFF;
        line-height: 3.704vh;
        text-align: center;
        font-style: normal; }
      .Evaluations2 .EvaluationCard .EvaluationCardTop .CardTopSchedule {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 2.222vh;
        color: #FFFFFF;
        line-height: 3.056vh;
        text-align: left;
        font-style: none; }
        .Evaluations2 .EvaluationCard .EvaluationCardTop .CardTopSchedule b {
          font-style: none;
          font-size: 3.333vh; }
      .Evaluations2 .EvaluationCard .EvaluationCardTop .CardTopProgress {
        margin-top: 1.111vh; }
    .Evaluations2 .EvaluationCard .EvaluationCardBottom {
      position: relative;
      padding: 2.7778vh 2.083333vw;
      padding-bottom: 9.26vh;
      box-sizing: border-box;
      border-radius: 0px 0px 16px 16px;
      min-height: 82.556vh;
      background: #fff;
      box-shadow: 0px 12px 34px 0px rgba(82, 146, 236, 0.08), inset 0px 2px 0px 0px #FFFFFF; }
      .Evaluations2 .EvaluationCard .EvaluationCardBottom .CardBottomTitle {
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        font-size: 2.2222vh;
        color: #232427;
        line-height: 3.704vh;
        text-align: left;
        font-style: normal;
        border-bottom: 1px dashed #BFCAD6;
        padding-bottom: 2.2222vh; }
      .Evaluations2 .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoName {
        margin-top: 2.2222vh;
        display: flex; }
        .Evaluations2 .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoName .BottomTitleInfoNameT {
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 2.2222vh;
          color: #232427;
          line-height: 3.0556vh;
          text-align: left;
          font-style: normal; }
          .Evaluations2 .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoName .BottomTitleInfoNameT input {
            display: inline; }
        .Evaluations2 .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoName .BottomTitleInfoNameTagT {
          width: 2.917vw;
          height: 2.963vh;
          border-radius: 4px;
          border: 1px solid #FF9B24;
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 1.85vh;
          color: #FF9B24;
          line-height: 2.593vh;
          text-align: center;
          font-style: normal; }
      .Evaluations2 .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption {
        margin-top: 0.74vh; }
        .Evaluations2 .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption .BottomTitleInfoOptionInfo {
          width: 43.75vw;
          min-height: 6.667vh;
          background: #F0F2FB;
          border-radius: 12px;
          padding: 2.2vh 3.333vh;
          box-sizing: border-box;
          margin-top: 2.2222vh;
          cursor: pointer;
          font-weight: 500;
          font-size: 1.85vh;
          color: #232427;
          text-align: left;
          font-style: normal;
          border: 2px solid transparent; }
        .Evaluations2 .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption .BottomTitleInfoOptionInfoActive {
          color: #2C8BF2;
          background: #E6F2FF;
          border: 2px solid #2C8BF2; }
      .Evaluations2 .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption3 {
        margin-top: 0.74vh;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        .Evaluations2 .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption3 .BottomTitleInfoOptionInfo3 {
          width: 21.35vw;
          min-height: 6.667vh;
          background: #F0F2FB;
          border-radius: 12px;
          padding: 2.037vh 1.875vw;
          box-sizing: border-box;
          margin-top: 2.222vh;
          cursor: pointer;
          font-weight: 500;
          font-size: 1.85vh;
          color: #232427;
          text-align: left;
          font-style: normal;
          border: 2px solid transparent; }
        .Evaluations2 .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption3 .BottomTitleInfoOptionInfoActive3 {
          color: #2C8BF2;
          background: #E6F2FF;
          border: 2px solid #2C8BF2; }
      .Evaluations2 .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption4 {
        margin-top: 8px;
        display: flex;
        flex-wrap: wrap; }
        .Evaluations2 .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption4 .BottomTitleInfoOptionInfo4 {
          display: flex;
          justify-content: space-between;
          width: 43.75vw;
          min-height: 6.6667vh;
          background: #F0F2FB;
          border-radius: 12px;
          padding: 2.037vh 1.875vw;
          box-sizing: border-box;
          margin-top: 2.222vh;
          cursor: pointer;
          font-weight: 500;
          font-size: 1.85vh;
          color: #232427;
          text-align: left;
          font-style: normal;
          border: 2px solid transparent; }
        .Evaluations2 .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption4 .BottomTitleInfoOptionInfoActive4 {
          color: #2C8BF2;
          background: #E6F2FF;
          border: 2px solid #2C8BF2; }
        .Evaluations2 .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption4 .label {
          pointer-events: none; }
        .Evaluations2 .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption4 .option-checkbox {
          pointer-events: none;
          width: 1.85vh;
          height: 1.85vh; }
      .Evaluations2 .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption7 {
        display: flex;
        margin-top: 50px;
        margin-left: 50px; }
        .Evaluations2 .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption7 .BottomTitleInfoOptionInfo7 {
          width: 5.52vw;
          height: 64px;
          background: #F3F4F7;
          font-weight: 500;
          font-size: 24px;
          color: #232427;
          line-height: 64px;
          text-align: center;
          font-style: normal;
          cursor: pointer;
          margin-right: 2px; }
        .Evaluations2 .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption7 .BottomTitleInfoOptionInfoActive7 {
          background: #2C8BF2;
          color: #fff; }
      .Evaluations2 .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .butbox {
        display: flex;
        justify-content: center; }
        .Evaluations2 .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .butbox .BottomTitleInfoButton {
          width: 12.625vw;
          height: 6.186vh;
          display: flex;
          align-items: center;
          justify-content: center;
          font-family: PingFangSC, PingFang SC;
          font-weight: 600;
          font-size: 2.2vh;
          color: #FFFFFF;
          font-style: normal;
          border-radius: 2.592vh; }
  .Evaluations2 .BottomTitleInfoNameTag {
    height: 2.963vh;
    border-radius: 0.370vh;
    border: 1px solid #067EFF;
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 1.85vh;
    color: #067EFF;
    line-height: 2.963vh;
    text-align: center;
    font-style: normal;
    margin-right: 5px;
    padding: 0 3px;
    display: inline-block; }

.BottomTitleInfoButton123 {
  opacity: 0; }

.el-input-number__increase {
  display: none; }

.el-input-number__decrease {
  display: none; }

.el-input-number .el-input__inner {
  padding-left: 3px;
  padding-right: 3px; }

.el-input__inner {
  padding-left: 3px;
  padding-right: 3px; }

.inputlist {
  font-size: 2.2222vh; }
  .inputlist .inputitem {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 1vh; }

@media only screen and (max-width: 800px) {
  .Evaluations2 {
    width: 100%;
    min-height: 100vh;
    padding: 1.85vh 0;
    box-sizing: border-box;
    background: url("/content/image/xljkImg/evaluationBG1.png") center center no-repeat;
    background-size: cover; }
    .Evaluations2 .def-input-number input::-webkit-outer-spin-button,
    .Evaluations2 .def-input-number input::-webkit-inner-spin-button {
      -webkit-appearance: none; }
    .Evaluations2 .def-input-number input[type="number"] {
      -moz-appearance: textfield; }
    .Evaluations2 .def-input-number .el-input__inner {
      line-height: 1px !important; }
    .Evaluations2 .def-input-number {
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      font-size: 1.85vh;
      color: #232427;
      line-height: 2.58vh;
      text-align: center;
      font-style: normal; }
      .Evaluations2 .def-input-number input {
        height: 3vh; }
    .Evaluations2 .def-input-number2 {
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      font-size: 1.85vh;
      color: #232427;
      line-height: 2.58vh;
      text-align: center;
      font-style: normal; }
    .Evaluations2 .EvaluationCard {
      margin: 0 auto;
      width: 90vw;
      box-sizing: border-box; }
      .Evaluations2 .EvaluationCard .EvaluationCardTop {
        padding: 3.15vh 2.08vw;
        box-sizing: border-box;
        border-radius: 16px 16px 0px 0px;
        height: 13.51vh;
        background: linear-gradient(0, #5FACFF 0%, #3B83FA 100%); }
        .Evaluations2 .EvaluationCard .EvaluationCardTop .CardTopTitle {
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 2.963vh;
          color: #FFFFFF;
          line-height: 3.704vh;
          text-align: center;
          font-style: normal; }
        .Evaluations2 .EvaluationCard .EvaluationCardTop .CardTopSchedule {
          font-family: PingFangSC, PingFang SC;
          font-weight: 400;
          font-size: 2.222vh;
          color: #FFFFFF;
          line-height: 3.056vh;
          text-align: left;
          font-style: none; }
          .Evaluations2 .EvaluationCard .EvaluationCardTop .CardTopSchedule b {
            font-style: none;
            font-size: 3.333vh; }
        .Evaluations2 .EvaluationCard .EvaluationCardTop .CardTopProgress {
          margin-top: 1.111vh; }
      .Evaluations2 .EvaluationCard .EvaluationCardBottom {
        position: relative;
        padding: 2.7778vh 2.083333vw;
        padding-bottom: 9.26vh;
        box-sizing: border-box;
        border-radius: 0px 0px 16px 16px;
        min-height: 82.556vh;
        background: #fff;
        box-shadow: 0px 12px 34px 0px rgba(82, 146, 236, 0.08), inset 0px 2px 0px 0px #FFFFFF; }
        .Evaluations2 .EvaluationCard .EvaluationCardBottom .CardBottomTitle {
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 2.2222vh;
          color: #232427;
          line-height: 3.704vh;
          text-align: left;
          font-style: normal;
          border-bottom: 1px dashed #BFCAD6;
          padding-bottom: 2.2222vh; }
        .Evaluations2 .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoName {
          margin-top: 2.2222vh;
          display: flex; }
          .Evaluations2 .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoName .BottomTitleInfoNameT {
            font-family: PingFangSC, PingFang SC;
            font-weight: 500;
            font-size: 2.2222vh;
            color: #232427;
            line-height: 3.0556vh;
            text-align: left;
            font-style: normal; }
            .Evaluations2 .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoName .BottomTitleInfoNameT input {
              display: inline; }
          .Evaluations2 .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoName .BottomTitleInfoNameTagT {
            width: 2.917vw;
            height: 2.963vh;
            border-radius: 4px;
            border: 1px solid #FF9B24;
            font-family: PingFangSC, PingFang SC;
            font-weight: 500;
            font-size: 1.85vh;
            color: #FF9B24;
            line-height: 2.593vh;
            text-align: center;
            font-style: normal; }
        .Evaluations2 .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption {
          margin-top: 0.74vh; }
          .Evaluations2 .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption .BottomTitleInfoOptionInfo {
            width: 100%;
            min-height: 6.667vh;
            background: #F0F2FB;
            border-radius: 12px;
            padding: 2.2vh 3.333vh;
            box-sizing: border-box;
            margin-top: 2.2222vh;
            cursor: pointer;
            font-weight: 500;
            font-size: 1.85vh;
            color: #232427;
            text-align: left;
            font-style: normal;
            border: 2px solid transparent; }
          .Evaluations2 .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption .BottomTitleInfoOptionInfoActive {
            color: #2C8BF2;
            background: #E6F2FF;
            border: 2px solid #2C8BF2; }
        .Evaluations2 .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption3 {
          margin-top: 0.74vh;
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap; }
          .Evaluations2 .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption3 .BottomTitleInfoOptionInfo3 {
            width: 21.35vw;
            min-height: 6.667vh;
            background: #F0F2FB;
            border-radius: 12px;
            padding: 2.037vh 1.875vw;
            box-sizing: border-box;
            margin-top: 2.222vh;
            cursor: pointer;
            font-weight: 500;
            font-size: 1.85vh;
            color: #232427;
            text-align: left;
            font-style: normal;
            border: 2px solid transparent; }
          .Evaluations2 .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption3 .BottomTitleInfoOptionInfoActive3 {
            color: #2C8BF2;
            background: #E6F2FF;
            border: 2px solid #2C8BF2; }
        .Evaluations2 .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption4 {
          margin-top: 8px;
          display: flex;
          flex-wrap: wrap; }
          .Evaluations2 .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption4 .BottomTitleInfoOptionInfo4 {
            display: flex;
            justify-content: space-between;
            width: 90vw;
            min-height: 6.6667vh;
            background: #F0F2FB;
            border-radius: 12px;
            padding: 2.037vh 1.875vw;
            box-sizing: border-box;
            margin-top: 2.222vh;
            cursor: pointer;
            font-weight: 500;
            font-size: 1.85vh;
            color: #232427;
            text-align: left;
            font-style: normal;
            border: 2px solid transparent; }
          .Evaluations2 .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption4 .BottomTitleInfoOptionInfoActive4 {
            color: #2C8BF2;
            background: #E6F2FF;
            border: 2px solid #2C8BF2; }
          .Evaluations2 .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption4 .label {
            pointer-events: none; }
          .Evaluations2 .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption4 .option-checkbox {
            pointer-events: none;
            width: 1.85vh;
            height: 1.85vh; }
        .Evaluations2 .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption7 {
          display: flex;
          margin-top: 50px;
          margin-left: 50px; }
          .Evaluations2 .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption7 .BottomTitleInfoOptionInfo7 {
            width: 5.52vw;
            height: 64px;
            background: #F3F4F7;
            font-weight: 500;
            font-size: 24px;
            color: #232427;
            line-height: 64px;
            text-align: center;
            font-style: normal;
            cursor: pointer;
            margin-right: 2px; }
          .Evaluations2 .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption7 .BottomTitleInfoOptionInfoActive7 {
            background: #2C8BF2;
            color: #fff; }
        .Evaluations2 .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .butbox {
          display: flex;
          justify-content: center; }
          .Evaluations2 .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .butbox .BottomTitleInfoButton {
            width: 80vw;
            height: 6.186vh;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: PingFangSC, PingFang SC;
            font-weight: 600;
            font-size: 2.2vh;
            color: #FFFFFF;
            font-style: normal;
            border-radius: 2.592vh; }
    .Evaluations2 .BottomTitleInfoNameTag {
      height: 2.963vh;
      border-radius: 0.370vh;
      border: 1px solid #067EFF;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      font-size: 1.85vh;
      color: #067EFF;
      line-height: 2.963vh;
      text-align: center;
      font-style: normal;
      margin-right: 5px;
      padding: 0 3px;
      display: inline-block; }
  .BottomTitleInfoButton123 {
    opacity: 0; }
  .el-input-number__increase {
    display: none; }
  .el-input-number__decrease {
    display: none; }
  .el-input-number .el-input__inner {
    padding-left: 0;
    padding-right: 0; } }

.questionTree {
  position: relative;
  padding: 30px 40px;
  padding-bottom: 100px;
  box-sizing: border-box;
  border-radius: 0px 0px 16px 16px;
  min-height: 600px;
  background: #fff;
  box-shadow: 0px 12px 34px 0px rgba(82, 146, 236, 0.08), inset 0px 2px 0px 0px #FFFFFF; }
  .questionTree .CardBottomTitle {
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 24px;
    color: #232427;
    line-height: 40px;
    text-align: left;
    font-style: normal;
    border-bottom: 1px dashed #BFCAD6;
    padding-bottom: 23px; }
  .questionTree .CardBottomTitleInfo .BottomTitleInfoName {
    margin-top: 23px;
    display: flex; }
    .questionTree .CardBottomTitleInfo .BottomTitleInfoName .BottomTitleInfoNameT {
      font-family: PingFangSC, PingFang SC;
      font-weight: 600;
      font-size: 24px;
      color: #232427;
      line-height: 33px;
      text-align: left;
      font-style: normal; }
    .questionTree .CardBottomTitleInfo .BottomTitleInfoName .BottomTitleInfoNameTag {
      width: 56px;
      height: 32px;
      border-radius: 4px;
      border: 1px solid #067EFF;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      font-size: 20px;
      color: #067EFF;
      line-height: 28px;
      text-align: center;
      font-style: normal; }
    .questionTree .CardBottomTitleInfo .BottomTitleInfoName .BottomTitleInfoNameTagT {
      width: 56px;
      height: 32px;
      border-radius: 4px;
      border: 1px solid #FF9B24;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      font-size: 20px;
      color: #FF9B24;
      line-height: 28px;
      text-align: center;
      font-style: normal; }
  .questionTree .CardBottomTitleInfo .BottomTitleInfoOption {
    margin-top: 8px; }
    .questionTree .CardBottomTitleInfo .BottomTitleInfoOption .BottomTitleInfoOptionInfo {
      width: 840px;
      height: 72px;
      background: #F0F2FB;
      border-radius: 12px;
      padding: 22px 36px;
      box-sizing: border-box;
      margin-top: 24px;
      cursor: pointer;
      font-weight: 600;
      font-size: 20px;
      color: #232427;
      text-align: left;
      font-style: normal;
      border: 2px solid transparent; }
    .questionTree .CardBottomTitleInfo .BottomTitleInfoOption .BottomTitleInfoOptionInfoActive {
      color: #2C8BF2;
      background: #E6F2FF;
      border: 2px solid #2C8BF2; }
  .questionTree .CardBottomTitleInfo .BottomTitleInfoOption3 {
    margin-top: 8px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .questionTree .CardBottomTitleInfo .BottomTitleInfoOption3 .BottomTitleInfoOptionInfo3 {
      width: 410px;
      height: 72px;
      background: #F0F2FB;
      border-radius: 12px;
      padding: 22px 36px;
      box-sizing: border-box;
      margin-top: 24px;
      cursor: pointer;
      font-weight: 600;
      font-size: 20px;
      color: #232427;
      text-align: left;
      font-style: normal;
      border: 2px solid transparent; }
    .questionTree .CardBottomTitleInfo .BottomTitleInfoOption3 .BottomTitleInfoOptionInfoActive3 {
      color: #2C8BF2;
      background: #E6F2FF;
      border: 2px solid #2C8BF2; }
  .questionTree .CardBottomTitleInfo .BottomTitleInfoOption4 {
    margin-top: 8px;
    display: flex;
    flex-wrap: wrap; }
    .questionTree .CardBottomTitleInfo .BottomTitleInfoOption4 .BottomTitleInfoOptionInfo4 {
      display: flex;
      justify-content: space-between;
      width: 840px;
      height: 72px;
      background: #F0F2FB;
      border-radius: 12px;
      padding: 22px 36px;
      box-sizing: border-box;
      margin-top: 24px;
      cursor: pointer;
      font-weight: 600;
      font-size: 20px;
      color: #232427;
      text-align: left;
      font-style: normal;
      border: 2px solid transparent; }
    .questionTree .CardBottomTitleInfo .BottomTitleInfoOption4 .BottomTitleInfoOptionInfoActive4 {
      color: #2C8BF2;
      background: #E6F2FF;
      border: 2px solid #2C8BF2; }
    .questionTree .CardBottomTitleInfo .BottomTitleInfoOption4 .option-checkbox {
      width: 20px;
      height: 20px; }
  .questionTree .CardBottomTitleInfo .BottomTitleInfoOption7 {
    display: flex;
    margin-top: 50px;
    margin-left: 50px; }
    .questionTree .CardBottomTitleInfo .BottomTitleInfoOption7 .BottomTitleInfoOptionInfo7 {
      width: 106px;
      height: 64px;
      background: #F3F4F7;
      font-weight: 600;
      font-size: 24px;
      color: #232427;
      line-height: 64px;
      text-align: center;
      font-style: normal;
      cursor: pointer;
      margin-right: 2px; }
    .questionTree .CardBottomTitleInfo .BottomTitleInfoOption7 .BottomTitleInfoOptionInfoActive7 {
      background: #2C8BF2;
      color: #fff; }
  .questionTree .CardBottomTitleInfo .BottomTitleInfoButton {
    position: absolute;
    left: 350px;
    bottom: 30px; }

.Evaluation {
  width: 100%;
  padding: 60px 0;
  background: url("/content/image/xljkImg/evaluationBG.png");
  background-size: 100% 100%; }
  .Evaluation .EvaluationCard {
    margin: 0 auto;
    width: 920px;
    box-sizing: border-box; }
    .Evaluation .EvaluationCard .EvaluationCardTop {
      padding: 34px 40px;
      box-sizing: border-box;
      border-radius: 16px 16px 0px 0px;
      height: 166px;
      background: linear-gradient(0, #5FACFF 0%, #3B83FA 100%); }
      .Evaluation .EvaluationCard .EvaluationCardTop .CardTopTitle {
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        font-size: 28px;
        color: #FFFFFF;
        line-height: 40px;
        text-align: center;
        font-style: normal; }
      .Evaluation .EvaluationCard .EvaluationCardTop .CardTopSchedule {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 24px;
        color: #FFFFFF;
        line-height: 33px;
        text-align: left;
        font-style: none; }
        .Evaluation .EvaluationCard .EvaluationCardTop .CardTopSchedule b {
          font-style: none;
          font-size: 36px; }
      .Evaluation .EvaluationCard .EvaluationCardTop .CardTopProgress {
        margin-top: 12px; }

.aggers {
  min-height: 100vh;
  background: #F3F5FD;
  padding: 2vh 16vw; }
  .aggers .el-dialog {
    margin: 15vh auto !important; }
  .aggers .el-dialog__body {
    padding: 0; }
  .aggers .signs {
    position: relative;
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently not supported by any browser */
    width: 49vw;
    height: 50vh;
    margin: 2vh auto;
    margin-top: 5vh;
    background: #F3F5FD;
    border-radius: 10px;
    font-weight: 600;
    font-size: 3vw;
    color: #DCDFE6;
    line-height: 20vh;
    text-align: center; }
    .aggers .signs #canvas {
      width: 100%;
      height: 100%;
      z-index: 999; }
    .aggers .signs .signTitle {
      position: absolute;
      top: 0vh;
      left: 26.5vw;
      height: 0vh; }
  .aggers .wider {
    position: relative;
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently not supported by any browser */
    width: 97vw;
    height: 74vh;
    background: #F3F5FD;
    border-radius: 10px;
    font-weight: 600;
    font-size: 3vw;
    color: #DCDFE6;
    line-height: 20vh;
    text-align: center; }
    .aggers .wider #canvas {
      width: 100%;
      height: 100%;
      z-index: 999; }
    .aggers .wider .signTitle {
      position: absolute;
      top: 0vh;
      left: 26.5vw;
      height: 0vh; }
  .aggers .back {
    cursor: pointer; }
  .aggers .aggerCards {
    margin-top: 2vh;
    width: 66vw;
    padding: 3vw;
    background: #ffffff;
    border-radius: 8px; }
    .aggers .aggerCards .cardTitle {
      font-size: 2vw;
      text-align: center; }
    .aggers .aggerCards .cardInfo {
      font-size: 1vw;
      text-align: left;
      margin-top: 2vh;
      min-height: 40vh; }
    .aggers .aggerCards .sign {
      position: relative;
      -webkit-user-select: none;
      /* Chrome/Safari/Opera */
      -moz-user-select: none;
      /* Firefox */
      -ms-user-select: none;
      /* Internet Explorer/Edge */
      user-select: none;
      /* Non-prefixed version, currently not supported by any browser */
      width: 64vw;
      height: 20vh;
      margin: 2vh auto;
      margin-top: 5vh;
      background: #F3F5FD;
      border-radius: 10px;
      font-weight: 600;
      font-size: 3vw;
      color: #DCDFE6;
      line-height: 20vh;
      text-align: center; }
      .aggers .aggerCards .sign #canvas {
        width: 100%;
        height: 100%;
        z-index: 999; }
      .aggers .aggerCards .sign .signTitle {
        position: absolute;
        top: 0vh;
        left: 26.5vw;
        height: 0vh; }
    .aggers .aggerCards .save {
      margin: 2vh auto;
      cursor: pointer;
      width: 7vw;
      height: 4.2vh;
      background: #2C8BF2;
      border-radius: 20px;
      font-weight: 400;
      font-size: .8vw;
      color: #FFFFFF;
      line-height: 4.2vh;
      text-align: center; }

@media only screen and (max-width: 600px) {
  .signs {
    position: relative;
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently not supported by any browser */
    width: 97vw;
    height: 74vh;
    background: #F3F5FD;
    border-radius: 10px;
    font-weight: 600;
    font-size: 3vw;
    color: #DCDFE6;
    line-height: 20vh;
    text-align: center; }
    .signs #canvas {
      width: 100%;
      height: 100%;
      z-index: 999; }
    .signs .signTitle {
      position: absolute;
      top: 0vh;
      left: 26.5vw;
      height: 0vh; }
  .el-dialog__wrapper {
    overflow: hidden !important; }
    .el-dialog__wrapper .el-dialog {
      margin-top: 0 !important;
      width: 100% !important;
      height: 100% !important;
      overflow: hidden !important; }
  .aggers {
    background: #F3F5FD;
    padding: 0;
    t: 100vh; }
    .aggers min-heigh.agger {
      background: #F3F5FD;
      padding: 2vh 16vw; }
      .aggers min-heigh.agger .el-dialog {
        margin: 2vh auto; }
      .aggers min-heigh.agger .el-dialog__body {
        padding: 0; }
      .aggers min-heigh.agger .back {
        cursor: pointer; }
      .aggers min-heigh.agger .aggerCards {
        margin-top: 2vh;
        width: 100%;
        background: #ffffff;
        border-radius: 8px;
        overflow: hidden; }
        .aggers min-heigh.agger .aggerCards .cardTitle {
          font-size: 2vw;
          text-align: center; }
        .aggers min-heigh.agger .aggerCards .cardInfo {
          font-size: 1vw;
          text-align: left;
          margin-top: 2vh;
          min-height: 40vh; }
        .aggers min-heigh.agger .aggerCards .sign {
          position: relative;
          -webkit-user-select: none;
          /* Chrome/Safari/Opera */
          -moz-user-select: none;
          /* Firefox */
          -ms-user-select: none;
          /* Internet Explorer/Edge */
          user-select: none;
          /* Non-prefixed version, currently not supported by any browser */
          width: 50vw;
          height: 20vh;
          margin: 2vh auto;
          margin-top: 5vh;
          background: #F3F5FD;
          border-radius: 10px;
          font-weight: 600;
          font-size: 3vw;
          color: #DCDFE6;
          line-height: 20vh;
          text-align: center; }
          .aggers min-heigh.agger .aggerCards .sign #canvas {
            width: 100%;
            height: 100%;
            z-index: 999; }
          .aggers min-heigh.agger .aggerCards .sign .signTitle {
            position: absolute;
            top: 0vh;
            left: 26.5vw;
            height: 0vh; }
        .aggers min-heigh.agger .aggerCards .save {
          margin: 2vh auto;
          cursor: pointer;
          width: 7vw;
          height: 4.2vh;
          background: #2C8BF2;
          border-radius: 20px;
          font-weight: 400;
          font-size: .8vw;
          color: #FFFFFF;
          line-height: 4.2vh;
          text-align: center; }
    .aggers .back {
      cursor: pointer; }
    .aggers .aggerCards {
      margin-top: 2vh;
      width: 100%;
      background: #ffffff;
      border-radius: 8px;
      padding: 10px;
      box-sizing: border-box;
      overflow: hidden; }
      .aggers .aggerCards .cardTitle {
        font-size: 18px;
        text-align: center; }
      .aggers .aggerCards .cardInfo {
        font-size: 14px;
        text-align: left;
        margin-top: 2vh;
        min-height: 40vh; }
      .aggers .aggerCards .sign {
        position: relative;
        -webkit-user-select: none;
        /* Chrome/Safari/Opera */
        -moz-user-select: none;
        /* Firefox */
        -ms-user-select: none;
        /* Internet Explorer/Edge */
        user-select: none;
        /* Non-prefixed version, currently not supported by any browser */
        width: 80%;
        height: 20vh;
        margin-top: 5vh;
        background: #F3F5FD;
        border-radius: 10px;
        font-weight: 600;
        font-size: 3vw;
        color: #DCDFE6;
        line-height: 20vh;
        text-align: center; }
        .aggers .aggerCards .sign #canvas {
          width: 100%;
          height: 100%;
          z-index: 999; }
        .aggers .aggerCards .sign .signTitle {
          position: absolute;
          top: 0vh;
          left: 26.5vw;
          height: 0vh; }
      .aggers .aggerCards .save {
        margin: 2vh auto;
        cursor: pointer;
        width: 7vw;
        height: 4.2vh;
        background: #2C8BF2;
        border-radius: 20px;
        font-weight: 400;
        font-size: .8vw;
        color: #FFFFFF;
        line-height: 4.2vh;
        text-align: center; } }

.login {
  width: 100%;
  height: 100%;
  background: url("/content/image/xljkImg/loginBG2.png");
  background-size: 100% 100%;
  padding: 10px 30px;
  box-sizing: border-box;
  position: relative; }
  .login .loginTitle {
    display: flex;
    font-weight: bold;
    font-size: 1.6vw;
    color: #232427;
    line-height: 55px; }
    .login .loginTitle .loginTitleLogo {
      width: 55px;
      height: 55px; }
      .login .loginTitle .loginTitleLogo img {
        width: 100%;
        height: 100%; }
    .login .loginTitle .title {
      margin-left: 18px; }
  .login .loginInput {
    opacity: 0.9;
    padding: 5vh 3vw;
    box-sizing: border-box;
    width: 30vw;
    background: #FFFFFF;
    border-radius: .8vw;
    position: absolute;
    left: 35vw;
    top: 26vh; }
    .login .loginInput .loginInputTitle {
      font-weight: bold;
      font-size: 1.6vw;
      color: #232427;
      margin-bottom: 3vh;
      text-align: center; }
    .login .loginInput .loginInputButton {
      height: 5vh;
      background: linear-gradient(270deg, #5AA1FD 0%, #3B83FA 100%);
      border-radius: 2vw;
      font-size: 1vw;
      color: #fff;
      text-align: center;
      line-height: 5vh;
      cursor: pointer; }
    .login .loginInput .loginInputInfo .yzmBox {
      margin-top: -1vh;
      display: flex;
      justify-content: center;
      align-items: center; }
      .login .loginInput .loginInputInfo .yzmBox .yzm {
        width: 100%;
        margin-left: 15px;
        background: #ccc;
        height: 100%; }
        .login .loginInput .loginInputInfo .yzmBox .yzm .authcode {
          width: 100%;
          height: 100%; }
  .login .footer {
    position: absolute;
    bottom: 1vh;
    left: 29vw;
    text-align: center;
    color: #fff;
    font-size: 1vw; }

@media only screen and (max-width: 600px) {
  .login {
    width: 100%;
    height: 100%;
    background: url("/content/image/xljkImg/loginBG.png");
    background-size: 100% 100%;
    padding: 10px 30px;
    box-sizing: border-box;
    position: relative; }
    .login .loginTitle {
      display: flex;
      font-weight: bold;
      font-size: 14px;
      color: #232427;
      line-height: 55px; }
      .login .loginTitle .loginTitleLogo {
        width: 55px;
        height: 55px; }
        .login .loginTitle .loginTitleLogo img {
          width: 100%;
          height: 100%; }
      .login .loginTitle .title {
        margin-left: 18px; }
    .login .loginInput {
      opacity: 0.9;
      padding: 20px;
      box-sizing: border-box;
      width: 80%;
      background: #FFFFFF;
      border-radius: .8vw;
      position: absolute;
      left: 40px;
      top: 40%; }
      .login .loginInput .loginInputTitle {
        font-weight: bold;
        font-size: 20px;
        color: #232427;
        margin-bottom: 3vh;
        text-align: center; }
      .login .loginInput .loginInputButton {
        height: 5vh;
        background: linear-gradient(270deg, #5AA1FD 0%, #3B83FA 100%);
        border-radius: 2vw;
        font-size: 10px;
        color: #fff;
        text-align: center;
        line-height: 5vh;
        cursor: pointer; }
      .login .loginInput .loginInputInfo .yzmBox {
        margin-top: -1vh;
        display: flex;
        justify-content: center;
        align-items: center; }
        .login .loginInput .loginInputInfo .yzmBox .yzm {
          width: 100%;
          margin-left: 15px;
          background: #ccc;
          height: 100%; }
          .login .loginInput .loginInputInfo .yzmBox .yzm .authcode {
            width: 100%;
            height: 100%; }
    .login .footer {
      position: absolute;
      bottom: 1vh;
      left: 22px;
      text-align: center;
      color: #fff;
      font-size: 12px; } }

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 50px;
  padding-top: 40vh; }

.beforeEvaluations {
  width: 100%;
  min-height: 100vh;
  padding: 1.8vh 0;
  box-sizing: border-box;
  background: url("/content/image/xljkImg/evaluationBG.png") center center no-repeat;
  background-size: cover; }
  .beforeEvaluations .interviewLScardT {
    margin-top: 2vh;
    font-family: PingFangSC, PingFang SC;
    font-size: 1vw;
    color: #5B6570;
    text-align: left;
    font-style: normal; }
  .beforeEvaluations .interviewLScardB {
    margin-top: 2vh;
    font-family: PingFangSC, PingFang SC;
    font-size: 1vw;
    color: #5B6570;
    text-align: right;
    font-style: normal; }
    .beforeEvaluations .interviewLScardB p {
      margin-top: 2vh; }
  .beforeEvaluations .list .lists {
    margin-top: 6vh;
    box-sizing: border-box;
    padding: 2vw;
    min-height: 12vh;
    background: linear-gradient(0, #F3FAFF 0%, #FFFFFD 100%);
    box-shadow: 0px 0px 11px 0px rgba(179, 221, 255, 0.19);
    border-radius: 24px;
    border: 1px solid #ABD5FF; }
    .beforeEvaluations .list .lists .listTitle {
      margin-top: -6vh;
      padding: .6vh .5vw;
      text-align: center;
      width: 7vw;
      background: #D6EAFF;
      border-radius: 25px;
      color: #2B4075;
      font-size: 1.2vw; }
    .beforeEvaluations .list .lists .listInfo {
      color: #5B6570;
      font-size: 1vw;
      margin-top: 2vh; }
      .beforeEvaluations .list .lists .listInfo p {
        line-height: 4vh; }
  .beforeEvaluations .fanhui {
    position: absolute;
    left: 1vw;
    top: 1vh;
    cursor: pointer;
    width: 4vw;
    font-size: 1.6vh; }
  .beforeEvaluations .flex-start-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap; }
  .beforeEvaluations .EvaluationCard1 {
    margin: 0 auto;
    width: 47.9vw;
    min-height: 86.66vh;
    background: #FFFFFF;
    box-shadow: 0px 12px 34px 0px rgba(82, 146, 236, 0.08), inset 0px 2px 0px 0px #FFFFFF;
    border-radius: 16px;
    padding: 4.07vh 1.7vw 2.96vh 1.7vw;
    box-sizing: border-sizing; }
    .beforeEvaluations .EvaluationCard1 .tips {
      font-family: SourceHanSansCN, SourceHanSansCN;
      font-weight: 800;
      font-size: 2.96vh;
      color: #232427;
      line-height: 4.44vh;
      text-align: left;
      font-style: normal;
      text-align: center;
      margin-bottom: 3.5vh; }
    .beforeEvaluations .EvaluationCard1 .table {
      width: 100%;
      background: #F8FBFF;
      border-radius: 1px;
      border-left: 1px solid #DCDFE6;
      border-top: 1px solid #DCDFE6;
      border-right: none; }
      .beforeEvaluations .EvaluationCard1 .table .hang {
        display: flex;
        justify-content: center;
        align-items: center; }
        .beforeEvaluations .EvaluationCard1 .table .hang .lie {
          width: 50%;
          padding: 0 2.86vw;
          border-bottom: 1px solid #DCDFE6;
          border-right: 1px solid #DCDFE6;
          text-align: left;
          height: 6.48vh;
          display: flex;
          justify-content: flex-start;
          align-items: center; }
          .beforeEvaluations .EvaluationCard1 .table .hang .lie .aaa {
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            font-size: 1.85vh;
            color: #4E5969;
            text-align: left;
            font-style: normal; }
          .beforeEvaluations .EvaluationCard1 .table .hang .lie .bbb {
            font-family: PingFangSC, PingFang SC;
            font-weight: 500;
            font-size: 1.85vh;
            color: #232427;
            text-align: left;
            font-style: normal; }
      .beforeEvaluations .EvaluationCard1 .table tr {
        height: 6.48vh; }
        .beforeEvaluations .EvaluationCard1 .table tr td {
          padding: 0 2.86vw;
          border-bottom: 1px solid #DCDFE6;
          border-right: 1px solid #DCDFE6;
          text-align: left; }
          .beforeEvaluations .EvaluationCard1 .table tr td .aaa {
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            font-size: 1.85vh;
            color: #4E5969;
            text-align: left;
            font-style: normal; }
          .beforeEvaluations .EvaluationCard1 .table tr td .bbb {
            font-family: PingFangSC, PingFang SC;
            font-weight: 500;
            font-size: 1.85vh;
            color: #232427;
            text-align: left;
            font-style: normal; }
        .beforeEvaluations .EvaluationCard1 .table tr th {
          padding: 0 2.86vw;
          border-bottom: 1px solid #DCDFE6;
          border-right: 1px solid #DCDFE6; }
          .beforeEvaluations .EvaluationCard1 .table tr th .aaa {
            font-family: PingFangSC, PingFang SC;
            font-weight: 600;
            font-size: 1.85vh;
            color: #4E5969;
            text-align: left;
            font-style: normal; }
          .beforeEvaluations .EvaluationCard1 .table tr th .bbb {
            font-family: PingFangSC, PingFang SC;
            font-weight: 600;
            font-size: 2.22vh;
            color: #232427;
            text-align: left;
            font-style: normal; }
    .beforeEvaluations .EvaluationCard1 .tippp {
      font-family: PingFangSC, PingFang SC;
      font-weight: 600;
      font-size: 2.03vh;
      color: #232427;
      text-align: center;
      font-style: normal;
      margin-top: 3.7vh;
      margin-bottom: 2.22vh; }
    .beforeEvaluations .EvaluationCard1 .tip111 {
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      font-size: 1.85vh;
      color: #595B63;
      text-align: left;
      font-style: normal;
      margin-bottom: 1.48vh;
      line-height: 3.2vh; }

.butbox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 5.09vh; }
  .butbox .butt {
    margin: auto;
    height: 5.9vh;
    width: 11.46vw;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 2.3vh;
    color: #FFFFFF;
    line-height: 3.1vh;
    font-style: normal;
    border-radius: 100px; }

.czsc {
  position: absolute;
  top: 2.0vh;
  right: 20px;
  font-size: 1.85vh;
  background: #fff;
  padding: 3px 10px;
  color: #595B63;
  border-radius: 5px; }

.jszc111 {
  width: 100%;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px; }

@media only screen and (max-width: 800px) {
  .beforeEvaluations {
    width: 100%;
    min-height: 100vh;
    padding: 1.8vh 0;
    box-sizing: border-box;
    background: url("/content/image/xljkImg/evaluationBG.png") center center no-repeat;
    background-size: cover; }
    .beforeEvaluations .EvaluationCard1 {
      margin: 0 auto;
      width: 90vw;
      min-height: 83vh;
      background: #FFFFFF;
      box-shadow: 0px 12px 34px 0px rgba(82, 146, 236, 0.08), inset 0px 2px 0px 0px #FFFFFF;
      border-radius: 16px;
      padding: 4.07vh 1.7vw 2.96vh 1.7vw;
      box-sizing: border-sizing; }
      .beforeEvaluations .EvaluationCard1 .tips {
        font-family: SourceHanSansCN, SourceHanSansCN;
        font-weight: 800;
        font-size: 2.96vh;
        color: #232427;
        line-height: 4.44vh;
        text-align: left;
        font-style: normal;
        text-align: center;
        margin-bottom: 3.5vh; }
      .beforeEvaluations .EvaluationCard1 .table {
        width: 100%;
        background: #F8FBFF;
        border-radius: 1px;
        border-left: 1px solid #DCDFE6;
        border-top: 1px solid #DCDFE6;
        border-right: none; }
        .beforeEvaluations .EvaluationCard1 .table .hang {
          display: block; }
          .beforeEvaluations .EvaluationCard1 .table .hang .lie {
            width: 83vw;
            padding: 0 2.86vw;
            border-bottom: 1px solid #DCDFE6;
            border-right: 1px solid #DCDFE6;
            text-align: left;
            height: 6.48vh;
            display: flex;
            justify-content: flex-start;
            align-items: center; }
            .beforeEvaluations .EvaluationCard1 .table .hang .lie .aaa {
              font-family: PingFangSC, PingFang SC;
              font-weight: 400;
              font-size: 1.85vh;
              color: #4E5969;
              text-align: left;
              font-style: normal; }
            .beforeEvaluations .EvaluationCard1 .table .hang .lie .bbb {
              font-family: PingFangSC, PingFang SC;
              font-weight: 500;
              font-size: 1.85vh;
              color: #232427;
              text-align: left;
              font-style: normal; }
        .beforeEvaluations .EvaluationCard1 .table tr {
          height: 6.48vh; }
          .beforeEvaluations .EvaluationCard1 .table tr td {
            padding: 0 2.86vw;
            border-bottom: 1px solid #DCDFE6;
            border-right: 1px solid #DCDFE6;
            text-align: left; }
            .beforeEvaluations .EvaluationCard1 .table tr td .aaa {
              font-family: PingFangSC, PingFang SC;
              font-weight: 400;
              font-size: 1.85vh;
              color: #4E5969;
              text-align: left;
              font-style: normal; }
            .beforeEvaluations .EvaluationCard1 .table tr td .bbb {
              font-family: PingFangSC, PingFang SC;
              font-weight: 500;
              font-size: 1.85vh;
              color: #232427;
              text-align: left;
              font-style: normal; }
          .beforeEvaluations .EvaluationCard1 .table tr th {
            padding: 0 2.86vw;
            border-bottom: 1px solid #DCDFE6;
            border-right: 1px solid #DCDFE6; }
            .beforeEvaluations .EvaluationCard1 .table tr th .aaa {
              font-family: PingFangSC, PingFang SC;
              font-weight: 600;
              font-size: 1.85vh;
              color: #4E5969;
              text-align: left;
              font-style: normal; }
            .beforeEvaluations .EvaluationCard1 .table tr th .bbb {
              font-family: PingFangSC, PingFang SC;
              font-weight: 600;
              font-size: 2.22vh;
              color: #232427;
              text-align: left;
              font-style: normal; }
      .beforeEvaluations .EvaluationCard1 .tippp {
        font-family: PingFangSC, PingFang SC;
        font-weight: 600;
        font-size: 2.03vh;
        color: #232427;
        text-align: center;
        font-style: normal;
        margin-top: 3.7vh;
        margin-bottom: 2.22vh; }
      .beforeEvaluations .EvaluationCard1 .tip111 {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 1.85vh;
        color: #595B63;
        text-align: left;
        font-style: normal;
        margin-bottom: 1.48vh;
        line-height: 3.2vh; }
  .butbox {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 5.09vh; }
    .butbox .butt {
      margin: auto;
      height: 5.9vh;
      width: 30vw;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      font-size: 2.3vh;
      color: #FFFFFF;
      line-height: 3.1vh;
      font-style: normal;
      border-radius: 100px; } }

.evaluationsDone {
  width: 100%;
  min-height: 100vh;
  box-sizing: border-box;
  padding: 1.8vh 0;
  background: url("/content/image/xljkImg/evaluationBG.png") center center no-repeat;
  background-size: cover; }
  .evaluationsDone .fanhui {
    position: absolute;
    left: 1vw;
    top: 1vh;
    cursor: pointer;
    width: 4vw;
    font-size: 2vh; }
  .evaluationsDone .EvaluationCard1 {
    margin: 0 auto;
    width: 47.9vw;
    background: #FFFFFF;
    box-shadow: 0px 12px 34px 0px rgba(82, 146, 236, 0.08), inset 0px 2px 0px 0px #FFFFFF;
    border-radius: 16px;
    box-sizing: border-sizing;
    padding: 0 1.67vw 12.96vh 1.67vw;
    margin-top: 18vh; }
    .evaluationsDone .EvaluationCard1 .EvaluationCardTop {
      display: flex;
      justify-content: center;
      justify-items: center;
      box-sizing: border-box;
      border-radius: 16px 16px 0px 0px;
      background: linear-gradient(0, #5FACFF 0%, #3B83FA 100%);
      height: 10vh;
      background: linear-gradient(#5FACFF 0%, #3B83FA 100%);
      border-radius: 16px 16px 0px 0px;
      margin-left: -1.67vw;
      margin-right: -1.67vw; }
      .evaluationsDone .EvaluationCard1 .EvaluationCardTop .title {
        font-family: PingFangSC, PingFang SC;
        font-weight: 600;
        font-size: 2.59vh;
        color: #FFFFFF;
        font-style: normal;
        display: flex;
        align-items: center; }
    .evaluationsDone .EvaluationCard1 .imgbox {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      .evaluationsDone .EvaluationCard1 .imgbox .img {
        width: 10vh;
        height: 10vh;
        margin-top: 4.5vh;
        margin-bottom: 2.59vh; }
      .evaluationsDone .EvaluationCard1 .imgbox .tips {
        font-family: PingFangSC, PingFang SC;
        font-weight: 600;
        font-size: 2.59vh;
        color: #232427;
        line-height: 3.7vh;
        text-align: left;
        font-style: normal;
        margin-bottom: 1vh; }
    .evaluationsDone .EvaluationCard1 .info {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 4.44vh;
      margin-bottom: 4.44vh; }
      .evaluationsDone .EvaluationCard1 .info .infoItem {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 200px; }
        .evaluationsDone .EvaluationCard1 .info .infoItem .aaa {
          font-family: PingFangSC, PingFang SC;
          font-weight: 600;
          color: #232427;
          font-size: 2.96vh;
          text-align: left;
          font-style: normal;
          margin-bottom: 1.2vh; }
        .evaluationsDone .EvaluationCard1 .info .infoItem .bbb {
          font-family: PingFangSC, PingFang SC;
          font-weight: 400;
          font-size: 1.85vh;
          color: #4E5969;
          text-align: left;
          font-style: normal; }
      .evaluationsDone .EvaluationCard1 .info .line {
        width: 0;
        height: 5.27vh;
        border: 1px solid #DDDFE6;
        margin-left: 5.72vw;
        margin-right: 5.72vw;
        background: #DDDFE6; }
    .evaluationsDone .EvaluationCard1 .table {
      width: 100%;
      background: #F8FBFF;
      border-radius: 1px;
      border-left: 1px solid #DCDFE6;
      border-top: 1px solid #DCDFE6;
      border-right: none; }
      .evaluationsDone .EvaluationCard1 .table .hang {
        display: flex;
        justify-content: center;
        align-items: center; }
        .evaluationsDone .EvaluationCard1 .table .hang .lie {
          width: 50%;
          padding: 0 2.86vw;
          border-bottom: 1px solid #DCDFE6;
          border-right: 1px solid #DCDFE6;
          text-align: left;
          height: 6.48vh;
          display: flex;
          justify-content: flex-start;
          align-items: center; }
          .evaluationsDone .EvaluationCard1 .table .hang .lie .aaa {
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            font-size: 1.85vh;
            color: #4E5969;
            text-align: left;
            font-style: normal; }
          .evaluationsDone .EvaluationCard1 .table .hang .lie .bbb {
            font-family: PingFangSC, PingFang SC;
            font-weight: 500;
            font-size: 1.85vh;
            color: #232427;
            text-align: left;
            font-style: normal; }
      .evaluationsDone .EvaluationCard1 .table tr {
        height: 6.48vh; }
        .evaluationsDone .EvaluationCard1 .table tr td {
          padding: 0 55px;
          border-bottom: 1px solid #DCDFE6;
          border-right: 1px solid #DCDFE6; }
          .evaluationsDone .EvaluationCard1 .table tr td .aaa {
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            font-size: 1.85vh;
            color: #4E5969;
            text-align: center;
            font-style: normal; }
          .evaluationsDone .EvaluationCard1 .table tr td .bbb {
            font-family: PingFangSC, PingFang SC;
            font-weight: 500;
            font-size: 1.85vh;
            color: #232427;
            text-align: center;
            font-style: normal; }
        .evaluationsDone .EvaluationCard1 .table tr th {
          padding: 0 55px;
          border-bottom: 1px solid #DCDFE6;
          border-right: 1px solid #DCDFE6; }
          .evaluationsDone .EvaluationCard1 .table tr th .aaa {
            font-family: PingFangSC, PingFang SC;
            font-weight: 600;
            font-size: 2.22vh;
            color: #4E5969;
            text-align: center;
            font-style: normal;
            line-height: 2.22vh; }
          .evaluationsDone .EvaluationCard1 .table tr th .bbb {
            font-family: PingFangSC, PingFang SC;
            font-weight: 600;
            color: #232427;
            text-align: center;
            font-style: normal;
            font-size: 1.85vh;
            line-height: 2.22vh; }

@media only screen and (max-width: 800px) {
  .evaluationsDone .flex-start-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 5.2vh; }
  .evaluationsDone .EvaluationCard1 {
    width: 90vw;
    height: 83vh; }
    .evaluationsDone .EvaluationCard1 .table {
      width: 100%;
      background: #F8FBFF;
      border-radius: 1px;
      border-left: 1px solid #DCDFE6;
      border-top: 1px solid #DCDFE6;
      border-right: none; }
      .evaluationsDone .EvaluationCard1 .table .hang {
        display: block; }
        .evaluationsDone .EvaluationCard1 .table .hang .lie {
          width: 83vw;
          padding: 0 2.86vw;
          border-bottom: 1px solid #DCDFE6;
          border-right: 1px solid #DCDFE6;
          text-align: left;
          height: 6.48vh;
          display: flex;
          justify-content: flex-start;
          align-items: center; }
          .evaluationsDone .EvaluationCard1 .table .hang .lie .aaa {
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            font-size: 1.85vh;
            color: #4E5969;
            text-align: left;
            font-style: normal; }
          .evaluationsDone .EvaluationCard1 .table .hang .lie .bbb {
            font-family: PingFangSC, PingFang SC;
            font-weight: 500;
            font-size: 1.85vh;
            color: #232427;
            text-align: left;
            font-style: normal; }
      .evaluationsDone .EvaluationCard1 .table tr {
        height: 6.48vh; }
        .evaluationsDone .EvaluationCard1 .table tr td {
          padding: 0 10px;
          border-bottom: 1px solid #DCDFE6;
          border-right: 1px solid #DCDFE6; }
          .evaluationsDone .EvaluationCard1 .table tr td .aaa {
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            font-size: 1.6vh;
            color: #4E5969;
            text-align: center;
            font-style: normal; }
          .evaluationsDone .EvaluationCard1 .table tr td .bbb {
            font-family: PingFangSC, PingFang SC;
            font-weight: 500;
            font-size: 1.6vh;
            color: #232427;
            text-align: center;
            font-style: normal; }
        .evaluationsDone .EvaluationCard1 .table tr th {
          padding: 0 55px;
          border-bottom: 1px solid #DCDFE6;
          border-right: 1px solid #DCDFE6; }
          .evaluationsDone .EvaluationCard1 .table tr th .aaa {
            font-family: PingFangSC, PingFang SC;
            font-weight: 600;
            font-size: 1.85vh;
            color: #4E5969;
            text-align: center;
            font-style: normal;
            line-height: 1.85vh; }
          .evaluationsDone .EvaluationCard1 .table tr th .bbb {
            font-family: PingFangSC, PingFang SC;
            font-weight: 600;
            color: #232427;
            text-align: center;
            font-style: normal;
            font-size: 1.6vh;
            line-height: 1.6vh; }
    .evaluationsDone .EvaluationCard1 .EvaluationCardBottom .BottomTitleInfoOption4 .BottomTitleInfoOptionInfo4 {
      width: 85.75vw; } }

.el-message-box {
  border-radius: .1vw !important;
  padding: 0;
  padding-bottom: 10px; }

.interviewLS .el-dialog {
  margin-top: 26vh; }

.interviewInfoLSback {
  position: absolute;
  left: 10px;
  top: 10px;
  cursor: pointer; }

.disabled {
  opacity: 0.5;
  pointer-events: none; }

.el-dialog__footer {
  padding-bottom: 28px; }

.jszcz {
  position: absolute;
  left: 38vw;
  top: 8vh;
  color: #999; }

.dialog .img {
  margin: 0 auto;
  width: 100px;
  height: 100px; }
  .dialog .img img {
    width: 100%;
    height: 100%; }

.dialog .title {
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 32px;
  color: #232427;
  line-height: 45px;
  text-align: center;
  font-style: normal;
  margin-top: 20px; }

.dialog .info {
  margin-top: 10px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 20px;
  color: #4E5969;
  line-height: 28px;
  text-align: center;
  font-style: normal; }
  .dialog .info .bcewm-img img {
    margin: 0 auto; }

.button {
  width: 170px;
  height: 46px;
  background: linear-gradient(270deg, #5AA1FD 0%, #3B83FA 100%);
  border-radius: 100px;
  font-family: PingFangSC, PingFang SC;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 30px;
  text-align: center;
  font-style: normal;
  line-height: 46px;
  cursor: pointer;
  margin: 0 auto; }

.buttons {
  width: 170px;
  height: 46px;
  background: #E6E6E6;
  border-radius: 100px;
  font-family: PingFangSC, PingFang SC;
  font-size: 16px;
  color: #000;
  line-height: 30px;
  text-align: center;
  font-style: normal;
  line-height: 46px;
  cursor: pointer;
  margin: 0 auto; }

.interviewLS {
  position: relative;
  background: #F3F5FD;
  height: calc(100vh - 6vh);
  box-sizing: border-box; }
  .interviewLS .el-input__inner {
    width: 100%; }
  .interviewLS .interviewLScard {
    width: 100%;
    min-height: 100%;
    margin-top: 2vh;
    background: #FFFFFF;
    border-radius: .6vw;
    padding: 3vh 1vw;
    box-sizing: border-box; }
    .interviewLS .interviewLScard .interviewLScardTop {
      display: flex; }
      .interviewLS .interviewLScard .interviewLScardTop .interviewOn {
        padding: 0vh 1vw;
        color: #4E5969;
        border-radius: 1vw;
        line-height: 4vh;
        text-align: center;
        cursor: pointer;
        background: #F3F5FD;
        height: 4vh; }
      .interviewLS .interviewLScard .interviewLScardTop .active {
        color: #fff;
        background: #2C8BF2; }
    .interviewLS .interviewLScard .interviewOff {
      height: 4vh;
      margin-left: 1.4vw;
      padding: 0vh 1vw;
      background: #F3F5FD;
      border-radius: 1vw;
      line-height: 4vh;
      text-align: center;
      cursor: pointer;
      color: #4E5969; }
    .interviewLS .interviewLScard .interviewLScardList {
      margin-top: 1vh;
      display: flex;
      flex-wrap: wrap; }
      .interviewLS .interviewLScard .interviewLScardList .interviewLScardListItem {
        padding: 2vh 1vw;
        box-sizing: border-box;
        width: 30.8vw;
        background: #F6F7FC;
        border-radius: .6vw;
        margin: 0 .5vw;
        margin-top: 2vh; }
        .interviewLS .interviewLScard .interviewLScardList .interviewLScardListItem .topInfo {
          display: flex;
          border-bottom: .1vh solid #E6E6E6;
          padding-bottom: 1vh;
          box-sizing: border-box; }
          .interviewLS .interviewLScard .interviewLScardList .interviewLScardListItem .topInfo .topInfoHeader {
            width: 2vw;
            height: 4vh; }
            .interviewLS .interviewLScard .interviewLScardList .interviewLScardListItem .topInfo .topInfoHeader img {
              width: 100%;
              height: 100%; }
          .interviewLS .interviewLScard .interviewLScardList .interviewLScardListItem .topInfo .topInfoName {
            margin-left: 1vw;
            line-height: 4vh;
            font-size: 1.2vw; }
        .interviewLS .interviewLScard .interviewLScardList .interviewLScardListItem .bottomInfo {
          padding-top: 1vh;
          box-sizing: border-box;
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          color: #4E5969; }
          .interviewLS .interviewLScard .interviewLScardList .interviewLScardListItem .bottomInfo .bottomItem {
            width: 14vw;
            line-height: 3.4vh; }
        .interviewLS .interviewLScard .interviewLScardList .interviewLScardListItem .bottomButton {
          margin-left: auto;
          width: 6vw;
          height: 4vh;
          border-radius: 1vw;
          line-height: 4vh;
          text-align: center;
          cursor: pointer;
          color: #fff;
          background: linear-gradient(270deg, #5AA1FD 0%, #3B83FA 100%); }

.interviewInfoLS {
  background: #F3F5FD;
  min-height: calc(100vh - 6vh);
  padding-top: 30px;
  box-sizing: border-box;
  position: relative;
  font-size: 14px; }
  .interviewInfoLS .el-dialog__footer {
    padding-bottom: 28px; }
  .interviewInfoLS .el-progress__text {
    margin-left: 20px;
    min-width: 100px; }
  .interviewInfoLS .CardTopSchedule {
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 24px;
    color: #FFFFFF;
    line-height: 33px;
    text-align: left;
    font-style: none; }
    .interviewInfoLS .CardTopSchedule b {
      font-style: none;
      font-size: 36px; }
  .interviewInfoLS .el-dialog {
    margin-top: 26vh; }
  .interviewInfoLS .dialog .img {
    margin: 0 auto;
    width: 100px;
    height: 100px; }
    .interviewInfoLS .dialog .img img {
      width: 100%;
      height: 100%; }
  .interviewInfoLS .dialog .title {
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 32px;
    color: #232427;
    line-height: 45px;
    text-align: center;
    font-style: normal;
    margin-top: 20px; }
  .interviewInfoLS .dialog .info {
    margin-top: 10px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 20px;
    color: #4E5969;
    line-height: 28px;
    text-align: center;
    font-style: normal; }
  .interviewInfoLS .button {
    width: 170px;
    height: 46px;
    background: linear-gradient(270deg, #5AA1FD 0%, #3B83FA 100%);
    border-radius: 100px;
    font-family: PingFangSC, PingFang SC;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 30px;
    text-align: center;
    font-style: normal;
    line-height: 46px;
    cursor: pointer;
    margin: 0 auto; }
  .interviewInfoLS .interviewInfoLSback {
    position: absolute;
    left: 10px;
    top: 10px;
    cursor: pointer; }
  .interviewInfoLS .interviewInfoLSBox {
    width: 1200px;
    margin: auto; }
    .interviewInfoLS .interviewInfoLSBox .interviewInfoLSBoxTop {
      padding: 16px 40px;
      box-sizing: border-box;
      display: flex;
      background: #fff; }
      .interviewInfoLS .interviewInfoLSBox .interviewInfoLSBoxTop .InfoLSBoxTopHeader {
        width: 120px;
        height: 120px; }
        .interviewInfoLS .interviewInfoLSBox .interviewInfoLSBoxTop .InfoLSBoxTopHeader img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .interviewInfoLS .interviewInfoLSBox .interviewInfoLSBoxTop .InfoLSBoxTopInfo {
        margin-left: 30px;
        width: 850px; }
        .interviewInfoLS .interviewInfoLSBox .interviewInfoLSBoxTop .InfoLSBoxTopInfo .TopInfoName {
          font-family: PingFangSC, PingFang SC;
          font-size: 24px;
          color: #232427;
          line-height: 36px;
          text-align: left;
          font-style: normal; }
        .interviewInfoLS .interviewInfoLSBox .interviewInfoLSBoxTop .InfoLSBoxTopInfo .bottomItems {
          width: 550px;
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          color: #4E5969; }
          .interviewInfoLS .interviewInfoLSBox .interviewInfoLSBoxTop .InfoLSBoxTopInfo .bottomItems .bottomItem {
            width: 260px;
            line-height: 30px; }
      .interviewInfoLS .interviewInfoLSBox .interviewInfoLSBoxTop .def-input-number input::-webkit-outer-spin-button,
      .interviewInfoLS .interviewInfoLSBox .interviewInfoLSBoxTop .def-input-number input::-webkit-inner-spin-button {
        -webkit-appearance: none; }
      .interviewInfoLS .interviewInfoLSBox .interviewInfoLSBoxTop .def-input-number input[type="number"] {
        -moz-appearance: textfield; }
      .interviewInfoLS .interviewInfoLSBox .interviewInfoLSBoxTop .def-input-number .el-input__inner {
        line-height: 1px !important; }
      .interviewInfoLS .interviewInfoLSBox .interviewInfoLSBoxTop .def-input-number {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 20px;
        color: #232427;
        line-height: 28px;
        text-align: center;
        font-style: normal; }
    .interviewInfoLS .interviewInfoLSBox .BottomTitleInfoNameTag {
      width: 56px;
      height: 32px;
      border-radius: 4px;
      border: 1px solid #067EFF;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      font-size: 20px;
      color: #067EFF;
      line-height: 32px;
      text-align: center;
      font-style: normal;
      margin-right: 5px;
      padding: 0 3px;
      display: inline-block; }
    .interviewInfoLS .interviewInfoLSBox .interviewInfoLSBoxBottom {
      position: relative;
      margin-top: 10px;
      padding: 10px 180px;
      padding-bottom: 20px;
      box-sizing: border-box;
      border-radius: 0px 0px 16px 16px;
      min-height: 66%;
      background: #fff;
      box-shadow: 0px 12px 34px 0px rgba(82, 146, 236, 0.08), inset 0px 2px 0px 0px #FFFFFF; }
      .interviewInfoLS .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitle {
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        font-size: 24px;
        color: #232427;
        line-height: 40px;
        text-align: left;
        font-style: normal;
        border-bottom: 1px dashed #BFCAD6;
        padding-bottom: 23px;
        margin-top: 20px; }
      .interviewInfoLS .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoName {
        margin-top: 23px;
        display: flex; }
        .interviewInfoLS .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoName .BottomTitleInfoNameT {
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 24px;
          color: #232427;
          line-height: 33px;
          text-align: left;
          font-style: normal; }
          .interviewInfoLS .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoName .BottomTitleInfoNameT input {
            display: inline; }
        .interviewInfoLS .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoName .BottomTitleInfoNameTagT {
          width: 56px;
          height: 32px;
          border-radius: 4px;
          border: 1px solid #FF9B24;
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 20px;
          color: #FF9B24;
          line-height: 28px;
          text-align: center;
          font-style: normal; }
      .interviewInfoLS .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption {
        margin-top: 8px; }
        .interviewInfoLS .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption .BottomTitleInfoOptionInfo {
          width: 840px;
          background: #F0F2FB;
          border-radius: 12px;
          padding: 22px 36px;
          box-sizing: border-box;
          margin-top: 24px;
          cursor: pointer;
          font-weight: 500;
          font-size: 20px;
          color: #232427;
          text-align: left;
          font-style: normal;
          border: 2px solid transparent; }
        .interviewInfoLS .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption .BottomTitleInfoOptionInfoActive {
          color: #2C8BF2;
          background: #E6F2FF;
          border: 2px solid #2C8BF2; }
      .interviewInfoLS .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption3 {
        margin-top: 8px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        .interviewInfoLS .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption3 .BottomTitleInfoOptionInfo3 {
          width: 410px;
          background: #F0F2FB;
          border-radius: 12px;
          padding: 22px 36px;
          box-sizing: border-box;
          margin-top: 24px;
          cursor: pointer;
          font-weight: 500;
          font-size: 20px;
          color: #232427;
          text-align: left;
          font-style: normal;
          border: 2px solid transparent; }
        .interviewInfoLS .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption3 .BottomTitleInfoOptionInfoActive3 {
          color: #2C8BF2;
          background: #E6F2FF;
          border: 2px solid #2C8BF2; }
      .interviewInfoLS .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption4 {
        margin-top: 8px;
        display: flex;
        flex-wrap: wrap; }
        .interviewInfoLS .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption4 .BottomTitleInfoOptionInfo4 {
          display: flex;
          justify-content: space-between;
          width: 840px;
          min-height: 72px;
          background: #F0F2FB;
          border-radius: 12px;
          padding: 22px 36px;
          box-sizing: border-box;
          margin-top: 24px;
          cursor: pointer;
          font-weight: 500;
          font-size: 20px;
          color: #232427;
          text-align: left;
          font-style: normal;
          border: 2px solid transparent; }
        .interviewInfoLS .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption4 .BottomTitleInfoOptionInfoActive4 {
          color: #2C8BF2;
          background: #E6F2FF;
          border: 2px solid #2C8BF2; }
        .interviewInfoLS .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption4 .label {
          pointer-events: none; }
        .interviewInfoLS .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption4 .option-checkbox {
          pointer-events: none;
          width: 20px;
          height: 20px; }
      .interviewInfoLS .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption7 {
        display: flex;
        margin-top: 50px;
        margin-left: 50px; }
        .interviewInfoLS .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption7 .BottomTitleInfoOptionInfo7 {
          width: 106px;
          height: 64px;
          background: #F3F4F7;
          font-weight: 500;
          font-size: 24px;
          color: #232427;
          line-height: 64px;
          text-align: center;
          font-style: normal;
          cursor: pointer;
          margin-right: 2px; }
        .interviewInfoLS .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption7 .BottomTitleInfoOptionInfoActive7 {
          background: #2C8BF2;
          color: #fff; }
      .interviewInfoLS .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .butbox {
        display: flex;
        justify-content: center; }
        .interviewInfoLS .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .butbox .BottomTitleInfoButton {
          width: 300px;
          height: 5.186vh;
          display: flex;
          align-items: center;
          justify-content: center;
          font-family: PingFangSC, PingFang SC;
          font-weight: 600;
          font-size: 2.2vh;
          color: #FFFFFF;
          font-style: normal;
          border-radius: 2.592vh; }
    .interviewInfoLS .interviewInfoLSBox .from {
      margin-top: 10px;
      background: #fff;
      position: relative;
      padding: 24px 32px;
      padding-top: 40px;
      box-sizing: border-box; }
      .interviewInfoLS .interviewInfoLSBox .from b {
        font-family: PingFangSC, PingFang SC;
        font-weight: 600;
        font-size: 32px;
        color: #2C8BF2;
        line-height: 10px;
        text-align: left;
        font-style: normal;
        margin-right: 5px; }

.interviewDetails {
  background: #F3F5FD;
  min-height: calc(100vh- 6vh);
  padding-top: 30px;
  box-sizing: border-box;
  position: relative; }
  .interviewDetails .custom-table {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 20px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
  .interviewDetails .el-descriptions__body .el-descriptions__table .el-descriptions-item__cell {
    text-align: center; }
  .interviewDetails .el-descriptions-item__content {
    max-width: 295px; }
  .interviewDetails .my-label {
    width: 230px;
    color: #999;
    font-weight: normal;
    background: #fff; }
  .interviewDetails .my-class {
    max-width: 295px;
    word-break: break-all;
    word-wrap: break-word; }
  .interviewDetails .interviewInfoLSback {
    position: absolute;
    left: 10px;
    top: 10px;
    cursor: pointer; }
  .interviewDetails .left {
    text-align: left; }
  .interviewDetails .interviewInfoLSBoxs {
    width: 1200px;
    margin: auto; }
    .interviewDetails .interviewInfoLSBoxs .interviewInfoLSBoxTop {
      padding: 16px 40px;
      box-sizing: border-box;
      display: flex;
      background: #fff; }
      .interviewDetails .interviewInfoLSBoxs .interviewInfoLSBoxTop .InfoLSBoxTopHeader {
        width: 120px;
        height: 120px; }
        .interviewDetails .interviewInfoLSBoxs .interviewInfoLSBoxTop .InfoLSBoxTopHeader img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .interviewDetails .interviewInfoLSBoxs .interviewInfoLSBoxTop .InfoLSBoxTopInfo {
        margin-left: 30px;
        width: 850px; }
        .interviewDetails .interviewInfoLSBoxs .interviewInfoLSBoxTop .InfoLSBoxTopInfo .TopInfoName {
          font-family: PingFangSC, PingFang SC;
          font-size: 24px;
          color: #232427;
          line-height: 36px;
          text-align: left;
          font-style: normal; }
        .interviewDetails .interviewInfoLSBoxs .interviewInfoLSBoxTop .InfoLSBoxTopInfo .bottomItems {
          width: 550px;
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          color: #4E5969; }
          .interviewDetails .interviewInfoLSBoxs .interviewInfoLSBoxTop .InfoLSBoxTopInfo .bottomItems .bottomItem {
            width: 260px;
            line-height: 30px; }
    .interviewDetails .interviewInfoLSBoxs .interviewInfoLSBoxBottom {
      margin-top: 10px;
      background: #fff;
      position: relative;
      padding: 20px 20px;
      padding-bottom: 20px;
      box-sizing: border-box; }
      .interviewDetails .interviewInfoLSBoxs .interviewInfoLSBoxBottom .InfoLSBoxBottomTitle {
        font-family: PingFangSC, PingFang SC;
        font-size: 16px;
        font-weight: 700;
        color: #232427;
        line-height: 22px;
        text-align: left;
        font-style: normal; }

.interviewInfoOnline {
  background: #F3F5FD;
  min-height: calc(100vh - 6vh);
  padding-top: 30px;
  box-sizing: border-box;
  position: relative;
  font-size: 14px; }
  .interviewInfoOnline .el-dialog__footer {
    padding-bottom: 28px; }
  .interviewInfoOnline .el-progress__text {
    margin-left: 20px;
    min-width: 100px; }
  .interviewInfoOnline .CardTopSchedule {
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 24px;
    color: #FFFFFF;
    line-height: 33px;
    text-align: left;
    font-style: none; }
    .interviewInfoOnline .CardTopSchedule b {
      font-style: none;
      font-size: 36px; }
  .interviewInfoOnline .el-dialog {
    margin-top: 26vh; }
  .interviewInfoOnline .dialog .img {
    margin: 0 auto;
    width: 100px;
    height: 100px; }
    .interviewInfoOnline .dialog .img img {
      width: 100%;
      height: 100%; }
  .interviewInfoOnline .dialog .title {
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 32px;
    color: #232427;
    line-height: 45px;
    text-align: center;
    font-style: normal;
    margin-top: 20px; }
  .interviewInfoOnline .dialog .info {
    margin-top: 10px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 20px;
    color: #4E5969;
    line-height: 28px;
    text-align: center;
    font-style: normal; }
  .interviewInfoOnline .button {
    width: 170px;
    height: 46px;
    background: linear-gradient(270deg, #5AA1FD 0%, #3B83FA 100%);
    border-radius: 100px;
    font-family: PingFangSC, PingFang SC;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 30px;
    text-align: center;
    font-style: normal;
    line-height: 46px;
    cursor: pointer;
    margin: 0 auto; }
  .interviewInfoOnline .interviewInfoLSback {
    position: absolute;
    left: 10px;
    top: 10px;
    cursor: pointer; }
  .interviewInfoOnline .interviewInfoLSBox {
    width: 1200px;
    margin: auto; }
    .interviewInfoOnline .interviewInfoLSBox .interviewInfoLSBoxTop {
      padding: 16px 40px;
      box-sizing: border-box;
      display: flex;
      background: #fff; }
      .interviewInfoOnline .interviewInfoLSBox .interviewInfoLSBoxTop .InfoLSBoxTopHeader {
        width: 120px;
        height: 120px; }
        .interviewInfoOnline .interviewInfoLSBox .interviewInfoLSBoxTop .InfoLSBoxTopHeader img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .interviewInfoOnline .interviewInfoLSBox .interviewInfoLSBoxTop .InfoLSBoxTopInfo {
        margin-left: 30px;
        width: 850px; }
        .interviewInfoOnline .interviewInfoLSBox .interviewInfoLSBoxTop .InfoLSBoxTopInfo .TopInfoName {
          font-family: PingFangSC, PingFang SC;
          font-size: 24px;
          color: #232427;
          line-height: 36px;
          text-align: left;
          font-style: normal; }
        .interviewInfoOnline .interviewInfoLSBox .interviewInfoLSBoxTop .InfoLSBoxTopInfo .bottomItems {
          width: 550px;
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          color: #4E5969; }
          .interviewInfoOnline .interviewInfoLSBox .interviewInfoLSBoxTop .InfoLSBoxTopInfo .bottomItems .bottomItem {
            width: 260px;
            line-height: 30px; }
      .interviewInfoOnline .interviewInfoLSBox .interviewInfoLSBoxTop .def-input-number input::-webkit-outer-spin-button,
      .interviewInfoOnline .interviewInfoLSBox .interviewInfoLSBoxTop .def-input-number input::-webkit-inner-spin-button {
        -webkit-appearance: none; }
      .interviewInfoOnline .interviewInfoLSBox .interviewInfoLSBoxTop .def-input-number input[type="number"] {
        -moz-appearance: textfield; }
      .interviewInfoOnline .interviewInfoLSBox .interviewInfoLSBoxTop .def-input-number .el-input__inner {
        line-height: 1px !important; }
      .interviewInfoOnline .interviewInfoLSBox .interviewInfoLSBoxTop .def-input-number {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 20px;
        color: #232427;
        line-height: 28px;
        text-align: center;
        font-style: normal; }
    .interviewInfoOnline .interviewInfoLSBox .BottomTitleInfoNameTag {
      width: 56px;
      height: 32px;
      border-radius: 4px;
      border: 1px solid #067EFF;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      font-size: 20px;
      color: #067EFF;
      line-height: 32px;
      text-align: center;
      font-style: normal;
      margin-right: 5px;
      padding: 0 3px;
      display: inline-block; }
    .interviewInfoOnline .interviewInfoLSBox .interviewInfoLSBoxBottom {
      position: relative;
      margin-top: 10px;
      padding: 40px 180px;
      padding-bottom: 20px;
      box-sizing: border-box;
      border-radius: 0px 0px 16px 16px;
      min-height: 66%;
      background: #fff;
      box-shadow: 0px 12px 34px 0px rgba(82, 146, 236, 0.08), inset 0px 2px 0px 0px #FFFFFF; }
      .interviewInfoOnline .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitle {
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        font-size: 24px;
        color: #232427;
        line-height: 40px;
        text-align: left;
        font-style: normal;
        border-bottom: 1px dashed #BFCAD6;
        padding-bottom: 23px; }
      .interviewInfoOnline .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoName {
        margin-top: 23px;
        display: flex; }
        .interviewInfoOnline .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoName .BottomTitleInfoNameT {
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 24px;
          color: #232427;
          line-height: 33px;
          text-align: left;
          font-style: normal; }
          .interviewInfoOnline .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoName .BottomTitleInfoNameT input {
            display: inline; }
        .interviewInfoOnline .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoName .BottomTitleInfoNameTagT {
          width: 56px;
          height: 32px;
          border-radius: 4px;
          border: 1px solid #FF9B24;
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 20px;
          color: #FF9B24;
          line-height: 28px;
          text-align: center;
          font-style: normal; }
      .interviewInfoOnline .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption {
        margin-top: 8px; }
        .interviewInfoOnline .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption .BottomTitleInfoOptionInfo {
          width: 840px;
          height: 72px;
          background: #F0F2FB;
          border-radius: 12px;
          padding: 22px 36px;
          box-sizing: border-box;
          margin-top: 24px;
          cursor: pointer;
          font-weight: 500;
          font-size: 20px;
          color: #232427;
          text-align: left;
          font-style: normal;
          border: 2px solid transparent; }
        .interviewInfoOnline .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption .BottomTitleInfoOptionInfoActive {
          color: #2C8BF2;
          background: #E6F2FF;
          border: 2px solid #2C8BF2; }
      .interviewInfoOnline .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption3 {
        margin-top: 8px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        .interviewInfoOnline .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption3 .BottomTitleInfoOptionInfo3 {
          width: 410px;
          height: 72px;
          background: #F0F2FB;
          border-radius: 12px;
          padding: 22px 36px;
          box-sizing: border-box;
          margin-top: 24px;
          cursor: pointer;
          font-weight: 500;
          font-size: 20px;
          color: #232427;
          text-align: left;
          font-style: normal;
          border: 2px solid transparent; }
        .interviewInfoOnline .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption3 .BottomTitleInfoOptionInfoActive3 {
          color: #2C8BF2;
          background: #E6F2FF;
          border: 2px solid #2C8BF2; }
      .interviewInfoOnline .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption4 {
        margin-top: 8px;
        display: flex;
        flex-wrap: wrap; }
        .interviewInfoOnline .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption4 .BottomTitleInfoOptionInfo4 {
          display: flex;
          justify-content: space-between;
          width: 840px;
          min-height: 72px;
          background: #F0F2FB;
          border-radius: 12px;
          padding: 22px 36px;
          box-sizing: border-box;
          margin-top: 24px;
          cursor: pointer;
          font-weight: 500;
          font-size: 20px;
          color: #232427;
          text-align: left;
          font-style: normal;
          border: 2px solid transparent; }
        .interviewInfoOnline .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption4 .BottomTitleInfoOptionInfoActive4 {
          color: #2C8BF2;
          background: #E6F2FF;
          border: 2px solid #2C8BF2; }
        .interviewInfoOnline .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption4 .label {
          pointer-events: none; }
        .interviewInfoOnline .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption4 .option-checkbox {
          pointer-events: none;
          width: 20px;
          height: 20px; }
      .interviewInfoOnline .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption7 {
        display: flex;
        margin-top: 50px;
        margin-left: 50px; }
        .interviewInfoOnline .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption7 .BottomTitleInfoOptionInfo7 {
          width: 106px;
          height: 64px;
          background: #F3F4F7;
          font-weight: 500;
          font-size: 24px;
          color: #232427;
          line-height: 64px;
          text-align: center;
          font-style: normal;
          cursor: pointer;
          margin-right: 2px; }
        .interviewInfoOnline .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption7 .BottomTitleInfoOptionInfoActive7 {
          background: #2C8BF2;
          color: #fff; }
      .interviewInfoOnline .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .butbox {
        display: flex;
        justify-content: center; }
        .interviewInfoOnline .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .butbox .BottomTitleInfoButton {
          width: 300px;
          height: 5.186vh;
          display: flex;
          align-items: center;
          justify-content: center;
          font-family: PingFangSC, PingFang SC;
          font-weight: 600;
          font-size: 2.2vh;
          color: #FFFFFF;
          font-style: normal;
          border-radius: 2.592vh; }
    .interviewInfoOnline .interviewInfoLSBox .from {
      margin-top: 10px;
      background: #fff;
      position: relative;
      padding: 24px 32px;
      padding-top: 40px;
      box-sizing: border-box; }
      .interviewInfoOnline .interviewInfoLSBox .from b {
        font-family: PingFangSC, PingFang SC;
        font-weight: 600;
        font-size: 32px;
        color: #2C8BF2;
        line-height: 10px;
        text-align: left;
        font-style: normal;
        margin-right: 5px; }

.aggers {
  min-height: 100vh;
  background: #F3F5FD;
  padding: 2vh 16vw; }
  .aggers .el-dialog {
    margin: 15vh auto !important; }
  .aggers .el-dialog__body {
    padding: 0; }
  .aggers .signs {
    position: relative;
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently not supported by any browser */
    width: 49vw;
    height: 50vh;
    margin: 2vh auto;
    margin-top: 5vh;
    background: #F3F5FD;
    border-radius: 10px;
    font-weight: 600;
    font-size: 3vw;
    color: #DCDFE6;
    line-height: 20vh;
    text-align: center; }
    .aggers .signs #canvas {
      width: 100%;
      height: 100%;
      z-index: 999; }
    .aggers .signs .signTitle {
      position: absolute;
      top: 0vh;
      left: 26.5vw;
      height: 0vh; }
  .aggers .wider {
    position: relative;
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently not supported by any browser */
    width: 97vw;
    height: 74vh;
    background: #F3F5FD;
    border-radius: 10px;
    font-weight: 600;
    font-size: 3vw;
    color: #DCDFE6;
    line-height: 20vh;
    text-align: center; }
    .aggers .wider #canvas {
      width: 100%;
      height: 100%;
      z-index: 999; }
    .aggers .wider .signTitle {
      position: absolute;
      top: 0vh;
      left: 26.5vw;
      height: 0vh; }
  .aggers .back {
    cursor: pointer; }
  .aggers .aggerCards {
    margin-top: 2vh;
    width: 66vw;
    padding: 3vw;
    background: #ffffff;
    border-radius: 8px; }
    .aggers .aggerCards .cardTitle {
      font-size: 2vw;
      text-align: center; }
    .aggers .aggerCards .cardInfo {
      font-size: 1vw;
      text-align: left;
      margin-top: 2vh;
      min-height: 40vh; }
    .aggers .aggerCards .sign {
      position: relative;
      -webkit-user-select: none;
      /* Chrome/Safari/Opera */
      -moz-user-select: none;
      /* Firefox */
      -ms-user-select: none;
      /* Internet Explorer/Edge */
      user-select: none;
      /* Non-prefixed version, currently not supported by any browser */
      width: 64vw;
      height: 20vh;
      margin: 2vh auto;
      margin-top: 5vh;
      background: #F3F5FD;
      border-radius: 10px;
      font-weight: 600;
      font-size: 3vw;
      color: #DCDFE6;
      line-height: 20vh;
      text-align: center; }
      .aggers .aggerCards .sign #canvas {
        width: 100%;
        height: 100%;
        z-index: 999; }
      .aggers .aggerCards .sign .signTitle {
        position: absolute;
        top: 0vh;
        left: 26.5vw;
        height: 0vh; }
      .aggers .aggerCards .sign .signTitleImg {
        width: 100%;
        height: 100%; }
    .aggers .aggerCards .save {
      margin: 2vh auto;
      cursor: pointer;
      width: 7vw;
      height: 4.2vh;
      background: #2C8BF2;
      border-radius: 20px;
      font-weight: 400;
      font-size: .8vw;
      color: #FFFFFF;
      line-height: 4.2vh;
      text-align: center; }

@media only screen and (max-width: 600px) {
  .signs {
    position: relative;
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently not supported by any browser */
    width: 97vw;
    height: 74vh;
    background: #F3F5FD;
    border-radius: 10px;
    font-weight: 600;
    font-size: 3vw;
    color: #DCDFE6;
    line-height: 20vh;
    text-align: center; }
    .signs #canvas {
      width: 100%;
      height: 100%;
      z-index: 999; }
    .signs .signTitle {
      position: absolute;
      top: 0vh;
      left: 26.5vw;
      height: 0vh; }
  .el-dialog__wrapper {
    overflow: hidden !important; }
    .el-dialog__wrapper .el-dialog {
      margin-top: 0 !important;
      width: 100% !important;
      height: 100% !important;
      overflow: hidden !important; }
  .aggers {
    background: #F3F5FD;
    padding: 0;
    t: 100vh; }
    .aggers min-heigh.agger {
      background: #F3F5FD;
      padding: 2vh 16vw; }
      .aggers min-heigh.agger .el-dialog {
        margin: 2vh auto; }
      .aggers min-heigh.agger .el-dialog__body {
        padding: 0; }
      .aggers min-heigh.agger .back {
        cursor: pointer; }
      .aggers min-heigh.agger .aggerCards {
        margin-top: 2vh;
        width: 100%;
        background: #ffffff;
        border-radius: 8px;
        overflow: hidden; }
        .aggers min-heigh.agger .aggerCards .cardTitle {
          font-size: 2vw;
          text-align: center; }
        .aggers min-heigh.agger .aggerCards .cardInfo {
          font-size: 1vw;
          text-align: left;
          margin-top: 2vh;
          min-height: 40vh; }
        .aggers min-heigh.agger .aggerCards .sign {
          position: relative;
          -webkit-user-select: none;
          /* Chrome/Safari/Opera */
          -moz-user-select: none;
          /* Firefox */
          -ms-user-select: none;
          /* Internet Explorer/Edge */
          user-select: none;
          /* Non-prefixed version, currently not supported by any browser */
          width: 50vw;
          height: 20vh;
          margin: 2vh auto;
          margin-top: 5vh;
          background: #F3F5FD;
          border-radius: 10px;
          font-weight: 600;
          font-size: 3vw;
          color: #DCDFE6;
          line-height: 20vh;
          text-align: center; }
          .aggers min-heigh.agger .aggerCards .sign #canvas {
            width: 100%;
            height: 100%;
            z-index: 999; }
          .aggers min-heigh.agger .aggerCards .sign .signTitle {
            position: absolute;
            top: 0vh;
            left: 26.5vw;
            height: 0vh; }
        .aggers min-heigh.agger .aggerCards .save {
          margin: 2vh auto;
          cursor: pointer;
          width: 7vw;
          height: 4.2vh;
          background: #2C8BF2;
          border-radius: 20px;
          font-weight: 400;
          font-size: .8vw;
          color: #FFFFFF;
          line-height: 4.2vh;
          text-align: center; }
    .aggers .back {
      cursor: pointer; }
    .aggers .aggerCards {
      margin-top: 2vh;
      width: 100%;
      background: #ffffff;
      border-radius: 8px;
      padding: 10px;
      box-sizing: border-box;
      overflow: hidden; }
      .aggers .aggerCards .cardTitle {
        font-size: 18px;
        text-align: center; }
      .aggers .aggerCards .cardInfo {
        font-size: 14px;
        text-align: left;
        margin-top: 2vh;
        min-height: 40vh; }
      .aggers .aggerCards .sign {
        position: relative;
        -webkit-user-select: none;
        /* Chrome/Safari/Opera */
        -moz-user-select: none;
        /* Firefox */
        -ms-user-select: none;
        /* Internet Explorer/Edge */
        user-select: none;
        /* Non-prefixed version, currently not supported by any browser */
        width: 80%;
        height: 20vh;
        margin-top: 5vh;
        background: #F3F5FD;
        border-radius: 10px;
        font-weight: 600;
        font-size: 3vw;
        color: #DCDFE6;
        line-height: 20vh;
        text-align: center; }
        .aggers .aggerCards .sign #canvas {
          width: 100%;
          height: 100%;
          z-index: 999; }
        .aggers .aggerCards .sign .signTitle {
          position: absolute;
          top: 0vh;
          left: 26.5vw;
          height: 0vh; }
      .aggers .aggerCards .save {
        margin: 2vh auto;
        cursor: pointer;
        width: 7vw;
        height: 4.2vh;
        background: #2C8BF2;
        border-radius: 20px;
        font-weight: 400;
        font-size: .8vw;
        color: #FFFFFF;
        line-height: 4.2vh;
        text-align: center; } }

.aggers {
  min-height: 100vh;
  background: #F3F5FD;
  padding: 2vh 16vw; }
  .aggers .el-dialog {
    margin: 15vh auto !important; }
  .aggers .el-dialog__body {
    padding: 0; }
  .aggers .signs {
    position: relative;
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently not supported by any browser */
    width: 49vw;
    height: 50vh;
    margin: 2vh auto;
    margin-top: 5vh;
    background: #F3F5FD;
    border-radius: 10px;
    font-weight: 600;
    font-size: 3vw;
    color: #DCDFE6;
    line-height: 20vh;
    text-align: center; }
    .aggers .signs #canvas {
      width: 100%;
      height: 100%;
      z-index: 999; }
    .aggers .signs .signTitleImg {
      width: 100%;
      height: 100%; }
    .aggers .signs .signTitle {
      position: absolute;
      top: 0vh;
      left: 26.5vw;
      height: 0vh; }
  .aggers .wider {
    position: relative;
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently not supported by any browser */
    width: 97vw;
    height: 74vh;
    background: #F3F5FD;
    border-radius: 10px;
    font-weight: 600;
    font-size: 3vw;
    color: #DCDFE6;
    line-height: 20vh;
    text-align: center; }
    .aggers .wider #canvas {
      width: 100%;
      height: 100%;
      z-index: 999; }
    .aggers .wider .signTitle {
      position: absolute;
      top: 0vh;
      left: 26.5vw;
      height: 0vh; }
  .aggers .back {
    cursor: pointer; }
  .aggers .aggerCards {
    margin-top: 2vh;
    width: 66vw;
    padding: 3vw;
    background: #ffffff;
    border-radius: 8px; }
    .aggers .aggerCards .cardTitle {
      font-size: 2vw;
      text-align: center; }
    .aggers .aggerCards .cardInfo {
      font-size: 1vw;
      text-align: left;
      margin-top: 2vh;
      min-height: 40vh; }
    .aggers .aggerCards .sign {
      position: relative;
      -webkit-user-select: none;
      /* Chrome/Safari/Opera */
      -moz-user-select: none;
      /* Firefox */
      -ms-user-select: none;
      /* Internet Explorer/Edge */
      user-select: none;
      /* Non-prefixed version, currently not supported by any browser */
      width: 64vw;
      height: 20vh;
      margin: 2vh auto;
      margin-top: 5vh;
      background: #F3F5FD;
      border-radius: 10px;
      font-weight: 600;
      font-size: 3vw;
      color: #DCDFE6;
      line-height: 20vh;
      text-align: center; }
      .aggers .aggerCards .sign #canvas {
        width: 100%;
        height: 100%;
        z-index: 999; }
      .aggers .aggerCards .sign .signTitle {
        position: absolute;
        top: 0vh;
        left: 26.5vw;
        height: 0vh; }
    .aggers .aggerCards .save {
      margin: 2vh auto;
      cursor: pointer;
      width: 7vw;
      height: 4.2vh;
      background: #2C8BF2;
      border-radius: 20px;
      font-weight: 400;
      font-size: .8vw;
      color: #FFFFFF;
      line-height: 4.2vh;
      text-align: center; }

@media only screen and (max-width: 600px) {
  .signs {
    position: relative;
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently not supported by any browser */
    width: 97vw;
    height: 74vh;
    background: #F3F5FD;
    border-radius: 10px;
    font-weight: 600;
    font-size: 3vw;
    color: #DCDFE6;
    line-height: 20vh;
    text-align: center; }
    .signs #canvas {
      width: 100%;
      height: 100%;
      z-index: 999; }
    .signs .signTitle {
      position: absolute;
      top: 0vh;
      left: 26.5vw;
      height: 0vh; }
  .el-dialog__wrapper {
    overflow: hidden !important; }
    .el-dialog__wrapper .el-dialog {
      margin-top: 0 !important;
      width: 100% !important;
      height: 100% !important;
      overflow: hidden !important; }
  .aggers {
    background: #F3F5FD;
    padding: 0;
    t: 100vh; }
    .aggers min-heigh.agger {
      background: #F3F5FD;
      padding: 2vh 16vw; }
      .aggers min-heigh.agger .el-dialog {
        margin: 2vh auto; }
      .aggers min-heigh.agger .el-dialog__body {
        padding: 0; }
      .aggers min-heigh.agger .back {
        cursor: pointer; }
      .aggers min-heigh.agger .aggerCards {
        margin-top: 2vh;
        width: 100%;
        background: #ffffff;
        border-radius: 8px;
        overflow: hidden; }
        .aggers min-heigh.agger .aggerCards .cardTitle {
          font-size: 2vw;
          text-align: center; }
        .aggers min-heigh.agger .aggerCards .cardInfo {
          font-size: 1vw;
          text-align: left;
          margin-top: 2vh;
          min-height: 40vh; }
        .aggers min-heigh.agger .aggerCards .sign {
          position: relative;
          -webkit-user-select: none;
          /* Chrome/Safari/Opera */
          -moz-user-select: none;
          /* Firefox */
          -ms-user-select: none;
          /* Internet Explorer/Edge */
          user-select: none;
          /* Non-prefixed version, currently not supported by any browser */
          width: 50vw;
          height: 20vh;
          margin: 2vh auto;
          margin-top: 5vh;
          background: #F3F5FD;
          border-radius: 10px;
          font-weight: 600;
          font-size: 3vw;
          color: #DCDFE6;
          line-height: 20vh;
          text-align: center; }
          .aggers min-heigh.agger .aggerCards .sign #canvas {
            width: 100%;
            height: 100%;
            z-index: 999; }
          .aggers min-heigh.agger .aggerCards .sign .signTitle {
            position: absolute;
            top: 0vh;
            left: 26.5vw;
            height: 0vh; }
        .aggers min-heigh.agger .aggerCards .save {
          margin: 2vh auto;
          cursor: pointer;
          width: 7vw;
          height: 4.2vh;
          background: #2C8BF2;
          border-radius: 20px;
          font-weight: 400;
          font-size: .8vw;
          color: #FFFFFF;
          line-height: 4.2vh;
          text-align: center; }
    .aggers .back {
      cursor: pointer; }
    .aggers .aggerCards {
      margin-top: 2vh;
      width: 100%;
      background: #ffffff;
      border-radius: 8px;
      padding: 10px;
      box-sizing: border-box;
      overflow: hidden; }
      .aggers .aggerCards .cardTitle {
        font-size: 18px;
        text-align: center; }
      .aggers .aggerCards .cardInfo {
        font-size: 14px;
        text-align: left;
        margin-top: 2vh;
        min-height: 40vh; }
      .aggers .aggerCards .sign {
        position: relative;
        -webkit-user-select: none;
        /* Chrome/Safari/Opera */
        -moz-user-select: none;
        /* Firefox */
        -ms-user-select: none;
        /* Internet Explorer/Edge */
        user-select: none;
        /* Non-prefixed version, currently not supported by any browser */
        width: 80%;
        height: 20vh;
        margin-top: 5vh;
        background: #F3F5FD;
        border-radius: 10px;
        font-weight: 600;
        font-size: 3vw;
        color: #DCDFE6;
        line-height: 20vh;
        text-align: center; }
        .aggers .aggerCards .sign #canvas {
          width: 100%;
          height: 100%;
          z-index: 999; }
        .aggers .aggerCards .sign .signTitle {
          position: absolute;
          top: 0vh;
          left: 26.5vw;
          height: 0vh; }
      .aggers .aggerCards .save {
        margin: 2vh auto;
        cursor: pointer;
        width: 7vw;
        height: 4.2vh;
        background: #2C8BF2;
        border-radius: 20px;
        font-weight: 400;
        font-size: .8vw;
        color: #FFFFFF;
        line-height: 4.2vh;
        text-align: center; } }

.login {
  width: 100%;
  height: 100%;
  background: url("/content/image/xljkImg/loginBG2.png");
  background-size: 100% 100%;
  padding: 10px 30px;
  box-sizing: border-box;
  position: relative; }
  .login .loginTitle {
    display: flex;
    font-weight: bold;
    font-size: 1.6vw;
    color: #232427;
    line-height: 55px; }
    .login .loginTitle .loginTitleLogo {
      width: 55px;
      height: 55px; }
      .login .loginTitle .loginTitleLogo img {
        width: 100%;
        height: 100%; }
    .login .loginTitle .title {
      margin-left: 18px; }
  .login .loginInput {
    opacity: 0.9;
    padding: 5vh 3vw;
    box-sizing: border-box;
    width: 30vw;
    background: #FFFFFF;
    border-radius: .8vw;
    position: absolute;
    left: 35vw;
    top: 26vh; }
    .login .loginInput .loginInputTitle {
      font-weight: bold;
      font-size: 1.6vw;
      color: #232427;
      margin-bottom: 3vh;
      text-align: center; }
    .login .loginInput .loginInputButton {
      height: 5vh;
      background: linear-gradient(270deg, #5AA1FD 0%, #3B83FA 100%);
      border-radius: 2vw;
      font-size: 1vw;
      color: #fff;
      text-align: center;
      line-height: 5vh;
      cursor: pointer; }
    .login .loginInput .loginInputInfo .yzmBox {
      margin-top: -1vh;
      display: flex;
      justify-content: center;
      align-items: center; }
      .login .loginInput .loginInputInfo .yzmBox .yzm {
        width: 100%;
        margin-left: 15px;
        background: #ccc;
        height: 100%; }
        .login .loginInput .loginInputInfo .yzmBox .yzm .authcode {
          width: 100%;
          height: 100%; }
  .login .footer {
    position: absolute;
    bottom: 1vh;
    left: 29vw;
    text-align: center;
    color: #fff;
    font-size: 1vw; }

@media only screen and (max-width: 600px) {
  .login {
    width: 100%;
    height: 100%;
    background: url("/content/image/xljkImg/loginBG.png");
    background-size: 100% 100%;
    padding: 10px 30px;
    box-sizing: border-box;
    position: relative; }
    .login .loginTitle {
      display: flex;
      font-weight: bold;
      font-size: 14px;
      color: #232427;
      line-height: 55px; }
      .login .loginTitle .loginTitleLogo {
        width: 55px;
        height: 55px; }
        .login .loginTitle .loginTitleLogo img {
          width: 100%;
          height: 100%; }
      .login .loginTitle .title {
        margin-left: 18px; }
    .login .loginInput {
      opacity: 0.9;
      padding: 20px;
      box-sizing: border-box;
      width: 80%;
      background: #FFFFFF;
      border-radius: .8vw;
      position: absolute;
      left: 40px;
      top: 40%; }
      .login .loginInput .loginInputTitle {
        font-weight: bold;
        font-size: 20px;
        color: #232427;
        margin-bottom: 3vh;
        text-align: center; }
      .login .loginInput .loginInputButton {
        height: 5vh;
        background: linear-gradient(270deg, #5AA1FD 0%, #3B83FA 100%);
        border-radius: 2vw;
        font-size: 10px;
        color: #fff;
        text-align: center;
        line-height: 5vh;
        cursor: pointer; }
      .login .loginInput .loginInputInfo .yzmBox {
        margin-top: -1vh;
        display: flex;
        justify-content: center;
        align-items: center; }
        .login .loginInput .loginInputInfo .yzmBox .yzm {
          width: 100%;
          margin-left: 15px;
          background: #ccc;
          height: 100%; }
          .login .loginInput .loginInputInfo .yzmBox .yzm .authcode {
            width: 100%;
            height: 100%; }
    .login .footer {
      position: absolute;
      bottom: 1vh;
      left: 22px;
      text-align: center;
      color: #fff;
      font-size: 12px; } }

.aggers {
  min-height: 100vh;
  background: #F3F5FD;
  padding: 2vh 16vw; }
  .aggers .el-dialog {
    margin: 15vh auto !important; }
  .aggers .el-dialog__body {
    padding: 0; }
  .aggers .signs {
    position: relative;
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -moz-user-sezlect: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently not supported by any browser */
    width: 49vw;
    height: 50vh;
    margin: 2vh auto;
    margin-top: 5vh;
    background: #F3F5FD;
    border-radius: 10px;
    font-weight: 600;
    font-size: 3vw;
    color: #DCDFE6;
    line-height: 20vh;
    text-align: center; }
    .aggers .signs #canvas {
      width: 100%;
      height: 100%;
      z-index: 999; }
    .aggers .signs .signTitle {
      position: absolute;
      top: 0vh;
      left: 26.5vw;
      height: 0vh; }
  .aggers .wider {
    position: relative;
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently not supported by any browser */
    width: 97vw;
    height: 74vh;
    background: #F3F5FD;
    border-radius: 10px;
    font-weight: 600;
    font-size: 3vw;
    color: #DCDFE6;
    line-height: 20vh;
    text-align: center; }
    .aggers .wider #canvas {
      width: 100%;
      height: 100%;
      z-index: 999; }
    .aggers .wider .signTitle {
      position: absolute;
      top: 0vh;
      left: 26.5vw;
      height: 0vh; }
  .aggers .back {
    cursor: pointer; }
  .aggers .aggerCards {
    margin-top: 2vh;
    width: 66vw;
    padding: 3vw;
    background: #ffffff;
    border-radius: 8px; }
    .aggers .aggerCards .cardTitle {
      font-size: 2vw;
      text-align: center; }
    .aggers .aggerCards .cardInfo {
      font-size: 1vw;
      text-align: left;
      margin-top: 2vh;
      min-height: 40vh; }
    .aggers .aggerCards .sign {
      position: relative;
      -webkit-user-select: none;
      /* Chrome/Safari/Opera */
      -moz-user-select: none;
      /* Firefox */
      -ms-user-select: none;
      /* Internet Explorer/Edge */
      user-select: none;
      /* Non-prefixed version, currently not supported by any browser */
      width: 64vw;
      height: 20vh;
      margin: 2vh auto;
      margin-top: 5vh;
      background: #F3F5FD;
      border-radius: 10px;
      font-weight: 600;
      font-size: 3vw;
      color: #DCDFE6;
      line-height: 20vh;
      text-align: center; }
      .aggers .aggerCards .sign #canvas {
        width: 100%;
        height: 100%;
        z-index: 999; }
      .aggers .aggerCards .sign .signTitle {
        position: absolute;
        top: 0vh;
        left: 26.5vw;
        height: 0vh; }
    .aggers .aggerCards .save {
      margin: 2vh auto;
      cursor: pointer;
      width: 7vw;
      height: 4.2vh;
      background: #2C8BF2;
      border-radius: 20px;
      font-weight: 400;
      font-size: .8vw;
      color: #FFFFFF;
      line-height: 4.2vh;
      text-align: center; }

@media only screen and (max-width: 600px) {
  .signs {
    position: relative;
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently not supported by any browser */
    width: 97vw;
    height: 74vh;
    background: #F3F5FD;
    border-radius: 10px;
    font-weight: 600;
    font-size: 3vw;
    color: #DCDFE6;
    line-height: 20vh;
    text-align: center; }
    .signs #canvas {
      width: 100%;
      height: 100%;
      z-index: 999; }
    .signs .signTitle {
      position: absolute;
      top: 0vh;
      left: 26.5vw;
      height: 0vh; }
  .el-dialog__wrapper {
    overflow: hidden !important; }
    .el-dialog__wrapper .el-dialog {
      margin-top: 0 !important;
      width: 100% !important;
      height: 100% !important;
      overflow: hidden !important; }
  .aggers {
    background: #F3F5FD;
    padding: 0;
    t: 100vh; }
    .aggers min-heigh.agger {
      background: #F3F5FD;
      padding: 2vh 16vw; }
      .aggers min-heigh.agger .el-dialog {
        margin: 2vh auto; }
      .aggers min-heigh.agger .el-dialog__body {
        padding: 0; }
      .aggers min-heigh.agger .back {
        cursor: pointer; }
      .aggers min-heigh.agger .aggerCards {
        margin-top: 2vh;
        width: 100%;
        background: #ffffff;
        border-radius: 8px;
        overflow: hidden; }
        .aggers min-heigh.agger .aggerCards .cardTitle {
          font-size: 2vw;
          text-align: center; }
        .aggers min-heigh.agger .aggerCards .cardInfo {
          font-size: 1vw;
          text-align: left;
          margin-top: 2vh;
          min-height: 40vh; }
        .aggers min-heigh.agger .aggerCards .sign {
          position: relative;
          -webkit-user-select: none;
          /* Chrome/Safari/Opera */
          -moz-user-select: none;
          /* Firefox */
          -ms-user-select: none;
          /* Internet Explorer/Edge */
          user-select: none;
          /* Non-prefixed version, currently not supported by any browser */
          width: 50vw;
          height: 20vh;
          margin: 2vh auto;
          margin-top: 5vh;
          background: #F3F5FD;
          border-radius: 10px;
          font-weight: 600;
          font-size: 3vw;
          color: #DCDFE6;
          line-height: 20vh;
          text-align: center; }
          .aggers min-heigh.agger .aggerCards .sign #canvas {
            width: 100%;
            height: 100%;
            z-index: 999; }
          .aggers min-heigh.agger .aggerCards .sign .signTitle {
            position: absolute;
            top: 0vh;
            left: 26.5vw;
            height: 0vh; }
        .aggers min-heigh.agger .aggerCards .save {
          margin: 2vh auto;
          cursor: pointer;
          width: 7vw;
          height: 4.2vh;
          background: #2C8BF2;
          border-radius: 20px;
          font-weight: 400;
          font-size: .8vw;
          color: #FFFFFF;
          line-height: 4.2vh;
          text-align: center; }
    .aggers .back {
      cursor: pointer; }
    .aggers .aggerCards {
      margin-top: 2vh;
      width: 100%;
      background: #ffffff;
      border-radius: 8px;
      padding: 10px;
      box-sizing: border-box;
      overflow: hidden; }
      .aggers .aggerCards .cardTitle {
        font-size: 18px;
        text-align: center; }
      .aggers .aggerCards .cardInfo {
        font-size: 14px;
        text-align: left;
        margin-top: 2vh;
        min-height: 40vh; }
      .aggers .aggerCards .sign {
        position: relative;
        -webkit-user-select: none;
        /* Chrome/Safari/Opera */
        -moz-user-select: none;
        /* Firefox */
        -ms-user-select: none;
        /* Internet Explorer/Edge */
        user-select: none;
        /* Non-prefixed version, currently not supported by any browser */
        width: 80%;
        height: 20vh;
        margin-top: 5vh;
        background: #F3F5FD;
        border-radius: 10px;
        font-weight: 600;
        font-size: 3vw;
        color: #DCDFE6;
        line-height: 20vh;
        text-align: center; }
        .aggers .aggerCards .sign #canvas {
          width: 100%;
          height: 100%;
          z-index: 999; }
        .aggers .aggerCards .sign .signTitle {
          position: absolute;
          top: 0vh;
          left: 26.5vw;
          height: 0vh; }
      .aggers .aggerCards .save {
        margin: 2vh auto;
        cursor: pointer;
        width: 7vw;
        height: 4.2vh;
        background: #2C8BF2;
        border-radius: 20px;
        font-weight: 400;
        font-size: .8vw;
        color: #FFFFFF;
        line-height: 4.2vh;
        text-align: center; } }

.interviewInfoOnlineGj {
  background: #F3F5FD;
  min-height: calc(100vh - 6vh);
  padding-top: 30px;
  box-sizing: border-box;
  position: relative;
  font-size: 14px; }
  .interviewInfoOnlineGj .el-dialog__footer {
    padding-bottom: 28px; }
  .interviewInfoOnlineGj .el-progress__text {
    margin-left: 20px;
    min-width: 100px; }
  .interviewInfoOnlineGj .CardTopSchedule {
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 24px;
    color: #FFFFFF;
    line-height: 33px;
    text-align: left;
    font-style: none; }
    .interviewInfoOnlineGj .CardTopSchedule b {
      font-style: none;
      font-size: 36px; }
  .interviewInfoOnlineGj .el-dialog {
    margin-top: 26vh; }
  .interviewInfoOnlineGj .dialog .img {
    margin: 0 auto;
    width: 100px;
    height: 100px; }
    .interviewInfoOnlineGj .dialog .img img {
      width: 100%;
      height: 100%; }
  .interviewInfoOnlineGj .dialog .title {
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 32px;
    color: #232427;
    line-height: 45px;
    text-align: center;
    font-style: normal;
    margin-top: 20px; }
  .interviewInfoOnlineGj .dialog .info {
    margin-top: 10px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 20px;
    color: #4E5969;
    line-height: 28px;
    text-align: center;
    font-style: normal; }
  .interviewInfoOnlineGj .button {
    width: 170px;
    height: 46px;
    background: linear-gradient(270deg, #5AA1FD 0%, #3B83FA 100%);
    border-radius: 100px;
    font-family: PingFangSC, PingFang SC;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 30px;
    text-align: center;
    font-style: normal;
    line-height: 46px;
    cursor: pointer;
    margin: 0 auto; }
  .interviewInfoOnlineGj .interviewInfoLSback {
    position: absolute;
    left: 10px;
    top: 10px;
    cursor: pointer; }
  .interviewInfoOnlineGj .interviewInfoLSBox {
    width: 1200px;
    margin: auto; }
    .interviewInfoOnlineGj .interviewInfoLSBox .interviewInfoLSBoxTop {
      padding: 16px 40px;
      box-sizing: border-box;
      display: flex;
      background: #fff; }
      .interviewInfoOnlineGj .interviewInfoLSBox .interviewInfoLSBoxTop .InfoLSBoxTopHeader {
        width: 120px;
        height: 120px; }
        .interviewInfoOnlineGj .interviewInfoLSBox .interviewInfoLSBoxTop .InfoLSBoxTopHeader img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .interviewInfoOnlineGj .interviewInfoLSBox .interviewInfoLSBoxTop .InfoLSBoxTopInfo {
        margin-left: 30px;
        width: 850px; }
        .interviewInfoOnlineGj .interviewInfoLSBox .interviewInfoLSBoxTop .InfoLSBoxTopInfo .TopInfoName {
          font-family: PingFangSC, PingFang SC;
          font-size: 24px;
          color: #232427;
          line-height: 36px;
          text-align: left;
          font-style: normal; }
        .interviewInfoOnlineGj .interviewInfoLSBox .interviewInfoLSBoxTop .InfoLSBoxTopInfo .bottomItems {
          width: 550px;
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          color: #4E5969; }
          .interviewInfoOnlineGj .interviewInfoLSBox .interviewInfoLSBoxTop .InfoLSBoxTopInfo .bottomItems .bottomItem {
            width: 260px;
            line-height: 30px; }
      .interviewInfoOnlineGj .interviewInfoLSBox .interviewInfoLSBoxTop .def-input-number input::-webkit-outer-spin-button,
      .interviewInfoOnlineGj .interviewInfoLSBox .interviewInfoLSBoxTop .def-input-number input::-webkit-inner-spin-button {
        -webkit-appearance: none; }
      .interviewInfoOnlineGj .interviewInfoLSBox .interviewInfoLSBoxTop .def-input-number input[type="number"] {
        -moz-appearance: textfield; }
      .interviewInfoOnlineGj .interviewInfoLSBox .interviewInfoLSBoxTop .def-input-number .el-input__inner {
        line-height: 1px !important; }
      .interviewInfoOnlineGj .interviewInfoLSBox .interviewInfoLSBoxTop .def-input-number {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 1.85vh;
        color: #232427;
        line-height: 2.58vh;
        text-align: center;
        font-style: normal; }
        .interviewInfoOnlineGj .interviewInfoLSBox .interviewInfoLSBoxTop .def-input-number input {
          height: 3vh; }
      .interviewInfoOnlineGj .interviewInfoLSBox .interviewInfoLSBoxTop .def-input-number2 {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 1.85vh;
        color: #232427;
        line-height: 2.58vh;
        text-align: center;
        font-style: normal; }
    .interviewInfoOnlineGj .interviewInfoLSBox .BottomTitleInfoNameTag {
      width: 56px;
      height: 32px;
      border-radius: 4px;
      border: 1px solid #067EFF;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      font-size: 20px;
      color: #067EFF;
      line-height: 32px;
      text-align: center;
      font-style: normal;
      margin-right: 5px;
      padding: 0 3px;
      display: inline-block; }
    .interviewInfoOnlineGj .interviewInfoLSBox .interviewInfoLSBoxBottom {
      position: relative;
      margin-top: 10px;
      padding: 40px 180px;
      padding-bottom: 20px;
      box-sizing: border-box;
      border-radius: 0px 0px 16px 16px;
      min-height: 66%;
      background: #fff;
      box-shadow: 0px 12px 34px 0px rgba(82, 146, 236, 0.08), inset 0px 2px 0px 0px #FFFFFF; }
      .interviewInfoOnlineGj .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitle {
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        font-size: 24px;
        color: #232427;
        line-height: 40px;
        text-align: left;
        font-style: normal;
        border-bottom: 1px dashed #BFCAD6;
        padding-bottom: 23px; }
      .interviewInfoOnlineGj .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoName {
        margin-top: 23px;
        display: flex; }
        .interviewInfoOnlineGj .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoName .BottomTitleInfoNameT {
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 24px;
          color: #232427;
          line-height: 33px;
          text-align: left;
          font-style: normal; }
          .interviewInfoOnlineGj .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoName .BottomTitleInfoNameT input {
            display: inline; }
        .interviewInfoOnlineGj .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoName .BottomTitleInfoNameTagT {
          width: 56px;
          height: 32px;
          border-radius: 4px;
          border: 1px solid #FF9B24;
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 20px;
          color: #FF9B24;
          line-height: 28px;
          text-align: center;
          font-style: normal; }
      .interviewInfoOnlineGj .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption {
        margin-top: 8px; }
        .interviewInfoOnlineGj .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption .BottomTitleInfoOptionInfo {
          width: 840px;
          height: 72px;
          background: #F0F2FB;
          border-radius: 12px;
          padding: 22px 36px;
          box-sizing: border-box;
          margin-top: 24px;
          cursor: pointer;
          font-weight: 500;
          font-size: 20px;
          color: #232427;
          text-align: left;
          font-style: normal;
          border: 2px solid transparent; }
        .interviewInfoOnlineGj .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption .BottomTitleInfoOptionInfoActive {
          color: #2C8BF2;
          background: #E6F2FF;
          border: 2px solid #2C8BF2; }
      .interviewInfoOnlineGj .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption3 {
        margin-top: 8px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        .interviewInfoOnlineGj .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption3 .BottomTitleInfoOptionInfo3 {
          width: 410px;
          height: 72px;
          background: #F0F2FB;
          border-radius: 12px;
          padding: 22px 36px;
          box-sizing: border-box;
          margin-top: 24px;
          cursor: pointer;
          font-weight: 500;
          font-size: 20px;
          color: #232427;
          text-align: left;
          font-style: normal;
          border: 2px solid transparent; }
        .interviewInfoOnlineGj .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption3 .BottomTitleInfoOptionInfoActive3 {
          color: #2C8BF2;
          background: #E6F2FF;
          border: 2px solid #2C8BF2; }
      .interviewInfoOnlineGj .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption4 {
        margin-top: 8px;
        display: flex;
        flex-wrap: wrap; }
        .interviewInfoOnlineGj .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption4 .BottomTitleInfoOptionInfo4 {
          display: flex;
          justify-content: space-between;
          width: 840px;
          min-height: 72px;
          background: #F0F2FB;
          border-radius: 12px;
          padding: 22px 36px;
          box-sizing: border-box;
          margin-top: 24px;
          cursor: pointer;
          font-weight: 500;
          font-size: 20px;
          color: #232427;
          text-align: left;
          font-style: normal;
          border: 2px solid transparent; }
        .interviewInfoOnlineGj .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption4 .BottomTitleInfoOptionInfoActive4 {
          color: #2C8BF2;
          background: #E6F2FF;
          border: 2px solid #2C8BF2; }
        .interviewInfoOnlineGj .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption4 .label {
          pointer-events: none; }
        .interviewInfoOnlineGj .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption4 .option-checkbox {
          pointer-events: none;
          width: 20px;
          height: 20px; }
      .interviewInfoOnlineGj .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption7 {
        display: flex;
        margin-top: 50px;
        margin-left: 50px; }
        .interviewInfoOnlineGj .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption7 .BottomTitleInfoOptionInfo7 {
          width: 106px;
          height: 64px;
          background: #F3F4F7;
          font-weight: 500;
          font-size: 24px;
          color: #232427;
          line-height: 64px;
          text-align: center;
          font-style: normal;
          cursor: pointer;
          margin-right: 2px; }
        .interviewInfoOnlineGj .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption7 .BottomTitleInfoOptionInfoActive7 {
          background: #2C8BF2;
          color: #fff; }
      .interviewInfoOnlineGj .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .butbox {
        display: flex;
        justify-content: center; }
        .interviewInfoOnlineGj .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .butbox .BottomTitleInfoButton {
          width: 300px;
          height: 5.186vh;
          display: flex;
          align-items: center;
          justify-content: center;
          font-family: PingFangSC, PingFang SC;
          font-weight: 600;
          font-size: 2.2vh;
          color: #FFFFFF;
          font-style: normal;
          border-radius: 2.592vh; }
    .interviewInfoOnlineGj .interviewInfoLSBox .from {
      margin-top: 10px;
      background: #fff;
      position: relative;
      padding: 24px 32px;
      padding-top: 40px;
      box-sizing: border-box; }
      .interviewInfoOnlineGj .interviewInfoLSBox .from b {
        font-family: PingFangSC, PingFang SC;
        font-weight: 600;
        font-size: 32px;
        color: #2C8BF2;
        line-height: 10px;
        text-align: left;
        font-style: normal;
        margin-right: 5px; }

.interviewInfoLSGj {
  background: #F3F5FD;
  min-height: calc(100vh - 6vh);
  padding-top: 30px;
  box-sizing: border-box;
  position: relative;
  font-size: 14px; }
  .interviewInfoLSGj .zjjy {
    font-size: 14px;
    line-height: 22px; }
  .interviewInfoLSGj .el-dialog__footer {
    padding-bottom: 28px; }
  .interviewInfoLSGj .el-dialog__title {
    font-weight: 600;
    line-height: 24px;
    font-size: 24px;
    color: #303133; }
  .interviewInfoLSGj .el-progress__text {
    margin-left: 20px;
    min-width: 100px; }
  .interviewInfoLSGj .CardTopSchedule {
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 24px;
    color: #FFFFFF;
    line-height: 33px;
    text-align: left;
    font-style: none; }
    .interviewInfoLSGj .CardTopSchedule b {
      font-style: none;
      font-size: 36px; }
  .interviewInfoLSGj .el-dialog {
    margin-top: 26vh; }
  .interviewInfoLSGj .dialog .img {
    margin: 0 auto;
    width: 100px;
    height: 100px; }
    .interviewInfoLSGj .dialog .img img {
      width: 100%;
      height: 100%; }
  .interviewInfoLSGj .dialog .title {
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 32px;
    color: #232427;
    line-height: 45px;
    text-align: center;
    font-style: normal;
    margin-top: 20px; }
  .interviewInfoLSGj .dialog .info {
    margin-top: 10px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 20px;
    color: #4E5969;
    line-height: 28px;
    text-align: center;
    font-style: normal; }
  .interviewInfoLSGj .button {
    width: 170px;
    height: 46px;
    background: linear-gradient(270deg, #5AA1FD 0%, #3B83FA 100%);
    border-radius: 100px;
    font-family: PingFangSC, PingFang SC;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 30px;
    text-align: center;
    font-style: normal;
    line-height: 46px;
    cursor: pointer;
    margin: 0 auto; }
  .interviewInfoLSGj .interviewInfoLSback {
    position: absolute;
    left: 10px;
    top: 10px;
    cursor: pointer; }
  .interviewInfoLSGj .interviewInfoLSBox {
    width: 1200px;
    margin: auto; }
    .interviewInfoLSGj .interviewInfoLSBox .interviewInfoLSBoxTop {
      padding: 16px 40px;
      box-sizing: border-box;
      display: flex;
      background: #fff; }
      .interviewInfoLSGj .interviewInfoLSBox .interviewInfoLSBoxTop .InfoLSBoxTopHeader {
        width: 120px;
        height: 120px; }
        .interviewInfoLSGj .interviewInfoLSBox .interviewInfoLSBoxTop .InfoLSBoxTopHeader img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .interviewInfoLSGj .interviewInfoLSBox .interviewInfoLSBoxTop .InfoLSBoxTopInfo {
        margin-left: 30px;
        width: 850px; }
        .interviewInfoLSGj .interviewInfoLSBox .interviewInfoLSBoxTop .InfoLSBoxTopInfo .TopInfoName {
          font-family: PingFangSC, PingFang SC;
          font-size: 24px;
          color: #232427;
          line-height: 36px;
          text-align: left;
          font-style: normal; }
        .interviewInfoLSGj .interviewInfoLSBox .interviewInfoLSBoxTop .InfoLSBoxTopInfo .bottomItems {
          width: 550px;
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          color: #4E5969; }
          .interviewInfoLSGj .interviewInfoLSBox .interviewInfoLSBoxTop .InfoLSBoxTopInfo .bottomItems .bottomItem {
            width: 260px;
            line-height: 30px; }
      .interviewInfoLSGj .interviewInfoLSBox .interviewInfoLSBoxTop .InfoLSBoxTopLy {
        cursor: pointer;
        width: 120px;
        height: 120px;
        background: linear-gradient(270deg, #5AA1FD 0%, #3B83FA 100%);
        border-radius: 50%;
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        font-size: 26px;
        color: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-style: normal; }
      .interviewInfoLSGj .interviewInfoLSBox .interviewInfoLSBoxTop .def-input-number input::-webkit-outer-spin-button,
      .interviewInfoLSGj .interviewInfoLSBox .interviewInfoLSBoxTop .def-input-number input::-webkit-inner-spin-button {
        -webkit-appearance: none; }
      .interviewInfoLSGj .interviewInfoLSBox .interviewInfoLSBoxTop .def-input-number input[type="number"] {
        -moz-appearance: textfield; }
      .interviewInfoLSGj .interviewInfoLSBox .interviewInfoLSBoxTop .def-input-number .el-input__inner {
        line-height: 1px !important; }
      .interviewInfoLSGj .interviewInfoLSBox .interviewInfoLSBoxTop .def-input-number {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 20px;
        color: #232427;
        line-height: 28px;
        text-align: center;
        font-style: normal; }
      .interviewInfoLSGj .interviewInfoLSBox .interviewInfoLSBoxTop .InfoLSBoxTopLyoff {
        cursor: pointer;
        width: 120px;
        height: 120px;
        background: linear-gradient(270deg, #52D47C 0%, #1CC27A 100%);
        border-radius: 50%;
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        font-size: 26px;
        color: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-style: normal; }
    .interviewInfoLSGj .interviewInfoLSBox .BottomTitleInfoNameTag {
      width: 56px;
      height: 32px;
      border-radius: 4px;
      border: 1px solid #067EFF;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      font-size: 20px;
      color: #067EFF;
      line-height: 32px;
      text-align: center;
      font-style: normal;
      margin-right: 5px;
      padding: 0 3px;
      display: inline-block; }
    .interviewInfoLSGj .interviewInfoLSBox .interviewInfoLSBoxBottom {
      position: relative;
      margin-top: 10px;
      padding: 40px 180px;
      padding-bottom: 20px;
      box-sizing: border-box;
      border-radius: 0px 0px 16px 16px;
      min-height: 66%;
      background: #fff;
      box-shadow: 0px 12px 34px 0px rgba(82, 146, 236, 0.08), inset 0px 2px 0px 0px #FFFFFF; }
      .interviewInfoLSGj .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitle {
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        font-size: 24px;
        color: #232427;
        line-height: 40px;
        text-align: left;
        font-style: normal;
        border-bottom: 1px dashed #BFCAD6;
        padding-bottom: 23px; }
      .interviewInfoLSGj .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoName {
        margin-top: 23px;
        display: flex; }
        .interviewInfoLSGj .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoName .BottomTitleInfoNameT {
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 24px;
          color: #232427;
          line-height: 33px;
          text-align: left;
          font-style: normal; }
          .interviewInfoLSGj .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoName .BottomTitleInfoNameT input {
            display: inline; }
        .interviewInfoLSGj .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoName .BottomTitleInfoNameTagT {
          width: 56px;
          height: 32px;
          border-radius: 4px;
          border: 1px solid #FF9B24;
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 20px;
          color: #FF9B24;
          line-height: 28px;
          text-align: center;
          font-style: normal; }
      .interviewInfoLSGj .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption {
        margin-top: 8px; }
        .interviewInfoLSGj .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption .BottomTitleInfoOptionInfo {
          width: 840px;
          height: 72px;
          background: #F0F2FB;
          border-radius: 12px;
          padding: 22px 36px;
          box-sizing: border-box;
          margin-top: 24px;
          cursor: pointer;
          font-weight: 500;
          font-size: 20px;
          color: #232427;
          text-align: left;
          font-style: normal;
          border: 2px solid transparent; }
        .interviewInfoLSGj .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption .BottomTitleInfoOptionInfoActive {
          color: #2C8BF2;
          background: #E6F2FF;
          border: 2px solid #2C8BF2; }
      .interviewInfoLSGj .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption3 {
        margin-top: 8px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        .interviewInfoLSGj .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption3 .BottomTitleInfoOptionInfo3 {
          width: 410px;
          height: 72px;
          background: #F0F2FB;
          border-radius: 12px;
          padding: 22px 36px;
          box-sizing: border-box;
          margin-top: 24px;
          cursor: pointer;
          font-weight: 500;
          font-size: 20px;
          color: #232427;
          text-align: left;
          font-style: normal;
          border: 2px solid transparent; }
        .interviewInfoLSGj .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption3 .BottomTitleInfoOptionInfoActive3 {
          color: #2C8BF2;
          background: #E6F2FF;
          border: 2px solid #2C8BF2; }
      .interviewInfoLSGj .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption4 {
        margin-top: 8px;
        display: flex;
        flex-wrap: wrap; }
        .interviewInfoLSGj .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption4 .BottomTitleInfoOptionInfo4 {
          display: flex;
          justify-content: space-between;
          width: 840px;
          min-height: 72px;
          background: #F0F2FB;
          border-radius: 12px;
          padding: 22px 36px;
          box-sizing: border-box;
          margin-top: 24px;
          cursor: pointer;
          font-weight: 500;
          font-size: 20px;
          color: #232427;
          text-align: left;
          font-style: normal;
          border: 2px solid transparent; }
        .interviewInfoLSGj .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption4 .BottomTitleInfoOptionInfoActive4 {
          color: #2C8BF2;
          background: #E6F2FF;
          border: 2px solid #2C8BF2; }
        .interviewInfoLSGj .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption4 .label {
          pointer-events: none; }
        .interviewInfoLSGj .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption4 .option-checkbox {
          pointer-events: none;
          width: 20px;
          height: 20px; }
      .interviewInfoLSGj .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption7 {
        display: flex;
        margin-top: 50px;
        margin-left: 50px; }
        .interviewInfoLSGj .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption7 .BottomTitleInfoOptionInfo7 {
          width: 106px;
          height: 64px;
          background: #F3F4F7;
          font-weight: 500;
          font-size: 24px;
          color: #232427;
          line-height: 64px;
          text-align: center;
          font-style: normal;
          cursor: pointer;
          margin-right: 2px; }
        .interviewInfoLSGj .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .BottomTitleInfoOption7 .BottomTitleInfoOptionInfoActive7 {
          background: #2C8BF2;
          color: #fff; }
      .interviewInfoLSGj .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .butbox {
        display: flex;
        justify-content: center; }
        .interviewInfoLSGj .interviewInfoLSBox .interviewInfoLSBoxBottom .CardBottomTitleInfo .butbox .BottomTitleInfoButton {
          width: 300px;
          height: 5.186vh;
          display: flex;
          align-items: center;
          justify-content: center;
          font-family: PingFangSC, PingFang SC;
          font-weight: 600;
          font-size: 2.2vh;
          color: #FFFFFF;
          font-style: normal;
          border-radius: 2.592vh; }
    .interviewInfoLSGj .interviewInfoLSBox .from {
      margin-top: 10px;
      background: #fff;
      position: relative;
      padding: 24px 32px;
      padding-top: 40px;
      box-sizing: border-box; }
      .interviewInfoLSGj .interviewInfoLSBox .from b {
        font-family: PingFangSC, PingFang SC;
        font-weight: 600;
        font-size: 32px;
        color: #2C8BF2;
        line-height: 10px;
        text-align: left;
        font-style: normal;
        margin-right: 5px; }

.interviewDetails {
  background: #F3F5FD;
  min-height: calc(100vh - 6vh);
  padding-top: 30px;
  box-sizing: border-box;
  position: relative; }
  .interviewDetails .custom-table {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 20px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
  .interviewDetails .el-descriptions__body .el-descriptions__table .el-descriptions-item__cell {
    text-align: center; }
  .interviewDetails .el-descriptions-item__content {
    max-width: 295px; }
  .interviewDetails .my-label {
    width: 250px;
    color: #999;
    font-weight: normal;
    background: #fff; }
  .interviewDetails .my-class {
    max-width: 295px;
    word-break: break-all;
    word-wrap: break-word; }
  .interviewDetails .interviewInfoLSback {
    position: absolute;
    left: 10px;
    top: 10px;
    cursor: pointer; }
  .interviewDetails .left {
    text-align: left; }
  .interviewDetails .interviewInfoLSBoxs {
    width: 1200px;
    margin: auto; }
    .interviewDetails .interviewInfoLSBoxs .interviewInfoLSBoxTop {
      padding: 16px 40px;
      box-sizing: border-box;
      display: flex;
      background: #fff; }
      .interviewDetails .interviewInfoLSBoxs .interviewInfoLSBoxTop .InfoLSBoxTopHeader {
        width: 120px;
        height: 120px; }
        .interviewDetails .interviewInfoLSBoxs .interviewInfoLSBoxTop .InfoLSBoxTopHeader img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .interviewDetails .interviewInfoLSBoxs .interviewInfoLSBoxTop .InfoLSBoxTopInfo {
        margin-left: 30px;
        width: 850px; }
        .interviewDetails .interviewInfoLSBoxs .interviewInfoLSBoxTop .InfoLSBoxTopInfo .TopInfoName {
          font-family: PingFangSC, PingFang SC;
          font-size: 24px;
          color: #232427;
          line-height: 36px;
          text-align: left;
          font-style: normal; }
        .interviewDetails .interviewInfoLSBoxs .interviewInfoLSBoxTop .InfoLSBoxTopInfo .bottomItems {
          width: 550px;
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          color: #4E5969; }
          .interviewDetails .interviewInfoLSBoxs .interviewInfoLSBoxTop .InfoLSBoxTopInfo .bottomItems .bottomItem {
            width: 260px;
            line-height: 30px; }
    .interviewDetails .interviewInfoLSBoxs .interviewInfoLSBoxBottom {
      margin-top: 10px;
      background: #fff;
      position: relative;
      padding: 20px 20px;
      padding-bottom: 20px;
      box-sizing: border-box; }
      .interviewDetails .interviewInfoLSBoxs .interviewInfoLSBoxBottom .InfoLSBoxBottomTitle {
        font-family: PingFangSC, PingFang SC;
        font-size: 16px;
        font-weight: 700;
        color: #232427;
        line-height: 22px;
        text-align: left;
        font-style: normal; }

.operatingManual {
  background: #F3F5FD;
  min-height: 100vh;
  padding: 2vh 1vw;
  box-sizing: border-box; }
  .operatingManual .banner {
    background: url("/content/image/xljkImg/lybanner.png");
    background-size: 100% 100%;
    width: 99vw;
    height: 24vh;
    margin-left: -1vw;
    padding: 10vh 0 0 2.6vw; }
    .operatingManual .banner img {
      width: 100%; }
    .operatingManual .banner .banner1 {
      font-size: 2.8vw;
      color: #1E65DF;
      line-height: 64px;
      text-align: left;
      font-style: normal;
      font-weight: 550; }
    .operatingManual .banner .banner2 {
      margin-top: 2vh;
      font-size: 1.6vw;
      color: #1E65DF;
      line-height: 38px;
      text-align: left;
      font-style: normal; }
  .operatingManual .operatingManualCard {
    margin-top: 2vh;
    width: 100%;
    min-height: 100%;
    background: #FFFFFF;
    border-radius: .6vw;
    padding: 3vh 1vw;
    box-sizing: border-box; }
    .operatingManual .operatingManualCard .hr {
      width: 96vw;
      height: 8vh;
      background: rgba(63, 140, 255, 0.2);
      display: flex; }
      .operatingManual .operatingManualCard .hr .hrLeft {
        width: 1vw;
        height: 8vh;
        background: #3F8CFF; }
      .operatingManual .operatingManualCard .hr .hrTitle {
        margin-left: 1vw;
        font-family: PingFangSC, PingFang SC;
        font-weight: 600;
        font-size: 1.8vw;
        color: #333333;
        line-height: 8vh;
        text-align: left; }
    .operatingManual .operatingManualCard .hr2 {
      width: 96vw;
      height: 8vh;
      background: rgba(63, 233, 255, 0.2);
      display: flex; }
      .operatingManual .operatingManualCard .hr2 .hrLeft {
        width: 1vw;
        height: 8vh;
        background: #3FE9FF; }
      .operatingManual .operatingManualCard .hr2 .hrTitle {
        margin-left: 1vw;
        font-family: PingFangSC, PingFang SC;
        font-weight: 600;
        font-size: 1.8vw;
        color: #333333;
        line-height: 8vh;
        text-align: left; }
    .operatingManual .operatingManualCard h1, .operatingManual .operatingManualCard h2 {
      text-align: left;
      margin-top: 2vh;
      line-height: 4vh; }
    .operatingManual .operatingManualCard .img {
      margin: 20px 0;
      width: 60%; }
    .operatingManual .operatingManualCard img {
      width: 100%;
      object-fit: cover; }
    .operatingManual .operatingManualCard .bottomButton {
      width: 10vw;
      height: 4vh;
      border-radius: 1vw;
      line-height: 4vh;
      text-align: center;
      cursor: pointer;
      color: #fff;
      background: linear-gradient(270deg, #5AA1FD 0%, #3B83FA 100%);
      border: none;
      margin: 6vh auto;
      margin-left: 44vw; }

@charset "UTF-8";
.testRecording {
  background: #F3F5FD;
  min-height: 100vh;
  padding: 2vh 1vw;
  box-sizing: border-box; }
  .testRecording .banner {
    background: url("/content/image/xljkImg/lybanner.png");
    background-size: 100% 100%;
    width: 97vw;
    height: 24vh;
    margin-left: -1vw;
    padding: 10vh 0 0 2.6vw; }
    .testRecording .banner img {
      width: 100%; }
    .testRecording .banner .banner1 {
      font-size: 2.8vw;
      color: #1E65DF;
      line-height: 64px;
      text-align: left;
      font-style: normal;
      font-weight: 550; }
    .testRecording .banner .banner2 {
      margin-top: 2vh;
      font-size: 1.6vw;
      color: #1E65DF;
      line-height: 38px;
      text-align: left;
      font-style: normal; }
  .testRecording .testRecordingCard {
    width: 100%;
    border-radius: .6vw;
    padding: 3vh 1vw;
    box-sizing: border-box; }
    .testRecording .testRecordingCard .hr {
      width: 96vw;
      height: 8vh;
      background: rgba(63, 140, 255, 0.2);
      display: flex; }
      .testRecording .testRecordingCard .hr .hrLeft {
        width: 1vw;
        height: 8vh;
        background: #3F8CFF; }
      .testRecording .testRecordingCard .hr .hrTitle {
        margin-left: 1vw;
        font-family: PingFangSC, PingFang SC;
        font-weight: 600;
        font-size: 1.8vw;
        color: #333333;
        line-height: 8vh;
        text-align: left; }
    .testRecording .testRecordingCard .recordingBox {
      display: flex;
      width: 96vw;
      height: 14vh;
      background: #F4F9FD;
      margin-top: 2vh; }
      .testRecording .testRecordingCard .recordingBox .ing {
        width: 47vw;
        height: 6vh;
        margin: auto 0; }
        .testRecording .testRecordingCard .recordingBox .ing img {
          width: 100%;
          height: 100%; }
      .testRecording .testRecordingCard .recordingBox .red {
        width: .2vw;
        height: 14vh;
        background: #E31515;
        border-radius: 4px;
        margin-left: 49%; }
      .testRecording .testRecordingCard .recordingBox .reds {
        width: .2vw;
        height: 14vh;
        background: #E31515;
        border-radius: 4px; }
    .testRecording .testRecordingCard .audio {
      background: #F1F3F4;
      width: 100%;
      height: 10vh;
      padding-top: 4vh;
      border-radius: 4px;
      margin-top: 2vh;
      margin-bottom: 19vh; }
    .testRecording .testRecordingCard .recordingBox {
      display: flex;
      width: 96vw;
      height: 14vh;
      background: #F4F9FD;
      margin-top: 2vh;
      position: relative;
      /* 添加相对定位，使绝对定位元素相对于它定位 */ }
    .testRecording .testRecordingCard .ing {
      width: 47vw;
      height: 6vh;
      overflow: hidden;
      /* 隐藏图片溢出部分 */
      position: relative;
      /* 设置相对定位 */ }
    .testRecording .testRecordingCard .ing img {
      animation: slideAnimation 2s infinite linear;
      /* 平移动画 */ }

@keyframes slideAnimation {
  0% {
    transform: translateX(0);
    /* 从0位置开始 */ }
  100% {
    transform: translateX(3vw);
    /* 平移到右侧，47vw为.ing的宽度 */ } }
    .testRecording .testRecordingCard .red {
      width: 0.2vw;
      height: 14vh;
      background: #E31515;
      border-radius: 4px; }
    .testRecording .testRecordingCard .recordingTime {
      font-family: DINAlternate, DINAlternate;
      font-weight: bold;
      font-size: 2.6vw;
      color: #333333;
      line-height: 60px;
      text-align: cetner;
      font-style: normal;
      margin-top: 2vh; }
    .testRecording .testRecordingCard .step {
      margin-bottom: 20px;
      text-align: center; }
    .testRecording .testRecordingCard .step h1 {
      margin-bottom: 30px; }
    .testRecording .testRecordingCard .step button {
      margin-right: 10px; }
    .testRecording .testRecordingCard .audio-visualizer {
      width: 100%;
      height: 100px;
      margin-bottom: 20px; }

.aggers {
  min-height: 100vh;
  background: #F3F5FD;
  padding: 2vh 16vw; }
  .aggers .el-dialog {
    margin: 15vh auto !important; }
  .aggers .el-dialog__body {
    padding: 0; }
  .aggers .signs {
    position: relative;
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently not supported by any browser */
    width: 49vw;
    height: 50vh;
    margin: 2vh auto;
    margin-top: 5vh;
    background: #F3F5FD;
    border-radius: 10px;
    font-weight: 600;
    font-size: 3vw;
    color: #DCDFE6;
    line-height: 20vh;
    text-align: center; }
    .aggers .signs #canvas {
      width: 100%;
      height: 100%;
      z-index: 999; }
    .aggers .signs .signTitle {
      position: absolute;
      top: 0vh;
      left: 25vw;
      height: 0vh; }
  .aggers .wider {
    position: relative;
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently not supported by any browser */
    width: 97vw;
    height: 74vh;
    background: #F3F5FD;
    border-radius: 10px;
    font-weight: 600;
    font-size: 3vw;
    color: #DCDFE6;
    line-height: 20vh;
    text-align: center; }
    .aggers .wider #canvas {
      width: 100%;
      height: 100%;
      z-index: 999; }
    .aggers .wider .signTitle {
      position: absolute;
      top: 0vh;
      left: 25vw;
      height: 0vh; }
  .aggers .back {
    cursor: pointer; }
  .aggers .aggerCards {
    margin-top: 2vh;
    width: 66vw;
    padding: 3vw;
    background: #ffffff;
    border-radius: 8px; }
    .aggers .aggerCards .cardTitle {
      font-size: 2vw;
      text-align: center; }
    .aggers .aggerCards .cardInfo {
      font-size: 1vw;
      text-align: left;
      margin-top: 2vh;
      min-height: 40vh; }
    .aggers .aggerCards .sign {
      position: relative;
      -webkit-user-select: none;
      /* Chrome/Safari/Opera */
      -moz-user-select: none;
      /* Firefox */
      -ms-user-select: none;
      /* Internet Explorer/Edge */
      user-select: none;
      /* Non-prefixed version, currently not supported by any browser */
      width: 64vw;
      height: 20vh;
      margin: 2vh auto;
      margin-top: 5vh;
      background: #F3F5FD;
      border-radius: 10px;
      font-weight: 600;
      font-size: 3vw;
      color: #DCDFE6;
      line-height: 20vh;
      text-align: center; }
      .aggers .aggerCards .sign #canvas {
        width: 100%;
        height: 100%;
        z-index: 999; }
      .aggers .aggerCards .sign .signTitle {
        position: absolute;
        top: 0vh;
        left: 25vw;
        height: 0vh; }
      .aggers .aggerCards .sign .signTitleImg {
        width: 100%;
        height: 100%; }
    .aggers .aggerCards .save {
      margin: 2vh auto;
      cursor: pointer;
      width: 7vw;
      height: 4.2vh;
      background: #2C8BF2;
      border-radius: 20px;
      font-weight: 400;
      font-size: .8vw;
      color: #FFFFFF;
      line-height: 4.2vh;
      text-align: center; }

@media only screen and (max-width: 600px) {
  .signs {
    position: relative;
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently not supported by any browser */
    width: 97vw;
    height: 74vh;
    background: #F3F5FD;
    border-radius: 10px;
    font-weight: 600;
    font-size: 3vw;
    color: #DCDFE6;
    line-height: 20vh;
    text-align: center; }
    .signs #canvas {
      width: 100%;
      height: 100%;
      z-index: 999; }
    .signs .signTitle {
      position: absolute;
      top: 0vh;
      left: 25vw;
      height: 0vh; }
  .el-dialog__wrapper {
    overflow: hidden !important; }
    .el-dialog__wrapper .el-dialog {
      margin-top: 0 !important;
      width: 100% !important;
      height: 100% !important;
      overflow: hidden !important; }
  .aggers {
    background: #F3F5FD;
    padding: 0;
    t: 100vh; }
    .aggers min-heigh.agger {
      background: #F3F5FD;
      padding: 2vh 16vw; }
      .aggers min-heigh.agger .el-dialog {
        margin: 2vh auto; }
      .aggers min-heigh.agger .el-dialog__body {
        padding: 0; }
      .aggers min-heigh.agger .back {
        cursor: pointer; }
      .aggers min-heigh.agger .aggerCards {
        margin-top: 2vh;
        width: 100%;
        background: #ffffff;
        border-radius: 8px;
        overflow: hidden; }
        .aggers min-heigh.agger .aggerCards .cardTitle {
          font-size: 2vw;
          text-align: center; }
        .aggers min-heigh.agger .aggerCards .cardInfo {
          font-size: 1vw;
          text-align: left;
          margin-top: 2vh;
          min-height: 40vh; }
        .aggers min-heigh.agger .aggerCards .sign {
          position: relative;
          -webkit-user-select: none;
          /* Chrome/Safari/Opera */
          -moz-user-select: none;
          /* Firefox */
          -ms-user-select: none;
          /* Internet Explorer/Edge */
          user-select: none;
          /* Non-prefixed version, currently not supported by any browser */
          width: 50vw;
          height: 20vh;
          margin: 2vh auto;
          margin-top: 5vh;
          background: #F3F5FD;
          border-radius: 10px;
          font-weight: 600;
          font-size: 3vw;
          color: #DCDFE6;
          line-height: 20vh;
          text-align: center; }
          .aggers min-heigh.agger .aggerCards .sign #canvas {
            width: 100%;
            height: 100%;
            z-index: 999; }
          .aggers min-heigh.agger .aggerCards .sign .signTitle {
            position: absolute;
            top: 0vh;
            left: 25vw;
            height: 0vh; }
        .aggers min-heigh.agger .aggerCards .save {
          margin: 2vh auto;
          cursor: pointer;
          width: 7vw;
          height: 4.2vh;
          background: #2C8BF2;
          border-radius: 20px;
          font-weight: 400;
          font-size: .8vw;
          color: #FFFFFF;
          line-height: 4.2vh;
          text-align: center; }
    .aggers .back {
      cursor: pointer; }
    .aggers .aggerCards {
      margin-top: 2vh;
      width: 100%;
      background: #ffffff;
      border-radius: 8px;
      padding: 10px;
      box-sizing: border-box;
      overflow: hidden; }
      .aggers .aggerCards .cardTitle {
        font-size: 18px;
        text-align: center; }
      .aggers .aggerCards .cardInfo {
        font-size: 14px;
        text-align: left;
        margin-top: 2vh;
        min-height: 40vh; }
      .aggers .aggerCards .sign {
        position: relative;
        -webkit-user-select: none;
        /* Chrome/Safari/Opera */
        -moz-user-select: none;
        /* Firefox */
        -ms-user-select: none;
        /* Internet Explorer/Edge */
        user-select: none;
        /* Non-prefixed version, currently not supported by any browser */
        width: 80%;
        height: 20vh;
        margin-top: 5vh;
        background: #F3F5FD;
        border-radius: 10px;
        font-weight: 600;
        font-size: 3vw;
        color: #DCDFE6;
        line-height: 20vh;
        text-align: center; }
        .aggers .aggerCards .sign #canvas {
          width: 100%;
          height: 100%;
          z-index: 999; }
        .aggers .aggerCards .sign .signTitle {
          position: absolute;
          top: 0vh;
          left: 25vw;
          height: 0vh; }
      .aggers .aggerCards .save {
        margin: 2vh auto;
        cursor: pointer;
        width: 7vw;
        height: 4.2vh;
        background: #2C8BF2;
        border-radius: 20px;
        font-weight: 400;
        font-size: .8vw;
        color: #FFFFFF;
        line-height: 4.2vh;
        text-align: center; } }

.InterviewGuidance {
  background: #F3F5FD;
  min-height: 100vh;
  padding: 2vh 1vw;
  box-sizing: border-box; }
  .InterviewGuidance .banner {
    background: url("/content/image/xljkImg/lybanner.png");
    background-size: 100% 100%;
    width: 99vw;
    height: 24vh;
    margin-left: -1vw;
    padding: 10vh 0 0 2.6vw; }
    .InterviewGuidance .banner img {
      width: 100%; }
    .InterviewGuidance .banner .banner1 {
      font-size: 2.8vw;
      color: #1E65DF;
      line-height: 64px;
      text-align: left;
      font-style: normal;
      font-weight: 550; }
    .InterviewGuidance .banner .banner2 {
      margin-top: 2vh;
      font-size: 1.6vw;
      color: #1E65DF;
      line-height: 38px;
      text-align: left;
      font-style: normal; }
  .InterviewGuidance .hr {
    width: 96vw;
    height: 8vh;
    background: rgba(63, 140, 255, 0.2);
    display: flex;
    margin-bottom: 2vh; }
    .InterviewGuidance .hr .hrLeft {
      width: 1vw;
      height: 8vh;
      background: #3F8CFF; }
    .InterviewGuidance .hr .hrTitle {
      margin-left: 1vw;
      font-family: PingFangSC, PingFang SC;
      font-weight: 600;
      font-size: 1.8vw;
      color: #333333;
      line-height: 8vh;
      text-align: left; }
  .InterviewGuidance .InterviewGuidanceCard {
    margin-top: 2vh;
    width: 100%;
    background: #FFFFFF;
    border-radius: .6vw;
    padding: 3vh 1vw;
    box-sizing: border-box; }

.InterviewHomepage {
  background: #F3F5FD;
  height: calc(100vh);
  background: url("/content/image/xljkImg/homeBg.png");
  background-size: cover;
  box-sizing: border-box;
  position: relative;
  padding: 3vh 4vw; }
  .InterviewHomepage .InterviewHomepageTop {
    display: flex;
    justify-content: space-between; }
    .InterviewHomepage .InterviewHomepageTop .InterviewHomepageTopLeft .InterviewHomepageTopLeftTitle {
      font-family: PingFangSC, PingFang SC;
      font-size: 2.8vw;
      color: #232427;
      text-align: left;
      font-style: normal;
      margin-top: 8vh; }
    .InterviewHomepage .InterviewHomepageTop .InterviewHomepageTopLeft .InterviewHomepageTopLeftTag {
      display: flex;
      margin-top: 4vh; }
      .InterviewHomepage .InterviewHomepageTop .InterviewHomepageTopLeft .InterviewHomepageTopLeftTag .InterviewHomepageTopLeftTags {
        margin-left: 1vw;
        text-align: center;
        width: 16vw;
        height: 5vh;
        line-height: 5vh;
        background: #fff;
        border-radius: 2vw;
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 1vw;
        color: #4E5969;
        font-style: normal; }
    .InterviewHomepage .InterviewHomepageTop .InterviewHomepageTopRight .InterviewHomepageImg {
      margin-right: 10vw;
      width: 18vw; }
      .InterviewHomepage .InterviewHomepageTop .InterviewHomepageTopRight .InterviewHomepageImg img {
        width: 100%;
        height: 100%; }
  .InterviewHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .InterviewHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .HomepageBottomBox {
      cursor: pointer;
      display: flex;
      margin-top: 3vh;
      width: 30vw;
      height: 18vh;
      border-radius: 16px; }
      .InterviewHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .HomepageBottomBox .HomepageBottomBoxLeft {
        padding: 2vh 1vw;
        width: 7vw;
        height: 14vh; }
        .InterviewHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .HomepageBottomBox .HomepageBottomBoxLeft img {
          width: 100%;
          height: 100%; }
      .InterviewHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .HomepageBottomBox .HomepageBottomBoxRight .HomepageBottomBoxRightTop {
        margin-top: 1vh;
        font-family: PingFangSC, PingFang SC;
        font-size: 2vw;
        color: #FFFFFF;
        text-align: left;
        font-style: normal;
        line-height: 10vh; }
      .InterviewHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .HomepageBottomBox .HomepageBottomBoxRight .HomepageBottomBoxRightBottom {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 1.2vw;
        color: #FFFFFF;
        font-style: normal; }
    .InterviewHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .box1 {
      background: radial-gradient(0% 100% at 0% 0%, #2C79F9 0%, #56ADFF 100%); }
    .InterviewHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .box2 {
      background: radial-gradient(0% 100% at 0% 0%, #00B8CD 0%, #1DE0C3 100%); }
    .InterviewHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .box3 {
      background: radial-gradient(0% 95% at 0% 0%, #FF7E27 0%, #FFAA41 100%); }
    .InterviewHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .box4 {
      background: radial-gradient(0% 95% at 0% 0%, #FF7E27 0%, #FFAA41 100%); }
    .InterviewHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .box5 {
      background: radial-gradient(0% 95% at 0% 0%, #3067FF 0%, #6095FF 100%); }
    .InterviewHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .box6 {
      background: radial-gradient(0% 100% at 0% 0%, #00B8CD 0%, #1DE0C3 100%); }
    .InterviewHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .box7 {
      background: radial-gradient(0% 100% at 0% 0%, #00B8CD 0%, #1DE0C3 100%); }
    .InterviewHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .box8 {
      background: radial-gradient(0% 95% at 0% 0%, #FF7E27 0%, #FFAA41 100%); }
    .InterviewHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .box9 {
      background: radial-gradient(0% 95% at 0% 0%, #3067FF 0%, #6095FF 100%); }

.courseLearning {
  min-height: 100vh;
  position: relative;
  background-size: cover;
  background: linear-gradient(180deg, #B3DCFF 0%, #E9EFF7 100%); }
  .courseLearning .courseLearningbox {
    padding: 0 10vw; }
    .courseLearning .courseLearningbox .courseLearningboxTop {
      background: #FFFFFF;
      border-radius: 14px;
      margin-top: 30px;
      padding: 2vh 1vw;
      display: flex; }
      .courseLearning .courseLearningbox .courseLearningboxTop .courseLearningboxTopL {
        width: 30%; }
        .courseLearning .courseLearningbox .courseLearningboxTop .courseLearningboxTopL img {
          width: 100%; }
      .courseLearning .courseLearningbox .courseLearningboxTop .courseLearningboxTopR {
        margin-left: 1vw;
        background: #F1F8FF;
        width: 68%;
        padding: 2vh 1vw; }
        .courseLearning .courseLearningbox .courseLearningboxTop .courseLearningboxTopR .boxTopRtitle {
          color: #333333;
          font-size: 1.5vw;
          font-weight: 600; }
        .courseLearning .courseLearningbox .courseLearningboxTop .courseLearningboxTopR .boxTopRinfo {
          margin-top: 1vh;
          font-size: .9vw;
          color: #9BAAB8;
          line-height: 2.8vh; }
        .courseLearning .courseLearningbox .courseLearningboxTop .courseLearningboxTopR .boxTopRinfos {
          margin-top: 1vh;
          display: flex; }
          .courseLearning .courseLearningbox .courseLearningboxTop .courseLearningboxTopR .boxTopRinfos .boxTopRinfosL {
            font-size: .9vw;
            color: #9BAAB8; }
          .courseLearning .courseLearningbox .courseLearningboxTop .courseLearningboxTopR .boxTopRinfos .boxTopRinfosR {
            font-size: .9vw;
            color: #333333; }
    .courseLearning .courseLearningbox .courseLearningboxBottom {
      margin-bottom: 8vh;
      background: #FFFFFF;
      border-radius: 14px;
      margin-top: 30px;
      padding: 2vh 4vw; }
      .courseLearning .courseLearningbox .courseLearningboxBottom .boxBottomTitle {
        color: #333333;
        font-size: 1.5vw;
        font-weight: 600; }
      .courseLearning .courseLearningbox .courseLearningboxBottom .boxBottomTitles {
        margin-top: 1vh;
        font-size: .9vw;
        color: #9BAAB8;
        margin-bottom: 2vh; }
      .courseLearning .courseLearningbox .courseLearningboxBottom .boxBottomTitle2 {
        margin-top: 4vh;
        color: #333333;
        font-size: 1.5vw;
        font-weight: 600;
        margin-bottom: 2vh; }
      .courseLearning .courseLearningbox .courseLearningboxBottom .boxBottomInfoRight {
        margin-left: 1vw; }
      .courseLearning .courseLearningbox .courseLearningboxBottom .boxBottomInfo {
        display: flex; }
        .courseLearning .courseLearningbox .courseLearningboxBottom .boxBottomInfo .infoNum {
          position: relative; }
        .courseLearning .courseLearningbox .courseLearningboxBottom .boxBottomInfo .abNum {
          position: absolute;
          top: 1.4vh;
          left: 2vw;
          font-size: 1.2vw;
          font-weight: 600; }
        .courseLearning .courseLearningbox .courseLearningboxBottom .boxBottomInfo .boxBottomInfoT {
          margin-top: 1vh;
          font-size: 1.2vw;
          font-weight: 600;
          color: #333333; }
        .courseLearning .courseLearningbox .courseLearningboxBottom .boxBottomInfo .boxBottomInfoB {
          margin-top: .8vh;
          font-size: .9vw;
          color: #9BAAB8; }
          .courseLearning .courseLearningbox .courseLearningboxBottom .boxBottomInfo .boxBottomInfoB p {
            margin-top: .8vh; }
      .courseLearning .courseLearningbox .courseLearningboxBottom .boxBottomError {
        font-size: .9vw;
        color: #D45454;
        margin: 6vh 0; }

.flex {
  display: flex; }

.vhtml {
  color: #666;
  font-size: 1vw; }

.interviewInfoLSback {
  position: absolute;
  left: 10px;
  top: 10px;
  cursor: pointer; }

.flex-1 {
  flex: 1; }

.survey {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: 0 20px 20px;
  padding-top: 50px;
  background: #d4e2fd;
  overflow: auto;
  scroll-behavior: smooth;
  box-sizing: border-box;
  height: 88vh; }
  .survey .title {
    margin: 2em -1em 1em;
    font-size: 16px; }
    .survey .title:before {
      vertical-align: -2px;
      display: inline-block;
      margin-right: 8px;
      width: 4px;
      height: 16px;
      background: #3891ea;
      content: ''; }
  .survey .survey-header {
    width: 100%;
    margin: 10px; }
  .survey .survey-main {
    min-width: 1080px;
    margin-bottom: 100px;
    align-items: flex-start; }
  .survey .page-header {
    justify-content: space-between; }
  .survey .answer-status__icon {
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    vertical-align: -4px;
    border-radius: 8px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
    transition: all cubic-bezier(0.4, 0, 1, 1) 0.15s;
    font-family: Impact, sans-serif; }
    .survey .answer-status__icon + .answer-status__icon {
      margin-left: .5em; }
    .survey .answer-status__icon.answered {
      color: #ffffff;
      background: #2b88ef;
      box-shadow: unset; }
    .survey .answer-status__icon.is-active {
      color: #404040;
      box-shadow: 0 0 0 1px #2b88ef inset; }
  .survey .page {
    display: flex;
    flex-direction: column;
    width: 720px;
    background: #ffffff;
    border-radius: 8px; }
    .survey .page.survey-section {
      flex: 1; }
      .survey .page.survey-section .page-content {
        padding: 0 2em; }
    .survey .page.survey-page {
      width: 400px;
      flex-shrink: 0;
      padding: 1em 2em; }
    .survey .page .page-left__header {
      box-sizing: border-box;
      width: 100%;
      padding: 1em;
      color: #fff;
      border-radius: 8px 8px 0 0;
      background-image: linear-gradient(#4e7bfe, #6da6fd); }
      .survey .page .page-left__header .left-header__main {
        flex-shrink: 0;
        width: auto;
        min-width: 200px; }
      .survey .page .page-left__header .header-title {
        white-space: nowrap;
        margin: 0 0 10px;
        font-size: 18px;
        line-height: 1.8;
        justify-content: space-between; }
      .survey .page .page-left__header .score-info {
        font-size: 12px;
        justify-content: space-between; }
      .survey .page .page-left__header .timer {
        line-height: 58px;
        text-align: right;
        font-size: 12px; }
        .survey .page .page-left__header .timer span {
          font-size: 18px; }
    .survey .page + .page {
      margin-left: 2em; }
    .survey .page .page-header {
      display: flex;
      justify-content: space-between; }
      .survey .page .page-header .el-breadcrumb {
        margin-top: 6px; }
      .survey .page .page-header .answer-status {
        width: 200px;
        display: flex;
        font-size: 12px;
        align-items: flex-end; }
        .survey .page .page-header .answer-status > div {
          white-space: nowrap; }
        .survey .page .page-header .answer-status .answer-status__icon {
          display: inline-block;
          width: 16px;
          height: 16px;
          border-radius: 4px;
          margin-right: 4px;
          margin-left: 1em;
          vertical-align: -4px; }
      .survey .page .page-header .answer-summary {
        color: #898989; }
    .survey .page .page-content {
      flex: 1; }
      .survey .page .page-content .question-item .question-item__title {
        font-weight: 400;
        line-height: 1.8; }
        .survey .page .page-content .question-item .question-item__title .el-tag {
          height: 26px;
          line-height: 24px;
          margin-right: 1em; }
      .survey .page .page-content .question-item__content {
        margin: 1em 56px;
        font-size: 1vw; }
        .survey .page .page-content .question-item__content .el-radio-group, .survey .page .page-content .question-item__content .el-checkbox-group {
          display: block; }
        .survey .page .page-content .question-item__content .el-radio, .survey .page .page-content .question-item__content .el-checkbox {
          display: block;
          margin-bottom: 1em;
          font-size: 15px; }
      .survey .page .page-content .answer-status__icon {
        cursor: pointer; }
        .survey .page .page-content .answer-status__icon:hover {
          box-shadow: 0 0 0 1px #7ab7fc inset;
          background: #c9def6; }
    .survey .page .page-footer {
      margin-top: 1em; }
  .survey .save-btn {
    margin-top: 2em;
    color: #fff;
    border-color: transparent;
    background-image: linear-gradient(to right, #4084fb, #5ea0f7);
    transition: all .15s ease-in-out; }
    .survey .save-btn:hover {
      background-image: linear-gradient(to right, #0055e7, #4084fb); }

.XDzlxz {
  background: #F4F9FD;
  min-height: 100vh; }

.XDnavbox {
  overflow: hidden; }
  .XDnavbox .dialogfooter {
    display: flex;
    justify-content: center;
    align-items: center; }
  .XDnavbox .XDnav {
    width: 100vw;
    height: 6.48vh;
    background: #3F8CFF;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .XDnavbox .XDnav .left {
      display: flex;
      justify-content: flex-start;
      align-items: center; }
      .XDnavbox .XDnav .left .logoImg {
        width: 30px;
        height: 30px;
        margin-left: 1.56vw;
        margin-right: 1.04vw; }
      .XDnavbox .XDnav .left .title {
        font-family: PingFangSC, PingFang SC;
        font-weight: 600;
        font-size: 2.222vh;
        color: #FFFFFF;
        line-height: 3.055vh;
        text-align: left;
        font-style: normal; }
    .XDnavbox .XDnav .right {
      display: flex;
      justify-content: flex-end;
      align-items: center; }
      .XDnavbox .XDnav .right .avatar {
        width: 3.426vh;
        height: 3.426vh;
        margin-left: 1.458vw;
        margin-right: 0.677vw; }
      .XDnavbox .XDnav .right .username {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 1.48vh;
        color: #FFFFFF;
        line-height: 2.037vh;
        text-align: center;
        font-style: normal;
        margin-right: 1.458vw;
        cursor: pointer; }
  .XDnavbox .xdmbxbox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 4.629vh;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 1.296vh;
    color: #6C6EA9;
    line-height: 2.037vh;
    text-align: left;
    font-style: normal;
    padding: 0 2vw;
    box-sizing: border-box; }
  .XDnavbox .breadcrumb-container {
    display: flex;
    align-items: center;
    padding: 4px 8px;
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #FFFFFF;
    border-radius: 6px; }
  .XDnavbox .return-btn {
    display: flex;
    align-items: center;
    padding: 4px 8px;
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #FFFFFF;
    border-radius: 6px;
    cursor: pointer;
    color: #0256FF; }
  .XDnavbox .return-btn:hover {
    background: rgba(255, 255, 255, 0.7); }
  .XDnavbox .return-btn i {
    margin-right: 4px; }
  .XDnavbox .yemiandaohang {
    cursor: pointer;
    font-size: 1.8vh; }
  .XDnavbox .active1 {
    color: #0256FF; }

.XDzlxz1 .itembox {
  position: relative; }
  .XDzlxz1 .itembox .wczt {
    position: absolute;
    left: 520px;
    width: 70px;
    height: 70px; }

.page {
  background: #F4F9FD;
  min-height: 90vh; }
  .page .itembox {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .page .bottombox {
    display: flex;
    justify-content: flex-flex-start;
    align-items: center;
    margin-right: 1vw; }
    .page .bottombox .butt {
      background-color: #3f8cff;
      color: white;
      font-size: 0.83vw;
      font-weight: normal;
      text-align: justify;
      white-space: nowrap;
      line-height: 0.84vw;
      margin-top: 0.21vw;
      display: flex;
      justify-content: center;
      align-items: center; }
      .page .bottombox .butt .buttinbox {
        display: flex;
        justify-content: center;
        align-items: center; }
      .page .bottombox .butt img {
        margin-right: 0.5vw; }
  .page .box_aa {
    width: 100vw;
    height: 88.7vh;
    margin-bottom: 0.06vw; }
    .page .box_aa .group_4 {
      background-color: white;
      border-radius: 24px;
      width: 84vw;
      height: 90.6vh;
      justify-content: flex-center;
      margin: 1.56vw auto;
      overflow-y: auto;
      overflow-x: hidden; }
      .page .box_aa .group_4 .group_8 {
        width: 7.5vw;
        height: 1.98vw;
        margin: 1.56vw 0 0 1.56vw; }
        .page .box_aa .group_4 .group_8 .label_3 {
          width: 1.98vw;
          height: 3.52vh; }
        .page .box_aa .group_4 .group_8 .text_7 {
          width: 5vw;
          height: 2.22vh;
          overflow-wrap: break-word;
          color: #3f8cff;
          font-size: 1.25vw;
          font-family: PingFangSC-Medium;
          font-weight: 500;
          text-align: left;
          white-space: nowrap;
          line-height: 2.22vh;
          margin-top: 0.6577vh; }
      .page .box_aa .group_4 .grid_3 {
        width: 100vw;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin: 1.56vw 0 0 1.56vw;
        align-items: flex-start; }
        .page .box_aa .group_4 .grid_3 .list-items_1 {
          background-color: #f4f9fd;
          border-radius: 12px;
          width: 80vw;
          height: 100px;
          margin: 0 1.61vw 1.66vw 0; }
          .page .box_aa .group_4 .grid_3 .list-items_1 .image-text_7 {
            width: 19.74vw;
            height: 3.13vw;
            margin: 1.04vw 0 0 1.04vw; }
            .page .box_aa .group_4 .grid_3 .list-items_1 .image-text_7 .image_3 {
              width: 60px;
              height: 60px; }
            .page .box_aa .group_4 .grid_3 .list-items_1 .image-text_7 .text-group_6 {
              width: 15.58vw;
              height: 4.46vh;
              margin-top: 0.942vh; }
              .page .box_aa .group_4 .grid_3 .list-items_1 .image-text_7 .text-group_6 .text_14 {
                width: 15.73vw;
                height: 0.94vw;
                overflow-wrap: break-word;
                color: #000001;
                font-size: 0.93vw;
                font-family: PingFangSC-Medium;
                font-weight: 500;
                text-align: left;
                white-space: nowrap;
                line-height: 0.94vw; }
              .page .box_aa .group_4 .grid_3 .list-items_1 .image-text_7 .text-group_6 .text_15 {
                width: 2.19vw;
                height: 0.84vw;
                overflow-wrap: break-word;
                color: #6f737b;
                font-size: 0.83vw;
                font-weight: normal;
                text-align: left;
                white-space: nowrap;
                line-height: 0.84vw;
                margin-top: 0.84vw; }
          .page .box_aa .group_4 .grid_3 .list-items_1 .block_1 {
            background-color: #3f8cff;
            border-radius: 9px;
            width: 5.73vw;
            height: 2.09vw;
            margin: 1.56vw 1.51vw 0 18.07vw; }
            .page .box_aa .group_4 .grid_3 .list-items_1 .block_1 .image-text_8 {
              width: 3.44vw;
              height: 1.25vw;
              margin: 0.41vw 0 0 1.04vw; }
              .page .box_aa .group_4 .grid_3 .list-items_1 .block_1 .image-text_8 .label_6 {
                width: 1.25vw;
                height: 1.25vw; }
              .page .box_aa .group_4 .grid_3 .list-items_1 .block_1 .image-text_8 .text-group_2 {
                width: 1.67vw;
                height: 0.84vw;
                overflow-wrap: break-word;
                color: white;
                font-size: 0.83vw;
                font-weight: normal;
                text-align: justify;
                white-space: nowrap;
                line-height: 0.84vw;
                margin-top: 0.21vw; }
      .page .box_aa .group_4 .fenye {
        text-align: center;
        margin-top: 10px; }
  .page body * {
    box-sizing: border-box;
    flex-shrink: 0; }
  .page body {
    font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, PingFang SC-Light, Microsoft YaHei; }
  .page button {
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    outline: none;
    background-color: transparent; }
  .page button:active {
    opacity: 0.6; }
  .page .van-nav-bar__left:active,
  .page .van-nav-bar__right:active {
    opacity: 1; }
  .page [class*='van-']::after {
    border-bottom: 0; }
  .page .flex-col {
    display: flex;
    flex-direction: column; }
  .page .flex-row {
    display: flex;
    flex-direction: row; }
  .page .justify-start {
    display: flex;
    justify-content: flex-start; }
  .page .justify-center {
    display: flex;
    justify-content: center; }
  .page .justify-end {
    display: flex;
    justify-content: flex-end; }
  .page .justify-evenly {
    display: flex;
    justify-content: space-evenly; }
  .page .justify-around {
    display: flex;
    justify-content: space-around; }
  .page .justify-between {
    display: flex;
    justify-content: space-between; }
  .page .align-start {
    display: flex;
    align-items: flex-start; }
  .page .align-center {
    display: flex;
    align-items: center; }
  .page .align-end {
    display: flex;
    align-items: flex-end; }

.learningCatalog {
  min-height: 100vh;
  position: relative;
  padding: 30px 8vw;
  background: linear-gradient(180deg, #B3DCFF 0%, #E9EFF7 100%); }
  .learningCatalog .interviewInfoLSback {
    position: absolute;
    left: 10px;
    top: 10px;
    cursor: pointer; }
  .learningCatalog .courseLearningTop {
    width: 100%;
    height: 30vh;
    background: #FFFFFF;
    border-radius: 8px;
    margin-top: 10px;
    padding: 2vh 2vw;
    display: flex;
    justify-content: space-between; }
    .learningCatalog .courseLearningTop .courseLearningBottomLeft {
      width: 15%; }
      .learningCatalog .courseLearningTop .courseLearningBottomLeft .img {
        width: 100%;
        height: 28vh; }
        .learningCatalog .courseLearningTop .courseLearningBottomLeft .img img {
          width: 100%;
          height: 100%; }
    .learningCatalog .courseLearningTop .courseLearningBottomRight {
      width: 85%;
      margin-left: 40px; }
      .learningCatalog .courseLearningTop .courseLearningBottomRight .info {
        display: flex; }
        .learningCatalog .courseLearningTop .courseLearningBottomRight .info .infoImg {
          line-height: 4vh;
          font-family: PingFangSC, PingFang SC;
          font-weight: 400;
          color: #4E5969;
          line-height: 25px;
          text-align: left;
          font-style: normal; }
          .learningCatalog .courseLearningTop .courseLearningBottomRight .info .infoImg img {
            width: 20%;
            height: 80%;
            vertical-align: middle; }
      .learningCatalog .courseLearningTop .courseLearningBottomRight h1, .learningCatalog .courseLearningTop .courseLearningBottomRight h2, .learningCatalog .courseLearningTop .courseLearningBottomRight p {
        line-height: 40px; }
      .learningCatalog .courseLearningTop .courseLearningBottomRight p {
        color: #4E5969;
        line-height: 8vh; }
  .learningCatalog .courseLearningBottom {
    width: 100%;
    height: 55vh;
    background: #FFFFFF;
    border-radius: 8px;
    margin-top: 10px;
    padding: 2vh 2vw; }
    .learningCatalog .courseLearningBottom .courseLearningBottomTitle {
      font-family: PingFangSC, PingFang SC;
      font-weight: 600;
      font-size: 24px;
      color: #232427;
      line-height: 48px;
      text-align: left;
      font-style: normal; }
    .learningCatalog .courseLearningBottom .courseLearningBottomList {
      background: #F6F7FC;
      border-radius: 8px; }

.XDxxsb {
  background: #F4F9FD;
  min-height: 100vh; }
  .XDxxsb .mainbox {
    padding: 2.778vh;
    box-sizing: border-box; }
    .XDxxsb .mainbox .maincontent {
      padding: 2.9vh;
      box-sizing: border-box;
      width: 96.875vw;
      min-height: 83.333vh;
      background: #FFFFFF;
      border-radius: 24px; }
      .XDxxsb .mainbox .maincontent .titlebox {
        margin-bottom: 5vh;
        display: flex;
        justify-content: flex-start;
        align-items: center; }
        .XDxxsb .mainbox .maincontent .titlebox .logoImg {
          width: 3.518vh;
          height: 3.518vh; }
        .XDxxsb .mainbox .maincontent .titlebox .xxsbtitle {
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 2.9vh;
          color: #333333;
          line-height: 2.963vh;
          text-align: left;
          font-style: normal;
          margin-left: 0.5vw; }
      .XDxxsb .mainbox .maincontent .XDshangbaoItemsbox {
        margin-left: 1vw; }

.tishiDialog {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.shangbaoItems .gzxissbbox {
  display: flex;
  justify-content: flex-start;
  align-items: center; }
  .shangbaoItems .gzxissbbox .logoImg {
    width: 3.518vh;
    height: 3.518vh; }
  .shangbaoItems .gzxissbbox .gzxxsb {
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 2.222vh;
    color: #333333;
    line-height: 2.963vh;
    text-align: left;
    font-style: normal; }

.shangbaoItems .shangbaoitembox {
  min-height: 12.96vh;
  border-left: dashed 1px #3F8CFF;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-left: 1.759vh;
  padding-bottom: 3.24vh; }
  .shangbaoItems .shangbaoitembox .innershangbaoitembox {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 3.24vh; }
    .shangbaoItems .shangbaoitembox .innershangbaoitembox .linebox {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      position: relative;
      left: -5px; }
      .shangbaoItems .shangbaoitembox .innershangbaoitembox .linebox .dot {
        width: 0.926vh;
        height: 0.926vh;
        background: #3F8CFF;
        border-radius: 50%; }
      .shangbaoItems .shangbaoitembox .innershangbaoitembox .linebox .line {
        width: 7.083vw;
        border: 1px dashed #3F8CFF; }
    .shangbaoItems .shangbaoitembox .innershangbaoitembox .shangbaoitem {
      width: 78.125vw;
      height: 8.333vh;
      background: #F4F9FD;
      border-radius: 12px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 1.85vh; }
      .shangbaoItems .shangbaoitembox .innershangbaoitembox .shangbaoitem .fuzhi {
        margin-left: 1vw;
        color: #3F8CFF; }
      .shangbaoItems .shangbaoitembox .innershangbaoitembox .shangbaoitem .left4 {
        display: flex;
        justify-content: flex-start;
        align-items: center; }
        .shangbaoItems .shangbaoitembox .innershangbaoitembox .shangbaoitem .left4 .imgbox {
          height: 4.5vh;
          padding-right: 1vw;
          border-right: 1px solid rgba(63, 140, 255, 0.5);
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center; }
          .shangbaoItems .shangbaoitembox .innershangbaoitembox .shangbaoitem .left4 .imgbox .zhuangtai {
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            font-size: 1.296vh;
            color: #666666; }
        .shangbaoItems .shangbaoitembox .innershangbaoitembox .shangbaoitem .left4 .logoImg {
          width: 3.518vh;
          height: 3.518vh; }
        .shangbaoItems .shangbaoitembox .innershangbaoitembox .shangbaoitem .left4 .texbox {
          margin-left: 1vw; }
          .shangbaoItems .shangbaoitembox .innershangbaoitembox .shangbaoitem .left4 .texbox .innertitle {
            font-family: PingFangSC, PingFang SC;
            font-weight: 500;
            font-size: 1.85vh;
            color: #333333;
            line-height: 2.222vh;
            text-align: left;
            font-style: normal; }
          .shangbaoItems .shangbaoitembox .innershangbaoitembox .shangbaoitem .left4 .texbox .tishi {
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            font-size: 1.481vh;
            color: #666666;
            line-height: 1.481vh;
            text-align: left;
            font-style: normal;
            margin-top: 0.926vh; }
            .shangbaoItems .shangbaoitembox .innershangbaoitembox .shangbaoitem .left4 .texbox .tishi .shangbaonum {
              font-size: 2vh;
              color: red;
              font-weight: 600; }
      .shangbaoItems .shangbaoitembox .innershangbaoitembox .shangbaoitem .right4 {
        display: flex;
        justify-content: flex-end;
        align-items: center; }
        .shangbaoItems .shangbaoitembox .innershangbaoitembox .shangbaoitem .right4 .itembox {
          display: flex;
          justify-content: flex-end;
          align-items: center; }
        .shangbaoItems .shangbaoitembox .innershangbaoitembox .shangbaoitem .right4 .item {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          margin-right: 0.625vw; }
          .shangbaoItems .shangbaoitembox .innershangbaoitembox .shangbaoitem .right4 .item .iconbox {
            width: 3.7vh;
            height: 3.7vh;
            background: #FFFFFF;
            border-radius: 9px;
            margin-right: 0.521vw;
            display: flex;
            justify-content: center;
            align-items: center; }
            .shangbaoItems .shangbaoitembox .innershangbaoitembox .shangbaoitem .right4 .item .iconbox .logoImg {
              width: 2.222vh;
              height: 2.222vh; }
        .shangbaoItems .shangbaoitembox .innershangbaoitembox .shangbaoitem .right4 .buttt {
          margin-left: 1.25vw;
          height: 3.7vh;
          background: #3F8CFF;
          border-radius: 9px;
          width: 7vw;
          font-size: 1.48vh;
          color: #fff;
          display: flex;
          justify-content: center;
          align-items: center;
          cursor: pointer; }
          .shangbaoItems .shangbaoitembox .innershangbaoitembox .shangbaoitem .right4 .buttt .buttt1 {
            display: flex;
            justify-content: center;
            align-items: center; }
          .shangbaoItems .shangbaoitembox .innershangbaoitembox .shangbaoitem .right4 .buttt .logoImg {
            width: 2.03vh;
            height: 2.03vh;
            margin-right: 0.521vw; }

.shangbaoItems .filelistbox {
  font-size: 16px; }
  .shangbaoItems .filelistbox .bigbox .title {
    font-size: 20px;
    font-weight: 600; }
  .shangbaoItems .filelistbox .bigbox .fileitem {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .shangbaoItems .filelistbox .bigbox .fileitem .name {
      margin-right: 2vw; }

.XDxsxiSahngbaoDialog .buttbox {
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  .XDxsxiSahngbaoDialog .buttbox .butt {
    margin-left: 0.521vw; }

.XDxsxiSahngbaoDialog .fenye {
  margin-top: 8.8vh;
  text-align: center; }

.XDxsxiSahngbaoDialog .dialogminbox {
  min-height: 50vh; }
  .XDxsxiSahngbaoDialog .dialogminbox .el-table__empty-block {
    height: 50vh !important; }

.XDxsxiSahngbaoDialog .innerDialog .el-dialog__header {
  background: #F3F7FF;
  border-radius: 24px 24px 0px 0px; }

.XDxsxiSahngbaoDialog .innerDialog .el-dialog {
  border-radius: 24px;
  margin-top: 15vh !important; }

.formbox {
  min-height: 50vh; }
  .formbox .el-select {
    width: 100%; }

.el-table__cell {
  color: #7D8592; }

th {
  color: #434B5B; }

.XDjsxxShangbaoDialog .buttbox {
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  .XDjsxxShangbaoDialog .buttbox .butt {
    margin-left: 0.521vw; }

.XDjsxxShangbaoDialog .fenye {
  margin-top: 8.8vh;
  text-align: center; }

.XDjsxxShangbaoDialog .dialogminbox {
  min-height: 50vh; }
  .XDjsxxShangbaoDialog .dialogminbox .el-table__empty-block {
    height: 40vh !important; }

.XDjsxxShangbaoDialog .innerDialog .el-dialog__header {
  background: #F3F7FF;
  border-radius: 24px 24px 0px 0px; }

.XDjsxxShangbaoDialog .innerDialog .el-dialog {
  border-radius: 24px;
  margin-top: 15vh !important; }

.formbox .el-select {
  width: 100%; }

.ftschedule {
  min-height: 100vh;
  position: relative;
  padding: 30px 8vw;
  background: #E9EFF7; }
  .ftschedule .interviewInfoLSback {
    position: absolute;
    left: 10px;
    top: 10px;
    cursor: pointer; }
  .ftschedule .scheduleCard {
    width: 100%;
    min-height: 90vh;
    background: #FFFFFF;
    border-radius: 8px;
    margin-top: 10px;
    padding: 2vh 2vw; }
    .ftschedule .scheduleCard h1 {
      text-align: center;
      margin-bottom: 2vh; }

.badgeitem {
  position: absolute;
  margin-left: 11vw;
  margin-top: -2vh; }

.badgeitems {
  position: absolute;
  margin-left: 14vw;
  margin-top: -2.4vh; }

.badgeitemss {
  position: absolute;
  margin-left: 14vw;
  margin-top: -2vh; }

.badgeitemsss {
  position: absolute;
  margin-left: 11vw;
  margin-top: -2vh; }

.skewed-strip {
  position: absolute;
  right: -8vw;
  top: 10%;
  width: 22vw;
  height: 4vh;
  overflow: hidden;
  white-space: nowrap;
  transform: rotate(45deg);
  box-shadow: 0 0 10px #888;
  text-align: center;
  line-height: 4vh;
  color: #fff; }

.wks {
  color: #fff;
  background-color: #CCCCCC; }

.wtg {
  color: #fff;
  background-color: red; }

.jxz {
  color: #07B473;
  background-color: #fff; }

.ywc {
  color: #3F8CFF;
  background-color: #fff; }

.el-badge__content.is-dot {
  width: 1vw;
  height: 2vh;
  border: none; }

.InterviewHomepage1 {
  background: #F3F5FD;
  height: 100vh;
  overflow: hidden;
  background-image: url("/content/image/xljkImg/homeBg.png");
  background-size: cover;
  background-size: 100% 100%;
  box-sizing: border-box;
  position: relative;
  padding-top: 0; }
  .InterviewHomepage1 .dialog-footer {
    display: flex;
    justify-content: center;
    align-items: center; }
  .InterviewHomepage1 .homemainbox {
    padding: 0 6.25vw;
    box-sizing: border-box;
    height: calc(100vh - 72px); }
    .InterviewHomepage1 .homemainbox .right {
      display: flex;
      justify-content: flex-end;
      align-items: center; }
      .InterviewHomepage1 .homemainbox .right .avatar {
        width: 3.426vh;
        height: 3.426vh;
        margin-left: 1.458vw;
        margin-right: 0.677vw; }
      .InterviewHomepage1 .homemainbox .right .username {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 1.48vh;
        color: #FFFFFF;
        line-height: 2.037vh;
        text-align: center;
        font-style: normal;
        margin-right: 1.458vw;
        cursor: pointer; }
    .InterviewHomepage1 .homemainbox .InterviewHomepageTop {
      display: flex;
      justify-content: space-between;
      height: 40.55vh;
      margin: 3.7vh 0 4.4vh 0; }
      .InterviewHomepage1 .homemainbox .InterviewHomepageTop .left {
        width: 43vw;
        height: 100%;
        background: rgba(255, 255, 255, 0.7);
        border-radius: 6px 6px 6px 6px; }
        .InterviewHomepage1 .homemainbox .InterviewHomepageTop .left .header {
          cursor: pointer;
          display: flex;
          justify-content: center;
          align-items: center;
          position: relative;
          font-family: DingTalk JinBuTi, DingTalk JinBuTi;
          font-weight: 400;
          font-size: 24px;
          color: #3662EC;
          line-height: 29px;
          letter-spacing: 1px;
          text-align: center;
          font-style: normal;
          text-transform: none; }
          .InterviewHomepage1 .homemainbox .InterviewHomepageTop .left .header img {
            width: 34.3%;
            height: 47px; }
          .InterviewHomepage1 .homemainbox .InterviewHomepageTop .left .header .title1 {
            position: absolute;
            top: 1vh;
            left: 4vw; }
          .InterviewHomepage1 .homemainbox .InterviewHomepageTop .left .header .title2 {
            position: absolute;
            top: 1vh;
            left: 18vw; }
          .InterviewHomepage1 .homemainbox .InterviewHomepageTop .left .header .title3 {
            position: absolute;
            top: 1vh;
            right: 4vw; }
          .InterviewHomepage1 .homemainbox .InterviewHomepageTop .left .header .midenimg {
            margin: 0 -0.5vw; }
        .InterviewHomepage1 .homemainbox .InterviewHomepageTop .left .leftbody {
          padding-right: 1vw;
          padding-left: 1vw;
          box-sizing: border-box;
          height: calc(40.5vh - 47px);
          overflow: auto;
          overflow-x: hidden; }
          .InterviewHomepage1 .homemainbox .InterviewHomepageTop .left .leftbody .item {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin-top: 36px; }
            .InterviewHomepage1 .homemainbox .InterviewHomepageTop .left .leftbody .item .itemleft {
              padding-right: 1vw;
              box-sizing: border-box;
              width: 16.75vw;
              text-align: center; }
              .InterviewHomepage1 .homemainbox .InterviewHomepageTop .left .leftbody .item .itemleft .number {
                font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
                font-weight: 600;
                font-size: 16px;
                color: #3D3D3D;
                line-height: 21px;
                margin-bottom: 3px; }
              .InterviewHomepage1 .homemainbox .InterviewHomepageTop .left .leftbody .item .itemleft .riqi {
                font-family: Source Han Sans, Source Han Sans;
                font-weight: 400;
                font-size: 16px;
                color: #3D3D3D;
                line-height: 23px; }
            .InterviewHomepage1 .homemainbox .InterviewHomepageTop .left .leftbody .item .itemmiddle {
              width: 0.9vw;
              height: 0.9vw;
              display: flex;
              justify-content: center;
              align-items: center;
              margin-right: 1.7vw; }
              .InterviewHomepage1 .homemainbox .InterviewHomepageTop .left .leftbody .item .itemmiddle img {
                width: 1.48vh;
                height: 1.48vh;
                z-index: 999; }
            .InterviewHomepage1 .homemainbox .InterviewHomepageTop .left .leftbody .item .itemright {
              width: 52.3vw;
              height: 59px;
              background: linear-gradient(90deg, #A3D0FF 0%, #C5DCFF 100%), #D8D8D8;
              border-radius: 100px 100px 100px 100px;
              padding: 0 2vw;
              position: relative;
              display: flex;
              justify-content: space-between;
              align-items: center; }
              .InterviewHomepage1 .homemainbox .InterviewHomepageTop .left .leftbody .item .itemright .zlmcbox {
                font-family: DingTalk JinBuTi, DingTalk JinBuTi;
                font-weight: 400;
                font-size: 16px;
                color: #383838;
                line-height: 28px; }
              .InterviewHomepage1 .homemainbox .InterviewHomepageTop .left .leftbody .item .itemright .caozuo {
                font-family: Source Han Sans, Source Han Sans;
                font-weight: 400;
                font-size: 16px;
                color: #3662EC;
                line-height: 23px;
                width: 60px;
                margin-left: 0.5vw; }
              .InterviewHomepage1 .homemainbox .InterviewHomepageTop .left .leftbody .item .itemright .shuxian {
                width: 1px;
                height: 35px;
                border-right: 2px dashed #3662EC;
                position: absolute;
                left: -2.3vw; }
              .InterviewHomepage1 .homemainbox .InterviewHomepageTop .left .leftbody .item .itemright .upshuxian {
                top: -22px; }
              .InterviewHomepage1 .homemainbox .InterviewHomepageTop .left .leftbody .item .itemright .downshuxian {
                bottom: -22px; }
      .InterviewHomepage1 .homemainbox .InterviewHomepageTop .right111 {
        width: 100%;
        background: url("/content/image/xljkImg/homerightback.png");
        background-size: 100% 100%;
        border-radius: 6px 6px 6px 6px; }
        .InterviewHomepage1 .homemainbox .InterviewHomepageTop .right111 .huanyinci {
          font-family: DingTalk JinBuTi, DingTalk JinBuTi;
          font-weight: 400;
          font-size: 37px;
          line-height: 37px;
          background: -webkit-linear-gradient(45deg, #3662EC, #12BCFF);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent; }
      .InterviewHomepage1 .homemainbox .InterviewHomepageTop .InterviewHomepageTopLeft .InterviewHomepageTopLeftTitle {
        font-family: PingFangSC, PingFang SC;
        font-size: 2.8vw;
        color: #232427;
        text-align: left;
        font-style: normal;
        margin-top: 8vh; }
      .InterviewHomepage1 .homemainbox .InterviewHomepageTop .InterviewHomepageTopLeft .huanyinci {
        font-family: PingFangSC, PingFang SC;
        font-size: 2.0vw;
        color: #232427;
        text-align: left;
        font-style: normal;
        margin-top: 1vh;
        margin-left: 7vw; }
      .InterviewHomepage1 .homemainbox .InterviewHomepageTop .InterviewHomepageTopLeft .InterviewHomepageTopLeftTag {
        display: flex;
        margin-top: 4vh; }
        .InterviewHomepage1 .homemainbox .InterviewHomepageTop .InterviewHomepageTopLeft .InterviewHomepageTopLeftTag .InterviewHomepageTopLeftTags {
          margin-left: 1vw;
          text-align: center;
          width: 16vw;
          height: 5vh;
          line-height: 5vh;
          background: #fff;
          border-radius: 2vw;
          font-family: PingFangSC, PingFang SC;
          font-weight: 400;
          font-size: 1vw;
          color: #4E5969;
          font-style: normal; }
      .InterviewHomepage1 .homemainbox .InterviewHomepageTop .InterviewHomepageTopRight .InterviewHomepageImg {
        margin-right: 10vw;
        width: 18vw; }
        .InterviewHomepage1 .homemainbox .InterviewHomepageTop .InterviewHomepageTopRight .InterviewHomepageImg img {
          width: 51.2vh;
          height: 42.5vh; }
    .InterviewHomepage1 .homemainbox .listbox {
      margin-top: 5.1vh;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .InterviewHomepage1 .homemainbox .listbox .itemm {
        overflow: hidden;
        position: relative;
        cursor: pointer;
        width: 16vw;
        height: 31.48vh;
        border-radius: 16px;
        padding: 2.77vh;
        box-sizing: border-box; }
        .InterviewHomepage1 .homemainbox .listbox .itemm .imgg {
          width: 11.11vh;
          height: 11.11vh; }
        .InterviewHomepage1 .homemainbox .listbox .itemm .titlesbox {
          font-family: PingFangSC, PingFang SC;
          font-weight: 600;
          font-size: 3.4vh;
          color: #FFFFFF;
          line-height: 3.7vh;
          text-align: left;
          font-style: normal;
          margin-top: 1.85vh;
          margin-bottom: 1.388vh; }
        .InterviewHomepage1 .homemainbox .listbox .itemm .descriptionbox {
          font-family: PingFangSC, PingFang SC;
          font-weight: 400;
          font-size: 1vw;
          color: #FFFFFF;
          line-height: 3.055vh;
          text-align: justify;
          font-style: normal; }
    .InterviewHomepage1 .homemainbox .box1 {
      background: radial-gradient(0% 100% at 0% 0%, #00B8CD 0%, #1DE0C3 100%); }
    .InterviewHomepage1 .homemainbox .listbox1 {
      margin-top: 5.1vh;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap; }
      .InterviewHomepage1 .homemainbox .listbox1 .HomepageBottomBox {
        overflow: hidden;
        position: relative;
        cursor: pointer;
        display: flex;
        margin-top: 3vh;
        width: 30vw;
        height: 18vh;
        border-radius: 16px; }
        .InterviewHomepage1 .homemainbox .listbox1 .HomepageBottomBox .HomepageBottomBoxLeft {
          padding: 2vh 1vw;
          width: 7vw;
          height: 14vh; }
          .InterviewHomepage1 .homemainbox .listbox1 .HomepageBottomBox .HomepageBottomBoxLeft img {
            width: 100%;
            height: 100%; }
        .InterviewHomepage1 .homemainbox .listbox1 .HomepageBottomBox .HomepageBottomBoxRight .HomepageBottomBoxRightTop {
          margin-top: 4vh;
          font-family: PingFangSC, PingFang SC;
          font-size: 2vw;
          color: #FFFFFF;
          text-align: left;
          font-style: normal;
          line-height: 6vh; }
        .InterviewHomepage1 .homemainbox .listbox1 .HomepageBottomBox .HomepageBottomBoxRight .HomepageBottomBoxRightBottom {
          font-family: PingFangSC, PingFang SC;
          font-weight: 400;
          font-size: 1vw;
          color: #FFFFFF;
          font-style: normal;
          width: 10vw; }
      .InterviewHomepage1 .homemainbox .listbox1 .itemm1 {
        cursor: pointer;
        width: 16vw;
        height: 20vh;
        border-radius: 16px;
        padding: 2.77vh;
        box-sizing: border-box;
        margin-top: 2vh;
        display: flex;
        justify-content: flex-start;
        align-items: center; }
        .InterviewHomepage1 .homemainbox .listbox1 .itemm1 .imgg {
          width: 8.11vh;
          height: 15.11vh; }
        .InterviewHomepage1 .homemainbox .listbox1 .itemm1 .right .titlesbox {
          font-family: PingFangSC, PingFang SC;
          font-weight: 600;
          font-size: 2.4vh;
          color: #FFFFFF;
          line-height: 2.4vh;
          text-align: left;
          font-style: normal;
          margin-top: 1.85vh;
          margin-bottom: 1.388vh; }
        .InterviewHomepage1 .homemainbox .listbox1 .itemm1 .right .descriptionbox {
          font-family: PingFangSC, PingFang SC;
          font-weight: 400;
          font-size: 1vw;
          color: #FFFFFF;
          line-height: 3.055vh;
          text-align: justify;
          font-style: normal; }

.XDyyft {
  background: #F4F9FD;
  min-height: 100vh; }
  .XDyyft .maincontent {
    padding: 2.778vh 1.562vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    .XDyyft .maincontent .left {
      width: 28vw;
      height: 83.3vh;
      background: #FFFFFF;
      margin-right: 1.042vw;
      box-sizing: border-box;
      border-radius: 24px;
      padding: 2.778vh 1.562vw; }
      .XDyyft .maincontent .left .titlebox {
        display: flex;
        justify-content: flex-start;
        align-items: center; }
        .XDyyft .maincontent .left .titlebox .imgg {
          width: 3.51vh;
          height: 3.51vh;
          margin-right: 0.521vw; }
        .XDyyft .maincontent .left .titlebox .title {
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 2.222vh;
          color: #3F8CFF;
          line-height: 2.222vh;
          text-align: left;
          font-style: normal; }
      .XDyyft .maincontent .left .el-calendar-table .is-today {
        color: #fff;
        background: #3F8CFF;
        border-radius: 14px; }
      .XDyyft .maincontent .left .el-calendar-table td {
        border: none; }
        .XDyyft .maincontent .left .el-calendar-table td .el-calendar-day {
          width: 4.72vh;
          height: 4.72vh;
          display: flex;
          justify-content: center;
          align-items: center; }
    .XDyyft .maincontent .right {
      width: 67.7vw;
      height: 83.3vh;
      background: #FFFFFF;
      border-radius: 24px;
      padding: 2.778vh 1.562vw;
      box-sizing: border-box; }
      .XDyyft .maincontent .right .tabboxs {
        width: 20vw;
        height: 3.7vh;
        background: #F4F9FD;
        border-radius: 10px;
        display: flex;
        justify-content: space-around;
        align-items: center; }
        .XDyyft .maincontent .right .tabboxs .tabitem {
          width: 6.5vw;
          height: 2.96vh;
          border-radius: 6px;
          display: flex;
          justify-content: center;
          align-items: center;
          font-family: PingFangSC, PingFang SC;
          font-weight: 400;
          font-size: 1.48vh;
          color: #333333;
          text-align: right;
          font-style: normal;
          cursor: pointer; }
        .XDyyft .maincontent .right .tabboxs .active {
          background: #3F8CFF;
          color: #fff; }
      .XDyyft .maincontent .right .cardbox {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-right: -1.56vw; }
        .XDyyft .maincontent .right .cardbox .cardItem {
          display: flex;
          justify-content: space-between;
          align-items: center;
          width: 31.5vw;
          height: 20.37vh;
          background: #F4F9FD;
          border-radius: 12px;
          padding: 1.85vh 1.04vw;
          box-sizing: border-box;
          margin-right: 1.56vw;
          margin-top: 1.778vh; }
          .XDyyft .maincontent .right .cardbox .cardItem .imgg {
            width: 7.29vw;
            height: 16.667vh;
            margin-right: 1.04vw; }
          .XDyyft .maincontent .right .cardbox .cardItem .right1 .up {
            display: flex;
            align-items: flex-start;
            justify-content: flex-start; }
            .XDyyft .maincontent .right .cardbox .cardItem .right1 .up .upleft .namebox {
              display: flex;
              justify-content: flex-start;
              align-items: center; }
              .XDyyft .maincontent .right .cardbox .cardItem .right1 .up .upleft .namebox .name {
                font-family: PingFangSC, PingFang SC;
                font-weight: 400;
                font-size: 1.48vh;
                color: #0A1629;
                line-height: 2.22vh;
                text-align: left;
                font-style: normal;
                margin-right: 0.521vw; }
            .XDyyft .maincontent .right .cardbox .cardItem .right1 .up .upleft .tips {
              font-family: PingFangSC, PingFang SC;
              font-weight: 400;
              font-size: 1.3vh;
              color: #91929E;
              line-height: 1.85vh;
              text-align: left;
              font-style: normal; }
            .XDyyft .maincontent .right .cardbox .cardItem .right1 .up .upright {
              margin-left: 1.718vw; }
          .XDyyft .maincontent .right .cardbox .cardItem .right1 .down {
            display: flex;
            justify-content: space-between;
            align-items: center; }
            .XDyyft .maincontent .right .cardbox .cardItem .right1 .down .downleft .hang {
              display: flex;
              justify-content: flex-start;
              align-items: center;
              margin-top: 0.9259vh; }
              .XDyyft .maincontent .right .cardbox .cardItem .right1 .down .downleft .hang img {
                width: 2.222vh;
                height: 2.222vh;
                margin-right: 0.521vw; }
              .XDyyft .maincontent .right .cardbox .cardItem .right1 .down .downleft .hang p {
                font-family: PingFangSC, PingFang SC;
                font-weight: 300;
                font-size: 1.111vh;
                color: #A0A2D1;
                line-height: 1.574vh;
                text-align: left;
                font-style: normal; }
                .XDyyft .maincontent .right .cardbox .cardItem .right1 .down .downleft .hang p .dianhua {
                  font-family: PingFangSC, PingFang SC;
                  font-weight: 400;
                  font-size: 1.111vh;
                  color: #151861;
                  line-height: 1.574vh;
                  text-align: left;
                  font-style: normal; }
      .XDyyft .maincontent .right .fenye {
        text-align: center;
        margin-top: 1.778vh; }

@charset "UTF-8";
.ftlist {
  position: relative;
  background: #F3F5FD;
  min-height: calc(100vh);
  box-sizing: border-box; }
  .ftlist .isNone {
    margin: auto;
    margin-top: 10vh; }
    .ftlist .isNone .isNoneBoxImg {
      width: 20vw;
      height: 40vh; }
      .ftlist .isNone .isNoneBoxImg img {
        width: 100%;
        height: 100%; }
    .ftlist .isNone .isNoneBoxInfo {
      color: #595B63;
      font-size: 2vw;
      text-align: center; }
  .ftlist .interviewInfoLSback {
    position: absolute;
    left: 10px;
    top: 10px;
    cursor: pointer; }
  .ftlist .bottomButton.disabled {
    background-color: #f0f0f0;
    /* 禁用状态下的背景色 */
    color: #a0a0a0;
    /* 禁用状态下的文本颜色 */
    cursor: not-allowed;
    /* 禁用状态下的光标样式 */ }
  .ftlist .interviewLScard {
    width: 100%;
    min-height: 100%;
    border-radius: .6vw;
    padding: 3vh 1vw;
    box-sizing: border-box; }
    .ftlist .interviewLScard .interviewLScardList {
      margin-top: 1vh;
      display: flex;
      flex-wrap: wrap; }
      .ftlist .interviewLScard .interviewLScardList .interviewLScardListItem {
        padding: 2vh 1vw;
        box-sizing: border-box;
        width: 46.5vw;
        background: #fff;
        border-radius: .6vw;
        margin: 0 .5vw;
        margin-top: 2vh; }
        .ftlist .interviewLScard .interviewLScardList .interviewLScardListItem .topInfo {
          display: flex;
          box-sizing: border-box; }
          .ftlist .interviewLScard .interviewLScardList .interviewLScardListItem .topInfo .topInfoHeader {
            width: 9vw;
            height: 18vh; }
            .ftlist .interviewLScard .interviewLScardList .interviewLScardListItem .topInfo .topInfoHeader img {
              width: 100%;
              height: 100%; }
          .ftlist .interviewLScard .interviewLScardList .interviewLScardListItem .topInfo .topInfoName {
            margin-left: 1vw; }
            .ftlist .interviewLScard .interviewLScardList .interviewLScardListItem .topInfo .topInfoName .topInfoNameT {
              line-height: 4vh;
              font-size: 1.2vw; }
            .ftlist .interviewLScard .interviewLScardList .interviewLScardListItem .topInfo .topInfoName .topInfoNameB {
              margin-top: 1vh;
              color: #4E5969; }
            .ftlist .interviewLScard .interviewLScardList .interviewLScardListItem .topInfo .topInfoName .bottomButton {
              margin-top: 4vh;
              width: 6vw;
              height: 4vh;
              border-radius: 1vw;
              line-height: 4vh;
              text-align: center;
              cursor: pointer;
              color: #fff;
              background: linear-gradient(270deg, #5AA1FD 0%, #3B83FA 100%); }

@charset "UTF-8";
.XDyuyuebox {
  background: #F4F9FD;
  min-height: 100vh; }
  .XDyuyuebox .aactive {
    border: 1px solid #3F8CFF; }
  .XDyuyuebox .cardbox1 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    .XDyuyuebox .cardbox1 .img1 {
      width: 100px; }
  .XDyuyuebox .maincontent {
    padding: 2.778vh 1.562vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    .XDyuyuebox .maincontent .left {
      width: 28.125vw;
      min-height: 83.3vh;
      background: #FFFFFF;
      margin-right: 1.042vw;
      box-sizing: border-box;
      border-radius: 24px;
      padding: 2.778vh 1.562vw; }
      .XDyuyuebox .maincontent .left .titlebox {
        display: flex;
        justify-content: flex-start;
        align-items: center; }
        .XDyuyuebox .maincontent .left .titlebox .imgg {
          width: 3.51vh;
          height: 3.51vh;
          margin-right: 0.521vw; }
        .XDyuyuebox .maincontent .left .titlebox .title {
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 2.222vh;
          color: #3F8CFF;
          line-height: 2.222vh;
          text-align: left;
          font-style: normal; }
      .XDyuyuebox .maincontent .left .teacherItem {
        width: 25vw;
        height: 8.3vh;
        background: #F4F9FD;
        border-radius: 12px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 0 1.56vw;
        box-sizing: border-box;
        margin-top: 1.85vh;
        cursor: pointer; }
        .XDyuyuebox .maincontent .left .teacherItem .imgg {
          margin-right: 0.52vw; }
        .XDyuyuebox .maincontent .left .teacherItem .right12 .name {
          font-family: PingFangSC, PingFang SC;
          font-weight: 400;
          font-size: 1.48vh;
          color: #0A1629;
          line-height: 2.222vh;
          text-align: left;
          font-style: normal; }
        .XDyuyuebox .maincontent .left .teacherItem .right12 .description {
          font-family: PingFangSC, PingFang SC;
          font-weight: 400;
          font-size: 1.48vh;
          color: #91929E;
          line-height: 1.85vh;
          font-style: normal; }
    .XDyuyuebox .maincontent .rightS {
      width: 67.7vw;
      min-height: 83.3vh;
      background: #FFFFFF;
      border-radius: 24px;
      padding: 2.778vh 1.562vw;
      box-sizing: border-box; }
      .XDyuyuebox .maincontent .rightS .cardItem {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        height: 20.37vh;
        background: #F4F9FD;
        border-radius: 12px;
        padding: 1.85vh 1.04vw;
        box-sizing: border-box;
        margin-right: 1.56vw;
        margin-top: 1.778vh; }
        .XDyuyuebox .maincontent .rightS .cardItem .imgg {
          width: 7.29vw;
          height: 16.667vh;
          margin-right: 1.04vw; }
        .XDyuyuebox .maincontent .rightS .cardItem .right1 .up {
          display: flex;
          align-items: flex-start;
          justify-content: flex-start; }
          .XDyuyuebox .maincontent .rightS .cardItem .right1 .up .upleft .namebox {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin-bottom: 1.5vh; }
            .XDyuyuebox .maincontent .rightS .cardItem .right1 .up .upleft .namebox .name {
              font-family: PingFangSC, PingFang SC;
              font-weight: 400;
              font-size: 1.6vh;
              color: #0A1629;
              line-height: 2.22vh;
              text-align: left;
              font-style: normal;
              margin-right: 0.521vw; }
          .XDyuyuebox .maincontent .rightS .cardItem .right1 .up .upleft .tips {
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            font-size: 1.48vh;
            color: #91929E;
            line-height: 1.85vh;
            text-align: left;
            font-style: normal; }
          .XDyuyuebox .maincontent .rightS .cardItem .right1 .up .upright {
            margin-left: 1.718vw; }
        .XDyuyuebox .maincontent .rightS .cardItem .right1 .down {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .XDyuyuebox .maincontent .rightS .cardItem .right1 .down .downleft {
            margin-right: 9.3vw; }
            .XDyuyuebox .maincontent .rightS .cardItem .right1 .down .downleft .hang {
              display: flex;
              justify-content: flex-start;
              align-items: center;
              margin-top: 0.9259vh; }
              .XDyuyuebox .maincontent .rightS .cardItem .right1 .down .downleft .hang img {
                width: 2.222vh;
                height: 2.222vh;
                margin-right: 0.521vw; }
              .XDyuyuebox .maincontent .rightS .cardItem .right1 .down .downleft .hang p {
                font-family: PingFangSC, PingFang SC;
                font-weight: 300;
                font-size: 1.5vh;
                color: #A0A2D1;
                line-height: 1.574vh;
                text-align: left;
                font-style: normal; }
                .XDyuyuebox .maincontent .rightS .cardItem .right1 .down .downleft .hang p .dianhua {
                  font-family: PingFangSC, PingFang SC;
                  font-weight: 400;
                  font-size: 1.5vh;
                  color: #151861;
                  line-height: 1.574vh;
                  text-align: left;
                  font-style: normal; }
      .XDyuyuebox .maincontent .rightS .title {
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        font-size: 1.6vh;
        color: #434B5B;
        line-height: 1.6vh;
        font-style: normal;
        margin-top: 2.778vh;
        margin-bottom: 1.85vh; }
      .XDyuyuebox .maincontent .rightS .selectbox {
        display: flex;
        justify-content: flex-start;
        align-items: center; }
        .XDyuyuebox .maincontent .rightS .selectbox .label {
          margin-right: 1vw; }
        .XDyuyuebox .maincontent .rightS .selectbox .selctItembox {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          margin-right: 1vw; }
      .XDyuyuebox .maincontent .rightS .imgg {
        width: 2.29vw;
        height: 2.29vw;
        margin-right: 0.5vw; }
      .XDyuyuebox .maincontent .rightS .is-bordered {
        width: 11vw;
        height: 7.4vh;
        background: #F4F9FD;
        border-radius: 12px;
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
        align-items: center;
        margin-left: 0px; }
      .XDyuyuebox .maincontent .rightS .xueshengItembox {
        display: flex;
        justify-content: flex-start;
        align-items: center; }
      .XDyuyuebox .maincontent .rightS .el-checkbox__input {
        order: 2;
        /* 调整复选框的位置 */ }
      .XDyuyuebox .maincontent .rightS .el-checkbox__label {
        order: 1;
        /* 调整标签的位置 */
        margin-right: 10px;
        /* 可以根据需要调整标签与复选框之间的间距 */ }
      .XDyuyuebox .maincontent .rightS .el-checkbox-group {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap; }
      .XDyuyuebox .maincontent .rightS .chakangengduo {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 1.48vh;
        color: #3F8CFF;
        line-height: 1.48vh;
        text-align: center;
        font-style: normal;
        cursor: pointer;
        margin: 1vh; }

.ftzsls {
  background: #F3F5FD;
  min-height: calc(100vh);
  padding: 2vh 1vw;
  box-sizing: border-box; }
  .ftzsls .interviewLScard {
    width: 100%;
    min-height: 100%;
    border-radius: .6vw;
    padding: 3vh 1vw;
    box-sizing: border-box; }
    .ftzsls .interviewLScard .interviewLScardList {
      margin-top: 1vh;
      display: flex;
      flex-wrap: wrap; }
      .ftzsls .interviewLScard .interviewLScardList .interviewLScardListItem {
        padding: 2vh 1vw;
        box-sizing: border-box;
        width: 80vw;
        background: #fff;
        border-radius: .6vw;
        margin: 0 auto;
        margin-top: 2vh; }
        .ftzsls .interviewLScard .interviewLScardList .interviewLScardListItem .topInfo {
          display: flex;
          box-sizing: border-box;
          justify-content: space-between; }
          .ftzsls .interviewLScard .interviewLScardList .interviewLScardListItem .topInfo .topInfoHeader {
            width: 6vw;
            height: 14vh; }
            .ftzsls .interviewLScard .interviewLScardList .interviewLScardListItem .topInfo .topInfoHeader img {
              width: 100%;
              height: 100%; }
          .ftzsls .interviewLScard .interviewLScardList .interviewLScardListItem .topInfo .topInfoName {
            margin-left: 3vw; }
            .ftzsls .interviewLScard .interviewLScardList .interviewLScardListItem .topInfo .topInfoName .topInfoNameT {
              margin-top: 2vh;
              line-height: 4vh;
              font-size: 1.2vw; }
            .ftzsls .interviewLScard .interviewLScardList .interviewLScardListItem .topInfo .topInfoName .topInfoNameB {
              margin-top: 2vh;
              color: #4E5969; }
          .ftzsls .interviewLScard .interviewLScardList .interviewLScardListItem .topInfo .bottomButton {
            margin: 0 1vw;
            margin-top: 5vh;
            width: 6vw;
            height: 4vh;
            border-radius: 1vw;
            line-height: 4vh;
            text-align: center;
            cursor: pointer;
            color: #fff;
            background: linear-gradient(270deg, #5AA1FD 0%, #3B83FA 100%); }
          .ftzsls .interviewLScard .interviewLScardList .interviewLScardListItem .topInfo .bottomButtons {
            margin: 0 1vw;
            margin-top: 5vh;
            width: 6vw;
            height: 4vh;
            border-radius: 1vw;
            line-height: 4vh;
            text-align: center;
            cursor: pointer;
            color: #2C8BF2;
            border: 1px solid #2C8BF2;
            background: #fff; }

.ftyysz {
  background: #F3F5FD;
  min-height: calc(100vh);
  padding: 2vh 1vw;
  box-sizing: border-box; }
  .ftyysz .interviewLScard {
    width: 80%;
    margin: 0 auto;
    min-height: 100%;
    border-radius: .6vw;
    padding: 3vh 1vw;
    box-sizing: border-box;
    background: #fff; }

.mydialog .buttbox {
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  .mydialog .buttbox .butt {
    margin-left: 0.521vw; }

.mydialog .fenye {
  margin-top: 8.8vh;
  text-align: center; }

.mydialog .el-dialog__header {
  background: #F3F7FF;
  border-radius: 24px 24px 0px 0px; }

.mydialog .el-dialog {
  border-radius: 24px;
  margin-top: 15vh !important; }

.mydialog .jindubox {
  display: flex;
  justify-content: flex-start;
  align-items: center; }
  .mydialog .jindubox .total {
    width: calc(100% - 80px);
    height: 0.55vh;
    background: rgba(0, 0, 0, 0.04); }
    .mydialog .jindubox .total .done {
      height: 100%;
      border-radius: 8px; }

.ftyyxg {
  background: #F3F5FD;
  min-height: calc(100vh);
  padding: 2vh 1vw;
  box-sizing: border-box; }
  .ftyyxg .interviewLScard {
    width: 80%;
    margin: 0 auto;
    min-height: 40vh;
    border-radius: .6vw;
    padding: 3vh 1vw;
    box-sizing: border-box;
    background: #fff; }
    .ftyyxg .interviewLScard .interviewLScardInfo {
      display: flex;
      min-width: 20vw;
      margin-top: 2vh;
      margin-left: 1vw; }
      .ftyyxg .interviewLScard .interviewLScardInfo .interviewLScardInfot {
        color: #4E5969;
        font-size: 1vw; }
      .ftyyxg .interviewLScard .interviewLScardInfo .interviewLScardInfoi {
        color: #232427;
        font-size: 1vw; }

@charset "UTF-8";
.flex {
  display: flex; }

.flex-1 {
  flex: 1; }

.fr {
  float: right; }

.main-body {
  padding-top: 20px; }

.schedule {
  display: flex;
  flex-direction: column;
  margin: 10px;
  padding: 0 1em;
  height: 60vh;
  background: #fff;
  border-radius: 8px;
  box-shadow: 1px 2px 4px 0px; }
  .schedule p {
    margin: 0; }
  .schedule * {
    box-sizing: border-box; }
  .schedule .schedule-header {
    line-height: 40px;
    justify-content: space-between;
    border-bottom: 1px solid #e9ebef; }
    .schedule .schedule-header .el-button {
      padding: 0; }
  .schedule .schedule-top {
    position: relative;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    .schedule .schedule-top .el-button.el-button--text {
      margin: 0 1em;
      font-size: 20px;
      margin-top: -4px;
      color: #a1a3a5; }
    .schedule .schedule-top .schedule-picker {
      position: absolute;
      display: flex;
      left: 50%;
      top: 5px;
      width: 300px;
      transform: translateX(-50%); }
      .schedule .schedule-top .schedule-picker .el-date-editor {
        width: 160px; }
        .schedule .schedule-top .schedule-picker .el-date-editor .el-input__inner {
          border: 0;
          padding-right: 0;
          font-size: 24px;
          text-align: center;
          font-family: Impact, sans-serif; }
        .schedule .schedule-top .schedule-picker .el-date-editor .el-input__prefix {
          font-size: 24px; }
        .schedule .schedule-top .schedule-picker .el-date-editor .el-input__suffix-inner {
          display: none !important; }
    .schedule .schedule-top .risk {
      margin-left: 1em; }
      .schedule .schedule-top .risk:before {
        width: 8px;
        height: 8px;
        margin-right: 8px;
        border-radius: 4px;
        display: inline-block;
        content: ''; }
      .schedule .schedule-top .risk.not-risk:before {
        background: #36c9d8; }
      .schedule .schedule-top .risk.normal-risk:before {
        background: #2f8ceb; }
      .schedule .schedule-top .risk.high-risk:before {
        background: #f7803d; }
  .schedule .schedule-grid {
    display: flex;
    flex-direction: column;
    --column-max-width: 300px;
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden; }
    .schedule .schedule-grid .bg-grey {
      font-size: 18px;
      line-height: 48px;
      text-align: center;
      background: #f3f5fb;
      letter-spacing: 2rem;
      font-weight: bold;
      color: #666; }
    .schedule .schedule-grid .schedule-grid__header {
      border: 1px solid #e9ebef;
      border-bottom: 0;
      border-right: 0;
      box-sizing: border-box; }
      .schedule .schedule-grid .schedule-grid__header .schedule-grid__label {
        flex: 1;
        line-height: 24px;
        max-width: var(--column-max-width);
        padding: 6px;
        box-sizing: border-box;
        border-right: 1px solid #e9ebef;
        text-align: center; }
        .schedule .schedule-grid .schedule-grid__header .schedule-grid__label:first-child {
          display: flex;
          align-items: center;
          justify-content: center; }
        .schedule .schedule-grid .schedule-grid__header .schedule-grid__label span {
          display: block; }
        .schedule .schedule-grid .schedule-grid__header .schedule-grid__label .week-name {
          font-size: 15px;
          line-height: 2;
          color: #74767a; }
        .schedule .schedule-grid .schedule-grid__header .schedule-grid__label .week-date {
          margin-bottom: 4px;
          line-height: 1;
          font-size: 13px;
          color: #a1a3a5; }
    .schedule .schedule-grid .el-scrollbar {
      flex: 1; }
      .schedule .schedule-grid .el-scrollbar .el-scrollbar__wrap {
        overflow-x: hidden; }
    .schedule .schedule-grid .schedule-grid__body {
      flex: 1;
      width: 100%;
      border: 1px solid #e9ebef;
      border-right: 0;
      box-sizing: border-box; }
      .schedule .schedule-grid .schedule-grid__body .schedule-grid__body-top {
        border-bottom: 1px solid #e9ebef; }
      .schedule .schedule-grid .schedule-grid__body .schedule-grid__body-bottom {
        border-top: 1px solid #e9ebef; }
    .schedule .schedule-grid .schedule-grid__column {
      display: flex;
      flex-direction: column;
      flex: 1;
      max-width: var(--column-max-width);
      overflow: hidden;
      border-right: 1px solid #e9ebef;
      box-sizing: border-box; }
      .schedule .schedule-grid .schedule-grid__column .schedule-grid__item {
        flex: 1;
        height: 0;
        min-height: 80px;
        overflow: hidden;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        flex-wrap: wrap;
        position: relative;
        padding: 0 0 0 1em;
        border-bottom: 1px solid #e9ebef;
        text-align: left; }
        .schedule .schedule-grid .schedule-grid__column .schedule-grid__item:last-child {
          border-bottom: none; }
        .schedule .schedule-grid .schedule-grid__column .schedule-grid__item.time-stamp {
          padding-left: 0;
          display: flex;
          align-items: center;
          text-align: center;
          color: #74767a;
          font-size: 18px;
          font-family: Impact, sans-serif; }
        .schedule .schedule-grid .schedule-grid__column .schedule-grid__item:before {
          position: absolute;
          width: 3px;
          height: 100%;
          left: 0;
          top: 0;
          content: ''; }
        .schedule .schedule-grid .schedule-grid__column .schedule-grid__item.not-risk {
          background: #eafdfb; }
          .schedule .schedule-grid .schedule-grid__column .schedule-grid__item.not-risk:before {
            background: #2dcfda; }
        .schedule .schedule-grid .schedule-grid__column .schedule-grid__item.normal-risk {
          background: #e7f5ff; }
          .schedule .schedule-grid .schedule-grid__column .schedule-grid__item.normal-risk:before {
            background: #2f8ceb; }
        .schedule .schedule-grid .schedule-grid__column .schedule-grid__item.high-risk {
          background: #fff1f2; }
          .schedule .schedule-grid .schedule-grid__column .schedule-grid__item.high-risk:before {
            background: #fa3f3c; }
        .schedule .schedule-grid .schedule-grid__column .schedule-grid__item .grid__name {
          font-weight: 600;
          line-height: 2;
          width: 100%;
          text-align: inherit; }
          .schedule .schedule-grid .schedule-grid__column .schedule-grid__item .grid__name .high-risk-tag {
            margin-left: 4px;
            color: #fa3f3c;
            font-size: 14px;
            background: #ffdfdf;
            border-radius: 4px;
            padding: 3px 4px; }
            .schedule .schedule-grid .schedule-grid__column .schedule-grid__item .grid__name .high-risk-tag i {
              font-size: 16px;
              margin-right: 4px; }
        .schedule .schedule-grid .schedule-grid__column .schedule-grid__item .grid__info {
          line-height: 1.6;
          font-size: 13px;
          width: 100%;
          color: #707070;
          text-align: inherit; }
          .schedule .schedule-grid .schedule-grid__column .schedule-grid__item .grid__info i {
            margin-right: 4px; }
        .schedule .schedule-grid .schedule-grid__column .schedule-grid__item:last-child {
          border-bottom: none; }
        .schedule .schedule-grid .schedule-grid__column .schedule-grid__item .el-tag {
          margin-bottom: 10px; }
        .schedule .schedule-grid .schedule-grid__column .schedule-grid__item.time-stamp {
          /*line-height: 90px;*/
          line-height: 1;
          text-align: center; }
        .schedule .schedule-grid .schedule-grid__column .schedule-grid__item .check-btn {
          display: block;
          width: 100%;
          height: 100%; }

.schedule-popper h3 {
  margin: 0 0 10px 0;
  color: #494949;
  font-size: 20px; }

.schedule-popper .el-divider {
  margin: 8px 0; }

.schedule-popper .el-descriptions .el-descriptions-item__cell {
  padding-bottom: 4px;
  font-size: 15px; }

.schedule-popper .el-descriptions .el-descriptions-item__label {
  color: #a1a3a5;
  text-align: right; }
  .schedule-popper .el-descriptions .el-descriptions-item__label .has-colon::after {
    content: '：'; }

.schedule-popper .el-descriptions .el-descriptions-item__content {
  color: #a1a3a5; }

.schedule-popper .el-descriptions.interview-descriptions .el-descriptions-item__content {
  color: #494949; }

@charset "UTF-8";
.XDxuexiaoxxDialog1 .XDxuexiaoxxDialoginner {
  background: linear-gradient(180deg, rgba(35, 177, 255, 0.27) 0%, #e7f3ff 100%);
  padding-top: 3.1vh;
  padding-bottom: 5vh;
  min-height: 88.9vh;
  box-sizing: border-box; }
  .XDxuexiaoxxDialog1 .XDxuexiaoxxDialoginner .shangbaoStepbox {
    width: 80%;
    margin: 0 auto;
    background: #fff;
    border-radius: 24px;
    padding-bottom: 2vh; }
    .XDxuexiaoxxDialog1 .XDxuexiaoxxDialoginner .shangbaoStepbox .shangbaoheader {
      background: linear-gradient(#3B83FA 0%, #5FACFF 100%);
      height: 9.7vh;
      border-radius: 24px 24px 0px 0px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: PingFangSC, PingFang SC;
      font-weight: 600;
      font-size: 2.9vh;
      color: #FFFFFF;
      font-style: normal; }
    .XDxuexiaoxxDialog1 .XDxuexiaoxxDialoginner .shangbaoStepbox .stepbox {
      height: 7.4vh;
      background: #DCEDFF;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      margin-bottom: 2vh;
      cursor: pointer; }
      .XDxuexiaoxxDialog1 .XDxuexiaoxxDialoginner .shangbaoStepbox .stepbox .stepItem {
        width: 33.33%;
        height: 7.4vh;
        font-family: PingFangSC, PingFang SC;
        font-weight: 600;
        font-size: 2vh;
        font-style: normal;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #333333; }
        .XDxuexiaoxxDialog1 .XDxuexiaoxxDialoginner .shangbaoStepbox .stepbox .stepItem .itemleft {
          display: flex;
          justify-content: center;
          align-items: center;
          position: relative;
          width: 2.778vh;
          height: 3.15vh;
          margin-right: 0.5vw; }
          .XDxuexiaoxxDialog1 .XDxuexiaoxxDialoginner .shangbaoStepbox .stepbox .stepItem .itemleft img {
            width: 2.778vh;
            height: 3.15vh;
            top: 0;
            bottom: 0;
            position: absolute; }
      .XDxuexiaoxxDialog1 .XDxuexiaoxxDialoginner .shangbaoStepbox .stepbox .active {
        background: #FFFFFF;
        color: #3F8CFF;
        border-top-right-radius: 20px;
        /* 设置右上角的圆角为12px */
        border-top-left-radius: 20px;
        /* 设置右上角的圆角为12px */ }
    .XDxuexiaoxxDialog1 .XDxuexiaoxxDialoginner .shangbaoStepbox .formboxXDxuexiaoxxDialog {
      padding: 0 2vw;
      min-height: 50vh; }
      .XDxuexiaoxxDialog1 .XDxuexiaoxxDialoginner .shangbaoStepbox .formboxXDxuexiaoxxDialog .el-col-8 {
        height: 11vh; }
      .XDxuexiaoxxDialog1 .XDxuexiaoxxDialoginner .shangbaoStepbox .formboxXDxuexiaoxxDialog .el-select {
        width: 100%; }
      .XDxuexiaoxxDialog1 .XDxuexiaoxxDialoginner .shangbaoStepbox .formboxXDxuexiaoxxDialog .footerbox {
        display: flex;
        justify-content: center;
        align-items: center; }
        .XDxuexiaoxxDialog1 .XDxuexiaoxxDialoginner .shangbaoStepbox .formboxXDxuexiaoxxDialog .footerbox .butt {
          width: 15vw; }
      .XDxuexiaoxxDialog1 .XDxuexiaoxxDialoginner .shangbaoStepbox .formboxXDxuexiaoxxDialog .el-form {
        overflow-y: auto;
        overflow-x: hidden; }
      .XDxuexiaoxxDialog1 .XDxuexiaoxxDialoginner .shangbaoStepbox .formboxXDxuexiaoxxDialog .el-input-number {
        width: 100%; }
      .XDxuexiaoxxDialog1 .XDxuexiaoxxDialoginner .shangbaoStepbox .formboxXDxuexiaoxxDialog .el-date-editor.el-input, .XDxuexiaoxxDialog1 .XDxuexiaoxxDialoginner .shangbaoStepbox .formboxXDxuexiaoxxDialog .el-date-editor.el-input__inner {
        width: 100%; }

.XDxuexiaoxxDialog1 .buttbox {
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  .XDxuexiaoxxDialog1 .buttbox .butt {
    margin-left: 0.521vw; }

.XDxuexiaoxxDialog1 .innerDialog .el-dialog__header {
  background: #F3F7FF;
  border-radius: 24px 24px 0px 0px; }

.XDxuexiaoxxDialog1 .innerDialog .el-dialog {
  border-radius: 24px;
  margin-top: 15vh !important; }

.XDxuexiaoxxDialog1 .labeltex {
  margin-bottom: 1vh; }

.el-table__cell {
  color: #7D8592; }

th {
  color: #434B5B; }

.XDyuyue1 {
  background: #F4F9FD;
  min-height: 100vh; }
  .XDyuyue1 .maincontent {
    padding: 2.778vh 1.562vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    .XDyuyue1 .maincontent .left {
      width: 34.375vw;
      height: 83.3vh;
      background: #FFFFFF;
      margin-right: 1.042vw;
      box-sizing: border-box;
      border-radius: 24px;
      padding: 2.778vh 1.562vw; }
      .XDyuyue1 .maincontent .left .cardItem {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 31.5vw;
        height: 20.37vh;
        background: #F4F9FD;
        border-radius: 12px;
        padding: 1.85vh 1.04vw;
        box-sizing: border-box;
        margin-right: 1.56vw;
        margin-top: 1.778vh; }
        .XDyuyue1 .maincontent .left .cardItem .imgg {
          width: 7.29vw;
          height: 16.667vh;
          margin-right: 1.04vw; }
        .XDyuyue1 .maincontent .left .cardItem .right1 .up {
          display: flex;
          align-items: flex-start;
          justify-content: flex-start; }
          .XDyuyue1 .maincontent .left .cardItem .right1 .up .upleft .namebox {
            display: flex;
            justify-content: flex-start;
            align-items: center; }
            .XDyuyue1 .maincontent .left .cardItem .right1 .up .upleft .namebox .name {
              font-family: PingFangSC, PingFang SC;
              font-weight: 400;
              font-size: 1.48vh;
              color: #0A1629;
              line-height: 2.22vh;
              text-align: left;
              font-style: normal;
              margin-right: 0.521vw; }
          .XDyuyue1 .maincontent .left .cardItem .right1 .up .upleft .tips {
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            font-size: 1.3vh;
            color: #91929E;
            line-height: 1.85vh;
            text-align: left;
            font-style: normal; }
          .XDyuyue1 .maincontent .left .cardItem .right1 .up .upright {
            margin-left: 1.718vw; }
        .XDyuyue1 .maincontent .left .cardItem .right1 .down {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .XDyuyue1 .maincontent .left .cardItem .right1 .down .downleft .hang {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin-top: 0.9259vh; }
            .XDyuyue1 .maincontent .left .cardItem .right1 .down .downleft .hang img {
              width: 2.222vh;
              height: 2.222vh;
              margin-right: 0.521vw; }
            .XDyuyue1 .maincontent .left .cardItem .right1 .down .downleft .hang p {
              font-family: PingFangSC, PingFang SC;
              font-weight: 300;
              font-size: 1.111vh;
              color: #A0A2D1;
              line-height: 1.574vh;
              text-align: left;
              font-style: normal; }
              .XDyuyue1 .maincontent .left .cardItem .right1 .down .downleft .hang p .dianhua {
                font-family: PingFangSC, PingFang SC;
                font-weight: 400;
                font-size: 1.111vh;
                color: #151861;
                line-height: 1.574vh;
                text-align: left;
                font-style: normal; }
    .XDyuyue1 .maincontent .right {
      width: 61.458vw;
      height: 83.3vh;
      background: #FFFFFF;
      border-radius: 24px;
      padding: 2.778vh 1.562vw;
      box-sizing: border-box; }
      .XDyuyue1 .maincontent .right .titlebox {
        display: flex;
        justify-content: flex-start;
        align-items: center; }
        .XDyuyue1 .maincontent .right .titlebox .imgg {
          width: 3.51vh;
          height: 3.51vh;
          margin-right: 0.521vw; }
        .XDyuyue1 .maincontent .right .titlebox .title {
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 2.222vh;
          color: #3F8CFF;
          line-height: 2.222vh;
          text-align: left;
          font-style: normal; }

.ftkszb {
  background: linear-gradient(180deg, rgba(35, 177, 255, 0.27) 0%, rgba(231, 243, 255, 0) 100%);
  min-height: calc(100vh); }
  .ftkszb .interviewLScard {
    background: #fff;
    width: 70vw;
    margin: 0 auto;
    margin-top: 2vh;
    box-shadow: 0px 12px 34px 0px rgba(82, 146, 236, 0.08), inset 0px 2px 0px 0px #FFFFFF; }
    .ftkszb .interviewLScard .interviewLScardTitle {
      font-family: PingFangSC, PingFang SC;
      font-size: 1.5vw;
      color: #FFFFFF;
      line-height: 80px;
      text-align: center;
      font-style: normal;
      background: linear-gradient(0, #5FACFF 0%, #3B83FA 100%);
      height: 80px;
      width: 100%;
      border-radius: 16px 16px 0 0; }
    .ftkszb .interviewLScard .interviewLScardTime {
      margin-top: 2vh;
      font-size: 1vw;
      color: #999999; }
    .ftkszb .interviewLScard .interviewLScardList {
      margin-top: 4vh;
      display: flex; }
      .ftkszb .interviewLScard .interviewLScardList .interviewLScardLists {
        background: url("/content/image/xljkls/gbg.png");
        background-size: cover;
        margin-left: 2vw;
        width: 16vw;
        height: 18vh;
        border-radius: 8px;
        padding: 3vh 0 0 2vw;
        box-sizing: border-box; }
        .ftkszb .interviewLScard .interviewLScardList .interviewLScardLists .interviewLScardListst {
          font-family: PingFangSC, PingFang SC;
          font-size: 2vw;
          color: #fff;
          line-height: 56px;
          text-align: left;
          font-style: normal; }
        .ftkszb .interviewLScard .interviewLScardList .interviewLScardLists .interviewLScardListsb {
          font-family: PingFangSC, PingFang SC;
          font-size: 1vw;
          color: #fff;
          line-height: 30px;
          text-align: left;
          font-style: normal; }
      .ftkszb .interviewLScard .interviewLScardList .interviewLScardLists1 {
        background: url("/content/image/xljkls/bbg.png");
        background-size: cover; }
    .ftkszb .interviewLScard .list .lists {
      margin-top: 6vh;
      box-sizing: border-box;
      padding: 2vw;
      min-height: 12vh;
      background: linear-gradient(0, #F3FAFF 0%, #FFFFFD 100%);
      box-shadow: 0px 0px 11px 0px rgba(179, 221, 255, 0.19);
      border-radius: 24px;
      border: 1px solid #ABD5FF; }
      .ftkszb .interviewLScard .list .lists .listTitle {
        margin-top: -6vh;
        padding: .6vh .5vw;
        text-align: center;
        width: 7vw;
        background: #D6EAFF;
        border-radius: 25px;
        color: #2B4075;
        font-size: 1.2vw; }
      .ftkszb .interviewLScard .list .lists .listInfo {
        color: #5B6570;
        font-size: 1vw;
        margin-top: 3vh; }
        .ftkszb .interviewLScard .list .lists .listInfo p {
          line-height: 4vh; }
    .ftkszb .interviewLScard .interviewLScardT {
      margin-top: 4vh;
      font-family: PingFangSC, PingFang SC;
      font-weight: 600;
      font-size: 1vw;
      color: #232427;
      line-height: 34px;
      text-align: left;
      font-style: normal; }

@charset "UTF-8";
.flex {
  display: flex; }

.flex-1 {
  flex: 1; }

.fr {
  float: right; }

.main-body {
  padding-top: 20px; }

.schedule1 {
  display: flex;
  flex-direction: column;
  margin: 10px;
  padding: 0 1em;
  height: 60vh;
  background: #fff;
  border-radius: 8px; }
  .schedule1 p {
    margin: 0; }
  .schedule1 * {
    box-sizing: border-box; }
  .schedule1 .schedule-header {
    line-height: 40px;
    justify-content: space-between;
    border-bottom: 1px solid #e9ebef; }
    .schedule1 .schedule-header .el-button {
      padding: 0; }
  .schedule1 .schedule-top {
    position: relative;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    .schedule1 .schedule-top .el-button.el-button--text {
      margin: 0 1em;
      font-size: 20px;
      margin-top: -4px;
      color: #a1a3a5; }
    .schedule1 .schedule-top .schedule-picker {
      position: absolute;
      display: flex;
      left: 50%;
      top: 5px;
      width: 300px;
      transform: translateX(-50%); }
      .schedule1 .schedule-top .schedule-picker .el-date-editor {
        width: 160px; }
        .schedule1 .schedule-top .schedule-picker .el-date-editor .el-input__inner {
          border: 0;
          padding-right: 0;
          font-size: 24px;
          text-align: center;
          font-family: Impact, sans-serif; }
        .schedule1 .schedule-top .schedule-picker .el-date-editor .el-input__prefix {
          font-size: 24px; }
        .schedule1 .schedule-top .schedule-picker .el-date-editor .el-input__suffix-inner {
          display: none !important; }
    .schedule1 .schedule-top .risk {
      margin-left: 1em; }
      .schedule1 .schedule-top .risk:before {
        width: 8px;
        height: 8px;
        margin-right: 8px;
        border-radius: 4px;
        display: inline-block;
        content: ''; }
      .schedule1 .schedule-top .risk.not-risk:before {
        background: #36c9d8; }
      .schedule1 .schedule-top .risk.normal-risk:before {
        background: #2f8ceb; }
      .schedule1 .schedule-top .risk.high-risk:before {
        background: #f7803d; }
  .schedule1 .schedule-grid {
    display: flex;
    flex-direction: column;
    --column-max-width: 300px;
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden; }
    .schedule1 .schedule-grid .bg-grey {
      font-size: 18px;
      line-height: 48px;
      text-align: center;
      background: #f3f5fb;
      letter-spacing: 2rem;
      font-weight: bold;
      color: #666; }
    .schedule1 .schedule-grid .schedule-grid__header {
      border: 1px solid #e9ebef;
      border-bottom: 0;
      border-right: 0;
      box-sizing: border-box; }
      .schedule1 .schedule-grid .schedule-grid__header .schedule-grid__label {
        flex: 1;
        line-height: 24px;
        max-width: var(--column-max-width);
        padding: 6px;
        box-sizing: border-box;
        border-right: 1px solid #e9ebef;
        text-align: center; }
        .schedule1 .schedule-grid .schedule-grid__header .schedule-grid__label:first-child {
          display: flex;
          align-items: center;
          justify-content: center; }
        .schedule1 .schedule-grid .schedule-grid__header .schedule-grid__label span {
          display: block; }
        .schedule1 .schedule-grid .schedule-grid__header .schedule-grid__label .week-name {
          font-size: 15px;
          line-height: 2;
          color: #74767a; }
        .schedule1 .schedule-grid .schedule-grid__header .schedule-grid__label .week-date {
          margin-bottom: 4px;
          line-height: 1;
          font-size: 13px;
          color: #a1a3a5; }
    .schedule1 .schedule-grid .el-scrollbar {
      flex: 1; }
      .schedule1 .schedule-grid .el-scrollbar .el-scrollbar__wrap {
        overflow-x: hidden; }
    .schedule1 .schedule-grid .schedule-grid__body {
      flex: 1;
      width: 100%;
      border: 1px solid #e9ebef;
      border-right: 0;
      box-sizing: border-box; }
      .schedule1 .schedule-grid .schedule-grid__body .schedule-grid__body-top {
        border-bottom: 1px solid #e9ebef; }
      .schedule1 .schedule-grid .schedule-grid__body .schedule-grid__body-bottom {
        border-top: 1px solid #e9ebef; }
    .schedule1 .schedule-grid .schedule-grid__column {
      display: flex;
      flex-direction: column;
      flex: 1;
      max-width: var(--column-max-width);
      overflow: hidden;
      border-right: 1px solid #e9ebef;
      box-sizing: border-box; }
      .schedule1 .schedule-grid .schedule-grid__column .schedule-grid__item {
        flex: 1;
        height: 0;
        min-height: 80px;
        overflow: hidden;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        flex-wrap: wrap;
        position: relative;
        padding: 0 0 0 1em;
        border-bottom: 1px solid #e9ebef;
        text-align: left; }
        .schedule1 .schedule-grid .schedule-grid__column .schedule-grid__item:last-child {
          border-bottom: none; }
        .schedule1 .schedule-grid .schedule-grid__column .schedule-grid__item.time-stamp {
          padding-left: 0;
          display: flex;
          align-items: center;
          text-align: center;
          color: #74767a;
          font-size: 18px;
          font-family: Impact, sans-serif; }
        .schedule1 .schedule-grid .schedule-grid__column .schedule-grid__item:before {
          position: absolute;
          width: 3px;
          height: 100%;
          left: 0;
          top: 0;
          content: ''; }
        .schedule1 .schedule-grid .schedule-grid__column .schedule-grid__item.not-risk {
          background: #eafdfb; }
          .schedule1 .schedule-grid .schedule-grid__column .schedule-grid__item.not-risk:before {
            background: #2dcfda; }
        .schedule1 .schedule-grid .schedule-grid__column .schedule-grid__item.normal-risk {
          background: #e7f5ff; }
          .schedule1 .schedule-grid .schedule-grid__column .schedule-grid__item.normal-risk:before {
            background: #2f8ceb; }
        .schedule1 .schedule-grid .schedule-grid__column .schedule-grid__item.high-risk {
          background: #fff1f2; }
          .schedule1 .schedule-grid .schedule-grid__column .schedule-grid__item.high-risk:before {
            background: #fa3f3c; }
        .schedule1 .schedule-grid .schedule-grid__column .schedule-grid__item .grid__name {
          font-weight: 600;
          line-height: 2;
          width: 100%;
          text-align: inherit; }
          .schedule1 .schedule-grid .schedule-grid__column .schedule-grid__item .grid__name .high-risk-tag {
            margin-left: 4px;
            color: #fa3f3c;
            font-size: 14px;
            background: #ffdfdf;
            border-radius: 4px;
            padding: 3px 4px; }
            .schedule1 .schedule-grid .schedule-grid__column .schedule-grid__item .grid__name .high-risk-tag i {
              font-size: 16px;
              margin-right: 4px; }
        .schedule1 .schedule-grid .schedule-grid__column .schedule-grid__item .grid__info {
          line-height: 1.6;
          font-size: 13px;
          width: 100%;
          color: #707070;
          text-align: inherit; }
          .schedule1 .schedule-grid .schedule-grid__column .schedule-grid__item .grid__info i {
            margin-right: 4px; }
        .schedule1 .schedule-grid .schedule-grid__column .schedule-grid__item:last-child {
          border-bottom: none; }
        .schedule1 .schedule-grid .schedule-grid__column .schedule-grid__item .el-tag {
          margin-bottom: 10px; }
        .schedule1 .schedule-grid .schedule-grid__column .schedule-grid__item.time-stamp {
          /*line-height: 90px;*/
          line-height: 1;
          text-align: center; }
        .schedule1 .schedule-grid .schedule-grid__column .schedule-grid__item .check-btn {
          display: block;
          width: 100%;
          height: 100%; }

.schedule-popper h3 {
  margin: 0 0 10px 0;
  color: #494949;
  font-size: 20px; }

.schedule-popper .el-divider {
  margin: 8px 0; }

.schedule-popper .el-descriptions .el-descriptions-item__cell {
  padding-bottom: 4px;
  font-size: 15px; }

.schedule-popper .el-descriptions .el-descriptions-item__label {
  color: #a1a3a5;
  text-align: right; }
  .schedule-popper .el-descriptions .el-descriptions-item__label .has-colon::after {
    content: '：'; }

.schedule-popper .el-descriptions .el-descriptions-item__content {
  color: #a1a3a5; }

.schedule-popper .el-descriptions.interview-descriptions .el-descriptions-item__content {
  color: #494949; }

.mydialog .buttbox {
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  .mydialog .buttbox .butt {
    margin-left: 0.521vw; }

.mydialog .fenye {
  margin-top: 8.8vh;
  text-align: center; }

.mydialog .el-dialog__header {
  background: #F3F7FF;
  border-radius: 24px 24px 0px 0px; }

.mydialog .el-dialog {
  border-radius: 24px;
  margin-top: 15vh !important; }

.mydialog .jindubox {
  display: flex;
  justify-content: flex-start;
  align-items: center; }
  .mydialog .jindubox .total {
    width: calc(100% - 50px);
    height: 0.55vh;
    background: rgba(0, 0, 0, 0.04); }
    .mydialog .jindubox .total .done {
      height: 100%;
      border-radius: 8px; }

.XDjddc1 {
  background: #F4F9FD;
  min-height: 100vh; }
  .XDjddc1 .maincontent {
    padding: 2.778vh 12.5vw; }
    .XDjddc1 .maincontent .title {
      margin-top: 5.556vh;
      margin-bottom: 2.778vh;
      display: flex;
      justify-content: flex;
      align-items: center;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      font-size: 2.222vh;
      color: #3F8CFF;
      line-height: 2.222vh;
      text-align: left;
      font-style: normal; }
      .XDjddc1 .maincontent .title img {
        width: 3.518vh;
        height: 3.518vh; }
    .XDjddc1 .maincontent .itemboxq {
      display: flex;
      justify-content: center;
      align-items: center; }
      .XDjddc1 .maincontent .itemboxq .item {
        width: 23.95vw;
        height: 24vh;
        background: #FFFFFF;
        border-radius: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-right: 1.56vw;
        cursor: pointer; }
        .XDjddc1 .maincontent .itemboxq .item img {
          width: 8.14vh; }
        .XDjddc1 .maincontent .itemboxq .item .bjjingdu {
          margin: 1.85vh 0;
          font-family: PingFangSC, PingFang SC;
          font-weight: 600;
          font-size: 2.96vh;
          color: #333333;
          line-height: 2.96vh;
          font-style: normal; }
        .XDjddc1 .maincontent .itemboxq .item .tips {
          font-family: PingFangSC, PingFang SC;
          font-weight: 400;
          font-size: 2.222vh;
          color: #999999;
          line-height: 2.222vh;
          font-style: normal; }

.XDStujingduDialog .buttbox {
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  .XDStujingduDialog .buttbox .butt {
    margin-left: 0.521vw; }

.XDStujingduDialog .fenye {
  margin-top: 8.8vh;
  text-align: center; }

.XDStujingduDialog .dialogminbox {
  min-height: 50vh; }
  .XDStujingduDialog .dialogminbox .el-table__empty-block {
    height: 50vh !important; }

.XDStujingduDialog .innerDialog .el-dialog__header {
  background: #F3F7FF;
  border-radius: 24px 24px 0px 0px; }

.XDStujingduDialog .innerDialog .el-dialog {
  border-radius: 24px;
  margin-top: 15vh !important; }

.formbox .el-select {
  width: 100%; }

.ftxxkc {
  min-height: 100vh;
  position: relative;
  background: #E9EFF7; }
  .ftxxkc .interviewInfoLSback {
    position: absolute;
    left: 10px;
    top: 10px;
    cursor: pointer; }
  .ftxxkc .scheduleCard {
    min-height: 90vh;
    background: #FFFFFF;
    border-radius: 8px;
    margin-top: 10px;
    padding: 2vh 2vw; }
    .ftxxkc .scheduleCard .scheduleCardList {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
    .ftxxkc .scheduleCard .scheduleCardLists {
      display: flex;
      background: #F4F9FD;
      border-radius: .8vw;
      margin-bottom: 2vh;
      width: 46vw;
      height: 24vh;
      padding: 1vw;
      box-sizing: border-box;
      position: relative; }
      .ftxxkc .scheduleCard .scheduleCardLists .scheduleImg {
        width: 16vw;
        height: 20vh; }
        .ftxxkc .scheduleCard .scheduleCardLists .scheduleImg img {
          width: 100%;
          height: 100%; }
      .ftxxkc .scheduleCard .scheduleCardLists .scheduleInfo {
        margin-left: 1vw; }
        .ftxxkc .scheduleCard .scheduleCardLists .scheduleInfo .scheduleInfoTitle {
          display: flex; }
          .ftxxkc .scheduleCard .scheduleCardLists .scheduleInfo .scheduleInfoTitle .scheduleInfoTitleInfo {
            width: 22vw;
            font-family: PingFangSC, PingFang SC;
            font-weight: 500;
            font-size: 1vw;
            color: #3F8CFF;
            text-align: left;
            font-style: normal; }
          .ftxxkc .scheduleCard .scheduleCardLists .scheduleInfo .scheduleInfoTitle .scheduleInfoTitleCode {
            position: absolute;
            top: 2vh;
            right: 1vw; }
            .ftxxkc .scheduleCard .scheduleCardLists .scheduleInfo .scheduleInfoTitle .scheduleInfoTitleCode img {
              width: 2vw;
              height: 4vh;
              cursor: pointer; }
        .ftxxkc .scheduleCard .scheduleCardLists .scheduleInfo .scheduleInfoTeacher {
          margin-top: 1vh;
          font-family: PingFangSC, PingFang SC;
          font-weight: 400;
          font-size: .8vw;
          color: #999999;
          text-align: left;
          font-style: normal; }
        .ftxxkc .scheduleCard .scheduleCardLists .scheduleInfo .scheduleInfoText {
          width: 20vw;
          margin-top: 2vh;
          font-family: PingFangSC, PingFang SC;
          font-weight: 400;
          font-size: .8vw;
          color: #999999;
          text-align: justify;
          font-style: normal; }
        .ftxxkc .scheduleCard .scheduleCardLists .scheduleInfo .scheduleInfoButton {
          text-align: right;
          position: absolute;
          bottom: 2vh;
          right: 1vw; }

.XDyyft {
  background: #F4F9FD;
  min-height: 100vh; }
  .XDyyft .maincontent {
    padding: 2.778vh 1.562vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    .XDyyft .maincontent .rightS {
      width: 100%;
      height: 83.3vh;
      background: #FFFFFF;
      border-radius: 24px;
      padding: 2.778vh 1.562vw;
      box-sizing: border-box; }
      .XDyyft .maincontent .rightS .yylistbox {
        min-height: 70vh; }
        .XDyyft .maincontent .rightS .yylistbox .hang11 {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .XDyyft .maincontent .rightS .yylistbox .hang11 .titlebox img {
            width: 3.518vh;
            height: 3.518vh;
            margin-right: 0.521vw; }
          .XDyyft .maincontent .rightS .yylistbox .hang11 .titlebox .yuyueList {
            font-family: PingFangSC, PingFang SC;
            font-weight: 500;
            font-size: 2.222vh;
            color: #3F8CFF;
            line-height: 2.222vh;
            text-align: left;
            font-style: normal; }
        .XDyyft .maincontent .rightS .yylistbox .interviewLScardList1 {
          margin-top: 1vh;
          display: flex;
          flex-wrap: wrap; }
          .XDyyft .maincontent .rightS .yylistbox .interviewLScardList1 .interviewLScardListItem {
            padding: 2vh 1vw;
            box-sizing: border-box;
            width: 30vw;
            background: #F4F9FD;
            border-radius: .6vw;
            margin: 0 .5vw;
            margin-top: 2vh; }
            .XDyyft .maincontent .rightS .yylistbox .interviewLScardList1 .interviewLScardListItem .topInfo {
              display: flex;
              border-bottom: .1vh solid #E6E6E6;
              padding-bottom: 1vh;
              box-sizing: border-box; }
              .XDyyft .maincontent .rightS .yylistbox .interviewLScardList1 .interviewLScardListItem .topInfo .topInfoHeader {
                width: 2vw;
                height: 4vh; }
                .XDyyft .maincontent .rightS .yylistbox .interviewLScardList1 .interviewLScardListItem .topInfo .topInfoHeader img {
                  width: 100%;
                  height: 100%; }
              .XDyyft .maincontent .rightS .yylistbox .interviewLScardList1 .interviewLScardListItem .topInfo .topInfoName {
                margin-left: 1vw;
                line-height: 4vh;
                font-size: 1.2vw; }
            .XDyyft .maincontent .rightS .yylistbox .interviewLScardList1 .interviewLScardListItem .bottomInfo {
              padding-top: 1vh;
              box-sizing: border-box;
              display: flex;
              justify-content: space-between;
              flex-wrap: wrap;
              color: #4E5969; }
              .XDyyft .maincontent .rightS .yylistbox .interviewLScardList1 .interviewLScardListItem .bottomInfo .bottomItem {
                width: 14vw;
                line-height: 3.4vh; }
            .XDyyft .maincontent .rightS .yylistbox .interviewLScardList1 .interviewLScardListItem .bottomButton {
              margin-left: auto;
              width: 6vw;
              height: 4vh;
              border-radius: 1vw;
              line-height: 4vh;
              text-align: center;
              cursor: pointer;
              color: #fff;
              background: linear-gradient(270deg, #5AA1FD 0%, #3B83FA 100%); }
        .XDyyft .maincontent .rightS .yylistbox .cardbox1 {
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column; }
          .XDyyft .maincontent .rightS .yylistbox .cardbox1 .img1 {
            width: 300px;
            height: 300px;
            margin-top: 100px; }
      .XDyyft .maincontent .rightS .fenye {
        text-align: center;
        margin-top: 1.778vh; }

.XDyuyue {
  background: #F4F9FD;
  min-height: 100vh; }
  .XDyuyue .maincontent {
    padding: 2.778vh 1.562vw; }
    .XDyuyue .maincontent .left {
      width: 96.87vw;
      height: 20.37vh;
      background: #FFFFFF;
      margin-right: 1.042vw;
      box-sizing: border-box;
      border-radius: 24px; }
      .XDyuyue .maincontent .left .cardItem {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        height: 20.37vh;
        border-radius: 12px;
        padding: 1.85vh 1.04vw;
        box-sizing: border-box;
        margin-right: 1.56vw;
        margin-top: 1.778vh; }
        .XDyuyue .maincontent .left .cardItem .imgg {
          width: 7.29vw;
          height: 16.667vh;
          margin-right: 1.04vw; }
        .XDyuyue .maincontent .left .cardItem .right1 .up {
          display: flex;
          align-items: flex-start;
          justify-content: flex-start; }
          .XDyuyue .maincontent .left .cardItem .right1 .up .upleft .namebox {
            display: flex;
            justify-content: flex-start;
            align-items: center; }
            .XDyuyue .maincontent .left .cardItem .right1 .up .upleft .namebox .name {
              font-family: PingFangSC, PingFang SC;
              font-weight: 400;
              font-size: 1.48vh;
              color: #0A1629;
              line-height: 2.22vh;
              text-align: left;
              font-style: normal;
              margin-right: 0.521vw; }
          .XDyuyue .maincontent .left .cardItem .right1 .up .upleft .tips {
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            font-size: 1.3vh;
            color: #91929E;
            line-height: 1.85vh;
            text-align: left;
            font-style: normal; }
          .XDyuyue .maincontent .left .cardItem .right1 .up .upright {
            margin-left: 1.718vw; }
        .XDyuyue .maincontent .left .cardItem .right1 .down {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .XDyuyue .maincontent .left .cardItem .right1 .down .downleft {
            margin-right: 9.3vw; }
            .XDyuyue .maincontent .left .cardItem .right1 .down .downleft .hang {
              display: flex;
              justify-content: flex-start;
              align-items: center;
              margin-top: 0.9259vh; }
              .XDyuyue .maincontent .left .cardItem .right1 .down .downleft .hang img {
                width: 2.222vh;
                height: 2.222vh;
                margin-right: 0.521vw; }
              .XDyuyue .maincontent .left .cardItem .right1 .down .downleft .hang p {
                font-family: PingFangSC, PingFang SC;
                font-weight: 300;
                font-size: 1.111vh;
                color: #A0A2D1;
                line-height: 1.574vh;
                text-align: left;
                font-style: normal; }
                .XDyuyue .maincontent .left .cardItem .right1 .down .downleft .hang p .dianhua {
                  font-family: PingFangSC, PingFang SC;
                  font-weight: 400;
                  font-size: 1.111vh;
                  color: #151861;
                  line-height: 1.574vh;
                  text-align: left;
                  font-style: normal; }
    .XDyuyue .maincontent .right {
      margin-top: 1.85vh;
      background: #FFFFFF;
      border-radius: 24px;
      padding: 2.778vh 1.562vw;
      box-sizing: border-box; }
      .XDyuyue .maincontent .right .titlebox {
        display: flex;
        justify-content: flex-start;
        align-items: center; }
        .XDyuyue .maincontent .right .titlebox .imgg {
          width: 3.51vh;
          height: 3.51vh;
          margin-right: 0.521vw; }
        .XDyuyue .maincontent .right .titlebox .title {
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 2.222vh;
          color: #3F8CFF;
          line-height: 2.222vh;
          text-align: left;
          font-style: normal; }

.XDftList {
  background: #F4F9FD;
  min-height: 100vh; }
  .XDftList .maincontent {
    padding: 2.778vh 1.562vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    .XDftList .maincontent .rightXDftList {
      width: 100%;
      height: 83.3vh;
      background: #FFFFFF;
      border-radius: 24px;
      padding: 2.778vh 1.562vw;
      box-sizing: border-box; }
      .XDftList .maincontent .rightXDftList .tabboxs {
        width: 20vw;
        height: 3.7vh;
        background: #F4F9FD;
        border-radius: 10px;
        display: flex;
        justify-content: space-around;
        align-items: center; }
        .XDftList .maincontent .rightXDftList .tabboxs .tabitem {
          width: 6.5vw;
          height: 2.96vh;
          border-radius: 6px;
          display: flex;
          justify-content: center;
          align-items: center;
          font-family: PingFangSC, PingFang SC;
          font-weight: 400;
          font-size: 1.48vh;
          color: #333333;
          text-align: right;
          font-style: normal;
          cursor: pointer; }
        .XDftList .maincontent .rightXDftList .tabboxs .active {
          background: #3F8CFF;
          color: #fff; }
      .XDftList .maincontent .rightXDftList .cardbox1 {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        min-height: 70vh; }
        .XDftList .maincontent .rightXDftList .cardbox1 .img1 {
          width: 300px;
          height: 300px;
          margin-top: 100px; }
      .XDftList .maincontent .rightXDftList .cardbox {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-right: -1.56vw;
        min-height: 70vh; }
        .XDftList .maincontent .rightXDftList .cardbox .cardItem {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          width: 29.5vw;
          height: 20.37vh;
          background: #F4F9FD;
          border-radius: 12px;
          padding: 1.85vh 1.04vw;
          box-sizing: border-box;
          margin-right: 1.56vw;
          margin-top: 1.778vh; }
          .XDftList .maincontent .rightXDftList .cardbox .cardItem .imgg {
            width: 7.29vw;
            height: 16.667vh;
            margin-right: 1.04vw; }
          .XDftList .maincontent .rightXDftList .cardbox .cardItem .right1 .up {
            display: flex;
            align-items: flex-start;
            justify-content: flex-start; }
            .XDftList .maincontent .rightXDftList .cardbox .cardItem .right1 .up .upleft .namebox {
              display: flex;
              justify-content: flex-start;
              align-items: center; }
              .XDftList .maincontent .rightXDftList .cardbox .cardItem .right1 .up .upleft .namebox .name {
                font-family: PingFangSC, PingFang SC;
                font-weight: 400;
                font-size: 1.48vh;
                color: #0A1629;
                line-height: 2.22vh;
                text-align: left;
                font-style: normal;
                margin-right: 0.521vw; }
            .XDftList .maincontent .rightXDftList .cardbox .cardItem .right1 .up .upleft .tips {
              width: 13vw;
              height: 1px;
              font-family: PingFangSC, PingFang SC;
              font-weight: 400;
              font-size: 1.3vh;
              color: #91929E;
              line-height: 1.85vh;
              text-align: left;
              font-style: normal; }
            .XDftList .maincontent .rightXDftList .cardbox .cardItem .right1 .up .upright {
              margin-left: 1.718vw; }
          .XDftList .maincontent .rightXDftList .cardbox .cardItem .right1 .down {
            display: flex;
            justify-content: space-between;
            align-items: center; }
            .XDftList .maincontent .rightXDftList .cardbox .cardItem .right1 .down .downleft .hang {
              display: flex;
              justify-content: flex-start;
              align-items: center;
              margin-top: 0.9259vh; }
              .XDftList .maincontent .rightXDftList .cardbox .cardItem .right1 .down .downleft .hang img {
                width: 2.222vh;
                height: 2.222vh;
                margin-right: 0.521vw; }
              .XDftList .maincontent .rightXDftList .cardbox .cardItem .right1 .down .downleft .hang p {
                font-family: PingFangSC, PingFang SC;
                font-weight: 300;
                font-size: 1.4vh;
                color: #A0A2D1;
                line-height: 1.574vh;
                text-align: left;
                font-style: normal; }
                .XDftList .maincontent .rightXDftList .cardbox .cardItem .right1 .down .downleft .hang p .dianhua {
                  font-family: PingFangSC, PingFang SC;
                  font-weight: 400;
                  font-size: 1.4vh;
                  color: #151861;
                  line-height: 1.574vh;
                  text-align: left;
                  font-style: normal; }
      .XDftList .maincontent .rightXDftList .fenye {
        text-align: center;
        margin-top: 1.778vh; }

.ftxslc {
  background: #F3F5FD;
  min-height: 100vh;
  padding: 2vh 1vw;
  box-sizing: border-box; }
  .ftxslc .banner {
    background: url("/content/image/xljkImg/xsbanner.png");
    background-size: 100% 100%;
    width: 97vw;
    height: 24vh;
    margin-left: -1vw;
    padding: 10vh 0 0 2.6vw; }
    .ftxslc .banner img {
      width: 100%; }
    .ftxslc .banner .banner1 {
      font-size: 2.8vw;
      color: #1E65DF;
      line-height: 64px;
      text-align: left;
      font-style: normal;
      font-weight: 550; }
  .ftxslc .ftxslcCard {
    margin-top: 2vh;
    display: flex; }
    .ftxslc .ftxslcCard .ftxslcCard1 {
      padding: 2vh 2vw;
      width: 20vw;
      height: 60vh;
      background: #FFFFFF;
      border-radius: 1vw; }
      .ftxslc .ftxslcCard .ftxslcCard1 .ftxslcCard1s {
        cursor: pointer;
        padding: 2vh 2vw;
        border-radius: 12px;
        color: #666666; }
    .ftxslc .ftxslcCard .ftxslcCard1s.selected {
      border: 1px solid #3F8CFF;
      color: #3F8CFF;
      background: #F4F9FD; }
    .ftxslc .ftxslcCard .ftxslcCard2 {
      margin-left: 1vw;
      width: 78vw;
      min-height: 100%;
      background: #FFFFFF;
      border-radius: .6vw;
      padding: 3vh 1vw;
      box-sizing: border-box; }
      .ftxslc .ftxslcCard .ftxslcCard2 .hr {
        width: 76vw;
        height: 8vh;
        background: rgba(63, 140, 255, 0.2);
        display: flex; }
        .ftxslc .ftxslcCard .ftxslcCard2 .hr .hrLeft {
          width: 1vw;
          height: 8vh;
          background: #3F8CFF; }
        .ftxslc .ftxslcCard .ftxslcCard2 .hr .hrTitle {
          margin-left: 1vw;
          font-family: PingFangSC, PingFang SC;
          font-weight: 600;
          font-size: 1.8vw;
          color: #333333;
          line-height: 8vh;
          text-align: left; }
      .ftxslc .ftxslcCard .ftxslcCard2 .hrinfo {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 1.4vw;
        color: #666666;
        line-height: 60px;
        text-align: left;
        margin: 2vh 0;
        margin-left: 2vw; }
        .ftxslc .ftxslcCard .ftxslcCard2 .hrinfo .hrinfoTitle {
          font-family: PingFangSC, PingFang SC;
          font-weight: 600;
          font-size: 1.4vw;
          color: #333333;
          line-height: 60px;
          text-align: left;
          font-style: normal; }
        .ftxslc .ftxslcCard .ftxslcCard2 .hrinfo .hrinfoText {
          margin-left: 1vw; }
          .ftxslc .ftxslcCard .ftxslcCard2 .hrinfo .hrinfoText .hrinfoTexts {
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            font-size: 1.4vw;
            color: #666666;
            line-height: 60px;
            text-align: left;
            font-style: normal; }
      .ftxslc .ftxslcCard .ftxslcCard2 .hr2 {
        width: 76vw;
        height: 8vh;
        background: rgba(63, 233, 255, 0.2);
        display: flex; }
        .ftxslc .ftxslcCard .ftxslcCard2 .hr2 .hrLeft {
          width: 1vw;
          height: 8vh;
          background: #3FE9FF; }
        .ftxslc .ftxslcCard .ftxslcCard2 .hr2 .hrTitle {
          margin-left: 1vw;
          font-family: PingFangSC, PingFang SC;
          font-weight: 600;
          font-size: 1.8vw;
          color: #333333;
          line-height: 8vh;
          text-align: left; }
      .ftxslc .ftxslcCard .ftxslcCard2 h1, .ftxslc .ftxslcCard .ftxslcCard2 h2 {
        text-align: left;
        margin-top: 2vh;
        line-height: 4vh; }
      .ftxslc .ftxslcCard .ftxslcCard2 .img {
        margin: 20px 0;
        width: 60%; }
      .ftxslc .ftxslcCard .ftxslcCard2 img {
        width: 100%;
        object-fit: cover; }
      .ftxslc .ftxslcCard .ftxslcCard2 .bottomButton {
        width: 10vw;
        height: 4vh;
        border-radius: 1vw;
        line-height: 4vh;
        text-align: center;
        cursor: pointer;
        color: #fff;
        background: linear-gradient(270deg, #5AA1FD 0%, #3B83FA 100%);
        border: none;
        margin: 6vh auto;
        margin-left: 44vw; }

.ftxslc2 {
  background: #F3F5FD;
  min-height: 100vh;
  padding: 2vh 1vw;
  box-sizing: border-box; }
  .ftxslc2 .banner {
    background: url("/content/image/xljkImg/xsbanner.png");
    background-size: 100% 100%;
    width: 97vw;
    height: 24vh;
    margin-left: -1vw;
    padding: 10vh 0 0 2.6vw; }
    .ftxslc2 .banner img {
      width: 100%; }
    .ftxslc2 .banner .banner1 {
      font-size: 2.8vw;
      color: #1E65DF;
      line-height: 64px;
      text-align: left;
      font-style: normal;
      font-weight: 550; }
  .ftxslc2 .ftxslcCard {
    margin-top: 2vh;
    display: flex; }
    .ftxslc2 .ftxslcCard .ftxslcCard1 {
      padding: 2vh 2vw;
      width: 20vw;
      height: 60vh;
      background: #FFFFFF;
      border-radius: 1vw; }
      .ftxslc2 .ftxslcCard .ftxslcCard1 .ftxslcCard1s {
        cursor: pointer;
        padding: 2vh 2vw;
        border-radius: 12px;
        color: #666666; }
    .ftxslc2 .ftxslcCard .ftxslcCard1s.selected {
      border: 1px solid #3F8CFF;
      color: #3F8CFF;
      background: #F4F9FD; }
    .ftxslc2 .ftxslcCard .ftxslcCard2 {
      margin-left: 1vw;
      width: 78vw;
      min-height: 100%;
      background: #FFFFFF;
      border-radius: .6vw;
      padding: 3vh 1vw;
      box-sizing: border-box; }
      .ftxslc2 .ftxslcCard .ftxslcCard2 .hr {
        width: 76vw;
        height: 8vh;
        background: rgba(63, 140, 255, 0.2);
        display: flex; }
        .ftxslc2 .ftxslcCard .ftxslcCard2 .hr .hrLeft {
          width: 1vw;
          height: 8vh;
          background: #3F8CFF; }
        .ftxslc2 .ftxslcCard .ftxslcCard2 .hr .hrTitle {
          margin-left: 1vw;
          font-family: PingFangSC, PingFang SC;
          font-weight: 600;
          font-size: 1.8vw;
          color: #333333;
          line-height: 8vh;
          text-align: left; }
      .ftxslc2 .ftxslcCard .ftxslcCard2 .hrinfoTexts {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 1.4vw;
        color: #666666;
        line-height: 60px;
        text-align: left;
        font-style: normal; }
      .ftxslc2 .ftxslcCard .ftxslcCard2 .hrinfo {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 1.4vw;
        color: #666666;
        line-height: 60px;
        text-align: left;
        margin: 2vh 0;
        margin-left: 2vw; }
        .ftxslc2 .ftxslcCard .ftxslcCard2 .hrinfo .hrinfoTitle {
          font-family: PingFangSC, PingFang SC;
          font-weight: 600;
          font-size: 1.4vw;
          color: #333333;
          line-height: 60px;
          text-align: left;
          font-style: normal; }
        .ftxslc2 .ftxslcCard .ftxslcCard2 .hrinfo .hrinfoText {
          margin-left: 1vw; }
          .ftxslc2 .ftxslcCard .ftxslcCard2 .hrinfo .hrinfoText .hrinfoTexts {
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            font-size: 1.4vw;
            color: #666666;
            line-height: 60px;
            text-align: left;
            font-style: normal; }
      .ftxslc2 .ftxslcCard .ftxslcCard2 .hr2 {
        width: 76vw;
        height: 8vh;
        background: rgba(63, 233, 255, 0.2);
        display: flex; }
        .ftxslc2 .ftxslcCard .ftxslcCard2 .hr2 .hrLeft {
          width: 1vw;
          height: 8vh;
          background: #3FE9FF; }
        .ftxslc2 .ftxslcCard .ftxslcCard2 .hr2 .hrTitle {
          margin-left: 1vw;
          font-family: PingFangSC, PingFang SC;
          font-weight: 600;
          font-size: 1.8vw;
          color: #333333;
          line-height: 8vh;
          text-align: left; }
      .ftxslc2 .ftxslcCard .ftxslcCard2 h1, .ftxslc2 .ftxslcCard .ftxslcCard2 h2 {
        text-align: left;
        margin-top: 2vh;
        line-height: 4vh; }
      .ftxslc2 .ftxslcCard .ftxslcCard2 .img {
        margin: 20px 0;
        width: 60%; }
      .ftxslc2 .ftxslcCard .ftxslcCard2 img {
        width: 100%;
        object-fit: cover; }
      .ftxslc2 .ftxslcCard .ftxslcCard2 .bottomButton {
        width: 10vw;
        height: 4vh;
        border-radius: 1vw;
        line-height: 4vh;
        text-align: center;
        cursor: pointer;
        color: #fff;
        background: linear-gradient(270deg, #5AA1FD 0%, #3B83FA 100%);
        border: none;
        margin: 6vh auto;
        margin-left: 44vw; }

@charset "UTF-8";
.ftxslc2 {
  background: #F3F5FD;
  min-height: 100vh;
  padding: 2vh 1vw;
  box-sizing: border-box; }
  .ftxslc2 .editor-container {
    border: 1px solid #ccc;
    padding: 10px;
    height: 300px;
    /* 可根据需要调整高度 */ }
  .ftxslc2 .banner {
    background: url("/content/image/xljkImg/xsbanner.png");
    background-size: 100% 100%;
    width: 97vw;
    height: 18vh;
    margin-left: -1vw;
    padding: 10vh 0 0 2.6vw; }
    .ftxslc2 .banner img {
      width: 100%; }
    .ftxslc2 .banner .banner1 {
      font-size: 2.8vw;
      color: #1E65DF;
      line-height: 64px;
      text-align: left;
      font-style: normal;
      font-weight: 550; }
  .ftxslc2 .ftxslcCard {
    margin-top: 4vh;
    background: #FFFFFF;
    border-radius: .4vw;
    padding: 16px 40px;
    height: 60vh;
    display: flex; }
    .ftxslc2 .ftxslcCard .ftxslcCardLeft {
      width: 30vw;
      height: 58vh;
      background: #F4F8FF;
      border-radius: 24px;
      padding: 1vh 1vw; }
      .ftxslc2 .ftxslcCard .ftxslcCardLeft .ftxslcCardLeftItem {
        height: 3vh;
        background: #fff;
        padding: 1vh 1vw;
        margin-top: 4vh;
        border-radius: .2vw;
        text-align: center;
        line-height: 3vh;
        cursor: pointer;
        font-weight: 600; }
      .ftxslc2 .ftxslcCard .ftxslcCardLeft .active {
        background: #E5ECFF; }
    .ftxslc2 .ftxslcCard .ftxslcCardRight {
      margin-left: 2vw; }
      .ftxslc2 .ftxslcCard .ftxslcCardRight .ftxslcCardRight1 {
        font-size: 1.3vw;
        color: #232427;
        font-weight: 600; }
      .ftxslc2 .ftxslcCard .ftxslcCardRight .ftxslcCardRight2 {
        margin-top: 1vh;
        font-size: .9vw;
        color: #999999; }
      .ftxslc2 .ftxslcCard .ftxslcCardRight .ftxslcCardRight3 {
        color: #232427;
        font-size: 1.1vw;
        font-weight: 600; }
      .ftxslc2 .ftxslcCard .ftxslcCardRight .ftxslcCardRight4 {
        margin-top: 2vh;
        color: #232427;
        font-size: 1.3vw;
        font-weight: 600;
        margin-bottom: 3vh; }
  .ftxslc2 .ftxslcCards {
    margin-top: 4vh;
    background: #FFFFFF;
    border-radius: .4vw;
    padding: 16px 40px; }
    .ftxslc2 .ftxslcCards .interviewInfoLSBoxTop {
      padding: 16px 40px;
      box-sizing: border-box;
      display: flex;
      background: #F4F9FD;
      width: 100%;
      height: 160px; }
      .ftxslc2 .ftxslcCards .interviewInfoLSBoxTop .InfoLSBoxTopHeader {
        width: 120px;
        height: 120px; }
        .ftxslc2 .ftxslcCards .interviewInfoLSBoxTop .InfoLSBoxTopHeader img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .ftxslc2 .ftxslcCards .interviewInfoLSBoxTop .InfoLSBoxTopInfo {
        margin-left: 30px;
        width: 80%; }
        .ftxslc2 .ftxslcCards .interviewInfoLSBoxTop .InfoLSBoxTopInfo .TopInfoName {
          font-family: PingFangSC, PingFang SC;
          font-size: 24px;
          color: #232427;
          line-height: 36px;
          text-align: left;
          font-style: normal; }
        .ftxslc2 .ftxslcCards .interviewInfoLSBoxTop .InfoLSBoxTopInfo .bottomItems {
          width: 550px;
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          color: #4E5969; }
          .ftxslc2 .ftxslcCards .interviewInfoLSBoxTop .InfoLSBoxTopInfo .bottomItems .bottomItem {
            width: 260px;
            line-height: 30px; }
      .ftxslc2 .ftxslcCards .interviewInfoLSBoxTop .InfoLSBoxTopLy {
        cursor: pointer;
        width: 130px;
        height: 130px;
        background: linear-gradient(270deg, #5AA1FD 0%, #3B83FA 100%);
        border-radius: 50%;
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        font-size: 26px;
        color: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-style: normal; }
      .ftxslc2 .ftxslcCards .interviewInfoLSBoxTop .def-input-number input::-webkit-outer-spin-button,
      .ftxslc2 .ftxslcCards .interviewInfoLSBoxTop .def-input-number input::-webkit-inner-spin-button {
        -webkit-appearance: none; }
      .ftxslc2 .ftxslcCards .interviewInfoLSBoxTop .def-input-number input[type="number"] {
        -moz-appearance: textfield; }
      .ftxslc2 .ftxslcCards .interviewInfoLSBoxTop .def-input-number .el-input__inner {
        line-height: 1px !important; }
      .ftxslc2 .ftxslcCards .interviewInfoLSBoxTop .def-input-number {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 20px;
        color: #232427;
        line-height: 28px;
        text-align: center;
        font-style: normal; }
      .ftxslc2 .ftxslcCards .interviewInfoLSBoxTop .InfoLSBoxTopLyoff {
        cursor: pointer;
        width: 120px;
        height: 120px;
        background: linear-gradient(270deg, #52D47C 0%, #1CC27A 100%);
        border-radius: 50%;
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        font-size: 26px;
        color: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-style: normal; }

.XDgongzuozuShangbaoDialog .fenye {
  margin-top: 8.8vh;
  text-align: center; }

.XDgongzuozuShangbaoDialog .dialogminbox .el-table__empty-block {
  height: 40vh !important; }

.XDgongzuozuShangbaoDialog .innerDialog .el-dialog__header {
  background: #F3F7FF;
  border-radius: 24px 24px 0px 0px; }

.XDgongzuozuShangbaoDialog .innerDialog .el-dialog {
  border-radius: 24px;
  margin-top: 15vh !important; }

.formbox .el-select {
  width: 100%; }

.InterviewHomepage {
  background: #F3F5FD;
  height: calc(100vh);
  background: url("/content/image/xljkImg/homeBg.png");
  background-size: cover;
  box-sizing: border-box;
  position: relative;
  padding: 3vh 4vw; }
  .InterviewHomepage .InterviewHomepageTop {
    display: flex;
    justify-content: space-between; }
    .InterviewHomepage .InterviewHomepageTop .InterviewHomepageTopLeft .InterviewHomepageTopLeftTitle {
      font-family: PingFangSC, PingFang SC;
      font-size: 2.8vw;
      color: #232427;
      text-align: left;
      font-style: normal;
      margin-top: 8vh; }
    .InterviewHomepage .InterviewHomepageTop .InterviewHomepageTopLeft .InterviewHomepageTopLeftTag {
      display: flex;
      margin-top: 4vh; }
      .InterviewHomepage .InterviewHomepageTop .InterviewHomepageTopLeft .InterviewHomepageTopLeftTag .InterviewHomepageTopLeftTags {
        margin-left: 1vw;
        text-align: center;
        width: 16vw;
        height: 5vh;
        line-height: 5vh;
        background: #fff;
        border-radius: 2vw;
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 1vw;
        color: #4E5969;
        font-style: normal; }
    .InterviewHomepage .InterviewHomepageTop .InterviewHomepageTopRight .InterviewHomepageImg {
      margin-right: 10vw;
      width: 18vw; }
      .InterviewHomepage .InterviewHomepageTop .InterviewHomepageTopRight .InterviewHomepageImg img {
        width: 100%;
        height: 100%; }
  .InterviewHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .InterviewHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .HomepageBottomBox {
      cursor: pointer;
      display: flex;
      margin-top: 3vh;
      width: 30vw;
      height: 18vh;
      border-radius: 16px; }
      .InterviewHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .HomepageBottomBox .HomepageBottomBoxLeft {
        padding: 2vh 1vw;
        width: 7vw;
        height: 14vh; }
        .InterviewHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .HomepageBottomBox .HomepageBottomBoxLeft img {
          width: 100%;
          height: 100%; }
      .InterviewHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .HomepageBottomBox .HomepageBottomBoxRight .HomepageBottomBoxRightTop {
        margin-top: 1vh;
        font-family: PingFangSC, PingFang SC;
        font-size: 2vw;
        color: #FFFFFF;
        text-align: left;
        font-style: normal;
        line-height: 10vh; }
      .InterviewHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .HomepageBottomBox .HomepageBottomBoxRight .HomepageBottomBoxRightBottom {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 1.2vw;
        color: #FFFFFF;
        font-style: normal; }
    .InterviewHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .box1 {
      background: radial-gradient(0% 100% at 0% 0%, #2C79F9 0%, #56ADFF 100%); }
    .InterviewHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .box2 {
      background: radial-gradient(0% 100% at 0% 0%, #00B8CD 0%, #1DE0C3 100%); }
    .InterviewHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .box3 {
      background: radial-gradient(0% 95% at 0% 0%, #FF7E27 0%, #FFAA41 100%); }
    .InterviewHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .box4 {
      background: radial-gradient(0% 95% at 0% 0%, #FF7E27 0%, #FFAA41 100%); }
    .InterviewHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .box5 {
      background: radial-gradient(0% 95% at 0% 0%, #3067FF 0%, #6095FF 100%); }
    .InterviewHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .box6 {
      background: radial-gradient(0% 100% at 0% 0%, #00B8CD 0%, #1DE0C3 100%); }
    .InterviewHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .box7 {
      background: radial-gradient(0% 100% at 0% 0%, #00B8CD 0%, #1DE0C3 100%); }
    .InterviewHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .box8 {
      background: radial-gradient(0% 95% at 0% 0%, #FF7E27 0%, #FFAA41 100%); }
    .InterviewHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .box9 {
      background: radial-gradient(0% 95% at 0% 0%, #3067FF 0%, #6095FF 100%); }

.ftksjl {
  background: #F3F5FD;
  min-height: calc(100vh); }
  .ftksjl .isNones {
    margin: auto;
    margin-top: 10vh; }
    .ftksjl .isNones .isNoneBoxImg {
      width: 20vw;
      height: 40vh; }
      .ftksjl .isNones .isNoneBoxImg img {
        width: 100%;
        height: 100%; }
    .ftksjl .isNones .isNoneBoxInfo {
      color: #595B63;
      font-size: 2vw;
      text-align: center; }
  .ftksjl .interviewLScard {
    width: 100%;
    min-height: 100%;
    border-radius: .6vw;
    padding: 3vh 1vw;
    box-sizing: border-box; }
    .ftksjl .interviewLScard .interviewLScardList {
      margin-top: 1vh;
      display: flex;
      flex-wrap: wrap; }
      .ftksjl .interviewLScard .interviewLScardList .interviewLScardListItem {
        padding: 2vh 1vw;
        box-sizing: border-box;
        width: 46.5vw;
        background: #fff;
        border-radius: .6vw;
        margin: 0 .5vw;
        margin-top: 2vh; }
        .ftksjl .interviewLScard .interviewLScardList .interviewLScardListItem .topInfo {
          display: flex;
          box-sizing: border-box; }
          .ftksjl .interviewLScard .interviewLScardList .interviewLScardListItem .topInfo .topInfoHeader {
            width: 9vw;
            height: 18vh; }
            .ftksjl .interviewLScard .interviewLScardList .interviewLScardListItem .topInfo .topInfoHeader img {
              width: 100%;
              height: 100%; }
          .ftksjl .interviewLScard .interviewLScardList .interviewLScardListItem .topInfo .topInfoName {
            margin-left: 1vw; }
            .ftksjl .interviewLScard .interviewLScardList .interviewLScardListItem .topInfo .topInfoName .topInfoNameT {
              line-height: 4vh;
              font-size: 1.2vw; }
            .ftksjl .interviewLScard .interviewLScardList .interviewLScardListItem .topInfo .topInfoName .topInfoNameB {
              margin-top: 1vh;
              color: #4E5969; }
            .ftksjl .interviewLScard .interviewLScardList .interviewLScardListItem .topInfo .topInfoName .bottomButton {
              margin-top: 4vh;
              width: 6vw;
              height: 4vh;
              border-radius: 1vw;
              line-height: 4vh;
              text-align: center;
              cursor: pointer;
              color: #fff;
              background: linear-gradient(270deg, #5AA1FD 0%, #3B83FA 100%); }

.page {
  background: #F4F9FD;
  min-height: 100vh; }
  .page .box_6 {
    width: 100vw;
    height: 52.66vw;
    margin-bottom: 0.06vw; }
    .page .box_6 .group_4 {
      background-color: white;
      border-radius: 24px;
      width: 96.88vw;
      height: 93.6vh;
      justify-content: flex-center;
      margin: 1.56vw 0 1.61vw 1.56vw; }
      .page .box_6 .group_4 .group_8 {
        width: 7.5vw;
        height: 1.98vw;
        margin: 1.56vw 0 0 1.56vw; }
        .page .box_6 .group_4 .group_8 .label_3 {
          width: 1.98vw;
          height: 3.52vh; }
        .page .box_6 .group_4 .group_8 .text_7 {
          width: 5vw;
          height: 2.22vh;
          overflow-wrap: break-word;
          color: #3f8cff;
          font-size: 1.25vw;
          font-family: PingFangSC-Medium;
          font-weight: 500;
          text-align: left;
          white-space: nowrap;
          line-height: 2.22vh;
          margin-top: 0.6577vh; }
      .page .box_6 .group_4 .grid_3 {
        width: 100vw;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin: 1.56vw 0 0 1.56vw;
        align-items: flex-start; }
        .page .box_6 .group_4 .grid_3 .list-items_1 {
          background-color: #f4f9fd;
          border-radius: 12px;
          width: 46.1vw;
          height: 9.26vh;
          margin: 0 1.61vw 1.66vw 0; }
          .page .box_6 .group_4 .grid_3 .list-items_1 .image-text_7 {
            width: 19.74vw;
            height: 3.13vw;
            margin: 1.04vw 0 0 1.04vw; }
            .page .box_6 .group_4 .grid_3 .list-items_1 .image-text_7 .image_3 {
              width: 5.56vh;
              height: 5.56vh; }
            .page .box_6 .group_4 .grid_3 .list-items_1 .image-text_7 .text-group_6 {
              width: 15.58vw;
              height: 4.46vh;
              margin-top: 0.942vh; }
              .page .box_6 .group_4 .grid_3 .list-items_1 .image-text_7 .text-group_6 .text_14 {
                width: 15.73vw;
                height: 0.94vw;
                overflow-wrap: break-word;
                color: #000001;
                font-size: 0.93vw;
                font-family: PingFangSC-Medium;
                font-weight: 500;
                text-align: left;
                white-space: nowrap;
                line-height: 0.94vw; }
              .page .box_6 .group_4 .grid_3 .list-items_1 .image-text_7 .text-group_6 .text_15 {
                width: 2.19vw;
                height: 0.84vw;
                overflow-wrap: break-word;
                color: #6f737b;
                font-size: 0.83vw;
                font-weight: normal;
                text-align: left;
                white-space: nowrap;
                line-height: 0.84vw;
                margin-top: 0.84vw; }
          .page .box_6 .group_4 .grid_3 .list-items_1 .block_1 {
            background-color: #3f8cff;
            border-radius: 9px;
            width: 5.73vw;
            height: 2.09vw;
            margin: 1.56vw 1.51vw 0 18.07vw; }
            .page .box_6 .group_4 .grid_3 .list-items_1 .block_1 .image-text_8 {
              width: 3.44vw;
              height: 1.25vw;
              margin: 0.41vw 0 0 1.04vw; }
              .page .box_6 .group_4 .grid_3 .list-items_1 .block_1 .image-text_8 .label_6 {
                width: 1.25vw;
                height: 1.25vw; }
              .page .box_6 .group_4 .grid_3 .list-items_1 .block_1 .image-text_8 .text-group_2 {
                width: 1.67vw;
                height: 0.84vw;
                overflow-wrap: break-word;
                color: white;
                font-size: 0.83vw;
                font-weight: normal;
                text-align: justify;
                white-space: nowrap;
                line-height: 0.84vw;
                margin-top: 0.21vw; }
      .page .box_6 .group_4 .fenye {
        text-align: center;
        margin-top: 10px; }
  .page body * {
    box-sizing: border-box;
    flex-shrink: 0; }
  .page body {
    font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, PingFang SC-Light, Microsoft YaHei; }
  .page button {
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    outline: none;
    background-color: transparent; }
  .page button:active {
    opacity: 0.6; }
  .page .van-nav-bar__left:active,
  .page .van-nav-bar__right:active {
    opacity: 1; }
  .page [class*='van-']::after {
    border-bottom: 0; }
  .page .flex-col {
    display: flex;
    flex-direction: column; }
  .page .flex-row {
    display: flex;
    flex-direction: row; }
  .page .justify-start {
    display: flex;
    justify-content: flex-start; }
  .page .justify-center {
    display: flex;
    justify-content: center; }
  .page .justify-end {
    display: flex;
    justify-content: flex-end; }
  .page .justify-evenly {
    display: flex;
    justify-content: space-evenly; }
  .page .justify-around {
    display: flex;
    justify-content: space-around; }
  .page .justify-between {
    display: flex;
    justify-content: space-between; }
  .page .align-start {
    display: flex;
    align-items: flex-start; }
  .page .align-center {
    display: flex;
    align-items: center; }
  .page .align-end {
    display: flex;
    align-items: flex-end; }

.BZRnavbox .XDnav {
  width: 100%;
  height: 6.48vh;
  background: #3F8CFF;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .BZRnavbox .XDnav .left {
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .BZRnavbox .XDnav .left .logoImg {
      width: 30px;
      height: 30px;
      margin-left: 1.56vw;
      margin-right: 1.04vw; }
    .BZRnavbox .XDnav .left .title {
      font-family: PingFangSC, PingFang SC;
      font-weight: 600;
      font-size: 2.222vh;
      color: #FFFFFF;
      line-height: 3.055vh;
      text-align: left;
      font-style: normal; }
  .BZRnavbox .XDnav .right {
    display: flex;
    justify-content: flex-end;
    align-items: center; }
    .BZRnavbox .XDnav .right .avatar {
      width: 3.426vh;
      height: 3.426vh;
      margin-left: 1.458vw;
      margin-right: 0.677vw; }
    .BZRnavbox .XDnav .right .username {
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      font-size: 1.48vh;
      color: #FFFFFF;
      line-height: 2.037vh;
      text-align: center;
      font-style: normal;
      margin-right: 1.458vw;
      cursor: pointer; }

.BZRnavbox .mbxbox {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 4.629vh;
  background: #FFFFFF;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 1.8vw;
  color: #6C6EA9;
  line-height: 2.037vh;
  text-align: left;
  font-style: normal; }

.BZRnavbox .yemiandaohang {
  cursor: pointer;
  font-size: 1.8vh; }

.BZRnavbox .active {
  color: #151861; }

.XDjddc {
  background: #F4F9FD;
  min-height: 100vh; }
  .XDjddc .maincontent {
    padding: 2.778vh 12.5vw; }
    .XDjddc .maincontent .title {
      margin-top: 5.556vh;
      margin-bottom: 2.778vh;
      display: flex;
      justify-content: flex;
      align-items: center;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      font-size: 2.222vh;
      color: #3F8CFF;
      line-height: 2.222vh;
      text-align: left;
      font-style: normal; }
      .XDjddc .maincontent .title img {
        width: 3.518vh;
        height: 3.518vh; }
    .XDjddc .maincontent .itembox {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-left: 24vh; }
      .XDjddc .maincontent .itembox .item {
        width: 23.95vw;
        height: 24vh;
        background: #FFFFFF;
        border-radius: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-right: 1.56vw;
        cursor: pointer; }
        .XDjddc .maincontent .itembox .item img {
          width: 8.14vh; }
        .XDjddc .maincontent .itembox .item .bjjingdu {
          margin: 1.85vh 0;
          font-family: PingFangSC, PingFang SC;
          font-weight: 600;
          font-size: 2.96vh;
          color: #333333;
          line-height: 2.96vh;
          font-style: normal; }
        .XDjddc .maincontent .itembox .item .tips {
          font-family: PingFangSC, PingFang SC;
          font-weight: 400;
          font-size: 2.222vh;
          color: #999999;
          line-height: 2.222vh;
          font-style: normal; }

.BZRyyfts {
  background: #F4F9FD;
  min-height: 100vh; }
  .BZRyyfts .maincontent {
    padding: 2.778vh 1.562vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    .BZRyyfts .maincontent .rightS {
      width: 100%;
      height: 83.3vh;
      background: #FFFFFF;
      border-radius: 24px;
      padding: 2.778vh 1.562vw;
      box-sizing: border-box; }
      .BZRyyfts .maincontent .rightS .yylistbox {
        min-height: 70vh; }
        .BZRyyfts .maincontent .rightS .yylistbox .hang11 {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .BZRyyfts .maincontent .rightS .yylistbox .hang11 .titlebox img {
            width: 3.518vh;
            height: 3.518vh;
            margin-right: 0.521vw; }
          .BZRyyfts .maincontent .rightS .yylistbox .hang11 .titlebox .yuyueList {
            font-family: PingFangSC, PingFang SC;
            font-weight: 500;
            font-size: 2.222vh;
            color: #3F8CFF;
            line-height: 2.222vh;
            text-align: left;
            font-style: normal; }
        .BZRyyfts .maincontent .rightS .yylistbox .interviewLScardList1 {
          margin-top: 1vh;
          display: flex;
          flex-wrap: wrap; }
          .BZRyyfts .maincontent .rightS .yylistbox .interviewLScardList1 .interviewLScardListItem {
            padding: 2vh 1vw;
            box-sizing: border-box;
            width: 30vw;
            background: #F4F9FD;
            border-radius: .6vw;
            margin: 0 .5vw;
            margin-top: 2vh; }
            .BZRyyfts .maincontent .rightS .yylistbox .interviewLScardList1 .interviewLScardListItem .topInfo {
              display: flex;
              border-bottom: .1vh solid #E6E6E6;
              padding-bottom: 1vh;
              box-sizing: border-box; }
              .BZRyyfts .maincontent .rightS .yylistbox .interviewLScardList1 .interviewLScardListItem .topInfo .topInfoHeader {
                width: 2vw;
                height: 4vh; }
                .BZRyyfts .maincontent .rightS .yylistbox .interviewLScardList1 .interviewLScardListItem .topInfo .topInfoHeader img {
                  width: 100%;
                  height: 100%; }
              .BZRyyfts .maincontent .rightS .yylistbox .interviewLScardList1 .interviewLScardListItem .topInfo .topInfoName {
                margin-left: 1vw;
                line-height: 4vh;
                font-size: 1.2vw; }
            .BZRyyfts .maincontent .rightS .yylistbox .interviewLScardList1 .interviewLScardListItem .bottomInfo {
              padding-top: 1vh;
              box-sizing: border-box;
              display: flex;
              justify-content: space-between;
              flex-wrap: wrap;
              color: #4E5969; }
              .BZRyyfts .maincontent .rightS .yylistbox .interviewLScardList1 .interviewLScardListItem .bottomInfo .bottomItem {
                width: 14vw;
                line-height: 3.4vh; }
            .BZRyyfts .maincontent .rightS .yylistbox .interviewLScardList1 .interviewLScardListItem .bottomButton {
              margin-left: auto;
              width: 6vw;
              height: 4vh;
              border-radius: 1vw;
              line-height: 4vh;
              text-align: center;
              cursor: pointer;
              color: #fff;
              background: linear-gradient(270deg, #5AA1FD 0%, #3B83FA 100%); }
      .BZRyyfts .maincontent .rightS .fenye {
        text-align: center;
        margin-top: 1.778vh; }

@charset "UTF-8";
.BZRyuyue {
  background: #F4F9FD;
  min-height: 100vh; }
  .BZRyuyue .cardbox1 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    .BZRyuyue .cardbox1 .img1 {
      width: 100px; }
  .BZRyuyue .aactive {
    border: 1px solid #3F8CFF; }
  .BZRyuyue .maincontent {
    padding: 2.778vh 1.562vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    .BZRyuyue .maincontent .left {
      width: 28.125vw;
      min-height: 83.3vh;
      background: #FFFFFF;
      margin-right: 1.042vw;
      box-sizing: border-box;
      border-radius: 24px;
      padding: 2.778vh 1.562vw; }
      .BZRyuyue .maincontent .left .titlebox {
        display: flex;
        justify-content: flex-start;
        align-items: center; }
        .BZRyuyue .maincontent .left .titlebox .imgg {
          width: 3.51vh;
          height: 3.51vh;
          margin-right: 0.521vw; }
        .BZRyuyue .maincontent .left .titlebox .title {
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 2.222vh;
          color: #3F8CFF;
          line-height: 2.222vh;
          text-align: left;
          font-style: normal; }
      .BZRyuyue .maincontent .left .teacherItem {
        width: 25vw;
        height: 8.3vh;
        background: #F4F9FD;
        border-radius: 12px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 0 1.56vw;
        box-sizing: border-box;
        margin-top: 1.85vh;
        cursor: pointer; }
        .BZRyuyue .maincontent .left .teacherItem .imgg {
          margin-right: 0.52vw; }
        .BZRyuyue .maincontent .left .teacherItem .right12 .name {
          font-family: PingFangSC, PingFang SC;
          font-weight: 400;
          font-size: 1.48vh;
          color: #0A1629;
          line-height: 2.222vh;
          text-align: left;
          font-style: normal; }
        .BZRyuyue .maincontent .left .teacherItem .right12 .description {
          font-family: PingFangSC, PingFang SC;
          font-weight: 400;
          font-size: 1.29vh;
          color: #91929E;
          line-height: 1.85vh;
          font-style: normal; }
    .BZRyuyue .maincontent .rightS {
      width: 67.7vw;
      min-height: 83.3vh;
      background: #FFFFFF;
      border-radius: 24px;
      padding: 2.778vh 1.562vw;
      box-sizing: border-box; }
      .BZRyuyue .maincontent .rightS .cardItem {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        height: 20.37vh;
        background: #F4F9FD;
        border-radius: 12px;
        padding: 1.85vh 1.04vw;
        box-sizing: border-box;
        margin-right: 1.56vw;
        margin-top: 1.778vh; }
        .BZRyuyue .maincontent .rightS .cardItem .imgg {
          width: 7.29vw;
          height: 16.667vh;
          margin-right: 1.04vw; }
        .BZRyuyue .maincontent .rightS .cardItem .right1 .up {
          display: flex;
          align-items: flex-start;
          justify-content: flex-start; }
          .BZRyuyue .maincontent .rightS .cardItem .right1 .up .upleft .namebox {
            display: flex;
            justify-content: flex-start;
            align-items: center; }
            .BZRyuyue .maincontent .rightS .cardItem .right1 .up .upleft .namebox .name {
              font-family: PingFangSC, PingFang SC;
              font-weight: 400;
              font-size: 1.48vh;
              color: #0A1629;
              line-height: 2.22vh;
              text-align: left;
              font-style: normal;
              margin-right: 0.521vw; }
          .BZRyuyue .maincontent .rightS .cardItem .right1 .up .upleft .tips {
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            font-size: 1.3vh;
            color: #91929E;
            line-height: 1.85vh;
            text-align: left;
            font-style: normal; }
          .BZRyuyue .maincontent .rightS .cardItem .right1 .up .upright {
            margin-left: 1.718vw; }
        .BZRyuyue .maincontent .rightS .cardItem .right1 .down {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .BZRyuyue .maincontent .rightS .cardItem .right1 .down .downleft {
            margin-right: 9.3vw; }
            .BZRyuyue .maincontent .rightS .cardItem .right1 .down .downleft .hang {
              display: flex;
              justify-content: flex-start;
              align-items: center;
              margin-top: 0.9259vh; }
              .BZRyuyue .maincontent .rightS .cardItem .right1 .down .downleft .hang img {
                width: 2.222vh;
                height: 2.222vh;
                margin-right: 0.521vw; }
              .BZRyuyue .maincontent .rightS .cardItem .right1 .down .downleft .hang p {
                font-family: PingFangSC, PingFang SC;
                font-weight: 300;
                font-size: 1.111vh;
                color: #A0A2D1;
                line-height: 1.574vh;
                text-align: left;
                font-style: normal; }
                .BZRyuyue .maincontent .rightS .cardItem .right1 .down .downleft .hang p .dianhua {
                  font-family: PingFangSC, PingFang SC;
                  font-weight: 400;
                  font-size: 1.111vh;
                  color: #151861;
                  line-height: 1.574vh;
                  text-align: left;
                  font-style: normal; }
      .BZRyuyue .maincontent .rightS .title {
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        font-size: 1.6vh;
        color: #434B5B;
        line-height: 1.6vh;
        font-style: normal;
        margin-top: 2.778vh;
        margin-bottom: 1.85vh; }
      .BZRyuyue .maincontent .rightS .selectbox {
        display: flex;
        justify-content: flex-start;
        align-items: center; }
        .BZRyuyue .maincontent .rightS .selectbox .label {
          margin-right: 1vw; }
        .BZRyuyue .maincontent .rightS .selectbox .selctItembox {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          margin-right: 1vw; }
      .BZRyuyue .maincontent .rightS .imgg {
        width: 2.29vw;
        height: 2.29vw;
        margin-right: 0.5vw; }
      .BZRyuyue .maincontent .rightS .is-bordered {
        width: 11vw;
        height: 7.4vh;
        background: #F4F9FD;
        border-radius: 12px;
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
        align-items: center;
        margin-left: 0px; }
      .BZRyuyue .maincontent .rightS .xueshengItembox {
        display: flex;
        justify-content: flex-start;
        align-items: center; }
      .BZRyuyue .maincontent .rightS .el-checkbox__input {
        order: 2;
        /* 调整复选框的位置 */ }
      .BZRyuyue .maincontent .rightS .el-checkbox__label {
        order: 1;
        /* 调整标签的位置 */
        margin-right: 10px;
        /* 可以根据需要调整标签与复选框之间的间距 */ }
      .BZRyuyue .maincontent .rightS .el-checkbox-group {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap; }
      .BZRyuyue .maincontent .rightS .chakangengduo {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 1.48vh;
        color: #3F8CFF;
        line-height: 1.48vh;
        text-align: center;
        font-style: normal;
        cursor: pointer;
        margin: 1vh; }

.BZRevaluationList {
  background: #F3F5FD;
  height: calc(100vh - 6vh); }
  .BZRevaluationList .evaluation {
    background: #F3F5FD;
    padding: 5vh 2vw;
    box-sizing: border-box; }
    .BZRevaluationList .evaluation .evaluationBox {
      width: 96vw;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column; }
      .BZRevaluationList .evaluation .evaluationBox .isNone {
        margin: auto;
        margin-top: 10vh; }
        .BZRevaluationList .evaluation .evaluationBox .isNone .isNoneBoxImg {
          width: 20vw;
          height: 40vh; }
          .BZRevaluationList .evaluation .evaluationBox .isNone .isNoneBoxImg img {
            width: 100%;
            height: 100%; }
        .BZRevaluationList .evaluation .evaluationBox .isNone .isNoneBoxInfo {
          color: #595B63;
          font-size: 2vw;
          text-align: center; }
      .BZRevaluationList .evaluation .evaluationBox .evaluationBoxCard {
        width: 70vw;
        height: 11vh;
        background: #FFFFFF;
        border-radius: .4vw;
        display: flex;
        padding: 1vw;
        box-sizing: border-box;
        position: relative;
        margin: 1vh .5vw; }
        .BZRevaluationList .evaluation .evaluationBox .evaluationBoxCard .rightTOP {
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 1vw;
          color: #07B473;
          line-height: 4vh;
          text-align: center;
          font-style: normal;
          position: absolute;
          right: 0;
          top: 0;
          width: 5vw;
          height: 4vh; }
          .BZRevaluationList .evaluation .evaluationBox .evaluationBoxCard .rightTOP img {
            width: 100%;
            height: 100%; }
        .BZRevaluationList .evaluation .evaluationBox .evaluationBoxCard .evaluationBoxCardLeft {
          width: 8vh;
          height: 8vh;
          border-radius: 1vw; }
          .BZRevaluationList .evaluation .evaluationBox .evaluationBoxCard .evaluationBoxCardLeft img {
            border-radius: .8vw;
            width: 100%;
            height: 100%; }
        .BZRevaluationList .evaluation .evaluationBox .evaluationBoxCard .evaluationBoxCardCenter {
          width: 30vw;
          margin-left: 2vw; }
          .BZRevaluationList .evaluation .evaluationBox .evaluationBoxCard .evaluationBoxCardCenter .evaluationBoxCardCenterTitle {
            font-family: PingFangSC, PingFang SC;
            font-weight: 500;
            font-size: 1.2vw;
            color: #000000;
            text-align: left;
            font-style: normal; }
          .BZRevaluationList .evaluation .evaluationBox .evaluationBoxCard .evaluationBoxCardCenter .evaluationBoxCardCenterTime {
            margin-top: 2vh;
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            font-size: 1vw;
            color: #333333;
            text-align: left;
            font-style: normal; }
            .BZRevaluationList .evaluation .evaluationBox .evaluationBoxCard .evaluationBoxCardCenter .evaluationBoxCardCenterTime span {
              color: #929AA7;
              margin-right: 1w; }
            .BZRevaluationList .evaluation .evaluationBox .evaluationBoxCard .evaluationBoxCardCenter .evaluationBoxCardCenterTime b {
              font-style: none;
              margin-right: .3vw; }
            .BZRevaluationList .evaluation .evaluationBox .evaluationBoxCard .evaluationBoxCardCenter .evaluationBoxCardCenterTime .CardCenterTimeBottom {
              margin-top: 1vh; }
        .BZRevaluationList .evaluation .evaluationBox .evaluationBoxCard .el-dialog {
          border-radius: .8vw; }
        .BZRevaluationList .evaluation .evaluationBox .evaluationBoxCard .el-dialog__title {
          font-size: 1.3vw; }
        .BZRevaluationList .evaluation .evaluationBox .evaluationBoxCard .el-dialog__body {
          font-size: 1vw; }
        .BZRevaluationList .evaluation .evaluationBox .evaluationBoxCard .dialogInfo {
          line-height: 3vh; }
        .BZRevaluationList .evaluation .evaluationBox .evaluationBoxCard .dialogCheckbox {
          margin-top: 2vh;
          font-size: .8vw; }
        .BZRevaluationList .evaluation .evaluationBox .evaluationBoxCard .buttons {
          cursor: pointer;
          width: 7vw;
          height: 3.2vh;
          background: #2C8BF2;
          border-radius: 1.4vw;
          font-weight: 400;
          font-size: .8vw;
          color: #FFFFFF;
          line-height: 4.2vh;
          text-align: center;
          margin: 2vh 0 0 20vw; }
        .BZRevaluationList .evaluation .evaluationBox .evaluationBoxCard .evaluationBoxCardRight {
          margin-top: 5vh;
          margin-left: 28vw; }
          .BZRevaluationList .evaluation .evaluationBox .evaluationBoxCard .evaluationBoxCardRight .button {
            cursor: pointer;
            width: 5vw;
            height: 3.2vh;
            border-radius: 20px;
            font-weight: 400;
            font-size: .8vw;
            color: #FFFFFF;
            line-height: 3.2vh;
            text-align: center; }

.XXHomePage {
  background: #F3F5FD;
  height: 100vh;
  background-image: url("/content/image/xljkImg/homeBg.png");
  background-size: cover;
  background-size: 100% 100%;
  box-sizing: border-box;
  position: relative;
  padding: 3vh 4vw; }
  .XXHomePage h3 {
    line-height: 4vh; }
  .XXHomePage .el-dialog__title {
    font-size: 1.4vw; }
  .XXHomePage .InterviewHomepageTop {
    display: flex;
    justify-content: space-between; }
    .XXHomePage .InterviewHomepageTop .InterviewHomepageTopLeft .InterviewHomepageTopLeftTitle {
      font-family: PingFangSC, PingFang SC;
      font-size: 2.8vw;
      color: #232427;
      text-align: left;
      font-style: normal;
      margin-top: 8vh; }
    .XXHomePage .InterviewHomepageTop .InterviewHomepageTopLeft .huanyinci {
      font-family: PingFangSC, PingFang SC;
      font-size: 2.0vw;
      color: #232427;
      text-align: left;
      font-style: normal;
      margin-top: 1vh;
      margin-left: 7vw; }
    .XXHomePage .InterviewHomepageTop .InterviewHomepageTopLeft .InterviewHomepageTopLeftTag {
      display: flex;
      margin-top: 4vh; }
      .XXHomePage .InterviewHomepageTop .InterviewHomepageTopLeft .InterviewHomepageTopLeftTag .InterviewHomepageTopLeftTags {
        margin-left: 1vw;
        text-align: center;
        width: 16vw;
        height: 5vh;
        line-height: 5vh;
        background: #fff;
        border-radius: 2vw;
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 1vw;
        color: #4E5969;
        font-style: normal; }
    .XXHomePage .InterviewHomepageTop .InterviewHomepageTopRight .InterviewHomepageImg {
      margin-right: 10vw;
      width: 18vw; }
      .XXHomePage .InterviewHomepageTop .InterviewHomepageTopRight .InterviewHomepageImg img {
        width: 51.2vh;
        height: 42.5vh; }
  .XXHomePage .listbox {
    margin-top: 5.1vh;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .XXHomePage .listbox .itemm {
      cursor: pointer;
      width: 28vw;
      height: 36vh;
      border-radius: 16px;
      padding: 2.77vh;
      box-sizing: border-box; }
      .XXHomePage .listbox .itemm .imgg {
        width: 11.11vh;
        height: 11.11vh; }
      .XXHomePage .listbox .itemm .titlesbox {
        font-family: PingFangSC, PingFang SC;
        font-weight: 600;
        font-size: 5vh;
        color: #FFFFFF;
        line-height: 5vh;
        text-align: left;
        font-style: normal;
        margin-top: 1.85vh;
        margin-bottom: 1.388vh; }
      .XXHomePage .listbox .itemm .descriptionbox {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 2.8vh;
        color: #FFFFFF;
        line-height: 6vh;
        text-align: justify;
        font-style: normal; }

.XDxiafaDialog .buttbox {
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  .XDxiafaDialog .buttbox .butt {
    margin-left: 0.521vw; }

.XDxiafaDialog .fenye {
  margin-top: 8.8vh;
  text-align: center; }

.XDxiafaDialog .dialogminbox {
  min-height: 50vh; }
  .XDxiafaDialog .dialogminbox .el-table__empty-block {
    height: 40vh !important; }

.XDxiafaDialog .innerDialog .el-dialog__header {
  background: #F3F7FF;
  border-radius: 24px 24px 0px 0px; }

.XDxiafaDialog .innerDialog .el-dialog {
  border-radius: 24px;
  margin-top: 15vh !important; }

.formbox .el-select {
  width: 100%; }

.page {
  background: #F4F9FD;
  min-height: 100vh; }
  .page .box_6 {
    width: 100vw;
    height: 52.66vw;
    margin-bottom: 0.06vw; }
    .page .box_6 .group_4 {
      background-color: white;
      border-radius: 24px;
      width: 96.88vw;
      height: 93.6vh;
      justify-content: flex-center;
      margin: 1.56vw 0 1.61vw 1.56vw; }
      .page .box_6 .group_4 .group_8 {
        width: 7.5vw;
        height: 1.98vw;
        margin: 1.56vw 0 0 1.56vw; }
        .page .box_6 .group_4 .group_8 .label_3 {
          width: 1.98vw;
          height: 3.52vh; }
        .page .box_6 .group_4 .group_8 .text_7 {
          width: 5vw;
          height: 2.22vh;
          overflow-wrap: break-word;
          color: #3f8cff;
          font-size: 1.25vw;
          font-family: PingFangSC-Medium;
          font-weight: 500;
          text-align: left;
          white-space: nowrap;
          line-height: 2.22vh;
          margin-top: 0.6577vh; }
      .page .box_6 .group_4 .grid_3 {
        width: 100vw;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin: 1.56vw 0 0 1.56vw;
        align-items: flex-start; }
        .page .box_6 .group_4 .grid_3 .list-items_1 {
          background-color: #f4f9fd;
          border-radius: 12px;
          width: 46.1vw;
          height: 9.26vh;
          margin: 0 1.61vw 1.66vw 0; }
          .page .box_6 .group_4 .grid_3 .list-items_1 .image-text_7 {
            width: 19.74vw;
            height: 3.13vw;
            margin: 1.04vw 0 0 1.04vw; }
            .page .box_6 .group_4 .grid_3 .list-items_1 .image-text_7 .image_3 {
              width: 5.56vh;
              height: 5.56vh; }
            .page .box_6 .group_4 .grid_3 .list-items_1 .image-text_7 .text-group_6 {
              width: 15.58vw;
              height: 4.46vh;
              margin-top: 0.942vh; }
              .page .box_6 .group_4 .grid_3 .list-items_1 .image-text_7 .text-group_6 .text_14 {
                width: 15.73vw;
                height: 0.94vw;
                overflow-wrap: break-word;
                color: #000001;
                font-size: 0.93vw;
                font-family: PingFangSC-Medium;
                font-weight: 500;
                text-align: left;
                white-space: nowrap;
                line-height: 0.94vw; }
              .page .box_6 .group_4 .grid_3 .list-items_1 .image-text_7 .text-group_6 .text_15 {
                width: 2.19vw;
                height: 0.84vw;
                overflow-wrap: break-word;
                color: #6f737b;
                font-size: 0.83vw;
                font-weight: normal;
                text-align: left;
                white-space: nowrap;
                line-height: 0.84vw;
                margin-top: 0.84vw; }
          .page .box_6 .group_4 .grid_3 .list-items_1 .block_1 {
            background-color: #3f8cff;
            border-radius: 9px;
            width: 5.73vw;
            height: 2.09vw;
            margin: 1.56vw 1.51vw 0 18.07vw; }
            .page .box_6 .group_4 .grid_3 .list-items_1 .block_1 .image-text_8 {
              width: 3.44vw;
              height: 1.25vw;
              margin: 0.41vw 0 0 1.04vw; }
              .page .box_6 .group_4 .grid_3 .list-items_1 .block_1 .image-text_8 .label_6 {
                width: 1.25vw;
                height: 1.25vw; }
              .page .box_6 .group_4 .grid_3 .list-items_1 .block_1 .image-text_8 .text-group_2 {
                width: 1.67vw;
                height: 0.84vw;
                overflow-wrap: break-word;
                color: white;
                font-size: 0.83vw;
                font-weight: normal;
                text-align: justify;
                white-space: nowrap;
                line-height: 0.84vw;
                margin-top: 0.21vw; }
      .page .box_6 .group_4 .fenye {
        text-align: center;
        margin-top: 10px; }
  .page body * {
    box-sizing: border-box;
    flex-shrink: 0; }
  .page body {
    font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, PingFang SC-Light, Microsoft YaHei; }
  .page button {
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    outline: none;
    background-color: transparent; }
  .page button:active {
    opacity: 0.6; }
  .page .van-nav-bar__left:active,
  .page .van-nav-bar__right:active {
    opacity: 1; }
  .page [class*='van-']::after {
    border-bottom: 0; }
  .page .flex-col {
    display: flex;
    flex-direction: column; }
  .page .flex-row {
    display: flex;
    flex-direction: row; }
  .page .justify-start {
    display: flex;
    justify-content: flex-start; }
  .page .justify-center {
    display: flex;
    justify-content: center; }
  .page .justify-end {
    display: flex;
    justify-content: flex-end; }
  .page .justify-evenly {
    display: flex;
    justify-content: space-evenly; }
  .page .justify-around {
    display: flex;
    justify-content: space-around; }
  .page .justify-between {
    display: flex;
    justify-content: space-between; }
  .page .align-start {
    display: flex;
    align-items: flex-start; }
  .page .align-center {
    display: flex;
    align-items: center; }
  .page .align-end {
    display: flex;
    align-items: flex-end; }

.BZRnavbox .XDnav {
  width: 100%;
  height: 6.48vh;
  background: #3F8CFF;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .BZRnavbox .XDnav .left {
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .BZRnavbox .XDnav .left .logoImg {
      width: 30px;
      height: 30px;
      margin-left: 1.56vw;
      margin-right: 1.04vw; }
    .BZRnavbox .XDnav .left .title {
      font-family: PingFangSC, PingFang SC;
      font-weight: 600;
      font-size: 2.222vh;
      color: #FFFFFF;
      line-height: 3.055vh;
      text-align: left;
      font-style: normal; }
  .BZRnavbox .XDnav .right {
    display: flex;
    justify-content: flex-end;
    align-items: center; }
    .BZRnavbox .XDnav .right .avatar {
      width: 3.426vh;
      height: 3.426vh;
      margin-left: 1.458vw;
      margin-right: 0.677vw; }
    .BZRnavbox .XDnav .right .username {
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      font-size: 1.48vh;
      color: #FFFFFF;
      line-height: 2.037vh;
      text-align: center;
      font-style: normal;
      margin-right: 1.458vw;
      cursor: pointer; }

.BZRnavbox .mbxbox {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 4.629vh;
  background: #FFFFFF;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 1.296vh;
  color: #6C6EA9;
  line-height: 2.037vh;
  text-align: left;
  font-style: normal; }

.BZRnavbox .yemiandaohang {
  cursor: pointer;
  font-size: 1.8vh; }

.BZRnavbox .active {
  color: #151861; }

.XXevaluationList {
  background: #F3F5FD;
  height: calc(100vh - 6vh); }
  .XXevaluationList .evaluation {
    background: #F3F5FD;
    padding: 5vh 2vw;
    box-sizing: border-box; }
    .XXevaluationList .evaluation .evaluationBox {
      width: 96vw;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column; }
      .XXevaluationList .evaluation .evaluationBox .isNone {
        margin: auto;
        margin-top: 10vh; }
        .XXevaluationList .evaluation .evaluationBox .isNone .isNoneBoxImg {
          width: 20vw;
          height: 40vh; }
          .XXevaluationList .evaluation .evaluationBox .isNone .isNoneBoxImg img {
            width: 100%;
            height: 100%; }
        .XXevaluationList .evaluation .evaluationBox .isNone .isNoneBoxInfo {
          color: #595B63;
          font-size: 2vw;
          text-align: center; }
      .XXevaluationList .evaluation .evaluationBox .evaluationBoxCard {
        width: 70vw;
        height: 11vh;
        background: #FFFFFF;
        border-radius: .4vw;
        display: flex;
        padding: 1vw;
        box-sizing: border-box;
        position: relative;
        margin: 1vh .5vw; }
        .XXevaluationList .evaluation .evaluationBox .evaluationBoxCard .rightTOP {
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 1vw;
          color: #07B473;
          line-height: 4vh;
          text-align: center;
          font-style: normal;
          position: absolute;
          right: 0;
          top: 0;
          width: 5vw;
          height: 4vh; }
          .XXevaluationList .evaluation .evaluationBox .evaluationBoxCard .rightTOP img {
            width: 100%;
            height: 100%; }
        .XXevaluationList .evaluation .evaluationBox .evaluationBoxCard .evaluationBoxCardLeft {
          width: 8vh;
          height: 8vh;
          border-radius: 1vw; }
          .XXevaluationList .evaluation .evaluationBox .evaluationBoxCard .evaluationBoxCardLeft img {
            border-radius: .8vw;
            width: 100%;
            height: 100%; }
        .XXevaluationList .evaluation .evaluationBox .evaluationBoxCard .evaluationBoxCardCenter {
          width: 30vw;
          margin-left: 2vw; }
          .XXevaluationList .evaluation .evaluationBox .evaluationBoxCard .evaluationBoxCardCenter .evaluationBoxCardCenterTitle {
            font-family: PingFangSC, PingFang SC;
            font-weight: 500;
            font-size: 1.2vw;
            color: #000000;
            text-align: left;
            font-style: normal; }
          .XXevaluationList .evaluation .evaluationBox .evaluationBoxCard .evaluationBoxCardCenter .evaluationBoxCardCenterTime {
            margin-top: 2vh;
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            font-size: 1vw;
            color: #333333;
            text-align: left;
            font-style: normal; }
            .XXevaluationList .evaluation .evaluationBox .evaluationBoxCard .evaluationBoxCardCenter .evaluationBoxCardCenterTime span {
              color: #929AA7;
              margin-right: 1w; }
            .XXevaluationList .evaluation .evaluationBox .evaluationBoxCard .evaluationBoxCardCenter .evaluationBoxCardCenterTime b {
              font-style: none;
              margin-right: .3vw; }
            .XXevaluationList .evaluation .evaluationBox .evaluationBoxCard .evaluationBoxCardCenter .evaluationBoxCardCenterTime .CardCenterTimeBottom {
              margin-top: 1vh; }
        .XXevaluationList .evaluation .evaluationBox .evaluationBoxCard .el-dialog {
          border-radius: .8vw; }
        .XXevaluationList .evaluation .evaluationBox .evaluationBoxCard .el-dialog__title {
          font-size: 1.3vw; }
        .XXevaluationList .evaluation .evaluationBox .evaluationBoxCard .el-dialog__body {
          font-size: 1vw; }
        .XXevaluationList .evaluation .evaluationBox .evaluationBoxCard .dialogInfo {
          line-height: 3vh; }
        .XXevaluationList .evaluation .evaluationBox .evaluationBoxCard .dialogCheckbox {
          margin-top: 2vh;
          font-size: .8vw; }
        .XXevaluationList .evaluation .evaluationBox .evaluationBoxCard .buttons {
          cursor: pointer;
          width: 7vw;
          height: 3.2vh;
          background: #2C8BF2;
          border-radius: 1.4vw;
          font-weight: 400;
          font-size: .8vw;
          color: #FFFFFF;
          line-height: 4.2vh;
          text-align: center;
          margin: 2vh 0 0 20vw; }
        .XXevaluationList .evaluation .evaluationBox .evaluationBoxCard .evaluationBoxCardRight {
          margin-top: 5vh;
          margin-left: 28vw; }
          .XXevaluationList .evaluation .evaluationBox .evaluationBoxCard .evaluationBoxCardRight .button {
            cursor: pointer;
            width: 5vw;
            height: 3.2vh;
            border-radius: 20px;
            font-weight: 400;
            font-size: .8vw;
            color: #FFFFFF;
            line-height: 3.2vh;
            text-align: center; }

.XDzxxxiafaDialog .buttbox {
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  .XDzxxxiafaDialog .buttbox .butt {
    margin-left: 0.521vw; }

.XDzxxxiafaDialog .fenye {
  margin-top: 8.8vh;
  text-align: center; }

.XDzxxxiafaDialog .dialogminbox {
  min-height: 50vh; }
  .XDzxxxiafaDialog .dialogminbox .el-table__empty-block {
    height: 40vh !important; }

.XDzxxxiafaDialog .innerDialog .el-dialog__header {
  background: #F3F7FF;
  border-radius: 24px 24px 0px 0px; }

.XDzxxxiafaDialog .innerDialog .el-dialog {
  border-radius: 24px;
  margin-top: 15vh !important; }

.formbox .el-select {
  width: 100%; }

.XXYHomePage {
  background: #F3F5FD;
  height: 100vh;
  background-image: url("/content/image/xljkImg/homeBg.png");
  background-size: cover;
  background-size: 100% 100%;
  box-sizing: border-box;
  position: relative;
  padding: 3vh 4vw; }
  .XXYHomePage .el-dialog__title {
    font-size: 1.4vw; }
  .XXYHomePage .InterviewHomepageTop {
    display: flex;
    justify-content: space-between; }
    .XXYHomePage .InterviewHomepageTop .InterviewHomepageTopLeft .InterviewHomepageTopLeftTitle {
      font-family: PingFangSC, PingFang SC;
      font-size: 2.8vw;
      color: #232427;
      text-align: left;
      font-style: normal;
      margin-top: 8vh; }
    .XXYHomePage .InterviewHomepageTop .InterviewHomepageTopLeft .huanyinci {
      font-family: PingFangSC, PingFang SC;
      font-size: 2.0vw;
      color: #232427;
      text-align: left;
      font-style: normal;
      margin-top: 1vh;
      margin-left: 7vw; }
    .XXYHomePage .InterviewHomepageTop .InterviewHomepageTopLeft .InterviewHomepageTopLeftTag {
      display: flex;
      margin-top: 4vh; }
      .XXYHomePage .InterviewHomepageTop .InterviewHomepageTopLeft .InterviewHomepageTopLeftTag .InterviewHomepageTopLeftTags {
        margin-left: 1vw;
        text-align: center;
        width: 6vw;
        height: 5vh;
        line-height: 5vh;
        background: #fff;
        border-radius: 2vw;
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 1vw;
        color: #4E5969;
        font-style: normal; }
    .XXYHomePage .InterviewHomepageTop .InterviewHomepageTopRight .InterviewHomepageImg {
      margin-right: 10vw;
      width: 18vw; }
      .XXYHomePage .InterviewHomepageTop .InterviewHomepageTopRight .InterviewHomepageImg img {
        width: 51.2vh;
        height: 42.5vh; }
  .XXYHomePage .listbox {
    margin-top: 5.1vh;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .XXYHomePage .listbox .itemm {
      cursor: pointer;
      width: 28vw;
      height: 36vh;
      border-radius: 16px;
      padding: 2.77vh;
      box-sizing: border-box; }
      .XXYHomePage .listbox .itemm .imgg {
        width: 11.11vh;
        height: 11.11vh; }
      .XXYHomePage .listbox .itemm .titlesbox {
        font-family: PingFangSC, PingFang SC;
        font-weight: 600;
        font-size: 5vh;
        color: #FFFFFF;
        line-height: 5vh;
        text-align: left;
        font-style: normal;
        margin-top: 3vh;
        margin-bottom: 1.388vh; }
      .XXYHomePage .listbox .itemm .descriptionbox {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 2.8vh;
        color: #FFFFFF;
        line-height: 6vh;
        text-align: justify;
        font-style: normal; }

.XDjibenzigeshenhe {
  width: 100%;
  box-sizing: border-box;
  background: url("/content/image/xljkImg/evaluationBGA.png") center center no-repeat;
  background-size: cover;
  position: relative;
  box-sizing: border-box;
  padding: 2.7778vh 2.083333vw;
  border-radius: 0px 0px 16px 16px;
  width: 93vw;
  background: #FFFFFF;
  border-radius: 16px;
  margin: auto;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 25vh; }
  .XDjibenzigeshenhe .el-table__empty-block {
    height: 44vh !important; }
  .XDjibenzigeshenhe .table-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    margin-bottom: 15px; }
  .XDjibenzigeshenhe .pagination-container {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    padding: 10px;
    border-radius: 4px; }
  .XDjibenzigeshenhe .cardbox1 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    .XDjibenzigeshenhe .cardbox1 img {
      width: 200px;
      height: 200px;
      margin-bottom: 20px; }
    .XDjibenzigeshenhe .cardbox1 p {
      color: #999;
      font-size: 14px; }
  .XDjibenzigeshenhe .shenheFormformbox .buttbox {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px; }
  .XDjibenzigeshenhe .shenheFormformbox .el-select {
    width: 100%; }

.XDzigeshenhehomebox .XDzigeshenhehome {
  background: #F4F9FD;
  min-height: 100vh; }
  .XDzigeshenhehomebox .XDzigeshenhehome .buttbox {
    display: flex;
    justify-content: center;
    align-items: center; }
    .XDzigeshenhehomebox .XDzigeshenhehome .buttbox .butt {
      margin-left: 0.521vw; }
  .XDzigeshenhehomebox .XDzigeshenhehome .dialogminbox {
    min-height: 20vh; }
    .XDzigeshenhehomebox .XDzigeshenhehome .dialogminbox .shenheneirong p {
      margin-top: 1.5vh; }
  .XDzigeshenhehomebox .XDzigeshenhehome .maincontent {
    padding: 2.778vh 12.5vw; }
    .XDzigeshenhehomebox .XDzigeshenhehome .maincontent .title {
      margin-top: 5.556vh;
      margin-bottom: 2.778vh;
      display: flex;
      justify-content: flex;
      align-items: center;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      font-size: 2.222vh;
      color: #3F8CFF;
      line-height: 2.222vh;
      text-align: left;
      font-style: normal; }
      .XDzigeshenhehomebox .XDzigeshenhehome .maincontent .title img {
        width: 3.518vh;
        height: 3.518vh; }
    .XDzigeshenhehomebox .XDzigeshenhehome .maincontent .maincontentitembox {
      display: flex;
      justify-content: center;
      align-items: center; }
      .XDzigeshenhehomebox .XDzigeshenhehome .maincontent .maincontentitembox .item {
        width: 23.95vw;
        height: 24vh;
        background: #FFFFFF;
        border-radius: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-right: 1.56vw;
        cursor: pointer; }
        .XDzigeshenhehomebox .XDzigeshenhehome .maincontent .maincontentitembox .item img {
          width: 8.14vh; }
        .XDzigeshenhehomebox .XDzigeshenhehome .maincontent .maincontentitembox .item .bjjingdu {
          margin: 1.85vh 0;
          font-family: PingFangSC, PingFang SC;
          font-weight: 600;
          font-size: 2.5vh;
          color: #333333;
          line-height: 2.5vh;
          font-style: normal; }
        .XDzigeshenhehomebox .XDzigeshenhehome .maincontent .maincontentitembox .item .tips {
          font-family: PingFangSC, PingFang SC;
          font-weight: 400;
          font-size: 2.222vh;
          color: #999999;
          line-height: 2.222vh;
          font-style: normal; }

.XXYevaluationList {
  background: #F3F5FD;
  height: calc(100vh - 6vh); }
  .XXYevaluationList .evaluation {
    background: #F3F5FD;
    padding: 5vh 2vw;
    box-sizing: border-box; }
    .XXYevaluationList .evaluation .evaluationBox {
      width: 96vw;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column; }
      .XXYevaluationList .evaluation .evaluationBox .isNone {
        margin: auto;
        margin-top: 10vh; }
        .XXYevaluationList .evaluation .evaluationBox .isNone .isNoneBoxImg {
          width: 20vw;
          height: 40vh; }
          .XXYevaluationList .evaluation .evaluationBox .isNone .isNoneBoxImg img {
            width: 100%;
            height: 100%; }
        .XXYevaluationList .evaluation .evaluationBox .isNone .isNoneBoxInfo {
          color: #595B63;
          font-size: 2vw;
          text-align: center; }
      .XXYevaluationList .evaluation .evaluationBox .evaluationBoxCard {
        width: 70vw;
        height: 11vh;
        background: #FFFFFF;
        border-radius: .4vw;
        display: flex;
        padding: 1vw;
        box-sizing: border-box;
        position: relative;
        margin: 1vh .5vw; }
        .XXYevaluationList .evaluation .evaluationBox .evaluationBoxCard .rightTOP {
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 1vw;
          color: #07B473;
          line-height: 4vh;
          text-align: center;
          font-style: normal;
          position: absolute;
          right: 0;
          top: 0;
          width: 5vw;
          height: 4vh; }
          .XXYevaluationList .evaluation .evaluationBox .evaluationBoxCard .rightTOP img {
            width: 100%;
            height: 100%; }
        .XXYevaluationList .evaluation .evaluationBox .evaluationBoxCard .evaluationBoxCardLeft {
          width: 8vh;
          height: 8vh;
          border-radius: 1vw; }
          .XXYevaluationList .evaluation .evaluationBox .evaluationBoxCard .evaluationBoxCardLeft img {
            border-radius: .8vw;
            width: 100%;
            height: 100%; }
        .XXYevaluationList .evaluation .evaluationBox .evaluationBoxCard .evaluationBoxCardCenter {
          width: 30vw;
          margin-left: 2vw; }
          .XXYevaluationList .evaluation .evaluationBox .evaluationBoxCard .evaluationBoxCardCenter .evaluationBoxCardCenterTitle {
            font-family: PingFangSC, PingFang SC;
            font-weight: 500;
            font-size: 1.2vw;
            color: #000000;
            text-align: left;
            font-style: normal; }
          .XXYevaluationList .evaluation .evaluationBox .evaluationBoxCard .evaluationBoxCardCenter .evaluationBoxCardCenterTime {
            margin-top: 2vh;
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            font-size: 1vw;
            color: #333333;
            text-align: left;
            font-style: normal; }
            .XXYevaluationList .evaluation .evaluationBox .evaluationBoxCard .evaluationBoxCardCenter .evaluationBoxCardCenterTime span {
              color: #929AA7;
              margin-right: 1w; }
            .XXYevaluationList .evaluation .evaluationBox .evaluationBoxCard .evaluationBoxCardCenter .evaluationBoxCardCenterTime b {
              font-style: none;
              margin-right: .3vw; }
            .XXYevaluationList .evaluation .evaluationBox .evaluationBoxCard .evaluationBoxCardCenter .evaluationBoxCardCenterTime .CardCenterTimeBottom {
              margin-top: 1vh; }
        .XXYevaluationList .evaluation .evaluationBox .evaluationBoxCard .el-dialog {
          border-radius: .8vw; }
        .XXYevaluationList .evaluation .evaluationBox .evaluationBoxCard .el-dialog__title {
          font-size: 1.3vw; }
        .XXYevaluationList .evaluation .evaluationBox .evaluationBoxCard .el-dialog__body {
          font-size: 1vw; }
        .XXYevaluationList .evaluation .evaluationBox .evaluationBoxCard .dialogInfo {
          line-height: 3vh; }
        .XXYevaluationList .evaluation .evaluationBox .evaluationBoxCard .dialogCheckbox {
          margin-top: 2vh;
          font-size: .8vw; }
        .XXYevaluationList .evaluation .evaluationBox .evaluationBoxCard .buttons {
          cursor: pointer;
          width: 7vw;
          height: 3.2vh;
          background: #2C8BF2;
          border-radius: 1.4vw;
          font-weight: 400;
          font-size: .8vw;
          color: #FFFFFF;
          line-height: 4.2vh;
          text-align: center;
          margin: 2vh 0 0 20vw; }
        .XXYevaluationList .evaluation .evaluationBox .evaluationBoxCard .evaluationBoxCardRight {
          margin-top: 5vh;
          margin-left: 28vw; }
          .XXYevaluationList .evaluation .evaluationBox .evaluationBoxCard .evaluationBoxCardRight .button {
            cursor: pointer;
            width: 5vw;
            height: 3.2vh;
            border-radius: 20px;
            font-weight: 400;
            font-size: .8vw;
            color: #FFFFFF;
            line-height: 3.2vh;
            text-align: center; }

.BZRnavbox .XDnav {
  width: 100%;
  height: 6.48vh;
  background: #3F8CFF;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .BZRnavbox .XDnav .left {
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .BZRnavbox .XDnav .left .logoImg {
      width: 30px;
      height: 30px;
      margin-left: 1.56vw;
      margin-right: 1.04vw; }
    .BZRnavbox .XDnav .left .title {
      font-family: PingFangSC, PingFang SC;
      font-weight: 600;
      font-size: 2.222vh;
      color: #FFFFFF;
      line-height: 3.055vh;
      text-align: left;
      font-style: normal; }
  .BZRnavbox .XDnav .right {
    display: flex;
    justify-content: flex-end;
    align-items: center; }
    .BZRnavbox .XDnav .right .avatar {
      width: 3.426vh;
      height: 3.426vh;
      margin-left: 1.458vw;
      margin-right: 0.677vw; }
    .BZRnavbox .XDnav .right .username {
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      font-size: 1.48vh;
      color: #FFFFFF;
      line-height: 2.037vh;
      text-align: center;
      font-style: normal;
      margin-right: 1.458vw;
      cursor: pointer; }

.BZRnavbox .mbxbox {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 4.629vh;
  background: #FFFFFF;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 1.296vh;
  color: #6C6EA9;
  line-height: 2.037vh;
  text-align: left;
  font-style: normal; }

.BZRnavbox .yemiandaohang {
  cursor: pointer;
  font-size: 1.5vh; }

.BZRnavbox .active {
  color: #151861; }

.JSHomepage {
  background: #F3F5FD;
  height: calc(100vh);
  background: url("/content/image/xljkImg/homeBg.png");
  background-size: cover;
  box-sizing: border-box;
  position: relative;
  padding: 3vh 4vw; }
  .JSHomepage .InterviewHomepageTop {
    display: flex;
    justify-content: space-between; }
    .JSHomepage .InterviewHomepageTop .InterviewHomepageTopLeft .InterviewHomepageTopLeftTitle {
      font-family: PingFangSC, PingFang SC;
      font-size: 2.8vw;
      color: #232427;
      text-align: left;
      font-style: normal;
      margin-top: 8vh; }
    .JSHomepage .InterviewHomepageTop .InterviewHomepageTopLeft .InterviewHomepageTopLeftTag {
      display: flex;
      margin-top: 4vh; }
      .JSHomepage .InterviewHomepageTop .InterviewHomepageTopLeft .InterviewHomepageTopLeftTag .InterviewHomepageTopLeftTags {
        margin-left: 1vw;
        text-align: center;
        width: 16vw;
        height: 5vh;
        line-height: 5vh;
        background: #fff;
        border-radius: 2vw;
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 1vw;
        color: #4E5969;
        font-style: normal; }
    .JSHomepage .InterviewHomepageTop .InterviewHomepageTopRight .InterviewHomepageImg {
      margin-right: 10vw;
      width: 18vw; }
      .JSHomepage .InterviewHomepageTop .InterviewHomepageTopRight .InterviewHomepageImg img {
        width: 100%;
        height: 100%; }
  .JSHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .JSHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .HomepageBottomBox {
      cursor: pointer;
      display: flex;
      margin-top: 6vh;
      width: 30vw;
      height: 18vh;
      border-radius: 16px; }
      .JSHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .HomepageBottomBox .HomepageBottomBoxLeft {
        padding: 2vh 1vw;
        width: 7vw;
        height: 14vh; }
        .JSHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .HomepageBottomBox .HomepageBottomBoxLeft img {
          width: 100%;
          height: 100%; }
      .JSHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .HomepageBottomBox .HomepageBottomBoxRight .HomepageBottomBoxRightTop {
        margin-top: 1vh;
        font-family: PingFangSC, PingFang SC;
        font-size: 2vw;
        color: #FFFFFF;
        text-align: left;
        font-style: normal;
        line-height: 10vh; }
      .JSHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .HomepageBottomBox .HomepageBottomBoxRight .HomepageBottomBoxRightBottom {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 1.2vw;
        color: #FFFFFF;
        font-style: normal; }
    .JSHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .box1 {
      background: radial-gradient(0% 100% at 0% 0%, #2C79F9 0%, #56ADFF 100%); }
    .JSHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .box2 {
      background: radial-gradient(0% 100% at 0% 0%, #00B8CD 0%, #1DE0C3 100%); }
    .JSHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .box3 {
      background: radial-gradient(0% 95% at 0% 0%, #FF7E27 0%, #FFAA41 100%); }
    .JSHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .box4 {
      background: radial-gradient(0% 95% at 0% 0%, #FF7E27 0%, #FFAA41 100%); }
    .JSHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .box5 {
      background: radial-gradient(0% 95% at 0% 0%, #3067FF 0%, #6095FF 100%); }
    .JSHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .box6 {
      background: radial-gradient(0% 100% at 0% 0%, #00B8CD 0%, #1DE0C3 100%); }
    .JSHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .box7 {
      background: radial-gradient(0% 100% at 0% 0%, #00B8CD 0%, #1DE0C3 100%); }
    .JSHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .box8 {
      background: radial-gradient(0% 95% at 0% 0%, #FF7E27 0%, #FFAA41 100%); }
    .JSHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .box9 {
      background: radial-gradient(0% 95% at 0% 0%, #3067FF 0%, #6095FF 100%); }

@charset "UTF-8";
.XDpublicNotice {
  background: #F4F9FD; }
  .XDpublicNotice .aactive {
    border: 1px solid #3F8CFF; }
  .XDpublicNotice .maincontent12 {
    padding: 2.778vh 1.562vw;
    background: #fff;
    margin-top: 2vh;
    min-height: 80vh; }
    .XDpublicNotice .maincontent12 .titlebox {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      margin-bottom: 2.5vh; }
      .XDpublicNotice .maincontent12 .titlebox .logoImg {
        width: 3.518vh;
        height: 3.518vh;
        margin-right: 10px; }
      .XDpublicNotice .maincontent12 .titlebox .zlxz {
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        font-size: 2.222vh;
        color: #3F8CFF;
        line-height: 2.222vh;
        text-align: left;
        font-style: normal; }
    .XDpublicNotice .maincontent12 .formbox_Notice .labeltex {
      margin-bottom: 0.5vh; }
    .XDpublicNotice .maincontent12 .formbox_Notice .el-select {
      width: 100%; }
    .XDpublicNotice .maincontent12 .fanwei {
      cursor: pointer; }
  .XDpublicNotice #editor—wrapper {
    border: 1px solid #ccc;
    z-index: 100;
    /* 按需定义 */ }
  .XDpublicNotice #toolbar-container {
    border-bottom: 1px solid #ccc; }
  .XDpublicNotice #editor-container {
    height: 500px; }
  .XDpublicNotice .el-icon-document {
    height: 20px; }

.BZRXZ1 {
  background: #F4F9FD;
  min-height: 100vh; }
  .BZRXZ1 .courseLearningTop {
    margin-top: 2vh;
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 1vw;
    color: #3F8CFF;
    text-align: left;
    font-style: normal; }
  .BZRXZ1 .maincontent {
    padding: 2.778vh 11vw; }
    .BZRXZ1 .maincontent .title {
      margin-top: 5.556vh;
      margin-bottom: 2.778vh;
      display: flex;
      justify-content: flex;
      align-items: center;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      font-size: 2.222vh;
      color: #3F8CFF;
      line-height: 2.222vh;
      text-align: left;
      font-style: normal; }
      .BZRXZ1 .maincontent .title img {
        width: 3.518vh;
        height: 3.518vh; }
    .BZRXZ1 .maincontent .itembox {
      display: flex;
      justify-content: left;
      align-items: center;
      flex-wrap: wrap; }
      .BZRXZ1 .maincontent .itembox .item {
        margin-top: 6vh;
        width: 23.95vw;
        height: 24vh;
        background: #FFFFFF;
        border-radius: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-right: 1.56vw;
        cursor: pointer; }
        .BZRXZ1 .maincontent .itembox .item img {
          width: 8.14vh; }
        .BZRXZ1 .maincontent .itembox .item .bjjingdu {
          margin: 1.85vh 0;
          font-family: PingFangSC, PingFang SC;
          font-weight: 600;
          font-size: 2.96vh;
          color: #333333;
          line-height: 2.96vh;
          font-style: normal; }
        .BZRXZ1 .maincontent .itembox .item .tips {
          font-family: PingFangSC, PingFang SC;
          font-weight: 400;
          font-size: 2.222vh;
          color: #999999;
          line-height: 2.222vh;
          font-style: normal; }

.password-change-container {
  width: 400px;
  margin: 100px auto; }

.password-change-form {
  background-color: #f9f9f9;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1); }

@charset "UTF-8";
.dataListTable44 {
  width: 50vw;
  margin: auto;
  overflow: auto;
  /* 抽样弹框样式 */ }
  .dataListTable44 .filter-container {
    margin-bottom: 10px;
    display: flex;
    align-items: center; }
  .dataListTable44 .el-table--enable-row-hover.el-table__body tr:hover > td {
    background-color: #f8f9ff !important; }
  .dataListTable44 .el-table thead {
    background-color: #f8f9ff; }
  .dataListTable44 .sampling-content {
    padding: 15px 0; }
  .dataListTable44 .sampling-rules {
    padding: 15px 20px;
    margin-bottom: 20px;
    background: #f8f9ff;
    border-radius: 4px;
    border: 1px solid #e6ebf5; }
  .dataListTable44 .rules-title {
    margin: 0 0 12px 0;
    font-size: 14px;
    font-weight: 500;
    color: #303133; }
  .dataListTable44 .rules-content .rule-item {
    margin-bottom: 8px; }
  .dataListTable44 .rules-content .rule-item:last-child {
    margin-bottom: 0; }
  .dataListTable44 .rules-content .rule-item .el-checkbox .el-checkbox__label {
    color: #606266;
    font-size: 13px;
    line-height: 1.4; }
  .dataListTable44 .sampling-scope {
    padding: 15px 20px; }
  .dataListTable44 .scope-title {
    margin: 0 0 12px 0;
    font-size: 14px;
    font-weight: 500;
    color: #303133; }
  .dataListTable44 .el-radio-group .el-radio {
    margin-right: 20px;
    margin-bottom: 10px;
    display: inline-block; }
  .dataListTable44 .el-radio-group .el-radio .el-radio__label {
    font-size: 13px; }
  .dataListTable44 .el-form-item {
    margin-bottom: 18px; }
  .dataListTable44 .el-form-item__label {
    width: 85px;
    text-align: right;
    font-size: 13px;
    color: #606266;
    padding-right: 8px; }
  .dataListTable44 .dialog-footer {
    text-align: center;
    padding-top: 15px;
    border-top: 1px solid #ebeef5;
    margin-top: 15px; }
  .dataListTable44 .dialog-footer .el-button {
    margin-left: 10px; }

.dataListTable42 {
  overflow: auto; }

.filter-container {
  margin-bottom: 10px;
  display: flex;
  align-items: center; }

.el-table--enable-row-hover.el-table__body tr:hover > td {
  background-color: #f8f9ff !important; }

.el-table thead {
  background-color: #f8f9ff; }

.ssgzzj {
  width: 100%;
  box-sizing: border-box;
  background: url("/content/image/xljkImg/evaluationBGA.png") center center no-repeat;
  background-size: cover;
  position: relative;
  padding: 2.7778vh 2.083333vw;
  box-sizing: border-box;
  border-radius: 0px 0px 16px 16px;
  background: #fff;
  width: 93vw;
  background: #FFFFFF;
  border-radius: 16px;
  margin: auto;
  overflow-y: auto;
  overflow-x: hidden; }
  .ssgzzj .section-titles {
    margin: 1.5vh 0;
    font-size: 14px; }
  .ssgzzj .saveButton {
    display: flex;
    justify-content: center;
    margin-top: 1vh; }
  .ssgzzj .textarea-container {
    position: relative; }
    .ssgzzj .textarea-container .char-count {
      position: absolute;
      bottom: 8px;
      right: 12px;
      font-size: 12px;
      color: #909399;
      background: rgba(255, 255, 255, 0.8);
      padding: 2px 4px;
      border-radius: 2px;
      pointer-events: none; }

@charset "UTF-8";
.hzyjsj {
  width: 100%;
  box-sizing: border-box;
  background: url("/content/image/xljkImg/evaluationBGA.png") center center no-repeat;
  background-size: cover;
  /* 基础样式 */
  position: relative;
  box-sizing: border-box;
  padding: 2.7778vh 2.083333vw;
  border-radius: 0px 0px 16px 16px;
  width: 93vw;
  background: #FFFFFF;
  border-radius: 16px;
  margin: auto;
  min-height: 30vh; }
  .hzyjsj .el-table__empty-block {
    height: 50vh !important; }
  .hzyjsj .table-actions {
    text-align: right; }
  .hzyjsj .pagination-container {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    padding: 10px;
    border-radius: 4px; }

.dataListTable36 {
  overflow: auto; }
  .dataListTable36 .el-dialog {
    margin-top: 12vh !important; }
  .dataListTable36 .filter-container {
    margin-bottom: 10px;
    display: flex;
    align-items: center; }
  .dataListTable36 .el-table--enable-row-hover.el-table__body tr:hover > td {
    background-color: #f8f9ff !important; }
  .dataListTable36 .el-table thead {
    background-color: #f8f9ff; }
  .dataListTable36 .detail-content {
    padding: 20px;
    line-height: 1.6; }
  .dataListTable36 .section-title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin: 20px 0 10px 0;
    border-left: 4px solid #409EFF;
    padding-left: 10px; }
  .dataListTable36 .content-box {
    background: #f9f9f9;
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 15px;
    color: #666; }
  .dataListTable36 .item-row {
    margin-bottom: 10px;
    display: flex;
    align-items: flex-start;
    gap: 8px; }
  .dataListTable36 .status-completed {
    color: #67C23A;
    font-weight: bold;
    min-width: 60px;
    display: inline-block; }
  .dataListTable36 .status-pending {
    color: #F56C6C;
    font-weight: bold;
    min-width: 60px;
    display: inline-block; }

.dataListTable37 {
  overflow: auto; }
  .dataListTable37 .el-dialog {
    margin-top: 12vh !important; }
  .dataListTable37 .filter-container {
    margin-bottom: 10px;
    display: flex;
    align-items: center; }
  .dataListTable37 .el-table--enable-row-hover.el-table__body tr:hover > td {
    background-color: #f8f9ff !important; }
  .dataListTable37 .el-table thead {
    background-color: #f8f9ff; }
  .dataListTable37 .status-completed {
    color: #67C23A;
    font-weight: bold;
    min-width: 60px;
    display: inline-block; }
  .dataListTable37 .status-pending {
    color: #F56C6C;
    font-weight: bold;
    min-width: 60px;
    display: inline-block; }

.dataListTable40 {
  overflow: auto; }
  .dataListTable40 .el-dialog {
    margin-top: 12vh !important; }
  .dataListTable40 .el-dialog__body {
    padding: 20px; }
  .dataListTable40 .detail-content {
    padding: 20px;
    line-height: 1.8; }
  .dataListTable40 .section-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 12px;
    color: #333; }
  .dataListTable40 .content-box {
    background: #f5f5f5;
    padding: 15px;
    border-radius: 4px;
    white-space: pre-wrap;
    margin-bottom: 25px;
    border-left: 3px solid #409EFF;
    font-size: 14px;
    line-height: 1.6; }
  .dataListTable40 .filter-container {
    margin-bottom: 10px;
    display: flex;
    align-items: center; }
  .dataListTable40 .el-table--enable-row-hover.el-table__body tr:hover > td {
    background-color: #f8f9ff !important; }
  .dataListTable40 .el-table thead {
    background-color: #f8f9ff; }
  .dataListTable40 .status-completed {
    color: #67C23A;
    font-weight: bold;
    min-width: 60px;
    display: inline-block; }
  .dataListTable40 .status-pending {
    color: #F56C6C;
    font-weight: bold;
    min-width: 60px;
    display: inline-block; }

@charset "UTF-8";
.navigation-bar {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
  background: linear-gradient(180deg, #FFFFFF 0%, #D9E6FF 100%);
  overflow-x: hidden;
  width: 100%; }

.el-menu-demo {
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%; }

.el-menu {
  flex-grow: 1;
  background-color: transparent;
  /* 去除菜单背景色 */
  width: 100%;
  box-sizing: border-box; }

.el-menu-item {
  background-color: transparent;
  /* 去除菜单项背景色 */ }

.el-menu-item.is-active {
  background: linear-gradient(90deg, #5676FF 0%, #8FB4FF 100%);
  color: #fff;
  /* 选中项字体颜色变为白色 */ }

.el-submenu__title {
  background-color: transparent;
  color: #415575;
  font-weight: 600; }

.el-submenu__title:hover {
  background: linear-gradient(90deg, #E6F3FF 0%, #CCE7FF 100%);
  color: #5676FF; }

.el-menu--vertical .el-submenu .el-menu {
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  box-sizing: border-box;
  max-width: 100%; }

.el-submenu .el-menu-item {
  padding-left: 52px !important;
  background-color: transparent;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box; }

.el-submenu .el-menu-item:hover {
  background: linear-gradient(90deg, #F0F8FF 0%, #E6F3FF 100%);
  color: #5676FF; }

.el-menu-item i {
  margin-right: 10px; }

.custom-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.dataListTable39 {
  overflow: auto; }
  .dataListTable39 .el-dialog {
    margin-top: 12vh !important; }
  .dataListTable39 .el-dialog__body {
    padding: 20px; }
  .dataListTable39 .filter-container {
    margin-bottom: 10px;
    display: flex;
    align-items: center; }
  .dataListTable39 .el-table--enable-row-hover.el-table__body tr:hover > td {
    background-color: #f8f9ff !important; }
  .dataListTable39 .el-table thead {
    background-color: #f8f9ff; }
  .dataListTable39 .status-completed {
    color: #67C23A;
    font-weight: bold;
    min-width: 60px;
    display: inline-block; }
  .dataListTable39 .status-pending {
    color: #F56C6C;
    font-weight: bold;
    min-width: 60px;
    display: inline-block; }

.dataListTable36 {
  overflow: auto; }
  .dataListTable36 .el-dialog {
    margin-top: 12vh !important; }
  .dataListTable36 .el-dialog__body {
    padding: 20px 30px;
    background: #fafafa; }
  .dataListTable36 .el-dialog__body div {
    padding: 0;
    background: #fff;
    border-radius: 8px;
    padding: 25px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
  .dataListTable36 .el-dialog__body h3 {
    font-size: 18px;
    font-weight: 600;
    color: #2c3e50;
    margin: 0 0 15px 0;
    padding: 0 0 10px 0;
    border-bottom: 2px solid #3498db;
    position: relative; }
  .dataListTable36 .el-dialog__body h3:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 30px;
    height: 2px;
    background: #e74c3c; }
  .dataListTable36 .el-dialog__body p {
    font-size: 15px;
    line-height: 1.8;
    color: #34495e;
    margin-bottom: 25px;
    padding: 15px;
    background: #f8f9fa;
    border-left: 4px solid #3498db;
    border-radius: 0 4px 4px 0;
    min-height: 60px;
    text-indent: 0; }
  .dataListTable36 .el-dialog__body p:last-child {
    margin-bottom: 0; }
  .dataListTable36 .filter-container {
    margin-bottom: 10px;
    display: flex;
    align-items: center; }
  .dataListTable36 .el-table--enable-row-hover.el-table__body tr:hover > td {
    background-color: #f8f9ff !important; }
  .dataListTable36 .el-table thead {
    background-color: #f8f9ff; }
  .dataListTable36 .status-completed {
    color: #67C23A;
    font-weight: bold;
    min-width: 60px;
    display: inline-block; }
  .dataListTable36 .status-pending {
    color: #F56C6C;
    font-weight: bold;
    min-width: 60px;
    display: inline-block; }

.dataListTable34 {
  overflow: auto; }
  .dataListTable34 .el-dialog {
    margin-top: 12vh !important; }
  .dataListTable34 .filter-container {
    margin-bottom: 10px;
    display: flex;
    align-items: center; }
  .dataListTable34 .el-table--enable-row-hover.el-table__body tr:hover > td {
    background-color: #f8f9ff !important; }
  .dataListTable34 .el-table thead {
    background-color: #f8f9ff; }
  .dataListTable34 .detail-content {
    padding: 20px;
    line-height: 1.8; }
  .dataListTable34 .section-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 12px;
    color: #333; }
  .dataListTable34 .content-box {
    background: #f5f5f5;
    padding: 15px;
    border-radius: 4px;
    white-space: pre-wrap;
    margin-bottom: 25px;
    border-left: 3px solid #409EFF;
    font-size: 14px;
    line-height: 1.6; }

.dataListTable35 {
  overflow: auto; }
  .dataListTable35 .el-dialog {
    margin-top: 12vh !important; }
  .dataListTable35 .filter-container {
    margin-bottom: 10px;
    display: flex;
    align-items: center; }
  .dataListTable35 .el-table--enable-row-hover.el-table__body tr:hover > td {
    background-color: #f8f9ff !important; }
  .dataListTable35 .el-table thead {
    background-color: #f8f9ff; }
  .dataListTable35 .detail-content {
    padding: 20px;
    line-height: 1.8; }
  .dataListTable35 .section-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 12px;
    color: #333; }
  .dataListTable35 .content-box {
    background: #f5f5f5;
    padding: 15px;
    border-radius: 4px;
    white-space: pre-wrap;
    margin-bottom: 25px;
    border-left: 3px solid #409EFF;
    font-size: 14px;
    line-height: 1.6; }
  .dataListTable35 .detail-images-wrapper {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap; }
  .dataListTable35 .detail-image-item {
    flex: 1;
    text-align: center;
    width: 48%;
    min-height: 300px;
    margin-bottom: 20px; }
  .dataListTable35 .detail-image-item h3 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #333; }
  .dataListTable35 .detail-image {
    width: 300px;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    cursor: pointer; }

.loginssd {
  width: 100%;
  height: 100%;
  background: url("/content/image/xljkImg/loginBG4.png");
  background-size: cover;
  padding: 10px 30px;
  box-sizing: border-box;
  position: relative; }
  .loginssd .loginTitle {
    display: flex;
    font-weight: bold;
    font-size: 1.6vw;
    color: #232427;
    line-height: 55px; }
    .loginssd .loginTitle .loginTitleLogo {
      width: 600px;
      height: 55px; }
      .loginssd .loginTitle .loginTitleLogo img {
        width: 100%;
        height: 100%; }
    .loginssd .loginTitle .title {
      margin-left: 18px; }
  .loginssd .loginInput {
    opacity: 0.9;
    padding: 4vh 2vw;
    box-sizing: border-box;
    width: 24vw;
    background: #FFFFFF;
    border-radius: .8vw;
    position: absolute;
    left: 63vw;
    top: 30vh; }
    .loginssd .loginInput .loginInputTitle {
      font-weight: bold;
      font-size: 1.6vw;
      color: #232427;
      margin-bottom: 5vh;
      text-align: left; }
      .loginssd .loginInput .loginInputTitle img {
        width: 140px; }
    .loginssd .loginInput .loginInputButton {
      height: 5vh;
      background: #0052D9;
      border-radius: .2vw;
      font-size: 1vw;
      color: #fff;
      text-align: center;
      line-height: 5vh;
      cursor: pointer; }
    .loginssd .loginInput .loginInputInfo .yzmBox {
      width: 20vw;
      margin-top: -1vh;
      display: flex;
      justify-content: center;
      align-items: center; }
      .loginssd .loginInput .loginInputInfo .yzmBox .yzm {
        margin-left: 15px;
        height: 100%;
        width: 7.5vw; }
        .loginssd .loginInput .loginInputInfo .yzmBox .yzm .authcode {
          width: 7.5vw;
          height: 4vh; }
  .loginssd .footer {
    position: absolute;
    bottom: 1vh;
    left: 29vw;
    text-align: center;
    color: #fff;
    font-size: 1vw; }
  .loginssd .footers {
    position: absolute;
    bottom: 1vh;
    left: 46vw;
    text-align: center;
    color: #fff;
    font-size: .8vw; }
  .loginssd .jizhuwangjimimabox {
    display: flex;
    justify-content: space-between;
    align-items: center; }

@media only screen and (max-width: 1000px) {
  .login {
    width: 100%;
    height: 100%;
    background: url("/content/image/xljkImg/loginBG4.png");
    background-size: cover;
    padding: 10px 30px;
    box-sizing: border-box;
    position: relative; }
    .login .loginTitle {
      display: flex;
      font-weight: bold;
      font-size: 1.6vw;
      color: #232427;
      line-height: 55px; }
      .login .loginTitle .loginTitleLogo {
        width: 1000px; }
        .login .loginTitle .loginTitleLogo img {
          width: 100%;
          height: 100%; }
      .login .loginTitle .title {
        margin: auto;
        font-size: 2.0vh; }
    .login .loginInput {
      opacity: 0.9;
      padding: 5vh 3vw;
      box-sizing: border-box;
      width: 80vw;
      background: #FFFFFF;
      border-radius: .8vw;
      left: 10vw;
      height: 38vh; }
      .login .loginInput .loginInputTitle {
        font-weight: bold;
        font-size: 1.6vh;
        color: #232427;
        margin-bottom: 3vh;
        text-align: center; }
      .login .loginInput .loginInputButton {
        height: 5vh;
        background: linear-gradient(270deg, #5AA1FD 0%, #3B83FA 100%);
        border-radius: 2vw;
        font-size: 1.6vh;
        color: #fff;
        text-align: center;
        line-height: 5vh;
        cursor: pointer;
        margin: auto; }
      .login .loginInput .loginInputInfo .yzmBox {
        width: 69vw;
        margin-top: -1vh;
        display: flex;
        justify-content: center;
        align-items: center; }
        .login .loginInput .loginInputInfo .yzmBox .yzm {
          width: 24vw;
          margin-left: 15px;
          background: #ccc; }
          .login .loginInput .loginInputInfo .yzmBox .yzm .authcode {
            width: 30vw;
            height: 4vh; }
    .login .footer {
      position: absolute;
      bottom: 1vh;
      left: 29vw;
      text-align: center;
      color: #fff;
      font-size: 1vw; }
    .login .footers {
      position: absolute;
      bottom: 1vh;
      left: 46vw;
      text-align: center;
      color: #fff;
      font-size: .8vw; } }

@charset "UTF-8";
.classInfoUploadNew {
  /* 原因弹框样式 */
  /* 响应式布局 */ }
  .classInfoUploadNew .el-table__empty-block {
    height: 40vh !important; }
  .classInfoUploadNew .page-header {
    margin-bottom: 20px; }
    .classInfoUploadNew .page-header .button-group {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 15px;
      margin-bottom: 20px; }
      .classInfoUploadNew .page-header .button-group .add-buttons {
        display: flex;
        gap: 8px; }
      .classInfoUploadNew .page-header .button-group .add-btn {
        padding: 10px 20px; }
      .classInfoUploadNew .page-header .button-group .action-buttons {
        display: flex;
        align-items: center;
        gap: 10px; }
      .classInfoUploadNew .page-header .button-group .action-btn {
        padding: 10px 20px; }
  .classInfoUploadNew .main-content {
    display: flex;
    gap: 20px; }
    .classInfoUploadNew .main-content .tree-container {
      width: 20%;
      border: 1px solid #e4e7ed;
      border-radius: 4px;
      padding: 15px;
      background: #fff;
      max-height: 52vh;
      overflow-y: auto; }
      .classInfoUploadNew .main-content .tree-container .tree-header {
        margin-bottom: 15px;
        padding-bottom: 10px;
        border-bottom: 1px solid #e4e7ed; }
        .classInfoUploadNew .main-content .tree-container .tree-header .school-name {
          display: flex;
          align-items: center;
          font-weight: 600;
          font-size: 16px;
          color: #303133; }
          .classInfoUploadNew .main-content .tree-container .tree-header .school-name i {
            margin-right: 8px;
            color: #409eff; }
          .classInfoUploadNew .main-content .tree-container .tree-header .school-name .add-btn {
            margin-left: auto;
            color: #67c23a; }
            .classInfoUploadNew .main-content .tree-container .tree-header .school-name .add-btn:hover {
              color: #529b2e; }
      .classInfoUploadNew .main-content .tree-container .custom-tree .el-tree-node__expand-icon.is-leaf {
        display: none !important; }
      .classInfoUploadNew .main-content .tree-container .custom-tree .el-tree-node.is-leaf .el-tree-node__content {
        padding-left: 18px !important; }
      .classInfoUploadNew .main-content .tree-container .custom-tree .custom-tree-node {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 14px;
        padding-right: 8px; }
        .classInfoUploadNew .main-content .tree-container .custom-tree .custom-tree-node .node-content {
          display: flex;
          align-items: center; }
          .classInfoUploadNew .main-content .tree-container .custom-tree .custom-tree-node .node-content .node-icon {
            margin-right: 6px;
            color: #409eff;
            font-size: 12px; }
          .classInfoUploadNew .main-content .tree-container .custom-tree .custom-tree-node .node-content .node-label {
            color: #606266; }
        .classInfoUploadNew .main-content .tree-container .custom-tree .custom-tree-node .node-actions {
          display: none; }
          .classInfoUploadNew .main-content .tree-container .custom-tree .custom-tree-node .node-actions .el-button {
            padding: 2px 4px; }
            .classInfoUploadNew .main-content .tree-container .custom-tree .custom-tree-node .node-actions .el-button:hover {
              background: transparent; }
          .classInfoUploadNew .main-content .tree-container .custom-tree .custom-tree-node .node-actions .el-icon-plus {
            color: #67c23a; }
          .classInfoUploadNew .main-content .tree-container .custom-tree .custom-tree-node .node-actions .el-icon-minus {
            color: #f56c6c; }
        .classInfoUploadNew .main-content .tree-container .custom-tree .custom-tree-node:hover .node-actions {
          display: flex;
          gap: 4px; }
      .classInfoUploadNew .main-content .tree-container .custom-tree .el-tree-node__content {
        height: 32px; }
        .classInfoUploadNew .main-content .tree-container .custom-tree .el-tree-node__content:hover {
          background-color: #f5f7fa; }
      .classInfoUploadNew .main-content .tree-container .custom-tree .el-tree-node__expand-icon {
        color: #c0c4cc; }
    .classInfoUploadNew .main-content .table-container {
      width: 80%;
      min-width: 600px;
      border: 1px solid #e4e7ed;
      border-radius: 4px;
      background: #fff;
      display: flex;
      flex-direction: column;
      max-height: 50vh;
      overflow: hidden; }
      .classInfoUploadNew .main-content .table-container .el-table {
        flex: 1;
        max-height: 100%;
        overflow: auto; }
      .classInfoUploadNew .main-content .table-container .empty-state {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 40px; }
        .classInfoUploadNew .main-content .table-container .empty-state p {
          margin-top: 15px;
          color: #909399;
          font-size: 14px; }
      .classInfoUploadNew .main-content .table-container .pagination {
        text-align: center; }
  .classInfoUploadNew .buttbox1 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    gap: 20px; }
    .classInfoUploadNew .buttbox1 .butt {
      width: 120px; }
  .classInfoUploadNew .reason-content {
    padding: 10px 0; }
  .classInfoUploadNew .reason-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px;
    line-height: 1.6; }
  .classInfoUploadNew .reason-item:last-child {
    margin-bottom: 0; }
  .classInfoUploadNew .reason-label {
    flex-shrink: 0;
    width: 100px;
    color: #606266;
    font-weight: 500;
    font-size: 14px; }
  .classInfoUploadNew .reason-value {
    flex: 1;
    color: #303133;
    font-size: 14px;
    word-break: break-all;
    word-wrap: break-word; }
  .classInfoUploadNew .student-info-management .management-section {
    text-align: center;
    padding: 20px 0; }
    .classInfoUploadNew .student-info-management .management-section h4 {
      margin: 0 0 10px 0;
      color: #303133;
      font-size: 16px;
      font-weight: 600; }
    .classInfoUploadNew .student-info-management .management-section p {
      margin: 0 0 15px 0;
      color: #606266;
      font-size: 14px;
      line-height: 1.5; }
    .classInfoUploadNew .student-info-management .management-section .el-button {
      padding: 12px 24px;
      font-size: 14px; }
  .classInfoUploadNew .student-info-management .el-divider {
    margin: 10px 0; }
  @media (max-width: 1200px) {
    .classInfoUploadNew .main-content {
      flex-direction: column;
      gap: 15px; }
      .classInfoUploadNew .main-content .tree-container {
        width: 100%;
        max-height: 30vh; }
      .classInfoUploadNew .main-content .table-container {
        width: 100%;
        min-width: auto;
        height: 60vh; } }
  @media (max-width: 768px) {
    .classInfoUploadNew .main-content .table-container {
      height: 50vh;
      min-height: 300px; }
    .classInfoUploadNew .page-header .button-group {
      flex-direction: column;
      align-items: stretch; }
      .classInfoUploadNew .page-header .button-group .add-buttons, .classInfoUploadNew .page-header .button-group .action-buttons {
        justify-content: center; } }

.dataListTable33 {
  overflow: auto; }

.filter-container {
  margin-bottom: 10px;
  display: flex;
  align-items: center; }

.el-table--enable-row-hover.el-table__body tr:hover > td {
  background-color: #f8f9ff !important; }

.el-table thead {
  background-color: #f8f9ff; }

@charset "UTF-8";
.dataListTable32 {
  overflow: auto;
  /* 抽样弹框样式 */
  /* 学校详情弹窗样式优化 */
  /* 学校详情信息样式 */
  /* 班级列表标题样式 */
  /* 详情弹窗内容区域 */
  /* 表格样式优化 */ }
  .dataListTable32 .bjlsit {
    /* 表头样式优化 - 控制表头高度 */
    /* 针对中高职表格的特殊优化 */ }
    .dataListTable32 .bjlsit .el-table th {
      height: 35px !important;
      min-height: 35px !important;
      padding: 5px 0 !important; }
    .dataListTable32 .bjlsit .el-table th .cell {
      line-height: 1.1 !important;
      word-break: break-word;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 12px;
      padding: 0 5px; }
    .dataListTable32 .bjlsit .el-table th[class*="el-table_1_column"] .cell {
      white-space: normal;
      line-height: 1.0; }
  .dataListTable32 .filter-container {
    margin-bottom: 10px;
    display: flex;
    align-items: center; }
  .dataListTable32 .el-table--enable-row-hover.el-table__body tr:hover > td {
    background-color: #f8f9ff !important; }
  .dataListTable32 .el-table thead {
    background-color: #f8f9ff; }
  .dataListTable32 .sampling-content {
    padding: 15px 0; }
  .dataListTable32 .sampling-rules {
    padding: 15px 20px;
    margin-bottom: 20px;
    background: #f8f9ff;
    border-radius: 4px;
    border: 1px solid #e6ebf5; }
  .dataListTable32 .rules-title {
    margin: 0 0 12px 0;
    font-size: 14px;
    font-weight: 500;
    color: #303133; }
  .dataListTable32 .rules-content .rule-item {
    margin-bottom: 8px; }
  .dataListTable32 .rules-content .rule-item:last-child {
    margin-bottom: 0; }
  .dataListTable32 .rules-content .rule-item .el-checkbox .el-checkbox__label {
    color: #606266;
    font-size: 13px;
    line-height: 1.4; }
  .dataListTable32 .sampling-scope {
    padding: 15px 20px; }
  .dataListTable32 .scope-title {
    margin: 0 0 12px 0;
    font-size: 14px;
    font-weight: 500;
    color: #303133; }
  .dataListTable32 .el-radio-group .el-radio {
    margin-right: 20px;
    margin-bottom: 10px;
    display: inline-block; }
  .dataListTable32 .el-radio-group .el-radio .el-radio__label {
    font-size: 13px; }
  .dataListTable32 .el-form-item {
    margin-bottom: 18px; }
  .dataListTable32 .el-form-item__label {
    width: 85px;
    text-align: right;
    font-size: 13px;
    color: #606266;
    padding-right: 8px; }
  .dataListTable32 .dialog-footer {
    text-align: right;
    padding-top: 15px;
    border-top: 1px solid #ebeef5;
    margin-top: 15px; }
  .dataListTable32 .dialog-footer .el-button {
    margin-left: 10px; }
  .dataListTable32 .el-dialog__body {
    padding: 20px 25px; }
  .dataListTable32 .el-row p {
    margin: 12px 0;
    font-size: 14px;
    line-height: 1.6;
    color: #606266; }
  .dataListTable32 .el-row p strong {
    color: #303133;
    font-weight: 500;
    margin-right: 8px;
    display: inline-block;
    min-width: 80px; }
  .dataListTable32 .el-row + div h4 {
    color: #303133;
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 15px 0;
    padding-bottom: 8px;
    border-bottom: 2px solid #409eff;
    display: inline-block; }
  .dataListTable32 .el-dialog .el-row {
    background: #f8f9ff;
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 20px;
    border: 1px solid #e6ebf5; }
  .dataListTable32 .el-dialog .el-table {
    border: 1px solid #ebeef5;
    border-radius: 4px; }
  .dataListTable32 .el-dialog .el-table th {
    background-color: #f5f7fa;
    color: #909399;
    font-weight: 500; }

.dataListTable31 {
  overflow: auto; }

.filter-container {
  margin-bottom: 10px;
  display: flex;
  align-items: center; }

.el-table--enable-row-hover.el-table__body tr:hover > td {
  background-color: #f8f9ff !important; }

.el-table thead {
  background-color: #f8f9ff; }

.record-content {
  padding: 10px 0; }

.record-item {
  margin-bottom: 20px; }

.record-section {
  margin-bottom: 15px; }

.record-section h4 {
  margin: 0 0 8px 0;
  color: #409EFF;
  font-size: 14px; }

.record-section p {
  margin: 5px 0;
  line-height: 1.5; }

.record-divider {
  margin: 20px 0;
  border: none;
  border-top: 1px solid #EBEEF5; }

.no-record {
  text-align: center;
  padding: 40px 0;
  color: #909399; }

.dataListTable29 {
  overflow: auto; }

.filter-container {
  margin-bottom: 10px;
  display: flex;
  align-items: center; }

.el-table--enable-row-hover.el-table__body tr:hover > td {
  background-color: #f8f9ff !important; }

.school-radio {
  width: 100%;
  display: flex;
  align-items: flex-start; }
  .school-radio .el-radio__input {
    margin-top: 15px; }
  .school-radio .el-radio__label {
    width: 100%;
    padding-left: 10px; }

.school-card {
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  width: 100%; }

.el-table thead {
  background-color: #f8f9ff; }

.dataListTable30 {
  overflow: auto; }

.filter-container {
  margin-bottom: 10px;
  display: flex;
  align-items: center; }

.el-table--enable-row-hover.el-table__body tr:hover > td {
  background-color: #f8f9ff !important; }

.school-radio {
  width: 100%;
  display: flex;
  align-items: flex-start; }
  .school-radio .el-radio__input {
    margin-top: 15px; }
  .school-radio .el-radio__label {
    width: 100%;
    padding-left: 10px; }

.school-card {
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  width: 100%; }

.el-table thead {
  background-color: #f8f9ff; }

.dataListTable28 {
  overflow: auto; }

.filter-container {
  margin-bottom: 10px;
  display: flex;
  align-items: center; }

.el-table--enable-row-hover.el-table__body tr:hover > td {
  background-color: #f8f9ff !important; }

.school-radio {
  width: 100%;
  display: flex;
  align-items: flex-start; }
  .school-radio .el-radio__input {
    margin-top: 15px; }
  .school-radio .el-radio__label {
    width: 100%;
    padding-left: 10px; }

.school-card {
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  width: 100%; }

.el-table thead {
  background-color: #f8f9ff; }

.editTrainingStep3 .el-checkbox,
.editTrainingStep3 .el-radio {
  width: 300px; }

.editTrainingStep3 .form-actions {
  box-shadow: 0px 6px 58px 0px rgba(121, 145, 173, 0.1955); }

.exam-judgment-container .radio-item {
  width: 100%;
  display: flex;
  align-items: center;
  column-gap: 8px; }

.exam-judgment-container .el-radio-group {
  display: inline-flex;
  align-items: center;
  gap: 20px; }

.exam-judgment-container .bottom-operate-btn {
  margin-top: 12px;
  display: flex;
  align-items: center;
  column-gap: 16px; }
  .exam-judgment-container .bottom-operate-btn .el-button {
    margin: 0;
    font-size: 14px; }

.exam-judgment-container .font-14 {
  font-size: 14px !important; }

.exam-multiple-choice .checkbox-item {
  width: 100%;
  display: flex;
  align-items: center;
  column-gap: 8px;
  margin-bottom: 10px !important; }

.exam-multiple-choice .right-operate-box {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  column-gap: 24px; }
  .exam-multiple-choice .right-operate-box .add-btn {
    font-size: 14px;
    color: #0A57FF;
    transition: opacity 0.3s;
    cursor: pointer; }
    .exam-multiple-choice .right-operate-box .add-btn:hover {
      opacity: 0.8; }
  .exam-multiple-choice .right-operate-box .delete-btn {
    font-size: 14px;
    color: #F03E3E;
    transition: opacity 0.3s;
    cursor: pointer; }
    .exam-multiple-choice .right-operate-box .delete-btn:hover {
      opacity: 0.8; }
  .exam-multiple-choice .right-operate-box .el-checkbox {
    margin-right: 0;
    color: #232427; }
  .exam-multiple-choice .right-operate-box .rule-content {
    display: flex;
    align-items: center; }
  .exam-multiple-choice .right-operate-box .rule-range-box {
    display: flex;
    align-items: center;
    column-gap: 6px; }
    .exam-multiple-choice .right-operate-box .rule-range-box .el-input--medium {
      width: max-content; }
    .exam-multiple-choice .right-operate-box .rule-range-box .el-input__inner {
      width: 60px;
      padding: 0 12px; }

.exam-multiple-choice .bottom-operate-btn {
  margin-top: 12px;
  display: flex;
  align-items: center;
  column-gap: 16px; }
  .exam-multiple-choice .bottom-operate-btn .el-button {
    margin: 0;
    font-size: 14px; }

.exam-multiple-choice .font-14 {
  font-size: 14px !important; }

@charset "UTF-8";
@font-face {
  font-family: 'DingTalkJinBuTi';
  src: url("/content/image/xljkImg/DingTalkJinBuTi.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'DingTalkSans';
  src: url("/content/image/xljkImg/DingTalkSans.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

.home-bg {
  font-family: 'DingTalkJinBuTi', sans-serif;
  background: #F3F5FD;
  height: calc(100vh - 72px);
  background-size: cover;
  background-size: 100% 100%;
  box-sizing: border-box;
  background-image: url("/content/image/xljkImg/homeBg.png");
  padding: 3vh 8vw;
  z-index: 0;
  /* 视导员权限用户的三栏水平布局 */
  /* 隐藏视导员权限用户的时间步骤条 */ }
  .home-bg .student-tip {
    padding: 15px;
    border-radius: 8px;
    background-color: #f0f7ff;
    border-left: 4px solid #05A4FC; }
    .home-bg .student-tip p {
      margin: 5px 0;
      line-height: 1.6;
      color: #333; }
    .home-bg .student-tip ul {
      padding-left: 20px;
      margin-top: 10px; }
      .home-bg .student-tip ul li {
        margin: 8px 0;
        line-height: 1.6;
        color: #333; }
        .home-bg .student-tip ul li .red-text {
          color: #F56C6C;
          font-weight: 600; }
  .home-bg .student-info-management .management-section {
    text-align: center;
    padding: 20px 0; }
    .home-bg .student-info-management .management-section h4 {
      margin: 0 0 10px 0;
      color: #303133;
      font-size: 16px;
      font-weight: 600; }
    .home-bg .student-info-management .management-section p {
      margin: 0 0 15px 0;
      color: #606266;
      font-size: 14px;
      line-height: 1.5; }
    .home-bg .student-info-management .management-section .el-button {
      padding: 12px 24px;
      font-size: 14px; }
  .home-bg .student-info-management .el-divider {
    margin: 10px 0; }
  .home-bg .el-dialog {
    margin-top: 5vh !important; }
  .home-bg .homeInfoTop {
    height: 40vh;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 1.3vw;
    padding: 3vh 2vw;
    box-shadow: inset 0 0.208vw 0.26vw rgba(255, 255, 255, 0.79), 0 0.78vw 0.938vw rgba(0, 57, 182, 0.06);
    border: 0.052vw solid #FFFFFF;
    position: relative;
    /* 时间步骤条样式 */
    /* 已完成状态 */
    /* 最后一项隐藏右侧连接线 */ }
    .home-bg .homeInfoTop .section-title {
      position: absolute;
      top: -4vh;
      left: 1.04vw;
      font-size: 2.5vw;
      color: #05A4FC;
      z-index: -1; }
    .home-bg .homeInfoTop .timeline-container {
      position: absolute;
      bottom: -3.5vh;
      left: 0;
      right: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 2;
      height: 2vh; }
    .home-bg .homeInfoTop .timeline-point {
      width: 1vw;
      height: 2vh;
      border-radius: 50%;
      background-color: #a8c1ff;
      /* 浅蓝 - 未完成 */
      z-index: 3;
      position: relative; }
    .home-bg .homeInfoTop .timeline-connector-left,
    .home-bg .homeInfoTop .timeline-connector-right {
      height: .4vh;
      position: absolute;
      top: .8vh;
      background-color: #a8c1ff;
      /* 浅蓝 - 未完成 */
      width: 13vw; }
    .home-bg .homeInfoTop .timeline-connector-left {
      left: 0;
      right: 50%; }
    .home-bg .homeInfoTop .timeline-connector-right {
      left: 50%;
      right: 0; }
    .home-bg .homeInfoTop .timeline-point-completed {
      background: #0a57ff;
      /* 深蓝 - 已完成 */
      box-shadow: 0 0 5px rgba(10, 87, 255, 0.5); }
    .home-bg .homeInfoTop .timeline-connector-completed {
      background: #0a57ff;
      /* 深蓝 - 已完成 */ }
    .home-bg .homeInfoTop .last-item .timeline-connector-right {
      display: none; }
    .home-bg .homeInfoTop .item-title {
      font-size: 0.78vw;
      color: #05A4FC;
      position: absolute;
      top: 2.5vh; }
    .home-bg .homeInfoTop .module-header {
      display: flex;
      justify-content: space-between;
      margin-bottom: 1.56vh;
      padding-bottom: 1.04vh;
      border-bottom: 0.1vw solid;
      border-image: linear-gradient(90deg, #52c9fc, #0a57ff) 1 1; }
      .home-bg .homeInfoTop .module-header .module-title {
        font-size: 1.15vw;
        color: #093A67; }
    .home-bg .homeInfoTop .top-items-container {
      display: flex;
      gap: 1.56vh;
      height: calc(100% - 4.16vh);
      overflow-x: auto;
      padding-bottom: 1.04vh; }
      .home-bg .homeInfoTop .top-items-container .top-item {
        margin-top: 2vh;
        height: 19vh;
        position: relative;
        min-width: 12vw;
        border-radius: 0.833vw; }
        .home-bg .homeInfoTop .top-items-container .top-item .status-indicator {
          position: absolute;
          top: 6vh;
          right: 0.5vw;
          width: 1.5vw;
          height: 1.5vw;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          z-index: 10;
          font-size: 1vw;
          background: white;
          border: 0.15vw solid; }
        .home-bg .homeInfoTop .top-items-container .top-item .status-indicator.green-check {
          border-color: #4CAF50;
          color: #4CAF50; }
        .home-bg .homeInfoTop .top-items-container .top-item .status-indicator.blue-check {
          border-color: #2196F3;
          color: #2196F3; }
        .home-bg .homeInfoTop .top-items-container .top-item .status-indicator.red-number {
          border-color: #F44336;
          color: #F44336; }
        .home-bg .homeInfoTop .top-items-container .top-item .status-indicator.green-number {
          border-color: #4CAF50;
          color: #4CAF50; }
        .home-bg .homeInfoTop .top-items-container .top-item .status-indicator.dots-indicator {
          border-color: #F44336;
          color: #F44336;
          font-weight: bold;
          letter-spacing: -0.1;
          font-size: 0.8vw; }
        .home-bg .homeInfoTop .top-items-container .top-item .top-item-bg {
          position: absolute;
          width: 100%;
          height: 100%;
          object-fit: cover;
          z-index: 1; }
        .home-bg .homeInfoTop .top-items-container .top-item .top-item-content {
          position: relative;
          z-index: 2;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: space-between;
          padding: 2.08vh 0.52vw;
          text-align: center; }
        .home-bg .homeInfoTop .top-items-container .top-item .item-index {
          position: absolute;
          top: -2vh;
          left: 1.5vw;
          font-size: 1.5vw;
          color: #3a7cff;
          display: flex;
          align-items: center;
          justify-content: center;
          z-index: 3; }
        .home-bg .homeInfoTop .top-items-container .top-item .item-date {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 7vh;
          width: 7.5vw;
          font-size: .8vw;
          color: #fff;
          overflow: hidden;
          position: relative;
          margin-top: 2vh;
          line-height: 1.9vh; }
        .home-bg .homeInfoTop .top-items-container .top-item .item-btn {
          min-width: 4.16vw;
          height: 3.125vh;
          background: white;
          color: #05A4FC;
          box-shadow: 0 0.5vw 1.8vw -0.7vw #0A57FF;
          border-radius: 1.208vw;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-top: 2vh;
          cursor: pointer;
          padding: .5vh .5vw;
          border: 1px solid #05A4FC;
          transition: all 0.3s ease; }
          .home-bg .homeInfoTop .top-items-container .top-item .item-btn:hover {
            background: #05A4FC;
            color: white;
            transform: scale(1.05);
            box-shadow: 0 0.8vw 2.5vw -0.7vw #0A57FF; }
      .home-bg .homeInfoTop .top-items-container::-webkit-scrollbar {
        height: 0.8vh; }
      .home-bg .homeInfoTop .top-items-container::-webkit-scrollbar-thumb {
        background: rgba(10, 87, 255, 0.56);
        box-shadow: inset 0 0.208vw 0.26vw rgba(255, 255, 255, 0.79);
        border-radius: 26.04vw;
        border: 0.052vw solid rgba(255, 255, 255, 0.69); }
  .home-bg .homeInfoBottom {
    display: flex;
    margin-top: 5vh;
    gap: 2vw;
    height: calc(42vh - 2vh);
    /* 时间步骤条样式 */
    /* 已完成状态 */
    /* 最后一项隐藏右侧连接线 */ }
    .home-bg .homeInfoBottom .timeline-container {
      position: absolute;
      bottom: -3.5vh;
      left: 0;
      right: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 2;
      height: 2vh; }
    .home-bg .homeInfoBottom .timeline-point {
      width: 1vw;
      height: 2vh;
      border-radius: 50%;
      background-color: #a8c1ff;
      /* 浅蓝 - 未完成 */
      z-index: 3;
      position: relative; }
    .home-bg .homeInfoBottom .timeline-connector-left,
    .home-bg .homeInfoBottom .timeline-connector-right {
      height: .4vh;
      position: absolute;
      top: .8vh;
      background-color: #a8c1ff;
      /* 浅蓝 - 未完成 */
      width: 13vw; }
    .home-bg .homeInfoBottom .timeline-connector-left {
      left: 0;
      right: 50%; }
    .home-bg .homeInfoBottom .timeline-connector-right {
      left: 50%;
      right: 0; }
    .home-bg .homeInfoBottom .timeline-point-completed {
      background: #0a57ff;
      /* 深蓝 - 已完成 */
      box-shadow: 0 0 5px rgba(10, 87, 255, 0.5); }
    .home-bg .homeInfoBottom .timeline-connector-completed {
      background: #0a57ff;
      /* 深蓝 - 已完成 */ }
    .home-bg .homeInfoBottom .last-item .timeline-connector-right {
      display: none; }
    .home-bg .homeInfoBottom .item-title {
      font-size: 0.78vw;
      color: #05A4FC;
      position: absolute;
      top: 2.5vh; }
  .home-bg .homeInfoBottomLeft {
    height: 100%;
    flex: 1;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 1.3vw;
    padding: 3vh 2vw;
    box-shadow: inset 0 0.208vw 0.26vw rgba(255, 255, 255, 0.79), 0 0.78vw 0.938vw rgba(0, 57, 182, 0.06);
    border: 0.052vw solid #FFFFFF;
    position: relative; }
    .home-bg .homeInfoBottomLeft .section-title {
      position: absolute;
      top: -4vh;
      left: 1.04vw;
      font-size: 2.5vw;
      color: #05A4FC;
      z-index: -1; }
    .home-bg .homeInfoBottomLeft .module-header {
      display: flex;
      justify-content: space-between;
      margin-bottom: 1.56vh;
      padding-bottom: 1.04vh;
      border-bottom: 0.1vw solid;
      border-image: linear-gradient(90deg, #52c9fc, #0a57ff) 1 1; }
      .home-bg .homeInfoBottomLeft .module-header .module-title {
        font-size: 1.15vw;
        color: #093A67; }
    .home-bg .homeInfoBottomLeft .bottom-items-container {
      display: flex;
      gap: 1.56vh;
      height: calc(100% - 4.16vh);
      overflow-x: auto;
      padding-bottom: 1.04vh;
      width: 36vw; }
      .home-bg .homeInfoBottomLeft .bottom-items-container .bottom-item {
        margin-top: 2vh;
        height: 19vh;
        position: relative;
        min-width: 12vw;
        border-radius: 0.833vw; }
        .home-bg .homeInfoBottomLeft .bottom-items-container .bottom-item .status-indicator {
          position: absolute;
          top: 5.8vh;
          right: 0.5vw;
          width: 1.5vw;
          height: 1.5vw;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          z-index: 10;
          font-size: 1vw;
          background: white;
          border: 0.15vw solid; }
        .home-bg .homeInfoBottomLeft .bottom-items-container .bottom-item .status-indicator.green-check {
          border-color: #4CAF50;
          color: #4CAF50; }
        .home-bg .homeInfoBottomLeft .bottom-items-container .bottom-item .status-indicator.blue-check {
          border-color: #2196F3;
          color: #2196F3; }
        .home-bg .homeInfoBottomLeft .bottom-items-container .bottom-item .status-indicator.red-number {
          border-color: #F44336;
          color: #F44336; }
        .home-bg .homeInfoBottomLeft .bottom-items-container .bottom-item .status-indicator.green-number {
          border-color: #4CAF50;
          color: #4CAF50; }
        .home-bg .homeInfoBottomLeft .bottom-items-container .bottom-item .status-indicator.dots-indicator {
          border-color: #F44336;
          color: #F44336;
          font-weight: bold;
          letter-spacing: -0.1;
          font-size: 0.8vw; }
        .home-bg .homeInfoBottomLeft .bottom-items-container .bottom-item .top-item-bg {
          position: absolute;
          width: 100%;
          height: 100%;
          object-fit: cover;
          z-index: 1; }
        .home-bg .homeInfoBottomLeft .bottom-items-container .bottom-item .top-item-content {
          position: relative;
          z-index: 2;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: space-between;
          padding: 2.08vh 0.52vw;
          text-align: center; }
        .home-bg .homeInfoBottomLeft .bottom-items-container .bottom-item .item-index {
          position: absolute;
          top: -2vh;
          left: 1.5vw;
          font-size: 1.5vw;
          color: #3a7cff;
          display: flex;
          align-items: center;
          justify-content: center;
          z-index: 3; }
        .home-bg .homeInfoBottomLeft .bottom-items-container .bottom-item .item-date {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 7vh;
          width: 7.5vw;
          font-size: .8vw;
          color: #fff;
          overflow: hidden;
          position: relative;
          margin-top: 2vh;
          line-height: 1.9vh; }
        .home-bg .homeInfoBottomLeft .bottom-items-container .bottom-item .item-btn {
          min-width: 4.16vw;
          height: 3.125vh;
          background: white;
          color: #05A4FC;
          box-shadow: 0 0.5vw 1.8vw -0.7vw #0A57FF;
          border-radius: 1.208vw;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-top: 2vh;
          cursor: pointer;
          padding: .5vh .5vw;
          border: 1px solid #05A4FC;
          transition: all 0.3s ease; }
          .home-bg .homeInfoBottomLeft .bottom-items-container .bottom-item .item-btn:hover {
            background: #05A4FC;
            color: white;
            transform: scale(1.05);
            box-shadow: 0 0.8vw 2.5vw -0.7vw #0A57FF; }
      .home-bg .homeInfoBottomLeft .bottom-items-container::-webkit-scrollbar {
        height: 0.8vh; }
      .home-bg .homeInfoBottomLeft .bottom-items-container::-webkit-scrollbar-thumb {
        background: rgba(10, 87, 255, 0.56);
        box-shadow: inset 0 0.208vw 0.26vw rgba(255, 255, 255, 0.79);
        border-radius: 26.04vw;
        border: 0.052vw solid rgba(255, 255, 255, 0.69); }
    .home-bg .homeInfoBottomLeft .progress-list {
      display: flex;
      flex-direction: column;
      gap: 4vh;
      height: calc(100% - 7.16vh);
      justify-content: center;
      width: 100%; }
      .home-bg .homeInfoBottomLeft .progress-list .progress-item {
        display: flex;
        align-items: center;
        gap: 1.25vh;
        box-shadow: 0 0.5vw 1.8vw -1.1vw #0A57FF;
        background: white;
        height: 5vh;
        padding: 2vh;
        border-radius: 2vw;
        transition: all 0.3s ease; }
        .home-bg .homeInfoBottomLeft .progress-list .progress-item:hover {
          transform: translateY(-2px);
          box-shadow: 0 0.8vw 2.5vw -1.1vw #0A57FF; }
        .home-bg .homeInfoBottomLeft .progress-list .progress-item .progress-label {
          width: 8vw;
          font-size: 0.78vw;
          color: #05A4FC; }
        .home-bg .homeInfoBottomLeft .progress-list .progress-item .progress-bar-block {
          display: flex;
          align-items: center;
          flex: 1; }
          .home-bg .homeInfoBottomLeft .progress-list .progress-item .progress-bar-block .block {
            width: 0.3vw;
            height: 1.2vw;
            border-radius: 0.4vw;
            margin-right: 0.18vw;
            background: #e3eaff;
            display: inline-block;
            transition: background 0.2s; }
          .home-bg .homeInfoBottomLeft .progress-list .progress-item .progress-bar-block .block-active {
            background: linear-gradient(90deg, #0a57ff, #3a7cff); }
          .home-bg .homeInfoBottomLeft .progress-list .progress-item .progress-bar-block .progress-num {
            margin-left: 1vw;
            color: #05A4FC;
            font-size: 1vw; }
        .home-bg .homeInfoBottomLeft .progress-list .progress-item .detail-btn {
          min-width: 4vw;
          height: 3vh;
          background: #05A4FC;
          color: white;
          border-radius: 1vw;
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer;
          font-size: 0.8vw;
          margin-left: 1vw;
          transition: all 0.3s ease; }
          .home-bg .homeInfoBottomLeft .progress-list .progress-item .detail-btn:hover {
            background: #0A57FF;
            transform: scale(1.05);
            box-shadow: 0 0.3vw 1vw rgba(10, 87, 255, 0.3); }
  .home-bg .homeInfoBottomRight {
    height: 100%;
    flex: 1;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 1.3vw;
    padding: 3vh 2vw;
    box-shadow: inset 0 0.208vw 0.26vw rgba(255, 255, 255, 0.79), 0 0.78vw 0.938vw rgba(0, 57, 182, 0.06);
    border: 0.052vw solid #FFFFFF;
    position: relative; }
    .home-bg .homeInfoBottomRight .section-title {
      position: absolute;
      top: -4vh;
      left: 1.04vw;
      font-size: 2.5vw;
      color: #05A4FC;
      z-index: -1; }
    .home-bg .homeInfoBottomRight .module-header {
      display: flex;
      justify-content: space-between;
      margin-bottom: 1.56vh;
      padding-bottom: 1.04vh;
      border-bottom: 0.1vw solid;
      border-image: linear-gradient(90deg, #52c9fc, #0a57ff) 1 1; }
      .home-bg .homeInfoBottomRight .module-header .module-title {
        font-size: 1.15vw;
        color: #093A67; }
    .home-bg .homeInfoBottomRight .bottom-items-container {
      display: flex;
      gap: 1.56vh;
      height: calc(100% - 4.16vh);
      overflow-x: auto;
      padding-bottom: 1.04vh;
      width: 36vw; }
      .home-bg .homeInfoBottomRight .bottom-items-container .bottom-item {
        margin-top: 2vh;
        height: 19vh;
        position: relative;
        min-width: 12vw;
        border-radius: 0.833vw; }
        .home-bg .homeInfoBottomRight .bottom-items-container .bottom-item .status-indicator {
          position: absolute;
          top: 5.8vh;
          right: 0.5vw;
          width: 1.5vw;
          height: 1.5vw;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          z-index: 10;
          font-size: 1vw;
          background: white;
          border: 0.15vw solid; }
        .home-bg .homeInfoBottomRight .bottom-items-container .bottom-item .status-indicator.green-check {
          border-color: #4CAF50;
          color: #4CAF50; }
        .home-bg .homeInfoBottomRight .bottom-items-container .bottom-item .status-indicator.blue-check {
          border-color: #2196F3;
          color: #2196F3; }
        .home-bg .homeInfoBottomRight .bottom-items-container .bottom-item .status-indicator.red-number {
          border-color: #F44336;
          color: #F44336; }
        .home-bg .homeInfoBottomRight .bottom-items-container .bottom-item .status-indicator.green-number {
          border-color: #4CAF50;
          color: #4CAF50; }
        .home-bg .homeInfoBottomRight .bottom-items-container .bottom-item .status-indicator.dots-indicator {
          border-color: #F44336;
          color: #F44336;
          font-weight: bold;
          letter-spacing: -0.1;
          font-size: 0.8vw; }
        .home-bg .homeInfoBottomRight .bottom-items-container .bottom-item .top-item-bg {
          position: absolute;
          width: 100%;
          height: 100%;
          object-fit: cover;
          z-index: 1; }
        .home-bg .homeInfoBottomRight .bottom-items-container .bottom-item .top-item-content {
          position: relative;
          z-index: 2;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: space-between;
          padding: 2.08vh 0.52vw;
          text-align: center; }
        .home-bg .homeInfoBottomRight .bottom-items-container .bottom-item .item-index {
          position: absolute;
          top: -2vh;
          left: 1.5vw;
          font-size: 1.5vw;
          color: #3a7cff;
          display: flex;
          align-items: center;
          justify-content: center;
          z-index: 3; }
        .home-bg .homeInfoBottomRight .bottom-items-container .bottom-item .item-date {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 7vh;
          width: 7.5vw;
          font-size: .8vw;
          color: #fff;
          overflow: hidden;
          position: relative;
          margin-top: 2vh;
          line-height: 1.9vh; }
        .home-bg .homeInfoBottomRight .bottom-items-container .bottom-item .item-title {
          font-size: 0.78vw;
          color: #05A4FC;
          position: absolute;
          top: 2.5vh; }
        .home-bg .homeInfoBottomRight .bottom-items-container .bottom-item .item-btn {
          min-width: 4.16vw;
          height: 3.125vh;
          background: white;
          color: #05A4FC;
          box-shadow: 0 0.5vw 1.8vw -0.7vw #0A57FF;
          border-radius: 1.208vw;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-top: 2vh;
          cursor: pointer;
          padding: .5vh .5vw;
          border: 1px solid #05A4FC;
          transition: all 0.3s ease; }
          .home-bg .homeInfoBottomRight .bottom-items-container .bottom-item .item-btn:hover {
            background: #05A4FC;
            color: white;
            transform: scale(1.05);
            box-shadow: 0 0.8vw 2.5vw -0.7vw #0A57FF; }
      .home-bg .homeInfoBottomRight .bottom-items-container::-webkit-scrollbar {
        height: 0.8vh; }
      .home-bg .homeInfoBottomRight .bottom-items-container::-webkit-scrollbar-thumb {
        background: rgba(10, 87, 255, 0.56);
        box-shadow: inset 0 0.208vw 0.26vw rgba(255, 255, 255, 0.79);
        border-radius: 26.04vw;
        border: 0.052vw solid rgba(255, 255, 255, 0.69); }
  .home-bg .homeInfo.supervisor-layout {
    display: flex !important;
    gap: 2vw !important;
    align-items: flex-start !important;
    justify-content: center !important;
    margin-top: 20vh !important;
    padding-top: 0 !important; }
  .home-bg .homeInfo.supervisor-layout .homeInfoTop {
    flex: 0 0 auto !important;
    margin-top: 0 !important;
    height: auto !important; }
  .home-bg .homeInfo.supervisor-layout .timeline-container {
    display: none !important; }
  .home-bg .homeInfo.supervisor-layout .homeInfoBottom {
    display: contents !important;
    margin-top: 0 !important; }
  .home-bg .homeInfo.supervisor-layout .homeInfoBottomLeft,
  .home-bg .homeInfo.supervisor-layout .homeInfoBottomRight {
    flex: 0 0 auto !important;
    margin-top: 0 !important; }
  .home-bg .homeInfo.supervisor-layout .bottom-items-container {
    width: auto !important; }

.exam-single-choice .radio-item {
  width: 100%;
  display: flex;
  align-items: center;
  column-gap: 8px;
  margin-bottom: 10px !important; }

.exam-single-choice .right-operate-box {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  column-gap: 24px; }
  .exam-single-choice .right-operate-box .add-btn {
    font-size: 14px;
    color: #0A57FF;
    transition: opacity 0.3s;
    cursor: pointer; }
    .exam-single-choice .right-operate-box .add-btn:hover {
      opacity: 0.8; }
  .exam-single-choice .right-operate-box .delete-btn {
    font-size: 14px;
    color: #F03E3E;
    transition: opacity 0.3s;
    cursor: pointer; }
    .exam-single-choice .right-operate-box .delete-btn:hover {
      opacity: 0.8; }
  .exam-single-choice .right-operate-box .el-checkbox {
    margin-right: 0;
    color: #232427; }
  .exam-single-choice .right-operate-box .rule-content {
    display: flex;
    align-items: center; }
  .exam-single-choice .right-operate-box .rule-range-box {
    display: flex;
    align-items: center;
    column-gap: 6px; }
    .exam-single-choice .right-operate-box .rule-range-box .el-input--medium {
      width: max-content; }
    .exam-single-choice .right-operate-box .rule-range-box .el-input__inner {
      width: 60px;
      padding: 0 12px; }

.exam-single-choice .bottom-operate-btn {
  margin-top: 12px;
  display: flex;
  align-items: center;
  column-gap: 16px; }
  .exam-single-choice .bottom-operate-btn .el-button {
    margin: 0;
    font-size: 14px; }

.exam-single-choice .font-14 {
  font-size: 14px !important; }

.question-batch-box ::v-deep .el-dialog {
  border-radius: 8px; }
  .question-batch-box ::v-deep .el-dialog__header {
    padding: 20px;
    border-bottom: 1px solid #ebeef5; }
    .question-batch-box ::v-deep .el-dialog__header .el-dialog__title {
      font-size: 16px;
      color: #303133; }
  .question-batch-box ::v-deep .el-dialog__body {
    padding: 30px 25px; }
    .question-batch-box ::v-deep .el-dialog__body .el-form-item {
      margin-bottom: 24px; }
      .question-batch-box ::v-deep .el-dialog__body .el-form-item:last-child {
        margin-bottom: 0; }
      .question-batch-box ::v-deep .el-dialog__body .el-form-item .el-checkbox-group {
        display: flex;
        flex-wrap: wrap;
        gap: 15px 30px; }
      .question-batch-box ::v-deep .el-dialog__body .el-form-item .el-checkbox {
        margin-right: 0; }
    .question-batch-box ::v-deep .el-dialog__body .el-input__inner {
      height: 40px; }
  .question-batch-box ::v-deep .el-dialog__footer {
    padding: 15px 20px;
    border-top: 1px solid #ebeef5; }
    .question-batch-box ::v-deep .el-dialog__footer .dialog-footer {
      display: flex;
      justify-content: flex-end;
      gap: 12px; }

.scsdtp {
  width: 100%;
  box-sizing: border-box;
  background: url("/content/image/xljkImg/evaluationBGA.png") center center no-repeat;
  background-size: cover;
  position: relative;
  box-sizing: border-box;
  padding: 2.7778vh 2.083333vw;
  border-radius: 0px 0px 16px 16px;
  width: 76vw;
  background: #FFFFFF;
  border-radius: 16px;
  margin: auto;
  overflow-y: auto;
  overflow-x: hidden; }
  .scsdtp .section-card {
    background: #F9FCFF;
    border-radius: 12px;
    padding: 1.5vh 2.5vw;
    margin-bottom: 3vh;
    box-shadow: 0px 2px 12px rgba(82, 146, 236, 0.1); }
  .scsdtp .section-title {
    font-size: 1.8vh;
    font-weight: 600;
    color: #2171FF;
    margin-bottom: 1.8vh;
    padding-bottom: 0.8vh;
    border-bottom: 1px solid #E1EEFF; }
  .scsdtp .section-content p {
    font-size: 1.5vh;
    line-height: 1.8;
    color: #333;
    margin-bottom: 1.5vh; }
  .scsdtp .upload-section {
    display: flex;
    gap: 2vw;
    margin-top: 2vh;
    flex-wrap: wrap; }
  .scsdtp .upload-area {
    flex: 1;
    min-width: 200px;
    background: white;
    border-radius: 12px;
    border: 1px solid #E1EEFF;
    padding: 2vh;
    display: flex;
    flex-direction: column;
    align-items: center; }
  .scsdtp .upload-icon-area {
    text-align: center;
    margin-bottom: 1.5vh;
    width: 100%; }
  .scsdtp .upload-title {
    font-size: 1.5vh;
    font-weight: 500;
    color: #2171FF;
    margin: 0.8vh 0 0.3vh; }
  .scsdtp .upload-desc {
    font-size: 1.3vh;
    color: #999; }
  .scsdtp .file-preview {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 1.5vh; }
  .scsdtp .preview-image {
    width: 150px;
    height: 150px;
    border-radius: 8px;
    object-fit: cover;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    margin-bottom: 1.5vh;
    cursor: pointer;
    transition: transform 0.3s ease; }
  .scsdtp .preview-image:hover {
    transform: scale(1.05); }
  .scsdtp .file-name {
    font-size: 1.4vh;
    color: #666;
    margin-bottom: 1.5vh;
    text-align: center;
    max-width: 100%;
    word-break: break-all; }
  .scsdtp .el-upload {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%; }
  .scsdtp .el-button {
    margin-top: 1.5vh;
    padding: 1.2vh 2vw;
    width: 100%;
    max-width: 200px; }
  .scsdtp .el-upload__tip {
    margin-top: 1vh;
    font-size: 1.2vh;
    color: #999; }
  .scsdtp .submit-section {
    margin-top: 3vh;
    text-align: center;
    padding-top: 2vh;
    border-top: 1px solid #E1EEFF; }
  .scsdtp .submit-section .el-button {
    width: 200px;
    height: 50px;
    font-size: 16px; }

.question-container .sidebar {
  width: 272px;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  box-sizing: border-box;
  background: #fff;
  padding: 12px;
  position: relative; }
  .question-container .sidebar .tabs-container {
    padding: 0 10px; }
  .question-container .sidebar .question-types {
    flex: 1;
    display: flex;
    flex-direction: column; }
    .question-container .sidebar .question-types .section .section-title {
      font-size: 12px;
      color: #595b63;
      margin: 10px 0;
      font-weight: normal;
      text-align: left; }
    .question-container .sidebar .question-types .section .buttons-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 8px; }
      .question-container .sidebar .question-types .section .buttons-grid .el-button {
        width: 100%;
        text-align: left;
        padding-left: 10px;
        margin: 0;
        color: #232427;
        background: #eff1f9;
        border: none;
        border-radius: 4px;
        height: 32px; }
        .question-container .sidebar .question-types .section .buttons-grid .el-button:hover {
          background: #1d89ff;
          color: #fff; }
        .question-container .sidebar .question-types .section .buttons-grid .el-button i {
          margin-right: 5px; }
    .question-container .sidebar .question-types .action-buttons {
      display: flex;
      gap: 8px;
      flex-wrap: nowrap; }
      .question-container .sidebar .question-types .action-buttons .el-button {
        width: 120px;
        margin: 0; }

.question-container .content-area {
  flex: 1;
  padding: 20px;
  overflow-y: auto;
  background-color: #f5f7fa;
  display: flex;
  justify-content: center;
  align-items: center; }
  .question-container .content-area .empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    border-radius: 4px; }
    .question-container .content-area .empty-state .empty-img {
      width: 200px;
      margin-bottom: 20px; }
    .question-container .content-area .empty-state .action-button {
      margin-top: 20px; }

.el-button--primary {
  background-color: #409eff; }

.el-button--primary.is-plain {
  color: #409eff;
  background-color: #ecf5ff;
  border-color: #b3d8ff; }

.ckxxsjapb {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  padding: 20px;
  border-radius: 16px;
  margin: auto;
  overflow-y: auto;
  overflow-x: hidden;
  background: #fff; }
  .ckxxsjapb .el-table {
    min-height: 45vh; }
    .ckxxsjapb .el-table .el-table__header th {
      font-size: 16px;
      font-weight: bold; }
  .ckxxsjapb .el-table__body-wrapper .el-table__body td {
    font-size: 15px; }
  .ckxxsjapb .el-table__empty-block {
    height: 40vh !important; }
  .ckxxsjapb .pagination-container {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    width: 100%; }
  .ckxxsjapb .pagination-container .el-pagination {
    margin: 0 auto; }

.el-dialog__body .pagination-container {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  width: 100%; }

.el-dialog__body .pagination-container .el-pagination {
  margin: 0 auto; }

.el-dialog__body .dialog-footer {
  text-align: center; }

@charset "UTF-8";
.txhcqkjwtjl {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  padding: 20px;
  border-radius: 16px;
  margin: auto;
  overflow-y: auto;
  overflow-x: hidden;
  background: #fff;
  /* 图片上传样式 */ }
  .txhcqkjwtjl .el-radio-group .el-radio {
    margin-right: 15px;
    margin-bottom: 8px; }
  .txhcqkjwtjl .el-radio-group .el-radio:last-child {
    margin-right: 0; }
  .txhcqkjwtjl .form-field-input .el-radio-group .el-radio {
    margin-right: 8px;
    margin-bottom: 0; }
  .txhcqkjwtjl .form-field-input .el-radio-group .el-radio__label {
    font-size: 11px;
    padding-left: 3px; }
  .txhcqkjwtjl .form-field-input .el-radio-group .el-radio__input {
    margin-right: 2px; }
  .txhcqkjwtjl .form-field-input .el-radio-group .el-radio__inner {
    width: 12px;
    height: 12px; }
  .txhcqkjwtjl .form-field-input .el-radio-group .el-radio__inner::after {
    width: 4px;
    height: 4px; }
  .txhcqkjwtjl .el-table {
    font-size: 15px; }
    .txhcqkjwtjl .el-table .el-table__header-wrapper .el-table__header th {
      font-size: 16px;
      font-weight: bold; }
    .txhcqkjwtjl .el-table .el-table__body-wrapper .el-table__body td {
      font-size: 15px; }
  .txhcqkjwtjl .section-title {
    font-size: 1vw;
    font-weight: 600;
    margin: 1vh 0; }
  .txhcqkjwtjl .table-actions {
    text-align: right;
    margin-bottom: 15px; }
  .txhcqkjwtjl .el-table__empty-block {
    height: 40vh !important; }
  .txhcqkjwtjl .pagination-container {
    display: flex;
    justify-content: center;
    margin-top: 20px; }
  .txhcqkjwtjl .form-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    border: 1px solid #ADD8E6;
    background-color: #F0F8FF; }
  .txhcqkjwtjl .form-table td {
    border: 1px solid #ADD8E6;
    padding: 12px 15px;
    vertical-align: middle;
    font-size: 14px;
    text-align: center; }
  .txhcqkjwtjl .form-label {
    background-color: #E6F3FF;
    font-weight: bold;
    text-align: center;
    width: 150px;
    color: #2C5AA0;
    padding-right: 20px; }
  .txhcqkjwtjl .form-field-label {
    background-color: #E6F3FF;
    font-weight: bold;
    text-align: center;
    width: 400px;
    color: #2C5AA0;
    padding-right: 20px; }
  .txhcqkjwtjl .form-field-input {
    background-color: #FFFFFF;
    width: 120px; }
  .txhcqkjwtjl .form-field-input .el-input .el-input__inner,
  .txhcqkjwtjl .form-field-input .el-textarea .el-textarea__inner {
    border: none;
    padding-left: 0;
    padding-right: 0; }
  .txhcqkjwtjl .form-field-input .el-form-item {
    margin-bottom: 0; }
  .txhcqkjwtjl .form-field-input .el-form-item__content {
    line-height: normal; }
  .txhcqkjwtjl .form-field-input .el-input__inner::placeholder {
    color: #C0C4CC; }
  .txhcqkjwtjl .form-field-input .el-date-editor.el-input,
  .txhcqkjwtjl .form-field-input .el-time-picker.el-input {
    width: 100%; }
  .txhcqkjwtjl .form-field-input .el-date-editor .el-input__prefix,
  .txhcqkjwtjl .form-field-input .el-time-picker .el-input__prefix {
    display: none; }
  .txhcqkjwtjl .form-field-input .el-date-editor .el-input__suffix,
  .txhcqkjwtjl .form-field-input .el-time-picker .el-input__suffix {
    right: 5px; }
  .txhcqkjwtjl .image-upload-container {
    width: 100%; }
  .txhcqkjwtjl .image-preview-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 10px; }
  .txhcqkjwtjl .image-preview-item {
    position: relative;
    display: inline-block; }
  .txhcqkjwtjl .preview-thumbnail {
    width: 80px;
    height: 80px;
    border-radius: 4px;
    border: 1px solid #ddd;
    cursor: pointer; }
  .txhcqkjwtjl .image-actions {
    position: absolute;
    top: -5px;
    right: -5px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    padding: 2px; }
  .txhcqkjwtjl .image-actions .el-button {
    color: white;
    font-size: 12px;
    padding: 2px 4px;
    min-height: auto; }
  .txhcqkjwtjl .upload-buttons {
    display: flex;
    gap: 10px;
    margin-bottom: 10px; }
  .txhcqkjwtjl .image-uploader .el-button {
    font-size: 12px;
    padding: 6px 12px; }
  .txhcqkjwtjl .upload-tip {
    font-size: 12px;
    color: #999;
    line-height: 1.4; }

.apsdy {
  width: 100%;
  min-height: 100vh;
  box-sizing: border-box;
  background: url("/content/image/xljkImg/evaluationBGA.png") center center no-repeat;
  background-size: cover;
  position: relative;
  box-sizing: border-box;
  padding: 2.7778vh 2.083333vw;
  border-radius: 0px 0px 16px 16px;
  width: 93vw;
  max-height: 72vh;
  background: #FFFFFF;
  border-radius: 16px;
  margin: auto;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 30vh; }
  .apsdy .table-actions {
    text-align: right;
    margin-bottom: 20px; }
  .apsdy .pagination-container {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    padding: 10px;
    border-radius: 4px; }
  .apsdy .pagination-container {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    padding: 10px;
    border-radius: 4px; }

.import-content .import-step {
  margin-bottom: 20px; }
  .import-content .import-step p {
    margin: 0 0 15px 0;
    color: #606266;
    font-size: 14px; }
    .import-content .import-step p .link-text {
      color: #409eff;
      cursor: pointer;
      text-decoration: none; }
      .import-content .import-step p .link-text:hover {
        text-decoration: underline; }

.upload-area .el-upload {
  width: 100%; }

.upload-area .el-upload-dragger {
  width: 100%;
  height: 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

.assign-content p {
  margin: 0 0 20px 0;
  color: #606266;
  font-size: 14px; }
  .assign-content p strong {
    color: #409eff; }

.editTrainingExamStep2 .el-upload {
  width: 100%;
  height: 250px; }

.editTrainingExamStep2 .el-upload-dragger {
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  box-shadow: 0px 1 2px 0px rgba(184, 200, 224, 0.2221);
  border: 1px solid #D8E0F0; }

.editTrainingExamStep2 .kcfm-list__item-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  z-index: 1;
  cursor: default;
  color: white;
  opacity: 0;
  font-size: 20px;
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity 0.3s; }

.editTrainingExamStep2 .kcfm-list__item-actions:hover {
  opacity: 1; }

.editTrainingExamStep2 .form-actions {
  box-shadow: 0px 6px 58px 0px rgba(121, 145, 173, 0.1955); }

.editTrainingStep2 .form-actions {
  box-shadow: 0px 6px 58px 0px rgba(121, 145, 173, 0.1955); }

.dialog-add-chapter .el-dialog__body {
  padding-top: 14px; }

.dialog-add-course .kcfm-list__item-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  z-index: 1;
  cursor: default;
  color: white;
  opacity: 0;
  font-size: 20px;
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity 0.3s; }

.dialog-add-course .kcfm-list__item-actions:hover {
  opacity: 1; }

.dataListDetail25 .el-upload {
  width: 100%;
  height: 250px; }

.dataListDetail25 .el-upload-dragger {
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  box-shadow: 0px 1 2px 0px rgba(184, 200, 224, 0.2221);
  border: 1px solid #D8E0F0; }

.dataListDetail25 .kcfm-list__item-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  z-index: 1;
  cursor: default;
  color: white;
  opacity: 0;
  font-size: 20px;
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity 0.3s; }

.dataListDetail25 .kcfm-list__item-actions:hover {
  opacity: 1; }

.dataListDetail25 .form-actions {
  box-shadow: 0px 6px 58px 0px rgba(121, 145, 173, 0.1955); }

.dataListDetail25 .el-upload-list__item-name {
  height: 26px; }

.dataListDetail26 .el-step.is-horizontal .el-step__line {
  left: 50px;
  right: 25px; }

.dataListDetail26 .current-step-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  position: absolute;
  top: -5px;
  left: -5px;
  border-radius: 34px;
  background: #FFFFFF;
  border: 1px solid #3E80F0; }

.dataListDetail26 .current-step-icon::after {
  content: '';
  display: inline-flex;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  background: #3E80F0; }

.dataListDetail26 .el-step__title {
  font-size: 16px;
  color: #3D3D3D; }
  .dataListDetail26 .el-step__title.is-process {
    font-weight: unset; }

.dataListDetail26 .el-step__line {
  background-color: #D8D8D8; }

.dataListDetail26 .el-step__line-inner {
  border-color: #D8D8D8; }

.dataListDetail26 .el-step__main {
  padding-top: 8px; }

.dataListDetail26 .form-actions {
  box-shadow: 0px 6px 58px 0px rgba(121, 145, 173, 0.1955); }

.dataListDetail26 .el-upload-list__item-name {
  height: 26px; }

.editTrainingExamStep1 .el-upload {
  width: 100%;
  height: 250px; }

.editTrainingExamStep1 .el-upload-dragger {
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  box-shadow: 0px 1 2px 0px rgba(184, 200, 224, 0.2221);
  border: 1px solid #D8E0F0; }

.editTrainingExamStep1 .kcfm-list__item-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  z-index: 1;
  cursor: default;
  color: white;
  opacity: 0;
  font-size: 20px;
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity 0.3s; }

.editTrainingExamStep1 .kcfm-list__item-actions:hover {
  opacity: 1; }

.editTrainingExamStep1 .form-actions {
  box-shadow: 0px 6px 58px 0px rgba(121, 145, 173, 0.1955); }

.editTrainingStep1 .el-upload {
  width: 100%;
  height: 250px; }

.editTrainingStep1 .el-upload-dragger {
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  box-shadow: 0px 1 2px 0px rgba(184, 200, 224, 0.2221);
  border: 1px solid #D8E0F0; }

.editTrainingStep1 .kcfm-list__item-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  z-index: 1;
  cursor: default;
  color: white;
  opacity: 0;
  font-size: 20px;
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity 0.3s; }

.editTrainingStep1 .kcfm-list__item-actions:hover {
  opacity: 1; }

.editTrainingStep1 .form-actions {
  box-shadow: 0px 6px 58px 0px rgba(121, 145, 173, 0.1955); }

.txcqzbqk {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  padding: 20px;
  border-radius: 16px;
  margin: auto;
  background: #fff; }
  .txcqzbqk .el-radio-group .el-radio {
    margin-right: 15px;
    margin-bottom: 8px; }
  .txcqzbqk .el-radio-group .el-radio:last-child {
    margin-right: 0; }
  .txcqzbqk .form-field-input .el-radio-group .el-radio {
    margin-right: 8px;
    margin-bottom: 0; }
  .txcqzbqk .form-field-input .el-radio-group .el-radio__label {
    font-size: 11px;
    padding-left: 3px; }
  .txcqzbqk .form-field-input .el-radio-group .el-radio__input {
    margin-right: 2px; }
  .txcqzbqk .form-field-input .el-radio-group .el-radio__inner {
    width: 12px;
    height: 12px; }
  .txcqzbqk .form-field-input .el-radio-group .el-radio__inner::after {
    width: 4px;
    height: 4px; }
  .txcqzbqk .el-table {
    font-size: 15px; }
    .txcqzbqk .el-table .el-table__header-wrapper .el-table__header th {
      font-size: 16px;
      font-weight: bold; }
    .txcqzbqk .el-table .el-table__body-wrapper .el-table__body td {
      font-size: 15px; }
  .txcqzbqk .section-title {
    font-size: 1vw;
    font-weight: 600;
    margin: 1vh 0; }
  .txcqzbqk .table-actions {
    text-align: right;
    margin-bottom: 15px; }
  .txcqzbqk .el-table__empty-block {
    height: 40vh !important; }
  .txcqzbqk .pagination-container {
    display: flex;
    justify-content: center;
    margin-top: 20px; }
  .txcqzbqk .form-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    border: 1px solid #ADD8E6;
    background-color: #F0F8FF; }
  .txcqzbqk .form-table td {
    border: 1px solid #ADD8E6;
    padding: 12px 15px;
    vertical-align: middle;
    font-size: 14px;
    text-align: center; }
  .txcqzbqk .form-label {
    background-color: #E6F3FF;
    font-weight: bold;
    text-align: center;
    width: 150px;
    color: #2C5AA0;
    padding-right: 20px; }
  .txcqzbqk .form-field-label {
    background-color: #E6F3FF;
    font-weight: bold;
    text-align: center;
    width: 400px;
    color: #2C5AA0;
    padding-right: 20px; }
  .txcqzbqk .form-field-input {
    background-color: #FFFFFF;
    width: 120px; }
  .txcqzbqk .form-field-input .el-input .el-input__inner,
  .txcqzbqk .form-field-input .el-textarea .el-textarea__inner {
    border: none;
    padding-left: 0;
    padding-right: 0; }
  .txcqzbqk .form-field-input .el-form-item {
    margin-bottom: 0; }
  .txcqzbqk .form-field-input .el-form-item__content {
    line-height: normal; }
  .txcqzbqk .form-field-input .el-input__inner::placeholder {
    color: #C0C4CC; }
  .txcqzbqk .form-field-input .el-date-editor.el-input,
  .txcqzbqk .form-field-input .el-time-picker.el-input {
    width: 100%; }
  .txcqzbqk .form-field-input .el-date-editor .el-input__prefix,
  .txcqzbqk .form-field-input .el-time-picker .el-input__prefix {
    display: none; }
  .txcqzbqk .form-field-input .el-date-editor .el-input__suffix,
  .txcqzbqk .form-field-input .el-time-picker .el-input__suffix {
    right: 5px; }

.classification-tool .el-button--primary.is-plain {
  color: #4843EA; }

.classification-tool .el-button--text {
  color: #333333; }

.dataListTable27 {
  overflow: auto; }

.filter-container {
  margin-bottom: 10px;
  display: flex;
  align-items: center; }

.el-table--enable-row-hover.el-table__body tr:hover > td {
  background-color: #f8f9ff !important; }

.el-table thead {
  background-color: #f8f9ff; }

.home-courseMgr {
  height: calc(100vh - 80px);
  padding: 20px;
  box-sizing: border-box;
  background: #EFF1F9; }
  .home-courseMgr .list {
    flex-wrap: wrap; }
  .home-courseMgr .pagebox1 {
    width: 100%;
    height: 100%;
    display: flex; }
    .home-courseMgr .pagebox1 .rightMain {
      background: #EFF1F9;
      flex: 1; }
  .home-courseMgr h1 {
    font-size: 36px;
    color: #333;
    margin-bottom: 20px; }
  .home-courseMgr p {
    font-size: 18px;
    color: #666; }

.XDCard {
  width: 100%;
  height: 100vh;
  box-sizing: border-box;
  background: url("/content/image/xljkImg/evaluationBGA.png") center center no-repeat;
  background-size: cover; }
  .XDCard .cardContainer {
    margin: 0 auto;
    box-sizing: border-box;
    width: 96vw;
    background: #EAEFFF;
    box-shadow: 0px 12px 34px 0px rgba(82, 146, 236, 0.08), inset 0px 2px 0px 0px #FFFFFF;
    border-radius: 16px;
    padding: 12px; }
    .XDCard .cardContainer .cardTop {
      box-sizing: border-box;
      border-radius: 16px 16px 0px 0px;
      height: 9.51vh;
      position: relative;
      padding: 0 6vw; }
      .XDCard .cardContainer .cardTop .topimg {
        width: 52vw;
        height: 6.48vh;
        margin: auto; }
      .XDCard .cardContainer .cardTop .cardTitle {
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        font-size: 2vh;
        color: #FFFFFF;
        text-align: center;
        font-style: normal;
        position: absolute;
        top: 1.5vh;
        left: 50%;
        transform: translatex(-50%); }
      .XDCard .cardContainer .cardTop .topActions {
        position: absolute;
        top: 30px;
        right: 20px; }
    .XDCard .cardContainer .cardBottom {
      max-height: 75vh;
      overflow-y: auto; }
  .XDCard .is-bordered {
    border: none !important; }
  .XDCard .cardbox1 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    .XDCard .cardbox1 .img1 {
      width: 300px;
      height: 300px;
      margin-top: 100px; }
  .XDCard .el-table__empty-block {
    height: 43vh !important; }
  .XDCard .table-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    margin-bottom: 15px; }
  .XDCard .pagination-container {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    padding: 10px;
    border-radius: 4px; }

@charset "UTF-8";
.XDzlxz01 .el-dialog__body {
  padding: 10px 20px;
  max-height: 70vh;
  overflow-y: auto; }

.XDzlxz01 .el-dialog {
  margin-top: 5vh !important; }

.XDzlxz01 .XDzlxz1 .itembox {
  position: relative; }
  .XDzlxz01 .XDzlxz1 .itembox .wczt {
    position: relative;
    width: auto;
    height: auto;
    max-width: 50px;
    margin-left: 8px; }

@media (max-width: 768px) {
  .XDzlxz01 .el-dialog {
    width: 95% !important;
    margin: 5px auto !important; }
  .XDzlxz01 .xd-popup-container .xd-main-content .group_41 {
    padding: 15px; }
    .XDzlxz01 .xd-popup-container .xd-main-content .group_41 .grid_3 .list-items_1 {
      width: 100%;
      margin-bottom: 15px; } }

@media (max-width: 480px) {
  .XDzlxz01 .el-dialog {
    width: 98% !important; }
  .XDzlxz01 .xd-popup-container .xd-main-content .group_41 {
    padding: 10px; }
    .XDzlxz01 .xd-popup-container .xd-main-content .group_41 .bottombox {
      flex-direction: column;
      align-items: stretch; }
      .XDzlxz01 .xd-popup-container .xd-main-content .group_41 .bottombox .butt {
        margin: 5px 0;
        width: 100%; } }

.xd-popup-container {
  min-height: 400px;
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  box-sizing: border-box;
  padding: 0; }
  .xd-popup-container .itembox {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .xd-popup-container .bottombox {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 10px;
    flex-wrap: wrap;
    gap: 8px; }
    .xd-popup-container .bottombox .butt {
      background-color: #3f8cff;
      color: white;
      font-size: 12px;
      font-weight: normal;
      text-align: center;
      white-space: nowrap;
      line-height: 1.2;
      margin-top: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 6px 12px;
      min-width: 60px; }
      .xd-popup-container .bottombox .butt .buttinbox {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff；; }
      .xd-popup-container .bottombox .butt img {
        margin-right: 4px;
        width: 16px;
        height: 16px; }
  .xd-popup-container .xd-main-content {
    width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
    padding: 0; }
    .xd-popup-container .xd-main-content .group_41 {
      background-color: white;
      border-radius: 16px;
      justify-content: flex-start;
      overflow-y: auto;
      overflow-x: hidden;
      padding: 16px;
      margin: 8px;
      width: calc(100% - 16px);
      box-sizing: border-box; }
      .xd-popup-container .xd-main-content .group_41 .group_8 {
        width: auto;
        height: auto;
        margin: 0 0 20px 0;
        display: flex;
        align-items: center;
        gap: 10px; }
        .xd-popup-container .xd-main-content .group_41 .group_8 .label_3 {
          width: 24px;
          height: 24px; }
        .xd-popup-container .xd-main-content .group_41 .group_8 .text_7 {
          width: auto;
          height: auto;
          overflow-wrap: break-word;
          color: #3f8cff;
          font-size: 18px;
          font-family: PingFangSC-Medium;
          font-weight: 500;
          text-align: left;
          white-space: nowrap;
          line-height: 1.4;
          margin-top: 0; }
      .xd-popup-container .xd-main-content .group_41 .grid_3 {
        margin: 0;
        gap: 15px;
        width: 100%;
        overflow-x: hidden;
        box-sizing: border-box; }
        .xd-popup-container .xd-main-content .group_41 .grid_3 .list-items_1 {
          background-color: #f4f9fd;
          border-radius: 12px;
          min-height: 100px;
          padding: 15px;
          box-sizing: border-box;
          overflow: hidden;
          word-wrap: break-word; }
          .xd-popup-container .xd-main-content .group_41 .grid_3 .list-items_1 .image-text_7 {
            height: auto;
            margin: 0; }
            .xd-popup-container .xd-main-content .group_41 .grid_3 .list-items_1 .image-text_7 .image_3 {
              width: 50px;
              height: 50px;
              flex-shrink: 0; }
            .xd-popup-container .xd-main-content .group_41 .grid_3 .list-items_1 .image-text_7 .text-group_6 {
              height: auto;
              margin-top: 0; }
              .xd-popup-container .xd-main-content .group_41 .grid_3 .list-items_1 .image-text_7 .text-group_6 .text_14 {
                width: auto;
                height: auto;
                overflow-wrap: break-word;
                color: #000001;
                font-size: 14px;
                font-family: PingFangSC-Medium;
                font-weight: 500;
                text-align: left;
                white-space: normal;
                line-height: 1.4; }
              .xd-popup-container .xd-main-content .group_41 .grid_3 .list-items_1 .image-text_7 .text-group_6 .text_15 {
                width: auto;
                height: auto;
                overflow-wrap: break-word;
                color: #6f737b;
                font-size: 12px;
                font-weight: normal;
                text-align: left;
                white-space: normal;
                line-height: 1.4;
                margin-top: 8px; }
          .xd-popup-container .xd-main-content .group_41 .grid_3 .list-items_1 .block_1 {
            background-color: #3f8cff;
            border-radius: 9px;
            width: auto;
            height: auto;
            margin: 10px 0 0 0;
            padding: 8px 12px; }
            .xd-popup-container .xd-main-content .group_41 .grid_3 .list-items_1 .block_1 .image-text_8 {
              width: auto;
              height: auto;
              margin: 0;
              display: flex;
              align-items: center;
              gap: 6px; }
              .xd-popup-container .xd-main-content .group_41 .grid_3 .list-items_1 .block_1 .image-text_8 .label_6 {
                width: 16px;
                height: 16px; }
              .xd-popup-container .xd-main-content .group_41 .grid_3 .list-items_1 .block_1 .image-text_8 .text-group_2 {
                width: auto;
                height: auto;
                overflow-wrap: break-word;
                color: white;
                font-size: 12px;
                font-weight: normal;
                text-align: center;
                white-space: nowrap;
                line-height: 1.2;
                margin-top: 0; }
      .xd-popup-container .xd-main-content .group_41 .fenye {
        text-align: center;
        margin-top: 20px;
        padding-top: 20px; }
  .xd-popup-container body * {
    box-sizing: border-box;
    flex-shrink: 0; }
  .xd-popup-container body {
    font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, PingFang SC-Light, Microsoft YaHei; }
  .xd-popup-container button {
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    outline: none;
    background-color: transparent; }
  .xd-popup-container button:active {
    opacity: 0.6; }
  .xd-popup-container .van-nav-bar__left:active,
  .xd-popup-container .van-nav-bar__right:active {
    opacity: 1; }
  .xd-popup-container [class*='van-']::after {
    border-bottom: 0; }
  .xd-popup-container .flex-col {
    display: flex;
    flex-direction: column; }
  .xd-popup-container .flex-row {
    display: flex;
    flex-direction: row; }
  .xd-popup-container .justify-start {
    display: flex;
    justify-content: flex-start; }
  .xd-popup-container .justify-center {
    display: flex;
    justify-content: center; }
  .xd-popup-container .justify-end {
    display: flex;
    justify-content: flex-end; }
  .xd-popup-container .justify-evenly {
    display: flex;
    justify-content: space-evenly; }
  .xd-popup-container .justify-around {
    display: flex;
    justify-content: space-around; }
  .xd-popup-container .justify-between {
    display: flex;
    justify-content: space-between; }
  .xd-popup-container .align-start {
    display: flex;
    align-items: flex-start; }
  .xd-popup-container .align-center {
    display: flex;
    align-items: center; }
  .xd-popup-container .align-end {
    display: flex;
    align-items: flex-end; }

@charset "UTF-8";
.ckbqxccbjmd {
  width: 100%;
  box-sizing: border-box;
  background: url("/content/image/xljkImg/evaluationBGA.png") center center no-repeat;
  background-size: cover;
  /* 基础样式 */
  position: relative;
  box-sizing: border-box;
  padding: 2.7778vh 2.083333vw;
  border-radius: 0px 0px 16px 16px;
  width: 93vw;
  background: #FFFFFF;
  border-radius: 16px;
  margin: auto;
  overflow-y: auto;
  overflow-x: hidden; }
  .ckbqxccbjmd .detail-container {
    display: flex;
    flex-wrap: wrap; }
  .ckbqxccbjmd .detail-item {
    width: 50%;
    display: flex;
    align-items: center;
    margin-bottom: 15px; }
  .ckbqxccbjmd .detail-label {
    flex: 1;
    text-align: right;
    margin-right: 10px;
    color: #606266; }
  .ckbqxccbjmd .detail-status {
    flex: 1; }
  .ckbqxccbjmd .status-completed {
    color: #67C23A;
    font-size: 16px;
    margin-right: 5px; }
  .ckbqxccbjmd .status-incomplete {
    color: #F56C6C;
    font-size: 16px;
    margin-right: 5px; }
  .ckbqxccbjmd .el-dialog__body h3 {
    font-size: 16px;
    font-weight: bold; }
  .ckbqxccbjmd .el-dialog__body p {
    font-size: 14px;
    text-indent: 2em;
    line-height: 1.8;
    margin-bottom: 10px; }
  .ckbqxccbjmd .el-table__empty-block {
    height: 49vh !important; }
  .ckbqxccbjmd .table-actions {
    text-align: right; }
  .ckbqxccbjmd .pagination-container {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    padding: 10px;
    border-radius: 4px; }
  .ckbqxccbjmd .pagination-container {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    padding: 10px;
    border-radius: 4px; }

.ckccbjmd {
  width: 100%;
  min-height: 100vh;
  box-sizing: border-box;
  background: url("/content/image/xljkImg/evaluationBGA.png") center center no-repeat;
  background-size: cover;
  position: relative;
  box-sizing: border-box;
  padding: 2.7778vh 2.083333vw;
  border-radius: 0px 0px 16px 16px;
  width: 93vw;
  max-height: 72vh;
  background: #FFFFFF;
  border-radius: 16px;
  margin: auto;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 30vh; }
  .ckccbjmd .el-table__empty-block {
    height: 49vh !important; }
  .ckccbjmd .table-actions {
    text-align: right;
    margin-bottom: 20px; }
  .ckccbjmd .pagination-container {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    padding: 10px;
    border-radius: 4px; }

@charset "UTF-8";
.dcsbyjsjbg {
  width: 100%;
  min-height: 100vh;
  box-sizing: border-box;
  background: url("/content/image/xljkImg/evaluationBGA.png") center center no-repeat;
  background-size: cover;
  /* 基础样式 */
  position: relative;
  box-sizing: border-box;
  padding: 2.7778vh 2.083333vw;
  border-radius: 0px 0px 16px 16px;
  width: 93vw;
  max-height: 72vh;
  background: #FFFFFF;
  border-radius: 16px;
  margin: auto;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 30vh; }
  .dcsbyjsjbg .detail-container {
    display: flex;
    flex-wrap: wrap; }
  .dcsbyjsjbg .detail-item {
    width: 50%;
    display: flex;
    align-items: center;
    margin-bottom: 15px; }
  .dcsbyjsjbg .detail-label {
    flex: 1;
    text-align: right;
    margin-right: 10px;
    color: #606266; }
  .dcsbyjsjbg .detail-status {
    flex: 1; }
  .dcsbyjsjbg .status-completed {
    color: #67C23A;
    font-size: 16px;
    margin-right: 5px; }
  .dcsbyjsjbg .status-incomplete {
    color: #F56C6C;
    font-size: 16px;
    margin-right: 5px; }
  .dcsbyjsjbg .el-dialog__body h3 {
    font-size: 16px;
    font-weight: bold; }
  .dcsbyjsjbg .el-dialog__body p {
    font-size: 14px;
    text-indent: 2em;
    line-height: 1.8;
    margin-bottom: 10px; }
  .dcsbyjsjbg .table-actions {
    text-align: right; }
  .dcsbyjsjbg .pagination-container {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    padding: 10px;
    border-radius: 4px; }
  .dcsbyjsjbg .pagination-container {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    padding: 10px;
    border-radius: 4px; }

@charset "UTF-8";
.tsqksm {
  width: 100%;
  min-height: 100vh;
  box-sizing: border-box;
  background: url("/content/image/xljkImg/evaluationBGA.png") center center no-repeat;
  background-size: cover;
  /* 基础样式 */
  position: relative;
  box-sizing: border-box;
  padding: 2.7778vh 2.083333vw;
  border-radius: 0px 0px 16px 16px;
  width: 93vw;
  max-height: 72vh;
  background: #FFFFFF;
  border-radius: 16px;
  margin: auto;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 30vh; }
  .tsqksm .el-dialog__body {
    padding: 20px 30px;
    background: #fafafa; }
  .tsqksm .el-dialog__body div {
    padding: 0;
    background: #fff;
    border-radius: 8px;
    padding: 25px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
  .tsqksm .el-dialog__body h3 {
    font-size: 18px;
    font-weight: 600;
    color: #2c3e50;
    margin: 0 0 15px 0;
    padding: 0 0 10px 0;
    border-bottom: 2px solid #3498db;
    position: relative; }
  .tsqksm .el-dialog__body h3:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 30px;
    height: 2px;
    background: #e74c3c; }
  .tsqksm .el-dialog__body p {
    font-size: 15px;
    line-height: 1.8;
    color: #34495e;
    margin-bottom: 25px;
    padding: 15px;
    background: #f8f9fa;
    border-left: 4px solid #3498db;
    border-radius: 0 4px 4px 0;
    min-height: 60px;
    text-indent: 0; }
  .tsqksm .el-dialog__body p:last-child {
    margin-bottom: 0; }
  .tsqksm .table-actions {
    text-align: right; }
  .tsqksm .pagination-container {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    padding: 10px;
    border-radius: 4px; }

@charset "UTF-8";
.dcsbybxscqksm {
  width: 100%;
  min-height: 100vh;
  box-sizing: border-box;
  background: url("/content/image/xljkImg/evaluationBGA.png") center center no-repeat;
  background-size: cover;
  /* 基础样式 */
  position: relative;
  box-sizing: border-box;
  padding: 2.7778vh 2.083333vw;
  border-radius: 0px 0px 16px 16px;
  width: 93vw;
  max-height: 72vh;
  background: #FFFFFF;
  border-radius: 16px;
  margin: auto;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 30vh; }
  .dcsbybxscqksm .el-dialog__body {
    padding: 20px 30px;
    background: #fafafa; }
  .dcsbybxscqksm .el-dialog__body div {
    padding: 0;
    background: #fff;
    border-radius: 8px;
    padding: 25px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
  .dcsbybxscqksm .el-dialog__body h3 {
    font-size: 18px;
    font-weight: 600;
    color: #2c3e50;
    margin: 0 0 15px 0;
    padding: 0 0 10px 0;
    border-bottom: 2px solid #3498db;
    position: relative; }
  .dcsbybxscqksm .el-dialog__body h3:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 30px;
    height: 2px;
    background: #e74c3c; }
  .dcsbybxscqksm .el-dialog__body p {
    font-size: 15px;
    line-height: 1.8;
    color: #34495e;
    margin-bottom: 25px;
    padding: 15px;
    background: #f8f9fa;
    border-left: 4px solid #3498db;
    border-radius: 0 4px 4px 0;
    min-height: 60px;
    text-indent: 0; }
  .dcsbybxscqksm .el-dialog__body p:last-child {
    margin-bottom: 0; }
  .dcsbybxscqksm .table-actions {
    text-align: right; }
  .dcsbybxscqksm .pagination-container {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    padding: 10px;
    border-radius: 4px; }

@charset "UTF-8";
.dcybxtxcsgcjlb {
  width: 100%;
  min-height: 100vh;
  box-sizing: border-box;
  background: url("/content/image/xljkImg/evaluationBGA.png") center center no-repeat;
  background-size: cover;
  position: relative;
  box-sizing: border-box;
  padding: 2.7778vh 2.083333vw;
  border-radius: 0px 0px 16px 16px;
  width: 93vw;
  max-height: 72vh;
  background: #FFFFFF;
  border-radius: 16px;
  margin: auto;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 30vh;
  /* 简约详情弹框样式 */ }
  .dcybxtxcsgcjlb .stulsdialog .el-dialog {
    margin-top: 4vh !important; }
  .dcybxtxcsgcjlb .detail-container {
    display: flex;
    flex-wrap: wrap; }
  .dcybxtxcsgcjlb .detail-item {
    width: 50%;
    display: flex;
    align-items: center;
    margin-bottom: 15px; }
  .dcybxtxcsgcjlb .detail-label {
    flex: 1;
    text-align: right;
    margin-right: 10px;
    color: #606266; }
  .dcybxtxcsgcjlb .detail-status {
    flex: 1; }
  .dcybxtxcsgcjlb .status-completed {
    color: #67C23A;
    font-size: 16px;
    margin-right: 5px; }
  .dcybxtxcsgcjlb .status-incomplete {
    color: #F56C6C;
    font-size: 16px;
    margin-right: 5px; }
  .dcybxtxcsgcjlb .el-dialog__body h3 {
    font-size: 16px;
    font-weight: bold; }
  .dcybxtxcsgcjlb .el-dialog__body p {
    font-size: 14px;
    text-indent: 2em;
    line-height: 1.8;
    margin-bottom: 10px; }
  .dcybxtxcsgcjlb .table-actions {
    text-align: right; }
  .dcybxtxcsgcjlb .pagination-container {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    padding: 10px;
    border-radius: 4px; }
  .dcybxtxcsgcjlb .modern-detail-content {
    max-height: 75vh;
    overflow-y: auto;
    padding: 20px;
    background: #ffffff; }
    .dcybxtxcsgcjlb .modern-detail-content .el-dialog {
      margin-top: 2vh !important; }
  .dcybxtxcsgcjlb .info-card {
    margin-bottom: 16px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 4px; }
  .dcybxtxcsgcjlb .card-header {
    padding: 12px 16px;
    background: #f9fafb;
    border-bottom: 1px solid #e5e7eb;
    color: #374151;
    font-size: 14px;
    font-weight: 500; }
  .dcybxtxcsgcjlb .card-body {
    padding: 16px; }
  .dcybxtxcsgcjlb .info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 12px; }
  .dcybxtxcsgcjlb .info-item {
    display: flex;
    flex-direction: column;
    padding: 8px 0;
    border-bottom: 1px solid #f3f4f6; }
  .dcybxtxcsgcjlb .info-item:last-child {
    border-bottom: none; }
  .dcybxtxcsgcjlb .info-item.full-width {
    grid-column: 1 / -1; }
  .dcybxtxcsgcjlb .info-item .label {
    font-size: 12px;
    color: #6b7280;
    margin-bottom: 4px; }
  .dcybxtxcsgcjlb .info-item .value {
    font-size: 14px;
    color: #111827;
    word-break: break-word;
    line-height: 1.4; }
  .dcybxtxcsgcjlb .stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 12px; }
  .dcybxtxcsgcjlb .stat-item {
    text-align: center;
    padding: 12px 8px;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    background: #ffffff; }
  .dcybxtxcsgcjlb .stat-item.primary {
    background: #eff6ff;
    border-color: #dbeafe; }
  .dcybxtxcsgcjlb .stat-item.success {
    background: #f0fdf4;
    border-color: #dcfce7; }
  .dcybxtxcsgcjlb .stat-item.warning {
    background: #fffbeb;
    border-color: #fef3c7; }
  .dcybxtxcsgcjlb .stat-item.danger {
    background: #fef2f2;
    border-color: #fecaca; }
  .dcybxtxcsgcjlb .stat-number {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 4px;
    color: #111827; }
  .dcybxtxcsgcjlb .stat-label {
    font-size: 12px;
    color: #6b7280; }
  .dcybxtxcsgcjlb .modern-dialog-footer {
    text-align: center;
    padding: 16px;
    background: #f9fafb;
    border-top: 1px solid #e5e7eb; }
  .dcybxtxcsgcjlb .modern-dialog-footer .el-button {
    padding: 8px 16px;
    font-size: 14px;
    border-radius: 4px; }

@charset "UTF-8";
.dcybxjxzbqkzc {
  width: 100%;
  min-height: 100vh;
  box-sizing: border-box;
  background: url("/content/image/xljkImg/evaluationBGA.png") center center no-repeat;
  background-size: cover;
  /* 基础样式 */
  position: relative;
  box-sizing: border-box;
  padding: 2.7778vh 2.083333vw;
  border-radius: 0px 0px 16px 16px;
  width: 93vw;
  background: #FFFFFF;
  border-radius: 16px;
  margin: auto;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 30vh; }
  .dcybxjxzbqkzc .detail-container {
    display: flex;
    flex-wrap: wrap; }
  .dcybxjxzbqkzc .detail-item {
    width: 50%;
    display: flex;
    align-items: center;
    margin-bottom: 15px; }
  .dcybxjxzbqkzc .detail-label {
    flex: 1;
    text-align: right;
    margin-right: 10px;
    color: #606266; }
  .dcybxjxzbqkzc .detail-status {
    flex: 1; }
  .dcybxjxzbqkzc .status-completed {
    color: #67C23A;
    font-size: 16px;
    margin-right: 5px; }
  .dcybxjxzbqkzc .status-incomplete {
    color: #F56C6C;
    font-size: 16px;
    margin-right: 5px; }
  .dcybxjxzbqkzc .el-dialog__body div {
    padding: 10px 20px; }
  .dcybxjxzbqkzc .el-dialog__body h3 {
    font-size: 16px;
    font-weight: bold; }
  .dcybxjxzbqkzc .el-dialog__body p {
    font-size: 14px;
    text-indent: 2em;
    line-height: 1.8;
    margin-bottom: 10px; }
  .dcybxjxzbqkzc .table-actions {
    text-align: right; }
  .dcybxjxzbqkzc .pagination-container {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    padding: 10px;
    border-radius: 4px; }

@charset "UTF-8";
.dcybxkzcz {
  width: 100%;
  box-sizing: border-box;
  background: url("/content/image/xljkImg/evaluationBGA.png") center center no-repeat;
  background-size: cover;
  /* 基础样式 */
  position: relative;
  box-sizing: border-box;
  padding: 2.7778vh 2.083333vw;
  border-radius: 0px 0px 16px 16px;
  width: 93vw;
  background: #FFFFFF;
  border-radius: 16px;
  margin: auto;
  overflow-y: auto;
  overflow-x: hidden; }
  .dcybxkzcz .el-dialog__body {
    padding: 20px; }
  .dcybxkzcz .detail-images-wrapper {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    align-items: flex-start; }
  .dcybxkzcz .detail-image-item {
    flex: 1;
    text-align: center;
    width: 48%;
    min-height: 300px; }
  .dcybxkzcz .detail-image-item h3 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #333; }
  .dcybxkzcz .detail-image {
    width: 100%;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    cursor: pointer; }
  .dcybxkzcz .table-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    margin-bottom: 15px; }
  .dcybxkzcz .pagination-container {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    padding: 10px;
    border-radius: 4px; }

@charset "UTF-8";
.dcybxwcssfa {
  width: 100%;
  box-sizing: border-box;
  background: url("/content/image/xljkImg/evaluationBGA.png") center center no-repeat;
  background-size: cover;
  /* 基础样式 */
  position: relative;
  box-sizing: border-box;
  padding: 2.7778vh 2.083333vw;
  border-radius: 0px 0px 16px 16px;
  width: 93vw;
  background: #FFFFFF;
  border-radius: 16px;
  margin: auto;
  overflow-y: auto;
  overflow-x: hidden; }
  .dcybxwcssfa .el-dialog__body {
    padding: 20px 30px;
    background: #fafafa; }
  .dcybxwcssfa .el-dialog__body div {
    padding: 0;
    background: #fff;
    border-radius: 8px;
    padding: 25px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
  .dcybxwcssfa .el-dialog__body h3 {
    font-size: 18px;
    font-weight: 600;
    color: #2c3e50;
    margin: 0 0 15px 0;
    padding: 0 0 10px 0;
    border-bottom: 2px solid #3498db;
    position: relative; }
  .dcybxwcssfa .el-dialog__body h3:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 30px;
    height: 2px;
    background: #e74c3c; }
  .dcybxwcssfa .el-dialog__body p {
    font-size: 15px;
    line-height: 1.8;
    color: #34495e;
    margin-bottom: 25px;
    padding: 15px;
    background: #f8f9fa;
    border-left: 4px solid #3498db;
    border-radius: 0 4px 4px 0;
    text-indent: 0; }
  .dcybxwcssfa .el-dialog__body p:last-child {
    margin-bottom: 0; }
  .dcybxwcssfa .table-actions {
    text-align: right; }
  .dcybxwcssfa .pagination-container {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    padding: 10px;
    border-radius: 4px; }

.csgcjlb {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  padding: 20px;
  border-radius: 16px;
  margin: auto;
  overflow-y: auto;
  overflow-x: hidden;
  background: #fff; }
  .csgcjlb .el-radio-group .el-radio {
    margin-right: 15px;
    margin-bottom: 8px; }
  .csgcjlb .el-radio-group .el-radio:last-child {
    margin-right: 0; }
  .csgcjlb .section-title {
    font-size: 1vw;
    font-weight: 600;
    margin: 1vh 0; }
  .csgcjlb .topbox {
    display: flex;
    justify-content: space-between; }
  .csgcjlb .textts {
    width: 560px;
    align-items: center;
    font-size: 20px;
    color: red; }
  .csgcjlb .table-actions {
    margin-bottom: 15px; }
  .csgcjlb .el-table__empty-block {
    height: 40vh !important; }
  .csgcjlb .pagination-container {
    display: flex;
    justify-content: center;
    margin-top: 20px; }
  .csgcjlb .form-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    border: 1px solid #ADD8E6;
    background-color: #F0F8FF; }
  .csgcjlb .form-table td {
    border: 1px solid #ADD8E6;
    padding: 12px 15px;
    vertical-align: middle;
    font-size: 14px; }
  .csgcjlb .form-label {
    background-color: #E6F3FF;
    font-weight: bold;
    text-align: center;
    width: 120px;
    color: #2C5AA0;
    padding-right: 20px; }
  .csgcjlb .form-field-label {
    background-color: #E6F3FF;
    font-weight: bold;
    text-align: center;
    width: 180px;
    color: #2C5AA0;
    padding-right: 20px; }
  .csgcjlb .form-field-input {
    background-color: #FFFFFF; }
  .csgcjlb .form-field-input .el-input .el-input__inner,
  .csgcjlb .form-field-input .el-textarea .el-textarea__inner {
    border: none;
    padding-left: 0;
    padding-right: 0; }
  .csgcjlb .form-field-input .el-form-item {
    margin-bottom: 0; }
  .csgcjlb .form-field-input .el-form-item__content {
    line-height: normal; }
  .csgcjlb .form-field-input .el-input__inner::placeholder {
    color: #C0C4CC; }
  .csgcjlb .form-field-input .el-date-editor.el-input,
  .csgcjlb .form-field-input .el-time-picker.el-input {
    width: 100%; }
  .csgcjlb .form-field-input .el-date-editor .el-input__prefix,
  .csgcjlb .form-field-input .el-time-picker .el-input__prefix {
    display: none; }
  .csgcjlb .form-field-input .el-date-editor .el-input__suffix,
  .csgcjlb .form-field-input .el-time-picker .el-input__suffix {
    right: 5px; }

.ybxscsm {
  width: 100%;
  box-sizing: border-box;
  background: url("/content/image/xljkImg/evaluationBGA.png") center center no-repeat;
  background-size: cover;
  position: relative;
  padding: 2.7778vh 2.083333vw;
  box-sizing: border-box;
  border-radius: 0px 0px 16px 16px;
  background: #fff;
  width: 93vw;
  max-height: 72vh;
  background: #FFFFFF;
  border-radius: 16px;
  margin: auto;
  overflow-y: auto;
  overflow-x: hidden; }
  .ybxscsm .section-titles {
    margin: 1.5vh 0;
    font-size: 14px; }
  .ybxscsm .saveButton {
    display: flex;
    justify-content: center;
    margin-top: 1vh; }

@charset "UTF-8";
.zdcssjap {
  width: 100%;
  box-sizing: border-box;
  background: url("/content/image/xljkImg/evaluationBGA.png") center center no-repeat;
  background-size: cover;
  position: relative;
  box-sizing: border-box;
  padding: 2.7778vh 2.083333vw;
  border-radius: 0px 0px 16px 16px;
  width: 93vw;
  background: #FFFFFF;
  border-radius: 16px;
  margin: auto;
  /* 机构信息样式 */
  /* 分页容器样式 */ }
  .zdcssjap .el-table__empty-block {
    height: 40vh !important; }
  .zdcssjap .institution-info {
    background: #F9FCFF;
    border-radius: 12px;
    padding: 15px 20px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 2px 8px rgba(33, 113, 255, 0.1); }
  .zdcssjap .info-item {
    display: flex;
    align-items: center; }
  .zdcssjap .info-label {
    font-size: 1.5vh;
    font-weight: 500;
    color: #2171FF;
    margin-right: 10px; }
  .zdcssjap .info-value {
    font-size: 1.5vh;
    color: #333; }
  .zdcssjap .pagination-container {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    padding: 15px;
    border-radius: 8px; }
  .zdcssjap .el-row {
    margin-bottom: 15px; }
  .zdcssjap .el-tabs__nav-scroll {
    width: 900px; }
  .zdcssjap .tab-nav-right {
    position: absolute;
    top: 10px;
    right: 0; }

.sbtsqk {
  width: 100%;
  box-sizing: border-box;
  background: url("/content/image/xljkImg/evaluationBGA.png") center center no-repeat;
  background-size: cover;
  position: relative;
  padding: 2.7778vh 2.083333vw;
  box-sizing: border-box;
  border-radius: 0px 0px 16px 16px;
  background: #fff;
  width: 93vw;
  max-height: 72vh;
  background: #FFFFFF;
  border-radius: 16px;
  margin: auto;
  overflow-y: auto;
  overflow-x: hidden; }
  .sbtsqk .section-titles {
    margin: 1.5vh 0;
    font-size: 14px; }
  .sbtsqk .saveButton {
    display: block;
    margin: 20px auto; }

@charset "UTF-8";
.sbyjsj {
  width: 100%;
  box-sizing: border-box;
  background: url("/content/image/xljkImg/evaluationBGA.png") center center no-repeat;
  background-size: cover;
  /* 基础样式 */
  position: relative;
  box-sizing: border-box;
  padding: 2.7778vh 2.083333vw;
  border-radius: 0px 0px 16px 16px;
  width: 93vw;
  background: #FFFFFF;
  border-radius: 16px;
  margin: auto;
  min-height: 30vh; }
  .sbyjsj .el-table__empty-block {
    height: 50vh !important; }
  .sbyjsj .table-actions {
    text-align: right; }
  .sbyjsj .pagination-container {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    padding: 10px;
    border-radius: 4px; }

.czygfpx {
  width: 100%;
  box-sizing: border-box;
  background: url("/content/image/xljkImg/evaluationBGA.png") center center no-repeat;
  background-size: cover;
  position: relative;
  box-sizing: border-box;
  padding: 2.7778vh 2.083333vw;
  border-radius: 0px 0px 16px 16px;
  width: 76vw;
  max-height: 72vh;
  background: #FFFFFF;
  border-radius: 16px;
  margin: auto;
  overflow-y: auto;
  overflow-x: hidden; }
  .czygfpx .section-card {
    background: #F9FCFF;
    border-radius: 12px;
    padding: 2.5vh 2.5vw;
    margin-bottom: 3vh;
    box-shadow: 0px 2px 12px rgba(82, 146, 236, 0.1); }
  .czygfpx .section-title {
    font-size: 1.2vw;
    font-weight: 600;
    color: #2171FF;
    margin-bottom: 1.8vh;
    padding-bottom: 0.8vh;
    border-bottom: 1px solid #E1EEFF; }
  .czygfpx .section-content p {
    font-size: 1vw;
    line-height: 1.8;
    color: #333;
    margin-bottom: 1.5vh; }
  .czygfpx .upload-section {
    display: flex;
    gap: 3vw;
    margin-top: 2vh; }
  .czygfpx .upload-area {
    flex: 1;
    background: white;
    border-radius: 12px;
    border: 1px solid #E1EEFF;
    padding: 2vh;
    display: flex;
    flex-direction: column;
    align-items: center; }
  .czygfpx .upload-icon-area {
    text-align: center;
    margin-bottom: 1.5vh;
    width: 100%; }
  .czygfpx .upload-title {
    font-size: 1.8vh;
    font-weight: 500;
    color: #2171FF;
    margin: 0.8vh 0 0.3vh; }
  .czygfpx .upload-desc {
    font-size: 1.5vh;
    color: #999; }
  .czygfpx .file-preview {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 1.5vh; }
  .czygfpx .preview-image {
    width: 150px;
    height: 150px;
    border-radius: 8px;
    object-fit: cover;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    margin-bottom: 1.5vh;
    cursor: pointer;
    transition: transform 0.3s ease; }
  .czygfpx .preview-image:hover {
    transform: scale(1.05); }
  .czygfpx .file-name {
    font-size: 1.4vh;
    color: #666;
    margin-bottom: 1.5vh;
    text-align: center;
    max-width: 100%;
    word-break: break-all; }
  .czygfpx .el-upload {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%; }
  .czygfpx .el-button {
    margin-top: 1.5vh;
    padding: 1.2vh 2vw;
    width: 100%;
    max-width: 200px; }
  .czygfpx .el-upload__tip {
    margin-top: 1vh;
    font-size: 1.2vh;
    color: #999; }

.zdssfa {
  width: 100%;
  box-sizing: border-box;
  background: url("/content/image/xljkImg/evaluationBGA.png") center center no-repeat;
  background-size: cover;
  position: relative;
  padding: 2.7778vh 2.083333vw;
  box-sizing: border-box;
  border-radius: 0px 0px 16px 16px;
  background: #fff;
  width: 93vw;
  background: #FFFFFF;
  border-radius: 16px;
  margin: auto;
  overflow-y: auto;
  overflow-x: hidden; }
  .zdssfa .section-titles {
    margin: 1.5vh 0;
    font-size: 14px; }
  .zdssfa .saveButton {
    display: flex;
    justify-content: center;
    margin-top: 1vh; }
  .zdssfa .textarea-container {
    position: relative; }
    .zdssfa .textarea-container .char-count {
      position: absolute;
      bottom: 8px;
      right: 12px;
      font-size: 12px;
      color: #909399;
      background: rgba(255, 255, 255, 0.8);
      padding: 2px 4px;
      border-radius: 2px;
      pointer-events: none; }

@charset "UTF-8";
.zczbqk {
  width: 100%;
  box-sizing: border-box;
  background: url("/content/image/xljkImg/evaluationBGA.png") center center no-repeat;
  background-size: cover;
  position: relative;
  box-sizing: border-box;
  padding: 2.7778vh 2.083333vw;
  border-radius: 0px 0px 16px 16px;
  width: 93vw;
  background: #FFFFFF;
  border-radius: 16px;
  margin: auto;
  overflow-y: auto;
  overflow-x: hidden;
  /* 新增自查页面样式 */ }
  .zczbqk .section-card {
    background: #F9FCFF;
    border-radius: 12px;
    padding: 2.5vh 2.5vw;
    margin-bottom: 3vh;
    box-shadow: 0px 2px 12px rgba(82, 146, 236, 0.1); }
  .zczbqk .section-title {
    font-size: 2vh;
    font-weight: 600;
    color: #2171FF;
    margin: 2.5vh 0 1.5vh;
    padding-bottom: 0.8vh;
    border-bottom: 1px solid #E1EEFF; }
  .zczbqk .inspection-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1.5vh 1.5vw;
    background: white;
    border-radius: 8px;
    margin-bottom: 1.5vh;
    border: 1px solid #E1EEFF;
    transition: all 0.3s; }
  .zczbqk .inspection-item:hover {
    background: #F0F7FF;
    border-color: #3B83FA; }
  .zczbqk .item-text {
    font-size: 1.8vh;
    line-height: 1.6;
    color: #333;
    width: 85%; }
  .zczbqk .el-checkbox {
    margin-top: 0.5vh; }
  .zczbqk .save-button-container {
    display: flex;
    justify-content: center;
    margin-top: 3vh;
    padding: 1.5vh 0; }
  .zczbqk .save-button-container .el-button {
    padding: 1.5vh 4vw;
    font-size: 1.6vh;
    border-radius: 8px; }

.schjyq {
  width: 100%;
  box-sizing: border-box;
  background: url("/content/image/xljkImg/evaluationBGA.png") center center no-repeat;
  background-size: cover;
  position: relative;
  padding: 2.7778vh 2.083333vw;
  box-sizing: border-box;
  border-radius: 0px 0px 16px 16px;
  background: #fff;
  width: 93vw;
  background: #FFFFFF;
  border-radius: 16px;
  margin: auto; }
  .schjyq .requirement-section {
    margin-bottom: 2.5vh;
    background: #E8F4FF;
    border-radius: 5px 5px 5px 5px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
  .schjyq .requirement-section h3 {
    font-size: 1.2vw;
    margin-bottom: 1.2vh;
    color: #333; }
  .schjyq .requirement-section h4 {
    font-size: 1.1vw;
    margin: 1.5vh 0 0.8vh;
    color: #444; }
  .schjyq .requirement-section ul {
    padding-left: 1.5vw;
    margin: 0.8vh 0; }
  .schjyq .requirement-section li {
    font-size: 1vw;
    line-height: 1.6;
    margin-bottom: 0.5vh;
    color: #666; }
  .schjyq .confirm-btn {
    display: block;
    width: 100%;
    background: #3B83FA;
    color: white;
    border: none;
    border-radius: 8px;
    padding: 1.5vh 0;
    font-size: 1.6vh;
    margin-top: 2.5vh;
    cursor: pointer; }
  .schjyq .requirement-section a {
    color: #3B83FA;
    text-decoration: underline; }

.baogaotubiaocontainer {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  background: white;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  position: relative; }
  .baogaotubiaocontainer .baogaotubiaobutton {
    position: absolute;
    right: 20px;
    top: 20px;
    background: #4a6fa5;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 30px;
    cursor: pointer;
    font-weight: 600;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(74, 111, 165, 0.3);
    z-index: 100; }
  .baogaotubiaocontainer .baogaotubiaobutton:hover {
    background: #3a5f8a;
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(74, 111, 165, 0.4); }
  .baogaotubiaocontainer .cover {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: linear-gradient(135deg, #e6f7ff 0%, #ffffff 100%);
    border-radius: 20px;
    margin-bottom: 32px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    padding: 48px;
    border-top: 5px solid #4a6fa5; }
  .baogaotubiaocontainer .cover h1 {
    font-size: 42px;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 20px;
    letter-spacing: -0.5px; }
  .baogaotubiaocontainer .cover h2 {
    font-size: 32px;
    font-weight: 600;
    color: #3a5f8a;
    margin-bottom: 10px;
    letter-spacing: -0.3px; }
  .baogaotubiaocontainer .cover h3 {
    font-size: 24px;
    font-weight: 500;
    color: #4a6fa5;
    margin-bottom: 40px; }
  .baogaotubiaocontainer .cover .color-bars {
    margin-top: 80px;
    width: 300px;
    display: flex;
    justify-content: space-between; }
  .baogaotubiaocontainer .cover .color-bar {
    height: 6px;
    flex: 1;
    margin: 0 4px;
    border-radius: 3px; }
  .baogaotubiaocontainer .cover .color-bar:nth-child(1) {
    background-color: #4a6fa5; }
  .baogaotubiaocontainer .cover .color-bar:nth-child(2) {
    background-color: #5e97d1; }
  .baogaotubiaocontainer .cover .color-bar:nth-child(3) {
    background-color: #86bbf0; }
  .baogaotubiaocontainer .cover .color-bar:nth-child(4) {
    background-color: #c6e2ff; }
  .baogaotubiaocontainer .cover .footer {
    margin-top: 120px;
    font-size: 18px;
    color: #4a6fa5; }
  .baogaotubiaocontainer .cover .footer p {
    margin-bottom: 8px; }
  .baogaotubiaocontainer .purple-card {
    background: linear-gradient(135deg, #f9f4ff 0%, #ffffff 100%);
    border-radius: 16px;
    margin-bottom: 32px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    padding: 32px;
    border-left: 5px solid #8a4fff; }
  .baogaotubiaocontainer .purple-card-title {
    font-size: 24px;
    font-weight: 600;
    color: #5e3fb5;
    margin-bottom: 24px;
    border-bottom: 1px solid #e0d0ff;
    padding-bottom: 10px; }
  .baogaotubiaocontainer .text-content {
    margin-bottom: 16px;
    font-size: 16px;
    color: #4e5d6c;
    line-height: 1.8; }
  .baogaotubiaocontainer .section {
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
    border-radius: 20px;
    margin-bottom: 32px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    padding: 32px;
    border-left: 5px solid #4a6fa5; }
  .baogaotubiaocontainer .section-title {
    font-size: 28px;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 24px;
    border-bottom: 1px solid #d1e3f6;
    padding-bottom: 16px; }
  .baogaotubiaocontainer .subsection {
    margin-bottom: 30px; }
  .baogaotubiaocontainer .subsection-title {
    font-size: 22px;
    font-weight: 600;
    color: #3a5f8a;
    margin-bottom: 16px;
    padding-left: 10px;
    border-left: 4px solid #5e97d1; }
  .baogaotubiaocontainer table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    overflow: hidden; }
  .baogaotubiaocontainer table th, .baogaotubiaocontainer table td {
    padding: 12px 16px;
    text-align: left;
    border-bottom: 1px solid #d1e3f6; }
  .baogaotubiaocontainer table th {
    font-weight: 600;
    color: #2c3e50;
    background-color: #e6f7ff; }
  .baogaotubiaocontainer table tr:nth-child(even) {
    background-color: #f8fbff; }
  .baogaotubiaocontainer table tr:last-child td {
    border-bottom: none; }
  .baogaotubiaocontainer .report-card {
    background: linear-gradient(135deg, #ffffff 0%, #f5faff 100%);
    border-radius: 16px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    padding: 24px;
    margin-bottom: 24px;
    border-top: 3px solid #5e97d1; }
  .baogaotubiaocontainer .report-card-title {
    font-size: 20px;
    font-weight: 600;
    color: #3a5f8a;
    margin-bottom: 16px;
    display: flex;
    align-items: center; }
  .baogaotubiaocontainer .report-card-title i {
    margin-right: 10px;
    color: #4a6fa5; }
  .baogaotubiaocontainer .risk-indicator {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    margin-left: 15px; }
  .baogaotubiaocontainer .risk-high {
    background-color: #ffebee;
    color: #e53935; }
  .baogaotubiaocontainer .risk-medium {
    background-color: #fff8e1;
    color: #ff8f00; }
  .baogaotubiaocontainer .risk-low {
    background-color: #e8f5e9;
    color: #43a047; }
  .baogaotubiaocontainer .status-card {
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); }
  .baogaotubiaocontainer .status-card.good {
    background: linear-gradient(135deg, #e6fffa 0%, #ffffff 100%);
    border-left: 4px solid #27ae60; }
  .baogaotubiaocontainer .status-card.warning {
    background: linear-gradient(135deg, #fff9e6 0%, #ffffff 100%);
    border-left: 4px solid #f39c12; }
  .baogaotubiaocontainer .status-card.danger {
    background: linear-gradient(135deg, #ffebee 0%, #ffffff 100%);
    border-left: 4px solid #e74c3c; }
  .baogaotubiaocontainer .status-card h3 {
    font-size: 18px;
    margin-bottom: 15px;
    color: #2c3e50;
    display: flex;
    align-items: center; }
  .baogaotubiaocontainer .status-card h3 i {
    margin-right: 10px; }
  .baogaotubiaocontainer .status-card ul {
    padding-left: 30px; }
  .baogaotubiaocontainer .status-card li {
    margin-bottom: 10px;
    color: #4e5d6c; }
  .baogaotubiaocontainer .radar-chart-container {
    height: 400px;
    margin: 40px 0;
    border-radius: 12px;
    overflow: hidden;
    background-color: #f8fbff;
    border: 1px solid #e1eeff;
    padding: 16px; }
  .baogaotubiaocontainer .dimension-card {
    background: white;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    overflow: hidden; }
  .baogaotubiaocontainer .dimension-header {
    background: linear-gradient(to right, #4a6fa5, #86bbf0);
    color: white;
    padding: 15px 20px;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-items: center; }
  .baogaotubiaocontainer .dimension-header i {
    margin-right: 10px; }
  .baogaotubiaocontainer .dimension-content {
    padding: 20px; }
  .baogaotubiaocontainer .dimension-content h4 {
    font-size: 16px;
    color: #3a5f8a;
    margin: 15px 0 10px; }
  .baogaotubiaocontainer .dimension-content ul {
    padding-left: 25px; }
  .baogaotubiaocontainer .dimension-content li {
    margin-bottom: 8px;
    color: #4e5d6c; }
  .baogaotubiaocontainer .score-bar {
    height: 10px;
    background: #e0e6f0;
    border-radius: 5px;
    margin: 15px 0;
    overflow: hidden;
    position: relative; }
  .baogaotubiaocontainer .score-fill {
    height: 100%;
    background: linear-gradient(to right, #5e97d1, #3a5f8a);
    border-radius: 5px;
    width: 50%; }
  .baogaotubiaocontainer .score-labels {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #6b7c93; }
  .baogaotubiaocontainer footer {
    text-align: center;
    padding: 30px 0;
    color: #7f8c8d;
    font-size: 14px;
    border-top: 1px solid #e0e6f0;
    margin-top: 40px; }
  @media (max-width: 768px) {
    .baogaotubiaocontainer .cover h1 {
      font-size: 32px; }
    .baogaotubiaocontainer .cover h2 {
      font-size: 24px; }
    .baogaotubiaocontainer .cover h3 {
      font-size: 18px; }
    .baogaotubiaocontainer .section {
      padding: 20px; }
    .baogaotubiaocontainer .section-title {
      font-size: 24px; }
    .baogaotubiaocontainer .baogaotubiaobutton {
      position: relative;
      right: auto;
      top: auto;
      margin-bottom: 20px;
      width: 100%; }
    .baogaotubiaocontainer table {
      display: block;
      overflow-x: auto; } }

@charset "UTF-8";
.XDxuexiaoxxDialog0 {
  width: 100%;
  height: 100vh;
  box-sizing: border-box;
  overflow: hidden;
  background: url("/content/image/xljkImg/evaluationBGA.png") center center no-repeat;
  background-size: cover; }
  .XDxuexiaoxxDialog0 .XDxuexiaoxxDialoginner {
    max-height: 90vh;
    overflow-y: auto;
    box-sizing: border-box; }
    .XDxuexiaoxxDialog0 .XDxuexiaoxxDialoginner .shangbaoStepbox {
      width: 80%;
      margin: 0 auto;
      background: #fff;
      border-radius: 24px;
      padding-bottom: 2vh; }
      .XDxuexiaoxxDialog0 .XDxuexiaoxxDialoginner .shangbaoStepbox .shangbaoheader {
        background: linear-gradient(#3B83FA 0%, #5FACFF 100%);
        height: 9.7vh;
        border-radius: 24px 24px 0px 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: PingFangSC, PingFang SC;
        font-weight: 600;
        font-size: 2.9vh;
        color: #FFFFFF;
        font-style: normal; }
      .XDxuexiaoxxDialog0 .XDxuexiaoxxDialoginner .shangbaoStepbox .stepbox {
        height: 7.4vh;
        background: #DCEDFF;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 2vh;
        cursor: pointer; }
        .XDxuexiaoxxDialog0 .XDxuexiaoxxDialoginner .shangbaoStepbox .stepbox .stepItem {
          flex: 1;
          height: 7.4vh;
          font-family: PingFangSC, PingFang SC;
          font-weight: 600;
          font-size: 2vh;
          font-style: normal;
          display: flex;
          justify-content: center;
          align-items: center;
          color: #333333; }
          .XDxuexiaoxxDialog0 .XDxuexiaoxxDialoginner .shangbaoStepbox .stepbox .stepItem .itemleft {
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            width: 2.778vh;
            height: 3.15vh;
            margin-right: 0.5vw; }
            .XDxuexiaoxxDialog0 .XDxuexiaoxxDialoginner .shangbaoStepbox .stepbox .stepItem .itemleft img {
              width: 2.778vh;
              height: 3.15vh;
              top: 0;
              bottom: 0;
              position: absolute; }
        .XDxuexiaoxxDialog0 .XDxuexiaoxxDialoginner .shangbaoStepbox .stepbox .active {
          background: #FFFFFF;
          color: #3F8CFF;
          border-top-right-radius: 20px;
          /* 设置右上角的圆角为12px */
          border-top-left-radius: 20px;
          /* 设置右上角的圆角为12px */ }
      .XDxuexiaoxxDialog0 .XDxuexiaoxxDialoginner .shangbaoStepbox .formboxXDxuexiaoxxDialog {
        padding: 0 2vw;
        min-height: 50vh; }
        .XDxuexiaoxxDialog0 .XDxuexiaoxxDialoginner .shangbaoStepbox .formboxXDxuexiaoxxDialog .el-col-8 {
          min-height: 11vh;
          margin-bottom: 1vh; }
        .XDxuexiaoxxDialog0 .XDxuexiaoxxDialoginner .shangbaoStepbox .formboxXDxuexiaoxxDialog .el-select {
          width: 100%; }
        .XDxuexiaoxxDialog0 .XDxuexiaoxxDialoginner .shangbaoStepbox .formboxXDxuexiaoxxDialog .labeltex {
          margin-bottom: 0.5vh;
          line-height: 1.2;
          word-wrap: break-word; }
        .XDxuexiaoxxDialog0 .XDxuexiaoxxDialoginner .shangbaoStepbox .formboxXDxuexiaoxxDialog .footerbox {
          display: flex;
          justify-content: center;
          align-items: center; }
          .XDxuexiaoxxDialog0 .XDxuexiaoxxDialoginner .shangbaoStepbox .formboxXDxuexiaoxxDialog .footerbox .butt {
            width: 15vw; }
        .XDxuexiaoxxDialog0 .XDxuexiaoxxDialoginner .shangbaoStepbox .formboxXDxuexiaoxxDialog .el-form {
          overflow-y: auto;
          overflow-x: hidden; }
        .XDxuexiaoxxDialog0 .XDxuexiaoxxDialoginner .shangbaoStepbox .formboxXDxuexiaoxxDialog .el-input-number {
          width: 100%; }
        .XDxuexiaoxxDialog0 .XDxuexiaoxxDialoginner .shangbaoStepbox .formboxXDxuexiaoxxDialog .el-date-editor.el-input, .XDxuexiaoxxDialog0 .XDxuexiaoxxDialoginner .shangbaoStepbox .formboxXDxuexiaoxxDialog .el-date-editor.el-input__inner {
          width: 100%; }
  .XDxuexiaoxxDialog0 .buttbox {
    display: flex;
    justify-content: flex-end;
    align-items: center; }
    .XDxuexiaoxxDialog0 .buttbox .butt {
      margin-left: 0.521vw; }
  .XDxuexiaoxxDialog0 .innerDialog .el-dialog__header {
    background: #F3F7FF;
    border-radius: 24px 24px 0px 0px; }
  .XDxuexiaoxxDialog0 .innerDialog .el-dialog {
    border-radius: 24px;
    margin-top: 15vh !important; }
  .XDxuexiaoxxDialog0 .labeltex {
    margin-bottom: 1vh; }

.el-table__cell {
  color: #7D8592; }

th {
  color: #434B5B; }

/* 响应式布局 - 解决页面放大时的布局问题 */
@media screen and (min-width: 1200px) {
  .formboxXDxuexiaoxxDialog .el-col-8 {
    min-height: 12vh; } }

@media screen and (max-width: 1024px) {
  .formboxXDxuexiaoxxDialog .el-col-8 {
    min-height: 13vh; }
  .formboxXDxuexiaoxxDialog .labeltex {
    font-size: 14px; } }

@media screen and (max-width: 768px) {
  .formboxXDxuexiaoxxDialog {
    padding: 0 1vw; }
    .formboxXDxuexiaoxxDialog .el-col-8 {
      min-height: 15vh; }
    .formboxXDxuexiaoxxDialog .labeltex {
      font-size: 13px;
      margin-bottom: 0.3vh; } }

@charset "UTF-8";
.dataListTable24 {
  /* 子表格样式 */ }
  .dataListTable24 .dialog {
    margin-top: 20vh; }
  .dataListTable24 .filter-container {
    margin-bottom: 10px;
    display: flex;
    align-items: center; }
  .dataListTable24 .expanded-content {
    padding: 10px; }
  .dataListTable24 .checkbox-group {
    display: flex;
    flex-wrap: wrap; }
    .dataListTable24 .checkbox-group .el-checkbox {
      margin-right: 15px;
      margin-bottom: 10px; }
  .dataListTable24 .sub-table {
    margin-top: 10px; }
    .dataListTable24 .sub-table .el-table__header-wrapper th {
      color: #606266;
      font-weight: 500;
      padding: 8px 0; }

.el-table--enable-row-hover.el-table__body tr:hover > td {
  background-color: #f8f9ff !important; }

.el-table thead {
  background-color: #f8f9ff; }

/* 流程配置样式 */
.process-config {
  height: 600px;
  /* 外部容器固定高度 */
  display: flex;
  flex-direction: column; }
  .process-config-container {
    display: flex;
    flex: 1;
    border: 1px solid #ebeef5;
    border-radius: 4px;
    margin-bottom: 20px;
    overflow: hidden; }
  .process-config .action-buttons {
    display: flex;
    justify-content: center;
    padding: 20px;
    border-top: 1px solid #ebeef5; }
  .process-config .task-list-area {
    width: 300px;
    border-right: 1px solid #ebeef5;
    overflow-y: auto; }
    .process-config .task-list-area h3 {
      padding: 10px;
      margin: 0;
      background-color: #f8f9ff;
      border-bottom: 1px solid #ebeef5; }
    .process-config .task-list-area .task-menu {
      border-right: none; }
  .process-config .flow-board {
    flex: 1;
    border-right: 1px solid #ebeef5;
    overflow-y: auto; }
    .process-config .flow-board h3 {
      padding: 10px;
      margin: 0;
      background-color: #f8f9ff;
      border-bottom: 1px solid #ebeef5; }
    .process-config .flow-board-container {
      padding: 20px; }
    .process-config .flow-board .empty-tips {
      margin-top: 40px;
      display: flex;
      flex-direction: column;
      align-items: center; }
      .process-config .flow-board .empty-tips .flow-node {
        width: 300px;
        height: 60px;
        border: 1px solid #dcdfe6;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #fff;
        text-align: center; }
    .process-config .flow-board .flow-steps-list {
      width: 100%;
      border: 1px solid #ebeef5;
      border-radius: 4px;
      overflow: hidden;
      margin-top: 20px;
      display: flex;
      flex-direction: column; }
      .process-config .flow-board .flow-steps-list .step-list-header {
        display: flex;
        background-color: #f5f7fa;
        height: 40px;
        line-height: 40px;
        font-weight: bold;
        border-bottom: 1px solid #ebeef5; }
        .process-config .flow-board .flow-steps-list .step-list-header .step-header-item {
          padding: 0 10px; }
      .process-config .flow-board .flow-steps-list .step-items {
        overflow-y: auto; }
        .process-config .flow-board .flow-steps-list .step-items .step-item {
          display: flex;
          border-bottom: 1px solid #ebeef5;
          height: 50px;
          line-height: 50px;
          align-items: center;
          cursor: pointer;
          transition: background-color 0.3s; }
          .process-config .flow-board .flow-steps-list .step-items .step-item:hover {
            background-color: #f5f7fa; }
          .process-config .flow-board .flow-steps-list .step-items .step-item.active {
            background-color: #ecf5ff; }
          .process-config .flow-board .flow-steps-list .step-items .step-item .step-move-controls {
            width: 80px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative; }
            .process-config .flow-board .flow-steps-list .step-items .step-item .step-move-controls i {
              position: absolute;
              cursor: pointer;
              color: #409eff;
              transition: all 0.3s; }
              .process-config .flow-board .flow-steps-list .step-items .step-item .step-move-controls i.el-icon-arrow-up {
                top: 8px; }
              .process-config .flow-board .flow-steps-list .step-items .step-item .step-move-controls i.el-icon-arrow-down {
                bottom: 8px; }
              .process-config .flow-board .flow-steps-list .step-items .step-item .step-move-controls i:hover {
                transform: scale(1.2); }
            .process-config .flow-board .flow-steps-list .step-items .step-item .step-move-controls .step-index {
              display: inline-block;
              width: 24px;
              height: 24px;
              line-height: 24px;
              text-align: center;
              border-radius: 50%;
              background-color: #f0f0f0; }
          .process-config .flow-board .flow-steps-list .step-items .step-item .step-name {
            width: 200px !important;
            flex: unset !important;
            padding: 0 10px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
          .process-config .flow-board .flow-steps-list .step-items .step-item .step-pzname {
            width: 200px !important;
            flex: unset !important;
            padding: 0 10px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
          .process-config .flow-board .flow-steps-list .step-items .step-item .step-time {
            width: 200px;
            padding: 0 10px; }
          .process-config .flow-board .flow-steps-list .step-items .step-item .step-actions {
            width: 200px;
            text-align: center; }
            .process-config .flow-board .flow-steps-list .step-items .step-item .step-actions .delete-btn {
              color: #F56C6C; }
              .process-config .flow-board .flow-steps-list .step-items .step-item .step-actions .delete-btn:hover {
                color: #ff7e7e; }
  .process-config .node-properties {
    width: 300px;
    overflow-y: auto; }
    .process-config .node-properties h3 {
      padding: 10px;
      margin: 0;
      background-color: #f8f9ff;
      border-bottom: 1px solid #ebeef5; }
    .process-config .node-properties .properties-form {
      min-height: 500px;
      padding: 20px;
      display: flex;
      flex-direction: column;
      box-shadow: border-box; }
      .process-config .node-properties .properties-form .el-form {
        flex: 1;
        overflow-y: auto; }
      .process-config .node-properties .properties-form .no-node-selected {
        padding: 20px;
        text-align: center;
        color: #909399;
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center; }
      .process-config .node-properties .properties-form .property-actions {
        display: flex;
        justify-content: space-between;
        border-top: 1px solid #ebeef5;
        padding-top: 20px; }

/* 添加流程配置对话框样式 */
.process-config-dialog .el-dialog__body {
  padding: 10px 20px;
  overflow: visible; }

/* 阶段选择器样式 */
.stage-selector {
  display: flex;
  justify-content: space-around;
  margin-bottom: 20px;
  padding: 10px;
  background-color: #f8f9ff;
  border: 1px solid #ebeef5;
  border-radius: 4px; }
  .stage-selector .stage-item {
    cursor: pointer;
    padding: 5px 15px;
    border-radius: 20px;
    background-color: #ecf5ff;
    color: #409eff;
    font-weight: bold;
    transition: all 0.3s ease; }
    .stage-selector .stage-item:hover {
      background-color: #e1f3d8;
      color: #67c23a; }
    .stage-selector .stage-item.active {
      background-color: #67c23a;
      color: #fff; }

/* 拖拽相关样式 */
.drag-row {
  cursor: move;
  user-select: none; }
  .drag-row:hover {
    background-color: #f0f9ff; }
  .drag-row.dragging {
    opacity: 0.5;
    background-color: #ecf5ff !important; }
  .drag-row.drag-over {
    border-top: 2px dashed #409eff; }

.XDzlxz1 .itembox {
  position: relative; }
  .XDzlxz1 .itembox .wczt {
    position: absolute;
    left: 520px;
    width: 70px;
    height: 70px; }

.page {
  background: #F4F9FD;
  min-height: 90vh; }
  .page .itembox {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .page .bottombox {
    display: flex;
    justify-content: flex-flex-start;
    align-items: center;
    margin-right: 1vw; }
    .page .bottombox .butt {
      background-color: #3f8cff;
      color: white;
      font-size: 0.83vw;
      font-weight: normal;
      text-align: justify;
      white-space: nowrap;
      line-height: 0.84vw;
      margin-top: 0.21vw;
      display: flex;
      justify-content: center;
      align-items: center; }
      .page .bottombox .butt .buttinbox {
        display: flex;
        justify-content: center;
        align-items: center; }
      .page .bottombox .butt img {
        margin-right: 0.5vw; }
  .page .box_aa {
    width: 100vw;
    height: 88.7vh;
    margin-bottom: 0.06vw; }
    .page .box_aa .group_4 {
      background-color: white;
      border-radius: 24px;
      width: 84vw;
      height: 90.6vh;
      justify-content: flex-center;
      margin: 1.56vw auto;
      overflow-y: auto;
      overflow-x: hidden; }
      .page .box_aa .group_4 .group_8 {
        width: 7.5vw;
        height: 1.98vw;
        margin: 1.56vw 0 0 1.56vw; }
        .page .box_aa .group_4 .group_8 .label_3 {
          width: 1.98vw;
          height: 3.52vh; }
        .page .box_aa .group_4 .group_8 .text_7 {
          width: 5vw;
          height: 2.22vh;
          overflow-wrap: break-word;
          color: #3f8cff;
          font-size: 1.25vw;
          font-family: PingFangSC-Medium;
          font-weight: 500;
          text-align: left;
          white-space: nowrap;
          line-height: 2.22vh;
          margin-top: 0.6577vh; }
      .page .box_aa .group_4 .grid_3 {
        width: 100vw;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin: 1.56vw 0 0 1.56vw;
        align-items: flex-start; }
        .page .box_aa .group_4 .grid_3 .list-items_1 {
          background-color: #f4f9fd;
          border-radius: 12px;
          width: 80vw;
          height: 100px;
          margin: 0 1.61vw 1.66vw 0; }
          .page .box_aa .group_4 .grid_3 .list-items_1 .image-text_7 {
            width: 19.74vw;
            height: 3.13vw;
            margin: 1.04vw 0 0 1.04vw; }
            .page .box_aa .group_4 .grid_3 .list-items_1 .image-text_7 .image_3 {
              width: 60px;
              height: 60px; }
            .page .box_aa .group_4 .grid_3 .list-items_1 .image-text_7 .text-group_6 {
              width: 15.58vw;
              height: 4.46vh;
              margin-top: 0.942vh; }
              .page .box_aa .group_4 .grid_3 .list-items_1 .image-text_7 .text-group_6 .text_14 {
                width: 15.73vw;
                height: 0.94vw;
                overflow-wrap: break-word;
                color: #000001;
                font-size: 0.93vw;
                font-family: PingFangSC-Medium;
                font-weight: 500;
                text-align: left;
                white-space: nowrap;
                line-height: 0.94vw; }
              .page .box_aa .group_4 .grid_3 .list-items_1 .image-text_7 .text-group_6 .text_15 {
                width: 2.19vw;
                height: 0.84vw;
                overflow-wrap: break-word;
                color: #6f737b;
                font-size: 0.83vw;
                font-weight: normal;
                text-align: left;
                white-space: nowrap;
                line-height: 0.84vw;
                margin-top: 0.84vw; }
          .page .box_aa .group_4 .grid_3 .list-items_1 .block_1 {
            background-color: #3f8cff;
            border-radius: 9px;
            width: 5.73vw;
            height: 2.09vw;
            margin: 1.56vw 1.51vw 0 18.07vw; }
            .page .box_aa .group_4 .grid_3 .list-items_1 .block_1 .image-text_8 {
              width: 3.44vw;
              height: 1.25vw;
              margin: 0.41vw 0 0 1.04vw; }
              .page .box_aa .group_4 .grid_3 .list-items_1 .block_1 .image-text_8 .label_6 {
                width: 1.25vw;
                height: 1.25vw; }
              .page .box_aa .group_4 .grid_3 .list-items_1 .block_1 .image-text_8 .text-group_2 {
                width: 1.67vw;
                height: 0.84vw;
                overflow-wrap: break-word;
                color: white;
                font-size: 0.83vw;
                font-weight: normal;
                text-align: justify;
                white-space: nowrap;
                line-height: 0.84vw;
                margin-top: 0.21vw; }
      .page .box_aa .group_4 .fenye {
        text-align: center;
        margin-top: 10px; }
  .page body * {
    box-sizing: border-box;
    flex-shrink: 0; }
  .page body {
    font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, PingFang SC-Light, Microsoft YaHei; }
  .page button {
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    outline: none;
    background-color: transparent; }
  .page button:active {
    opacity: 0.6; }
  .page .van-nav-bar__left:active,
  .page .van-nav-bar__right:active {
    opacity: 1; }
  .page [class*='van-']::after {
    border-bottom: 0; }
  .page .flex-col {
    display: flex;
    flex-direction: column; }
  .page .flex-row {
    display: flex;
    flex-direction: row; }
  .page .justify-start {
    display: flex;
    justify-content: flex-start; }
  .page .justify-center {
    display: flex;
    justify-content: center; }
  .page .justify-end {
    display: flex;
    justify-content: flex-end; }
  .page .justify-evenly {
    display: flex;
    justify-content: space-evenly; }
  .page .justify-around {
    display: flex;
    justify-content: space-around; }
  .page .justify-between {
    display: flex;
    justify-content: space-between; }
  .page .align-start {
    display: flex;
    align-items: flex-start; }
  .page .align-center {
    display: flex;
    align-items: center; }
  .page .align-end {
    display: flex;
    align-items: flex-end; }

@charset "UTF-8";
.xxwsH5 {
  width: 100%;
  min-height: 100vh;
  position: relative;
  padding: 0;
  box-sizing: border-box;
  overflow-x: hidden;
  background-color: #F5F7FA;
  /* 移动端样式覆盖 */ }
  .xxwsH5 .el-form-item {
    margin-bottom: 15px; }
  .xxwsH5 .el-form-item__label {
    font-size: 14px;
    color: #333;
    text-align: left; }
  .xxwsH5 .el-input__inner {
    height: 40px;
    line-height: 40px;
    border-radius: 8px; }
  .xxwsH5 .el-select {
    width: 100%; }
  .xxwsH5 .el-date-editor.el-input {
    width: 100%; }
  .xxwsH5 .el-button--primary {
    background: linear-gradient(90deg, #5AA1FD 0%, #3B83FA 100%), linear-gradient(90deg, #8A9FF6 0%, #476BFF 100%);
    border: 1px solid #FFFFFF;
    border-radius: 10px; }

.xxwsBgH5 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/content/image/xljkImg/containerH5Bg.png") no-repeat;
  background-size: cover;
  z-index: 1; }

.xxwsContentH5 {
  position: relative;
  z-index: 3;
  width: 100%;
  min-height: 100vh;
  padding: 15px;
  box-sizing: border-box; }

.xxwsBackBtnH5 {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  font-size: 24px;
  color: #073B67;
  cursor: pointer;
  z-index: 10; }

.xxwsFormContainerH5 {
  position: relative;
  background-color: #FFFFFF;
  border-radius: 12px;
  padding: 20px 15px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  margin-top: 10px;
  margin-bottom: 20px;
  min-height: 70vh; }

.xxwsCardTitleH5 {
  position: relative;
  font-size: 18px;
  font-weight: 500;
  color: #073B67;
  margin-bottom: 20px;
  display: inline-block; }

.xxwsCardTitleH5::after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 97px;
  height: 10px;
  background: linear-gradient(180deg, rgba(221, 230, 255, 0) 0%, #E2E9FF 100%);
  z-index: 1; }

.formoverH5 {
  overflow-y: auto;
  overflow-x: hidden; }

.button-containerH5 {
  display: flex;
  justify-content: center;
  margin-top: 30px; }

.savebuttonH5 {
  width: 100%;
  font-size: 16px;
  margin: 0;
  border-radius: 22px;
  height: 44px; }

.disabled {
  pointer-events: none;
  opacity: 0.5;
  border: none; }

@media screen and (max-width: 768px) {
  .xxwsContentH5 {
    padding: 10px; }
  .xxwsFormContainerH5 {
    padding: 15px 12px; } }

.yjmd .xsbgBox {
  padding: 20px 200px;
  background: url("/content/image/xljkImg/xsbgBg.png") center center/cover no-repeat;
  min-height: calc(100vh - 102px); }
  .yjmd .xsbgBox .xsbgCard {
    background: #EAEFFF;
    box-shadow: inset 0px 1px 0px 0px #FFFFFF, 0px 6px 17px 0px rgba(82, 146, 236, 0.0772);
    border-radius: 8px;
    padding: 20px; }
    .yjmd .xsbgBox .xsbgCard .header-container {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 20px; }
      @media screen and (max-width: 1366px) {
        .yjmd .xsbgBox .xsbgCard .header-container {
          flex-direction: column;
          align-items: flex-start; }
          .yjmd .xsbgBox .xsbgCard .header-container .search-container {
            margin-top: 15px;
            width: 100%;
            justify-content: flex-end; } }
      .yjmd .xsbgBox .xsbgCard .header-container .nav-title {
        font-size: 20px;
        font-weight: 600;
        color: #232427;
        padding-left: 10px;
        border-left: 6px solid #2C8BF2;
        display: flex;
        flex-direction: column; }
        .yjmd .xsbgBox .xsbgCard .header-container .nav-title .nav-subtitle {
          font-size: 14px;
          color: #666666;
          margin-top: 5px;
          font-weight: normal; }
      .yjmd .xsbgBox .xsbgCard .header-container .search-container {
        display: flex;
        align-items: center;
        gap: 10px; }
        @media screen and (max-width: 768px) {
          .yjmd .xsbgBox .xsbgCard .header-container .search-container {
            flex-wrap: wrap;
            justify-content: flex-end; } }
        .yjmd .xsbgBox .xsbgCard .header-container .search-container .search-item {
          display: flex;
          align-items: center; }
          .yjmd .xsbgBox .xsbgCard .header-container .search-container .search-item .search-label {
            font-size: 14px;
            color: #333;
            margin-right: 10px;
            white-space: nowrap; }
        .yjmd .xsbgBox .xsbgCard .header-container .search-container .search-button {
          margin-left: 10px; }
    .yjmd .xsbgBox .xsbgCard .content-card {
      background: #FFFFFF;
      border-radius: 8px;
      padding: 20px;
      position: relative;
      z-index: 10;
      box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); }
      .yjmd .xsbgBox .xsbgCard .content-card .student-cards-container {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 20px;
        margin-bottom: 30px; }
        @media screen and (max-width: 1600px) {
          .yjmd .xsbgBox .xsbgCard .content-card .student-cards-container {
            grid-template-columns: repeat(4, 1fr); } }
        @media screen and (max-width: 1366px) {
          .yjmd .xsbgBox .xsbgCard .content-card .student-cards-container {
            grid-template-columns: repeat(3, 1fr); } }
        @media screen and (max-width: 992px) {
          .yjmd .xsbgBox .xsbgCard .content-card .student-cards-container {
            grid-template-columns: repeat(2, 1fr); } }
        @media screen and (max-width: 576px) {
          .yjmd .xsbgBox .xsbgCard .content-card .student-cards-container {
            grid-template-columns: 1fr; } }
        .yjmd .xsbgBox .xsbgCard .content-card .student-cards-container .student-card {
          position: relative;
          display: flex;
          flex-direction: column;
          border-radius: 8px;
          height: 240px;
          overflow: hidden; }
          .yjmd .xsbgBox .xsbgCard .content-card .student-cards-container .student-card .card-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url("/content/image/xljkImg/yjmdcard.png") center top/100% 100% no-repeat;
            z-index: 1; }
          .yjmd .xsbgBox .xsbgCard .content-card .student-cards-container .student-card .card-content {
            position: absolute;
            bottom: 70px;
            left: 25px;
            display: flex;
            align-items: center;
            padding: 10px 20px;
            z-index: 2; }
            .yjmd .xsbgBox .xsbgCard .content-card .student-cards-container .student-card .card-content .avatar-container {
              width: 50px;
              height: 50px;
              border-radius: 50%;
              overflow: hidden;
              margin-right: 15px;
              flex-shrink: 0;
              box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); }
              @media screen and (max-width: 1366px) {
                .yjmd .xsbgBox .xsbgCard .content-card .student-cards-container .student-card .card-content .avatar-container {
                  width: 45px;
                  height: 45px; } }
              .yjmd .xsbgBox .xsbgCard .content-card .student-cards-container .student-card .card-content .avatar-container .avatar-img {
                width: 100%;
                height: 100%;
                object-fit: cover; }
            .yjmd .xsbgBox .xsbgCard .content-card .student-cards-container .student-card .card-content .student-info {
              flex-grow: 1;
              padding-left: 5px; }
              .yjmd .xsbgBox .xsbgCard .content-card .student-cards-container .student-card .card-content .student-info .student-name {
                font-size: 14px;
                font-weight: 500;
                color: #333;
                margin-bottom: 5px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis; }
              .yjmd .xsbgBox .xsbgCard .content-card .student-cards-container .student-card .card-content .student-info .student-id {
                font-size: 12px;
                color: #999; }
          .yjmd .xsbgBox .xsbgCard .content-card .student-cards-container .student-card .action-container {
            position: absolute;
            bottom: 35px;
            left: 0;
            right: 0;
            display: flex;
            justify-content: center;
            z-index: 2; }
            .yjmd .xsbgBox .xsbgCard .content-card .student-cards-container .student-card .action-container .el-button--primary {
              background-color: fff;
              border: none;
              color: #0A57FF; }
      .yjmd .xsbgBox .xsbgCard .content-card .pagination-container {
        display: flex;
        justify-content: center;
        margin-top: 20px; }

@charset "UTF-8";
.baogaotubiaocontainer {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  /* 封面样式 */
  /* 章节样式 */
  /* 卡片样式 */
  /* 图表容器 */
  /* 表格样式 */
  /* 网格布局 */
  /* 文本样式 */
  /* 列表样式 */
  /* 按钮样式 */
  /* 图片样式 */
  /* 心理健康指标样式 */
  /* 心理健康状态卡片 */
  /* 响应式设计 */ }
  .baogaotubiaocontainer .baogaotubiaobutton {
    position: absolute;
    right: 2vw;
    top: 2vh; }
  .baogaotubiaocontainer .cover {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: linear-gradient(135deg, #e6f7ff 0%, #ffffff 100%);
    border-radius: 20px;
    margin-bottom: 32px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    padding: 48px;
    border-top: 5px solid #4a6fa5; }
  .baogaotubiaocontainer .cover h1 {
    font-size: 42px;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 20px;
    letter-spacing: -0.5px; }
  .baogaotubiaocontainer .cover h2 {
    font-size: 32px;
    font-weight: 600;
    color: #3a5f8a;
    margin-bottom: 10px;
    letter-spacing: -0.3px; }
  .baogaotubiaocontainer .cover h3 {
    font-size: 24px;
    font-weight: 500;
    color: #4a6fa5;
    margin-bottom: 40px; }
  .baogaotubiaocontainer .cover .color-bars {
    margin-top: 80px;
    width: 300px;
    display: flex;
    justify-content: space-between; }
  .baogaotubiaocontainer .cover .color-bar {
    height: 6px;
    flex: 1;
    margin: 0 4px;
    border-radius: 3px; }
  .baogaotubiaocontainer .cover .color-bar:nth-child(1) {
    background-color: #4a6fa5; }
  .baogaotubiaocontainer .cover .color-bar:nth-child(2) {
    background-color: #5e97d1; }
  .baogaotubiaocontainer .cover .color-bar:nth-child(3) {
    background-color: #86bbf0; }
  .baogaotubiaocontainer .cover .color-bar:nth-child(4) {
    background-color: #c6e2ff; }
  .baogaotubiaocontainer .cover .footer {
    margin-top: 120px;
    font-size: 18px;
    color: #4a6fa5; }
  .baogaotubiaocontainer .cover .footer p {
    margin-bottom: 8px; }
  .baogaotubiaocontainer .section {
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
    border-radius: 20px;
    margin-bottom: 32px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    padding: 32px;
    border-left: 5px solid #4a6fa5; }
  .baogaotubiaocontainer .section-title {
    font-size: 28px;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 24px;
    border-bottom: 1px solid #d1e3f6;
    padding-bottom: 16px; }
  .baogaotubiaocontainer .card {
    background: linear-gradient(135deg, #ffffff 0%, #f5faff 100%);
    border-radius: 16px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    padding: 24px;
    margin-bottom: 24px;
    border-top: 3px solid #5e97d1; }
  .baogaotubiaocontainer .card-title {
    font-size: 20px;
    font-weight: 600;
    color: #3a5f8a;
    margin-bottom: 16px; }
  .baogaotubiaocontainer .card-content {
    color: #4e5d6c; }
  .baogaotubiaocontainer .chart-container {
    height: 400px;
    margin: 24px 0;
    border-radius: 12px;
    overflow: hidden;
    background-color: #f8fbff;
    border: 1px solid #e1eeff;
    padding: 16px; }
  .baogaotubiaocontainer table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0; }
  .baogaotubiaocontainer table th, .baogaotubiaocontainer table td {
    padding: 12px 16px;
    text-align: left;
    border-bottom: 1px solid #d1e3f6; }
  .baogaotubiaocontainer table th {
    font-weight: 600;
    color: #2c3e50;
    background-color: #e6f7ff; }
  .baogaotubiaocontainer table tr:nth-child(even) {
    background-color: #f8fbff; }
  .baogaotubiaocontainer .grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 24px;
    margin: 24px 0; }
  .baogaotubiaocontainer p {
    margin-bottom: 16px;
    font-size: 16px;
    color: #4e5d6c; }
  .baogaotubiaocontainer .text-highlight {
    color: #4a6fa5;
    font-weight: 600; }
  .baogaotubiaocontainer .text-warning {
    color: #e74c3c;
    font-weight: 600; }
  .baogaotubiaocontainer .text-success {
    color: #27ae60;
    font-weight: 600; }
  .baogaotubiaocontainer .text-muted {
    color: #7f8c8d;
    font-size: 14px; }
  .baogaotubiaocontainer ul, .baogaotubiaocontainer ol {
    margin-left: 24px;
    margin-bottom: 16px; }
  .baogaotubiaocontainer li {
    margin-bottom: 8px;
    color: #4e5d6c; }
  .baogaotubiaocontainer .btn {
    display: inline-block;
    padding: 10px 20px;
    background-color: #4a6fa5;
    color: white;
    border-radius: 10px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
    border: none;
    cursor: pointer; }
  .baogaotubiaocontainer .btn:hover {
    background-color: #3a5f8a;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(74, 111, 165, 0.3); }
  .baogaotubiaocontainer img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    border: 1px solid #d1e3f6; }
  .baogaotubiaocontainer .mental-health-indicator {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    padding: 12px;
    background-color: #f8fbff;
    border-radius: 10px;
    border-left: 4px solid #4a6fa5; }
  .baogaotubiaocontainer .mental-health-indicator .indicator-title {
    font-weight: 600;
    color: #2c3e50;
    width: 120px; }
  .baogaotubiaocontainer .mental-health-indicator .indicator-bar {
    flex: 1;
    height: 10px;
    background-color: #e1eeff;
    border-radius: 5px;
    overflow: hidden;
    position: relative; }
  .baogaotubiaocontainer .mental-health-indicator .indicator-progress {
    height: 100%;
    border-radius: 5px;
    background: linear-gradient(90deg, #4a6fa5 0%, #86bbf0 100%); }
  .baogaotubiaocontainer .mental-health-indicator .indicator-value {
    margin-left: 16px;
    font-weight: 600;
    color: #4a6fa5;
    width: 50px;
    text-align: right; }
  .baogaotubiaocontainer .status-card {
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); }
  .baogaotubiaocontainer .status-card.good {
    background: linear-gradient(135deg, #e6fffa 0%, #ffffff 100%);
    border-left: 4px solid #27ae60; }
  .baogaotubiaocontainer .status-card.warning {
    background: linear-gradient(135deg, #fff9e6 0%, #ffffff 100%);
    border-left: 4px solid #f39c12; }
  .baogaotubiaocontainer .status-card.danger {
    background: linear-gradient(135deg, #ffebee 0%, #ffffff 100%);
    border-left: 4px solid #e74c3c; }
  @media (max-width: 768px) {
    .baogaotubiaocontainer .grid {
      grid-template-columns: 1fr; }
    .baogaotubiaocontainer .cover h1 {
      font-size: 32px; }
    .baogaotubiaocontainer .cover h2 {
      font-size: 24px; }
    .baogaotubiaocontainer .cover h3 {
      font-size: 18px; }
    .baogaotubiaocontainer .section {
      padding: 24px; }
    .baogaotubiaocontainer .section-title {
      font-size: 24px; } }
  .baogaotubiaocontainer .report-card {
    background: linear-gradient(135deg, #ffffff 0%, #f5faff 100%);
    border-radius: 16px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    padding: 24px;
    margin-bottom: 24px;
    border-top: 3px solid #5e97d1; }
  .baogaotubiaocontainer .report-card-title {
    font-size: 20px;
    font-weight: 600;
    color: #3a5f8a;
    margin-bottom: 16px; }
  .baogaotubiaocontainer .report-card-content {
    color: #4e5d6c; }

.xsbg .xsbgBox {
  padding: 20px 200px;
  background: url("/content/image/xljkImg/xsbgBg.png") center center/cover no-repeat;
  min-height: calc(100vh - 102px); }
  .xsbg .xsbgBox .xsbgCard {
    background: #EAEFFF;
    box-shadow: inset 0px 1px 0px 0px #FFFFFF, 0px 6px 17px 0px rgba(82, 146, 236, 0.0772);
    border-radius: 8px;
    padding: 20px; }
    .xsbg .xsbgBox .xsbgCard .header-container {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 20px; }
      @media screen and (max-width: 1366px) {
        .xsbg .xsbgBox .xsbgCard .header-container {
          flex-direction: column;
          align-items: flex-start; }
          .xsbg .xsbgBox .xsbgCard .header-container .search-container {
            margin-top: 15px;
            width: 100%;
            justify-content: flex-end; } }
      .xsbg .xsbgBox .xsbgCard .header-container .nav-title {
        font-size: 20px;
        font-weight: 600;
        color: #232427;
        padding-left: 10px;
        border-left: 6px solid #2C8BF2;
        display: flex;
        flex-direction: column; }
        .xsbg .xsbgBox .xsbgCard .header-container .nav-title .nav-subtitle {
          font-size: 14px;
          color: #666666;
          margin-top: 5px;
          font-weight: normal; }
      .xsbg .xsbgBox .xsbgCard .header-container .search-container {
        display: flex;
        align-items: center;
        gap: 10px; }
        @media screen and (max-width: 768px) {
          .xsbg .xsbgBox .xsbgCard .header-container .search-container {
            flex-wrap: wrap;
            justify-content: flex-end; } }
        .xsbg .xsbgBox .xsbgCard .header-container .search-container .search-item {
          display: flex;
          align-items: center; }
          .xsbg .xsbgBox .xsbgCard .header-container .search-container .search-item .search-label {
            font-size: 14px;
            color: #333;
            margin-right: 10px;
            white-space: nowrap; }
        .xsbg .xsbgBox .xsbgCard .header-container .search-container .search-button {
          margin-left: 10px; }
    .xsbg .xsbgBox .xsbgCard .content-card {
      background: #FFFFFF;
      border-radius: 8px;
      padding: 20px;
      position: relative;
      z-index: 10;
      box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); }
      .xsbg .xsbgBox .xsbgCard .content-card .student-cards-container {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 20px;
        margin-bottom: 30px; }
        @media screen and (max-width: 1600px) {
          .xsbg .xsbgBox .xsbgCard .content-card .student-cards-container {
            grid-template-columns: repeat(4, 1fr); } }
        @media screen and (max-width: 1366px) {
          .xsbg .xsbgBox .xsbgCard .content-card .student-cards-container {
            grid-template-columns: repeat(3, 1fr); } }
        @media screen and (max-width: 992px) {
          .xsbg .xsbgBox .xsbgCard .content-card .student-cards-container {
            grid-template-columns: repeat(2, 1fr); } }
        @media screen and (max-width: 576px) {
          .xsbg .xsbgBox .xsbgCard .content-card .student-cards-container {
            grid-template-columns: 1fr; } }
        .xsbg .xsbgBox .xsbgCard .content-card .student-cards-container .student-card {
          position: relative;
          display: flex;
          flex-direction: column;
          border-radius: 8px;
          height: 350px;
          overflow: hidden; }
          .xsbg .xsbgBox .xsbgCard .content-card .student-cards-container .student-card .card-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url("/content/image/xljkImg/xsbginfo.png") center top/100% 100% no-repeat;
            z-index: 1; }
          .xsbg .xsbgBox .xsbgCard .content-card .student-cards-container .student-card .card-content {
            position: absolute;
            bottom: 104px;
            left: 25px;
            display: flex;
            align-items: center;
            padding: 10px 20px;
            z-index: 2; }
            .xsbg .xsbgBox .xsbgCard .content-card .student-cards-container .student-card .card-content .avatar-container {
              width: 50px;
              height: 50px;
              border-radius: 50%;
              overflow: hidden;
              margin-right: 15px;
              flex-shrink: 0;
              box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); }
              @media screen and (max-width: 1366px) {
                .xsbg .xsbgBox .xsbgCard .content-card .student-cards-container .student-card .card-content .avatar-container {
                  width: 45px;
                  height: 45px; } }
              .xsbg .xsbgBox .xsbgCard .content-card .student-cards-container .student-card .card-content .avatar-container .avatar-img {
                width: 100%;
                height: 100%;
                object-fit: cover; }
            .xsbg .xsbgBox .xsbgCard .content-card .student-cards-container .student-card .card-content .student-info {
              flex-grow: 1;
              padding-left: 5px; }
              .xsbg .xsbgBox .xsbgCard .content-card .student-cards-container .student-card .card-content .student-info .student-name {
                font-size: 14px;
                font-weight: 500;
                color: #333;
                margin-bottom: 5px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis; }
              .xsbg .xsbgBox .xsbgCard .content-card .student-cards-container .student-card .card-content .student-info .student-id {
                font-size: 12px;
                color: #999; }
          .xsbg .xsbgBox .xsbgCard .content-card .student-cards-container .student-card .action-container {
            position: absolute;
            bottom: 45px;
            left: 0;
            right: 0;
            display: flex;
            justify-content: center;
            z-index: 2; }
            .xsbg .xsbgBox .xsbgCard .content-card .student-cards-container .student-card .action-container .el-button--primary {
              background-color: fff;
              border: none;
              color: #0A57FF; }
      .xsbg .xsbgBox .xsbgCard .content-card .pagination-container {
        display: flex;
        justify-content: center;
        margin-top: 20px; }

.xsbg .baogaotubiaocontainer {
  width: 1200px;
  position: fixed;
  left: 200%;
  top: 0; }

.loginStuH5 {
  width: 100%;
  height: 100%;
  background: url("/content/image/xljkImg/loginStuH5Bg.png");
  background-size: cover;
  padding: 10px 30px;
  box-sizing: border-box;
  position: relative; }
  .loginStuH5 .loginTitle {
    width: 80vw;
    height: 4vh;
    margin-top: 11%; }
    .loginStuH5 .loginTitle img {
      width: 100%;
      height: 100%; }
    .loginStuH5 .loginTitle .title {
      margin-left: 18px; }
  .loginStuH5 .loginInput {
    padding: 5vh 6vw;
    box-sizing: border-box;
    width: 90vw;
    background: rgba(255, 255, 255, 0.8);
    border-radius: .8vw;
    position: absolute;
    left: 50%;
    top: 51%;
    transform: translate(-50%, -50%);
    border-radius: 3vw; }
    .loginStuH5 .loginInput .loginInputTitle {
      font-weight: bold;
      font-size: 1.6vw;
      color: #232427;
      margin-bottom: 5vh;
      text-align: left; }
      .loginStuH5 .loginInput .loginInputTitle img {
        width: 120px; }
    .loginStuH5 .loginInput .loginInputButton {
      height: 5vh;
      background: linear-gradient(90deg, #5AA1FD 0%, #3B83FA 100%), linear-gradient(90deg, #7E97FF 0%, #3C62FD 100%);
      border-radius: 2vw;
      font-size: 1.6vh;
      color: #fff;
      text-align: center;
      line-height: 5vh;
      cursor: pointer;
      margin: auto; }

.loginPrimaryH5 {
  width: 100%;
  height: 100%;
  background: url("/content/image/xljkImg/loginPrimaryH5Bg.png");
  background-size: cover;
  padding: 10px 30px;
  box-sizing: border-box;
  position: relative; }
  .loginPrimaryH5 .loginTitle {
    width: 80vw;
    height: 4vh;
    margin-top: 11%; }
    .loginPrimaryH5 .loginTitle img {
      width: 100%;
      height: 100%; }
    .loginPrimaryH5 .loginTitle .title {
      margin-left: 18px; }
  .loginPrimaryH5 .loginInput {
    padding: 5vh 6vw;
    box-sizing: border-box;
    width: 90vw;
    background: rgba(255, 255, 255, 0.8);
    border-radius: .8vw;
    position: absolute;
    left: 50%;
    top: 51%;
    transform: translate(-50%, -50%);
    border-radius: 3vw; }
    .loginPrimaryH5 .loginInput .loginInputTitle {
      font-weight: bold;
      font-size: 1.6vw;
      color: #232427;
      margin-bottom: 5vh;
      text-align: left; }
      .loginPrimaryH5 .loginInput .loginInputTitle img {
        width: 120px; }
    .loginPrimaryH5 .loginInput .loginInputButton {
      height: 5vh;
      background: linear-gradient(90deg, #5AA1FD 0%, #3B83FA 100%), linear-gradient(90deg, #7E97FF 0%, #3C62FD 100%);
      border-radius: 2vw;
      font-size: 1.6vh;
      color: #fff;
      text-align: center;
      line-height: 5vh;
      cursor: pointer;
      margin: auto; }

@charset "UTF-8";
.xxwsH5 {
  width: 100%;
  min-height: 100vh;
  position: relative;
  padding: 0;
  box-sizing: border-box;
  overflow-x: hidden;
  background-color: #F5F7FA;
  /* 移动端样式覆盖 */ }
  .xxwsH5 .el-form-item {
    margin-bottom: 15px; }
  .xxwsH5 .el-form-item__label {
    font-size: 14px;
    color: #333;
    text-align: left; }
  .xxwsH5 .el-input__inner {
    height: 40px;
    line-height: 40px;
    border-radius: 8px; }
  .xxwsH5 .el-select {
    width: 100%; }
  .xxwsH5 .el-date-editor.el-input {
    width: 100%; }
  .xxwsH5 .el-button--primary {
    background: linear-gradient(90deg, #5AA1FD 0%, #3B83FA 100%), linear-gradient(90deg, #8A9FF6 0%, #476BFF 100%);
    border: 1px solid #FFFFFF;
    border-radius: 10px; }

.xxwsBgH5 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/content/image/xljkImg/containerH5Bg.png") no-repeat;
  background-size: cover;
  z-index: 1; }

.xxwsContentH5 {
  position: relative;
  z-index: 3;
  width: 100%;
  min-height: 100vh;
  padding: 15px;
  box-sizing: border-box; }

.xxwsBackBtnH5 {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  font-size: 24px;
  color: #073B67;
  cursor: pointer;
  z-index: 10; }

.xxwsFormContainerH5 {
  position: relative;
  background-color: #FFFFFF;
  border-radius: 12px;
  padding: 20px 15px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  margin-top: 10px;
  margin-bottom: 20px;
  min-height: 70vh; }

.xxwsCardTitleH5 {
  position: relative;
  font-size: 18px;
  font-weight: 500;
  color: #073B67;
  margin-bottom: 20px;
  display: inline-block; }

.xxwsCardTitleH5::after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 97px;
  height: 10px;
  background: linear-gradient(180deg, rgba(221, 230, 255, 0) 0%, #E2E9FF 100%);
  z-index: 1; }

.formoverH5 {
  overflow-y: auto;
  overflow-x: hidden; }

.button-containerH5 {
  display: flex;
  justify-content: center;
  margin-top: 30px; }

.savebuttonH5 {
  width: 100%;
  font-size: 16px;
  margin: 0;
  border-radius: 22px;
  height: 44px; }

.disabled {
  pointer-events: none;
  opacity: 0.5;
  border: none; }

@media screen and (max-width: 768px) {
  .xxwsContentH5 {
    padding: 10px; }
  .xxwsFormContainerH5 {
    padding: 15px 12px; } }

.loginMiddleH5 {
  width: 100%;
  height: 100%;
  background: url("/content/image/xljkImg/loginMiddleH5Bg.png");
  background-size: cover;
  padding: 10px 30px;
  box-sizing: border-box;
  position: relative; }
  .loginMiddleH5 .loginTitle {
    width: 80vw;
    height: 4vh;
    margin-top: 11%; }
    .loginMiddleH5 .loginTitle img {
      width: 100%;
      height: 100%; }
    .loginMiddleH5 .loginTitle .title {
      margin-left: 18px; }
  .loginMiddleH5 .loginInput {
    padding: 5vh 6vw;
    box-sizing: border-box;
    width: 90vw;
    background: rgba(255, 255, 255, 0.8);
    border-radius: .8vw;
    position: absolute;
    left: 50%;
    top: 51%;
    transform: translate(-50%, -50%);
    border-radius: 3vw; }
    .loginMiddleH5 .loginInput .loginInputTitle {
      font-weight: bold;
      font-size: 1.6vw;
      color: #232427;
      margin-bottom: 5vh;
      text-align: left; }
      .loginMiddleH5 .loginInput .loginInputTitle img {
        width: 120px; }
    .loginMiddleH5 .loginInput .loginInputButton {
      height: 5vh;
      background: linear-gradient(90deg, #5AA1FD 0%, #3B83FA 100%), linear-gradient(90deg, #7E97FF 0%, #3C62FD 100%);
      border-radius: 2vw;
      font-size: 1.6vh;
      color: #fff;
      text-align: center;
      line-height: 5vh;
      cursor: pointer;
      margin: auto; }

@charset "UTF-8";
.evaluationsPagesH5 {
  width: 100%;
  min-height: 100vh;
  position: relative;
  padding: 0;
  box-sizing: border-box;
  overflow-x: hidden;
  background-color: #F5F7FA;
  display: flex;
  flex-direction: column;
  /* 移动端样式覆盖 */ }
  .evaluationsPagesH5 .el-form-item {
    margin-bottom: 15px; }
  .evaluationsPagesH5 .el-message-box {
    width: 370px; }
  .evaluationsPagesH5 .el-form-item__label {
    font-size: 14px;
    color: #333;
    padding: 0 0 8px;
    line-height: 1.4;
    text-align: left; }
  .evaluationsPagesH5 .el-input__inner {
    height: 40px;
    line-height: 40px;
    border-radius: 8px; }
  .evaluationsPagesH5 .el-select {
    width: 100%; }
  .evaluationsPagesH5 .el-date-editor.el-input {
    width: 100%; }
  .evaluationsPagesH5 .el-button--primary {
    background: linear-gradient(90deg, #5AA1FD 0%, #3B83FA 100%), linear-gradient(90deg, #8A9FF6 0%, #476BFF 100%);
    border: 1px solid #FFFFFF;
    border-radius: 10px; }

.xxwsBgH5 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/content/image/xljkImg/containerH5Bg.png") no-repeat;
  background-size: cover;
  z-index: 1; }

.xxwsContentH5 {
  position: relative;
  z-index: 3;
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  padding: 15px;
  box-sizing: border-box; }

.xxwsBackBtnH5 {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  font-size: 24px;
  color: #073B67;
  cursor: pointer;
  z-index: 10; }

.xxwsFormContainerH5 {
  position: relative;
  background-color: #FFFFFF;
  border-radius: 6px;
  padding: 20px 15px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  margin-top: 10px;
  margin-bottom: 20px;
  flex: 1;
  min-height: 60vh; }

.xxwsCardTitleH5 {
  position: relative;
  font-size: 18px;
  font-weight: 500;
  color: #073B67;
  margin-bottom: 20px;
  display: inline-block; }

.xxwsCardTitleH5::after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 97px;
  height: 10px;
  background: linear-gradient(180deg, rgba(221, 230, 255, 0) 0%, #E2E9FF 100%);
  z-index: 1; }

.formoverH5 {
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 20px; }

.button-containerH5 {
  display: flex;
  justify-content: center;
  padding: 0 15px;
  margin-top: 0;
  margin-bottom: 30px; }

.savebuttonH5 {
  width: 100%;
  font-size: 16px;
  margin: 0;
  border-radius: 22px;
  height: 44px; }

.disabled {
  pointer-events: none;
  opacity: 0.5;
  border: none; }

.evaluationsPagesH5 {
  width: 100%;
  min-height: 100vh;
  padding: 0;
  box-sizing: border-box;
  overflow-x: hidden;
  background-color: #F5F7FA;
  display: flex;
  flex-direction: column; }
  .evaluationsPagesH5 .modal {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1000;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px); }
  .evaluationsPagesH5 .modal-content {
    text-align: center;
    position: relative;
    border-radius: 14px;
    width: 85%;
    max-width: 320px; }
    .evaluationsPagesH5 .modal-content .modal-contentText {
      font-size: 16px;
      font-weight: 500;
      position: absolute;
      top: 65%;
      left: 50%;
      width: 56vw;
      transform: translatex(-50%);
      color: #333; }
    .evaluationsPagesH5 .modal-content .button-container {
      display: flex;
      justify-content: center; }
    .evaluationsPagesH5 .modal-content .wcbutton {
      font-size: 16px;
      position: absolute;
      top: 80%;
      left: 50%;
      transform: translatex(-50%);
      background-color: #007AFF;
      border-color: #007AFF;
      border-radius: 20px;
      padding: 10px 25px; }
  .evaluationsPagesH5 .encouragement-image {
    max-width: 90%;
    max-height: 80%; }
  .evaluationsPagesH5 .huakuaibox {
    width: 80%;
    margin: 0 auto;
    font-size: 2vh;
    margin-top: 1vh; }
    .evaluationsPagesH5 .huakuaibox .biaozhu {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 2vh;
      margin-top: 3vh;
      position: relative;
      margin-bottom: 1vh; }
      .evaluationsPagesH5 .huakuaibox .biaozhu .left {
        position: absolute;
        left: 0;
        transform: translatex(-30%); }
      .evaluationsPagesH5 .huakuaibox .biaozhu .middle {
        position: absolute;
        left: 50%;
        transform: translatex(-50%); }
      .evaluationsPagesH5 .huakuaibox .biaozhu .right {
        position: absolute;
        right: 0;
        transform: translatex(30%); }
  .evaluationsPagesH5 .def-input-number input::-webkit-outer-spin-button,
  .evaluationsPagesH5 .def-input-number input::-webkit-inner-spin-button {
    -webkit-appearance: none; }
  .evaluationsPagesH5 .def-input-number input[type="number"] {
    -moz-appearance: textfield; }
  .evaluationsPagesH5 .def-input-number .el-input__inner {
    line-height: 1px !important; }
  .evaluationsPagesH5 .def-input-number {
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 1.85vh;
    color: #232427;
    line-height: 2.58vh;
    text-align: center;
    font-style: normal; }
    .evaluationsPagesH5 .def-input-number input {
      height: 3vh; }
  .evaluationsPagesH5 .jindubox {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 1vh; }
    .evaluationsPagesH5 .jindubox .CardTopSchedule {
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      font-size: 2.222vh;
      color: #FFFFFF;
      line-height: 3.056vh;
      text-align: left;
      font-style: none;
      width: 90%;
      margin-right: 2vw; }
      .evaluationsPagesH5 .jindubox .CardTopSchedule .CardTopProgress {
        margin-top: 1.111vh;
        margin-right: 1vw; }
  .evaluationsPagesH5 .CardBottomTitle {
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 16px;
    color: #232427;
    line-height: 2;
    font-style: normal;
    padding-bottom: 1vh;
    padding-top: 1vh; }
    .evaluationsPagesH5 .CardBottomTitle .BottomTitleInfoNameT {
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      font-size: 16px;
      color: #232427;
      line-height: 24px;
      text-align: left;
      font-style: normal; }
      .evaluationsPagesH5 .CardBottomTitle .BottomTitleInfoNameT input {
        display: inline; }
  .evaluationsPagesH5 .CardBottomTitleInfo .BottomTitleTitle {
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    margin-bottom: 15px;
    line-height: 1.5; }
  .evaluationsPagesH5 .CardBottomTitleInfo .BottomTitleInfoName {
    margin-top: 2.2222vh;
    display: flex;
    text-align: center; }
  .evaluationsPagesH5 .CardBottomTitleInfo .BottomTitleInfoOption {
    margin-top: 0.74vh; }
    .evaluationsPagesH5 .CardBottomTitleInfo .BottomTitleInfoOption .BottomTitleInfoOptionInfo {
      width: 100%;
      cursor: pointer;
      background: #F5F5F5;
      border-radius: 6px;
      padding: 1.2vh 3.333vh;
      box-sizing: border-box;
      margin-top: 0.8vh;
      margin-bottom: 0.8vh;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      font-size: 14px;
      line-height: 1.5;
      color: #333333;
      border: none;
      position: relative; }
    .evaluationsPagesH5 .CardBottomTitleInfo .BottomTitleInfoOption .BottomTitleInfoOptionInfoActive {
      color: #1677FF;
      font-size: 14px;
      background: #E7F1FF;
      font-weight: 500; }
      .evaluationsPagesH5 .CardBottomTitleInfo .BottomTitleInfoOption .BottomTitleInfoOptionInfoActive::after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 22px 22px;
        border-color: transparent transparent #1677FF transparent;
        border-radius: 0 0 6px 0; }
      .evaluationsPagesH5 .CardBottomTitleInfo .BottomTitleInfoOption .BottomTitleInfoOptionInfoActive::before {
        content: '\2714';
        position: absolute;
        bottom: 0px;
        right: 2px;
        color: white;
        font-size: 10px;
        z-index: 2; }
  .evaluationsPagesH5 .BottomTitleInfoOption4 {
    margin-top: 8px;
    display: flex;
    flex-wrap: wrap; }
    .evaluationsPagesH5 .BottomTitleInfoOption4 .BottomTitleInfoOptionInfo4 {
      width: 100%;
      cursor: pointer;
      background: #F5F5F5;
      border-radius: 6px;
      padding: 1.2vh 3.333vh;
      box-sizing: border-box;
      margin-top: 0.8vh;
      margin-bottom: 0.8vh;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      font-size: 14px;
      line-height: 1.5;
      color: #333333;
      border: none;
      position: relative; }
    .evaluationsPagesH5 .BottomTitleInfoOption4 .BottomTitleInfoOptionInfoActive4 {
      color: #1677FF;
      font-size: 14px;
      background: #E7F1FF;
      font-weight: 500; }
      .evaluationsPagesH5 .BottomTitleInfoOption4 .BottomTitleInfoOptionInfoActive4::after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 22px 22px;
        border-color: transparent transparent #1677FF transparent;
        border-radius: 0 0 6px 0; }
      .evaluationsPagesH5 .BottomTitleInfoOption4 .BottomTitleInfoOptionInfoActive4::before {
        content: '\2714';
        position: absolute;
        bottom: -2px;
        right: 2px;
        color: white;
        font-size: 10px;
        z-index: 2; }

.biaogetiboxh5 {
  /* 表格题卡片式样式 */
  /* 矩阵量表移动端样式 */
  /* 响应式设计 */ }
  .biaogetiboxh5 .table-cards-container {
    display: flex;
    flex-direction: column;
    gap: 16px;
    font-size: 14px; }
  .biaogetiboxh5 .table-card {
    background: #FFFFFF;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    border: 1px solid #EBEEF5; }
  .biaogetiboxh5 .table-card-question {
    padding: 16px;
    font-weight: 500;
    font-size: 15px;
    color: #333;
    background: #F5F7FA;
    border-bottom: 1px solid #EBEEF5; }
  .biaogetiboxh5 .table-card-options {
    display: flex;
    flex-direction: column; }
  .biaogetiboxh5 .table-card-option {
    padding: 12px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #EBEEF5;
    cursor: pointer; }
  .biaogetiboxh5 .table-card-option:last-child {
    border-bottom: none; }
  .biaogetiboxh5 .table-card-option-active {
    color: #1677FF;
    background: #E7F1FF; }
  .biaogetiboxh5 .table-card-radio-indicator {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #1677FF;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px; }
  .biaogetiboxh5 .matrix-mobile-container {
    padding: 10px 0; }
  .biaogetiboxh5 .matrix-question-card {
    margin-bottom: 20px;
    padding: 15px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
  .biaogetiboxh5 .matrix-question-title {
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 16px;
    color: #232427;
    line-height: 2;
    font-style: normal;
    padding-bottom: 1vh;
    padding-top: 1vh; }
  @media (max-width: 480px) {
    .biaogetiboxh5 .matrix-question-card {
      margin-bottom: 16px;
      padding: 12px; }
    .biaogetiboxh5 .matrix-question-title {
      font-size: 15px;
      margin-bottom: 12px; } }
  @media (max-width: 360px) {
    .biaogetiboxh5 .matrix-question-card {
      margin-bottom: 14px;
      padding: 10px; }
    .biaogetiboxh5 .matrix-question-title {
      font-size: 14px;
      margin-bottom: 10px; } }
.BottomTitleInfoNameTag {
  border-radius: 0.370vh;
  border: 1px solid #1677FF;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 14px;
  color: #1677FF;
  line-height: 24px;
  text-align: center;
  font-style: normal;
  margin-right: 5px;
  padding: 0 3px;
  display: inline-block; }

.guideText {
  font-size: 15px;
  color: #333333;
  line-height: 1.6;
  margin-bottom: 20px; }

/* 自定义弹窗样式 */
.custom-dialog-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2000;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px); }

.custom-dialog {
  width: 85%;
  max-width: 300px;
  background-color: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); }

.custom-dialog-title {
  padding: 18px 20px 0;
  font-size: 17px;
  font-weight: 600;
  color: #000;
  text-align: center; }

.custom-dialog-content {
  padding: 12px 20px 20px;
  font-size: 14px;
  line-height: 1.4;
  color: #333;
  text-align: center; }

.custom-dialog-footer {
  padding: 0;
  text-align: center;
  border-top: 0.5px solid rgba(0, 0, 0, 0.1); }

.custom-dialog-btn {
  width: 100%;
  padding: 14px 0;
  font-size: 16px;
  font-weight: 500;
  color: #007AFF;
  background-color: transparent;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s; }

.custom-dialog-btn:hover {
  background-color: rgba(0, 122, 255, 0.1); }

.single-label {
  font-size: 15px;
  font-weight: 500;
  color: #333333;
  margin-bottom: 5px; }

@charset "UTF-8";
.EvaluationsH5 {
  width: 100%;
  min-height: 100vh;
  padding: 0;
  box-sizing: border-box;
  overflow-x: hidden;
  background-color: #F5F7FA; }
  .EvaluationsH5 .disabledH5 {
    pointer-events: none;
    opacity: 0.5;
    border: none; }
  .EvaluationsH5 .dialogsclH5 {
    width: 370px; }
  .EvaluationsH5 .modalH5 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1000;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px); }
  .EvaluationsH5 .modal-contentH5 {
    text-align: center;
    position: relative;
    border-radius: 14px;
    width: 85%;
    max-width: 320px; }
    .EvaluationsH5 .modal-contentH5 .modal-contentTextH5 {
      font-size: 16px;
      font-weight: 500;
      position: absolute;
      top: 65%;
      left: 50%;
      width: 56vw;
      transform: translatex(-50%);
      color: #333; }
    .EvaluationsH5 .modal-contentH5 .button-containerH5 {
      display: flex;
      justify-content: center; }
    .EvaluationsH5 .modal-contentH5 .wcbuttonH5 {
      font-size: 16px;
      position: absolute;
      top: 80%;
      left: 45%;
      transform: translatex(-50%);
      background-color: #007AFF;
      border-color: #007AFF;
      border-radius: 20px;
      padding: 10px 25px; }
  .EvaluationsH5 .encouragement-imageH5 {
    max-width: 90%;
    max-height: 80%; }
  .EvaluationsH5 .el-button--primary {
    background: linear-gradient(90deg, #5AA1FD 0%, #3B83FA 100%), linear-gradient(90deg, #8A9FF6 0%, #476BFF 100%);
    border: 1px solid #FFFFFF;
    border-radius: 10px; }

.xxwsBgH5 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/content/image/xljkImg/containerH5Bg.png") no-repeat;
  background-size: cover;
  z-index: 1; }

.xxwsContentH5 {
  position: relative;
  z-index: 3;
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  padding: 15px;
  box-sizing: border-box; }

.xxwsBackBtnH5 {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  font-size: 24px;
  color: #073B67;
  cursor: pointer;
  z-index: 10; }

.xxwsFormContainerH5 {
  position: relative;
  background-color: #FFFFFF;
  border-radius: 6px;
  padding: 20px 15px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  margin-top: 10px;
  margin-bottom: 20px;
  flex: 1;
  min-height: 60vh; }

.xxwsCardTitleH5 {
  position: relative;
  font-size: 18px;
  font-weight: 500;
  color: #073B67;
  margin-bottom: 20px;
  display: inline-block; }

.xxwsCardTitleH5::after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 97px;
  height: 10px;
  background: linear-gradient(180deg, rgba(221, 230, 255, 0) 0%, #E2E9FF 100%);
  z-index: 1; }

.formoverH5 {
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 20px; }

.button-containerH5 {
  display: flex;
  justify-content: center;
  padding: 0 15px;
  margin-top: auto;
  margin-bottom: 30px; }

.savebuttonH5 {
  width: 100%;
  font-size: 16px;
  margin: 0;
  border-radius: 22px;
  height: 44px; }

.guideTextH5 {
  font-size: 15px;
  color: #333333;
  line-height: 1.6;
  margin-bottom: 20px; }

.CardBottomTitleInfoH5 {
  margin-bottom: 20px; }
  .CardBottomTitleInfoH5 .BottomTitleTitleH5 {
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    margin-bottom: 15px;
    line-height: 1.5; }
  .CardBottomTitleInfoH5 .BottomTitleInfoOptionH5 {
    margin-top: 0.74vh; }
    .CardBottomTitleInfoH5 .BottomTitleInfoOptionH5 .BottomTitleInfoOptionInfoH5 {
      width: 100%;
      cursor: pointer;
      background: #F5F5F5;
      border-radius: 6px;
      padding: 1.2vh 3.333vh;
      box-sizing: border-box;
      margin-top: 0.8vh;
      margin-bottom: 0.8vh;
      font-weight: 500;
      font-size: 14px;
      line-height: 1.5;
      color: #333333;
      border: none;
      position: relative; }
    .CardBottomTitleInfoH5 .BottomTitleInfoOptionH5 .BottomTitleInfoOptionInfoActiveH5 {
      color: #1677FF;
      font-size: 14px;
      background: #E7F1FF;
      font-weight: 500; }
      .CardBottomTitleInfoH5 .BottomTitleInfoOptionH5 .BottomTitleInfoOptionInfoActiveH5::after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 22px 22px;
        border-color: transparent transparent #1677FF transparent;
        border-radius: 0 0 6px 0; }
      .CardBottomTitleInfoH5 .BottomTitleInfoOptionH5 .BottomTitleInfoOptionInfoActiveH5::before {
        content: '\2714';
        position: absolute;
        bottom: 0px;
        right: 2px;
        color: white;
        font-size: 10px;
        z-index: 2; }

/* 自定义弹窗样式 */
.custom-dialog-overlayH5 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2000;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px); }

.custom-dialogH5 {
  width: 85%;
  max-width: 300px;
  background-color: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); }

.custom-dialog-titleH5 {
  padding: 18px 20px 0;
  font-size: 17px;
  font-weight: 600;
  color: #000;
  text-align: center; }

.custom-dialog-contentH5 {
  padding: 12px 20px 20px;
  font-size: 14px;
  line-height: 1.4;
  color: #333;
  text-align: center; }

.custom-dialog-footerH5 {
  padding: 0;
  text-align: center;
  border-top: 0.5px solid rgba(0, 0, 0, 0.1); }

.custom-dialog-btnH5 {
  width: 100%;
  padding: 14px 0;
  font-size: 16px;
  font-weight: 500;
  color: #007AFF;
  background-color: transparent;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s; }

.custom-dialog-btnH5:hover {
  background-color: rgba(0, 122, 255, 0.1); }

.cpxzH5 {
  width: 100%;
  height: 100vh;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: visible;
  background-color: transparent;
  border-radius: 16px 16px 0 0; }

.cpxzContentH5 {
  position: relative;
  z-index: 2;
  flex: 1;
  display: flex;
  flex-direction: column;
  background-image: url(/content/image/xljkImg/dcxzH5Bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  background-color: transparent;
  border-radius: 16px 16px 0 0;
  padding: 20px 30px;
  min-height: 100vh;
  height: auto;
  overflow: visible; }

.cpxzTitleH5 {
  font-size: 24px;
  background: linear-gradient(180deg, #073861 0%, #086FDD 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 20px; }

.cpxzUserInfoH5 {
  margin-bottom: 20px;
  position: relative;
  z-index: 2;
  padding: 0 5px; }

.cpxzUserInfoItemH5 {
  display: flex;
  margin-bottom: 10px; }

.cpxzUserInfoItemH5:last-child {
  margin-bottom: 0; }

.cpxzLabelH5 {
  font-size: 16px;
  color: #073B67;
  margin-right: 10px;
  min-width: 70px;
  font-weight: normal; }

.cpxzValueH5 {
  font-size: 16px;
  color: #073B67;
  font-weight: normal; }

.cpxzCardH5 {
  background-color: #FFFFFF;
  border-radius: 10px;
  padding: 20px;
  flex: 1;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 2;
  overflow-y: auto;
  max-height: 40%; }

.cpxzCardContentH5 {
  font-size: 14px;
  line-height: 1.6;
  color: #333;
  text-align: left; }

.cpxzCardContentH5 p {
  margin-top: 15px;
  text-indent: 2em; }

.cpxzButtonH5 {
  display: flex;
  justify-content: center;
  padding: 20px 0;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  z-index: 10;
  margin-bottom: 20px; }

.cpxzCloseButtonH5 {
  width: 80%;
  height: 44px;
  background-color: #007FFF;
  color: white;
  border: none;
  border-radius: 22px;
  font-size: 16px;
  box-shadow: 0 4px 8px rgba(0, 127, 255, 0.3); }

@charset "UTF-8";
.csglH5 {
  width: 100%;
  min-height: 100vh;
  position: relative;
  padding: 0;
  box-sizing: border-box;
  overflow-y: auto;
  background: url("/content/image/xljkImg/csglH5Bg.png") no-repeat center top;
  background-size: cover; }
  .csglH5 .el-message-box {
    width: 360px; }

.csglContentH5 {
  position: relative;
  z-index: 3;
  width: 100%;
  min-height: 100vh;
  padding-bottom: 20px; }

.disabledH5 {
  pointer-events: none;
  /* 禁止鼠标事件 */
  opacity: 0.5;
  /* 更改透明度以表示禁用 */ }

.csglTitleH5 {
  width: 190px;
  margin: 0 auto;
  text-align: center;
  margin-top: 32px; }

.csglTitleH5 img {
  width: 100%;
  height: auto;
  display: block; }

.csglBlueEllipseH5 {
  width: 90vw;
  max-width: 400px;
  margin: 5vh auto 5vh auto;
  background: url("/content/image/xljkImg/csglH5TitleBG.png") no-repeat center center;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60px;
  position: relative; }

.csglBlueEllipseTextH5 {
  font-size: 12px;
  color: #FFFFFF;
  text-align: center;
  padding: 0px 20px;
  line-height: 1.6;
  width: 100%;
  z-index: 2; }

.csglListH5 {
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
  margin-top: 0; }

.csglListItemH5 {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  position: relative;
  background: rgba(255, 255, 255, 0.4251);
  border-radius: 6px;
  border: 2px solid #FFFFFF;
  box-sizing: border-box;
  min-height: 75px;
  padding: 0 16px; }

.csglStepNumImgH5 {
  width: 46px;
  margin-right: 12px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center; }

.csglStepNumImgH5 img {
  width: 100%;
  height: 100%;
  display: block; }

.csglListBoxH5 {
  flex: 1;
  display: flex;
  align-items: center;
  background: transparent;
  border-radius: 5px;
  padding: 0;
  box-sizing: border-box;
  width: 90%;
  margin: 0 auto;
  max-width: 450px; }

.csglListBoxImgH5 {
  width: 50px;
  margin-right: 10px; }

.csglListBoxImgH5 img {
  width: 100%;
  height: auto;
  object-fit: contain; }

.csglListBoxContentH5 {
  flex: 1;
  overflow: hidden; }

.csglListBoxTitleH5 {
  font-size: 16px;
  color: #333333;
  font-weight: 600;
  margin-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.csglListBoxStatusImgH5 {
  width: 71px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: bold;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin-left: 12px;
  padding-left: 20px; }

.csglListBoxStatusImgH5.completed {
  background-image: url("/content/image/xljkImg/csglywc.png");
  color: #fff; }

.csglListBoxStatusImgH5.pending {
  background-image: url("/content/image/xljkImg/csgljxz.png");
  color: #2572FD; }

.csglArrowH5 {
  width: 50%;
  margin: 0 auto 15px auto;
  display: flex;
  align-items: center;
  justify-content: center; }

.csglArrowH5 img {
  width: 100%;
  height: 100%;
  display: block; }

/* 自定义弹出层样式 */
.customDialogH5 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  overflow: visible; }

.customDialogMaskH5 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); }

.customDialogContentH5 {
  position: relative;
  width: 100%;
  max-height: 90vh;
  background-color: transparent;
  border-radius: 16px 16px 0 0;
  overflow: visible;
  animation: slideUp 0.3s ease-out; }

@keyframes slideUp {
  from {
    transform: translateY(100%); }
  to {
    transform: translateY(0); } }

/* 添加媒体查询，针对不同屏幕大小进行优化 */
@media screen and (max-width: 320px) {
  .csglListBoxH5 {
    padding: 10px; }
  .csglListBoxTitleH5 {
    font-size: 14px; } }

.cpxzIconH5 {
  position: absolute;
  top: -1vh;
  right: 0%;
  width: 50vw;
  height: auto;
  z-index: 3;
  overflow: visible;
  pointer-events: none; }

.cpxzIconH5 img {
  width: 100%;
  height: auto;
  object-fit: contain;
  max-width: 100%; }

.cpxzIconMiddleH5 {
  position: absolute;
  top: 1vh;
  right: 0%;
  width: 45vw;
  height: auto;
  z-index: 3;
  overflow: visible;
  pointer-events: none; }

.cpxzIconMiddleH5 img {
  width: 100%;
  height: auto;
  object-fit: contain;
  max-width: 100%; }

.dataListTable23 {
  overflow: auto; }

.filter-container {
  margin-bottom: 10px;
  display: flex;
  align-items: center; }

.el-table--enable-row-hover.el-table__body tr:hover > td {
  background-color: #f8f9ff !important; }

.el-table thead {
  background-color: #f8f9ff; }

.dataListTable22 {
  overflow: auto; }
  .dataListTable22 .el-dialog {
    margin-top: 10vh !important; }

.filter-container {
  margin-bottom: 10px;
  display: flex;
  align-items: center; }

.el-table--enable-row-hover.el-table__body tr:hover > td {
  background-color: #f8f9ff !important; }

.el-table thead {
  background-color: #f8f9ff; }

.XDzlxz1 .itembox {
  position: relative; }
  .XDzlxz1 .itembox .wczt {
    position: absolute;
    left: 520px;
    width: 70px;
    height: 70px; }

.page {
  background: #F4F9FD;
  min-height: 90vh; }
  .page .itembox {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .page .bottombox {
    display: flex;
    justify-content: flex-flex-start;
    align-items: center;
    margin-right: 1vw; }
    .page .bottombox .butt {
      background-color: #3f8cff;
      color: white;
      font-size: 0.83vw;
      font-weight: normal;
      text-align: justify;
      white-space: nowrap;
      line-height: 0.84vw;
      margin-top: 0.21vw;
      display: flex;
      justify-content: center;
      align-items: center; }
      .page .bottombox .butt .buttinbox {
        display: flex;
        justify-content: center;
        align-items: center; }
      .page .bottombox .butt img {
        margin-right: 0.5vw; }
  .page .box_aa {
    width: 100vw;
    height: 88.7vh;
    margin-bottom: 0.06vw; }
    .page .box_aa .group_4 {
      background-color: white;
      border-radius: 24px;
      width: 84vw;
      height: 90.6vh;
      justify-content: flex-center;
      margin: 1.56vw auto;
      overflow-y: auto;
      overflow-x: hidden; }
      .page .box_aa .group_4 .group_8 {
        width: 7.5vw;
        height: 1.98vw;
        margin: 1.56vw 0 0 1.56vw; }
        .page .box_aa .group_4 .group_8 .label_3 {
          width: 1.98vw;
          height: 3.52vh; }
        .page .box_aa .group_4 .group_8 .text_7 {
          width: 5vw;
          height: 2.22vh;
          overflow-wrap: break-word;
          color: #3f8cff;
          font-size: 1.25vw;
          font-family: PingFangSC-Medium;
          font-weight: 500;
          text-align: left;
          white-space: nowrap;
          line-height: 2.22vh;
          margin-top: 0.6577vh; }
      .page .box_aa .group_4 .grid_3 {
        width: 100vw;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin: 1.56vw 0 0 1.56vw;
        align-items: flex-start; }
        .page .box_aa .group_4 .grid_3 .list-items_1 {
          background-color: #f4f9fd;
          border-radius: 12px;
          width: 80vw;
          height: 100px;
          margin: 0 1.61vw 1.66vw 0; }
          .page .box_aa .group_4 .grid_3 .list-items_1 .image-text_7 {
            width: 19.74vw;
            height: 3.13vw;
            margin: 1.04vw 0 0 1.04vw; }
            .page .box_aa .group_4 .grid_3 .list-items_1 .image-text_7 .image_3 {
              width: 60px;
              height: 60px; }
            .page .box_aa .group_4 .grid_3 .list-items_1 .image-text_7 .text-group_6 {
              width: 15.58vw;
              height: 4.46vh;
              margin-top: 0.942vh; }
              .page .box_aa .group_4 .grid_3 .list-items_1 .image-text_7 .text-group_6 .text_14 {
                width: 15.73vw;
                height: 0.94vw;
                overflow-wrap: break-word;
                color: #000001;
                font-size: 0.93vw;
                font-family: PingFangSC-Medium;
                font-weight: 500;
                text-align: left;
                white-space: nowrap;
                line-height: 0.94vw; }
              .page .box_aa .group_4 .grid_3 .list-items_1 .image-text_7 .text-group_6 .text_15 {
                width: 2.19vw;
                height: 0.84vw;
                overflow-wrap: break-word;
                color: #6f737b;
                font-size: 0.83vw;
                font-weight: normal;
                text-align: left;
                white-space: nowrap;
                line-height: 0.84vw;
                margin-top: 0.84vw; }
          .page .box_aa .group_4 .grid_3 .list-items_1 .block_1 {
            background-color: #3f8cff;
            border-radius: 9px;
            width: 5.73vw;
            height: 2.09vw;
            margin: 1.56vw 1.51vw 0 18.07vw; }
            .page .box_aa .group_4 .grid_3 .list-items_1 .block_1 .image-text_8 {
              width: 3.44vw;
              height: 1.25vw;
              margin: 0.41vw 0 0 1.04vw; }
              .page .box_aa .group_4 .grid_3 .list-items_1 .block_1 .image-text_8 .label_6 {
                width: 1.25vw;
                height: 1.25vw; }
              .page .box_aa .group_4 .grid_3 .list-items_1 .block_1 .image-text_8 .text-group_2 {
                width: 1.67vw;
                height: 0.84vw;
                overflow-wrap: break-word;
                color: white;
                font-size: 0.83vw;
                font-weight: normal;
                text-align: justify;
                white-space: nowrap;
                line-height: 0.84vw;
                margin-top: 0.21vw; }
      .page .box_aa .group_4 .fenye {
        text-align: center;
        margin-top: 10px; }
  .page body * {
    box-sizing: border-box;
    flex-shrink: 0; }
  .page body {
    font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, PingFang SC-Light, Microsoft YaHei; }
  .page button {
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    outline: none;
    background-color: transparent; }
  .page button:active {
    opacity: 0.6; }
  .page .van-nav-bar__left:active,
  .page .van-nav-bar__right:active {
    opacity: 1; }
  .page [class*='van-']::after {
    border-bottom: 0; }
  .page .flex-col {
    display: flex;
    flex-direction: column; }
  .page .flex-row {
    display: flex;
    flex-direction: row; }
  .page .justify-start {
    display: flex;
    justify-content: flex-start; }
  .page .justify-center {
    display: flex;
    justify-content: center; }
  .page .justify-end {
    display: flex;
    justify-content: flex-end; }
  .page .justify-evenly {
    display: flex;
    justify-content: space-evenly; }
  .page .justify-around {
    display: flex;
    justify-content: space-around; }
  .page .justify-between {
    display: flex;
    justify-content: space-between; }
  .page .align-start {
    display: flex;
    align-items: flex-start; }
  .page .align-center {
    display: flex;
    align-items: center; }
  .page .align-end {
    display: flex;
    align-items: flex-end; }

.dataListTable20 {
  overflow: auto; }

.filter-container {
  margin-bottom: 10px;
  display: flex;
  align-items: center; }

.el-table--enable-row-hover.el-table__body tr:hover > td {
  background-color: #f8f9ff !important; }

.el-table thead {
  background-color: #f8f9ff; }

.dataListTable21 {
  overflow: auto; }

.filter-container {
  margin-bottom: 10px;
  display: flex;
  align-items: center; }

.el-table--enable-row-hover.el-table__body tr:hover > td {
  background-color: #f8f9ff !important; }

.el-table thead {
  background-color: #f8f9ff; }

.dataListTable19 {
  overflow: auto; }

.filter-container {
  margin-bottom: 10px;
  display: flex;
  align-items: center; }

.el-table--enable-row-hover.el-table__body tr:hover > td {
  background-color: #f8f9ff !important; }

.el-table thead {
  background-color: #f8f9ff; }

.buttbox {
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  .buttbox .butt {
    margin-left: 0.521vw; }

.fenye {
  margin-top: 8.8vh;
  text-align: center; }

.XDjddcdialogminbox {
  min-height: 50vh; }
  .XDjddcdialogminbox .el-table__empty-block {
    height: 50vh !important; }
  .XDjddcdialogminbox .totaljindu {
    color: #303133;
    font-size: 16px; }
    .XDjddcdialogminbox .totaljindu .innder {
      margin-left: 2vw; }

.innerDialog .el-dialog__header {
  background: #F3F7FF;
  border-radius: 24px 24px 0px 0px; }

.innerDialog .el-dialog {
  border-radius: 24px;
  margin-top: 15vh !important; }

.formbox .el-select {
  width: 100%; }

@charset "UTF-8";
.navigation-bar {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
  background: linear-gradient(180deg, #FFFFFF 0%, #D9E6FF 100%);
  overflow-x: hidden;
  width: 100%; }

.el-menu-demo {
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%; }

.el-menu {
  flex-grow: 1;
  background-color: transparent;
  /* 去除菜单背景色 */
  width: 100%;
  box-sizing: border-box; }

.el-menu-item {
  background-color: transparent;
  /* 去除菜单项背景色 */ }

.el-menu-item.is-active {
  background: linear-gradient(90deg, #5676FF 0%, #8FB4FF 100%);
  color: #fff;
  /* 选中项字体颜色变为白色 */ }

.el-submenu__title {
  background-color: transparent;
  color: #415575;
  font-weight: 600; }

.el-submenu__title:hover {
  background: linear-gradient(90deg, #E6F3FF 0%, #CCE7FF 100%);
  color: #5676FF; }

.el-menu--vertical .el-submenu .el-menu {
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  box-sizing: border-box;
  max-width: 100%; }

.el-submenu .el-menu-item {
  padding-left: 52px !important;
  background-color: transparent;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box; }

.el-submenu .el-menu-item:hover {
  background: linear-gradient(90deg, #F0F8FF 0%, #E6F3FF 100%);
  color: #5676FF; }

.el-menu-item i {
  margin-right: 10px; }

.custom-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.dataListTable17 {
  overflow: auto; }

.filter-container {
  margin-bottom: 10px;
  display: flex;
  align-items: center; }

.el-table--enable-row-hover.el-table__body tr:hover > td {
  background-color: #f8f9ff !important; }

.el-table thead {
  background-color: #f8f9ff; }

.dataListTable18 {
  overflow: auto; }
  .dataListTable18 .el-dialog {
    margin-top: 12vh !important; }

.filter-container {
  margin-bottom: 10px;
  display: flex;
  align-items: center; }

.el-table--enable-row-hover.el-table__body tr:hover > td {
  background-color: #f8f9ff !important; }

.el-table thead {
  background-color: #f8f9ff; }

.dataListTable15 {
  overflow: auto; }
  .dataListTable15 .filter-container {
    margin-bottom: 10px;
    display: flex;
    align-items: center; }
  .dataListTable15 .el-table--enable-row-hover.el-table__body tr:hover > td {
    background-color: #f8f9ff !important; }
  .dataListTable15 .el-table thead {
    background-color: #fafafa !important; }

@charset "UTF-8";
.dataListTable16 {
  overflow: auto;
  /* 抽样弹框样式 */ }
  .dataListTable16 .filter-container {
    margin-bottom: 10px;
    display: flex;
    align-items: center; }
  .dataListTable16 .el-table--enable-row-hover.el-table__body tr:hover > td {
    background-color: #f8f9ff !important; }
  .dataListTable16 .el-table thead {
    background-color: #f8f9ff; }
  .dataListTable16 .sampling-content {
    padding: 15px 0; }
  .dataListTable16 .sampling-rules {
    padding: 15px 20px;
    margin-bottom: 20px;
    background: #f8f9ff;
    border-radius: 4px;
    border: 1px solid #e6ebf5; }
  .dataListTable16 .rules-title {
    margin: 0 0 12px 0;
    font-size: 14px;
    font-weight: 500;
    color: #303133; }
  .dataListTable16 .rules-content .rule-item {
    margin-bottom: 8px; }
  .dataListTable16 .rules-content .rule-item:last-child {
    margin-bottom: 0; }
  .dataListTable16 .rules-content .rule-item .el-checkbox .el-checkbox__label {
    color: #606266;
    font-size: 13px;
    line-height: 1.4; }
  .dataListTable16 .sampling-scope {
    padding: 15px 20px; }
  .dataListTable16 .scope-title {
    margin: 0 0 12px 0;
    font-size: 14px;
    font-weight: 500;
    color: #303133; }
  .dataListTable16 .el-radio-group .el-radio {
    margin-right: 20px;
    margin-bottom: 10px;
    display: inline-block; }
  .dataListTable16 .el-radio-group .el-radio .el-radio__label {
    font-size: 13px; }
  .dataListTable16 .el-form-item {
    margin-bottom: 18px; }
  .dataListTable16 .el-form-item__label {
    width: 85px;
    text-align: right;
    font-size: 13px;
    color: #606266;
    padding-right: 8px; }
  .dataListTable16 .dialog-footer {
    text-align: right;
    padding-top: 15px;
    border-top: 1px solid #ebeef5;
    margin-top: 15px; }
  .dataListTable16 .dialog-footer .el-button {
    margin-left: 10px; }

.dataListTable41 {
  overflow: auto; }

.filter-container {
  margin-bottom: 10px;
  display: flex;
  align-items: center; }

.el-table--enable-row-hover.el-table__body tr:hover > td {
  background-color: #f8f9ff !important; }

.el-table thead {
  background-color: #fafafa !important; }

.dataListTable25 {
  overflow: auto; }
  .dataListTable25 .el-button--small {
    border-radius: 3px !important; }
  .dataListTable25 .title-icon {
    display: inline-block;
    width: 19px;
    height: 19px;
    background: linear-gradient(180deg, #3D7FFC 0%, #5F95FA 100%);
    position: relative;
    border-radius: 19px;
    overflow: hidden; }
    .dataListTable25 .title-icon:after {
      content: '';
      display: inline-block;
      width: 10px;
      height: 10px;
      background: #33D9FF;
      position: absolute;
      left: 10px;
      top: -1px; }
  .dataListTable25 .el-table--enable-row-hover.el-table__body tr:hover > td {
    background-color: #f8f9ff !important; }
  .dataListTable25 .el-table thead {
    background-color: #f8f9ff; }

.dataListTable26 {
  overflow: auto; }
  .dataListTable26 .el-button--small {
    border-radius: 3px !important; }
  .dataListTable26 .title-icon {
    display: inline-block;
    width: 19px;
    height: 19px;
    background: linear-gradient(180deg, #3D7FFC 0%, #5F95FA 100%);
    position: relative;
    border-radius: 19px;
    overflow: hidden; }
    .dataListTable26 .title-icon:after {
      content: '';
      display: inline-block;
      width: 10px;
      height: 10px;
      background: #33D9FF;
      position: absolute;
      left: 10px;
      top: -1px; }
  .dataListTable26 .el-table--enable-row-hover.el-table__body tr:hover > td {
    background-color: #f8f9ff !important; }
  .dataListTable26 .el-table thead {
    background-color: #f8f9ff; }

@charset "UTF-8";
.xxwsTeacher {
  padding: 0 1vw; }
  .xxwsTeacher .button-container {
    display: flex;
    justify-content: center;
    margin-top: 5vh; }
  .xxwsTeacher .savebutton {
    width: 300px;
    font-size: 18px;
    margin: 0; }
  .xxwsTeacher .disabled {
    pointer-events: none;
    /* 禁止鼠标事件 */
    opacity: 0.5;
    /* 更改透明度以表示禁用 */
    border: none; }
  .xxwsTeacher .formover {
    margin-left: 2vw;
    overflow-y: auto;
    overflow-x: hidden; }

@media only screen and (max-width: 1000px) {
  /* 在这里添加你想要在手机上应用的样式 */
  body {
    font-size: 16px;
    /* 调整字体大小以适应手机屏幕 */ }
  .disabled {
    pointer-events: none;
    /* 禁止鼠标事件 */
    opacity: 0.5;
    /* 更改透明度以表示禁用 */
    border: none; }
  .xxwsTeacher {
    width: 100%;
    /* 使容器宽度适应手机屏幕 */
    padding: 10px;
    /* 添加适当的内边距以适应手机屏幕 */ }
    .xxwsTeacher el-form {
      width: 200%;
      /* 使表单宽度适应手机屏幕 */ }
    .xxwsTeacher el-form-item {
      width: 200%;
      /* 使表单项宽度适应手机屏幕 */ }
    .xxwsTeacher .button-container {
      display: flex;
      justify-content: center;
      margin-top: 5vh; }
    .xxwsTeacher .savebutton {
      width: 300px;
      font-size: 18px;
      margin: 0; }
    .xxwsTeacher el-input,
    .xxwsTeacher el-select,
    .xxwsTeacher el-date-picker {
      width: 100%;
      /* 使表单控件宽度适应手机屏幕 */ }
  .formover {
    margin-left: 2vw;
    overflow-y: auto;
    height: 70vh; } }

@charset "UTF-8";
.csglteacher {
  width: 100%;
  height: 93%;
  background: url("/content/image/xljkImg/csglteacherBG1.png");
  background-size: cover;
  padding: 10px 30px;
  box-sizing: border-box;
  position: relative; }
  .csglteacher .disabled {
    pointer-events: none;
    /* 禁止鼠标事件 */
    opacity: 0.5;
    /* 更改透明度以表示禁用 */ }
  .csglteacher .csglTitle {
    width: 16vw;
    margin: 6vh auto; }
    .csglteacher .csglTitle img {
      width: 100%; }
  .csglteacher .jiajntou {
    width: 2vw;
    height: 4vh;
    margin: auto 1vw;
    margin-top: 24vh; }
    .csglteacher .jiajntou img {
      width: 100%;
      height: 100%; }
  .csglteacher .csglSmallTitle {
    width: 74vw;
    margin: 0 auto;
    font-weight: bold;
    font-size: 1.2vw;
    color: #FFFFFF;
    line-height: 6vh;
    letter-spacing: 1px;
    text-align: center;
    font-style: normal;
    background: url("/content/image/xljkImg/csglms.png");
    background-size: 100% 100%; }
  .csglteacher .csglList {
    margin-top: 10vh;
    display: flex;
    padding: 0 10vw;
    margin-top: 10vh;
    display: flex;
    justify-content: space-between; }
    .csglteacher .csglList .csglLists .csglListNum {
      font-family: DINAlternate, DINAlternate;
      font-weight: bold;
      font-size: 3vw;
      color: #FFFFFF;
      text-align: center;
      font-style: normal; }
    .csglteacher .csglList .csglLists .csglListBox {
      cursor: pointer;
      padding: 2vh 1vw;
      box-sizing: border-box;
      width: 16vw;
      height: 36vh;
      background: rgba(255, 255, 255, 0.53);
      border-radius: 12px;
      border: 4px solid #FFFFFF;
      opacity: 0.8;
      backdrop-filter: blur(24px); }
      .csglteacher .csglList .csglLists .csglListBox .csglListBoxImg {
        width: 6vw;
        margin: 0 auto; }
        .csglteacher .csglList .csglLists .csglListBox .csglListBoxImg img {
          width: 100%;
          height: 100%；; }
      .csglteacher .csglList .csglLists .csglListBox .csglListBoxTitle {
        font-family: PingFangSC, PingFang SC;
        font-size: 1.4vw;
        color: #1A1A1A;
        text-align: center;
        font-style: normal;
        margin-top: 2vh;
        font-weight: 600; }
      .csglteacher .csglList .csglLists .csglListBox .csglListBoxhang {
        width: 100%;
        height: 1vh;
        border-top: 0.1vh solid rgba(63, 140, 255, 0.2);
        margin-top: 2vh; }
      .csglteacher .csglList .csglLists .csglListBox .csglListBoxStatus {
        padding-left: 2vw;
        box-sizing: border-box;
        width: 8vw;
        height: 6vh;
        margin: 0 auto;
        font-weight: bold;
        font-size: 1.2vw;
        color: #FFFFFF;
        line-height: 6vh;
        letter-spacing: 1px;
        text-align: center;
        font-style: normal;
        background: url("/content/image/xljkImg/csglywc.png");
        background-size: 100% 100%;
        margin-top: 2vh; }
      .csglteacher .csglList .csglLists .csglListBox .csglListBoxStatuss {
        padding-left: 2vw;
        box-sizing: border-box;
        width: 8vw;
        height: 6vh;
        margin: 0 auto;
        font-weight: bold;
        font-size: 1.2vw;
        color: #2572FD;
        line-height: 6vh;
        letter-spacing: 1px;
        text-align: center;
        font-style: normal;
        background: url("/content/image/xljkImg/csgljxz.png");
        background-size: 100% 100%;
        margin-top: 2vh; }

@media only screen and (max-width: 1000px) {
  .csglteacher {
    width: 100%;
    height: 93%;
    background: url("/content/image/xljkImg/csglteacherBG1.png");
    background-size: cover;
    padding: 10px 30px;
    box-sizing: border-box;
    position: relative; }
    .csglteacher .disabled {
      pointer-events: none;
      /* 禁止鼠标事件 */
      opacity: 0.5;
      /* 更改透csglSmallTitl明度以表示禁用 */ }
    .csglteacher .csglTitle {
      width: 140px;
      margin: 6vh auto; }
      .csglteacher .csglTitle img {
        width: 100%; }
    .csglteacher .jiajntou {
      width: 2vw;
      height: 4vh;
      margin: auto 1vw;
      margin-top: 10vh; }
      .csglteacher .jiajntou img {
        width: 100%;
        height: 100%; }
    .csglteacher .csglSmallTitle {
      width: 100%;
      height: 80px;
      margin: 0 auto;
      font-weight: bold;
      font-size: 14px;
      color: #FFFFFF;
      line-height: 32px;
      letter-spacing: 1px;
      text-align: center;
      font-style: normal;
      background: none;
      background-size: 100% 100%; }
    .csglteacher .csglList {
      margin-top: 10vh;
      display: flex;
      margin-left: 0;
      padding: 0; }
      .csglteacher .csglList .csglLists .csglListNum {
        font-family: DINAlternate, DINAlternate;
        font-weight: bold;
        font-size: 3vw;
        color: #FFFFFF;
        text-align: center;
        font-style: normal; }
      .csglteacher .csglList .csglLists .csglListBox {
        cursor: pointer;
        padding: 2vh 1vw;
        box-sizing: border-box;
        width: 80px;
        height: 200px;
        background: rgba(255, 255, 255, 0.53);
        border-radius: 12px;
        border: 4px solid #FFFFFF;
        opacity: 0.8;
        backdrop-filter: blur(24px); }
        .csglteacher .csglList .csglLists .csglListBox .csglListBoxImg {
          width: 6vw;
          margin: 0 auto; }
          .csglteacher .csglList .csglLists .csglListBox .csglListBoxImg img {
            width: 100%;
            height: 100%；; }
        .csglteacher .csglList .csglLists .csglListBox .csglListBoxTitle {
          font-family: PingFangSC, PingFang SC;
          font-size: 12px;
          color: #1A1A1A;
          text-align: center;
          font-style: normal;
          margin-top: 2vh;
          font-weight: 600; }
        .csglteacher .csglList .csglLists .csglListBox .csglListBoxhang {
          width: 100%;
          height: 1vh;
          border-top: 0.1vh solid rgba(63, 140, 255, 0.2);
          margin-top: 2vh; }
        .csglteacher .csglList .csglLists .csglListBox .csglListBoxStatus {
          padding-left: 2vw;
          box-sizing: border-box;
          width: 8vw;
          height: 6vh;
          margin: 0 auto;
          font-weight: bold;
          font-size: 12px;
          color: #ccc;
          line-height: 2vh;
          letter-spacing: 1px;
          text-align: center;
          font-style: normal;
          background: none;
          background-size: 100% 100%;
          margin-top: 2vh; }
        .csglteacher .csglList .csglLists .csglListBox .csglListBoxStatuss {
          padding-left: 2vw;
          box-sizing: border-box;
          width: 8vw;
          height: 6vh;
          margin: 0 auto;
          font-weight: bold;
          font-size: 12px;
          color: #2572FD;
          line-height: 2vh;
          letter-spacing: 1px;
          text-align: center;
          font-style: normal;
          background: none;
          background-size: 100% 100%;
          margin-top: 2vh; } }

.wwscjindu {
  padding: 0 20px;
  box-sizing: border-box; }
  .wwscjindu .buttbox {
    display: flex;
    justify-content: flex-end;
    align-items: center; }
    .wwscjindu .buttbox .butt {
      margin-left: 0.521vw; }
  .wwscjindu .fenye {
    margin-top: 8.8vh;
    text-align: center; }
  .wwscjindu .XDjddcdialogminbox {
    min-height: 50vh; }
    .wwscjindu .XDjddcdialogminbox .el-table__empty-block {
      height: 50vh !important; }
    .wwscjindu .XDjddcdialogminbox .totaljindu {
      color: #303133;
      font-size: 16px; }
      .wwscjindu .XDjddcdialogminbox .totaljindu .innder {
        margin-left: 2vw; }
  .wwscjindu .innerDialog .el-dialog__header {
    background: #F3F7FF;
    border-radius: 24px 24px 0px 0px; }
  .wwscjindu .innerDialog .el-dialog {
    border-radius: 24px;
    margin-top: 15vh !important; }
  .wwscjindu .formbox .el-select {
    width: 100%; }

.dataListTable13 {
  overflow: auto; }

.filter-container {
  margin-bottom: 10px;
  display: flex;
  align-items: center; }

.el-table--enable-row-hover.el-table__body tr:hover > td {
  background-color: #f8f9ff !important; }

.el-table thead {
  background-color: #f8f9ff; }

.dataList .el-table {
  max-height: 78vh;
  overflow-y: auto;
  width: 100% !important; }

.dataList .el-table--border::after, .dataList .el-table--group::after, .dataList .el-table::before {
  background-color: transparent; }

.dataList .el-table--border, .dataList .el-table--group {
  border: 1px solid #ebeef5; }

.dataList .dashboard {
  display: flex; }

.dataList .navigation-bar-container {
  width: 14vw; }

.dataList .table-container {
  flex: 1;
  min-height: 60vh; }

.dataList .dataListcard,
.dataList .dataDetailcard {
  padding: 10px 10px;
  box-sizing: border-box;
  width: 86vw;
  height: 100%; }

.el-table__cell {
  font-size: 14px;
  color: #252525 !important; }

.dataListTable14 {
  overflow: auto; }

.filter-container {
  margin-bottom: 10px;
  display: flex;
  align-items: center; }

.el-table--enable-row-hover.el-table__body tr:hover > td {
  background-color: #f8f9ff !important; }

.el-table thead {
  background-color: #f8f9ff; }

.dataListTable12 {
  overflow: auto; }

.filter-container {
  margin-bottom: 10px;
  display: flex;
  align-items: center; }

.el-table--enable-row-hover.el-table__body tr:hover > td {
  background-color: #f8f9ff !important; }

.el-table thead {
  background-color: #f8f9ff; }

.dataListTable43 {
  overflow: auto; }
  .dataListTable43 .filter-container {
    margin-bottom: 10px;
    display: flex;
    align-items: center; }
  .dataListTable43 .el-table--enable-row-hover.el-table__body tr:hover > td {
    background-color: #f8f9ff !important; }
  .dataListTable43 .el-table thead {
    background-color: #f8f9ff; }
  .dataListTable43 .el-loading-spinner {
    display: flex;
    justify-content: center; }

.dataListTable11 {
  overflow: auto; }

::v-deep .selets .tags-select-input {
  height: 40px; }
  ::v-deep .selets .tags-select-input .el-select__tags {
    height: 40px;
    white-space: nowrap;
    overflow: hidden;
    flex-wrap: nowrap; }

::v-deep .selets .el-select__tags-text {
  display: inline-block;
  max-width: 85px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

::v-deep .selets .el-tag__close.el-icon-close {
  top: -7px; }

.filter-container {
  margin-bottom: 10px;
  display: flex;
  align-items: center; }

.el-table--enable-row-hover.el-table__body tr:hover > td {
  background-color: #f8f9ff !important; }

.el-table thead {
  background-color: #f8f9ff; }

.ssfajindu .buttbox {
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  .ssfajindu .buttbox .butt {
    margin-left: 0.521vw; }

.ssfajindu .fenye {
  margin-top: 8.8vh;
  text-align: center; }

.ssfajindu .XDjddcdialogminbox {
  min-height: 50vh; }
  .ssfajindu .XDjddcdialogminbox .el-table__empty-block {
    height: 50vh !important; }
  .ssfajindu .XDjddcdialogminbox .totaljindu {
    color: #303133;
    font-size: 16px; }
    .ssfajindu .XDjddcdialogminbox .totaljindu .innder {
      margin-left: 2vw; }

.ssfajindu .innerDialog .el-dialog__header {
  background: #F3F7FF;
  border-radius: 24px 24px 0px 0px; }

.ssfajindu .innerDialog .el-dialog {
  border-radius: 24px;
  margin-top: 15vh !important; }

.ssfajindu .formbox .el-select {
  width: 100%; }

.dataListTable3 {
  overflow: auto; }

.filter-container {
  margin-bottom: 10px;
  display: flex;
  align-items: center; }

.el-table--enable-row-hover.el-table__body tr:hover > td {
  background-color: #f8f9ff !important; }

.el-table thead {
  background-color: #f8f9ff; }

.dataListTable8 {
  overflow: auto; }

.filter-container {
  margin-bottom: 10px;
  display: flex;
  align-items: center; }

.el-table--enable-row-hover.el-table__body tr:hover > td {
  background-color: #f8f9ff !important; }

.el-table thead {
  background-color: #f8f9ff; }

.dataListTable5 {
  overflow: auto; }

.filter-container {
  margin-bottom: 10px;
  display: flex;
  align-items: center; }

.el-table--enable-row-hover.el-table__body tr:hover > td {
  background-color: #f8f9ff !important; }

.el-table thead {
  background-color: #f8f9ff; }

@charset "UTF-8";
.downloadAndUpload {
  background: #F4F9FD; }
  .downloadAndUpload .mianbox {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2vh 0; }
    .downloadAndUpload .mianbox .leftbox {
      width: 49%;
      height: 83.3vh;
      border-radius: 5px;
      background: #FFFFFF;
      padding: 2vh 1vw;
      box-sizing: border-box; }
      .downloadAndUpload .mianbox .leftbox .titlebox {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 2vh; }
        .downloadAndUpload .mianbox .leftbox .titlebox .img {
          width: 38px;
          height: 38px; }
        .downloadAndUpload .mianbox .leftbox .titlebox .text {
          font-family: Source Han Sans, Source Han Sans;
          font-weight: 500;
          font-size: 24px;
          color: #062046;
          line-height: 24px; }
      .downloadAndUpload .mianbox .leftbox .itembox {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-right: -1vw; }
        .downloadAndUpload .mianbox .leftbox .itembox .item {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          background: #F8F9FF;
          margin-bottom: 2vh;
          width: 23vw;
          margin-right: 1vw;
          position: relative; }
          .downloadAndUpload .mianbox .leftbox .itembox .item .wanchengbiaoqian {
            position: absolute;
            top: 0;
            right: 0;
            width: 79px;
            height: 24px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #fff; }
            .downloadAndUpload .mianbox .leftbox .itembox .item .wanchengbiaoqian span {
              margin-left: 10px; }
          .downloadAndUpload .mianbox .leftbox .itembox .item .wanchengbiaoqian1 {
            background: url("/content/image/xljkImg/yishangchuan.png");
            background-size: 100% 100%; }
          .downloadAndUpload .mianbox .leftbox .itembox .item .wanchengbiaoqian2 {
            background: url("/content/image/xljkImg/weishangchuan.png");
            background-size: 100% 100%; }
          .downloadAndUpload .mianbox .leftbox .itembox .item .imgbox {
            width: 0.937vw;
            height: 65px;
            background: #EBF2FF;
            border-radius: 4px 4px 4px 4px;
            display: flex;
            justify-content: center;
            align-items: center; }
          .downloadAndUpload .mianbox .leftbox .itembox .item .img {
            width: 2.08vw;
            height: 2.08vw;
            margin: 0 1vw; }
          .downloadAndUpload .mianbox .leftbox .itembox .item .itemtitlebox {
            font-family: Source Han Sans, Source Han Sans;
            font-weight: 600;
            font-size: 14px;
            color: #000001;
            line-height: 18px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start; }
            .downloadAndUpload .mianbox .leftbox .itembox .item .itemtitlebox .title {
              margin-bottom: 1vh;
              width: 15vw;
              white-space: nowrap;
              /* 禁止文本换行，强制单行显示 */
              overflow: hidden;
              /* 隐藏超出容器的内容 */
              text-overflow: ellipsis;
              /* 超出部分使用省略号表示 */ }
            .downloadAndUpload .mianbox .leftbox .itembox .item .itemtitlebox .caozuo {
              display: flex;
              justify-content: flex-start;
              align-items: center; }
              .downloadAndUpload .mianbox .leftbox .itembox .item .itemtitlebox .caozuo i {
                font-size: 18px;
                margin-right: 0.5vw;
                color: #3662EC;
                font-weight: 600;
                cursor: pointer; }
    .downloadAndUpload .mianbox .rightbox {
      margin-left: 1vw; }

.dataListTable6 {
  overflow: auto; }

.filter-container {
  margin-bottom: 10px;
  display: flex;
  align-items: center; }

.el-table--enable-row-hover.el-table__body tr:hover > td {
  background-color: #f8f9ff !important; }

.el-table thead {
  background-color: #f8f9ff; }

.dataListTable7 {
  overflow: auto; }

.filter-container {
  margin-bottom: 10px;
  display: flex;
  align-items: center; }

.el-table--enable-row-hover.el-table__body tr:hover > td {
  background-color: #f8f9ff !important; }

.el-table thead {
  background-color: #f8f9ff; }

.dataListTable5 {
  overflow: auto; }

.filter-container {
  margin-bottom: 10px;
  display: flex;
  align-items: center; }

.el-table--enable-row-hover.el-table__body tr:hover > td {
  background-color: #f8f9ff !important; }

.el-table thead {
  background-color: #f8f9ff; }

.dataListTable1 {
  overflow: auto; }

.filter-container {
  margin-bottom: 10px;
  display: flex;
  align-items: center; }

.el-table--enable-row-hover.el-table__body tr:hover > td {
  background-color: #f8f9ff !important; }

.el-table thead {
  background-color: #f8f9ff; }

.dataListTable4 {
  overflow: auto; }

.filter-container {
  margin-bottom: 10px;
  display: flex;
  align-items: center; }

.el-table--enable-row-hover.el-table__body tr:hover > td {
  background-color: #f8f9ff !important; }

.el-table thead {
  background-color: #f8f9ff; }

.dataListTable2 {
  overflow: auto; }
  .dataListTable2 .el-dialog {
    margin-top: 12vh !important; }

.filter-container {
  margin-bottom: 10px;
  display: flex;
  align-items: center; }

.el-table--enable-row-hover.el-table__body tr:hover > td {
  background-color: #f8f9ff !important; }

.el-table thead {
  background-color: #f8f9ff; }

.jinduchakan .XDzigeshenhehome {
  background: #F4F9FD;
  min-height: 100vh; }
  .jinduchakan .XDzigeshenhehome .buttbox {
    display: flex;
    justify-content: center;
    align-items: center; }
    .jinduchakan .XDzigeshenhehome .buttbox .butt {
      margin-left: 0.521vw; }
  .jinduchakan .XDzigeshenhehome .dialogminbox {
    min-height: 20vh; }
    .jinduchakan .XDzigeshenhehome .dialogminbox .shenheneirong p {
      margin-top: 1.5vh; }
  .jinduchakan .XDzigeshenhehome .maincontent {
    padding: 2.778vh 1.5vw; }
    .jinduchakan .XDzigeshenhehome .maincontent .title {
      margin-top: 5.556vh;
      margin-bottom: 2.778vh;
      display: flex;
      justify-content: flex;
      align-items: center;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      font-size: 2.222vh;
      color: #3F8CFF;
      line-height: 2.222vh;
      text-align: left;
      font-style: normal; }
      .jinduchakan .XDzigeshenhehome .maincontent .title img {
        width: 3.518vh;
        height: 3.518vh; }
    .jinduchakan .XDzigeshenhehome .maincontent .maincontentitembox {
      display: flex;
      justify-content: center;
      align-items: center; }
      .jinduchakan .XDzigeshenhehome .maincontent .maincontentitembox .item {
        width: 23.95vw;
        height: 24vh;
        background: #FFFFFF;
        border-radius: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-right: 1.56vw;
        cursor: pointer;
        padding: 10px; }
        .jinduchakan .XDzigeshenhehome .maincontent .maincontentitembox .item img {
          width: 8.14vh; }
        .jinduchakan .XDzigeshenhehome .maincontent .maincontentitembox .item .bjjingdu {
          margin: 1.85vh 0;
          font-family: PingFangSC, PingFang SC;
          font-weight: 600;
          font-size: 1.3vw;
          color: #333333;
          line-height: 2.5vh;
          font-style: normal; }
        .jinduchakan .XDzigeshenhehome .maincontent .maincontentitembox .item .tips {
          font-family: PingFangSC, PingFang SC;
          font-weight: 400;
          font-size: 2.222vh;
          color: #999999;
          line-height: 2.222vh;
          font-style: normal; }

.allgzzshenhe {
  width: 100%;
  box-sizing: border-box;
  background: url("/content/image/xljkImg/evaluationBGA.png") center center no-repeat;
  background-size: cover;
  position: relative;
  box-sizing: border-box;
  padding: 2.7778vh 2.083333vw;
  border-radius: 0px 0px 16px 16px;
  width: 93xvw;
  max-height: 65vh;
  background: #FFFFFF;
  border-radius: 16px;
  margin: auto;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 25vh; }
  .allgzzshenhe .el-table__empty-block {
    height: 50vh !important; }

.XDnavbox .XDnav {
  width: 100vw;
  height: 6.48vh;
  background: #3F8CFF;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .XDnavbox .XDnav .left {
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .XDnavbox .XDnav .left .logoImg {
      width: 30px;
      height: 30px;
      margin-left: 1.56vw;
      margin-right: 1.04vw; }
    .XDnavbox .XDnav .left .title {
      font-family: PingFangSC, PingFang SC;
      font-weight: 600;
      font-size: 2.222vh;
      color: #FFFFFF;
      line-height: 3.055vh;
      text-align: left;
      font-style: normal; }
  .XDnavbox .XDnav .right {
    display: flex;
    justify-content: flex-end;
    align-items: center; }
    .XDnavbox .XDnav .right .avatar {
      width: 3.426vh;
      height: 3.426vh;
      margin-left: 1.458vw;
      margin-right: 0.677vw; }
    .XDnavbox .XDnav .right .username {
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      font-size: 1.48vh;
      color: #FFFFFF;
      line-height: 2.037vh;
      text-align: center;
      font-style: normal;
      margin-right: 1.458vw;
      cursor: pointer; }

.XDnavbox .mbxbox {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 4.629vh;
  background: #FFFFFF;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 1.296vh;
  color: #6C6EA9;
  line-height: 2.037vh;
  text-align: left;
  font-style: normal; }

.XDnavbox .yemiandaohang {
  cursor: pointer;
  font-size: 1.8vh; }

.XDnavbox .active {
  color: #151861; }

@media only screen and (max-width: 1000px) {
  .XDnav {
    width: 100vw;
    height: 6.48vh;
    background: #3F8CFF;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .XDnav .left {
      display: flex;
      justify-content: flex-start;
      align-items: center; }
      .XDnav .left .logoImg {
        width: 30px;
        height: 30px;
        margin-left: 1.56vw;
        margin-right: 1.04vw; }
      .XDnav .left .title {
        font-family: PingFangSC, PingFang SC;
        font-weight: 600;
        font-size: 12px;
        color: #FFFFFF;
        line-height: 3.055vh;
        text-align: left;
        font-style: normal; }
    .XDnav .right {
      display: flex;
      justify-content: flex-end;
      align-items: center; }
      .XDnav .right .avatar {
        width: 3.426vh;
        height: 3.426vh;
        margin-left: 1.458vw;
        margin-right: 0.677vw; }
      .XDnav .right .username {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 1.48vh;
        color: #FFFFFF;
        line-height: 2.037vh;
        text-align: center;
        font-style: normal;
        margin-right: 1.458vw;
        cursor: pointer; }
  .mbxbox {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 4.629vh;
    background: #FFFFFF;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 1.296vh;
    color: #6C6EA9;
    line-height: 2.037vh;
    text-align: left;
    font-style: normal; }
  .yemiandaohang {
    cursor: pointer;
    font-size: 1.8vh; }
  .active {
    color: #151861; } }

@charset "UTF-8";
.loginMiddle {
  width: 100%;
  height: 100%;
  background: url("/content/image/xljkImg/zxbg.png");
  background-size: cover;
  padding: 10px 30px;
  box-sizing: border-box;
  position: relative; }
  .loginMiddle .disabled {
    pointer-events: none;
    /* 禁止鼠标事件 */
    opacity: 0.5;
    /* 更改透明度以表示禁用 */ }
  .loginMiddle .loginTitle {
    display: flex;
    font-weight: bold;
    font-size: 1.6vw;
    color: #232427;
    line-height: 55px; }
    .loginMiddle .loginTitle .loginTitleLogo {
      width: 600px;
      height: 60px; }
      .loginMiddle .loginTitle .loginTitleLogo img {
        width: 100%;
        height: 100%; }
    .loginMiddle .loginTitle .title {
      margin-left: 18px; }
  .loginMiddle .loginInput {
    opacity: 0.9;
    padding: 4vh 2vw;
    box-sizing: border-box;
    width: 24vw;
    background: #FFFFFF;
    border-radius: .8vw;
    position: absolute;
    left: 63vw;
    top: 36vh; }
    .loginMiddle .loginInput .loginInputTitle {
      font-weight: bold;
      font-size: 1.6vw;
      color: #232427;
      margin-bottom: 5vh;
      text-align: left; }
      .loginMiddle .loginInput .loginInputTitle img {
        width: 140px; }
    .loginMiddle .loginInput .loginInputButton {
      height: 5vh;
      background: #0052D9;
      border-radius: .2vw;
      font-size: 1vw;
      color: #fff;
      text-align: center;
      line-height: 5vh;
      cursor: pointer; }
    .loginMiddle .loginInput .loginInputInfo .yzmBox {
      width: 20vw;
      margin-top: -1vh;
      display: flex;
      justify-content: center;
      align-items: center; }
      .loginMiddle .loginInput .loginInputInfo .yzmBox .yzm {
        margin-left: 15px;
        height: 100%;
        width: 7.5vw; }
        .loginMiddle .loginInput .loginInputInfo .yzmBox .yzm .authcode {
          width: 7.5vw;
          height: 4vh; }
  .loginMiddle .footer {
    position: absolute;
    bottom: 1vh;
    left: 29vw;
    text-align: center;
    color: #fff;
    font-size: 1vw; }
  .loginMiddle .footers {
    position: absolute;
    bottom: 1vh;
    left: 46vw;
    text-align: center;
    color: #fff;
    font-size: .8vw; }

@media only screen and (max-width: 1000px) {
  .loginMiddle {
    width: 100%;
    height: 100%;
    background: url("/content/image/xljkImg/zxbg.png");
    background-size: cover;
    padding: 10px 30px;
    box-sizing: border-box;
    position: relative; }
    .loginMiddle .loginTitle {
      display: flex;
      font-weight: bold;
      font-size: 1.6vw;
      color: #232427;
      line-height: 55px; }
      .loginMiddle .loginTitle .loginTitleLogo {
        width: 1000px; }
        .loginMiddle .loginTitle .loginTitleLogo img {
          width: 100%;
          height: 100%; }
      .loginMiddle .loginTitle .title {
        margin: auto;
        font-size: 2.0vh; }
    .loginMiddle .loginInput {
      opacity: 0.9;
      padding: 5vh 3vw;
      box-sizing: border-box;
      width: 80vw;
      background: #FFFFFF;
      border-radius: .8vw;
      left: 10vw;
      height: 28vh; }
      .loginMiddle .loginInput .loginInputTitle {
        font-weight: bold;
        font-size: 1.6vh;
        color: #232427;
        margin-bottom: 3vh;
        text-align: center; }
      .loginMiddle .loginInput .loginInputButton {
        height: 5vh;
        background: linear-gradient(270deg, #5AA1FD 0%, #3B83FA 100%);
        border-radius: 2vw;
        font-size: 1.6vh;
        color: #fff;
        text-align: center;
        line-height: 5vh;
        cursor: pointer;
        margin: auto; }
      .loginMiddle .loginInput .loginInputInfo .yzmBox {
        width: 69vw;
        margin-top: -1vh;
        display: flex;
        justify-content: center;
        align-items: center; }
        .loginMiddle .loginInput .loginInputInfo .yzmBox .yzm {
          width: 24vw;
          margin-left: 15px;
          background: #ccc; }
          .loginMiddle .loginInput .loginInputInfo .yzmBox .yzm .authcode1 {
            width: 33vw;
            height: 4vh; }
    .loginMiddle .footer {
      position: absolute;
      bottom: 1vh;
      left: 29vw;
      text-align: center;
      color: #fff;
      font-size: 1vw; }
    .loginMiddle .footers {
      position: absolute;
      bottom: 1vh;
      left: 46vw;
      text-align: center;
      color: #fff;
      font-size: .8vw; } }

@charset "UTF-8";
.loginPrimary {
  width: 100%;
  height: 100%;
  background: url("/content/image/xljkImg/xxbg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 10px 30px;
  box-sizing: border-box;
  position: relative; }
  .loginPrimary .disabled {
    pointer-events: none;
    /* 禁止鼠标事件 */
    opacity: 0.5;
    /* 更改透明度以表示禁用 */ }
  .loginPrimary .loginTitle {
    display: flex;
    font-weight: bold;
    font-size: 1.6vw;
    color: #232427;
    line-height: 55px; }
    .loginPrimary .loginTitle .loginTitleLogo {
      width: 600px;
      height: 50px; }
      .loginPrimary .loginTitle .loginTitleLogo img {
        width: 100%;
        height: 100%; }
    .loginPrimary .loginTitle .title {
      margin-left: 18px; }
  .loginPrimary .loginInput {
    opacity: 0.9;
    padding: 4vh 2vw;
    box-sizing: border-box;
    width: 24vw;
    background: #FFFFFF;
    border-radius: .8vw;
    position: absolute;
    left: 63vw;
    top: 36vh; }
    .loginPrimary .loginInput .loginInputTitle {
      font-weight: bold;
      font-size: 1.6vw;
      color: #232427;
      margin-bottom: 5vh;
      text-align: left; }
      .loginPrimary .loginInput .loginInputTitle img {
        width: 140px; }
    .loginPrimary .loginInput .loginInputButton {
      height: 5vh;
      background: #0052D9;
      border-radius: .2vw;
      font-size: 1vw;
      color: #fff;
      text-align: center;
      line-height: 5vh;
      cursor: pointer; }
    .loginPrimary .loginInput .loginInputInfo .yzmBox {
      width: 20vw;
      margin-top: -1vh;
      display: flex;
      justify-content: center;
      align-items: center; }
      .loginPrimary .loginInput .loginInputInfo .yzmBox .yzm {
        margin-left: 15px;
        height: 100%;
        width: 7.5vw; }
        .loginPrimary .loginInput .loginInputInfo .yzmBox .yzm .authcode {
          width: 7.5vw;
          height: 4vh; }
  .loginPrimary .footer {
    position: absolute;
    bottom: 1vh;
    left: 29vw;
    text-align: center;
    color: #fff;
    font-size: 1vw; }
  .loginPrimary .footers {
    position: absolute;
    bottom: 1vh;
    left: 46vw;
    text-align: center;
    color: #fff;
    font-size: .8vw; }

@media only screen and (max-width: 1000px) {
  .loginPrimary {
    width: 100%;
    height: 100%;
    background: url("/content/image/xljkImg/xxbg.png");
    background-size: cover;
    padding: 10px 30px;
    box-sizing: border-box;
    position: relative; }
    .loginPrimary .loginTitle {
      display: flex;
      font-weight: bold;
      font-size: 1.6vw;
      color: #232427;
      line-height: 55px; }
      .loginPrimary .loginTitle .loginTitleLogo {
        width: 1000px; }
        .loginPrimary .loginTitle .loginTitleLogo img {
          width: 100%;
          height: 100%; }
      .loginPrimary .loginTitle .title {
        margin: auto;
        font-size: 2.0vh; }
    .loginPrimary .loginInput {
      opacity: 0.9;
      padding: 5vh 3vw;
      box-sizing: border-box;
      width: 80vw;
      background: #FFFFFF;
      border-radius: .8vw;
      left: 10vw;
      height: 28vh; }
      .loginPrimary .loginInput .loginInputTitle {
        font-weight: bold;
        font-size: 1.6vh;
        color: #232427;
        margin-bottom: 3vh;
        text-align: center; }
      .loginPrimary .loginInput .loginInputButton {
        height: 5vh;
        background: linear-gradient(270deg, #5AA1FD 0%, #3B83FA 100%);
        border-radius: 2vw;
        font-size: 1.6vh;
        color: #fff;
        text-align: center;
        line-height: 5vh;
        cursor: pointer;
        margin: auto; }
      .loginPrimary .loginInput .loginInputInfo .yzmBox {
        width: 69vw;
        margin-top: -1vh;
        display: flex;
        justify-content: center;
        align-items: center; }
        .loginPrimary .loginInput .loginInputInfo .yzmBox .yzm {
          width: 24vw;
          margin-left: 15px;
          background: #ccc; }
          .loginPrimary .loginInput .loginInputInfo .yzmBox .yzm .authcode1 {
            width: 33vw;
            height: 4vh; }
    .loginPrimary .footer {
      position: absolute;
      bottom: 1vh;
      left: 29vw;
      text-align: center;
      color: #fff;
      font-size: 1vw; }
    .loginPrimary .footers {
      position: absolute;
      bottom: 1vh;
      left: 46vw;
      text-align: center;
      color: #fff;
      font-size: .8vw; } }

@charset "UTF-8";
.echartsbody {
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: url("/content/image/xljkImg/mapbg.png");
  background-size: cover;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: #1D3345; }
  .echartsbody .nhzd {
    position: absolute;
    width: 3vw;
    /* 宽度保持为视口宽度的3% */
    height: 3vh;
    /* 高度保持为视口高度的3% */
    right: 35vw;
    /* 位置保持不变 */
    bottom: 18.5vh;
    /* 位置保持不变 */
    max-width: 3vw;
    /* 设置最大宽度限制，防止过大 */
    max-height: 3vh;
    /* 设置最大高度限制，防止过大 */
    min-width: 3vw;
    /* 设置最小宽度限制，防止过小 */
    min-height: 3vh;
    /* 设置最小高度限制，防止过小 */ }
  .echartsbody .mapRightBottom .mapRightBottomTitle {
    margin-top: 2vh;
    margin-left: 1vw;
    display: flex;
    font-family: PangMenZhengDao;
    font-size: 1vw;
    color: #FFFFFF;
    text-align: left;
    font-style: normal; }
    .echartsbody .mapRightBottom .mapRightBottomTitle img {
      width: 1vw;
      margin-right: .5vw; }
  .echartsbody .mapRightTop {
    display: flex; }
    .echartsbody .mapRightTop .mapRightTops {
      margin-top: 4vh;
      display: flex;
      margin-left: .5vw;
      background: url("/content/image/xljkImg/righttioicon.png");
      background-size: cover;
      width: 10.5vw;
      height: 6vh; }
      .echartsbody .mapRightTop .mapRightTops .maprighttoplisticon {
        width: 3.6vw;
        height: 7vh;
        padding: .5vh 0 0 .6vw;
        margin-top: -2vh;
        box-sizing: border-box;
        margin-left: 1vw;
        box-sizing: border-box;
        margin-left: .4vw; }
        .echartsbody .mapRightTop .mapRightTops .maprighttoplisticon img {
          width: 80%;
          height: 60%; }
      .echartsbody .mapRightTop .mapRightTops .maprighttoplisttext {
        margin-left: .4vw;
        margin-top: -2vh; }
        .echartsbody .mapRightTop .mapRightTops .maprighttoplisttext .maptoplisttexttop {
          font-size: .8vw;
          color: #FFFFFF;
          text-align: left;
          font-style: normal;
          text-transform: none; }
        .echartsbody .mapRightTop .mapRightTops .maprighttoplisttext .maptoplisttextbottom {
          margin-top: .4vh; }
  .echartsbody i {
    font-size: .8vw;
    color: #00FF9F;
    text-align: left;
    font-style: normal; }
  .echartsbody .title {
    color: #fff;
    margin-top: 10px;
    font-family: YouSheBiaoTiHei;
    font-size: 2vw;
    color: #EFF8FC;
    text-shadow: 0px 4px 1px rgba(19, 80, 143, 0.66), 0px 0px 18px rgba(130, 165, 255, 0.57), inset 0px 0px 2px rgba(255, 255, 255, 0.8);
    text-align: center;
    font-style: norm	al;
    margin-top: 2vh; }
  .echartsbody .mapDataList {
    display: flex;
    margin-top: 5vh;
    height: 6.5vh;
    justify-content: space-around;
    background: url("/content/image/xljkImg/mapcentertop.png");
    background-size: 100% 100%; }
    .echartsbody .mapDataList .maptoplisticon {
      width: 2.8vw;
      height: 6vh;
      background: url("/content/image/xljkImg/mapcentertopb.png");
      background-size: 100% 100%;
      padding: .5vh 0 0 .6vw;
      box-sizing: border-box;
      margin-left: .4vw; }
      .echartsbody .mapDataList .maptoplisticon img {
        width: 74%;
        height: 60%; }
    .echartsbody .mapDataList .maptoplisttext {
      margin-top: 1vh; }
      .echartsbody .mapDataList .maptoplisttext .maptoplisttexttop {
        font-size: .8vw;
        color: #FFFFFF;
        text-align: left;
        font-style: normal;
        text-transform: none; }
      .echartsbody .mapDataList .maptoplisttext .maptoplisttextbottom {
        margin-top: .4vh; }
  .echartsbody .mapbottombox {
    text-align: center;
    position: relative;
    height: 36vh;
    background: url("/content/image/xljkImg/bottombg.png");
    background-size: cover; }
    .echartsbody .mapbottombox .mapbottombox1 {
      position: absolute;
      right: 3vw;
      top: 2vh;
      width: 6.2vw;
      height: 11vh;
      background: url("/content/image/xljkImg/bottomicon1.png");
      background-size: 100% 100%;
      background-repeat: no-repeat;
      padding-top: 3vh;
      box-sizing: border-box;
      text-align: center; }
    .echartsbody .mapbottombox .mapbottombox2 {
      position: absolute;
      right: 15vw;
      top: 16vh;
      width: 6.2vw;
      height: 11vh;
      background: url("/content/image/xljkImg/bottomicon2.png");
      background-size: 100% 100%;
      background-repeat: no-repeat;
      padding-top: 3vh;
      box-sizing: border-box; }
    .echartsbody .mapbottombox .mapbottombox3 {
      position: absolute;
      right: 2vw;
      top: 22vh;
      width: 6.2vw;
      height: 11vh;
      background: url("/content/image/xljkImg/bottomicon3.png");
      background-size: 100% 100%;
      background-repeat: no-repeat;
      padding-top: 3vh;
      box-sizing: border-box; }
    .echartsbody .mapbottombox .mapbottomboxbottom {
      font-size: .8vw;
      color: #FFFFFF;
      font-style: normal;
      text-transform: none;
      margin-top: .5vh; }
  .echartsbody b {
    font-weight: bold;
    font-size: 1vw;
    color: #FFC32E;
    font-style: normal; }
  .echartsbody .maptoplist {
    display: flex;
    margin-top: 1.2vh;
    margin-left: 2vw; }
    .echartsbody .maptoplist .maptoplisticon {
      width: 2.5vw;
      height: 5vh;
      background: url("/content/image/xljkImg/topiconbg.png");
      background-size: cover;
      padding: .5vh 0 0 .6vw;
      box-sizing: border-box; }
      .echartsbody .maptoplist .maptoplisticon img {
        width: 80%;
        height: 60%; }
    .echartsbody .maptoplist .maptoplisttext {
      margin-left: 1vw; }
      .echartsbody .maptoplist .maptoplisttext .maptoplisttexttop {
        font-size: .8vw;
        color: #FFFFFF;
        text-align: left;
        font-style: normal;
        text-transform: none; }
      .echartsbody .maptoplist .maptoplisttext .maptoplisttextbottom {
        margin-top: .4vh; }
  .echartsbody .toptitle {
    height: 6vh;
    background: url("/content/image/xljkImg/maptitle.png");
    background-size: cover;
    font-size: 1.4vw;
    color: #EFF8FC;
    text-shadow: 0px 3px 0px rgba(2, 13, 37, 0.25), 0px 0px 13px rgba(11, 160, 255, 0.47);
    text-align: center;
    line-height: 6vh; }
  .echartsbody .echartscontainer {
    display: flex;
    flex: 1;
    padding: 0 4vw;
    overflow: hidden; }
  .echartsbody .left-column {
    display: flex;
    flex-direction: column;
    flex: 1;
    margin-top: 10vh; }
  .echartsbody .right-column {
    display: flex;
    flex-direction: column;
    flex: 1;
    margin-top: 10vh; }
  .echartsbody .map-container {
    flex: 2;
    position: relative; }
  .echartsbody #main {
    width: 100%;
    height: 80%; }
  .echartsbody #mains {
    width: 100%;
    height: 170%; }
  .echartsbody .button-container {
    position: absolute;
    top: 240px;
    right: 10px;
    z-index: 1; }
  .echartsbody .module {
    margin: 10px;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    height: 36vh; }

@charset "UTF-8";
.messagePage {
  min-height: 100vh;
  background: url("/content/image/xljkImg/messageback.png");
  background-size: 100% 100%; }
  .messagePage .view-text {
    /**
        思路：
        1.设置inline-block属相
        2.强制不换行
        3.固定宽度
        4.隐藏超出部分
        5.显示“……”
        */
    display: inline-block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis; }
  .messagePage .maincontent {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    .messagePage .maincontent .left {
      width: 26vw;
      height: 83.3vh;
      margin-right: 1.042vw;
      box-sizing: border-box;
      border-radius: 24px;
      padding: 2.778vh 1.562vw;
      padding-left: 1.56vw;
      padding-right: 0; }
      .messagePage .maincontent .left .bigbox {
        height: 65vh;
        overflow-y: auto;
        overflow-x: hidden; }
        .messagePage .maincontent .left .bigbox .more {
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 1.48vh;
          cursor: pointer;
          margin-top: 1vh;
          margin-bottom: 1vh; }
        .messagePage .maincontent .left .bigbox .zanwushuju {
          margin-top: 15vh;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column; }
          .messagePage .maincontent .left .bigbox .zanwushuju .text {
            margin-top: 1vh; }
      .messagePage .maincontent .left .titlebox {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 2.5vh; }
        .messagePage .maincontent .left .titlebox .logoImg {
          width: 3.518vh;
          height: 3.518vh;
          margin-right: 10px; }
        .messagePage .maincontent .left .titlebox .zlxz {
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 2.222vh;
          color: #3F8CFF;
          line-height: 2.222vh;
          text-align: left;
          font-style: normal; }
      .messagePage .maincontent .left .tabsbox {
        display: flex;
        align-items: center;
        width: 22.91vw;
        height: 5.5556vh;
        background: #F3F8FC;
        border-radius: 30px; }
        .messagePage .maincontent .left .tabsbox .tabsitem {
          width: 100%;
          height: 4.629vh;
          display: flex;
          justify-content: center;
          align-items: center;
          border-radius: 25px;
          font-family: PingFangSC, PingFang SC;
          font-weight: 400;
          font-size: 2.222vh;
          color: #0A1629;
          line-height: 3.056vh;
          text-align: right;
          font-style: normal;
          cursor: pointer; }
        .messagePage .maincontent .left .tabsbox .active {
          background: #3F8CFF;
          color: #FFFFFF; }
      .messagePage .maincontent .left .listbox .activelistbox {
        border: 2px solid #3F8CFF; }
      .messagePage .maincontent .left .listbox .listitem {
        margin-top: 1.8518vh;
        width: 22.92vw;
        background: #F8F8F8;
        border-radius: 12px;
        padding: 1.582vh 1.042vw;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: flex-start; }
        .messagePage .maincontent .left .listbox .listitem .right .title {
          width: 18.23vw;
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 18px;
          color: #3F8CFF;
          line-height: 24px;
          text-align: justify;
          font-style: normal;
          margin-bottom: 0.5vh; }
        .messagePage .maincontent .left .listbox .listitem .right .bottombox {
          display: flex;
          justify-content: space-between;
          align-items: center;
          font-family: PingFangSC, PingFang SC;
          font-weight: 400;
          font-size: 1.481vh;
          color: #999999;
          line-height: 1.481vh;
          text-align: left;
          font-style: normal;
          padding-right: 2vw; }
    .messagePage .maincontent .XDnoticeright .titleboxkong {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      width: 100%;
      margin: 1.8518vh 0; }
    .messagePage .maincontent .XDnoticeright .titlebox .firsthang {
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .messagePage .maincontent .XDnoticeright .titlebox .title {
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      font-size: 2.92vh;
      color: #0A1629;
      line-height: 2.92vh;
      text-align: left;
      font-style: normal; }
    .messagePage .maincontent .XDnoticeright .titlebox .infobox {
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      font-size: 1.6667vh;
      color: #999999;
      line-height: 1.6667vh;
      text-align: left;
      font-style: normal;
      margin: 1.8518vh 0; }
      .messagePage .maincontent .XDnoticeright .titlebox .infobox span {
        margin-right: 10px; }
    .messagePage .maincontent .XDnoticeright .articalbox {
      width: 69.79vw;
      height: 75vh;
      border-radius: 24px;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      font-size: 1.6667vh;
      line-height: 3.3333vh;
      text-align: justify;
      font-style: normal;
      padding: 2.222vh 1.5625vw;
      box-sizing: border-box;
      overflow-y: auto;
      overflow-x: hidden; }
      .messagePage .maincontent .XDnoticeright .articalbox .zanwushuju {
        margin-top: 15vh;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column; }
        .messagePage .maincontent .XDnoticeright .articalbox .zanwushuju .text {
          margin-top: 1vh; }
      .messagePage .maincontent .XDnoticeright .articalbox .zhengwen {
        min-height: 38.88vh; }
      .messagePage .maincontent .XDnoticeright .articalbox .luokuan {
        margin-top: 2vh;
        color: #999999;
        opacity: 0.7; }
      .messagePage .maincontent .XDnoticeright .articalbox .fujian {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 1.6667vh;
        color: #878889;
        line-height: 1.6667vh;
        text-align: left;
        font-style: normal;
        margin-top: 2.778vh;
        margin-bottom: 1.2vh; }
      .messagePage .maincontent .XDnoticeright .articalbox .fujianbox {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 66.66vw;
        height: 7.4vh;
        border-radius: 12px;
        border: 1px solid #D8DDE6;
        margin-top: 1vh; }
        .messagePage .maincontent .XDnoticeright .articalbox .fujianbox .left2 {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          padding-left: 1.04vw;
          box-sizing: border-box; }
          .messagePage .maincontent .XDnoticeright .articalbox .fujianbox .left2 .logoImg {
            width: 3.70vh;
            height: 3.70vh;
            margin-right: 1.04vw; }
          .messagePage .maincontent .XDnoticeright .articalbox .fujianbox .left2 .title {
            font-family: PingFangSC, PingFang SC;
            font-weight: 500;
            font-size: 1.66667vh;
            color: #000001;
            line-height: 1.66667vh;
            text-align: left;
            font-style: normal; }
          .messagePage .maincontent .XDnoticeright .articalbox .fujianbox .left2 .daxiao {
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            font-size: 1.481vh;
            color: #6F737B;
            line-height: 1.481vh;
            text-align: left;
            font-style: normal; }
        .messagePage .maincontent .XDnoticeright .articalbox .fujianbox .right2 {
          display: flex;
          justify-content: flex-end;
          align-items: center; }
          .messagePage .maincontent .XDnoticeright .articalbox .fujianbox .right2 p {
            margin-right: 3.7vw; }
          .messagePage .maincontent .XDnoticeright .articalbox .fujianbox .right2 span {
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            font-size: 1.481vh;
            color: #0A1629;
            line-height: 2.96vh;
            text-align: justify;
            font-style: normal; }

@charset "UTF-8";
.alertClass .el-button--small {
  border-radius: 0.1vw !important; }

.evaluationsPages {
  width: 100%;
  min-height: 100vh;
  padding: 1.85vh 0;
  box-sizing: border-box;
  background: url("/content/image/xljkImg/evaluationBGA.png") center center no-repeat;
  background-size: cover; }
  .evaluationsPages .biadade {
    width: 17vw;
    font-size: 20px; }
  .evaluationsPages .fanhui {
    position: absolute;
    left: 1vw;
    top: 1vh;
    cursor: pointer;
    width: 4vw;
    font-size: 1.6vh; }
  .evaluationsPages .modal {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    /* 背景暗 */
    z-index: 1000;
    /* 确保模态框在最上层 */ }
  .evaluationsPages .modal-content {
    text-align: center;
    position: relative; }
    .evaluationsPages .modal-content .modal-contentText {
      font-size: 16px;
      position: absolute;
      top: 70%;
      left: 50%;
      transform: translatex(-50%); }
    .evaluationsPages .modal-content .wcbutton {
      font-size: 16px;
      position: absolute;
      top: 80%;
      left: 50%;
      transform: translatex(-50%); }
  .evaluationsPages .encouragement-image {
    max-width: 90%;
    max-height: 80%; }
  .evaluationsPages .huakuaibox {
    width: 80%;
    margin: 0 auto;
    font-size: 2vh;
    margin-top: 1vh; }
    .evaluationsPages .huakuaibox .biaozhu {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 2vh;
      margin-top: 3vh;
      position: relative;
      margin-bottom: 1vh; }
      .evaluationsPages .huakuaibox .biaozhu .left {
        position: absolute;
        left: 0;
        transform: translatex(-50%); }
      .evaluationsPages .huakuaibox .biaozhu .middle {
        position: absolute;
        left: 50%;
        transform: translatex(-50%); }
      .evaluationsPages .huakuaibox .biaozhu .right {
        position: absolute;
        right: 0;
        transform: translatex(50%); }
  .evaluationsPages .def-input-number input::-webkit-outer-spin-button,
  .evaluationsPages .def-input-number input::-webkit-inner-spin-button {
    -webkit-appearance: none; }
  .evaluationsPages .def-input-number input[type="number"] {
    -moz-appearance: textfield; }
  .evaluationsPages .def-input-number .el-input__inner {
    line-height: 1px !important; }
  .evaluationsPages .def-input-number {
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 1.85vh;
    color: #232427;
    line-height: 2.58vh;
    text-align: center;
    font-style: normal; }
    .evaluationsPages .def-input-number input {
      height: 3vh; }
  .evaluationsPages .def-input-number2 {
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 1.85vh;
    color: #232427;
    line-height: 2.58vh;
    text-align: center;
    font-style: normal; }
  .evaluationsPages .jindubox {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 1vh; }
    .evaluationsPages .jindubox .CardTopSchedule {
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      font-size: 2.222vh;
      color: #FFFFFF;
      line-height: 3.056vh;
      text-align: left;
      font-style: none;
      width: 90%;
      margin-right: 2vw; }
      .evaluationsPages .jindubox .CardTopSchedule .text {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 18px;
        color: #232427;
        line-height: 18px;
        text-align: left;
        font-style: normal; }
      .evaluationsPages .jindubox .CardTopSchedule .CardTopProgress {
        margin-top: 1.111vh;
        margin-right: 1vw; }
      .evaluationsPages .jindubox .CardTopSchedule .shuzi {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 24px;
        color: #000000;
        line-height: 24px;
        text-align: left;
        font-style: normal;
        width: 8vw; }
      .evaluationsPages .jindubox .CardTopSchedule .bbb {
        font-family: PingFangSC, PingFang SC;
        font-weight: 600;
        font-size: 32px;
        color: #3F8CFF;
        line-height: 32px;
        text-align: left;
        font-style: normal; }
    .evaluationsPages .jindubox .CardTopProgress {
      margin-top: 1.111vh; }
  .evaluationsPages .EvaluationCard {
    margin: 0 auto;
    box-sizing: border-box;
    width: 63.5vw;
    background: #EAEFFF;
    box-shadow: 0px 12px 34px 0px rgba(82, 146, 236, 0.08), inset 0px 2px 0px 0px #FFFFFF;
    border-radius: 16px;
    padding-bottom: 3vh; }
    .evaluationsPages .EvaluationCard .EvaluationCardTop {
      box-sizing: border-box;
      border-radius: 16px 16px 0px 0px;
      height: 9.51vh;
      position: relative;
      padding: 0 6vw; }
      .evaluationsPages .EvaluationCard .EvaluationCardTop .tijiaoanniu {
        position: absolute;
        top: 30px;
        right: 20px; }
      .evaluationsPages .EvaluationCard .EvaluationCardTop .topimg {
        width: 52vw;
        height: 6.48vh;
        margin: auto; }
      .evaluationsPages .EvaluationCard .EvaluationCardTop .CardTopTitle {
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        font-size: 2vh;
        color: #FFFFFF;
        text-align: center;
        font-style: normal;
        position: absolute;
        top: 1.5vh;
        left: 50%;
        transform: translatex(-50%); }
    .evaluationsPages .EvaluationCard .EvaluationCardBottom {
      position: relative;
      padding: 2.7778vh 2.083333vw;
      padding-bottom: 9.26vh;
      box-sizing: border-box;
      border-radius: 0px 0px 16px 16px;
      height: 75.556vh;
      background: #fff;
      width: 59vw;
      background: #FFFFFF;
      border-radius: 16px;
      margin: auto;
      overflow-y: auto;
      overflow-x: hidden; }
      .evaluationsPages .EvaluationCard .EvaluationCardBottom .CardBottomTitle {
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        font-size: 18px;
        color: #232427;
        line-height: 2;
        font-style: normal;
        padding-bottom: 1vh;
        padding-top: 1vh; }
        .evaluationsPages .EvaluationCard .EvaluationCardBottom .CardBottomTitle .BottomTitleInfoNameT {
          ont-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 18px;
          color: #232427;
          line-height: 35px;
          text-align: left;
          font-style: normal;
          display: inline-block;
          vertical-align: middle; }
          .evaluationsPages .EvaluationCard .EvaluationCardBottom .CardBottomTitle .BottomTitleInfoNameT input {
            display: inline; }
      .evaluationsPages .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoName {
        margin-top: 2.2222vh;
        display: flex;
        text-align: center; }
        .evaluationsPages .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoName .BottomTitleInfoNameTagT {
          height: 2.963vh;
          border-radius: 0.37vh;
          border: 1px px solid #067EFF;
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 1.85vh;
          color: #067EFF;
          line-height: 2.6vh;
          text-align: center;
          font-style: normal;
          margin-right: 5px;
          padding: 0 3px;
          display: inline-block;
          min-width: 3vw; }
      .evaluationsPages .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption {
        margin-top: 0.74vh; }
        .evaluationsPages .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption .BottomTitleInfoOptionInfo {
          width: 54.75vw;
          cursor: pointer;
          background: #F0F2FB;
          border-radius: 12px;
          padding: 1.6vh 3.333vh;
          box-sizing: border-box;
          margin-top: 1vh;
          margin-bottom: 1vh;
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 16px;
          color: #232427;
          line-height: 22px;
          font-style: normal;
          border: 2px solid transparent; }
        .evaluationsPages .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption .BottomTitleInfoOptionInfoActive {
          color: #2C8BF2;
          background: #E6F2FF;
          border: 2px solid #2C8BF2; }
      .evaluationsPages .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption3 {
        margin-top: 0.74vh;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        .evaluationsPages .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption3 .BottomTitleInfoOptionInfo3 {
          width: 21.35vw;
          min-height: 6.667vh;
          background: #F0F2FB;
          border-radius: 12px;
          padding: 2.037vh 1.875vw;
          box-sizing: border-box;
          margin-top: 2.222vh;
          cursor: pointer;
          font-weight: 500;
          font-size: 1.85vh;
          color: #232427;
          text-align: left;
          font-style: normal;
          border: 2px solid transparent; }
        .evaluationsPages .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption3 .BottomTitleInfoOptionInfoActive3 {
          color: #2C8BF2;
          background: #E6F2FF;
          border: 2px solid #2C8BF2; }
      .evaluationsPages .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption4 {
        margin-top: 8px;
        display: flex;
        flex-wrap: wrap; }
        .evaluationsPages .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption4 .BottomTitleInfoOptionInfo4 {
          display: flex;
          justify-content: space-between;
          width: 54.75vw;
          min-height: 6.6667vh;
          background: #F0F2FB;
          border-radius: 12px;
          padding: 2.037vh 1.875vw;
          box-sizing: border-box;
          margin-top: 1vh;
          margin-bottom: 1vh;
          cursor: pointer;
          font-weight: 500;
          font-size: 16px;
          color: #232427;
          text-align: left;
          font-style: normal;
          border: 2px solid transparent; }
        .evaluationsPages .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption4 .BottomTitleInfoOptionInfoActive4 {
          color: #2C8BF2;
          background: #E6F2FF;
          border: 2px solid #2C8BF2; }
        .evaluationsPages .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption4 .label {
          pointer-events: none; }
        .evaluationsPages .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption4 .option-checkbox {
          pointer-events: none;
          width: 1.85vh;
          height: 1.85vh; }
      .evaluationsPages .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption7 {
        display: flex;
        margin-top: 50px;
        margin-left: 50px; }
        .evaluationsPages .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption7 .BottomTitleInfoOptionInfo7 {
          width: 5.52vw;
          height: 64px;
          background: #F3F4F7;
          font-weight: 500;
          font-size: 24px;
          color: #232427;
          line-height: 64px;
          text-align: center;
          font-style: normal;
          cursor: pointer;
          margin-right: 2px; }
        .evaluationsPages .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption7 .BottomTitleInfoOptionInfoActive7 {
          background: #2C8BF2;
          color: #fff; }
      .evaluationsPages .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .butbox {
        display: flex;
        justify-content: center; }
        .evaluationsPages .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .butbox .BottomTitleInfoButton {
          width: 15.625vw;
          height: 6.186vh;
          display: flex;
          align-items: center;
          justify-content: center;
          font-family: PingFangSC, PingFang SC;
          font-weight: 600;
          font-size: 2.2vh;
          color: #FFFFFF;
          font-style: normal;
          border-radius: 2.592vh; }
      .evaluationsPages .EvaluationCard .EvaluationCardBottom .biaogetibox {
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        font-size: 18px;
        color: #232427;
        line-height: 18px;
        font-style: normal;
        padding-bottom: 1vh;
        padding-top: 1vh; }
        .evaluationsPages .EvaluationCard .EvaluationCardBottom .biaogetibox .el-radio__inner {
          border: 1px solid #232427;
          width: 20px;
          height: 20px; }
        .evaluationsPages .EvaluationCard .EvaluationCardBottom .biaogetibox .is-bordered {
          padding: 10px 10px 10px 20px;
          border-radius: 4px;
          height: 40px;
          border: #fff; }
        .evaluationsPages .EvaluationCard .EvaluationCardBottom .biaogetibox .biaogeti {
          border-left: 2px solid #232427;
          border-top: 2px solid #232427; }
          .evaluationsPages .EvaluationCard .EvaluationCardBottom .biaogetibox .biaogeti .hang .danyuange {
            min-height: 50px;
            border-right: 2px solid #232427;
            border-bottom: 2px solid #232427; }
  .evaluationsPages .BottomTitleInfoNameTag {
    height: 2.963vh;
    border-radius: 0.37vh;
    border: 1px solid #067EFF;
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 1.85vh;
    color: #067EFF;
    line-height: 2.6vh;
    text-align: center;
    font-style: normal;
    margin-right: 5px;
    padding: 0 8px;
    display: inline-block;
    min-width: 3.2vw;
    white-space: nowrap; }

.BottomTitleInfoButton123 {
  opacity: 0; }

.el-input-number__increase {
  display: none; }

.el-input-number__decrease {
  display: none; }

.el-input-number .el-input__inner {
  padding-left: 3px;
  padding-right: 3px; }

.el-input__inner {
  padding-left: 3px;
  padding-right: 3px; }

.inputlist {
  font-size: 2.2222vh; }
  .inputlist .inputitem {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 1vh; }

@media only screen and (max-width: 800px) {
  .evaluationsPages {
    width: 100%;
    min-height: 100vh;
    padding: 0;
    box-sizing: border-box;
    background: #fff;
    line-height: 2; }
    .evaluationsPages .dialogscl {
      width: 70%;
      margin: 49% auto;
      height: 226px; }
    .evaluationsPages .modal-content {
      text-align: center;
      position: relative; }
      .evaluationsPages .modal-content .modal-contentText {
        font-size: 17px; }
    .evaluationsPages .encouragement-image {
      max-width: 90%;
      max-height: 80%; }
    .evaluationsPages .huakuaibox {
      width: 80%;
      margin: 0 auto;
      font-size: 2vh;
      margin-top: 1vh; }
      .evaluationsPages .huakuaibox .biaozhu {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 2vh;
        margin-top: 3vh; }
    .evaluationsPages .def-input-number input::-webkit-outer-spin-button,
    .evaluationsPages .def-input-number input::-webkit-inner-spin-button {
      -webkit-appearance: none; }
    .evaluationsPages .def-input-number input[type="number"] {
      -moz-appearance: textfield; }
    .evaluationsPages .def-input-number .el-input__inner {
      line-height: 1px !important; }
    .evaluationsPages .def-input-number {
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      font-size: 1.85vh;
      color: #232427;
      line-height: 2.58vh;
      text-align: center;
      font-style: normal; }
      .evaluationsPages .def-input-number input {
        height: 3vh; }
    .evaluationsPages .def-input-number2 {
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      font-size: 1.85vh;
      color: #232427;
      line-height: 2.58vh;
      text-align: center;
      font-style: normal; }
    .evaluationsPages .jindubox {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      margin-bottom: 1vh; }
      .evaluationsPages .jindubox .CardTopSchedule {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 2.222vh;
        color: #FFFFFF;
        line-height: 3.056vh;
        text-align: left;
        font-style: none;
        width: 90%;
        margin-right: 2vw; }
        .evaluationsPages .jindubox .CardTopSchedule .text {
          font-family: PingFangSC, PingFang SC;
          font-weight: 400;
          font-size: 18px;
          color: #232427;
          line-height: 18px;
          text-align: left;
          font-style: normal; }
        .evaluationsPages .jindubox .CardTopSchedule .CardTopProgress {
          margin-top: 1.111vh;
          margin-right: 1vw; }
        .evaluationsPages .jindubox .CardTopSchedule .shuzi {
          font-family: PingFangSC, PingFang SC;
          font-weight: 400;
          font-size: 24px;
          color: #000000;
          line-height: 24px;
          text-align: left;
          font-style: normal;
          width: 33vw; }
        .evaluationsPages .jindubox .CardTopSchedule .bbb {
          font-family: PingFangSC, PingFang SC;
          font-weight: 600;
          font-size: 32px;
          color: #3F8CFF;
          line-height: 32px;
          text-align: left;
          font-style: normal; }
      .evaluationsPages .jindubox .CardTopProgress {
        margin-top: 1.111vh; }
    .evaluationsPages .EvaluationCard {
      margin: 0 auto;
      box-sizing: border-box;
      width: 100vw;
      background: #EAEFFF;
      box-shadow: 0px 12px 34px 0px rgba(82, 146, 236, 0.08), inset 0px 2px 0px 0px #FFFFFF;
      border-radius: 0px;
      padding-bottom: 0vh; }
      .evaluationsPages .EvaluationCard .EvaluationCardTop {
        box-sizing: border-box;
        border-radius: 16px 16px 0px 0px;
        height: 9.51vh;
        position: relative;
        padding: 0; }
        .evaluationsPages .EvaluationCard .EvaluationCardTop .tijiaoanniu {
          right: 2px;
          width: 68px; }
        .evaluationsPages .EvaluationCard .EvaluationCardTop .topimg {
          width: 100vw;
          height: 6.48vh;
          margin: auto; }
        .evaluationsPages .EvaluationCard .EvaluationCardTop .CardTopTitle {
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 2vh;
          color: #FFFFFF;
          text-align: center;
          font-style: normal;
          position: absolute;
          top: 1.5vh;
          left: 50%;
          transform: translatex(-50%); }
      .evaluationsPages .EvaluationCard .EvaluationCardBottom {
        position: relative;
        padding: 2.7778vh 2.083333vw;
        padding-bottom: 9.26vh;
        box-sizing: border-box;
        height: 85.7vh;
        background: #fff;
        width: 100vw;
        background: #FFFFFF;
        border-radius: 0px;
        margin: auto;
        overflow-y: auto;
        overflow-x: hidden; }
        .evaluationsPages .EvaluationCard .EvaluationCardBottom .CardBottomTitle {
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 18px;
          color: #232427;
          line-height: 2;
          font-style: normal;
          padding-bottom: 1vh;
          padding-top: 1vh; }
          .evaluationsPages .EvaluationCard .EvaluationCardBottom .CardBottomTitle .BottomTitleInfoNameT {
            ont-family: PingFangSC, PingFang SC;
            font-weight: 500;
            font-size: 18px;
            color: #232427;
            line-height: 35px;
            text-align: left;
            font-style: normal;
            display: inline-block;
            vertical-align: middle; }
            .evaluationsPages .EvaluationCard .EvaluationCardBottom .CardBottomTitle .BottomTitleInfoNameT input {
              display: inline; }
        .evaluationsPages .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoName {
          margin-top: 2.2222vh;
          display: flex;
          text-align: center; }
          .evaluationsPages .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoName .BottomTitleInfoNameTagT {
            height: 2.963vh;
            border-radius: 0.37vh;
            border: 1px px solid #067EFF;
            font-family: PingFangSC, PingFang SC;
            font-weight: 500;
            font-size: 1.85vh;
            color: #067EFF;
            line-height: 2.6vh;
            text-align: center;
            font-style: normal;
            margin-right: 5px;
            padding: 0 3px;
            display: inline-block;
            min-width: 3vw; }
        .evaluationsPages .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption {
          margin-top: 0.74vh; }
          .evaluationsPages .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption .BottomTitleInfoOptionInfo {
            width: 94.75vw;
            cursor: pointer;
            background: #F0F2FB;
            border-radius: 12px;
            padding: 1.6vh 3.333vh;
            box-sizing: border-box;
            margin-top: 1vh;
            margin-bottom: 1vh;
            font-family: PingFangSC, PingFang SC;
            font-weight: 500;
            font-size: 16px;
            color: #232427;
            line-height: 22px;
            font-style: normal;
            border: 2px solid transparent; }
          .evaluationsPages .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption .BottomTitleInfoOptionInfoActive {
            color: #2C8BF2;
            background: #E6F2FF;
            border: 2px solid #2C8BF2; }
        .evaluationsPages .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption3 {
          margin-top: 0.74vh;
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap; }
          .evaluationsPages .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption3 .BottomTitleInfoOptionInfo3 {
            width: 21.35vw;
            min-height: 6.667vh;
            background: #F0F2FB;
            border-radius: 12px;
            padding: 2.037vh 1.875vw;
            box-sizing: border-box;
            margin-top: 2.222vh;
            cursor: pointer;
            font-weight: 500;
            font-size: 1.85vh;
            color: #232427;
            text-align: left;
            font-style: normal;
            border: 2px solid transparent; }
          .evaluationsPages .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption3 .BottomTitleInfoOptionInfoActive3 {
            color: #2C8BF2;
            background: #E6F2FF;
            border: 2px solid #2C8BF2; }
        .evaluationsPages .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption4 {
          margin-top: 8px;
          display: flex;
          flex-wrap: wrap; }
          .evaluationsPages .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption4 .BottomTitleInfoOptionInfo4 {
            display: flex;
            justify-content: space-between;
            width: 94.75vw;
            min-height: 6.6667vh;
            background: #F0F2FB;
            border-radius: 12px;
            padding: 2.037vh 1.875vw;
            box-sizing: border-box;
            margin-top: 1vh;
            margin-bottom: 1vh;
            cursor: pointer;
            font-weight: 500;
            font-size: 16px;
            color: #232427;
            text-align: left;
            font-style: normal;
            border: 2px solid transparent; }
          .evaluationsPages .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption4 .BottomTitleInfoOptionInfoActive4 {
            color: #2C8BF2;
            background: #E6F2FF;
            border: 2px solid #2C8BF2; }
          .evaluationsPages .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption4 .label {
            pointer-events: none; }
          .evaluationsPages .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption4 .option-checkbox {
            pointer-events: none;
            width: 1.85vh;
            height: 1.85vh; }
        .evaluationsPages .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption7 {
          display: flex;
          margin-top: 50px;
          margin-left: 50px; }
          .evaluationsPages .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption7 .BottomTitleInfoOptionInfo7 {
            width: 5.52vw;
            height: 64px;
            background: #F3F4F7;
            font-weight: 500;
            font-size: 24px;
            color: #232427;
            line-height: 64px;
            text-align: center;
            font-style: normal;
            cursor: pointer;
            margin-right: 2px; }
          .evaluationsPages .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption7 .BottomTitleInfoOptionInfoActive7 {
            background: #2C8BF2;
            color: #fff; }
        .evaluationsPages .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .butbox {
          display: flex;
          justify-content: center; }
          .evaluationsPages .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .butbox .BottomTitleInfoButton {
            width: 12.625vw;
            height: 6.186vh;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: PingFangSC, PingFang SC;
            font-weight: 600;
            font-size: 2.2vh;
            color: #FFFFFF;
            font-style: normal;
            border-radius: 2.592vh; }
        .evaluationsPages .EvaluationCard .EvaluationCardBottom .biaogetibox {
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 18px;
          color: #232427;
          line-height: 18px;
          font-style: normal;
          padding-bottom: 1vh;
          padding-top: 1vh; }
          .evaluationsPages .EvaluationCard .EvaluationCardBottom .biaogetibox .biaogeti {
            border-left: 2px solid #232427;
            border-top: 2px solid #232427; }
            .evaluationsPages .EvaluationCard .EvaluationCardBottom .biaogetibox .biaogeti .hang .danyuange {
              min-height: 50px;
              border-right: 2px solid #232427;
              border-bottom: 2px solid #232427; }
    .evaluationsPages .BottomTitleInfoNameTag {
      height: 2.963vh;
      border-radius: 0.37vh;
      border: 1px solid #067EFF;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      font-size: 1.85vh;
      color: #067EFF;
      line-height: 2.6vh;
      text-align: center;
      font-style: normal;
      margin-right: 5px;
      padding: 0 8px;
      display: inline-block;
      min-width: 3.2vw;
      white-space: nowrap; }
  .BottomTitleInfoButton123 {
    opacity: 0; }
  .el-input-number__increase {
    display: none; }
  .el-input-number__decrease {
    display: none; }
  .el-input-number .el-input__inner {
    padding-left: 0;
    padding-right: 0; }
  .el-message-box {
    width: 66vw; } }

.xinlilaoshiUploadshenhe .el-table__empty-block {
  height: 30vh !important; }

.xinlilaoshiUploadshenhe .trainingTeaInfoinner .buttbox {
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  .xinlilaoshiUploadshenhe .trainingTeaInfoinner .buttbox .butt {
    margin-left: 0.521vw; }

.xinlilaoshiUploadshenhe .trainingTeaInfoinner .fenye {
  margin-top: 8.8vh;
  text-align: center; }

.xinlilaoshiUploadshenhe .trainingTeaInfoinner .dialogminbox .el-table__empty-block {
  height: 40vh !important; }

.xinlilaoshiUploadshenhe .trainingTeaInfoinner .innerDialog .el-dialog__header {
  background: #F3F7FF;
  border-radius: 24px 24px 0px 0px; }

.xinlilaoshiUploadshenhe .trainingTeaInfoinner .innerDialog .el-dialog {
  border-radius: 24px;
  margin-top: 15vh !important; }

.xinlilaoshiUploadshenhe .buttbox1 {
  display: flex;
  justify-content: center;
  align-items: center; }
  .xinlilaoshiUploadshenhe .buttbox1 .butt {
    width: 15vw; }

.xinlilaoshiUploadshenhe .formbox .el-select {
  width: 100%; }

@charset "UTF-8";
.xxws {
  padding: 0 1vw; }
  .xxws .button-container {
    display: flex;
    justify-content: center;
    margin-top: 5vh; }
  .xxws .savebutton {
    width: 300px;
    font-size: 18px;
    margin: 0; }
  .xxws .disabled {
    pointer-events: none;
    /* 禁止鼠标事件 */
    opacity: 0.5;
    /* 更改透明度以表示禁用 */
    border: none; }
  .xxws .formover {
    margin-left: 2vw;
    overflow-y: auto;
    overflow-x: hidden; }

@media only screen and (max-width: 1000px) {
  /* 在这里添加你想要在手机上应用的样式 */
  body {
    font-size: 16px;
    /* 调整字体大小以适应手机屏幕 */ }
  .disabled {
    pointer-events: none;
    /* 禁止鼠标事件 */
    opacity: 0.5;
    /* 更改透明度以表示禁用 */
    border: none; }
  .xxws {
    width: 100%;
    /* 使容器宽度适应手机屏幕 */
    padding: 10px;
    /* 添加适当的内边距以适应手机屏幕 */ }
    .xxws v-deep el-form {
      width: 200%;
      /* 使表单宽度适应手机屏幕 */ }
    .xxws el-form-item {
      width: 200%;
      /* 使表单项宽度适应手机屏幕 */ }
    .xxws .button-container {
      display: flex;
      justify-content: center;
      margin-top: 3vh; }
    .xxws .savebutton {
      width: 300px;
      font-size: 18px;
      margin: 0; }
    .xxws el-input,
    .xxws el-select,
    .xxws el-date-picker {
      width: 100%;
      /* 使表单控件宽度适应手机屏幕 */ }
    .xxws .formover {
      margin-left: 2vw;
      overflow-y: auto;
      height: 70vh; } }

@charset "UTF-8";
.xxws {
  padding: 0 1vw; }
  .xxws .button-container {
    display: flex;
    justify-content: center;
    margin-top: 5vh; }
  .xxws .savebutton {
    width: 300px;
    font-size: 18px;
    margin: 0; }
  .xxws .disabled {
    pointer-events: none;
    /* 禁止鼠标事件 */
    opacity: 0.5;
    /* 更改透明度以表示禁用 */
    border: none; }
  .xxws .formover {
    margin-left: 2vw;
    overflow-y: auto;
    overflow-x: hidden; }

@media only screen and (max-width: 1000px) {
  /* 在这里添加你想要在手机上应用的样式 */
  body {
    font-size: 16px;
    /* 调整字体大小以适应手机屏幕 */ }
  .disabled {
    pointer-events: none;
    /* 禁止鼠标事件 */
    opacity: 0.5;
    /* 更改透明度以表示禁用 */
    border: none; }
  .xxws {
    width: 100%;
    /* 使容器宽度适应手机屏幕 */
    padding: 10px;
    /* 添加适当的内边距以适应手机屏幕 */ }
    .xxws v-deep el-form {
      width: 200%;
      /* 使表单宽度适应手机屏幕 */ }
    .xxws el-form-item {
      width: 200%;
      /* 使表单项宽度适应手机屏幕 */ }
    .xxws .button-container {
      display: flex;
      justify-content: center;
      margin-top: 3vh; }
    .xxws .savebutton {
      width: 300px;
      font-size: 18px;
      margin: 0; }
    .xxws el-input,
    .xxws el-select,
    .xxws el-date-picker {
      width: 100%;
      /* 使表单控件宽度适应手机屏幕 */ }
    .xxws .formover {
      margin-left: 2vw;
      overflow-y: auto;
      height: 70vh; } }

.cpxz {
  width: 100%;
  box-sizing: border-box; }
  .cpxz .button-container {
    display: flex;
    justify-content: center;
    margin-top: 5vh; }
  .cpxz .savebutton {
    width: 300px;
    font-size: 18px;
    margin: 0; }
  .cpxz .interviewLScardT {
    margin-top: 2vh;
    font-family: PingFangSC, PingFang SC;
    font-size: 18px;
    text-align: left;
    font-style: normal; }
  .cpxz .interviewLScardB {
    margin-top: 2vh;
    font-family: PingFangSC, PingFang SC;
    font-size: 1vw;
    color: #5B6570;
    text-align: right;
    font-style: normal; }
    .cpxz .interviewLScardB p {
      margin-top: 2vh; }
  .cpxz .list .lists {
    margin-top: 6vh;
    box-sizing: border-box;
    padding: 2vw;
    min-height: 12vh;
    background: linear-gradient(0, #F3FAFF 0%, #FFFFFD 100%);
    box-shadow: 0px 0px 11px 0px rgba(179, 221, 255, 0.19);
    border-radius: 24px;
    border: 1px solid #ABD5FF; }
    .cpxz .list .lists .listTitle {
      margin-top: -6vh;
      padding: .6vh .5vw;
      text-align: center;
      width: 7vw;
      background: #D6EAFF;
      border-radius: 25px;
      color: #2B4075;
      font-size: 1.2vw; }
    .cpxz .list .lists .listInfo {
      color: #5B6570;
      font-size: 1vw;
      margin-top: 2vh; }
      .cpxz .list .lists .listInfo p {
        line-height: 4vh; }
  .cpxz .fanhui {
    position: absolute;
    left: 1vw;
    top: 1vh;
    cursor: pointer;
    width: 4vw;
    font-size: 1.6vh; }
  .cpxz .flex-start-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap; }
  .cpxz .EvaluationCard1 {
    margin: 0 auto;
    width: 70vw;
    background: #FFFFFF;
    box-shadow: 0px 12px 34px 0px rgba(82, 146, 236, 0.08), inset 0px 2px 0px 0px #FFFFFF;
    border-radius: 16px;
    padding: 4.07vh 1.7vw 2.96vh 1.7vw;
    box-sizing: border-sizing;
    padding-top: 0; }
    .cpxz .EvaluationCard1 .tips {
      font-family: SourceHanSansCN, SourceHanSansCN;
      font-weight: 800;
      font-size: 2.96vh;
      color: #232427;
      line-height: 4.44vh;
      text-align: left;
      font-style: normal;
      text-align: center;
      margin-bottom: 3.5vh; }
    .cpxz .EvaluationCard1 .table {
      width: 100%;
      background: #F8FBFF;
      border-radius: 1px;
      border-left: 1px solid #DCDFE6;
      border-top: 1px solid #DCDFE6;
      border-right: none; }
      .cpxz .EvaluationCard1 .table .hang {
        display: flex;
        justify-content: center;
        align-items: center; }
        .cpxz .EvaluationCard1 .table .hang .lie {
          width: 50%;
          padding: 0 2.86vw;
          border-bottom: 1px solid #DCDFE6;
          border-right: 1px solid #DCDFE6;
          text-align: left;
          height: 6.48vh;
          display: flex;
          justify-content: flex-start;
          align-items: center; }
          .cpxz .EvaluationCard1 .table .hang .lie .aaa {
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            font-size: 1.85vh;
            color: #4E5969;
            text-align: left;
            font-style: normal; }
          .cpxz .EvaluationCard1 .table .hang .lie .bbb {
            font-family: PingFangSC, PingFang SC;
            font-weight: 500;
            font-size: 1.85vh;
            color: #232427;
            text-align: left;
            font-style: normal; }
      .cpxz .EvaluationCard1 .table tr {
        height: 6.48vh; }
        .cpxz .EvaluationCard1 .table tr td {
          padding: 0 2.86vw;
          border-bottom: 1px solid #DCDFE6;
          border-right: 1px solid #DCDFE6;
          text-align: left; }
          .cpxz .EvaluationCard1 .table tr td .aaa {
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            font-size: 1.85vh;
            color: #4E5969;
            text-align: left;
            font-style: normal; }
          .cpxz .EvaluationCard1 .table tr td .bbb {
            font-family: PingFangSC, PingFang SC;
            font-weight: 500;
            font-size: 1.85vh;
            color: #232427;
            text-align: left;
            font-style: normal; }
        .cpxz .EvaluationCard1 .table tr th {
          padding: 0 2.86vw;
          border-bottom: 1px solid #DCDFE6;
          border-right: 1px solid #DCDFE6; }
          .cpxz .EvaluationCard1 .table tr th .aaa {
            font-family: PingFangSC, PingFang SC;
            font-weight: 600;
            font-size: 1.85vh;
            color: #4E5969;
            text-align: left;
            font-style: normal; }
          .cpxz .EvaluationCard1 .table tr th .bbb {
            font-family: PingFangSC, PingFang SC;
            font-weight: 600;
            font-size: 2.22vh;
            color: #232427;
            text-align: left;
            font-style: normal; }
    .cpxz .EvaluationCard1 .tippp {
      font-family: PingFangSC, PingFang SC;
      font-weight: 600;
      font-size: 2.03vh;
      color: #232427;
      text-align: center;
      font-style: normal;
      margin-top: 3.7vh;
      margin-bottom: 2.22vh; }
    .cpxz .EvaluationCard1 .tip111 {
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      font-size: 1.85vh;
      color: #595B63;
      text-align: left;
      font-style: normal;
      margin-bottom: 1.48vh;
      line-height: 3.2vh; }

.butbox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 10px; }
  .butbox .butt {
    margin: auto;
    height: 5.9vh;
    width: 11.46vw;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 2.3vh;
    color: #FFFFFF;
    line-height: 3.1vh;
    font-style: normal;
    border-radius: 100px; }

.czsc {
  position: absolute;
  top: 2.0vh;
  right: 20px;
  font-size: 1.85vh;
  background: #fff;
  padding: 3px 10px;
  color: #595B63;
  border-radius: 5px; }

.jszc111 {
  width: 100%;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px; }

@media only screen and (max-width: 800px) {
  .cpxz {
    overflow-y: auto;
    height: 80vh;
    width: 100%;
    box-sizing: border-box; }
    .cpxz .button-container {
      display: flex;
      justify-content: center;
      margin-top: 5vh; }
    .cpxz .savebutton {
      width: 300px;
      font-size: 18px;
      margin: 0; }
    .cpxz .interviewLScardT {
      margin-top: 2vh;
      font-family: PingFangSC, PingFang SC;
      font-size: 14px;
      text-align: left;
      font-style: normal; }
    .cpxz .interviewLScardB {
      margin-top: 2vh;
      font-family: PingFangSC, PingFang SC;
      font-size: 12px;
      color: #5B6570;
      text-align: right;
      font-style: normal; }
      .cpxz .interviewLScardB p {
        margin-top: 2vh; }
    .cpxz .list .lists {
      margin-top: 6vh;
      box-sizing: border-box;
      padding: 2vw;
      min-height: 12vh;
      background: linear-gradient(0, #F3FAFF 0%, #FFFFFD 100%);
      box-shadow: 0px 0px 11px 0px rgba(179, 221, 255, 0.19);
      border-radius: 24px;
      border: 1px solid #ABD5FF; }
      .cpxz .list .lists .listTitle {
        margin-top: -6vh;
        padding: .6vh .5vw;
        text-align: center;
        width: 7vw;
        background: #D6EAFF;
        border-radius: 25px;
        color: #2B4075;
        font-size: 1.2vw; }
      .cpxz .list .lists .listInfo {
        color: #5B6570;
        font-size: 1vw;
        margin-top: 2vh; }
        .cpxz .list .lists .listInfo p {
          line-height: 4vh; }
    .cpxz .fanhui {
      position: absolute;
      left: 1vw;
      top: 1vh;
      cursor: pointer;
      width: 4vw;
      font-size: 1.6vh; }
    .cpxz .flex-start-wrap {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-wrap: wrap; }
    .cpxz .EvaluationCard1 {
      margin: 0 auto;
      width: 70vw;
      background: #FFFFFF;
      box-shadow: 0px 12px 34px 0px rgba(82, 146, 236, 0.08), inset 0px 2px 0px 0px #FFFFFF;
      border-radius: 16px;
      padding: 4.07vh 1.7vw 2.96vh 1.7vw;
      box-sizing: border-sizing;
      padding-top: 0; }
      .cpxz .EvaluationCard1 .tips {
        font-family: SourceHanSansCN, SourceHanSansCN;
        font-weight: 800;
        font-size: 2.96vh;
        color: #232427;
        line-height: 4.44vh;
        text-align: left;
        font-style: normal;
        text-align: center;
        margin-bottom: 3.5vh; }
      .cpxz .EvaluationCard1 .table {
        width: 100%;
        background: #F8FBFF;
        border-radius: 1px;
        border-left: 1px solid #DCDFE6;
        border-top: 1px solid #DCDFE6;
        border-right: none; }
        .cpxz .EvaluationCard1 .table .hang {
          display: flex;
          justify-content: center;
          align-items: center; }
          .cpxz .EvaluationCard1 .table .hang .lie {
            width: 50%;
            padding: 0 2.86vw;
            border-bottom: 1px solid #DCDFE6;
            border-right: 1px solid #DCDFE6;
            text-align: left;
            height: 6.48vh;
            display: flex;
            justify-content: flex-start;
            align-items: center; }
            .cpxz .EvaluationCard1 .table .hang .lie .aaa {
              font-family: PingFangSC, PingFang SC;
              font-weight: 400;
              font-size: 1.85vh;
              color: #4E5969;
              text-align: left;
              font-style: normal; }
            .cpxz .EvaluationCard1 .table .hang .lie .bbb {
              font-family: PingFangSC, PingFang SC;
              font-weight: 500;
              font-size: 1.85vh;
              color: #232427;
              text-align: left;
              font-style: normal; }
        .cpxz .EvaluationCard1 .table tr {
          height: 6.48vh; }
          .cpxz .EvaluationCard1 .table tr td {
            padding: 0 2.86vw;
            border-bottom: 1px solid #DCDFE6;
            border-right: 1px solid #DCDFE6;
            text-align: left; }
            .cpxz .EvaluationCard1 .table tr td .aaa {
              font-family: PingFangSC, PingFang SC;
              font-weight: 400;
              font-size: 1.85vh;
              color: #4E5969;
              text-align: left;
              font-style: normal; }
            .cpxz .EvaluationCard1 .table tr td .bbb {
              font-family: PingFangSC, PingFang SC;
              font-weight: 500;
              font-size: 1.85vh;
              color: #232427;
              text-align: left;
              font-style: normal; }
          .cpxz .EvaluationCard1 .table tr th {
            padding: 0 2.86vw;
            border-bottom: 1px solid #DCDFE6;
            border-right: 1px solid #DCDFE6; }
            .cpxz .EvaluationCard1 .table tr th .aaa {
              font-family: PingFangSC, PingFang SC;
              font-weight: 600;
              font-size: 1.85vh;
              color: #4E5969;
              text-align: left;
              font-style: normal; }
            .cpxz .EvaluationCard1 .table tr th .bbb {
              font-family: PingFangSC, PingFang SC;
              font-weight: 600;
              font-size: 2.22vh;
              color: #232427;
              text-align: left;
              font-style: normal; }
      .cpxz .EvaluationCard1 .tippp {
        font-family: PingFangSC, PingFang SC;
        font-weight: 600;
        font-size: 2.03vh;
        color: #232427;
        text-align: center;
        font-style: normal;
        margin-top: 3.7vh;
        margin-bottom: 2.22vh; }
      .cpxz .EvaluationCard1 .tip111 {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 1.85vh;
        color: #595B63;
        text-align: left;
        font-style: normal;
        margin-bottom: 1.48vh;
        line-height: 3.2vh; }
  .butbox {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 5.09vh; }
    .butbox .butt {
      margin: auto;
      height: 5.9vh;
      width: 11.46vw;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      font-size: 2.3vh;
      color: #FFFFFF;
      line-height: 3.1vh;
      font-style: normal;
      border-radius: 100px; }
  .czsc {
    position: absolute;
    top: 2.0vh;
    right: 20px;
    font-size: 1.85vh;
    background: #fff;
    padding: 3px 10px;
    color: #595B63;
    border-radius: 5px; }
  .jszc111 {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px; } }

.mydialogB .header-title {
  position: relative;
  top: -2vh; }
  .mydialogB .header-title span {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translatex(-50%);
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 2.6vh;
    color: #FFFFFF;
    margin-top: 10px; }
  .mydialogB .header-title .topimg {
    width: 52vw;
    height: 6.48vh; }

.mydialogB .buttbox {
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  .mydialogB .buttbox .butt {
    margin-left: 0.521vw; }

.mydialogB .fenye {
  margin-top: 8.8vh;
  text-align: center; }

.mydialogB .el-dialog__header {
  height: 9.7vh;
  border-radius: 24px 24px 0px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0; }

.mydialogB .el-dialog__title {
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 2.9vh;
  color: #FFFFFF;
  font-style: normal; }

.mydialogB .el-dialog__headerbtn {
  width: 4vh;
  height: 4vh;
  background: #FFFFFF;
  border-radius: 14px; }

.mydialogB .el-dialog__body {
  padding: 0;
  padding-bottom: 5vh; }

.mydialogB .el-dialog {
  border-radius: 24px;
  margin-top: 10vh !important; }

.mydialogB .jindubox {
  display: flex;
  justify-content: flex-start;
  align-items: center; }
  .mydialogB .jindubox .total {
    width: calc(100% - 50px);
    height: 0.55vh;
    background: rgba(0, 0, 0, 0.04); }
    .mydialogB .jindubox .total .done {
      height: 100%;
      border-radius: 8px; }

@charset "UTF-8";
.csgl {
  width: 100%;
  height: 93%;
  background: url("/content/image/xljkImg/csglbg.png");
  background-size: cover;
  padding: 10px 30px;
  box-sizing: border-box;
  position: relative; }
  .csgl .disabled {
    pointer-events: none;
    /* 禁止鼠标事件 */
    opacity: 0.5;
    /* 更改透明度以表示禁用 */ }
  .csgl .csglTitle {
    width: 16vw;
    margin: 6vh auto; }
    .csgl .csglTitle img {
      width: 100%; }
  .csgl .jiajntou {
    width: 2vw;
    height: 4vh;
    margin: auto 0.5vw;
    margin-top: 24vh;
    flex-shrink: 0; }
    .csgl .jiajntou img {
      width: 100%;
      height: 100%; }
  .csgl .csglSmallTitle {
    width: 74vw;
    margin: 0 auto;
    font-weight: bold;
    font-size: 1.2vw;
    color: #FFFFFF;
    line-height: 6vh;
    letter-spacing: 1px;
    text-align: center;
    font-style: normal;
    background: url("/content/image/xljkImg/csglms.png");
    background-size: 100% 100%; }
  .csgl .csglList {
    margin-top: 10vh;
    display: flex;
    padding: 0 2vw;
    gap: 1vw;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: nowrap; }
    .csgl .csglList .csglLists {
      flex: 1;
      min-width: 10vw;
      max-width: 14vw; }
      .csgl .csglList .csglLists .csglListNum {
        font-family: DINAlternate, DINAlternate;
        font-weight: bold;
        font-size: 3vw;
        color: #FFFFFF;
        text-align: center;
        font-style: normal; }
      .csgl .csglList .csglLists .csglListBox {
        cursor: pointer;
        padding: 2vh 1vw;
        box-sizing: border-box;
        width: 100%;
        height: 36vh;
        background: rgba(255, 255, 255, 0.53);
        border-radius: 12px;
        border: 4px solid #FFFFFF;
        opacity: 0.8;
        backdrop-filter: blur(24px); }
        .csgl .csglList .csglLists .csglListBox .csglListBoxImg {
          width: 6vw;
          margin: 0 auto; }
          .csgl .csglList .csglLists .csglListBox .csglListBoxImg img {
            width: 100%;
            height: 100%；; }
        .csgl .csglList .csglLists .csglListBox .csglListBoxTitle {
          font-family: PingFangSC, PingFang SC;
          font-size: 1.4vw;
          color: #1A1A1A;
          text-align: center;
          font-style: normal;
          margin-top: 2vh;
          font-weight: 600; }
        .csgl .csglList .csglLists .csglListBox .csglListBoxhang {
          width: 100%;
          height: 1vh;
          border-top: 0.1vh solid rgba(63, 140, 255, 0.2);
          margin-top: 2vh; }
        .csgl .csglList .csglLists .csglListBox .csglListBoxStatus {
          padding-left: 2vw;
          box-sizing: border-box;
          width: 8vw;
          height: 6vh;
          margin: 0 auto;
          font-weight: bold;
          font-size: 1.2vw;
          color: #FFFFFF;
          line-height: 6vh;
          letter-spacing: 1px;
          text-align: center;
          font-style: normal;
          background: url("/content/image/xljkImg/csglywc.png");
          background-size: 100% 100%;
          margin-top: 2vh; }
        .csgl .csglList .csglLists .csglListBox .csglListBoxStatuss {
          padding-left: 2vw;
          box-sizing: border-box;
          width: 8vw;
          height: 6vh;
          margin: 0 auto;
          font-weight: bold;
          font-size: 1.2vw;
          color: #2572FD;
          line-height: 6vh;
          letter-spacing: 1px;
          text-align: center;
          font-style: normal;
          background: url("/content/image/xljkImg/csgljxz.png");
          background-size: 100% 100%;
          margin-top: 2vh; }

@media only screen and (max-width: 1000px) {
  .csgl {
    width: 100%;
    height: 93%;
    background: url("/content/image/xljkImg/csglbg.png");
    background-size: cover;
    padding: 10px 30px;
    box-sizing: border-box;
    position: relative; }
    .csgl .disabled {
      pointer-events: none;
      /* 禁止鼠标事件 */
      opacity: 0.5;
      /* 更改透csglSmallTitl明度以表示禁用 */ }
    .csgl .csglTitle {
      width: 140px;
      margin: 6vh auto; }
      .csgl .csglTitle img {
        width: 100%; }
    .csgl .jiajntou {
      width: 2vw;
      height: 4vh;
      margin: auto 1vw;
      margin-top: 10vh; }
      .csgl .jiajntou img {
        width: 100%;
        height: 100%; }
    .csgl .csglSmallTitle {
      width: 100%;
      height: 80px;
      margin: 0 auto;
      font-weight: bold;
      font-size: 14px;
      color: #FFFFFF;
      line-height: 32px;
      letter-spacing: 1px;
      text-align: center;
      font-style: normal;
      background: none;
      background-size: 100% 100%; }
    .csgl .csglList {
      margin-top: 10vh;
      display: flex;
      margin-left: 0;
      padding: 0 10px;
      gap: 8px;
      justify-content: center;
      align-items: flex-start;
      flex-wrap: nowrap; }
      .csgl .csglList .csglLists {
        flex: 1;
        min-width: 60px;
        max-width: 80px;
        flex-shrink: 0;
        display: inline-block;
        vertical-align: top; }
        .csgl .csglList .csglLists .csglListNum {
          font-family: DINAlternate, DINAlternate;
          font-weight: bold;
          font-size: 3vw;
          color: #FFFFFF;
          text-align: center;
          font-style: normal; }
        .csgl .csglList .csglLists .csglListBox {
          cursor: pointer;
          padding: 2vh 1vw;
          box-sizing: border-box;
          width: 100%;
          height: 200px;
          background: rgba(255, 255, 255, 0.53);
          border-radius: 12px;
          border: 4px solid #FFFFFF;
          opacity: 0.8;
          backdrop-filter: blur(24px); }
          .csgl .csglList .csglLists .csglListBox .csglListBoxImg {
            width: 6vw;
            margin: 0 auto; }
            .csgl .csglList .csglLists .csglListBox .csglListBoxImg img {
              width: 100%;
              height: 100%；; }
          .csgl .csglList .csglLists .csglListBox .csglListBoxTitle {
            font-family: PingFangSC, PingFang SC;
            font-size: 12px;
            color: #1A1A1A;
            text-align: center;
            font-style: normal;
            margin-top: 2vh;
            font-weight: 600; }
          .csgl .csglList .csglLists .csglListBox .csglListBoxhang {
            width: 100%;
            height: 1vh;
            border-top: 0.1vh solid rgba(63, 140, 255, 0.2);
            margin-top: 2vh; }
          .csgl .csglList .csglLists .csglListBox .csglListBoxStatus {
            padding-left: 2vw;
            box-sizing: border-box;
            width: 8vw;
            height: 6vh;
            margin: 0 auto;
            font-weight: bold;
            font-size: 12px;
            color: #ccc;
            line-height: 2vh;
            letter-spacing: 1px;
            text-align: center;
            font-style: normal;
            background: none;
            background-size: 100% 100%;
            margin-top: 2vh; }
          .csgl .csglList .csglLists .csglListBox .csglListBoxStatuss {
            padding-left: 2vw;
            box-sizing: border-box;
            width: 8vw;
            height: 6vh;
            margin: 0 auto;
            font-weight: bold;
            font-size: 12px;
            color: #2572FD;
            line-height: 2vh;
            letter-spacing: 1px;
            text-align: center;
            font-style: normal;
            background: none;
            background-size: 100% 100%;
            margin-top: 2vh; } }

@charset "UTF-8";
.Evaluations {
  width: 100%;
  min-height: 100vh;
  padding: 1.85vh 0;
  box-sizing: border-box;
  background: url("/content/image/xljkImg/evaluationBGA.png") center center no-repeat;
  background-size: cover; }
  .Evaluations .footer-content {
    display: flex;
    justify-content: center; }
  .Evaluations .disabled {
    pointer-events: none;
    /* 禁止鼠标事件 */
    opacity: 0.5;
    /* 更改透明度以表示禁用 */
    border: none; }
  .Evaluations .modal {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    /* 背景暗 */
    z-index: 1000;
    /* 确保模态框在最上层 */ }
  .Evaluations .modal-content {
    text-align: center;
    position: relative; }
    .Evaluations .modal-content .modal-contentText {
      font-size: 1.2vw;
      position: absolute;
      top: 35vh;
      left: 4.2vw; }
    .Evaluations .modal-content .button-container {
      display: flex;
      justify-content: center;
      margin-top: -8vh; }
    .Evaluations .modal-content .wcbutton {
      font-size: 1.2vw;
      margin: 0; }
  .Evaluations .encouragement-image {
    max-width: 100%;
    max-height: 80%; }
  .Evaluations .EvaluationCard {
    margin: 0 auto;
    width: 47.9vw;
    box-sizing: border-box; }
    .Evaluations .EvaluationCard .EvaluationCardTop {
      box-sizing: border-box;
      border-radius: 16px 16px 0px 0px;
      height: 9.51vh;
      background: #FFF;
      position: relative;
      padding: 0 6vw; }
      .Evaluations .EvaluationCard .EvaluationCardTop .topimg {
        width: 36vw;
        height: 6.48vh;
        margin: auto; }
      .Evaluations .EvaluationCard .EvaluationCardTop .CardTopTitle {
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        font-size: 2.5vh;
        margin-top: 1vh;
        color: #FFFFFF;
        line-height: 3.704vh;
        text-align: center;
        font-style: normal;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translatex(-50%); }
      .Evaluations .EvaluationCard .EvaluationCardTop .CardTopSchedule {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 2.222vh;
        color: #5FACFF;
        line-height: 3.056vh;
        text-align: right;
        font-style: none; }
        .Evaluations .EvaluationCard .EvaluationCardTop .CardTopSchedule b {
          font-style: none;
          font-size: 3.333vh; }
      .Evaluations .EvaluationCard .EvaluationCardTop .CardTopProgress {
        margin-top: 1.111vh; }
    .Evaluations .EvaluationCard .EvaluationCardBottom {
      position: relative;
      padding: 2.7778vh 2.083333vw;
      padding-bottom: 4vh;
      box-sizing: border-box;
      border-radius: 0px 0px 16px 16px;
      overflow-y: auto;
      max-height: 86vh;
      background: #fff;
      box-shadow: 0px 12px 34px 0px rgba(82, 146, 236, 0.08), inset 0px 2px 0px 0px #FFFFFF; }
      .Evaluations .EvaluationCard .EvaluationCardBottom .CardBottomTitle {
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        font-size: 2.2222vh;
        color: #232427;
        line-height: 3.704vh;
        text-align: left;
        font-style: normal;
        border-bottom: 1px dashed #BFCAD6;
        padding-bottom: 2.2222vh; }
      .Evaluations .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoName {
        margin-top: 2.2222vh;
        display: flex; }
        .Evaluations .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoName .BottomTitleInfoNameT {
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 18px;
          color: #232427;
          line-height: 3.0556vh;
          text-align: left;
          font-style: normal; }
          .Evaluations .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoName .BottomTitleInfoNameT input {
            display: inline; }
        .Evaluations .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoName .BottomTitleInfoNameTag {
          width: 2.917vw;
          height: 2.963vh;
          border-radius: 4px;
          border: 1px solid #FF9B24;
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 1.85vh;
          color: #FF9B24;
          line-height: 2.593vh;
          text-align: center;
          font-style: normal; }
      .Evaluations .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption {
        margin-top: 0.74vh;
        display: flex; }
        .Evaluations .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption .BottomTitleInfoOptionInfo {
          width: 8vw;
          min-height: 4vh;
          background: #F0F2FB;
          padding: 1vh 3.333vh;
          box-sizing: border-box;
          margin-top: 1vh;
          cursor: pointer;
          font-weight: 500;
          font-size: 18px;
          color: #232427;
          text-align: center;
          font-style: normal;
          border: 2px solid transparent;
          margin-right: 1px;
          margin-bottom: 3vh; }
        .Evaluations .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption .BottomTitleInfoOptionInfoActive {
          color: #2C8BF2;
          background: #E6F2FF;
          border: 2px solid #2C8BF2; }
    .Evaluations .EvaluationCard .button-container {
      display: flex;
      justify-content: center;
      margin-top: 5vh; }
    .Evaluations .EvaluationCard .savebutton {
      width: 300px;
      font-size: 18px;
      margin: 0; }

@media only screen and (max-width: 800px) {
  .Evaluations {
    width: 100%;
    min-height: 100vh;
    padding: 1.85vh 0;
    box-sizing: border-box;
    background: url("/content/image/xljkImg/evaluationBGA.png") center center no-repeat;
    background-size: cover; }
    .Evaluations .disabled {
      pointer-events: none;
      /* 禁止鼠标事件 */
      opacity: 0.5;
      /* 更改透明度以表示禁用 */
      border: none; }
    .Evaluations .dialogscl {
      width: 70%;
      margin: 49% auto;
      height: 226px; }
    .Evaluations .savebutton {
      width: 300px;
      font-size: 18px;
      margin: 0; }
    .Evaluations .modal-content {
      text-align: center;
      position: relative; }
      .Evaluations .modal-content .modal-contentText {
        font-size: 17px;
        position: absolute;
        top: 284px;
        left: 85px; }
      .Evaluations .modal-content .button-container {
        display: flex;
        justify-content: center;
        margin-top: -60px; }
      .Evaluations .modal-content .wcbutton {
        font-size: 14px; }
    .Evaluations .def-input-number input::-webkit-outer-spin-button,
    .Evaluations .def-input-number input::-webkit-inner-spin-button {
      -webkit-appearance: none; }
    .Evaluations .def-input-number input[type="number"] {
      -moz-appearance: textfield; }
    .Evaluations .def-input-number .el-input__inner {
      line-height: 1px !important; }
    .Evaluations .def-input-number {
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      font-size: 1.85vh;
      color: #232427;
      line-height: 2.58vh;
      text-align: center;
      font-style: normal; }
      .Evaluations .def-input-number input {
        height: 3vh; }
    .Evaluations .def-input-number2 {
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      font-size: 1.85vh;
      color: #232427;
      line-height: 2.58vh;
      text-align: center;
      font-style: normal; }
    .Evaluations .EvaluationCard {
      margin: 0 auto;
      width: 90vw;
      box-sizing: border-box; }
      .Evaluations .EvaluationCard .EvaluationCardTop {
        box-sizing: border-box;
        border-radius: 16px 16px 0px 0px;
        height: 9.51vh;
        background: #FFF;
        position: relative;
        padding: 0 6vw; }
        .Evaluations .EvaluationCard .EvaluationCardTop .topimg {
          width: 78vw;
          height: 6.48vh;
          margin: auto; }
        .Evaluations .EvaluationCard .EvaluationCardTop .CardTopTitle {
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          margin-top: 12px;
          font-size: 18px;
          color: #FFFFFF;
          line-height: 3.704vh;
          text-align: center;
          font-style: normal;
          position: absolute;
          top: 0;
          left: 50%;
          transform: translatex(-50%); }
        .Evaluations .EvaluationCard .EvaluationCardTop .CardTopSchedule {
          font-family: PingFangSC, PingFang SC;
          font-weight: 400;
          font-size: 2.222vh;
          color: #FFFFFF;
          line-height: 3.056vh;
          text-align: left;
          font-style: none; }
          .Evaluations .EvaluationCard .EvaluationCardTop .CardTopSchedule b {
            font-style: none;
            font-size: 3.333vh; }
        .Evaluations .EvaluationCard .EvaluationCardTop .CardTopProgress {
          margin-top: 1.111vh; }
      .Evaluations .EvaluationCard .EvaluationCardBottom {
        position: relative;
        padding: 2.7778vh 2.083333vw;
        padding-bottom: 4vh;
        box-sizing: border-box;
        border-radius: 0px 0px 16px 16px;
        min-height: 82.556vh;
        background: #fff;
        box-shadow: 0px 12px 34px 0px rgba(82, 146, 236, 0.08), inset 0px 2px 0px 0px #FFFFFF; }
        .Evaluations .EvaluationCard .EvaluationCardBottom .CardBottomTitle {
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 2.2222vh;
          color: #232427;
          line-height: 3.704vh;
          text-align: left;
          font-style: normal;
          padding-bottom: 2.2222vh; }
        .Evaluations .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoName {
          margin-top: 2.2222vh;
          display: flex; }
          .Evaluations .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoName .BottomTitleInfoNameT {
            font-family: PingFangSC, PingFang SC;
            font-weight: 500;
            font-size: 18px;
            color: #232427;
            line-height: 3.0556vh;
            text-align: left;
            font-style: normal; }
            .Evaluations .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoName .BottomTitleInfoNameT input {
              display: inline; }
          .Evaluations .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoName .BottomTitleInfoNameTagT {
            width: 2.917vw;
            height: 2.963vh;
            border-radius: 4px;
            border: 1px solid #FF9B24;
            font-family: PingFangSC, PingFang SC;
            font-weight: 500;
            font-size: 1.85vh;
            color: #FF9B24;
            line-height: 2.593vh;
            text-align: center;
            font-style: normal; }
        .Evaluations .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption {
          margin-top: 0.76vh;
          display: flex; }
          .Evaluations .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption .BottomTitleInfoOptionInfo {
            width: 20px;
            min-height: 4vh;
            background: #F0F2FB;
            padding: 10px 35px 10px 20px;
            box-sizing: border-box;
            margin-top: 1vh;
            cursor: pointer;
            font-weight: 500;
            font-size: 18px;
            color: #232427;
            text-align: center;
            font-style: normal;
            border: 2px solid transparent;
            margin-right: 1px; }
          .Evaluations .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption .BottomTitleInfoOptionInfoActive {
            color: #2C8BF2;
            background: #E6F2FF;
            border: 2px solid #2C8BF2; }
        .Evaluations .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption3 {
          margin-top: 0.74vh;
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap; }
          .Evaluations .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption3 .BottomTitleInfoOptionInfo3 {
            width: 21.35vw;
            min-height: 6.667vh;
            background: #F0F2FB;
            border-radius: 12px;
            padding: 2.037vh 1.875vw;
            box-sizing: border-box;
            margin-top: 2.222vh;
            cursor: pointer;
            font-weight: 500;
            font-size: 1.85vh;
            color: #232427;
            text-align: left;
            font-style: normal;
            border: 2px solid transparent; }
          .Evaluations .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption3 .BottomTitleInfoOptionInfoActive3 {
            color: #2C8BF2;
            background: #E6F2FF;
            border: 2px solid #2C8BF2; }
        .Evaluations .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption4 {
          margin-top: 8px;
          display: flex;
          flex-wrap: wrap; }
          .Evaluations .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption4 .BottomTitleInfoOptionInfo4 {
            display: flex;
            justify-content: space-between;
            width: 90vw;
            min-height: 6.6667vh;
            background: #F0F2FB;
            border-radius: 12px;
            padding: 2.037vh 1.875vw;
            box-sizing: border-box;
            margin-top: 2.222vh;
            cursor: pointer;
            font-weight: 500;
            font-size: 1.85vh;
            color: #232427;
            text-align: left;
            font-style: normal;
            border: 2px solid transparent; }
          .Evaluations .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption4 .BottomTitleInfoOptionInfoActive4 {
            color: #2C8BF2;
            background: #E6F2FF;
            border: 2px solid #2C8BF2; }
          .Evaluations .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption4 .label {
            pointer-events: none; }
          .Evaluations .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption4 .option-checkbox {
            pointer-events: none;
            width: 1.85vh;
            height: 1.85vh; }
        .Evaluations .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption7 {
          display: flex;
          margin-top: 50px;
          margin-left: 50px; }
          .Evaluations .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption7 .BottomTitleInfoOptionInfo7 {
            width: 5.52vw;
            height: 64px;
            background: #F3F4F7;
            font-weight: 500;
            font-size: 24px;
            color: #232427;
            line-height: 64px;
            text-align: center;
            font-style: normal;
            cursor: pointer;
            margin-right: 2px; }
          .Evaluations .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .BottomTitleInfoOption7 .BottomTitleInfoOptionInfoActive7 {
            background: #2C8BF2;
            color: #fff; }
        .Evaluations .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .butbox {
          display: flex;
          justify-content: center; }
          .Evaluations .EvaluationCard .EvaluationCardBottom .CardBottomTitleInfo .butbox .BottomTitleInfoButton {
            width: 80vw;
            height: 6.186vh;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: PingFangSC, PingFang SC;
            font-weight: 600;
            font-size: 2.2vh;
            color: #FFFFFF;
            font-style: normal;
            border-radius: 2.592vh; }
    .Evaluations .BottomTitleInfoNameTag {
      height: 2.963vh;
      border-radius: 0.370vh;
      border: 1px solid #067EFF;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      font-size: 1.85vh;
      color: #067EFF;
      line-height: 2.963vh;
      text-align: center;
      font-style: normal;
      margin-right: 5px;
      padding: 0 3px;
      display: inline-block; }
  .BottomTitleInfoButton123 {
    opacity: 0; }
  .el-input-number__increase {
    display: none; }
  .el-input-number__decrease {
    display: none; }
  .el-input-number .el-input__inner {
    padding-left: 0;
    padding-right: 0; } }

.csglnav .XDnav {
  width: 100vw;
  height: 6.48vh;
  background: #3F8CFF;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .csglnav .XDnav .left {
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .csglnav .XDnav .left .logoImg {
      width: 30px;
      height: 30px;
      margin-left: 1.56vw;
      margin-right: 1.04vw; }
    .csglnav .XDnav .left .title {
      font-family: PingFangSC, PingFang SC;
      font-weight: 600;
      font-size: 2.222vh;
      color: #FFFFFF;
      line-height: 3.055vh;
      text-align: left;
      font-style: normal; }
  .csglnav .XDnav .right {
    display: flex;
    justify-content: flex-end;
    align-items: center; }
    .csglnav .XDnav .right .avatar {
      width: 3.426vh;
      height: 3.426vh;
      margin-left: 1.458vw;
      margin-right: 0.677vw; }
    .csglnav .XDnav .right .username {
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      font-size: 1.48vh;
      color: #FFFFFF;
      line-height: 2.037vh;
      text-align: center;
      font-style: normal;
      margin-right: 1.458vw;
      cursor: pointer; }

.csglnav .mbxbox {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 4.629vh;
  background: #FFFFFF;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 1.296vh;
  color: #6C6EA9;
  line-height: 2.037vh;
  text-align: left;
  font-style: normal; }

.csglnav .yemiandaohang {
  cursor: pointer;
  font-size: 1.5vh; }

.csglnav .active {
  color: #151861; }

@media only screen and (max-width: 1000px) {
  .csglnav .XDnav {
    width: 100vw;
    height: 6.48vh;
    background: #3F8CFF;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .csglnav .XDnav .left {
      display: flex;
      justify-content: flex-start;
      align-items: center; }
      .csglnav .XDnav .left .logoImg {
        width: 30px;
        height: 30px;
        margin-left: 1.56vw;
        margin-right: 1.04vw; }
      .csglnav .XDnav .left .title {
        font-family: PingFangSC, PingFang SC;
        font-weight: 600;
        font-size: 12px;
        color: #FFFFFF;
        line-height: 3.055vh;
        text-align: left;
        font-style: normal; }
    .csglnav .XDnav .right {
      display: flex;
      justify-content: flex-end;
      align-items: center; }
      .csglnav .XDnav .right .avatar {
        width: 3.426vh;
        height: 3.426vh;
        margin-left: 1.458vw;
        margin-right: 0.677vw; }
      .csglnav .XDnav .right .username {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 1.48vh;
        color: #FFFFFF;
        line-height: 2.037vh;
        text-align: center;
        font-style: normal;
        margin-right: 1.458vw;
        cursor: pointer; }
  .csglnav .mbxbox {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 4.629vh;
    background: #FFFFFF;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 1.296vh;
    color: #6C6EA9;
    line-height: 2.037vh;
    text-align: left;
    font-style: normal; }
  .csglnav .yemiandaohang {
    cursor: pointer;
    font-size: 1.5vh; }
  .csglnav .active {
    color: #151861; } }

.anserBaseInfo .title {
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 24px;
  color: #232427;
  line-height: 24px;
  text-align: left;
  font-style: normal; }

.buttbox {
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  .buttbox .butt {
    margin-left: 0.521vw; }

.yemiandaohang {
  cursor: pointer;
  font-size: 1.5vh; }

.fenye {
  margin-top: 8.8vh;
  text-align: center; }

.dialogminbox {
  min-height: 50vh; }
  .dialogminbox .el-table__empty-block {
    height: 50vh !important; }

.innerDialog .el-dialog__header {
  background: #F3F7FF;
  border-radius: 24px 24px 0px 0px; }

.innerDialog .el-dialog {
  border-radius: 24px;
  margin-top: 15vh !important; }

.formbox .el-select {
  width: 100%; }

.XDgongzuozuDetail .fenye {
  margin-top: 8.8vh;
  text-align: center; }

.XDgongzuozuDetail .dialogminbox .el-table__empty-block {
  height: 50vh !important; }

.XDgongzuozuDetail .innerDialog .el-dialog__header {
  background: #F3F7FF;
  border-radius: 24px 24px 0px 0px; }

.XDgongzuozuDetail .innerDialog .el-dialog {
  border-radius: 24px;
  margin-top: 15vh !important; }

.formbox .el-select {
  width: 100%; }

.XDjddchome {
  width: 100%;
  box-sizing: border-box;
  background-size: cover;
  overflow: hidden; }

.XDjddc
.is-bordered {
  border: none !important; }

.cardbox1 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
  .cardbox1 .img1 {
    width: 300px;
    height: 300px;
    margin-top: 100px; }

.el-table__empty-block {
  height: 30vh !important; }

.buttbox {
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  .buttbox .butt {
    margin-left: 0.521vw; }

.fenye {
  margin-top: 8.8vh;
  text-align: center; }

.XDjddcdialogminbox {
  padding: 2.7778vh 2.083333vw;
  border-radius: 16px;
  width: 93vw;
  margin: 0 auto;
  background: #FFFFFF; }
  .XDjddcdialogminbox .totaljindu {
    color: #303133;
    font-size: 16px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px; }
    .XDjddcdialogminbox .totaljindu .totaljdItem {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      margin-left: 10px;
      margin-right: l0px; }
      .XDjddcdialogminbox .totaljindu .totaljdItem img {
        width: 70px;
        height: 70px;
        margin-right: 15px; }
      .XDjddcdialogminbox .totaljindu .totaljdItem .right .count {
        font-family: DINAlternate, DINAlternate;
        font-weight: bold;
        font-size: 30px;
        color: #222222;
        line-height: 47px;
        margin-top: 5px; }
      .XDjddcdialogminbox .totaljindu .totaljdItem .right .danwei {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 14px;
        color: #999999;
        line-height: 20px; }
      .XDjddcdialogminbox .totaljindu .totaljdItem .right .lebal {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 16px;
        color: #333333;
        line-height: 22px; }

.innerDialog .el-dialog__header {
  background: #F3F7FF;
  border-radius: 24px 24px 0px 0px; }

.innerDialog .el-dialog {
  border-radius: 24px;
  margin-top: 15vh !important; }

.formbox .el-select {
  width: 100%; }

.buttbox {
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  .buttbox .butt {
    margin-left: 0.521vw; }

.yemiandaohang {
  cursor: pointer;
  font-size: 1.5vh; }

.fenye {
  margin-top: 8.8vh;
  text-align: center; }

.dialogminbox {
  min-height: 50vh; }
  .dialogminbox .el-table__empty-block {
    height: 50vh !important; }

.innerDialog .el-dialog__header {
  background: #F3F7FF;
  border-radius: 24px 24px 0px 0px; }

.innerDialog .el-dialog {
  border-radius: 24px;
  margin-top: 15vh !important; }

.formbox .el-select {
  width: 100%; }

.classInfoUpload .el-table__empty-block {
  height: 30vh !important; }

.classInfoUpload .fenye {
  text-align: center;
  marginn-top: 4vh; }

.classInfoUpload .el-col-8 {
  height: 11vh; }

.classInfoUpload .el-select {
  width: 100%; }

.classInfoUpload .cardbox1 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }

.classInfoUpload .buttbox1 {
  display: flex;
  justify-content: center;
  align-items: center; }
  .classInfoUpload .buttbox1 .butt {
    width: 15vw; }

.classInfoUpload .el-form {
  overflow-y: auto;
  overflow-x: hidden; }

.classInfoUpload .el-input-number {
  width: 100%; }

.classInfoUpload .el-date-editor.el-input, .classInfoUpload .el-date-editor.el-input__inner {
  width: 100%; }

.classInfoUpload .el-table__cell {
  color: #7D8592; }

.classInfoUpload th {
  color: #434B5B; }

.classInfoUpload .buttbox1 {
  display: flex;
  justify-content: center;
  align-items: center; }

.computerRoomInfo .formbox {
  min-height: 50vh; }
  .computerRoomInfo .formbox .el-col-8 {
    height: 11vh; }
  .computerRoomInfo .formbox .el-select {
    width: 100%; }
  .computerRoomInfo .formbox .el-form {
    height: 60vh;
    overflow-y: auto;
    overflow-x: hidden; }
  .computerRoomInfo .formbox .el-input-number {
    width: 100%; }
  .computerRoomInfo .formbox .el-date-editor.el-input, .computerRoomInfo .formbox .el-date-editor.el-input__inner {
    width: 100%; }

.computerRoomInfo .is-bordered {
  border: none !important; }

.computerRoomInfo .buttbox1 {
  display: flex;
  justify-content: center;
  align-items: center; }
  .computerRoomInfo .buttbox1 .butt {
    width: 15vw; }

.fenye {
  margin-top: 4vh !important; }

.login {
  width: 100%;
  height: 100%;
  background: url("/content/image/xljkImg/loginBG4.png");
  background-size: cover;
  padding: 10px 30px;
  box-sizing: border-box;
  position: relative; }
  .login .loginTitle {
    display: flex;
    font-weight: bold;
    font-size: 1.6vw;
    color: #232427;
    line-height: 55px; }
    .login .loginTitle .loginTitleLogo {
      width: 600px;
      height: 55px; }
      .login .loginTitle .loginTitleLogo img {
        width: 100%;
        height: 100%; }
    .login .loginTitle .title {
      margin-left: 18px; }
  .login .loginInput {
    opacity: 0.9;
    padding: 4vh 2vw;
    box-sizing: border-bel-input-group__appendox;
    width: 24vw;
    background: #FFFFFF;
    border-radius: .8vw;
    position: absolute;
    left: 63vw;
    top: 30vh; }
    .login .loginInput .loginInputTitle {
      font-weight: bold;
      font-size: 1.6vw;
      color: #232427;
      margin-bottom: 5vh;
      text-align: left; }
      .login .loginInput .loginInputTitle img {
        width: 140px; }
    .login .loginInput .loginInputButton {
      height: 5vh;
      background: #0052D9;
      border-radius: .2vw;
      font-size: 1vw;
      color: #fff;
      text-align: center;
      line-height: 5vh;
      cursor: pointer; }
    .login .loginInput .loginInputInfo .yzmBox {
      width: 20vw;
      margin-top: -1vh;
      display: flex;
      justify-content: center;
      align-items: center; }
      .login .loginInput .loginInputInfo .yzmBox .yzm {
        margin-left: 15px;
        height: 100%;
        width: 7.5vw; }
        .login .loginInput .loginInputInfo .yzmBox .yzm .authcode {
          width: 7.5vw;
          height: 4vh; }
  .login .footer {
    position: absolute;
    bottom: 1vh;
    left: 29vw;
    text-align: center;
    color: #fff;
    font-size: 1vw; }
  .login .footers {
    position: absolute;
    bottom: 1vh;
    left: 46vw;
    text-align: center;
    color: #fff;
    font-size: .8vw; }
  .login .jizhuwangjimimabox {
    display: flex;
    justify-content: space-between;
    align-items: center; }

@media only screen and (max-width: 1000px) {
  .login {
    width: 100%;
    height: 100%;
    background: url("/content/image/xljkImg/loginBG4.png");
    background-size: cover;
    padding: 10px 30px;
    box-sizing: border-box;
    position: relative; }
    .login .loginTitle {
      display: flex;
      font-weight: bold;
      font-size: 1.6vw;
      color: #232427;
      line-height: 55px; }
      .login .loginTitle .loginTitleLogo {
        width: 1000px; }
        .login .loginTitle .loginTitleLogo img {
          width: 100%;
          height: 100%; }
      .login .loginTitle .title {
        margin: auto;
        font-size: 2.0vh; }
    .login .loginInput {
      opacity: 0.9;
      padding: 5vh 3vw;
      box-sizing: border-box;
      width: 80vw;
      background: #FFFFFF;
      border-radius: .8vw;
      left: 10vw;
      height: 38vh; }
      .login .loginInput .loginInputTitle {
        font-weight: bold;
        font-size: 1.6vh;
        color: #232427;
        margin-bottom: 3vh;
        text-align: center; }
      .login .loginInput .loginInputButton {
        height: 5vh;
        background: linear-gradient(270deg, #5AA1FD 0%, #3B83FA 100%);
        border-radius: 2vw;
        font-size: 1.6vh;
        color: #fff;
        text-align: center;
        line-height: 5vh;
        cursor: pointer;
        margin: auto; }
      .login .loginInput .loginInputInfo .yzmBox {
        width: 69vw;
        margin-top: -1vh;
        display: flex;
        justify-content: center;
        align-items: center; }
        .login .loginInput .loginInputInfo .yzmBox .yzm {
          width: 24vw;
          margin-left: 15px;
          background: #ccc; }
          .login .loginInput .loginInputInfo .yzmBox .yzm .authcode {
            width: 30vw;
            height: 4vh; }
    .login .footer {
      position: absolute;
      bottom: 1vh;
      left: 29vw;
      text-align: center;
      color: #fff;
      font-size: 1vw; }
    .login .footers {
      position: absolute;
      bottom: 1vh;
      left: 46vw;
      text-align: center;
      color: #fff;
      font-size: .8vw; } }

@charset "UTF-8";
.classinfoUploadgj .buttonhang {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.classinfoUploadgj .el-table__empty-block {
  height: 30vh !important; }

.classinfoUploadgj .fenye {
  text-align: center;
  marginn-top: 4vh; }

.classinfoUploadgj .el-col-8 {
  height: 11vh; }

.classinfoUploadgj .el-select {
  width: 100%; }

.classinfoUploadgj .cardbox1 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }

.classinfoUploadgj .buttbox1 {
  display: flex;
  justify-content: center;
  align-items: center; }
  .classinfoUploadgj .buttbox1 .butt {
    width: 15vw; }

.classinfoUploadgj .el-form {
  overflow-y: auto;
  overflow-x: hidden; }

.classinfoUploadgj .el-input-number {
  width: 100%; }

.classinfoUploadgj .el-date-editor.el-input, .classinfoUploadgj .el-date-editor.el-input__inner {
  width: 100%; }

.classinfoUploadgj .el-table__cell {
  color: #7D8592; }

.classinfoUploadgj th {
  color: #434B5B; }

.classinfoUploadgj .buttbox1 {
  display: flex;
  justify-content: center;
  align-items: center; }

/* 专业弹框样式 */
.specialty-dialog {
  padding: 20px;
  text-align: center; }
  .specialty-dialog .desc {
    font-size: 16px;
    color: #434B5B;
    margin-bottom: 30px; }
  .specialty-dialog .specialty-container {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-bottom: 40px;
    flex-wrap: wrap; }
  .specialty-dialog .specialty-card {
    height: 250px;
    background: url("/content/image/xljkImg/qrzybg.png") center/cover no-repeat;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding: 16px 20px;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 2px solid transparent; }
  .specialty-dialog .specialty-card:hover {
    border-color: #409EFF;
    box-shadow: 0 8px 20px rgba(64, 158, 255, 0.3); }
  .specialty-dialog .specialty-card.selected {
    border-color: #409EFF;
    background-color: rgba(64, 158, 255, 0.1);
    box-shadow: 0 8px 20px rgba(64, 158, 255, 0.4); }
  .specialty-dialog .selected-indicator {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #409EFF;
    color: white;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    z-index: 3; }
  .specialty-dialog .specialty-card .specialty-name {
    position: relative;
    z-index: 2;
    font-size: 18px;
    font-weight: 700;
    color: #434B5B;
    margin-bottom: 6px;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.35); }
  .specialty-dialog .specialty-card .specialty-code {
    position: relative;
    z-index: 2;
    font-size: 14px;
    color: #434B5B;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); }
  .specialty-dialog .specialty-card .specialty-code .code {
    color: #0A57FF;
    font-weight: 600; }

/* 上报专业弹框样式 */
.report-specialty {
  padding: 20px; }
  .report-specialty .tip-text {
    color: #434B5B;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 30px;
    text-align: left; }
    .report-specialty .tip-text .code {
      color: #0A57FF;
      font-weight: 500; }
  .report-specialty .specialty-inputs {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px; }
    .report-specialty .specialty-inputs .label {
      width: 60px;
      font-size: 14px;
      color: #434B5B;
      font-weight: 500; }

@charset "UTF-8";
.loginStu {
  width: 100%;
  height: 100%;
  background: url("/content/image/xljkImg/dxbg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 10px 30px;
  box-sizing: border-box;
  position: relative; }
  .loginStu .el-input__icon {
    cursor: pointer;
    /* 鼠标悬停时显示手型 */ }
  .loginStu .disabled {
    pointer-events: none;
    /* 禁止鼠标事件 */
    opacity: 0.5;
    /* 更改透明度以表示禁用 */ }
  .loginStu .loginTitle {
    display: flex;
    font-weight: bold;
    font-size: 1.6vw;
    color: #232427;
    line-height: 55px; }
    .loginStu .loginTitle .loginTitleLogo {
      width: 600px;
      height: 50px; }
      .loginStu .loginTitle .loginTitleLogo img {
        width: 100%;
        height: 100%; }
    .loginStu .loginTitle .title {
      margin-left: 18px; }
  .loginStu .loginInput {
    opacity: 0.9;
    padding: 4vh 2vw;
    box-sizing: border-box;
    width: 24vw;
    background: #FFFFFF;
    border-radius: .8vw;
    position: absolute;
    left: 63vw;
    top: 36vh; }
    .loginStu .loginInput .loginInputTitle {
      font-weight: bold;
      font-size: 1.6vw;
      color: #232427;
      margin-bottom: 5vh;
      text-align: left; }
      .loginStu .loginInput .loginInputTitle img {
        width: 140px; }
    .loginStu .loginInput .loginInputButton {
      height: 5vh;
      background: #0052D9;
      border-radius: .2vw;
      font-size: 1vw;
      color: #fff;
      text-align: center;
      line-height: 5vh;
      cursor: pointer; }
    .loginStu .loginInput .loginInputInfo .yzmBox {
      width: 20vw;
      margin-top: -1vh;
      display: flex;
      justify-content: center;
      align-items: center; }
      .loginStu .loginInput .loginInputInfo .yzmBox .yzm {
        margin-left: 15px;
        height: 100%;
        width: 7.5vw; }
        .loginStu .loginInput .loginInputInfo .yzmBox .yzm .authcode {
          width: 7.5vw;
          height: 4vh; }
  .loginStu .footer {
    position: absolute;
    bottom: 1vh;
    left: 29vw;
    text-align: center;
    color: #fff;
    font-size: 1vw; }
  .loginStu .footers {
    position: absolute;
    bottom: 1vh;
    left: 46vw;
    text-align: center;
    color: #fff;
    font-size: .8vw; }

@media only screen and (max-width: 1000px) {
  .loginStu {
    width: 100%;
    height: 100%;
    background: url("/content/image/xljkImg/dxbg.png");
    background-size: cover;
    padding: 10px 30px;
    box-sizing: border-box;
    position: relative; }
    .loginStu .loginTitle {
      display: flex;
      font-weight: bold;
      font-size: 1.6vw;
      color: #232427;
      line-height: 55px; }
      .loginStu .loginTitle .loginTitleLogo {
        width: 1000px; }
        .loginStu .loginTitle .loginTitleLogo img {
          width: 100%;
          height: 100%; }
      .loginStu .loginTitle .title {
        margin: auto;
        font-size: 2.0vh; }
    .loginStu .loginInput {
      opacity: 0.9;
      padding: 5vh 3vw;
      box-sizing: border-box;
      width: 80vw;
      background: #FFFFFF;
      border-radius: .8vw;
      left: 10vw;
      height: 28vh; }
      .loginStu .loginInput .loginInputTitle {
        font-weight: bold;
        font-size: 1.6vh;
        color: #232427;
        margin-bottom: 3vh;
        text-align: center; }
      .loginStu .loginInput .loginInputButton {
        height: 5vh;
        background: linear-gradient(270deg, #5AA1FD 0%, #3B83FA 100%);
        border-radius: 2vw;
        font-size: 1.6vh;
        color: #fff;
        text-align: center;
        line-height: 5vh;
        cursor: pointer;
        margin: auto; }
      .loginStu .loginInput .loginInputInfo .yzmBox {
        width: 69vw;
        margin-top: -1vh;
        display: flex;
        justify-content: center;
        align-items: center; }
        .loginStu .loginInput .loginInputInfo .yzmBox .yzm {
          width: 24vw;
          margin-left: 15px;
          background: #ccc; }
          .loginStu .loginInput .loginInputInfo .yzmBox .yzm .authcode1 {
            width: 33vw;
            height: 4vh; }
    .loginStu .footer {
      position: absolute;
      bottom: 1vh;
      left: 29vw;
      text-align: center;
      color: #fff;
      font-size: 1vw; }
    .loginStu .footers {
      position: absolute;
      bottom: 1vh;
      left: 46vw;
      text-align: center;
      color: #fff;
      font-size: .8vw; } }

.trainingTeaInfo .el-table__empty-block {
  height: 30vh !important; }

.trainingTeaInfo .trainingTeaInfoinner .buttbox {
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  .trainingTeaInfo .trainingTeaInfoinner .buttbox .butt {
    margin-left: 0.521vw; }

.trainingTeaInfo .trainingTeaInfoinner .fenye {
  margin-top: 8.8vh;
  text-align: center; }

.trainingTeaInfo .trainingTeaInfoinner .dialogminbox .el-table__empty-block {
  height: 40vh !important; }

.trainingTeaInfo .trainingTeaInfoinner .innerDialog .el-dialog__header {
  background: #F3F7FF;
  border-radius: 24px 24px 0px 0px; }

.trainingTeaInfo .trainingTeaInfoinner .innerDialog .el-dialog {
  border-radius: 24px;
  margin-top: 15vh !important; }

.trainingTeaInfo .buttbox1 {
  display: flex;
  justify-content: center;
  align-items: center; }
  .trainingTeaInfo .buttbox1 .butt {
    width: 15vw; }

.trainingTeaInfo .formbox .el-select {
  width: 100%; }

.zgxgzzshenhe {
  min-height: 52vh; }
  .zgxgzzshenhe .maincontent1 .rightgzzshenhe2 {
    width: 100%;
    background: #FFFFFF;
    border-radius: 24px;
    box-sizing: border-box; }
    .zgxgzzshenhe .maincontent1 .rightgzzshenhe2 .hang112 {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .zgxgzzshenhe .maincontent1 .rightgzzshenhe2 .hang112 .titlebox {
        display: flex;
        align-items: center; }
        .zgxgzzshenhe .maincontent1 .rightgzzshenhe2 .hang112 .titlebox img {
          width: 3.518vh;
          height: 3.518vh;
          margin-right: 0.521vw; }
        .zgxgzzshenhe .maincontent1 .rightgzzshenhe2 .hang112 .titlebox .yuyueList {
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 2.222vh;
          color: #3F8CFF;
          line-height: 2.222vh;
          text-align: left;
          font-style: normal; }
    .zgxgzzshenhe .maincontent1 .rightgzzshenhe2 .kongbox {
      width: 100%;
      height: 30vh;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column; }
      .zgxgzzshenhe .maincontent1 .rightgzzshenhe2 .kongbox img {
        width: 15vh;
        height: 15vh; }
      .zgxgzzshenhe .maincontent1 .rightgzzshenhe2 .kongbox p {
        font-size: 1.4vh;
        margin: 0 auto;
        margin-top: 1.5vh;
        text-align: center; }
    .zgxgzzshenhe .maincontent1 .rightgzzshenhe2 .yylistbox .interviewLScardList1 {
      margin-top: 1vh;
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      min-height: 30vh; }
      .zgxgzzshenhe .maincontent1 .rightgzzshenhe2 .yylistbox .interviewLScardList1 .interviewLScardListItem {
        padding: 1.5vh 1vw;
        box-sizing: border-box;
        width: 28vw;
        background: #F4F9FD;
        border-radius: .6vw;
        margin: 0 .8vw;
        margin-top: 1.5vh;
        min-height: 12vh; }
        .zgxgzzshenhe .maincontent1 .rightgzzshenhe2 .yylistbox .interviewLScardList1 .interviewLScardListItem .topInfo {
          display: flex;
          justify-content: space-between;
          align-items: center;
          border-bottom: .1vh solid #E6E6E6;
          padding-bottom: 1vh;
          box-sizing: border-box;
          min-height: 7vh; }
          .zgxgzzshenhe .maincontent1 .rightgzzshenhe2 .yylistbox .interviewLScardList1 .interviewLScardListItem .topInfo .topinfoleft {
            display: flex;
            justify-content: flex-start;
            align-items: center; }
            .zgxgzzshenhe .maincontent1 .rightgzzshenhe2 .yylistbox .interviewLScardList1 .interviewLScardListItem .topInfo .topinfoleft .topInfoHeader {
              width: 4vh;
              height: 4vh; }
              .zgxgzzshenhe .maincontent1 .rightgzzshenhe2 .yylistbox .interviewLScardList1 .interviewLScardListItem .topInfo .topinfoleft .topInfoHeader img {
                width: 100%;
                height: 100%; }
            .zgxgzzshenhe .maincontent1 .rightgzzshenhe2 .yylistbox .interviewLScardList1 .interviewLScardListItem .topInfo .topinfoleft .topInfoName {
              margin-left: 1vw;
              line-height: 4vh;
              font-size: 1.2vw; }
          .zgxgzzshenhe .maincontent1 .rightgzzshenhe2 .yylistbox .interviewLScardList1 .interviewLScardListItem .topInfo .topInforight img {
            width: 5.55vh; }
        .zgxgzzshenhe .maincontent1 .rightgzzshenhe2 .yylistbox .interviewLScardList1 .interviewLScardListItem .bottomInfo {
          padding-top: 1vh;
          box-sizing: border-box;
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          color: #4E5969; }
          .zgxgzzshenhe .maincontent1 .rightgzzshenhe2 .yylistbox .interviewLScardList1 .interviewLScardListItem .bottomInfo .bottomItem {
            width: 14vw;
            line-height: 3.4vh;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            cursor: pointer; }
            .zgxgzzshenhe .maincontent1 .rightgzzshenhe2 .yylistbox .interviewLScardList1 .interviewLScardListItem .bottomInfo .bottomItem:hover {
              color: #3F8CFF; }
        .zgxgzzshenhe .maincontent1 .rightgzzshenhe2 .yylistbox .interviewLScardList1 .interviewLScardListItem .bottomButton {
          margin-left: auto;
          width: 6vw;
          height: 4vh;
          border-radius: 1vw;
          line-height: 4vh;
          text-align: center;
          cursor: pointer;
          color: #fff;
          background: linear-gradient(270deg, #5AA1FD 0%, #3B83FA 100%); }
    .zgxgzzshenhe .maincontent1 .rightgzzshenhe2 .fenye {
      text-align: center;
      margin-top: 1.778vh; }

@charset "UTF-8";
.XDxuexiaoxxDialog .XDxuexiaoxxDialoginner {
  background: linear-gradient(180deg, rgba(35, 177, 255, 0.27) 0%, #e7f3ff 100%);
  padding-top: 3.1vh;
  padding-bottom: 5vh;
  min-height: 88.9vh;
  box-sizing: border-box; }
  .XDxuexiaoxxDialog .XDxuexiaoxxDialoginner .shangbaoStepbox {
    width: 80%;
    margin: 0 auto;
    background: #fff;
    border-radius: 24px;
    padding-bottom: 2vh; }
    .XDxuexiaoxxDialog .XDxuexiaoxxDialoginner .shangbaoStepbox .shangbaoheader {
      background: linear-gradient(#3B83FA 0%, #5FACFF 100%);
      height: 9.7vh;
      border-radius: 24px 24px 0px 0px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: PingFangSC, PingFang SC;
      font-weight: 600;
      font-size: 2.9vh;
      color: #FFFFFF;
      font-style: normal; }
    .XDxuexiaoxxDialog .XDxuexiaoxxDialoginner .shangbaoStepbox .stepbox {
      height: 7.4vh;
      background: #DCEDFF;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      margin-bottom: 2vh; }
      .XDxuexiaoxxDialog .XDxuexiaoxxDialoginner .shangbaoStepbox .stepbox .stepItem {
        width: 20%;
        height: 7.4vh;
        font-family: PingFangSC, PingFang SC;
        font-weight: 600;
        font-size: 2.22vh;
        font-style: normal;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #333333; }
        .XDxuexiaoxxDialog .XDxuexiaoxxDialoginner .shangbaoStepbox .stepbox .stepItem .itemleft {
          display: flex;
          justify-content: center;
          align-items: center;
          position: relative;
          width: 2.778vh;
          height: 3.15vh;
          margin-right: 0.5vw; }
          .XDxuexiaoxxDialog .XDxuexiaoxxDialoginner .shangbaoStepbox .stepbox .stepItem .itemleft img {
            width: 2.778vh;
            height: 3.15vh;
            top: 0;
            bottom: 0;
            position: absolute; }
      .XDxuexiaoxxDialog .XDxuexiaoxxDialoginner .shangbaoStepbox .stepbox .active {
        background: #FFFFFF;
        color: #3F8CFF;
        border-top-right-radius: 20px;
        /* 设置右上角的圆角为12px */
        border-top-left-radius: 20px;
        /* 设置右上角的圆角为12px */ }
    .XDxuexiaoxxDialog .XDxuexiaoxxDialoginner .shangbaoStepbox .formbox {
      padding: 0 2vw;
      min-height: 50vh; }
      .XDxuexiaoxxDialog .XDxuexiaoxxDialoginner .shangbaoStepbox .formbox .el-col-8 {
        height: 11vh; }
      .XDxuexiaoxxDialog .XDxuexiaoxxDialoginner .shangbaoStepbox .formbox .el-select {
        width: 100%; }
      .XDxuexiaoxxDialog .XDxuexiaoxxDialoginner .shangbaoStepbox .formbox .footerbox {
        display: flex;
        justify-content: center;
        align-items: center; }
        .XDxuexiaoxxDialog .XDxuexiaoxxDialoginner .shangbaoStepbox .formbox .footerbox .butt {
          width: 15vw; }
      .XDxuexiaoxxDialog .XDxuexiaoxxDialoginner .shangbaoStepbox .formbox .el-form {
        height: 55vh;
        overflow-y: auto;
        overflow-x: hidden; }
      .XDxuexiaoxxDialog .XDxuexiaoxxDialoginner .shangbaoStepbox .formbox .el-input-number {
        width: 100%; }
      .XDxuexiaoxxDialog .XDxuexiaoxxDialoginner .shangbaoStepbox .formbox .el-date-editor.el-input, .XDxuexiaoxxDialog .XDxuexiaoxxDialoginner .shangbaoStepbox .formbox .el-date-editor.el-input__inner {
        width: 100%; }

.XDxuexiaoxxDialog .buttbox {
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  .XDxuexiaoxxDialog .buttbox .butt {
    margin-left: 0.521vw; }

.XDxuexiaoxxDialog .innerDialog .el-dialog__header {
  background: #F3F7FF;
  border-radius: 24px 24px 0px 0px; }

.XDxuexiaoxxDialog .innerDialog .el-dialog {
  border-radius: 24px;
  margin-top: 15vh !important; }

.XDxuexiaoxxDialog .labeltex {
  margin-bottom: 1vh; }

.el-table__cell {
  color: #7D8592; }

th {
  color: #434B5B; }

.XXsnav .XDnav {
  width: 100%;
  height: 6.48vh;
  background: #3F8CFF;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .XXsnav .XDnav .left {
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .XXsnav .XDnav .left .logoImg {
      width: 30px;
      height: 30px;
      margin-left: 1.56vw;
      margin-right: 1.04vw; }
    .XXsnav .XDnav .left .title {
      font-family: PingFangSC, PingFang SC;
      font-weight: 600;
      font-size: 2.222vh;
      color: #FFFFFF;
      line-height: 3.055vh;
      text-align: left;
      font-style: normal; }
  .XXsnav .XDnav .right {
    display: flex;
    justify-content: flex-end;
    align-items: center; }
    .XXsnav .XDnav .right .avatar {
      width: 3.426vh;
      height: 3.426vh;
      margin-left: 1.458vw;
      margin-right: 0.677vw; }
    .XXsnav .XDnav .right .username {
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      font-size: 1.48vh;
      color: #FFFFFF;
      line-height: 2.037vh;
      text-align: center;
      font-style: normal;
      margin-right: 1.458vw;
      cursor: pointer; }

.XXsnav .mbxbox {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 4.629vh;
  background: #FFFFFF;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 1.296vh;
  color: #6C6EA9;
  line-height: 2.037vh;
  text-align: left;
  font-style: normal; }

.XXsnav .yemiandaohang {
  cursor: pointer;
  font-size: 1.8vh; }

.XXsnav .active {
  color: #151861; }

.mydialogA .buttbox {
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  .mydialogA .buttbox .butt {
    margin-left: 0.521vw; }

.mydialogA .fenye {
  margin-top: 8.8vh;
  text-align: center; }

.mydialogA .el-dialog__header {
  background: linear-gradient(#3B83FA 0%, #5FACFF 100%);
  height: 9.7vh;
  border-radius: 24px 24px 0px 0px;
  display: flex;
  align-items: center;
  justify-content: center; }

.mydialogA .el-dialog__title {
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 2.9vh;
  color: #FFFFFF;
  font-style: normal; }

.mydialogA .el-dialog__headerbtn {
  width: 4vh;
  height: 4vh;
  background: #FFFFFF;
  border-radius: 14px;
  margin-top: 1.66vh; }

.mydialogA .el-dialog__body {
  padding: 0;
  padding-bottom: 5vh; }

.mydialogA .el-dialog {
  border-radius: 24px;
  margin-top: 15vh !important; }

.mydialogA .jindubox {
  display: flex;
  justify-content: flex-start;
  align-items: center; }
  .mydialogA .jindubox .total {
    width: calc(100% - 50px);
    height: 0.55vh;
    background: rgba(0, 0, 0, 0.04); }
    .mydialogA .jindubox .total .done {
      height: 100%;
      border-radius: 8px; }

.homeInforight1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  height: 72px; }
  .homeInforight1 .zanwushuju {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    .homeInforight1 .zanwushuju .text {
      margin-top: 1vh; }
  .homeInforight1 .lefthomeinfo {
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .homeInforight1 .lefthomeinfo .logoImg {
      width: 30px;
      height: 30px;
      margin-left: 1.56vw;
      margin-right: 1.04vw; }
    .homeInforight1 .lefthomeinfo .title1 {
      font-family: PingFangSC, PingFang SC;
      font-weight: 600;
      font-size: 2.222vh;
      line-height: 3.055vh;
      text-align: left;
      font-style: normal; }
  .homeInforight1 .righthomeinfo {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background: #fff; }
  .homeInforight1 .avatar {
    width: 3.426vh;
    height: 3.426vh;
    margin-left: 1.458vw;
    margin-right: 0.677vw; }
  .homeInforight1 .username1 {
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 1.48vh;
    color: #232427;
    line-height: 2.037vh;
    text-align: center;
    font-style: normal;
    margin-right: 1.458vw;
    cursor: pointer; }
  .homeInforight1 .child {
    width: 20px;
    height: 20px;
    cursor: pointer;
    transition: transform 0.2s ease; }
    .homeInforight1 .child:hover {
      transform: scale(1.1); }
  .homeInforight1 .wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 20px;
    backdrop-filter: blur(4px); }
    .homeInforight1 .wrapper .block {
      width: 720px;
      height: 420px;
      background: #FFFFFF;
      border-radius: 12px;
      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
      display: flex;
      overflow: hidden;
      position: relative; }
      .homeInforight1 .wrapper .block .closepic {
        position: absolute;
        top: 16px;
        right: 16px;
        width: 24px;
        height: 24px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.1);
        color: #666;
        font-size: 14px;
        font-weight: bold;
        transition: all 0.2s ease;
        z-index: 10; }
        .homeInforight1 .wrapper .block .closepic:hover {
          background: rgba(0, 0, 0, 0.2);
          color: #333; }
      .homeInforight1 .wrapper .block .left {
        width: 280px;
        height: 100%;
        padding: 24px 16px 24px 24px;
        box-sizing: border-box;
        background: linear-gradient(135deg, #7193fe 0%, #5a7cfa 100%);
        border-radius: 12px 0 0 12px; }
        .homeInforight1 .wrapper .block .left .title {
          font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
          font-weight: 600;
          font-size: 18px;
          color: #FFFFFF;
          line-height: 24px;
          text-align: left;
          margin-bottom: 20px;
          padding-bottom: 12px;
          border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
        .homeInforight1 .wrapper .block .left .messagebox {
          height: calc(100% - 64px);
          overflow-y: auto;
          overflow-x: hidden;
          padding-right: 8px; }
          .homeInforight1 .wrapper .block .left .messagebox::-webkit-scrollbar {
            width: 4px; }
          .homeInforight1 .wrapper .block .left .messagebox::-webkit-scrollbar-track {
            background: rgba(255, 255, 255, 0.1);
            border-radius: 2px; }
          .homeInforight1 .wrapper .block .left .messagebox::-webkit-scrollbar-thumb {
            background: rgba(255, 255, 255, 0.3);
            border-radius: 2px; }
            .homeInforight1 .wrapper .block .left .messagebox::-webkit-scrollbar-thumb:hover {
              background: rgba(255, 255, 255, 0.5); }
          .homeInforight1 .wrapper .block .left .messagebox .messageItem {
            cursor: pointer;
            min-height: 72px;
            padding: 12px;
            margin-bottom: 8px;
            border-radius: 8px;
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            transition: all 0.3s ease; }
            .homeInforight1 .wrapper .block .left .messagebox .messageItem:hover {
              background: rgba(255, 255, 255, 0.25);
              transform: translateY(-1px); }
              .homeInforight1 .wrapper .block .left .messagebox .messageItem:hover .messagetitle {
                color: #FFFFFF; }
              .homeInforight1 .wrapper .block .left .messagebox .messageItem:hover .downbox .riqi {
                color: #FFFFFF; }
              .homeInforight1 .wrapper .block .left .messagebox .messageItem:hover .downbox .zhuangtai {
                color: #FFFFFF;
                background: rgba(255, 255, 255, 0.15);
                border: 1px solid rgba(255, 255, 255, 0.3); }
            .homeInforight1 .wrapper .block .left .messagebox .messageItem .hongdian {
              width: 8px;
              height: 8px;
              background: #FF4757;
              border-radius: 50%;
              position: absolute;
              top: 12px;
              left: -4px;
              box-shadow: 0 0 8px rgba(255, 71, 87, 0.6); }
            .homeInforight1 .wrapper .block .left .messagebox .messageItem .messagetitle {
              font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
              font-weight: 500;
              font-size: 14px;
              color: #FFFFFF;
              line-height: 20px;
              margin-bottom: 8px; }
            .homeInforight1 .wrapper .block .left .messagebox .messageItem .downbox {
              display: flex;
              justify-content: space-between;
              align-items: center; }
              .homeInforight1 .wrapper .block .left .messagebox .messageItem .downbox .riqi {
                font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
                font-weight: 400;
                font-size: 12px;
                color: rgba(255, 255, 255, 0.7);
                line-height: 16px; }
              .homeInforight1 .wrapper .block .left .messagebox .messageItem .downbox .zhuangtai {
                font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
                font-weight: 400;
                font-size: 12px;
                color: rgba(255, 255, 255, 0.7);
                line-height: 16px;
                padding: 2px 8px;
                border-radius: 10px;
                background: rgba(255, 255, 255, 0.1); }
          .homeInforight1 .wrapper .block .left .messagebox .active {
            background: rgba(255, 255, 255, 0.95);
            border: 1px solid rgba(255, 255, 255, 0.4);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            transform: translateY(-1px); }
            .homeInforight1 .wrapper .block .left .messagebox .active .messagetitle {
              color: #2C5AA0;
              font-weight: 600; }
            .homeInforight1 .wrapper .block .left .messagebox .active .downbox .riqi {
              color: #2C5AA0; }
            .homeInforight1 .wrapper .block .left .messagebox .active .downbox .zhuangtai {
              color: #2C5AA0;
              background: rgba(44, 90, 160, 0.15);
              border: 1px solid rgba(44, 90, 160, 0.3); }
            .homeInforight1 .wrapper .block .left .messagebox .active:hover {
              background: rgba(255, 255, 255, 0.95); }
              .homeInforight1 .wrapper .block .left .messagebox .active:hover .messagetitle {
                color: #2C5AA0; }
              .homeInforight1 .wrapper .block .left .messagebox .active:hover .downbox .riqi {
                color: #2C5AA0; }
              .homeInforight1 .wrapper .block .left .messagebox .active:hover .downbox .zhuangtai {
                color: #2C5AA0;
                background: rgba(44, 90, 160, 0.15);
                border: 1px solid rgba(44, 90, 160, 0.3); }
          .homeInforight1 .wrapper .block .left .messagebox .ellipsis {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
      .homeInforight1 .wrapper .block .rightmessage {
        flex: 1;
        padding: 32px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        margin-top: 50px; }
        .homeInforight1 .wrapper .block .rightmessage .righttitle {
          font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
          font-weight: 600;
          font-size: 18px;
          color: #2C3E50;
          line-height: 24px;
          margin-bottom: 16px;
          padding-bottom: 12px;
          border-bottom: 1px solid #E8ECEF; }
        .homeInforight1 .wrapper .block .rightmessage .content {
          flex: 1;
          background: #FFFFFF;
          text-indent: 2em;
          padding: 24px;
          box-sizing: border-box;
          border-radius: 8px;
          border: 1px solid #E8ECEF;
          font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
          font-weight: 400;
          font-size: 14px;
          color: #5A6C7D;
          line-height: 24px;
          overflow-y: auto; }
          .homeInforight1 .wrapper .block .rightmessage .content::-webkit-scrollbar {
            width: 6px; }
          .homeInforight1 .wrapper .block .rightmessage .content::-webkit-scrollbar-track {
            background: #F5F7FA;
            border-radius: 3px; }
          .homeInforight1 .wrapper .block .rightmessage .content::-webkit-scrollbar-thumb {
            background: #C8D6E5;
            border-radius: 3px; }
            .homeInforight1 .wrapper .block .rightmessage .content::-webkit-scrollbar-thumb:hover {
              background: #A4B0BE; }
  .homeInforight1 .van-overlay {
    z-index: 999; }

.beforeEvaluations1 {
  width: 100%;
  min-height: 100vh;
  padding: 1.8vh 0;
  box-sizing: border-box;
  background: url("/content/image/xljkImg/evaluationBG.png") center center no-repeat;
  background-size: cover; }
  .beforeEvaluations1 .fanhui {
    position: absolute;
    left: 1vw;
    top: 1vh;
    cursor: pointer;
    width: 4vw;
    font-size: 1.6vh; }
  .beforeEvaluations1 .flex-start-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap; }
  .beforeEvaluations1 .EvaluationCard1 {
    margin: 0 auto;
    width: 47.9vw;
    min-height: 86.66vh;
    background: #FFFFFF;
    box-shadow: 0px 12px 34px 0px rgba(82, 146, 236, 0.08), inset 0px 2px 0px 0px #FFFFFF;
    border-radius: 16px;
    padding: 4.07vh 1.7vw 2.96vh 1.7vw;
    box-sizing: border-sizing; }
    .beforeEvaluations1 .EvaluationCard1 .tips {
      font-family: SourceHanSansCN, SourceHanSansCN;
      font-weight: 800;
      font-size: 2.96vh;
      color: #232427;
      line-height: 4.44vh;
      text-align: left;
      font-style: normal;
      text-align: center;
      margin-bottom: 3.5vh; }
    .beforeEvaluations1 .EvaluationCard1 .table {
      width: 100%;
      background: #F8FBFF;
      border-radius: 1px;
      border-left: 1px solid #DCDFE6;
      border-top: 1px solid #DCDFE6;
      border-right: none; }
      .beforeEvaluations1 .EvaluationCard1 .table .hang {
        display: flex;
        justify-content: center;
        align-items: center; }
        .beforeEvaluations1 .EvaluationCard1 .table .hang .lie {
          width: 50%;
          padding: 0 2.86vw;
          border-bottom: 1px solid #DCDFE6;
          border-right: 1px solid #DCDFE6;
          text-align: left;
          height: 6.48vh;
          display: flex;
          justify-content: flex-start;
          align-items: center; }
          .beforeEvaluations1 .EvaluationCard1 .table .hang .lie .aaa {
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            font-size: 1.85vh;
            color: #4E5969;
            text-align: left;
            font-style: normal; }
          .beforeEvaluations1 .EvaluationCard1 .table .hang .lie .bbb {
            font-family: PingFangSC, PingFang SC;
            font-weight: 500;
            font-size: 1.85vh;
            color: #232427;
            text-align: left;
            font-style: normal; }
      .beforeEvaluations1 .EvaluationCard1 .table tr {
        height: 6.48vh; }
        .beforeEvaluations1 .EvaluationCard1 .table tr td {
          padding: 0 2.86vw;
          border-bottom: 1px solid #DCDFE6;
          border-right: 1px solid #DCDFE6;
          text-align: left; }
          .beforeEvaluations1 .EvaluationCard1 .table tr td .aaa {
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            font-size: 1.85vh;
            color: #4E5969;
            text-align: left;
            font-style: normal; }
          .beforeEvaluations1 .EvaluationCard1 .table tr td .bbb {
            font-family: PingFangSC, PingFang SC;
            font-weight: 500;
            font-size: 1.85vh;
            color: #232427;
            text-align: left;
            font-style: normal; }
        .beforeEvaluations1 .EvaluationCard1 .table tr th {
          padding: 0 2.86vw;
          border-bottom: 1px solid #DCDFE6;
          border-right: 1px solid #DCDFE6; }
          .beforeEvaluations1 .EvaluationCard1 .table tr th .aaa {
            font-family: PingFangSC, PingFang SC;
            font-weight: 600;
            font-size: 1.85vh;
            color: #4E5969;
            text-align: left;
            font-style: normal; }
          .beforeEvaluations1 .EvaluationCard1 .table tr th .bbb {
            font-family: PingFangSC, PingFang SC;
            font-weight: 600;
            font-size: 2.22vh;
            color: #232427;
            text-align: left;
            font-style: normal; }
    .beforeEvaluations1 .EvaluationCard1 .tippp {
      font-family: PingFangSC, PingFang SC;
      font-weight: 600;
      font-size: 2.03vh;
      color: #232427;
      text-align: center;
      font-style: normal;
      margin-top: 3.7vh;
      margin-bottom: 2.22vh; }
    .beforeEvaluations1 .EvaluationCard1 .tip111 {
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      font-size: 1.85vh;
      color: #595B63;
      text-align: left;
      font-style: normal;
      margin-bottom: 1.48vh;
      line-height: 3.2vh; }

.butbox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 5.09vh; }
  .butbox .butt {
    margin: auto;
    height: 5.9vh;
    width: 11.46vw;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 2.3vh;
    color: #FFFFFF;
    line-height: 3.1vh;
    font-style: normal;
    border-radius: 100px; }

.czsc {
  position: absolute;
  top: 2.0vh;
  right: 20px;
  font-size: 1.85vh;
  background: #fff;
  padding: 3px 10px;
  color: #595B63;
  border-radius: 5px; }

.jszc111 {
  width: 100%;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px; }

@media only screen and (max-width: 800px) {
  .beforeEvaluations {
    width: 100%;
    min-height: 100vh;
    padding: 1.8vh 0;
    box-sizing: border-box;
    background: url("/content/image/xljkImg/evaluationBG.png") center center no-repeat;
    background-size: cover; }
    .beforeEvaluations .EvaluationCard1 {
      margin: 0 auto;
      width: 90vw;
      min-height: 83vh;
      background: #FFFFFF;
      box-shadow: 0px 12px 34px 0px rgba(82, 146, 236, 0.08), inset 0px 2px 0px 0px #FFFFFF;
      border-radius: 16px;
      padding: 4.07vh 1.7vw 2.96vh 1.7vw;
      box-sizing: border-sizing; }
      .beforeEvaluations .EvaluationCard1 .tips {
        font-family: SourceHanSansCN, SourceHanSansCN;
        font-weight: 800;
        font-size: 2.96vh;
        color: #232427;
        line-height: 4.44vh;
        text-align: left;
        font-style: normal;
        text-align: center;
        margin-bottom: 3.5vh; }
      .beforeEvaluations .EvaluationCard1 .table {
        width: 100%;
        background: #F8FBFF;
        border-radius: 1px;
        border-left: 1px solid #DCDFE6;
        border-top: 1px solid #DCDFE6;
        border-right: none; }
        .beforeEvaluations .EvaluationCard1 .table .hang {
          display: block; }
          .beforeEvaluations .EvaluationCard1 .table .hang .lie {
            width: 83vw;
            padding: 0 2.86vw;
            border-bottom: 1px solid #DCDFE6;
            border-right: 1px solid #DCDFE6;
            text-align: left;
            height: 6.48vh;
            display: flex;
            justify-content: flex-start;
            align-items: center; }
            .beforeEvaluations .EvaluationCard1 .table .hang .lie .aaa {
              font-family: PingFangSC, PingFang SC;
              font-weight: 400;
              font-size: 1.85vh;
              color: #4E5969;
              text-align: left;
              font-style: normal; }
            .beforeEvaluations .EvaluationCard1 .table .hang .lie .bbb {
              font-family: PingFangSC, PingFang SC;
              font-weight: 500;
              font-size: 1.85vh;
              color: #232427;
              text-align: left;
              font-style: normal; }
        .beforeEvaluations .EvaluationCard1 .table tr {
          height: 6.48vh; }
          .beforeEvaluations .EvaluationCard1 .table tr td {
            padding: 0 2.86vw;
            border-bottom: 1px solid #DCDFE6;
            border-right: 1px solid #DCDFE6;
            text-align: left; }
            .beforeEvaluations .EvaluationCard1 .table tr td .aaa {
              font-family: PingFangSC, PingFang SC;
              font-weight: 400;
              font-size: 1.85vh;
              color: #4E5969;
              text-align: left;
              font-style: normal; }
            .beforeEvaluations .EvaluationCard1 .table tr td .bbb {
              font-family: PingFangSC, PingFang SC;
              font-weight: 500;
              font-size: 1.85vh;
              color: #232427;
              text-align: left;
              font-style: normal; }
          .beforeEvaluations .EvaluationCard1 .table tr th {
            padding: 0 2.86vw;
            border-bottom: 1px solid #DCDFE6;
            border-right: 1px solid #DCDFE6; }
            .beforeEvaluations .EvaluationCard1 .table tr th .aaa {
              font-family: PingFangSC, PingFang SC;
              font-weight: 600;
              font-size: 1.85vh;
              color: #4E5969;
              text-align: left;
              font-style: normal; }
            .beforeEvaluations .EvaluationCard1 .table tr th .bbb {
              font-family: PingFangSC, PingFang SC;
              font-weight: 600;
              font-size: 2.22vh;
              color: #232427;
              text-align: left;
              font-style: normal; }
      .beforeEvaluations .EvaluationCard1 .tippp {
        font-family: PingFangSC, PingFang SC;
        font-weight: 600;
        font-size: 2.03vh;
        color: #232427;
        text-align: center;
        font-style: normal;
        margin-top: 3.7vh;
        margin-bottom: 2.22vh; }
      .beforeEvaluations .EvaluationCard1 .tip111 {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 1.85vh;
        color: #595B63;
        text-align: left;
        font-style: normal;
        margin-bottom: 1.48vh;
        line-height: 3.2vh; }
  .butbox {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 5.09vh; }
    .butbox .butt {
      margin: auto;
      height: 5.9vh;
      width: 30vw;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      font-size: 2.3vh;
      color: #FFFFFF;
      line-height: 3.1vh;
      font-style: normal;
      border-radius: 100px; } }

.BZRXZ1 {
  background: #F4F9FD;
  min-height: 100vh; }
  .BZRXZ1 .courseLearningTop {
    margin-top: 2vh;
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 1vw;
    color: #3F8CFF;
    text-align: left;
    font-style: normal; }
  .BZRXZ1 .maincontent {
    padding: 2.778vh 11vw; }
    .BZRXZ1 .maincontent .title {
      margin-top: 5.556vh;
      margin-bottom: 2.778vh;
      display: flex;
      justify-content: flex;
      align-items: center;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      font-size: 2.222vh;
      color: #3F8CFF;
      line-height: 2.222vh;
      text-align: left;
      font-style: normal; }
      .BZRXZ1 .maincontent .title img {
        width: 3.518vh;
        height: 3.518vh; }
    .BZRXZ1 .maincontent .itembox {
      display: flex;
      justify-content: left;
      align-items: center;
      flex-wrap: wrap; }
      .BZRXZ1 .maincontent .itembox .item {
        margin-top: 6vh;
        width: 23.95vw;
        height: 24vh;
        background: #FFFFFF;
        border-radius: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-right: 1.56vw;
        cursor: pointer; }
        .BZRXZ1 .maincontent .itembox .item img {
          width: 8.14vh; }
        .BZRXZ1 .maincontent .itembox .item .bjjingdu {
          margin: 1.85vh 0;
          font-family: PingFangSC, PingFang SC;
          font-weight: 600;
          font-size: 2.96vh;
          color: #333333;
          line-height: 2.96vh;
          font-style: normal; }
        .BZRXZ1 .maincontent .itembox .item .tips {
          font-family: PingFangSC, PingFang SC;
          font-weight: 400;
          font-size: 2.222vh;
          color: #999999;
          line-height: 2.222vh;
          font-style: normal; }

.NEWJSHomepage {
  background: #F3F5FD;
  height: calc(100vh);
  background: url("/content/image/xljkImg/homeBg.png");
  background-size: cover;
  box-sizing: border-box;
  position: relative;
  padding: 3vh 4vw; }
  .NEWJSHomepage .InterviewHomepageTop {
    display: flex;
    justify-content: space-between; }
    .NEWJSHomepage .InterviewHomepageTop .InterviewHomepageTopLeft .InterviewHomepageTopLeftTitle {
      font-family: PingFangSC, PingFang SC;
      font-size: 2.8vw;
      color: #232427;
      text-align: left;
      font-style: normal;
      margin-top: 20vh; }
    .NEWJSHomepage .InterviewHomepageTop .InterviewHomepageTopLeft .InterviewHomepageTopLeftTag {
      display: flex;
      margin-top: 4vh; }
      .NEWJSHomepage .InterviewHomepageTop .InterviewHomepageTopLeft .InterviewHomepageTopLeftTag .InterviewHomepageTopLeftTags {
        margin-left: 1vw;
        text-align: center;
        width: 16vw;
        height: 5vh;
        line-height: 5vh;
        background: #fff;
        border-radius: 2vw;
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 1vw;
        color: #4E5969;
        font-style: normal; }
    .NEWJSHomepage .InterviewHomepageTop .InterviewHomepageTopRight .InterviewHomepageImg {
      margin-right: 10vw;
      width: 28vw; }
      .NEWJSHomepage .InterviewHomepageTop .InterviewHomepageTopRight .InterviewHomepageImg img {
        width: 100%;
        height: 100%; }
  .NEWJSHomepage .InterviewHomepageBottom {
    margin-top: -6vh; }
    .NEWJSHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .NEWJSHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .HomepageBottomBox {
        cursor: pointer;
        width: 29vw;
        height: 38vh;
        border-radius: 16px; }
        .NEWJSHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .HomepageBottomBox .HomepageBottomBoxLeft {
          padding: 3vh 1.5vw;
          width: 7vw;
          height: 14vh; }
          .NEWJSHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .HomepageBottomBox .HomepageBottomBoxLeft img {
            width: 100%;
            height: 100%; }
        .NEWJSHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .HomepageBottomBox .HomepageBottomBoxRight {
          margin-left: 2.5vw; }
          .NEWJSHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .HomepageBottomBox .HomepageBottomBoxRight .HomepageBottomBoxRightTop {
            font-family: PingFangSC, PingFang SC;
            font-size: 2vw;
            color: #FFFFFF;
            text-align: left;
            font-style: normal;
            line-height: 9vh; }
          .NEWJSHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .HomepageBottomBox .HomepageBottomBoxRight .HomepageBottomBoxRightBottom {
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            font-size: 1.4vw;
            color: #FFFFFF;
            font-style: normal; }
      .NEWJSHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .box1 {
        background: radial-gradient(0% 100% at 0% 0%, #2C79F9 0%, #56ADFF 100%); }
      .NEWJSHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .box2 {
        background: radial-gradient(0% 100% at 0% 0%, #00B8CD 0%, #1DE0C3 100%); }
      .NEWJSHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .box3 {
        background: radial-gradient(0% 95% at 0% 0%, #FF7E27 0%, #FFAA41 100%); }

.importResultDialog .dialogminbox123 {
  font-size: 2vh;
  text-align: center; }

.XDzxxxiafaDialog .buttbox {
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  .XDzxxxiafaDialog .buttbox .butt {
    margin-left: 0.521vw; }

.XDzxxxiafaDialog .fenye {
  margin-top: 8.8vh;
  text-align: center; }

.XDzxxxiafaDialog .dialogminbox {
  min-height: 50vh; }
  .XDzxxxiafaDialog .dialogminbox .el-table__empty-block {
    height: 40vh !important; }

.XDzxxxiafaDialog .innerDialog .el-dialog__header {
  background: #F3F7FF;
  border-radius: 24px 24px 0px 0px; }

.XDzxxxiafaDialog .innerDialog .el-dialog {
  border-radius: 24px;
  margin-top: 15vh !important; }

.formbox .el-select {
  width: 100%; }

.subjectTeaInfo .fenye {
  text-align: center;
  marginn-top: 4vh; }

.subjectTeaInfo .el-col-8 {
  height: 11vh; }

.subjectTeaInfo .el-select {
  width: 100%; }

.subjectTeaInfo .footerbox {
  display: flex;
  justify-content: center;
  align-items: center; }

.subjectTeaInfo .el-form {
  overflow-y: auto;
  overflow-x: hidden; }

.subjectTeaInfo .el-input-number {
  width: 100%; }

.subjectTeaInfo .el-date-editor.el-input, .subjectTeaInfo .el-date-editor.el-input__inner {
  width: 100%; }

.subjectTeaInfo .el-table__cell {
  color: #7D8592; }

.subjectTeaInfo th {
  color: #434B5B; }

.subjectTeaInfo .buttbox1 {
  display: flex;
  justify-content: center;
  align-items: center; }
  .subjectTeaInfo .buttbox1 .butt {
    width: 20vw; }

@charset "UTF-8";
.zhiguanxiaoshenhe {
  width: 100%;
  box-sizing: border-box;
  background: url("/content/image/xljkImg/evaluationBGA.png") center center no-repeat;
  background-size: cover;
  position: relative;
  box-sizing: border-box;
  padding: 2.7778vh 2.083333vw;
  border-radius: 0px 0px 16px 16px;
  width: 93vw;
  background: #FFFFFF;
  border-radius: 16px;
  margin: auto;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 25vh; }
  .zhiguanxiaoshenhe .is-bordered {
    border: none !important; }
  .zhiguanxiaoshenhe .cardbox1 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    .zhiguanxiaoshenhe .cardbox1 .img1 {
      width: 300px;
      height: 300px;
      margin-top: 100px; }
  .zhiguanxiaoshenhe .labeltex {
    margin-bottom: 1vh; }
  .zhiguanxiaoshenhe .stepbox {
    height: 7.4vh;
    background: #DCEDFF;
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .zhiguanxiaoshenhe .stepbox .stepItem {
      width: 33.33%;
      height: 7.4vh;
      font-family: PingFangSC, PingFang SC;
      font-weight: 600;
      font-size: 2.22vh;
      font-style: normal;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #333333;
      cursor: pointer; }
      .zhiguanxiaoshenhe .stepbox .stepItem .itemleft {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        width: 2.778vh;
        height: 3.15vh;
        margin-right: 0.5vw; }
        .zhiguanxiaoshenhe .stepbox .stepItem .itemleft img {
          width: 2.778vh;
          height: 3.15vh;
          top: 0;
          bottom: 0;
          position: absolute; }
    .zhiguanxiaoshenhe .stepbox .active {
      background: #FFFFFF;
      color: #3F8CFF;
      border-top-right-radius: 20px;
      /* 设置右上角的圆角为12px */
      border-top-left-radius: 20px;
      /* 设置右上角的圆角为12px */ }
  .zhiguanxiaoshenhe .formbox-zgxsh {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 20px; }
    .zhiguanxiaoshenhe .formbox-zgxsh .el-col-8 {
      height: 11vh; }
    .zhiguanxiaoshenhe .formbox-zgxsh .el-select {
      width: 100%; }
    .zhiguanxiaoshenhe .formbox-zgxsh .footerbox {
      display: flex;
      justify-content: center;
      align-items: center; }
      .zhiguanxiaoshenhe .formbox-zgxsh .footerbox .butt {
        width: 20vw; }
    .zhiguanxiaoshenhe .formbox-zgxsh .el-form {
      overflow-y: auto;
      overflow-x: hidden; }
    .zhiguanxiaoshenhe .formbox-zgxsh .el-input-number {
      width: 100%; }
    .zhiguanxiaoshenhe .formbox-zgxsh .el-date-editor.el-input, .zhiguanxiaoshenhe .formbox-zgxsh .el-date-editor.el-input__inner {
      width: 100%; }
  .zhiguanxiaoshenhe .fenye {
    text-align: center; }
  .zhiguanxiaoshenhe .buttbox {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
  .zhiguanxiaoshenhe .buttbox1 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 2vh; }
    .zhiguanxiaoshenhe .buttbox1 .butt {
      margin-left: 0.521vw; }
  .zhiguanxiaoshenhe .fangtanxinxiForm .buttbox-zgsh {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }

.classInfoUploadshenhe .fenye {
  text-align: center;
  marginn-top: 4vh; }

.classInfoUploadshenhe .el-col-8 {
  height: 11vh; }

.classInfoUploadshenhe .el-select {
  width: 100%; }

.classInfoUploadshenhe .footerbox {
  display: flex;
  justify-content: center;
  align-items: center; }

.classInfoUploadshenhe .el-form {
  overflow-y: auto;
  overflow-x: hidden; }

.classInfoUploadshenhe .el-input-number {
  width: 100%; }

.classInfoUploadshenhe .el-date-editor.el-input, .classInfoUploadshenhe .el-date-editor.el-input__inner {
  width: 100%; }

.classInfoUploadshenhe .el-table__cell {
  color: #7D8592; }

.classInfoUploadshenhe th {
  color: #434B5B; }

.classInfoUploadshenhe .buttbox1 {
  display: flex;
  justify-content: center;
  align-items: center; }
  .classInfoUploadshenhe .buttbox1 .butt {
    width: 20vw; }

.audit-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2vh;
  margin-bottom: 2vh;
  margin-left: 1vw;
  margin-right: 1vw; }

.dialog-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); }

.dialog-wrapper {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80vw;
  background: white;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  height: 80vh;
  display: flex;
  flex-direction: column;
  z-index: 2001; }

.dialog-header {
  padding: 20px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0; }

.dialog-title {
  font-size: 18px;
  font-weight: 500;
  color: #303133;
  margin: 0; }

.dialog-close {
  font-size: 24px;
  color: #909399;
  cursor: pointer;
  line-height: 1;
  padding: 4px;
  transition: color 0.2s; }

.dialog-close:hover {
  color: #409eff; }

.dialog-body {
  padding: 20px 24px;
  overflow-y: auto;
  flex: 1; }

.dialog-pagination {
  margin-top: 20px;
  text-align: center; }

.trainingTeaInfo .trainingTeaInfoinner .buttbox {
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  .trainingTeaInfo .trainingTeaInfoinner .buttbox .butt {
    margin-left: 0.521vw; }

.trainingTeaInfo .trainingTeaInfoinner .fenye {
  margin-top: 8.8vh;
  text-align: center; }

.trainingTeaInfo .trainingTeaInfoinner .dialogminbox {
  min-height: 50vh; }
  .trainingTeaInfo .trainingTeaInfoinner .dialogminbox .el-table__empty-block {
    height: 40vh !important; }

.trainingTeaInfo .trainingTeaInfoinner .innerDialog .el-dialog__header {
  background: #F3F7FF;
  border-radius: 24px 24px 0px 0px; }

.trainingTeaInfo .trainingTeaInfoinner .innerDialog .el-dialog {
  border-radius: 24px;
  margin-top: 9vh !important; }

.trainingTeaInfo .buttbox1 {
  display: flex;
  justify-content: center;
  align-items: center; }
  .trainingTeaInfo .buttbox1 .butt {
    width: 20vw; }

.trainingTeaInfo .formbox .el-select {
  width: 100%; }

.ftkszb1 {
  background: #F3F5FD;
  min-height: calc(100vh);
  padding: 2vh 1vw;
  box-sizing: border-box; }
  .ftkszb1 .interviewLScard {
    width: 80%;
    margin: 0 auto;
    min-height: 100%;
    border-radius: .6vw;
    padding: 3vh 5vw;
    box-sizing: border-box;
    background: #fff; }
    .ftkszb1 .interviewLScard h2 {
      color: #232427;
      text-align: center; }
    .ftkszb1 .interviewLScard .interviewLScardTime {
      margin-top: 4vh;
      font-size: 1vw;
      color: #4E5969; }
    .ftkszb1 .interviewLScard .interviewLScardList {
      margin-top: 4vh;
      display: flex;
      background: url("/content/image/xljkls/gbg.png"); }
      .ftkszb1 .interviewLScard .interviewLScardList .interviewLScardLists {
        background: url("/content/image/xljkls/gbg.png");
        margin-left: 2vw;
        width: 16vw;
        height: 18vh;
        border-radius: 8px;
        padding: 3vh 0 0 2vw;
        box-sizing: border-box; }
        .ftkszb1 .interviewLScard .interviewLScardList .interviewLScardLists .interviewLScardListst {
          font-family: PingFangSC, PingFang SC;
          font-size: 2vw;
          color: #2C8BF2;
          line-height: 56px;
          text-align: left;
          font-style: normal; }
        .ftkszb1 .interviewLScard .interviewLScardList .interviewLScardLists .interviewLScardListsb {
          font-family: PingFangSC, PingFang SC;
          font-size: 1vw;
          color: #4E5969;
          line-height: 30px;
          text-align: left;
          font-style: normal; }
    .ftkszb1 .interviewLScard .interviewLScardT {
      margin-top: 4vh;
      font-family: PingFangSC, PingFang SC;
      font-weight: 600;
      font-size: 1vw;
      color: #232427;
      line-height: 34px;
      text-align: left;
      font-style: normal; }

.ftcourseLearning1 {
  min-height: 100vh;
  position: relative;
  background: linear-gradient(180deg, #B3DCFF 0%, #E9EFF7 100%); }
  .ftcourseLearning1 .interviewInfoLSback {
    position: absolute;
    left: 10px;
    top: 10px;
    cursor: pointer; }
  .ftcourseLearning1 .courseLearningTop {
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 1vw;
    color: #3F8CFF;
    text-align: left;
    font-style: normal;
    margin-bottom: 2vh; }
  .ftcourseLearning1 .courseLearningbox {
    margin-top: 10px;
    padding: 2vh 2vw;
    background: #FFFFFF;
    border-radius: 8px; }
  .ftcourseLearning1 .courseLearningBottom {
    width: 100%;
    min-height: 649px;
    display: flex;
    justify-content: space-between; }
    .ftcourseLearning1 .courseLearningBottom .courseLearningBottomLeft {
      width: 40%; }
      .ftcourseLearning1 .courseLearningBottom .courseLearningBottomLeft .img {
        width: 100%;
        height: 28vh; }
        .ftcourseLearning1 .courseLearningBottom .courseLearningBottomLeft .img img {
          border-radius: .4vw;
          width: 100%;
          height: 100%; }
    .ftcourseLearning1 .courseLearningBottom .courseLearningBottomRight {
      width: 85%;
      margin-left: 40px; }
      .ftcourseLearning1 .courseLearningBottom .courseLearningBottomRight h1, .ftcourseLearning1 .courseLearningBottom .courseLearningBottomRight h2, .ftcourseLearning1 .courseLearningBottom .courseLearningBottomRight p {
        line-height: 40px; }
      .ftcourseLearning1 .courseLearningBottom .courseLearningBottomRight h1 {
        margin-bottom: 30px; }
      .ftcourseLearning1 .courseLearningBottom .courseLearningBottomRight p {
        color: #4E5969; }

.homeInforight {
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  .homeInforight .avatar {
    width: 3.426vh;
    height: 3.426vh;
    margin-left: 1.458vw;
    margin-right: 0.677vw; }
  .homeInforight .username1 {
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 1.48vh;
    color: #232427;
    line-height: 2.037vh;
    text-align: center;
    font-style: normal;
    margin-right: 1.458vw;
    cursor: pointer; }

.stuIssued .buttbox {
  margin-bottom: 2vh;
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  .stuIssued .buttbox .butt {
    margin-left: 0.521vw; }

.stuIssued .cardbox1 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
  .stuIssued .cardbox1 .img1 {
    width: 300px;
    height: 300px;
    margin-top: 100px; }

.stuIssued .fenye {
  margin-top: 8.8vh;
  text-align: center; }

.stuIssued .dialogminbox {
  min-height: 50vh;
  padding: 0 3vw; }
  .stuIssued .dialogminbox .el-table__empty-block {
    height: 50vh !important; }

.stuIssued .innerDialog .el-dialog__header {
  background: #F3F7FF;
  border-radius: 24px 24px 0px 0px; }

.stuIssued .innerDialog .el-dialog {
  border-radius: 24px;
  margin-top: 15vh !important; }

.formbox {
  min-height: 50vh; }
  .formbox .el-select {
    width: 100%; }

.el-table__cell {
  color: #7D8592; }

th {
  color: #434B5B; }

.BZRXZ1 {
  background: #F4F9FD;
  min-height: 100vh; }
  .BZRXZ1 .courseLearningTop {
    margin-top: 2vh;
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 1vw;
    color: #3F8CFF;
    text-align: left;
    font-style: normal; }
  .BZRXZ1 .maincontent {
    padding: 2.778vh 11vw; }
    .BZRXZ1 .maincontent .title {
      margin-top: 5.556vh;
      margin-bottom: 2.778vh;
      display: flex;
      justify-content: flex;
      align-items: center;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      font-size: 2.222vh;
      color: #3F8CFF;
      line-height: 2.222vh;
      text-align: left;
      font-style: normal; }
      .BZRXZ1 .maincontent .title img {
        width: 3.518vh;
        height: 3.518vh; }
    .BZRXZ1 .maincontent .itembox {
      display: flex;
      justify-content: left;
      align-items: center;
      flex-wrap: wrap; }
      .BZRXZ1 .maincontent .itembox .item {
        margin-top: 6vh;
        width: 23.95vw;
        height: 24vh;
        background: #FFFFFF;
        border-radius: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-right: 1.56vw;
        cursor: pointer; }
        .BZRXZ1 .maincontent .itembox .item img {
          width: 8.14vh; }
        .BZRXZ1 .maincontent .itembox .item .bjjingdu {
          margin: 1.85vh 0;
          font-family: PingFangSC, PingFang SC;
          font-weight: 600;
          font-size: 2.96vh;
          color: #333333;
          line-height: 2.96vh;
          font-style: normal; }
        .BZRXZ1 .maincontent .itembox .item .tips {
          font-family: PingFangSC, PingFang SC;
          font-weight: 400;
          font-size: 2.222vh;
          color: #999999;
          line-height: 2.222vh;
          font-style: normal; }

.NewBZRHomePage {
  background: #F3F5FD;
  height: calc(100vh);
  background: url("/content/image/xljkImg/homeBg.png");
  background-size: cover;
  box-sizing: border-box;
  position: relative;
  padding: 3vh 4vw; }
  .NewBZRHomePage .right {
    display: flex;
    justify-content: flex-end;
    align-items: center; }
    .NewBZRHomePage .right .avatar {
      width: 3.426vh;
      height: 3.426vh;
      margin-left: 1.458vw;
      margin-right: 0.677vw; }
    .NewBZRHomePage .right .username {
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      font-size: 1.48vh;
      color: #FFFFFF;
      line-height: 2.037vh;
      text-align: center;
      font-style: normal;
      margin-right: 1.458vw;
      cursor: pointer; }
  .NewBZRHomePage .InterviewHomepageTop {
    display: flex;
    justify-content: space-between; }
    .NewBZRHomePage .InterviewHomepageTop .InterviewHomepageTopLeft .InterviewHomepageTopLeftTitle {
      font-family: PingFangSC, PingFang SC;
      font-size: 2.8vw;
      color: #232427;
      text-align: left;
      font-style: normal;
      margin-top: 20vh; }
    .NewBZRHomePage .InterviewHomepageTop .InterviewHomepageTopLeft .InterviewHomepageTopLeftTag {
      display: flex;
      margin-top: 4vh; }
      .NewBZRHomePage .InterviewHomepageTop .InterviewHomepageTopLeft .InterviewHomepageTopLeftTag .InterviewHomepageTopLeftTags {
        margin-left: 1vw;
        text-align: center;
        width: 16vw;
        height: 5vh;
        line-height: 5vh;
        background: #fff;
        border-radius: 2vw;
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 1vw;
        color: #4E5969;
        font-style: normal; }
    .NewBZRHomePage .InterviewHomepageTop .InterviewHomepageTopRight .InterviewHomepageImg {
      margin-right: 10vw;
      width: 28vw; }
      .NewBZRHomePage .InterviewHomepageTop .InterviewHomepageTopRight .InterviewHomepageImg img {
        width: 100%;
        height: 100%; }
  .NewBZRHomePage .InterviewHomepageBottom {
    margin-top: -4vh; }
    .NewBZRHomePage .InterviewHomepageBottom .InterviewHomepageBottomBox {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .NewBZRHomePage .InterviewHomepageBottom .InterviewHomepageBottomBox .HomepageBottomBox {
        cursor: pointer;
        width: 29vw;
        height: 34vh;
        display: flex;
        border-radius: 16px; }
        .NewBZRHomePage .InterviewHomepageBottom .InterviewHomepageBottomBox .HomepageBottomBox .HomepageBottomBoxLeft {
          padding: 3vh 1.5vw;
          width: 7vw;
          height: 14vh; }
          .NewBZRHomePage .InterviewHomepageBottom .InterviewHomepageBottomBox .HomepageBottomBox .HomepageBottomBoxLeft img {
            width: 100%;
            height: 100%; }
        .NewBZRHomePage .InterviewHomepageBottom .InterviewHomepageBottomBox .HomepageBottomBox .HomepageBottomBoxRight {
          margin-left: 1vw;
          margin-top: 5vh; }
          .NewBZRHomePage .InterviewHomepageBottom .InterviewHomepageBottomBox .HomepageBottomBox .HomepageBottomBoxRight .HomepageBottomBoxRightTop {
            font-family: PingFangSC, PingFang SC;
            font-size: 2vw;
            color: #FFFFFF;
            text-align: left;
            font-style: normal;
            line-height: 10vh; }
          .NewBZRHomePage .InterviewHomepageBottom .InterviewHomepageBottomBox .HomepageBottomBox .HomepageBottomBoxRight .HomepageBottomBoxRightBottom {
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            font-size: 1.4vw;
            color: #FFFFFF;
            font-style: normal;
            margin-left: -8vw;
            margin-top: 6vh; }
      .NewBZRHomePage .InterviewHomepageBottom .InterviewHomepageBottomBox .box1 {
        background: radial-gradient(0% 100% at 0% 0%, #00B8CD 0%, #1DE0C3 100%); }
      .NewBZRHomePage .InterviewHomepageBottom .InterviewHomepageBottomBox .box2 {
        background: radial-gradient(0% 100% at 0% 0%, #2C79F9 0%, #56ADFF 100%); }
      .NewBZRHomePage .InterviewHomepageBottom .InterviewHomepageBottomBox .box3 {
        background: radial-gradient(0% 95% at 0% 0%, #FF7E27 0%, #FFAA41 100%); }

.BZRnavbox .XDnav {
  width: 100%;
  height: 6.48vh;
  background: #3F8CFF;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .BZRnavbox .XDnav .left {
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .BZRnavbox .XDnav .left .logoImg {
      width: 30px;
      height: 30px;
      margin-left: 1.56vw;
      margin-right: 1.04vw; }
    .BZRnavbox .XDnav .left .title {
      font-family: PingFangSC, PingFang SC;
      font-weight: 600;
      font-size: 2.222vh;
      color: #FFFFFF;
      line-height: 3.055vh;
      text-align: left;
      font-style: normal; }
  .BZRnavbox .XDnav .right {
    display: flex;
    justify-content: flex-end;
    align-items: center; }
    .BZRnavbox .XDnav .right .avatar {
      width: 3.426vh;
      height: 3.426vh;
      margin-left: 1.458vw;
      margin-right: 0.677vw; }
    .BZRnavbox .XDnav .right .username {
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      font-size: 1.48vh;
      color: #FFFFFF;
      line-height: 2.037vh;
      text-align: center;
      font-style: normal;
      margin-right: 1.458vw;
      cursor: pointer; }

.BZRnavbox .mbxbox {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 4.629vh;
  background: #FFFFFF;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 1.296vh;
  color: #6C6EA9;
  line-height: 2.037vh;
  text-align: left;
  font-style: normal; }

.BZRnavbox .yemiandaohang {
  cursor: pointer;
  font-size: 1.5vh; }

.BZRnavbox .active {
  color: #151861; }

.NewftInterviewHomepage {
  background: #F3F5FD;
  height: calc(100vh);
  background: url("/content/image/xljkImg/homeBg.png");
  background-size: cover;
  box-sizing: border-box;
  position: relative;
  padding: 3vh 4vw; }
  .NewftInterviewHomepage .InterviewHomepageTop {
    display: flex;
    justify-content: space-between; }
    .NewftInterviewHomepage .InterviewHomepageTop .InterviewHomepageTopLeft .InterviewHomepageTopLeftTitle {
      font-family: PingFangSC, PingFang SC;
      font-size: 2.8vw;
      color: #232427;
      text-align: left;
      font-style: normal;
      margin-top: 20vh; }
    .NewftInterviewHomepage .InterviewHomepageTop .InterviewHomepageTopLeft .InterviewHomepageTopLeftTag {
      display: flex;
      margin-top: 4vh; }
      .NewftInterviewHomepage .InterviewHomepageTop .InterviewHomepageTopLeft .InterviewHomepageTopLeftTag .InterviewHomepageTopLeftTags {
        margin-left: 1vw;
        text-align: center;
        width: 16vw;
        height: 5vh;
        line-height: 5vh;
        background: #fff;
        border-radius: 2vw;
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 1vw;
        color: #4E5969;
        font-style: normal; }
    .NewftInterviewHomepage .InterviewHomepageTop .InterviewHomepageTopRight .InterviewHomepageImg {
      margin-right: 10vw;
      width: 28vw; }
      .NewftInterviewHomepage .InterviewHomepageTop .InterviewHomepageTopRight .InterviewHomepageImg img {
        width: 100%;
        height: 100%; }
  .NewftInterviewHomepage .InterviewHomepageBottom {
    margin-top: -6vh; }
    .NewftInterviewHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .NewftInterviewHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .HomepageBottomBox {
        cursor: pointer;
        width: 29vw;
        height: 38vh;
        border-radius: 16px; }
        .NewftInterviewHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .HomepageBottomBox .HomepageBottomBoxLeft {
          padding: 3vh 1.5vw;
          width: 7vw;
          height: 14vh; }
          .NewftInterviewHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .HomepageBottomBox .HomepageBottomBoxLeft img {
            width: 100%;
            height: 100%; }
        .NewftInterviewHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .HomepageBottomBox .HomepageBottomBoxRight {
          margin-left: 2.5vw; }
          .NewftInterviewHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .HomepageBottomBox .HomepageBottomBoxRight .HomepageBottomBoxRightTop {
            font-family: PingFangSC, PingFang SC;
            font-size: 2vw;
            color: #FFFFFF;
            text-align: left;
            font-style: normal;
            line-height: 9vh; }
          .NewftInterviewHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .HomepageBottomBox .HomepageBottomBoxRight .HomepageBottomBoxRightBottom {
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            font-size: 1.4vw;
            color: #FFFFFF;
            font-style: normal; }
      .NewftInterviewHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .box1 {
        background: radial-gradient(0% 100% at 0% 0%, #2C79F9 0%, #56ADFF 100%); }
      .NewftInterviewHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .box2 {
        background: radial-gradient(0% 100% at 0% 0%, #00B8CD 0%, #1DE0C3 100%); }
      .NewftInterviewHomepage .InterviewHomepageBottom .InterviewHomepageBottomBox .box3 {
        background: radial-gradient(0% 95% at 0% 0%, #FF7E27 0%, #FFAA41 100%); }

@charset "UTF-8";
.taskList {
  background: #F4F9FD;
  min-height: 100vh; }
  .taskList .el-menu {
    border-right: none; }
  .taskList .cardbox1 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 5vh; }
    .taskList .cardbox1 .img1 {
      width: 300px;
      height: 300px;
      margin-top: 10px; }
  .taskList .el-table__empty-block {
    height: 40vh !important; }
  .taskList .view-text {
    /**
        思路：
        1.设置inline-block属相
        2.强制不换行
        3.固定宽度
        4.隐藏超出部分
        5.显示“……”
        */
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .taskList .maincontent {
    padding: 2.778vh 1.562vw;
    box-sizing: border-box;
    background: #fff;
    min-height: 86vh;
    margin-top: 2vh; }
    .taskList .maincontent .fenye {
      text-align: center; }
    .taskList .maincontent .buttbox1 {
      display: flex;
      justify-content: flex-end;
      align-items: center; }
      .taskList .maincontent .buttbox1 .butt {
        margin-left: 0.521vw; }
    .taskList .maincontent .buttbox2 {
      display: flex;
      justify-content: center;
      align-items: center; }
    .taskList .maincontent .shenheFormformbox .buttbox {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center; }
    .taskList .maincontent .shenheFormformbox .el-select {
      width: 100%; }

.renwuxiangqing .rightfds .titleboxkong {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 1.8518vh 0; }

.renwuxiangqing .rightfds .titlebox .firsthang {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.renwuxiangqing .rightfds .titlebox .title {
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 2.92vh;
  color: #0A1629;
  line-height: 2.92vh;
  text-align: left;
  font-style: normal; }

.renwuxiangqing .rightfds .titlebox .infobox {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 1.6667vh;
  color: #999999;
  line-height: 1.6667vh;
  text-align: left;
  font-style: normal;
  margin: 1.8518vh 0; }
  .renwuxiangqing .rightfds .titlebox .infobox span {
    margin-right: 10px; }
  .renwuxiangqing .rightfds .titlebox .infobox p {
    margin-top: 2vh;
    line-height: 1.5; }

.renwuxiangqing .rightfds .articalbox {
  min-height: 30vh;
  background: #FFFFFF;
  border-radius: 24px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 1.6667vh;
  line-height: 3.3333vh;
  text-align: justify;
  font-style: normal;
  padding: 2.222vh 1.5625vw;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden; }
  .renwuxiangqing .rightfds .articalbox .zanwushuju {
    margin-top: 15vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    .renwuxiangqing .rightfds .articalbox .zanwushuju .text {
      margin-top: 1vh; }
  .renwuxiangqing .rightfds .articalbox .zhengwen {
    min-height: 38.88vh; }
  .renwuxiangqing .rightfds .articalbox .luokuan {
    margin-top: 2vh;
    color: #999999;
    opacity: 0.7; }
  .renwuxiangqing .rightfds .articalbox .fujian {
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 1.6667vh;
    color: #878889;
    line-height: 1.6667vh;
    text-align: left;
    font-style: normal;
    margin-top: 2.778vh;
    margin-bottom: 1.2vh; }
  .renwuxiangqing .rightfds .articalbox .fujianbox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 7.4vh;
    background: #FFFFFF;
    border-radius: 12px;
    border: 1px solid #D8DDE6;
    margin-top: 1vh; }
    .renwuxiangqing .rightfds .articalbox .fujianbox .left2 {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      padding-left: 1.04vw;
      box-sizing: border-box; }
      .renwuxiangqing .rightfds .articalbox .fujianbox .left2 .logoImg {
        width: 3.70vh;
        height: 3.70vh;
        margin-right: 1.04vw; }
      .renwuxiangqing .rightfds .articalbox .fujianbox .left2 .title {
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        font-size: 1.66667vh;
        color: #000001;
        line-height: 1.66667vh;
        text-align: left;
        font-style: normal; }
      .renwuxiangqing .rightfds .articalbox .fujianbox .left2 .daxiao {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 1.481vh;
        color: #6F737B;
        line-height: 1.481vh;
        text-align: left;
        font-style: normal; }
    .renwuxiangqing .rightfds .articalbox .fujianbox .right2 {
      display: flex;
      justify-content: flex-end;
      align-items: center; }
      .renwuxiangqing .rightfds .articalbox .fujianbox .right2 p {
        margin-right: 3.7vw; }
      .renwuxiangqing .rightfds .articalbox .fujianbox .right2 span {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 1.481vh;
        color: #0A1629;
        line-height: 2.96vh;
        text-align: justify;
        font-style: normal; }

.BZRXZ1 {
  background: #F4F9FD;
  min-height: 100vh; }
  .BZRXZ1 .courseLearningTop {
    margin-top: 2vh;
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 1vw;
    color: #3F8CFF;
    text-align: left;
    font-style: normal; }
  .BZRXZ1 .maincontent {
    padding: 2.778vh 11vw; }
    .BZRXZ1 .maincontent .title {
      margin-top: 5.556vh;
      margin-bottom: 2.778vh;
      display: flex;
      justify-content: flex;
      align-items: center;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      font-size: 2.222vh;
      color: #3F8CFF;
      line-height: 2.222vh;
      text-align: left;
      font-style: normal; }
      .BZRXZ1 .maincontent .title img {
        width: 3.518vh;
        height: 3.518vh; }
    .BZRXZ1 .maincontent .itembox {
      display: flex;
      justify-content: left;
      align-items: center;
      flex-wrap: wrap; }
      .BZRXZ1 .maincontent .itembox .item {
        margin-top: 6vh;
        width: 23.95vw;
        height: 24vh;
        background: #FFFFFF;
        border-radius: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-right: 1.56vw;
        cursor: pointer; }
        .BZRXZ1 .maincontent .itembox .item img {
          width: 8.14vh; }
        .BZRXZ1 .maincontent .itembox .item .bjjingdu {
          margin: 1.85vh 0;
          font-family: PingFangSC, PingFang SC;
          font-weight: 600;
          font-size: 2.96vh;
          color: #333333;
          line-height: 2.96vh;
          font-style: normal; }
        .BZRXZ1 .maincontent .itembox .item .tips {
          font-family: PingFangSC, PingFang SC;
          font-weight: 400;
          font-size: 2.222vh;
          color: #999999;
          line-height: 2.222vh;
          font-style: normal; }

.BZRXZ1 {
  background: #F4F9FD;
  min-height: 100vh; }
  .BZRXZ1 .courseLearningTop {
    margin-top: 2vh;
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 1vw;
    color: #3F8CFF;
    text-align: left;
    font-style: normal; }
  .BZRXZ1 .maincontent {
    padding: 2.778vh 11vw; }
    .BZRXZ1 .maincontent .title {
      margin-top: 5.556vh;
      margin-bottom: 2.778vh;
      display: flex;
      justify-content: flex;
      align-items: center;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      font-size: 2.222vh;
      color: #3F8CFF;
      line-height: 2.222vh;
      text-align: left;
      font-style: normal; }
      .BZRXZ1 .maincontent .title img {
        width: 3.518vh;
        height: 3.518vh; }
    .BZRXZ1 .maincontent .itembox {
      display: flex;
      justify-content: left;
      align-items: center;
      flex-wrap: wrap; }
      .BZRXZ1 .maincontent .itembox .item {
        margin-top: 6vh;
        width: 23.95vw;
        height: 24vh;
        background: #FFFFFF;
        border-radius: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-right: 1.56vw;
        cursor: pointer; }
        .BZRXZ1 .maincontent .itembox .item img {
          width: 8.14vh; }
        .BZRXZ1 .maincontent .itembox .item .bjjingdu {
          margin: 1.85vh 0;
          font-family: PingFangSC, PingFang SC;
          font-weight: 600;
          font-size: 2.96vh;
          color: #333333;
          line-height: 2.96vh;
          font-style: normal; }
        .BZRXZ1 .maincontent .itembox .item .tips {
          font-family: PingFangSC, PingFang SC;
          font-weight: 400;
          font-size: 2.222vh;
          color: #999999;
          line-height: 2.222vh;
          font-style: normal; }

@charset "UTF-8";
.createTask {
  background: #F4F9FD; }
  .createTask .aactive {
    border: 1px solid #3F8CFF; }
  .createTask .maincontent12 {
    padding: 2.778vh 1.562vw;
    background: #fff;
    margin-top: 2vh;
    min-height: 80vh; }
    .createTask .maincontent12 .titlebox {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      margin-bottom: 2.5vh; }
      .createTask .maincontent12 .titlebox .logoImg {
        width: 3.518vh;
        height: 3.518vh;
        margin-right: 10px; }
      .createTask .maincontent12 .titlebox .zlxz {
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        font-size: 2.222vh;
        color: #3F8CFF;
        line-height: 2.222vh;
        text-align: left;
        font-style: normal; }
    .createTask .maincontent12 .formbox_Notice .labeltex {
      margin-bottom: 0.5vh; }
    .createTask .maincontent12 .fanwei {
      cursor: pointer; }
  .createTask #editor—wrapper {
    border: 1px solid #ccc;
    z-index: 100;
    /* 按需定义 */ }
  .createTask #toolbar-container {
    border-bottom: 1px solid #ccc; }
  .createTask #editor-container {
    height: 500px; }
  .createTask .el-icon-document {
    height: 20px; }
  .createTask .el-select {
    width: 100%; }

.BZRdialog .buttbox {
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  .BZRdialog .buttbox .butt {
    margin-left: 0.521vw; }

.BZRdialog .fenye {
  margin-top: 8.8vh;
  text-align: center; }

.BZRdialog .dialogminbox {
  min-height: 50vh; }
  .BZRdialog .dialogminbox .el-table__empty-block {
    height: 50vh !important; }

.BZRdialog .innerDialog .el-dialog__header {
  background: #F3F7FF;
  border-radius: 24px 24px 0px 0px; }

.BZRdialog .innerDialog .el-dialog {
  border-radius: 24px;
  margin-top: 15vh !important; }

.formbox .el-select {
  width: 100%; }

.card {
  width: 100%;
  height: 80vh;
  margin-top: 2vh;
  background: #FFFFFF;
  border-radius: .6vw;
  padding: 3vh 1vw;
  box-sizing: border-box; }
  .card .select {
    margin-bottom: 1vh;
    display: flex; }

.gzzshenheDialog .buttbox {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }

.gzzshenheDialog .fenye {
  margin-top: 8.8vh;
  text-align: center; }

.gzzshenheDialog .dialogminbox .el-table__empty-block {
  height: 50vh !important; }

.gzzshenheDialog .innerDialog .el-dialog__header {
  background: #F3F7FF;
  border-radius: 24px 24px 0px 0px; }

.gzzshenheDialog .innerDialog .el-dialog {
  border-radius: 24px;
  margin-top: 15vh !important; }

.formbox .el-select {
  width: 100%; }

.buttbox {
  display: flex;
  justify-content: center;
  align-items: center; }

.gzzshenhe1 .maincontent1 .rightgzzshenhe {
  width: 100%;
  background: #FFFFFF;
  border-radius: 24px;
  box-sizing: border-box; }
  .gzzshenhe1 .maincontent1 .rightgzzshenhe .yylistbox {
    min-height: 52vh; }
    .gzzshenhe1 .maincontent1 .rightgzzshenhe .yylistbox .hang11 {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .gzzshenhe1 .maincontent1 .rightgzzshenhe .yylistbox .hang11 .titlebox {
        display: flex;
        align-items: center; }
        .gzzshenhe1 .maincontent1 .rightgzzshenhe .yylistbox .hang11 .titlebox img {
          width: 3.518vh;
          height: 3.518vh;
          margin-right: 0.521vw; }
        .gzzshenhe1 .maincontent1 .rightgzzshenhe .yylistbox .hang11 .titlebox .yuyueList {
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 2.222vh;
          color: #3F8CFF;
          line-height: 2.222vh;
          text-align: left;
          font-style: normal; }
    .gzzshenhe1 .maincontent1 .rightgzzshenhe .yylistbox .kongbox {
      width: 100%;
      height: 30vh;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column; }
      .gzzshenhe1 .maincontent1 .rightgzzshenhe .yylistbox .kongbox img {
        width: 15vh;
        height: 15vh; }
      .gzzshenhe1 .maincontent1 .rightgzzshenhe .yylistbox .kongbox p {
        font-size: 1.4vh;
        margin: 0 auto;
        margin-top: 1.5vh;
        text-align: center; }
    .gzzshenhe1 .maincontent1 .rightgzzshenhe .yylistbox .interviewLScardList1 {
      margin-top: 1vh;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: flex-start;
      min-height: 30vh; }
      .gzzshenhe1 .maincontent1 .rightgzzshenhe .yylistbox .interviewLScardList1 .interviewLScardListItem {
        padding: 1.5vh 1vw;
        box-sizing: border-box;
        width: 28vw;
        background: #F4F9FD;
        border-radius: .6vw;
        margin: 0 .8vw;
        margin-top: 1.5vh;
        min-height: 12vh; }
        .gzzshenhe1 .maincontent1 .rightgzzshenhe .yylistbox .interviewLScardList1 .interviewLScardListItem .topInfo {
          display: flex;
          align-items: center;
          justify-content: space-between;
          border-bottom: .1vh solid #E6E6E6;
          padding-bottom: 1vh;
          box-sizing: border-box;
          min-height: 7vh; }
          .gzzshenhe1 .maincontent1 .rightgzzshenhe .yylistbox .interviewLScardList1 .interviewLScardListItem .topInfo .topinfoleft {
            display: flex;
            justify-content: flex-start;
            align-items: center; }
            .gzzshenhe1 .maincontent1 .rightgzzshenhe .yylistbox .interviewLScardList1 .interviewLScardListItem .topInfo .topinfoleft .topInfoHeader img {
              width: 4vh;
              height: 4vh; }
            .gzzshenhe1 .maincontent1 .rightgzzshenhe .yylistbox .interviewLScardList1 .interviewLScardListItem .topInfo .topinfoleft .topInfoName {
              margin-left: 1vw;
              line-height: 4vh;
              font-size: 1.2vw; }
          .gzzshenhe1 .maincontent1 .rightgzzshenhe .yylistbox .interviewLScardList1 .interviewLScardListItem .topInfo .topInforight img {
            width: 5.55vh; }
        .gzzshenhe1 .maincontent1 .rightgzzshenhe .yylistbox .interviewLScardList1 .interviewLScardListItem .bottomInfo {
          padding-top: 1vh;
          box-sizing: border-box;
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          color: #4E5969; }
          .gzzshenhe1 .maincontent1 .rightgzzshenhe .yylistbox .interviewLScardList1 .interviewLScardListItem .bottomInfo .bottomItem {
            width: 14vw;
            line-height: 3.4vh;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            cursor: pointer; }
            .gzzshenhe1 .maincontent1 .rightgzzshenhe .yylistbox .interviewLScardList1 .interviewLScardListItem .bottomInfo .bottomItem:hover {
              color: #3F8CFF; }
        .gzzshenhe1 .maincontent1 .rightgzzshenhe .yylistbox .interviewLScardList1 .interviewLScardListItem .bottomButton {
          margin-left: auto;
          width: 6vw;
          height: 4vh;
          border-radius: 1vw;
          line-height: 4vh;
          text-align: center;
          cursor: pointer;
          color: #fff;
          background: linear-gradient(270deg, #5AA1FD 0%, #3B83FA 100%); }
  .gzzshenhe1 .maincontent1 .rightgzzshenhe .fenye {
    text-align: center;
    margin-top: 1.778vh; }

.XDnotice {
  background: #F4F9FD;
  min-height: 100vh; }
  .XDnotice .maincontent {
    padding: 2.778vh 1.562vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    .XDnotice .maincontent .left {
      width: 26vw;
      height: 83.3vh;
      background: #FFFFFF;
      margin-right: 1.042vw;
      box-sizing: border-box;
      border-radius: 24px;
      padding: 2.778vh 1.562vw; }
      .XDnotice .maincontent .left .bigbox {
        height: 65vh;
        overflow-y: auto;
        overflow-x: hidden;
        background: #fff; }
        .XDnotice .maincontent .left .bigbox .more {
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 1.48vh;
          cursor: pointer;
          margin-top: 1vh;
          margin-bottom: 1vh; }
        .XDnotice .maincontent .left .bigbox .zanwushuju {
          margin-top: 15vh;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column; }
          .XDnotice .maincontent .left .bigbox .zanwushuju .text {
            margin-top: 1vh; }
      .XDnotice .maincontent .left .titlebox {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 2.5vh; }
        .XDnotice .maincontent .left .titlebox .logoImg {
          width: 3.518vh;
          height: 3.518vh;
          margin-right: 10px; }
        .XDnotice .maincontent .left .titlebox .zlxz {
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 2.222vh;
          color: #3F8CFF;
          line-height: 2.222vh;
          text-align: left;
          font-style: normal; }
      .XDnotice .maincontent .left .tabsbox {
        display: flex;
        align-items: center;
        width: 22.91vw;
        height: 5.5556vh;
        background: #F3F8FC;
        border-radius: 30px; }
        .XDnotice .maincontent .left .tabsbox .tabsitem {
          width: 100%;
          height: 4.629vh;
          display: flex;
          justify-content: center;
          align-items: center;
          border-radius: 25px;
          font-family: PingFangSC, PingFang SC;
          font-weight: 400;
          font-size: 2.222vh;
          color: #0A1629;
          line-height: 3.056vh;
          text-align: right;
          font-style: normal;
          cursor: pointer; }
        .XDnotice .maincontent .left .tabsbox .active {
          background: #3F8CFF;
          color: #FFFFFF; }
      .XDnotice .maincontent .left .listbox .activelistbox {
        border: 2px solid #3F8CFF; }
      .XDnotice .maincontent .left .listbox .listitem {
        margin-top: 1.8518vh;
        width: 22.92vw;
        height: 11.11vh;
        background: #F8F8F8;
        border-radius: 12px;
        padding: 1.582vh 1.042vw;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: flex-start; }
        .XDnotice .maincontent .left .listbox .listitem .left1 .logoImg {
          margin-right: 0.521vw; }
        .XDnotice .maincontent .left .listbox .listitem .right .title {
          width: 18.23vw;
          height: 4.444vh;
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 18px;
          color: #3F8CFF;
          line-height: 24px;
          text-align: justify;
          font-style: normal; }
        .XDnotice .maincontent .left .listbox .listitem .right .bottombox {
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin-top: 1.574vh;
          font-family: PingFangSC, PingFang SC;
          font-weight: 400;
          font-size: 1.481vh;
          color: #999999;
          line-height: 1.481vh;
          text-align: left;
          font-style: normal; }
    .XDnotice .maincontent .right .titleboxkong {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      width: 100%;
      margin: 1.8518vh 0; }
    .XDnotice .maincontent .right .titlebox .firsthang {
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .XDnotice .maincontent .right .titlebox .title {
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      font-size: 2.92vh;
      color: #0A1629;
      line-height: 2.92vh;
      text-align: left;
      font-style: normal; }
    .XDnotice .maincontent .right .titlebox .infobox {
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      font-size: 1.6667vh;
      color: #999999;
      line-height: 1.6667vh;
      text-align: left;
      font-style: normal;
      margin: 1.8518vh 0; }
      .XDnotice .maincontent .right .titlebox .infobox span {
        margin-right: 10px; }
    .XDnotice .maincontent .right .articalbox {
      width: 69.79vw;
      height: 75vh;
      background: #FFFFFF;
      border-radius: 24px;
      font-family: PingFangSC, PingFang SC;
      font-weight: 400;
      font-size: 1.6667vh;
      line-height: 3.3333vh;
      text-align: justify;
      font-style: normal;
      padding: 2.222vh 1.5625vw;
      box-sizing: border-box;
      overflow-y: auto;
      overflow-x: hidden; }
      .XDnotice .maincontent .right .articalbox .zanwushuju {
        margin-top: 15vh;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column; }
        .XDnotice .maincontent .right .articalbox .zanwushuju .text {
          margin-top: 1vh; }
      .XDnotice .maincontent .right .articalbox .zhengwen {
        color: #999999;
        min-height: 38.88vh; }
      .XDnotice .maincontent .right .articalbox .luokuan {
        margin-top: 2vh;
        color: #999999;
        opacity: 0.7; }
      .XDnotice .maincontent .right .articalbox .fujian {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 1.6667vh;
        color: #878889;
        line-height: 1.6667vh;
        text-align: left;
        font-style: normal;
        margin-top: 2.778vh;
        margin-bottom: 1.2vh; }
      .XDnotice .maincontent .right .articalbox .fujianbox {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 66.66vw;
        height: 7.4vh;
        background: #FFFFFF;
        border-radius: 12px;
        border: 1px solid #D8DDE6;
        margin-top: 1vh; }
        .XDnotice .maincontent .right .articalbox .fujianbox .left2 {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          padding-left: 1.04vw;
          box-sizing: border-box; }
          .XDnotice .maincontent .right .articalbox .fujianbox .left2 .logoImg {
            width: 3.70vh;
            height: 3.70vh;
            margin-right: 1.04vw; }
          .XDnotice .maincontent .right .articalbox .fujianbox .left2 .title {
            font-family: PingFangSC, PingFang SC;
            font-weight: 500;
            font-size: 1.66667vh;
            color: #000001;
            line-height: 1.66667vh;
            text-align: left;
            font-style: normal; }
          .XDnotice .maincontent .right .articalbox .fujianbox .left2 .daxiao {
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            font-size: 1.481vh;
            color: #6F737B;
            line-height: 1.481vh;
            text-align: left;
            font-style: normal; }
        .XDnotice .maincontent .right .articalbox .fujianbox .right2 {
          display: flex;
          justify-content: flex-end;
          align-items: center; }
          .XDnotice .maincontent .right .articalbox .fujianbox .right2 p {
            margin-right: 3.7vw; }
          .XDnotice .maincontent .right .articalbox .fujianbox .right2 span {
            font-family: PingFangSC, PingFang SC;
            font-weight: 400;
            font-size: 1.481vh;
            color: #0A1629;
            line-height: 2.96vh;
            text-align: justify;
            font-style: normal; }

.XDStujingduDialog .buttbox {
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  .XDStujingduDialog .buttbox .butt {
    margin-left: 0.521vw; }

.XDStujingduDialog .fenye {
  margin-top: 8.8vh;
  text-align: center; }

.XDStujingduDialog .dialogminbox {
  min-height: 50vh; }
  .XDStujingduDialog .dialogminbox .el-table__empty-block {
    height: 50vh !important; }

.XDStujingduDialog .innerDialog .el-dialog__header {
  background: #F3F7FF;
  border-radius: 24px 24px 0px 0px; }

.XDStujingduDialog .innerDialog .el-dialog {
  border-radius: 24px;
  margin-top: 15vh !important; }

.XDStujingduDialog .jindubox {
  display: flex;
  justify-content: flex-start;
  align-items: center; }
  .XDStujingduDialog .jindubox .total {
    width: calc(100% - 80px);
    height: 0.55vh;
    background: rgba(0, 0, 0, 0.04);
    overflow-x: hidden; }
    .XDStujingduDialog .jindubox .total .done {
      height: 100%;
      border-radius: 8px; }

.formbox .el-select {
  width: 100%; }

.XDStujingduDialog .buttbox {
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  .XDStujingduDialog .buttbox .butt {
    margin-left: 0.521vw; }

.XDStujingduDialog .cardbox1 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
  .XDStujingduDialog .cardbox1 .img1 {
    width: 300px;
    height: 300px;
    margin-top: 100px; }

.XDStujingduDialog .fenye {
  margin-top: 8.8vh;
  text-align: center; }

.XDStujingduDialog .dialogminbox {
  min-height: 50vh; }
  .XDStujingduDialog .dialogminbox .el-table__empty-block {
    height: 50vh !important; }

.XDStujingduDialog .innerDialog .el-dialog__header {
  background: #F3F7FF;
  border-radius: 24px 24px 0px 0px; }

.XDStujingduDialog .innerDialog .el-dialog {
  border-radius: 24px;
  margin-top: 15vh !important; }

.XDStujingduDialog .jindubox {
  display: flex;
  justify-content: flex-start;
  align-items: center; }
  .XDStujingduDialog .jindubox .total {
    width: calc(100% - 80px);
    height: 0.55vh;
    background: rgba(0, 0, 0, 0.04); }
    .XDStujingduDialog .jindubox .total .done {
      height: 100%;
      border-radius: 8px; }

.formbox .el-select {
  width: 100%; }

.computerRoomInfo1 .formbox {
  min-height: 50vh; }
  .computerRoomInfo1 .formbox .el-col-8 {
    height: 11vh; }
  .computerRoomInfo1 .formbox .el-select {
    width: 100%; }
  .computerRoomInfo1 .formbox .el-form {
    height: 60vh;
    overflow-y: auto;
    overflow-x: hidden; }
  .computerRoomInfo1 .formbox .el-input-number {
    width: 100%; }
  .computerRoomInfo1 .formbox .el-date-editor.el-input, .computerRoomInfo1 .formbox .el-date-editor.el-input__inner {
    width: 100%; }

.computerRoomInfo1 .is-bordered {
  border: none !important; }

.computerRoomInfo1 .buttbox1 {
  display: flex;
  justify-content: center;
  align-items: center; }
  .computerRoomInfo1 .buttbox1 .butt {
    width: 15vw; }

.fenye {
  margin-top: 4vh !important; }

.ljyj {
  width: 100%;
  background: url("/content/image/xljkImg/YJBG.png");
  background-size: cover;
  box-sizing: border-box;
  position: relative;
  height: 100%; }
  .ljyj .vhtml {
    color: #666;
    font-size: 1vw;
    margin-top: 1vh; }
  .ljyj .ljyjlist .lists {
    margin-top: 6vh;
    box-sizing: border-box;
    padding: 2vw;
    min-height: 12vh;
    background: linear-gradient(0, #F3FAFF 0%, #FFFFFD 100%);
    box-shadow: 0px 0px 11px 0px rgba(179, 221, 255, 0.19);
    border-radius: 24px;
    border: 1px solid #ABD5FF; }
    .ljyj .ljyjlist .lists .listTitle {
      margin-top: -6vh;
      padding: .8vh 1vw;
      text-align: left;
      background: #D6EAFF;
      border-radius: 25px;
      color: #2B4075;
      font-size: 1vw;
      display: inline-block; }
    .ljyj .ljyjlist .lists .listInfo {
      color: #5B6570;
      font-size: 1vw;
      margin-top: 2vh; }
      .ljyj .ljyjlist .lists .listInfo p {
        line-height: 4vh; }
  .ljyj .bottomButton {
    border: none;
    width: 6vw;
    height: 4vh;
    border-radius: 1vw;
    line-height: 4vh;
    text-align: center;
    margin: 0 auto;
    margin-top: 4vh;
    margin-left: 31vw;
    cursor: pointer;
    color: #fff;
    background: linear-gradient(270deg, #5AA1FD 0%, #3B83FA 100%); }
  .ljyj .ljyjCard {
    width: 70vw;
    margin: 0 auto;
    margin-top: 2vh;
    box-shadow: 0px 12px 34px 0px rgba(82, 146, 236, 0.08), inset 0px 2px 0px 0px #FFFFFF; }
    .ljyj .ljyjCard .ljyjCardTitle {
      font-family: PingFangSC, PingFang SC;
      font-size: 1.5vw;
      color: #FFFFFF;
      line-height: 80px;
      text-align: center;
      font-style: normal;
      background: linear-gradient(0, #5FACFF 0%, #3B83FA 100%);
      height: 80px;
      width: 100%;
      border-radius: 16px 16px 0 0; }
    .ljyj .ljyjCard .ljyjCardInfo {
      overflow: auto;
      background: #fff;
      height: 70vh;
      border-radius: 0 0 16px 16px;
      padding: 1vw;
      box-sizing: border-box; }
      .ljyj .ljyjCard .ljyjCardInfo .ljyjCardInfos {
        padding-bottom: 2vh;
        border-bottom: 1px dashed #BFCAD6; }
        .ljyj .ljyjCard .ljyjCardInfo .ljyjCardInfos .ljyjCardInfoSTitles {
          margin-top: 2vh;
          font-family: PingFangSC, PingFang SC;
          font-size: 24px;
          color: #232427;
          line-height: 28px;
          text-align: justify;
          font-style: normal; }
        .ljyj .ljyjCard .ljyjCardInfo .ljyjCardInfos .ljyjCardInfoSTitless {
          margin-top: 2vh;
          font-family: PingFangSC, PingFang SC;
          font-size: 22px;
          color: #999;
          line-height: 28px;
          text-align: justify;
          font-style: normal; }
        .ljyj .ljyjCard .ljyjCardInfo .ljyjCardInfos .ljyjCardInfoSTitle {
          margin-top: 2vh;
          font-family: PingFangSC, PingFang SC;
          font-size: 1vw;
          color: #232427;
          text-align: justify;
          font-style: normal; }
        .ljyj .ljyjCard .ljyjCardInfo .ljyjCardInfos .ljyjCardInfoSAn {
          font-family: PingFangSC, PingFang SC;
          font-weight: 400;
          font-size: 1vw;
          color: #0A1629;
          line-height: 32px;
          text-align: justify;
          font-style: normal;
          margin-top: 1vh; }
        .ljyj .ljyjCard .ljyjCardInfo .ljyjCardInfos .ljyjCardInfoSInput {
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          margin-top: 2vh;
          font-size: 1vw;
          color: #0A1629;
          line-height: 18px;
          text-align: left;
          font-style: normal; }

.pilotSchoolQuaInfo .footerbox1 {
  display: flex;
  justify-content: center;
  align-items: center; }
  .pilotSchoolQuaInfo .footerbox1 .butt {
    width: 15vw; }

.pilotSchoolQuaInfo .formbox {
  min-height: 50vh; }
  .pilotSchoolQuaInfo .formbox .el-col-8 {
    height: 11vh; }
  .pilotSchoolQuaInfo .formbox .el-select {
    width: 100%; }
  .pilotSchoolQuaInfo .formbox .el-form {
    height: 60vh;
    overflow-y: auto;
    overflow-x: hidden; }
  .pilotSchoolQuaInfo .formbox .el-input-number {
    width: 100%; }
  .pilotSchoolQuaInfo .formbox .el-date-editor.el-input, .pilotSchoolQuaInfo .formbox .el-date-editor.el-input__inner {
    width: 100%; }

@charset "UTF-8";
.classInfoUpload .buttonhang {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.classInfoUpload .el-table__empty-block {
  height: 30vh !important; }

.classInfoUpload .fenye {
  text-align: center;
  marginn-top: 4vh; }

.classInfoUpload .el-col-8 {
  height: 11vh; }

.classInfoUpload .el-select {
  width: 100%; }

.classInfoUpload .cardbox1 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }

.classInfoUpload .buttbox1 {
  display: flex;
  justify-content: center;
  align-items: center; }
  .classInfoUpload .buttbox1 .butt {
    width: 15vw; }

.classInfoUpload .el-form {
  overflow-y: auto;
  overflow-x: hidden; }

.classInfoUpload .el-input-number {
  width: 100%; }

.classInfoUpload .el-date-editor.el-input, .classInfoUpload .el-date-editor.el-input__inner {
  width: 100%; }

.classInfoUpload .el-table__cell {
  color: #7D8592; }

.classInfoUpload th {
  color: #434B5B; }

.classInfoUpload .buttbox1 {
  display: flex;
  justify-content: center;
  align-items: center; }

/* 专业弹框样式 */
.specialty-dialog {
  padding: 20px;
  text-align: center; }
  .specialty-dialog .desc {
    font-size: 16px;
    color: #434B5B;
    margin-bottom: 30px; }
  .specialty-dialog .specialty-container {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-bottom: 40px;
    flex-wrap: wrap; }
  .specialty-dialog .specialty-card {
    height: 250px;
    background: url("/content/image/xljkImg/qrzybg.png") center/cover no-repeat;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding: 16px 20px;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease; }
  .specialty-dialog .specialty-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }
  .specialty-dialog .specialty-card.selected {
    border: 3px solid #409EFF;
    background-color: rgba(64, 158, 255, 0.1);
    box-shadow: 0 8px 25px rgba(64, 158, 255, 0.3); }
  .specialty-dialog .selected-indicator {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 24px;
    height: 24px;
    background-color: #409EFF;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600;
    z-index: 3; }
  .specialty-dialog .specialty-card .specialty-name {
    position: relative;
    z-index: 2;
    font-size: 18px;
    font-weight: 700;
    color: #434B5B;
    margin-bottom: 6px;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.35); }
  .specialty-dialog .specialty-card .specialty-code {
    position: relative;
    z-index: 2;
    font-size: 14px;
    color: #434B5B;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); }
  .specialty-dialog .specialty-card .specialty-code .code {
    color: #0A57FF;
    font-weight: 600; }

/* 上报专业弹框样式 */
.report-specialty {
  padding: 20px; }
  .report-specialty .tip-text {
    color: #434B5B;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 30px;
    text-align: left; }
    .report-specialty .tip-text .code {
      color: #0A57FF;
      font-weight: 500; }
  .report-specialty .specialty-inputs {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px; }
    .report-specialty .specialty-inputs .label {
      width: 60px;
      font-size: 14px;
      color: #434B5B;
      font-weight: 500; }

.xljk-classInfoUpload_xa .buttonhang {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.xljk-classInfoUpload_xa .el-table__empty-block {
  height: 30vh !important; }

.xljk-classInfoUpload_xa .fenye {
  text-align: center;
  marginn-top: 4vh; }

.xljk-classInfoUpload_xa .el-col-8 {
  height: 11vh; }

.xljk-classInfoUpload_xa .el-select {
  width: 100%; }

.xljk-classInfoUpload_xa .cardbox1 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }

.xljk-classInfoUpload_xa .buttbox1 {
  display: flex;
  justify-content: center;
  align-items: center; }
  .xljk-classInfoUpload_xa .buttbox1 .butt {
    width: 15vw; }

.xljk-classInfoUpload_xa .el-form {
  overflow-y: auto;
  overflow-x: hidden; }

.xljk-classInfoUpload_xa .el-input-number {
  width: 100%; }

.xljk-classInfoUpload_xa .el-date-editor.el-input, .xljk-classInfoUpload_xa .el-date-editor.el-input__inner {
  width: 100%; }

.xljk-classInfoUpload_xa .el-table__cell {
  color: #7D8592; }

.xljk-classInfoUpload_xa th {
  color: #434B5B; }

.xljk-classInfoUpload_xa .buttbox1 {
  display: flex;
  justify-content: center;
  align-items: center; }

.subjectTeaInfo .el-table__empty-block {
  height: 30vh !important; }

.subjectTeaInfo .fenye {
  text-align: center;
  marginn-top: 4vh; }

.subjectTeaInfo .el-col-8 {
  height: 11vh; }

.subjectTeaInfo .el-select {
  width: 100%; }

.subjectTeaInfo .footerbox {
  display: flex;
  justify-content: center;
  align-items: center; }

.subjectTeaInfo .el-form {
  overflow-y: auto;
  overflow-x: hidden; }

.subjectTeaInfo .el-input-number {
  width: 100%; }

.subjectTeaInfo .el-date-editor.el-input, .subjectTeaInfo .el-date-editor.el-input__inner {
  width: 100%; }

.subjectTeaInfo .el-table__cell {
  color: #7D8592; }

.subjectTeaInfo th {
  color: #434B5B; }

.subjectTeaInfo .buttbox1 {
  display: flex;
  justify-content: center;
  align-items: center; }
  .subjectTeaInfo .buttbox1 .butt {
    width: 15vw; }

.trainingTeaInfo .el-table__empty-block {
  height: 30vh !important; }

.trainingTeaInfo .trainingTeaInfoinner .buttbox {
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  .trainingTeaInfo .trainingTeaInfoinner .buttbox .butt {
    margin-left: 0.521vw; }

.trainingTeaInfo .trainingTeaInfoinner .fenye {
  margin-top: 8.8vh;
  text-align: center; }

.trainingTeaInfo .trainingTeaInfoinner .dialogminbox .el-table__empty-block {
  height: 40vh !important; }

.trainingTeaInfo .trainingTeaInfoinner .innerDialog .el-dialog__header {
  background: #F3F7FF;
  border-radius: 24px 24px 0px 0px; }

.trainingTeaInfo .trainingTeaInfoinner .innerDialog .el-dialog {
  border-radius: 24px;
  margin-top: 9vh !important; }

.trainingTeaInfo .buttbox1 {
  display: flex;
  justify-content: center;
  align-items: center; }
  .trainingTeaInfo .buttbox1 .butt {
    width: 15vw; }

.trainingTeaInfo .formbox .el-select {
  width: 100%; }

.el-message-box {
  border-radius: .1vw !important;
  padding: 0;
  padding-bottom: 10px; }

.fenye {
  text-align: center;
  margin-top: -4vh; }

.interviewInfoLSback {
  position: absolute;
  left: 10px;
  top: 10px;
  cursor: pointer; }

.disabled {
  opacity: 0.5;
  pointer-events: none; }

.el-dialog__footer {
  padding-bottom: 28px; }

.dialog .img {
  margin: 0 auto;
  width: 100px;
  height: 100px; }
  .dialog .img img {
    width: 100%;
    height: 100%; }

.dialog .title {
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 32px;
  color: #232427;
  line-height: 45px;
  text-align: center;
  font-style: normal;
  margin-top: 20px; }

.dialog .info {
  margin-top: 10px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 20px;
  color: #4E5969;
  line-height: 28px;
  text-align: center;
  font-style: normal; }
  .dialog .info .bcewm-img img {
    margin: 0 auto; }

.button {
  width: 170px;
  height: 46px;
  background: linear-gradient(270deg, #5AA1FD 0%, #3B83FA 100%);
  border-radius: 100px;
  font-family: PingFangSC, PingFang SC;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 30px;
  text-align: center;
  font-style: normal;
  line-height: 46px;
  cursor: pointer;
  margin: 0 auto; }

.buttons {
  width: 170px;
  height: 46px;
  background: #E6E6E6;
  border-radius: 100px;
  font-family: PingFangSC, PingFang SC;
  font-size: 16px;
  color: #000;
  line-height: 30px;
  text-align: center;
  font-style: normal;
  line-height: 46px;
  cursor: pointer;
  margin: 0 auto; }

.df {
  position: absolute;
  right: 2vw;
  top: 7vh;
  font-family: hongleisim, hongleisim;
  font-weight: 600;
  font-size: 1.8vw;
  color: #FF3E3E;
  font-style: normal; }

.ZJYJLS {
  position: relative;
  background: #F3F5FD;
  height: calc(100vh - 14vh);
  box-sizing: border-box; }
  .ZJYJLS .el-dialog {
    margin-top: 26vh; }
  .ZJYJLS .el-input__inner {
    width: 100%; }
  .ZJYJLS .interviewLScard {
    width: 100%;
    min-height: 100%;
    margin-top: 2vh;
    background: #FFFFFF;
    border-radius: .6vw;
    padding: 3vh 1vw;
    box-sizing: border-box; }
    .ZJYJLS .interviewLScard .interviewLScardTop {
      display: flex; }
      .ZJYJLS .interviewLScard .interviewLScardTop .interviewOn {
        padding: 0vh 1vw;
        color: #4E5969;
        border-radius: 1vw;
        line-height: 4vh;
        text-align: center;
        cursor: pointer;
        background: #F3F5FD;
        height: 4vh; }
      .ZJYJLS .interviewLScard .interviewLScardTop .active {
        color: #fff;
        background: #2C8BF2; }
    .ZJYJLS .interviewLScard .interviewOff {
      height: 4vh;
      margin-left: 1.4vw;
      padding: 0vh 1vw;
      background: #F3F5FD;
      border-radius: 1vw;
      line-height: 4vh;
      text-align: center;
      cursor: pointer;
      color: #4E5969; }
    .ZJYJLS .interviewLScard .interviewLScardList {
      margin-top: 1vh;
      display: flex;
      flex-wrap: wrap; }
      .ZJYJLS .interviewLScard .interviewLScardList .interviewLScardListItem {
        background: url("/content/image/xljkImg/yjls.png");
        padding: 2vh 1vw;
        background-size: cover;
        box-sizing: border-box;
        width: 16vw;
        border-radius: .6vw;
        margin: 0 1.7vw;
        margin-top: 2vh;
        position: relative; }
        .ZJYJLS .interviewLScard .interviewLScardList .interviewLScardListItem .topInfo {
          display: flex;
          border-bottom: .1vh solid #E6E6E6;
          padding-bottom: 1vh;
          box-sizing: border-box; }
          .ZJYJLS .interviewLScard .interviewLScardList .interviewLScardListItem .topInfo .topInfoHeader {
            width: 2vw;
            height: 4vh; }
            .ZJYJLS .interviewLScard .interviewLScardList .interviewLScardListItem .topInfo .topInfoHeader img {
              width: 100%;
              height: 100%; }
          .ZJYJLS .interviewLScard .interviewLScardList .interviewLScardListItem .topInfo .topInfoName {
            margin-left: 1vw;
            line-height: 4vh;
            font-size: 1.2vw; }
        .ZJYJLS .interviewLScard .interviewLScardList .interviewLScardListItem .bottomInfo {
          padding-top: 1vh;
          box-sizing: border-box;
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          color: #4E5969; }
          .ZJYJLS .interviewLScard .interviewLScardList .interviewLScardListItem .bottomInfo .bottomItem {
            width: 14vw;
            line-height: 3.4vh;
            font-size: .8vw; }
        .ZJYJLS .interviewLScard .interviewLScardList .interviewLScardListItem .bottomButton {
          border: none;
          margin-left: auto;
          width: 6vw;
          height: 4vh;
          border-radius: 1vw;
          line-height: 4vh;
          text-align: center;
          margin: 0 auto;
          cursor: pointer;
          color: #fff;
          background: linear-gradient(270deg, #5AA1FD 0%, #3B83FA 100%); }

.FZRHomePage {
  background: #F3F5FD;
  height: 100vh;
  background-image: url("/content/image/xljkImg/homeBg.png");
  background-size: cover;
  background-size: 100% 100%;
  box-sizing: border-box;
  position: relative;
  padding: 3vh 4vw; }
  .FZRHomePage .InterviewHomepageTop {
    display: flex;
    justify-content: space-between; }
    .FZRHomePage .InterviewHomepageTop .InterviewHomepageTopLeft .InterviewHomepageTopLeftTitle {
      font-family: PingFangSC, PingFang SC;
      font-size: 2.8vw;
      color: #232427;
      text-align: left;
      font-style: normal;
      margin-top: 8vh; }
    .FZRHomePage .InterviewHomepageTop .InterviewHomepageTopLeft .huanyinci {
      font-family: PingFangSC, PingFang SC;
      font-size: 2.0vw;
      color: #232427;
      text-align: left;
      font-style: normal;
      margin-top: 1vh;
      margin-left: 7vw; }
    .FZRHomePage .InterviewHomepageTop .InterviewHomepageTopLeft .InterviewHomepageTopLeftTag {
      display: flex;
      margin-top: 4vh; }
      .FZRHomePage .InterviewHomepageTop .InterviewHomepageTopLeft .InterviewHomepageTopLeftTag .InterviewHomepageTopLeftTags {
        margin-left: 1vw;
        text-align: center;
        width: 16vw;
        height: 5vh;
        line-height: 5vh;
        background: #fff;
        border-radius: 2vw;
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 1vw;
        color: #4E5969;
        font-style: normal; }
    .FZRHomePage .InterviewHomepageTop .InterviewHomepageTopRight .InterviewHomepageImg {
      margin-right: 10vw;
      width: 18vw; }
      .FZRHomePage .InterviewHomepageTop .InterviewHomepageTopRight .InterviewHomepageImg img {
        width: 51.2vh;
        height: 42.5vh; }
  .FZRHomePage .listbox {
    margin-top: 5.1vh;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .FZRHomePage .listbox .itemm {
      cursor: pointer;
      width: 28vw;
      height: 36vh;
      border-radius: 16px;
      padding: 2.77vh 3vw;
      box-sizing: border-box; }
      .FZRHomePage .listbox .itemm .imgg {
        width: 11.11vh;
        height: 11.11vh; }
      .FZRHomePage .listbox .itemm .titlesbox {
        font-family: PingFangSC, PingFang SC;
        font-weight: 600;
        font-size: 5vh;
        color: #FFFFFF;
        line-height: 5vh;
        text-align: left;
        font-style: normal;
        margin-top: 1.85vh;
        margin-bottom: 1.388vh; }
      .FZRHomePage .listbox .itemm .descriptionbox {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 2.8vh;
        color: #FFFFFF;
        line-height: 6vh;
        text-align: justify;
        font-style: normal; }