.head .nav ul:after,.head .nav ul:before,.head:after,.head:before{content:" ";display:table}.head .nav ul:after,.head:after{clear:both}.head{border-bottom:1px solid #dfdfdf}.head .logo{padding-top:7px}.head .logo h1{font-size:19px;margin:0}.head .logo a{font-size:13px}.head .nav ul{margin:0}.head .nav ul li{float:left;list-style:none}.head .nav ul li a{border-top:2px solid #fff;display:block;line-height:48px;padding:0 15px;color:#2C3E50}.head .nav ul li.actived a{border-color:#18BC9C;color:#18BC9C}.head .user .user-login a{display:block;line-height:50px}.head .user .user-panel{position:relative}.head .user .user-panel .user-name{display:block;width:120px;line-height:50px;border-top:2px solid transparent;text-decoration:none;overflow:hidden}.head .user .user-panel .user-name img{width:24px;height:24px;border-radius:12px;vertical-align:middle}.head .user .user-panel .user-name span{vertical-align:middle}.head .user .user-panel .user-opera{display:none;margin:0;padding:0 0 10px;position:absolute;background:#fff;width:120px;border:1px solid #dfdfdf;border-top:none;top:53px;z-index:1000}.head .user .user-panel .user-opera li{list-style:none}.head .user .user-panel .user-opera li a{display:block;padding-left:26px;line-height:24px;font-size:13px}.head .user .user-panel:hover .user-opera{display:block}