.clearfix { zoom: 1; } .clearfix:after { content: ""; visibility: hidden; display: block; clear: both; line-height: 0; height: 0; } .column_container { width: 100%; max-width: 1200px; margin: 0 auto; } .cum_con { width: 1200px; margin: 0 auto; } .column_container .cum_nav { padding: 10px 0; background: #d18821; } .cum_nav .nav_inner { } .cum_nav .nav_block { float: left; width: 20%; line-height: 30px; color: #fff; position: relative; } .cum_nav .nav_block:before { content: ""; position: absolute; right: 16px; height: 30px; top: 15px; background: #fff; width: 1px; } .cum_nav .nav_block:last-child:before { display: none; } .cum_nav .n_left { float: left; width: 58px; font-size: 20px; font-weight: bold; } .cum_nav .n_right { float: left; width: 170px; } .cum_nav .n_link { display: block; width: 83px; color: #fff; font-size: 16px; float: left; } .cum_nav .sp { padding-bottom: 2px; border-bottom: 1px solid transparent; } .cum_nav .n_link:hover .sp { border-bottom: 1px solid #fff;; } .column_container .column_mainer { } .column_container .cum_top { margin-bottom: 44px; } .cum_top .cum_top_l { float: left; width: 830px; } .cum_top .cum_top_r { width: 340px; float: right; height: 423px; border: 1px solid #eee; position: relative; } .cum_top .b_itm { position: relative; overflow: hidden; width: 340px; height: 425px; float: left; } .cum_top .b_itm .txt { position: absolute; width: 100%; line-height: 40px; text-align: center; font-size: 16px; color: #fff; background: rgba(0, 0, 0, .5); left: 0; bottom: 0; } .ep { display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .col_ico { display: inline-block; background: url(/uploads/image/c2lpicolumn/column_sprite.png); } .col_hot { width: 16px; height: 20px; background-position: 0 -59px; vertical-align: -1px; } .col_left { width: 25px; height: 18px; background-position: 0 -19px; vertical-align: -1px; } .col_right { width: 25px; height: 18px; background-position: 0 0; vertical-align: -1px; } .col_more { width: 8px; height: 14px; background-position: 0 -39px; vertical-align: -2px; margin-left: 2px; } .cum_hot { line-height: 40px; float: right; width: 460px; } .cum_hot .t { margin-left: 8px; font-size: 22px; color: #333; } .cum_hot .cum_hd { border-bottom: 1px solid #eee; } .cum_hot .hd_cmt { line-height: 40px; position: relative; display: inline-block; } .cum_hot .hd_cmt:after { content: ""; position: absolute; left: 0; bottom: -1px; height: 2px; background: #d18821; width: 100%; } .c_a:hover { color: #d18821 !important; } .cum_hot .top_test { padding-bottom: 15px; border-bottom: 1px dashed #eee; padding-top: 15px; } .cum_hot .top_test_h { color: #333; font-size: 16px; line-height: 35px; } .tt_list .tt_link { width: 33.3%; padding-right: 18px; color: #999; font-size: 12px; float: left; line-height: 30px; position: relative; padding-left: 10px; } .tt_list .tt_link:before { position: absolute; width: 2px; height: 2px; background: #999; border-radius: 50em; left: 0; top: 14px; content: ""; } .tt_list .tt_link:hover:before { background: #d18821; } .tt_list .tt_link:nth-child(3n) { padding-right: 0; } .tt_list a { display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 33.3%; padding-right: 18px; color: #999; font-size: 12px; float: left; line-height: 30px; position: relative; padding-left: 10px; } .tt_list a:hover { color: #d18821 !important; } .tt_list a:before { position: absolute; width: 2px; height: 2px; background: #999; border-radius: 50em; left: 0; top: 14px; content: ""; } .tt_list a:hover:before { background: #d18821; } .tt_list a:nth-child(3n) { padding-right: 0; } .cum_tab .cum_tab_btn { float: left; width: 50%; line-height: 40px; background: #efefef; font-size: 18px; color: #999; text-align: center; position: relative; cursor: pointer; } .cum_tab .cum_tab_btn.active { color: #fff; background: #d18821; } .cum_tab .cum_tab_btn.active:before { content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #d18821; border-bottom: 10px solid transparent; position: absolute; bottom: -20px; left: 50%; margin-left: -10px; } .t_box { padding: 10px 20px 0; display: none; } .t_box:nth-child(1) { display: block; } .t_box .tab_link { display: block; line-height: 36px; font-size: 16px; color: #333; position: relative; padding-left: 6px; } .t_box .tab_link:before { position: absolute; width: 3px; height: 3px; background: #999; border-radius: 50em; left: 0; top: 14px; content: ""; } .t_box a { display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; line-height: 36px; font-size: 16px; color: #333; position: relative; padding-left: 6px; } .t_box a:hover { color: #d18821 !important; } .t_box a:before { position: absolute; width: 3px; height: 3px; background: #999; border-radius: 50em; left: 0; top: 14px; content: ""; } .t_box .more_oth { line-height: 40px; text-align: center; font-size: 14px; color: #999; display: block; border-top: 1px solid #eee; position: absolute; left: 0; bottom: 0; width: 100%; } .col_md_block .col_md_hd { line-height: 46px; position: relative; padding-left: 15px; border-bottom: 1px solid #eee; margin-bottom: 30px; } .col_md_block .col_md_hd .txt { color: #333; font-size: 22px; } .col_md_block .col_md_hd:before { content: ""; position: absolute; width: 4px; height: 20px; border-radius: 50em; left: 0; top: 13px; background: #d18821; } .col_md_block .col_img_box { margin-bottom: 40px; } .col_md_block .col_md_left { width: 340px; float: left; } .col_md_block .col_md_right { width: 830px; float: right; display: flex; justify-content: space-between; flex-wrap: wrap; } .col_md_block .col_tag_1 { border: 1px solid #eee; height: 160px; } .col_md_block .tag_hd { text-align: center; padding: 14px 0; } .col_md_block .tag_hd img { width: 140px; } .col_md_block .rm { color: #d18821; font-size: 18px; } .tag_box_wrap { padding: 0 14px; } .tag_box_wrap .tag_box { float: left; margin-bottom: 14px; margin-right: 5%; padding: 0 10px; border-radius: 50em; background: #efefef; color: #999; font-size: 14px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 30%; text-align: center; } .tag_box_wrap .tag_box:nth-child(3n) { margin-right: 0; } .tag_box_wrap .tag_box:hover { color: #fff; background: #d18821; } .cmr_left { width: 400px; float: left; } .cmr_right { width: 397px; float: right; } .cmr_list .cmr_link { display: block; position: relative; padding-left: 10px; color: #666; font-size: 14px; margin-bottom: 16px; } .cmr_list .cmr_link:last-child { margin-bottom: 0; } .mb40 { margin-bottom: 40px; } .cmr_list .cmr_link:before { position: absolute; width: 2px; height: 2px; background: #999; border-radius: 50em; left: 0; top: 9px; content: ""; } .cmr_link .c_z { float: left; } .cmr_link .time { float: right; } .cmr_list_2 { display: block; position: relative; padding-left: 10px; color: #666; font-size: 14px; margin-bottom: 16px; } .col_md_right a:before { position: absolute; width: 2px; height: 2px; background: #999; border-radius: 50em; left: 0; top: 9px; content: ""; } .col_md_right a { display: flex; justify-content: space-between; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 20px; position: relative; padding-left: 10px; color: #666; font-size: 14px; margin-bottom: 16px; width: 48%; } .col_md_right:last-child { margin-bottom: 0; } .cmr_list_2 .c_z { float: left; } .cmr_list_2 .time { float: right; } .cmr_list_2 a span:first-child:hover{ color: #d18821 !important; } .cmr_list_2 a span:last-child{ float: right; } .cmr_list_2 a:after { display: table; line-height: 0; content: ""; clear: both; } .col_tag_2 .lar_tag { margin-right: 20px; margin-bottom: 12px; border-radius: 50em; color: #666; font-size: 14px; width: 119px; text-align: center; line-height: 30px; border: 1px solid #eee; float: left; } .col_tag_2 .lar_tag:nth-child(3n) { margin-right: 0; } .col_tag_2 .lar_tag:hover { color: #fff; background: #d18821; border: 1px solid #d18821; } .col_tag_2 .no_mar { margin-bottom: 0; } .mb45 { margin-bottom: 45px; } .col_md_ad a { display: block; margin: 0 auto; width: 1200px; } .seo-nav-new .nav-cont .item { width: auto; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; -o-flex: 1; flex: 1; } .seo-nav-new .nav-cont { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .column_bread { width: 1200px; margin: 0 auto; line-height: 50px; } .column_bread .c_link { color: #999; font-size: 14px; } .column_bread .c_current { color: #d18821; } .f18 { font-size: 18px !important; } .show { display: block !important; } .b-h1 { position: absolute; left: 0; top: 0; background: #d18821; padding: 5px 10px; font-size: 16px; font-weight: bold; color: #fff; } .dux-page{ width: 100%; } #paging ul{ display: flex; float: right; }