@content13: content13; .@{content13}-wrapper { height: 654px; // background: url('https://gw.alipayobjects.com/zos/rmsportal/ZsWYzLOItgeaWDSsXdZd.svg') // no-repeat bottom; background-size: cover; background-size: 100%; margin: 0 auto; overflow: hidden; padding: 64px 0; &.home-page-wrapper { .title-wrapper { margin-bottom: 0; } } .title-content { line-height: 32px; } } .content131-wrapper { height: 578px; .contact-item { display: flex; align-items: center; padding-left: 64px; margin-bottom: 16px; &:last-child { margin-bottom: 0; } } } .content132-wrapper { height: 528px; .enroll-item { display: flex; padding: 26px 36px; min-width: 0; border: #4564ff solid 1px; border-radius: 8px; flex: 1; flex-direction: row; .enroll-icon { margin-right: 36px; img { width: 94px; height: auto; } } .enroll-info { display: flex; justify-content: space-around; min-width: 0; flex: 1; flex-direction: column; .enroll-title { font-size: 20px; font-weight: 400; color: #1f6cdd; &::after { display: block; margin-top: 18px; width: 50px; height: 2px; border-radius: 1.5px; background: #1f6cdd; content: ' '; transition-duration: 0.5s; } } .download-btn { box-sizing: content-box; // padding: 0 2em; width: 50%; font-size: 14px; line-height: 2; border: 1px solid #73c6f4; border-radius: 6px; text-align: center; color: #ffffff; background: #4564ff; cursor: pointer; } &:hover { .enroll-title { &::after { width: 96px; } } } } } } @media screen and (max-width: 767px) { .@{content13}-wrapper { padding-bottom: 64px; } .content131-wrapper { height: 776px; } .content132-wrapper { height: 744px; } .content131-wrapper, .content132-wrapper { .ant-col + .ant-col { margin-top: 36px; } .contact-item { padding-left: 0; justify-content: center; } } }