/*! 默认风格 */

html body{margin-top:0; margin-left: 136px;}
html .fly-full{margin-top: 0;}

.main{width:auto; margin:15px 24px 15px 24px;}
.content{margin-right: 360px;}
.jie-row li .jie-title{max-width:70%;}

/* 头部 */
.header{width:136px; height:100%;}
.header .main{position: static; width:auto;}
.logo{top:20px; left:50%; width:86px; height:74px; margin-left:-43px; background:url(../images/logo-1.png);}
.nav{position:relative; left:0; top:110px; border-top:1px solid #282C35;}
.nav a{display:block; height:50px; line-height:50px; padding:0; text-align:center;}
.nav a:first-child{border-top:1px solid #424857;}
.nav-user span{margin-top: 10px;}

.icon-touxiang{font-size: 60px;}

.nav-user{top: auto; bottom:20px; left:0; width:100%;}
.nav-user span, 
.nav-user .unlogin, 
.out-login,
.avatar,
.avatar cite,
.nav-user .nav{display:block; *display:block; text-align:center;}
.nav-user span{top: 0;}
.nav-user span a{padding:0 6px;}
.nav-user .unlogin{margin-right: 0;}
.out-login{margin-left:0; margin-top:20px;}
.out-login a{ padding:0 5px;}
.nav-user .nav{position:relative; margin-left: 0; margin-top: 15px;}

.avatar img{width:60px; height:60px;}
.avatar cite{margin-left: 0; margin-top:10px; }
.avatar i{margin-left: 0;}

.nav-message{left: auto; right: 10px;}

/* 适配 */
@media screen and (max-width: 1024px) {
  html body{margin-left: 140px;}
  .main{margin: 15px 10px;}
  .content{margin: 0;}
  .edge{display:none}
}

@media screen and (max-width: 750px) {
  html body{margin-left:0;}
  .header{left:-140px;}
  .edge{display: block;}
}