* {
    padding: 0;
    margin: 0;
}

body {
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #353030;
    background-color: #f3f3f3;
    font-family: "Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif !important;
}

ul,
li {
    list-style: none;
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: #353030;
}

input {
    color: #353030;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: 0 !important;
    border: 0;
    -webkit-appearance: none;
}

i {
    font-style: inherit;
}

input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #ccc;
}

input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #ccc;
}

input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #ccc;
}

input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #ccc;
}

input::-ms-clear,
input::-ms-reveal {
    display: none;
}

h1,
a,
p,
span,
ul,
li,
input {
    margin: 0;
}