.section-hero .row {
    height: calc(86vh - var(--r-globalnav-height));
    min-height: 1010px;
    max-height: 1100px
}

@media only screen and (max-width: 734px) {
    .section-hero .row {
        height:640px;
        min-height: unset
    }
}

@media only screen and (device-width: 1440px)and (device-height:900px)and (min-width:1069px) {
    .section-hero .row {
        height:980px;
        min-height: 980px
    }
}

@media only screen and (device-width: 1512px)and (device-height:982px)and (min-width:1069px) {
    .section-hero .row {
        height:980px;
        min-height: 980px
    }
}

@media only screen and (device-width: 428px)and (device-height:926px) {
    .section-hero .row {
        height:700px
    }
}

@media only screen and (max-width: 414px)and (min-width:376px)and (max-device-height:736px) {
    .section-hero .row {
        height:680px
    }
}

@media only screen and (max-width: 375px)and (min-device-height:668px) {
    .section-hero .row {
        height:680px
    }
}

@media only screen and (min-width: 735px)and (device-width:820px)and (device-height:1180px)and (orientation:portrait) {
    .section-hero .row {
        min-height:1060px
    }
}

@media only screen and (min-width: 735px)and (device-width:834px)and (device-height:1194px)and (orientation:portrait) {
    .section-hero .row {
        min-height:1100px
    }
}

@media only screen and (min-width: 735px)and (device-width:1024px)and (device-height:1366px)and (orientation:portrait) {
    .section-hero .row {
        height:calc(98vh - var(--r-globalnav-height))
    }
}

html.text-zoom .section-hero .row {
    min-height: unset;
    max-height: unset;
    height: unset
}

.section-hero .image-wrapper {
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 1068px) {
    .section-hero .image-wrapper {
        order:2;
        display: flex;
        justify-content: center
    }
}

.section-hero .image-hero {
    width: 580px;
    height: 970px;
    background-size: 580px 970px;
    background-repeat: no-repeat;
    background-image: url(https://dd-static.jd.com/ddimg/jfs/t1/70236/34/22039/55103/631b4bf1Eb423307b/603eb069c3931083.png)
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution:144dpi),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx) {
    .section-hero .image-hero {
        background-image:url(https://dd-static.jd.com/ddimg/jfs/t1/70236/34/22039/55103/631b4bf1Eb423307b/603eb069c3931083.png)
    }
}

@media only screen and (max-width: 1068px) {
    .section-hero .image-hero {
        width:550px;
        height: 816px;
        background-size: 550px 816px;
        background-repeat: no-repeat;
        background-image: url(https://dd-static.jd.com/ddimg/jfs/t1/70236/34/22039/55103/631b4bf1Eb423307b/603eb069c3931083.png)
    }
}

@media only screen and (max-width: 1068px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1068px)and (min-resolution:1.5dppx),only screen and (max-width:1068px)and (min-resolution:144dpi) {
    .section-hero .image-hero {
        background-image:url(https://dd-static.jd.com/ddimg/jfs/t1/70236/34/22039/55103/631b4bf1Eb423307b/603eb069c3931083.png)
    }
}

@media only screen and (max-width: 734px) {
    .section-hero .image-hero {
        width:308px;
        height: 461px;
        background-size: 308px 461px;
        background-repeat: no-repeat;
        background-image: url(https://dd-static.jd.com/ddimg/jfs/t1/70236/34/22039/55103/631b4bf1Eb423307b/603eb069c3931083.png)
    }
}

@media only screen and (max-width: 734px)and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:734px)and (min-resolution:1.5dppx),only screen and (max-width:734px)and (min-resolution:144dpi) {
    .section-hero .image-hero {
        background-image:url(https://dd-static.jd.com/ddimg/jfs/t1/70236/34/22039/55103/631b4bf1Eb423307b/603eb069c3931083.png)
    }
}

@media only screen and (max-width: 1068px) {
    .section-hero .image-hero {
        margin-left:auto;
        margin-right: auto
    }
}

@media only screen and (max-width: 734px) {
    .section-hero .image-hero {
        left:auto
    }
}

.section-hero .copy-wrapper {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

html.no-js .section-hero .copy-wrapper,html.prefers-reduced-motion .section-hero .copy-wrapper {
    z-index: 1
}

@media only screen and (max-width: 1068px) {
    .section-hero .copy-wrapper {
        margin-top:10px;
        order: 1;
        padding-left: 0;
        margin-bottom: 15px
    }
}

@media only screen and (device-width: 1440px)and (device-height:900px)and (min-width:1069px) {
    .section-hero .copy-wrapper {
        margin-top:-250px
    }
}

@media only screen and (device-width: 1512px)and (device-height:982px)and (min-width:1069px) {
    .section-hero .copy-wrapper {
        margin-top:-200px
    }
}

@media only screen and (device-width: 428px)and (device-height:926px) {
    .section-hero .copy-wrapper {
        margin-top:30px;
        margin-bottom: 55px
    }
}

@media only screen and (max-width: 414px)and (min-width:376px)and (max-device-height:736px) {
    .section-hero .copy-wrapper {
        margin-top:30px;
        margin-bottom: 55px
    }
}

@media only screen and (max-width: 375px)and (min-device-height:668px) {
    .section-hero .copy-wrapper {
        margin-top:30px;
        margin-bottom: 55px
    }
}

@media only screen and (min-width: 735px)and (device-width:1024px)and (device-height:1366px)and (orientation:portrait) {
    .section-hero .copy-wrapper {
        margin-top:150px
    }
}

.section-hero .title {
    margin: 0
}

@media only screen and (max-width: 1068px) {
    .section-hero .title {
        margin-top:22px
    }
}

@media only screen and (max-width: 734px) {
    .section-hero .title {
        margin-top:11px
    }
}

.section-hero .eyebrow {
    margin-top: 30px
}

@media only screen and (max-width: 1068px) {
    .section-hero .eyebrow {
        margin-top:18px
    }
}

.section-hero .headline {
    margin-top: 4px
}

@media only screen and (max-width: 1068px) {
    .section-hero .headline {
        margin-top:-3px
    }
}

@media only screen and (max-width: 734px) {
    .section-hero .headline {
        margin-top:4px
    }
}

.section-hero .date {
    margin-top: 30px
}

@media only screen and (max-width: 1068px) {
    .section-hero .date {
        margin-top:18px
    }
}

@media only screen and (max-width: 734px) {
    .section-hero .date {
        margin-top:17px
    }
}

html.js.no-prefers-reduced-motion .section-hero .image-wrapper {
    filter: blur(var(--filterBlur))
}