/*随窗体大小改变字体大小*/
body,div,dl,dt,dd,ul,ol,li,h1, h2, h3, h4, h5, h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin: 0;
    padding: 0;
}
body, button, input, select, textarea {
    font-family: "微软雅黑";
}
body {
    width: 100%;
    max-width:60em;
    font-size: 100%;
    height: 100%;
    margin: auto;
    min-width: 320px;
    font-size: 100%;
}
table{
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset,img{
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var{
    font-style: normal;
    font-weight: normal;
}
ol,ul{
    list-style: none;
}
a{
    text-decoration: none;
    color: #000
}
caption,th{
    text-align: left;
}
h1, h2, h3, h4, h5, h6{
    font-size: 100%;
    font-weight: normal;
}
q:before,q:after{
    content: '';
}
abbr,acronym{
    border: 0;
}
.bg{
    background: #ffffff;
}
.cl{
    color: #c40303;
}
/*文字排版*/
.fontClear{
    text-indent:-9999em;
}
.fn{
    font-weight: normal;
}
.fb{
    font-weight: bold;
}
.on_unl{
    text-decoration: none;
}
.of{
    overflow: hidden;
}
.white{
    color: #ffffff;
}
.ls{
    letter-spacing: 1px;
}
/*定位*/
.tl{
    text-align: left;
}
.tc{
    text-align: center;
}
.tr{
    text-align: right;
}
.bc{
    margin-left: auto;
    margin-right: auto;
}
.fl{
    float: left;
    display: inline;
}
.fr{
    float: right;
    display: inline;
}
.none{
    display: none;
}
.w{
    width: 100%;
}
.clear{
    clear: both;
}
/**a hand**/
.hand {
    cursor:pointer;
}
.lifloat li{
    float: left;
}
.clearfix:after {
    clear: both;
    content: "​";
    display: block;
    height: 0;
    visibility: hidden;
}
@media screen and (max-width: 1000px) {body,html{ font-size:110%;}}
@media screen and (max-width: 720px) {body,html{ font-size:100%;}}
@media screen and (max-width: 480px) {body,html{ font-size:95%;}}
@media screen and (max-width: 360px) {body,html{ font-size:90%;}}
@media screen and (max-width: 320px) {body,html{ font-size:85%;}}