._page_container { font-family: Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif; font-size: 13px; // height: 28px; line-height: 28px; text-align: center; user-select: none; } ._page_container input[type=number] { -moz-appearance: textfield; } ._page_container input[type=number]::-webkit-inner-spin-button, ._page_container input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } ._page_container li { list-style: none; vertical-align: top; } ._page_container ._pages, ._page_container ._prev, ._page_container ._next, ._page_container ._home, ._page_container ._last, ._page_container ._jumper, ._page_container ._count, ._page_container ._jumper_input, ._page_container ._sizes, ._page_container ._sizes_text { display: inline-block; color: #606266; } ._page_container ._pages { padding: 0 !important; } ._page_container ._pages li { display: inline-block; color: #303133; font-weight: bold; min-width: 25px; text-align: center; margin: 0 5px; padding: 0 5px; border-radius: 2px; cursor: pointer; } ._page_container ._pages li:hover { color: #078855; } ._page_container ._pages ._pager_prev { font-family: "iconfont" !important; font-size: 16px; } ._page_container ._pages ._pager_prev::before { content: "\e725"; } ._page_container ._pages ._pager_prev:hover { font-weight: normal; } ._page_container ._pages ._pager_prev:hover::before { content: "\e725"; } ._page_container ._pages ._pager_next { font-family: "iconfont" !important; font-size: 16px; } ._page_container ._pages ._pager_next::before { content: "\e725"; } ._page_container ._pages ._pager_next:hover { font-weight: normal; } ._page_container ._pages ._pager_next:hover::before { content: "\e725"; } ._page_container ._prev, ._page_container ._next, ._page_container ._home, ._page_container ._last { min-width: 30px; font-size: 13px; margin: 0 5px; border-radius: 2px; cursor: pointer; } ._page_container ._prev:hover, ._page_container ._next:hover, ._page_container ._home:hover, ._page_container ._last:hover { color: #078855; } ._page_container ._prev, ._page_container ._next { font-weight: bold; } ._page_container ._home, ._page_container ._last, ._page_container ._prev_text, ._page_container ._next_text { font-weight: normal; padding: 0 5px; } ._page_container ._count { margin: 0 5px; } ._page_container ._jumper { color: #606266; margin: 0 10px; } ._page_container ._jumper ._jumper_input { font-size: 14px; color: #606266; width: 50px; height: 26px; text-align: center; margin: 0 5px; padding: 3px; border: 1px solid #dcdfe6; border-radius: 4px; background: none; outline: none; box-sizing: border-box; } ._page_container ._jumper ._jumper_input:focus { border-color: #078855; } ._page_container ._sizes { position: relative; margin: 0 5px; } ._page_container ._sizes .icon_down { position: absolute; right: 8px; top: 1px; font-size: 13px; color: #c0c4cc; cursor: pointer; transition: .3s; } ._page_container ._sizes ._sizes_text { width: 100px; padding-left: 8px; padding-right: 25px; border-radius: 4px; border: 1px solid #dcdfe6; cursor: pointer; box-sizing: border-box; z-index: 10; } ._page_container ._sizes ._sizes_text:hover { border-color: #078855; } ._page_container ._sizes ._sizes_select_container { position: absolute; left: 0; top: 50px; background-color: #fff; border-radius: 5px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); transform: translateY(-100px) scale(0); transition: .3s; } ._page_container ._sizes ._sizes_select_container::before { position: absolute; top: -6px; left: 40px; display: block; content: ''; clear: both; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #eee; } ._page_container ._sizes ._sizes_select_container::after { position: absolute; top: -5px; left: 41px; display: block; content: ''; clear: both; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; } ._page_container ._sizes ._sizes_select_container ._sizes_select { min-width: 110px; max-height: 274px; padding: 5px 0; overflow: auto; overflow-x: hidden; /*滚动条整体样式*/ /*滚动条里面小方块*/ /*滚动条里面轨道*/ } ._page_container ._sizes ._sizes_select_container ._sizes_select::-webkit-scrollbar { width: 4px; height: 1px; } ._page_container ._sizes ._sizes_select_container ._sizes_select::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #999999; } ._page_container ._sizes ._sizes_select_container ._sizes_select::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 10px; background: #f7f8fa; } ._page_container ._sizes ._sizes_select_container ._sizes_select ._sizes_select_li { height: 34px; line-height: 34px; cursor: pointer; } ._page_container ._sizes ._sizes_select_container ._sizes_select ._sizes_select_li:hover { background-color: #f5f7fa; } ._page_container ._sizes ._sizes_select_container ._sizes_select ._sizes_select_active { font-weight: bold; color: #078855; background-color: #f5f7fa; } ._page_container ._sizes ._sizes_select_container_show { transform: translateY(0) scale(1); } ._page_container ._sizes_active { border-color: #078855; } ._page_container ._sizes_icon_rotate { transform: rotate(180deg); } ._pages_1 li { background-color: #f4f4f5; } ._prev_1, ._next_1, ._home_1, ._last_1 { background-color: #f4f4f5; } ._active_1 { color: #fff !important; background-color: #078855 !important; } ._active_2 { position: relative; color: #078855 !important; } ._active_2::before { content: ''; display: inline-block; box-sizing: border-box; position: absolute; width: 25px; height: 25px; border: solid 1px #078855; border-radius: 5px; left: 0; transform: rotate(45deg); } ._disabled { cursor: not-allowed !important; } ._disabled_c { color: #c0c4cc !important; }