/*  
365建站器让建站和seo变得简单！
365建站器官网：http://soft.365jz.com
*/
.tbox {
    margin: 0 0 8px 0;
    border-bottom: 1px solid #D7EBF4;
    overflow: hidden;
    BACKGROUND: url(../images/bg_index_title1.jpg) no-repeat;

}

.flink .tbox {
    BACKGROUND: url(../images/bg_index_title3.jpg) no-repeat;
}

.tbox dt {
    height: 29px;
    overflow: hidden;
    clear: both;
}

.tbox dd {
    border-left: 1px solid #D7EBF4;
    border-right: 1px solid #D7EBF4;
    /*padding:4px 4px 0px;*/
    overflow: hidden;
}

.tbox dt strong {
    height: 29px;
    line-height: 29px;
    PADDING-LEFT: 30px;
    FONT-WEIGHT: bold;

    COLOR: #fff;
    padding-right: 4px;
    display: block;
    float: left;
    letter-spacing: 1px;
}

.tbox dt strong a {
    COLOR: #fff;
}

.tbox dt strong a:hover {
    COLOR: #fff;
    text-decoration: none;
}

.tbox dt span.more {
    float: right;
    position: relative;
    line-height: 25px;
    padding-right: 8px;
    COLOR: #fff;
}

.tbox dt span.more a {
    COLOR: #fff;
    text-decoration: none;
}

.tbox dt span.more a:hover {
    color: #ff3333;
    text-decoration: underline;
}

.tbox dt span.label {
    height: 25px;
    float: right;
    overflow: hidden;
    padding-right: 1px;
    padding-top: 2px;
}

.tbox dt span.label a {
    height: 26px;
    display: block;
    padding: 0px 7px 0px 8px;
    line-height: 26px;
    border-left: 1px solid #DADADA;
    float: left;
    color: #666;
    text-decoration: none;
    overflow: hidden;
    letter-spacing: 1px;
}

.tbox dt span.label a:hover {
    color: #360;
}

.tbox dt span.label a.thisclass {
    background: #FFF;
    color: #333;
    border-top: 3px solid #DADADA;
}

.tbox dt span.linklabel {
    float: left;
    margin-left: 10px;
    overflow: hidden;
    padding-right: 1px;
    padding-top: 2px;
}

.tbox dt span.linklabel a {
    height: 20px;
    display: block;
    padding: 0px 7px 0px 8px;
    margin: 0 5px;
    line-height: 20px;
    border-left: 1px solid #DADADA;
    border-top: 1px solid #DADADA;
    border-right: 1px solid #DADADA;
    float: left;
    color: #666;
    text-decoration: none;
    overflow: hidden;
    letter-spacing: 1px;
}

.tbox dt span.linklabel a:hover {
    color: #360;
}

.tbox dt span.linklabel a.thisclass {
    background: #FFF;
    color: #333;
}

/* 较重颜色的Box */
.light {
    background: none;
}

.light dt {
    BACKGROUND: url(../images/bg_left_title.jpg);
    COLOR: #055eb0;
    LINE-HEIGHT: 34px;
    HEIGHT: 40px;
    overflow: hidden;

    clear: both;
}

.light dd {

    border-left: 1px solid #D7EBF4;
    border-right: 1px solid #D7EBF4;
    /*padding:4px 4px 0px;*/
    overflow: hidden;
    background-color: #FCFDFF;

}

dt.light strong {
    color: #316301;
}

/*--------------------------------------------------
 box layout (prefix space:a,b)
 ---------------------------------------------*/

/*---------- a : 文本列表块 ---------*/

/*---------- b : 图文混排块 ---------*/


/*-------------------------------------------------- 
 list layout (prefix space:c,d,e,f)
 ---------------------------------------------*/

/*---------- c : 纯文本列表 ---------*/
.c1 {
    /* 纯文本链接列表 */
    padding: 4px 0px;
    clear: right;
}

.c1 li {
    height: 27px;
    line-height: 27px;
    overflow: hidden;
    padding-left: 16px;
    background: url(../images/ico-2.gif) 7px 11px no-repeat;
}

.c1 a {
    color: #585858;
}

.c2 {
    /* 水平切分的两列纯文本链接列表 */
    width: 100%;
    padding: 4px 0px;
    overflow: hidden;
    clear: both;
}

.c2 li {
    width: 44%;
    margin-right: 1%;
    float: left;
    height: 27px;
    line-height: 27px;
    overflow: hidden;
    padding-left: 16px;
    background: url(../images/ico-2.gif) 7px 11px no-repeat;
}

/*---------- d : 附加信息列表 ---------*/
.d1 {
    /* 前置时间日期的小列表 */
    padding: 4px 0px;
}

.d1 li {
    height: 27px;
    line-height: 27px;
    overflow: hidden;
}

.d1 li span {
    color: #ABA9A2;
    margin-right: 5px;
    float: left;
}

.d1 li a {}

.d2 {
    /* 后置时间日期的小列表 */
    padding: 4px 0px;
}

.d2 li {
    height: 27px;
    line-height: 27px;
    overflow: hidden;
}

.d2 li span {
    color: #777;
    float: right;
    padding-right: 10px;
    margin-left: 10px;
}

.d2 li a {
    overflow: hidden;
}

.d4 {
    /*带内容简介的小列表*/
    padding: 0px 0px;
}

.d4 li {
    padding: 4px 8px;
    overflow: hidden;
}

.d4 li a {
    display: block;
    line-height: 23px;
    overflow: hidden;
    text-indent: 14px;
    background: url(../images/ico-3.gif) 4px 9px no-repeat;
}

.d4 li p {
    color: #888;
    line-height: 17px;
    height: 33px;
    overflow: hidden;
}

.d5 {
    /* 后置时间日期的大列表 */
    padding: 8px;
    border-bottom: 1px solid #EEE;
}

.d5 li {
    height: 41px;
    line-height: 41px;
    background: url(../images/ico-2.gif) 2px 17px no-repeat;
    padding-left: 16px;
}

.d5 li a {
    font-size: 14px;
}

.d5 li span {
    margin-left: 10px;
    color: #777;
}

/*---------- e : 图文混排列表 ---------*/
.e1 {
    /* 横向浮动的图片列表 120*90  */
    width: 100%;
    overflow: hidden;
    clear: both;
    padding-top: 10px;
    padding-bottom: 8px;
}

.e1 li {
    width: 126px;
    overflow: hidden;
    padding-left: 12px;
    float: left;
    text-align: center;

}

.e1 li a {
    display: block;
    color: #6C6D61;
}

.e1 li a:hover img {
    border: 1px solid #D7D9CC;
    padding: 2px;
}

.e1 li a img {
    display: block;
    border: 1px solid #E3E3E3;
    padding: 2px;
    width: 120px;
    height: 90px;
}

.e1 li a span {
    display: block;
    line-height: 17px;
    padding-top: 6px;
}

.e1 li span {}

.e2 {}

.e2 li {
    width: 100%;
    overflow: hidden;
    clear: both;
    padding: 12px 0px;
    border-bottom: 1px solid #EEE;
    color: #aaa;
}

.e2 li b a {
    color: #555;
}

.e2 li a.preview {
    width: 84px;
    float: left;
    margin-right: 7px;
    margin-bottom: 3px;
    margin-left: 10px;
    display: inline;
}

.e2 li a.preview img {
    width: 80px;
    /*height:60px;*/
    display: block;
    padding: 1px;
    border: 1px solid #EEE;
}

.e2 li a.preview:hover img {
    border: 1px solid #AAA;
}

.e2 li a.title {
    overflow: hidden;
    line-height: 25px;
    font-weight: bold;
    font-size: 14px;
    margin-left: 2px;
}

.e2 span.info {
    display: block;
    line-height: 23px;
    color: #555;
    padding-left: 12px;
}

.e2 span.info small {
    color: #AAA;
    font-size: 12px;
    margin-left: 3px;
}

.e2 span.info a {
    color: #690;
}

