.pay-notice-page { width: 990px; margin: 0 auto; padding: 30px 0; font-size: 14px; color: #444; .red { color: #ce0b24; } .order-wrap { padding: 40px 50px; background-color: #f5f5f5; border: 1px solid #e0e0e0; > h1 { font-size: 28px; line-height: 1; .pay-sure-icon { display: inline-block; width: 32px; height: 32px; margin-right: 20px; background: resolve(pay/pay-sure-icon.png); vertical-align: text-bottom; } } } .order-info { margin-top: 40px; border-top: 1px solid #e0e0e0; padding-top: 30px; position: relative; li { padding-bottom: 18px; .l-b { display: inline-block; width: 200px; } .back-yoho-coin:after { content: ""; display: inline-block; width: 14px; height: 14px; background: resolve(cart/yoho-coin.png); margin-left: 6px; vertical-align: bottom; } .notice-link { color: #0883d1; } } .opt-btns { padding-top: 10px; padding-bottom: 0; > a { width: 120px; height: 32px; line-height: 32px; color: #fff; background-color: #3a3a3a; display: inline-block; text-align: center; margin-right: 54px; } } &:after { content: ""; width: 450px; height: 170px; background: resolve(pay/qr-img.png); position: absolute; top: 30px; right: 0; } } .extra-wrap { padding: 30px 40px; line-height: 2; color: #bbb; border: 1px solid #e0e0e0; margin-top: 30px; .notice-link { color: #0883d1; } } .best-for-you { margin-top: 30px; .top-title { font-weight: 300; border-bottom: 1px solid #e0e0e0; span { font-size: 18px; display: inline-block; padding: 0 4px; height: 40px; border-bottom: 3px solid #4a4a4a; } .change-btn { float: right; font-size: 16px; line-height: 18px; cursor: pointer; display: none; &:after { content: ""; width: 13px; height: 13px; margin-left: 8px; display: inline-block; vertical-align: middle; background: resolve(pay/change-icon.png); } } } .product-wrap { margin-top: 30px; overflow: hidden; ul { width: 3010px; height: 307px; overflow: hidden; } li { width: 190px; margin-right: 10px; font-size: 12px; font-weight: bold; line-height: 1.5; float: left; text-align: center; } .thumb { height: 256px; } .name { padding: 0 10px; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } } }