.drawer{height:100%}.drawer .mask-show{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;background-color:rgba(0,0,0,.5);opacity:1;transition:opacity .5s}.drawer .mask-hide{opacity:0;transition:opacity .5s}.drawer .main{position:fixed;z-index:10;top:0;height:100%;background:#fff;transition:all .5s}.drawer .main-show{opacity:1}.drawer .main-hide{opacity:0}.drawer .inside{position:absolute}.drawer .drawer-head{display:flex;justify-content:space-between;height:45px;line-height:45px;padding:0 15px;font-size:14px;font-weight:700;border-bottom:1px solid #eee}.drawer .drawer-head .close-btn{display:inline-block;cursor:pointer;height:100%;padding-left:20px}.drawer .drawer-body{font-size:14px;padding:15px}.dialog-container .modal-hidden{display:none;opacity:0}.dialog-container .modal-show{display:block;opacity:1}.dialog-container .modal-mask{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;background-color:rgba(0,0,0,.45)}.dialog-container .dialog-modal{top:50%;left:50%;transform:translate(-50%,-50%);position:fixed;border-radius:5px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.6);z-index:101}.dialog-container .dialog-modal.animating{transition:all .5s ease}.dialog-container .dialog-modal .dialog-body{background:#f9f9f9;right:0;bottom:40px;left:0;top:30px;width:100%}.dialog-container .dialog-modal .dialog-footer{border-top:1px solid #e8e8e8;background:#f9f9f9;text-align:right;width:100%;height:40px;padding:5px}.dialog-container .dialog-modal .dialog-title{background:hsla(0,0%,100%,.4);color:#333;text-align:center;line-height:30px;height:30px;cursor:default}.dialog-container .dialog-modal .dialog-title .icon{position:absolute;top:4px;left:5px;height:18px;width:18px;background-size:cover}.dialog-container .dialog-modal .dialog-control{position:absolute;right:0;top:0;height:30px}.dialog-container .dialog-modal .dialog-control .button{display:block;position:relative;width:20px;height:20px;margin:5px 5px 0 0;float:left;border-radius:3px}.dialog-container .dialog-modal .dialog-control .close{background:#d26262}.dialog-container .dialog-modal .dialog-control .close:after,.dialog-container .dialog-modal .dialog-control .close:before{content:"";display:block;position:absolute;height:2px;width:14px;left:3px;top:9px;background:#fff;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}.dialog-container .dialog-modal .dialog-control .close:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg)}.dialog-container .inside{position:absolute}