.e2 p.intro {
    color: #776955;
    line-height: 20px;
    margin-left: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.e3 {
    /* 图文混排小列表 */
    clear: both;
    overflow: hidden;
}

.e3 li {
    height: 50px;
    overflow: hidden;
    padding: 6px;
    border-bottom: 1px dashed #DCEBD7;
}

.e3 li a.preview {
    width: 58px;
    height: 48px;
    float: left;
    display: block;
    margin-right: 6px;
    overflow: hidden;
}

.e3 li a.preview img {
    width: 58px;
    height: 48px;
}

.e3 li a.title {
    height: 21px;
    display: block;
    line-height: 21px;
    overflow: hidden;
}

.e3 li .intro {
    color: #777;
    display: block;
    float: left;
    line-height: 23px;
}

.e5 {
    /* 竖排小图列表 102*70 (仅供首页图文混排列表使用) */
    padding-left: 8px;
    width: 112px;
    float: left;
    font-size: 0px;
    line-height: 0px;
}

.e5 li {
    display: block;
    width: 104px;
    overflow: hidden;
    padding-top: 8px;
}

.e6 {
    /* 横排小图列表 102*70 (仅供首页图文混排列表使用) */
    height: 81px;
    padding-left: 6px;
    clear: both;
    overflow: hidden;
}

.e6 li {
    display: block;
    width: 104px;
    padding-top: 8px;
    padding-right: 8px;
    overflow: hidden;
    float: left;
}

.e5 li a,
.e6 li a {
    width: 102px;
    height: 70px;
    overflow: hidden;
    display: block;
    border: 1px solid #676767;
}

.e5 li a img,
.e6 li a img {
    display: block;
    width: 102px;
    height: 70px;
}

.e5 li a:hover,
.e6 li a:hover {
    border: 1px solid #333;
}

.e7 {
    /* 横排小图列表 52*52 (用户头像列表) */
    clear: both;
    overflow: hidden;
}

.e7 li {
    width: 60px;
    height: 86px;
    float: left;
    overflow: hidden;
    padding-left: 11px;
}

.e7 li a {
    display: block;
    margin: 0px auto;
    text-align: center;
}

.e7 li a img {
    width: 52px;
    height: 52px;
    display: block;
    margin: 0px auto 6px;
    padding: 2px;
    border: 1px solid #DDD;
}

.e7 li a:hover img {
    border: 1px solid #AAA;
}

.e8 {
    /*图集列表专用大图列表*/
    width: 100%;
    overflow: hidden;
    clear: both;
    margin-left: 12px;
    margin-top: 16px;
}

.e8 li {
    width: 168px;
    height: 184px;
    float: left;
    display: block;
    overflow: hidden;
    margin-right: 8px;
    text-align: center;
}

.e8 li .pic {
    width: 160px;
    height: 120px;
    display: block;
    background: url(../images/picbox-listbg.gif) no-repeat;
    text-align: left;
    overflow: hidden;
}

.e8 li .pic img {
    width: 152px;
    height: 112px;
    display: block;
    margin-left: 3px;
    margin-top: 3px;
    border: none;
}

.e8 li .title {
    height: 31px;
    display: block;
    line-height: 31px;
    font-weight: bold;
    overflow: hidden;
}

.e8 li .date {
    color: #666;
}

.e8 li .date small {
    line-height: 17px;
    font-size: 12px;
    color: #999;
}

.e9 {
    /* 右侧小图列表 */
    width: 100%;
    clear: both;
    overflow: hidden;
    padding-top: 4px;
}

.e9 li {
    width: 106px;
    height: 110px;
    float: left;
    text-align: center;
    overflow: hidden;
    margin-left: 6px;
    display: inline;
}

.e9 li a {
    color: #777;
}

.e9 li a img {
    width: 102px;
    height: 76px;
    display: block;
    padding: 1px;
    border: 1px solid #DDD;
}

.e9 li a span.title {
    display: block;
    height: 29px;
    line-height: 29px;
    overflow: hidden;
}

/*---------- f : 特殊列表 ---------*/
.f1 {
    /* 带数字ICO的排行榜列表 */
    background: url(../images/number-range.gif) 5px 5px no-repeat;
    overflow: hidden;
}

.f1 li {
    height: 38px;
    display: block;
    padding: 3px 0px 4px 0px;
    ;
    border-bottom: 1px dashed #DCEBD7;
    padding-left: 38px;
    overflow: hidden;
}

.f1 li a {
    height: 21px;
    line-height: 21px;
    overflow: hidden;
    display: block;
}

.f1 li span {
    line-height: 15px;
    color: #666666;
    margin-left: 5px;
}

.f1 li span small {
    font-size: 12px;
    color: #999;
}

.f1 li span a {
    display: inline;
    line-height: 15px;
    color: #666666;
    color: #690;
}

.f2 {
    /* 评论专用列表 */
    overflow: hidden;
}

.f2 li {
    height: 73px;
    clear: both;
    overflow: hidden;
    border-bottom: 1px dashed #DCEBD7;
    padding: 0px 8px;
}

.f2 small {
    display: block;
    height: 21px;
    padding-top: 6px;
    line-height: 21px;
    overflow: hidden;
    font-size: 12px;
    color: #999;
}

.f2 small a.username {
    color: #666;
}

.f2 p {
    height: 42px;
    overflow: hidden;
    line-height: 21px;
    color: #888;
    text-indent: 17px;
    background: url(../images/ico-comment-quote.gif) 0px 4px no-repeat;
}

.f4 {
    /*友情链接(图片)专用*/

}

.f4 li {
    width: 94px;
    height: 37px;
    display: block;
    float: left;
    overflow: hidden;
    margin: 10px 12px 2px 8px;
}

.f4 li a {
    width: 88px;
    height: 31px;
    overflow: hidden;
    float: left;
    border: 3px solid #FFF;
}

.f4 li a:hover {
    border: 3px solid #EEE;
}

.f5 {
    /*友情链接(文字)专用*/
    width: 100%;
    display: block;
    clear: both;
    padding-bottom: 6px;

}

.f5 li {
    float: left;
    line-height: 14px;
    padding: 8px 10px 0px;
    white-space: nowrap;
}

.f5 li a {
    color: #666666;
    float: left;
}

.f5 li a img {
    border: 3px solid #EEE;
}

.f6 {
    /* 链接横排自适应列表 */
    width: 100%;
    overflow: hidden;
    clear: both;
    padding-bottom: 10px;
}

.f6 li {
    float: left;
    line-height: 14px;
    padding: 8px 10px 0px;
    white-space: nowrap;
}

.f6 li a {
    color: #666666;
    float: left;
}

/*list_nav
------------------*/
.d6 {
    width: 100%;
    overflow: hidden;
    padding-bottom: 6px;
    clear: both;
    display: inherit;
}

.d6 li {
    float: left;
    margin: 6px 0 1px 8px;
    display: inline;
}

.d6 li a {
    width: 87px;
    padding-left: 20px;
    height: 26px;
    line-height: 26px;
    display: block;
    background: url(../images/green_skin.png) -42px -222px no-repeat;
    color: #316301;
}

.d6 li a:hover {
    text-decoration: none;
}

.d6 li a.thisclass {
    background: url(../images/green_skin.png) -42px -249px no-repeat;
}

/*-------------------------------------------------- 
 list icon
 ---------------------------------------------*/
.ico1 li {
    padding-left: 16px;
    background: url(../images/ico-1.gif) 7px 11px no-repeat;
}

.ico2 li {
    padding-left: 16px;
    background: url(../images/ico-2.gif) 6px 11px no-repeat;
}

.ico3 li {
    padding-left: 16px;
    background: url(../images/ico-3.gif) 7px 11px no-repeat;
}

li.dotline {
    height: 26px;
    line-height: 26px;
}

.c_page {
    text-align: right;
    line-height: 25px;
    height: 25px;
    background: #FBFBFB;
    border-top: 1px solid #EAEAEA;
}

.c_page a {
    text-align: center;
    background: url(../images/page_bg.gif) #FBFBFB no-repeat;
    width: 16px;
    height: 15px;
    line-height: 15px;
    display: inline-block;
    margin-top: 5px;
    color: #000;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 9px;
}

.c_page a:hover {
    text-decoration: none;
}

.c_page a.thislink {
    color: #7A2334;
}


.pleft {
    width: 696px;
    float: left;
    overflow: hidden;
}

.pleft .place {
    width: 696px;
    height: 24px;
    line-height: 24px;
    background-color: #1C9AE6;
    BACKGROUND: url(../images/bg_index_title2.jpg);
    border-top: 1px solid #BADAA1;
    border-bottom: 1px solid #BADAA1;
    text-indent: 12px;
    color: #fff;
    overflow: hidden;
}

.pleft .place strong {
    color: #fff;
    font-weight: normal;
    letter-spacing: 1px;
}

.pleft .place a {
    color: #fff;
    margin: 0px 2px;
}

.pleft .place a:hover {
    color: #ff3333;
    text-decoration: none;
}

.pleft .place small {
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 20px;
    *height: 24px;
    overflow: hidden;
    background: url(../images/ico-3.gif) 2px 8px no-repeat;
    font-size: 0px;
}

.place strong {
    color: #397CBE;
    font-weight: normal;
    letter-spacing: 1px;
}

.place a {
    color: #fff;
    margin: 0px 2px;
}

.place a:hover {
    color: #FF3366 margin:0px 2px;
    TEXT-DECORATION: underline;
}

.pright {
    width: 260px;
    float: right;
    overflow: hidden;
}

.jz_pages {}

.jz_pages ul {
    float: left;
    padding: 12px 0px 12px 16px;
}

.jz_pages ul li {
    float: left;
    font-family: Tahoma;
    line-height: 17px;
    margin-right: 6px;
    border: 1px solid #E9E9E9;
}

.jz_pages ul li a {
    float: left;
    padding: 2px 4px 2px;
    color: #555;
    display: block;
}

.jz_pages ul li a:hover {
    color: #690;
    text-decoration: none;
    padding: 2px 4px 2px;
}

.jz_pages ul li.thisclass,
.jz_pages ul li.thisclass a,
.pagebox ul li.thisclass a:hover {
    background-color: #F8F8F8;
    padding: 2px 4px 2px;
    font-weight: bold;
}

.jz_pages .pageinfo {
    line-height: 21px;
    padding: 12px 10px 12px 16px;
    color: #999;
}

.jz_pages .pageinfo strong {
    color: #555;
    font-weight: normal;
    margin: 0px 2px;
}

/*---------- index ---------*/
.index .bignews {
    width: 424px;
    height: 400px;
    float: right;
    border: 1px solid #DADADA;
    overflow: hidden;
}

.index .bignews a {
    color: #555;
}

.index .bignews .onenews {
    margin: 0 3px 0 3px;
    padding: 7px 6px;
    border-bottom: 1px dashed #EBEBEB;
}

.index .bignews .onenews h2 {
    text-align: center;
    display: block;
    height: 32px;
    line-height: 28px;
}

.index .bignews .onenews h2 a {
    font-size: 16px;
}

.index .bignews .onenews p {
    line-height: 19px;
    color: #666;
}

.index .bignews div.newarticle {
    height: 24px;
    background: url(../images/new-article.gif) 8px 3px no-repeat;
    font-size: 0px;
    color: #fff;
}

.index .bignews div.d1 {
    padding: 6px 10px;
    clear: both;
    width: 406px;
    overflow: hidden;
}

.index .bignews div.d1arc {
    margin-right: 12px;
    width: 190px;
    float: left;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
}

.index .bignews div.d1arc a {}

.index .bignews ul.c2 {
    width: 416px;
    padding: 0px 4px 0px;
    clear: both;
    overflow: hidden;
}

.index .bignews ul.c2 a {
    font-size: 13px;
}

.index .flashnews {
    width: 280px;
    height: 192px;
    overflow: hidden;
    float: left;
}

.index .latestnews {
    width: 280px;
    height: 200px;
    margin-top: 8px;
    float: left;
}

.index .latestnews dl dd {
    padding: 2px 5px;
}

.index .latestnews ul a {
    color: #555;
}

.index .picnews {
    width: 100%;
    float: left;
    clear: both;
    overflow: hidden;
    margin-top: 0px;
}

.listbox {
    width: 720px;
    overflow: hidden;
    float: left;
    clear: both;
    overflow: hidden;
}

.index .listbox dl {
    width: 352px;
    margin-right: 8px;
    margin-top: 2px;
    float: left;
}

.index .listbox ul a {
    color: #666;
}

.index .usercenter .tbox dd {
    height: 370px;
    display: none;
}

.index .usercenter .tbox dd#loading {
    display: block;
    text-align: center;
    line-height: 200px;
    letter-spacing: 2px;
    color: #999999;
}

