* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: "Microsoft YaHei", sans-serif;
            background-color: white;
            color: #333;
            font-size: 16px;
        }

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

        /* basic */
        .f_l {
            float: left;
        }

        .f_r {
            float: right;
        }

        .t_l {
            text-align: left;
        }

        .t_r {
            text-align: right;
        }

        .t_c {
            text-align: center;
        }

        .f_b {
            font-weight: bold;
        }

        .f_n {
            font-weight: normal;
        }

        .f_white {
            color: white;
        }

        .f_gray {
            color: #666666;
        }

        .f_grey {
            color: #999999;
        }

        .f_orange {
            color: #FF6600;
        }

        .f_red {
            color: #FF0000;
        }

        .f_blue {
            color: #003EAA;
        }

        .f_green {
            color: #57BE6A;
        }

        .f_dblue {
            color: #024893;
        }

        .f_price {
            font-weight: bold;
            font-family: Arial;
            color: #E4393C;
        }

        .fb_gray,
        .fb_orange,
        .fb_red,
        .fb_blue,
        .fb_green {
            display: inline;
            padding: 2px 6px;
            height: 16px;
            line-height: 16px;
            border-radius: 6px;
        }

        .fb_gray {
            color: #666666;
            background: #F6F6F6;
        }

        .fb_orange {
            color: #FF6600;
            background: #FDF7ED;
        }

        .fb_red {
            color: #FF0000;
            background: #FEE9E9;
        }

        .fb_blue {
            color: #003EAA;
            background: #ECF3FC;
        }

        .fb_green {
            color: #57BE6A;
            background: #E2F0E8;
        }

        .px12 {
            font-size: 12px;
        }

        .px14 {
            font-size: 14px;
        }

        .px16 {
            font-size: 16px;
        }

        .px18 {
            font-size: 18px;
        }

        .bd-t {
            border-top: #EEEEEE 1px solid;
        }

        .bd-b {
            border-bottom: #EEEEEE 1px solid;
        }

        .b10 {
            height: 10px;
            font-size: 1px;
        }

        .b16 {
            height: 16px;
        }

        .b20 {
            height: 20px;
        }

        .b24 {
            height: 24px;
        }

        .b32 {
            height: 32px;
        }

        .mg1 {
            margin: 1px;
        }

        .mg2 {
            margin: 2px;
        }

        .mg4 {
            margin: 4px;
        }

        .mg5 {
            margin: 5px;
        }

        .mg6 {
            margin: 6px;
        }

        .mg8 {
            margin: 8px;
        }

        .mg10 {
            margin: 10px;
        }

        .mg12 {
            margin: 12px;
        }

        .mg15 {
            margin: 15px;
        }

        .mg20 {
            margin: 20px;
        }

        .mg25 {
            margin: 25px;
        }

        .pd3 {
            padding: 3px;
        }

        .pd5 {
            padding: 5px;
        }

        .pd10 {
            padding: 10px;
        }

        .pd15 {
            padding: 15px;
        }

        .pd20 {
            padding: 20px;
        }
        .pl10{
            padding-left: 10px;
        }

        .pl20 {
            padding-left: 20px;
        }
        .pr10 {
            padding-right: 10px;
        }
        .pr20 {
            padding-right: 20px;
        }

        .lh18 {
            line-height: 180%;
        }

        .ls1 {
            letter-spacing: 1px;
        }

        .c_p {
            cursor: pointer;
        }

        .c_b {
            clear: both;
        }

        .o_h {
            overflow: hidden;
        }

        .dsn {
            display: none;
        }

        .absm {
            vertical-align: middle;
        }

        .btn_s {
            background: #2388FA;
            color: #FFFFFF;
            border: none;
            padding: 2px;
            letter-spacing: 1px;
        }

        .btn_r {
            background: #D7D7D7;
            color: #666666;
            border: none;
            padding: 2px;
            letter-spacing: 1px;
        }

        .bd {
            border: #CAD9EA 1px solid;
        }

        .highlight {
            color: red;
        }

        .jt {
            color: #003278;
            cursor: pointer;
        }

        .np {
            padding: 20px 30px 20px 50px;
            line-height: 25px;
        }

        .lazy {
            background: #FAFAFA url('../../image/lazy.gif') no-repeat center center;
        }

        .slide {
            background: #FAFAFA;
            overflow: hidden;
        }

        .btn,
        .btn-green,
        .btn-blue,
        .btn-red {
            color: #FFFFFF;
            font-size: 14px;
            width: 100px;
            line-height: 32px;
            border: none;
            border-radius: 4px;
            text-align: center;
            cursor: pointer;
            padding: 0;
        }

        .btn {
            background: #FFFFFF;
            border: #EEEEEE 1px solid;
            color: #333333;
        }

        .btn:hover {
            background: #D9D9D9;
            border: #CDCDCD 1px solid;
        }

        .btn-green {
            background: #1AAD19;
            border: #18A117 1px solid;
            color: #FFFFFF;
        }

        .btn-green:hover {
            background: #179B16;
            border: #159014 1px solid;
        }

        .btn-blue {
            background: #0679D4;
            border: #1E74D0 1px solid;
            color: #FFFFFF;
        }

        .btn-blue:hover {
            background: #0569D5;
        }

        .btn-red {
            background: #F8F8F8;
            border: #C6C6C6 1px solid;
        }

        .btn-red:hover {
            background: #CE3C39;
            border: #BF3835 1px solid;
            color: #FFFFFF;
        }

        .btn-act {
            font-size: 16px;
            width: 148px;
            height: 36px;
            line-height: 36px;
            text-align: center;
            cursor: pointer;
            padding: 0;
            margin: 6px 10px 0 0;
            background: #FF6600;
            border: #FF2200 1px solid;
            color: #FFFFFF;
        }

        .btn-act:hover {
            background: #F22D00;
        }

        .btn-act-red {
            color: red;
        }

        .dashedline {
            margin: 0;
            height: 1px;
            width: 100%;
            border-bottom: 1px dashed #ccc;
        }

        /* pages */
        .pages {
            padding: 24px 0;
            text-align: center;
            font-size: 12px;
            color: #666666;
            clear: both;
        }

        .pages a:link,
        .pages a:visited,
        .pages a:active {
            background: #FFFFFF;
            border: #EEEEEE 1px solid;
            padding: 6px;
            text-decoration: none;
            margin-right: 6px;
        }

        .pages a:hover {
            background: #0679D4;
            border: #0679D4 1px solid;
            color: #FFFFFF;
            padding: 6px;
            text-decoration: none;
        }

        .pages strong {
            background: #0679D4;
            border: #0679D4 1px solid;
            padding: 6px;
            color: #FFFFFF;
            margin-right: 6px;
        }

        .pages_inp {
            width: 32px;
            border: #EEEEEE 1px solid;
            color: #666666;
            padding: 4px;
            text-align: center;
        }

        .pages_btn {
            width: 32px;
            border: #FF6600 1px solid;
            color: #FFFFFF;
            padding: 4px 6px;
            background: #FF6600;
            font-weight: bold;
            font-size: 12px;
        }

        .pages label {
            background: #FFFFFF;
            border: #EEEEEE 1px solid;
            color: #666666;
            padding: 6px 6px;
        }

        .pages label em {
            color: red;
            font-weight: bold;
            font-style: normal;
        }

        .pages label span {
            font-weight: bold;
        }

        .pages cite {
            font-style: normal;
        }

        .head-txt {
            padding: 0 16px;
            height: 48px;
            line-height: 48px;
            overflow: hidden;
            border-bottom: #EEEEEE 1px solid;
            margin-bottom: 10px;
            clear: both;
        }

        .head-txt strong {
            font-size: 18px;
        }

        .head-txt b {
            font-size: 16px;
            font-weight: normal;
        }

        .head-txt div {
            float: right;
            font-size: 14px;
            color: #999999;
        }

        .head-txt span {
            float: right;
            font-size: 14px;
            color: #999999;
        }

        .head-txt span a {
            color: #999999;
        }

        .head-txt i {
            color: #999999;
            font-style: normal;
            font-weight: bold;
            padding: 0 2px;
            font-family: simsun;
        }

        .head-sub {
            padding: 10px 16px;
            line-height: 28px;
            border-bottom: #F2F2F2 1px solid;
            margin-bottom: 10px;
            clear: both;
        }

        .head-sub strong {
            font-size: 18px;
        }

        .head-sub b {
            font-size: 16px;
            font-weight: normal;
        }

        .head-sub span {
            float: right;
            font-size: 14px;
            color: #999999;
        }

        .head-sub span a {
            color: #999999;
        }

        .head-sub i {
            color: #999999;
            font-style: normal;
            font-weight: bold;
            padding: 0 2px;
            font-family: simsun;
        }

        .list-txt {
            padding: 0 24px 16px 16px;
        }

        .list-txt li {
            height: 32px;
            line-height: 32px;
            overflow: hidden;
            font-size: 14px;
            padding-left: 12px;
        }

        .list-txt li::before {
            content: "";
            display: inline-block;
            position: absolute;
            top: 15px;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #B4B4B5;
        }

        .list-txt em {
            font-size: 12px;
            color: #999999;
            padding-left: 16px;
            font-style: normal;
            float: right;
        }

        .list-txt .f_r {
            font-size: 12px;
            color: #999999;
            padding-left: 16px;
        }

        .list-rank {
            padding: 0 16px 10px 16px;
        }

        .list-rank li {
            height: 32px;
            line-height: 32px;
            font-size: 14px;
            padding: 0 6px;
            overflow: hidden;
        }

        .list-rank .f_r {
            float: right;
            font-size: 12px;
            color: #999999;
            padding-left: 16px;
        }

        .list-rank em {
            font-size: 26px;
            font-style: normal;
            color: #F34540;
            padding-right: 10px;
            font-family: Georgia;
        }

        .list-rank i {
            font-size: 18px;
            font-style: normal;
            color: #999999;
            padding-right: 14px;
            font-family: Georgia;
        }

        .content {font-size: 16px; line-height: 200%; padding: 16px 0px;}
        .content a:link,  .content a:visited,  .content a:active {color: #024893; text-decoration: none; }
        .content a:hover {color: #FF6600;text-decoration: none;}
        .content, .content p, .content div, .content span, .content ul, .content li, .content ol, .content table, .content tr, .content td, .content th, .content pre, .content code, .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {margin: 0; padding: 0;text-align: justify; text-justify: inter-ideograph;text-indent: 2em;}
        .content p img, .content div img, .content span img, .content section img {display: block; margin: 0 auto;height: auto !important; width: auto; object-fit: contain !important; /* 保持比例并完整显示图片 */}
        .content p:has(img){  text-indent: 0;}
        .content div:has(img){  text-indent: 0;}
        .content span:has(img){  text-indent: 0;}
        .content section:has(img) {  text-indent: 0;}
        .journaltitle {heigth:30px;margin: 20px 0;text-align: center;}
        .journaltitle h2 {color:#555;}
        .journallist {font-size:16px;line-height:30px;}
        .journallist sup{font-size:10px;}
        .journallist h4{font-size:16px;}
        .journallist p{display: block;font-size:14px}
        .journallist a {color: #024893;text-decoration: none;}
        .journallist a:hover {color: #FF6600;text-decoration: none;}

        .table-form .table-bordered {border: 1px solid #ddd;}
        .table-form .table {width: 100%;    max-width: 100%;    margin-bottom: 20px;}
        .table-form .text-center,.table-form th,.table-form tr {text-align: center;}
        .table-form a {color: #337ab7;    text-decoration: none;}
        .table-striped>tbody>tr:nth-of-type(odd) {    background-color: #f9f9f9;}
        .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {   border: 1px solid #ddd;}
        .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
            padding: 8px;    line-height: 1.42857143;    vertical-align: top;    border-top: 1px solid #ddd;
        }

        .layui-header {
            height: 100px;
        }

        .grid-container-3 {
            margin: 0 auto;
        }

        .grid-container-2 {
            margin: 0 auto;
        }

        .layui-pd-l10 {
            padding-left: 10px;
        }

        .layui-pd-r10 {
            padding-right: 10px;
        }

        .layui-mg-l10 {
            margin-left: 10px;
        }

        .layui-mg-r10 {
            margin-right: 10px;
        }

        .icon-qikan {
            width: 20xp;
            height: 20px;
            background-image: url('../svg/qikan3.svg');
        }

        .icon-dongtai {
            background-image: url('../svg/dongtai1.svg');
        }

        .icon-huixun {
            background-image: url('../svg/zhuanhui1.svg');
        }

        .logo {
            margin: 0 auto;
            height: auto;
            display: flex;
            justify-content: center;
            padding: 2px;
        }

        .logo img {
            height: 100%;
        }

        .top-ad {
            display: flex;
            justify-content: center;
            padding: 2px;
        }

        .top-ad img {
            width: 100%;
            height: auto;
        }

        .card-section {
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
            margin-bottom: 15px;
            overflow: hidden;
        }

        .card {

            background: white;
            border-radius: 4px;
            /* box-shadow: 0 1px 0px rgba(0, 0, 0, 0.1); */
            /* margin-bottom: 15px; */
            overflow: hidden;
        }

        .card-header {
            padding: 15px;
            background-color: #fafafa;
            font-weight: bold;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 1px solid #eee;
        }

        .card-body {
            padding: 1px;
        }
        .card-img {margin-top:8px;}
        .card-img img {width: 148px; height: auto;}
        .card-img a:hover{color: #FF6600; text-decoration: none;}

        /* 鼠标指针悬停样式 */
        .hover-effect {
            /* display: inline-block; */
            position: relative;
            text-decoration: none;
        }

        .hover-effect::before {
            border-bottom: 2px solid #cbcbcb;
        }

        .hover-effect::after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: 0;
            left: 0px;
            right: 0px;
            border-top: 2px solid #07d;
            border-left: 2px solid #cbcbcb;
            border-right: 2px solid #cbcbcb;
            border-bottom: none;
            font-weight: 600;
            /* transition: width 0.3s ease; */
        }

        .hover-effect:hover::after {
            width: 100%;
        }

        .layui-tabs-header {
            padding: 0 2px;
        }

        .layui-tabs-header .layui-this,
        .layui-tabs-header li:hover {
            color: #07d;
        }

        .layui-icon-prev,
        .layui-icon-next {
            display: none;
        }

        .layui-tabs-header:after,
        .layui-tabs-scroll:after {
            border-bottom: none;
        }

        .news-top:not(.layui-this) li {
            border-bottom: 2px solid #cbcbcb;
        }

        .layui-tabs-header>.layui-this {
            border-top: 2px solid #07d;
            border-left: 2px solid #cbcbcb;
            border-right: 2px solid #cbcbcb;
            border-bottom: none !important;
            font-weight: 600;
        }



        .news-list li {
            padding: 10px 0;
            border-bottom: 1px solid #eee;
            display: flex;
        }

        .news-list li:last-child {
            border-bottom: none;
        }

        .news-list .date {
            min-width: 60px;
            color: #999;
            font-size: 12px;
            padding-right: 10px;
        }

        .news-list .title {
            flex: 1;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            line-clamp: 2;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

        .parttentitle,
        .parttentitle .partitle {
            line-height: 40px;
            font-size: 20px;
            color: #07d;
        }

        .font_icon_24_red {
            font-size: 24px;
            color: red;
        }

        .font_icon_24_blue {
            font-size: 24px;
            color: #07d;
        }

        .font_icon_14 {
            font-size: 14px;
            color: #07d;
        }
        .carousel-wrapper {position: relative; width: 100%; height: auto; overflow: hidden; display: flex;  }
        .layui-carousel { touch-action: pan-y; /* 允许垂直滚动 */ touch-action: auto;position: relative; /* 关键：让伪元素以轮播容器为定位基准 */}
        .carousel-overlay {
            position: absolute;
            top: 0;
            left: 100px;
            width: 10px;
            height: 80%;
            z-index: 10; /* 确保覆盖在轮播上方 */
            background: transparent; /* 透明，不影响视觉 */
        }
        .layui-carousel-item>div {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .layui-carousel img {
            object-fit: cover;
            width: 100%;
            height: 90%;
        }

        .ad-box {
            margin: 15px 0;
            background: white;
            padding: 10px;
            border-radius: 4px;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        }

        .ad-box img {
            width: 100%;
            height: auto;
            border-radius: 4px;
        }

        #copyright {
            text-align: center;
            color: #eee;
        }


        .back-to-top {
            position: fixed;
            bottom: 50px;
            right: 15px;
            width: 40px;
            height: 40px;
            background: #1E9FFF;
            color: white;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 20px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
            z-index: 100;
        }

        /* 平板及以上尺寸的样式 */
        @media (min-width: 768px) {
            .logo {
                height: 80px;
            }

            .logo img {
                width: auto;
                height: 88px;
            }

            .mobile-nav {
                display: none;
            }

            .top-ad img {
                width: auto;
                height: 70px;
            }

            .carousel {
                height: 300px;
            }

            .grid-container-3 {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 15px;
            }

            .grid-container-2 {
                display: grid;
                grid-template-columns: repeat(1, 1fr);
                gap: 15px;
            }

            .section-title {
                font-size: 20px;
            }


        }

        /* PC尺寸的样式 */
        @media (min-width: 1085px) {
            .main-container {
                max-width: 1200px;
                margin: 0 auto;
            }
            .tabs-w280 {width:200px;}
            .tabs-w290 {
                width: 270px;
            }

            .grid-container-3 {
                grid-template-columns: repeat(3, 1fr);
            }

            .grid-container-2 {
                grid-template-columns: repeat(2, 1fr);
                padding: 0 10px;
            }

            .top-ad img {
                width: auto;
                height: 100px;
            }

            .carousel {
                height: 350px;
            }

            .footer .qrcode {
                width: 251px;
                height: 120px;

                background-image: url('../image/qrcode.png');
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;

                position: relative;
                left: 350px;
                /* 向右侧偏移200px（从中心基准点开始）*/
                top: -160px;
                /* 可选增强可读性与安全性 */
                box-sizing: border-box;
                z-index: 20;
            }
        }

        /* 响应式布局优化 */
        @media (max-width: 767px) {
            .layui-header {
                height: auto;
                padding: 10px 0;
            }

            .logo {
                justify-content: center;
                padding: 10px;
            }

            .top-ad img {
                height: auto;
                width: 100%;
            }

            .title_icons1,
            .title_icons2 {
                height: 18px !important;
                max-height: 18px !important;
            }

            .main-container {
                padding: 0 0.5rem;
            }

            .grid-container-3 {
                grid-template-columns: 1fr;
            }

            .grid-container-2 {
                grid-template-columns: 1fr;
            }

            .parttentitle i {
                font-size: 18px !important;
                /* 移动端适配 */
            }

            .layui-carousel {
                height: auto;
            }
            .carousel-overlay {
            position: absolute;
            top: 0;
            left: 70px;
            width: 250px;
            height: 100%;
            z-index: 10; /* 确保覆盖在轮播上方 */
            background: transparent; /* 透明，不影响视觉 */
        }

            .layui-nav-item {
                padding: 0;
            }

            .nav .layui-nav>li:nth-child(2) {
                display: none;
            }

            .nav .layui-nav>li>a {
                font-size: 14px;
            }

            .carousel {
                width: 100%;
                height: auto;
            }
            .tabs-w280 {width:200px;}
            .tabs-w290 {
                width: auto;
            }

            .tabs-w440 {
                width: auto;
            }

            .tabs-w460 {
                width: auto;
            }

            .tabs-w900 {
                width: auto;
            }

            .layui-carouse1 {
                width: auto;
                margin: 0 auto;
            }

            .ad-box {
                display: none;
            }

            .footer>div>ul {
                flex-direction: column;
                align-items: center;
            }

            .footer>div>ul>li {
                float: none;
                padding: 8px 0;
            }

            .footer .qrcode {
                display: none;
            }

            .layui-carouse1 .layui-row {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                align-items: center;
            }
        }

        @media screen and (min-width: 768px) and (max-width: 991px) {

            .nav {
                margin-top: 80px;
            }
        }

        /* 超大屏幕设备适配 */
        @media (min-width: 1200px) {
            .main-container {
                width: 1200px;
                max-width: 1200px;
                margin: 0 auto;
            }

            .grid-container-3 {
                max-width: 1200px;
                padding: 0 10px;
            }

            .grid-container-2 {
                max-width: 1200px;
                padding: 0 10px;
            }

            .layui-carousel {
                width: 1200px;
                max-width: 1200px;
            }

            .layui-nav-item {
                padding: 0 16px;
            }

            .card {
                max-width: 1200px;
            }
            .tabs-w280 {width:280px;}

            .tabs-w440 {
                width: 440px;
            }

            .tabs-w460 {
                width: 460px;
            }

            .tabs-w900 {
                width: 900px;
            }

            .linkurl {
                max-width: 1200px;
            }

            .footer .qrcode {
                width: 251px;
                height: 120px;

                background-image: url('../image/qrcode.png');
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;

                position: relative;
                left: 350px;
                /* 向右侧偏移200px（从中心基准点开始）*/
                top: -149px;
                /* 可选增强可读性与安全性 */
                box-sizing: border-box;
                z-index: 20;
            }

            .essaycontent {
                padding: 20px;
                min-height: 50rem;
            }

        }

        @media screen and (max-width: 991px) {
            .layui-carousel#imageCarousel .layui-row {
                margin-bottom: 10px;
                overflow: hidden;
                /* 防止图片溢出 */
            }

            .grid-container-2 {
                max-width: 990px;
                padding: 0 10px;
            }

            .layui-carousel#imageCarousel img {
                width: 100%;
                height: 100px;
                /* 固定高度 */
                max-height: 100px;
                /* 限制最大高度 */
                object-fit: contain;
                /* 等比例缩放 */
                display: block;
                background-color: #f5f5f5;
                /* 占位背景色 */
            }

            .layui-col-space10>[class*="layui-col-"] {
                padding-left: 8px;
                padding-right: 8px;
            }

            .tabs-w460 {
                width: 460px;
            }

            .tabs-w900 {
                width: 900px;
            }
        }

        .layui-carousel#imageCarousel img {
            transition: transform 0.3s ease;
        }

        .layui-carousel#imageCarousel img:hover {
            transform: scale(1.05);
            /* 悬停放大效果 */
        }

        /* 导航栏特殊处理 */
        .layui-nav {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            text-align: center;
            align-content: flex-start;
            padding: 0px;
        }

        .layui-nav>li>a {
            font-size: 18px;
            font: #eee;
        }

        /* 图片自适应优化 */
        .layui-carousel-item img {
            width: 100%;
            height: auto;
        }

        .layui-nav .layui-nav-item .layui-nav-child {
            transition: none !important;
            animation: none !important;
            -webkit-transition: none !important;
        }

        .layui-nav .layui-nav-item a {
            padding: 0 10px;
            color: #fff;
        }

        .layui-nav .layui-nav-item a:hover {
            color: rgba(255, 255, 255, .7);
        }

        .layui-nav .layui-nav-bar {
            display: none;
        }

        .layui-nav .layui-this:after {
            display: none;
        }

        .layui-nav>li>a {
            font-weight: bold;
            text-align: center;
        }

        .nav>.layui-nav>.layui-this {
            height: 40px;
            line-height: 40px;
            background: #eee;
            border-radius: 5px;
        }

        .nav>.layui-nav>.layui-this>a {
            color: #07d;
        }

        /* .layui-nav>li:first-child>a {
            width: 60px;
            height: 30px;
            line-height: 30px;
            background: #eee;
            color: #07d;
            border-radius: 5px;
        } */

        .layui-bg-blue a {
            color: white
        }

        .layui-bg-07d {
            background-color: #07d;
        }

        .layui-tabs-header li a {
            display: contents;
        }

        .last-child-3 {
            width: 120px;
            font-size: 14px;
            height: 20px;
            line-height: 20px
        }

        .layui-carousel-ind {
            top: -55px;
        }

        .layui-carousel .carousel-title {
            bottom: 0;
            left: 0;
            right: 0;
            padding: 0px;
            background: rgba(0, 0, 0, 0.6);
            color: white;
        }

        .carousel-title {
            position: absolute;
            width: 100%;
            height: 30px;
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
            text-align: center;
            z-index: 100;
        }

        .carousel-title a {
            text-align: center;
            color: #fff;
            font-size: 14px;
        }
        .carousel-item  img{ height: 100%; width: auto !important; object-fit: contain !important; /* 保持比例并完整显示图片 */}

        .f-r {
            float: right;
        }

        .tabs {
            background: white;
            border-radius: 4px;
            overflow: hidden;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        }

        .tabs-header {
            display: flex;
            border-bottom: 1px solid #eee;
        }

        .tabs-header .tab {
            flex: 1;
            text-align: center;
            padding: 12px 0;
            font-size: 14px;
            color: #666;
            background-color: #f8f8f8;
        }

        .tabs-header .tab.active {
            background-color: white;
            color: #1E9FFF;
            font-weight: bold;
            border-bottom: 2px solid #1E9FFF;
        }

        .tabs-content {
            padding: 10px;
        }

        .layui-tabs-header {
            height: 50px;
        }

        .right-ad {
            margin: 0 auto;
        }

        .right-ad ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
        }

        .right-ad ul li {
            text-align: center;
            margin: 2px 0;
        }

        .right-ad ul li img {
            height: auto;
            display: block;
            width: 300px;
            height: 130px;
        }

        .layui-tabs-header li {
            width: 50%;
        }

        .exhibitlist li {height: 36px;line-height: 36px;overflow: hidden;}
        .exhibitlist li a {height: 36px;  font-size: 16px; text-decoration: none;   color: #333;  overflow: hidden;} 
        .exhibitlist li a:hover {color: #f80; }
        .exhibitlist .exlist img { display: block; float: right; width: 52px;  margin-top: 8px;}
        .category li {
            position: relative;
            height: 36px;
            line-height: 36px;
            overflow: hidden;
        }

        .category li a {
            padding-left: 10px;
            overflow: hidden;
            height: 36px;
            font-size: 16px;
            text-decoration: none;
            color: #333;
        }

        .category li a:hover {
            color: #f80;
        }

        .categorylist {
            padding: 0px;
        }

        .categorylist li::before {
            content: "";
            display: inline-block;
            position: absolute;
            top: 15px;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #B4B4B5;
        }

        .categorylist li {
            position: relative;
            height: 36px;
            line-height: 36px;
            overflow: hidden;
        }

        .categorylist li a {
            padding-left: 10px;
            overflow: hidden;
            height: 36px;
            font-size: 16px;
            text-decoration: none;
            color: #333;
        }

        .categorylist li a:hover {
            color: #f80;
        }

        .categorylist li a span {
            display: block;
            float: right;
            font-size: 14px;
            color: #B4B4B5;
            padding: 0 6px
        }

        .categorylist>.exlist>li .categorylist>.exlist>li>a {
            line-height: 36px;
            overflow: hidden;
            text-decoration: none;
        }

        .categorylist>.exlist>li>img {
            display: block;
            float: right;
            width: 52px;
            margin-top: 8px;
        }

        .linkurl {
            margin: 0 auto;
            margin-top: 20px;
            width: 100%;
            border-bottom: 2px solid #E6E7EA;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .linkurl span {
            margin: 0;
            padding-bottom: 6px;
            font-size: 20px;
            color: #07d;
            border-bottom: 2px solid #07d;
            display: inline-block;
        }


        .linkurl ul {
            display: flex;
            /* justify-content: center; */
            flex-wrap: wrap;
            margin: 0 auto;
            padding: 0;
            list-style: none;
        }

        .linkurl ul li {
            display: inline-block;
            float: none;
            margin: 8px 6px;
        }


        .linkurl ul li a {
            padding: 5px;
            font-size: 15px;
            display: block;

        }

        .footer {
            margin: 0 auto;
            margin-top: 0px;
            width: 100%;
            padding: 20px 0;
            background: #07d;
            box-shadow: 0px -1px 4px #888;
        }

        .footer .center-wrapper {
            display: flex;
            justify-content: center;
            /* 水平方向上居中 */
            position: relative;
            height: 10px;

        }

        .footer>div {
            text-align: center;
        }

        .footer>div>ul {
            margin: 0 auto;
            overflow: hidden;
            text-align: center;
            display: inline-block
        }

        .footer>div>ul>li {
            position: relative;
            float: left;
            padding: 10px;
            display: inline;
            font-size: 14px;
        }

        .footer>div>ul>li::after {
            content: "";
            position: absolute;
            top: 11px;
            right: 0px;
            width: 1px;
            height: 17px;
            display: block;
            background: #fff;
        }

        .footer>div>ul>li:last-child::after {
            width: 0;
        }

        .footer>div>ul>li>a,
        .footer>div>ul>li>a:visited,
        .footer>div>ul>li>a:link,
        .footer>div>ul>li>a:active {
            color: #fff;
        }

        .footer>p {
            line-height: 200%;
        }

        .footer>p {
            text-align: center;
            color: #fff;
        }


        .secondary_nav {
            position: relative;
            margin: 0 auto;
            background: #fff;
            height: 60px;
        }

        .secondary_nav span {
            display: flex;
            justify-content: center;
            /* 水平居中 */
            align-items: center;
            /* 垂直居中 */
            color: #FFF;
            width: 80px;
            height: 60px;
            background: #07d;
            position: absolute;
            left: 5px;
            z-index: 100;
            font-size: 15px;
            line-height: 25px;
            text-align: center;
            font-weight: bold;
            padding: 0px 10px;
        }

        .secondary_nav ul {
            margin-left: 120px;
            list-style: none;
            overflow: hidden;
        }

        .secondary_nav ul li {
            padding: 10px;
            float: left;
            line-height: 30px;
        }

        .breadcrumb {
            margin-bottom: 16px;
            padding-left: 10px;
            background-color: #f5f5f5;
            width: 100%;
            height: 30px;
            line-height: 30px;
            border-radius: 3px;
        }

        .breadcrumb i {
            padding: 0 5px;
        }

        .breadcrumb i:first-child {
            padding: 0;
            color: #07d;
            font-size: 15px;
        }

        .commontitle {
            width: 100%;
            border-bottom: 2px solid #f0f0f0;
        }

        .commontitle h2 {
            margin: 0;
            padding-bottom: 6px;
            font-size: 20px;
            color: #07d;
            border-bottom: 2px solid #07d;
            display: inline-block;
        }

        .pdr10 {
            padding-right: 10px;
        }

        .commontitle a {
            float: right;
            color: #999;
            line-height: 36px;
            font-size: 14px;
        }

        .commoncontent .dottedline {
            margin: 10px 0;
            height: 1px;
            width: 100%;
            border-bottom: 1px dashed #ccc;
        }

        .commoncontent .dottedline::before {
            height: 0px;
            display: block;
        }

        .commoncontent li::before {
            content: "";
            display: inline-block;
            position: absolute;
            top: 15px;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #B4B4B5;
        }

        .commoncontent li {
            position: relative;
            height: 36px;
            line-height: 36px;
            overflow: hidden;
        }

        .commoncontent li a {
            padding-left: 10px;
            display: block;
            overflow: hidden;
            font-size: 16px;
            text-decoration: none;
            color: #333;
        }

        .commoncontent li a:hover {
            color: #f80
        }

        .commoncontent li a span {
            display: block;
            float: right;
            font-size: 14px;
            color: #B4B4B5;
            padding: 0 10px;
        }

        .bor-r {
            border-right: 1px dashed #ccc;
        }

        .contenttitle {
            font-weight: bold;
            padding: 10px 0;
            text-align: center;
        }

        .contenttitle h1 {
            font-size: 22px;
        }

        .essaycontent {
            padding: 20px;
        }

        .essaysource {
            margin-bottom: 20px;
            padding-bottom: 15px;
            font-size: 14px;
            color: #B4B4B5;
            text-align: center;
            border-bottom: 1px dashed #777;
        }

        .essaypre {
            height: 120px;
            margin: 20px 0;
            padding: 20px;
            border-top: 1px solid #07d;
        }

        .essaypre div {
            display: block;
            padding: 10px;
            width: 43%;
            background: #f5f5f5;
            font-size: 16px;
            overflow: hidden;
        }

        .essaypre div:first-child {
            float: left;
            margin-left: 20px;
        }

        .essaypre div:last-child {
            float: right;
            margin-right: 20px;
        }

        .essaypre>div>span>a:hover {
            color: #07d;
            text-decoration: underline;
            /* 添加下划线 */
        }

        .exhibitlist .layui-col-space16 > * { padding: 0;   }
        .exhibitlist .layui-table td, .exhibitlist .layui-table th {padding: 8px 5px; text-align: center;}
        .exhibitlist .layui-form-select dl dd.layui-this {color: #07d;}
        .exhibitlist .layui-btn{border-color: #eee; color: unset; background: none;}
        .exhibitlist .test-item{display: none;}
        .exhibitlist .layui-this {background-color: #07d; color: #fff;}
        .list-thumb {position: relative; text-align: center;}
        .list-thumb .list-thumb-title a {font-weight: bold;text-align: center;}
        .list-thumb .list-thumb-title a:hover {color: #FF6600;text-decoration: none;}