.fee-online-course{width:1200px;background:#f5f2f9;margin:0 auto;box-sizing:border-box;padding:40px 30px 10px}.fee-online-course .fee-course-title{height:40px;font-size:28px;font-weight:600;color:#5573eb;line-height:40px;letter-spacing:4px;display:flex;justify-content:center;align-items:center;margin:0 auto 40px}.fee-online-course .fee-course-title img{width:25px;height:24px;margin-right:8px}.fee-online-course .fee-course-title img:last-of-type{margin-right:0;margin-left:8px}.fee-online-course .fee-course-content{display:flex;justify-content:space-between;flex-wrap:wrap;cursor:pointer}.fee-online-course .fee-course-content .fee-content{width:270px;height:240px;background:#fff;border-radius:4px;margin-bottom:30px;overflow:hidden}.fee-online-course .fee-course-content .fee-content>div{position:relative;height:100%}.fee-online-course .fee-course-content .fee-content>div .Mask-pay{width:270px;height:240px;padding:34px 0;position:absolute;top:0;left:0;background:rgba(0,0,0,.8);cursor:pointer}.fee-online-course .fee-course-content .fee-content>div .Mask-pay>div{width:144px;height:22px;font-size:16px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#fff;line-height:22px;margin:0 auto;text-align:center}.fee-online-course .fee-course-content .fee-content>div .Mask-pay>img{display:block;width:128px;height:128px;border-radius:4px;margin:16px auto 0}.fee-online-course .fee-course-content .fee-content img{width:270px;height:169px;display:block}.fee-online-course .fee-course-content .fee-content .fee-title{width:235px;height:20px;font-size:14px;font-weight:500;color:#333;line-height:20px;margin:15px auto 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fee-online-course .fee-course-content .fee-content .fee-title:hover{color:#5573eb}