.index .userlogin {
    padding-top: 10px;
}

.index .userlogin .fb {
    height: 37px;
}

.index .userlogin .fb span {
    float: left;
    width: 60px;
    text-align: right;
    padding-right: 6px;
    color: #888;
}

.index .userlogin .fb img {
    vertical-align: middle;
    margin-left: 5px;
}

.index .userlogin .submit {
    text-align: center;
    padding-top: 3px;
}

.index .userlogin .submit a {
    color: #003300;
    margin-left: 7px;
}

.index .userinfo {}

.index .userinfo .welcome {
    width: 220px;
    height: 24px;
    margin: 12px auto;
    background: #F9F9F9;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    line-height: 23px;
    text-indent: 10px;
    color: #666;
}

.index .userinfo .welcome strong {
    color: #F60;
    font-weight: bold;
}

.index .userinfo .userface {
    width: 60px;
    height: 64px;
    overflow: hidden;
    padding-left: 16px;
    padding-top: 2px;
    float: left;
}

.index .userinfo .userface a {
    display: block;
    margin: 0px auto;
    text-align: center;
}

.index .userinfo .userface a img {
    width: 52px;
    height: 52px;
    display: block;
    margin: 0px auto 6px;
    padding: 2px;
    border: 1px solid #DDD;
}

.index .userinfo .mylink {
    width: 144px;
    float: left;
    overflow: hidden;
}

.index .userinfo .mylink ul {}

.index .userinfo .mylink ul li {
    width: 72px;
    float: left;
    line-height: 21px;
    text-indent: 12px;
}

.index .userinfo .mylink ul li a {
    color: #555;
}

.index .userinfo .uclink {
    height: 31px;
    line-height: 31px;
    clear: both;
    overflow: hidden;
    text-align: center;
    color: #DDD;
}

.index .userinfo .uclink a {
    color: #690;
    margin: 0px 2px;
}

.index .latestlogin {
    padding-top: 16px;
}

.index .latestlogin strong {
    width: 102px;
    padding-left: 6px;
    letter-spacing: 1px;
    color: #555;
    display: block;
    line-height: 21px;
    background: #FFF;
    position: relative;
    z-index: 5;
}

.index .latestlogin ul {
    width: 224px;
    border-top: 1px solid #DDDDDD;
    padding-top: 20px;
    z-index: 3;
    margin: -12px auto 0px;
}

.index .commend dl dd {
    padding-top: 0px;
}

.index .hot dl dd {
    padding-top: 0px;
}

.index .hot dl dd .c1 li {
    width: 210px;
    overflow: hidden;
}

.index .vote dl dd strong {
    display: block;
    line-height: 27px;
    padding-left: 8px;
    letter-spacing: 1px;
    color: #3f7652;
    border-bottom: 1px solid #DDDDDD;
    margin: 0px 4px;
}

.index .vote dl dd .fb {
    padding-top: 10px;
    height: 21px;
    padding-left: 10px;
    color: #555;
}

.index .vote dl dd .fb input {
    margin-right: 4px;
}

.index .vote dl dd .submit {
    text-align: center;
    height: 35px;
    padding-top: 8px;
}

.index .vote dl dd .submit button {
    margin-right: 10px;
}

.index .vote dl dd .submit a {
    color: #003300
}

/*---------- channel ---------*/
.channel .flashnews {
    width: 280px;
    height: 192px;
    overflow: hidden;
    float: left;
    background: #F00;
}

.channel .topcommand {
    width: 424px;
    float: right;
    overflow: hidden;
}

.channel .topcommand dl dd {
    height: 162px;
}

.channel .topcommand a {
    color: #666;
}

.channel .topcommand .onenews {
    padding: 3px 12px;
    border-bottom: 1px solid #EBEBEB;
}

.channel .topcommand .onenews h2 {
    display: block;
    height: 28px;
    line-height: 25px;
}

.channel .topcommand .onenews h2 a {
    font-size: 16px;
}

.channel .topcommand .onenews p {
    line-height: 19px;
    color: #666;
}

.channel .picnews {
    width: 712px;
    float: left;
    clear: both;
    overflow: hidden;
}

.channel .listbox {
    width: 696px;
    overflow: hidden;
    float: left;
    clear: both;
    overflow: hidden;
}

.channel .listbox dl {
    width: 337px;
    margin-right: 8px;
    float: left;
}

.channel .listbox ul a {
    color: #666;
}


/*---------- viewbox ---------*/
.viewbox {
    width: 712px;
    overflow: hidden;
    padding-bottom: 8px;
}

.viewbox .title {
    height: 56px;
    line-height: 56px;
    text-align: center;
    overflow: hidden;
    padding-top: 10px;
}

.viewbox .title h2 {
    font-size: 24px;
    color: #2b2b2b;
}

.viewbox .info {
    height: 24px;
    line-height: 17px;
    text-align: center;
    overflow: hidden;
    color: #666;
}

.viewbox .info small {
    margin-left: 8px;
    margin-right: 3px;
    color: #999;
    font-size: 12px;
}

.viewbox .info a {
    color: #690;
}

.viewbox .intro {
    width: 90%;
    padding: 8px 16px;
    line-height: 24px;
    background: #f5fcee;
    border: 1px solid #DCDDDD;
    font-size: 14px;
    color: #706A6A;
    margin: 8px auto 0 auto;
}

.viewbox .infolist {
    width: 368px;
    float: left;
}

.viewbox .infolist small {
    width: 100px;
    text-align: right;
    display: block;
    float: left;
    font-size: 12px;
    line-height: 31px;
    color: #999;
    clear: left;
    height: 31px;
    overflow: hidden;
}

