arc[2].css

一套完整的OA办公系统（JSP）的

.commendTitle .s{float:right;  padding:5px 5px 0 0;} 

/* 相关新闻 */
.arcAboutNews{ margin:0 auto; width:548px; border:1px solid #C6C6E2; background:#F9FCFE;}
.arcAboutNews .title{border-bottom:1px solid #c6c6e2; background:#EFEFF7; height:25px; clear:both;}
.arcAboutNews .title h2{float:left; padding:6px 0 0 12px; font-size:14px;color:#6A6A9A;}
.arcAboutNews ul{padding:10px 0 8px;}
.arcAboutNews li{ padding:4px 0 3px 28px; text-align:left;  font-size:14px; list-style-type:none; background:url(/newimg/i2.gif) 10px 7px no-repeat;}
.arcAboutNews span{padding:0 0 0 6px; font-size:12px;color:#444; letter-spacing:2px;}

/* 每日关注 */
.attention{ margin:0 auto; width:550px;}
.attention .title{margin:0 auto; width:550px;  height:17px;  background:url(/newimg/arc_i2.gif) repeat-x 0px 2px;}
.attention .title h2{float:left; padding:3px 0px 0 0px; font-size:14px; border-right:6px solid #fff; background:#fff;}
.attention .title span{float:right;  padding:3px 0 0 13px; background: #ffffff url(/newimg/arc_i3.gif) left no-repeat;}
.attention .content{margin:10px auto; clear:both; width:550px; }
.attention .content .list{float:left;}
.attention .content .list .box{width:170px; padding:0 0 6px;}
.attention .content .s1{width:179px;}
.attention .content .s2{border-right:1px solid #b2b2b2; border-left:1px solid #b2b2b2; width:190px;}
.attention .content .list .s{margin:0 auto;}
.attention .content .list .box h2{float:left; width:170px; padding:6px 0; text-align:left; font-size:12px; font-weight:normal;}
.attention .content .list .box p{float:left; width:170px; padding:0; margin:0; line-height:150%; text-align:left;}
.attention .content .list .box p img{float:left; margin:0 6px 0 0; border:1px solid #000;}
.attention .content a{color:#1f3a87;}
.attention .content a:hover{color:#bc2931;}
.attention .commend{margin:0 auto; width:550px; padding:8px 0  6px;}/* 每日推荐(评论频道) */
.attention .commend .col1{float:left; width:130px; text-align:left;}
.attention .commend .col1 img{border:1px solid #000; margin:0 0 5px;}
.attention .commend .col2{float:left; width:240px;}
.attention .commend .col2 ul{float:left; width:240px;}
.attention .commend .col2 li{float:left; width:227px; padding:3px 0 2px 13px;list-style-type:none; background:url(/newimg/i2.gif) left no-repeat; text-align:left;}

/* 评论数 */
.arcCommendNum{margin:0 auto; width:550px; clear:both; height:45px; background:url(http://cimg2.163.com/cnews/newimg/arc_bg2.gif) 0 36px repeat-x; color:#6A6A9A;}
.arcCommendNum .Ttext{ margin:0 auto; width:550px; height:45px;  background:url(http://cimg2.163.com/cnews/newimg/arc_bg3.gif)  35px 2px no-repeat;}
.arcCommendNum .Ttext h2{float:left; margin:7px 8px 0 6px; padding:0 5px; font-size:14px;background:#F9FCFE;}
.arcCommendNum .Ttext h3{float:right; padding:7px 10px 0 10px; margin:0 10px 0 0; font-size:14px; background:#F9FCFE;}
.arcCommendNum .Ttext h4{  padding:5px 0 0 42px; clear:both; text-align:left; height:18px; overflow:hidden;}
.arcCommendNum .Ttext a{color:#6A6A9A;}
.arcCommendNum .Ttext a:hover{color:#bc2931;}


/* 热门评论 */
.hotReview { width:99.3%; margin:0 auto; clear: both;}
.hotReview .content {padding:12px 0 8px;width:99.3%; margin:0 auto; text-align: left; background:#F8FCFF;}
.hotReview a{color:#1f3a87;}
.hotReview a:hover{color:#bc2931;}

/* 评论内容*/
.name { color: #777; float:left; padding: 0 0 0 16px; }
.function {float: right; padding:0 12px 0 0; }
.review { padding:5px 3px 0 20px !important; padding:5px 20px 0; width /**/:90%;clear: both; line-height: 150%; table-layout: fixed; overflow: hidden; word-wrap:break-word; word-break:break-all;  height /**/: auto ; }
.review table{table-layout:fixed;}
.review td{ overflow:hidden;text-overflow:ellipsis;}
.hr { margin:8px 0 13px;background:url(/newimg/bg2.gif) repeat-x; height: 1px;  font-size:1px; }
.statement{ padding:0 0 6px 20px; text-align:left;  color:#bc2931;}

/* 发表评论 */
.endReview { margin:5px auto; width:100%; border-top:1px solid #b2b2b2;}
.inputReview { float:left;border-left:1px solid  #b2b2b2; width:59%;border-right:1px solid #b2b2b2; padding:0 0 10px; }
.inputReview .total{text-align: left; float:left; background:#f6f6f6; height:28px; border-top:1px solid #fff; width:100%;}
.inputReview .total .s{float:left; padding:8px 0 0 20px;}
.inputReview .inPut{ margin:0 auto; width:88%; padding:5px 0; padding /* */:5px 0 0 6px; clear:both; text-align:left;}
.inputReview .inPut .s1{ border:1px solid #fff;  background:#f6f6f6; padding:2px 0 0 2px; margin:0; height:19px; text-align:center;}
.inputReview .inPut .s2{border:1px solid #1f3a87; width:40px; height:13px; height /* */:16px;}
.inputReview .inputText{padding /* */:0 0 0 6px;}
.inputReview textarea{height: 143px !important ; height:139px; font-size:12px; width:90%; padding:0; margin:0;}

.topReview { width:40%; float: right; }
.topReview .title{margin:0 auto;text-align: left;  width:92%;height:14px; background:url(/newimg/bg4.gif);}
.topReview .title h2{float:left; color:#bc2931; font-size:12px; font-weight:normal;padding:0 6px 0 0; background:#fff; }
.topReview .title .more{float:right; padding:0 0 0 7px; height:14px; background:url(/newimg/i10.gif) #fff left no-repeat;}
.topReview ol{ float:left; width:100%;}
.topReview li{clear:both; padding:3px 0 2px 10px;list-style-position:inside !important;  line-height:150%; list-style-type:decimal; text-align:left;}
.topReview li span{color:#666;}
.topReview li span a{color:#bc2931;}
.topReview li span a:hover{color:#000;}

/* 频道精选 */
.area .col3 .channel{ float:left; width:144px; padding:6px 0; border-top:1px solid #b2b2b2;}
.area .col3 .channel .title{float:left; width:135px; padding:0 0 5px 6px; text-align:left; }
.area .col3 .channel ul{float:left; width:144px; padding:5px 0 0;}
.area .col3 .channel li{float:left; width:144px; list-style-type:none; padding:6px 0 2px;}
.area .col3 .channel li img{border:1px solid #000; margin:0 0 3px;}
.area .col3 .channel h2{margin:0 auto; width:127px; font-weight:normal; font-size:12px; text-align:left;}
.area .col3 .channel a{color:#1f3a87;}
.area .col3 .channel a:hover{color:#bc2931;}

/* 直达 */
.direct{margin:0 auto; width:577px; border-top:1px solid #b2b2b2; background:#f6f6f6; height:26px;}
.direct .s1{float:left; padding:8px 0 0 7px; margin:0 0 0 10px; background:url(/newimg/arc_i4.gif) left no-repeat;}
.direct .s2{float:left; padding:5px 0 0;}

/* 嵌套评论 */
.nesting{ margin:0 auto; width:748px; border:1px solid #b2b2b2;} 

/* 额外 */
#extraText{ border-top:1px solid #b2b2b2; padding:5px 0 0; clear:both;}
#extraText td{text-align:left; line-height:160%;}


/* 修改后相关 */
.leftLink{margin:0 auto; width:552px;  height:25px; background:url(http://cimg2.163.com/cnews/0602/23/spread_arrow.gif) #3362B4 8px no-repeat;}
.leftLink h2{float:left; padding:6px 0 0 23px; font-size:14px; color:#FFF; }
.leftLink .s{float:right;  padding:3px 5px 0 0; } 
.leftLList{margin:0 auto; width:552px; background:#EBF5FC; }
.leftLList ul{float:left; width:552px;padding:6px 0 4px;}
.leftLList li{float:left; padding:4px 0 3px 10px; text-align:left; width:525px; font-size:14px; list-style-type:none; }
.leftLList span{padding:0 0 0 6px; font-size:12px;color:#444; letter-spacing:2px;}

/* 修改后-发表评论 */
/* 发表评论 */
.endReview2 { margin:5px auto; width:100%; border-top:1px solid #b2b2b2;}
.inputReview2 { float:left;border-left:1px solid  #b2b2b2; background:#E7E7E7; width:59%;border-right:1px solid #b2b2b2; padding:0 0 10px; }
.inputReview2 .title{ background:#3362B4; color:#fff; height:24px; border:2px solid #fff; clear:both;}
.inputReview2 .title h2{float:left; padding:5px 0 0 8px; font-size:14px; color:#fff;}
.inputReview2 .title h3{float:right; padding:6px 5px 0 0; font-size:12px;}
.inputReview2 .title h3 a,.inputReview .title h3 a:visited{color:#fff;}
.inputReview2 .title h3 a:hover{color:#ff0;}
.inputReview2 .inPut{ margin:0 auto; width:88%; padding:5px 0; padding /* */:5px 0 0 6px; clear:both; text-align:left;}
.inputReview2 .inPut .s1{ border:1px solid #fff;  background:#f6f6f6; padding:2px 0 0 2px; margin:0; height:19px; text-align:center;}
.inputReview2 .inPut .s2{border:1px solid #1f3a87; width:40px; height:13px; height /* */:16px;}
.inputReview2 .inputText{padding /* */:0 0 0 6px;}
.inputReview2 textarea{height: 143px !important ; height:139px; font-size:14px; width:90%; padding:0; margin:0;}

.topReview2 { width:40%; float: right; border-right:1px solid #b2b2b2; }
.topReview2 .title{height:24px; clear:both;border:2px solid #fff; background:#3362B4;}
.topReview2 .title h2{float:left; color:#fff; font-size:12px; font-weight:normal;padding:6px 0 0 6px;}
.topReview2 .title span{float:right; padding:6px 6px 0 0;}
.topReview2 .title span a,.topReview .title span a:visited{color:#fff;}
.topReview2 .title span a:hover{color:#ff0;}
.topReview2 ol{ float:left; width:100%;}
.topReview2 li{clear:both; padding:3px 0 2px 10px;list-style-position:inside !important;  line-height:150%; list-style-type:decimal; text-align:left;}
.topReview2 li span{color:#666;}
.topReview2 li span a{color:#bc2931;}
.topReview2 li span a:hover{color:#000;}