.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}
@media all and (min-width:0px) and (max-width:960px){
    html{margin:0 auto;font-size: 50px;}
    article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
    body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, figure, section, legend, textarea, p, blockquote, th, td, input, select, textarea, button { margin: 0; padding: 0 }
    body{font:14px/1.4 "Microsoft Yahei",Arial,Helvetica,sans-serif;background-color: #fff;color:#424242;max-width: 640px;margin: 0 auto;}
    h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;}
    table{border-collapse:collapse;border-spacing:0}
    ul,ol,dd,dt,dl{list-style-type:none;}
    a{color:#333;text-decoration: none;-webkit-touch-callout: none;-webkit-user-select: none;}
    a,input,select{-webkit-tap-highlight-color: transparent;-webkit-appearance: none;-moz-appearance: none;-webkit-border-radius: 0;}

    input,img{border:none;padding:0;font-size:14px;}

    i,em{font-style:normal;}
    :focus{outline: none}

    /*iphone6*/
    @media(min-device-width:375px)and(max-device-width:667px)and(-webkit-min-device-pixel-ratio:2){body{font-size:14.5px;}}
    /*iphone6plus*/
    @media(min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3){body{font-size:15.5px;}}

    /*原子类*/
    .clear { clear: both; }
    .clear:after { display: block; clear: both; visibility: hidden; height: 0; overflow: hidden; content: "."; }
    .fl { float: left; }
    .fr { float: right; }
    .mb10{margin-bottom: 10px;}
    .mt10{margin-top: 10px;}
    /*placeholder css*/
    ::-moz-placeholder{ font-family: "Microsoft YaHei"}
    ::-webkit-input-placeholder{ font-family: "Microsoft YaHei"}
    ::-ms-input-placeholder{ font-family: "Microsoft YaHei"}
    @media screen and (min-width:320px ){html{font-size:50px;}}
    @media screen and (min-width:360px ){html{font-size:56.25px;}}
    @media screen and (min-width:375px ){html{font-size:58.59375px;}}
    @media screen and (min-width:400px ){html{font-size:62.5px;}}
    @media screen and (min-width:414px ){html{font-size:64.6875px;}}
    @media screen and (min-width:440px ){html{font-size:68.75px;}}
    @media screen and (min-width:480px ){html{font-size:75px;}}
    @media screen and (min-width:520px ){html{font-size:81.25px;}}
    @media screen and (min-width:560px ){html{font-size:87.5px;}}
    @media screen and (min-width:600px ){html{font-size:93.75px;}}
    @media screen and (min-width:640px ){html{font-size:100px;}}
    @media screen and (min-width:680px ){html{font-size:100px;}}
    @media screen and (min-width:720px ){html{font-size:100px;}}
    @media screen and (min-width:760px ){html{font-size:100px;}}
    @media screen and (min-width:800px ){html{font-size:100px;}}
    @media screen and (min-width:960px ){html{font-size:100px;}}
}