.viewbox .infolist span {
    width: 200px;
    line-height: 30px;
    float: left;
    height: 31px;
    overflow: hidden;
}

.viewbox .picview {
    width: 320px;
    float: right;
    padding-right: 24px;
    padding-top: 16px;
}

.viewbox .labeltitle {
    height: 23px;
    background: url(../images/view-labeltitle-bg.gif) left 10px repeat-x;
    clear: both;
    overflow: hidden;
    margin: 0px auto 0px;
    padding-top: 10px;
}

.viewbox .labeltitle strong {
    width: 80px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    color: #FFF;
    letter-spacing: 1px;
    display: block;
    float: left;
    background: url(../images/view-labeltitle-bg.gif) left -44px no-repeat;
    overflow: hidden;
}

.viewbox .content {
    font-size: 14px;
    padding: 12px 16px;
    line-height: 25px;
    color: #333;
}

.viewbox .jz_pages {
    width: 712px;
    float: none;
    overflow: hidden;
    text-align: center;
}

.viewbox .jz_pages ul {
    margin: 0px auto;
    float: none;
    clear: both;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
}

.viewbox .jz_pages ul li,
.viewbox .jz_pages ul li a {
    float: none;
    display: inline;
}

.viewbox .boxoff {
    height: 10px;
    overflow: hidden;
    clear: both;
    background: url(../images/boxoff.gif) left 15px repeat-x;
    margin: 4px auto;
    padding-top: 10px;
}

.viewbox .boxoff strong {
    display: block;
    width: 8px;
    height: 10px;
    overflow: hidden;
    font-size: 0px;
    line-height: 100px;
    background: url(../images/boxoff.gif) right -10px no-repeat;
    float: left;
}

.viewbox .newdigg {
    width: 406px;
    height: 51px;
    margin: 8px auto;
    clear: both;
    overflow: hidden;
    padding-left: 8px;
}

.viewbox .diggbox {
    width: 195px;
    height: 51px;
    float: left;
    margin-right: 8px;
    overflow: hidden;
    cursor: pointer;
}

.viewbox .diggbox .digg_act {
    font-size: 14px;
    float: left;
    line-height: 31px;
    text-indent: 32px;
    height: 29px;
    overflow: hidden;
    font-weight: bold;
}

.viewbox .diggbox .digg_num {
    float: left;
    line-height: 29px;
    text-indent: 5px;
}

.viewbox .diggbox .digg_percent {
    width: 180px;
    clear: both;
    padding-left: 10px;
    overflow: hidden;
}

.viewbox .diggbox .digg_percent .digg_percent_bar {
    width: 100px;
    height: 7px;
    background: #E8E8E8;
    border-right: 1px solid #CCC;
    float: left;
    overflow: hidden;
    margin-top: 3px;
}

.viewbox .diggbox .digg_percent .digg_percent_num {
    font-size: 10px;
    float: left;
    padding-left: 10px;
}

.viewbox .diggbox .digg_percent .digg_percent_bar span {
    display: block;
    height: 5px;
    overflow: hidden;
    background: #000;
}

.viewbox .newdigg .digg_good {
    background: url(../images/newdigg-bg.png) left top no-repeat;
}

.viewbox .newdigg .digg_bad {
    background: url(../images/newdigg-bg.png) right top no-repeat;
}

.viewbox .newdigg .digg_good .digg_act {
    color: #C30;
}

.viewbox .newdigg .digg_good .digg_num {
    color: #C63;
}

.viewbox .newdigg .digg_bad .digg_act {
    color: #36C;
}

.viewbox .newdigg .digg_bad .digg_num {
    color: #39C;
}

.viewbox .newdigg .digg_good .digg_percent .digg_percent_bar span {
    border: 1px solid #E37F24;
    background: #FFC535;
}

.viewbox .newdigg .digg_bad .digg_percent .digg_percent_bar span {
    border: 1px solid #689ACC;
    background: #94C0E4;
}

.viewbox .handle {
    height: 59px;
    padding-top: 12px;
    overflow: hidden;
    clear: both;
}

.viewbox .handle .digg {
    width: 59px;
    height: 59px;
    float: left;
    background: url(../images/digg-bg.gif) no-repeat;
    margin-right: 12px;
}

.viewbox .handle .digg .digg_num {
    width: 56px;
    height: 34px;
    font-size: 20px;
    text-align: center;
    line-height: 34px;
    overflow: hidden;
    color: #6B9169;
}

.viewbox .handle .digg .digg_act {
    width: 56px;
    height: 22px;
    line-height: 23px;
    overflow: hidden;
}

.viewbox .handle .digg .digg_act a {
    margin-left: 11px;
    color: #666;
    float: left;
}

.viewbox .handle .context {
    float: left;
}

.viewbox .handle .context ul li {
    line-height: 29px;
    color: #888;
}

.viewbox .actbox {
    width: 260px;
    text-align: center;
    float: right;
    padding-top: 20px;
    padding-right: 10px;
}

.viewbox .actbox ul li {
    display: inline;
    padding-left: 22px;
    background-image: url(../images/actbox-ico.gif);
    background-repeat: no-repeat;
    margin-right: 10px;
}

.viewbox .actbox ul li a {
    color: #666;
}

.viewbox .actbox ul li#act-fav {
    background-position: 4px 0px;
}

.viewbox .actbox ul li#act-err {
    background-position: 4px -37px;
}

.viewbox .actbox ul li#act-pus {
    background-position: 4px -73px;
}

.viewbox .actbox ul li#act-pnt {
    background-position: 4px -109px;
}

.viewbox .downurllist {
    width: 100%;
    clear: both;
    overflow: hidden;

}

.viewbox .downurllist li {
    height: 27px;
    background: url(../images/downurl-bg.gif) right top no-repeat;
    padding-right: 4px;
    float: left;
    margin-right: 10px;
    overflow: hidden;
    margin-top: 10px;
}

.viewbox .downurllist li a {
    height: 27px;
    background: url(../images/downurl-bg.gif) left top no-repeat;
    display: block;
    font-size: 12px;
    color: #555;
    text-indent: 30px;
    line-height: 27px;
    float: left;
    padding-right: 5px;
}

.viewbox .downurllist li a:hover {
    color: #F63;
    text-decoration: none;
}

.viewbox .picbox {
    width: 100%;
    text-align: center;
    padding-top: 10px;
    font-size: 14px;
    line-height: 31px;
    overflow: hidden;
}

.viewbox .picbox img {
    display: block;
    margin: 16px auto 6px;
}

.viewbox .picbox ul.e8 {
    font-size: 12px;
    line-height: normal;
}

.viewbox .picbox ul.e8 li .pic {
    background: none;
    border: 1px solid #EEE;
    overflow: hidden;
}

.viewbox .picbox ul.e8 img {
    margin: 3px;
    border: none;
}

.viewbox .picbox ul.e8 li .title {
    padding-top: 0px;
}

.specialpic {
    width: 200px;
    overflow: hidden;
    float: left;
    margin-right: 20px;
    padding-top: 10px;
}

.specialpic img {
    width: 200px;
    display: block;
}

.speciallist {
    width: 720px;
    overflow: hidden;
}

.speciallist dl.tbox {
    width: 352px;
    margin-right: 8px;
    margin-top: 8px;
    float: left;
}

.storypic {
    width: 160px;
    overflow: hidden;
    float: left;
    margin-right: 20px;
    padding-top: 10px;
}

.storypic img {
    width: 160px;
    display: block;
}

.infos_userinfo {
    width: 240px;
    overflow: hidden;
}

.infos_userinfo dd {
    padding: 12px;
    overflow: hidden;
    background: #FFF;
}

.infos_userinfo dd .userface {
    width: 52px;
    height: 52px;
    padding: 1px;
    border: 1px solid #DDD;
    overflow: hidden;
    float: left;
    margin-right: 8px;
}

.infos_userinfo dd .userface img {
    width: 52px;
    height: 52px;
    overflow: hidden;
    display: block;
}

.infos_userinfo dd .username {
    height: 19px;
    line-height: 19px;
    display: block;
    overflow: hidden;
    font-weight: bold;
    color: #F60;
}

.infos_userinfo dd .useract {
    width: 140px;
    height: 44px;
    overflow: hidden;
    float: left;
    padding-left: 4px;
}

.infos_userinfo dd .useract-pm,
.infos_userinfo dd .useract-af {
    width: 70px;
    float: left;
    line-height: 19px;
    height: 19px;
    overflow: hidden;
}

.infos_userinfo dd .useract-vi {
    display: block;
    clear: both;
    line-height: 19px;
    height: 19px;
    overflow: hidden;
    color: #666;
}

.infos_userinfo dd .userinfo-sp {
    height: 25px;
    line-height: 25px;
    clear: both;
    display: block;
    padding-left: 10px;
}

