@import ; /* @import ; */ .con_ban { height: 350px; overflow: hidden;} .con_ban_l { width: 290px; height: 460px; padding-top: 20px; margin-right: 30px;} .con_ban_l .r_list .li_r .r_a { height: 24px; } .con_ban_l .r_list .li_r { width: 224px;} .con_ban_l .r_list .li_r p { font-size: 12px; color: #999; line-height: 22px; margin-top: 5px;} .con_ban_l .hot_zt_bt .icon-xihuan { color: #f60034!important;} .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 0;} /* banner */ .banner { width: 560px; height: 320px;position: relative; border: 1px solid #e1e1e1; } .banner .hd { position: absolute; bottom: 18px; 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 li {position: relative;} .banner .bd li p {position: absolute; background:rgba(0,0,0,0.4); color:#fff; width: 520px; padding: 0 20px; font-size: 16px; line-height: 50px; bottom:0; left:0; } .banner .bd img { width: 560px; height: 320px;} .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 { 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下推荐入口 */ .tjrk { width: 100%; } .tjrk a { width: 141px; display: block; float: left; margin-left: 10px; margin-bottom: 10px; background: #f9f9f9; color: #333; height: 42px; line-height: 42px; text-align: center; border-radius: 10px; font-size: 16px; padding: 0 4px;} .tjrk a:nth-child(1) { background: #f60034; color: #fff;} .tjrk a:nth-child(9) { background: #ffae3b;color: #fff;} .tjrk a:nth-child(8n 1) { margin-left: 0; } .tjrk a:hover {background: #f60034; color: #fff;} /* 最新推荐 */ .hot_zt { width: 300px; height: 322px; margin-top: 20px; padding:10px 20px; } .hot_zt_bt { line-height: 36px; background: url(/uploads/image/pipc/bt_bg1.png) repeat-x bottom left; padding-bottom: 10px;} .hot_zt_bt em { width: 36px; height: 36px; border-radius: 100%; line-height: 36px;} .hot_zt_nr .lb { position: relative; padding-left: 60px; line-height: 30px; margin-top: 5px; font-size: 15px;} .hot_zt_nr time { position: absolute; left: 0; width: 50px; color: #999; font-size: 12px; height: 18px; line-height: 18px; top:4px; background: #ececec; text-align: center; border-radius: 10px;} /* 标签大全 */ .con_label .tab_h4 { width: 120px; line-height: 30px; position: relative; padding-left: 40px;} .con_label .tab_h4 em { width:22px ; height: 22px; background: #ececec; 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: #f60034;} .con_label .tab_bq { width: 1040px; position: relative;} .con_label_nr .nr_tab .bq { max-width: 100px; padding: 0 10px; border-radius: 4px; background: #ececec; 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: 960px;} .con_label .div_a.active { height: auto; width: 960px; } .con_label .tab_sub span {display: block; position: relative; padding-right: 20px; color: #999; } .con_label .tab_sub em {display: block; position: absolute; right: 0; top: 0;} .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); } .r_list_li_te:first-child li li li li li { margin-top:0; font-weight: normal; } .r_list_li_te:nth-child(6) { margin-top:0;font-weight: normal; } .r_list_li_te { line-height: 30px; font-size: 15px; } /* 范文大全公用 */ .con_head ul { max-width: 900px; height: 36px; overflow: hidden;} .con_fw_nr_l { width: 420px;} .con_fw_nr_c { width: 420px; margin-left: 30px;} .con_fw_nr_r { width: 300px; margin-left: 30px; height: 500px;} .fw_img { position: relative; width: 420px; height: 170px; overflow: hidden; border-radius: 10px; border: 1px solid #e1e1e1; } .fw_img img { width: 100%; border-radius: 10px;} /*.fw_img_p { position: absolute; width: 440px; 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: #22c2ff; font-size: 16px;} .fw_list_inner_li .li_a { width: 340px;font-size: 15px;} .fw_new .fw_list_inner_li .li_a { width: 320px; font-size: 15px;} .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_l_a img { width: 100%; } .fw_list_inner_li_te .li_r { width: 330px;} .con_fw_nr_l .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:10px 20px;} .fw_bq .bq_a { width: 32%; box-sizing: border-box; margin-left: 2%; height: 40px; line-height: 40px; text-align: center;border: 1px solid #e1e1e1; margin-top: 10px; border-radius: 4px; padding: 0 10px;} .fw_bq .bq_a:nth-child(3n 1) {margin-left: 0;} .fw_bq .bq_a:hover { background: #f60034; color: #fff; border: 1px solid #f60034;} /* 范文大全2 */ .con_fw:nth-child(2n 1) .con_head .on { background: #ffae3b;} .con_fw:nth-child(2n 1) .fw_list_inner_li_te .li_r a { color: #ffae3b;} .con_fw:nth-child(2n 1) .con_head em { color: #ffae3b;}