.header_bg { position: relative;  background: #36ad9e; }
.header_top { padding-top: 8px; }
.logo img { margin-top: 0px; }
.in_header {
    display: flex;
    width: 1200px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 0px auto;
    justify-content: space-between;
}
nav { position: relative; }
.in_nav { height: 50px; }
.nav_item { }
.hot_nav .nav_item { width: 277px; float: left; height: 76px; overflow: hidden; margin: 0px 0px 0px 10px; }
.nav_item h4 { position: relative; padding-left: 30px; font-size: 16px; font-weight: normal; margin-bottom: 10px; }
.nav_item em { width: 20px; height: 20px; border-radius: 20px; text-align: center; line-height: 20px; color: rgb(255, 255, 255); background: rgb(73, 124, 255); display: block; font-size: 14px; position: absolute; left: 0px; top: 0px; }
.nav_item:nth-child(2) em { background: rgb(220, 177, 3); }
.nav_item:nth-child(3) em { background: rgb(255, 92, 22); }
.nav_item:nth-child(4) em { background: rgb(8, 195, 188); }
.nav_item .nav_rwap a { font-size: 12px; margin-right: 20px; display: block; float: left; line-height: 24px; color: rgb(102, 102, 102); }
.nav_item .nav_rwap a:hover { color: rgb(33, 145, 240); }
.ban_r .hot_tu .hot_lb2.on { height: 63px; }
.ban_r .hot_lb2.on .hot_bt { font-weight: normal; }
/*首屏*/
.banner_sy {
    width: 1200px;
    height: auto;
    clear: both;
    margin: 0px auto;
    padding-top: 6px;
    
}
.ch_ban .ban_l,.lm_article { width: 814px; background-color: #fff; padding: 0 30px 20px 30px; /* border-radius: 10px; */ }
.ch_ban .ban_l { height: 610px;}
.ch_ban .r_hot { height: 600px; }
.ban_new { width: 300px; }
.lb_tu { display: block; width: 300px; height: 210px; overflow: hidden; position: relative; /* border-radius: 10px; */}
.lb_tu p { width: 275px; height: 36px; line-height: 36px; position: absolute; bottom: 0; background-color: rgba(0,0,0,0.5); padding: 0 15px; color: #fff; }
.lb_tu img { width: 100%; min-height: 210px; }
.list_ms { padding-right: 280px; height: 160px; position: relative; }
.list_ms1 { padding-right: 0; height: 140px; }
.ms_img { right: 0; top: 0; position: absolute; }
.list_tui .lb_4 { width: 350px; margin-top: 11px; }
.list_tui .lb_4:nth-child(2n) { margin-left: 30px; }
.list_tui .lb_4 .lb_lm { color: #999; margin-right: 4px; font-size: 12px; }
.list_tui .lb_4 .lb_lm:hover { color: #36ad9e; }
.list_tui .lb_4:hover a { margin-left: 2px; }
.lm_itme .lb_2 { margin-bottom: 10px; }
.banner { width: 324px; height: 206px; }
.banner .bd li { height: 206px; }
.banner .bd li p { width: 294px; }
.banner img { min-height: 206px; }
.ban_r { width: 460px; float: right; }
.ban_r .lb_4 { margin-bottom: 20px; }
.ban_r .lb_1 { position: relative; }
.ban_r .lb_1 time { position: absolute; right: 0; font-size: 12px; color: #999; }
.lb_w1, .lb_w1.on { width: 172px; }
.ch_ban .lm_hot .lb_w1 { margin-bottom: 12px; }
/*栏目*/
.lm_l { background: #fff; width: 814px; padding: 30px 30px 20px 30px; /* border-radius: 10px; */height: 397px; }
.lm_itme {}
.lm_itme .pic_lb3 { float: none; margin-bottom: 30px; }
.lm_itme .lb_5 { margin-top: 10px; float: left; width: 50%;}
.lm_hot .lb_w1 { width: 234px; }
/*热门排序*/
.r_hot { width: 260px; background-color: #fff; padding: 20px 20px 4px 20px; /* border-radius: 10px; */}
.r_hot .hot_lb1 { margin-top: 18px; margin-bottom: 0; }
.r_hot .hot_lb1:hover { padding-left: 45px; }
.r_hot .pic_lb1 { margin-bottom: 30px; }
.lm_hot .lb_w1.on { width: 180px; }
.ban_bt { width: 325px; height: 48px; position: relative; padding-left: 45px; line-height: 48px; font-size: 18px; }
.ban_bt em { position: absolute; left: 15px; top: 0; font-size: 20px; }
/* 楼梯 */
.rc_nav { width: 88px; }
.rc_nav li { margin: 0 5px;}

/*顶部内容*/
.content_top{float: left;background: #fff;margin-top: 16px;/* border-radius: 10px; */}
/*左边内容*/
.top_left{float: left;width: 28%;background: #fff;padding: 30px;border-radius: 15px;padding-bottom: 22px;}
.top_left .fl_daohang{padding: 0 10px 0px;overflow: hidden;color: #333;float: left;font-size: 16px;font-weight: 700;line-height: 40px;background: #f9f9f9;height: 40px;width: 95%;border-radius: 8px;}
.top_left .fl_daohang b:before{content:"";float: left;height: 18px;background: #ff8564;width: 6px;border-radius: 10px;margin-right: 9px;margin-top: 11px;}

.ttop_left ul{float: left;border-left: 0;}
.ttop_left li{float: left;width: 25%;line-height: 20px;text-align: center;padding-bottom: 0px;padding-top: 20px;}
.ttop_left li a{float: left;color: #333;font-weight: 700;overflow: hidden;width: 100%;margin-top: 13px;}
.tttop_left li img{width: 40px;height: 40px;border-radius: 10px;display: inline-block;}
.top_left .l_banenr{width: 100%;height: 221px;margin-bottom: 23px;float: left;position: relative;border-radius: 10px;overflow: hidden;}
.top_left img{width: 100%;height: 221px;}
.top_left .l_banenr span{position: absolute;left: 0;background: rgba(0, 0, 0, 0.52);width: 100%;text-align: center;color: #fff;bottom: 0;height: 39px;line-height: 39px;}
/*分类导航*/
.nav{width: 100%;background: #fff;padding-top: 10px;float: left;margin-bottom: 10px;}
.top_left ul{width: 100%;display: block;margin-bottom: 10px;}
.top_left ul li{width: 25%;display: inline-block;float: left;}
.top_left ul li a{width: 100%;display: block;line-height: 30px;color: #333;margin-top: 13px;}
.top_left ul li i {
    width: 78px;
    display: block;
    margin: 0 auto;
    height: 78px;
    /* border-radius: 10px; */
    box-shadow: 0px 2px 4px #E8E8E8;
    background: #4d7e0c;
    color: #fff;
    text-align: center;
    line-height: 78px;
    font-style: inherit;
    font-size: 14px;
    font-weight: 700;
}
.top_left ul li:nth-child(2) i{background: #b38905}
.top_left ul li:nth-child(3) i{background: #10c8b3;}
.top_left ul li:nth-child(4) i{background: #fa7942;}
.top_left ul li:nth-child(5) i{background: #114bbd;}
.top_left ul li:nth-child(6) i{background: #059b4f;}
.top_left ul li:nth-child(7) i{background: #bb0f37;}
.top_left ul li:nth-child(8) i{background: #0d959d;}
.top_left ul li:nth-child(9) i{background: #2bb2a3;}
.top_left ul li:nth-child(10) i{background: #fa7942;}
.top_left ul li:nth-child(11) i{background: #6791e2;}
.top_left ul li:nth-child(12) i{background: #22cc76;}
.top_left ul li span{width: 100%;display: inline-block;text-align: center;font-size: 14px;line-height: 34px;}

/*中间部分*/
/*特别推荐*/
.top_mid{overflow: hidden;float: left;width: 34%;background: #fff;padding: 30px;border-radius: 15px 0 0 15px;padding-bottom: 22px;padding-right: 6px;}
.top_mid .m_top {width: 100%;float: left;}
.top_mid .zhongdian {float: left;font-size: 16px;color: #f54343;height: 35px;line-height: 35px;font-weight: 700;text-align: center;width: 100%;overflow: hidden;}
.top_mid .zhongdian a {margin-left: 5px;color: #333;font-weight: 700;font-size: 16px;overflow: hidden;height: 34px;line-height: 34px;}
.top_mid .TT_title {float: left;padding-bottom: 9px;border-bottom: 1px solid #F0F0F0;margin-bottom: 10px;}
.top_mid .title_top {float: left;cursor: pointer;margin-bottom: 4px;width: 100%;overflow: hidden;height: 28px;text-align: center;line-height: 28px;}
.top_mid .title_top a {font-size: 15px;margin-right: 10px;font-weight: 700;color: #333;}
.top_mid .title_ul .title_top {float: left;cursor: pointer;margin-bottom: 4px;width: 100%;overflow: hidden;height: 28px;text-align: center;line-height: 28px;font-size: 20px;margin-right: 10px;font-weight: 700;color: #333;}
.top_mid .title_ul .title_top a {font-size: 15px;margin-right: 10px;font-weight: 700;color: #333;}
.top_mid .title_ul li {float: left;width: 100%;overflow: hidden;line-height:34px;text-align: left;}
.top_mid .title_ul li time {float: right;width: 20%;height: 34px;overflow: hidden;line-height: 34px;text-align: right;color: #999; font-size: 12px;}
.top_mid .title_ul li:first-of-type{padding-bottom: 15px;border-bottom: 1px dotted rgb(237, 237, 237);line-height:24px;}
.top_mid .title_ul a {color: #333;font-size: 15px;width:80%}
.top_mid .title_ul li span {color: rgb(153, 153, 153);font-size: 12px;line-height: 18px;overflow: hidden;}
.top_mid .title_ul li i {float: left;color:#fbb13d;margin-right:6px;}

/*学习方法*/
.top_mid .m_bot{float: left;margin-top: 15px;width: 100%;}
.top_mid .m_bot ul{float: left;width: 100%;}
.top_mid .m_bot .m_title{font-size: 16px;margin-bottom: 8px;font-weight: 700;color: #333;background: url(https://static.cnfla.com/img/common/2016/index_bg.gif) no-repeat right center;}
.top_mid .m_bot .m_title code{font-weight: 700;color: #333;float: left;background: url(https://static.cnfla.com/img/ico_2021.png) no-repeat -55px 0px;width: 23px;height: 26px;margin-right: 5px;margin-top: -3px;}
.top_mid .m_bot .m_title a{float: right;font-weight: 400;font-size: 14px;}
.top_mid .m_bot ul li{float: left;line-height: 34px;width: 100%;}
.top_mid .m_bot ul li span {float: left;color:#01ab84;margin-right:6px;}
.top_mid .m_bot ul li a{float: left;color: #333;font-size: 15px;}
.top_mid .m_bot ul li code{float: right;color: #989898;font-size: 12px;font-family: initial;}
.top_mid .m_bot ul li i{float: left;height: 4px;width: 4px;background: #67ade0;margin-top: 20px;margin-right: 5px;border-radius: 10px;}

/*右边内容*/
/*今日推荐*/
.top_right {float: right;width: 23%;background: #fff;padding: 30px;border-radius: 0 15px 15px 0;padding-bottom: 22px;}
.top_right_news {float: left;width: 100%;}
.top_right_news_title {padding: 0 10px 0px;overflow: hidden;color: #333;float: left;font-size: 16px;font-weight: 700;line-height: 40px;background: #f9f9f9;height: 40px;width: 93%;border-radius: 8px;}
.top_right_news_title:after{content: "";background: url(https://static.cnfla.com/img/ico_2021.png) no-repeat 2px -1px;float: left;width: 19px;height: 20px;margin-top: 10px;margin-right: 2px;}

.top_right_news_list {float: left;width: 100%;}
.top_right_news_list li{float: left;width: 100%;line-height: 38px;height: 38px;overflow: hidden;}
.top_right_news_list li a{float: left;color: #333;overflow: hidden;height: 38px;width: 200px;}
.top_right_news_list li span{float: left;width: 17px;height: 17px;border-radius: 4px;line-height: 17px;text-align: center;font-style: normal;color: #FFFFFF;margin-top: 11px;background: #c9c9c9;margin-right: 5px;font-size: 12px;}
.top_right_news_list li:nth-child(1) span{background: #e33e42;color:#fff;}
.top_right_news_list li:nth-child(2) span{background: #ff8564;color:#fff;}
.top_right_news_list li:nth-child(3) span{background: #e8b856;color:#fff;}


/*特别推荐*/
.top_right_hot {float: right;width: 100%;margin-top: 13px;}
.top_right_hot_title {margin-bottom: 3px;padding: 0 10px 0px;overflow: hidden;color: #333;float: left;font-size: 16px;font-weight: 700;line-height: 40px;background: #f9f9f9;height: 40px;width: 93%;border-radius: 8px;}
.top_right_hot_title span{color: #434647;height: 16px;}
.top_right_hot_title:after{content: "";float: left;height: 18px;background: #67ade0;width: 6px;border-radius: 10px;margin-right: 9px;margin-top: 11px;}
.top_right_hot_list {float: left;width: 100%;margin-top: 7px;}
.top_right_hot_list li {line-height: 38px;float: left;width: 100%;height: 38px;overflow: hidden;}
.top_right_hot_list a {float: left;color: #333;width: 96%;}
.top_right_hot_list code {float: left;height: 4px;width: 4px;background: #b3b2b2;color: #ffffff;margin-top: 19px;margin-right: 5px;border-radius: 50%;}