@charset "UTF-8";

* {
  font-size: 14px;
  font-family: "微软雅黑", Arial, Helvetica, sans-serif;
}
a:link,a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a{cursor: pointer;}

body,
html {
  margin: 0;
  padding: 0;
  height: 100%;
  background-color: #f0f0f0;
}

:root {
  --primary-color: #0056b3;
  --secondary-color: #007bff;
  --text-color: #333;
  --light-color: #f4f4f4;
  --white: #fff;
  --shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  --border-radius: 4px;
}

@media screen and (min-width: 1200px) {
  .login_pass {
    list-style-type: none;
    /* 去掉列表项前面的标记 */
    padding: 0;
    /* 去掉默认的内边距 */
    margin: 0;
    /* 去掉默认的外边距 */
  }

  .login_pass li {
    display: inline-block;
    /* 让列表项水平排列 */
    width: 50px;
    /* 设置宽度，根据需要调整 */
    height: 5px;
    /* 设置高度，根据需要调整 */
    background-color: #ccc;
    /* 设置背景颜色，根据需要调整 */
    margin-right: 5px;
    /* 设置右边距，根据需要调整 */
  }

  .login_tishi {
    font-size: 14px;
    color: red;
    margin: 0px 0px 10px 0px;
  }

  .page-container {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    overflow: hidden;
  }

  .header {
    background-color: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }

  .header-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 0px;
    overflow-y: auto;
    /* 为页脚留出空间 */
  }

  .header-left {
    display: flex;
    align-items: center;
  }

  .logo {
    display: flex;
    align-items: center;
  }

  .logo img {
    width: 100%;
    height: 50px;
    margin-right: 10px;
  }

  .divider {
    width: 1px;
    height: 30px;
    background-color: #ccc;
    margin: 0 15px;
  }

  .logo-text {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2;
  }

  .fa {
    position: absolute;
    right: 10px;
  }

  .title {
    height: 30px;
    font-weight: bold;
    font-size: 30px;
    color: #000000;
    line-height: 25px;
    text-align: left;
    font-style: normal;
    text-transform: none;
  }

  .back-button {
    padding: 8px 16px;
    background-color: #f0f0f0;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-decoration: none;
    color: #333;
    font-size: 14px;
  }

  .container {
    /* max-height: 86vh; */
    display: flex;
    justify-content: space-around;
    flex: 1;
    background-image: url("../img/bg.jpg");
    background-size: 100% 100%;
  }

  .left-section {
    flex: 1;
    background-size: cover;
    background-position: center;
    position: relative;
  }

  .left-section img {
    width: 42%;
    height: 60%;
    position: absolute;
    bottom: 10%;
    left: 25%;
  }

  .right-section {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 130px;
  }

  .topLeft-login-type {
    display: flex;
    justify-content: space-around;
    margin-bottom: 15px;
  }

  .topLeft-login-type button {
    padding: 10px 65px;
    background: #E7F3F8;
    border-radius: 4px 4px 4px 4px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    color: #364F96;
  }

  .pasbutton {
    padding: 10px 68px;
    background: #E7F3F8;
    border-radius: 4px 4px 4px 4px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    color: #364F96;
  }

  .pasbutton.active {
    color: #FFFFFF;
    background: linear-gradient(180deg, #0C94E6 0%, #0870BC 100%);
    border-radius: 4px 4px 4px 4px;
  }

  .phonebutton.active {
    color: #FFFFFF;
    background: linear-gradient(180deg, #0C94E6 0%, #0870BC 100%);
    border-radius: 4px 4px 4px 4px;
  }

  .form-container {
    background-color: white;
    padding: 40px;
    border-radius: 8px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 400px;
  }

  h1 {
    text-align: center;
    color: #333;
    margin-bottom: 30px;
    font-size: 24px;
  }

  .form-group {
    margin-bottom: 20px;
    position: relative;
  }

  .form-group .input-with-icon {
    position: relative;
    display: flex;
    align-items: center;
  }

  .form-group .input-icon {
    position: absolute;
    left: 10px;
    width: 20px;
    height: 20px;
    z-index: 1;
  }

  .form-group input {
    width: 100%;
    padding: 12px 15px 12px 40px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    transition: border-color 0.3s;
  }

  .form-group input:focus {
    border-color: #1890ff;
    outline: none;
  }

  .form-group select {
    width: 100%;
    padding: 11px 15px 11px 40px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    transition: border-color 0.3s;
  }

  .form-group input[type=submit] {
    background-color: #4a4e8f;
    color: white;
    cursor: pointer;
    transition: background-color 0.3s;
    font-size: 16px;
    font-weight: bold;
    padding: 12px 15px 12px 15px;
  }

  .form-group input[type=submit]:hover {
    background-color: #3a3e7f;
  }

  .verification-code {
    display: flex;
  }

  .verification-code input {
    width: 226px;
    flex: 1;
    margin-right: 10px;
  }

  .verification-code button {
    width: 107px;
    height: 45px;
    padding: 10px;
    background-color: #f0f0f0;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
    white-space: nowrap;
    font-size: 14px;
  }

  .verification-code button.active {
    background: #C1EBFD;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #89CCE8;
    color: #364F96;
  }

  .form-group-img {
    width: 34%;
  }

  .form-group-img img {
    width: 100%;
    height: 100%;
  }

  .login-link {
    text-align: center;
    margin-top: 20px;
    font-size: 14px;
  }

  .login-link a {
    color: #364F96;
    text-decoration: none;
    font-weight: bold;
  }

  .footer {
    width: 100%;
    max-height: 100px;
    background: #ECF8FC;
    height: auto;
  }
  .footer-content{
    width: 1200px;
    min-width: 1200px;
    /* border: 1px solid #ccc; */
    margin: 0 auto;
  }

  .footer-left {
    /* width: 50%; */
    float: left;
  }

  .tel {
    text-decoration: none;
    color: #364F96;
  }

  .contact {
    width: 400px;
    margin: 0 auto;
    margin-top: 20px;
  }

  .contact img {
    width: 44px;
    margin-right: 10px;
    float: left;
  }

  .contact p span {
    font-weight: bold;
    font-size: 16px;
    color: #364F96;
    text-align: left;
    font-style: normal;
    text-transform: none;
  }

  .footer-right {
    /* width: 50%; */
    float: right;
  }

  .content {
    margin: 0 auto;
    display: flex;
    /* margin-top: 2.5%; */
    line-height: 80px;
  }

  .content a {
    margin-right: 15%;
    color: #364F96;
  }

  .content div {
    color: #2D2D2D;
  }

  .home-container {
    /* max-height: 86vh; */
    display: flex;
    flex-direction: column;
    flex: 1;
    background-size: 100% 100%;
  }

  .home-page-user-info {
    display: flex;
    align-items: center;
  }

  .home-page-user-name {
    color: #364F96;
    margin-right: 10px;
    text-decoration: none;
    font-size: 16px;
  }

  .home-page-user-password {
    color: #364F96;
    margin-right: 10px;
    text-decoration: none;
    font-size: 16px;
  }

  .home-line {
    width: 1px;
    border-right: 1px solid #364F96;
    margin-right: 10px;
  }

  /* 横幅区域 */
  .home-page-banner {
    color: white;
    text-align: center;
    padding: 30px;
    background-image: url("../img/home_title.jpg");
    background-size: cover;
    background-position: center;
  }

  .home-page-banner h1 {
    font-weight: bold;
    font-size: 45px;
    color: #FFFFFF;
    line-height: 25px;
    text-align: center;
    font-style: normal;
    text-transform: none;
  }



  .zjsq {
    width: 100%;
    height: 59.3vh;
    background: #fff;
  }

  .ckxi {
    position: fixed;
    top: 0px;
    left: 0%;
    z-index: 90;
    width: 100%;
    height: 100vh;
    display: none;
    z-index: 999999;
  }

  .ckxiDiv {
    width: 440px;
    height: 600px;
    border-radius: 15px;
    background: #fff;
    position: absolute;
    z-index: 91;
    top: 50%;
    margin-top: -300px;
    left: 50%;
    margin-left: -220px;
    position: relative;
    overflow: hidden;
    animation: ckxiDiv 0.4s;
    -webkit-animation: ckxiDiv 0.4s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
  }

  .ckxiDivT {
    width: 440px;
    height: 30px;
    margin-top: 30px;
  }

  .ckxiDivT h2 {
    line-height: 30px;
    font-size: 26px;
    font-weight: normal;
    text-align: center;
    color: #5c5c5c;
  }

  .out {
    width: 22px;
    height: 22px;
    position: absolute;
    right: 10px;
    top: 10px;
  }

  .ckxiDivW {
    width: 380px;
    height: 470px;
    margin: 0 auto;
    margin-top: 30px;
    overflow-x: hidden;
    overflow-y: scroll;
  }

  .ckxiDivW::-webkit-scrollbar {
    width: 3px;
    background-color: aqua;
  }

  .ckxiDivW::-moz-scrollbar {
    width: 3px;
    background-color: aqua;
  }

  .ckxiDivW::-webkit-scrollbar-track {
    width: 2px;
    border-radius: 2px;
    background: #f0f0f0;
  }

  .ckxiDivW::-moz-scrollbar-track {
    width: 2px;
    border-radius: 2px;
    background: #f0f0f0;
  }

  .ckxiDivW::-webkit-scrollbar-thumb {
    width: 2px;
    border-radius: 2px;
    background: #5c5c5c;
  }

  .ckxiDivW::-moz-scrollbar-thumb {
    width: 2px;
    border-radius: 2px;
    background: #5c5c5c;
  }

  .ckxiDivW p {
    line-height: 30px;
    font-size: 14px;
    color: #5c5c5c;
    text-indent: 2em;
  }

  .home-page-box {
    /* height: 60.3vh; */
    height:auto; _height:auto;
    min-height: 553px;
    background-color: white;
  }

  .home-page-notification-content {
    color: #484848;
    font-size: 14px;
    margin-left: 10px;
  }

  .home-page-more-notifications {
    text-decoration: none;
    color: #007bff;
    font-size: 14px;
  }

  /* 专家信息卡片 */
  .home-page-expert-card {
    background-image: url("../img/icon_8.jpg");
    background-size: 100%;
    margin: 20px auto;
    min-width: 1200px;
    /* padding: 20px; */
    border-radius: 5px;
    display: flex;
    align-items: center;
    width: 1200px;
  }

  .home-page-expert-avatar {
    height: 110px;
    border-radius: 2%;
    /* margin-right: 20px; */
    padding: 20px;
  }


  .home-page-expert-details {
    margin-left: 5px;
    flex: 1;
  }

  .home-page-expert-name {
    font-size: 18px;
    margin: 0;
    font-weight: 500;
    font-size: 22px;
    color: #2D2D2D;
    line-height: 25px;
    text-align: left;
    font-style: normal;
    text-transform: none;
  }

  .home-page-expert-category {
    display: inline-block;
    background-color: #007bff;
    color: white;
    padding: 3px 8px;
    border-radius: 3px;
    font-size: 12px;
    margin-right: 5px;
    margin-top: 10px;
  }

  .home-page-expert-level {
    display: inline-block;
    background-color: #007bff;
    color: white;
    padding: 3px 8px;
    border-radius: 3px;
    font-size: 12px;
    margin-top: 10px;
  }

  .home-page-expert-company {
    font-size: 14px;
    color: #2D2D2D;
    margin-right: 20px;
  }

  .home-page-expert-code {
    font-size: 14px;
    color: #2D2D2D;
  }

  .home-page-expert-details-content {
    display: flex;
  }

  /* 功能模块区域 */
  .home-page-function-modules {
    width: 1200px;
    min-width: 1200px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 20px auto;
  }

  .home-page-module {
    background-color: white;
    width: 262px;
    padding: 40px 0 30px 0;
    margin: 10px 0 10px 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
  }

  .home-page-module-icon {
    width: 80px;
    height: 80px;
  }

  .home-page-module-text {
    font-weight: 500;
    font-size: 20px;
    color: #2D2D2D;
    line-height: 25px;
    text-align: center;
    font-style: normal;
    text-transform: none;
  }

  /* 专家申请模块 */
  .expert-page-expert-application {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
  }

  .expert-page-application-box {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
  }

  .expert-page-application-box a img {
    width: 400px;
    margin-top: 10%;
  }

  .expert-page-application-content {
    margin-top: -20px;
  }

  .expert-page-application-icon {
    width: 140px;
    height: 140px;
  }

  .expert-page-application-title {
    font-weight: 500;
    font-size: 36px;
    color: #FFFFFF;
    line-height: 46px;
    text-align: center;
    font-style: normal;
    text-transform: none;
  }

  .expert-page-application-desc {
    font-size: 16px;
    margin-bottom: 20px;
    text-align: center;
  }

  .expert-page-application-button {
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    background: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s ease;
  }

  .application-form-step {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .application-form-step img {
    height: 100px;
    margin-top: 20px;
  }

  .application-page-box {
    background-color: white;
  }

  /* 表单区域 */
  .application-form-main {
    padding: 15px;
    width: 1200px;
    max-width: 1200px;
    margin: 0 auto;
    border-radius: 5px;
  }

  .application-form-main form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .addfileForm form {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .application-form-main h2 {
    text-align: center;
    color: #333333;
    margin-bottom: 15px;
    font-size: 20px;
  }

  .application-form-main .bohui{
    text-align: center;
    color: #f00;
    margin-bottom: 15px;
    font-size: 14px;
  }

  .application-form-item {
    width: 48%;
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
  }

  .application-form-item .tishi{color: #f00;margin: 0px;}

  .application-form-item1 {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
  }

  .application-form-item label,
  .application-form-item1 label {
    margin-bottom: 5px;
    color: #333;
    font-size: 14px;
  }

  .application-form-item input {
    padding: 10px;
    font-size: 14px;
    width: 95%;
    background: #F7F7F7;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #EAEAEA;
  }

  .application-form-item1 input {
    padding: 10px;
    font-size: 14px;
    width: 98%;
    background: #F7F7F7;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #EAEAEA;
  }

  .application-form-item select {
    padding: 10px;
    font-size: 14px;
    width: 100%;
    background: #F7F7F7;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #EAEAEA;
  }

  .application-form-item1.address {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
  }

  .application-form-item1.required.address label {
    margin-bottom: 5px;
    color: #333;
    font-size: 14px;
  }

  .application-form-item1.required.address .address-fields {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    /* 设置子元素之间的间距 */
    align-items: center;
  }

  .application-form-item1.address select {
    padding: 10px;
    font-size: 14px;
    background: #F7F7F7;
    border-radius: 3px;
    border: 1px solid #EAEAEA;
    flex: 1;
    /* 让每个select元素平均分配剩余空间 */
    min-width: 120px;
    /* 设置最小宽度防止过窄 */
  }

  .application-form-item1.required.address input[type=text] {
    padding: 10px;
    font-size: 14px;
    background: #F7F7F7;
    border-radius: 3px;
    border: 1px solid #EAEAEA;
    flex: 2;
    /* 让详细地址输入框占据更多空间 */
  }

  .application-form-item textarea,
  .application-form-item1 textarea {
    padding: 10px;
    resize: vertical;
    min-height: 100px;
    font-size: 14px;
    width: 98%;
    background: #F7F7F7;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #EAEAEA;
  }

  .application-form-item.required label:after,
  .application-form-item1.required label:after {
    content: "*";
    color: red;
    margin-left: 3px;
  }

  .application-form-item.checkbox-group,
  .application-form-item1.checkbox-group {
    flex-wrap: wrap;
  }

  .application-form-item.checkbox-group label,
  .application-form-item1.checkbox-group label {
    margin-top: 3px;
    margin-bottom: 3px;
    display: block;
    float: left;
    margin-right: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .lingyuche label:after {display: none;}

  .application-form-item.checkbox-group input[type=checkbox],
  .application-form-item1.checkbox-group input[type=checkbox] {
    width: auto;
    margin-right: 5px;
  }

  .application-form-item.checkbox-group span, .application-form-item1.checkbox-group span {
    font-size: 14px;
    display: inline-flex;
    align-items: center;
  }

  .application-form-item input[type=text],
  .application-form-item1 input[type=text] {
    border: 1px solid #EAEAEA;
    outline: none;
  }

  .application-form-item1 textarea::-moz-selection {
    border: 1px solid #EAEAEA;
    outline: none;
  }

  .application-form-item1 textarea::selection,
  .application-form-item1 textarea::-moz-selection {
    border: 1px solid #EAEAEA;
    outline: none;
  }

  /* 操作按钮区域 */
  .application-form-buttons {
    width: 100%;
    text-align: center;
    margin: 20px 0;
  }

  .application-form-buttons button {
    padding: 10px 25px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    margin: 0 5px;
    font-size: 14px;
    width: 35%;
    max-width: 150px;
  }

  .application-form-buttons button.save {
    background: #1B9AEE;
    border-radius: 4px 4px 4px 4px;
    color: white;
  }

  .application-form-buttons button.submit {
    background: #364F96;
    color: white;
  }

  /* 步骤内容样式 */
  .step {
    padding: 5px;
  }

  .step h3 {
    margin-bottom: 15px;
    color: #333;
    font-size: 18px;
    display: flex;
    align-items: center;
  }

  .step h3::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 20px;
    background: #364F96;
    margin-right: 10px;
  }

  .step p {
    font-size: 14px;
    line-height: 1.8;
    color: #EF0F0F;
    margin-top: 5px;
    margin-bottom: 0px;
  }

  .step p a{color: #174489;}

  .step button {
    padding: 10px 20px;
    background-color: #364F96;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    transition: background-color 0.3s;
  }

  .step button:hover {
    background-color: #0056b3;
  }

  .file-info {
    margin-top: 10px;
    padding: 8px;
    background-color: #f8f9fa;
    border-radius: 4px;
    font-size: 14px;
    color: #666;
  }

  .status-icon {
    width: 150px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .status-icon img {
    width: 100%;
  }

  /* 修改密码表单区域样式 */
  .password-container {
    width: 1200px;
    max-width: 1200px;
    margin: 40px auto;
    background-color: #fff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  }

  .change-form {
    width: 60%;
    margin: 0 auto;
  }

  .password-title {
    text-align: center;
    margin-bottom: 25px;
    color: #333333;
    font-size: 1.5rem;
  }

  .password-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .password-form input {
    width: 50%;
    margin: 0 auto;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 1rem;
    transition: border-color 0.3s, box-shadow 0.3s;
  }

  .password-form input:focus {
    border-color: #005ea2;
    box-shadow: 0 0 0 3px rgba(0, 94, 162, 0.2);
    outline: none;
  }

  .password-form button {
    width: 53%;
    margin: 0 auto;
    padding: 12px;
    background-color: #005ea2;
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 1rem;
    cursor: pointer;
    transition: background-color 0.3s;
  }

  .password-form button:hover {
    background-color: #004885;
  }

  .password-group {
    margin-bottom: 20px;
    position: relative;
  }

  .password-group .input-with-icon {
    position: relative;
    display: flex;
    align-items: center;
  }

  .password-group .input-icon {
    position: absolute;
    left: 1%;
    width: 20px;
    height: 20px;
    z-index: 1;
  }

  .password-group input {
    width: 100%;
    margin: 0 auto;
    padding: 12px 15px 12px 40px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    transition: border-color 0.3s;
  }

  .password-group input:focus {
    border-color: #1890ff;
    outline: none;
  }

  .password-group input[type=submit] {
    width: 51%;
    background-color: #4a4e8f;
    color: white;
    cursor: pointer;
    transition: background-color 0.3s;
    font-size: 16px;
    font-weight: bold;
    margin-left: 24.5%;
	padding-left: 15px;
  }

  .password-group input[type=submit]:hover {
    background-color: #3a3e7f;
  }

  .password-group .input-icon1 {
    position: absolute;
    left: 10px;
    width: 20px;
    height: 20px;
    z-index: 1;
  }

  .notice-container {
    width: calc(1200px - 60px);
    margin: 30px auto;
    padding: 30px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }

  .notice-title {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 20px;
    color: #333;
    font-size: 22px;
  }

  .notice-info {
    text-align: center;
    background-color: #f0f0f0;
    padding: 8px 15px;
    border-radius: 3px;
    margin-bottom: 25px;
    font-size: 14px;
    color: #666;
  }

  .notice-content {
    line-height: 1.8;
    text-indent: 2em;
    margin-bottom: 20px;
  }

  .notice-content p{font-size: 16px;color: #484848;}

  .notice-pagination {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    background: #EEF2F6;
    border-radius: 4px 4px 4px 4px;
    padding: 10px;
  }

  .notice-pagination a {
    padding: 8px 16px;
    color: #333;
    text-decoration: none;
    border-radius: 3px;
    transition: all 0.3s;
    font-size: 16px;
    line-height: 26px;
  }

  .notice-pagination a img {
    width: 12px;
    margin-bottom: -5px;
  }

  .notice-pagination a:hover {
    background-color: #EEF2F6;
  }

  .notice-pagination a.active {
    background: rgba(255, 255, 255, 0);
    border-radius: 25px 25px 25px 25px;
    border: 1px solid #2F4688;
    color: #364F96;
  }

  .h3 {
    text-align: center;
  }

  .notification-list {
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 15px;
  }

  .notification-list h3 {
    padding: 15px 20px;
    border-bottom: 1px solid var(--border-color);
    font-size: 18px;
  }

  .notification {
    width: calc(100% - 40px);
    margin: 0 auto;
    align-items: center;
    padding: 15px 20px;
    background: #F3F6FA;
    margin-bottom: 10px;
    min-height:10px;margin:0px auto; height:auto; _height:auto; overflow:hidden; zoom:1;
  }

  .notification:hover {
    background-color: #f5f9ff;
  }

  .notification:last-child {
    border-bottom: none;
  }

  .notification-title {
    font-weight: 500;
    float: left;
    width: calc(100% - 100px);
    font-size: 16px;
    height: 26px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 26px;
  }
  .notification-list a{color: #333;}

  .notification-date {
    color: var(--text-light);
    font-size: 14px;
    float: right;
    font-size: 16px;
    color: #666666;
    line-height: 26px;
  }

  .pagination {
    display: flex;
    justify-content: center;
    margin: 30px 0;
  }

  .pagination a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    margin: 0 4px;
    text-decoration: none;
    color: var(--text-color);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    transition: all 0.3s;
  }

  .pagination a:hover {
    border-color: var(--primary-color);
    color: var(--primary-color);
  }

  .pagination a.active {
    background-color: var(--primary-color);
    color: white;
    border-color: var(--primary-color);
  }

  .pagination a.disabled {
    color: #ccc;
    pointer-events: none;
  }

  .zhaopian_bt {
    width: 100%;
    height: auto;
    min-height: 1px;
    overflow: hidden;
    margin-bottom: 10px;
  }

  .zhaopian_bt button {
    float: left;
    width: 91px;
    height: 31px;
    border: none;
    background-color: #174489;
    border-radius: 4px;
    line-height: 30px;
    margin-right: 10px;
    color: #fff;
    font-size: 14px;
  }

  .zhaopian_xs {
    width: 100px;
    position: relative;
    overflow: hidden;
    margin-bottom: 0px !important;
  }

  .zhaopian_xs .zhaopian_img {
    width: 100%;
  }

  .zhaopian_xs .cha {
    width: 20px;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    margin: 0px;
  }

  .zhaopian_xs .cha img {
    width: 100%;
  }

  .zidicform_file .pr {
    color: #FF0000;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    width: 100%;
    overflow: hidden;
    margin-bottom: 5px;
  }

  .zidicform_file .pr a {
    color: #174489;
    text-decoration: underline;
  }

  .zidicform_file button {
    float: left;
    width: 96px;
    height: 31px;
    border: none;
    background-color: #174489;
    border-radius: 4px;
    line-height: 13px;
    margin-right: 10px;
    margin-bottom: 10px;
    color: #fff;
  }

  .zidicform_file button a {
    color: #fff;
    font-size: 14px;
  }

  .zidicform_file .file_list {
    width: 100%;
    height: auto;
    min-height: 1px;
  }

  .zidicform_file .file_list ul {
    width: 100%;
    height: auto;
    min-height: 1px;
    overflow: hidden;
    margin-left: -40px;
  }

  .zidicform_file .file_list ul li {
    width: calc(100% - 40px);
    height: auto;
    min-height: 1px;
    overflow: hidden;
    background-color: #F0F1FC;
    padding: 10px 20px;
    margin-top: 10px;
    border-radius: 3px;
  }

  .zidicform_file .file_list ul li .img1 {
    float: left;
    width: 12px;
    height: 14px;
  }

  .zidicform_file .file_list ul li p {
    float: left;
    color: #3679ec;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 0px;
    line-height: 20px;
    margin: 0;
  }

  .zidicform_file .file_list ul li a {
    float: right;
    width: 13px;
    color: #3679ec;
    line-height: 20px;
  }

  .zidicform_file .file_list ul li .img {
    width: 18px;
    height: 18px;
    margin-right: 5px;
    float: left;
  }

  .zidicform_file .file_list ul li .imgp {
    width: calc(100% - 38px);
    cursor: pointer;
  }

  .zidicform_file .file_list ul li .imgp a {
    width: 100%;
    float: left;
    color: #3679ec;
  }

  .zidicform_file .file_list ul li .pa a {
    width: 100%;
    float: left;
    color: #3679ec;
  }









  .Me31MeM2{width:100%;min-height:10px;margin:0px auto; height:auto; _height:auto; overflow:hidden; zoom:1;margin-top: 20px;}
  .Me31MeM2Group1{width:46%;float: left;margin-left:14px;margin-right:14px;margin-bottom:10px;}
  .Me31MeM2Group1 p{line-height:30px;color:#5c5c5c;font-size:14px;margin: 0px;}
  .Me31MeM2Group1 p .bitian{font-size: 18px;color: #f00;float: left;display: block;padding-right: 2px;}
  .Me31MeM2Group1 p span{color: #000;}
  .Me31MeM2Group2{width:96%;}




  /* 首页通知栏开始 */
  .tz {background: #EEF2F6;height: 50px;}
  .tz_c {width: 1200px;margin: 0 auto;height: 30px;padding: 10px 0px;}
  .tz_c .img {width: 20px;height: 20px;margin-top: 5px;float: left;}
  .tz_l{line-height: 30px;width: calc(100% - 100px);float: left;overflow: hidden;height: 30px;}
  .tz_l a{font-size: 14px;color: #484848;margin-left: 7px;}
  .tz_l span{margin-left: 7px;color: #484848;}
  .tz_c .more{font-size: 14px;color: #666;color: #007bff;line-height: 30px;float: right;}

  /* 首页通知栏结束 */

  .file_show{width: 100%;height: auto;min-height: 1px;overflow: hidden;}
  .file_show ul{margin-bottom: 0px;padding: 0px;margin-top: 0px;}
  .file_show ul li{width: 100%;height: auto;min-height: 1px;overflow: hidden;background-color: #F0F1FC;padding: 6px 10px;margin-top: 5px;margin-bottom: 5px;border-radius: 3px;}
  .file_show ul li .img1{float: left;width: 12px;height: 14px;margin-top: 3px;}
  .file_show ul li p{float: left;color: #3679ec;font-size: 14px;width: calc(100% - 30px);  overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 0px;line-height: 22px;margin-top: 0px;text-indent: 0em !important;}
  .file_show ul li p a{color: #3679ec;}
  .file_show ul li img{width: 18px;height:18px;margin-top: 2px;margin-right: 5px;float: left;}

  .chlist_t{width: 100%;height: auto;min-height: 1px;overflow: hidden;margin-bottom: 20px;text-align: center;}
  .chlist_but{width: auto;min-width: 10px; height: 32px;border: none;border-radius: 3px;background: #364F96;margin: 5px;padding: 0px;}
  .chlist_but a{line-height: 32px;color: #fff;font-size: 14px;display: block;height: 100%;padding: 0 15px;}
  .chlist{width: 100%;height: auto;min-height: 1px;overflow: hidden;box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.09);border-radius: 6px;margin-bottom: 16px;}
  .chlist1{background: #F7FAFF;padding:18px 20px;overflow: hidden;}
  .chlist1 h2{float: left;color: #07131B;font-size: 16px;font-weight: 500;line-height: 22px;margin: 0px;}
  .chlist1 p{float: right;color: #07131B;font-size: 14px;line-height: 22px;margin: 0px;}
  .chlist1 p span{color: #484848;font-size: 14px;line-height: 22px;}
  .chlist2{padding: 15px 20px;width: calc(100% - 40px);height: auto;min-height: 1px;overflow: hidden;}
  .chlist2 .wdp{float: left;color: #07131B;font-size: 14px;line-height: 26px;margin: 0px;margin-right: 30px;}
  .chlist2 .wdp span{color: #484848;font-size: 14px;line-height: 26px;}
  .chlist2 p{color: #07131B;font-size: 14px;line-height: 25px;margin: 0px;float: left;}
  .chlist2 p .dsh{color: #EDB55B;}
  .chlist2 p .wtj{color: #8930D6;}
  .chlist2 p .yfb{color: #009033;}
  .chlist2 p .btg{color: #D63030;}
  .chlist2 .btn{float: right;border: none;border-radius: 3px;background: #364F96;height: 32px;margin-right: 4px;padding: 0px;}
  .chlist2 .btn a{color: #fff;font-size: 14px;line-height: 32px;display: block;padding: 0 15px;}
  .chlist3{margin: 0 20px;border-top: 1px solid #E0E0E0;overflow: hidden;}
  .chlist3 p{color: #07131B;font-size: 14px;margin-top: 20px;margin-bottom: 20px;}
  .chlist3 p span{color: #D63030;font-size: 14px;}


  .table {width: 100%;max-width: 100%;margin-bottom: 20px;border-spacing: 0;border-collapse: collapse;}
  .table tr td, .table tr th{border: 1px solid #e7e7e7;line-height: 1.42857;padding: 8px;vertical-align: middle;color: #484848;}
  .table tr th {background-color: #F5F5F6;color: #2D2D2D;}
  .table tr td p{margin: 0px;text-indent: 2em;}

  .More2{margin:0 auto;text-align: center;font-size:14px;color:#cccccc;border:1px solid #e5e5e5;display: block;border-radius:50px;width:120px;height:36px;line-height:36px;margin-top:30px;}
  .msginfo{ margin: 0 auto;text-align: center;font-size: 14px;color: #797676;display: block;border-radius: 50px;width: 120px;height: 36px;line-height: 36px;margin-top: 30px;}




	/* 企业端首页按钮开始 */
	.qyhome{width: 1200px;min-width: 1200px;display: flex;justify-content: space-between;flex-wrap: wrap;margin: 20px auto;}
	.qyhome_con{background-color: white;width: 360px;padding: 40px 0 30px 0;margin: 10px 0 10px 0;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);text-align: center;border-radius: 5px;cursor: pointer;}
	.qyhome_con-icon{width: 80px;height: 80px;}
	.qyhome_con-text{font-weight: 500;font-size: 20px;color: #2D2D2D;line-height: 25px;text-align: center;font-style: normal;text-transform: none;}
	/* 企业端首页按钮结束 */


	/* 专家开始 */
	.filter-bar {width: 1160px;background-color: var(--white);padding: 20px;margin: 0 auto;margin-top: 30px;margin-bottom: 30px;box-shadow: var(--shadow);border-radius: var(--border-radius);}
    .filter-section {margin-bottom: 15px;}
    .filter-section:last-child {margin-bottom: 0;}
    .filter-title {font-family: "Microsoft YaHei";font-weight: bold;color: #364F96;line-height: 25px;text-align: left;font-style: normal;text-transform: none;font-size: 15px;}
    .filter-title i {margin-right: 8px;color: var(--primary-color);}
    .line {border: 1px dashed #B9B9B9;border-bottom: 10px;margin-bottom: 10px;}
    .filter-options {display: flex;flex-wrap: wrap;gap: 10px;}
    .filter-option {padding: 6px 12px;cursor: pointer;transition: all 0.3s;font-size: 14px;color: #333;}
    .filter-option:hover {background-color: #e0e0e0;}
    .filter-option.active {background: #E7F6FF;border-radius: 3px 3px 3px 3px;color: #364F96;}
    .expert-list {width: 1200px;display: grid;grid-template-columns: repeat(auto-fill, minmax(275px, 1fr));gap: 20px;margin: 0 auto;margin-bottom: 30px;}
    .expert-card {background-color: #fff;border-radius: 5px;box-shadow: var(--shadow);overflow: hidden;transition: transform 0.3s, box-shadow 0.3s;float: left;}
    .expert-card:hover {transform: translateY(-5px);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);}
    .expert-avatar {width: 120px;height: 168px;margin: 15px;}

    .expert-info {width: calc(100% - 20px);float: right;padding: 10px 10px 10px 10px;}
    .expert-name {font-family: "Microsoft YaHei";font-weight: 500;font-size: 26px;color: #2D2D2D;line-height: 26px;text-align: left;font-style: normal;text-transform: none;margin-top: 2px;margin-bottom: 15px;}
    .expert-tags {display: flex;flex-wrap: wrap;gap: 5px;margin-top: 15px;}
    .expert-tag {background-color: #e6f2ff;color: #0056b3;padding: 3px 8px;font-size: 12px;}
    .expert-org {font-family: "Microsoft YaHei";font-weight: 400;color: #767676;line-height: 24px;text-align: left;font-style: normal;text-transform: none;margin-top: 10px;margin-bottom: 0px;}
    /* .expert-info {width: calc(100% - 160px);float: right;padding: 10px 10px 10px 0px;}
    .expert-name {font-family: "Microsoft YaHei";font-weight: 500;font-size: 26px;color: #2D2D2D;line-height: 26px;text-align: left;font-style: normal;text-transform: none;margin-top: 5px;}
    .expert-tags {display: flex;flex-wrap: wrap;gap: 5px;margin-top: 15px;}
    .expert-tag {background-color: #e6f2ff;color: #0056b3;padding: 3px 8px;font-size: 12px;}
    .expert-org {font-family: "Microsoft YaHei";font-weight: 400;color: #767676;line-height: 24px;text-align: left;font-style: normal;text-transform: none;margin-top: 15px;} */
	/* 专家结束 */

  #list{position: absolute;background-color: #dde6ee;width: calc(42% - 4px);display: none;max-height: 170px;overflow: auto;  margin: 0px;padding: 0px;list-style-type: none;border: 1px solid #EAEAEA;}
  #list li{cursor: pointer;padding-left: 10px;line-height: 30px;}
  #list li:hover{background-color: #1B9AEE;color: #fff;}


  .pxtk{width: 100%;height: 100vh;overflow: hidden;background: rgba(0, 0, 0, 0.47);position: fixed;top: 0;left: 0;}
  .pxtks{width: 473px;height: auto;min-height: 10px;position: relative;background-color: #fff;margin: 0 auto;margin-top: 30vh;box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.1608);border-radius: 12px;}
  .gbimga .gbimg{position: absolute;right: 18px;top: 18px;width: 30px;height: 30px;z-index: 9999;cursor: pointer;}
  .pxtks1{width: 100%;height: 93px;background: #007bff;border-radius: 12px 12px 12px 12px;position: relative;}
  .pxtks1 h2{float: left;color: #fff;font-size: 22px;margin-left: 30px;margin-top: 20px;}
  .pxtks2{width: calc(100% - 60px);height: auto;min-height: 100px;overflow: hidden;background: #fff;box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.1608);border-radius: 12px 12px 12px 12px;margin-top: -26px;position: relative;padding: 30px;}
  .pxtks2 p{color: #323232;font-size: 22px;font-weight: 500;line-height: 35px;margin: 0px;}
  .pxtks2 .tkbtn{background: #007bff;border: none;width: 161px;height: 40px;overflow: hidden;display: block;border-radius: 20px;margin: 0 auto;color: #fff;margin-top: 30px;line-height: 40px;text-align: center;font-size: 18px;}




}
/*# sourceMappingURL=login.css.map */