.px-online-course-wrapper .course-head-con{padding:0 30px;height:54px;line-height:54px;background:#fff;color:#333;font-size:16px}.px-online-course-wrapper .course-list-main{margin:20px auto;width:1200px}.px-online-course-wrapper .search-course-con{text-align:right}.px-online-course-wrapper .course-list-con{margin-top:20px}.px-online-course-wrapper .course-item-con{margin-right:20px;width:285px;height:248px;background:#fff;border-radius:4px}.px-online-course-wrapper .course-item-con .course-cover-con{height:150px;border-radius:4px 4px 0 0;background-size:cover;background-position:50% 50%;cursor:pointer}.px-online-course-wrapper .course-item-con .course-cover-con img{width:100%;height:100%;border-radius:4px 4px 0 0}.px-online-course-wrapper .course-item-con .course-name-con{padding:0 15px;height:98px;color:#333;font-size:14px}.px-online-course-wrapper .course-item-con .p-course-name{padding:22px 0 10px 0}.px-online-course-wrapper .course-item-con:nth-child(4n){margin-right:0}.px-online-course-wrapper .course-item-con:hover{-webkit-box-shadow:0 8px 20px 0 rgba(0,0,0,.15);box-shadow:0 8px 20px 0 rgba(0,0,0,.15);-webkit-transition:all .2s linear;transition:all .2s linear;-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}.px-online-course-wrapper .page-data-con{padding:20px 0;text-align:center}.px-online-course-wrapper .no-data-center-con{padding-top:100px;text-align:center}