*{ padding: 0; margin: 0; box-sizing: border-box;}
li{ list-style: none;}
.text-cancel{color:#999}
.text-success{color:#04ab02}
/* modal  */
.fui-modal{position:absolute;width:100%;z-index:1001;}
.fui-modal.picker-modal{left:0;bottom:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition-property:-webkit-transform;transition-property:transform;}
.fui-modal.picker-modal.in{-moz-transition-duration:300ms;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.fui-modal.picker-modal.out{-moz-transition-duration:300ms;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
.fui-modal.popup-modal{left:0;bottom:0;top:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition-property:-webkit-transform;transition-property:transform;}
.fui-modal.popup-modal.in{-moz-transition-duration:300ms;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.fui-modal.popup-modal.out{-moz-transition-duration:300ms;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
.fui-modal.notify-modal{position:absolute;top:0;text-align:center;width:100%;height:auto;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);z-index:1001;}
.fui-modal.notify-modal.in{-moz-transition-duration:300ms;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.fui-modal.notify-modal.out{-moz-transition-duration:300ms;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}
/* fui-picker */
.fui-picker{position:relative;width:100%;background:#fff;height:3rem;}
.fui-picker-header{height:0.6rem;width:100%;box-sizing:border-box;font-size:.22rem;position:relative;margin:0;z-index:500;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;}
.fui-picker-header:before{content:"";position:absolute;left:0;top:-1px;width:100%;height:1px;border-bottom:1px solid #D9D9D9;-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(0.5);-ms-transform:scaleY(0.5);transform:scaleY(0.5);}
.fui-picker-header .center{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin:0 .5rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:2rem;color:#333;text-align:center;}
.fui-picker-header .left{padding-left:.3rem;line-height:0.4rem;}
.fui-picker-header .right{padding-right:.3rem;line-height:0.4rem;}
.fui-picker-header a{font-size:0.22rem;padding:0;margin:0;top:0;display:block;padding:0 .1rem;}
.fui-picker-content{height:100%;position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;padding:0;text-align:right;font-size:1rem;-webkit-mask-box-image:-webkit-linear-gradient(bottom,transparent,transparent 5%,white 20%,white 80%,transparent 95%,transparent);-webkit-mask-box-image:linear-gradient(to top,transparent,transparent 5%,white 20%,white 80%,transparent 95%,transparent);}
.fui-picker-col{overflow:hidden;position:relative;max-height:100%;}
.fui-picker-col.fui-picker-col-left{text-align:left;}
.fui-picker-col.fui-picker-col-center{text-align:center; width: 33.3%;}
.fui-picker-col.fui-picker-col-right{text-align:right;}
.fui-picker-col.fui-picker-col-divider{color:#3d4145;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;}
.fui-picker-col-normal{width:100%;}
.fui-picker-wrapper{-webkit-transition:300ms;transition:300ms;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.fui-picker-item{height:0.4rem;  font-size: 0.18rem; line-height:0.4rem;padding:0 0.1rem;white-space:nowrap;position:relative;overflow:hidden;text-overflow:ellipsis;color:#aaa;left:0;top:0;box-sizing:border-box;-webkit-transition:300ms;transition:300ms;}
.fui-picker-item.selected{color:#333;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform:rotateX(0deg);transform:rotateX(0deg);}
.fui-picker-highlight{height:0.4rem;box-sizing:border-box;position:absolute;left:0;width:100%;top:50%;margin-top:-.75rem;pointer-events:none;background:rgba(255,255,255,0.05);}
.fui-picker-highlight:before{content:'';position:absolute;left:0;top:0;bottom:auto;right:auto;height:1px;width:100%;background-color:#d9d9d9;display:block;z-index:15;-webkit-transform-origin:50% 0%;transform-origin:50% 0%;}
.fui-picker-highlight:after{content:' ';position:absolute;left:0;bottom:0;right:auto;top:auto;height:1px;width:100%;background-color:#d9d9d9;display:block;z-index:15;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;}
@media only screen and (-webkit-min-device-pixel-ratio:2){
	.fui-picker-highlight:before{-webkit-transform:scaleY(0.5);transform:scaleY(0.5);}
}
@media only screen and (-webkit-min-device-pixel-ratio:3){
	.fui-picker-highlight:before{-webkit-transform:scaleY(0.33);transform:scaleY(0.33);}
}