@charset "utf-8";
body, h1, h2, h3, h4, h5, h6,div, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img {margin:0;padding:0;-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; /* For some Androids */}
@media only screen and (max-width: 320px){html{font-size: 12px;} }
@media only screen and (min-width: 321px) and (max-width: 352px){html{font-size: 13px;} }
@media only screen and (min-width: 353px) and (max-width: 384px) {html{font-size: 14px;} }
@media only screen and (min-width: 385px) and (max-width: 448px) {html{font-size: 15px;} }
@media only screen and (min-width: 449px) and (max-width: 544px){html{font-size: 16px;} }
@media only screen and (min-width: 545px) and (max-width: 640px){html{font-size: 17px;} }
@media only screen and (min-width: 641px){html{font-size: 18px;} }
body { font-family: PingFangSC-Medium, sans-serif;line-height: 1.5rem;}
ol,li{ list-style:none;}
a{text-decoration:none;}
input,label,img,th{vertical-align:middle;}
table {border-collapse:collapse;border-spacing:0; }
::-webkit-input-placeholder{ /* WebKit browsers */
    color: #999999;
}
input,select,textarea{
    -webkit-appearance:none;
    appearance:none;
    outline:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    background: transparent;
    border: none;
}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}
.lock_position { height: 100%; overflow: hidden; width: 100%; position: fixed; }
.disabled{
    pointer-events:none;
}
img {
    max-width:100%;
    vertical-align:middle;
    border:0;
    -ms-interpolation-mode:bicubic;
    -webkit-touch-callout:none
}