.vscroller{font-family:arial,verdana,sans-serif;padding:.5em .25em;min-width:40px;max-width:100%;-webkit-box-flex:1;-ms-flex:1 auto;flex:1 auto;-ms-touch-action:none;touch-action:none}.vscroller__head{line-height:30px;height:30px;text-align:center;white-space:nowrap;font-weight:700;text-transform:upperscse;color:#4eccc4;width:100%;font-size:1.375em}.vscroller__body{height:200px;overflow:hidden;position:relative}.vscroller__body:before{top:80px;bottom:auto}.vscroller__body:after,.vscroller__body:before{content:"";position:absolute;left:0;right:auto;height:1px;width:100%;background-color:#4eccc4;display:block;z-index:1}.vscroller__body:after{bottom:80px;top:auto}.vscroller__body ul{padding:0;z-index:3;-webkit-transform:translateZ(0);transform:translateZ(0)}.vscroller__body li,.vscroller__body ul{display:block;margin:0;position:relative}.vscroller__body li{height:40px;line-height:40px;cursor:pointer;text-align:center;padding:0 5px;white-space:nowrap;vertical-align:bottom;width:100%;color:#454545;overflow:hidden;text-overflow:ellipsis}.vscroller__body li.vselected{font-weight:700;color:#fff}