#anppage {height:55px;}
.pagination-wrapper {display: flex;justify-content: center; /* 使内容居中 */ align-items: center; /* 垂直居中 */ gap: 10px; /* 两个元素之间的间距 */}

.jump-to-page { display: flex; align-items: center; /* 垂直居中 */}
.jump-to-page input {margin-right: 5px; /* 输入框和按钮之间的间距 */}
.jump-to-page input {width: 70px;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;border: 1px solid #ddd;border-radius: 4px;text-align: center;}
.jump-to-page button {height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;color: #428bca;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;}
.jump-to-page button:hover {color: #fff;background-color: #428bca;border: 1px solid #428bca;}

#tcdPageCode {padding: 15px 20px;text-align: left;color: #ccc;text-align:center;  display: flex;justify-content: center; /* 当有内容时，内容居中 */align-items: center; /* 垂直居中 */}
#tcdPageCode a{display: inline-block;color: #428bca;display: inline-block;height: 25px;	line-height: 25px;	padding: 0 10px;border: 1px solid #ddd;	margin: 0 2px;border-radius: 4px;vertical-align: middle;}
#tcdPageCode a:hover{text-decoration: none;border: 1px solid #428bca;}
#tcdPageCode span.current{display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;color: #fff;background-color: #428bca;	border: 1px solid #428bca;border-radius: 4px;vertical-align: middle;}
#tcdPageCode span.disabled{	display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;	color: #bfbfbf;background: #f2f2f2;border: 1px solid #bfbfbf;border-radius: 4px;vertical-align: middle;}
#tcdPageCode:empty + .jump-to-page {flex-grow: 1;justify-content: center; /* 居中对齐 */}
#tcdPageCode:not(:empty) {flex-grow: 0;}
#tcdPageCode:not(:empty) + .jump-to-page {flex-grow: 0;}

#tcdPageCode1 {padding: 15px 20px;text-align: left;color: #ccc;text-align:center;  display: flex;justify-content: center; /* 当有内容时，内容居中 */align-items: center; /* 垂直居中 */}
#tcdPageCode1 a{display: inline-block;color: #428bca;display: inline-block;height: 25px;	line-height: 25px;	padding: 0 10px;border: 1px solid #ddd;	margin: 0 2px;border-radius: 4px;vertical-align: middle;}
#tcdPageCode1 a:hover{text-decoration: none;border: 1px solid #428bca;}
#tcdPageCode1 span.current{display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;color: #fff;background-color: #428bca;	border: 1px solid #428bca;border-radius: 4px;vertical-align: middle;}
#tcdPageCode1 span.disabled{	display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;	color: #bfbfbf;background: #f2f2f2;border: 1px solid #bfbfbf;border-radius: 4px;vertical-align: middle;}
#tcdPageCode1:empty + .jump-to-page {flex-grow: 1;justify-content: center; /* 居中对齐 */}
#tcdPageCode1:not(:empty) {flex-grow: 0;}
#tcdPageCode1:not(:empty) + .jump-to-page {flex-grow: 0;}

#tcdPageCode2 {padding: 15px 20px;text-align: left;color: #ccc;text-align:center;  display: flex;justify-content: center; /* 当有内容时，内容居中 */align-items: center; /* 垂直居中 */}
#tcdPageCode2 a{display: inline-block;color: #428bca;display: inline-block;height: 25px;	line-height: 25px;	padding: 0 10px;border: 1px solid #ddd;	margin: 0 2px;border-radius: 4px;vertical-align: middle;}
#tcdPageCode2 a:hover{text-decoration: none;border: 1px solid #428bca;}
#tcdPageCode2 span.current{display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;color: #fff;background-color: #428bca;	border: 1px solid #428bca;border-radius: 4px;vertical-align: middle;}
#tcdPageCode2 span.disabled{	display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;	color: #bfbfbf;background: #f2f2f2;border: 1px solid #bfbfbf;border-radius: 4px;vertical-align: middle;}
#tcdPageCode2:empty + .jump-to-page {flex-grow: 1;justify-content: center; /* 居中对齐 */}
#tcdPageCode2:not(:empty) {flex-grow: 0;}
#tcdPageCode2:not(:empty) + .jump-to-page {flex-grow: 0;}