.order-ticket-page { font-size: 12px; .order-ticket .title { background-image: resolve(home/orders.png); } .ticket-info { padding: 20px 10px; .ticket-tag { display: inline-block; width: 72px; height: 19px; line-height: 19px; text-align: center; font-size: 12px; color: #fff; background: #000; border-radius: 3px; margin-right: 5px; } .order-num { margin-left: 10px; } .return-to-orders { float: right; color: #468fa2; } } .qr-codes { width: 768px; padding: 10px 0 10px 10px; border: 1px solid #e7e7e7; background: #fff; margin: 0 auto; li { float: left; width: 232px; height: 290px; margin: 10px; border: 1px solid #e7e7e7; word-break: break-all; overflow: hidden; text-align: center; } .qr { width: 232px; height: 220px; } .qr-info { font-size: 14px; line-height: 20px; } } .tickets-tip { width: 758px; padding: 10px; border: 1px solid #e7e7e7; background: #fff; margin: 20px auto; p { padding-left: 20px; padding-bottom: 10px; line-height: 20px; background: resolve(home/qr-tip.png) no-repeat -27px 5px; } .warn { background-position: 0 -23px; } } }