.clearfix { clear: both; } .clearfix:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; } .fl { float: left; } .fr { float: right; } .pager { text-align: center; margin-bottom: 100px; margin-top: 100px; display: inline-block; } .pager a { cursor: pointer; } .pager a, .pager span { /* 按钮内数字 */ /* width: 45px; height: 40px; */ border: 1px solid #EBEBEB; margin-left: -1px; color: #8a8a8a; display: inline-block; /* line-height: 40px; */ float: left; font-size: .18rem; text-decoration: none; margin: 0 2px; border-radius: 6px; } .pager a:hover, .pager span:hover { border-color: #2361ae; color: #2361ae; position: relative; z-index: 1; } .pager span.current { background-color: #2361ae; color: #fff; border-color: #EBEBEB; position: relative; z-index: 1; display: inline-block; padding: 0.15rem 0.24rem; } .pager a, .pager .pg-first, .pager .pg-prev, .pager .pg-next, .pager .pg-last { display: block; border: 1px solid #eee; color: #959595; font-size: 0.18rem; background: #fff; padding: 0.15rem 0.24rem; } .pager .pg-first:hover, .pager .pg-prev:hover, .pager .pg-next:hover, .pager .pg-last:hover { } .pager .pg-prev, .pager .pg-prev:hover { background-position: 7px -21px; } .pager .pg-next, .pager .pg-next:hover { background-position: -21px -21px; } .pager .pg-last, .pager .pg-last:hover { background-position: -21px 7px; } .pager .pg-prev[disabled='true'], .pager .pg-prev[disabled='true']:hover { cursor: default; } .pager .pg-next[disabled='true'], .pager .pg-next[disabled='true']:hover { cursor: default; } .pager .pg-prev[disabled='true'], .pager .pg-next[disabled='true'] { border-color: #eeeeee; } .pager span.els { padding: 0.15rem 0.24rem; border-color: transparent; } .pagerHtmlWrap { width: 800px; margin: 30px auto; } .pagerHtmlWrap .cc_cells { width: 100%; height: 35px; padding: 5px 0; border-bottom: 1px #cccccc solid; } .pagerHtmlWrap .cc_cells a { color: #454545; font-size: 14px; line-height: 35px; text-decoration: none; } .pagerHtmlWrap .cc_cells a span { display: inline-block; width: 25%; text-align: left; margin: 0; } .product-page-box { text-align:right; } @media (max-width:768.9px) { .pager a, .pager .pg-first, .pager .pg-prev, .pager .pg-next, .pager .pg-last { font-size: 12px; padding: 0.15rem 0.3rem; } .pager span.current { padding: 0.15rem 0.3rem; font-size: 12px; } .product-page-box { text-align:center; } .pager { text-align: center; margin-bottom: 30px; margin-top: 50px; display: inline-block; } .pg-first { display:none !important; } .pg-last { display:none !important; } }