body{background-color:#f9fafe}#main{margin-top:100px;margin-bottom:100px;display:table}#main #bar,#main #detail,#main #list{display:table-cell;vertical-align:top}#main #list{background-color:#fff;min-height:500px}#main #list #menu{border-bottom:1px solid #8b30d9;padding:35px;padding-bottom:0}#main #list #menu ul li{display:inline-block;margin-right:60px;vertical-align:bottom}#main #list #menu ul li a{font-size:20px;color:#333;padding-bottom:35px;display:block}#main #list #menu ul li a:after{content:'';height:5px;width:100%;border-radius:2.5px;display:block;background-color:rgba(139,48,217,0);position:absolute;left:0;bottom:-2px}#main #list #menu ul li.active a{font-size:32px;position:relative}#main #list #menu ul li.active a:after{background-color:#8b30d9}#main #list div.list{padding:35px;padding-bottom:40px}#main #list div.list ul.list{margin-bottom:30px}#main #list div.list ul.list li{display:table;padding:30px 0;border-bottom:1px dashed #8b30d9}#main #list div.list ul.list li .box,#main #list div.list ul.list li a.thumb{display:table-cell;vertical-align:top}#main #list div.list ul.list li a.thumb{width:32%}#main #list div.list ul.list li a.thumb img{width:100%;height:auto;display:block}#main #list div.list ul.list li .box{width:68%;padding-left:30px}#main #list div.list ul.list li .box .title{font-size:24px;color:#333;line-height:1.5}#main #list div.list ul.list li .box .info{font-size:14px;color:#888;line-height:2}#main #list div.list ul.list li .box .btn{margin-top:20px;width:120px}#main #list div.list .myPage ul{text-align:center}#main #list div.list .myPage ul li{color:#333;display:inline-block;margin:2px}#main #list div.list .myPage ul li a{width:30px;height:30px;line-height:28px;display:inline-block;border:1px solid #d5d5d5;font-size:14px;border-radius:2px}#main #list div.list .myPage ul li.active span{width:30px;height:30px;line-height:28px;color:#6f94e9;display:block;border:1px solid #6f94e9}#main #bar{padding-left:40px;width:420px}#main #bar .box{background-color:#fff;padding:30px}#main #bar .box+.box{margin-top:30px}#main #bar .box.no-padding{padding:0}#main #bar .box img{max-width:100%;height:auto;display:inline-block}#main #bar .search form{position:relative}#main #bar .search form input{height:48px;background-color:#f1f1f1;border-radius:5px;width:100%;text-indent:1em}#main #bar .search form button{width:48px;height:48px;display:inline-block;border:none;background-color:transparent;position:absolute;top:0;right:0;cursor:pointer}#main #bar .search form button i{color:#666}#main #bar .search form button:hover i{color:#333}#main #bar .search .tagTitle{font-size:16px;color:#333;margin-top:40px}#main #bar .search ul.tagList{margin-top:20px;overflow:hidden}#main #bar .search ul.tagList li{width:30%;height:30px;float:left;margin-bottom:10px;margin-right:5%}#main #bar .search ul.tagList li:nth-child(3n){margin-right:0}#main #bar .search ul.tagList li a{border:1px solid #ddd;color:#888;display:block;text-align:center;line-height:28px;border-radius:2px}#main #detail{background-color:#fff;min-height:500px;padding:35px}#main #detail .head{padding-bottom:20px;line-height:1.5;color:#333;border-bottom:1px dashed #8b30d9}#main #detail .head h3{font-size:24px;margin-bottom:10px}#main #detail .head p{font-size:14px}#main #detail .detail{padding:30px 0}#main #detail .detail img{max-width:100%;height:auto;display:inline-block;margin:1em auto}#main #detail .prevNext{border-top:1px solid #eee;padding-top:20px;color:#666;line-height:2}@media screen and (min-width:1200px) and (max-width:1559.98px){#main{overflow:hidden;margin-top:70px;margin-bottom:70px}#main #list{background-color:#fff;min-height:500px}#main #list #menu{border-bottom:1px solid #8b30d9;padding:25px;padding-bottom:0}#main #list #menu ul li{display:inline-block;margin-right:40px;vertical-align:bottom}#main #list #menu ul li a{font-size:18px;color:#333;padding-bottom:20px;display:block}#main #list #menu ul li a:after{content:'';height:5px;width:100%;border-radius:2.5px;display:block;background-color:rgba(139,48,217,0);position:absolute;left:0;bottom:-2px}#main #list #menu ul li.active a{font-size:24px;position:relative}#main #list #menu ul li.active a:after{background-color:#8b30d9}#main #list div.list{padding:25px;padding-bottom:30px}#main #list div.list ul.list{margin-bottom:30px}#main #list div.list ul.list li{display:table;padding:25px 0;border-bottom:1px dashed #8b30d9}#main #list div.list ul.list li .box,#main #list div.list ul.list li a.thumb{display:table-cell;vertical-align:top}#main #list div.list ul.list li a.thumb{width:32%}#main #list div.list ul.list li a.thumb img{width:100%;height:auto;display:block}#main #list div.list ul.list li .box{width:68%;padding-left:30px}#main #list div.list ul.list li .box .title{font-size:20px;color:#333;line-height:1.5}#main #list div.list ul.list li .box .info{font-size:14px;color:#888;line-height:2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}#main #list div.list ul.list li .box .btn{margin-top:20px;width:120px}#main #list div.list .myPage ul{text-align:center}#main #list div.list .myPage ul li{color:#333;display:inline-block}#main #list div.list .myPage ul li a{width:30px;height:30px;line-height:28px;display:inline-block;border:1px solid #d5d5d5;font-size:14px;border-radius:2px}#main #list div.list .myPage ul li.active span{width:30px;height:30px;line-height:28px;color:#6f94e9;display:block;border:1px solid #6f94e9}#main #bar{padding-left:30px;width:300px}#main #bar .box{background-color:#fff;padding:20px}#main #bar .box+.box{margin-top:20px}#main #bar .box.no-padding{padding:0}#main #bar .box img{max-width:100%;height:auto;display:inline-block}#main #bar .search form{position:relative}#main #bar .search form input{height:48px;background-color:#f1f1f1;border-radius:5px;width:100%;text-indent:1em}#main #bar .search form button{width:48px;height:48px;display:inline-block;border:none;background-color:transparent;position:absolute;top:0;right:0;cursor:pointer}#main #bar .search form button i{color:#666}#main #bar .search form button:hover i{color:#333}#main #bar .search .tagTitle{font-size:16px;color:#333;margin-top:30px}#main #bar .search ul.tagList{margin-top:20px;overflow:hidden}#main #bar .search ul.tagList li{width:48%;height:30px;float:left;margin-bottom:10px}#main #bar .search ul.tagList li:nth-child(2n-1){margin-right:4%}#main #bar .search ul.tagList li:nth-child(2n){margin-right:0}#main #bar .search ul.tagList li a{border:1px solid #ddd;color:#888;display:block;text-align:center;line-height:28px;border-radius:2px}}@media screen and (min-width:992px) and (max-width:1199.98px){#main{margin-top:30px;margin-bottom:50px;position:relative;padding-top:250px}#main #list{background-color:#fff;min-height:500px}#main #list #menu ul li a{font-size:16px}#main #list #menu ul li.active a{font-size:20px}#main #list ul.list li .box h3.title{font-size:18px}#main #bar{margin-left:0;width:100%;height:200px;position:absolute;top:0;left:0;padding:20px;background-color:none}#main #bar .box{background-color:#fff;padding:20px}#main #bar .box+.box{margin-top:20px}#main #bar .box.no-padding{padding:0}#main #bar .box.size1200{display:none}#main #bar .search form{position:relative}#main #bar .search form input{height:48px;background-color:#f1f1f1;border-radius:5px;width:100%;text-indent:1em}#main #bar .search form button{width:48px;height:48px;display:inline-block;border:none;background-color:transparent;position:absolute;top:0;right:0;cursor:pointer}#main #bar .search form button i{color:#666}#main #bar .search form button:hover i{color:#333}#main #bar .search .tagTitle{font-size:16px;color:#333;margin-top:30px}#main #bar .search ul.tagList{margin-top:20px;overflow:hidden}#main #bar .search ul.tagList li{width:auto;height:30px;float:none;margin-bottom:10px;display:inline-block;margin-right:15px}#main #bar .search ul.tagList li:nth-child(3n){margin-right:15px}#main #bar .search ul.tagList li:nth-child(2n){margin-right:15px}#main #bar .search ul.tagList li a{border:1px solid #ddd;color:#888;text-align:center;line-height:28px;border-radius:2px;display:block;padding:0 10px}#main #detail{background-color:#fff;min-height:500px;padding:20px}#main #detail .head{padding-bottom:20px;line-height:1.5;color:#333;border-bottom:1px dashed #8b30d9}#main #detail .head h3{font-size:20px;margin-bottom:10px}#main #detail .head p{font-size:14px}#main #detail .detail{padding:20px 0}#main #detail .detail img{max-width:100%;height:auto;display:inline-block}}@media screen and (min-width:768px) and (max-width:991.98px){#main{overflow:hidden;margin-top:30px;margin-bottom:30px;position:relative;padding-top:190px;padding-left:0;padding-right:0}#main #list{background-color:#fff;min-height:500px}#main #list #menu{border-bottom:1px solid #8b30d9;padding:25px;padding-bottom:0}#main #list #menu ul li{display:inline-block;margin-right:20px;vertical-align:bottom}#main #list #menu ul li a{font-size:16px;color:#333;padding-bottom:20px;display:block}#main #list #menu ul li a:after{content:'';height:5px;width:100%;border-radius:2.5px;display:block;background-color:rgba(139,48,217,0);position:absolute;left:0;bottom:-2px}#main #list #menu ul li.active a{font-size:20px;position:relative}#main #list #menu ul li.active a:after{background-color:#8b30d9}#main #list div.list{padding:20px;padding-bottom:20px}#main #list div.list ul.list{margin-bottom:20px}#main #list div.list ul.list li{display:table;padding:20px 0;border-bottom:1px dashed #8b30d9}#main #list div.list ul.list li .box,#main #list div.list ul.list li a.thumb{display:table-cell;vertical-align:top}#main #list div.list ul.list li a.thumb{width:32%}#main #list div.list ul.list li a.thumb img{width:100%;height:auto;display:block}#main #list div.list ul.list li .box{width:68%;padding-left:20px}#main #list div.list ul.list li .box .title{font-size:16px;color:#333;line-height:1.5}#main #list div.list ul.list li .box .info{font-size:14px;color:#888;line-height:2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}#main #list div.list ul.list li .box .btn{margin-top:20px;width:120px}#main #list div.list .myPage ul{text-align:center}#main #list div.list .myPage ul li{color:#333;display:inline-block}#main #list div.list .myPage ul li a{width:30px;height:30px;line-height:28px;display:inline-block;border:1px solid #d5d5d5;font-size:14px;border-radius:2px}#main #list div.list .myPage ul li.active span{width:30px;height:30px;line-height:28px;color:#6f94e9;display:block;border:1px solid #6f94e9}#main #bar{margin-left:0;width:100%;height:200px;position:absolute;top:0;left:0;padding-left:0}#main #bar .box{background-color:#fff;padding:20px}#main #bar .box+.box{margin-top:20px}#main #bar .box.no-padding{padding:0}#main #bar .box.size1200{display:none}#main #bar .search form{position:relative}#main #bar .search form input{height:35px;background-color:#f1f1f1;border-radius:5px;width:100%;text-indent:1em}#main #bar .search form button{width:35px;height:35px;display:inline-block;border:none;background-color:transparent;position:absolute;top:0;right:0;cursor:pointer}#main #bar .search form button i{color:#666}#main #bar .search form button:hover i{color:#333}#main #bar .search .tagTitle{font-size:16px;color:#333;margin-top:20px}#main #bar .search ul.tagList{margin-top:10px;overflow:hidden}#main #bar .search ul.tagList li{width:auto;height:30px;float:none;margin-bottom:10px;display:inline-block;margin-right:10px}#main #bar .search ul.tagList li:nth-child(3n){margin-right:10px}#main #bar .search ul.tagList li:nth-child(2n){margin-right:10px}#main #bar .search ul.tagList li a{border:1px solid #ddd;color:#888;text-align:center;line-height:28px;border-radius:2px;display:block;padding:0 10px}#main #detail{background-color:#fff;min-height:500px;padding:20px}#main #detail .head{padding-bottom:20px;line-height:1.5;color:#333;border-bottom:1px dashed #8b30d9}#main #detail .head h3{font-size:20px;margin-bottom:10px}#main #detail .head p{font-size:14px}#main #detail .detail{padding:20px 0}#main #detail .detail img{max-width:100%;height:auto;display:inline-block}}@media screen and (max-width:767.98px){#main{overflow:hidden;margin-top:30px;margin-bottom:30px;position:static;padding-left:0;padding-right:0}#main #list{background-color:#fff;min-height:500px}#main #list #menu{border-bottom:1px solid #8b30d9;padding:25px;padding-bottom:0}#main #list #menu ul li{display:inline-block;margin-right:15px;vertical-align:bottom}#main #list #menu ul li a{font-size:16px;color:#333;padding-bottom:20px;display:block;width:2em;overflow:hidden;word-break:keep-all}#main #list #menu ul li a:after{content:'';height:5px;width:100%;border-radius:2.5px;display:block;background-color:rgba(139,48,217,0);position:absolute;left:0;bottom:-2px}#main #list #menu ul li.active a{font-size:20px;position:relative}#main #list #menu ul li.active a:after{background-color:#8b30d9}#main #list div.list{padding:20px;padding-bottom:20px}#main #list div.list ul.list{margin-bottom:20px}#main #list div.list ul.list li{display:table;padding:20px 0;border-bottom:1px dashed #8b30d9}#main #list div.list ul.list li .box,#main #list div.list ul.list li a.thumb{display:table-cell;vertical-align:top}#main #list div.list ul.list li a.thumb{width:32%}#main #list div.list ul.list li a.thumb img{width:100%;height:auto;display:block}#main #list div.list ul.list li .box{width:68%;padding-left:20px}#main #list div.list ul.list li .box .title{font-size:16px;color:#333;line-height:1.5}#main #list div.list ul.list li .box .info{font-size:14px;color:#888;line-height:2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}#main #list div.list ul.list li .box .btn{margin-top:20px;width:120px}#main #list div.list .myPage ul{text-align:center}#main #list div.list .myPage ul li{color:#333;display:inline-block}#main #list div.list .myPage ul li a{width:30px;height:30px;line-height:28px;display:inline-block;border:1px solid #d5d5d5;font-size:14px;border-radius:2px}#main #list div.list .myPage ul li.active span{width:30px;height:30px;line-height:28px;color:#6f94e9;display:block;border:1px solid #6f94e9}#main #bar{display:none}#main #detail{background-color:#fff;min-height:500px;padding:20px}#main #detail .head{padding-bottom:20px;line-height:1.5;color:#333;border-bottom:1px dashed #8b30d9}#main #detail .head h3{font-size:20px;margin-bottom:10px}#main #detail .head p{font-size:14px}#main #detail .detail{padding:20px 0}#main #detail .detail img{max-width:100%;height:auto;display:inline-block}}

/* ----- PB分页数字条效果 结束 ----- */
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 6px 10px;
  margin: 0 5px;
  border-radius: 3px;
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 8px 2px;
    margin: 0 5px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #118DEF;
  border: 1px solid #118DEF;
}
.pagination a.page-num-current {
  color: #fff;
  background: #118DEF;
  border: 1px solid #118DEF;
}
/* ----- PB分页数字条效果 结束 ----- */