@charset "utf-8";
@import url("common.css");

/*全局*/
.wrap {
    margin-top: 30px;
    margin-bottom: 30px;
}

/*masker_txt*/
.masker_txt {
    width: 100%;
    height: 40px;
    position: absolute;
    z-index: 2;
    zoom: 1;left: 0;
    bottom: 0;
    line-height: 40px;
    text-align: center;
}

.masker_txt .masker {
    width: 100%;
    height: 100%;
    display: block;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.69) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.69) 100%);
}

.masker_txt .txt {
    display: block;
    position: absolute;
    z-index: 2;
    zoom: 1;left: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: #fff;
}

.titleB {
    position: relative;
    font-size: 22px;
    color: #31424e;
    padding-bottom: 12px;
}

.titleB h5 {
    display: inline-block;
    margin: 0;
    padding: 0 10px;
    font-size: 20px;
    font-size: 2.0rem;
    color: #333;
    line-height: 36px;
}

.titleB .more {
    position: absolute;
    top: 0;
    right: 10px;
    line-height: 36px;
}


.class-name {
    position: relative;
    z-index: 2;
    margin: 0px auto;
    padding: 0px 0 5px;
}

.class-name h2 {
    float: left;
    position: relative;
    border-radius: 0 20px 20px 0px;
    display: inline-block;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    font-size: 18px;
    /* font-weight: 700; */
    color: #FFF;
    background: #008ee1;
    border: 2px solid transparent;
}

/*news_list*/
.news_list {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 2;
    zoom: 1;}

.news_list .item_info {
    width: 100%;
    height: 116px;
    padding: 15px 0;
    border-bottom: 1px solid #f0f0f0;
    position: relative;
    z-index: 2;
    zoom: 1;}

.news_list .item_info:hover {
    background: #f8f8f8;
}

.news_list .item_info .art_pic {
    width: 160px;
    height: 100%;
    position: relative;
    z-index: 2;
    zoom: 1;margin: 0 15px 0 0;
}

.news_list .item_info .art_pic a {
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: block;
}

.news_list .item_info .art_pic img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news_list .item_info .art_txt {
    width: 550px;
    height: 100%;
    position: relative;
    z-index: 2;
    zoom: 1;}

.news_list .item_info .art_txt h3 {
    margin: 0 0 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 95%;
}

.news_list .item_info .art_txt h3 a {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #31424e;
}

.news_list .item_info .art_txt h3 a:hover {
    color: #1590e3;
}

.news_list .item_info .art_txt .txt {
    font-size: 14px;
    font-size: 1.4rem;
    color: #5e6b73;
    height: 44px;
    line-height: 22px;
    overflow: hidden;
    margin-bottom: 8px;
}

.news_list .item_info .art_txt .tag {
    width: 100%;
    height: 18px;
    line-height: 18px;
    color: #888;
    position: absolute;
    z-index: 2;
    zoom: 1;left: 0;
    bottom: 1px;
}

.news_list .item_info .art_txt .tag a {
    color: #888;
}

.news_list .item_info .art_txt .tag p.fl a {
    border: 1px solid #41baad;
    color: #41baad;
    padding: 1px 3px;
    margin: 0 15px 0 0;
    *float: left;
    *height: 18px;
    *line-height: 18px;
}

.news_list .item_info .art_txt .tag p.fr a {
    margin-left: 20px;
}

.c-picul {
    overflow: hidden;
}

.c-picul li {
    float: left;
    width: 253px;
    height: 160px;
    margin-right: 15px;
    position: relative;
    overflow: hidden
}

.c-picul li:last-child {
    margin-right: 0px;
}

.c-picul li img {
    width: 100%;
    height: 100%;
}

.c-picul li .art-info {
    position: absolute;
    bottom: 0;
    z-index: 99;
    width: 100%;
}

