html,body{ height:100%; }
.container{max-width:1280px;}
.warp{min-height:calc(100% - 240px);width:100%; margin:0 auto; position:relative;overflow:hidden}
.menuTitle{height:50px;line-height:50px;}
.userCenterTopMenu{display:none; color:#fff;height:60px;}
.tgBt{width:26px;float:right;cursor:pointer}
.tgBt span{height:3px;display:block;background-color:#fff;margin-bottom:5px;}

.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 a {display:block;line-height:50px;cursor:pointer;text-align:center;position:relative;}
    .userMenu a span{line-height:25px;font-size:25px;padding-right:5px; padding-top:15px; }

.main{width:calc(100% - 230px); float:right;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;}


@media all and (max-width: 576px){
     .warp{position:static;}
     .userMenu{display:none;position:fixed;top:0;left:-200;bottom:0;border-radius:0;background-color:rgba(255,255,255,.9);transition:ease-in all 1s;z-index:2025}
     .userMenu.active{left:0;display:block;transition:ease-in all 1s}
     .main{width:100%;padding:10px;height:100%}
     .userCenterTopMenu{display:block;}
      header{display:none;}
      footer{display:none;}
}