header {
    background-color: #FFFFFF;
}
body {
    font-size: 1.6rem;
    display: flex;
    flex-flow: column;
    min-height: 100vh;
}
main {
    flex: 1;
}
footer {
    background-color: #FFFFFF;
}

h1 {
    font-size: 2.4rem !important;
}
h2 {
    font-size: 1.8rem !important;
}
h3 {
    font-size: 1.6rem !important;
}
h4 {
    font-size: 1.4rem !important;
}
p {
    font-size: 1.2rem !important;
}

.title {
    font-size: 3.4rem !important;
}

.sub-title {
    font-size: 2.5rem !important;
}

.header-logo {
    width: 40%;
}

.base-bg {
    background-color: #F6F0E1 !important;
}

.btn-shadow {
    box-shadow: 0px 0px 5px black;
}

.btn-label {
    font-size: 1rem !important;
}

.fish-icon {
    width: 4rem;
}

.search-icon {
    width: 1.6rem;
}

.recommend-icon {
    width: 2.8rem;
    height: 2.8rem;
    margin-right: 1.2rem;
}

.point-icon {
    width: 4rem;
}

.left-check-icon {
    width: 1rem;
}

.right-check-icon {
    width: 1rem;
    transform: scale(-1, 1);
}

.goods-count-title {
    font-size: 1.8rem !important;
}

.bulb-icon {
    width: 6rem;
}

.recommend-text {
    font-size: 1.8rem !important;
}

@media only screen and (max-width:992px) {
    html {
        font-size: 14px !important;
    }
}

@media only screen and (max-width:768px) {
    html {
        font-size: 12px !important;
    }
}

@media only screen and (max-width:575px) {
    html {
        font-size: 10px !important;
    }
}