@charset "utf-8";
/*navi-head*/
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; font-size:14px; font-family:Microsoft YaHei;}i,span,b,em{ font-style:normal;}body,button,input,select,textarea{font:normal 100% Helvetica,Arial,sans-serif;}h1,h2,h3,h4,h5,h6{font-size:100%;}address,cite,dfn,em,var{font-style:normal;}ul,ol{list-style:none;}a{text-decoration:none;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}fieldset,img{border:0;}table{border-collapse:collapse;border-spacing:0;}.hidden{display:none;}.invisible{visibility:hidden;}
.clear:after{content:'\20';display:block;height:0;clear:both;}.clear{*zoom:1;font-size:0;clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
body{ font-family:Microsoft YaHei;}

.navi-head {
    height: 46px;
    margin: 0;
    border-bottom: 1px solid #e3e3e3;
    background-color: #f2f2f2
}
.navi-con-block {
    width: 1000px;
    height: 46px;
    margin: 0 auto
}
*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
}
.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: 380px;
    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: 500px;
    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: #666;
    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
}
.mail-box div a.new_num {
    color: #f7676a;
    margin-left: 25px;
    width: 20px
}
.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: 0;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://bbs.ci123.comhttp://file2.ci123.com/mail-reminder.png");
    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)
}
.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
}