html,body {
  background-color: #FDFDFC;
}
/* 自定义样式 */
.custom-navbar {
  background-color: #027A93 !important;
  /* 强制覆盖 Bulma 默认颜色 */
  padding: 0 20px;
  /* 保持两侧留白 */
}

/* 内容容器限制宽度 */
.nav-container {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}

.custom-container {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}

.top_header .nav-container .logo img {
  max-height: 100%;  
}

.head_nav {
  justify-content: space-between;
  display: flex;
  align-items: center;
}

.navbar-item,
.navbar-link {
  color: #fff !important;
  background-color: transparent !important;
}

.navbar-link:not(.is-arrowless):after,
.select:not(.is-multiple):not(.is-loading):after {
  display: none;
}

.navbar-link:not(.is-arrowless) {
  padding-inline-end: .75rem;
}
.tools-list a.ic_01 {
  background: url(../images/ic_01.png) no-repeat 60px center;
}
.tools-list a.ic_02 {
  background: url(../images/ic_02.png) no-repeat 60px center;
}
.tools-list a.ic_03 {
  background: url(../images/ic_03.png) no-repeat 60px center;
}
.tools-list a.ic_04 {
  background: url(../images/ic_04.png) no-repeat 60px center;
}
.tools-list a.ic_05 {
  background: url(../images/ic_05.png) no-repeat 60px center;
}

