html {
    color: #333;
    font-size: 14px;
    min-height: 100%;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    /* 字体优化反锯齿 */
}


/**
 * 中文优先使用冬青黑体简体(OS X)、微软雅黑(Windows)和文泉驿微米黑(Linux)
 * 微软雅黑「\5FAE\8F6F\96C5\9ED1」,中易宋体「\5B8B\4F53」
 */

body,
input,
button,
textarea,
select,
option {
    font: normal 14px \5FAE\8F6F\96C5\9ED1, sans-serif, \5B8B\4F53, tahoma;
}


/* 清除默认margin与padding */

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
pre,
dl,
dd,
blockquote {
    margin: 0;
}

input,
legend,
input,
textarea,
button {
    padding: 0;
}

ul,
ol,
form,
fieldset,
th,
td {
    margin: 0;
    padding: 0;
}

::selection {
    color: #fff;
    background: #0d6cff;
}

::-moz-placeholder { 
    color: #8395ac !important; 
}
::-webkit-input-placeholder { 
    color: #8395ac !important; 
}
:-ms-input-placeholder { 
    color: #8395ac !important; 
}


/* IE 不支持 main 标签 */

main {
    display: block;
}

audio:not([controls]) {
    display: none;
}

template,
[hidden] {
    display: none;
}

abbr[title] {
    border-bottom: 1px dotted;
}

ul,
ol {
    list-style: none;
}

ol.default {
    list-style: decimal;
}


/* 去除a默认的链接下划线，链接默认为黑色。 */

a {
    color: #333;
    text-decoration: none;
    outline: none;
    transition: color .2s ease;
}

a:hover {
    color: #0d6cff;
}

a:active {
    color: #333;
    outline: 0;
}

img,
input,
button,
label {
    vertical-align: middle;
}

em,
i,
address {
    font-style: normal;
}

[disabled] {
    cursor: not-allowed;
}

input[type='search'] {
    -webkit-appearance: textfield;
}

input[type='radio'] {
    visibility: hidden;
}

textarea {
    overflow: auto;
    resize: none;
    -webkit-appearance: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input:focus,
select:focus,
textarea:focus {
    outline: none;
}

::-webkit-input-placeholder {
    color: #c6c6c6;
}

:-moz-placeholder {
    color: #c6c6c6;
}

::-moz-placeholder {
    color: #c6c6c6;
}

:-ms-input-placeholder {
    color: #c6c6c6;
}

@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.woff2') format('woff2'),
       url('../font/iconfont.woff') format('woff'),
       url('../font/iconfont.ttf') format('truetype');
  font-display: swap;
}

.icon {
    display: inline-block;
    font-family: "iconfont";
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
}
