

.top_banner{margin-top: 20px;}
.top_banner img{width:100%;display: block;}
/*left part*/
.main-left{ width: 720px;padding: 20px 0;box-sizing: border-box;}
.tuijianBox{width:100%;overflow: hidden;margin-bottom:20px;}
.tuijianBox h2{font-size: 20px;height:50px;line-height: 50px;border-bottom: 1px solid #ccc;}
.tj_list li{float: left;width:200px;margin: 20px 18px 0 0;}
.tj_list .item-info{width:220px;margin: 20px 20px 0 0;}
.tj_list li img{border:1px solid rgba(0, 0, 0, 0.05);}
.tj_list li .title{text-align:center;}
.main-left .ti{ display: block; border-bottom: 1px solid #ccc; height: 40px;}
.main-left .ti span{ float: left; line-height: 40px;font-size:20px;padding:0 20px;cursor:pointer;}
.main-left .ti .cur{background:#f77d06;color: #fff; }
.fenlei{height:32px;line-height: 32px;cursor: pointer;margin: 4px 0 0 15px;}
.courselist{display:none;}
.courselist li{padding:20px 0;border-bottom: 1px dashed #ccc;float: left;width:100%;box-sizing: border-box;}
.courselist li .img{vertical-align: middle;margin-right:20px;}

.courselist-dl{display:block;line-height:1.5;}
.courselist-dl .n{font-size: 18px;}
.courselist-dl .text{line-height: 1.5;color:#666;margin: 10px 0;word-wrap:break-word ;}
.courselist-dl .bom{line-height: 1.5;color:#999;}
.courselist-dl .bom a{color: #f77d06;}
.courselist-dl .bom span{margin-left: 15px;}
.list-text{color:#666;margin-top:5px!important;}



/*right part*/
.main-right{ width: 310px;padding: 20px 0;box-sizing: border-box;}
.about_blog .myrecord{margin-bottom: 20px;overflow:hidden;}
.about_blog .myrecord .title{height: 40px; line-height: 40px;}
.about_blog .myrecord .details{line-height: 1.5;margin-top: 5px;}
.about_blog .myrecord .btns{display: inline-block;line-height: 32px;color: #fff;background: #259bd8;padding: 0 20px;margin-top: 10px;}

