html, body, div, span, applet, object, iframe, h1, h2, h3,h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt,
var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}

html,body {
    font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif;
    color: #333;
    font:14px/1.5;
}
h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

input, textarea,input {
    margin: 0;
    padding: 0;
    outline: 0;
    -webkit-appearance:none;
    border-radius:0;
    font-family:"Microsoft YaHei";
}

a, a:link, a:visited, a:hover, a:active {
    text-decoration: none
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

ol, ul {
    list-style: none;
}

hr {
    margin: 0;
    padding: 0;
    border: 0;
    color: #000;
    background-color: #000;
    height: 1px
}

.Absolute-Center {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

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

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}/* IE 6/7 */
.fl {
    float: left;
}

.fr {
    float: right;
}
/*单行文本省略号*/
.word{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
/*多行文本省略号*/
.words{
    display:-webkit-box;
    display: box;
    overflow:hidden;
    text-overflow:ellipsis;
    word-break:break-all;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
/*垂直居中*/
.ycenter{
    align-items:center;
    display:-webkit-flex;
}
/*水平居中*/
.xcenter{
    justify-content:center;
    display:-webkit-flex;
}
@media screen and (min-width:320px) and (max-width:375px) {
    html {
        font-size: 12px
    }
}

@media screen and (min-width:376px) and (max-width:414px) {
    html {
        font-size: 13px
    }
}

@media screen and (min-width:415px) and (max-width:639px) {
    html {
        font-size: 15px
    }
}

@media screen and (min-width:640px) and (max-width:719px) {
    html {
        font-size: 20px
    }
}

@media screen and (min-width:720px) and (max-width:749px) {
    html {
        font-size: 22.5px
    }
}

@media screen and (min-width:750px) and (max-width:799px) {
    html {
        font-size: 23.5px
    }
}

@media screen and (min-width:800px) {
    html {
        font-size: 25px
    }
}
@media only screen and (max-width: 768px){
    #home{
        width: 40px;
        height:40px;
        background: #dd383f;
        border-radius: 50%;
        position: fixed;
        bottom: 60px;
        right: 20px;
        z-index: 10;
        display: block;
    }
    #home img{
        width: 50%;
        height: 50%;
        margin: 25% 0 0 25%;
    }
}