/*
* 模板0
* Wednesday, November 2024.
* 川哥编程
* 13700879064
********** pagingMode **********
vertical_txt:	文字垂直排列
horizontal_txt: 文字水平排列
vertical_img:	图文垂直排列
horizontal_img: 图文水平排列
********************************
*
*/
.body td{vertical-align:top;}
#rbox .pageSizeBox{font-size:12px;color:#888;margin-top:10px;}
#rbox .pageSizeBox input{width:30px;padding:3px 3px 3px 3px;margin:0px;}
#rbox > ul{margin-top:10px;overflow:hidden;}

/**************************************
* 电脑端公共隐藏元素：【文字水平排列&&文字垂直排列&&图文水平排列】
**************************************/
#rbox ul > li.vertical_txt > div.img,
#rbox ul > li.horizontal_txt > div.img,
#rbox ul > li.horizontal_img > div.txt > p{
	display:none;
	clear:both;
}

/**************************************
* vertical_txt:	文字垂直排列
**************************************/
#rbox ul > li.vertical_txt{
	border-bottom:1px dashed #eee;
	padding:0px 0px 20px 0px;
	margin:10px 10px 20px 20px;
	overflow: hidden;
	clear:both;
}
#rbox ul > li.vertical_txt:last-child{border-bottom:none;}
#rbox ul > li.vertical_txt > div.txt > a{
	float:left;
	font-size: 16px;
	font-weight: bold;
	width:60%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
#rbox ul > li.vertical_txt > div.txt > p{
	float:right;
	margin: 0;
    padding: 0;
    font-size: 14px;
    color: #888;
	width: 270px;
    text-align: justify;
    display: block;
}
/**************************************
* horizontal_txt: 文字水平排列
**************************************/
#rbox ul > li.horizontal_txt{
	float:left;
	width:23%;
    margin:20px 10px 20px 10px;
}
#rbox ul > li.horizontal_txt > div.txt{
	margin: auto;
	width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
/* #rbox ul > li.horizontal_txt > div.txt > a{ */
	/* font-size: 16px; */
/* } */
#rbox ul > li.horizontal_txt > div.txt > p{
	margin: 0;
    padding: 0;
    font-size: 12px;
    color: #888;
	width: 270px;
    text-align: justify;
    display: block;
}
/**************************************
* horizontal_img: 图文水平排列
**************************************/
#rbox ul > li.horizontal_img{
	width:220px;
	float:left;
	margin:10px 20px 20px 20px;
}
#rbox ul > li.horizontal_img > div.img{
	width:220px;
	height:220px;
	display:flex;
	align-items:center;
	justify-content: center;
	border:1px solid #dadada;
	margin-left:10px;
	margin-right:10px;
	text-align:center;
	border-radius:3px;
}
#rbox ul > li.horizontal_img > div.txt{
	margin: auto;
	/* padding-top:10px; */
	width:90%;
	text-align:center;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
/**************************************
* vertical_img:	图文垂直排列
**************************************/
#rbox ul > li.vertical_img{
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	height:90px;
	overflow:hidden;
	clear:both;
	border-bottom:1px dashed #eee;
	padding-bottom: 10px;
}
#rbox ul > li.vertical_img > div.img{
	width:88px;
	height:88px;
	float:left;
	border:1px solid #eee;
	align-items:center;
	justify-content:center;
	display:flex;
	border-radius: 3px;
}
#rbox ul > li.vertical_img > div.txt{
	float:left;
	margin-left:10px;
}
#rbox ul > li.vertical_img > div.txt > a{
	font-weight:bold;
	font-size:18px;
	margin-top:15px;
    display:block;
}
#rbox ul > li.vertical_img > div.txt > p{
	color:#888;
	font-size:14px;
}
/**************************************
* pagebar
**************************************/
#rbox .pagebar{padding:20px 10px;border-top:1px solid #eee;margin:10px 12px 10px 10px;}
#rbox .pagebar a, #rbox .pagebar a:visited{ text-align:center; }
#rbox .pagebar a, #rbox .pagebar a:visited, #rbox .pagebar strong{margin-left:5px;margin-right:5px;}
#rbox .pagebar span{margin-left:10px;color:#888;}
#rbox .pagebar > b{color:#000;font-weight:bold;margin-left:5px;margin-right:5px;}
@media screen and (max-width:768px) {
	#rbox .pageSizeBox input {width: 20px;}
	/**************************************
	* vertical_txt:	文字垂直排列
	**************************************/
	#rbox ul > li.vertical_txt > div.txt > a {
		width: 100%;
		white-space: normal;
		float:none;
	}
	#rbox ul > li.vertical_txt > div.txt > p {
		width: 100%;
		float:none;
	}
	/**************************************
	* horizontal_txt: 文字水平排列
	**************************************/
	#rbox ul > li.horizontal_txt{
		float:none;
		width:100%;
		margin:30px 10px 30px 10px;
		white-space:normal;
	}
	#rbox ul > li.horizontal_txt > div.txt{
		float:none;
		width:98%;
		margin:0px;
		white-space:normal;
	}
	/**************************************
	* horizontal_img: 图文水平排列
	**************************************/
	#rbox ul > li.horizontal_img {
		margin: 10px;
		float:none;
		display:inline-block;
		box-shadow: 0 0 14px 2px rgba(0, 0, 0, .08);
		width: 150px;
	}
	#rbox ul > li.horizontal_img > div.img {
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
        max-height: 100px;
		overflow: hidden;
	}
	#rbox ul > li.horizontal_img > div.txt {
		width: 100%;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
		display:block;
	}
	/**************************************
	* vertical_img:	图文垂直排列
	**************************************/
	#rbox ul > li.vertical_img {
		height: auto;
	}
	#rbox ul > li.vertical_img > div.img {
		box-shadow: 5px 5px 10px #eee;
	}
	#rbox ul > li.vertical_img > div.txt {
		max-width: 68%;
		text-align: justify;
	}
	#rbox ul > li.vertical_img > div.txt > a {
		font-size: 14px;
	}
	#rbox ul > li.vertical_img > div.txt > p {
		font-size: 12px;
		margin: 0px 0px 10px 0px;
		padding: 0px;

	}
}