.order_price{ display: flex; align-items: center; justify-content: space-between; width: 100%; .close{ width: 100vw; height: 100vh; position: fixed; z-index: 999; top: 0; left: 0; } &:nth-last-child(n+2) { margin-bottom: 30px; } .order_price_text{ font-size: $font_size_medium; // margin-right: 10px; display: flex; .iconfont_msg{ position: relative; } .miconfont{ font-size: 26px; font-weight: normal; margin-left: 5px; } .message{ position: absolute; top: 0; background: rgba(168, 179, 189, 0.9); z-index: 9; min-height: 0; padding: 20px; box-sizing: border-box; border-radius: 10px; box-sizing: border-box; word-break: break-all; color: #fff; // transition: top 0.2s ease-in-out; transition: opacity 0.5s ease-in-out; opacity: 0; &::after{ z-index: 99; position: absolute; width: 0; height: 0; content: " "; left: 10px; bottom: -28px; border: 15px solid transparent; border-top-color: rgba(168, 179, 189, 0.8); } } } .emphasis{ font-weight: 700; } .order_price_num{ color: $color_main; font-weight: 700; text{ &:nth-child(1) { font-size: $font_size_min; } &:nth-child(2) { font-size: 26px; } &:nth-child(3) { font-size: $font_size_medium; } } } .emphasis_num{ text{ &:nth-child(2) { font-size: $font_size_big; } } } .refund_destination{ font-size: 28px; } }