.order_edit_main{ min-height: 100%; background-color:$color_bg_one; padding-top: 20px; display: flex; flex-direction: column; box-sizing: border-box; .title_msg{ display: flex; align-items: center; padding: 20px; background-color: #fff; margin: 0 20px; border-radius: 20px; .miconfont{ font-size: 50px; color: $color_main; } .title_msg_con{ font-size: 23px; display: flex; flex-direction: column; margin-left: 30px; text{ &:nth-child(1) { color: $color_main; } &:nth-child(2) { color: $color_font_three; } } } } .shipmentMode_con{ margin: 0 20px; } .old_address{ display: flex; flex-direction: column; padding: 30px 20px 60px 20px; box-sizing: border-box; .old_address_text{ font-weight: 700; &:nth-of-type(1) { padding-bottom: 30px; font-size: $font_size_big; } &:nth-of-type(2) { padding-bottom: 30px; font-size: $font_size; } } .userInfo{ display: flex; font-size: $font_size; color: $color_font_three; align-items: center; .userInfo_text{ font-size: $font_size; &:nth-child(2) { padding-left: 20px; } } } } .select_address_con{ flex:1; display: flex; flex-direction: column; align-items: center; background-color: #fff; border-radius: 30px 30px 0px 0px; position: relative; .title{ font-size: $font_size; font-weight: 700; margin-top: 30px; } .address_list{ flex:1; height: 0; margin-top: 50px; } .submitBtn{ display: flex; font-size: $font_size_big ; justify-content: center; height: 82px; margin-bottom: 20px; position: absolute; bottom:0; .addressBtn{ flex:1; text-align: center; height: 100%; border: 3px solid #cde5ff; width: 348px; justify-content: center; align-items: center; } .addAddress{ border-right: 0; display: flex; border-radius: 50px 0px 0px 50px; color: $color_main; background-color: #fff; } .submitUpdate{ display: flex; justify-content: center; align-items: center; border-radius: 0px 50px 50px 0px; background-color: $color_main; color: #fff; } } } }