html {
    font-size: calc(100vw / 752 * 100);
}

body {
    font-size: .16rem;
}

html,
body,
#app {
    width: 100%;
    height: 100%;
}

:root {
    --price-color: #949494;
}

* {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.back-img {
    background-image: url(../img/7.jpg);
    background-size: 100% 3.27rem;
    background-repeat: no-repeat;
}

.nav-bar {
    height: .45rem;
    margin-top: .4rem;
    position: relative;
}

.nav-bar>.iconFont {
    font-size: .45rem;
    margin-left: .3rem;
    margin-right: .3rem;
    color: white;
}

.love-txt {
    font-size: .28rem;
    color: white;
    width: fit-content;
    margin-left: 3.2rem;
    margin-top: .5rem;
}

.qy {
    font-size: .28rem;
    color: #7d7d7d;
    margin-left: .31rem;
    margin-top: 2rem;
}

.seal {
    border: .01rem solid #d5d5d5;
    margin-top: 1.45rem;
    margin-right: .74rem;
}

.selection {
    margin-top: .37rem;
}

.selection>label>span {
    font-size: .3rem;
    color: #999999;
}

.selection>label>input:checked+span {
    border-bottom: .01rem solid black;
    color: #000000;
    padding-bottom: .31rem;
}

.head-portrait {
    margin-top: .64rem;
    position: relative;
}

.head-portrait>img {
    width: .71rem;
    height: .71rem;
    margin-left: .35rem;
}

.head-name {
    font-size: .3rem;
    color: #999999;
    margin-left: .13rem;
}

.attention {
    width: 1.39rem;
    height: .62rem;
    border-radius: .1rem;
    border: solid #111111;
    position: absolute;
    right: .34rem;
    bottom: 0;
}

.attention-txt {
    font-size: .31rem;
    color: #111111;
}

.ly {
    font-size: .29rem;
    color: #777777;
    margin-top: .28rem;
    margin-left: .35rem;
    margin-bottom: .47rem;
}

.img-box {
    padding-left: .35rem;
    padding-right: .35rem;
    margin-top: .1rem;
    gap: .1rem;
}

.img-box>img {
    width: 32%;
}
.content-box::-webkit-scrollbar {
    display: none;
}