/* CSS变量 */
:root {
    --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    --rich-font-family: 'Chinese Quote', 'Segoe UI', Roboto, RobotoNum, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --code-font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;
    --price-font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif;
    
    /* 中性色板 */
    --gray-1: #ffffff;
    --gray-2: #fafafa;
    --gray-3: #f5f5f5;
    --gray-4: #f0f0f0;
    --gray-5: #d9d9d9;
    --gray-6: #bfbfbf;
    --gray-7: #8c8c8c;
    --gray-8: #595959;
    --gray-9: #434343;
    --gray-10: #262626;
    --gray-11: #1f1f1f;
    --gray-12: #141414;
    --gray-13: #000000;
    
    /* 黑色色板 */
    --black-1: rgba(0, 0, 0, 0.15);
    --black-2: rgba(0, 0, 0, 0.25);
    --black-3: rgba(0, 0, 0, 0.35);
    --black-4: rgba(0, 0, 0, 0.45);
    --black-5: rgba(0, 0, 0, 0.55);
    --black-6: rgba(0, 0, 0, 0.65);
    --black-7: rgba(0, 0, 0, 0.75);
    --black-8: rgba(0, 0, 0, 0.85);
    
    /* 主题色 */
    --primary-1: #e6f9ff;
    --primary-2: #baedff;
    --primary-3: #91deff;
    --primary-4: #69cdff;
    --primary-5: #40b9ff;
    --primary-6: #17a1ff;
    --primary-7: #097fd9;
    --primary-8: #005fb3;
    --primary-9: #00468c;
    --primary-10: #003066;
    --primary-color: #17a1ff;

    /* Dust Red / 薄暮 : 斗志、奔放 */
    --red-1: #fff1f0;
    --red-2: #ffccc7;
    --red-3: #ffa39e;
    --red-4: #ff7875;
    --red-5: #ff4d4f;
    --red-6: #f5222d;
    --red-7: #cf1322;
    --red-8: #a8071a;
    --red-9: #820014;
    --red-10: #5c0011;
    
    /* Polar Green / 极光绿 : 健康、创新 */
    --green-1: #f6ffed;
    --green-2: #d9f7be;
    --green-3: #b7eb8f;
    --green-4: #95de64;
    --green-5: #73d13d;
    --green-6: #52c41a;
    --green-7: #389e0d;
    --green-8: #237804;
    --green-9: #135200;
    --green-10: #092b00;
}


/* reset */
html {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;            /* 字体抗锯齿渲染 */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  /* IOS 可点击的元素，点击时会出现半透明的灰色背景 */
    -webkit-text-size-adjust: 100%;                 /* 关闭部分 Mobile 浏览器自动调整字体大小的功能 */
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
}
body {
    margin: 0;
    font-family: var(--font-family);
    font-variant: tabular-nums;
    font-feature-settings: 'tnum';  /* 表格中的数字保持等宽 */
    font-size: 14px;
    line-height: 1.5715;            /* 1.5715 = 22 / 14（字体大小为 14 时，行高为 22） */
    color: var(--black-8);
    background-color: #fff;
}
nav, main, aside, header, footer, dialog, figure, hgroup, article, section, figcaption { display: block; }
h1, h2, h3, h4, h5, h6, p { margin: 0; }
ol, ul { margin: 0; padding: 0; list-style: none; }
a { color: inherit; text-decoration: none; }

