@charset "utf-8";

.hiden{display:none}
.m-articleNav{width: 1200px;margin: 20px auto 0; overflow:hidden;height:44px;line-height:44px;font-size:14px;font-family:"Microsoft YaHei";color:#999}
.m-articleNav.cur{padding:6px 0}
.m-articleNav em{font-size:14px;color:#999}
.m-articleNav a{font-size:14px;color:#999}
.m-articleNav a:hover{text-decoration:underline}
.m-articleNav span{color:#999}


.content{width:1200px;margin: 20px auto 0;}
.content .left{width:860px;overflow:hidden;float:left;background-color:#fff;box-sizing:border-box;padding:30px 0}
.content .left .title_out{padding:0 20px}
.content .title{width:100%;position:relative;border-top:2px solid #eee;height:56px}
.content .title .title_left{position:relative;height:56px;top:0}
.content .title .title_left h2{box-sizing:border-box;float:left;width:72px;height:56px;line-height:56px;font-size:18px;border-top:2px solid #eee;font-family:"Microsoft YaHei";color:#999;font-weight:500;margin-right:40px}
.content .title .title_left h2:hover{cursor:pointer}
.content .title .title_left h2.active{border-top:2px solid #298cf7;color:#333;font-weight:700}
.left .left_tab .lists{width:100%}
.left .left_tab .lists .item{width:100%;box-sizing:border-box;height:170px;padding:15px 20px}
.left .left_tab .lists .item:hover{background-color:#f8f8f8}
.left .left_tab .lists .item .img_link{display:block;width:210px;height:140px;float:left}
.left .left_tab .lists .item img{width:210px;height:140px;border-radius:4px}
.left .left_tab .lists .item .info{width:590px;float:right}
.left .left_tab .lists .item .info h4{font-size:18px;font-family:"Microsoft YaHei";color:#333;font-weight:700;line-height:45px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.left .left_tab .lists .item .info p:nth-of-type(1){font-size:14px;font-family:"Microsoft YaHei";color:#666;line-height:22px;margin-top:10px}
.left .left_tab .lists .item .info p:nth-of-type(2){font-size:14px;font-family:"Microsoft YaHei";color:#999;line-height:22px;float:left;margin-top:10px;margin-right:25px}
.left .left_tab .lists .item .info .parent_link{display:block;float:left;font-size:14px;font-family:"Microsoft YaHei";color:#298cf7;line-height:22px;margin-top:10px}

.content .right{width:320px;float:right}
.content .right .box{width:100%;padding:30px 20px;background-color:#fff;overflow:hidden;box-sizing:border-box;margin-bottom:20px}
.right .course_tab .course a{display:block;width:100%;height:30px}
.right .course_tab .course a:hover p:nth-child(1){font-weight:700}
.right .course_tab .course a p:nth-child(1){font-size:14px;font-family:"Microsoft YaHei";color:#333;line-height:30px;width:230px;float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.right .course_tab .course a p:nth-child(2){font-size:14px;font-family:"Microsoft YaHei";color:#999;line-height:30px;float:right;width:40px}
.title h2{position:relative;width:73px;height:56px;line-height:56px;border-top:2px solid #298cf7;top:-2px;font-size:18px;font-family:"Microsoft YaHei";color:#333;font-weight:700;float:left}
.right .rec_content{width:100%;float:left}
.right .rec_content .rec_box{box-sizing:border-box;width:130px;height:96px;margin-right:20px;float:left;margin-bottom:20px}
.right .rec_content .rec_box:nth-child(2n){margin-right:0}
.right .rec_content .rec_box img{width:130px;height:66px;border-radius:4px;transition:all .3s}
.right .rec_content .rec_box img:hover{transform:scale(1.1)}
.right .rec_content .rec_box .img{width:130px;height:66px;border-radius:4px;overflow:hidden}
.right .rec_content .rec_box p{width:130px;font-size:14px;font-family:"Microsoft YaHei";color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;margin-top:8px}

.m_paging{float:left;width:100%;margin:auto;text-align:center;padding:40px 0 60px 0}
.m_paging ul{position:relative;overflow:auto;display:inline-block}
.m_paging li{display:inline-block;float:left}
.m_paging li a{display:inline-block;height:34px;border:1px solid #e0e0e0;background:#fafafa;color:#333;margin-right:10px;border-radius:8px;padding:0 15px;box-sizing:border-box;line-height:32px;font-size:14px;transition:color .3s,background .3s}
.m_paging li a:hover{color:#2797ef;background:#fef8f8;border-color:#2797ef}
.m_paging li span{display:inline-block;height:34px;border:1px solid #e0e0e0;background:#fafafa;color:#333;margin-right:10px;border-radius:8px;padding:0 15px;box-sizing:border-box;line-height:32px;font-size:14px}
.m_paging li strong{margin:0 2px}
.m_paging li.active span{background:#2797ef;color:#fff;border-color:#2797ef;cursor:default}
.m_paging li.active a:hover span{background:#2797ef;color:#fff}
.m_paging li.disabled{display:none}
.m_paging li.disabled span{color:#999}