.app-head{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:50px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.app-head-title{display:inline-block;font-size:16px;height:50px;line-height:50px;text-align:center}.app-head-save{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:50%;right:10px;margin-top:-16px;height:32px;border-radius:32px;padding:0 10px;font-size:12px;color:#efefef;background-color:#05c8ae}.app-head-save:hover{color:#fff}.app-head-save i{font-size:24px;margin-top:2px;margin-right:1px}.pc-menu{width:70px}.pc-menu ul li{cursor:pointer;text-align:center;padding:8px;margin-top:10px;white-space:normal}.pc-menu ul li.router-link-active,.pc-menu ul li.router-link-exact-active{background-color:#05c8ae}.pc-menu ul span{display:block;font-size:12px}.pc-menu ul a{color:#fff;text-decoration:none}.pc-menu ul .iconfont{font-size:28px}.app-content,.app-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;width:100%;overflow:hidden}.app-content,.app-player{position:relative}.app-player{padding:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;height:calc(100% - 180px);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.app-player.page-guide{height:calc(100% - 210px)}.app-view{width:236px}.app-view,.app-view>div{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}.app-view>div{width:100%;white-space:nowrap}.app-view-toolbar{position:absolute!important;left:0;right:236px;bottom:0;height:180px}.app-layout,.app-view-toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.app-layout{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%}#app,body,html{width:100%;height:100%;overflow:hidden}body{color:#fff;font-size:14px;line-height:normal;background-color:#262729;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:OpenSans,sans-serif}body,ul{margin:0}ul{list-style:none;padding:0}img{border:0;outline:0}