body{
width: 100%;
}
.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: 97%;
padding: 0 1.5%;
background-color: rgba(204,204,153, 0.7);
}

.img-list .item{
margin-top: 10px;
float: left;
display: inline-block;
width: 48%;
overflow-x: hidden;
padding: 0 1%;
}
.img-list .item .imgwrap{
width: 100%;
height: 250px;
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{
padding: 5px 0;
width: 100%;
height: 30px;
line-height: 30px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color:#369;
}

.text-list .item{
width: 100%;
}
.text-list .item .imgwrap{
display: none;
}
.text-list .item p{
font-size: 1rem;
padding: 15px 0;
width: 100%;
color:#369;
border-bottom: 1px solid #efefef;
}
.novel-wrap{
width: 97%;
padding: 0 1.5%;
word-break:break-all!important;
font-szie: 1.3rem!important;
margin: 0;
font-weight: 400;
line-height: 180%;
text-align：left;
background-color:rgb(204,232,207);
color: #333!important;
font-family: SimHei STXihei;
letter-spacing: 2px!important; 
}
.novel-wrap p, .novel-wrap span, .novel-wrap b, .novel-wrap font{
width: 100%!important;
word-break:break-all!important;
font-szie: 1rem!important;
}
.images-wrap{
width: 98%;
padding: 5px 1%;
}
.images-wrap img{
width: 100%!important;
margin-bottom: 10px;
}
.title{
display: block;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
width: 100%;
text-align: center;
padding: 15px 5px;
font-size: large;
color: #ccc;
background-color: #666;
}

.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-badge{
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%;
border-bottom: 1px solid #efefef;
color:#FFFF00;
}
.outer-div{
height: 130px!important;
}
#video{
width: 100%;;
}