﻿@import url('/style-0.1.css');
/* common *********************************************************************************/
.l-active{background:#f9f9f9;}
.ba-msg {
}
.ba-input-search {
	background:url('/images/search.gif') scroll no-repeat 3px 5px transparent;
	font-family: "sans serif",tahoma,verdana,helvetica;
	font-size: 14px;
	line-height: 19px;
	height: 19px;
	padding:2px 2px 2px 19px;
	border-color: #ccc;
	border-style: solid;
	border-width: 1px;
	display: inline-block;
	vertical-align: middle;
	overflow:hidden;
	color:#666;
}
.ba-bar {	/*通用块*/
	border:solid 1px #eee;
	padding:10px 18px;
	margin-bottom:5px;
	overflow:hidden;
}
.ba-bar div.title {
	font:bold 14px/30px arial,sans-serif;
	border-bottom:dashed 1px #eee;
	margin-bottom:10px;
}
.ba-bar ul.content {
	font:14px/30px arial,sans-serif;
}
/*圈index *********************************************************************************/
.ba-head {
	background:url('images/head_1.jpg') no-repeat;
	height:180px;
	margin-bottom:5px;
}
.ba-menu {	/*圈菜单*/
	height:36px;
	border:solid 1px #eee;
	margin-bottom:5px;
}
.ba-menu ul li {
	float:left;
	padding:0px 18px;
	font:16px/36px arial,sans-serif;
	border-right:solid 1px #eee;
}
.ba-menu ul li.active {
	background:#f0f0f0;
}
.ba-menu ul li.search {
	float:right;
	border:0px;
}
.bbs-list {	/*帖子列表*/
	border:solid 1px #eee;
	padding:10px 18px;
	margin-bottom:5px;
}
.bbs-list ul {
	font:12px/60px arial,sans-serif;
	border-bottom:dashed 1px #eee;
	text-align:center;
	margin-bottom:5px;
	padding-bottom:5px;
}
.bbs-list ul li.w-renum {
	width:70px;
	float:left;
	background:url('images/bg.png') no-repeat 10px 5px;
	line-height:40px;
}
.bbs-list ul li.w-date {
	width:60px;
	float:right;
	line-height:30px;
	color:#999;
}
.bbs-list ul li.w-user {
	width:80px;
	float:right;
	line-height:30px;
	color:#999;
	text-align:left;
}
.bbs-list ul li.w-title {
	text-align:left;
	font:14px/1.5em arial,sans-serif;
	margin-right:150px;
	margin-left:70px;
}
.bbs-list ul li.w-title a{
	color:#06c;
}
.bbs-best {	/*精华图标*/
	background:url('images/best.png');
	width:30px;
	height:18px;
	display:inline-block;
	vertical-align:middle;
	margin-left:5px;
}
.bbs-top {	/*置顶图标*/
	background:url('images/top.png');
	width:30px;
	height:18px;
	display:inline-block;
	vertical-align:middle;
	margin-left:5px;
}
.bbs-hot {	/*热帖图标*/
	background:url('images/hot.png');
	width:22px;
	height:18px;
	display:inline-block;
	vertical-align:middle;
	margin-left:5px;
}

.icon-user {	/*icon*/
	background:url('images/icon.png') no-repeat;
	padding-left:15px;
	display:inline-block;
	width:65px;
	overflow:hidden;
	white-space:nowrap;
}
.icon-user1 {
	background:url('images/icon.png') no-repeat 0px -30px;
	padding-left:15px;
	display:inline-block;
	width:65px;
	overflow:hidden;
	white-space:nowrap;
}
.ba-info {/*ba-info*/
	height:100px;
	border:solid 1px #eee;
	margin-bottom:5px;
	overflow:hidden;
}
.ba-info .space {
	float:left;
	width:30px;
	height:100px;
}
.ba-info .logo {
	float:left;
	width:162px;
	height:100px;
	overflow:hidden;
}
.ba-info .logo img {
	float:left;
	width:150px;
	height:150px;
	background:white;
	padding:5px;
	border:solid 1px #eee;
	position:absolute;
	top:150px;
	z-index:9999;
}
.ba-info .sign,.ba-info .signed {
	float:right;
	width:100px;
	height:150px;
	margin:0px 10px;
	font:12px/110px arial,san-serif;
	color:white;
	cursor:pointer;
	text-align:center;
}
.ba-info .signed {
	background:url('images/sign1.png') no-repeat 0px 20px;
	font:12px/110px arial,san-serif;
	color:white;
}
.ba-info .sign {
	background:url('images/sign.png') no-repeat 0px 20px;
}
.ba-info .name {
	height:100px;
	font:18px/40px  arial,sans-serif;
	padding:0px 18px;
	overflow:hidden;
}
.ba-info .name img {
	vertical-align:middle;
	border:0px;
}
.ba-info .name .readme {
	font:12px/25px  arial,sans-serif;
}
.bbs-head {/*bbs-head*/
	height:70px;
	background:#f9f9f9;
	border:solid 1px #eee;
	margin-bottom:3px;
}
.bbs-head .logo {
	width:70px;
	float:left;
}
.bbs-head .logo img {
	width:50px;
	height:50px;
	background:white;
	padding:2px;
	border:solid 1px #eee;
	margin:7px;
}
.bbs-head .sign,.bbs-head .signed {
	float:right;
	width:100px;
	height:70px;
	margin:0px 10px;
	cursor:pointer;
	text-align:center;
}
.bbs-head .signed {
	background:url('images/sign1.png') no-repeat 0px 10px;
	font:12px/90px arial,san-serif;
	color:white;
}
.bbs-head .sign {
	background:url('images/sign.png') no-repeat 0px 10px;
}

.bbs-head .name {
	font:18px/70px arial,sans-serif;;
}
.bbs-head .name img {
	vertical-align:middle;
}

.ba-left-info {/*左侧圈信息ba-left-info*/
	border:solid 1px #eee;
	padding:10px 18px;
	margin-bottom:5px;
}
.ba-left-info .title {
	height:30px;
	font:bold 14px/30px arial,sans-serif;
	border-bottom:dashed 1px #eee;
	margin-bottom:5px;
}
.ba-left-info .master {
	font:12px/30px arial,sans-serif;
}
.ba-left-info ul.list {
	font:12px/26px arial,sans-serif;
}
.ba-left-info ul.list img {
	vertical-align:middle;
}
.ba-total {	/*圈统计数据*/
	height:30px;
	font:12px/30px arial,sans-serif;
	border:solid 1px #eee;
	margin-bottom:5px;
	padding:0px 18px;
}
.ba-form {	/*发表表单*/
	border:solid 1px #eee;
	padding:10px 18px 10px 58px;
	margin-bottom:5px;
}
.ba-form .title {
	font:bold 14px/30px arial,sans-serif;
}
.ba-form .line-title {
	font:bold 14px/30px arial,sans-serif;
	border-bottom:dashed 1px #eee;
	margin-bottom:10px;
}
.ba-form .field {
	line-height:30px;
	padding:10px 0px;
}
.ba-form .field .left {
	width:100px;
}
.ba-form .field input.text {
	border:solid 1px #ccc;
	height:26px;
	margin:0px;
	font:14px/26px arial,sans-serif;
	padding:0px 5px;
	vertical-align:middle;
}
.ba-form .subject {
	height:30px;
	padding:10px 0px;
}
.ba-form .subject input {
	border:solid 1px #ccc;
	height:26px;
	width:628px;
	margin:0px;
	font:12px/26px arial,sans-serif;
	padding:0px 5px;
	color:#ccc;
}
.ba-form .subject input.active {
	color:#333;
}
.ba-form .content {
	line-height:26px;
}
.ba-form .content textarea {
	width:626px;
	height:130px;
	border:solid 1px #ccc;
	padding:5px;
	margin:0px;
	font:14px/26px arial,sans-serif;
}
.ba-form .btn {
	height:30px;
	padding:10px 0px;
}
.ba-form .btn input {
	height:30px;
	width:60px;
	border:0px;
	margin:0px;
	background:url('images/btn.png');
	font:14px/30px arial,sans-serif;
	color:white;
	cursor:pointer;
}
/* 圈子列表 *********************************************************************************/
.ba-list-out {
	border-bottom:solid 1px #eee;
}
.ba-list-out .content {
	font:14px/30px 宋体,arial,sans-serif;
	padding:10px 0px;
}
.ba-box {
	width:352px;
	border:solid 1px #eee;
	margin-bottom:10px;
}
.ba-box-active {
	border:solid 1px #9cf;
}
.ba-box .ba {
	padding:10px;
	font:14px/26px arial,sans-serif;
	cursor:pointer;
}
.ba-box .ba .logo {
	float:left;
	width:100px;
}
.ba-box .ba .logo img {
	width:90px;
	height:90px;
	border:solid 1px #eee;
}
.ba-box .ba .opt .num {
	font:12px/26px arial,sans-serif;
}
.ba-box .ba .opt .readme {
	font:12px/20px arial,sans-serif;
	color:#999;
	height:40px;
	overflow:hidden;
}
.ba-box .subject {
	border-top:solid 1px #eee;
	font:12px/1.5em arial,sans-serif;
	padding:10px;
	background:#f9f9f9;
}
/* 帖子内容 *********************************************************************************/
.bbs-content {
	border:solid 1px #eee;
	overflow:hidden;
	margin-bottom:5px;
}
.bbs-content ul.status {
	height:40px;
	font:12px/40px  arial,sans-serif;
	padding:0px 18px;
	border-bottom:solid 1px #eee;
	background:#f9f9f9;
}
.bbs-content div.title {
	font:18px/50px  arial,sans-serif;
	padding:0px 18px;
}
.bbs-content ul.content {
	border-top:solid 1px #eee;
	background:url('images/bbs-bg.jpg') repeat-y -596px;
}
.bbs-content ul.content li.user {
	float:left;
	width:120px;
	text-align:center;
	padding:10px 0px;
	height:100%;
}
.bbs-content ul.content li.user img {
	width:70px;
	height:70px;
	background:white;
	padding:3px;
	border:solid 1px #eee;
}
.bbs-content ul.content li.content {
	font:14px/26px  宋体,arial,sans-serif;
	padding:10px 18px;
	margin-left:120px;
}
.bbs-content ul.content li.content div.htmlcontent {
	word-break:break-all;
	word-wrap:break-word;
}
.bbs-content ul.content li.content div.share {
	padding-top:20px;
}
.bbs-content ul.content li.content div.w-op {
	height:26px;
	font:12px/26px arial,sans-serif;
	text-align:right;
	color:#999;
	padding-top:100px;
}
.bbs-content ul.content li.content div.w-op a {
	display:inline-block;
	padding:0px 5px;
}
/*bbs-op*/
.bbs-op {
	height:26px;
	font:12px/26px arial,sans-serif;
	text-align:right;
	color:#999;
	background:#f9f9f9;
	margin-bottom:5px;
}
.bbs-op a {
	display:inline-block;
	padding:0px 5px;
}
/*ba-login*/
.ba-login {
	border:solid 1px #eee;
	margin-bottom:5px;
	padding:10px 18px;
	font:14px/30px  arial,sans-serif;
}
.ba-login .title {
	height:30px;
	border-bottom:dashed 1px #eee;
	margin-bottom:5px;
	font:bold 14px/30px arial,sans-serif;
}
.ba-login ul.content {
	height:30px;
	padding:5px 0px;
}
.ba-login ul.content li.left {
	width:60px;
}
	.login-btn {
		background:url('/images/login-btn.gif');
		width:65px;
		height:26px;
		padding:0px;
		border:0px;
		margin:0px;
		color:white;
		font:bold 14px/20px arial,sans-serif;
		cursor:pointer;
	}
	.login-fpsw {
		font:12px/20px arial,sans-serif;
		color:#900;
	}
	.login-input {
		font:14px/26px arial,sans-serif;
		height:26px;
		margin:0px;
		padding:0px;
		border:solid 1px #ccc;
		background:#f8f8f8;
		width:100px;
	}

/*myinfo*/
.ba-myinfo {
	border:solid 1px #eee;
	margin-bottom:5px;
	padding:10px 18px;
	font:12px/25px arial,sans-serif;
	overflow:hidden;
}
.ba-myinfo .title {
	height:29px;
	font:bold 14px/29px arial,sans-serif;
	border-bottom:dashed 1px #eee;
	margin-bottom:10px;
}
.ba-myinfo .title .right {
	font:12px/29px arial,sans-serif;
}
.ba-myinfo .left {
	width:100px;
	margin-right:10px;
}
.ba-myinfo .left .logo img {
	width:92px;
	height:92px;
	background:white;
	padding:3px;
	border:solid 1px #eee;
}
.ba-myinfo .username {
	text-align:left;
}
.ba-myinfo a {
	color:#06c;
}
/*pop-userinfo*/
.ba-pop-userinfo {
	width:350px;
	height:170px;
	border:solid 3px #ccc;
	overflow:hidden;
	background:url('images/bg_userinfo.jpg') no-repeat white;
	padding:20px;
}
.ba-pop-userinfo div.top {
	height:50px;
}
.ba-pop-userinfo div.content {
	height:120px;
	font:12px/30px arial,sans-serif;
}
.ba-pop-userinfo div.content div.left {
	width:120px;
	height:120px;
	margin-right:20px;
}
.ba-pop-userinfo div.content div.left img {
	width:112px;
	height:112px;
	background:white;
	padding:3px;
	border:solid 1px #ccc;
}
/*help*/
.ba-help-menu {
	border:solid 1px #eee;
	font:14px/26px arial,sans-serif;
	padding:10px 18px;
	margin-bottom:5px;
}
.ba-help-menu ul.title {
	font-weight:bold;
	border-bottom:dashed 1px #eee;
	margin-bottom:10px;
}
.ba-help-menu ul.list {
	height:26px;
}
.ba-help-menu ul.list li a {
	display:block;
}
.ba-help-menu ul.list li a.active {
	background:#f0f9ff;
}
.ba-help-content {/*帮助内容*/
	border:solid 1px #eee;
	font:14px/26px arial,sans-serif;
	padding:10px 18px;
	margin-bottom:5px;
}
.ba-help-content ul.title {
	font:bold 20px/30px arial,sans-serif;
	border-bottom:dashed 1px #eee;
	margin-bottom:10px;
}
/*成员列表*/
.ba-member-list {
	border:solid 1px #eee;
	margin-bottom:5px;
	padding:10px 18px;
}
.ba-member-list div.title {
	height:30px;
	border-bottom:dashed 1px #eee;
	margin-bottom:10px;
	font:14px/30px arial,sans-serif;
}
.ba-member-list ul.member {
	float:left;
	width:80px;
	padding:0px 17px 17px 0px;
	overflow:hidden;
	font:14px/20px arial,sans-serif;
}
.ba-member-list ul.member li.logo {
}
.ba-member-list ul.member li.logo img {
	width:76px;
	height:76px;
	border:solid 1px #eee;
	padding:1px;
	background:#fff;
}
.ba-member-list ul.member li.name {
	height:20px;
	overflow:hidden;
	text-align:center;
}
/*个人中心/用户头部信息============================================================================*/
.user-head {
	height:293px;
}
.user-head .banner {
	background:url('images/head_2.jpg') no-repeat;
	height:180px;
	margin-bottom:5px;
}
.user-head .logo {	/*用户logo*/
	overflow:hidden;
	position:absolute;
	width:162px;
	height:162px;
	padding-left:30px;
	padding-top:110px;
}
.user-head .logo img {
	width:150px;
	height:150px;
	background:white;
	padding:5px;
	border:solid 1px #eee;
	position:absolute;
	z-index:9999;
}
.user-head .btn {
	position:absolute;
	height:26px;
	line-height:26px;
	padding-left:200px;
	padding-top:145px;
}
.user-head .info {
	border:solid 1px #eee;
	height:100px;
	margin-bottom:5px;
	overflow:hidden;
}
.user-head .info .space {
	float:left;
	width:192px;
	height:100px;
}
.user-head .info .name {
	height:100px;
	font:20px/40px 宋体,arial,sans-serif;
	padding:0px 18px;
	overflow:hidden;
}
.user-head .info .name img {
	vertical-align:middle;
	border:0px;
}
.user-head .info .name .readme {
	font:12px/25px arial,sans-serif;
}
/*用户菜单*/
.user-menu {
	height:36px;
	border:solid 1px #eee;
	margin-bottom:5px;
}
.user-menu ul li {
	float:left;
	padding:0px 18px;
	font:16px/36px arial,sans-serif;
	border-right:solid 1px #eee;
}
.user-menu ul li.active {
	background:#f0f0f0;
}
.user-menu ul li.search {
	float:right;
	border:0px;
}
/*用户关注圈*/
.user-guanzhu-box {
	width:200px;
	float:left;
	font:14px/26px arial,sans-serif;
	padding:0px 5px;
	background:#f9f9f9;
	margin:5px;
	overflow:hidden;
}