.left{ float:left; margin-top:20px; width:690px;margin-bottom:15px; margin-right:40px;_margin-right:5px;*margin-right:40px; }
.left h3{ display:block; font-size:14px;font-weight:normal;  width:690px; height:52px;background: url(../images/top_nav.png) no-repeat;  text-align:left; clear:both}
.left h3 a{ color:#333333;}
.left h3 a:hover{ color:#ea6153;}
.left h3 span{ height:37px; width:500px; display:block; padding-top:15px; margin-left:65px;}
.left ul{width:690px;min_height:630px; background:#FFFFFF; padding-top:10px;padding-bottom:15px;  float:left;}
.left ul li{ width:300px;  display:block;border:1px solid #CCC; border-radius: 4px; float:left;font-size:14px;line-height:35px;padding:10px 0px 10px 0px; _padding:10px 0 0 0;margin-top:15px; margin-left:20px;_margin-left:15px; margin-right:20px; _margin-right:10px; overflow:hidden}
.left ul li .d{ display:block;max-width:280px;_width:140px; height:35px; width:280px;clear:both; overflow:hidden;}
.left ul li a{ display:block; color:#111; margin-left:15px;_margin-left:5px; text-decoration:none; float:left}
.left ul li p{display:block; color:#111; margin-left:15px;_margin-left:5px; text-decoration:none; float:left}
.left ul li a:hover{ color: #FF0000; text-decoration:underline}
.left ul li span{ display:block; width:80px; height:32px; line-height:35px; text-align:left;float:right; color:#999999;}
.left ul li .list-body{ float:left; width:300px; height:32px; margin-top:10px; margin-bottom:5px;}
.left ul li .list-body a{ text-decoration:none; float:left; height:32px; color:#999999}
.left ul li .list-body a:hover{ text-decoration:none;color:#999999}
.left ul li .list-body .view{ height:32px;float:left; background: url(../images/icon06.gif) no-repeat 0 0px; padding-left:38px;_width:30px;*width:46px;max-width:56px; width:56px; overflow:hidden; display:block;_margin-right:0px; margin-right:10px}
.left ul li .list-body .click{height:32px;float:left;background:url(../images/icon05.gif) no-repeat 0 0px;padding-left:38px;max-width:56px;*width:46px;_width:30px;width:56px; overflow:hidden; display:block;}
.left ul li .list-body var{ color:#ea6153; display:block; height:32px; line-height:32px}
.left ul li .list-body .use{ color:#666666;display:block; float:left; height:32px;_margin-right:3px;_width:30px; width:40px; line-height:32px; text-align:center; border:1px solid #CCC; border-radius: 4px;  }
.left ul li .list-body .use:hover {color:#fff;background:#3D5FC5;border:1px solid #005EAA; }
.left .pages {width:690px;float:left;text-align:center;line-height:50px;height:50px;font-size:14px;background:#fff;}





.right{ width:310px; float: left; margin-top:20px; margin-bottom:10px;}
.right .top_ranking{ width:310px; clear:both }
.right .top_ranking h3{ display:block;color:#3F61C7;width:245px;font-size:16px; padding-left:65px; font-weight:normal; height:52px; background:url(../images/remen.png) no-repeat; line-height:52px; text-align:left }
.right .top_ranking ul{  background:#FFFFFF;  width:310px;  padding-top:15px; height:180px;overflow:hidden;}
.right .top_ranking ul li { background: url(../images/re.png) no-repeat 0px 8px; font-size:14px;line-height:30px; margin-left:20px; padding-left:25px; padding-right:10px; height:30px; overflow:hidden}
.right .top_ranking ul li a{ color:#111;text-decoration:none}
.right .top_ranking ul li a:hover{ color: #FF0000; text-decoration:underline}

.right .new_ranking{ width:310px; margin-top:10px }
.right .new_ranking h3 { display:block;color:#3F61C7;width:245px;font-size:16px; padding-left:65px; font-weight:normal; height:52px; background: url(../images/xinshang.png) no-repeat; line-height:52px; text-align:left }
.right .new_ranking ul{  background:#FFFFFF; padding-top:15px; height:180px;overflow:hidden;}
.right .new_ranking ul li { background: url(../images/re.png) no-repeat 0px 8px; font-size:14px;line-height:30px; margin-left:20px; padding-left:25px; padding-right:10px; height:30px; overflow:hidden}
.right .new_ranking ul li a{ color:#111; text-decoration:none}
.right .new_ranking ul li a:hover{ color: #FF0000; text-decoration:underline}



.right .right_software { width:310px; margin-top:20px }
.right .right_software h2 { display:block;color:#3F61C7;width:245px;font-size:16px; padding-left:65px; font-weight:normal; height:52px; background: url(../images/download.png) no-repeat; line-height:52px; text-align:left }
.right .right_software h2 span {float:right;font-size:14px;}
.right .right_software h2 span a {color:#333;}
.right .right_software ul{  background:#FFFFFF; padding-top:15px;height:180px;overflow:hidden;}
.right .right_software ul li { background: url(../images/re.png) no-repeat 0px 8px; font-size:14px;line-height:30px; margin-left:20px; padding-left:25px; padding-right:10px; height:30px; overflow:hidden}
.right .right_software ul li a{ color:#111; text-decoration:none}
.right .right_software ul li a:hover{ color: #FF0000; text-decoration:underline}
.right .right_software ul li img {width:16px;height:16px;margin-right:4px;}


.project_newcs {display:none;}



/*-----ÄÚÈÝÒ³----*/
.left_con{ width:690px; float:left;margin-top:20px; margin-right:40px;_margin-right:10px;*margin-right:30px;}
.left-top { float:left; width:690px; background:#FFFFFF ; clear:both}
.left-top h3{ display:block; font-size:14px;font-weight:normal;  width:690px; height:52px;background: url(../images/top_nav.png) no-repeat;  text-align:left; clear:both}
.left-top h3 a{ color:#333333;}
.left-top h3 a:hover{ color:#ea6153;}
.left-top h3 span{ height:37px; width:500px; display:block; padding-top:15px; margin-left:65px;}
.left-top .title{ width:690px; text-align:center; margin-top:25px;}
.left-top .title h1{font-size:20px;font-weight:bold;}
.left-top .time{ width:690px; text-align:center; margin-bottom:20px; margin-top:10px;}
.left-top .zan{ float:right; margin-right:15px; margin-top:10px; margin-bottom:30px}
.left-top .zan table{  text-align:center}
.ku{ border:1px solid #00CCFF}

.left-bottom{ clear:both;  height:100%}
.left-bottom .title_re{ width:688px; font-weight:normal; font-size:16px;  height: 40px; float:left; line-height:40px; background:#f9f6f6; border:1px solid #cccbca}
.left-bottom .title_re img{float:left; padding-top:6px; margin-right:10px; margin-left:10px;}
.left-bottom .title_re h3{ font-size:16px;font-weight:normal; }
.left-bottom .left-bottom-con{ position:relative; clear:both; float:left; margin-bottom:20px; width:690px;background:#FFFFFF;  }
.left-bottom .left-bottom-con-comment{clear:both; position:relative; float:left; width:690px;background:#FFFFFF;}
.left-bottom .left-bottom-con .comment{ float:left; width:600px; padding-bottom:10px;margin-left:15px;  margin-bottom:15px; text-align:left}
.left-bottom .left-bottom-con .comment img{ float:left; width:50px;}
.left-bottom .left-bottom-con .comment p{ width:520px; display:block;  margin:5px 10px 4px 70px}
.ds-paginator{margin-right:10PX;text-align:right;padding-bottom:15px;clear:both;line-height:1em}
.ds-border{border-top:1px solid rgba(255,255,255,0.7);margin-bottom:15px}
.ds-paginator a{font-size:12px;margin:0 3px;padding:2px 5px;border:1px solid transparent; color:#999}
.ds-paginator a:hover,.ds-paginator a.ds-current{-webkit-border-radius:3px;border-radius:3px;background-color:rgba(0,0,0,0.03)}
.ds-paginator a.ds-current{color:#d32;border:1px solid #ccc}
.left-bottom .left-bottom-con .left-bottom-con-cri{clear:both; width:628px;  text-align:right; float:left;position:relative}
.left-bottom .left-bottom-con .left-bottom-con-cri .imger{ display:block; float:left; margin-left:10px; margin-right:10px;}
.left-bottom .left-bottom-con .left-bottom-con-cri p{ float:left; display:block;margin-top:10px; margin-left:15px;_margin-left:5px;margin-right:20px;_margin-right:15px}
.left-bottom .left-bottom-con .left-bottom-con-cri textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;border-radius:3px; width:460px;_width:450px;float:left;line-height:20px;border:1px  solid #CCC}
.left-bottom-con-cri textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;border-radius:3px; width:460px;_width:450px;float:left;line-height:20px;border:1px  solid #CCC}
.total_hover a{color:#666;}
.total_hover span{color:#CC0000}
.pl_style1{ float:left;font-size:12px;margin:0; height:20px; line-height:20px; padding:0px;list-style: none}
.pl_style1 li{ float:left;  display:block}
.pl_style2{ float:left; margin:0; padding:0px;height:20px; line-height:20px; font-size:12px; list-style: none}
.pl_style2 li{ float:left; display:block; padding-left:2px;}
.pl_style1 input,.pl_style2 input{ font-size:12px}



















