body{font-family: "Microsoft YaHei","Arial","微软雅黑";} div.zxf_pagediv{ text-align: center; color: #999999; padding: 20px 20px 40px 0; } div.zxf_pagediv a{ text-decoration: none; } .page_num {width:87%;margin:0 auto;} div.zxf_pagediv span,div.zxf_pagediv a{ display: inline-block; box-sizing: border-box; } /*新样式*/ #pagination-input{ width:40px; height:24px; line-height:18px; margin:0 5px; padding:0; overflow:hidden; border:1px solid #ccc;} #page_div .pagination-index,#page_div .pagination-num{color: #666666;border: 1px #b2b2b2 solid;padding:5px 12px;margin-right:6px;text-align:center;font-size:14px;} #page_div .pagination-index a, #page_div .pagination-num a{padding:0px; margin:0px;text-align:center; color:#666666; display:block; font-size:14px; } #page_div pagination-num:hover, #page_div{padding:0px; margin:0px;text-align:center; font-size:14px;} #page_div .pagination_index_last{width:260px; float:right; text-align:right; margin:0 auto;} #page_div a.hover{background-color: #257295;color:#fff;font-size:14px;} #page_div a.hover a:hover{ color:#fff;} /*-------分页---------*/ .page_num{padding-top:20px; padding-bottom:15px;height:auto;overflow:hidden;width:96%;margin:auto;font-size:14px; clear: both;} #page_div{/* height:30px; */color:#000;margin:0 auto;line-height: 30px;} #page_div .pagination_index{ color: #104c6e; border: 1px #b2b2b2 solid; padding:3px 8px; margin-right:2px; float: left;text-align:center; font-size:12px;} #page_div .pagination_index a{padding:0px; margin:0px;text-align:center; color:#666666; display:block; font-size:12px;display: inline-block; } #page_div .pagination_index a:hover{color:#cc0001; font-size:12px;} #page_div div.page_loca{ background-color:#104c6e;} #page_div div.page_loca a{ color:#fff; font-size:12px;} #page_div div.page_loca a:hover{ color:#fff;} #page_div .pagination_index_last{border: none; width: auto; float: left; text-align: left;} #page_div .pagination_index_last .page_a_tz{ border: 1px #b2b2b2 solid; padding:3px 8px;} #pagination_input{ width:20px; height:16px; line-height:16px; margin:0 8px; padding:0; overflow:hidden; border:1px solid #ccc;} #page_div>span{font-size:12px;} .prebtn{margin-right:6px;} .current{ border-radius: 3px; color: #666666; border: 1px #b2b2b2 solid; padding: 3px 10px; margin: 0 3px; text-align: center; font-size: 14px; background-color: #257295; color: #fff; font-size: 12px; } .zxfPagenum{ border-radius: 3px; color: #666666; border: 1px #b2b2b2 solid; padding: 3px 10px; margin: 0 3px; text-align: center; font-size: 12px; } .nextpage{ margin: 0 3px; } .nextbtn,.prebtn,span.disabled{ color: #666; background: #fff; width: 88px; height: 42px; line-height: 42px; border-radius: 3px; border: 1px #b2b2b2 solid; padding: 3px 10px; font-size:12px; } .zxfinput{ width: 40px; height: 20px; line-height: 18px; margin: 0 5px; padding: 0; overflow: hidden; border: 1px solid #ccc; text-align: center; } .zxfokbtn{ color: #666666; border: 1px #b2b2b2 solid; padding: 2px 10px; margin-right: 6px; text-align: center; font-size: 12px; cursor:pointer; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type="number"]{ -moz-appearance: textfield; } @media (max-width: 420px){ .nextbtn, .prebtn, span.disabled,.zxfokbtn{ display: inline-block; width: auto; height: auto; line-height:22px; padding: 3px 10px; margin-top: 5px; } }