:root {
    --container-width: 1200px;
    --bg-color: #f7f7f7;
    --color-primary: #FF7B48;
}

@font-face {
    font-family: asdolFont;
    src: url('/font/SourceHanSansCN-Medium-fix.woff') format('woff');
    font-weight: 500;
}

@font-face {
    font-family: asdolFont;
    src: url("/font/SourceHanSansCN-Normal-fix.woff") format("woff");
    font-weight: normal;
}

@font-face {
    font-family: asdolFont;
    src: url('/font/SourceHanSansCN-Bold-fix.woff') format('woff');
    font-weight: bold;
}

html, body {
    background-color: var(--bg-color);
    /*font-family: asdolFont, "system-ui", sans-serif !important;*/
    /*font-size: 16px !important;*/
    font: 16px asdolFont, "system-ui", sans-serif !important;
    color: #333;
    -webkit-font-smoothing: antialiased;
}

em, i, u {
    font-style: normal;
}

input, select, textarea {
    outline: none !important;
}

select {
    appearance: none !important;
}

input::-webkit-input-placeholder {
    line-height: normal;
}

/* Firefox 19-50 */
input::-moz-placeholder {
    line-height: normal;
}

input:-ms-input-placeholder {
    line-height: normal;
}

input::-ms-input-placeholder {
    line-height: normal;
}

/* CSS Working Draft */
input::placeholder {
    line-height: normal;
}

textarea::placeholder {
    line-height: 1.4;
}

textarea {
    resize: none;
}

input {
    padding-top: 1px;
}


#app_download:hover #app_qrcode {
    display: flex;
}

#shop_header_category_tabbar:hover #shop_header_category {
    display: flex;
}

#shop_header_category:hover {
    display: flex;
}