.tp-info{
padding: 20px 3%;
border-bottom: 1px solid #ddd;
}
.tp-info .fleft{
font-size: 1.2rem;
color: #999;
}
.tp-info .fright{
font-size: 0.9rem;
color: blue!important;
}
.fleft{
float:left;
}
.fright{
float:right;
}

.pager{
width: 94%;
text-align: center;
padding: 20px 3%;
}

.pager a{
dislpay: inline-block;
padding: 7px 17px;
background-color: #02A7E3;
color: #efffff;
font-size: 1rem;
margin: 0 7px;
}

.main{
width: 100%;
background-color: rgba(204,204,153, 0.7);
padding-bottom: 10px;
}

.img-list .item{
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
margin-top: 10px;
display: inline-block;
width: 47%;
margin-left: 2%;
overflow-x: hidden;
padding: 0 0 5px 0;
border-radius: 4px;
background-color: #fefefe;
box-shadow: 2px 2px 2px #ccc;
}
.img-list .item .imgwrap{
width: 100%;
height: 30vw;
overflow: hidden;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.img-list .item img{
display: inline-block;
width: 100%;
}
.img-list .item span{
float: right;
top: 0;
right: 0;
color: #fff;
border-radius: 2px;
padding: 2%;
z-index: 10;
background-color: rgba(87,169,0,0.6);
}
.img-list .item p{
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
padding: 5px 4px;
width: 100%;
height: 30px;
line-height: 30px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color:#369;
text-align: center;
}
.img-list .layui-icon-tree{
display: none;
}
.text-list{
padding-bottom: 0!important;
}
.text-list .item{
width: 97%!important;
margin-left: 1.5%;
display: block;
}
.text-list .item .imgwrap{
display: none;
}
.text-list .item p{
font-size: 1rem;
padding: 15px 0;
width: 100%;
color:#FFFF00;
border-bottom: 1px solid #efefef;
}
.noresource{
padding: 20px 0;
font-size: 1.2rem;
width: 100%;
text-align: center;
color: red;
font-weight: bold;
margin-top: 0;
margin-bottom: 35px;
} 
.page_wrap{
width: 100%;
text-align: center;
margin: 20px 0 15px 0;
padding-bottom: 2px;
}
.page_wrap li{
display: inline-block;
}
.page_wrap li a{
padding: 5px 10px 4px 10px!important;
display: inline-block;
color: #ccc;
font-size: 16px;
line-height: 16px;
border-radius: 2px;
}
.page_wrap li a i.layui-icon{
color: #ddd;
font-size: 16px;
line-height: 16px;
margin:0;
padding:0;
}
.page_wrap li a.activepage{
background-color: red; 
color:#fff; 
cursor:not-allowed;
margin-right: 5px;
padding: 5px 15px 4px 15px!important;
}
.page_wrap li a.pageitem{
background: #02A7E3;
margin-right: 5px;
color: #fff;
padding: 5px 15px 4px 15px!important;
}
.page_wrap .jump-btn{
background-color: #02A7E3;
color:#eee;
cursor: pointer;
}
.page_wrap .jump-btn:hover,.page_wrap li a.pageitem:hover{
background-color: red;
color:#efefef;
}
.bluebg{
background-color: #1e9fff;
}
.greybg{
background-color: #999!important;
}