.router-main{display:flex;flex-direction:column;height:100%}.router-content{height:calc(100% - 50px);flex-grow:1;overflow:auto}.modal{position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;border-radius:5px;background:#fff;overflow:hidden;z-index:1000;box-shadow:inset 0 0 1px 0 #000}.modal-title{width:100%;height:50px;line-height:50px;padding:0 10px}.modal-content{width:100%;height:100%;padding:0}.mask{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;opacity:.6;z-index:999}.router-footer{min-height:50px;max-height:50px;box-sizing:border-box;padding-top:3px;background:#fff;display:flex;border-top:1px solid #eee}.router-footer>aside{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.router-footer>aside>span{font-size:10px}.router-footer>aside>i{font-size:22px}.router-footer>.router-active{color:#34cd92}body,html{-webkit-overflow-scrolling:touch}body{margin:0;padding:0;font-family:sans-serif;background:#f2f2f2;height:100%}#root{height:100vh;position:relative}ol,ul{margin:0;padding:0;list-style:none}button{border:none;outline:none}li{list-style:none}i{font-style:normal}.box{padding:10px 15px}.adaptive{display:inline-block;width:100%;height:auto;vertical-align:bottom}.link{position:relative;overflow:hidden}.link>.link-to{position:absolute;left:0;top:0;display:inline-block;width:100%;height:100%}.clear-both:after{display:table;content:"";clear:both}