.ware_one { width: 100%; overflow: hidden; margin-top: 40px; display: flex; justify-content: space-between; img { display: block; } .lef { img { width: 514.22px; } } .rig { .top { display: flex; justify-content: space-between; .top_lef { display: flex; justify-content: space-between; div { position: relative; margin-top: 10px; height: 370px; // width: 100%; img { // width: 327.58px; height: 100%; border-radius: 10px; margin-top: 10px; } p { // width: 230px; position: absolute; font-size: 18px; font-family: Source Han Sans, Source Han Sans; font-weight: 700; color: #FFFFFF; line-height: 46px; z-index: 2; display: flex; align-items: center; bottom: 0; left: 20px; &::before { content: ""; display: inline-block; width: 18px; height: 18px; background: url(../../../imgs/manu/base_whiteto.png) center center no-repeat; background-size: 100%; margin-right: 15px; } } } } .top_rig { margin-left: 26px; p { font-size: 18px; font-family: Source Han Sans, Source Han Sans; font-weight: 700; color: #C70009; line-height: 46px; width: 358.33px; &::before { content: ""; width: 14px; height: 14px; display: inline-block; background: url(../../../imgs/manu/base_redto.png) center center no-repeat; background-size: 100%; } &:nth-child(2) { font-size: 18px; font-family: Source Han Sans, Source Han Sans; font-weight: 400; color: #787878; line-height: 43px; margin-left: 20px; background-color: #F7F7F9; padding: 13px 29px; margin: 25px 0px; border-radius: 10px; &::before { content: none; } } } } } .bot { margin-top: 40px; width: 100%; display: flex; justify-content: space-evenly; align-items: center; background-color: #F7F7F9; .top_rig{ p { font-size: 18px; font-family: Source Han Sans, Source Han Sans; font-weight: 700; color: #C70009; line-height: 46px; width: 358.33px; &::before { content: ""; width: 14px; height: 14px; display: inline-block; background: url(../../../imgs/manu/base_redto.png) center center no-repeat; background-size: 100%; } &:nth-child(2) { font-size: 18px; font-family: Source Han Sans, Source Han Sans; font-weight: 400; color: #787878; line-height: 43px; margin-left: 20px; background-color: #FFFFFF; padding: 13px 29px; margin: 25px 0px; border-radius: 10px; &::before { content: none; } } } } .rig_sup { width: 200px; border-radius: 10px; background-color: #FFFFFF; height: 90%; overflow: hidden; p { width: 80%; margin: 0 auto; margin-top: 20px; font-size: 24px; font-family: Source Han Sans, Source Han Sans; font-weight: 700; color: #C70009; line-height: 56px; &::after { content: ""; display: block; width: 73px; height: 2px; background-color: #C70009; } } ul { width: 80%; margin: 0 auto; margin-top: 20px; padding-bottom: 25px; li { font-size: 18px; font-family: Source Han Sans, Source Han Sans; font-weight: 400; color: #787878; line-height: 43px; } } } } } }