﻿/* 站长&设计: 潘乐乐（panlele.com）*/
.ct3{display: flex;}
.ct3 .nav{width: 128px;margin-right: 15px;}
.ct3 .mn {width: 100%;flex: 1;}
.ct3 .nav ul{padding: 5px 10px 10px 15px;}
.ct3 .nav li{line-height: 28px;white-space: nowrap; overflow: hidden;}
.ct2 { display: flex;align-items: flex-start;}
.ct2 .mn {width:100%;flex:1;margin-right: 15px;}
.ct2 .sd { width: 280px; overflow: hidden; }
/*列表*/
.navcat {display: flex; justify-content: space-between;align-items: center; width: 100%;}
.navcat .flex{flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 21px; }
.list {margin-bottom: 15px;}
.list .atc{width: 48px; height: 48px;overflow: hidden;display: flex;justify-content: center; align-items: center; border-radius:50%;margin:0 5px;background: rgba(128, 128, 128, 0.12);box-shadow:0 0 3px rgba(0, 0, 0, 0.1);}
.list .atc img{max-width: 48px;height: auto;transition: all 0.2s ease-in-out;vertical-align: middle;}
.list .atc:hover img{transform: scale(1.1);}
	.listDes{line-height: 25px;width: 100%;flex: 1;position: relative; }
	.listDes h2{font-weight: 700; overflow: hidden;text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 1;width: 100%;}
	.listDes:hover .gobbs:after{content: "(社区)";color: #fc0000; padding-right: 5px;}
	.listDes .gobbs:hover :after{color: green;}
	.listDes p{font-size: 12.8px; overflow: hidden;text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 1;}
.flex5{display: grid;grid-template-columns: repeat(4, 1fr);gap: 15px;}
.flex5 li{display: flex; padding: 10px 3px; background: #fff;height: 48px;box-shadow:3px 3px 3px rgba(0, 0, 0, 0.1);border-radius: 6px;}
.flex5 a:hover{text-decoration: none;}
.flex5 li:hover{box-shadow:0 0 5px 0 rgba(18, 158, 238, 0.2);}
.flex5 li a:hover h2{color: #129eee;}
.flex5 li a:hover p{color: #008ac5;}
.flex5 .authorSubstr{font-size: 22px;line-height: 39px;font-weight: 600;text-shadow: 1px 1px 1px #888;}

/* 文章页样式*/
.header{display: flex;padding: 15px 12px;}
.header .atc{width: 85px;height: auto;}
.header .atc img{max-width: 64px;height: auto;border-radius:50%;background: rgba(128, 128, 128, 0.12);box-shadow:0 0 3px rgba(0, 0, 0, 0.1);}
.header .des{width: 100%;}
.header .des p{padding: 6px 0;}
.header .go a{padding: 4px 12px 6px 12px; background: linear-gradient(90deg,#FA5600,#FF9C00); border-radius: 12px;font-size: 15px;color: #fff;text-shadow: 1px 1px 1px #E40;font-weight: bold;}
.header .flex {justify-content: space-between;}
.vw {}
	.vw .h { padding-bottom: 15px; border-bottom: 1px solid {COMMONBORDER}; }
		.vw .ph { padding: 15px 0 10px; color: #444; }
	.vw .hot { margin-right: 5px; color: {NOTICETEXT}; }
	.vw .s { margin-top: 10px; padding-bottom: 10px; border-bottom: 1px solid {COMMONBORDER}; line-height: 2; color: {HIGHLIGHTLINK}; }
		.vw .s strong { font-weight: 400; color: red; }
	.vw .d { margin: 15px 0; min-height: 100px; font-size: 14px; line-height: 1.8; color: #000; }
		.vw .d i { font-style: italic; }
		.vw .d img { max-width: 620px; }
		.vwtb { table-layout: fixed; width: 100%; height: 300px; }
		.vw .pattl_c .tip { line-height: 1.5; }
		#article_content { vertical-align: top; }
	.vw .d ol, .vw .d ul { margin: 1em 2em; }
		.vw .d ul li { list-style-type: disc; }
		.vw .d .ml, .vw .d .xl { margin: 0; }
			.vw .d .ml li { list-style-type: none; }
	.vw .attach { padding-left: 20px; background: url({IMGDIR}/fach.gif) no-repeat 0 50%; color: {HIGHLIGHTLINK}; }
	.vw .o { margin-top: 15px; padding-top: 5px; border-top: 1px solid {COMMONBORDER}; text-align: right; }
		.vw .o .mgcmn { width: auto; text-align: left; }
	#nv_portal .vw .h, #nv_portal .vw .s, #nv_portal .vw .d, #nv_portal .vw .o, #nv_portal .vw .pren, #nv_forum .vw .h, #nv_forum .vw .s, #nv_forum .vw .d { margin-right: 15px; margin-left: 15px; }
	.pic_h { border-radius:5px; }
	.pic_h .h { border-bottom:1px dashed #CDCDCD; margin-left:0 !important; margin-right:0 !important; padding-left: 15px;padding-right: 15px; }
	.pic_h .d { margin:0 !important; }
/* 专题 */
.pg_topic .bdl{width: 138px;}
.pg_topic .ct .sd{width: 300px;}
.rank table {border-radius: 8px;overflow: hidden; border-collapse: collapse;width: 100%;counter-reset: rowNumber -1; /* 初始化计数器 */}
.rank table tr {counter-increment: rowNumber;}
.rank table tr:nth-child(odd) {background:rgba(8, 146, 208, 0.05);}
.rank table td:first-child::before {content: counter(rowNumber);color: #fff;font-family: Arial;background: #0892D0;border-radius: 50%;width: 28px;height: 28px;padding: 2px; text-align: center;display: block;transform: translateX(3px); }
.rank table tr:nth-child(2) td:first-child::before {background: #ff5a36;}
.rank table tr:nth-child(3) td:first-child::before {background: #c56831;}
.rank table tr:nth-child(4) td:first-child::before {background: #b89e2c;}
.rank td:first-child,.rank td:last-child,.rank th:first-child,.rank th:last-child{text-align: center;}
.rank .w80{width: 80%;}
.rank th,.rank td {padding: 10px 6px;text-align: left;border-bottom: 1px solid #eee;}
.rank th {background-color: #0892D0;color: white;padding: 6px 6px;}
.rank tr:hover,.rank table tr:nth-child(odd):hover{background-color: #129eee28;}
.sc { text-indent: 6px; position: relative; transform: translateZ(0);/* 强制创建层叠上下文 */}
.sc i {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;background: rgba(103, 199, 9, 0.3);border-radius: 8px; margin: 8px 0;}
.rank a{width: 100%;}
.amd .sc i {background: rgba(225, 81, 92, 0.3);}
.in .sc i {background: rgba(56, 199, 151, 0.3);}
.tag_h{position: relative;overflow: hidden;max-height: 258px;min-height: 100px; color: #eeeeee;display: flex;justify-content: center;align-items: center; }
.tag_h h1{font-size: 26px;color: #fff;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);line-height: 25px;}
.tag_h img{width: 100%;height: auto;object-fit: contain;margin: 0; padding: 0;display: block;}
.tag_h .bml{width: 100%; position: absolute;left: 0; bottom: 0px;padding: 10px; background: linear-gradient(180deg,transparent,rgba(0,0,0,.3) 38%,rgba(0,0,0,.7) 98%);}
.tag_h .bm_h,.tag_h .bm_c{padding: 0;margin: 0;}
.xl2 li {width: 25%;}
.aillm td{height: 50px;/*border-bottom: none;*/font-size: 18px;}
.aillm td strong{color: #fc3333;}
.aillm th{height: 38px;}
.aillm .svg{width: 26px; height: 26px;vertical-align: -6px;margin-right: 5px; }
/* 潘乐乐自定义 */
.xl2 li { width: 49%; }