.c-picul li .art-info .imgLabel {
    padding: 4px 5px;
    background: rgba(29,158,209,.8);
    color: #fff;
    font-size: 12px
}

.c-picul li .art-info .imgDesc {
    font-size: 14px;
    color: #FFF;
    margin-top: 12px;
    padding: 2px;
    background: cornflowerblue;
}

.c-picul li .img-cover {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: url(../../Public/Main/PC/images/index/cover.png) bottom repeat-x;
    z-index: 3;
    cursor: pointer
}

/* 五元模板铺（www.crj100.com）织梦好模板 */
/***===文章==***/
/*article-body*/
.article-body {
    font-size: 14px;
    line-height: 26px;
    margin: 0 0 15px;
    border-top: 0px solid #1ba5c7;
}

.article-body h1 {
    padding: 20px 0 20px;
    text-a lign: center;
    font-family: Verdana, "Microsoft YaHei", SimHei;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 120%;
}

.article-body .detail {
    height: 35px;
    line-height: 30px;
    color: #888;
    border-bottom: 1px solid #e6e6e6;
    display: block;
    position: relative;
}

.article-body .detail span {
    margin-right: 15px;
    display: block;
    float: left;
    color: #646464
}

.article-body .detail i {
    display: block;
    float: left;
    width: 25px;
    height: 30px;
}

.article-body .detail a {
    color: #646464;
}

.article-body .detail .extra {
    float: right!important;
}

.article-body .detail .extra span {
    margin-right: 0;
    margin-left: 10px;
}

.article-body .content {
    margin-top: 20px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #333;
}

.article-body .content p {
    margin: 1px 0;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 180%;
    text-indent: 2em;
    color: #333;
}

.article-body .content img {
    display: block;
    max-width: 680px;
    height: auto;
    margin: 15px auto !important;
    vertical-align: middle;
    border: 0
}

/*article-about*/
.article-about {
    width: 100%;
    line-height: 25px;
    font-size: 14px;
    font-size: 1.4rem;
    overflow: hidden;
}

.article-about .special-tag {
    margin-top: 25px;
    border-top: 1px solid #ddd;
    padding: 0 0 1px 0;
    /* position: absolute; */
    height: 10px;
}

.article-about .special-tag-tit {
    position: relative;
    top: -12px;
    font-size: 18px;
    line-height: 20px;
    /* float: left; */
    background: #fff;
    padding: 0 0px 0 0;
    color: #008ee1;
    text-align: center;
    width: 120px;
    margin: 0 auto;
}

/*.related-txtul*/
.about-txtul {
    margin: 10px -20px 0 0;
    overflow: hidden;
}

.about-txtul li {
    float: left;
    width: 47%;
    margin-right: 20px;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
}

.about-txtul li span {
    margin-right: 2px;
}

.about-txtul li span a {
    color: #888;
}

.about-txtul li span a:hover {
    color: #0FA96E;
}

.about-txtul li i {
    font-style: normal;
    color: #999;
    font-size: 12px;
    margin-left: 10px;
    float: right;
}

.about-txtul li:before {
    float: left;
    content: "";
    background: #ccc;
    width: 4px;
    height: 4px;
    overflow: hidden;
    display: inline-block;
    margin: 16px 8px 0 0;
    border-radius: 2px;
}

/*related-bar*/
.related-bar {
    position: relative;
    margin-top: 20px;
    min-height: 360px;
}

.related-bar .loadmore {
    margin-top: 0;
}

.related-bar .loadtab {
    position: absolute;
    top: 20px;
    right: 50%;
    margin-right: 15px;
}

.related-bar .index-cut-line {
    height: 4px;
    background-color: #3f404c;
}

.relatedFeed {
    position: relative
}

