* {
            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;  height: 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;}
        .pl20 {padding-left: 20px;}
        .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('loading.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;-webkit-appearance:none;}
        .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;-webkit-appearance:none;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;background:url('li_dot.gif') no-repeat 4px center;padding-left:12px;}
        .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;}

        .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: 15px;
        }


                /* 鼠标指针悬停样式 */
        .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; }

        /* 添加移动端适配 */
        @media (max-width: 767px) {
        .title_icons1, .title_icons2 {
            height: 18px !important;
            max-height: 18px !important;
        }
        }


        .layui-carousel-item>div {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .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: auto;
            }

            .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(2, 1fr);
                gap: 15px;
            }

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

        /* PC尺寸的样式 */
        @media (min-width: 1085px) {
            .main-container {
                max-width: 1200px;
                margin: 0 auto;
            }
            .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%;
            }

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

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

              .parttentitle i {
                font-size: 18px !important; /* 移动端适配 */
            }
            .layui-carousel {height: auto;}
            .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-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-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;
        }

        .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: 5px 0;
            }

            .right-ad ul li img {
            height: auto;
            display: block;
            width: 300px;
            height: 130px;
            }
        .layui-tabs-header li {
            width: 50%;
        }

        .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
        }

        .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;
        }

        .content {font-size:16px;line-height:200%;padding:16px 0px;}
        .content p {text-indent:2em;}
        .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{text-align: justify ; text-justify:inter-ideograph; }

         .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::before{content:"";display:block;width:80px;height:60px;position:absolute;top:0;left:0; background:#07d;} */
        .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; /* 添加下划线 */ }