.infos_userinfo dd .userinfo-sp small {
    font-size: 12px;
    color: #AAA;
    margin-right: 5px;
}

.infos_search dd {
    padding: 4px 4px 12px 8px;
}

.infos_search dd select,
.infos_search dd input,
.infos_search dd button {
    margin-left: 4px;
    margin-top: 8px;
}

.infos_search dd select {
    font-size: 14px;
}

.tags_list dd {
    padding: 4px 12px;
    line-height: 220%;
}

.tags_list dd a {
    margin-right: 10px;
    white-space: nowrap;
}

.tagc1 {
    font-size: 12px;
    color: #666;
}

.tagc2 {
    font-size: 14px;
    font-weight: bold;
    color: #555;
}

.sp-title {
    color: #888;
    padding: 0px 12px;
    border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
    background: #f3fbea url(../images/search-top-bg.gif) repeat-x scroll;
    margin-bottom: 8px;
}

.sp-title h2 {
    font-size: 14px;
    line-height: 27px;
}

.sp-title h2 a {
    margin-left: 6px;
    color: #03541F;
}

.sp-title .more {
    float: right;
    margin: -27px 0px;
    line-height: 27px;
}

.linkbox {
    padding: 10px 8px;
    border-bottom: 1px solid #EEE;
}

.linkbox h3,
.linkbox h3 a {
    font-size: 14px;
    color: #693;
}

.buycar {}

.buycar h2 {
    font-size: 14px;
    color: #F60;
    line-height: 31px;
}

.buycar .flow {
    width: 100%;
    border-left: 1px solid #DEE79E;
    border-right: 1px solid #DEE79E;
    border-top: 1px solid #DEE79E;
    /*	border-collapse:collapse;*/
    margin-bottom: 16px;
}

.buycar .flow td {
    height: 23px;
    line-height: 19px;
    background: #F8FAEB;
    text-align: center;
    color: #888;
    overflow: hidden;
    border-right: 1px solid #EFF3CF;
    border-bottom: 1px solid #EFF3CF;
    border-top: 3px solid #FFF;
    letter-spacing: 3px;
}

.buycar .flow td.thisclass {
    background: #FFF;
    border-bottom: 1px solid #FFF;
    border-top: 3px solid #F8FAEB;
    font-weight: bold;
    color: #333;
}

.flinkbox {
    padding: 4px 10px;
}

.formbox {
    width: 90%;
    margin: 0px auto;
}

.formbox .fb {
    width: 100%;
    clear: both;
    overflow: hidden;
    padding-top: 10px;
    margin: 0px auto;
}

.formbox .fb .name {
    width: 180px;
    float: left;
    height: 31px;
    text-align: right;
    padding-right: 10px;
    line-height: 31px;
    font-size: 14px;
    color: #666;
    display: block;
}

.formbox .fb .value {
    float: left;
}

.formbox .fb .value img {
    vertical-align: middle;
}

.jz_comment {
    padding-bottom: 6px;
}

/*评论
------------*/
.decmt-box2 {
    width: 98%;
    padding: 6px 5px;
    margin: 0px auto;
    overflow: hidden;
    clear: both;
}

.decmt-box2 span.fr {
    float: right;
}

.decmt-box2 span.title {
    float: left;
    line-height: 20px;
    width: 600px;
}

.decmt-box2 ul {}

.decmt-box2 ul li {
    width: 100%;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
    overflow: hidden;
}

.decmt-box2 ul li a.plpic {
    float: left;
    width: 40px;
    height: 40px;
    padding: 2px;
    border: 1px solid #DFD9B9;
    background: #F9FDED;
    margin-right: 5px;
    overflow: hidden;
}

.decmt-box2 ul li p {
    float: left;
    width: 630px;
    line-height: 22px;
}

.decmt-box2 .comment_act {
    float: left;
    width: 630px;
    line-height: 20px;
    color: #aeaeae;
}

.decmt-box2 .comment_act a {
    color: #aeaeae;
}


.decmt-box {
    width: 98%;
    padding: 6px 5px;
    margin: 0px auto;
    overflow: hidden;
    clear: both;
}

.decmt-box span.fr {
    float: right;
}

.decmt-box span.title {
    float: left;
    line-height: 20px;
    width: 600px;
}

.decmt-box ul {}

.decmt-box ul li {
    width: 100%;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
    overflow: hidden;
}

.decmt-box ul li a.plpic {
    float: left;
    width: 40px;
    height: 40px;
    padding: 2px;
    border: 1px solid #DFD9B9;
    background: #F9FDED;
    margin-right: 5px;
    overflow: hidden;
}

.decmt-box ul li p {
    float: left;
    width: 630px;
    line-height: 22px;
}

.decmt-box .comment_act {
    float: left;
    width: 630px;
    line-height: 20px;
    color: #aeaeae;
}

.decmt-box .comment_act a {
    color: #aeaeae;
}

.decmt-box1 {
    width: 98%;
    padding: 6px 5px;
    margin: 0px auto;
    overflow: hidden;
    clear: both;
}

.decmt-box1 span.fr {
    float: right;
}

.decmt-box1 span.title {
    float: left;
    line-height: 20px;
    width: 600px;
}

.decmt-box1 ul {}

.decmt-box1 ul li {
    width: 100%;
    border-bottom: 1px dashed #ccc;
    padding: 10px 0;
    overflow: hidden;
}

.decmt-box1 ul li a.plpic {
    float: left;
    width: 40px;
    height: 40px;
    padding: 2px;
    border: 1px solid #DFD9B9;
    background: #F9FDED;
    margin-right: 5px;
    overflow: hidden;
}

.decmt-box1 ul li p {
    float: left;
    width: 880px;
    line-height: 22px;
}

.decmt-box1 .comment_act {
    float: left;
    width: 880px;
    line-height: 20px;
    color: #aeaeae;
}

.decmt-box1 .comment_act a {
    color: #aeaeae;
}


.jz_comment .decmt-box .decmt-title {
    line-height: 19px;
    color: #999;
    font-family: Tahoma;
}

.jz_comment .decmt-box .decmt-title span {
    margin-right: 2px;
    vertical-align: middle;
}

.jz_comment .decmt-box .decmt-title .moodico {
    height: 18px;
    width: 18px;
    display: inline-block;
}

.jz_comment .decmt-box .decmt-title .username {
    color: #669;
}

.jz_comment .decmt-box .decmt-title .username a {
    color: #669;
}

.jz_comment .decmt-box .decmt-title .username a:hover {
    text-decoration: none;
    color: #690;
}

.jz_comment .decmt-box .decmt-title .ip {
    color: #669;
    font-size: 11px;
}

.jz_comment .decmt-box .decmt-title .date {
    color: #555;
    font-size: 11px;
}

.jz_comment .decmt-box .decmt-act {
    float: right;
    margin-top: -18px;
    padding-right: 10px;
    position: relative;
    clear: both;
    color: #999;
}

.jz_comment .decmt-box .decmt-act span {
    margin-right: 7px;
}

.jz_comment .decmt-box .decmt-act span a {
    color: #888;
}

.jz_comment .decmt-box .decmt-content {
    color: #555;
    line-height: 21px;
    clear: both;
    width: 99%;
    margin: 2px auto 0px;
    /*	background:url(../images/ico-comment-quote.gif) 0px 4px no-repeat;
	text-indent:18px;*/
}

.jz_comment .decmt-box .decmt-content img {
    vertical-align: middle;
}

.decmt-box,
.decmt-content .decmt-box,
.jz_comment .decmt-box .decmt-box {
    background: #FFE;
    border: 1px solid #CCC;
    margin: 6px auto;
}

.jz_comment .decmt-box .decmt-box .decmt-title {
    text-indent: 4px;
}

.jz_comment .decmt-box .decmt-box .decmt-content {
    color: #555;
}

.nocomment {
    padding: 10px;
    color: #666;
}

.jz_comment_post {
    padding: 5px;
}

.dcmp-title {
    line-height: 25px;
}

.dcmp-title strong {
    color: #444;
    font-weight: normal;
}

.dcmp-title small {
    font-size: 12px;
    color: #999999;
}

.dcmp-stand {
    float: right;
    margin-top: -18px;
    padding-right: 10px;
    position: relative;
    clear: both;
    color: #999;
}

.dcmp-stand strong {
    font-weight: normal;
    color: #444;
}

.dcmp-stand input {
    margin-right: 2px;
}

.dcmp-stand img {
    vertical-align: middle;
    margin-right: 2px;
}

.dcmp-content {
    padding-top: 8px;
}

.dcmp-content textarea {
    height: 100px;
    width: 450px;
    float: left;
}

.dcmp-content1 {
    /*width:700px;*/
    padding-top: 8px;
}

