body {
    font-family: PingFangSC-Regular,"Microsoft YaHei","Chinese Quote",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans GB","Helvetica Neue",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.left {
    float: left
}

.right {
    float: right
}

li {
    list-style-type: none
}

button,input {
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    box-shadow: none
}

a,button,div,img,li,span,textarea,ul {
    -webkit-tap-highlight-color: transparent
}

img {
    user-select: none
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline
}

a {
    text-decoration: none
}

div {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none
}

span {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none
}

input,textarea {
    -webkit-appearance: none
}