/***

源码网- www.yuanma.net

作者：yangbys 

QQ:712400292

2013-7-13

**/



/*reset*/

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td {

	margin:0;

	padding:0;

}

body{ font-size:14px; line-height:20px; font-family:"Verdana","Arial Narrow","宋体","Microsoft Yahei","微软雅黑","Helvetica Neue", Helvetica, Arial, sans-serif,"Simsun", "Segoe UI"; color:#6e6e6e; }



ul,li {list-style:none;}

input,textarea {vertical-align:middle; font-size:100%;}

textarea {	overflow: auto;	vertical-align: middle}

h1,h2,h3,h4,h5,h6 {font-size:100%;}

em,i {font-style:normal; font-size:100%;}

img {  vertical-align:top; border: 0 none; -ms-interpolation-mode: bicubic;}

button,input,select,textarea { margin: 0; font-size: 100%; vertical-align: middle;}

a {	text-decoration:none;	color:#454545;}

a:active{ color:#0846a3;	text-decoration:none;}



.pd5 {padding:5px;}

.pd10 {padding:10px;}

.pd15 {padding:15px;}

.pd20 {padding:20px;}

.mg10 {margin:10px;}

.mt5 {margin-top:5px;}

.mt10 {margin-top:10px;}

.mt15 {margin-top:15px;}

.mb10 {margin-bottom:10px;}

div.w100{width:100%;}

div.h100{height:100%;}

div.w98 {width:98%;}

.inlineblock {	display:inline-block;*display:inline;*zoom:1}

.center {text-align:center;}

.left {	float: left;}

.right {	float: right;}



.clearfix:after {  content:'\0020';  display:block;  height:0;  clear:both;}

.clearfix {  zoom:1;} 



html,body {height:100%;}



a, .link {  color:#454545;  text-decoration:none;}

/* 辅助链接 */

a:hover {  color:#ff6600;  text-decoration:underline;}

a:active {  color:#ffcc00;}

/******/

.row-fluid [class*="span"]:first-child { margin-left: 0;}

.row-fluid [class*="span"] {  display: block;  float: left;  width: 100%;  min-height: 30px;  margin-left: 2.127659574468085%;

  *margin-left: 2.074468085106383%;  -webkit-box-sizing: border-box;   -moz-box-sizing: border-box;  box-sizing: border-box;

  text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap;

}

.row-fluid .span2 { width: 48.93617021276595%; *width: 48.88297872340425%;}

/********/



.bar {height:40px; line-height:40px; padding:0 2%;} 

#update8,.header-top,.navList {max-width:1160px; _width:1160px; margin:0 auto;}



#header {padding:15px 0 0; }

.header-c {position:relative; padding:0 230px; }

.logo { width:192px; height:52px; position:absolute; left:5px; top:8px; float:none;}

.tag {overflow:hidden;}

.search {width:90%; margin-left:5%； float:none; }

#search_field { float:left; height:30px; line-height:30px; width:70%; padding:0 5px; }

#search_go {float:left; height:36px; width:20%; text-align:center; border:none; cursor:pointer; font-weight:700;}

.r_ad {position:absolute; right:0; top:0;  float:none;}

.nav {height:40px; overflow:hidden;}

.navList {padding:0 10px;}

.navList li {float:left;}

.navList li a{float:left; padding:10px 13px; }



.sub-category {position:relative; z-index:9; }

.sub-category .dropMenu {position:absolute; width:90%; padding:6px 5%; overflow:hidden; _zoom:1; display:none;}

.sub-category .dropMenu a{display:inline-block; padding:3px 5px; margin:5px; }

.sub-category .dropMenu a:hover {  text-decoration:none;  }





#main-update {padding:10px 0; overflow:hidden; zoom:1;}

.topLeft {width:410px;}



.news {width:430px; margin:0 0 0 15px;}

.head-txt {font-size:16px; text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap;}

.rec-content {width:290px;}

.hd {font-size:18px; height:40px; line-height:40px; padding:0 10px; text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap;}

.tit {margin-right:10px;}

.sc-c a { display:inline-block; padding:3px 5px;}

.top-content {text-indent:2em; padding:0 10px 15px; font-size:12px;}

.topList li { font-family:"微软雅黑","Arial",HELVETICA;}

.new-list {padding:0 0 10px;}

.new-list li {height:28px; line-height:28px; white-space: nowrap; position:relative; vertical-align:top;  overflow:hidden;}

.new-list li a {display:block; _width:260px; text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap; padding-left:18px; background:url(../style/dian_636013.gif) no-repeat 7px 13px; }

.new-list li span {float:right; margin-left:5px;}

.new-list li.b-line {height:7px; margin:10px 10px 0 10px; font-size:0; line-height:0; overflow:hidden;}

.rec-content .new-list li{padding:0 5px;}

.rec-mb {overflow:hidden; }



.img-c img {padding:2px;}



.rec-mb-list {margin-top:10px}

.rec-mb-list li {width:134px; margin:5px 0 0 8px; float:left;  display:inline; text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap;}

.rec-mb-list li a {_width:134px;}

.rec-mb-list li img {width:126px; height:150px;}

.img-c {position:relative;}

.right-txt,.right-txt a {font-size:14px; margin:0 5px;}

.right-txt {width:70%; text-align:right;}



.jsArea .box-left-c,.jsArea .box-right-c {height:400px; overflow:hidden;}

.mbArea .box-left-c {height:487px; overflow:hidden;}

.mbArea .box-right-c {height:297px; overflow:hidden;}

.uiArea .box-left-c {height:416px; overflow:hidden;}

.uiArea .box-right-c {height:330px; overflow:hidden;}



.navList li,.sub-category a,.box-tit,.hd,.title_c h2,.js-middle .new-list li,.d-title h2,.article-tit,.ht,.mb-content h1,.d-hd {font-family:"微软雅黑","Arial",HELVETICA;}

.box-left {width:858px; margin-top:10px;}

.box-tit {padding:10px;}

.box-tit span {font-size:24px; line-height:30px; }

.box-tit span em {margin-left:10px;}

.list {padding:0 0 15px;}

.js-list li {float:left; width:190px; margin:10px 0 0 20px; display:inline;  overflow:hidden;}

.js-list li img {width:182px; height:125px;}

.list li span,.png-list li span {line-height:28px; display:block;  text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap;}





.uiArea .list li img {height:135px;}



.mb-list li {float:left; width:150px; margin:10px 0 0 18px;display:inline;  overflow:hidden;}

.mb-list li img{height:170px; width:146px;}

.js-img .mb-list li {width:210px;}

.js-img .mb-list li img {width:202px; height:135px;}

.js-img .mb-list li .js-hm {font-size:12px;}

.effect-list .mb-list li  {width:194px; margin:15px 0 0 31px;}

.effect-list .mb-list li img {height:135px; width:186px;}

.tmpList li {width:153px; float:left; display:inline; margin:10px 0 0 15px;overflow:hidden;}

.tmpList li img {width:145px; height:172px;}

.psdList li {overflow:hidden; position:relative;}

.gifList li img { height:130px;}

.psd-txt li{ text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap;}

.png-list {padding:0 15%;}

.png-list li {margin:8px 0;}

.png-list li img {width:100%; margin-bottom:5px;}

.psd-c {width:49%;}

.psd-img {height:100px; overflow:hidden;}

.psd-img li { width:121px; float:left; padding:10px 0 10px 14px;}

.psd-img li img {height: 75px;width: 115px;}

.tb-list {padding:0 10px 0;}

.tb-list li { background:url("../style/dian_636013.gif") no-repeat 0 13px; height: 28px; line-height: 28px; overflow: hidden; padding-left: 8px;}

.tb-list li a.cate {margin-right: 8px; }

.tb-list li a {font-size:14px;}

.gifList {height:170px; overflow:hidden;}



.sc-c {text-align:justify;}



.box-right {width:288px;  margin-top:10px;}

div.no-border {border:none;} 



.friendLink {padding:10px 0;}

.friendLink h4  {font-size:24px; font-weight:normal;}

.linktxt a {margin:3px 5px;}



#footer {text-align:center; padding:50px 0; margin-top:15px;}

#footer p {padding:5px 0;}



/********内容列表********/

.main-left {float:left; width:825px; padding:0 15px 0 0;}

.main-left .hd {/*padding:0 10px 0 0;*/}

.left-head {padding:0 10px;}

.position {margin-top:10px; font-size:12px;}

.position a { margin:0 3px; font-size:12px;}

.pos{ font-size:14px;}

.pos-c {margin:0 0 -3px; padding:5px 10px 5px 3px; _position:relative;}

.pos span {font-weight:bold;}

.title_c {margin-top:10px;}

.title_c h2 { float: left; padding:0 15px 10px 0; font-weight:normal; font-size:24px; height:30px; line-height: 30px; margin-bottom: -5px; overflow: hidden; /*width: 190px;*/ _position:relative;}

.title_c .white_blank { float: left; height:45px; line-height:45px; margin-bottom: -5px; overflow: hidden; width: 3px;}

.more-txt {margin:10px 10px  0 0;}



.main-right {float:right; width:300px;}

.hd em {margin:8px 10px 0 0;}

.hd em,.position em {width:25px; height:25px; display:block; float:left;  vertical-align:middle; }

.position em {margin:0 10px 0 0;}

.icon-h {background:url(../style/h-icon_656190.png); }

.icon-rank {background:url(../style/tuneup_656289.png); }

.icon-rec {background:url(../style/norton_656288.png); }

.icon-pos {background:url(../style/pos_625954.png); }

.more-txt {font-size:14px;}

.newList {padding:10px 10px 0;}

.newList  li a {background:url(../style/ico-2_646011.gif) no-repeat 5px 12px;}



.hot-comments-list li { font-size: 12px; overflow: hidden; padding: 10px 5px 5px 35px; position:relative;  zoom:1;}

.hot-comments-list li em { width:26px; height:26px; position:absolute; top:13px; left:0;   font: 22px/26px Arial; text-align:center; }

.hot-comments-list li h4 { font-size: 14px; font-weight: normal; line-height: 24px; margin-bottom: 10px;}

.hot-comments-list li  span { font-size: 12px;}

.sort-name {margin-top:-10px;}

.listArticle li {padding:10px 5px 10px 15px;}

.listArticle li a {font-weight:bold; padding-left:15px; background:url(../style/dot_625943.png) no-repeat 0px 7px; }



.articleList li {padding:10px 5px 10px 35px; min-height:70px; overflow:hidden; zoom:1;}

.articleList li h4 {font-weight:bold;}

.articleList li h4 .infos {font-weight:normal;}



.rank-comments-list li {overflow:hidden; zoom:1; margin-top:15px; }

.rank-comments-list li h4 {font-weight: normal; font-size:12px;}

.img-box {float:left; width:107px;margin-right:8px;  }

.img-box img {width:105px; height:75px;}

.rank-comments-list li p {margin-top:5px; font-size:12px;}



.content-txt {padding:20px 10px 10px;}

.content-txt .article-tit { font-size: 22px; font-weight: 500; line-height: 38px; text-align:center;}

.info {padding:0 0 20px; font-size:12px;}

.info em {margin-left:10px;}

.main-article,.main-article p { line-height:26px;}

.main-article p {margin-bottom:15px;}

.main-article  img {max-width: 780px; width:expression(this.width > 780 ? "780px" : this.width);}

pre{font-family:"Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace !important; font-size:14px; width:660px; padding:0 5px; margin:0 0 1em 0; border-style:solid; border-color: #96C2F1; border-width:1px 2px 2px 1px; background:#EFF7FF; }

pre {

 white-space: pre-wrap;       /* css-3 */

 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */

 white-space: -pre-wrap;      /* Opera 4-6 */

 white-space: -o-pre-wrap;    /* Opera 7 */

 word-wrap: break-word;       /* Internet Explorer 5.5+ */

}



.related { margin:15px auto 0;}

.related h4 {padding:10px 0  10px 10px;}

.relatedList {padding:15px 30px;}

.relatedList li,.xgList li { float: left; line-height: 28px; width: 50%; }

.xgList li {list-style-type: disc; }

.xg {padding-bottom:10px;}



.xg-icon {width:18px; height:12px; display:block; float:left; margin:5px 8px 0; background:url(../style/logo_pink_686578.png) no-repeat;}



/**分页**/

.update_page {padding-top:30px;}

.pagelist { text-align:center; }

.pagelist {float:left; position:relative; left:50%; margin:0 auto; padding:8px 2px;}

.pagelist a,.page-select,.pageinfo { float:left; position:relative; right:50%; margin-right:5px; cursor:pointer; display:inline-block;  _zoom:1; }

.pagelist a span {height:28px; line-height:28px; padding:0 10px; display:inline-block; _zoom:1; }



/**JS**/

.js-main {position:relative; }

.js-left { width:840px;}

.js-ads {width:300px;}

.js-middle {width:520px; margin-left:15px;}

.js-right { width:300px;}



.js-tit {padding:0;}

.js-tit div{margin:0 0 -2px; padding:5px 10px 5px 0;}

.jsrt {background: url("../style/j_605722.png") no-repeat 80px 0; font-size: 14px; font-weight: bold; height:30px; line-height:30px; margin-bottom: 5px; padding-left: 12px;}

.jsrrt {font-weight:normal; margin-left:50px;}

.c_box li {float:left;}

.c_box li a { display: block; float: left; height: 32px; line-height: 32px; text-align: center; width: 75px;}

.js_txt {float:left; width:71%; padding:0 1%; height:25px; line-height:25px;}

.js_btn {float:left; width:25%; text-align:center;height:31px; line-height:31px; border:none; cursor:pointer; font-weight:bold; letter-spacing:5px;}



.js-m-content  {margin-top:15px;}

.js-box-left {width:855px;}

.js-box-right {width:300px;}

.js-tx {float:left; width:415px; margin:0 10px 10px 0; display:inline;}

.js-tx-c {padding:5px 0 10px 120px; position:relative; height:1%;}

.js-tx-c .new-list {padding:0;}

.js-tx-c .new-list li{padding:0 5px;}

.js-a {position:absolute; left:15px; top:15px; width:100px; height:100px; background:url(../style/js_615837.png) no-repeat;}

.a1 {background-position:0 0;}

.a2 {background-position:-100px 0;}

.a3 {background-position:0 -100px;}

.a4 {background-position:-100px -100px;}

.a5 {background-position:0 -200px;}

.a6 {background-position:-100px -200px;}

.a7 {background-position:0 -300px;}

.a8 {background-position:-100px -300px;}



.num-list li {overflow:hidden; zoom:1; padding:3px 5px 3px 40px; position:relative;}

.num-list li em {display:block;position:absolute; left:3px; top:5px; width:23px; font:20px/23px Arial; text-align:center; margin:2px 10px 0 5px;}

.num-list li a { background:none; padding-left:0; _width:240px;}



.d-title { margin: 10px 0; padding: 4px 10px 4px 15px;}

.d-title h2 {font-size:26px; line-height:30px; font-weight:normal;}

.d-img {float:left; width:40%;}

.showimg {float:left; padding:10px; width:280px; height:175px;}

.showimg a {display:block;}

.showimg img { width:265px; height:160px;}

.img-btn {clear:left; padding:20px 0 10px;}

.img-btn a { display: inline-block; font-size: 14px; font-weight: bold; line-height: 33px; margin-right: 10px; padding: 2px 18px;-moz-transition:background-color 0.3s ease-in 0s; -webkit-transition:background-color 0.3s ease-in 0s; transition:background-color 0.3s ease-in 0s;}

.baidu-gg {float:left; margin-left:5%; width:40%; text-align:center;}

.xg-js {width:98%;}

.xg-js .js-list li {width:23%; margin:10px 1% 0;}

.xg-js ul li img {height:130px; width:178px;}

.slogan { height: 50px; padding: 15px 20px 15px 139px; margin: 0 0 10px; position:relative;}

.slogan span {position:absolute; left:0; top:0; height: 80px; width: 120px; background: url("../style/s_605731.png"); }

.slogan .icon-js {background-position: 0 -160px;}

.slogan .icon-javascript {background-position:-120px -160px;}

.slogan .icon-png {background-position:0 -80px;}

.slogan .icon-psd {background-position:-120px -80px;}

.slogan .icon-ui {background-position:-120px -240px;}

.slogan .icon-design {background-position:0 -240px;}

.slogan .icon-ued {background-position:0 0;}

.js-text {  height: 50px; line-height: 24px; }

.js-d-list li {width:240px; float:left; margin:10px 0 5px 25px; display:inline; text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap;}

.js-d-list li img {width:232px; height:155px;}

.js-d-list li span {line-height:30px; font-size:12px;}

.js-d-list li a b {font-weight:normal;}



/***font***/

.topLeft .sc-c a,.list li,.rec-mb-list li,.xg-js .list li a,.mb-box .mb-list li,.htmlList li,.design-c-list .list li,.d-title .infos,.tag,.psdlist li,.tmp-list li,.c_box li a {font-size:12px;}



.psd-c-list li {width:28%; padding:1%;  float:left; margin:10px 1.5% 5px; text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap; }

.psd-c-list li img {padding:0;}

.psd-c-list li span {padding:5px 0; display:block;}



.jsList {margin-top:20px;}

.jsList li {overflow:hidden; zoom:1; line-height:30px; margin-bottom:2px;}

.jsList li a {  display: block;  line-height: 36px; padding: 0 10px; background:none;}

.jsList li span {float:right; margin-right:10px;}

.jsList .b-line {margin:10px 0;}

.js-c textarea {line-height:20px; padding:10px;}

.js-c input {display: inline-block; font-size: 14px; font-weight: bold; height:33px; line-height: 33px; margin:15px 12px 0 0;padding:0 15px; *padding:0 10px; border:none; cursor:pointer;}

.jsnew ul {padding:15px 10px;}

.xg td a { line-height:30px; background: url("../style/dian_636013.gif") no-repeat 7px 13px; display: block; overflow: hidden; padding-left: 18px; text-overflow: ellipsis; white-space: nowrap;}



.js-ad {height:90px; width:98%; clear:left; overflow:hidden; background:#d8d8d8; text-align:center; font: 38px/90px Arial;}



/*******moban***********/

.mb-nav  {padding:10px; text-align:justify; overflow:hidden; _zoom:1;}

.mb-nav a {display:inline-block; _float:left; *display:inline; _zoom:1; margin:3px 5px; padding:5px 8px; }

.mb-box {margin-top:15px;}

.mb-box .ht {line-height:30px; padding:10px 15px; }

.mb-tit {font:22px/30px "Microsoft Yahei","微软雅黑"; margin-right:20px;}

.mb-box .mb-list ul {height:257px; overflow:hidden;}

.mb-list li {width:194px;  margin:15px 0 0 31px;}

.mb-list li img {height:206px; width:186px;}

.tmp-list li {float:left; width:180px; margin:15px 0 0 23px;}

.tmp-list li img {width:172px; height:200px;}

.mb-rank-list .img-box {width:95px;}

.mb-rank-list img {width:90px; height:110px;}

.htmlList li  {width:270px; margin:15px 0 0 15px; float:left; display:inline; overflow: hidden;}

.htmlList li img {height:210px; width:262px;}

.mb-content {padding:20px 10px; margin-top:15px;}

.mb-content h1 {font-weight:normal; font-size:24px; line-height:50px; text-align:center;}

.ArticleInfo li {display:inline-block; *display:inline;  _zoom:1; font-size:12px;  margin-right:13px; height:20px; line-height:18px; padding-left:20px; background:url("../style/ArticleIcon_706702.gif") no-repeat}

.ArticleInfo li.Click {background-position: 0 -23px;}

.ArticleInfo li.Comment {background-position: 0 -45px;}

.ArticleInfo li.down {background-position: 0 -70px;}

.ArticleInfo li.downsite,.ArticleInfo li.downlook {background:none; padding-left:0;}

.mb-info {padding:10px 1%; width:97%; margin:15px auto; font-size:16px;}

.ArticleMain {line-height:25px;}

.ArticleMain div {text-align:center;}

.ArticleMain div img {margin:20px 0; padding:5px;}

.copysite,.qinquan { padding:8px 15px; font-size:12px;}

.qinquan  {text-align:left;}

.copy { height:22px; line-height:22px; padding:2px 5px;width:550px; margin-right:5px;}

#copy_btn {border:none; cursor:pointer; padding:4px 6px;}

.downbtn a {padding:11px 55px; display:inline-block; *display:inline;  _zoom:1;  font-size:20px;

-moz-transition:background-color 0.3s ease-in 0s; -webkit-transition:background-color 0.3s ease-in 0s; transition:background-color 0.3s ease-in 0s;

}



/***ued***/

.uedlist li {overflow:hidden; zoom:1; padding:20px 10px 20px 0;}

.uedlist li a.ued-img {display:block; float:left; width:242px; height:162px; margin-right:15px;}

.uedlist li a.ued-img img {width:240px; height:160px;}

.uedlist li h3 {font:20px/36px "Microsoft Yahei","微软雅黑"; }

.uedlist li h3 a b {font-weight:normal;}

.uedlist li .ued-txt {padding:8px 0; font-size:12px;}

.uedlist li .ued-hm,.uedlist li .time {margin-bottom:5px;  font-size:12px;}



/***png**/

.updateMain {position:relative; padding:0 320px 0 0;}

.update-right {width:300px; position:absolute; right:0; top:0;}



.png_box  li,.psd_box  li {width:50%;}

.png_box  li a,.psd_box  li a{width:100%;}

.png-content {padding:10px 0 10px 15px; text-align:left;}

.png-content  img {max-width: 780px; width:expression(this.width > 780 ? "780px" : this.width);}

.png-content p {margin:15px 0;}



.ui-content {padding:20px; }

.ui-c img {margin:15px 0;}



.d-hd {padding:10px 5px 15px;}

.d-hd span {font-size:26px; line-height:26px;}



/**design***/

.design-c-list .d-c{padding:0 0 10px 0;}

.design-c-list .d-c li {margin:10px 0 0 12px;}

.design-c-list .d-c li img {height:120px;}



/**ui相关**/

.ui-list li {width:200px; margin:15px 0 0 19px;}

.ui-list li img {width:192px; height:140px;}

li p.js-hm {font-size:12px;}



/***联系我们***/

.contact_left {width:235px; float:left;}

.jsw_js { border:1px solid #cccccc;}

.jsw_js dt{background:url(../style/bg_645941.gif) 0 -389px ; padding:0 0 0 10px; font-size:14px; font-weight:bold; color:#999; height:32px; line-height:32px;}

.jsw_js dd {}

.jsw_js dd li {line-height:30px; }

.jsw_js dd li a {display:block;padding-left:10px;}

.jsw_js dd li a:hover {background:#f2f2f2;  color:#336699;}

.c-hover,.c-hover a {color:#FFFFFF;background:#09F; font-weight:bold;}

.contact_one {background:#09F; color:#FFF; font-weight:bold;}

.qq_contact {text-align:center; margin:5px 0;}



.contact_right {width:910px; float:right; border:1px solid #cccccc; }

.jsw_right_title {background:url(../style/bg_645941.gif) 0 -389px ; padding:0 0 0 10px;  height:32px;}

.jsw_right_title strong {font-size:14px;  color:#999;  line-height:32px;}

.jsw_right_content { line-height:30px; font-size:14px; color:#666;padding:10px;}

.jsw_right_content p { text-indent:2em; line-height:30px;font-size:14px; color:#666;}

.jsw_right_content p .jsw_red { color:#F60;}



/**CSS布局***/

#block {margin:5px auto;width:1160px;}



.img-main {border:1px solid #e3e3e3;}

.img-main .piclist { padding:20px 0 10px 30px;} 

.img-main .piclist li { width:228px; float:left; text-align:left; color:#6e6e6e;  margin-bottom:1em; line-height:18px; } 

.img-main .piclist li img { border:2px solid #e1e1e1; padding:2px; height:126px; width:200px;}



.main.listc {border:none;}

#diypage {  margin-bottom:6px;}

.banshi { padding:0px 20px 20px 20px;}

.banshi h1 { border-bottom:2px solid #ddd; font-size:16px; font-weight:bold; padding:20px 15px 10px 15px; color:#333333;}

.banshi h1 span { font-size:12px; float:right; color:#999; font-weight:normal; margin-top:10px;}

.banshi ul { padding:10px; overflow:auto; zoom:1;}

.banshi ul li { width:151px; height:129px; float:left; margin:10px 0 0 22px; display:inline;}

.banshi dl { padding:10px 30px; color:#333333;}

.banshi dl dt { font-weight:bold; margin-top:5px;}

.banshi dl dd {line-height:200%;}





/**广告**/

#topads {width:1160px; margin:5px auto 0;}

#ads-1 {width:1160px; margin:3px auto 0; display:none;height:0px;}

.right-ad {margin-top:10px; text-align:center;}







/* 焦点图 */

.shuoming {margin-top:20px; border:1px solid #ccc; padding-bottom:10px;}

.shuoming dt {height:30px; line-height:30px; font-weight:bold; text-indent:10px;}

.shuoming dd {line-height:20px; padding:5px 20px;}



#focus {width:410px; height:260px; overflow:hidden; position:relative;}

#focus ul {height:360px; position:absolute;}

#focus ul li {float:left; width:410px; height:260px; overflow:hidden; position:relative; background:#000;}

#focus ul li img {width:410px; height:260px;}

#focus ul li div {position:absolute; overflow:hidden;}

#focus .btnBg {position:absolute; width:410px; height:20px; left:0; bottom:0; background:#000;}

#focus .btn {position:absolute; width:390px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:right;}

#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}

#focus .btn span.on {background:#fff;}

#focus .preNext {width:45px; height:100px; position:absolute; top:50%; margin-top:-50px; background:url(../style/sprite_656279.png) no-repeat 0 0; cursor:pointer;}

#focus .pre {left:0;}

#focus .next {right:0; background-position:right top;}



/***RSS**/

.b-k {border:1px solid #d8d8d8; width:1158px; margin:15px auto 0;}

.sp-title{ color:#888; padding:4px 12px;  border-bottom:1px solid #EEE; background:#FAFAFA; margin-bottom:8px;}

.sp-title h2{ font-size:16px; line-height:27px; font-weight:bold;}

.sp-title h2 a{ margin-left:6px; }

.sp-title .more{ float:right; margin:-27px 0px; line-height:27px;}

.linkbox{ padding:10px 8px; border-bottom:1px solid #EEE;}

.linkbox h3 {padding:5px 0;}

.linkbox h3,.linkbox h3 a{ font-size:14px; color:#693; font-weight:bold;}

.f6{ padding:15px ; overflow:hidden; clear:both; }

.f6 li{ float:left; line-height:14px;  white-space:nowrap;}

.f6 li a{ color:#666666; float:left;padding:5px 8px;}

.f6 li a:hover {background:#693; color:#ffffff; }



.flinkbox {padding:0 10px 10px;}

.formbox {padding:10px;}

.ipt-txt {width:330px; height:23px;line-height:23px; margin:5px 0; border-style:solid; border-width:1px; border-color:#6B6B6B #B5B5B5 #B5B5B5 #6B6B6B;}

#msg {width:400px; height:100px; border:1px solid #d8d8d8;}

#vdcode2 { width:85px; height:23px; margin-right:5px;border-style:solid; border-width:1px; border-color:#6B6B6B #B5B5B5 #B5B5B5 #6B6B6B;}



.rbox {border:1px solid #d8d8d8;}

.tags_list dl dd {padding:10px; overflow:hidden; zoom:1;}

.tags_list dl dd a {margin: 5px; float:left;}



/**返回顶部**/



#tbox{width:58px; height:121px; float:right; position:fixed;

_position:absolute;

_bottom:auto;

_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));

_margin-bottom:10px;

}/*解决IE6下不兼容 position:fixed 的问题*/

#jianyi{ width:58px; height:58px; background:url(../style/sImg3_646067.png) no-repeat; position:absolute; top:0px;  display:none; cursor:pointer}

#gotop{ width:58px; height:58px; background:url(../style/sImg3_646067.png) no-repeat 0 -64px; position:absolute; bottom:0px; display:none; cursor:pointer} 

#jianyi:hover{ background-position: 0 -127px;}

#gotop:hover{ background-position: 0 -191px;}











/*****************/

.up-w960 #topads,.up-w960 #update8,.up-w960 .header-top,.up-w960 .navList  {max-width:960px; width:960px; overflow:hidden;}

.up-w960 #topads,.up-w960 #update8,.up-w960 .header-top,.up-w960 .navList  {-moz-transition:width 0.3s ease 0s; -webkit-transition:width 0.3s ease 0s; transition:width 0.3s ease 0s;}

.up-w960 #topads div {width:1160px;}

.up-w960 .topLeft {width:300px; overflow:hidden;}

.up-w960 #focus {width:300px; height:220px;}

.up-w960 .box-left {width:660px;}

.up-w960 .tmpList li {margin:10px 0 0 9px;}

.up-w960 .psd-img li {padding-left:28px;}

.up-w960 .js-list li {margin-left:22px;}

.up-w960 .gifList li {margin-left:24px;}

.up-w960 .news {width:390px;}

.up-w960 .rec-content {width:240px;}

.up-w960 .rec-mb-list li,.up-w960 .rec-mb-list li a {width:112px;}

.up-w960 .rec-mb-list li {margin-bottom:10px;}

.up-w960 .rec-mb-list li img {height:130px; width:104px;}

.up-w960 .main-left {width:625px;}

.up-w960 .js-left {width:648px;}

.up-w960 .js-middle {width:330px;}

.up-w960 .js-middle .new-list li span {margin-right:-1000px;}

.up-w960 .effect-list .mb-list {height:412px; overflow:hidden;}

.up-w960 .js-box-left {width:658px;}

.up-w960 .js-tx {width:315px;}

.up-w960 .js-d-list li {width:197px; margin-left:10px;}

.up-w960 .js-d-list li img { height: 134px; width: 189px;}

.up-w960 .design-c-list {overflow:hidden;}

.up-w960 .design-c-list .d-c {width:150%;}

.up-w960 .design-c-list .d-c li {margin-left:14px;}

.up-w960 .png-content  img {max-width: 590px; width:expression(this.width > 590 ? "590px" : this.width);}

.up-w960 .psd-c-list li img {width:175px;}