/*create by zhxf*/


/*用于图片列表页*/

.list-box {
  margin-top: 10px;
}

.list-box>li {
  float: left;
  width: 226px;
  margin: 0 20px 20px 0;
}

.list-box li a {
  display: block;
  width: 226px;
  height: 186px;
  position: relative;
  overflow: hidden;
}

.list-box h3 {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: 36px;
  line-height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: normal;
  color: #52524b;
  background-color: #fff;
}


/*印集的样式，图片添加背景*/

.bg-color-box>li {
  background-color: #dbd4cd;
}

.bg-color-box .img-li {
  width: 90px;
  height: 120px;
  margin: 15px auto;
}


/* 文字列表 */

.result {
  margin-top: 18px;
  padding-bottom: 60px;
  padding-right: 32px;
}

.result>li {
  padding: 12px 0;
  border-bottom: 1px solid #eee;
}

.result .title {
  font-size: 16px;
  line-height: 1.2;
}

.result .title>a {
  color: #714720;
  text-decoration: underline;
}

.context {
  overflow: hidden;
  margin-top: 20px;
}

.context a {
  float: left;
  margin-right: 20px;
  width: 100px;
  min-height: 125px;
}

.context img {
  float: left;
  width: 100px;
  height: 125px;
  margin-right: 16px;
}

.context p {
  font-size: 12px;
  line-height: 1;
  margin-bottom: 12px;
  color: #252525;
}

.context .tags {
  color: rgb(37, 37, 37);
  opacity: 0.6;
  filter: Alpha(opacity=60);
  *height: 20px;
}

.text {
  overflow: hidden;
  line-height: 1.5;
}

/*诗文集，家书列表的样式*/

.result-box{
  overflow: hidden;
  margin: 0 0 30px;
}
.result-box>div{
  /*display: none;*/
  width: 329px;
  float:left;
  box-sizing: border-box;
  margin-right: 10px;
  box-sizing: border-box;
  width:32%;
  margin-right:2%;
}
.result-box>div:nth-of-type(3n+3){
	margin-right:0;
}
.result-part>li{
  position: relative;
  padding: 0 0;
  border:none;
}
.result-part .title>a{
  display: block;
  font-size: 16px;
  line-height: 44px;
  text-decoration: none;
  color: #6e462c;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.result-part .title>a:hover{
	color: #99501f;
}
.result-part{
  padding:8px 16px;
  height: 426px;
  margin-top: 0;
  background: url("../image/border-xl-m.jpg") repeat-y;
  background-size:100% auto;
}
.bg-t{
  background: url("../image/border-xl-t.jpg") no-repeat;
  height: 10px;
  background-size:100% 100% ;
}
.bg-b{
  background: url("../image/border-xl-b.jpg") no-repeat;
  height: 10px;
  background-size:100% 100% ;
}
.title .dot{
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-right: 10px;
  background: url("../image/dot.png") no-repeat;
}
/* 列表底部的图片*/
.content{
  position: relative;
}
#bottom-img{
  position: absolute;
  bottom:0;
  right:0;
  width: 240px;
}
#bottom-img>img{
  width: 100%;
}
@media screen and (max-width: 1680px) {
  #bottom-img{
    display: none;
  }
}
/*日记*/

ul#list-box {
  overflow: hidden;
}
div#page-box {
  text-align: center;
}

/*20190308 add*/
.listresult .title{
	display:block;
	color:#714720;
	text-decoration:underline; 
}
.result .imgtextbox{
	padding-top:20px;
	overflow:hidden;
}
.result .imgbox{
	width:140px;
	height:170px;
	float:left;	
	margin-right:20px;
}
.result .imgbox img{
	width:100%;
	height:100%;
	display:block;
}
.result .textbox{
	overflow:hidden;
	font-size:14px;
}
.result .textbox span{
	display:block;
	color:rgba(37,37,37,.66);
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	margin-bottom:10px;
	line-height:22px;
}
.result .textbox p{
	color:#252525;
	display:-ms-flexbox;
	display:-moz-box;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	overflow:hidden;
	margin-bottom:10px;
	line-height:22px;
	max-height:44px;
}
ul#list-box { 
    padding: 6px 1px 0;
}
.list-box>li{
	width:23%;
	margin-right:2.66%;
	-moz-box-shadow: 0 0 1px rgba(0,0,0,.06);
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,.06);
	box-shadow: 0 0 1px rgba(0,0,0,.06);
}
.list-box>li:nth-of-type(4n+4){
	margin-right:0;
}
.list-box li a{
	width:100%;
	display: flex;
    align-items: center;
    justify-content: center;
}
.list-box>li img{
	max-width:110%; 
}
.list-box h3{
	width:90%;
	padding:0 5%;
} 
.listworks li img{
    max-height: inherit;
    max-width: inherit;
    width: 100%;
}
.bg-color-box .img-li{
	padding-bottom: 30px;
}
.result-part{
	background:none;
	padding: 8px 30px 8px 0;
        height:auto; 
}
.result-part>li{
	border-bottom: 1px solid #eee;
}
@media screen and (max-width:750px){
.result-box{
	margin: 20px 0 0;
}
.result-box>div{
	width: 100%;
    margin-right: 0%;
	margin-bottom:20px;
}
.result{
	width:100%;
	margin-right:0;
	padding-bottom: 20px;
}
.list-box>li{
	width:48%;
	margin-right:4%; 
}
.list-box>li:nth-of-type(2n+2){
	margin-right:0;
}
.list-box li a{
	height:160px;
}	
.bg-color-box .img-li { 
  margin: 5px auto;
}
.bg-color-box li a img{
	padding-bottom:36px;
}
.result-part{
	padding: 8px  0;
}
}
@media screen and (max-width:480px){
.list-box li a{
	height:160px;
}	
}
@media screen and (max-width:359px){
.list-box li a{
	height:130px;
}	
.bg-color-box .img-li {
    width: 60px;
    height: 80px; 
}
}