@charset "utf-8";
/* CSS Document */



/**********内页通用样式***********/
.subbody{padding-bottom: 20px}


/*左侧导航*/
.subbody .leftnav{width: 216px; padding-bottom: 300px; background: url(../Images/leftnav-bg.gif) right bottom no-repeat; float: left;}
.subbody .leftnav .titbox{height: 55px; padding: 0 16px; background: url(../Images/leftnav-tit.gif) 0 0 no-repeat; border-bottom: 1px solid #1877c8; font-size: 18px; line-height: 55px; font-weight: bold; color: #1877c8;}
.subbody .leftnav ul{display: block; padding: 10px 15px 0}
.subbody .leftnav li{height: 30px; margin-bottom: 8px; border: 1px solid #dddcd8; border-radius: 5px; background: url(../Images/button-bg.gif) 0 -126px repeat-x; overflow: hidden;}
.subbody .leftnav li a{display: block; height: 30px; padding: 0 40px; background: url(../Images/navbutton-bg.gif) 20px center no-repeat; font-size: 14px; color: #3d3d3d; line-height: 30px;}
.subbody .leftnav li.on,.subbody .leftnav li.hover{padding: 1px; border: 0; background: url(../Images/button-bg.gif) 0 -93px repeat-x;}
.subbody .leftnav li.on a,.subbody .leftnav li.hover a{color: #fff}


/*右侧内容框*/
.subbody .contentbody{width: 742px; float: right;}
.subbody .contentbody .contentbody-tit{position: relative; height: 32px; padding: 0 15px; background: url(../Images/content-header-bg.gif) 0 0 repeat-x; border-bottom: 2px solid #1877c8; font-size: 12px; color: #333; line-height: 32px; text-align: right; overflow: hidden;}
.subbody .contentbody .contentbody-tit .tit{position: absolute; top: 4px; left: 13px; height: 28px; padding: 0 15px 2px; border-radius: 2px; background: #1976c5; font-size: 14px; color: #fff; line-height: 28px;}
.subbody .contentbody .contentbody-tit a{color: #333}
.subbody .contentbody .contentbody-tit a:hover{color: #146fbb}


/*分页按钮*/
.pagebox{height: 32px; text-align: center;}
.pagebox span,.pagebox a{display: inline-block; height: 30px; margin-right: 3px; border: 1px solid #e7e6e6; border-radius: 2px; font-size: 12px; font-family: '微软雅黑'; line-height: 30px; color: #999; overflow: hidden;}
.pagebox .number{width: 30px;}
.pagebox span.number,.pagebox .number:hover{background: #61a1df; border-color: #61a1df; color: #fff;}
.pagebox .button{width: 78px;}
.pagebox span.button{color: #999;}
.pagebox a.button:hover{border-color: #61a1df; color: #61a1df;}





/**********用户登录***********/
.subbody .contentbody .loginbox{width: 385px; height: 210px; margin: 30px auto 125px; padding: 45px 70px 40px; border: 1px solid #dfdfdf; border-radius: 4px; overflow: hidden;}
.subbody .contentbody .loginbox .textbox{margin-bottom: 10px}
.subbody .contentbody .loginbox .textbox .tit{font-size: 14px; color: #3d3d3d; line-height: 35px;}
.subbody .contentbody .loginbox .textbox .cue{font-size: 12px; color: #1877c8; line-height: 35px; float: right;}
.subbody .contentbody .loginbox .textbox .cue:hover{text-decoration: underline; }
.subbody .contentbody .loginbox .textbox .text{width: 267px; height: 33px; padding: 0 5px; border: 1px solid #a0c5e8; font-size: 14px; color: #333; line-height: 33px}

.subbody .contentbody .loginbox .buttonbox{padding: 10px 0 40px 46px}
.subbody .contentbody .loginbox .buttonbox .button{display: block; width: 102px; height: 30px; margin-right: 10px; border: 0; border-radius: 3px; font-size: 12px; color: #fffefe; line-height: 30px; text-align: center; cursor: pointer; float: left;}
.subbody .contentbody .loginbox .buttonbox .loginbutton{background: url(../Images/button-bg.gif) 0 0 repeat-x;}
.subbody .contentbody .loginbox .buttonbox .resetbutton{background: url(../Images/button-bg.gif) 0 -30px repeat-x;}

.subbody .contentbody .loginbox .fastbox{padding-top: 10px; border-top: 1px solid #eaeaea;}
.subbody .contentbody .loginbox .fastbox span{font-size: 14px; color: #3d3d3d; line-height: 24px; float: left;}





/**********用户注册***********/
.subbody .contentbody .regbox{width: 578px; margin: 30px auto 65px; padding: 45px 0; border: 1px solid #dfdfdf; border-radius: 4px; overflow: hidden;}
.subbody .contentbody .regbox .textbox{margin-bottom: 10px}
.subbody .contentbody .regbox .textbox .tit{display: block; width: 130px; height: 35px; font-size: 14px; color: #3d3d3d; line-height: 35px; text-align: right; float: left;}
.subbody .contentbody .regbox .textbox .code-tit{display: block; width: 130px; height: 25px; font-size: 14px; color: #3d3d3d; line-height: 25px; text-align: right; float: left;}
.subbody .contentbody .regbox .pt5{padding-top: 5px}
.subbody .contentbody .regbox .textbox .text{width: 240px; height: 33px; padding: 0 5px; border: 1px solid #a0c5e8; font-size: 14px; color: #333; line-height: 33px}
.subbody .contentbody .regbox .textbox .code{width: 65px; height: 23px; padding: 0 5px; border: 1px solid #8e8f8f;}
.subbody .contentbody .regbox .textbox .cue{margin-left: 10px; font-size: 12px; color: #f00; line-height: 35px;}
.subbody .contentbody .regbox .textbox .verfyimg{margin: 3px 0 0 5px}

.subbody .contentbody .regbox .buttonbox{padding: 20px 0 30px 165px}
.subbody .contentbody .regbox .buttonbox .button{display: block; width: 102px; height: 30px; margin-right: 20px; border: 0; border-radius: 3px; background: url(../Images/button-bg.gif) 0 0 repeat-x; font-size: 12px; color: #fffefe; line-height: 30px; text-align: center; cursor: pointer; float: left;}
.subbody .contentbody .regbox .buttonbox .checkbox{margin: 9px 10px 0 0; float: left;}
.subbody .contentbody .regbox .buttonbox p{font-size: 12px; line-height: 30px; color: #3d3d3d; float: left;}
.subbody .contentbody .regbox .buttonbox p a{color: #1877c8;}
.subbody .contentbody .regbox .buttonbox p a:hover{text-decoration: underline;}

.subbody .contentbody .regbox .fastbox{width: 380px; margin: auto; padding-top: 10px; border-top: 1px solid #eaeaea;}
.subbody .contentbody .regbox .fastbox span{font-size: 14px; color: #3d3d3d; line-height: 24px; float: left;}

#clause{position: fixed; top: 10px; left: 10px; width: 730px; height: 470px; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 0 2px #d5d5d5; background: #fff; overflow: hidden; z-index: 9; display: none;}
#clause .flb{height: 18px; padding: 9px 9px 9px 15px; border-top: 1px solid #FFF; border-bottom: 1px solid #E7E7E7; background: #F6F6F6; font-size: 14px; color: #333; line-height: 18px; overflow: hidden;}
#clause .fsb{height: 24px; padding: 10px; background: #F9F9F9; border-top: 1px solid #CCC; text-align: center; overflow: hidden;}
#clause .fsb .box{width: 130px; margin: auto;}
#clause .fsb .button{display: inline-block; width: 58px; height: 22px; border: 1px solid #999; font-size: 12px; line-height: 22px; cursor: pointer; overflow: hidden;}
#clause .fsb .button1{height: 24px !important; border-color: #2D5EC0; background: #86ba06; color: #fff; float: left;}
#clause .fsb .button2{border-color: #999; background: #f7f7f7; color: #333; float: right;}
#clause .contentbox{height: 337px; padding: 25px 15px; font-size: 12px; color: #333; line-height: 24px; overflow-y:scroll; overflow-x:hidden}





/**********修改密码***********/
.subbody .contentbody .changepwbox{padding: 32px 18px 200px}
.subbody .contentbody .changepwbox .textbox{margin-bottom: 10px}
.subbody .contentbody .changepwbox .textbox .tit{display: block; width: 75px; height: 35px; font-size: 14px; color: #3d3d3d; line-height: 35px; text-align: right; float: left; overflow: hidden;}
.subbody .contentbody .changepwbox .textbox .cue{font-size: 12px; color: #1877c8; line-height: 35px; float: right;}
.subbody .contentbody .changepwbox .textbox .cue:hover{text-decoration: underline; }
.subbody .contentbody .changepwbox .textbox .text{width: 267px; height: 33px; padding: 0 5px; border: 1px solid #a0c5e8; font-size: 14px; color: #333; line-height: 33px}

.subbody .contentbody .changepwbox .buttonbox{padding: 10px 0 0 75px}
.subbody .contentbody .changepwbox .buttonbox .button{display: block; width: 102px; height: 30px; margin-right: 10px; border: 0; border-radius: 3px; font-size: 12px; color: #fffefe; line-height: 30px; text-align: center; cursor: pointer; float: left;}
.subbody .contentbody .changepwbox .buttonbox .loginbutton{background: url(../Images/button-bg.gif) 0 0 repeat-x;}
.subbody .contentbody .changepwbox .buttonbox .resetbutton{background: url(../Images/button-bg.gif) 0 -30px repeat-x;}





/**********管理帖子***********/
.subbody .contentbody .userartlist{padding: 12px 18px 50px;}
.subbody .contentbody .userartlist ul{padding-bottom: 20px}
.subbody .contentbody .userartlist li{height: 34px; margin-bottom: 10px; border-bottom: 1px dotted #dedede; font-size: 14px; color: #3d3d3d; line-height: 34px; overflow: hidden;}
.subbody .contentbody .userartlist li .color1{color: #0a8900;}
.subbody .contentbody .userartlist li .color2{color: #f00;}
.subbody .contentbody .userartlist li a{color: #3d3d3d;}
.subbody .contentbody .userartlist li a:hover{color: #146fbb;}
.subbody .contentbody .userartlist li .edit,.subbody .contentbody .userartlist li .del{float: right;}





/**********交流专区***********/
.subbody .contentbody .interflow{padding: 30px 18px 50px; overflow: hidden;}
.subbody .contentbody .interflow .namebox{width: 420px; padding-left: 20px; font-size: 14px; float: left; overflow: hidden;}
.subbody .contentbody .interflow .namebox a{color: #3d3d3d;}
.subbody .contentbody .interflow .namebox a:hover{color: #146fbb;}
.subbody .contentbody .interflow .authorbox{width: 80px; float: right; overflow: hidden;}
.subbody .contentbody .interflow .numberbox{width: 90px; text-align: center; float: right; overflow: hidden;}
.subbody .contentbody .interflow .numberbox span{color: #1d83d9;}
.subbody .contentbody .interflow .timebox{width: 90px; text-align: center; color: #888; float: right; overflow: hidden;}
.subbody .contentbody .interflow .header{position: relative; height: 32px; background: url(../Images/content-header-bg.gif) 0 0 repeat-x; border: 1px solid #dfdfdf; font-size: 14px !important; color: #3d3d3d; line-height: 32px;}
.subbody .contentbody .interflow .header .timebox{color: #3d3d3d}
.subbody .contentbody .interflow .header .publish{position: absolute; top: -1px; left: -1px; width: 88px; height: 34px; background: url(../Images/publish.gif) 0 0 no-repeat;}
.subbody .contentbody .interflow dl{padding: 12px 0 10px;}
.subbody .contentbody .interflow dd{height: 36px; background: url(../Images/dian.gif) 0 15px no-repeat; color: #3d3d3d; line-height: 36px; overflow: hidden;}
.subbody .contentbody .interflow dt{margin: 12px 0; border-bottom: 1px dotted #dedede;}

.subbody .contentbody .interflow .pagebox{position: relative; margin-bottom: 30px; padding-bottom: 28px; border-bottom: 1px dashed #c9c9c9; text-align: right;}
.subbody .contentbody .interflow .pagebox a,.subbody .contentbody .interflow .pagebox span{text-align: center;}
.subbody .contentbody .interflow .pagebox .publish{position: absolute; top: -1px; left: 0; width: 88px; height: 34px; background: url(../Images/publish.gif) 0 0 no-repeat;}

.subbody .contentbody .interflow .textbox{margin-bottom: 20px; overflow: hidden;}
.subbody .contentbody .interflow .textbox .tit{display: block; width: 60px; font-size: 14px; color: #3d3d3d; line-height: 35px; text-align: right; float: left; overflow: hidden;}
.subbody .contentbody .interflow .textbox .text{width: 634px; height: 33px; padding: 0 5px; border: 1px solid #a0c5e8;}
.subbody .contentbody .interflow .textbox textarea{width: 98% !important; height: 180px; padding: 3px 5px; border: 1px solid #a0c5e8; font-size: 14px; color: #333}

.subbody .contentbody .interflow .textbox .code-tit{line-height: 25px;}
.subbody .contentbody .interflow .textbox .code{width: 65px; height: 23px; padding: 0 3px; border: 1px solid #8e8f8f; float: left;}
.subbody .contentbody .interflow .textbox .codepic{margin: 3px 0 0 5px; float: left;}

.subbody .contentbody .interflow .buttonbox{padding-left: 60px}
.subbody .contentbody .interflow .buttonbox .button{display: block; width: 80px; height: 24px; margin-right: 10px; border: 0; border-radius: 3px; font-size: 12px; color: #fffefe; line-height: 24px; text-align: center; cursor: pointer; float: left;}
.subbody .contentbody .interflow .buttonbox .loginbutton{background: url(../Images/button-bg.gif) 0 -3px repeat-x;}
.subbody .contentbody .interflow .buttonbox .resetbutton{background: url(../Images/button-bg.gif) 0 -33px repeat-x;}




/***************新闻详情页**************/
#article{margin: 0 18px; padding-bottom: 30px; overflow: hidden;}
#article .title{padding: 15px 0; border-bottom: 1px solid #dbe4eb; font-size: 24px; line-height: 40px; text-align: center; color: #1a2a38;}
#article .info{height: 44px; border-bottom: 1px solid #dbe4eb; font-size: 14px; line-height: 44px; font-family: '微软雅黑'; color: #333;}
#article .info .time{margin-right: 55px; float: left;}
#article .info .menu{margin-right: 45px; float: left;}
#article .info .menu a{color: #999;}
#article .info .menu a:hover{color: #ff9900;}
#article .info .sharebox{width: 120px; padding-top: 8px; height: 20px; float: left;}
#article .info .sharebox a{
	transition:all .3s;
	-moz-transition:all .3s; /* Firefox 4 */
	-webkit-transition:all .3s; /* Safari 和 Chrome */
	-o-transition:all .3s; /* Opera */}
#article .info .sharebox a.bds_qzone{background: url(../Images/share.png) -44px 0 no-repeat;}
#article .info .sharebox a.bds_tsina{background: url(../Images/share.png) 0 0 no-repeat;}
#article .info .sharebox a.bds_tqq{background: url(../Images/share.png) -22px 0 no-repeat;}
#article .info .sharebox a.bds_weixin{background: url(../Images/share.png) -65px 0 no-repeat;}
#article .info .sharebox a.bds_more{background: url(../Images/share.png) -87px 0 no-repeat;}
#article .info .sharebox a.bds_qzone:hover{background: url(../Images/share.png) -44px -20px no-repeat;}
#article .info .sharebox a.bds_tsina:hover{background: url(../Images/share.png) 0 -20px no-repeat;}
#article .info .sharebox a.bds_tqq:hover{background: url(../Images/share.png) -22px -20px no-repeat;}
#article .info .sharebox a.bds_weixin:hover{background: url(../Images/share.png) -65px -20px no-repeat;}
#article .info .sharebox a.bds_more:hover{background: url(../Images/share.png) -87px -20px no-repeat;}
#article .info .looknumber{margin-right: 30px; padding-left: 30px; background: url(../Images/looknumber.gif) 0 center no-repeat; line-height: 44px; float: right;}
#article .info .comment{padding-left: 22px; background: url(../Images/comment.gif) 0 center no-repeat; line-height: 44px; float: right;}
#article .thumbnail{margin: 25px 0 20px; text-align: center; overflow: hidden;}
#article .thumbnail img{max-width: 700px; }
#article .contentbox{padding-bottom: 45px; border-bottom: 1px solid #dbe4eb; font-size: 14px; font-family: '微软雅黑'; color: #666; line-height: 32px; overflow: hidden;}
#article .buttonbox{height: 44px; border-bottom: 1px solid #dbe4eb; font-size: 14px; font-family: '微软雅黑'; color: #1a2a38; line-height: 44px; overflow: hidden;}
#article .buttonbox .prev{max-width: 48%; float: left; overflow: hidden;}
#article .buttonbox .next{max-width: 48%; float: right; overflow: hidden;}

#article .aside{margin: 30px 0 0; overflow: hidden;}
#article .aside .tit-box{height: 32px; border-bottom: 1px solid #dbe4eb; line-height: 32px; font-size: 14px; font-family: '微软雅黑'; font-weight: bold; color: #1a2a38; overflow: hidden;}
#article .aside ul{width: 900px}
#article .aside li{width: 415px; height: 110px; margin: 20px 20px 0 0; background: #f9f9f9; float: left; overflow: hidden;}
#article .aside li .image{display: block; width: 160px; height: 110px; margin-right: 15px; float: left; overflow: hidden;}
#article .aside li .image img{display: block; width: 100%; height: 110px}
#article .aside li .name{width: 225px; height: 30px; font-size: 16px; line-height: 30px; overflow: hidden; float: left;}
#article .aside li .name a{color: #333;}
#article .aside li .name a:hover{color: #ff9900;}
#article .aside li .i-info{width: 225px; height: 65px; font-size: 14px; color: #999; line-height: 22px; overflow: hidden;}

#article .formbox{padding-top: 40px;}
#article .formbox .titbox span{padding-left: 22px; background: url(../Images/comment1.gif) 0 center no-repeat; font-size: 16px; line-height: 40px;}
#article .formbox .textarea{width:684px !important; height:140px; padding: 5px 10px; border: 1px solid #dbe4eb; font-size: 14px}
#article .formbox .formbutton{padding: 10px 0}
#article .formbox .formbutton .submit{width: 80px; height: 30px; background: #61a1df; border: 0; font-size: 14px; color: #fff; float: right; cursor: pointer;}
#article .formbox .formbutton .ibox{height: 20px; margin: 5px 25px 0 0; font-size: 14px; color: #666; line-height: 20px; float: right; overflow: hidden;}
#article .formbox .formbutton .ibox span{float: right;}
#article .formbox .formbutton .text{width: 48px; height: 18px; margin: 0 3px; padding: 0 2px; line-height: 18px; border: 1px solid #8e8f8f; float: right;}
#article .formbox .formbutton img{width: 60px; height: 20px; float: right; cursor: pointer;}

#article .commentlist .titbox{border-bottom: 1px solid #dbe4eb;}
#article .commentlist .titbox span{padding-left: 40px; background: url(../Images/people.gif) 0 center no-repeat; font-size: 16px; line-height: 30px;}
#article .commentlist table{width: 100%; border-collapse: collapse;}
#article .commentlist td{padding: 10px 0; border-bottom: 1px solid #dbe4eb; font-size: 14px; line-height: 26px; color: #666}
#article .commentlist td.right{width: 210px; text-align: right; color: #61a1df;}





/***************单页文章**************/
#artpage{margin: 30px 18px 50px; overflow: hidden;}
#artpage p{margin-bottom: 15px; font-size: 14px; line-height: 30px; color: #666}





/***************图片集列表**************/
#piclist{margin: 30px 18px 50px; overflow: hidden;}
#piclist ul{display:block; width: 720px}
#piclist li{width:226px; height:200px; margin:0 14px 35px 0; overflow:hidden; float:left}
#piclist li .image{display: block; height:169px; border:1px solid #e7e7e6; padding:2px; overflow:hidden}
#piclist li .image img{display: block; width: 100%; height: 169px}
#piclist li .image:hover{padding: 1px; border-width: 2px; border-color:#146fbb}
#piclist li p{text-align:center; font-size:14px; color: #333; line-height:34px}





/***************文本列表**************/
#textlist{margin: 30px 18px 50px; overflow: hidden;}
#textlist dl{padding:5px 0; margin-bottom:15px;}
#textlist dt{height:23px; padding-left:10px; font:16px/23px Microsoft YaHei; overflow:hidden; background:url(../Images/icon_news.png) no-repeat 0 11px;}
#textlist dt a{color:#000;}
#textlist dt a:hover{color:#146fbb;}
#textlist dd{padding:0 10px;}
#textlist dd.info{padding-bottom:5px; color:#bbb; border-bottom:1px dotted #e3e3e3;}
#textlist dd.info span{margin-right:15px;}
#textlist dd.pic{padding-top:10px;}
#textlist dd.pic img{max-width:200px; max-height:200px;}
#textlist dd.cont{padding:5px 10px; color:#666; border-bottom:1px solid #ececec;}
#textlist dd.cont .more{color: #146fbb}
#textlist dd.cont .more:hover{text-decoration: underline;}





/***************图文列表**************/
#pictextlist{margin: 30px 18px 50px; overflow: hidden;}
#pictextlist li{padding:13px 0 28px; margin-bottom:15px; border-bottom:1px dotted #e3e3e3;}
#pictextlist a.image{float:left; width:210px; height:160px;}
#pictextlist a.image img{display: block; width:100%; height:160px;}
#pictextlist dl{margin-left:240px;}
#pictextlist dt{height:30px; font-size:24px; line-height:30px; overflow:hidden;}
#pictextlist dt span{float:left; padding-right:10px; margin-right:10px; border-right:1px dotted #ccc; color: #666; display:block;}
#pictextlist dt span em{margin-right:5px; font-size:18px; font-style:normal;}
#pictextlist dt h3{float:left;}
#pictextlist .cont{margin:15px 0 0; font-size:14px; line-height:24px;}
#pictextlist .more{text-align:right;}
#pictextlist .pagebox{padding-top: 15px}





/***************人物列表**************/
#peoplelist{margin: 30px 18px 50px 0; overflow: hidden;}
#peoplelist ul{padding-bottom: 15px;}
#peoplelist li{width:50%; height:193px; padding-bottom:16px; float:left;}
#peoplelist li .wrap{margin-left: 18px; padding:6px 6px 8px ; border:1px solid #e1e1e1; min-height:177px;}
#peoplelist li img{float:left; width:131px; height:173px; padding:2px; border:1px solid #e1e1e1;}
#peoplelist li a:hover img{border-color:#146fbb;}
#peoplelist dl{margin-left:150px;}
#peoplelist dt{height:23px; margin-top:5px; font-size:14px; font-weight:bold; overflow:hidden;}
#peoplelist .desc{height:120px; margin:7px 0; line-height:20px; overflow:hidden;}
#peoplelist .more{height:15px;}
#peoplelist .more a{float:right;  padding-right:2px; width:57px; height:15px; text-indent:-999em; display:block;
	background:url(../Images/bg_more.png) no-repeat;}





/***************下载列表**************/
#downlist{margin: 30px 18px 50px; overflow: hidden;}
#downlist ul{padding-bottom: 30px;}
#downlist li{height: 30px; padding-left: 10px; background: url("../Images/icon_news.png") no-repeat 0px 13px; line-height: 30px; color: #999; overflow: hidden;}
#downlist li.border{margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #CCC;}
#downlist li a{color: #333}
#downlist li a:hover{color: #146fbb}





/***************************留言板部分*********************************/
#message{margin: 30px 18px 50px; overflow: hidden;}
#message .item{padding:15px 0; border-bottom: 1px solid #DDD;}
#message .item p{color:#666}
#message .item .graya3{color: #A3A3A3;}
#message .item p span{margin-right: 20px;}
#message .item .blue{color: #06C;}
#message .item-page{margin:0; padding:20px 0; border-bottom: 1px solid #DDD;}

#message .item-box{width:530px; margin:25px auto; color:#666; line-height:27px; overflow:hidden;}
#message .item-box .group{padding:5px}
#message .item-box .group * {float: left;}
#message .item-box .text{width: 200px; height: 25px; padding: 0px 3px; line-height: 25px; border: 1px solid #DDD; color: #555; background:#FBFBFB;}
#message .item-box .textarea{width:410px; height:160px; padding: 3px; border: 1px solid #DDD; background:#FBFBFB;}
#message .item-box .submit,#message .item-box .button {width:80px; height:26px; margin-right:20px; padding:3px; border:1px solid #DDD; cursor: pointer; background:#F7F7F7;}
#message .item-box .codetext{width: 60px; margin-right: 5px; float: left;}
#message .item-box .codepic{margin-top: 4px; float: left;}
#message .item-box span{display:block; width:65px; height:27px; overflow:hidden; float:left}
#message .item-box em{margin-left: 5px; font-style:normal}

#message .pagebox{padding-top: 30px}