@charset "utf-8";
.course_list{padding-top:30px;}
.course_list dl{border:1px solid #eee;width:260px;border-radius: 5px;transition: all .5s;margin-right:50.6px;margin-bottom:25px;background-color:#fff;}
.course_list dl:nth-child(4n){margin-right:0;}
.course_list dl:hover{transform: translateY(-6px); -webkit-box-shadow:0 26px 40px -24px rgba(0, 36, 100, 0.3); }
.course_list dl dt img{width:260px;height:150px;}
.course_list dl dd{padding:10px;padding-top:5px;}
.course_name{padding-bottom:12px;font-size:14px;color:#2b2b2b;font-weight:bold;}
.course_info{font-size:12px;color:#999;}
.course_classify{padding:20px 30px 10px 30px;width:1140px;background-color:#fff;margin:0 auto;border-radius:4px;
border:1px solid #eee;}
.course_classify h1{color:#333;font-size:14px;font-weight:normal;margin-right:20px;padding:5px 0;}
.course_classify a{color:#888;font-size:14px;margin-right:20px;float:left;padding:5px 0;margin-bottom:10px;position:relative;}
.course_classify a.active{color:#19a2fb;}
.course_classify a.active::after{content:'';width:95%;height:2px;background-color:#19a2fb;position:absolute;left:50%;transform:translateX(-50%);
bottom:0;z-index:1;}
.course_classify a:hover{color:#19a2fb;}