@import ; @import ; .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: 48%;} .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(/uploads/image/pipc/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: 1000px; font-size:13px;} .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: 74px; height: 100px;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: 330px;} .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 .con_head em { background: #ffae3b;}