.page{position:absolute;overflow:hidden;margin:0 auto}.background-overlay,.page{top:0;right:0;bottom:0;left:0}.background-overlay{position:fixed;background-color:rgba(173,216,230,.3);z-index:-1}.content-container{position:relative;height:calc(100vh - 170px);display:flex;flex-direction:column}.weui-header{height:100px;padding:10px 0;background-color:hsla(0,0%,97%,.9);flex-shrink:0}.header-content{text-align:center;display:flex;flex-direction:column;justify-content:center;height:100%}.header-content h1{color:#07c160;font-size:30px;margin:0;padding:5px 0;font-weight:400}.header-content p{color:#07c160;font-size:20px;margin:0}.scrollable-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;background-color:hsla(0,0%,100%,.8);padding:10px}.weui-tabbar{height:60px;background-color:hsla(0,0%,100%,.9);flex-shrink:0;display:flex;justify-content:space-around}.weui-tabbar__item{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1}.weui-tabbar__item i{font-size:24px;margin-bottom:5px;color:#666}.weui-tabbar__label{font-size:14px;color:#666}.weui-bar__item_on .weui-tabbar__label,.weui-bar__item_on i{color:#07c160!important}.demos-title{text-align:center;font-size:32px;color:#3cc51f;font-weight:400;margin:0 0}.demos-sub-title{text-align:center;color:#888;font-size:14px}.demos-header{padding:15px 0;margin:0 0;text-align:center}.demos-content-padded{padding:10px;background-color:#eee}.demos-padded{background-color:#fff}.demos-second-title{text-align:center;font-size:24px;color:#3cc51f;font-weight:400;margin:0 15%}footer{text-align:center;font-size:14px;padding:20px}footer a{color:#999;text-decoration:none}