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

body {
    font-size: .16rem;
}

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

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

.nav-bar {
    height: .45rem;
    width: 100%;
    margin-bottom: .33rem;
    position: relative;
}

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

.type-ck {
    font-size: .37rem;

}

.type-ck>label {
    margin-left: 1.08rem;
}

.type-ck>label>input {
    display: none;
}

.type-ck>label>input:checked+span {
    padding-bottom: .1rem;
    border-bottom:.02rem solid black ;
}
.line-box {
    height: 2.38rem;
    margin-top: .05rem;
}

.line-box>img {
    height: 100%;
    width: 3.74rem;
}

.line-box-txt {
    width: fit-content;
    font-size: .29rem;
    width: 50%;
    margin-left: .3rem;
    margin-right: .57rem;
    margin-top: .32rem;
}

.glance-over {
    font-size: .25rem;
    color: #919191;
}

.glance-count {
    margin-left: .09rem;
    margin-top: .7rem;
}
.glance-count>.iconFont{
    font-size: .32rem;
    margin-right: .05rem;
}
.glance-pl {
    margin-left: .56rem;
    margin-top: .7rem;
}
.glance-pl>.iconFont{
    font-size: .32rem;
    margin-right: .05rem;
}
.content-box::-webkit-scrollbar {
    display: none;
}