.article_main{ width: 72%; margin-left: 10%; margin-top: 50px; } .article_contact{ width: 100%; float: left; margin-bottom: 15px; box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.12); border-radius: 2px; background: #fff; position: relative; min-height: 80px; } .article_cover{ width: 15%; position: absolute; height: 100%; top:0px; } .article_right{ width: 83%; float: right; padding-top: 18px; } .article_title{ width: 95%; display: flex; margin-bottom:12px; font-size: 22px; font-weight: 400; color: #000 } .article_info{ width: 95%; font-size: 16px; color: #000; margin-bottom: 24px; } .detail_main{ width: 72%; margin-left:10%; margin-top: 60px; } .detail_main p{ font-size: 16px; } .case_path{ width: 100%; height: auto } .case_path img{ width: 100%; } .detail_contact{ width: 100%; } @media (max-width:1000px) { .article_contact{ min-height: 160px; } }