.dcmp-content1 textarea {
    height: 100px;
    width: 700px;
    float: left;
}

.dcmp-mood {
    height: 25px;
    width: 212px;
    margin-top: 8px;
    float: right;
}

.dcmp-mood strong {
    float: left;
    color: #444;
    font-weight: normal;
    line-height: 25px;
}

.dcmp-mood ul {
    float: left;
}

.dcmp-mood ul li {
    float: left;
    margin-right: 8px;
    height: 30px;
}

.dcmp-mood ul li input,
.dcmp-mood ul li img {
    vertical-align: middle;
    margin-right: 4px;
    *margin-right: 0px;
}

.dcmp-post {
    height: 35px;
    overflow: hidden;
    clear: both;
    color: #444;
    padding: 5px 0 10px 0;
}

.dcmp-post .dcmp-userinfo {
    float: left;
    margin-right: 6px;

}

.dcmp-post .dcmp-userinfo input {
    height: 13px;
    padding-right: 0px;
}

.dcmp-post .dcmp-userinfo input,
.dcmp-post .dcmp-userinfo img {
    vertical-align: middle;
    margin: 5px;
}

.dcmp-post .dcmp-submit {
    float: left;
    padding-top: 6px;
}

.dcmp-post .dcmp-submit input,
.dcmp-post .dcmp-submit button {
    vertical-align: middle;
}

.dcmp-post .dcmp-submit button {
    width: 70px;
    height: 25px;
    border: none;
    background: url(../images/btn-bg2.gif) no-repeat;
    line-height: 25px;
    letter-spacing: 1px;
    overflow: hidden;
    color: #444;
    cursor: pointer;
    margin-left: 5px;

}

/* 代码高亮 */
pre {
    font-family: 'Courier New', Monospace;
    font-size: 12px;
    width: 99%;
    overflow: auto;
    margin: 0 0 1em 0;
    background: #F7F7F7;
}

pre ol,
pre ol li,
pre ol li span {
    margin: 0 0;
    padding: 0;
    border: none
}

pre a,
pre a:hover {
    background: none;
    border: none;
    padding: 0;
    margin: 0
}

pre ol {
    list-style: decimal;
    background: #F7F7F7;
    margin: 0px 0px 1px 3em !important;
    padding: 5px 0;
    color: #5C5C5C;
    border-left: 3px solid #146B00;
}

pre ol li {
    list-style: decimal-leading-zero;
    list-style-position: outside !important;
    color: #5C5C5C;
    padding: 0 3px 0 10px !important;
    margin: 0 !important;
    line-height: 1.3em
}

pre ol li.alt {
    color: inherit
}

pre ol li span {
    color: black;
    background-color: inherit
}

pre .comment,
pre .comments {
    color: #008200;
    background-color: inherit
}

pre .string {
    color: blue;
    background-color: inherit
}

pre .keyword {
    color: #069;
    font-weight: bold;
    background-color: inherit
}

pre .preprocessor {
    color: gray;
    background-color: inherit
}

pre .dp-xml .cdata {
    color: #ff1493
}

pre .dp-xml .tag,
pre .dp-xml .tag-name {
    color: #069;
    font-weight: bold
}

pre .dp-xml .attribute {
    color: red
}

pre .dp-xml .attribute-value {
    color: blue
}

pre .dp-sql .func {
    color: #ff1493
}

pre .dp-sql .op {
    color: #808080
}

pre .dp-rb .symbol {
    color: #a70
}

pre .dp-rb .variable {
    color: #a70;
    font-weight: bold
}

pre .dp-py .builtins {
    color: #ff1493
}

pre .dp-py .magicmethods {
    color: #808080
}

pre .dp-py .exceptions {
    color: brown
}

pre .dp-py .types {
    color: brown;
    font-style: italic
}

pre .dp-py .commonlibs {
    color: #8A2BE2;
    font-style: italic
}

pre .dp-j .annotation {
    color: #646464
}

pre .dp-j .number {
    color: #C00000
}

pre .dp-delphi .number {
    color: blue
}

pre .dp-delphi .directive {
    color: #008284
}

pre .dp-delphi .vars {
    color: #000
}

pre .dp-css .value {
    color: black
}

pre .dp-css .important {
    color: red
}

pre .dp-c .vars {
    color: #d00
}

pre .dp-cpp .datatypes {
    color: #2E8B57;
    font-weight: bold
}

#commetpages {
    text-align: center;
    line-height: 28px;
}

#commetpages a {
    border: 1px solid #BADAA1;
    padding: 0 3px 0 3px;
}

/*---------- base ---------*/
* {
    padding: 0px;
    margin: 0px;
}

html {
    background: #FFF;
}

body {
    font: 12px Verdana, Arial, Tahoma;
    BACKGROUND: url(../images/bg_all.jpg) no-repeat center top;
}

img {
    border: none;
    max-width: 100%;
}

a {
    color: #256EB1;
    text-decoration: none;
}

a:hover {
    color: #ba2636;
    text-decoration: underline;
}

ul {
    list-style: none;
}

input,
select,
button {
    font: 12px Verdana, Arial, Tahoma;
    vertical-align: middle;
}

/*---------- stock ---------*/
.center {
    margin: 0px auto;
}

.w960 {
    width: 960px;
    /*position:relative;*/
}

.pright .infos_userinfo {
    margin-bottom: 0px;
}

.mt1 {
    /* ( margin-top * 1 ) */
    margin-top: 8px;
}

.pright .mt1 {
    margin-top: 0px;
}

.mt2 {
    /* ( margin-top * 2 ) */
    margin-top: 16px;
}

.clear {
    overflow: hidden;
}

.fs-12 {
    font-size: 12px;
}

.fc-f60 {
    color: #F60;
}

.fc-f90 {
    color: #F90;
}

.clr {
    clear: both;
}

.ipt-txt {
    line-height: 15px;
    padding: 4px 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #666 #BBB #BBB #666;
    font-size: 12px;
    margin-right: 2px;
}

.nb {
    line-height: 20x;
    padding: 1px 2px;
    border-width: 1px;
    border-style: solid;
    border-color: #666 #BBB #BBB #666;
    font-size: 12px;
    margin-right: 2px
}

.btn-1 {
    width: 56px;
    height: 24px;
    border: none;
    background: url(../images/comm-bt.gif) no-repeat;
    line-height: 25px;
    letter-spacing: 1px;
    cursor: pointer;
    overflow: hidden;
    color: #585858;
}

.btn-2 {
    width: 70px;
    height: 25px;
    border: none;
    background: url(../images/btn-bg2.gif) left top no-repeat;
    line-height: 25px;
    overflow: hidden;
    color: #444;
    margin-right: 2px;
    cursor: pointer;
}

/*---------- frame ---------*/
/*---------- frame : header ---------*/
.header {
    width: 100%;
    width: 960px;
    margin: auto;
    overflow: hidden;
}

.header_top {
    height: 25px !important;
    height: 24px;
    line-height: 25px;
    border-bottom: 1px solid #DBDBDB;
    color: #676767;
    overflow: hidden;
    background: url("../images/green_skin.png") repeat-x scroll 0 -188px transparent;
}

.header_top .time {
    float: left;
    padding-left: 10px;
}

.header_top a.rss {}

.header_top .toplinks {
    float: right;
    text-align: right;
}

.header_top .toplinks a {
    margin: 0 5px;
}

.header_top .toplinks span {
    margin-left: 15px;
}

.header_top .toplinks span a {
    margin: 0 2px;
}

.header .search {
    overflow: hidden;
}

.header a {
    color: #777;
}

.header a:hover {
    color: #ff3333;
    text-decoration: none;
}

.header .top {
    clear: both;
    overflow: hidden;
    margin-top: 10px;
}

.header .title {
    float: left;
    padding-left: 10px;

}

.header img {
    max-height: 80px;

}

.header .title h1 a {
    width: 216px;
    height: 54px;
    display: block;
    overflow: hidden;
}

.header .banner {
    width: 500px;
    height: 60px;
    float: left;
    margin-left: 20px;
    overflow: hidden;
}

.header .banner img {
    width: 500px;
    height: 60px;
    display: block;
}

.header .banner2 {
    width: 200px;
    height: 60px;
    float: left;
    margin-left: 10px;
    overflow: hidden;
}

.header .banner2 img {
    width: 200px;
    height: 60px;
    display: block;
}

.header .welcome {
    float: right;
    margin-top: 20px;
    padding-right: 10px;
    color: #999;
}

.header .welcome a {
    margin: 0px 3px;
}

/*----- 新版导航菜单位置的样式 -------*/
.header .nav {}

/*-------- 圆角模型 ---------*/
.module,
.module .mid {
    overflow: hidden;
}

.module .top .t_l,
.module .bottom .b_l {
    float: left;
    overflow: hidden;
}

