*{ margin: 0; padding: 0; box-sizing: border-box; } #bread_crumb{ height: 44px; background-color: #f5f5f5; } #bread_crumb .bread_center{ width: 1200px; margin: 0 auto; line-height: 44px; } #bread_crumb .bread_center a{ color: black; } #detail{ width: 1200px; height: 400px; margin: 0 auto; display: flex; margin-top: 10px; } #detail .detail_image{ width: 400px; height: 400px; flex: 1; border: 1px solid #cccccc; } #detail .detail_image img{ width: 100%; height: 100%; margin: 0 auto; } #detail .detail_price{ width: 700px; height: 400px; flex: 2; padding: 20px; } #detail .detail_price h3{ font-size: 30px; color: #005aa0; } #detail .detail_price .goods_price{ width: 80%; height: 80px; background: #f5f5f5; margin:10px 0; padding: 10px; } #detail .detail_price .goods_price .ori_price{ font-size: 15px; color:gray; position: relative; } em{ width: 40px; height: 1px; background: #000; display: block; position: absolute; left: 50px; top:10px; } .yuan{ color: orange; font-weight: bold; margin-left: 3px; } #detail .goods_count{ margin-top: 20px; margin-left: 5px; font-size: 15px; } #detail .goods_count input{ border: 1px solid gray; width: 30px; height: 30px; padding-left: 10px; margin-left: 10px; } #detail .goods_buy{ margin-top: 50px; margin-left: 5px; } #detail .goods_buy input{ padding: 5px 10px; color: whitesmoke; background: #f40; border: none; } #introduce{ width: 1200px; min-height: 300px; background: red; margin: 20px auto; } #introduce h3{ font-size: 18px; font-weight: bold; background: whitesmoke; height: 44px; line-height: 44px; padding-left: 15px; }