.p80eStep {
    background-image: url(/wp-content/uploads/2026/01/p80e_13.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    box-sizing: border-box;
    padding: 5vw 0;
    position: relative;
}

.p80eText {
    text-align: center;
    font-family: 'Poppins-regular', sans-serif;
    font-size: 1.04vw;
    line-height: 1.45vw;
    color: #e3e3e3;
    width: 80%;
    margin: 0 auto 3vw auto;
}

.p80eCon {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 2vw;
    padding: 0 5vw;
}

/* 通用图片容器样式 */
.p80eStepImg {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 18%;
    position: relative;
}

.p80eStepImg img {
    width: 100%;
    height: auto;
    display: block;
}

/* 图片上文本的通用样式 (02, 03, 04, 05) */
.p80eStepImg p, .p80eInnerItem p {
    position: absolute;
    top: 1.56vw;
    width: 100%;
    font-family: 'Poppins-Bold', sans-serif;
    font-size: 1.39vw;
    line-height: 1.49vw;
    color: #000;
    margin: 0;
    padding: 0;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    white-space: nowrap;
}

/* --- 特殊位置调整 --- */

.p80eItem2 p {
    left: 2.47vw;
    transform: none;
    width: auto;
}

.mediaBlo {
    display: block;
}
.p80eStepInner {
    display: flex;
    flex-direction: column;
    gap: 0.6vw;
    width: 18%;
}

.p80eInnerItem {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.p80eInnerItem img {
    width: 100%;
    height: auto;
    display: block;
}

.p80e14Block {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.p80e14Img {
    width: 100%;
    display: block;
    height: auto;
}

.p80eProCon {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    text-align: center;
    width: 90%;
}

.p80eSmoCon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    left: 7.94vw;
    width: 44%;
}

.p80eProTit {
    font-family: 'Poppins-Bold', sans-serif;
    font-size: 2.8vw;
    line-height: 2.8vw;
}

.p80eSubTit {
    font-family: 'Poppins-regular', sans-serif;
    font-size: 1.25vw;
    line-height: 1.45vw;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.p80eColBla {
    color: #000;
}
.p80eColWhi {
    color: #fff;
}
.p80eTop1 {
    top: 6.5vw;
    white-space: nowrap;
}
.p80eTop2 {
    top: 4.1vw;
    white-space: nowrap;
}
.p80eTop3 {
    top: 4.1vw;
    white-space: nowrap;
}
.p80eTop4 {
    top: 4.03vw;
    white-space: nowrap;
}
.p80eMarTop1 {
    margin-top: 0.65vw;
}
.p80eMarTop2 {
    margin-top: 0.91vw;
}
.p80eMarTop3 {
    margin-top: 0.78vw;
}
.p80eMarTop4 {
    margin-top: 1.56vw;
}

.p80eAva {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 1.2vw;
    padding: 2.6vw 3.2vw;
    box-sizing: border-box;
}

.p80eAviTit {
    font-family: 'Poppins-Bold', sans-serif;
    font-size: 2.8vw;
    line-height: 2.8vw;
    margin: 7.81vw 0 3.38vw 0;
    color: #000;
    text-align: center;
}

.p80eAvaItem {
    width: 10%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.p80eAvaTopImg {
    width: 4.4vw;
}
.p80eAvaBottomImg {
    width: 0.67vw;
}

.p80eAvaTxt {
    margin: 0.8vw 0;
    text-align: center;
    font-family: 'Poppins-regular', sans-serif;
    font-size: 1.04vw;
    line-height: 1.2vw;
    color: #000;
    white-space: nowrap;
}

.p80eAvaiFlex {
    width: 100%;
    overflow: hidden;
}

.p80eAvaiTrack {
    display: flex;
    width: max-content;
    animation: p80eAvaiMarquee 26s linear infinite;
    will-change: transform;
}

.p80eAvaiGroup {
    display: flex;
    align-items: center;
    gap: clamp(10px, 1.2vw, 24px);
    margin-right: clamp(10px, 1.2vw, 24px);
    flex-shrink: 0;
}

.p80eAvaiGroup img {
    display: block;
    flex-shrink: 0;
    width: 20vw;
    height: auto;
}

@keyframes p80eAvaiMarquee {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

.p80Spec {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15vw;
    width: 100%;
    padding: 5vw 6vw;
    box-sizing: border-box;
}

.p80SpecText {
    width: 39%;
    color: #000;
    font-family: 'Poppins-regular', sans-serif;
}

.p80SpecTitle {
    font-family: 'Poppins-Bold', sans-serif;
    font-size: 2.2vw;
    line-height: 2.4vw;
    margin-bottom: 1.5vw;
}

.p80SpecRow {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 1vw;
    font-family: 'Poppins-SemiBold', sans-serif;
    font-size: 1.2vw;
    line-height: 2.5vw;
}

.p80SpecReg {
    font-family: 'Poppins-regular', sans-serif !important;
}

.p80SpecSep {
    border-bottom: 1px dotted #000;
    margin: 0.45vw 0;
}

.p80SpecCap {
    margin-top: 1vw;
    font-size: 1.04vw;
    line-height: 1.5vw;
    font-family: 'Poppins-SemiBold', sans-serif;
}

.p80SpecSub {
    text-align: right;
    font-size: 1.04vw;
    line-height: 1.5vw;
}

.p80SpecImg {
    width: 18.05vw;
    height: auto;
    display: block;
}

@media (max-width: 768px) {
    .p80eText {
        font-size: 3.5vw;
        line-height: 4.5vw;
        width: 90%;
        text-align: justify;
    }
    .pc-br {
        display: none;
    }
    .p80eCon {
        flex-wrap: wrap;
    }
    .p80eStepImg {
        width: 45%;
        margin-bottom: 3vw;
    }
    .p80eStepImg p, .p80eInnerItem p {
        font-size: 4vw;
        line-height: 4.5vw;
        text-align: center;
        margin-top: 1vw;
    }
    .p80eStepInner {
        width: 45%;
        gap: 1.5vw;
    }
    .p80eProCon {
        width: 92%;
    }
    .p80eSmoCon {
        left: 6vw;
        width: 45%;
    }
    .p80eTop1, .p80eTop2, .p80eTop3, .p80eTop4 {
        white-space: normal;
    }
    .p80eTop1 { top: 3.2vw; }
    .p80eTop2 { top: 3vw; }
    .p80eTop3 { top: 2vw; }
    .p80eTop4 { top: 2.5vw; }
    .p80eProTit {
        font-size: 4.8vw;
        line-height: 5vw;
    }
    .p80eSubTit {
        font-size: 2.8vw;
        line-height: 3.5vw;
    }
    .p80eMarTop1 { margin-top: 1.2vw; }
    .p80eMarTop2 { margin-top: 1.6vw; }
    .p80eMarTop3 { margin-top: 1.6vw; }
    .p80eMarTop4 { margin-top: 1.9vw; }
    .p80eAviTit {
        font-size: 7vw;
        line-height: 7.4vw;
        margin: 10vw 0 5vw;
    }
    .p80eAva {
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 4vw 0;
        padding: 4vw 5vw 6vw;
    }
    .p80eAvaItem {
        width: 48%;
    }
    .p80eAvaItem:last-child {
        width: 100%;
    }
    .p80eAvaTopImg {
        width: 24vw;
        max-width: 34vw;
    }
    .p80eAvaBottomImg {
        width: 3.6vw;
        min-width: 8px;
    }
    .p80eAvaTxt {
        margin: 2vw 0;
        font-size: 3.6vw;
        line-height: 4.2vw;
        white-space: normal;
    }
    .p80eAvaiTrack {
        animation-duration: 20s;
    }
    .p80eAvaiGroup {
        gap: 3.2vw;
        margin-right: 3.2vw;
    }
    .p80eAvaiGroup img {
        width: 64vw;
    }
    .p80Spec {
        flex-direction: column;
        gap: 5vw;
        padding: 8vw 5vw;
    }
    .p80SpecText,
    .p80SpecImg {
        width: 100%;
    }
    .p80SpecTitle {
        font-size: 6.2vw;
        line-height: 6.6vw;
        margin-bottom: 4vw;
    }
    .p80SpecRow,
    .p80SpecCap,
    .p80SpecSub {
        font-size: 3.1vw;
        line-height: 4.4vw;
    }
    .p80SpecSub {
        text-align: left;
    }
    .p80SpecSep {
        margin: 1vw 0;
    }
}


/* 平板端适配 (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    .p80eStep {
        padding: 4vw 0;
    }
    .p80eText {
        font-size: 1.3vw;
        line-height: 2vw;
        width: 85%;
        margin-bottom: 4vw;
    }
    .p80eCon {
        gap: 1.5vw;
        padding: 0 3vw;
    }
    .p80eStepImg p, .p80eInnerItem p {
        font-size: 1.6vw;
        line-height: 1.8vw;
        top: 1.2vw;
    }
    .p80eItem2 p {
        left: 1.5vw;
    }
    .p80eProCon {
        width: 90%;
    }
    .p80eSmoCon {
        left: 6.5vw;
        width: 55%;
    }
    .p80eTop1, .p80eTop2, .p80eTop3, .p80eTop4 {
        white-space: normal;
    }
    .p80eTop1 { top: 7vw; }
    .p80eTop2 { top: 5.4vw; }
    .p80eTop3 { top: 5.4vw; }
    .p80eTop4 { top: 5.3vw; }
    .p80eProTit {
        font-size: 3.4vw;
        line-height: 3.6vw;
    }
    .p80eSubTit {
        font-size: 1.6vw;
        line-height: 2.4vw;
    }
    .p80eMarTop1 { margin-top: 1vw; }
    .p80eMarTop2 { margin-top: 1.2vw; }
    .p80eMarTop3 { margin-top: 1.2vw; }
    .p80eMarTop4 { margin-top: 1.4vw; }
    .p80eAviTit {
        font-size: 4.2vw;
        line-height: 4.4vw;
        margin: 8vw 0 4vw;
    }
    .p80eAva {
        flex-wrap: wrap;
        justify-content: center;
        gap: 2.2vw;
        padding: 3.5vw 3vw 4vw;
    }
    .p80eAvaItem {
        width: 31%;
    }
    .p80eAvaItem:nth-child(n+4) {
        width: 46%;
    }
    .p80eAvaTopImg {
        width: 10vw;
    }
    .p80eAvaBottomImg {
        width: 1.6vw;
    }
    .p80eAvaTxt {
        margin: 1.5vw 0;
        font-size: 2.1vw;
        line-height: 2.6vw;
        white-space: normal;
    }
    .p80eAvaiTrack {
        animation-duration: 23s;
    }
    .p80eAvaiGroup {
        gap: 2vw;
        margin-right: 2vw;
    }
    .p80eAvaiGroup img {
        width: 40vw;
    }
    .p80Spec {
        gap: 2.4vw;
        padding: 5vw 4vw;
    }
    .p80SpecText {
        width: 60%;
    }
    .p80SpecImg {
        width: 37%;
    }
    .p80SpecTitle {
        font-size: 3vw;
        line-height: 3.2vw;
    }
    .p80SpecRow,
    .p80SpecCap,
    .p80SpecSub {
        font-size: 1.45vw;
        line-height: 2.1vw;
    }
    .p80SpecSep {
        margin: 0.6vw 0;
    }
}