textarea { resize: none; }
img, video { border: none; vertical-align: middle; }
input, select, button, textarea { font: inherit; color: inherit; line-height: 1.5715; border: none; background-color: #fff; }

/* reset - webkit 浏览器中的元素在 foucs 下会有 outline: -webkit-focus-ring-color auto 5px; 样式 */
:focus, a, button, input, textarea { outline: none; }

/* reset - 清除 Firefox 自动填充 input 出现的屎黄色背景 */
input { filter: none; }

/* reset - 清除 webkit 自动填充 input 出现的背景色 —— 障眼法 */
input:-webkit-autofill,
input:focus:-webkit-autofill { -webkit-box-shadow: 0 0 0 50px #fff inset; box-shadow: 0 0 0 50px #fff inset; }

/* reset - 清除 IE10+ input 框的清除按钮（叉叉） */
input::-ms-clear,
input::-ms-reveal { display: none; }


/* global */
/* global - 浮动 */
.fl { float: left; }
.fr { float: right; }
.clearfix { zoom: 1; }
.clearfix::before, .clearfix::after { content: ""; display: table; }
.clearfix::after { clear: both; }

/* global - 文本水平对齐方式 */
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-justify { text-align: justify; text-align-last: justify; text-justify: inter-ideograph; font-size: 0; }
.text-justify::after { content: ''; display: inline-block; width: 100%; }   /* Tip：伪类是为了解决 safari 不支持 text-align-last，由于伪类的 inline-block 会使 text-justify 元素产生一行空白间距，所以设置了 font-size 为 0 来消除此间距，可单独设置子元素的 font-size 复原字体 */

/* global - 禁止选择文本 */
.disable-select { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }    /* Tip : IE6-9使用标签属性 onselectstart="return false;" */

/* global - 文本超出省略 */
.text-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.text-ellipsis--l2 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.text-ellipsis--l3 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }


/* Iconfont */
@font-face {
    font-family: "i-icon";
    src: url('./iconfont/iconfont.woff2') format('woff2'),
         url('./iconfont/iconfont.woff') format('woff'),
         url('./iconfont/iconfont.ttf') format('truetype');
}
.i-icon {
    font-family: 'i-icon';
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    text-rendering: auto;
}

/* Iconfont - a */
.i-icon-alipay::before { content: '\e60a'; }
.i-icon-ant-credit-pay::before { content: '\e697'; }
.i-icon-apartment::before { content: '\e624'; }

/* Iconfont - b */
.i-icon-book::before { content: '\e602'; }
.i-icon-bulb::before { content: '\e613'; }

/* Iconfont - c */
.i-icon-calculator::before { content: '\e612'; }
.i-icon-check::before { content: '\e619'; }
.i-icon-check-circle::before { content: '\e60e'; }
.i-icon-check-square::before { content: '\e7a8'; }
.i-icon-close::before { content: '\e61a'; }
.i-icon-close-circle::before { content: '\e61b'; }
.i-icon-comment::before { content: '\e61e'; }
.i-icon-comment-o::before { content: '\e64e'; }
.i-icon-compress::before { content: '\e6dc'; }

/* Iconfont - d */
.i-icon-delete::before { content: '\e620'; }
.i-icon-disabled::before { content: '\e623'; }
.i-icon-down::before { content: '\e60b'; }

/* Iconfont - e */
.i-icon-edit::before { content: '\e7e1'; }
.i-icon-exclamation-circle::before { content: '\e785'; }
.i-icon-expand::before { content: '\e6db'; }

/* Iconfont - f */
.i-icon-file::before { content: '\e625'; }
.i-icon-file-checked::before { content: '\e614'; }
.i-icon-fire-o::before { content: '\e649'; }
.i-icon-flag::before { content: '\e622'; }
.i-icon-flower::before { content: '\e61f'; }

/* Iconfont - g */
.i-icon-github-circle::before { content: '\e885'; }
.i-icon-good::before { content: '\e61d'; }

/* Iconfont - h */
.i-icon-help::before { content: '\e60f'; }

/* Iconfont - i */
/* Iconfont - j */
/* Iconfont - k */

/* Iconfont - l */
.i-icon-left::before { content: '\e609'; }
.i-icon-link::before { content: '\e7e2'; }
.i-icon-loading::before { content: '\e7a6'; }
.i-icon-lock-o::before { content: '\e7ca'; }
.i-icon-logout::before { content: '\e711'; }

/* Iconfont - m */
.i-icon-menu::before { content: '\e60d'; }
.i-icon-mobile::before { content: '\e799'; }
.i-icon-mobile-circle::before { content: '\e601'; }
.i-icon-more::before { content: '\e61c'; }

/* Iconfont - n */
.i-icon-notice-o::before { content: '\e732'; }

/* Iconfont - o */
/* Iconfont - p */
.i-icon-pause::before { content: '\e617'; }
.i-icon-pc::before { content: '\e611'; }
.i-icon-play::before { content: '\e615'; }
.i-icon-play-circle::before { content: '\e604'; }

/* Iconfont - q */
.i-icon-qq-circle::before { content: '\e795'; }

/* Iconfont - r */
.i-icon-refresh::before { content: '\e600'; }
.i-icon-replay::before { content: '\e603'; }
.i-icon-resume::before { content: '\e712'; }
.i-icon-right::before { content: '\e608'; }
.i-icon-rollback::before { content: '\e621'; }

/* Iconfont - s */
.i-icon-setting::before { content: '\e713'; }
.i-icon-setting-o::before { content: '\e714'; }
.i-icon-service::before { content: '\e618'; }
.i-icon-stop::before { content: '\e616'; }

/* Iconfont - t */
.i-icon-target::before { content: '\e648'; }

/* Iconfont - u */
.i-icon-unlock-o::before { content: '\e7c9'; }
.i-icon-up::before { content: '\e60c'; }
.i-icon-user::before { content: '\e67b'; }

/* Iconfont - v */
.i-icon-video::before { content: '\e605'; }
.i-icon-video-code::before { content: '\e610'; }

/* Iconfont - w */
.i-icon-wallet::before { content: '\e606'; }
.i-icon-wechat-circle::before { content: '\e792'; }
.i-icon-weibo-circle::before { content: '\e798'; }
.i-icon-wxpay::before { content: '\e607'; }

/* Iconfont - x */
/* Iconfont - y */
/* Iconfont - z */