/* PC端 */
@media screen and (min-width: 751px) {
  body {
    background-image: url(../images/bg.png);
    background-repeat: no-repeat;
    background-size: 800px 800px;
    background-position: left 150px;
    min-height: 1000px;
  }
  .navbar-start .navbar-item {
    margin: 0 15px;
    font-size: 1rem;
  }
  .navbar-link {
      font-size: 1rem;
      padding: .5rem .3rem;
  }

  .navbar-brand {
    display: none;
  }

  .top_header {
    background: url(../images/head_bg.png) no-repeat center center;
  }

  .top_header .nav-container {

    height: 160px;
  }

  .qrcode {
    width: 108px;
    height: 108px;
  }

  .right-group {
    display: none;
  }

  .navbar-start .navbar-item:hover::after {
    position: absolute;
    content: '';
    display: block;
    width: 24px;
    height: 2px;
    background: #fff;
    left: 50%;
    margin-left: -12px;
    bottom: 2px;
  }

  .navbar-dropdown {
    background-color: #027A93 !important;
    border-radius: 0;
    width: 140%;
    left: -20%;
    top: 100%;
    border-top: none;
    padding: 0;
  }

  .navbar-dropdown .navbar-item {
    height: 34px;
    padding: .375rem 1rem;
    white-space: nowrap;
    box-sizing: border-box;
    margin: 0;
    text-align: center;
  }

  .navbar-dropdown a.navbar-item:hover {
    background-color: #3595A8 !important;
  }

  .navbar-dropdown .navbar-item:hover::after {
    display: none;
  }

  .navbar-dropdown a.navbar-item {
    padding-inline-end: 0rem;
    display: block;
    padding: 0;
    line-height: 34px;
  }
  .search_box {
    height: 32px;
  }
  .search_box input {
    height: 32px;
    border: none;
    background-color: #fff;
    border-radius: 0;
    padding: 0 10px;
    box-sizing: border-box;
    outline: none;
    font-size: .875rem;
    border: none;
    box-shadow: none;
  }
 
  .search_box button{
    height: 32px;
    border: none;
    background-color: #fff;
    border-radius: 0;
    width: 40px;
    background: #fff url(../images/ic_search.png) no-repeat center center;
  }
  .navbar-menu {
    height: 100%;
  }
  input[type="text"]:focus,
  input[type="password"]:focus,
  textarea:focus {
    box-shadow: none;
    outline: 0;
  }
  .section-item {
    margin-top: 16px;
  }
  .top_topic img {
    width: 100%;
  }
  .newsbox {
    display: flex;
    justify-content: space-between;
  }
  .newsbox .newsbox-item {
    width: 594px;
    background-color: #fff;
    box-shadow: 0px 4px 16px 0px rgba(158,200,255,0.14);
    padding: 0;
  }
  .newsbox .newsbox-item  img {
    display: block;
    height: 340px;
    margin: 0 auto;
  }
  .newsbox-item-tab {
    border-bottom: solid 1px #F2F2F2;
    height: 50px;
    display: flex;
    justify-content: space-between;
  }
  .newsbox-item-tab a {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    cursor: pointer;
    color: #000;
  }
  .newsbox-item-tab a.active {
    color: #fff;
    background-color: #027A93;
  }
  .newsbox-item-content {
    padding: 0 16px;
    box-sizing: border-box;
    font-size: 14px;
  }
  .newsbox-item-content li{
    margin-top: 12px;
    position: relative;
    padding-left: 12px;
  }
  .newsbox-item-content li::before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #027A93;
    position: absolute;
    left: 0px;
    top: 10px;

  }
  .newsbox-item-content a {
    color: #333;
    
  }
  .newsbox-item-content a h3 {
    white-space: nowrap; 
    overflow: hidden;     
    text-overflow: ellipsis;  
  }
  .newsbox-item-content a p {
    font-size: 12px;
    color:#666666;
    margin-top: 4px;
  }
  .topic_block {
    display: flex;
    justify-content: space-between;
  }
  .topic_block a{
    width: 594px;
  }
  .topic_block a img {
    width: 100%;
    display: block;
  }
  .tools-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .tools-list a {
    width: 230px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    box-shadow: 0px 4px 16px 0px rgba(158,200,255,0.14);
    text-indent: 2em;
    font-size: 16px;
    color: #017992;
  }
  
  .clum-list  {
    display: flex;
    justify-content: space-between;
  }
  .clum-list .clum-item {
    width: 392px;
    height: 250px;
    background: #FFFFFF;
    box-shadow: 0px 4px 16px 0px rgba(158,200,255,0.14);
  }
  .clum-list .clum-item .swiper_box {
    height: 200px;
    background-color: #ccc;
    position: relative;
    overflow: hidden;
  }
  .clum-list .clum-item p {
    height: 50px;
    font-size: 20px;
    font-weight: bold;
    color:#017992;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .clum-list .clum-item p a {
      color:#017992;
  }
  .download-list{
    margin-top: 40px;
  }
  .download-list h3 {
    text-align: center;
    font-size: 24px;
    color: #333333;
    font-weight: 800;
  }
  .download-item {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
  }
  .download-item-son {
    width: 392px;
    border: 1px solid #E3E3E3;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    box-sizing: border-box;
    padding: 0 24px;
    color: #333333;
    position: relative;
  }
  .download-item-son::after {
    content: '';
    display: block;
    width: 1px;
    height: 36px;
    background-color: #D9D9D9;;
    position: absolute;
    right: 72px;
    top:12px;
  }
  .friend-list{
    margin-top: 40px;
  }
  .friend-list h3 {
    text-align: center;
    font-size: 24px;
    color: #333333;
    font-weight: 800;
  }
  .friend-item {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
  }
  .friend-item a {
    width: 16.6%;
    padding: 8px 0;
    font-size: 16px;
    color: #666666;
  }
  .newsbox-item {
    position: relative;
  }
  .newsbox-item .swiper .swiper-slide {
    position: relative;
  }
  .newsbox-item .swiper .swiper-slide p {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50px;
    box-sizing: border-box;
    background-color: rgb(0, 0,0,.3);
    display: flex;
    align-items: center;
    color: #fff;
    padding: 0 16px;
  }
  .newsbox-item .swiper .swiper-pagination {
    width: auto;
    left: auto;
    right: 16px;
    bottom: 15px;
  }
  
  .newsbox-item .swiper .swiper-pagination .swiper-pagination-bullet {
    background: #646464;
    opacity: 1;
  }
  .newsbox-item .swiper .swiper-pagination .swiper-pagination-bullet-active {
    background: #D9D9D9;
  }
  .swiper-container {
    width: 100%;
    height: 100%;
  }

  footer {
    margin-top: 20px;
    /*height: 253px;*/
    background:url(../images/footer_bg.png) no-repeat center center;
    color: #fff;
  }
  .footer-content {
    display: flex;
    justify-content: space-between;
    padding: 25px 0;
    line-height: 30px;
    font-size: .875rem;
  }
  .footer-content h3 {
    margin-bottom: 4px;
  }
  .footer-content .footer-item {
    width: 560px;
  }
  .footer-content .footer-item:first-child {
    width: 630px;
  }
  .footer-content .footer-item h3 {
    font-weight: bold;
    font-size: 24px;
  }
  .last_child {
    display: flex;
    justify-content: right;
    align-items: flex-end;
  }
  .line {
    border-top: solid 1px rgba(255,255,255,0.2);
  }
  .footer-content a {
    color: #fff;
  }
  
  .swiper_box img {
    display: block;
  }
  .swiper_box .swiper-button-next, .swiper_box .swiper-rtl .swiper-button-prev {
     width: 32px;
     height: 32px;
     background-color: rgba(158, 200, 255, 0.5);
     border-radius: 50%;
 
  }
  .swiper_box .swiper-button-next:after, .swiper-button-prev:after {
 
    font-size: 10px;
    text-transform: none !important;
    color: #333;
  }
  .swiper_box .swiper-button-prev, .swiper_box .swiper-rtl .swiper-button-next {
     width: 32px;
     height: 32px;
     background-color: rgba(158, 200, 255, 0.5);
     border-radius: 50%;

  }
  .swiper_box .swiper-button-next,.swiper_box .swiper-button-prev {
    display: none;
  }
  .swiper_box:hover .swiper-button-next,.swiper_box:hover .swiper-button-prev {
    display:flex;
  }
  .swiper_box .swiper-pagination {
    display: none;
  }
  .navigation {
    font-size: 16px;
    color: #666;
    margin-top: 12px;
  }
  .navigation a {
    color: #666;
  }
  .mainbox {
    margin-top: 12px;
  }
  .maincontent {
    display: flex;
    justify-content: space-between;
  }
  .maincontent .left_menu{
    width: 220px;
    background: #FFFFFF;
  }
  
  .left_menu ul li {
    margin-bottom: 1px;
    background-color: #EDF8F2 ;
  }
  .left_menu ul li a{
    display: flex;
    align-items: center;
    height: 60px;
    padding: 0 36px;
    color: #333333;
    position: relative;
  }
  .left_menu ul li a.active,.left_menu ul li a:hover {
    background-color: #027A93;
    color: #fff;
  }
  .left_menu ul li a::after,.left_menu ul li a.active::after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-top: solid 1px #333;
    border-right: solid 1px #333;
    position: absolute;
    right: 23px;
    top:25px;
    transform: rotate(45deg);
  }
  .left_menu ul li a.active::after,.left_menu ul li a:hover::after {
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
  }

  .left_menu ul li .menu_child {
    background-color: #fff;
    display: none;
  }
  .left_menu ul li .menu_child a:hover,.left_menu ul li .menu_child a.active {
    color: #027A93;
    background-color: #fff;
  }
  .left_menu ul li .menu_child a::after {
    display: none!important;
  }
 
  .left_menu ul li .menu_child a:hover::before,.left_menu ul li .menu_child a.active::before {
    content: '';
    display: block;
    width: 4px;
    height: 40px;
    background-color: #027A93;
    position: absolute;
    left: 4px;
    top: 10px;    
  }
  .maincontent .right_content {
    width: 956px;
    padding-top: 16px;
    box-sizing: border-box;
  }
  .maincontent .right_content .title {
    border-bottom: 4px #F4F4F4 solid;
    padding-bottom: 12px;
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
  }
  .maincontent .right_content  .search_lev {
    width: 291px;
    height: 32px;
    background: #FFFFFF;
    border-radius: 20px;
    border: 1px solid #999999;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .maincontent .right_content  .search_lev input {
    flex:5;
    background: transparent;
    border: none;
    padding: 0 12px;
    box-sizing: border-box;
    height: 100%;
  }
  .maincontent .right_content  .search_lev button{
    flex:1;
    margin: 0;
    padding: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
  }
  .maincontent .right_content .title h3 {
    font-weight: bold;
    font-size: 24px;
    color: #027A93;
  }
  .maincontent .right_content .content_list ul li {
    position: relative;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed #D5D5D5;
    padding: 12px;
    font-size: 14px;
    padding-left: 46px;
  }  
  .maincontent .right_content .content_list ul li a {
    color: #333333;
    width: 75%;
    white-space: nowrap;
    overflow: hidden; 
    text-overflow: ellipsis;
  }

  .maincontent .right_content .content_list ul li a:hover {
    color: #027A93;
  }
  .maincontent .right_content .content_list ul li::before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #027A93;
    position: absolute;
    left: 30px;
    top: 19px;
  }
  .pages {
    margin-top: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .pages a {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 32px;
    height: 32px;
    color: #666666;
    background: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #EEEEEE;
    margin: 0 4px;
  }
  .pages a:hover,.pages a.active {
    background-color: #027A93;
    color: #fff;
  }
  .pages_wap {
    display: none;
  }
  .content_box {
    min-height: 100px;
    background: #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    border: 1px solid #E4E4E4;
    padding: 30px;
    margin-top: 16px;
  }
  .content_box h3 {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #333333;
    font-weight: bold;
  }
  .content_box .tips {
    text-align: center;
    font-size: 14px;
    color: #666666;
  }
  .join_qr_code {
    text-align: center;
    padding: 20px;
  }

  .text_input input[type="text"] {
    height: 50px;
    background: #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    border: 1px solid #E4E4E4;
    padding: 0 12px;
    box-sizing: border-box;
    width: 80%;
  }
  .formbox {
    margin-top: 25px;
  }
  .form_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
  }
  .form_item label{
    flex: 1;
  }
  .form_item  .text_input {
    flex: 3;
    position: relative;
  }
  .content_box .readme{
    font-size: 12px;
    color: #666666;
    margin-top: 30px;
  }
  .submit_btn {
    color: #fff;
    width: 180px;
    height: 50px;
    background: #027A93;
    border-radius: 8px 8px 8px 8px;
    display: block;
    margin: 0 auto;
  }
  .add_file {
    background: url(../images/plus.png) no-repeat center 37px;
    display: block;
    width: 90px;
    height: 120px;
    border-radius: 8px 8px 8px 8px;
    border: 1px solid #E4E4E4;
    font-size: 14px;
    color: #333333;
    text-align: center;
    box-sizing: border-box;
    padding-top: 67px;
  }
  #fileInput{
    position: absolute;
    left: 0;
    top: 0;
    width: 90px;
    height: 100%;
    display: block;
    background-color: #000;
    cursor: pointer;
    opacity: 0;
  }
  .member_search {
    border: none;
    background: transparent;
    padding: 0;
  }
  .member_search .form_item{
    justify-content: center;
  }
  .member_search .form_item label {
    text-align: right;
  }
  .member_search .form_item .text_input {
    flex: 8;
  }
  .member_search .form_item .text_input input {
    width: 100%;
  }
  .result_box {
    margin-top: 75px;
  }
  .result_box .res_th {
    display: flex;
    justify-content: space-between;
    height: 40px;
    color: #fff;
    background-color: #027A93;
  }
  .result_box .res_th span {
    width: 50%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding-left: 20px;
    font-size: 16px;
  }
  .result_box .res_td {
    display: flex;
    justify-content: space-between;
    height: 40px;
    color: #333;
    background-color: #fff;
    border: solid 1px #ccc;
    border-top: none;
  }
  .result_box .res_td span {
    width: 50%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding-left: 20px;
    font-size: 16px;
  }
  .result_box .res_td span:first-child{
    border-right:solid 1px #ccc;
  }
  .result_box .res_td:nth-child(odd) {
    background-color: #F2F2F2;
  }
  .edu_list ul {
    display: flex;
    flex-wrap: wrap;
    gap: 12px; /* 格子间距 */
    justify-content: flex-start; /* 左对齐 */
  }
  
  .edu_list ul li {
    width: calc(33.33% - 12px); /* 减去gap空间 */
    min-width: 310px; /* 最小宽度限制 */
    box-sizing: border-box;
    margin-bottom: 12px;
    height: 284px;
    font-size: 14px;
  }
  .edu_list ul li a:first-child{
    height: 180px;
    display: flex;
    overflow: hidden;
    align-items: center;
    overflow: hidden;
    background-color: #ccc;
  }
  .edu_list ul li:hover {
    background: #027A93;
  }
  .edu_list ul li img {
    display: block;
    max-width: 100%;
    min-height: 140px;
    transform: scale(1.1);
  }
  .edu_list ul li a {
    color: #333333;
  }
  .edu_list ul li:hover a {
    color: #fff;
  }
  .edu_list ul li .list_title {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 限制显示行数 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding:0 12px;
    margin-top: 12px;
    height: 42px;
  }
  .edu_list ul li  .detail {
    display: flex;
    padding: 12px;
  }
  .article_title{
    font-weight: bold;
    font-size: 24px;
    color: #333333;
    text-align: center;
    line-height: 35px;
    margin: 24px;
  }
  .article_subtitle {
    font-size: 16px;
    color: #333333;
    text-align: center;
  }
  .article_text{
    margin-top: 12px;
    font-size: 16px;
    color: #333333;
    line-height: 34px;
    text-align: justify;
  }
  .article_text p {
    text-indent: 2em;
  }
  .news_content {
    width: 100%!important;
  }
  .member_search_box {
    display: block;
    margin-top: 12px;
  }
  .m_search_box {
    height: 50px;
    display: block;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #027A93;
    position: relative;
  }
  .m_search_box input[type="text"] {  
    height: 100%;
    border: none;
    padding: 0 12px;
    box-sizing: border-box;
    width: 100%;
    background-color: transparent;    
  }
  .m_search_box button{
    position: absolute; 
    right: 0;
    top:0;
    bottom: 0;
    background-image: url(../images/ic_search_2.png);
    width: 42px;
    background-repeat: no-repeat;
    background-position: center center;
  }
  .m_search_box button::before{
    position: absolute;
    content: " ";
    width: 1px;
    height: 32px;
    left: 0;
    top:50%;
    margin-top: -16px;
    background-color: #027A93;
  }
  .sc_tips {
    font-size: 14px;
    color: #666666;
    margin-top: 12px;
    text-align: center;
  }
  .matrix_list {
    margin-top: 24px;
  }
  
  .matrix_list {
    margin-top: 12px;
  }
  .matrix_list ul {
    display: flex;
    flex-wrap: wrap;
    gap: 12px; /* 格子间距 */
    justify-content: flex-start; /* 左对齐 */
  }
  
  .matrix_list ul li {
    width: calc(33.33% - 8px); /* 减去gap空间 */    
    box-sizing: border-box;
    margin-bottom: 12px;    
    font-size: 12px;
    
  }
  
  .matrix_list ul li img {
    display: block;
    max-width: 100%;
   }
  .matrix_list ul li a {
    color: #333333;
  }
  .matrix_list ul li .img-box {
    display: flex;
    width: 310px;
    height: 140px;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border: solid 1px #ccc;
  }
  .matrix_list ul li .img-box img {
    max-width: 90%;

  }
 
  .matrix_list ul li .list_title {
    height: 42px;    
    line-height: 42px;
    box-sizing: border-box;
    padding: 0 12px;
    margin: 0 auto;    
    color: #fff;
    display: block;    
    white-space: nowrap;  /* 禁止换行 */
    overflow: hidden;     /* 隐藏溢出内容 */
    text-overflow: ellipsis; /* 显示省略号 */
    background-color: #027A93;
  }
  .nodata {
      margin: 50px;
  }
  .ptips {
      display: none;
  }
  .form_item .tips {
      flex:8;display:flex;align-items: center;
  }
  .form_item .tips span {
      margin-right: 5px;
  }
  .form_item .tips p {
      margin: 0;
  }
  .certNo_tips,.userName_tips {
      display: none;
  }
  
}













