@charset "utf-8";
html { color: #000; background: #fff; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section { margin: 0; padding: 0; border: 0; list-style: none; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section { display: block; }
audio,
canvas,
video { display: inline-block; *display: inline;
    *zoom: 1;
}
body,
button,
input,
select,
textarea { font-family: "PingFang SC", Helvetica, Arial, "Helvetica Neue", "Microsoft Yahei", "Wenquanyi Micro Hei", sans-serif; font-weight: 300; color: #333; background: #fff; }
body { font-size: 14px; line-height: 1.5;}
input,
select,
textarea { font-size: 100%; outline: none; }
table { border-collapse: collapse; border-spacing: 0; }
th { text-align: inherit; }
img { vertical-align: top; }
fieldset,
img { border: 0; max-width: 100%;}
iframe { display: block; }
abbr,
acronym { border: 0; font-variant: normal; }
del { text-decoration: line-through; }
address,
caption,
cite,
code,
dfn,
em,
th,
var { font-style: normal; font-weight: 500; }
ol,
ul { list-style: none; }
caption,
th { text-align: left; }
h1,
h2,
h3,
h4,
h5,
h6 { font-size: 100%; font-weight: normal; }
q:before,
q:after { content: ''; }
sub,
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
a { text-decoration: none; cursor: pointer; color: #000; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;display: block; }
.clearfix:before,
.clearfix:after { display: block; overflow: hidden; height: 0; content: "."; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;
}
*{word-break: break-word; }
.fn-text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.none { display: none; }
::-webkit-input-placeholder {
    font-size: 14px;
    color: #999;
}/*webkit*/
:-moz-placeholder {
    font-size: 14px;
    color: #999;
}           /*firefox 4-18*/
::-moz-placeholder {
    font-size: 14px;
    color: #999;
}          /*firefox 19+*/
:-ms-input-placeholder {
    font-size: 14px;
    color: #999;
}      /*ie10+*/
.hor-view { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; }
.flex-1 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
select {
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    /* background: url("../images/xial.png")  calc(100% - 10px) center no-repeat; */
}
input{-webkit-appearance: none;}