.pop_out * { margin: 0; padding: 0; box-sizing: border-box; }
.linchanguser { display: flex; margin-bottom: 10px; align-items: center; }
.avatar-part { display: flex; margin-right: 8px; }
.pop_out .avatar2 { width: 38px; height: 38px; border-radius: 50%; object-fit: cover; }
.label-part { display: flex; align-items: center; height: 16px; }
.label-red { color: #fff; font-size: 10px; font-weight: 400; line-height: 14px; border-radius: 20px; background: #F44336; padding: 0px 6px 0px 0px; align-items: center; position: relative; height: 14px; display: flex; flex-direction: row; margin-right: 4px; }
.name2 { font-size: 14px; line-height: 18px; font-weight: 500; margin-bottom: 4px; text-align: left; }
.border-2 { width: 100%; height: 0; padding-top: 0.5px; background-image: linear-gradient(to right, #e0e0e0 0, #e0e0e0 3px, transparent 3px, transparent 6px); background-size: 6px 100%; background-repeat: repeat-x; margin-bottom: 10px; }
.introduction2 { font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; margin-bottom: 10px; display: flex; color: #515151; flex-direction: column; align-items: flex-start; text-align: left; }
.introduction2 span { font-weight: 500; margin-bottom: 6px; color: #141414; }
.price-out { display: flex; font-size: 14px; line-height: 18px; gap: 10px; }
.sub-days { font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; display: flex; color: #515151; flex-direction: column; align-items: flex-start; margin-top: 10px; }
.sub-days span { color: #141414; font-size: 16px; font-weight: 500; line-height: 20px; margin-bottom: 20px; }
.pop_out { z-index: 99; position: fixed; top: 0; width: 100%; min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0px; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.5); text-align: center; gap: 18px; }
.pop { position: fixed; border-radius: 10px 10px 0 0; background-color: #F4F4F4; width: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 24px 12px 30px; box-sizing: border-box; font-size: 14px; color: #141414; bottom: 65px; }
.pop-title { font-size: 16px; line-height: 20px; font-weight: 500; width: 100%; margin-bottom: 16px; }
.pop-title.red { color: #F44336; }
.pop_out .price { width: 144px; height: 88px; display: flex; flex-direction: column; border-radius: 6px; border: 1px solid #EAEAEA; background: #FFF; justify-content: center; align-items: center; }
.price.choosed { border-radius: 6px; border: 1px solid #FFC107; background: #f5efdb; }
.treaty { font-size: 12px; line-height: 18px; color: #8E8E8E; margin-top: 20px; width: 100%; text-align: center; }
.confirm-btn { padding: 12px; border-radius: 100px; background: #3E3276; font-size: 16px; line-height: 20px; font-weight: 500; color: #fff; width: 100%; margin-top: 28px; }
.treaty a { text-decoration: none; color: #1272CC; }
.day-part { display: flex; align-items: flex-end; margin-bottom: 4px; color: #141414; }
.num-day { font-size: 26px; line-height: 30px; font-weight: 500; margin-bottom: -2px; }
.name-new2 { font-size: 14px; line-height: 18px; font-weight: 500; text-align: left; }
.label-part-new { display: flex; gap: 4px; font-size: 12px; line-height: 14px; }
.num-text-new { border: 1px solid var(--system-accent, #E53935); background: var(--system-accent_bg, #FFF5F7); color: #E53935; font-size: 11px; line-height: 12px; font-weight: 500; display: flex; justify-content: center; align-items: center; padding: 0.5px 4px; border-radius: 0px 3px 3px 0px; border: solid 1px; border-left: none; gap: 1px; }
.label-red-new{display: flex;}

.pop-new { border-radius: 6px; background-color: #fff; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 16px; box-sizing: border-box; gap: 10px; text-align: center; font-size: 14px; color: #141414; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; z-index: 9999; width: calc(100% - 68px); max-width: 500px; }
.pop-new .pop-new .top-title { font-size: 14px; line-height: 18px; font-weight: 500; display: flex; justify-content: space-between; align-items: center; width: 100%; }
.pop-new .icon-close { width: 12px; height: 12px; background: url(/Content/Images/close.svg) no-repeat; background-size: cover; }
.pop-new .minor { display: flex; width: 100%; justify-content: space-evenly; color: #dfdfdf; font-size: 13px; line-height: 15px; margin: 8px 0px 12px; }
.pop-new .minor span { flex: 1; color: #777; }
.pop-new .payGroup { width: 100%; display: flex; justify-content: space-around; gap: 14px; font-size: 14px; line-height: 18px; font-weight: 500; }
.pop-new .payGroup span { font-size: 12px; color: #141414; font-weight: 400; }
.pop-new .payBtn { border: 1px solid #DDD; color: #fe1919; background-color: #FFF; border-radius: 4px; display: flex; justify-content: center; align-items: center; padding: 6px 12px; gap: 4px; flex: 1; }
.pop-new .payBtn.on { border: 1px solid #ff7632; background-color: #fef5e4; color: #ff7632; border-radius: 6px; }
.pop-new .confirm-btn { display: flex; color: #fff; background: #3E3276; width: 100%; align-items: center; justify-content: center; border-radius: 100px; padding: 10px 0px; margin-top: 16px; height: auto; }
.top-title { font-size: 14px; line-height: 18px; font-weight: 500; display: flex; justify-content: space-between; align-items: center; width: 100%; }