/*基础样式布局，及字体*/
/*复用多次样式*/
html body { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; min-height: 100vh; }
body { width: 100%; color: #111; font-family: sans-serif; font-size: 12px; word-wrap: break-word; overflow-wrap: break-word; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }
body,
html { font: 12px/1.5 "SourceHanSansSC", "helvetica neue", "hiragino sans gb", "arial", "microsoft yahei ui", "microsoft yahei", "simsun", "sans-serif"; }
*,
:after,
:before { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
p { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; font-weight: bold; }
ul,
li { padding: 0; margin: 0; list-style: none; }
a { color: inherit; background-color: transparent; display: inline-block; text-decoration: none; }
a:active,
a:hover { outline: 0; }
button { -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; background: none; border: none; font-family: Helvetica; font-size: 12px; cursor: pointer; outline: none; transition: all 0.2s linear; }
input { font-size: 14px; box-shadow: none; background: transparent; outline: none; padding: 5px 10px; border-radius: 4px; border: 1px solid #d8d9dd; }
div { -webkit-tap-highlight-color: transparent; }
img { max-width: 100%; margin: 0 auto;  image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */ image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */ }

.is-no-link { pointer-events: none !important; }
/*文本对齐*/
.ta-left { text-align: left; }
.ta-center { text-align: center; }
.ta-right { text-align: right; }
/*光标的类型*/
.cp { cursor: pointer; }
/*阴影*/
.shadow { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12); }
.limit-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fl { float: left; }
.fr { float: right; }
.cf::after { display: block; clear: both; content: ""; }
.flex { display: flex; }
.flex-col { display: flex; flex-direction: column; }
.flex-center { display: flex; justify-content: center; align-items: center; }
.align-items { align-items: center; }
.flex-left { display: flex; justify-content: flex-start; align-items: center; }
.flex-right { display: flex; justify-content: flex-end; align-items: center; }
.flex-space-between { display: flex; justify-content: space-between; align-items: center; }
.flex-row-reverse { display: flex; flex-direction: row-reverse; }
.flex-wrap { flex-wrap: wrap; }
.flex-align-items { align-items: flex-start; }
.page-container { width: 1080px; margin: 0 auto; }
.bottom-text { position: absolute; top: 80px; width: 100%; text-align: center; font-weight: 900; font-size: 60px; font-style: italic; color: rgba(55, 69, 80, 0.1); }
.title-underline { width: 36px; height: 4px; background: #0072ff; border-radius: 2px; }
.noborder { border: 0px !important; }
.noborder-bottom { border-bottom: 0px !important; }


/*主题：灰色效果*/
html.theme-grayscale { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }