@charset "utf-8"; @import "iconfont.css?ver=1.0.03219"; @import "iconfly.css?ver=1.0.03219"; @import "animate.min.css?ver=1.0.03219"; @import "jTippy.css?ver=1.0.03219"; /* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */ html { color: #333; background: #fff; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-rendering: optimizelegibility; font: var(--fonts); } body { background: var(--BodyBackground); overflow-x: hidden; position: relative; } /* 如果你的项目仅支持 IE9+ | Chrome | Firefox 等，推荐在 中添加 .borderbox 这个 class */ html.borderbox *, html.borderbox *:before, html.borderbox *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } body * { box-sizing: border-box; -webkit-font-smoothing: var(--fontsthickness); -moz-osx-font-smoothing: grayscale; } :root { --global-shadow: 0 0 20px rgba(0, 0, 0, 0.06); --txtdesc: rgba(0, 0, 0, 0.65); --pcspacing: 40px 0 100px; --wapspacing: 20px 0 40px; } /* （Bodrum用于标签）在https://www.fontspring.com/购买的免费字体可商用，需要在这里声明 */ @font-face { font-family: "Bodrum"; src: url("../fonts/bodrum.ttf") format("truetype"); font-weight: bold; font-style: normal; } @font-face { font-family: "code"; src: url("../fonts/Montserrat-VariableFont_wght.ttf") format("truetype"); font-style: normal; font-weight: 100 900; font-display: swap; } @font-face { font-family: "codeB"; src: url("../fonts/DINPro-Medium.woff") format("truetype"); font-style: normal; font-weight: 100 900; font-display: swap; } /* 内外边距通常让各个浏览器样式的表现位置不同 */ body, /*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, menu, nav, section { margin: 0; padding: 0; } /* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */ article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; } /* HTML5 媒体文件跟 img 保持一致 */ audio, canvas, video { display: inline-block; } /* 要注意表单元素并不继承父级 font 的问题 */ body, button, input, select, textarea { font: var(--fonts); } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } /* 去掉各Table cell 的边距并让其边重合 */ table { border-collapse: collapse; border-spacing: 0; } /* 去除默认边框 */ fieldset, /*img {*/ /* border: 0;*/ /*width: 100%;*/ /* height: auto;*/ /*}*/ /* 块/段落引用 */ blockquote { position: relative; color: var(--txtdesc); font-weight: 400; border-left: 1px solid #1abc9c; padding-left: 1em; margin: 1em 3em 1em 2em; } @media only screen and (max-width: 640px) { blockquote { margin: 1em 0; } } /* Firefox 以外，元素没有下划线，需添加 */ acronym, abbr { border-bottom: 1px dotted; font-variant: normal; text-decoration: none; } /* 添加鼠标问号，进一步确保应用的语义是正确的（要知道，交互他们也有洁癖，如果你不去掉，那得多花点口舌） */ abbr { cursor: help; } /* 一致的 del 样式 */ del { text-decoration: line-through; } address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 400; } /* 去掉列表前的标识, li 会继承，大部分网站通常用列表来很多内容，所以应该当去 */ ul, ol { list-style: none; } .refundNotice-content ul, .refundNotice-content ol { list-style-type: none; } .refundNotice-content ul, .refundNotice-content ol { list-style-type: circle; list-style-position: outside; } .refundNotice-content ol { list-style-type: decimal; } .refundNotice-content ol, .refundNotice-content ol ul li { margin-left: 22px; } /* 对齐是排版最重要的因素, 别让什么都居中 */ caption, th { text-align: left; } q:before, q:after { content: ''; } /* 统一上标和下标 */ sub, sup { font-size: 75%; line-height: 0; position: relative; } :root sub, :root sup { vertical-align: baseline; /* for ie9 and other modern browsers */ } sup { top: -0.5em; } sub { bottom: -0.25em; } /* 让链接在 hover 状态下显示下划线 */ a { cursor: pointer; /*color: var(--Original);*/ } a:hover { text-decoration: none; } .typo a { border-bottom: 1px solid #1abc9c; } .typo a:hover { border-bottom-color: #555; color: #555; text-decoration: none; } /* 默认不显示下划线，保持页面简洁 */ ins, a { text-decoration: none; } u, .typo-u { text-decoration: underline; } /* 标记，类似于手写的荧光笔的作用 */ mark { background: #fffdd1; border-bottom: 1px solid #ffedce; padding: 2px; margin: 0 4px; } /* 滚动条 */ ::-webkit-scrollbar { width: 4px; background: transparent; } ::-webkit-scrollbar-track { background: #f1f1f1; } ::-webkit-scrollbar-thumb { background-color: rgb(201, 205, 212); } ::-webkit-scrollbar-thumb:hover { background-color: rgb(190, 190, 190); } /* 滚动条 */ body::-webkit-scrollbar { width: 10px; background: transparent; } /* 代码片断 */ pre, code, pre tt { font-family: Courier, 'Courier New', monospace; } pre { background: #f8f8f8; border: 1px solid #ddd; padding: 1em 1.5em; display: block; -webkit-overflow-scrolling: touch; } /* 一致化 horizontal rule */ hr { border: none; border-bottom: 1px solid #cfcfcf; margin-bottom: 0.8em; height: 10px; } /* 底部印刷体、版本等标记 */ small, .typo-small, /* 图片说明 */ figcaption { font-size: 0.9em; color: #888; } /*strong,*/ /*b {*/ /* font-weight: bold;*/ /* color: #000;*/ /*}*/ /* 可拖动文件添加拖动手势 */ [draggable] { cursor: move; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* 强制文本换行 */ .textwrap, .textwrap td, .textwrap th { word-wrap: break-word; word-break: break-all; } .textwrap-table { table-layout: fixed; } /* 提供 serif 版本的字体设置: iOS 下中文自动 fallback 到 sans-serif */ .serif { font-family: Palatino, Optima, Georgia, serif; } /* 保证块/段落之间的空白隔行 */ .typo p, .typo pre, .typo ul, .typo ol, .typo dl, .typo form, .typo hr, .typo table, .typo-p, .typo-pre, .typo-ul, .typo-ol, .typo-dl, .typo-form, .typo-hr, .typo-table, blockquote { margin-bottom: 1.2em } /*h1,*/ /*h2,*/ /*h3,*/ /*h4,*/ /*h5,*/ /*h6 {*/ /* font-weight: 100;*/ /* color: #000;*/ /* line-height: 1.35;*/ /*}*/ /* 标题应该更贴紧内容，并与其他块区分，margin 值要相应做优化 */ /*.typo h1,*/ /*.typo h2,*/ /*.typo h3,*/ /*.typo h4,*/ /*.typo h5,*/ /*.typo h6,*/ /*.typo-h1,*/ /*.typo-h2,*/ /*.typo-h3,*/ /*.typo-h4,*/ /*.typo-h5,*/ /*.typo-h6 {*/ /* margin-top: 1.2em;*/ /* margin-bottom: 0.6em;*/ /* line-height: 1.35;*/ /*}*/ /*.typo h1,*/ /*.typo-h1 {*/ /* font-size: 2em;*/ /*}*/ /*.typo h2,*/ /*.typo-h2 {*/ /* font-size: 1.8em;*/ /*}*/ /*.typo h3,*/ /*.typo-h3 {*/ /* font-size: 1.6em;*/ /*}*/ /*.typo h4,*/ /*.typo-h4 {*/ /* font-size: 1.4em;*/ /*}*/ /*.typo h5,*/ /*.typo h6,*/ /*.typo-h5,*/ /*.typo-h6 {*/ /* font-size: 1.2em;*/ /*}*/ /* 在文章中，应该还原 ul 和 ol 的样式 */ /*.typo ul,*/ /*.typo-ul {*/ /* margin-left: 1.3em;*/ /* list-style: disc;*/ /*}*/ /*.typo ol,*/ /*.typo-ol {*/ /* list-style: decimal;*/ /* margin-left: 1.9em;*/ /*}*/ /*.typo li ul,*/ /*.typo li ol,*/ /*.typo-ul ul,*/ /*.typo-ul ol,*/ /*.typo-ol ul,*/ /*.typo-ol ol {*/ /* margin-bottom: 0.8em;*/ /* margin-left: 2em;*/ /*}*/ /*.typo li ul,*/ /*.typo-ul ul,*/ /*.typo-ol ul {*/ /* list-style: circle;*/ /*}*/ /* 同 ul/ol，在文章中应用 table 基本格式 */ /*.typo table th,*/ /*.typo table td,*/ /*.typo-table th,*/ /*.typo-table td,*/ /*.typo table caption {*/ /* border: 1px solid #ddd;*/ /* padding: 0.5em 1em;*/ /* color: var(--txtdesc);*/ /*}*/ /*.typo table th,*/ /*.typo-table th {*/ /* background: #fbfbfb;*/ /*}*/ /*.typo table thead th,*/ /*.typo-table thead th {*/ /* background: #f1f1f1;*/ /*}*/ /*.typo table caption {*/ /* border-bottom: none;*/ /*}*/ /* 去除 webkit 中 input 和 textarea 的默认样式 */ /*.typo-input,*/ /*.typo-textarea {*/ /* -webkit-appearance: none;*/ /* border-radius: 0;*/ /*}*/ /*.typo-em,*/ /*.typo em,*/ /*legend,*/ /*caption {*/ /* color: #000;*/ /* font-weight: inherit;*/ /*}*/ /* 着重号，只能在少量（少于100个字符）且全是全角字符的情况下使用 */ /*.typo-em {*/ /* position: relative;*/ /*}*/ /*.typo-em:after {*/ /* position: absolute;*/ /* top: 0.65em;*/ /* left: 0;*/ /* width: 100%;*/ /* overflow: hidden;*/ /* white-space: nowrap;*/ /* content: "・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・";*/ /*}*/ /* Responsive images */ /*.typo img {*/ /* max-width: 100%;*/ /*}*/