.relatedFeed .img-wrap {
    position: relative;
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.relatedFeed .img-wrap img {
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s ease-out .1s;
    transition: all .5s ease-out .1s
}

.relatedFeed .img-wrap:hover img {
    -webkit-transform: matrix(1.04,0,0,1.04,0,0);
    -ms-transform: matrix(1.04,0,0,1.04,0,0);
    transform: matrix(1.04,0,0,1.04,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.relatedFeed .item-hidden {
    display: none
}

.relatedFeed .item {
    position: relative;
}

.relatedFeed .item:last-child .item-inner {
    border: 0
}

.relatedFeed .item-inner {
    position: relative;
    display: block;
    height 123px;padding: 10px 0;
    border-bottom: 1px solid #e8e8e8;
    overflow: hidden;
}

.relatedFeed .title-box {
    display: block;
    font-size: 20px;
    color: #000042;
    line-height: 1.3;
    margin-bottom: 4px;
    font-weight: 700
}

.relatedFeed .lbox {
    position: relative;
    float: left
}

.relatedFeed .lbox .img-wrap {
    position: relative;
    cursor: pointer;
    display: block;
    width: 150px;
    height: 100px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    overflow: hidden
}

.relatedFeed .lbox .img-wrap>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.relatedFeed .rbox {
    position: relative;
    font-size: 0;
    overflow: hidden;
    float: right;
    height: 102px;
    width: 554px
}

.relatedFeed .rbox:before {
    content: '';
    width: 0;
    font-size: 0;
    height: 100%;
    visibility: hidden;
    display: inline-block;
    vertical-align: middle
}

.relatedFeed .rbox-inner {
    display: inline-block;
    width: 100%;
    vertical-align: middle
}

.relatedFeed .item-info {
    display: block;
    font-size: 12px;
    color: #999;
    height: 18px;
    line-height: 18px;
    margin-top: 10px
}

.relatedFeed .lbtn {
    float: left;
    display: inline-block;
    color: #777;
    font-size: 14px
}

.relatedFeed .lbtn.media-avatar {
    position: relative;
    color: #fff;
    margin-right: 2px;
    width: 18px;
    height: 18px;
    line-height: 17px;
    text-align: center;
    font-size: 12px;
    border-radius: 50%;
    overflow: hidden
}

.relatedFeed .lbtn.media-avatar:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%;
}

.relatedFeed .lbtn.media-avatar>img {
    width: 100%;
    height: 100%
}

.relatedFeed .lbtn.recommend {
    font-size: 12px;
    color: #2a90d7;
    height: 14px;
    line-height: 14px;
    border: 1px solid #2a90d7;
    padding: 0 2px;
    margin-top: 1px;
    margin-left: 8px
}

.relatedFeed .avatar-bg-0 {
    background-color: #ff9090!important
}

.relatedFeed .avatar-bg-1 {
    background-color: #90ccff!important
}

.relatedFeed .avatar-bg-2 {
    background-color: #bfa1d0!important
}

.relatedFeed .avatar-bg-3 {
    background-color: #80c184!important
}

.relatedFeed .avatar-bg-4 {
    background-color: #e7ad90!important
}

.relatedFeed .avatar-bg-5 {
    background-color: #ccc!important
}

/*右侧*/
.today-focus-pic {
    width: 100%;
    height: auto;
    margin: 0 auto 15px;
    position: relative;
    z-index: 2;
    zoom: 1;}

.today-focus-pic a {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
}

.today-focus-pic a img {
    display: block;
    width: 100%;
    height: 210px;
    margin: 0 auto;
}

/*article-hot*/
.article-hot {
    background: #f8f8f8;
    overflow: hidden;
}

.article-hot li {
    position: relative;
    height: 60px;
    padding: 12px 10px 12px 110px;
    border-bottom: 1px solid #e8e8e8;
    overflow: hidden;
}

.article-hot li h3 {
    height: 44px;
    line-height: 22px;
    margin-top: 8px;
    font-size: 14px;
    font-size: 1.4rem;
    overflow: hidden
}

.article-hot li img {
    width: 90px;
    position: absolute;
    left: 10px;
    top: 12px;
}

.article-hot li:first-child {
    height: 60px;
    padding-top: 5px;
}

.article-hot li:first-child img {
    top: 5px;
}

.article-hot li:last-child {
    border: none;
    margin-bottom: 0;
}

/*i-pictit-ul*/
.i-pictit-ul {
}

.i-pictit-ul li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px #eee dashed;
}

.i-pictit-ul li:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px #eee dashed;
}

