.ub-menu{border:1px solid #eee;border-radius:5px;background:#fff}.ub-menu .title{line-height:40px;border-bottom:1px solid #eee;padding:0 10px;display:block;color:#333;cursor:pointer}.ub-menu .title:before{content:'>';display:block;color:#ccc;float:right}.ub-menu .title.active,.ub-menu .title:hover{color:#419488}.ub-menu .items{display:none}.ub-menu .items a{line-height:40px;border-bottom:1px solid #eee;padding:0 10px 0 20px;display:block;color:#333}.ub-menu .items a.active,.ub-menu .items a:hover{color:#419488}.ub-menu .page-menu-toggle{display:none}@media screen and (max-width:800px){.ub-menu.page-menu{position:fixed;z-index:100;width:50%;left:-50%;bottom:0;top:50px;transition:left .3s}.ub-menu.page-menu .page-menu-toggle{display:block;width:50px;height:50px;position:absolute;background:#fff;bottom:20px;right:-50px;border-radius:0 5px 5px 0;border-left:none;font-size:18px;line-height:50px;text-align:center;color:#999;box-shadow:2px 0 3px #999}.ub-menu.page-menu .page-menu-toggle i{display:block}body.ub-menu-page-show .ub-menu.page-menu{transition:left .3s;left:0}}