@charset "utf-8"; /*reset css*/ /* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */ html,body{ height: 100%; } html{ color:#333; background:#fff; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; text-rendering:optimizelegibility; -moz-osx-font-smoothing: grayscale; } /* 如果你的项目仅支持 IE9+ | Chrome | Firefox 等，推荐在 中添加 .borderbox 这个 class */ html.borderbox *, html.borderbox *:before, html.borderbox *:after { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } /* 内外边距通常让各个浏览器样式的表现位置不同 */ body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section{ margin:0; padding:0; } /* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */ article, aside, details, figcaption, figure, footer, header, menu, nav, section{ display:block; } /* HTML5 媒体文件跟 img 保持一致 */ audio, canvas, video{ display:inline-block; *display:inline; *zoom:1; } /* 要注意表单元素并不继承父级 font 的问题 */ body, button, input, select, textarea{ font-size: 12px; font-family:'Microsoft Yahei','宋体',Helvetica Neue,Helvetica,Arial,Sans-serif; } /* 去除 IE6 input/button 多余的空白 */ button, input{ *width:auto; *overflow:visible; /* 让 input 和 button 一样高 */ line-height:normal; } button::-moz-focus-inner, input::-moz-focus-inner{ padding:0; border:0; } /* 去掉各Table cell 的边距并让其边重合 */ table{ border-collapse:collapse; border-spacing:0; } /* IE bug fixed: th 不继承 text-align*/ th{ text-align:inherit; } /* 去除默认边框 */ fieldset, img{ border:0; } /* 解决 IE6-7 图片缩放锯齿问题 */ img{ border: 0; -ms-interpolation-mode:bicubic; } /* ie6 7 8(q) bug 显示为行内表现 */ iframe{ display:block; } /* 去掉列表前的标识, li 会继承，大部分网站通常用列表来很多内容，所以应该当去 */ ul, ol{ list-style:none; } /* 让链接在 hover 状态下显示下划线 */ a:link,a:visited{ color: #333; text-decoration: none; outline: none; } a:hover{ color: #f00; text-decoration:underline; } /* 可拖动文件添加拖动手势 */ [draggable]{ cursor:move; } .clearfix:before, .clearfix:after{ content:""; display:table; } .clearfix:after{ clear:both } .clearfix{ *zoom:1 } /*reset*/ .cont-wrapper{ margin: 0 auto; } .top-ac{ width:960px; margin: 12px auto 0; } .top-ac a{ display: block; width: 960px; height: 60px; overflow: hidden; } .top-ac a img{ display: block; width: 960px; height: 60px; overflow: hidden; } .top-search{ height: 44px; padding: 10px 0; width:960px; margin:0 auto; } .top-search .zaoma{ float:left; } .top-search h2{ float: left; width: 318px; font-size: 28px; line-height: 44px; background-image: url(../img/web-title.jpg); background-repeat: no-repeat; background-position: 120px 16px; } .top-search h2 span{ color: #61b599; } .top-search ul{ float: right; } .top-search ul li{ float: left; width: 60px; height: 44px; line-height: 44px; text-align: right; } .top-search ul li a{ color: #999; } .top-search ul li a:hover{ color: #f00; } .top-search .webform { float: right; height: 30px; padding-top: 7px; padding-bottom: 7px; } .top-search .webform input{ float: left; height:16px; padding-top: 6px; padding-bottom: 6px; padding-left: 10px; font-size: 12px; line-height: 16px; border: 1px solid #ddd; color: #666; } .top-search .webform .search-txt{ width: 260px; } .top-search .webform .search-btn{ width: 34px; height: 30px; _height: 27px; padding: 0; background-color: #f2f2f2; background-image: url(../img/icon2.png); background-repeat: no-repeat; background-position: 0 -570px; border-left: 0 none; font-size: 0; line-height: 0; cursor: pointer; } .sub-nav{ height: 38px; background-color: #61b599; } .sub-nav ul{ width:960px; margin:0 auto; } .sub-nav li{ float: left; height: 38px; } .sub-nav li a{ display: inline-block; width: 78px; text-align: center; font-size: 14px; line-height: 38px; color: #fff; } .sub-nav li a.big-sub-nav{ width: 129px; } .sub-nav li a:link,.sub-nav li a:visited{ color: #fff; } .sub-nav li a:hover{ _color:#fff; background-color: #fa7d5f; text-decoration: none; } .sub-nav .cur-sub-nav{ background-color: #fa7d5f; } .special-recom{ height: 36px; background-color: #e9f5f0; border-bottom: 1px solid #d0e9e1; overflow: hidden; width:960px; margin:0 auto; } .special-recom li{ float: left; height: 36px; } .special-recom li a{ display: inline-block; height: 36px; padding-left: 11px; padding-right: 11px; line-height: 36px; font-size: 14px; } .special-recom li a.cur-recom{ color: #fa7d5f; } .special-recom li a:hover{ color: #fa7d5f; } .ad{ width: 960px; height: 60px; padding-top:12px; padding-bottom: 0; overflow: hidden; margin:0 auto; } .ad span{ float: left; height: 60px; margin-right: 10px; overflow: hidden; _display:inline; } .ad span:last-child{ margin-right: 0; } .ad a{ display: block; height: 60px; } .ads_banner2_left{ float: left; width: 475px; margin-right: 10px; overflow: hidden; _display:inline; } .ads_banner2_right{ float: left; width: 475px; overflow: hidden; } a.specific-info{ padding-left: 6px; color: #4e92c6; } a.specific-info:link,a.specific-info:visited{ color: #4e92c6; } /*footer*/ #footer{ color:#666; text-align:center; margin:20px auto 0 auto } #footer ul{ width:780px; margin:0 auto; text-align:center; overflow:hidden; zoom:1 } #footer ul li{ float:left; display:inline; padding:4px 8px 4px 0 } #footer .foot_nave_bg{ padding:5px 0; background:#e3e3e3; margin:8px 0 } #footer p{ text-align:center; clear:both; padding-bottom:15px } #footer a{ color:#333; text-decoration:none } #footer a:hover{ text-decoration:underline } /*footer*/ /*list detail*/ .bd-cur-pos{ margin-top: 12px; margin-bottom: 12px; line-height: 26px; color: #999; border-bottom: 1px solid #efefef; } .bd-cur-pos a:link,.bd-cur-pos a:visited{ color: #999; } .bd-cur-pos a:hover{ color: #f00; } .bd-cur-pos a.cur:link,.bd-cur-pos a.cur:visited{ color: #666; } .bd-cur-pos a.cur:hover{ color: #f00; } /*navi*/ /*navi-head*/ .navi-head { height: 46px; margin: 0; border-bottom: 1px solid #e3e3e3; background-color: #f2f2f2 } .navi-con-block { width: 960px; height: 46px; margin: 0 auto; margin-bottom: 0; padding-bottom: 0; _line-height: 0; } *html, *html body { background-image: url(about:blank); background-attachment: fixed } .navi-left { width: 600px; float: left; } .page-title-pic { float: left; width: 83px; height: 23px; margin-top: 14px; border-right: 1px solid #d9d9d9; background: url(http://file2.ci123.com/page-title.png) 0 0 no-repeat } .navi-left .hover { width: 33px; margin-left: -1px; color: #ff665e; background-color: #fff; border-left: 1px solid #b8b8b8; border-right: 1px solid #b8b8b8 } .navi-left .underline { position: absolute; width: 80px; height: 2px; top: -2px; background-color: #fff; display: block; z-index: 4 } .navi-left .underline-spe { float: left; width: 87px; height: 2px; margin-top: -6px; background-color: #fff; display: block; z-index: 4 } .navi-right .underline-spe2 { position: absolute; right: 0; _right: -1px; top: -2px; width: 50px; height: 2px; background-color: #fff; display: block; z-index: 4 } .navi-right .underline-spe3 { position: absolute; right: 0; /*_right: -1px;*/ top: -2px; width: 42px; height: 2px; background-color: #fff; display: block; z-index: 4; overflow: hidden; } .nav-item { position: relative; font-family: "Microsoft YaHei"; font-size: 14px; float: left; width: 34px; height: 30px; line-height: 19px; font-size: 14px; padding-top: 16px; padding-left: 36px; padding-right: 11px; display: inline; z-index: 3 } .first-page { font-family: "Microsoft YaHei"; position: relative; float: left; width: 34px; height: 30px; line-height: 19px; font-size: 14px; padding-top: 16px; padding-left: 36px; padding-right: 11px; text-align: center; display: inline; background-image: url(http://file2.ci123.com/home.png); _background-image: url(http://file2.ci123.com/home_sprite.png); background-position: -25px 0px; background-repeat: no-repeat; z-index: 3 } .first-page:link, .first-page:visited { color: #000; text-decoration: none } .first-page:hover { color: #ff665e; text-decoration: none; background-image: url(http://file2.ci123.com/home.png); _background-image: url(http://file2.ci123.com/home_sprite.png); background-position: -137px 0px; background-repeat: no-repeat } .out-block { float: left; width: 81px; height: auto; cursor: pointer } .navi-pic { position: absolute; left: 10px; top: 16px; width: 24px; height: 21px; z-index: 1 } .knowledge .navi-pic-on1 { background-image: url(http://file2.ci123.com/bd.png); _background-image: url(http://file2.ci123.com/bd_8bit.png); background-position: -65px -15px; background-repeat: no-repeat } .hover-div .navi-pic-on1 { background-image: url(http://file2.ci123.com/bd.png); _background-image: url(http://file2.ci123.com/bd_8bit.png); background-position: -19px -99px; background-repeat: no-repeat } .knowledge-block { position: absolute; left: -1px; top: 46px; width: 400px; height: 180px; padding-top: 4px; background-color: #fff; border: 1px solid #b8b8b8; z-index: 2 } .community .navi-pic-on2 { background-image: url(http://file2.ci123.com/bd.png); _background-image: url(http://file2.ci123.com/bd_8bit.png); background-position: -118px -16px; background-repeat: no-repeat } .hover-div .navi-pic-on2 { background-image: url(http://file2.ci123.com/bd.png); _background-image: url(http://file2.ci123.com/bd_8bit.png); background-position: -21px -130px; background-repeat: no-repeat } .community-block { position: absolute; left: -1px; top: 46px; width: 491px; height: 146px; padding-top: 4px; background-color: #fff; border: 1px solid #b8b8b8; z-index: 2 } .record .navi-pic-on3 { background-image: url(http://file2.ci123.com/bd.png); _background-image: url(http://file2.ci123.com/bd_8bit.png); background-position: -165px -19px; background-repeat: no-repeat } .hover-div .navi-pic-on3 { background-image: url(http://file2.ci123.com/bd.png); _background-image: url(http://file2.ci123.com/bd_8bit.png); background-position: -203px -68px; background-repeat: no-repeat } .record-block { position: absolute; left: -1px; top: 46px; width: 340px; height: 146px; padding-top: 4px; background-color: #fff; border: 1px solid #b8b8b8; z-index: 2 } .discovery .navi-pic-on4 { background-image: url(http://file2.ci123.com/bd.png); _background-image: url(http://file2.ci123.com/bd_8bit.png); background-position: -205px -37px; background-repeat: no-repeat } .hover-div .navi-pic-on4 { background-image: url(http://file2.ci123.com/bd.png); _background-image: url(http://file2.ci123.com/bd_8bit.png); background-position: -202px -103px; background-repeat: no-repeat } .discovery-block { position: absolute; left: -1px; top: 46px; width: 491px; height: 146px; padding-top: 4px; background-color: #fff; border: 1px solid #b8b8b8; z-index: 2 } .phoneVersion { position: relative; font-family: "Microsoft YaHei"; font-size: 14px; float: left; width: 48px; height: 30px; line-height: 19px; font-size: 14px; padding-right: 11px; padding-top: 16px; padding-left: 29px; text-align: center; display: inline; display: block; background-image: url(http://file2.ci123.com/bd.png); _background-image: url(http://file2.ci123.com/bd_8bit.png); background-position: -187px 14px; background-repeat: no-repeat } .phoneVersion:link, .phoneVersion:visited { color: #000; text-decoration: none } .phoneVersion:hover { color: #ff665e; text-decoration: none; background-image: url(http://file2.ci123.com/bd.png); _background-image: url(http://file2.ci123.com/bd_8bit.png); background-position: -129px -156px; background-repeat: no-repeat } .block-con { display: block; height: auto; font-size: 14px; margin-top: 20px; margin-left: 36px } .line-title { font-family: "Microsoft YaHei"; font-size: 14px; float: left; width: 42px; border-right: 1px solid #999; color: #a0a0a0 } .line-con { float: left; display: inline } .line-con a { float: left; font-family: "Microsoft YaHei"; font-size: 14px; color: #000; margin-left: 20px; text-decoration: none } .navi-right { float: right; position: relative; } .link-icon-style { float: right; width: 22px; height: 22px; margin-top: 14px; margin-right: 6px; display: inline; display: block; cursor: pointer } .weibo-sina { position: relative; background-image: url(http://file2.ci123.com/bd.png); _background-image: url(http://file2.ci123.com/bd_8bit.png); background-position: -39px -169px; background-repeat: no-repeat } .qq { background-image: url(http://file2.ci123.com/bd.png); _background-image: url(http://file2.ci123.com/bd_8bit.png); background-position: -11px -169px; background-repeat: no-repeat } a.re-lo-style { float: right; height: 22px; line-height: 22px; font-size: 14px; font-family: "Microsoft YaHei"; font-size: 14px; color: #000; margin-top: 14px; margin-right: 22px; display: inline; display: block } .user-login-in { float: right; width: 96px; height: 45px; } .mail-remind { position: relative; float: right; width: 42px; height: 46px } .mail-box { display: none; position: absolute; width: 134px; height: 66px; top: 46px; right: -1px; z-index: 4; border: 1px solid #b8b8b8; font-size: 14px; background: #fff } .mail-box div { height: 25px; line-height: 25px; margin-left: 15px; width: 106px } .mail-box div.mail-f { border-bottom: 1px solid #b8b8b8; margin-top: 8px } .mail-box div a { display: inline-block; text-decoration: none; font-size: 14px; } .mail-box div a.inside_info { color: #333; margin-left: 6px; width: 50px; height: 25px; line-height: 25px; overflow: hidden; } .mail-box div a.new_num { color: #f7676a; margin-left: 25px; width: 20px; height: 25px; line-height: 25px; overflow: hidden; } .mail-hover { background-color: #fff; border-left: 1px solid #b8b8b8; border-right: 1px solid #b8b8b8 } .reminder-icon { height: 11px; width: 30px; position: absolute; left: 7px; top: 23px; background: url(http://file2.ci123.com/mail-reminder.png) 0 0 no-repeat; _background: url(../img/mail-reminder.jpg) 0 0 no-repeat; display: block; cursor: pointer; z-index: 1; } .mail-number { position: absolute; right: 6px; top: 18px; padding-left: 3px; padding-right: 3px; height: 13px; line-height: 13px; font-size: 12px; font-family: serif; color: #fff; background-color: #f7676a; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-align: center; z-index: 2; behavior: url(ie-css3.htc); font-family: '宋体'; } .user-head { position: relative; float: left; width: 50px; height: 46px; display: block; display: inline; z-index: 3 } .user-head-pic { position: absolute; left: 12px; top: 17px; width: 23px; height: 22px } .user-back { position: absolute; right: 5px; bottom: 7px; width: 5px; height: 5px; background: url(http://file2.ci123.com/user-back.png) 0 0 no-repeat; _background: 0; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://bbs.ci123.comhttp://file2.ci123.com/user-back.png") } .hover-r { background-color: #fff; border-left: 1px solid #b8b8b8; border-right: 1px solid #b8b8b8 } .hover-r .user-back { right: 6px } .hover-r .user-head-pic { left: 11px } .user-block { position: absolute; right: -1px; top: 46px; width: 205px; height: 151px; padding-top: 4px; background-color: #fff; border: 1px solid #b8b8b8; z-index: 4 } a.user-item { position: relative; float: left; width: 56px; height: 16px; line-height: 16px; font-size: 14px; margin-left: 13px; margin-top: 24px; padding-left: 20px; font-family: "Microsoft YaHei"; color: #000; display: block; display: inline } .icon { position: absolute; left: 0; top: 0; width: 16px; height: 16px; display: block } .article_z { background-image: url(http://file2.ci123.com/bd.png); _background-image: url(http://file2.ci123.com/bd_8bit.png); background-position: -86px -62px; background-repeat: no-repeat } .hover-u .article_z { background-image: url(http://file2.ci123.com/bd.png); _background-image: url(http://file2.ci123.com/bd_8bit.png); background-position: -55px -61px; background-repeat: no-repeat } .user { background-image: url(http://file2.ci123.com/bd.png); _background-image: url(http://file2.ci123.com/bd_8bit.png); background-position: -114px -61px; background-repeat: no-repeat } .hover-u .user { background-image: url(http://file2.ci123.com/bd.png); _background-image: url(http://file2.ci123.com/bd_8bit.png); background-position: -148px -62px; background-repeat: no-repeat } .mail { background-image: url(http://file2.ci123.com/bd.png); _background-image: url(http://file2.ci123.com/bd_8bit.png); background-position: -86px -97px; background-repeat: no-repeat } .hover-u .mail { background-image: url(http://file2.ci123.com/bd.png); _background-image: url(http://file2.ci123.com/bd_8bit.png); background-position: -57px -100px; background-repeat: no-repeat } .system-news { background-image: url(http://file2.ci123.com/bd.png); _background-image: url(http://file2.ci123.com/bd_8bit.png); background-position: -113px -96px; background-repeat: no-repeat } .hover-u .system-news { background-image: url(http://file2.ci123.com/bd.png); _background-image: url(http://file2.ci123.com/bd_8bit.png); background-position: -147px -97px; background-repeat: no-repeat } .star { background-image: url(http://file2.ci123.com/bd.png); _background-image: url(http://file2.ci123.com/bd_8bit.png); background-position: -88px -135px; background-repeat: no-repeat } .hover-u .star { background-image: url(http://file2.ci123.com/bd.png); _background-image: url(http://file2.ci123.com/bd_8bit.png); background-position: -56px -136px; background-repeat: no-repeat } .login-out { background-image: url(http://file2.ci123.com/bd.png); _background-image: url(http://file2.ci123.com/bd_8bit.png); background-position: -115px -135px; background-repeat: no-repeat } .hover-u .login-out { background-image: url(http://file2.ci123.com/bd.png); _background-image: url(http://file2.ci123.com/bd_8bit.png); background-position: -149px -136px; background-repeat: no-repeat }