.my-popup-header{padding:15px 10px;line-height:18px}.my-popup-header .close-btn{right:10px;top:14px}.my-popup-header .close-btn img{width:20px;height:20px}.my-popup-dialog{position:fixed;left:0;bottom:0;width:100%;background:#fff;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.3s;transition-duration:.3s;max-height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch}.my-popup-dialog.radius,.my-popup-dialog.radius .my-popup-header{border-radius:10px 10px 0 0}.my-popup-content{overflow-y:scroll;-webkit-overflow-scrolling:touch}.my-popup-dialog.my-popup-left{width:auto;height:100%;top:0;right:auto;bottom:auto;left:0}.my-popup-dialog.my-popup-right{width:auto;height:100%;top:0;right:0;bottom:auto;left:auto}.my-popup-dialog.my-popup-top{width:100%;top:0;right:auto;bottom:auto;left:0}.my-popup-mask{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);opacity:0;z-index:-1;-webkit-transition:opacity .4s;transition:opacity .4s}.my-popup-mask.my-popup-show{opacity:1}.my-popup-animate-bottom-enter,.my-popup-animate-bottom-leave-active{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.my-popup-animate-left-enter,.my-popup-animate-left-leave-active{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.my-popup-animate-right-enter,.my-popup-animate-right-leave-active{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.my-popup-animate-top-enter,.my-popup-animate-top-leave-active{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}