.general-nav {
    width: 96vw;
    position: relative;
    line-height: 3;
    border-bottom: 1px solid #ddd;
    margin: 0vh 0 1vh 2vw;
}
.general-nav::after {
    position: absolute;
    content: "";
    z-index: 1;
    left: 0;
    bottom: -1px;
    width: 35px;
    height: 2px;
    background-color: #332c2b;
}

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

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

.listdesc ul li> a {     
    display: inline-block;
    width: 96%;
    padding: 2%;
    position: relative;
    border: 1px solid #ececec;
}

.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;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40vw;
    padding: 0 3vw;
    line-height: 2;
    background: rgba(0, 0, 0, 0.5);
    color: #ffffff;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.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;
    min-height: 54vh;
}

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

.pagination {
    text-align: right;
}

.noData{ 
    padding:30px; 
    text-align:center; 
    font-size:14px;
    font-family: Microsoft YaHei; 
    font-weight:bold; 
    color:#C00;
}

#video { margin: 2vh auto auto auto; }