* {padding: 0;margin: 0;}
body {font-family: "微软雅黑";background-color: #f8f8f8;}
ul,ol {list-style-type: none;}
.userbg {background:#0e1117 url('user_bg.jpg') no-repeat top center;}
.fiex {display: flex;}
.top {background: #222 url('logo.png') no-repeat 10px center;height: 40px;}
.controller {width: 1000px;margin: 0 auto;}
.menus {overflow: hidden;}
.menus li {float: left;}
.menus li a ,.login a{display:inline-block;height: 40px;padding: 0 15px;color: #fff;line-height: 40px;}
.menus li .on,.menus li a:hover,.login a:hover,.login .on {background-color: #020611;color: #ffff00;}
.login {margin-left: auto;}

.user_nav{width: 150px;height: calc(100vh - 40px);background-color: #313131;}
.user_nav .img {text-align: center;margin: 10px 0;}
.user_nav .img img {display: inline-block;border-radius: 50%;width: 50px;border: 1px solid #000;}
.user_nav .name {text-align: center;font-size: 12px;color: #fff;}
.user_nav .qiandao {text-align: center;margin: 10px 0;}
.user_nav .qiandao a {display: inline-block;padding: 2px 5px;background-color: #c00;color: #fff;border-radius: 5px;font-size: 12px;}
.user_nav .qiandao a:hover {background-color: #f00;}
.user_nav .money {margin: 10px;color: #999;font-size: 0.7rem;background-color: #222;padding: 5px;border-radius: 2px;}

.user_nav ul {}
.user_nav ul li {}
.user_nav ul li a {display: inline-block;height: 45px;line-height: 45px;padding: 0 10px;width: calc(100% - 22px);border-left: 2px solid #313131;color: #999;}
.user_nav ul li a:hover,.user_nav ul li .on {border-left: 2px solid #56b756;color: #56b756;background-color: #222;}
.user_nav ul li a i {margin: 0 10px;}

.user_content {padding: 50px;flex: 1;background-color: #fff;height: calc(100vh - 140px);}
.xj-btn {background-color: #56b756 !important;}

.yqd {background-color: #555 !important;}
.gg {font-size: 0;}
.gg>div {}
.gg>div a {}
.gg>div a img {display: inline-block;}