/* 移动端 */
@media screen and (max-width: 750px) {
  body{
    background: #FDFDFC;
    padding-top: 60px;
  }
  .navbar-menu {    
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    background: #027A93 !important;
    font-size: 16px;
    text-align: center;
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 52px;
  }
  .has-dropdown {
    position: relative;
    
  }
  .has-dropdown:hover .navbar-dropdown {
    display: block;
    
  }
  .has-dropdown::after{
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    transform: rotate(135deg);
    position: absolute;
    right: 50%;
    margin-right: -3em;
    top:14px;
  }
  .navbar-dropdown {
    display: none;
    font-size: 14px;
    background-color: #048ba7;
  }
  .navbar-item .field {
    margin: 10px;
  }

  .navbar-brand {
    display: flex;
  }
  .top_header{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999999;
    background-color: #fff;
    box-shadow: 0px 4px 16px 0px rgba(158,200,255,.2);
  }
  .top_header .nav-container .logo {
    height: 1.75rem;
    display: flex;
  }

  .qrcode {
    display: none;
  }

  .navbar-burger {
    margin-inline-end: 0rem;
  }

  .head_nav {
    padding: 0 12px;
  }

  .navbar-burger,
  .navbar-burger:hover,
  .navbar-burger:focus,
  .navbar-burger:active {
    background-color: transparent !important;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    width: 1.25rem;
    height: 1.25rem;
  }

  a,
  a:hover,
  .a:focus,
  a:active {
    background-color: transparent !important;
    -webkit-tap-highlight-color: transparent;
    outline: none;
  }


  .search {
    display: flex;
    align-items: center;
    margin-left: 10px;
  }

  .right-group {
    display: flex;
    gap: .75rem;
  }

  .navbar {
    min-height: 0rem;
  }

  .navbar-end {
    display: none;
  }

  .navbar-menu {
    box-shadow: none
  }
  .section-item {
    margin:0 12px ;
  }

  .newsbox-item .swiper-slide {
    line-height: 0;
  }
  .newsbox-item .swiper-slide img {
    display: block;
  }

  .newsbox-item {
    position: relative;
  }
  .newsbox-item .swiper .swiper-slide {
    position: relative;
  }
  .newsbox-item .swiper .swiper-slide p {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 32px;
    box-sizing: border-box;
    background-color: rgb(0, 0,0,.3);
    display: flex;
    align-items: center;
    color: #fff;
    padding: 0 100px 0 12px;
    font-size: .75rem;
    
  }
  .newsbox-item .swiper .swiper-slide p span{
    line-height: 100%;
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden; 
    text-overflow: ellipsis;
  }
  .newsbox-item .swiper .swiper-pagination {
    width: auto;
    left: auto;
    right: 12px;
    bottom: 6px;
  }
  
  .newsbox-item .swiper .swiper-pagination .swiper-pagination-bullet {
    background: #646464;
    opacity: 1;
  }
  .newsbox-item .swiper .swiper-pagination .swiper-pagination-bullet-active {
    background: #D9D9D9;
  }
  .newsbox-item-tab {
    margin-top: 12px;
    border-bottom: solid 1px #F2F2F2;
    height: 50px;
    display: flex;
   
  }
  .newsbox-item-tab a {
    padding: 0 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    cursor: pointer;
    color: #333;
    position: relative;
  }
  .newsbox-item-tab a.active {
    color: #027A93;
  }
  .newsbox-item-tab a.active::before {
    content: '';
    display: block;
    width: 12px;
    height: 2px;
    background-color: #027A93;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 8px;
  }
  .wap_flex_end_start {
    display: flex;
    flex-direction: column-reverse;
    margin-top: 12px;
  }
  .newsbox-item-content {
    padding: 0;
    box-sizing: border-box;
    font-size: 14px;
  }
  .newsbox-item-content li{
    margin-top: 12px;
    position: relative;
    padding-left: 12px;
  }
  .newsbox-item-content li::before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #027A93;
    position: absolute;
    left: 0px;
    top: 10px;

  }
  .newsbox-item-content a {
    color: #333;
    display: flex;
    justify-content: space-between;
    
  }
  .newsbox-item-content a h3 {
    flex: 4;
    white-space: nowrap;
    overflow: hidden; 
    text-overflow: ellipsis;
  }
  .newsbox-item-content a p {
    font-size: 12px;
    color:#666666;
    flex: 1;
    text-align: right;
  }
  .tools-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .tools-list a {
    width: 112px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    box-shadow: 0px 4px 16px 0px rgba(158,200,255,0.14);
    text-indent: 2em;
    font-size: 12px;
    color: #017992;
    background-size: auto 16px!important;
    margin-top: 8px;
    background-position: 26px center!important;
  }
  .tools-list::after {
    content: "";
    width: calc(33.33% - 10px); /* 与子项同宽 */
  }
  .clum-list  {
    display: block;
    margin-top: 12px;
  }
  .clum-list .clum-item {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 4px 16px 0px rgba(158,200,255,0.14);
    overflow: hidden;
    margin-bottom: 12px;
  }
  .clum-list .clum-item p a {
      color:#017992;
  }
  .clum-list .clum-item .swiper_box {
    background-color: #ccc;
    position: relative;
    overflow: hidden;
  }
  .clum-list .clum-item .swiper_box img {
    display: block;
    width: 100%;
  }
 
  .clum-list .clum-item p {
    height: 44px;
    font-size: 16px;
    font-weight: bold;
    color:#017992;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .swiper_box .swiper-button-next, .swiper_box .swiper-rtl .swiper-button-prev {
    width: 32px;
    height: 32px;
    background-color: rgba(158, 200, 255, 0.5);
    border-radius: 50%;

 }
 .swiper_box .swiper-button-next:after, .swiper-button-prev:after {

   font-size: 10px;
   text-transform: none !important;
   color: #333;
 }
 .swiper_box .swiper-button-prev, .swiper_box .swiper-rtl .swiper-button-next {
    width: 32px;
    height: 32px;
    background-color: rgba(158, 200, 255, 0.5);
    border-radius: 50%;

 }
 .swiper_box .swiper-button-next,.swiper_box .swiper-button-prev {
  display: none;
  }
  .swiper_box .swiper-pagination-bullet {
    background-color: rgba(217, 217, 217, 1);
  }
  .swiper_box .swiper-pagination-bullet-active {
    background-color: rgba(217, 217, 217, 1);
  }
  .topic_block {
    margin-top: 12px;
  }
  .download-list{
    margin-top: 24px;
  }
  .download-list h3 {
    text-align: center;
    font-size: 16px;
    color: #333333;
    font-weight: 800;
  }
  .download-item {
    display: blcok;
    margin-top: 16px;
  }
  .download-item-son {
    margin-top: 8px;
    border: 1px solid #E3E3E3;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    box-sizing: border-box;
    padding: 0 15px;
    color: #333333;
    position: relative;
  }
  .download-item-son::after {
    content: '';
    display: block;
    width: 1px;
    height: 30px;
    background-color: #D9D9D9;;
    position: absolute;
    right: 64px;
    top:12px;
  }
  .friend-list{
    margin-top: 24px;
  }
  .friend-list h3 {
    text-align: center;
    font-size: 16px;
    color: #333333;
    font-weight: 800;
  }
  .friend-item {    
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
  }
  .friend-item a {   
    padding: 4px 0;
    font-size: 12px;
    color: #666666;
    margin-right: 10px;
  }
  
  footer {
    margin-top: 24px;
    background:rgba(48, 141, 159, 1);
    color: #fff;
    box-sizing: border-box;
    padding: 0 12px;
  }
  .footer-content {
    display: block;
    padding: 15px 0;
    line-height: 20px;
    font-size: 12px;
  }
  .footer-content h3 {
    margin-bottom: 4px; 
    margin-top: 8px; 
   }
  
  
  .footer-content .footer-item h3 {
    font-weight: bold;
    font-size: 16px;
  }
 
  .line {
    border-top: solid 1px rgba(255,255,255,0.2);
  }
  .footer-content a {
    color: #fff;
  }
  .navigation {
    display: none;
  }
  .left_menu {
    display: none;
  }
  .mainbox {
    margin: 0 12px;
  }
  .maincontent .right_content .title {
    color: #fff;
    background-color: #027A93;
    height: 40px;
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 5px;
  }
  .maincontent .right_content .title::after {
    content: '';
    display: block;
    width: 1px;
    height: 9px;
    background-color: #fff;
    position: absolute;
    right: 20px;  
  }
  .maincontent .right_content .title::before {
    content: '';
    display: block;
    width: 9px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    right: 16px;
  }
  .maincontent .right_content .title h3 {
    padding-left: 12px;
    font-size: 14px;
    color: #fff;
  }
  .maincontent .right_content .content_list ul li {    
    box-sizing: border-box;
    position: relative;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed #D5D5D5;
    padding-left: 12px;
    font-size: 14px;
    padding-top: 12px;
    padding-bottom: 12px
  }
  .maincontent .right_content .content_list ul li a {
    color: #333333;
    width: 75%;
    white-space: nowrap;
    overflow: hidden; 
    text-overflow: ellipsis;
  }
  .maincontent .right_content .content_list ul li a:hover {
    color: #027A93;
  }
  .maincontent .right_content .content_list ul li::before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #027A93;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -2px;
  }
   .pages {
    margin-top: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .pages a {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 32px;
    height: 32px;
    color: #666666;
    background: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #EEEEEE;
    margin: 0 4px;
  }
  .pages a:hover,.pages a.active {
    background-color: #027A93!important;
    color: #fff;
  }
  .pages_wap {
    display: none;
    justify-content: center;
    align-items: center;
    margin-top: 12px;
    font-size: 14px;
    color: #333333;
  }
  .pages_wap a {
    color: #333333;
  }
  .content_box {
    min-height: 100px;
    background: #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    border: 1px solid #E4E4E4;
    padding: 12px;
    margin-top: 12px;
  }
  .content_box h3 {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #333333;
    font-weight: bold;
  }
  .content_box .tips {
    text-align: left;
    font-size: 12px;
    color: #666666;
  }
  .join_qr_code {
    text-align: center;
  }
  .content_box .readme{
    font-size: 12px;
    color: #666666;
    margin-top: 30px;
  }
  .form_item {
    margin-top: 12px;
  }
  .form_item label {
    font-size: 14px;
    color: #333333;
    margin-bottom: 12px;

  }
  .form_item .text_input{
    margin-top: 12px;
    position: relative;
  }
  .text_input input[type="text"] {
    height: 50px;
    background: #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    border: 1px solid #E4E4E4;
    padding: 0 12px;
    box-sizing: border-box;
    width: 100%;
  }
  .add_file {
    background: url(../images/plus.png) no-repeat center 37px;
    display: block;
    width: 90px;
    height: 120px;
    border-radius: 8px 8px 8px 8px;
    border: 1px solid #E4E4E4;
    font-size: 14px;
    color: #333333;
    text-align: center;
    box-sizing: border-box;
    padding-top: 67px;
  }
  #fileInput{
    position: absolute;
    left: 0;
    top: 0;
    width: 90px;
    height: 100%;
    display: block;
    background-color: #000;
    cursor: pointer;
    opacity: 0;
  }
  .submit_btn {
    color: #fff;
    width: 140px;
    height: 40px;
    background: #027A93;
    border-radius: 8px 8px 8px 8px;
    display: block;
    margin: 0 auto;
  }
  .member_search {
    border: none;
    background: transparent;
    padding: 0;
  }
  .member_search .tips {
    text-align: center;
  }
  .result_box {
    margin-top: 25px;
  }
  .result_box .res_th {
    display: flex;
    justify-content: space-between;
    height: 40px;
    color: #fff;
    background-color: #027A93;
  }
  .result_box .res_th span {
    width: 50%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding-left: 20px;
    font-size: 14px;
  }
  .result_box .res_td {
    display: flex;
    justify-content: space-between;
    height: 40px;
    color: #333;
    background-color: #fff;
    border: solid 1px #ccc;
    border-top: none;
  }
  .result_box .res_td span {
    width: 50%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding-left: 20px;
    font-size: 14px;
  }
  .result_box .res_td span:first-child{
    border-right:solid 1px #ccc;
  }
  .result_box .res_td:nth-child(odd) {
    background-color: #F2F2F2;
  }

  .edu_list {
    margin-top: 12px;
  }
  .edu_list ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px; /* 格子间距 */
    justify-content: flex-start; /* 左对齐 */
  }
  
  .edu_list ul li {
    width: calc(50% - 4px); /* 减去gap空间 */    
    box-sizing: border-box;
    margin-bottom: 12px;    
    font-size: 12px;
  }
  
  .edu_list ul li img {
    display: block;
    max-width: 100%;
   }
  .edu_list ul li a {
    color: #333333;
  }
  .edu_list ul li a:first-child {
      display: flex;
      height: 120px;
      align-items: center;
      background-color: #f2f2f2 !important;
  }
 
  .edu_list ul li .list_title {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 限制显示行数 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding:0;
    margin-top: 5px;
    height: 40px;
  }
  .edu_list ul li  .detail {
    display: flex;
    padding: 0px;
  }

  .article_title{
    font-weight: bold;
    font-size: 15px;
    color: #333333;
    text-align: center;
    line-height: 25px;
    margin: 12px;
  }
  .article_subtitle {
    font-size: 14px;
    color: #333333;
    text-align: center;
  }
  .article_text{
    margin-top: 12px;
    font-size: 14px;
    color: #333333;
    line-height: 24px;
    text-align: justify;
  }
  .article_text p {
    text-indent: 2em;
  }
  .member_search_box {
    display: block;
    margin-top: 12px;
  }
  .m_search_box {
    height: 50px;
    display: block;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #027A93;
    position: relative;
  }
  .m_search_box input[type="text"] {  
    height: 100%;
    border: none;
    padding: 0 12px;
    box-sizing: border-box;
    width: 100%;
    background-color: transparent;    
  }
  .m_search_box button{
    position: absolute; 
    right: 0;
    top:0;
    bottom: 0;
    background-image: url(../images/ic_search_2.png);
    width: 42px;
    background-repeat: no-repeat;
    background-position: center center;
  }
  .m_search_box button::before{
    position: absolute;
    content: " ";
    width: 1px;
    height: 32px;
    left: 0;
    top:50%;
    margin-top: -16px;
    background-color: #027A93;
  }
  .sc_tips {
    font-size: 12px;
    color: #666666;
    margin-top: 12px;
    text-align: center;
  }
  .matrix_list {
    margin-top: 24px;
  }
  
  .matrix_list {
    margin-top: 12px;
  }
  .matrix_list ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px; /* 格子间距 */
    justify-content: flex-start; /* 左对齐 */
  }
  
  .matrix_list ul li {
    width: calc(50% - 6px); /* 减去gap空间 */    
    box-sizing: border-box;
    margin-bottom: 12px;    
    font-size: 12px;
    
  }
  
  .matrix_list ul li img {
    display: block;
    max-width: 100%;
   }
  .matrix_list ul li a {
    color: #333333;
  }
  .matrix_list ul li .img-box {
    display: flex;
    width: 100%;
    height: 100px;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border: solid 1px #ccc;
  }
  .matrix_list ul li .img-box img {
    max-width: 90%;

  }
 
  .matrix_list ul li .list_title {
    height: 42px;    
    line-height: 42px;
    box-sizing: border-box;
    padding: 0 12px;
    margin: 0 auto;    
    color: #fff;
    display: block;    
    white-space: nowrap;  /* 禁止换行 */
    overflow: hidden;     /* 隐藏溢出内容 */
    text-overflow: ellipsis; /* 显示省略号 */
    background-color: #027A93!important;
  }
  .form_item .tips {
        flex: 8;
        display: flex;
        align-items: center;
    }
    .form_item .tips span {
        margin-right: 5px;
    }
    .form_item .tips p{
        margin: 0;
    }
    .ptips {
        display:none;
    }
    
    .nodata {
        font-size:14px ;
    }
    .search_lev {
        display: none;
    }
}