|
|
@@ -0,0 +1,189 @@
|
|
|
+/* 禁用iPhone中Safari的字号自动调整 */
|
|
|
+* {
|
|
|
+ -webkit-box-sizing: border-box;
|
|
|
+ -moz-box-sizing: border-box;
|
|
|
+ box-sizing: border-box;
|
|
|
+ outline: none;
|
|
|
+ font-family: LarkHackSafariFont, LarkEmojiFont, LarkChineseQuote, -apple-system, BlinkMacSystemFont, Helvetica Neue, Tahoma, PingFang SC, Microsoft Yahei, Arial, Hiragino Sans GB, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
|
|
|
+ font-weight: 400;
|
|
|
+ -webkit-font-smoothing: antialiased;
|
|
|
+}
|
|
|
+
|
|
|
+html {
|
|
|
+ -webkit-text-size-adjust: 100%;
|
|
|
+ -ms-text-size-adjust: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+/* 去除iPhone中默认的input样式 */
|
|
|
+input[type="submit"],
|
|
|
+input[type="reset"],
|
|
|
+input[type="button"],
|
|
|
+input,
|
|
|
+button {
|
|
|
+ /* -webkit-appearance:none; */
|
|
|
+ resize: none;
|
|
|
+}
|
|
|
+
|
|
|
+input::-webkit-outer-spin-button,
|
|
|
+input::-webkit-inner-spin-button {
|
|
|
+ -webkit-appearance: none;
|
|
|
+}
|
|
|
+
|
|
|
+button {
|
|
|
+ border: none;
|
|
|
+}
|
|
|
+
|
|
|
+/* 设置HTML5元素为块 */
|
|
|
+article,
|
|
|
+aside,
|
|
|
+details,
|
|
|
+figcaption,
|
|
|
+figure,
|
|
|
+footer,
|
|
|
+header,
|
|
|
+hgroup,
|
|
|
+menu,
|
|
|
+nav,
|
|
|
+section {
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+
|
|
|
+/* 图片自适应 */
|
|
|
+img {
|
|
|
+ /*max-width: 100%;*/
|
|
|
+ height: auto;
|
|
|
+ width: auto\9;
|
|
|
+ /* ie8 */
|
|
|
+ -ms-interpolation-mode: bicubic;
|
|
|
+ /*为了照顾ie图片缩放失真*/
|
|
|
+}
|
|
|
+
|
|
|
+/* 初始化 */
|
|
|
+body,
|
|
|
+div,
|
|
|
+ul,
|
|
|
+li,
|
|
|
+ol,
|
|
|
+h1,
|
|
|
+h2,
|
|
|
+h3,
|
|
|
+h4,
|
|
|
+h5,
|
|
|
+h6,
|
|
|
+input,
|
|
|
+textarea,
|
|
|
+select,
|
|
|
+p,
|
|
|
+dl,
|
|
|
+dt,
|
|
|
+dd,
|
|
|
+a,
|
|
|
+img,
|
|
|
+button,
|
|
|
+form,
|
|
|
+table,
|
|
|
+th,
|
|
|
+tr,
|
|
|
+td,
|
|
|
+tbody,
|
|
|
+article,
|
|
|
+aside,
|
|
|
+details,
|
|
|
+figcaption,
|
|
|
+figure,
|
|
|
+footer,
|
|
|
+header,
|
|
|
+hgroup,
|
|
|
+menu,
|
|
|
+nav,
|
|
|
+section {
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+ border: none;
|
|
|
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
|
+ /*取消链接高亮*/
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+em,
|
|
|
+i {
|
|
|
+ font-style: normal;
|
|
|
+}
|
|
|
+
|
|
|
+strong {
|
|
|
+ font-weight: normal;
|
|
|
+}
|
|
|
+
|
|
|
+.clearfix:after {
|
|
|
+ content: "";
|
|
|
+ display: block;
|
|
|
+ visibility: hidden;
|
|
|
+ height: 0;
|
|
|
+ clear: both;
|
|
|
+}
|
|
|
+
|
|
|
+.clearfix {
|
|
|
+ zoom: 1;
|
|
|
+}
|
|
|
+
|
|
|
+a {
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+
|
|
|
+a:hover,
|
|
|
+a:active,
|
|
|
+a:visited {
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+
|
|
|
+ul,
|
|
|
+ol {
|
|
|
+ list-style: none;
|
|
|
+}
|
|
|
+
|
|
|
+h1,
|
|
|
+h2,
|
|
|
+h3,
|
|
|
+h4,
|
|
|
+h5,
|
|
|
+h6 {
|
|
|
+ font-size: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+img {
|
|
|
+ border: none;
|
|
|
+ vertical-align: middle;
|
|
|
+}
|
|
|
+
|
|
|
+body,
|
|
|
+html {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ margin: 0 auto;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.clear-both {
|
|
|
+ clear: both;
|
|
|
+}
|
|
|
+
|
|
|
+body {
|
|
|
+ font-size: 14px;
|
|
|
+ -webkit-touch-callout: none;
|
|
|
+ /* iOS Safari */
|
|
|
+ -webkit-user-select: none;
|
|
|
+ /* Chrome/Safari/Opera */
|
|
|
+ -moz-user-select: none;
|
|
|
+ /* Firefox */
|
|
|
+ -ms-user-select: none;
|
|
|
+ /* Internet Explorer/Edge */
|
|
|
+ user-select: none;
|
|
|
+}
|
|
|
+
|
|
|
+@font-face {
|
|
|
+ font-family: "hanyiyaku";
|
|
|
+ font-weight: 400;
|
|
|
+ src: url("../fonts/hanyiyaku.ttf") format("truetype");
|
|
|
+ font-display: swap;
|
|
|
+}
|
