body{ background: #F2F2F2; } .mc-detail img{ width: 100%; } .mc-detail .mc-title-pages{ padding: 1.25rem 0; } .mc-detail .mc-title-pages span{ font-size: 1rem; font-weight: 400; color: #999999; } .mc-detail .mc-title-pages span a{ font-size: 1rem; font-weight: 400; color: #999999; } .mc-detail .mc-content{ background: #FFFFFF; padding: 3.125rem; display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 0.625rem; } .mc-content img{ width: 15rem; /* height: 15rem; */ background: #eeeeee; } .mc-content .mc-tb{ width: 100%; margin-left: 5.9375rem; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; min-height: 15rem; } .mc-content .mc-tb h3{ font-size: 1.5rem; font-weight: 700; color: #333333; } .mc-tb .mc-tb-specifications{ display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; } .mc-tb .mc-tb-specifications p{ font-size: 1rem; font-weight: 700; color: #333333; } .mc-tb .mc-tb-specifications p span{ font-size: 1rem; font-weight: 400; color: #333333; margin-right: 2.5rem; } .mc-tb .mc-tb-btn .btn-text, .mc-tb .mc-tb-btn .btn-text span{ display: inline-block; text-align: center; height: 2.75rem; line-height: 2.75rem; background: #e84518; border-radius: 0.125rem; padding: 0 1.25rem; box-sizing: border-box; border-radius: 0.125rem; color: #FFFFFF; } .mc-tb .mc-tb-btn img{ width: 1.375rem; height: 1.375rem; background: none; } /* 鍐呭閮ㄥ垎 */ .mc-imgb{ text-align: center; padding: 3.75rem; background: #FFFFFF; margin-bottom: 50px; } .mc-imgb h3{ display: inline-block; font-size: 1.5rem; font-weight: 700; color: #333333; padding-bottom: 1.125rem; border-bottom: 0.1875rem solid #E84518; margin-bottom: 4.0625rem; } .mc-imgb-con{ text-align: left; } /* 绉诲姩绔叕鍏辨牱寮 */ @media only screen and (max-width: 991px) { .mc-detail .mc-content{ flex-direction: column; } .mc-content .mc-tb{ margin: 0; padding: 1.25rem 0; box-sizing: border-box; } .mc-tb-btn{ margin-top: 20px; } }