/*** user-common:userTop ***/
.userTop{height:126px;background:#16161a; }
.userTop .userTopBox{position:relative;width:1120px;height:126px;overflow:hidden;margin:0 auto;}
.userTop .userTopBox .info{padding-top:18px;}
.userTop .userTopBox .info dl{overflow:hidden;}
.userTop .userTopBox .info dt{float:left;margin-right:30px;}
.userTop .userTopBox .info dt img{width:80px;height:80px; border:1px solid #fff; border-radius:50px;vertical-align:top;}

.userTop .userTopBox .info dd{overflow:hidden;padding-top:15px;}
.userTop .userTopBox .info dd span{display:block;padding-bottom:10px;font-size:28px;line-height:30px;} 
.userTop .userTopBox .info dd .name{ font-size: 22px; color:#d3d3d3; }
.userTop .userTopBox .info dd .name em{ font-style: normal; font-weight: 500; }
.userTop .userTopBox .info dd .rank{ margin-top: 4px; }
.userTop .userTopBox .info dd .rank img{ height: 18px; margin-right: 6px; }

.userTop .userTopBox .func{position:absolute;right:0;top:30px; display: none;  }
.userTop .userTopBox .func .userapp{}
.userTop .userTopBox .func .userapp img{height: 60px }
.userTop .userTopBox .func ul{overflow:hidden;}
.userTop .userTopBox .func li{float:left;width:70px;text-align:center; margin:0 10px;}
.userTop .userTopBox .func li span{display:block;color:#a18c72;padding-bottom:10px;font-weight:bold;font-size:18px;}
.userTop .userTopBox .func li span a{color:#a18c72;}
.userTop .userTopBox .func li em{display:block; font-style: normal; height:14px;line-height:14px;border-right:solid 1px #a18c72;color:#a18c72;font-size:14px;}
.userTop .userTopBox .welcome{position:absolute;top:0px;right:0px;font-size:80px;line-height:64px;font-style:italic;color:#ffffff;font-family:Arial;}
 

/*** user-common:左侧导航 ***/
.userCenter{max-width: 1140px;margin:36px auto 0;min-height: 600px; background:#16161a;border-radius: 4px; }

.uCleft{  width:18%!important; padding-bottom: 26px; border-right:1px solid #202025; }
.sidebar_title{color:#8c8c8c; font-size: 12px!important; padding: 20px 28px 12px; font-weight: 300; }
/***定义左侧垂直导航的样式**/
.sidebar_nav .layui-nav-tree{ width: 100%; }
.sidebar_nav .layui-bg-white{background:none;}
.sidebar_nav .layui-bg-white .layui-nav-itemed > a, 
.sidebar_nav .layui-bg-white .layui-nav-item a,
.sidebar_nav .layui-bg-white .layui-nav-tree .layui-nav-title a, 
.sidebar_nav .layui-bg-white .layui-nav-tree .layui-nav-title a:hover{  color: #d3d3d3!important  }
.sidebar_nav .layui-bg-white .layui-nav-more{content:'';width:0;height:0;border-style:solid dashed dashed;border-color:#fff transparent transparent;overflow:hidden;cursor:pointer;transition:all .2s;-webkit-transition:all .2s;
											position:absolute;top:50%;right:22px;margin-top:-2px;border-width:4px;border-top-color:#666}
.sidebar_nav .layui-bg-white .layui-nav-mored,
.sidebar_nav .layui-nav-itemed>a .layui-nav-more{margin-top:-6px;border-style:dashed dashed solid;border-color:transparent transparent #666}
.sidebar_nav .layui-bg-white .layui-nav-itemed > .layui-nav-child{ background: rgba(28,28,32,0.67)!important;}
.sidebar_nav .layui-bg-white .layui-nav .layui-this:after,
.sidebar_nav .layui-bg-white .layui-nav-bar,
.sidebar_nav .layui-bg-white .layui-nav-tree .layui-nav-itemed:after{position:absolute;left:0;top:0;width:0;height:0px;background-color:#5FB878;transition:all .2s;-webkit-transition:all .2s}
.sidebar_nav .layui-bg-white .layui-nav-item a{ padding: 0 22px 0 26px;   }
.sidebar_nav .layui-bg-white .layui-nav-item a:hover{ background: #25252c; border-radius: 2px;  }
.sidebar_nav .layui-bg-white .layui-nav-item  .iconfont {display: inline-block;  font-size: 18px; color: #d3d3d3}
.sidebar_nav .layui-bg-white .layui-nav-item  em{font-style: normal;  vertical-align: top; padding-left: 8px; font-size: 14px; font-weight: 300;color:#d3d3d3}
.sidebar_nav .layui-bg-white .layui-nav-item .layui-nav-child dd a{ font-size: 12px; padding-left:51px;font-weight: 300; }
.sidebar_nav .layui-bg-white .layui-nav-item .layui-nav-child dd .iconfont{ font-size: 11px; padding-right: 6px; color: #999; }
/***定义左侧垂直导航的样式**/


.uCright{ width:82%!important; border-left:1px solid #202025; }
.main-head{ padding: 16px 20px; border-bottom: 1px solid #202025 }
.main-head .main_title{font-size: 16px;color: #d3d3d3;line-height: 1;margin: 0 auto;font-weight: 500;}
.main-head .main_title button{ position: absolute; right: 30px; top:8px; }

.board_title{color: rgba(0,0,0,.32);font-size: 12px!important;padding: 18px 20px 18px; font-weight: 300; }

.user-clist {background: none;} 
.user-clist .layui-tab-title{ border-bottom: 1px solid #202025; margin-top: 12px; text-align: center;}
.user-clist .layui-tab-title li{  border-top: 1px solid #202025; border-right: 1px solid #202025; color: #d3d3d3; }
.user-clist .layui-tab-title li:first-child{  border-left: 1px solid #202025;}
.user-clist .layui-tab-title li:hover{ opacity: 0.8 } 
.user-clist .layui-tab-title .layui-this{border-top:1px solid #f3bb6c; border-bottom: 1px solid #16161a; border-radius: 2px; background:#16161a;  color: #f3bb6c; }
.user-clist .layui-tab-title .layui-this:after{ border-bottom: none;}