html,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,input,span,button,textarea{
    margin:0;padding:0;border:0;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","寰蒋闆呴粦",Arial,sans-serif;
    font-size: .5rem;
    color:#000;
    line-height: 1.5;
}
ul,ol{list-style-type:none;}
select,input,img{vertical-align:middle;}
a{text-decoration:none;color: #333;}
button,input[type="button"]{border: none;background-color: #bebdc8;color: #333;outline: none;}
input[type="submit"], input[type="reset"], input[type="button"], button {-webkit-appearance: none; }
input{outline:none;}
input[type='file']{display:none;}
html,body{
    background:#fff;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    /* max-width: 720px; */
    margin: 0 auto;
}
/* 响应式 rem 基准值：根据屏幕宽度动态设置，默认以 375px 屏幕为基准 */
/* 375px 屏幕：1rem = 37.5px，这样 0.3rem = 11.25px */
html {
    font-size: 37.5px; /* 默认值，会被 JavaScript 动态覆盖 */
}
/* 使用 clamp() 作为后备方案，确保字体大小在合理范围内 */
@media screen and (max-width: 320px) {
    html {
        font-size: 32px; /* 小屏设备 */
    }
}
@media screen and (min-width: 414px) {
    html {
        font-size: 41.4px; /* 大屏设备 */
    }
}
@media screen and (min-width: 768px) {
    html {
        font-size: 50px; /* 平板设备 */
    }
}