html{font-size:13.33333}#app{width:100%}li,ul{margin:0;padding:0;list-style:none}.test{width:8rem;height:2rem;margin:2rem auto;border:1px solid #ddd}@keyframes select-scroll-showup{0%{bottom:-273px}to{bottom:0}}@keyframes select-scroll-hidedown{0%{bottom:0}to{bottom:-273px}}.picker{position:fixed;left:0;top:0;z-index:100;width:100%;height:100%;overflow:hidden;text-align:center;font-size:14px;background-color:rgba(37,38,45,.4)}.picker .picker-panel{position:absolute;z-index:600;width:100%;height:273px;background:#fff}.picker .picker-panel.up{bottom:0;animation:select-scroll-showup .3s 0s linear}.picker .picker-panel.down{bottom:-273px;animation:select-scroll-hidedown .3s 0s linear}.picker .picker-panel .picker-choose{position:relative;height:60px;color:#999}.picker .picker-panel .cancel,.picker .picker-panel .confirm{position:absolute;top:6px;padding:16px;font-size:14px}.picker .picker-panel .confirm{right:0;color:#007bff}.picker .picker-panel .cancel{left:0}.picker .picker-panel .picker-title{margin:0;line-height:60px;font-weight:400;text-align:center;font-size:18px;color:#333}.picker .picker-panel .picker-content{position:relative;top:20px}.picker .picker-panel .mask-bottom,.picker .picker-panel .mask-top{z-index:10;width:100%;height:68px;pointer-events:none;transform:translateZ(0)}.picker .picker-panel .mask-top{position:absolute;top:0;background:linear-gradient(0deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.8))}.picker .picker-panel .mask-bottom{position:absolute;bottom:1px;background:linear-gradient(180deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.8))}.picker .picker-panel .border-bottom-1px:after,.picker .picker-panel .border-bottom-1px:before,.picker .picker-panel .border-top-1px:after,.picker .picker-panel .border-top-1px:before{content:"";display:block;position:absolute;transform-origin:0 0}.picker .picker-panel .border-bottom-1px:after{border-bottom:1px solid #ebebeb;left:0;bottom:0;transform-origin:0 bottom;width:300%;transform:scale(.5) translateZ(0)}.picker .picker-panel .border-top-1px:before{width:300%;transform:scale(.5) translateZ(0);border-top:1px solid #ebebeb;left:0;top:0;transform-origin:0 top}.picker .picker-panel .wheel-wrapper{display:-ms-flexbox;display:flex;padding:0 16px}.picker .picker-panel .wheel{-ms-flex:1;flex:1;-ms-flex-preferred-size:-8e;flex-basis:-8e;width:1%;height:173px;overflow:hidden;font-size:20px}.picker .picker-panel .wheel-scroll{padding:0;margin-top:68px;line-height:36px;list-style:none}.picker .picker-panel .wheel-item{list-style:none;height:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333}.picker .picker-footer{height:20px}