p, dl, dt, dd, table, td, th, input, img, form, div, span, ul, ol, li, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; }

             body {
                    margin: 0 auto;
                    color: #333;
                    background-color: #eff0f3;
                    font: 0.66rem/1.5 "Microsoft Yahei", sans-serif;
                    text-align: center;
                    width: 100%;
                    overflow-x: hidden; /* 禁止左右滑动 */
                    padding-bottom: 80px;
                }
             ul, li, ol {
                    list-style: none;
              }
             a {
                    text-decoration: none;
                    outline: none;
               }

            .detailCon {
                    height: 9.26667rem;
                    padding-bottom: 0.33333rem;
                    position: relative;
                }
                .detailCon .detailPic {
                    width: 6.63333rem;
                    height: 9.26667rem;
                    overflow: hidden;
                    position: relative;
                    z-index: 30;
                }

                .detailCon .detailPic img {
                    width: 6.63333rem;
                    height: 9.26667rem;
                    vertical-align: top;
                    display: block;
                }
                .detailCon .detailIntro {
                    position: relative;
                    margin-top: -9.26667rem;
                    z-index: 20;
                    margin-left: 7.16667rem;
                    height: 9.26667rem;
                }

                .detailCon .detailIntro span {
                    display: block;
                    line-height: 1.53333rem;
                    height: 1.53333rem;
                    overflow: hidden;
                    font-size: 0.93333rem;
                }
              .globalIcon {
                            background-image: url(/static/headIconMap.v3.png);
                            background-size: 16.66667rem 16.66667rem;
                            background-repeat: no-repeat;
                            width: 1.33333rem;
                            height: 1.33333rem;
                            display: block;
                            overflow: hidden;
                        }

                        .appico15 {
                        width:calc(20% - 5px);;
                        margin: 0px;
                        height: auto;
                        box-sizing: border-box;
                        display: inline-block;
                        position: relative;
                    }
                    .appico15 img {
                        width: 100%;
                        border: none;
                    }

                    @media (max-device-width: 768px){
                        .navigation li {
                            width: 100%;
                            color: #000;
                            margin-left: 0;
                            height: 170px;
                        }
			 .every_first .rem{
                             font-size:1.1rem;
                          }
                           .every_first .Desc{
                             font-size:1rem;
                          }

                  }

 

                .friend .links {
                    display: flex;
                    flex-wrap: wrap;
                }
                .w {
                    max-width: 1260px;
                    margin: 0 auto;
                }

                .friend .links a {
                    font-weight: 700;
                    width: 9.5%;
                    color: #212121;
                    font-size:18px;
                    line-height: 30px;
                    text-align: center;
                    border: 1px solid #276FDB;
                    font-family: Microsoft JhengHei, Arial, Helvetica, sans-serif, Simsun, Tahoma;
                }

                @media screen and (max-width: 767px){
                  .friend .links a {
                    width: 24%;
                }
            }
           
	
            /* 自定义双箭头容器：确保它是一个正方形且居中 */
              .wrapper {
                    padding-top: 3.33333rem;
                    text-align: left;
                    min-height: 100%;
                    width: 100%;
                    position: relative;
                    box-sizing: border-box;
                    -webkit-box-sizing: border-box;
                    padding-bottom: 0.3rem;
                }

              .row {
                    background-color: #fff;
                    padding: 2%;
                    border-top: 1px solid #d2d2d2;
                    border-bottom: 1px solid #d2d2d2;
                    margin-top: 0.33333rem;
                }


               /* 1. 外部列表容器 */
                .navigation {
                    display: flex !important;
                    flex-wrap: wrap !important;
                    padding: 0 !important;
                    margin: 0 !important;
                    list-style: none !important;
                    width: 100%;
                    background-color: #eff0f3
                }

                /* 2. PC端：每行显示 4 个 */
                .navigation li {
                    flex: 0 0 25%; /* 每个占 25% 宽度 */
                    box-sizing: border-box;
                    padding: 5px 5px 0px; /* 给每个块之间留一点间距 */
                    margin-top:5px;
                }

                /* 3. 内部块容器：改用 Flex */
                .every_first {
                    display: flex !important; /* 核心：让内部两个 div 横向并排 */
                    background: #ffffff;
                    height: 170px;
                    overflow: hidden;
                    cursor: pointer;
                    border-radius: 10px; /* 可选：加点圆角更美观 */
                }


                /* 文字区域：强制锁定 68% */
                .every_first .text-section {
                    flex: 0 0 72% !important;
                    width: 72% !important;      /* 显式设置宽度 */
                    max-width: 72% !important;  /* 防止被长文字撑开 */
                    min-width: 72% !important;  /* 防止被图片挤压 */
                    box-sizing: border-box;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between; /* 文字上下均匀分布 */
                }

                /* 图片区域：强制锁定 32% */
                .every_first .img-section {
                    flex: 0 0 28% !important;
                    width: 28% !important;      /* 显式设置宽度 */
                    max-width: 28% !important;  /* 防止被大图撑开 */
                    min-width: 28% !important;  /* 防止被文字挤压 */
                    box-sizing: border-box;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    overflow: hidden;           /* 确保超出的图片被切掉而不是撑开容器 */
                     justify-content: center; /* 图片水平居中 */
                }

                /* 关键：图片必须自适应，不能有固定像素宽度 */
                .every_first .img-section img {
                    width: 100% !important;     /* 宽度充满 32% 的容器 */
                    height: auto !important;    /* 高度自适应 */
                    /* object-fit: cover;           图片比例不对时自动裁剪，不拉伸 */
                }

		 #url-data {
                    display: grid;
                    grid-template-columns: 62% 38%;
                }
               #data_list {
                    display: flex;
                    flex-wrap: wrap;
                    margin: 0 -1px;
                 }
                 .globalPicList.threeList {
                    overflow: hidden;
                    width: 100%;
                }
                .globalPicList.threeList li {
                    width: 50% !important;
                    box-sizing: border-box;
                    padding: 2px;
                    text-align: center;
                }
                .pic img{
                     width: 100% ;
                     }


                @media (max-width: 768px) {
                    #url-data {
                        grid-template-columns: 100%;
                    }

                }

                /* 适配手机端：每行显示 1 个（否则 25% 在手机上太挤了） */
                @media (max-width: 768px) {
                    .navigation li {
                        flex: 0 0 100%; /* 手机端一行一个 */
                    }
                }
       
	 
                .header {
                    height: 3.333rem;
                    background-color: #3097fd;
                    display: flex;
                    z-index: 600;
                    position: fixed;
                    top: 0;
                    left: 0;
                    width: 100%;
                }
                .header .aHeaderFun {
                    width: 3.333rem
                    height: 3.333rem;
                    display: block;
                    text-align: center;
                    overflow: hidden;
                    position: relative;
                }
                .header a {
                    display: flex;
                    align-items: center;   /* 保证 h1 也居中 */
                }
                .pBtn a {
                    font-size: 1.06667rem;
                    line-height: 2.6rem;
                    width: 8rem;
                    display: inline-block;
                    margin: 0 0.66667rem;
                }

               .globalPopWin {
                        position: fixed;
                        left : 50%;
                        top: 38%;
                        z-index: 1000;
                        border: 1px solid #000;
                        background-color: #fff;
                        border-radius: 0.5rem;
                        display: none;
                    }

                .header .iKong {
                        -webkit-box-flex: 1;
                        flex: 1;
                        display: block;
                    }
                .header .aHeaderFun .globalIcon {
                        margin: 0.66667rem auto 0;
                    }
                .globalIcon.indexIcon {
                    background-position: 0 0;
                }
                .header .aHeaderFun span {
                    display: block;
                    color: #fff;
                    font-size: 0.66667rem;
                    line-height: 1rem;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }
                .header .aHeaderFun {
                    width: 3.33333rem;
                    height: 3.33333rem;
                    display: block;
                    text-align: center;
                    overflow: hidden;
                    position: relative;
                }

                .header .aHeaderFun .globalIcon {
                        margin: 0.66667rem auto 0;
                    }

                .globalIcon.userIcon {
                    background-position: -2.8rem 0;
                }         

                .footer {
                            margin-top: 10px;
                            background: #dfdfdf;
                            border-top: 1px solid #c5c5c5;
                            padding: 5px 0;
                            text-align: center;
                            width: 100%;
                        }
                      .footer  a {
                        text-decoration: none;
                        color: #333;
                        font-size: 16px;
                    }
                .footer-fixed-nav{display: flex;align-items: center; position: fixed;bottom: 0;left: 0;right: 0;background: #f1f1f1;height: 65px;z-index: 9999;box-shadow: 0px -4px 10px 0px rgba(17, 58, 93, 0.1);transition: all .3s ease 0s;}
                .footer-fixed-nav a{display: inline-block;float: left;width: 20%;text-align: center;margin-top:10px;}
                .footer-fixed-nav a span{display: block;font-size: 14px;line-height: 18px;position: relative;top:-1px;}
                .footer-fixed-nav a i{font-size: 22px;top:1px;line-height: 24px;}
                body.night .footer-fixed-nav, body.night .footer-fixed-nav {background: #212533;color: #bdcadb;}