@charset "UTF-8";
@import url("../css/common.css");
.layui-laydate .layui-this {
  background-color: var(--primary-color) !important; }

.logo {
  position: relative;
  overflow: hidden; }
  .logo .logoText {
    font-size: 24px;
    color: #fff;
    font-family: 楷体; }
  .logo .logoImg {
    position: relative;
    padding-right: 24px; }
    .logo .logoImg::after {
      content: '';
      position: absolute;
      width: 1px;
      height: 24px;
      right: 12px;
      top: 50%;
      margin-top: -12px;
      background: rgba(255, 255, 255, 0.32); }
    .logo .logoImg img {
      height: 40px; }

.header {
  width: 1180px;
  margin: 0 auto;
  padding: 16px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  height: 72px; }
  .header .toolMod .userName {
    color: #fff; }
  .header .toolMod .logout {
    background: #fff;
    color: var(--primary-color);
    border-radius: 16px;
    height: 28px;
    margin-left: 24px; }
    .header .toolMod .logout a {
      display: block;
      padding: 0 16px;
      font-size: 14px;
      line-height: 28px;
      color: var(--primary-color); }

.wrapper .container {
  width: 1180px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  background: #fff;
  border-radius: 16px; }
  .wrapper .container .sideMenu {
    width: 220px; }
    .wrapper .container .sideMenu .webInfo {
      padding: 16px;
      border-bottom: 1px solid var(--divider-color-base);
      color: var(--second1-color); }
      .wrapper .container .sideMenu .webInfo .item {
        padding: 4px 0;
        font-size: 16px; }
    .wrapper .container .sideMenu .mainMenu {
      padding: 24px 16px; }
      .wrapper .container .sideMenu .mainMenu .item {
        border-radius: 4px 24px 24px 4px;
        margin-top: 12px; }
        .wrapper .container .sideMenu .mainMenu .item:first-child {
          margin: 0; }
        .wrapper .container .sideMenu .mainMenu .item a {
          height: 48px;
          padding: 0 16px 0 12px;
          font-size: 20px;
          font-weight: bold; }
        .wrapper .container .sideMenu .mainMenu .item .icfont {
          font-size: 24px;
          margin-right: 8px;
          font-weight: 400; }
      .wrapper .container .sideMenu .mainMenu .on {
        background: var(--primary-color); }
        .wrapper .container .sideMenu .mainMenu .on a {
          color: #fff; }
  .wrapper .container .content {
    background: #F8F9FD;
    border-radius: 0 16px 16px 0;
    padding: 24px;
    flex: 1;
    min-height: calc(100vh - 184px); }

.report-wrap .cMenu .item {
  height: 48px;
  line-height: 48px;
  padding: 0 8px;
  cursor: pointer;
  font-size: 20px;
  margin-left: 40px;
  font-weight: bold; }
  .report-wrap .cMenu .item:first-child {
    margin: 0; }

.report-wrap .cMenu .on {
  border-bottom: 2px solid var(--primary-color);
  color: var(--primary-color); }

.report-wrap .cFilter {
  margin-top: 16px; }
  .report-wrap .cFilter .form-item {
    padding: 8px 0; }
    .report-wrap .cFilter .form-item .form-label {
      width: 96px;
      text-align: left;
      font-size: 16px; }
    .report-wrap .cFilter .form-item .input-block {
      font-size: 16px; }
    .report-wrap .cFilter .form-item .layui-form-radio * {
      font-size: 16px; }
    .report-wrap .cFilter .form-item .form-mid {
      margin: 0 12px; }
    .report-wrap .cFilter .form-item .item .form-label {
      width: 72px;
      color: #999;
      font-size: 15px; }
    .report-wrap .cFilter .form-item .item .input-block {
      flex: 1; }
    .report-wrap .cFilter .form-item .item + .item {
      margin-left: 20px; }
  .report-wrap .cFilter .layui-btn {
    font-size: 18px; }

.layui-table td, .layui-table th {
  font-size: 16px; }

.layui-table {
  margin: 0; }

.tableMain tbody tr:hover {
  background-color: rgba(30, 146, 255, 0.12); }

.tableMain tr:hover {
  background-color: rgba(30, 146, 255, 0.12); }

.tableMain th, .tableMain td {
  border: 1px solid rgba(30, 146, 255, 0.24); }

.tableMain th {
  background: rgba(30, 146, 255, 0.12);
  text-align: center;
  color: #1E92FF; }

.tableMain td {
  color: #333; }
  .tableMain td a {
    color: var(--second1-color);
    text-decoration: underline; }

.layui-laypage {
  margin-top: 24px; }
  .layui-laypage a, .layui-laypage span {
    height: 32px;
    line-height: 32px;
    font-size: 16px; }

.cMain {
  margin-top: 24px; }

.student-wrap .cTitle .title {
  font-size: 24px; }

.student-wrap .cTitle .tips {
  color: #666; }

.student-wrap .cSearch {
  margin-top: 32px; }
  .student-wrap .cSearch .seachType {
    border-radius: 22px;
    position: relative;
    overflow: hidden; }
    .student-wrap .cSearch .seachType .item {
      height: 40px;
      padding: 0 24px;
      font-size: 18px;
      line-height: 40px;
      background: #fff;
      cursor: pointer;
      border: 1px solid var(--primary-color); }
      .student-wrap .cSearch .seachType .item:last-child {
        border-radius: 0 22px 22px 0; }
      .student-wrap .cSearch .seachType .item:first-child {
        border-radius: 22px 0 0 22px; }
    .student-wrap .cSearch .seachType .on {
      background: var(--primary-color);
      color: #fff; }

.student-wrap .searchMain {
  margin-top: 24px; }
  .student-wrap .searchMain .searchbox input {
    font-size: 16px; }
  .student-wrap .searchMain .searchbox .form-item {
    padding: 8px 0; }
    .student-wrap .searchMain .searchbox .form-item .form-label {
      width: 72px;
      margin-right: 12px; }
    .student-wrap .searchMain .searchbox .form-item .input-block {
      flex: 1; }

.student-wrap .btns-item {
  margin-top: 16px; }
  .student-wrap .btns-item .layui-btn {
    font-size: 18px; }

.student-wrap .searchResult {
  margin-top: 24px; }

.studentDe-wrap .studentInfo .name {
  font-size: 24px;
  font-weight: bold; }

.studentDe-wrap .studentInfo .info {
  margin-top: 8px; }
  .studentDe-wrap .studentInfo .info .item {
    color: #666; }
  .studentDe-wrap .studentInfo .info .item + .item {
    margin-left: 32px; }

.studentDe-wrap .readMain {
  margin-top: 32px; }
  .studentDe-wrap .readMain .readTitle {
    font-size: 22px;
    color: var(--primary-color);
    background: rgba(30, 146, 255, 0.24);
    padding: 0 16px;
    height: 48px;
    line-height: 48px;
    border-bottom: none; }

.login-wrap .container {
  width: 1000px;
  background: #fff;
  border-radius: 24px;
  margin: 24px auto 0;
  padding: 16px;
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 16px; }
  .login-wrap .container .left-row {
    background: url("../image/loginbg.png") no-repeat center 90%, linear-gradient(180deg, #108BFF 0%, #39B8FF 100%);
    background-size: 72%;
    border-radius: 24px;
    text-align: center;
    padding: 36px 32px 32px;
    display: grid;
    grid-template-rows: 1fr 44px; }
    .login-wrap .container .left-row .link-row .webName {
      color: #fff;
      font-size: 24px;
      text-align: center; }
    .login-wrap .container .left-row .link-row a {
      border: 1px solid #fff;
      height: 44px;
      line-height: 42px;
      border-radius: 22px;
      padding: 0 24px;
      color: #fff;
      font-size: 18px;
      display: block; }
  .login-wrap .container .main-content {
    padding: 48px 0; }
    .login-wrap .container .main-content .title-row {
      text-align: center; }
      .login-wrap .container .main-content .title-row .tit {
        font-size: 32px; }
    .login-wrap .container .main-content .form .form-item {
      padding-top: 24px; }
      .login-wrap .container .main-content .form .form-item:first-child {
        padding: 0; }
      .login-wrap .container .main-content .form .form-item .label {
        font-size: 18px;
        padding: 0 8px; }

.login-wrap .main-content {
  margin: 0 112px; }
  .login-wrap .main-content .form {
    padding: 72px 0 0; }
  .login-wrap .main-content .form-item .item-input {
    background: #F7FCFF;
    height: 48px;
    border-radius: 8px;
    padding: 0 16px;
    margin-top: 12px; }
    .login-wrap .main-content .form-item .item-input input {
      display: block;
      height: 48px;
      border: none;
      font-size: 18px;
      width: 100%;
      background: transparent;
      user-select: text;
      -webkit-user-select: text; }
  .login-wrap .main-content .btnLogin {
    margin-top: 64px; }
    .login-wrap .main-content .btnLogin a {
      height: 48px;
      display: block;
      line-height: 48px;
      background: #FF7246;
      border-radius: 24px;
      text-align: center;
      font-size: 22px;
      color: #fff; }
  .login-wrap .main-content .forget {
    margin-top: 12px;
    position: relative;
    overflow: hidden;
    font-size: 16px; }