css初始化

/* Write your styles */
/**css初始化**/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0;color:inherit; }
body, button, input, select, textarea { font:14px/1.5 tahoma,"微软雅黑",arial,\5b8b\4f53,sans-serif; color:inherit;}
h1, h2, h3, h4, h5, h6{ font-size:100%;font-weight:normal;color:inherit;}
address, cite, dfn, em, var, i, span{ font-style:normal;color:inherit;}
code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
small{ font-size:12px; }
ul, ol { list-style:none;color:inherit;}
a { text-decoration:none;color:inherit;font-size:14px;}
a:hover { text-decoration:none;}
sup { vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
legend { color:#000; }
fieldset, img { border:0; }
button, input, select, textarea { font-size:100%;outline: 0;}
button{border:none;}
table { border-collapse:collapse; border-spacing:0; }
input[type="checkbox"],input[type="radio"]{vertical-align: middle;margin-right: 5px;cursor: pointer;}
/* img{max-width:100%;} */
button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    outline: 0;
}

button[disabled],html input[disabled] {
    cursor: default;
    outline: 0;
}


.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after {content:'';display: block;height: 0;clear: both;visibility: hidden;}
.img_box{vertical-align:middle;text-align:center;padding:0;font-size:0;}
img{max-width:100%; max-height:100%; display:inline-block;border:none;vertical-align:middle;}
.main{width:100%; max-width:1200px; margin:0 auto;}
h1,h2,h3,h4,h5{font-weight:normal;}


@media screen and (max-width: 1200px) {
    .grey-bg{
        background-size:auto;
    }
}





@keyframes onefist {
    0%{
    transform: scale(1.0)
    }
    50%{
    transform:scale(1.03)
    }
    100%{
    transform:scale(1.0)
    }
}
@keyframes onefisr{
    0%{
    transform: scale(1.0)
    }
    50%{
    transform:scale(1.1)
    }
    100%{
    transform:scale(1.0)
    }
}
@keyframes onefisp{
    0%{
    transform: scale(1.0)
    }
    25%{
    transform:scale(1.03)
    }
    50%{
    transform:scale(1.05)
    }
    75%{
    transform:scale(1.07)
    }
    100%{
    transform:scale(1.1)
    }
}
/*.img{overflow: hidden;}
.item:hover .img img{-moz-animation:onefist 1.5s;-o-animation:onefist 1.5s;-webkit-animation:onefist 1.5s;animation:onefist 1.5s;}

.img:hover>img{-moz-animation:onefist 1.5s;-o-animation:onefist 1.5s;-webkit-animation:onefist 1.5s;animation:onefist 1.5s;}

*/


.flex-column{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.flex-warp{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.flex-center{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.flex-between{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.flex-x-center{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.flex-x-between{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.flex-y-center{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.flex-y-start{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}
.flex-y-end{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}
.flex-y-baseline{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline}

.ellipsis_1{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.ellipsis_2{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}