/* 东方不败网全局声明 */
body,ul,li,form,label,h1,h2,h3,h4,h5,h6,p,div,dl,dd,dt,button{margin:0;padding:0;cursor:default;}
*{margin:0;padding:0;list-style-type:none;font-family: "宋体","SimSun","Microsoft Yahei","微软雅黑","Tahoma","Helvetica","Arial",sans-serif;}
img,button{border:0;}
ul,ul li,dl,dt,dd{list-style:none;}
body{background-color: #f5f6fa;}
a {text-decoration: none; }

html,body{
height: auto;
margin: 0;
padding: 0;

}
.zhengti {
font-size: 16px;
line-height: 1.5;
min-width: 320px;
max-width: 600px;
height: 100%;
margin: 0 auto;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
position: relative;	
padding: 10px;
border-radius: 10px 10px 0px 0px;
}
@media screen and (max-width: 320px) {
            .zhengti {
                padding: 0px; /* 减少页面边距 */
				
            }
	
	
	
}
.dingbu{
	font-size: 16px;
	line-height: 1.5;
	min-width: 320px;
	max-width: 620px;
	height: auto;
	margin: 0 auto;
	position:relative;
	
}
.dingbu-1{
	width: calc(100% - 10px);
	height: 100%;
	z-index: 100001;
	padding: 5px;
	
	position:absolute;
	
}

.dingbu-2{
	width: 100%;
	height: auto;
	position:relative;
    top: 0; /* 定位在zhengti的底部 */
    left: 0;
    right: 0;

}

.dingbu-1-1{
			text-align:center;
			float: right;
			width: 35px; /* 固定宽度为30px */
            height: 35px; /* 固定高度为30px，形成圆形 */
            background-color: rgba(0,0,0,.5); /* 半透明灰色 */
            border-radius: 50%; /* 形成圆形 */
            display: flex; /* 使用flexbox居中内容 */
            align-items: center; /* 垂直居中 */
            justify-content: center; /* 水平居中 */
            box-sizing: border-box; /* 确保宽高包含padding和border */

}


/* 菜单图标样式 */
.menu-icon {
    width: 35px;
	text-align: right;
	float: right;
	
	overflow: hidden;
  
    /* 菜单图标样式 */
  }
  .menu-icon div {
    width: 20px;
    height: 3px;
    background-color: #FFFFFF;
    margin: 4px 0px 0px 7px;
    transition: all 0.3s ease-in-out;
    /* 菜单图标线条样式 */
  }
.menu-icon div:first-child {
            margin-top: 0px;
        }
.menu-icon div:last-child {
            margin-bottom: 0;
        }
/* 侧边栏样式 */
.sidebar {
height: 100vh;
width: 0px;
position: absolute;
z-index: 10000;
top: 0;
right:0;
background-color: rgba(255,255,255,0.80); /* 半透明背景 */
overflow-y: auto;
transition: 0.5s;
border-radius: 15px 0px 0px 15px; /* 右侧圆角 */
display: inline-block;	
}
.tankuang-1 a {
text-decoration: none;
font-size: 16px;
color: #1A1919;
display: block;
transition: 0.3s;
padding: 10px;	
    /* 侧边栏链接样式 */
}


.closebtn {
    position: absolute;
    top: 5px;
    right:5px;
    font-size: 16px;
	line-height: 15px;
	color: #FFFFFF;
	background-color: rgba(19,19,19,0.53);
	border-radius: 20px;
    /* 关闭按钮样式 */
  }
.overlay {
    display: none;
    position: fixed;
 	z-index: 100;   
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* 半透明背景 */
    backdrop-filter: blur(5px); /* 模糊效果 */
    /* 覆盖层样式 */
  }

 /* 添加一个类来控制页面滚动 */
.no-scroll {
            overflow: hidden;
        } 

.tankuang-1{
	width: 100%;
	height: auto;
	text-align: center;
}   
.tankuang-2{
	display: flex;
    justify-content: space-between; /* 水平方向上平均分布 */
    flex-wrap: wrap; /* 超出宽度自动换行 */
    width: 96%;
	padding: 2%;
	gap: 5px;
	

} 
.tankuang-2-1{
	min-width: 18%;
	max-width: 33%;
	height: auto;
	display: flex;
    justify-content: center;
    padding: 3px 4px;
    background-color: #50A0F7;
	float:left;
	font-size: 14px;
    border-radius: 10px;
	margin-bottom: 5px;
	text-align: center;
	box-sizing: border-box;
}
.tankuang-2-1 a{
	text-decoration: none;
	  color: white;
}

.dingbu-1-2{
	width: 60%;
	height: 100%;
	text-align: center;
	float: left;
	overflow: hidden;
}

.dingbu-1-3{
			text-align:center;
			float: left;
			width: 35px; 
            height: 35px; 
            background-color: rgba(0,0,0,.5); /* 半透明灰色 */
            border-radius: 50%; /* 形成圆形 */
            display: flex; /* 使用flexbox居中内容 */
            align-items: center; /* 垂直居中 */
            justify-content:center; /* 水平居中 */
            box-sizing: border-box; /* 确保宽高包含padding和border */

}
.back-icon {
            width: 25px;
            height: 25px;
            fill: #FFFFFF;
        }



.dingbu-2 img {
    width:100%;           /* 占满容器宽度 */
    height: 100%;          /* 占满容器高度 */
   	object-fit: cover;   /* 完整显示图片，可能有空白 */
    object-position:top; /* 居中显示 */
    display: block;        /* 去除底部默认空白 */
	vertical-align: top;
	aspect-ratio: 90 / 70; /* 保持宽高比 9:7 */
	image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges;   /* Opera */
    image-rendering: -webkit-optimize-contrast; /* Safari */
    image-rendering: crisp-edges;       /* 标准属性，未来支持 */
    -ms-interpolation-mode: nearest-neighbor; /* IE */
}



/* 简介内容 */
.kuang-3{
	width: 100%;
	height: auto;
	background-color: #FFFFFF;
	border-radius: 10px;
	text-align: left;
	margin: 0 auto;
	box-sizing: border-box;
	margin-bottom: 20px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* 初始阴影 */
}

.kuang-3 a{
	color: #000000;
	
}
.kuang-3-1{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.kuang-3-1-left{
	width: calc(100% - 110px);
	height: auto;
	float: left;
	padding-left: 10px;
	white-space: nowrap;/* 不换行样式 */
    overflow: hidden;
    text-overflow: ellipsis;
}
.kuang-3-1-left h1{
	font-size: 20px;
}
.kuang-3-1-right{
	width: 100px;
	height: auto;
	float: right;
	padding: 2px 0px 2px 0px;
	font-size: 14px;
	text-align: center;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
    background: rgba(251,169,15,0.92); /* 默认半透明背景 */
}
.kuang-3-1-right a{
	color: #FFFFFF;
	
}

.kuang-3-2 {
	width: 100%;
  padding: 0px 10px 10px 10px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column; /* 垂直排列子元素 */
  gap: 10px; /* 子元素间间距 */
      
    }

.kuang-3-2-1{
	width: 100%;
	box-sizing: border-box;
	height: auto;
	text-align: justify;
    text-justify: inter-word;
	overflow: hidden;
}
.kuang-3-2-1 h2{
	color: #706E6E;
	font-size: 14px;
	font-weight: normal;
}
/* 每个信息块容器 - 内部是上下结构 */

.kuang-3-2-pailie{
	  display: grid; 
 	  grid-template-columns: repeat(2, 1fr); /* 两列 */
      width: 100%;
      height: auto;
	  gap: 10px; /* 子项之间的间隙 */
	  box-sizing: border-box;
	  justify-content: space-between; /* 子项之间平均分布空间 */
      flex-wrap: wrap; /* 允许换行以适应小屏幕 */
}

   .kuang-3-2-2 {
	  width: 100%;
     box-sizing: border-box;
      min-width: 120px; /* 最小宽度要求 */
      height: auto; /* 高度自适应内容 */
      display: flex;
	  padding: 5px;
      flex-direction: column; /* 内部上下结构 */
      border-radius: 10px; /* 圆角 10px */
      overflow: hidden; /* 防止内容溢出圆角 */
      /* 每个块设置不同背景色 */
      background-color: #E5EBF8; /* 默认色，下面用:nth-child覆盖 */
    }
    /* 四个不同背景色（可自定义） */
    .kuang-3-2-2:nth-child(1) { background-color: #E5EBF8; } /* 浅蓝 */
    .kuang-3-2-2:nth-child(2) { background-color: #D4E6B5; } /* 浅绿 */
    .kuang-3-2-2:nth-child(3) { background-color: #FDEBD0; } /* 浅黄 */
    .kuang-3-2-2:nth-child(4) { background-color: #FBE8E1; } /* 浅红 */

    /* 上部标题区域 */
    .kuang-3-2-2-shang {
      width: 100%;
      height: 20px;
      display: flex;
      align-items: center;
      overflow: hidden;
      white-space: nowrap;
	  font-size: 14px;
      color: #848691;
      
    }

    /* 下部链接区域 */
    .kuang-3-2-2-xia {
      width: 100%;
		padding-top: 5px;
      display: block;
      white-space:nowrap;
      color: #57595B; /* 链接文字颜色 */
      font-size: 14px;
	  overflow: hidden;    
      text-overflow: ellipsis; 	
		line-height: 20px;
    }

    .kuang-3-2-2-xia a {
      color: #57595B;
      text-decoration: none;
      width: 100%; /* 链接占满区域 */
    }

 

/* SVG 图标的样式-链接 */
        .link-icon {
            width: 1rem;
            height: 1rem;
            margin-right: 3px;
            flex-shrink: 0; /* 防止图标在空间不足时被压缩 */
			color: #3498db;
} 

/* 简介链接和按钮*/
.click-button,
.click-button:link,
.click-button:visited,
.click-button:hover,
.click-button:active {
  color: #FFFFFF !important; /* 强制白色文字 */
  text-decoration: none !important; /* 确保无下划线 */
}

.click-button {
  display: block;
  padding: 2px 2px;
  background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
  color:#FFFFFF;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border-radius: 30px;
  border: none;
  cursor: pointer;
  box-shadow: 0 4px 15px rgba(37, 117, 252, 0.3);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  width: 80%;
  margin: 0px auto;
  box-sizing: border-box;
}

.click-button:hover, .click-button:active {
  box-shadow: 0 6px 20px rgba(37, 117, 252, 0.4);
  background: linear-gradient(135deg, #7a1bdb 0%, #3585ff 100%);
  text-decoration: none;
}
.click-button:visited {
  text-decoration: none; /* 确保访问后也无下划线 */
  color:#FFFFFF;
}

.click-button::after {
  content: '';
  position: absolute;
  top: -50%;
  left: -60%;
  width: 20px;
  height: 200%;
  background: rgba(255, 255, 255, 0.3);
  transform: rotate(25deg);
  transition: all 0.2s;
}

.click-button:active::after {
  left: 120%;
}

/* 简介权重*/
.kuang-3-2-2-xia-1{
  padding-top: 5px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 3px 0; 
  font-size: 12px;
  overflow: hidden;
}




.qz-bdpcqz{
	height: 20px;
	width: 100%;
	float: left;
	background-image:url('../images/bd-pc.png');
	background-repeat: no-repeat;
	background-size: 45px 218px;
	background-position: 23px -1px; 
	overflow: hidden;

}

.qz-bdmqz{
	height: 20px;
	width: 100%;
	float: left;
	background-image:url('../images/bd-m.png');
	background-repeat: no-repeat;
	background-size: 45px 218px;
	background-position: 23px -1px; 
	overflow: hidden; 

}



.qz-bingqz {
    height: 20px;
	width: 100%;
    float: left;
    background-image: url(../images/bingqz.png);
    background-repeat: no-repeat;
	background-size: 43px 243px;
	background-position: 24px 1px; 

}
.qz-pr {
    height: 20px;
	width: 100%;
    float: left;
    background-image: url(../images/pr.png);
    background-repeat: no-repeat;
    background-size: 42px 246px;
    background-position: 24px 1px;

}

@media (min-width: 360px) {
 
.kuang-3-2-2-xia-1{
  
  gap: 3px 3px; 

}
		
	
}


/*热度五角星*/
.wujiaoxing{
	width: 22px;
    height: 22px;
	float: left;
    background-color: #ffcc00;
    clip-path: polygon(
                50% 0%, 
                61% 35%, 
                98% 35%, 
                68% 57%, 
                79% 91%, 
                50% 70%, 
                21% 91%, 
                32% 57%, 
                2% 35%, 
                39% 35%
            );
}
.wujiaoxing-hui{
	width: 22px;
    height: 22px;
	float: left;
    background-color: #D1D1D0;
    clip-path: polygon(
                50% 0%, 
                61% 35%, 
                98% 35%, 
                68% 57%, 
                79% 91%, 
                50% 70%, 
                21% 91%, 
                32% 57%, 
                2% 35%, 
                39% 35%
            );
}



.kuang-3-3{
	width: 100%;
	height: auto;
	float: left;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: justify;
	text-justify: inter-ideograph;
	color: #1D1B1B;
	letter-spacing: normal;
	word-spacing: normal;
	overflow:hidden;
	font: 16px/34px Arial,Hiragino Sans GB,STHeiti,Helvetica Neue,Helvetica,Microsoft Yahei,微软雅黑,WenQuanYi Micro Hei,sans-serif;
	word-wrap: break-word;
	-webkit-font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	overflow-wrap: break-word;      /* 推荐替代 word-wrap */
    word-break: break-word;         /* 允许在长单词/URL 中断行 */
	word-break: break-all;        /* URL 可在任意字符断行 */
 
}
.kuang-3-3 a{
	color: #2A2EE4;
}


   
/* 频道内容 */

.kuang{
	width: 100%;
	height: auto;
	margin: 0 auto;
	box-sizing: border-box;
	margin-bottom: 20px;

}
.kuang-daohang a{
	 color: #FFFFFF;
     text-decoration: none;
     border-radius: 20px; /* 圆角 */
	 padding: 5px;
     background: rgba(255, 255, 255, 0.3); /* 默认半透明背景 */
	 border: 1px solid rgba(255, 255, 255, 0.3);
     transition: all 0.2s ease; /* 平滑过渡 */
     touch-action: manipulation;
}
.kuang-daohang a:active {
            /* 半透明背景 */
            background: rgba(255, 255, 255, 0.2);
            /* 文字颜色 */
            color: #FFFFFF;
            /* 玻璃模糊效果 */
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px); /* Safari 兼容 */
            /* 半透明边框 */
            border: 1px solid rgba(255, 255, 255, 0.3);
            /* 阴影 */
            box-shadow: 0 4px 15px rgba(0,0,0,0.53);
            /* 可选：按下效果 */
            transform: scale(0.98);
        }

.kuang-daohang{
	width: 100%;
	height: 35px;
	white-space: normal;
  	word-break: keep-all; 
	margin-bottom: 10px;
	color: #FFFFFF;
	font-weight: bold;	
}
.kuang-daohang-left{
	max-width: 40%;
	width: auto;
	white-space: nowrap;
	height: auto;
	float: left;
	padding: 5px 20px 5px 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 40px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
	background: linear-gradient(90deg, #4487F4 0%, #c2e9fb 100%); 
	box-sizing: border-box; 
	overflow: hidden;
}
.kuang-daohang-right{
	max-width: 60%;
	width: auto;
	white-space: nowrap;
	height: auto;
	float: right;
	text-align: right;
	padding: 5px 5px 5px 20px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 40px;
	border-top-right-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
	background: linear-gradient(270deg, #4487F4 0%, #c2e9fb 100%); 
	box-sizing: border-box; 
	overflow: hidden;
}





.kuang-neirong{
	width: 100%;
	height: auto;
    
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    grid-auto-rows: min-content;
    gap: 15px 15px;
	
	margin: 0 auto;
	margin-bottom: 20px;
	
	position: relative;
	
}

 .kuang-1{   
	 width: 100%; /* 宽度可以是百分比、固定值等 */
  
     transition: all 0.2s ease, transform 0.1s ease;
     text-align: center;
            /* 允许文字换行以适应不同长度的名称 */
     white-space: normal;
     word-break: break-word; /* 允许在任意字符间断行 */
			 /* 关键调整：字体大小 */
     font-size: 0.7rem; /* 适配小屏幕和小容器 */
     color: #000000;
            /* 确保文本继承容器的换行规则 */
	 padding: 5px 7px 5px 7px;
	 box-sizing: border-box;
	 background-color: #FFFFFF;
	 border-radius: 10px;
	 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* 初始阴影 */
	 position: relative; /* 关键：为子元素的绝对定位提供参考 */
        }

.kuang-1 img {
    width: 100%;           /* 占满容器宽度 */
    height: 100%;          /* 占满容器高度 */
    object-fit: contain;   /* 完整显示图片，可能有空白 */
    object-position: center; /* 居中显示 */
    display: block;        /* 去除底部默认空白 */
}
.kuang-gg{
	position: absolute;
    top: 5px;    /* 对应 padding-top */
    left: 7px;   /* 对应 padding-left */
    right: 7px;  /* 对应 padding-right */
    bottom: 5px; /* 对应 padding-bottom */
    border-radius: 10px; /* 可选：略小于父容器圆角 */
    pointer-events: none;
    z-index: 1;
	overflow: hidden;
	
}

.kuang-1-tu{
	osition: relative;
	width: 100%; 
    aspect-ratio: 90 / 90; 
	position: relative; /* 关键：为子元素的绝对定位提供参考 */
	border-radius: 5px;
	display: block;
	margin-bottom: 10px;

}
.kuang-1-tu img{
	width: 100%;
	height: 100%;
	object-fit: cover; /* 确保图片填充容器 */
	object-position: top;
    display: block;
	aspect-ratio: 90 / 90; /* 保持宽高比 9:7 */
	border-radius: 5px;
    box-shadow: 2px 4px 8px rgba(66,64,64,0.78);
	image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges;   /* Opera */
    image-rendering: -webkit-optimize-contrast; /* Safari */
    image-rendering: crisp-edges;       /* 标准属性，未来支持 */
    -ms-interpolation-mode: nearest-neighbor; /* IE */
} 

.bdpcqz{
	height: 22px;
	width: 59px;
	float: left;
	background-image:url('../images/bd-pc.png');
	background-repeat: no-repeat;
	background-size: 59px 286px;
	background-position: 18px -2px; 
	position: absolute; /* 子元素绝对定位 */
    bottom: 0px;          /* 距离父元素顶部 20px */
    left: 0px;         /* 距离父元素左边 50px */
    z-index: 10;     
}

.bdmqz{
	height: 22px;
	width: 59px;
	float: right;
	background-image:url('../images/bd-m.png');
	background-repeat: no-repeat;
	background-size: 59px 286px;
	background-position: 2px -2px; 
	position: absolute; /* 子元素绝对定位 */
    bottom: 0px;          /* 距离父元素顶部 20px */
    right: 0px;         /* 距离父元素左边 50px */
    z-index: 10;     
}

.kuang-1-zi{
	width: 100%; 
    height: auto;
	text-align: left;
	font-size: 14px;
	color: #010101;

}


.kuang-1-zi-1{
	width: 100%;
	height: 20px;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
}
.kuang-1-zi-2{
	line-height: 15px;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
	text-overflow: clip;
	font-size: 12px;
	color:#8f8f8e;
}
.kuang-1-zi-2 a{
	 color:#8f8f8e;
     font-size: 12px;
}

.fenlei-1-kuang-jianjie {
            font-size: 12px;
			font-weight: bold;
            line-height: 1; /* 确保文字垂直居中 */
			position: absolute;
            bottom: 0px;
            right: 0px;
            z-index: 8;
        }

.fenlei-1-kuang-jianjie a{
			display: flex; /* 使用Flexbox使文字在按钮内居中 */
            align-items: center;
            justify-content: center;
            text-align: center;
	 		color: #FFFFFF;
     		width: 35px;
            height: 20px;
			border-bottom-right-radius: 10px;
			border-top-left-radius: 10px;
     		background: rgba(251,169,15,0.92); /* 默认半透明背景 */
     		transition: all 0.2s ease; /* 平滑过渡 */
     		touch-action: manipulation;
			box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* 初始阴影 */
			box-sizing: content-box;
}
.fenlei-1-kuang-jianjie a:active {
			border-bottom-right-radius: 10px;
			border-top-left-radius: 10px;
            /* 半透明背景 */
            background: rgba(251,169,15,1.00);
            /* 文字颜色 */
            color: #FFFFFF;
          
            /* 阴影 */
            box-shadow: 0 4px 15px rgba(0,0,0,0.74);
         
        }


/* 最新加入网站文章列表 */
.kuang-2{
	width: 100%;
	height: auto;
	background-color: #FFFFFF;
	border-radius: 10px;
	padding: 10px 10px 0px 10px;
	text-align: left;
	margin: 0 auto;
	box-sizing: border-box;
	margin-bottom: 20px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* 初始阴影 */
	
}

.kuang-2-1{
	width: 100%;
	height: 30px;
	white-space: normal;
  	word-break: keep-all; 
}
.kuang-2-1-left{
	max-width: 50%;
    width: auto;
	display: flex;
    white-space: nowrap;
	box-sizing: border-box; 
    height: 25px;
    float: left;
    color: #000000;
    font-weight: bold;
    overflow: hidden;
    gap: 5px; 
	line-height: 20px;
	padding-left: 10px;
	place-items: left; 
	position: relative;
	align-self: flex-start; /* 顶部对齐 */
    align-items: center; /* 垂直居中对齐 */
}

.kuang-2-1-left::before {
      content: '';
      position: absolute;
      top: 1;
      left: 0px;
      width: 6px; /* 背景部分宽度 */
      height: 20px; /* 背景部分高度 */
      background-color: #EB572F; 
      border-radius: 8px;
    }



.kuang-2-1-right{
			width: 50px;
            height: 20px;
			padding: 0px 9px 0px 9px;
            flex-shrink: 0; /* 防止标签被压缩 */
            background: linear-gradient(80deg, #604AF4 0%, #E831ED 100%);
            border-radius: 8px;
            text-align: center;
            line-height: 20px;
			float: right;
            font-size: 16px;
            box-sizing: border-box;
            align-self: flex-start; /* 顶部对齐 */
}

.kuang-2-1-right a{

			color: #FFFFFF;
}


.kuang-2-1-right-2{
	max-width: 50%;
	height: 25px;
	display: flex;
	white-space: nowrap; 
  	word-break: keep-all; 
	color: #FFFFFF;
	text-align: center;
    line-height: 20px;
	float: right;
    font-size: 16px;
    box-sizing: border-box;
    align-self: flex-start; /* 顶部对齐 */
    font-weight: bold;
}


.kuang-2-1-right-2 a{

	 color: #FFFFFF;
     text-decoration: none;
     border-radius: 20px; /* 圆角 */
	 padding: 2px 5px 2px 5px;
     background: rgba(255, 255, 255, 0.3); /* 默认半透明背景 */
	 border: 1px solid rgba(255, 255, 255, 0.3);
     transition: all 0.2s ease; /* 平滑过渡 */
     touch-action: manipulation;
}
.kuang-2-1-right-2 a:active {
            /* 半透明背景 */
            background: rgba(255, 255, 255, 0.2);
            /* 文字颜色 */
            color: #FFFFFF;
            /* 玻璃模糊效果 */
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px); /* Safari 兼容 */
            /* 半透明边框 */
            border: 1px solid rgba(255, 255, 255, 0.3);
            /* 阴影 */
            box-shadow: 0 4px 15px rgba(0,0,0,0.53);
            /* 可选：按下效果 */
            transform: scale(0.98);
        }






.kuang-2-2{
	width: 100%;
	height: auto;
	box-sizing: border-box;
	overflow: hidden;
	display: flex;
    flex-direction: column;
}

       
        

/* 左右两列容器 */
        .hotlist-column {
            flex: 1; /* 平分可用空间 */
            display: flex;
            flex-direction: column;
            /* 添加最小宽度以增强一致性，尤其是在极窄屏幕上 */
            min-width: 0; /* 允许子元素溢出时收缩 */
        }

        /* 分隔线 */
        .hotlist-divider {
            width: 1px;
			height: 157px;
            background-color: #ddd;
            margin: 0 5px; /* 控制分隔线与内容的间距 */
            display: none; /* 默认隐藏 */
        }

        /* 媒体查询：当屏幕宽度大于 480px 时，启用双列布局和分隔线 */
        @media (min-width: 480px) {
            .kuang-2-2 {
                flex-direction: row;
            }

            .hotlist-divider {
                display: block; /* 显示分隔线 */
            }
			.zhuti-left-1-3-2{
				font-size: 14px;
				line-height: 24px;
				
				
			}
			.zhuti-left-1-3-5{
	 		display:none;
}

		
        }
 /* 单个热搜条目 - 关键：确保宽度计算一致 */
        .zhuti-left-1-3 {
            width: 100%; /* 占据父容器100%宽度 */
            font-size: 16px;
            margin-bottom: 10px;
            box-sizing: border-box; /* 关键：确保padding和border包含在width内 */
            display: flex; /* 使用 Flexbox */
            align-items: flex-start; /* 内容顶部对齐 */
            /* 可选：为条目添加最小高度以保持一致性 */
            min-height: 24px; /* 与序号和标签高度匹配 */
        }


 /* 序号 */
   /* 容器基础样式 */
.zhuti-left-1-3-1 {
    width: 14px;
    flex-shrink: 0;
    color: #888; /* 默认灰色 */
    text-align: center;
    font-weight: bold;
    box-sizing: border-box;
    line-height: 19px;
}

.hotlist-column:first-child > .zhuti-left-1-3:nth-child(1) > .zhuti-left-1-3-1 {
    color: #ff0000; /* 红色 */
}
/* 整体第2项 */
.hotlist-column:first-child > .zhuti-left-1-3:nth-child(2) > .zhuti-left-1-3-1 {
    color: #ff6600; /* 橙色 */
}
/* 整体第3项 */
.hotlist-column:first-child > .zhuti-left-1-3:nth-child(3) > .zhuti-left-1-3-1 {
    color: #ffcc00; /* 黄色 */
}



        /* 标题链接容器 - 关键：不换行，隐藏溢出，不显示省略号 */
        .zhuti-left-1-3-2 {
            flex-grow: 1;
            color: #0D0B0B;
            box-sizing: border-box;
            padding: 0 5px; /* 左右内边距 */
            white-space: nowrap; /* 防止内容换行 */
            overflow: hidden; /* 隐藏溢出部分 */
            flex-shrink: 1;
			line-height: 21px;
            /* 防止自身增长，保持计算宽度 */
        }

        /* 修改链接样式：继承容器的不换行和隐藏溢出 */
        .zhuti-left-1-3-2 a {
            text-decoration: none;
            color: inherit;
            display: block;
            /* 继承父容器的宽度和溢出控制 */
            width: 100%;
            height: 100%;
            box-sizing: border-box;
            /* === 核心修改：继承父级属性 === */
            white-space: inherit; /* 继承父级的 nowrap */
            overflow: inherit; /* 继承父级的 hidden */
            /* text-overflow: inherit; 不需要继承，因为父级没有设置 */
        }

        /* 热度标签 */
        .zhuti-left-1-3-3 {
            width: 20px;
            height: 20px;
            flex-shrink: 0; /* 防止标签被压缩 */
            background-color: #F60;
            border-radius: 5px;
            color: #FFFFFF;
            text-align: center;
            line-height: 20px;
            font-size: 12px;
            box-sizing: border-box;
            align-self: flex-start; /* 顶部对齐 */
        }

.zhuti-left-1-3-4{
	 		width: auto;
            height: 20px;
			padding: 0px 9px 0px 9px;
            flex-shrink: 0; /* 防止标签被压缩 */
            background: linear-gradient(80deg, #a1c4fd 0%, #47BCF2 100%);
            border-radius: 8px;
            text-align: center;
            line-height: 20px;
            font-size: 16px;
            box-sizing: border-box;
            align-self: flex-start; /* 顶部对齐 */
}

.zhuti-left-1-3-4 a{
	 color: #FFFFFF;
}
.zhuti-left-1-3-5{
	 		width: 62px;
            height: 20px;
			margin-right: 5px;
            flex-shrink: 0; /* 防止标签被压缩 */
			color: #948E8E;
            text-align: center;
            line-height: 20px;
            font-size: 12px;
            box-sizing: border-box;
            align-self: flex-start; /* 顶部对齐 */
}

/* 相关阅读 */

.yuedu-kuang{
	width: 100%;
	height: auto;
	box-sizing: border-box;
	overflow: hidden;
	display: flex;
    flex-direction: column;
}

.yuedu{
	width: 100%;
	height: auto;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	padding-bottom: 5px;
	display: flex;
    flex-direction: column; /* 关键：设置主轴为垂直方向 */
	margin-bottom: 10px;
	transition: all 0.2s ease;
}
 .yuedu::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background: linear-gradient(
                to right,
                #F3F3F3 0%,
                #cccccc 50%,
                #F3F3F3 100%
            );
        }
.yuedu:last-child::after {
            display: none;
        }
 .yuedu:last-child {
            margin-bottom: 5px;
        }

.yuedu:hover {
            background: #f9f9ff;
            transform: translateY(-1px);
        }


.yuedu-biaoti{
	max-width: 100%;
    font-size: 16px;
    color: #09167E;
    font-weight: bold;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: '';
    word-break: keep-all;
	box-sizing: border-box;
	text-rendering: geometricPrecision; /* 优先几何精度 */
}
.yuedu-neirong{
	width: 100%;
	height: auto;
	font-size: 12px;
	color: #B1B1B1;
	overflow: hidden;
	display: -webkit-box; /* 使用webkit-box布局 */
            -webkit-line-clamp: 2; /* 限制显示2行 */
            -webkit-box-orient: vertical; /* 设置子元素垂直排列 */
   text-overflow: ellipsis; /* 溢出部分显示省略号 */
	margin-bottom: 5px;
}
.yuedu-xijie{
	display: flex; /* 使用Flexbox布局 */
	width: calc(100% - 15px); 
	height: auto;
	font-size: 12px;
	color: #09167E;
	gap: 5px; 
}
.yuedu-xijie-1{
	min-width: 50px;
	height: auto;
	font-size: 12px;
	color: #838388;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	box-sizing: border-box;
    flex-shrink: 0; /* 防止在空间不足时收缩 */
	align-items: center;
    justify-content: center;
    text-align: center;
}

.yuedu-xijie-1:nth-child(1) {
            width:31%; /* 自定义宽度 */
			text-align: left;
			
          
        }
.yuedu-xijie-1:nth-child(2) {
            width: 26%; /* 自定义宽度 */
			
          
        }
.yuedu-xijie-1:nth-child(3) {
            width: 22%; /* 自定义宽度 */
       
        }
.yuedu-xijie-1:nth-child(4) {
            width: 21%; /* 自定义宽度 */
			text-align: right;
          
        }

@media (max-width: 450px) {
	
	.yuedu-xijie-yincang{
		 display: none;
		float: left;
		
	}
	
}







/* 页脚 */
.yejiao{
	width: 100%;
	height: auto;
	color: #FFFFFF;
	font-size: 13px;
	margin: 0 auto;
	box-sizing: border-box;
	text-align: center;
    overflow: hidden; 
}   
.yejiao::before {
            content: '';
            display: block;
            width: 100%;
            height: 3px;
            background: linear-gradient(to right, #F0486C, #EFDA4D);
            margin: 0px auto 10px;
            border-radius: 2px;
        }
.yejiao a{
	color: #FFFFFF;
	margin-left: 5px;
	margin-right: 5px;
	white-space: nowrap;
		}
.yejiao br{
	white-space: nowrap;
		}

/* 最右边 */
.youbian{
	position: fixed; /* 固定位置 */
    bottom: -60px; /* 距离顶部垂直居中 */
    right: max(0px, calc((100vw - 600px) / 2));
    transform: translateY(-50%); /* 垂直居中调整 */
    width: 35px; /* 设置宽度 */
    padding: 5px; /* 内边距 */
    z-index: 10; /* 确保在其他元素之上 */
	text-align: center;
	
}
.youbian-1{
	height: 35px;
    width: 35px; /* 设置宽度 */
  	background-image:url('../images/youbian.png');
	background-repeat: no-repeat;
	background-size: 20px 100px;
	background-position: 8px 6px; 
   	background-color: rgba(255,255,255,0.95); 
	border-radius: 25px 25px 25px 25px;
	cursor: pointer;
	position: relative; /* 创建一个定位上下文 */
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    transition: box-shadow 0.3s, transform 0.3s;
	margin-bottom: 8px;
	
    
}

.youbian-2{
	height: 35px;
    width: 35px; /* 设置宽度 */
  	background-image:url('../images/youbian.png');
	background-repeat: no-repeat;
	background-size: 25px 125px;
	background-position: 6px -48px; 
    background-color: rgba(255,255,255,0.95); 
	border-radius: 25px 25px 25px 25px;
	cursor: pointer;
	position: relative; /* 创建一个定位上下文 */
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    transition: box-shadow 0.3s, transform 0.3s;
   	margin-bottom: 8px; 
}

.youbian-3{
	height: 35px;
    width: 35px; /* 设置宽度 */
  	background-image:url('../images/youbian.png');
	background-repeat: no-repeat;
	background-size: 20px 100px;
	background-position: 8px -65px; 
    background-color: rgba(255,255,255,0.95); 
	border-radius: 25px 25px 25px 25px;
	position: relative; /* 创建一个定位上下文 */
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    transition: box-shadow 0.3s, transform 0.3s;
	cursor: pointer;
}
.youbian-1:hover,.youbian-2:hover,.youbian-3:hover{
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
    transform: translateY(-3px);
}

/* PC权重 */
.qz-bdpcqz-0 { background-position: 23px -1px;}
.qz-bdpcqz-1 { background-position: 23px -21px;}
.qz-bdpcqz-2 { background-position: 23px -41px;}
.qz-bdpcqz-3 { background-position: 23px -61px;}
.qz-bdpcqz-4 { background-position: 23px -80px;}
.qz-bdpcqz-5 { background-position: 23px -100px;}
.qz-bdpcqz-6 { background-position: 23px -120px;}
.qz-bdpcqz-7 { background-position: 23px -140px;}
.qz-bdpcqz-8 { background-position: 23px -160px;}
.qz-bdpcqz-9 { background-position: 23px -179px;}
.qz-bdpcqz-10 { background-position: 23px -199px;}

/* 移动权重qz-bdmqz */
.qz-bdmqz-0 { background-position: 23px -1px;}
.qz-bdmqz-1 { background-position: 23px -21px;}
.qz-bdmqz-2 { background-position: 23px -41px;}
.qz-bdmqz-3 { background-position: 23px -61px;}
.qz-bdmqz-4 { background-position: 23px -80px;}
.qz-bdmqz-5 { background-position: 23px -100px;}
.qz-bdmqz-6 { background-position: 23px -120px;}
.qz-bdmqz-7 { background-position: 23px -140px;}
.qz-bdmqz-8 { background-position: 23px -160px;}
.qz-bdmqz-9 { background-position: 23px -179px;}
.qz-bdmqz-10 { background-position: 23px -199px;}

/* 必应权重qz-bingqz */
.qz-bingqz-0 { background-position: 24px 1px;}
.qz-bingqz-1 { background-position: 24px -22px;}
.qz-bingqz-2 { background-position: 24px -44px;}
.qz-bingqz-3 { background-position: 24px -66px;}
.qz-bingqz-4 { background-position: 24px -88px;}
.qz-bingqz-5 { background-position: 24px -112px;}
.qz-bingqz-6 { background-position: 24px -134px;}
.qz-bingqz-7 { background-position: 24px -156px;}
.qz-bingqz-8 { background-position: 24px -179px;}
.qz-bingqz-9 { background-position: 24px -201px;}
.qz-bingqz-10 { background-position: 24px -224px;}

/* 谷歌PR值qz-pr */
.qz-pr-0 { background-position: 24px 1px;}
.qz-pr-1 { background-position: 24px -22px;}
.qz-pr-2 { background-position: 24px -44px;}
.qz-pr-3 { background-position: 24px -66px;}
.qz-pr-4 { background-position: 24px -88px;}
.qz-pr-5 { background-position: 24px -114px;}
.qz-pr-6 { background-position: 24px -136px;}
.qz-pr-7 { background-position: 24px -160px;}
.qz-pr-8 { background-position: 24px -182px;}
.qz-pr-9 { background-position: 24px -205px;}
.qz-pr-10 { background-position: 24px -227px;}