.ub-panel .left{position:fixed;left:0;width:140px;top:0;bottom:0;background:#317167;overflow:auto}.ub-panel .left .logo{height:50px;background:#2a5f57;text-align:center;line-height:50px;color:#fff;font-size:20px}.ub-panel .left .menu .title{color:#ccc;line-height:40px;padding:0 10px;cursor:pointer}.ub-panel .left .menu .title.active,.ub-panel .left .menu .title:hover{color:#fff}.ub-panel .left .menu .items{padding-left:10px;background:#224d47}.ub-panel .left .menu .items a{line-height:40px;padding:0 10px;display:block;color:#ccc;text-decoration:none}.ub-panel .left .menu .items a.active,.ub-panel .left .menu .items a:hover{color:#fff}.ub-panel .right{position:fixed;left:140px;right:0;top:0;bottom:0}.ub-panel .right .top{height:50px;background:#fff;border-bottom:1px solid #eee;transition:.5s}.ub-panel .right .top .menu a{line-height:47px;color:#333;padding:0 5px;margin:0 10px;display:inline-block;border-bottom:2px solid #fff;text-decoration:none}.ub-panel .right .top .menu a.active{border-color:#419488;color:#419488}.ub-panel .right .content.fixed{position:fixed;top:50px;bottom:0;left:140px;right:0}