test/free-technological-management/WebRoot/css/discuss.css

/*包含页面的css*/
@charset 'utf-8'
body
{
	font-family: Tahoma, Arial, Verdana;
	font-family: Arial,"宋体",simsun,sans-serif;
	/*color: #eee;*/

}
ol , ul
{
	margin-bottom: 0;
	padding: 0;
	list-style: none;
}
.left
{
	float: left;
}
.right
{
	float: right;
}
.ds
{
	width: 1200px;
	margin: 0 auto;
	overflow: auto;
	background-color: #fff;
	border: 1px solid #e6e6e6;
	border-top: none;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.ds-logo, .ds-logo2
{
	height: 110px;
	background: url(../img/discuss/project_header.png) no-repeat;
    background-size: cover;
}
.ds-logo .ds-logo-img
{
	width: 1200px;
	position: relative;
	margin: 0 auto;
}
.ds-logo2 .ds-logo2-img
{
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
.ds-logo .ds-logo-img img,.ds-logo2 .ds-logo2-img img
{
	margin-top: 15px;
}
/*.ds-logo .ds-logo-img a,.ds-logo2 .ds-logo2-img a
{
	margin-top: 15px;
	margin-right: 24px;
	float: right;
	color: #ef2d36;
}*/
.ds-logo .ds-logo-img input,.ds-logo2 .ds-logo2-img input
{
	position: absolute;
	top: 50px;
	right: 10px;
	width: 300px;
	height: 38px;
	border-radius: 4px;
	border: 1px solid #ddd;
	outline: none;
	padding: 5px 25px;
}
.ds-tj
{
	width: 280px;
	padding: 14px 20px;
	float: left;
}
.ds-tj .ds-tj-header
{
	color: #888;
	font-size: 16px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 8px;
}
.ds-tj .ds-tj-body ul li
{
	overflow: auto;
	padding: 15px 5px;
}
.ds-tj .ds-tj-body .ds-tj-body-img
{
	display: block;
	float: left;
	margin-right: 10px;
}
.ds-tj .ds-tj-body .ds-tj-body-content
{
	width: 170px;
	overflow: hidden;
	float: left;
}
.ds-tj .ds-tj-body .ds-tj-body-content a p
{
	color: #666;
}
.ds-tj .ds-tj-body .ds-tj-body-img a img
{
	width: 48px;
	height: 48px;
	border-radius: 50%;
}
.ds-zd
{
	width: 598px;
	padding: 20px 24px;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
}
.ds-zd .ds-zd-header
{	
	display: inline-block;
	font-size: 18px;
	color: #fff;
	background-color: #ef2d36;
	padding: 8px 25px;
	border-radius: 18px;
}
.ds-zd .ds-zd-header a
{	
	font-size: 18px;
	color: #fff;
	text-decoration: none;
}
.ds-zd .ds-zd-body
{
	padding: 15px 0;
}
.ds-zd .ds-zd-body ul li
{
	list-style: disc;
	list-style-position: inside;
	color: #ccc;
	padding: 3px 15px;
}
.ds-zd .ds-zd-body ul li a
{
	color: #666;
	display: inline-block;
	width: 90%;
	overflow: hidden;
	white-space:nowrap; 
	text-overflow:ellipsis;
}
.ds-zd .ds-zd-body ul li a:hover
{
	color: #ef2d36;
}
.ds-side
{
	width: 318px;
	padding: 8px 24px;
}
.ds-zx, .ds-rm
{
	margin-bottom: 20px;
}
.ds-zx a.more, .ds-rm a.more
{
	float: right;
	margin-top: 8px;
}
.ds-side .ds-side-header
{
	display: inline-block;
	border-left: 5px solid #ef2d36;
	padding-left: 10px;
}
.ds-side .ds-side-body
{
	padding: 0 16px;
}
.ds-side .ds-side-body ul li
{
	font-size: 12px;
	margin-bottom: 10px;
}
.ds-side .ds-side-body ul li .ds-zx-name a
{
	color: #666;
}
.ds-side .ds-side-body ul li .ds-zx-content
{
	max-height: 35px;
	overflow: hidden;
	margin-top: 3px;
}
.ds-side .ds-side-body ul li .ds-zx-content a
{
	color: #aaa;
}
.ds-tp ,.ds-pe
{
	width: 679px;
	float: left;
	border-right: 1px solid #e6e6e6;
}
.ds-tp .ds-tp-header
{
	padding: 14px 20px;
	border-bottom: 1px solid #e6e6e6;
	overflow: auto;
}
.ds-tp .ds-tp-header img
{
	width: 60px;
	height: 60px;
	margin-right: 30px;
	float: left;
}
.ds-tp .ds-tp-header a
{
	background-color: #99cfff;
	border-radius: 3px;
	padding: 3px 5px;
	color: #fff;
}
.ds-tp .ds-tp-header h3
{
	font-size: 20px;
	line-height: 30px;
}
.ds-tp .ds-tp-header .ds-tp-header-content
{
	width: 547px;
	float: left;
}
.ds-tp .ds-tp-header .ds-tp-header-content p
{
	line-height: 180%;
	color: #999;
}
.ds-tp .ds-tp-header .ds-tp-header-content h3
{
	color: #ef2d36;
	margin-right: 8px;
	font-size: 20px;
}
.ds-tp .ds-tp-header .ds-tp-header-content .ds-tp-header-btn
{
	margin-bottom: 18px;
}
.ds-tp .ds-tp-header .ds-tp-header-content .ds-tp-header-btn button
{
	font-size: 12px;
	padding: 5px 20px;
	margin-right: 15px;
	border-radius: 2px;
}
.ds-tp .ds-tp-body
{
	padding: 0 20px;
}
.ds-tp .ds-tp-body ul li
{
	border-bottom:1px solid #f0f7fd;
	padding: 14px 0;
	overflow: hidden;
}
.ds-tp .ds-tp-body ul li .ds-tp-body-list img
{
	width: 48px;
	height: 48px;
	margin-right: 25px;
	margin-left: 5px;
}
.ds-tp .ds-tp-body ul li .ds-tp-body-list .ds-tp-body-list-info,.ds-tp .ds-tp-body ul li .ds-tp-body-list .ds-tp-body-list-info2,.ds-tp .ds-tp-body ul li .ds-tp-body-list .ds-tp-body-list-info3
{
	width: 550px;
}
.ds-tp .ds-tp-body ul li .ds-tp-body-list .ds-tp-body-list-info h5 a
{
	background-color: #99cfff;
	border-radius: 3px;
	padding: 3px 5px;
	color: #fff;
}
.ds-tp .ds-tp-body ul li .ds-tp-body-list .ds-tp-body-list-info p
{
	color: #888;
}
.ds-tp .ds-tp-body ul li .ds-tp-body-list .ds-tp-body-list-info p a, .ds-tp .ds-tp-body ul li .ds-tp-body-list .ds-tp-body-list-info p span
{
	color: #aaa;
	margin-right: 22px;
}
.ds-tp .ds-tp-body ul li .ds-tp-body-list .ds-tp-body-list-info2 a:hover，.ds-tp .ds-tp-body ul li .ds-tp-body-list .ds-tp-body-list-info3 a:hover
{
	color: #2594f7;
	text-decoration: none;
}
.ds-tp .ds-tp-body ul li .ds-tp-body-list .ds-tp-body-list-info2 p
{
	color: #aaa;
	font-size: 12px;
}
.ds-tp .ds-tp-body ul li .ds-tp-body-list .ds-tp-body-list-info2 p a, .ds-tp .ds-tp-body ul li .ds-tp-body-list .ds-tp-body-list-info2 p span
{
	color: #aaa;
}
.ds-tp .ds-tp-body ul li .ds-tp-body-list .ds-tp-body-list-info2 p i
{
	color: #ddd;
	margin-left: 12px;
	margin-right: 12px;
}
.ds-tp .ds-tp-body ul li .ds-tp-body-list .ds-tp-body-list-info2 p span,.ds-tp .ds-tp-body ul li .ds-tp-body-list .ds-tp-body-list-info3 p a span
{
	margin-right: 5px;
}
.ds-tp .ds-tp-body ul li .ds-tp-body-list .ds-tp-body-list-info3 p
{
	color: #888;
	line-height: 160%;
	word-wrap: break-word;
}
.ds-tp .ds-tp-body ul li .ds-tp-body-list .ds-tp-body-list-info3 p a
{
	border: 1px solid #e6e6e6;
	border-radius: 4px;
	padding: 5px 15px;
	margin-right: 8px;
	font-size: 12px;
	color: #999;
}
.ds-tp .ds-tp-body ul li .ds-tp-body-list .ds-tp-body-list-info3 p a:hover
{
	background-color: #2594f7;
	color: #fff;
}
.ds-tp .ds-tp-body ul li .ds-tp-body-list .ds-tp-body-list-info3 .ds-tp-body-list-info3-reply textarea
{
	width: 100%;
	height: 60px;
	border-radius: 5px;
	border: 1px solid #99cfff;
	resize: none;
}
.ds-tp .ds-tp-body .ds-tp-body-content
{
	padding: 20px 20px;
	line-height: 180%;
	word-wrap: break-word;
}
.ds-tp .ds-tp-body .ds-tp-body-content2
{
	padding: 0 20px;
	color: #aaa;
}
.ds-tp .ds-tp-body .ds-tp-body-content2 a
{
	color: #aaa;
}
.ds-tp .ds-tp-body .ds-tp-body-content2 .ds-tp-body-content2-reply textarea
{
	width: 100%;
	height:
	 100px;
	border-radius: 5px;
	border: 1px solid #99cfff;
	resize: none;
	margin-top: 20px;
}
.ds-tp .ds-tp-page
{
	padding: 20px 20px;
	overflow: auto;
}
.ds-tp .ds-tp-page ul.pagination
{
	border-radius: 2px;
}
.ds-tp .ds-tp-page ul li a:hover,.ds-tp .ds-tp-page ul li a:focus
{
	background-color: #99cfff;
	color: #fff;
}
.ds .ds-add
{
	max-width: 500px;
	margin: 60px auto;
	overflow: auto;
}
.ds .ds-add textarea
{
	width: 100%;
	resize: none;
}
.ds .ds-add h3
{
	color: #999;
}
/*discuss_person.html*/
.ds .ds-pe .ds-pe-header
{
	width: 100%;
	border-bottom: 1px solid #e6e6e6;
	padding: 20px 24px;
	overflow: auto;
}
.ds .ds-pe .ds-pe-header img
{
	width: 160px;
	height: 160px;
	display: block;
	float: left;
}
.ds .ds-pe .ds-pe-header .ds-pe-name
{
	margin-left: 20px;
	float: left;
	width: 450px;
}
.ds .ds-pe .ds-pe-header .ds-pe-name i
{
	margin-left: 10px;
	display:inline-block;
	width: 18px;
	color: #99cfff;
}
.ds .ds-pe .ds-pe-body
{
	overflow: auto;
}
.ds .ds-pe .ds-pe-body .ds-pe-body-nav ul
{
	padding-top: 20px;
	padding-left: 24px;
	border-bottom: 1px solid #e6e6e6;
}
.ds .ds-pe .ds-pe-body .ds-pe-body-nav ul li
{
	float: left;
}
.ds .ds-pe .ds-pe-body .ds-pe-body-nav ul li a 
{
    line-height: 1.42857143;
    color: #666;
    padding: 10px 24px;
}
.ds .ds-pe .ds-pe-body .ds-pe-body-nav ul li a span
{
	background-color: #99cfff;
	margin-left: 8px;
}
.ds .ds-pe .ds-pe-body .ds-pe-body-nav ul li.active
{
	border-bottom: 2px solid #99cfff;
}
.ds .ds-pe .ds-pe-body .ds-pe-body-nav ul li.active a
{
	font-weight: 700;
}
.nav li a:focus, .nav li a:hover 
{
    text-decoration: none;
    background-color: #fff;
}
.ds .ds-pe .ds-pe-body .tab-content
{
	padding: 30px 34px;	
}
.ds .ds-pe .ds-pe-body .tab-content ul li
{
	padding: 10px 0 16px 0;
	border-bottom: 1px dotted #e6e6e6;
	overflow: auto;
}
.ds .ds-pe .ds-pe-body .tab-content img
{
	width: 40px;
	height: 40px;
	margin-right: 10px;
	float: left;
}
.ds .ds-pe .ds-pe-body .tab-content ul li .ds-pe-body-header
{
	margin-bottom: 15px;
}
.ds .ds-pe .ds-pe-body .tab-content ul li .ds-pe-body-content
{
	color: #999;
	text-decoration: none;
	margin-bottom: 10px;
}
.ds .ds-pe .ds-pe-body .tab-content ul li .ds-pe-body-info
{
	color: #999;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.ds .ds-pe .ds-pe-body .tab-content ul li i
{
	color: #ddd;
	margin-left: 10px;
	margin-right: 10px;
}
.ds .ds-pe .ds-pe-body .tab-content #zl ul li
{
	border-bottom: none;
}
.ds .ds-pe .ds-pe-body .tab-content #zl ul li label
{
	font-weight: normal;
	width: 150px;
	text-align: right;
	margin-right: 20px;
}
.ds .ds-pe .ds-pe-body .tab-content #zl ul li .content
{
	display: inline-block;
}
.ds .ds-pe .ds-pe-body .tab-content #zl ul li .content input[type="text"]
{
	width: 350px;
	height: 39px;
	line-height: 39px;
	border-radius: 3px;
	border:  1px solid #ccc;
	padding: 2px 6px;
}
.ds .ds-pe .ds-pe-body .tab-content #zl ul li .content textarea
{
	height: 200px;
	width: 360px;
	resize: none;
	border-radius: 3px;
	border:  1px solid #ccc;
	padding: 2px 6px;
}
.ds .ds-pe .ds-pe-body .tab-content #mm ul li
{
	border-bottom: none;
}
.ds .ds-pe .ds-pe-body .tab-content #mm ul li label
{
	font-weight: normal;
	width: 150px;
	text-align: right;
	margin-right: 20px;
}
.ds .ds-pe .ds-pe-body .tab-content #mm ul li .content
{
	display: inline-block;
}
.ds .ds-pe .ds-pe-body .tab-content #mm ul li .content input[type="password"]
{
	width: 350px;
	height: 39px;
	line-height: 39px;
	border-radius: 3px;
	border:  1px solid #ccc;
	padding: 2px 6px;
}
.ds .ds-pe .ds-pe-body .tab-content .ds-pe-page
{
	padding: 20px 20px;
	overflow: auto;
}
.ds .ds-pe .ds-pe-body .tab-content .ds-pe-page ul.pagination
{
	border-radius: 2px;
}
.ds .ds-pe .ds-pe-body .tab-content .ds-pe-page ul li a:hover,.ds .ds-pe .ds-pe-body .tab-content .ds-pe-page ul li a:focus
{
	background-color: #99cfff;
	color: #fff;
}






.ds-footer
{
	text-align: center;
	font-size: 12px;
	background-color: #f5f5f5;
	color: #959595;
	padding: 35px 0;
}