@charset "utf-8";
body,
html {
    height: 100%;
    width: 100%
}

body,
html,
img {
    width: 100%
}

* {
    margin: 0;
    padding: 0
}

html {
    font-family: 'Heiti SC', 'Microsoft YaHei';
    font-size: 62.5%;
    outline: 0;
    -webkit-text-size-adjust: none;
    -webkit-box-sizing: border-box
}

body {
    max-width: 640px;
    font-size: 14px;
    position: relative;
    background: #f2f2f2;
    margin: 0 auto
}

img {
    border: 0;
    max-width: 100%;
    display: block
}

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

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

a {
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    color: #323232
}

input {
    outline: 0;
    font-family: 'Microsoft YaHei'
}

a,
div,
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none!important;
    -webkit-tap-highlight-color: transparent;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

input:focus {
    outline: 0;
    -moz-box-shadow: none
}

input:required:invalid {
    box-shadow: none;
    -moz-box-shadow: none
}

input:focus:invalid,
input[required]:invalid,
textarea:focus:invalid,
textarea[required]:invalid {
    box-shadow: none
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

ul li {
    list-style: none
}

.dp_none {
    display: block!important
}

::-webkit-input-placeholder {
    color: #c7c6c6;
    font-family: 'Microsoft YaHei'
}

.overflowH {
    overflow: hidden
}

.l {
    float: left
}

.r {
    float: right
}