.boutique-course { padding-bottom: 5px; } .course-button { display: block; width: 138px; height: 24px; margin: 0 auto; border-radius: 2px; font-size: 12px; color: #fff; text-align: center; line-height: 24px; background: linear-gradient(90deg,rgba(255,140,27,1) 0%,rgba(255,59,5,1) 100%); &[data-type="study"] { background: linear-gradient(269deg,rgba(7,240,255,1) 0%,rgba(0,153,255,1) 100%); } } .coupon-course__footer { padding: 10px 0; .course-button { //margin: 5px auto 0; } } .cent-course__footer { padding: 15px 0 10px; } .coupon-course__button { display: flex; align-items: center; width: 138px; height: 34px; margin: 0 auto; font-size: 12px; color: #fff; text-align: center; line-height: 1; background-image: url('https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/active19_1111/m/coupon-bg-0.png'); background-repeat: no-repeat; background-size: cover; } .coupon-course__button--receive { background-image: url('https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/active19_1111/m/coupon-bg-1.png'); } .coupon-course__button-price { flex: 1; display: inline-flex; flex-direction: column; justify-content: center; align-items: center; i { font-size: 8px; font-style: normal; } } .coupon-course__button-label { width: 86px; } .more-button { display: block; width: 100px; height: 27px; margin: 0 auto 15px; padding: 0; border: 1px solid #fff; border-radius: 14px; font-size: 13px; font-weight: 300; color: #fff; line-height: 27px; background-color: transparent; cursor: pointer; outline: none; } .ai-course__subtitle { width: 83px; height: 24px; margin: 0 auto 15px; border-radius: 12px; font-size: 14px; font-weight: 500; color: #fff; text-align: center; line-height: 24px; background: linear-gradient(-90deg,rgba(46,206,240,1) 0%,rgba(45,86,240,1) 100%); } [data-layout="row"] { display: flex; flex-wrap: wrap; }