.order-wrapper{ width: 100%; height: 100%; background-color: $bg_f5f5f5; } .order-tab{ color: $black; background: $bg_f7f9fc; } .order-information{ display: flex; width: 100%; overflow: hidden; padding: 28px 15px; color: $color_555; background-color: $bg_fff; position: relative; } .order-information::before{ content: ''; left: 0; right: 0; bottom: 0; height: 2px; position: absolute; background: -webkit-repeating-linear-gradient(135deg, #ff6c6c 0, #ff6c6c 20%, transparent 0, transparent 25%, #1989fa 0, #1989fa 45%, transparent 0, transparent 50%); background: repeating-linear-gradient(-45deg, #ff6c6c 0, #ff6c6c 20%, transparent 0, transparent 25%, #1989fa 0, #1989fa 45%, transparent 0, transparent 50%); background-size: 80px; } .order-addsize{ font-size: 32px !important; margin-bottom: 0px; color: $active; } .order-info{ line-height: 48px; font-size: 16px; color: $color_555; margin-left: 10px; vertical-align: middle; flex: 1; } .order-next{ line-height: 48px; margin-bottom: 0px; } .info { color: $color_666; font-size: $font_14; .title{ color: $color_333; font-size: $font_16; } .content{ color: $color_666; font-size: $font_14; } } .order-content{ }