/***** -----   初始化样式   -----*****/

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
a,
samp,
strong,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
label,
table,
tbody,
tr,
th,
td,
img {
    border: 0 none;
    margin: 0;
    padding: 0;
    font-size: 100%;
}

input,
textarea,
select {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    outline: none;
    cursor: pointer;
}

a:hover {
    text-decoration: underline;
}

a:focus {
    outline: 0;
}

textarea,
select {
    background: #fff;
    resize: none;
}

body {
    font: 12px/1.5 microsoft yahei, Arial, simsun, Tahoma, Helvetica, sans-serif;
    text-align: justify;
}

ul,
ol {
    list-style: none;
}

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

.clearfloat,
.clears {
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 1px;
}

.clearfix:before,
.clearfix:after,
.c:before,
.c:after {
    content: '';
    display: table;
}

.clearfix:after,
.c:after {
    clear: both;
}

.clearfix,
.c {
    zoom: 1;
}

/* 提交和重置按钮 */

input[type='submit'],
input[type='reset'] {
    cursor: pointer;
    &:focus {
        outline: 0 none;
    }
}

select:focus,
textarea:focus,
input:focus,
div:focus {
    outline: 0 none;
}

/* 浮动动画 */

@-webkit-keyframes float {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    50% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes float {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    50% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}