.r-actionsheet--mask{position:fixed;left:0;right:0;top:0;bottom:0;z-index:998;background-color:rgba(14,14,14,.8);-webkit-transition:opacity .3s;transition:opacity .3s}
.r-actionsheet--content{position:fixed;left:0;right:0;bottom:0;z-index:999;background-color:#fff;color:#333;overflow:hidden;text-align:left;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}
.r-actionsheet--gap{height:8px;background-color:#f7f8fa}
.r-actionsheet--list{max-height:325px;overflow-y:scroll}
.r-actionsheet--cancel,.r-actionsheet--item{line-height:50px;font-size:16px;text-align:center}
.r-actionsheet--item.disabled{color:#c8c9cc}
.r-actionsheet--radius .r-actionsheet--content{border-top-left-radius:16px;border-top-right-radius:16px}
.r-actionsheet--header{font-size:16px;line-height:50px;text-align:center}
.r-actionsheet--close{position:absolute;right:15px;top:13px;width:14px;height:14px;overflow:hidden;z-index:2}
.r-actionsheet--close:after,.r-actionsheet--close:before{display:block;content:"";width:200%;height:1px;overflow:hidden;background-color:#999;position:absolute;top:50%;left:50%}
.r-actionsheet--close:before{-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}
.r-actionsheet--close:after{-webkit-transform:translateX(-50%) rotate(-45deg);transform:translateX(-50%) rotate(-45deg)}
.r-actionsheet--slideInUp-enter,.r-actionsheet--slideInUp-leave-active{-webkit-transform:translateY(100%);transform:translateY(100%)}
.r-actionsheet--fade-enter,.r-actionsheet--fade-leave-active{opacity:0}