html,
body {
    overflow-x: auto;
    overflow-y: scroll;
    color: #444;
    background-color: #f3f3f3;
    -webkit-overflow-scrolling: touch;
}

body,
html,
div,
span,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
input,
p,
blockquote,
th,
td,
button {
    font-weight: 400;
    margin: 0;
    padding: 0
}

h1,
h2,
h3,
h4,
h4,
h5 {
    margin: 0;
    padding: 0
}

select {
    font-size: 12px
}

input,
button,
select {
    border: 0;
    /* -webkit-appearance: none; */
    box-shadow: none;
    outline: none
}

table {
    border-collapse: collapse
}

fieldset,
img {
    border: 0 none
}

fieldset {
    margin: 0;
    padding: 0
}

fieldset p {
    margin: 0;
    padding: 0 0 0 8px
}

legend {
    display: none
}

address,
caption,
em,
strong,
th,
i {
    font-style: normal;
    font-weight: 400
}

table caption {
    margin-left: -1px
}

hr {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #e4e4e4;
    border-width: 1px 0;
    clear: both;
    height: 2px;
    margin: 5px 0;
    overflow: hidden
}

ol,
ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none
}

caption,
th {
    text-align: left
}

q:before,
q:after,
blockquote:before,
blockquote:after {
    content: ””
}

input:focus {
    /* background: 0; */
    border: 0
}

.clearfix {
    zoom: 1
}

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


.flex {
	display: flex;
	justify-content: center;
	align-items: center;
}
.flex.cloum {
	flex-direction: column;
}
.flex.justify-s {
	justify-content: flex-start;
}
.flex.justify-e {
	justify-content: flex-end;
}
.flex.align-s {
	align-items: flex-start;
}
.flex.align-e {
	align-items: flex-end;
}
.flex.justify-sb {
	justify-content: space-between;
}
.flex.wrap {
	flex-wrap: wrap;
}