.module .top .t_r,
.module .bottom .b_r {
    float: right;
    overflow: hidden;
}

.module .top em {
    float: left;
    font-size: 13px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 5px;
}

.module .top em a:link,
.module .top em a:visited {
    font-size: 13px;
    font-weight: bold;
}

.module .top span {}

.module .top strong {
    cursor: pointer;
    float: right;
    font-weight: normal;
    margin-right: 4px;
}

.module .mid .m_l,
.module .mid .m_r {
    overflow: hidden;
}

.module .mid .content {
    overflow: hidden;
    height: 100%;
    clear: both;
    margin-right: 8px;
    margin-left: 8px;
    padding-top: 8px;
    /*padding-bottom: 10px;*/
}

.module .top,
.module .top .t_l,
.module .top .t_r,
.module .bottom,
.module .bottom .b_l,
.module .bottom .b_r {
    background-image: url(../images/title1.jpg);
}

/*------ 主色 -------*/
.blue .top {

    background-repeat: repeat-x;
    height: 40px;
}

.blue .top .t_l {
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 70px;
    width: 5px;
}

.blue .top .t_r {
    background-position: -6px 0;
    background-repeat: no-repeat;
    height: 70px;
    width: 5px;
}

/* --------- 导航 ----------------*/
.w963 {
    width: 960px;
}

#navMenu {
    width: 920px;
    overflow: hidden;
    height: 28px;
    padding: 8px 0 0 0px;
    margin: 0 auto;
}

#navMenu ul {
    float: left;
    height: 22px;
}

#navMenu ul li {
    font: 14px/1.5 "Microsoft YaHei", "微软雅黑", "Microsoft JhengHei", "宋体";
    float: left;
    height: 22px;
    margin-right: 10px;
    margin-left: 0px;
    padding-left: 0px;
}

#navMenu ul li a {
    color: #FFF;
    height: 22px;
    text-decoration: none;
    display: inline-block;
    position: relative;
}

#navMenu ul li a.hover {
    color: #DEFF01;
    height: 22px;
    text-decoration: none;
    display: inline-block;
    position: relative;
}

#navMenu ul li span {
    cursor: pointer;
    display: inline-block;
    height: 22px;
    line-height: 20px;
    margin: 0 0 0 5px;
    padding: 0 5px 0 0;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    color: #8b0b29;
}

#navMenu ul li.hover {
    padding-top: 0;
}

#navMenu ul li.hover a {
    display: inline-block;
    position: relative;
}

#navMenu ul li.hover span {
    cursor: pointer;
    display: inline-block;
    height: 22px;
    line-height: 20px;
    margin: 0 0 0 5px;
    padding: 0 5px 0 0;
    text-align: center;
    vertical-align: middle;
}

#navMenu ul li a.hover,
#navMenu ul li a:hover {
    text-decoration: none;
    color: #556008;
    display: inline-block;
    position: relative;
}

#navMenu ul li a.hover span,
#navMenu ul li a:hover span {
    cursor: pointer;
    display: inline-block;
    height: 22px;
    color: #556008;
    line-height: 20px;
    margin: 0 0 0 5px;
    padding: 0 5px 0 0;
    text-align: center;
    vertical-align: middle;
}

/*-------- 下拉菜单 --------------*/
.dropMenu {
    position: absolute;
    top: 0;
    z-index: 100;
    width: 120px;
    visibility: hidden;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA, direction=135, strength=4);
    margin-top: -1px;
    border: 1px solid #93E1EB;
    border-top: 0px solid #3CA2DC;
    background-color: #FFF;
    background: url(../images/mmenubg.gif);
    padding-top: 6px;
    padding-bottom: 6px;
}

.dropMenu li {
    margin-top: 2px;
    margin-bottom: 4px;
    padding-left: 6px;
}

.dropMenu a {
    width: auto;
    display: block;
    color: black;
    padding: 2px 0 2px 1.2em;
}

* html .dropMenu a {
    width: 100%;
}

.dropMenu a:hover {
    color: red;
    text-decoration: underline;
}

/*------ //搜索框 ---------*/
.search-keyword {
    width: 210px;
    height: 18px;
    padding-top: 2px;
    padding-left: 6px;
    border: 0px;
    border: #badaa1 solid 1px;
    background: #FFF;
    color: #444;
}

.search-submit {
    cursor: pointer;
    width: 68px;
    height: 22px;
    font-size: 0px;
    color: #fafafa;
    border: 0px;
    background: url(../images/search-bt.gif) no-repeat;
}

.search-option {
    margin-left: 3px;
    margin-right: 3px;
    border: #badaa1 solid 1px;
    height: 22px;
}

.w963 .search {
    padding-left: 10px;
    line-height: 32px;
}

.w963 .form h4 {
    display: none;
}

.w963 .form {
    float: left;
    margin: 0 10px 0 0;
    *margin: 0 10px 0 0;
    _margin: 5px 10px 0 0;
}

.w963 .tags {
    width: 500px;
    overflow: hidden;
}

.w963 .tags h4 {
    float: left;
    margin-right: 6px;
    height: 26px;
    font-size: 12px;
    color: #777;
}

.w963 .tags li {
    float: left;
    margin-right: 6px;
}

.header .nav .end {}

/*-- //End 导航菜单 --*/

/*---------- frame : channel-nav ---------*/
.channel-nav {
    margin-top: 8px;
    padding-left: 6px;
    height: 24px;
    width: 950px;
    overflow: hidden;
}

.channel-nav .sonnav {
    width: 830px;
    line-height: 26px;
    float: left;
    color: #256DB1;
}

.channel-nav .sonnav span {
    margin-right: 10px;
    float: left;
}

.channel-nav .sonnav span a {
    padding: 0 4px;
    border: 1px solid #BADAA1;
    height: 22px;
    line-height: 21px;
    background: url(../images/channel_bg.png) repeat-x;
    display: inline-block;
}

.channel-nav .sonnav span a.thisclass {
    border: 1px solid #3aa21b;
}

.channel-nav .sonnav a {
    color: #428C5B;
    text-decoration: none;
}

.channel-nav .sonnav a:hover {
    color: #287212;
}

.channel-nav .back {
    display: block;
    height: 22px;
    line-height: 21px;
    padding-top: 6px;
    padding-right: 10px;
    padding-left: 20px;
    letter-spacing: 2px;
    float: right;
    background: url(../images/ico-home.gif) 4px 10px no-repeat;
}

.channel-nav .back a {
    color: #397CBE;
}

.channel-nav .back a:hover {
    text-decoration: none;
    color: #777;
}

/*pic scroll
----------------------------------*/
.infiniteCarousel {
    width: 700px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.infiniteCarousel .wrapper {
    width: 640px;
    overflow: auto;
    height: 170px;
    margin: 0 30px;
    top: 0;
}

.infiniteCarousel ul a img {
    border: 1px solid #E3E3E3;
    padding: 2px;
    width: 143px;
    height: 106px;
    display: block;
}

.infiniteCarousel .wrapper ul {
    width: 625px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
    top: 0;
}

.infiniteCarousel ul li {
    display: block;
    color: #6C6D61;
    float: left;
    padding: 10px 6px;
    height: 147px;
    width: 147px;
    text-align: center;
}

.infiniteCarousel ul li a,
.infiniteCarousel ul li a:visited {
    color: #6C6D61;
}

.infiniteCarousel .wrapper ul li a:hover {
    text-decoration: underline;
}

.infiniteCarousel ul li a:hover img {
    border-color: #aaa;
}

.infiniteCarousel ul li a span {
    display: block;
    line-height: 17px;
    padding-top: 6px;
}

.infiniteCarousel .arrow {
    display: block;
    height: 26px;
    width: 26px;
    text-indent: -999px;
    position: absolute;
    top: 70px;
    cursor: pointer;
    outline: 0;
}

.infiniteCarousel .forward {
    background: url(../images/green_skin.png) 0 -256px no-repeat;
    right: 0;
}

.infiniteCarousel .back {
    background: url(../images/green_skin.png) 0 -222px no-repeat;
    left: 0;
}

/*----------dedeinfolink  ---------*/
#dedeinfolink {
    margin-bottom: 6px;
}

#dedeinfolink tr td div {
    padding: 0 5px;
    background: url(../images/white_bg.gif) repeat-x;
    margin-right: 8px;
}

#dedeinfolink tr td {
    line-height: 18px;
}

#dedeinfolink tr td.spline {
    font-size: 1px;
    height: 1px;
    line-height: 1px;
    border-bottom: 1px dashed #dedede;
}

#dedeinfolink tr td.iftitle {
    font-weight: bold;
    color: #428C5B;
    line-height: 24px;
    border-bottom: 1px dashed #dedede;
}

