.widget-sider{display:inline-block;position:relative;width:180px}.widget-sider input{height:33px;line-height:33px;border:1px solid #d7d7d7;text-indent:.4em;width:100%}.widget-sider .popcontent{position:absolute;width:100%;border:1px solid #d7d7d7;background:#fff;z-index:9;margin-top:-1px;display:none}.widget-sider ul{margin:5px;zoom:1}.widget-sider ul:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:"."}.widget-sider li{width:25%;float:left;cursor:pointer}.widget-sider li::after{content:attr(data-num);width:29px;height:29px;border:1px solid #d7d7d7;display:block;margin:0 auto;margin-top:5px;border-radius:29px;line-height:29px;text-align:center}.widget-sider li.active::after{background:#f60;border-color:#f60;color:#fff}.widget-sider .sider{margin:20px 10px 20px 10px;height:0;border-bottom:1px solid #d7d7d7;position:relative}.widget-sider .sider .sider-btn{width:15px;height:15px;background:#f60;position:absolute;left:0;top:-7px;overflow:hidden;font-size:12px;color:#fff;line-height:15px;border-radius:15px;color:#fff;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}