html {
    font-size: 625%
}

body {
    font: 22px/1.5 "Microsoft YaHei", sans-serif;
    color: #000;
    display: flex;
    flex-direction: column;
    align-items: center
}

a {
    color: #000
}

.banner,
.lmInfo .review,
.lmInfo .hot {
    min-width: calc(var(--width)*.75);
    max-width: calc(var(--width)*1.33)
}

.banner {
    --width: 1920px;
    width: 100%;
    height: 450px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: auto 100%;
    display: flex;
    flex-direction: column
}

.top {
    width: 100%;
    height: 120px;
    border-bottom: 2px solid #fff;
    box-sizing: border-box;
    padding: 0 120px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.top .menu {
    color: #fff
}

.top .menu a {
    color: #fff
}

.lmInfo {
    height: 100%;
    box-sizing: border-box;
    padding: 0 120px 0 120px
}

.lmInfo .item {
    display: none;
    height: 100%;
    justify-content: space-between;
    align-items: center
}

.lmInfo .item:nth-child(1) {
    display: flex
}

.lmInfo dt {
    font-size: 3.6vw;
    color: #fff;
    white-space: nowrap
}

.lmInfo dd {
    font-size: 1.8vw;
    color: #fff;
    white-space: nowrap
}

.lmInfo .review {
    --width: 970px;
    width: 50vw
}

.lmInfo .hot {
    --width: 625px;
    width: 32vw
}

.choose {
    width: 1200px;
    margin: 40px 0;
    font-size: 20px;
    color: #868686;
    /* display: flex; */
    display: none;
    justify-content: flex-start;
    gap: 20px
}

.choose p {
    padding: 0 30px;
    border-radius: 5px;
    border: 1px solid #868686;
    text-align: center;
    cursor: pointer
}

.choose p.active {
    border: 1px solid #0d6dfc;
    color: #0d6dfc
}

.list {
    width: 1200px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.list .item {
    width: 100%;
    border-top: 1px solid #d8d8d8;
    padding: 20px 0
}

.list .item:first-child {
    border-top: none
}

.list .item a {
    display: flex;
    gap: 20px
}

.list .pic {
    flex-shrink: 0;
    display: none
}

.list .pic img {
    width: 250px;
    border-radius: 20px;
    display: none
}

.list .txt {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.list h2 {
    font-size: 22px;
    font-weight: normal
}

.list .info {
    font-size: 14px;
    color: #999
}

.list .info span {
    display: none;
    padding-bottom: 10px
}

.m_banner,
.m_choose {
    display: none
}

@media screen and (max-width: 1680px) {
    .lmInfo dt {
        font-size: 52px
    }

    .lmInfo dd {
        font-size: 20px
    }
}

@media screen and (min-width: 2320px) {
    .banner {
        background-size: cover
    }

    .lmInfo dt {
        font-size: 92px
    }

    .lmInfo dd {
        font-size: 36px
    }
}

@media screen and (max-width: 1280px) {
    html {
        font-size: 312.5%
    }

    body {
        font: .3rem/1.8 "Microsoft YaHei", sans-serif
    }

    .banner,
    .choose {
        display: none
    }

    .m_banner {
        display: block;
        position: relative
    }

    .m_banner img {
        width: 100%
    }

    .m_banner .info {
        position: absolute;
        left: .6rem;
        right: 0;
        bottom: .6rem;
        color: #fff
    }

    .m_banner .info .item {
        display: none
    }

    .m_banner .info .item:nth-child(1) {
        display: block
    }

    .m_banner .info h3 {
        font-size: .8rem;
        position: relative;
        z-index: 3
    }

    .m_banner .info p {
        font-size: .4rem;
        position: relative;
        z-index: 3
    }

    .m_banner .info .bg {
        width: auto;
        height: .6rem;
        position: absolute;
        left: 0;
        top: -0.1rem
    }

    .m_choose {
        /* display: block; */
        width: 100%;
        height: 1.2rem;
        overflow: hidden;
        position: relative;
        box-sizing: border-box;
        padding: 0 .6rem;
        border-bottom: 1px solid #d8d8d8;
        margin-bottom: .3rem
    }

    .m_choose .roll {
        width: 100%;
        height: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        box-sizing: border-box;
        padding: 0 0 1.5rem;
        scroll-behavior: smooth
    }

    .m_choose .roll ul {
        gap: .2rem;
        display: flex
    }

    .m_choose .roll li {
        width: auto;
        font-size: .4rem;
        color: #666;
        position: relative;
        display: inline-block;
        white-space: nowrap;
        padding: .25rem 0
    }

    .m_choose .roll li.cur {
        color: #0676ff
    }

    .m_choose .roll li.cur::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 1.13rem;
        height: 3px;
        background: #0676ff
    }

    .list {
        width: 100%;
        box-sizing: border-box;
        padding: 0 .3rem;
        display: block;
        min-width: auto;
        max-width: none
    }

    .list .item {
        padding: .3rem 0
    }

    .list .item a {
        display: flex;
        justify-content: space-between;
        gap: .3rem
    }

    .list .pic {
        width: 2rem;
        height: auto;
        flex-shrink: 0;
        display: block
    }

    .list .pic img {
        width: 100%;
        border-radius: .2rem
    }

    .list .txt {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: .2rem
    }

    .list h2 {
        font-size: .34rem;
        color: #333
    }

    .list .info {
        font-size: .24rem
    }

    .list .info span {
        display: block;
        font-size: .26rem
    }
}

/*# sourceMappingURL=review.min.css.map */