:root {
    --dl-primary: #0277EF;
    --dl-assist: #4EA3FF;
    --dl-soft: #EAF4FF;
    --dl-wash: #F5F8FC;
    --dl-title: #17365D;
    --dl-muted: #64748B;
    --dl-line: #DCE6F2;
    --dl-accent: #f59e0b;
    --dl-gradient: linear-gradient(76deg, #83C8FF 0%, #0277EF 100%);
    --dl-submit: linear-gradient(135deg, #38bdf8 0%, #1d8cf8 50%, #2563eb 100%);
}
body.dl-page-body {
    min-height: 100vh !important;
    background: var(--dl-wash) !important;
    padding-bottom: calc(1.6rem + env(safe-area-inset-bottom, 0px));
}
.dl-page {
    color: #334155;
}
.dl-top-bar {
    position: sticky;
    top: 0;
    z-index: 100;
    background: rgba(255, 255, 255, 0.95);
    border-bottom: 1px solid var(--dl-line);
    backdrop-filter: blur(8px);
}
.dl-top-bar main {
    height: 1.12rem;
    padding: 0 0.427rem;
    box-sizing: border-box;
}
.dl-top-bar__logo img {
    height: 0.56rem;
    width: auto;
}
.dl-top-bar__btn {
    display: inline-block;
    padding: 0.12rem 0.28rem;
    border-radius: 999px;
    background: var(--dl-gradient);
    color: #fff;
    font-size: 0.28rem;
    font-weight: 700;
    text-decoration: none;
}
.dl-hero {
    position: relative;
    padding: 0.4rem 0.427rem 0.32rem;
    overflow: hidden;
    background-color: var(--dl-wash);
    background-image: url('../../images/zhaoshang/dl/hero-m.png');
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}
.dl-hero-mask {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(245, 248, 252, 0.28) 0%, rgba(245, 248, 252, 0.18) 40%, rgba(245, 248, 252, 0.72) 82%, var(--dl-wash) 100%);
}
.dl-hero-inner {
    position: relative;
    z-index: 1;
}
.dl-hero-title {
    margin: 0 0 0.12rem;
    font-size: 0.7rem;
    font-weight: 900;
    line-height: 1.2;
    color: var(--dl-title);
}
.dl-hero-subtitle {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.12rem;
    margin: 0 0 0.2rem;
    font-size: 0.48rem;
    font-weight: 800;
    line-height: 1.25;
    color: var(--dl-title);
}
.dl-hero-subtitle b {
    font-size: 0.7rem;
    font-weight: 900;
    color: transparent;
    background: linear-gradient(90deg, #f59e0b, #f97316, #d97706);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.dl-hero-desc {
    margin: 0 0 0.28rem;
    font-size: 0.347rem;
    line-height: 1.6;
    color: var(--dl-muted);
}
.dl-hero-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.16rem;
    margin-bottom: 0.24rem;
}
.dl-stat-item {
    padding: 0.24rem 0.08rem 0.2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 1.52rem;
    border-radius: 0.27rem;
    box-sizing: border-box;
}
.dl-stat-item.is-blue {
    background: rgba(37, 99, 235, 0.12);
    border: 1px solid rgba(59, 130, 246, 0.45);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
.dl-stat-item.is-purple {
    background: rgba(147, 51, 234, 0.12);
    border: 1px solid rgba(168, 85, 247, 0.45);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
.dl-stat-item.is-orange {
    background: rgba(245, 158, 11, 0.12);
    border: 1px solid rgba(251, 146, 60, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
.dl-stat-num {
    font-size: 0.56rem;
    font-weight: 900;
    line-height: 1;
    white-space: nowrap;
}
.dl-stat-item.is-blue .dl-stat-num,
.dl-stat-item.is-blue .dl-stat-label {
    color: #1d4ed8;
}
.dl-stat-item.is-purple .dl-stat-num,
.dl-stat-item.is-purple .dl-stat-label {
    color: #7e22ce;
}
.dl-stat-item.is-orange .dl-stat-num,
.dl-stat-item.is-orange .dl-stat-label {
    color: #d97706;
}
.dl-stat-label {
    font-size: 0.24rem;
    margin-top: 0.1rem;
    font-weight: 700;
    white-space: nowrap;
}
.dl-hero-login {
    display: inline-block;
    margin-bottom: 0;
    font-size: 0.26rem;
    color: var(--dl-muted);
    text-decoration: none;
}
.dl-hero-login em {
    color: var(--dl-primary);
    font-style: normal;
    text-decoration: underline;
}
.dl-form-section {
    position: relative;
    z-index: 2;
    margin-top: -0.16rem;
    padding: 0 0.427rem 0.48rem;
    background: var(--dl-wash);
    scroll-margin-top: 1.2rem;
}
.dl-form-panel {
    border-radius: 0.37rem;
    padding: 0.4rem 0.32rem 0.32rem;
    background: linear-gradient(180deg, rgba(191, 219, 254, 0.4) 0%, rgba(255, 255, 255, 0.72) 100%);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.85);
    box-shadow: 0 0.2rem 0.48rem rgba(37, 99, 235, 0.12);
    overflow: hidden;
}
.dl-form-head-band {
    margin: 0 0 0.28rem;
    padding: 0;
    background: none;
}
.dl-form-head {
    display: flex;
    align-items: center;
    gap: 0.16rem;
    margin-bottom: 0.08rem;
}
.dl-form-title {
    font-size: 0.48rem;
    font-weight: 800;
    color: #1d4ed8;
}
.dl-form-badge {
    height: 0.44rem;
    min-width: 0.96rem;
    line-height: 0.58rem;
    text-align: center;
    font-size: 0.2rem;
    font-weight: 700;
    color: #fe355f;
    padding: 0 0.12rem;
    background: url('../../images/zhaoshang/dl/hot_tag.png') no-repeat center;
    background-size: 100% 100%;
    box-sizing: border-box;
}
.dl-form-tip {
    font-size: 0.24rem;
    color: var(--dl-muted);
    margin: 0.08rem 0 0;
}
.dl-form-tip em {
    color: var(--dl-primary);
    font-style: normal;
    font-weight: 700;
}
.dl-field {
    margin-bottom: 0.28rem;
}
.dl-field.hidden {
    display: none;
}
.dl-subject-switch {
    display: flex;
    gap: 0.16rem;
}
.dl-subject-switch__btn {
    flex: 1;
    height: 0.88rem;
    line-height: 0.86rem;
    text-align: center;
    border-radius: 0.16rem;
    border: 1px solid #e5e8ec;
    background: #fff;
    color: #6a7695;
    font-size: 0.32rem;
    box-sizing: border-box;
}
.dl-subject-switch__btn.is-active {
    border-color: #0277ef;
    color: #0277ef;
    background: #eaf3fe;
    font-weight: 600;
}
.dl-field-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.16rem;
}
.dl-field-row .dl-field {
    margin-bottom: 0;
}
.dl-field-row + .dl-field,
.dl-field-row + .cat-item-wrap {
    margin-top: 0.2rem;
}
.cat-item-wrap.hidden {
    display: none;
}
.dl-field-label {
    display: block;
    font-size: 0.347rem;
    font-weight: 600;
    color: var(--dl-title);
    margin-bottom: 0.1rem;
}
.dl-field-input,
.dl-field-picker {
    width: 100%;
    box-sizing: border-box;
    min-height: 0.88rem;
    padding: 0 0.24rem;
    border-radius: 0.19rem;
    border: 1px solid rgba(226, 232, 240, 0.9);
    background: rgba(248, 250, 252, 0.9);
    font-size: 0.32rem;
    color: #1e293b;
    outline: none;
}
.dl-field-input::placeholder {
    color: #94a3b8;
}
.dl-field-picker {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dl-field-picker .value {
    flex: 1;
    color: #94a3b8;
    font-size: 0.32rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dl-field-picker .value.active {
    color: #1e293b;
}
.dl-field-picker .down {
    width: 0.24rem;
    height: 0.24rem;
    margin-left: 0.12rem;
    flex-shrink: 0;
}
.dl-verify-row {
    display: flex;
    align-items: center;
    min-height: 0.88rem;
    border-radius: 0.19rem;
    border: 1px solid rgba(226, 232, 240, 0.9);
    background: rgba(248, 250, 252, 0.9);
    overflow: hidden;
}
.dl-verify-row .code {
    flex: 1;
    border: none;
    padding: 0 0.24rem;
    font-size: 0.32rem;
    min-height: 0.88rem;
    outline: none;
    background: transparent;
}
.dl-verify-row .code-text {
    flex-shrink: 0;
    padding: 0 0.2rem;
    font-size: 0.26rem;
    font-weight: 600;
    color: var(--dl-primary);
}
.dl-form-submit {
    width: 100%;
    margin-top: 0.08rem;
    min-height: 0.96rem;
    line-height: 0.96rem;
    text-align: center;
    border-radius: 0.21rem;
    color: #fff;
    font-size: 0.4rem;
    font-weight: 700;
    background: var(--dl-submit);
    box-shadow: 0 0.12rem 0.28rem rgba(37, 99, 235, 0.32);
}
.dl-form-agree {
    margin: 0.16rem 0 0;
    text-align: left;
    font-size: 0.24rem;
    color: var(--dl-muted);
    line-height: 1.5;
}
.dl-form-agree a {
    color: var(--dl-primary);
    text-decoration: none;
}
.dl-section {
    padding: 0.48rem 0.427rem 0.48rem;
    background: #fff;
}
.dl-section.is-muted {
    background: var(--dl-wash);
}
.dl-section-partner {
    background: var(--dl-wash);
}
.dl-section-steps {
    background: #fff;
}
.dl-section-title {
    margin: 0;
    text-align: center;
    font-size: 0.52rem;
    font-weight: 800;
    color: var(--dl-title);
    line-height: 1.25;
}
.dl-section-title em {
    font-style: normal;
    color: var(--dl-primary);
}
.dl-section-sub {
    text-align: center;
    font-size: 0.29rem;
    letter-spacing: 0.1rem;
    color: var(--dl-primary);
    margin: 0.16rem 0 0.56rem;
}
.dl-partner-list {
    display: flex;
    flex-direction: column;
    gap: 0.32rem;
}
.dl-partner-card {
    position: relative;
    padding: 0.32rem 0.28rem 0.28rem;
    border-radius: 0.27rem;
    border: 1px solid rgba(191, 219, 254, 0.9);
    background: #fff;
    box-shadow: 0 0.08rem 0.2rem rgba(2, 119, 239, 0.06);
    box-sizing: border-box;
    overflow: hidden;
}
.dl-partner-card.is-active {
    border-color: var(--dl-primary);
    background: linear-gradient(145deg, rgba(219, 234, 254, 0.7) 0%, #fff 70%);
    box-shadow: 0 0.14rem 0.32rem rgba(37, 99, 235, 0.16);
}
.dl-partner-card-body {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 0.16rem;
    min-height: 2.4rem;
}
.dl-partner-card-main {
    flex: 1;
    min-width: 0;
}
.dl-partner-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.12rem;
    margin-bottom: 0.16rem;
}
.dl-partner-card-head h3 {
    margin: 0;
    font-size: 0.4rem;
    font-weight: 700;
    color: var(--dl-title);
    line-height: 1.3;
}
.dl-partner-hot {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 1.28rem;
    height: 0.48rem;
    background: url('../../images/zhaoshang/dl/hot.png') center / contain no-repeat;
}
.dl-partner-card-side {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    min-width: 2.1rem;
}
.dl-partner-icon {
    flex-shrink: 0;
    width: 1.6rem;
    height: 1.2rem;
    margin-top: 0.12rem;
    background: center / contain no-repeat;
}
.dl-partner-icon-0 { background-image: url('../../images/zhaoshang/dl/mode-area.png'); }
.dl-partner-icon-1 { background-image: url('../../images/zhaoshang/dl/mode-industry.png'); }
.dl-partner-icon-2 { background-image: url('../../images/zhaoshang/dl/mode-channel.png'); }
.dl-partner-features {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0.32rem;
    line-height: 1.5;
    color: var(--dl-muted);
}
.dl-partner-features li {
    position: relative;
    padding-left: 0.36rem;
    margin-bottom: 0.1rem;
}
.dl-partner-features li:last-child {
    margin-bottom: 0;
}
.dl-partner-features li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.14rem;
    width: 0.2rem;
    height: 0.16rem;
    background: url('../../images/zhaoshang/dl/c_right.png') center / contain no-repeat;
}
.dl-partner-select-btn {
    width: 100%;
    height: auto;
    padding: 0.14rem 0.16rem;
    line-height: 1.2;
    text-align: center;
    border-radius: 0.24rem;
    color: #fff;
    font-size: 0.24rem;
    font-weight: 700;
    white-space: nowrap;
    background: var(--dl-submit);
    box-shadow: 0 0.08rem 0.18rem rgba(37, 99, 235, 0.28);
}
.dl-partner-card:not(.is-active) .dl-partner-select-btn {
    opacity: 0.95;
}
.dl-step-board {
    padding: 0.28rem 0.24rem;
    border-radius: 0.27rem;
    border: 1px solid var(--dl-line);
    background: var(--dl-wash);
}
.dl-step-list {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    max-width: none;
    margin: 0;
}
.dl-step-item {
    display: flex;
    align-items: center;
    min-height: 1.52rem;
    padding: 0.24rem 0.24rem;
    border-radius: 0.27rem;
    border: 1px solid var(--dl-line);
    background: #fff;
    box-sizing: border-box;
}
.dl-step-item.is-highlight {
    border-color: rgba(2, 119, 239, 0.35);
    background: #fff;
}
.dl-step-num {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 0.24rem;
    background: linear-gradient(180deg, #4485f6 0%, #9c99f7 100%);
    color: #fff;
    font-size: 0.32rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: 0;
    box-shadow: 0 0.08rem 0.18rem rgba(68, 133, 246, 0.3);
}
.dl-step-icon-wrap {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 0.24rem;
    background: linear-gradient(180deg, rgba(68, 133, 246, 0.12) 0%, rgba(156, 153, 247, 0.12) 100%);
    border: 1px solid rgba(156, 153, 247, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: 0;
    margin-left: 0;
}
.dl-step-icon-wrap img {
    width: 0.48rem;
    height: 0.48rem;
    object-fit: contain;
}
.dl-step-text {
    flex: 1;
    min-width: 0;
    text-align: center;
    padding: 0 0.16rem;
}
.dl-step-name {
    font-size: 0.4rem;
    font-weight: 800;
    color: var(--dl-title);
    line-height: 1.3;
}
.dl-step-item.is-highlight .dl-step-name {
    color: var(--dl-primary);
}
.dl-step-desc {
    font-size: 0.28rem;
    color: var(--dl-muted);
    margin-top: 0.04rem;
    line-height: 1.4;
}
.dl-step-connector {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.36rem;
    width: auto;
    margin: 0 auto;
    background: none;
    transform: none;
    opacity: 1;
}
.dl-step-connector:after {
    content: "";
    width: 0.2rem;
    height: 0.2rem;
    border-right: 0.04rem solid #9c99f7;
    border-bottom: 0.04rem solid #9c99f7;
    transform: rotate(45deg);
    margin-top: -0.08rem;
}
.dl-revenue-wrap {
    position: relative;
    padding: 0.32rem 0.24rem 0.28rem;
    border-radius: 0.32rem;
    border: 0.04rem solid #bfdbfe;
    background: linear-gradient(145deg, #eff6ff 0%, #eef2ff 42%, #fff 100%);
    box-sizing: border-box;
}
.dl-revenue-defs {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}
.dl-revenue-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.16rem;
    text-align: center;
    align-items: stretch;
}
.dl-revenue-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 2.8rem;
    padding: 0.32rem 0.08rem 0.28rem;
    border-radius: 0.27rem;
    border: 1px solid #dbeafe;
    background: #fff;
    box-sizing: border-box;
}
.dl-revenue-icon {
    width: 0.8rem;
    height: 0.8rem;
    margin-bottom: 0.16rem;
    display: block;
}
.dl-revenue-value {
    font-size: 0.4rem;
    font-weight: 900;
    color: var(--dl-primary);
    line-height: 1.15;
}
.dl-revenue-value em {
    font-style: normal;
    font-size: 0.24rem;
    font-weight: 700;
}
.dl-revenue-label {
    font-size: 0.26rem;
    color: #1e293b;
    font-weight: 800;
    margin-top: 0.16rem;
    line-height: 1.3;
}
.dl-revenue-disclaimer {
    margin: 0.28rem 0.12rem 0;
    font-size: 0.24rem;
    font-weight: 300;
    line-height: 1.5;
    color: #94a3b8;
    text-align: center;
}
.dl-cta {
    position: relative;
    overflow: hidden;
    padding: 0.8rem 0.48rem 0.88rem;
    background: linear-gradient(145deg, #0f277a 0%, #1e40af 45%, #2563eb 80%, #38bdf8 100%);
    text-align: center;
    color: #fff;
    border-bottom: none;
}
.dl-cta:before,
.dl-cta:after {
    content: "";
    position: absolute;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    pointer-events: none;
}
.dl-cta:before {
    right: -0.8rem;
    top: -0.8rem;
    background: rgba(34, 211, 238, 0.22);
    filter: blur(0.4rem);
}
.dl-cta:after {
    left: -0.8rem;
    bottom: -0.8rem;
    background: rgba(99, 102, 241, 0.28);
    filter: blur(0.4rem);
}
.dl-cta-title {
    position: relative;
    z-index: 1;
    margin: 0 0 0.12rem;
    font-size: 0.52rem;
    font-weight: 900;
    line-height: 1.3;
}
.dl-cta-sub {
    position: relative;
    z-index: 1;
    margin: 0 0 0.28rem;
    font-size: 0.24rem;
    letter-spacing: 0.12rem;
    color: #67e8f9;
    font-weight: 800;
    opacity: 1;
}
.dl-cta-desc {
    position: relative;
    z-index: 1;
    margin: 0 auto 0.4rem;
    font-size: 0.32rem;
    line-height: 1.6;
    color: #dbeafe;
    max-width: 6.4rem;
    font-weight: 500;
}
.dl-cta-desc em {
    font-style: normal;
    color: #fde047;
    font-weight: 900;
}
.dl-cta-desc strong {
    color: #fde047;
    font-weight: 900;
}
.dl-cta-btn {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 0.24rem 0.64rem;
    border-radius: 999px;
    background: linear-gradient(90deg, #67e8f9 0%, #22d3ee 50%, #7dd3fc 100%);
    color: #0f172a;
    font-size: 0.37rem;
    font-weight: 900;
    text-decoration: none;
    box-shadow: 0 0.12rem 0.32rem rgba(34, 211, 238, 0.35);
}
.dl-footer-note {
    background: #fff;
}
.dl-fixed-bar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 90;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.2rem 0.32rem calc(0.2rem + env(safe-area-inset-bottom, 0px));
    background: rgba(255, 255, 255, 0.96);
    border-top: 1px solid var(--dl-line);
    box-shadow: 0 -0.08rem 0.24rem rgba(15, 23, 42, 0.06);
    transition: transform 0.25s, opacity 0.25s;
}
.dl-fixed-bar.is-hidden {
    transform: translateY(110%);
    opacity: 0;
    pointer-events: none;
}
.dl-fixed-bar__btn {
    width: 100%;
    max-width: 6.9rem;
    height: 1.12rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 0.24rem;
    border-radius: 999px;
    background: var(--dl-submit);
    color: #fff;
    font-size: 0.32rem;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 0.12rem 0.28rem rgba(37, 99, 235, 0.32);
    box-sizing: border-box;
}
.popup-identity {
    position: fixed;
    inset: 0;
    z-index: 99999;
    background: #00000066;
}
.popup-identity .identity {
    height: 9.2rem;
    width: 100vw;
    border-radius: 0.43rem 0.43rem 0 0;
    background: #fff;
    position: fixed;
    bottom: 0;
    box-sizing: border-box;
    padding-bottom: 0.32rem;
}
.popup-identity .identity .ic_close {
    position: absolute;
    width: 0.75rem;
    height: 0.75rem;
    right: 0.21rem;
    top: 0.21rem;
}
.popup-identity .identity .title {
    font-size: 0.45rem;
    padding-top: 0.5rem;
    text-align: center;
    font-weight: 700;
}
.popup-identity .identity .tt {
    font-size: 0.32rem;
    font-weight: 600;
    margin-bottom: 0.2rem;
    color: #000;
}
.popup-identity .identity .item1,
.popup-identity .identity .item2 {
    margin: 0.32rem 0.4rem 0;
}
.popup-identity .identity .item1 .flex,
.popup-identity .identity .item2 .flex {
    display: flex;
    flex-wrap: wrap;
    gap: 0.16rem;
    justify-content: space-between;
}
.popup-identity .identity .item1 .val {
    flex: 1;
    min-width: 2.4rem;
    height: 0.88rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 0.03rem solid #f2f3f7;
    background: #f2f3f7;
    font-size: 0.28rem;
    box-sizing: border-box;
}
.popup-identity .identity .item2 .val {
    flex: 1;
    height: 0.88rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 0.03rem solid #f2f3f7;
    background: #f2f3f7;
    font-size: 0.28rem;
    box-sizing: border-box;
}
.popup-identity .identity .active {
    border-color: #0277ef !important;
    color: #0277ef;
    background: #ebf1fd !important;
}
.popup-identity .identity .btn {
    margin: 0.48rem auto 0;
    width: 4.2rem;
    height: 0.96rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.48rem;
    background: #0277ef;
    color: #fff;
    font-size: 0.32rem;
    font-weight: 600;
}
.popup-city {
    position: fixed;
    inset: 0;
    z-index: 99999;
    background: #00000066;
}
.popup-city .city {
    height: 11.44rem;
    width: 100vw;
    border-radius: 0.43rem 0.43rem 0 0;
    background: #fff;
    position: fixed;
    bottom: 0;
}
.popup-city .city .ic_close {
    position: absolute;
    width: 0.75rem;
    height: 0.75rem;
    right: 0.21rem;
    top: 0.21rem;
}
.popup-city .city .title {
    font-size: 0.45rem;
    padding-top: 0.5rem;
    text-align: center;
    font-weight: 700;
}
.popup-city .city .tabs .tab {
    color: #1e2222;
    text-align: center;
    font-size: 0.36rem;
    font-weight: 500;
    margin-left: 0.32rem;
    margin-right: 0.52rem;
}
.popup-city .city .tabs {
    border-bottom: 0.03rem solid #e7e8ea;
    padding: 0.5rem 0 0;
}
.city-list {
    margin-left: 0.32rem;
    height: 9rem;
    overflow: auto;
}
.city-list li {
    padding: 0.21rem 0;
    font-size: 0.32rem;
}
.tabs .active {
    color: #0277ef !important;
}
.tab .active_block {
    width: 0.53rem;
    height: 0.06rem;
    border-radius: 0.05rem;
    background: #0277ef;
}
.popup-category {
    position: fixed;
    inset: 0;
    z-index: 99999;
    background: #00000066;
}
.popup-category .category {
    height: 11.44rem;
    width: 100vw;
    border-radius: 0.43rem 0.43rem 0 0;
    background: #fff;
    position: fixed;
    bottom: 0;
}
.popup-category .category .ic_close {
    position: absolute;
    width: 0.75rem;
    height: 0.75rem;
    right: 0.21rem;
    top: 0.21rem;
}
.popup-category .category .title {
    font-size: 0.45rem;
    padding-top: 0.5rem;
    text-align: center;
    font-weight: 700;
}
.popup-category .category .list {
    height: 10rem;
    overflow: auto;
    margin-top: 0.32rem;
}
.popup-category .category .list li {
    padding: 0.32rem;
    font-size: 0.32rem;
}
.popup-submit-success {
    position: fixed;
    inset: 0;
    z-index: 100000;
}
.popup-submit-success .submit-success-mask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}
.popup-submit-success .submit-success-box {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 7.47rem;
    padding: 0.64rem 0.53rem 0.53rem;
    border-radius: 0.32rem;
    background: #fff;
    box-sizing: border-box;
    text-align: center;
}
.popup-submit-success .submit-success-icon {
    width: 1.6rem;
    height: 1.6rem;
    display: block;
    margin: 0 auto 0.32rem;
}
.popup-submit-success .submit-success-title {
    color: #1e2222;
    font-size: 0.48rem;
    font-weight: 600;
    margin-bottom: 0.21rem;
}
.popup-submit-success .submit-success-desc,
.popup-submit-success .submit-success-tip {
    color: #4e5969;
    font-size: 0.37rem;
    line-height: 0.53rem;
}
.popup-submit-success .submit-success-tip {
    color: #86909c;
    margin-bottom: 0.24rem;
}
.popup-submit-success .submit-success-actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.2rem;
}
.popup-submit-success .submit-success-back,
.popup-submit-success .submit-success-continue {
    color: #86909c;
    font-size: 0.32rem;
    text-decoration: none;
}
.popup-submit-success .submit-success-continue {
    color: #0277ef;
}
