.ziliao-content{background-color:#f0f2f4; padding:3rem 0 2rem;}
.ziliao-content p.abstract{margin-bottom:0; font-size:14px; opacity:0.7;}
.filters{margin-top:25px; width:100%;}
.filters form{width:100%; display:flex; justify-content:space-between; align-items:flex-start;}
.filters .item{width:25%; padding-right:1%;}
.filters .item:last-child{padding-right:0; display:flex; justify-content:space-between; align-items:flex-start;}
.filters .form-group-select{padding-left:0; padding-right:0; background-color:#fff; border:solid 1px #bec6d1;}
.filters .form-group-select:after{color:#bec6d1; right:.8rem;}
.filters .form-group-select select{width:100%; background-color:#fff; color:#333;}
.filters input[type="text"]{padding:8px; width:calc(100% - 50px); height: calc(2.9rem + 2px); border:solid 1px #bec6d1; background-color:#fff; font-size:1rem; }
.filters button[type="submit"]{padding:0; margin:0; width:50px; height: calc(2.9rem + 2px); border:none; background-color:#00a0dc; color:#fff; display:flex; justify-content:center; align-items:center; cursor:pointer;}
.filters .icon:before{content:"\ea0a"; font-size:24px; text-indent:0;}
.ziliao-content .clear{clear:both;}
[v-cloak]{display:none !important;}

.ziliao-content.list{background-color:#fff; min-height:70vh;}
.ziliao-content ul.list{float:left; width:100%; padding:0; margin:0; list-style-type:none;}
.ziliao-content ul.list li{float:left; margin-top:0; width:100%; padding:10px 0; border-bottom:solid 1px #eee; font-size:14px;}
.ziliao-content ul.list li:hover{background-color:#f5f5f5;}
.ziliao-content ul.list li.th{font-weight:bold; color:#000; font-size:16px; border-bottom-color:#ededed;}
.ziliao-content ul.list li .item{float:left; padding:0 10px; display:inline-block; line-height:20px; word-break:break-all;}
.ziliao-content ul.list li .item.title{width:30%}
.ziliao-content ul.list li .item.series{width:30%}
.ziliao-content ul.list li .item.lan{width:15%;}
.ziliao-content ul.list li .item.date{width:15%;}
.ziliao-content ul.list li .item.last{width:8%;}
.ziliao-content ul.list li .empty{color:#bec6d1;}
.ziliao-content ul.list li a.download{ min-width:70px; padding:0 15px; line-height:32px; color:#fff; background-color:#00a0dc; display:inline-block; text-align:center;}
.ziliao-content ul.list li a.download:hover{opacity:0.8; text-decoration:none;}

@media screen and (max-width:1030px)
{
.ziliao-content ul.list li.th{display:none;}
.ziliao-content ul.list li .item{height:auto;}
.ziliao-content ul.list li .item.title{width:100%;}
.ziliao-content ul.list li .item.series{display:none;}
.ziliao-content ul.list li .item.date,.ziliao-content ul.list li .item.lan{width:auto; margin-top:10px;}
.ziliao-content ul.list li .item.last{float:right; width:auto;}
.ziliao-content ul.list li{padding-bottom:20px;}
.ziliao-content ul.list li a.download{line-height:30px; font-size:12px;}
}
@media screen and (max-width:768px)
{
.ziliao-content .form-control,.filters input[type="text"]{font-size:14px;}
.ziliao-content .container{width:86%; max-width:unset;}
}
@media screen and (max-width:680px)
{
.ziliao-content .container{width:80%;}
.filters form{flex-direction:column;}
.filters .item{width:100%; padding-right:0;}
}