.spage-total{display:inline-block;margin-right:20px;line-height:24px;color:#4c4c4c;font-size:14px}.spage-number{display:inline-block;color:#4c4c4c;font-size:14px;margin-right:24px}.spage-number button{position:relative;box-sizing:border-box;display:inline-block;margin-left:4px;padding:0 8px;line-height:24px;border:1px solid #ccc;text-align:center;transition:all .2s;cursor:pointer;outline:0;background:0;user-select:none;color:#4c4c4c}.spage-number button.active{background:#cc0202;color:#fff;border-color:#cc0202;z-index:3}.spage-number button.active:hover{background:#cc0202;color:#fff;border-color:#cc0202;z-index:3}.spage-number button.button-disabled{cursor:not-allowed;color:#ccc;background:#f2f2f2}.spage-number .spage-after,.spage-before{padding:0;width:40px}.spage-skip{display:inline-block;margin-left:24px;line-height:24px;color:#4c4c4c;font-size:14px;margin-right:24px}.spage-skip input{box-sizing:border-box;display:inline-block;width:45px;height:24px;text-align:center;vertical-align:top;border:1px solid #ccc;background:0;outline:0;transition:all .2s;color:#4c4c4c}.spage-skip input:focus{border-color:#2d98e6}.spage-skip button{display:inline-block;padding:0 14px;line-height:22px;vertical-align:top;color:#4c4c4c;border:1px solid #ccc;cursor:pointer;transition:all .2s;outline:0;background:0;user-select:none}.spage-skip button:hover{background:#2d98e6;color:#fff;border:1px solid #2d98e6}.spage-number{color:#4c4c4c}.spage-number button.cut-page i,.spage-number button.add-page i{content:'';display:inline-block;width:8px;height:8px;border-right:1px solid #b2b2b2;border-top:1px solid #b2b2b2;vertical-align:top;margin-top:7px;transform-origin:50% 50% 0}.spage-number button.cut-page i{transform:rotate(-135deg)}.spage-number button.add-page i{transform:rotate(45deg)}.spage-size{position:relative;display:inline-block}.spage-size .show-num{display:inline-block;height:24px;line-height:22px;padding:0 8px;border:1px solid #ccc;border-radius:2px;cursor:pointer}.spage-size .show-num::after{content:'';display:inline-block;width:6px;height:6px;border-right:1px solid #b2b2b2;border-top:1px solid #b2b2b2;vertical-align:top;margin-top:7px;transform-origin:50% 50% 0;margin-left:8px}.spage-size .draw-up::after{transform:rotate(135deg)}.spage-size .draw-down::after{transform:rotate(-45deg)}.spage-size .draw-select{background-color:#fff;position:absolute;left:0;top:-72px;width:100%;box-shadow:0 2px 8px 0 hsla(0,0%,74.9%,.5);transition:all .5;z-index:9}.spage-size .draw-select.hide{height:0;overflow:hidden}.spage-size .draw-select li{line-height:24px;cursor:pointer}.spage-size .draw-select li:hover{color:#cc0202}