.page-component-course{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:4vw;margin-top:4vw;width:100%;position:relative;background-color:#fff}.page-component-course.column-course{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.page-component-course.column-course .desc{width:100%}.page-component-course .desc{-webkit-box-flex:1;-ms-flex:1;flex:1;width:0;padding-left:2.66667vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box}.page-component-course .desc .course-title{word-break:break-all;font-size:4.26667vw!important;color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:6.13333vw;-ms-flex-negative:0;flex-shrink:0;margin-bottom:.53333vw}.page-component-course .desc .title+div{font-size:3.46667vw;color:#999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.page-component-course .desc .title+div p{word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.page-component-course .van-image{-ms-flex-negative:0;flex-shrink:0}.page-component-course .van-image img{border-radius:.8vw}.page-component-course .img{position:relative}.page-component-course .course-type{position:absolute;top:0;right:0;color:#fff;font-size:1.86667vw;background-color:#e5b659;padding:.53333vw;border-radius:.8vw}