/*---------- frame : footer ---------*/
.footer {
    margin: auto;
    color: #999;
    text-align: center;
    margin-top: 8px;
    padding-bottom: 10px;
    border-top: 1px solid #E5EFD6;
    padding-top: 10px;
}

.footer .link {
    text-align: center;
    padding: 5px 0px;
}

.footer .link a {
    margin: 0px 5px;
    color: #666666;
}

.footer .powered {
    font-size: 10px;
    line-height: 25px;
}

.footer .powered strong {
    color: #690;
}

.footer .powered strong span {
    color: #F93;
}

.footer .copyright {
    color: #666666;
    line-height: 23px;
}

.flinks li {
    height: auto;
    display: inline-block;
    padding-right: 15px;
    line-height: 25px;
}

/*new search result page
----------------------------------------*/
.search_header {
    overflow: hidden;
    zoom: 1;
}

.search_header h1 {
    float: left;
    display: inline;
    margin: 5px 20px 5px 10px;
    width: 216px;
}

.search_header .search_box {
    float: left;
    padding-top: 25px;
}

.search_header .search_box input {
    border-width: 1px;
    border-style: solid;
    border-color: #707070 #CECECE #CECECE #707070;
    padding: 2px 4px;
    height: 18px;
    line-height: 18px;
    width: 200px;
    margin-right: 5px;
}

.search_header .search_box select {
    font-size: 14px;
    height: 22px;
    margin-right: 5px;
}

.search_header .search_box button {
    margin-right: 3px;
}

.resultbar {
    height: 32px;
    line-height: 32px;
    background: transparent url(../images/search-top-bg.gif) repeat-x scroll;
    text-indent: 12px;
    color: #428C5B;
    border-bottom: 1px solid #E4E4E4;
    border-top: 1px solid #E4E4E4;
}

.result_content {
    overflow: hidden;
    zoom: 1;
}

.sidebar {
    float: right;
    width: 300px;
    padding: 20px 0 0 20px;
    margin-right: 20px;
    border-left: 1px solid #dadada;
    word-wrap: break-word;
}

.sidebar h2 {
    font-size: 14px;
    line-height: 25px;
}

.sidebar ul {
    padding: 4px 8px;
}

.sidebar ul li {
    line-height: 24px;
    background: url(../images/ico-3.gif) 4px 9px no-repeat;
}

.resultlist {
    overflow: hidden;
}

.resultlist ul {
    padding: 20px 0 0 20px;
}

.resultlist ul li {
    padding-top: 15px;
}

.resultlist ul li h3 {
    line-height: 30px;
    font-size: 16px;
    font-weight: normal;
}

.resultlist ul li h3 a {
    text-decoration: underline;
}

.resultlist ul li p {
    line-height: 22px;
    color: #333;
    font-size: 14px;
    width: 650px;
}

.resultlist ul li span small {
    line-height: 22px;
    font-size: 12px;
    margin-left: 5px;
    color: #999;
}

.resultlist ul li span a {
    color: #008400;
}

.linkbg {
    background-color: #1C9AE6;
}





/*  
banner
*/
.swiper-container {
    width: 100%;
}

.swiper-container img {
    max-width: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

.swiper-text {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -56px;
    z-index: 2;
    text-align: center;
    color: #FFF;
    width: 100%;
}

.swiper-text h3 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 3%;
    color: #FFF;
    line-height: 24px;
}

.swiper-text p {
    font-size: 16px;
    text-align: center;
    margin-bottom: 3%;
    color: #FFF;
    line-height: 24px;
}

.swiper-text .swiperbtn {
    display: block;
    background: #0064Cd;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #1dab7d), to(#47de9d));
    background-image: linear-gradient(270deg, #1dab7d 0, #47de9d 100%);
    width: 120px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    border-radius: 20px;
    margin: 0 auto;
    font-size: 14px;
}

.swiper-text .swiperbtn:hover {
    -webkit-box-shadow: 0 1px 5px 0 rgb(34 178 129 / 50%);
    box-shadow: 0 1px 5px 0 rgb(34 178 129 / 50%);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}


/* 话题标签topic */
.css365jz_meta-tags {
    padding: 20px 0;
}

.css365jz_meta-tags .css365jz_tagitem {
    position: relative;
    display: inline-block;
    height: 30px;
    padding: 0 12px;
    font-size: 14px;
    line-height: 30px;
    vertical-align: top;
    border-radius: 100px;
    background: #f2f3f5;
    margin-bottom: 20px;
}

.css365jz_meta-tags .css365jz_tagitem:hover {
    background-color: rgba(0, 102, 255, .15);
}

.css365jz_meta-tags .css365jz_tagitem:not(:last-child) {
    margin-right: 10px;
}


/* 话题标签topic列表 */
.css365jz_container {
    position: relative;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box
}

@media screen and (min-width:768px) {
    .css365jz_container {
        width: 750px
    }
}

@media screen and (min-width:992px) {
    .css365jz_container {
        width: 970px
    }
}

@media screen and (min-width:1200px) {
    .css365jz_container {
        width: 1170px
    }
}

@media only screen and (max-width: 1140px) {

    .css365jz_main,
    .css365jz_container {
        width: auto;
    }
}

.css365jz_place {
    min-height: 56px;
    background-color: #f2f3f5;
    line-height: 56px;
    font-size: 16px;
    padding: 0 20px;
    margin: 20px 0;
}

.css365jz_row .css365jz_rowtitle {
    text-align: center;
    padding: 30px 0 20px 0;
}

.css365jz_row .css365jz_rowtitle h1 {
    font-size: 28px;
    line-height: 30px;
    text-align: center;
}

.css365jz_row .css365jz_rowtitle p {
    font-size: 16px;
    line-height: 30px;
    color: rgba(119, 119, 119, 1);
    font-family: Arial;
}

/* 自定义内容 */
.css365jz_content {
    width: 100%;
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 30px;
}

.css365jz_content p {
    padding-bottom: 20px;
}

.css365jz_content .contain {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 36px 40px;
    background: #FAF7F2;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    border-radius: 6px;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -o-transition: .7s;
    transition: .7s;
}

.css365jz_content .contain:hover {
    background: #EFEFEF;
}

.css365jz_content .contain .ch-title {
    font-size: 24px;
    font-weight: 600;
    color: #5d5044;
    line-height: 32px;
    margin-bottom: 6px;
}

.css365jz_content .contain .en-title {
    font-size: 16px;
    font-family: HelveticaNeueLTPro;
    color: rgba(133, 114, 90, 0.6);
    line-height: 32px;
    padding-bottom: 8px;
}

.css365jz_content .contain .line {
    width: 48px;
    height: 4px;
    background: #ff9f38;
    display: inline-block;
    margin-bottom: 24px;
}

.css365jz_content .contain p {
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 24px;
    text-align: justify;
}

/* 列表 */
.css365jz_news_list_wrap {
    max-width: 1140px;
    margin: 0 auto;
}

.news_list_item_line {
    padding: 30px;
    position: relative;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.news_list_item_line:hover {
    -webkit-box-shadow: rgba(0, 0, 0, .12) 0 0 22px;
    -moz-box-shadow: rgba(0, 0, 0, .12) 0 0 22px;
    box-shadow: rgba(0, 0, 0, .12) 0 0 22px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    color: #2ba0e8;

}

.news_list_item_line:hover a {
    color: #2ba0e8;
}

.news_list_item_header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 0
}

.news_list_item_date {
    font-size: 14px;
    color: #999;
    line-height: 24px;
}

.news_list_item_title {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 24px;
}

.news_list_item_link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.news_list_item_summery {
    margin-top: 18px;
    font-size: 14px;
    color: #666;
    line-height: 1.7;
}

.news_list_item_group a {
    display: inline-block;
    position: relative;
    height: 26px;
    line-height: 26px;
    max-width: 100%;
    padding: 0 8px;
    border: 1px solid #e5e5e5;
    margin-top: 12px;
    margin-right: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #999;
    font-size: 12px;
    word-break: keep-all;
    overflow: hidden;
    z-index: 2;
}

.news_list_parting_line {
    height: 0;
    border-bottom: 1px solid #ececec;
    margin: 0 1.6666%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* 分页 */
.zzpages ul {
    float: left;
    padding: 12px 0px 12px 16px;
}

.zzpages ul li {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    background: #fff;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    vertical-align: top;
}

.zzpages li.thisclass {
    background: #292a32;
    border: 1px solid #292a32;
    color: #fff;
}

.zzpages ul li:hover {
    border: 1px solid #292a32;
}

.zzpages ul li a,
.zzpages ul li .pageinfo {
    color: #292a32;
    padding: 8px 12px;
}

.zzpages li.thisclass a {
    color: #fff;
}

.zzpages .pageinfo strong {
    color: #555;
    font-weight: normal;
    margin: 0px 2px;
}

/* 话题标签topic列表结束 */