@charset "utf-8";
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
table,
th,
td,
button {
    padding: 0;
    margin: 0;
}

fieldset,
img,
button {
    border: 0;
}

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

ol,
ul {
    list-style: none;
}

caption,
th,
li,
dt,
dd,
p {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    text-align: left;
    font-weight: normal;
}

q:before,
q:after {
    content: "";
}

abbr,
acronym {
    border: 0;
}

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

a:hover {
    text-decoration: none;
}

a,
a:hover {
    transition: all 0.3s ease 0s;
}

button {
    cursor: pointer;
    outline: none;
    background-color: inherit;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
}

input {
    outline: none;
}

em {
    font-style: normal;
}

body {
    font-family: PingFangSC, "Helvetica neue", Arial, Helvetica, Tahoma, "lantinghei sc", "Microsoft Yahei", simsun, sans-serif;
    font-size: 0.13rem;
    color: #636363;
    background: #fff;
}

.left {
    float: left;
    display: inline;
}

.right {
    float: right;
    display: inline;
}

.center {
    margin: 0 auto;
}

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

/* Hides from IE-mac \*/

* html .clear {
    height: 1%;
}

.clear {
    display: block;
}

/* End hide from IE-mac */

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

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.center {
    margin: 0 auto;
}

.flex_cen_cen {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex_start_cen {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.flex_end_cen {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.flex_sb_cen {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.padding_100 {
    padding: 100px 0;
}

/*webkit内核*/

.scroll_bar_hidden::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

.scroll_bar_hidden::-webkit-scrollbar-button {
    background-color: rgba(0, 0, 0, 0);
}

.scroll_bar_hidden::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
}

.scroll_bar_hidden::-webkit-scrollbar-track-piece {
    background-color: rgba(0, 0, 0, 0);
}

.scroll_bar_hidden::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0);
}

.scroll_bar_hidden::-webkit-scrollbar-corner {
    background-color: rgba(0, 0, 0, 0);
}

.scroll_bar_hidden::-webkit-scrollbar-resizer {
    background-color: rgba(0, 0, 0, 0);
}

/*o内核*/

.scroll_bar_hidden .-o-scrollbar {
    -moz-appearance: none !important;
    background: rgba(0, 255, 0, 0) !important;
}

.scroll_bar_hidden::-o-scrollbar-button {
    background-color: rgba(0, 0, 0, 0);
}

.scroll_bar_hidden::-o-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
}

.scroll_bar_hidden::-o-scrollbar-track-piece {
    background-color: rgba(0, 0, 0, 0);
}

.scroll_bar_hidden::-o-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0);
}

.scroll_bar_hidden::-o-scrollbar-corner {
    background-color: rgba(0, 0, 0, 0);
}

.scroll_bar_hidden::-o-scrollbar-resizer {
    background-color: rgba(0, 0, 0, 0);
}

@media only screen and (max-width: 450px) {
    .padding_100 {
        padding: 50px 0;
    }
}