.listdesc{
    display:flex; 
    display:-webkit-flex; 
    position:relative; 
    flex-direction:column;
    overflow:hidden;
    padding: 0vh 2vw;
}

.listdesc ul li{ 
    width: 100%;
    padding-top: 1em;
}

.listdesc ul li> a {     
    display: inline-block;
    width: 96%;
    padding: 2%;
    position: relative;
    border: 1px solid #ddd;
    border-radius: 0.25em;
    background-color: #fbfbfb;
}

.listdesc ul li > a > .tit{ 
    width:100%; 
    font-weight:bold; 
    padding:0.5em 0; 
    color:#666;
    overflow:hidden; 
    white-space:nowrap;
    text-overflow:ellipsis;
}

.listdesc ul li> a >.desc{
    display:flex; 
    display:-webkit-flex;
    align-items:center;
    align-content : flex-start;
    width:100%;
    font-size: 0.8em;
    color: #999;
    text-align: justify;
    line-height:190%;
}

.listdesc ul li > a > .desc > .tp { 
    width:25%; 
    height:auto; 
    margin-right:1%;
}

.listPic {
    padding: 0vh 2vw;
}

.listPic > ul {
    display:flex; 
    justify-content: space-between;
    flex-wrap: wrap;
}

.listPic > ul > li {
    width: 46vw;
    overflow: hidden;
    position: relative;
    margin-top: 2vh;
}

.listPic > ul > li > a > img {
    width: 46vw;
    height:auto
}

.listPic > ul > li > a > span {
    display: block;
    width: 46vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: rgba(0, 0, 0, 0.5);
    color: #ffffff;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
}

.operateBar{ 
    padding:10px; 
    text-align: center;
}
.operateBar .page{ 
    float:right; 
    line-height:24px;
}
.operateBar .page img{ 
    cursor:pointer; 
    vertical-align: middle; 
}

#pagenumber {
    vertical-align:middle; 
    padding-left: 5px; 
    margin-left: 5px;
}

#mainArea{ 
    width:100%; 
    overflow:hidden;
}

.content {
    padding: 2vh 2vw;
}

.content{ position:relative; overflow:hidden; }
.content .title{ padding-top:2vh; text-align:center; font-weight:bold; }
.content .attr{ padding-top:2vh; color:#999; text-align:center; font-size:0.8em;}
.content .artContent{ position:relative; margin-top: 2vh;}
.content .artContent, .content .artContent div, .content .artContent p{ line-height:2.2; color:#666;}
.artContent img{ max-width:100%; height:auto; margin:10px 0; }

.layui-laypage .layui-laypage-curr .layui-laypage-em, .layui-progress-bar{
    background-color: #eeeeee;
}

.layui-laypage .layui-laypage-count, .layui-laypage .layui-laypage-skip {
    background-color: unset;
}

.pagination {
    text-align: right;
}

.samll {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 2vh 2vw;
}

.samll > a {
    display: block;
    width: 22vw;
    line-height: 2;
    border: 1px solid #cccccc;
    border-radius: 6px;
    text-align: center;
}

.video {
    margin: auto auto;
}