@import url("common.css");
@import url("myfocus.css");

.con_ban { background: #e6f2fe; height: 460px;}
.con_ban_l { width: 250px; height: 460px; padding: 20px;}
.con_ban_l_nav { border-top: 1px dashed #e1e1e1; padding-top: 15px;}
.con_ban_l_nav:nth-child(1) {border-top:none; padding-top: 0px;}
.con_ban_l .nav_a {
    /*max-height: 48px; */
    overflow: hidden;}
.con_ban_l .nav_a a {display: block; float: left; margin-right: 10px; line-height: 24px; max-width: 40%;}
.con_ban_c {margin: 20px;} 
/* banner */
.banner { width: 610px; height: 340px;position: relative; } 
.banner .bd li{position: relative;}
.banner .hd { position: absolute; bottom: 10px; right: 10px; z-index: 99;}
.banner .hd li { width: 8px; height: 8px; border: 1px solid #fff; float: left;margin-right: 5px; border-radius: 100%;}
.banner .hd li.on {background: #fff;}
.banner .bd img { width: 610px; height: 340px;}
.banner .prev,.banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px;  filter:alpha(opacity=0);opacity:0;   }
.banner .icon-gengduo,.banner .icon-youjiantou { font-size: 30px;  color: #fff; display: block; }
.banner .icon1 {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.banner .next{ left:auto; right:3%; background-position:8px 5px; }
.banner:hover .prev,.banner:hover .next{ filter:alpha(opacity=100);opacity:1;  }
/* banner下推荐入口 */
.con_ban_c .tjrk  { width: 610px; margin-top: 10px;  }
.con_ban_c .tjrk a { width: 145px; display: block; float: left; margin-left: 10px; background: #ffae3b; color: #fff; height: 70px; line-height: 70px; text-align: center; border-radius: 10px; font-size: 20px; padding: 0 4px;}
.con_ban_c .tjrk .a1 { margin-left: 0;}
.con_ban_c .tjrk .a2 { background: #077ff9;}
.con_ban_c .tjrk .a3 { background: #00b841;}
.con_ban_c .tjrk .a4 { background: #07acc0;}
/* 最新推荐 */
.hot_zt { width: 300px; height: 420px; margin-top: 20px; padding: 20px; } 
.hot_zt_bt { line-height: 36px; background: url(../image/bt_bg1.png) repeat-x bottom left; padding-bottom: 20px; margin-bottom: 10px;}
.hot_zt_bt em { width: 36px; height: 36px; border-radius: 100%; background: #eaeff4; line-height: 36px; margin-right: 10px;}
.hot_zt_nr .lb { position: relative; padding-left: 60px; line-height: 26px; margin-top: 5px;}
.hot_zt_nr time { position: absolute; left: 0; width: 50px; color: #999; font-size: 12px; height: 18px; line-height: 18px; top:4px; background: #eaeff4; text-align: center; border-radius: 10px;}
/* 标签大全 */
.con_label { padding:10px 0 40px 0;}
.con_label .tab_h4 { width: 80px; line-height: 30px; position: relative; padding-left: 40px; margin-top: 5px;}
.con_label .tab_h4 em { width:22px ; height: 22px; background: #eaeff4; display: block; border-radius: 100%; line-height: 22px; font-size: 14px; position: absolute; left: 0; top: 4px; color: #ffae3b;}
.nr_tab:nth-child(2n) .tab_h4 em { color: #077ff9;}
.con_label .tab_bq { width: 1080px; position: relative;}
.con_label_nr .nr_tab .bq { max-width: 100px; padding: 0 10px; border-radius: 4px; background: #eaeff4; line-height: 30px; margin: 5px;}
.con_label_nr .nr_tab .bq:hover { background: #007AFF; color: #fff;}
.con_label .tab_bq .tab_sub { position: absolute; right: 0; top:10px;}
.con_label .div_a { height: 40px; overflow: hidden; width: 1020px;}
.con_label .div_a.active {  height: auto;  }
.con_label .tab_sub span {display: block; position: relative; padding-right: 20px; color: #999;  font-size: 12px;}
.con_label .tab_sub em {display: block; position: absolute; right: 0; top: 0; 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); }
/* 范文大全公用 */
.con_fw { padding-bottom: 40px;}
.con_head ul { max-width: 900px;}
.con_fw_nr_l { width: 420px;}
.con_fw_nr_c { width: 420px; margin-left: 30px;}
.con_fw_nr_r { width: 300px; margin-left: 30px;}
.fw_img { position: relative; width: 420px; height: 260px; overflow: hidden; border-radius: 10px;  }
.fw_img img { width: 100%; min-height:260px; }
.fw_img_p { position: absolute; width: 420px; bottom: 0; line-height: 40px;background-image:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8));}
.fw_img_p p { position: relative;  padding-left: 24px; }
.fw_img_p p:before { width: 4px; height: 14px; content: ""; position: absolute; display: block; background: #fff; left: 10px; border-radius: 4px; bottom: 13px; }
.head_bt { border-bottom: 1px dashed #e1e1e1; padding-bottom: 10px; line-height: 30px;}
.head_bt span { margin-left: 10px;}
.fw_list_inner_li { line-height: 30px; height: 30px;
    /*margin-top: 5px;*/
}
/*.fw_list_inner_li:nth-child(6) { margin-top: 25px; }*/
/*.fw_list_inner_li:nth-child(6) .li_a { font-weight: bold;}*/
.fw_list_inner_li em { margin-right: 8px; color: #077ff9; font-size: 16px;}
.fw_list_inner_li .li_a { width: 340px;}
.fw_new .fw_list_inner_li .li_a { width: 320px;}
.fw_list_inner_li_te { height: 110px;}
.fw_list_inner_li_te .li_l { width: 144px; height: 89px;border: 1px solid #e1e1e1;}
.fw_list_inner_li_te .li_l_a {display: block;  width: 74px; height: 100px;}
.fw_list_inner_li_te .li_r { width: 260px;}
.fw_list_inner_li_te  p { line-height: 20px; color: #999; font-size: 12px; padding: 4px 0;}
.fw_list_inner_li_te .li_r a { width: 100%;}
.fw_list_inner_li_te .li_r em { color: #ccc;}
.con_fw_nr_r { padding: 20px; height: 490px; background: #f9f9f9;}
/* 范文大全2 */
.con_fw_te .con_head .on { background: #ffae3b;}
.con_fw_te .fw_list_inner_li_te .li_r a { color: #ffae3b;}
.con_fw_te .con_head em { background: #ffae3b;}