@charset "utf-8"; /** * stylesheet file * 公共样式文件 * @author: Dai Zhen * @scene: * @copyright: null */ /* ================================================================================= */ /* common style */ /* ================================================================================= */ html { font-family: PingFangSC, "Helvetica Neue", Helvetica, STHeiTi, 'Microsoft Yahei', Arial, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, app-business, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } svg:not(:root) { overflow: hidden; } a { background: none; text-decoration: none; -webkit-touch-callout: none; /*禁用长按页面时的弹出菜单(iOS下有效)*/ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /*去掉iOS点击链接时默认的灰色半透明覆盖层*/ color: inherit; } a:active { outline: 0; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0 none; vertical-align: middle; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } code, kbd, pre, samp { font-family: monospace; font-size: 1em; } button, input, optgroup, select, textarea { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-appearance: none; color: inherit; font: inherit; margin: 0; border: 0 none; background: transparent; outline: none; } button, select { text-transform: none; } button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } legend { border: 0; padding: 0; } textarea { overflow: auto; resize: vertical; } table { border-collapse: collapse; border-spacing: 0; } button, input, select, textarea { font-family: "Helvetica Neue", Helvetica, STHeiTi, 'Microsoft Yahei', Arial, sans-serif; } ul, ol { list-style: none; } li { display: list-item; text-align: -webkit-match-parent; } input:focus { outline: none; } input::-moz-placeholder, textarea::-moz-placeholder { color: #aaa; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #aaa; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #aaa; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, app-business, summary, time, mark, audio, video { margin: 0; padding: 0; } /*浮动*/ .fl { float: left; } .fr { float: right; } .clearfix { *zoom: 1; } .clearfix:after { content: ""; display: table; line-height: 0; font-size: 0; clear: both; } .hide, .dn { display: none; } .tal { text-align: left !important; } .tar { text-align: right !important; } body { min-height: 100vh; margin: 0; font-size: 14px; -webkit-overflow-scrolling: touch; color: #333; background-color: rgba(222, 233, 244, .9); }