.number-picker{max-width:80px;min-width:80px;}
.number-picker .hr-timer{max-width:103px;text-align:center;float:left;width:100%;margin-right:1%;}
.picked-number-wrapper{margin:5px 0;}
.picked-number-wrapper .picked-number{padding:9px;border:1px solid #dedada;font-size:16px;width:40px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;background:#fffffd;background-size:34px;cursor:pointer;text-align:center;outline:none;}
.number-picker .hr-timer .movable-area{height:60px;overflow-y:hidden;position:relative;background:#fff;}
.number-picker .hr-timer.number ul{position:absolute;width:100%;top:0;list-style-type:none;margin:0;padding:0;}
.number-picker .hr-timer .current-number{background:#3a87ad;color:#fff;font-weight:bold;}
.number-picker .hr-timer li{background:#f9f9f9;cursor:pointer;font-size:16px;border-bottom:1px solid #aaa;}
.pick-number-now{background:#f9f9f9;border:1px solid #d0d0d0;padding:10px;display:none;width:50px;}
.pick-number-now:after{content:"";display:table;clear:both;}
.number-type{font-size:14px;color:#797979;padding:10px;display:block;text-align:center;margin:4px 0;background:#e8e8e8;}
.arrow-top,.arrow-bottom{font-size:21px;padding:0px 6px;display:inline-block;color:#00BCD4;font-weight:bold;margin:0;padding:0;cursor:pointer;position:relative;z-index:9;display:block;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}
.set-number-wrapper{clear:both;display:block;padding-top:7px;}
.set-number-wrapper a{font-size:14px;text-transform:uppercase;text-decoration:none;background:#6c246c;padding:5px 10px;display:block;text-align:center;color:#fff;}
.hr-disabled{color:#989c9c;}