.i-pictit-ul li .con_pic {
    float: left;
}

.i-pictit-ul li .con_pic img {
    display: block;
    width: 100px;
    height: 70px;
    margin-bottom: 0px;
}

.i-pictit-ul li .con_txt {
    float: right;
    width: 186px;
}

.i-pictit-ul li .con_txt p {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 22px;
}

.i-pictit-ul li .con_txt span {
    float: left;
    color: #999;
}

.i-pictit-ul li .con_txt .name {
    float: right;
}

/*irankul*/
.irankul {
    overflow: hidden;
}

.listrank {
    overflow: hidden;
    height: auto;
    display: none;
}

.irankul li {
    overflow: hidden;
    clear: both;
    line-height: 36px;
    height: 36px;
    font-size: 14px;
    position: relative;
    border-bottom: 1px solid #f2f2f2;
}

.irankul li:last-child {
    border-bottom: 0px #eee dashed;
}

.irankul li a.tit {
    line-height: 36px;
    height: 36px;
    overflow: hidden;
    display: block;
}

.irankul li a.img {
    display: none;
    padding: 10px;
    background: #eee;
    position: relative;
    height: 75px;
}

.irankul li a.img .fa {
    position: absolute;
    left: 30px;
    top: -8px;
    color: #eee;
    font-size: 22px;
}

.irankul li a.img img {
    width: 100px;
    height: 75px;
    float: left;
    margin-right: 10px;
}

.irankul li a.img p {
    float: left;
    width: 170px;
    line-height: 24px;
    height: 72px;
    overflow: hidden;
    font-size: 12px;
    color: #666;
}

.irankul li span.num {
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: #ccc;
    color: #fff;
    float: left;
    margin-right: 10px;
    margin-top: 8px;
}

.irankul li p.num {
    position: absolute;
    right: 10px;
    top: 0px;
    height: 42px;
    line-height: 42px;
    color: #999;
    font-size: 12px;
    margin-left: 10px;
}

.irankul li span.num1 {
    background: #E5372E;
    color: #fff;
}

.irankul li span.num2 {
    background: #F6B413;
    color: #fff;
}

.irankul li span.num3 {
    background: #32B16C;
    color: #fff;
}

.irankul.newul li.on {
    background: none;
    padding-right: 0px;
}

.irankul li.on {
    height: auto;
}

