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;
}

.nav-bar {
    height: .45rem;
    font-size: .35rem;
    position: relative;
}

.left-box {
    position: absolute;
    left: .38rem;
}

.left-box>.iconFont {
    font-size: .32rem;
}
.line-box{
    margin-top: .26rem;
    gap: .12rem;
}
.line-box>li>img {
    height: 4.4rem;
    width: 3.7rem;
}
.yi-name{
    font-size: .32rem;
    margin-top: .28rem;
    margin-left: .28rem;
}
.yi-writer{
    font-size: .28rem;
    margin-left: .31rem;
    margin-top: .31rem;
    color: var(--price-color);
}
.yi-price{
    font-size: .25rem;
    margin-left: .35rem;
    margin-top: .32rem;
    color: var(--price-color);
}
.content-box::-webkit-scrollbar {
    display: none;
}