iHealth-app-demo/html/huanzhe/css/base.css

html { color: #000; font-size: 10px; font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

article, aside, blockquote, body, button, code, details, div, dl, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, input, label, legend, menu, nav, ol, p, pre, section, span, td, textarea, th, ul { margin: 0; padding: 0; box-sizing: border-box; }

body { margin: 0 auto; min-width: 320px; max-width: 640px; -webkit-touch-callout: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; }

ul { list-style: none; }

table { border-collapse: collapse; }

a img { border: 0; }

a { text-decoration: none; }

img { max-width: 100%; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 500; }

@media screen and (min-width: 321px) and (max-width: 375px) { html { font-size: 11px; } }
@media screen and (min-width: 376px) and (max-width: 414px) { html { font-size: 12px; } }
@media screen and (min-width: 415px) { html { font-size: 15px; } }
.j-body { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; overflow: hidden; background: #f3f3f3; }

.j-header { position: absolute; left: 0; right: 0; top: 0; height: 45px; background: #fff; z-index: 999; }
.j-header:before { content: " "; position: absolute; left: 0; bottom: -1px; right: 0; height: 1px; border-top: 1px solid #D9D9D9; color: #D9D9D9; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5); }

.j-back { position: absolute; width: 37px; height: 45px; top: 0; left: 0; }

.i-back { display: block; width: 17px; height: 15px; background-image: url(../img/i-back.png); background-repeat: no-repeat; background-position: center; background-size: contain; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.j-tit { height: 45px; line-height: 45px; text-align: center; font-size: 15px; font-weight: 600; color: #28405d; }

.j-close { height: 45px; line-height: 45px; position: absolute; top: 0; right: 0; padding: 0 14px; font-size: 15px; color: #1286ff; }