.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: 3vh;}
.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;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em{
    background-color: #015f64;
}

.appendix {
    margin-bottom: 3vh;
}

.natural {
    display: flex;
    justify-content: space-around;
}

.layui-upload-list {
    width: 92px;
    overflow: hidden;
}

.layui-upload-div {
    width: 92px;
    height: 92px;
    position: relative;
}

.layui-upload-div::before {
    position: absolute;
    content: '';
    width: 62px;
    height: 1px;
    background-color: #cccccc;
    left: 15px;
    top: 46px;
    z-index: -1;
}

.layui-upload-div::after {
    position: absolute;
    content: '';
    width: 1px;
    height: 62px;
    background-color: #cccccc;
    left: 46px;
    top: 15px;
    z-index: -1;
}

.layui-upload-img {
    width: 92px;
    height: 92px;
}

.layui-upload-text {
    width: 92px;
    overflow: hidden;
    text-align: center;
    line-height: 2;
    cursor: pointer;
}

.layui-upload-progress {
    width: 95px;
}

.layui-upload-tit {
    text-align: center;
    line-height: 2;
}

.modal-footer {
    text-align: right;
}