* { margin: 0; padding: 0; } li { list-style: none; } a { text-decoration: none; } section { height: 1200px; background-color: #f5f5f5; .whole { padding: 15px 50px; margin: auto; .whole-1, .setall { margin: 20px auto; width: 1200px; padding: 25px; background-color: #ffffff; .all { display: inline-block; h2 { font-weight: 600; float: left; padding-bottom: 10px; } } .Buyers, .opt { padding: 25px; } .toggle, .commodity { padding: 20px; } .Subtitle { font-weight: 800; } // 买家 .Buyers { border-top: 2px solid #cb1919; border-bottom: 1px solid #f2f2f2; background-color: #fff; span { &:nth-child(2) { float: right; a { color: #066ee2; } } } .toggle { .address { display: flex; align-items: center; .name { display: inline-block; padding: 10px 50px; } .na-1 { border: solid 2px #cb1919; } .na-2 { margin-top: 10px; border: solid 2px #d1d1d1; } p { margin: 0px 15px; } } .address-2 { a { color: #066ee2; } } .stop { padding: 20px 20px; } } } // 送货清单 .opt { ul { .optall { table { width: 100%; background-color: #f3f3f3; border: 1px solid #e0e0e0; margin-bottom: 20px; } #checkall { margin-left: 10px; } th { height: 50px; span { margin-left: 85px; } } } } .checklist { .among { margin-bottom: 20px; border-bottom: 1px solid #f2f2f2; table { width: 100%; background-color: #fff; } th { height: 115px; &:nth-child(1) { width: 135px; img { padding: 10px; width: 82px; } } &:nth-child(2) { width: 300px; } &:nth-child(4) > input { width: 80px; } &:nth-child(3), &:nth-child(4), &:nth-child(6) { width: 140px; // text-align: center; } &:nth-child(5) { width: 120px; input { text-align: center; } input { &:nth-child(1), &:nth-child(3) { width: 15px; } &:nth-child(2) { width: 30px; } } } } // span { // width: 400px; // font-size: 12px; // display: inline-block; // } } } } // 使用优惠券 .coupon { .coupon-1{ background: url("../../img/images/coupon-1.png"); } } // 备注 .remarks { .layui-textarea { background-color: #fcfcfc; } } } .setall { // width: 100%; background-color: #fff; border: 1px solid #e0e0e0; // display: inline-flex; margin-top: 25px; // ul, // .total, // .subore li { // float: right; // } .seta { // ul { // float: right; // } } .total { border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; line-height: 33px; // p {display: inline-block; // float: right; // } } .subore{ padding: 20px; span { padding: 15px 35px; background-color: #cb1919; color: #fff; float: right; } } } } }