﻿/* ============================= 全局通用 ============================= */

/* 清除内外边距和列表样式 */
*{margin:0;padding:0;list-style:none}

/* 定义默认字体大小行高和字体名称 */
body,button,input,select,textarea{font:14px/1 Arial,"PingFangSC-Regular","Microsoft YaHei","黑体","宋体",KaiTi,sans-serif}

/* 表单元素轮廓 */
input{outline:none}
textarea{outline:none;resize:none;overflow-y:auto}

/* 按钮 */
button,input[type="button"],input[type="submit"],input[type="reset"]{cursor:pointer}

/* 标题粗细 */
h1,h2,h3,h4,h5,h6{font-weight:400}

/* 斜体扶正 */
em,i{font-style:normal}

/* 小型文本不小于12px */
small{font-size:12px}

/* 链接元素 */
a{color:#000;text-decoration:none}
a:hover{text-decoration:none;cursor:pointer}

/* 图片元素清除默认边框 */
img{border:none;}

/* 表格元素 */
table{border-collapse:collapse;border-spacing:0}

/* 根元素字体大小 */
html{font-size:100px}

/* 文档主体样式 */
body{background-color:#fff;overflow-x:hidden}
body::-webkit-scrollbar{width:4px;height:1px}   /* 滚动条 */
body::-webkit-scrollbar-thumb{background:#0104a9}   /* 滚动条滑块 */

/* 隐藏 */
.none{display:none}

/* 清除浮动 */
.clear::after{content:"";display:block;clear:both}

/* 分页 */
.paging{padding:10px 0 20px;text-align:center;font-size:14px}

.paging a{cursor:pointer}
.paging a,
.paging i,
.paging span{display:inline-block;padding:0 10px;margin-right:6px;border:1px solid #e8e8e8;height:28px;line-height:28px;font-style:normal}

.paging a:hover,
.paging span,
.paging button:hover{background:#0104a9;border:1px solid #0104a9;color:#fff}

.paging i{cursor:not-allowed}
.paging em{font-style:normal}
.paging div{display:inline-block}
.paging input[name=page]{border:1px solid #e8e8e8;width:40px;height:28px;line-height:28px;text-align:center;margin:0 6px}
.paging button{margin-left:6px;border:1px solid #e8e8e8;height:28px;padding:0 10px;background:none;cursor:pointer}
.paging .m{display:none}

/* 自适应移动端分页 */
@media screen and (max-width: 768px) {
    .paging .p{display:none}

    .paging .m{display:inline-block;position:relative;margin-right:6px;padding:0 10px;height:28px;line-height:28px;border:1px solid #e8e8e8}
    .paging .m select{width:100%;height:30px;position:absolute;top:0;left:0;opacity:0}
}

@media screen and (max-width: 300px) {
    .paging .prenext{display:none}
}