.frame{height:50px;line-height:50px;overflow:hidden}.frame ul{list-style:none;margin:0;padding:0;height:100%;font-size:14px}.frame ul li{float:left;width:48px;height:58px;margin:0 3px 0 0;padding:0;background:white;color:black;text-align:center;cursor:pointer}.frame ul li.active button{border:#a7aeb9 1px solid;background-color:#6c757d;color:#fff;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.scrollbar{margin:0 0 1em 0;height:2px;background:#ccc;line-height:0;width:100% !important}.scrollbar .handle{width:100px;height:100%;background:#292a33;cursor:pointer}.scrollbar .handle .mousearea{position:absolute;top:-9px;left:0;width:100% !important;height:20px}.pages{list-style:none;margin:5px 0;padding:0;text-align:center}.pages li{display:inline-block;width:14px;height:14px;margin:0 4px;text-indent:-999px;border-radius:10px;cursor:pointer;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}.pages li:hover{background:#aaa}.pages li.active{background:#666}.controls{margin:5px 0;text-align:center}