.lear_box{width:1300px;margin:0 auto;padding:30px 50px;background: #fff;overflow: hidden;}
.lear_box_bt{overflow: hidden;margin-bottom:30px;}
.fl_wz{float:left;}
.lear_box_bt h1{color:#515151;font-size: 24px;margin-bottom:15px;}
.lear_box_bt p{font-size: 14px;color:#a7a7a7;}
.sp_div{width:930px;height:520px;background: #ccc;float:left;}
.spdiv_list{width:290px;height:480px;float:right;background: #f1f2f3;border-radius: 10px;padding:20px;}
.spdiv_list h1{font-size:18px;color:#4f4f4f;margin-bottom:20px; }
.spdiv_list_box ul li{margin-bottom:16px;padding: 5px 10px;margin-right: 10px;border-radius: 10px;cursor:pointer;}
.spdiv_list_box ul li img{margin-right:5px;margin-top:-2px;}
.spdiv_list_box{height:420px;overflow-y: scroll;}
.spdiv_list_box::-webkit-scrollbar {width: 5px; height: 5px;}
.spdiv_list_box::-webkit-scrollbar-thumb {background: linear-gradient(to bottom right, #6d6d6d 0%, #6d6d6d 100%);border-radius: 5px;}
.spdiv_list_box::-webkit-scrollbar-track { background-color: #f3efef;}
.spdiv_list_box::-webkit-scrollbar-button {background-color: #dee3f1;}
.spdiv_list_box::-webkit-scrollbar-button:hover { background-color: #999999;}
.ping{border-top:1px solid #f1f2f3;border-bottom:1px solid #f1f2f3;float:left;padding:20px 0;width: 100%;margin-top:30px;}
.ping span{margin:0px 30px 0px 5px;}
.wenz_box{margin:20px 0;width:100%;float: left;}
.wenz_box h1{font-size: 24px;color:#515151;margin:10px 0;}
.wenz_box h2{font-size: 20px;color:#7b7b7b;margin:20px 0;}
.wenz_box p{color:#5b5b5b;font-size: 16px;line-height:32px;}
.wenz_box ul li{margin:20px 0;}
.wenz_box ul li a{padding:5px;border-bottom:1px solid #ccc;}


/*课程介绍详细页与直播介绍详细页*/
.detial_top{margin:20px auto 20px;overflow: hidden;}
.detial_le{width:470px;border-radius:10px;overflow: hidden;float:left;}
.detial_ri{width:740px;height:280px;float:right;background: #f8f9fe;padding:30px;border-radius:10px;}
.detial_ri h1{font-size: 28px;color:#373e4e;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1;margin-bottom:10px;}
.detial_ri h2{font-size: 24px;color:#7d7c7b;font-weight: normal;}
.detial_ri p{margin:30px 0px;font-size: 16px;line-height:32px;color:#8b8b8b;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.detial_bottom{overflow: hidden;}
.detial_bottom_fl{width:75%;float:left;}
.detial_bottom_ri{width:23%;float:right;margin-top:20px;}
.detial_bottom_ri ul li{padding:30px;background: #f8f9fe;overflow: hidden;margin:20px 0px;border-radius: 20px;}
.detial_bottom_ri ul li img.imgtx{float:left;}
.detial_bottom_ri ul li img.imgjt{float:right;margin-top:30px;}
.wzb{float:left;margin:20px auto;padding-left:20px;}
.wzb p{font-size: 24px;}
.wzb span{font-size:18px;color:#878686;}