/*

*/
  
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: #fbf80b;
}
#divTags .tags1, #divhottag .tags1 {
    background-color: #ffebee;
    color: #c62828;
}

#divTags .tags2, #divhottag .tags2 {
    background-color: #fce4ec;
    color: #ad1457;
}

#divTags .tags3, #divhottag .tags3 {
    background-color: #f3e5f5;
    color: #6a1b9a;
}

#divTags .tags4, #divhottag .tags4 {
    background-color: #e8eaf6;
    color: #303f9f;
}

#divTags .tags5, #divhottag .tags5 {
    background-color: #e1f5fe;
    color: #0277bd;
}

#divTags .tags6, #divhottag .tags6 {
    background-color: #e0f2f1;
    color: #00695c;
}

#divTags .tags7, #divhottag .tags7 {
    background-color: #f1f8e9;
    color: #558b2f;
}

#divTags .tags8, #divhottag .tags8 {
    background-color: #fffde7;
    color: #f57f17;
}

#divTags .tags9, #divhottag .tags9 {
    background-color: #fff3e0;
    color: #ef6c00;
}

#divTags .tags10, #divhottag .tags10 {
    background-color: #fbe9e7;
    color: #d84315;
}

#divTags .tags11, #divhottag .tags11 {
    background-color: #efebe9;
    color: #4e342e;
}

#divTags .tags12, #divhottag .tags12 {
    background-color: #fafafa;
    color: #424242;
}

#divTags .tags13, #divhottag .tags13 {
    background-color: #eceff1;
    color: #37474f;
}

#divTags .tags14, #divhottag .tags14 {
    background-color: #e1f5fe;
    color: #00838f;
}

#divTags .tags15, #divhottag .tags15 {
    background-color: #e8f5e9;
    color: #2e7d32;
}

#divTags .tags16, #divhottag .tags16 {
    background-color: #f3e5f5;
    color: #8e24aa;
}

#divTags .tags17, #divhottag .tags17 {
    background-color: #fff8e1;
    color: #f9a825;
}

#divTags .tags18, #divhottag .tags18 {
    background-color: #e0f7fa;
    color: #00838f;
}

#divTags .tags19, #divhottag .tags19 {
    background-color: #e8f5e8;
    color: #388e3c;
}

#divTags .tags20, #divhottag .tags20 {
    background-color: #f5f5f5;
    color: #616161;
}
 #divTags dd ul li a, #divhottag dd ul li a,  .sj-ss #btnPost {
	background-color: #f7de0e;
	font-size:14px;
	color:#000;
	text-decoration: none;
	color: #000000;
	transition: all 0.25s ease 0s;
	outline: 0;
} 
 
@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; */
}

        .latest-articles {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 8px;
            max-width: 1200px;
            margin: 0 auto;
        }
        .article-item {
            padding: 15px;
            background-color: #f8f9fa;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.05);
        }
        .article-item a {
            color: #2c3e50;
            text-decoration: none;
            font-size: 16px;
            line-height: 1.5;
        }
        @media (max-width: 768px) {
            .latest-articles {
                grid-template-columns: 1fr;
            }
        }