/*包含页面的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; }