mobile-picker.min.css

/*
 * mobile-picker.js -https://app.zhifeishengwu.com/iknow/test/doc/
 * Version - 1.0.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Deepx
 */
.picker{width:100%;height:2rem;position:relative;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:#ffffff;}.picker::before{width:100%;height:50%;content:"";position:absolute;bottom:0;left:0;background:-webkit-gradient(linear,left bottom,left top,from(rgba(255,255,255,0.8)),to(rgba(255,255,255,0.1)));background:linear-gradient(to top,rgba(255,255,255,0.8),rgba(255,255,255,0.1));z-index:900;pointer-events:none;}.picker::after{width:100%;height:50%;content:"";position:absolute;top:0;left:0;background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.8)),to(rgba(255,255,255,0.1)));background:linear-gradient(to bottom,rgba(255,255,255,0.8),rgba(255,255,255,0.1));z-index:900;pointer-events:none;}.picker-checkline{width:100%;height:0.4rem;position:absolute;top:50%;left:0;margin-top:-0.2rem;border-width:1px 0;border-style:solid;border-color:#dddddd;}.picker-cell{-webkit-box-flex:1;-ms-flex:1;flex:1;}.picker-item{width:100%;text-align:center;font-size:0.12rem;color:#000000;line-height:0.44rem;}.zf-popup{position:fixed;left:0;top:0;width:100%;height:100vh;overflow:hidden;background-color:rgba(0,0,0,0.3);z-index:999;}.zf-popup-box{position:absolute;bottom:0;left:0;width:100%;min-height:3rem;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;background-color:#ffffff;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);box-shadow:0 0 10px rgba(0,0,0,0.3);}.zf-popup-title{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;line-height:0.4rem;}.zf-popup-title::after{width:100%;height:1px;background-color:#efefef;content:"";position:absolute;left:0;bottom:0;}.zf-popup-title .zf-popup-title-btn{display:block;width:0.5rem;text-align:center;font-size:0.12rem;color:#666666;}.zf-popup-title .zf-popup-title-btn:hover{-webkit-tap-highlight-color:transparent;}.zf-popup-title .zf-popup-title-m{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;font-size:0.14rem;color:#333333;}.zf-popup-title .zf-popup-title-r{color:#4788f4;}.zf-popup-content{width:100%;}