html,body{ height:100%; }

header{height:100px;background-color:#ececec}

.warp{height:calc(100% - 240px);width:100%; margin:0 auto; position:relative;}
.menuTitle{height:50px;line-height:50px;}

.userMenu{box-sizing:border-box;width:220px; background-color:#fff;border-radius:10px; float:left;overflow:hidden}
    .userMenu .liOn{background-color:#e7d4b6;color:#ee0000;}
    .userMenu li{ line-height:50px;cursor:pointer;text-align:center;position:relative;}
    .userMenu li span{line-height:25px;font-size:25px;padding-right:5px; padding-top:15px; }

.main{width:calc(100% - 230px); float:right; height:calc(100% - 80px);border-radius:5px; padding:30px; }
#srcFrame{height: calc(100% - 5px);width: 100%;border:none;}

.vip>div{ padding:20px;cursor:pointer;color:#fff}
.vip>div:hover{background-color:#efefef;}

.nav-link.active{ background-color: #007bff !important;color: white !important;}
.nav-link { color: #333;}