arc[3].css

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

/* CSS Document */
.blank9{margin:0 auto; width:100%; height:9px; font-size:1px; }
.blank6{margin:0 auto; width:100%; height:6px; font-size:1px; }
.blankW9{margin:0 auto; width:100%; height:9px; font-size:1px; background:#fff; clear:both;}
.blank15{margin:0 auto; width:100%; height:15px; font-size:1px; }
.lineH{margin:0 auto; width:750px; height:1px; overflow:hidden; font-size:1px;}

/* 区块 */
.area{margin:0 auto; width:750px; background:url(../newimg/arc_bg.gif);}
.area .col1{float:left; width:571px; }
.area .col2{float:left; width:25px; }
.area .col3{float:right; width:154px;}



/*  当前位置 */
.position{margin:0 auto; width:569px; border-top:1px solid #fff; border-bottom:1px solid #b2b2b2; background:#F9F4F1; height:24px;}
.position .text{float:left; padding:6px 0 0 8px; text-align:left; height:14px;}
.position .text a:visited{ color:#000;}
.position .text a:hover{color:#bc2931;}
.position .text a:active{color:#bc2931;}



/* 文章标题 */
.arcTitle{margin:0 auto; width:555px; padding:10px 0;}
.arcTitle h1{float:left; text-align:left; width:555px; font-size:24px; }
.arcTitle .text{float:left; text-align:left; padding:5px 0 0;}
.arcTitle .text input{ padding:2px 0 0; margin:0; width:65px;}



/* 正文 */
#main{margin:0 auto; width:569px;  border-top:1px solid #b2b2b2; border-bottom:1px solid #b2b2b2; overflow:hidden; background:#F9FCFE; }
#text{text-align:left; margin:12px; font-size:14px; line-height: 160%;word-wrap:break-word; word-break:break-all;}
#text h2{ font-size:14px; }
#text p{ }
#text a{ text-decoration:underline;}
#text .icon{ margin:4px 0 0;}
#text img{border:1px solid #000;}
#text .icon{ border:0; margin:4px 0 0;}
.page{ margin:0 auto; width:100%; padding:12px 0 25px; clear:both;}

/* 相关文章 */
.aboutArc{ margin:0 auto; width:550px; }
.aboutArc .title{}
.aboutArc .title h2{padding:5px 0 0 18px; text-align:left;background:url(../newimg/arc_i2.gif) 3px 6px no-repeat; font-size:12px; font-weight:normal;}
.aboutArc .content{}
.aboutArc .content ul{padding:6px 0 0;}
.aboutArc .content li{text-align:left; padding:4px 0 3px 12px;background:url(../newimg/arc_i1.gif) 3px 8px no-repeat; list-style-type:none; font-size:14px;}
.aboutArc .content li span{color:#1f3a87; font-size:12px; padding:0 0 0 2px;}



/* 今日推荐 */
.todayCommend{ margin:0 auto; width:569px;background:#f9f9f9;}
.todayCommend .title{height:22px; background:#C4DBED; border-top:1px solid #b2b2b2;}
.todayCommend .title h2{float:left; padding:6px 0 0 12px; font-size:12px; font-weight:normal;}
.todayCommend .content{}
.todayCommend .picText{padding:10px 0 5px;border-bottom:1px solid #fff;}
.todayCommend .picText .pic{float:left; width:240px;}
.todayCommend .picText .pic img{border:1px solid #000; margin:0 0 5px;}
.todayCommend .picText .pic h2{margin:0 auto; width:222px; font-size:12px; font-weight:normal; text-align:left;}
.todayCommend .picText .text{float:left; width:325px;}
.todayCommend .picText .text ul{}
.todayCommend .picText .text li{text-align:left; padding:3px 0 3px 18px; background:url(../newimg/arc_i1.gif) 10px 7px no-repeat; list-style-type:none;}
.todayCommend .list{ margin:0 auto; width:550px;}
.todayCommend .list .col{float:left; width:275px;}
.todayCommend .list .col .title1{}
.todayCommend .list .col .title1 h2{float:left; color:#1f3a87; padding:5px 0 0 18px; background:url(../newimg/arc_i2.gif) 3px 6px no-repeat; font-size:12px; font-weight:normal;}
.todayCommend .list .col .content{}
.todayCommend .list .col .content ul{ padding:6px 0 0;}
.todayCommend .list .col .content li{text-align:left; padding:3px 0 3px 12px; background:url(../newimg/arc_i1.gif) 3px 7px no-repeat; list-style-type:none;}

.commendTitle{margin:0 auto; width:99.6%;  height:19px;  background:url(../newimg/arc_i3.gif) #900 12px 5px no-repeat;}
.commendTitle h2{float:left; padding:4px 0 0 30px; font-size:12px; font-weight:normal; color:#fff; }
.commendTitle .s{float:right;  padding:4px 8px 0 0; } 

/* 评论数 */
.arcCommendNum{margin:0 auto; width:550px; clear:both; height:42px; background:url(http://cimg2.163.com/finance/newimg/arc_bg4.gif) 0 36px repeat-x; color:#3362B4;}
.arcCommendNum .Ttext{ margin:0 auto; width:185px; background:url(http://cimg2.163.com/finance/newimg/arc_bg3.gif) #F9FCFE 75px 2px no-repeat; height:42px;}
.arcCommendNum .Ttext h2{float:left; padding:7px 10px 0 3px; font-size:14px; }
.arcCommendNum .Ttext h3{float:left; padding:7px 3px 0 25px; font-size:14px;}
.arcCommendNum .Ttext h4{  padding:5px 0 0 82px; text-align:left; height:18px; overflow:hidden;}
.arcCommendNum .Ttext a{color:#3362B4;}
.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:#2F3291;}
.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/arc_bg1.gif) repeat-x; height: 1px;  font-size:1px; }
.statement{ padding:0 0 6px 20px; text-align:left;  color:#bc2931;}

/* 发表评论 */
.endReview { margin:5px auto; width:99.6%; border-top:1px solid #b2b2b2;}
.inputReview { float:left;border-left:1px solid  #b2b2b2; width:59.5%;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:94%; padding:5px 0 5px 6px; padding /* */:5px 0 0 6px; clear:both; text-align:left;}
.inputReview .inPut .s1{ border:1px solid #ccc;  background:#f6f6f6; padding:2px 0 0 2px; margin:0; height:19px; text-align:center;}
.inputReview .inPut .s2{border:1px solid #999; width:35px; height:17px; }
.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/arc_bg2.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/arc_i4.gif) #fff 1px 3px 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:#1f3a87;}
.topReview li span a{color:#1f3a87;}
.topReview li span a:hover{color:#bc2931;}

/* 右边标题 */
.rightTitle{ background:#C4DBED; margin:0 auto; height:22px; width:152px;}
.rightTitle h2{float:left; padding:5px 0 0 8px; font-size:12px; font-weight:normal;}
.rightTitle span{float:right; padding:5px 6px 0 0;}
.rightList{}
.rightList .pic{}
.rightList .pic ul{padding:8px 0 5px;}
.rightList .pic li{list-style-type:none; padding:0 0 5px;}
.rightList .pic li img{border:1px solid #000; margin:0 0 5px;}
.rightList .pic li h2{margin:0 auto; width:122px; text-align:left;  font-size:12px; font-weight:normal;}
.rightList .pic li p{padding:6px 8px 0 10px; line-height:160%; text-align:left; margin:0;}
.rightList .pic .s{padding:4px 8px 1px; background:#bc2931; }
.rightList .pic .s a{color:#fff;}
.rightList .pic .s a:visited{ color:#fff;}
.rightList .pic .s a:hover{color:#ff0;}
.rightList .pic .s a:active{color:#ff0;}
.rightList .pic .icon{border:0;}
.rightList .pic li p a{ color:#bc2931;}
.rightList .pic li p a:hover{color:#1f3a87;}
.rightList .list{}
.rightList .list ul{padding:3px 0 4px;}
.rightList .list li{text-align:left; padding:1px 6px 0 15px; line-height:150%; background:url(../newimg/arc_i5.gif) 8px 7px no-repeat; list-style-type:none;}
.rightList a{color:#1f3a87;}
.rightList a:hover{color:#bc2931;}



/* 直达 */
.direct{margin:0 auto; width:569px; 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) 1px 11px no-repeat;}
.direct .s2{float:left; padding:5px 0 0;}

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

/* 修改后-发表评论 */
/* 发表评论 */
.endReview2 { margin:5px auto; width:99.6%; 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;}

/* ad */
.adTop{margin:0 auto; width:750px; padding:3px 0 0;}

.ad550{margin:0 auto; width:550px; clear:both;}
.ad550 img{margin:10px 0 3px; border:1px solid #000;}
.ad360{padding:5px;}/* ad */

.adTextPic{ margin:0 auto; width:569px; padding:0 0 8px; border-top:1px solid #b2b2b2;}
.adTextPic a{color:#467902;}
.adTextPic a:hover{color:#bc2931;}
.adTextPic .text{padding:10px 0 5px;}
.adLine{border-top:1px solid #b2b2b2;}
.adText{margin:0 auto; width:569px; padding:6px 0;}
.adText .col{float:left; width:189px;}
.adText .col ul{margin:0 auto; width:180px;}
.adText .col li{float:left; width:180px; text-align:left; padding:3px 0; list-style-type:none;}
.adTitle1{margin:0 auto; clear:both; width:569px; height:22px; background:#7FA1CF; color:#fff;}
.adTitle1 a{color:#fff;}
.adTitle1 a:hover{color:#000;}
.adTitle1 .s1{float:left; padding:4px 0 0 5px;}
.adTitle1 .s2{float:left; padding:6px 0 0 5px;}
.adTitle1 .s3{float:right; padding:6px 5px 0 0;}
.adTitle2{margin:0 auto; clear:both; width:569px; height:22px; background:#FDAD10; }
.adTitle2 a{color:#000;}
.adTitle2 a:hover{color:#fff;}
.adTitle2 .s1{float:left; padding:6px 0 0 5px;}

.adRpic{ width:auto;}
.adRpic img{margin:2px 0 0;}
.adRtext{ margin:0 auto; clear:both; width:148px;}
.adRtext ul{float:left; width:148px; padding:6px 0;}
.adRtext li{float:left; list-style-type:none; width:131px; background:url(../newimg/arc_i6.gif) 5px 7px no-repeat; text-align:left; padding:3px 0 3px 13px;}
.adRtext a,.adRtitle a,.adRwire a,.adRtract a{color:#467902;}
.adRtext a:hover,.adRtitle a:hover,.adRwire a:hover,.adRtract a:hover{color:#bc2931;}
.adRtitle{margin:0 auto; width:148px; clear:both; padding:3px 0; text-align:left;}
.adRline{border-bottom:1px solid #b2b2b2; border-top:1px solid #b2b2b2;}
.adRtract{margin:0 auto; width:148px; line-height:150%;  padding:0 0 5px; clear:both;}