.shopex-pciker-list li,.shopex-picker,.shopex-picker-inner{box-sizing:border-box;overflow:hidden}.shopex-picker{background-color:#ddd;position:relative;height:200px;border:1px solid rgba(0,0,0,.1);-webkit-user-select:none;user-select:none}.shopex-dtpicker,.shopex-poppicker{left:0;background-color:#eee;box-shadow:0 -5px 7px 0 rgba(0,0,0,.1);-webkit-transition:.3s;width:100%}.shopex-picker-inner{position:relative;width:100%;height:100%;-webkit-mask-box-image:-webkit-linear-gradient(bottom,transparent,transparent 5%,#fff 20%,#fff 80%,transparent 95%,transparent);-webkit-mask-box-image:linear-gradient(top,transparent,transparent 5%,#fff 20%,#fff 80%,transparent 95%,transparent)}.shopex-pciker-list,.shopex-pciker-rule{box-sizing:border-box;padding:0;margin:-18px 0 0;width:100%;height:36px;line-height:36px;position:absolute;left:0;top:50%}.shopex-pciker-rule-bg{z-index:0}.shopex-pciker-rule-ft{z-index:2;border-top:solid 1px rgba(0,0,0,.1);border-bottom:solid 1px rgba(0,0,0,.1)}.shopex-pciker-list{z-index:1;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:perspective(750pt) rotateY(0) rotateX(0);transform:perspective(750pt) rotateY(0) rotateX(0)}.shopex-pciker-list li{width:100%;height:100%;position:absolute;text-align:center;vertical-align:middle;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-size:1pc;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#888;padding:0 8px;white-space:nowrap;-webkit-text-overflow:ellipsis;text-overflow:ellipsis;cursor:default;visibility:hidden}.shopex-pciker-list li.highlight,.shopex-pciker-list li.visible{visibility:visible}.shopex-pciker-list li.highlight{color:#222}.shopex-poppicker{position:fixed;z-index:999;border-top:solid 1px #ccc;bottom:0;-webkit-transform:translateY(300px)}.shopex-poppicker.shopex-active{-webkit-transform:translateY(0)}.shopex-android-5-1 .shopex-poppicker{bottom:-300px;-webkit-transition-property:bottom;-webkit-transform:none}.shopex-android-5-1 .shopex-poppicker.shopex-active{bottom:0;-webkit-transition-property:bottom;-webkit-transform:none}.shopex-poppicker-header{padding:6px;font-size:14px;color:#888}.shopex-poppicker-header .shopex-btn{font-size:9pt;padding:5px 10px}.shopex-poppicker-btn-cancel{float:left}.shopex-poppicker-btn-ok{float:right}.shopex-poppicker-clear{clear:both;height:0;line-height:0;font-size:0;overflow:hidden}.shopex-poppicker-body{position:relative;width:100%;height:200px;border-top:solid 1px #ddd}.shopex-poppicker-body .shopex-picker{width:100%;height:100%;margin:0;border:none;float:left}.shopex-dtpicker{position:fixed;z-index:999999;border-top:solid 1px #ccc;bottom:0;-webkit-transform:translateY(300px)}.shopex-dtpicker.shopex-active{-webkit-transform:translateY(0)}.shopex-dtpicker-active-for-page{overflow:hidden!important}.shopex-android-5-1 .shopex-dtpicker{bottom:-300px;-webkit-transition-property:bottom;-webkit-transform:none}.shopex-android-5-1 .shopex-dtpicker.shopex-active{bottom:0;-webkit-transition-property:bottom;-webkit-transform:none}.shopex-dtpicker-header{padding:6px;font-size:14px;color:#888}.shopex-dtpicker-header button{font-size:9pt;padding:5px 10px}.shopex-dtpicker-header button:last-child{float:right}.shopex-dtpicker-body{position:relative;width:100%;height:200px}.shopex-ios .shopex-dtpicker-body{-webkit-perspective:75pc;perspective:75pc;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.shopex-dtpicker-title h5{display:inline-block;width:20%;margin:0;padding:8px;text-align:center;border-top:solid 1px #ddd;background-color:#f0f0f0;border-bottom:solid 1px #ccc}[data-type=hour] [data-id=title-i],[data-type=hour] [data-id=picker-i],[data-type=month] [data-id=title-i],[data-type=month] [data-id=picker-d],[data-type=month] [data-id=title-d],[data-type=month] [data-id=picker-h],[data-type=month] [data-id=title-h],[data-type=month] [data-id=picker-i],[data-type=time] [data-id=picker-y],[data-type=time] [data-id=picker-m],[data-type=time] [data-id=picker-d],[data-type=time] [data-id=title-y],[data-type=time] [data-id=title-m],[data-type=time] [data-id=title-d],[data-type=date] [data-id=title-i],[data-type=date] [data-id=picker-h],[data-type=date] [data-id=title-h],[data-type=date] [data-id=picker-i]{display:none}.shopex-dtpicker .shopex-picker{width:20%;height:100%;margin:0;float:left;border:none}[data-type=hour] [data-id=picker-h],[data-type=hour] [data-id=title-h],[data-type=datetime] [data-id=picker-h],[data-type=datetime] [data-id=title-h]{border-left:dotted 1px #ccc}[data-type=datetime] .shopex-picker,[data-type=time] .shopex-dtpicker-title h5{width:20%}[data-type=date] .shopex-dtpicker-title h5,[data-type=date] .shopex-picker{width:33.3%}[data-type=hour] .shopex-dtpicker-title h5,[data-type=hour] .shopex-picker{width:25%}[data-type=month] .shopex-dtpicker-title h5,[data-type=month] .shopex-picker,[data-type=time] .shopex-dtpicker-title h5,[data-type=time] .shopex-picker{width:50%}