@charset "utf-8";

/* Style Reset */
* {
    margin: 0;
    padding: 0
}

ul,
ol,
li,
dl,
dt,
dd {
    list-style: none;
}

a {
    text-decoration: none;
    outline: 0px;
    color: #333;
}

img {
    border: 0;
    max-width: 100%;
}

html,
body {
    /* min-width: 320px;
    max-width: 700px; */
    border-left: 1px solid #f7f8fa;
    border-right: 1px solid #f7f8fa;
    height: 100%;
    margin: 0 auto;
    overflow-x: hidden;
    background: #fff;
}

#app {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}

:root:root {
    @media (max-width:368px) {
        --van-grid-item-text-font-size: 9px;
    }

    @media (min-width:500px) {
        --van-grid-item-icon-size: 38px;
        --van-grid-item-text-font-size: 18px;
    }

    @media (min-width:600px) {
        --van-grid-item-icon-size: 48px;
        --van-grid-item-text-font-size: 18px;
    }
    --van-grid-item-content-background: none;

    --van-back-top-background: #ffffff80;
    --van-back-top-size: 60px;
    --van-back-top-text-color: #000;
    --van-back-top-icon-size: 30px;
}