.order_address{ background: #ffffff; border-radius: 20px; display: flex; align-items: center; padding: 30px; box-sizing: border-box; margin-top: 20px; position: relative; .order_address_icon{ font-size: 50px; color: $color_main; position: absolute; top: 35px; left: 20px; } .order_address_text_con{ flex:1; padding-left: 50px; box-sizing: border-box; height: 100%; display: flex; flex-direction: column; justify-content: space-between; .order_address_text_title{ font-size: $font_size_medium; margin-top: 10px; display: flex; justify-content: space-between; .moreIconfont{ font-size: 20px; padding-top: 10px; } .address_text{ word-break:break-all; } } .order_address_text_name{ margin-top: 30px; align-items: center; text{ &:nth-child(1) { color: #000; font-weight: 700; font-size: $color_font_one; margin-right: 40px; } &:nth-child(2) { color: $color_font_one; font-size: $font_size_medium; } } } } .updateBtn{ width:200px; font-size: $font_size_min; background-color: #F0F0F0; height: 64px; border-radius: 24px; color: $color_font_two; position: absolute; bottom: 10px; right: 10px; z-index: 999; .updateBtn_list{ position: absolute; display: flex; z-index: 5; width: 100%; .updateBtn_item_select{ color: #fff; } } .updateBtn_item{ flex:1; text-align: center; line-height: 64px; } .updateBtn_select{ color: #fff; background-color: $color_main; border-radius: 24px; position: absolute; width: 100px; height: 61px; z-index: 1; transition: all 0.3s ease-in-out; } } .order_address_text_no{ flex: 1; font-size: $font_size; font-weight: 700; margin-left: 30px; } .order_address_more_icon{ color: $color_font_three; font-size: $font_size; } } .order_address_list { height:80vh; .order_address_title{ font-size: $font_size; font-weight: 700; width: 100%; text-align: center; padding: 20px 0 30px 0; height: 100px; } .addressList_con{ padding-bottom: 20px; height: calc(100% - 160px); } }