/* +----------------------------------------------------------------------
// | CcCms [ 欢迎使用CcCms内容管理系统 ]
// +----------------------------------------------------------------------
// | Copyright (c) 2016-2099 https://scpic.cn All rights reserved.
// +----------------------------------------------------------------------
// | Author: cienight <cienight@qq.com>
// +----------------------------------------------------------------------
// | Explain: CcCms 前台PC端 列表页css
// +----------------------------------------------------------------------*/
@import url("../../../css/pc.css");
@import url("layout.css");
.banner{height:200px; background:url(../images/top.jpg) no-repeat; background-size:cover;}
/*栏目列别*/
.catname{padding-top:16px;}
.catname a{float:left; width:136px; height:32px; line-height:32px; color:var(--color-f); text-align:center; background-color:var(--color-info); margin:0 0 16px 16px; font-size:var(--font-size-con);}
.catname .on{background-color:var(--color-hong);}
.catname a:hover,.pages li:hover{transform:translate(-3px,-3px); box-shadow: 3px 3px 3px var(--color-c);}
.catname .aqi:nth-last-child(1):nth-child(odd of .aqi){width:288px;}
/*分页*/
.page{text-align:center; border-top:1px solid var(--color-c)}
.pagination { display: inline-block; padding-left: 0; margin: 16px 0; border-radius: 4px;}
.pagination li { display: inline; }
.pagination li a, .pagination li span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #1e9fff; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }
.pagination li:first-child a, .pagination li:first-child span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.pagination .active a, .pagination .active a:focus, .pagination .active a:hover, .pagination .active span, .pagination .active span:focus, .pagination .active span:hover { z-index: 3; color: #fff; cursor: default; background-color: #1e9fff; border-color: #1e9fff; }
.pagination .disabled a, .pagination .disabled a:focus, .pagination .disabled a:hover, .pagination .disabled span, .pagination .disabled span:focus, .pagination .disabled span:hover { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; }