@import url("common.css");
.list_con { padding-top: 0px; }
.con_l { width: 860px; }
.con_r { width: 300px; }
.con_r .iconfont { margin-right: 10px; }
/*精选*/
.list_jx { margin-top: 20px;}
.list_jx .lb_x1 { width: 30%; float: left; margin: 5px 0;}
.list_jx .lb_x1:nth-child(2n+1) { float: right;}
.list_jx time {display: block;width: 50px; font-size: 12px; color: #999; border-radius: 20px; height: 20px; background: #f8f8f8; text-align: center; line-height: 20px; position: absolute; right: 0; top: 5px; }
.head_4 { padding: 0; line-height: 30px; }
.jx_lb .lb_3_a { width: 360px; }
.jx_lb .lb_3_a:nth-child(2n+1) { margin-right: 20px;}
.jx_lb .lb_3_a:hover { width: 350px; }
/* 文章列表 */
.ls_list_li { border-bottom: 1px dashed #e1e1e1; height: 120px; padding-bottom: 20px; margin-bottom: 20px;}
.ls_list_li .li_l { width: 180px; height: 120px; overflow: hidden;  }
.ls_list_li .li_l a { display: block; }
.ls_list_li .li_l img { width: 100%; display: block; }
.ls_list_li .li_r { width: 650px;}
.ls_list b,.ls_list div { font-weight: normal; }
.ls_list_li .li_nr { width: 100%; }
.ls_list_li .li_r { line-height: 24px;}
.ls_list_li .li_r p { height: 48px; }
.ls_list_li .div_b { line-height: 20px;}
.ls_list_li .div_b em { margin-right: 4px;}
.ls_list_li time { display: inline; width: auto; background: none; }
.ls_list_li .div_b span { margin: 0 20px;}
.ls_list_li .div_b .sort {padding: 2px 10px;}
.ls_list_li:hover { padding-left: 10px; box-sizing: border }
.ls_list_li:hover .bt_a { color: #12ccce; font-size: 20px; }
.ls_list_li:hover .sort { color: #fff; background: #12ccce;}
/*热门图文*/
.hot_tw {width: 100%;}
.hot_tw .a_img img { width: 100%; }
.hot_tw p { line-height: 20px; height: 40px;  }
.hot_tw .hd ul li.on{ background: #12ccce; }
.hot_tw .hd ul{ overflow:hidden; zoom:1; margin-top:20px; width: 100%; display: flex; justify-content: center; }
.hot_tw .hd ul li{ float:left;  width:10px; height:10px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;  border-radius: 100%; background: #e1e1e1; }
.hot_tw time { width:50px; text-align: center; font-size: 12px; line-height:22px; background:#fff; border-radius: 10px; color: #999; margin-top: 10px; display: block; }
/*热门标签*/
.r_tag { padding: 20px; border-top: 2px solid #12ccce;  }
.r_tag .tag { left: 10px; width: 270px;  }
.r_tag .tag_a { width: 125px; height: 34px; line-height: 34px; text-align: center; border-radius: 20px; margin-bottom: 10px;  }
.tag_a:nth-child(2n+1) {margin-right: 10px;}
.tag_a:nth-child(1) { background: #12ccce;color: #fff;  }
.tag_a:nth-child(2) { background: #ffc016;color: #fff; }
.tag_a:hover { background: #12ccce;color: #fff;  }
/*热门排行*/
.r_hot { overflow: hidden; }
.r_hot .hd { height: 40px; background: #12ccce;  border: 2px solid #12ccce; border-bottom: none; }
.r_hot .hd li { float: left; color: #fff; width: 50%; text-align: center; line-height: 40px; cursor: pointer; }
.r_hot .hd li.on { background: #f8f8f8; color: #333; border-radius: 10px 10px 0 0;  }
.r_hot .hd li h4 { font-size:18px;}
.r_hot .bd ul { padding: 20px; }
.lb_5_a { width: 234px; }
.lb_5_a:hover { width: 224px; }
.tj .lb_3_a {width: 240px; padding-left: 20px; line-height:36px; position: relative; }
.tj .lb_3_a:hover { padding-left: 30px; width: 230px; }
.tj .lb_3_a:after { width: 4px;  height: 4px; background-color: #ffc016; content: ""; display: block; position: absolute; left: 0px;  top: 50%; margin-top: -2px;  border-radius: 100%; }
.tj li:nth-child(1) .lb_3_a { font-weight: bold; color: #12ccce; margin-top: 10px; }
.tj li:nth-child(6) .lb_3_a { font-weight: bold; margin-top: 20px; color: #12ccce; }
.bd li:nth-child(1) .lb_4_a span { background: #fc5c42!important; }
.bd li:nth-child(2) .lb_4_a span { background: #ffc016!important; }
.bd li:nth-child(3) .lb_4_a span { background: #12ccce!important; }
.bd li .lb_4_a:nth-child(1) span { background: #ccc; }
/*标签页面*/
.head_h3 { font-size: 18px; width: 220px; background: #c04231; color: #fff; box-sizing: border-box; padding: 10px 20px; border-radius: 4px; text-align: center; margin-top: 30px; }
.hottype_sort { margin: 20px 0 50px 0;  border-bottom: 2px solid #e1e1e1;  padding-bottom: 30px;}
.hottype_sort .con_a { padding-bottom: 30px ; box-sizing: border-box; }
.hottype_sort .con_a a { width: 200px; font-size: 14px; display: block; float: left; padding: 10px; background: #f4f4f4; margin: 0 10px 10px 0; border-radius: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;text-align: center; font-size: 16px;}
.hottype_sort .con_a a:hover {background: #c04231; color: #fff;}
.tag_con .head { padding:10px 0 20px 0; }
.tag_con .head h3 { font-size: 24px;}
.tag_con .position { margin-left: 20px; padding-top: 0!important; }
/* 标签大全 */
.con_label { padding:10px 0 40px 0;}
.con_label .nr_tab { margin-bottom: 20px;}
.con_label .tab_h4 { width: 100px; font-size: 14px; position: relative; padding-left: 20px; line-height: 16px; padding: 6px 4px; border: 1px solid #e1e1e1; border-radius: 4px; text-align: center; background: #f5f5f5;}
.con_label .tab_h4 em { display: block; border-radius: 100%; line-height: 22px; font-size: 12px; position: absolute; left: 0; top: 4px; }
.nr_tab:nth-child(2n) .tab_h4 em { color: #12ccce;}
.con_label .tab_bq { width: 1060px; position: relative; margin-left:10px;}
.con_label .tab_bq hr { margin: 15px 0; background-color:#f1f1f1; height: 1px;width:100%; border: none; opacity: 1; }
.con_label_nr .nr_tab .bq { max-width: 300px; text-align: center; padding: 0 10px; border-radius: 4px; border:1px solid #e5e5e5; line-height: 28px; margin: 0 10px 10px 0; font-size: 14px;}
.con_label_nr .nr_tab .bq:hover { background: #12ccce; color: #fff;  border:1px solid #12ccce;}
.con_label .tab_bq .tab_sub { position: absolute; right: 0; top:4px;}
.con_label .div_a { height: 30px; overflow: hidden; width: 950px; }
.con_label .div_a.active {  height: auto; min-height: 30px; width: 970px; }
.con_label .tab_sub span {display: block; position: relative; padding-left: 20px; font-size: 12px; }
.con_label .tab_sub em {display: block; position: absolute; left: 0; top: 3px;color: #ccc; font-size: 12px;}
.con_label .tab_sub .span1 {display: block;}
.con_label .tab_sub .span2 {display: none;}
.con_label .tab_sub.active .span1 { display: none;}
.con_label .tab_sub.active .span2 {	display: block;}
.con_label .tab_sub .span2 em {display: block; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }