body {
    font-family: "Microsoft Yahei",Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 1.714285714285714;
    color: #666
}
@media only screen and (min-width: 321px) and (max-width: 352px) {
    body {
        font-size:12.5px
    }
}

@media only screen and (min-width: 353px) and (max-width: 384px) {
    body {
        font-size:13px
    }
}

@media only screen and (min-width: 386px) and (max-width: 416px) {
    body {
        font-size:13.5px
    }
}

@media only screen and (min-width: 417px) and (max-width: 448px) {
    body {
        font-size:14px
    }
}

@media only screen and (min-width: 449px) and (max-width: 480px) {
    body {
        font-size:14.5px
    }
}

@media only screen and (min-width: 481px) and (max-width: 512px) {
    body {
        font-size:15px
    }
}

@media only screen and (min-width: 513px) and (max-width: 544px) {
    body {
        font-size:15.5px
    }
}

@media only screen and (min-width: 545px) and (max-width: 576px) {
    body {
        font-size:16px
    }
}

@media only screen and (min-width: 577px) and (max-width: 608px) {
    body {
        font-size:16.5px
    }
}

@media only screen and (min-width: 609px) and (max-width: 640px) {
    body {
        font-size:17px
    }
}

@media only screen and (min-width: 641px) {
    body {
        font-size:17.5px
    }
}