/*

*/
  
div, ul, span, dl, dt, dd {
	margin: 0px;
	padding: 0;
	outline: 0;
}

  @media (max-width: 600px) {
            .container {
            }
        } 
        
        .image-container {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 20px;
            margin-bottom: 20px;
            padding: 15px;
            background-color: #f5f5f5;
            border-radius: 8px;
            max-width: 100%;
        }
         
        .image-container img {
            width: 150px;
            height: 150px;
            object-fit: cover;
            border-radius: 4px;
            flex-shrink: 0;
        }
         
        .description {
            flex: 1;
        }
        
        .description h3 {
            font-size: 24px;
            margin-bottom: 8px;
            color: #333;
        }
         .description h2 {
            font-size: 28px;
            margin-bottom: 8px;
            color: #333;
        }
         .description h4 {
            font-size:20px;
            margin-bottom: 8px;
            color: #333;
        }
        .description p {
            font-size: 14px;
            color: #666;
        }
         
        @media (max-width: 768px) {
            .image-container {
                flex-direction: column;
                align-items: flex-start;
            }
            
            .image-container #qrcode {
                width: 100%;
                height: auto;
                max-width: 150px;
                margin-bottom: 10px;
            }
        }
.clear {
	clear: both;
}
.dblistys{
padding: .5rem;
cursor: pointer}

.dblist_h{
    min-height:500px;
}
.tp-c{color:red; font-size:16px; font-weight:bold; margin-left:5px;}
.tp-c2{color:red; font-size:14px; font-weight:bold; }
.tyovhd{white-space:nowrap; overflow:hidden}
.col-content {
 padding: .75rem .3rem;
	border-top: 1px solid #dee2e6;
 
}
.col-title {
 padding: .75rem .3rem;
font-size:14px;
font-weight: none;
 }
.nopc{ 
    font-size:16px;
font-weight: bold;
} 
 
.pagebar {
	width: 100%;
	clear: both;
	padding: 15px;
	margin: auto;
}
.pagination {
	width: 100%;
	text-align: center;
	display: inline-block;
	margin: auto;
}
.pagination li {
	padding: 4px 12px;
	color: #fff;
	display: inline-block;
	clear: both;
	border: 2px solid #007bff;
	margin: 0 3px 3px 0;
	border-radius: 2px;
	background: #007bff
}
.pagination a {
	color: #fff;
}
.pagination .active {
	background: #fff;
	color: #007bff;
}


.dbicoys
{color:#007bff; float:right}
#divCalendar td a {
	display: block;
	line-height: 30px;
	color: #FFFFFF;
}

.right #divTags dd ul li, .right #divhottag dd ul li {
	float: left;
	overflow: hidden;
	margin: 5px 5px 0 0;
	padding: 0px;
}
#divTags dd ul li span {
	display: none;
}
#divTags dd ul li a, #divhottag dd ul li a {
	display: block;
	padding: 0 16px 0 16px;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	color: #FFFFFF;
	border-radius:15px
}
#divTags dd ul li a:hover, #divhottag dd ul li a:hover {
	color: #FFFFFF;
	background-color: #04a5f7;
	
}
/* 商务风格标签样式集 - 高对比度、专业稳重 */
#divTags .tags0, #divhottag .tags0 {
	background-color: #2c3e50; /* 深蓝灰-主色调 */
	color: #ffffff;
}
#divTags .tags1, #divhottag .tags1 {
    background-color: #34495e; /* 深灰蓝-次主色调 */
    color: #ffffff;
}

#divTags .tags2, #divhottag .tags2 {
    background-color: #16a085; /* 深青绿色-强调色 */
    color: #ffffff;
}

#divTags .tags3, #divhottag .tags3 {
    background-color: #27ae60; /* 深绿色-成功色 */
    color: #ffffff;
}

#divTags .tags4, #divhottag .tags4 {
    background-color: #2980b9; /* 深蓝色-信息色 */
    color: #ffffff;
}

#divTags .tags5, #divhottag .tags5 {
    background-color: #f39c12; /* 橙色-警告色 */
    color: #000000;
}

#divTags .tags6, #divhottag .tags6 {
    background-color: #d35400; /* 深橙色-强调警告色 */
    color: #ffffff;
}

#divTags .tags7, #divhottag .tags7 {
    background-color: #c0392b; /* 深红色-危险色 */
    color: #ffffff;
}

#divTags .tags8, #divhottag .tags8 {
    background-color: #9b59b6; /* 深紫色-创新色 */
    color: #ffffff;
}

#divTags .tags9, #divhottag .tags9 {
    background-color: #7f8c8d; /* 中性灰-基础色 */
    color: #ffffff;
}

#divTags .tags10, #divhottag .tags10 {
    background-color: #ecf0f1; /* 浅灰-背景色 */
    color: #2c3e50;
}

#divTags .tags11, #divhottag .tags11 {
    background-color: #bdc3c7; /* 中灰-辅助色 */
    color: #2c3e50;
}

#divTags .tags12, #divhottag .tags12 {
    background-color: #95a5a6; /* 深灰-强调辅助色 */
    color: #ffffff;
}

#divTags .tags13, #divhottag .tags13 {
    background-color: #3498db; /* 中蓝色-交互色 */
    color: #ffffff;
}

#divTags .tags14, #divhottag .tags14 {
    background-color: #1abc9c; /* 中青色-成功交互色 */
    color: #ffffff;
}

#divTags .tags15, #divhottag .tags15 {
    background-color: #e67e22; /* 中橙色-警告交互色 */
    color: #ffffff;
}

#divTags .tags16, #divhottag .tags16 {
    background-color: #e74c3c; /* 中红色-危险交互色 */
    color: #ffffff;
}

#divTags .tags17, #divhottag .tags17 {
    background-color: #9b59b6; /* 中紫色-创新交互色 */
    color: #ffffff;
}

#divTags .tags18, #divhottag .tags18 {
    background-color: #f1c40f; /* 黄色-高亮色 */
    color: #2c3e50;
}

#divTags .tags19, #divhottag .tags19 {
    background-color: #1abc9c; /* 青绿色-特殊标签色 */
    color: #ffffff;
}

#divTags .tags20, #divhottag .tags20 {
    background-color: #2c3e50; /* 深蓝灰-主色调重复 */
    color: #ffffff;
}

/* 商务风格按钮样式 - 高对比度、专业感 */
#divTags dd ul li a, #divhottag dd ul li a, .sj-ss #btnPost {
	background-color: #2980b9; /* 深蓝色按钮-主色调 */
	font-size:14px;
	color:#ffffff;
	text-decoration: none;
	transition: all 0.25s ease 0s;
	outline: 0;
	font-weight: 600;
}

/* 按钮悬停效果 */
#divTags dd ul li a:hover, #divhottag dd ul li a:hover, .sj-ss #btnPost:hover {
	background-color: #1f618d; /* 深蓝色加深-悬停效果 */
	border-color: #1a5276;
}
 
@media screen and (max-width: 1100px) {
 
  td {
  max-width:800px; /* 设置单元格的最大宽度 */
  overflow: hidden; /* 隐藏超出部分的内容 */
  text-overflow: ellipsis; /* 用省略号表示被截断的文本 */

}
.limited-text {
  display: inline-block;
  width: 300px; /* 设置最大宽度 */
  white-space: nowrap; /* 防止文本换行 */
  overflow: hidden; /* 隐藏溢出的文本 */
  text-overflow: ellipsis; /* 显示省略号 */
}


}
.emoji:after {
  content: "👇"; /* 或者使用 \1F600; */
}
.emoli:after {
  content: "🎁"; /* 或者使用 \1F600; */
}