.irankul li.on a.img {
    display: block;
}
/* CSS Document */
/* 五元模板铺（www.crj100.com）织梦好模板 */
@charset "utf-8";
/*全局*/
*{/*transition:all 0.2s;-webkit-transition:all 0.2s;*/outline:0;}
html{font-size:62.5%}
body{color:#333;font-family:Arial,"Microsoft yahei","Hiragino Sans GB","冬青黑体简体中文 w3","Microsoft Yahei","Hiragino Sans GB","冬青黑体简体中文 w3",STXihei,"华文细黑","微软雅黑",SimSun,"宋体",Heiti,"黑体",sans-serif;margin:0;padding:0;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6, table, th, td, i, em {font-size: 100%; font-weight: normal;    font-style: normal;}
li,ol,ul{margin:0;padding:0;list-style:none}
a{color:#333; text-decoration:none}
a:link,a:visited{color:#333;text-decoration:none;}
a:hover{color:#3ca5f6;text-decoration:none}
img{border:0}
.hr10{height:10px;}.hr15{height:15px;}.hr20{height:20px;}.hr30{height:30px;}
.row-2 li{float:left;width:50%}.row-3 li{float:left;width:33%}.row-4 li{float:left;width:25%}.row-5 li{float:left;width:20%}
.pos-r{position:relative;}.pos-a{position:absolute;}.ov{overflow:hidden;}
.clearfix{zoom: 1;}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.fl{float:left;}
.fr{float:right;}
.marT15{margin-top:15px !important;}
.marT20{margin-top:20px !important;}
.marB20{margin-bottom:20px !important;}
.marT30{margin-top:30px !important;}
.marB30{margin-bottom:30px !important;}
.marT25{margin-top:25px !important;}
.marB25{margin-bottom:25px !important;}
.marT40{margin-top:40px !important;}
.marB40{margin-bottom:40px !important;}
.marT50{margin-top:50px !important;}
.marB50{margin-bottom:50px !important;}
.padT20{padding-top:20px !important;}
.padB20{padding-bottom:20px !important;}
 
/*全局*/
.main{display: block;}
.container{ width:1060px; margin:0 auto; padding:0; position:relative;}
.transition{-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.wrap{display: block;}
.wrap-left{width:728px;}
.wrap-right{width:300px;}
/* 五元模板铺（www.crj100.com）织梦好模板 */
/**顶部**/
.topWrap { width:100%; min-width: 1050px; height: 35px; background: #F5F5F5; border-bottom: 1px solid #E3E3E3;}
.topBar{ width:1050px; margin:auto;}
.topBar-left{ float:left;}
.topBar-left li{ float:left;}
.topBar-left li .top-tit{ min-width:80px; height:35px;}
.topBar-left li .top-tit a{ display:block; height:35px; margin:0px 0px 0px 5px; color:#939393; text-decoration:none;}
.topBar-left li .top-tit a b{ display:block; float:left; width:17px; height:17px; background:url(../images/top_bg_ico.png) no-repeat; margin:9px 11px 0px 7px;}
.topBar-left li .top-tit a b.icon1{ background-position:0px -245px;}
.topBar-left li .top-tit a b.icon2{ background-position:-25px -245px;}
.topBar-left li .top-tit a h4{ float:left; line-height:35px; font-weight:normal; font-size:13px;} 
.topBar-right{float:right; line-height:35px; font-size: 13px; color:#E8E8E8;}
.topBar-right a,.topBar-r a:hover{ color:#999;}

.topWrap { width:100%; min-width: 1100px; height: 35px; background: #F5F5F5; border-bottom: 1px solid #E3E3E3;}
.topCon{ width:1050px; margin:0 auto; clear:both;}
.topCon .site-intro{float:left; line-height:36px;font-size:13px;text-align:center;color:#666;;overflow:hidden;}
.topCon .navul{ float:right;}
.topCon .navul li{ float:left;}
.topCon .navul li .top-tit{ min-width:80px; height:35px;}
.topCon .navul li .top-tit a{ display:block; height:35px; margin:0px 0px 0px 5px; color:#939393; text-decoration:none;}
.topCon .navul li .top-tit a b{ display:block; float:left; width:17px; height:17px; background:url(../images/top_bg_ico.png) no-repeat; margin:9px 11px 0px 7px;}
.topCon .navul li .top-tit a b.icon1{ background-position:0px -245px;}
.topCon .navul li .top-tit a b.icon2{ background-position:-25px -245px;}
.topCon .navul li .top-tit a h4{ float:left; line-height:35px; font-weight:normal; font-size:13px;}
.topCon .navList{float:right; line-height:35px; font-size: 13px; color:#E8E8E8;}
.topCon .navList a,.topCon .navList a:hover{ color:#999;}

/**头部**/
.header{ width:100%;clear: both; margin-bottom:20px}
.headBar{ width:100%; height 101px; background:#FFFFFF;}
.headBar .con{ width:1050px; margin:auto;padding:15px 0;}
/*.headBar .logo{ float:left; width:160px; height:50px; margin-top:0px; padding: 5px 0;}
.headBar span{width:33px; height:50px; float:left; margin-top:3px; background:url("../images/topl.jpg") no-repeat;}*/
.headBar .logo{width:160px;height:50px;margin:5px 0;padding:0px 20px 0 0;float:left;background:url("../images/logo_line.png") right 5px no-repeat;}
.headBar .logo img{ width: 160px; height:50px;}
.header .subtitle{display:block;width:200px;float:left;padding-left:15px;height:60px;line-height 60px}
.header .subtitle h2{margin:0;margin-top:15px;line-height:30px;font-size:26px;font-size 2.4rem;font-weight:500;letter-spacing:1px}
.header .subtitle h2 a{color: #008ee1; }
.headBar .subtitle img {margin-top:6px; vertical-align: middle;}
.headBar .adv{ float:right; margin-left:40px;}
/* 五元模板铺（www.crj100.com）织梦好模板 */
/*art-head */
.header .art-head {padding:10px 0;overflow:hidden;}
.header .art-head .left{float:left;}
.header .art-head .logo{width:130px;height:36px;padding:0px;float:left;overflow:hidden;}
.header .art-head .logo img{width:100%;height:100%;}
.header .art-head .subtitle{display:block;width 60px;float:left;margin-top: 8px;padding: 0 2px;x;height:26px;line-height:26px;font-size: 24px;color: #fff;background: #ed4040;overflow:hidden;}
.header .art-head .subtitle a{color: #fff;}
.header .art-head .bread-crumbs{float:left;margin-top: 6px;margin-left:15px; height:26px;line-height:28px;font-size:14px;color: #666;font-family: simsun;}
.header .art-head .bread-crumbs a{width:150px; height:36px; margin: 0 0px;color: #666;text-indent:-100em;overflow:hidden; } 
.header .art-head .bread-crumbs .icon {display: inline-block;position: relative;overflow: hidden;}
.header .art-head .bread-crumbs .icon {width: 14px; height: 12px;  background-position: -100px -26px; margin-right:5px; position: relative; top: 1px; _top: 0px;}
.header .art-head .right {float:right; margin-top:0px; overflow:hidden;}
.header .art-head .search{float: right; width: 280px;height: 36px;border: 1px solid #e8e8e8;/* margin-top: 6px; */border-radius: 5px;padding: 0 10px;position:relative;background: #FFF;}

/* 五元模板铺（www.crj100.com）织梦好模板 */
/**navMenu**/
.navMenu{width:100%; height:45px; background:#008ee1;}
.navMenu .navList{display:table;*display:block;width:1050px; height:45px; margin:0px auto;}
.navMenu .navList li{height:45px;line-height:45px;display:table-cell;min-width:1%;float:none;*float:left;text-align:center;vertical-align:middle}
.navMenu .navList li a{display:block;padding:0 15px;font-size:18px;line-height:45px;height:45px;text-align:center;color:#fff;position:relative;}
.navMenu .navList li a i{position:absolute;top:14px;right:0px;display:block;height:20px;width:0;overflow:hidden;border-left:1px solid #027ec6;border-right:1px solid #019cf6;}
.navMenu .navList li.active,.navMenu .navList li:hover{background-color:#007dc6;}
.navMenu .navList li.active i,.navMenu .navList li:hover i{border-color: #007dc6;}

/* 五元模板铺（www.crj100.com）织梦好模板 */
/*column-nav
.column-nav{width:100%;height:45px;border-top:3px solid #0f7edd;background-color:#f8f8f8}
.column-nav-ul{zoom:1}
.column-nav-ul li{display:inline-block;float:left;height:45px;margin-right:10px}
.column-nav-ul li.on{background-color:#0f7edd}
.column-nav-ul li.on a{color:#fff;}
.column-nav-ul li a{display:inline-block;height:45px;padding:0 28px;font-size:18px;line-height:47px;color:#222}
.column-nav-ul li .on,.column-nav-ul li a:hover{background-color:#0f7edd;color:#fff;text-decoration:none}
*/
/*column-nav*/
.column-nav{width:100%;height:45px;border-top:3px solid #0f7edd;background-color:#f8f8f8}
.column-nav-ul{display:table;*display:block;width:1060px;zoom:1}
.column-nav-ul li{width:105px;line-height:45px;display:table-cell;*display:inline;min-width:1%;float:none;*float:left;text-align:center;vertical-align:middle}
.column-nav-ul li a{display:block; padding:0 15px;*padding:0 16px;font-size:18px;line-height:45px;width:105px;text-align:center;position:relative;}
.column-nav-ul li.active{background-color:#007dc6;}
.column-nav-ul li:hover{background-color:#3c9de0;}
.column-nav-ul li.active a,.column-nav-ul li:hover a{color:#fff;}

/*底部*/
.footer{width:100%;padding:20px 0;background-color: #2e2e36;}
.footer div{line-height:30px;font-size: 12px;font-size: 1.3rem; text-align:center;color: #999;}
.footer-menu a{color: #ccc;margin: 0 15px;font-size: 14px;font-size: 1.4rem;}

/* 五元模板铺（www.crj100.com）织梦好模板 */
/* 分页样式*/
.list_page {margin: 15px 5px;}
.pageLink {line-height:36px;clear:both; font-family:"Microsoft Yahei", simsun;}
.pageLink a,.list_page a {margin:0px 3px;padding: 7px 11px 7px;border:1px solid #eee;background:#eee;text-align: center;display: inline;font-size: 14px;}
.pageLink a:hover,.list_page a:hover{border: 1px solid #00a0e2;background: #00a0e2; color:#FFF;text-align: center;font-weight: normal;text-decoration: none;}
.pageLink span{margin:0px 3px;padding: 8px 12px 8px;border:0px solid #00a0e2;background:#00a0e2; color:#FFF;text-align: center;display: inline;font-size: 14px;}

.icon,[class*=" icon-"],[class^=icon-]{display:inline-block;background-repeat:no-repeat;}
.icon-align{background-position:10px -182px;}
.icon-down{background-position:-58px -175px;}
.icon-back{background-position:-100px -187px}
.icon-phone{background-position:-84px -412px;}
.icon-tu{background-position:-30px -229px}
.icon-topic{background-position:-120px -229px}
.icon-special{background-position:-90px -229px}
.icon-ask{background-position:-60px -229px}
.icon-next,.icon-prev{position:absolute;top:0;z-index:2;width:39px;height:65px;text-indent:-9999em;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.icon-original{background-position:-25px -412px;}
.icon-hot{background-position:-45px -413px;}
.icon-tags{background-position:-65px -411px;}
.icon-new{background-position:0 -101px}
.icon-time{background-position:-134px 6px}
.icon-user{background-position:-134px -26px}
.icon-source{background-position:-132px -57px}
.icon-praise{background-position:-134px -160px}
.icon-praise.active{background-position: -134px -135px;}
.icon-msg{background-position:-134px -88px}
.icon-browse{background-position:-134px -111px}
.icon-search{background-position:-130px -184px}
.icon-support{background-position:-134px -321px;}
.icon-support.active{background-position:-134px -345px;}
.icon-diagonal{background-position:-74px -47px;}
.icon-tag{background-position:-134px -219px;margin-right:8px;}
.icon-star{background-position:-133px -245px;}
.icon-star.active{background-position:-133px -271px;}
.icon-feedback{background-position:-134px -296px;}
.icon-catpc{background-position:0px -448px;}
.icon-catmp{background-position:-40px -449px;}
.column-nav-ul li.crj{background-color:#EE2C2C;}
.column-nav-ul li.crj a,.column-nav-ul li:hover a{color:#fff;}