@charset "utf-8"; html, body, div, span, object, iframe, 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, input, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none } html, body { min-height: 100% } html { font-size: 20px; font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } @media only screen and (min-width:360px) { html { font-size: 22.5px } } @media only screen and (min-width:375px) { html { font-size: 23.5px } } @media only screen and (min-width:400px) { html { font-size: 25px } } @media only screen and (min-width:414px) { html { font-size: 25.875px } } article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, summary { display: block } audio, canvas, progress, video { display: inline-block; vertical-align: baseline } audio:not([controls]) { display: none; height: 0 } template { display: none } a { background-color: transparent; text-decoration: none } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: bold } dfn { font-style: italic } mark { background: #ff0; color: #000 } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -0.5em } sub { bottom: -0.25em } img { border: 0; font-size: 0; vertical-align: top } svg:not(:root) { overflow: hidden } figure { margin: 1em 40px } hr { box-sizing: content-box; height: 0 } pre { overflow: auto } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; -webkit-appearance: none; appearance: none; background-color: #fff } button { overflow: visible } button, select { text-transform: none } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer } button[disabled], html 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; box-sizing: content-box } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: .35em .625em .75em } legend { border: 0; padding: 0 } textarea { overflow: auto; resize: none } optgroup { font-weight: bold } table { border-collapse: collapse; border-spacing: 0 } td, th { padding: 0 } a, input, textarea, select, button { outline: 0 } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal } ul, ol { list-style: none } i, em, s { font-style: normal } body { /*position: relative;*/ font-size: .6rem; line-height: 1.5 } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0 } .clearfix { zoom: 1 } .fl, .fr { display: inline } .fl { float: left } .fr { float: right } .c-position-a { position: absolute } .c-position-r { position: relative } .c-position-f { position: fixed } .c-hide { display: none } .c-hidden { overflow: hidden; zoom: 1 } .c-boxs { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .c-main { margin: 0 auto } .c-nowrap { max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .c-nowrap-multi { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2 } .c-break { word-break: break-all } .c-block { display: block } .c-abox { display: -webkit-box; display: box; width: 100% } .c-border, .c-border-t, .c-border-b, .c-border-l, .c-border-r, .c-border-tb { border-color: #e1e1e1; border-style: solid } .c-border { border-width: 1px } .c-border-t { border-top-width: 1px } .c-border-b { border-bottom-width: 1px } .c-border-l { border-left-width: 1px } .c-border-r { border-right-width: 1px } .c-border-tb { border-top-width: 1px; border-bottom-width: 1px } .c-border-d { border-style: dashed } .c-radius-2 { border-radius: .1rem } .c-radius-4 { border-radius: .2rem } .c-images-rounded, .border-radius-rounded, .c-radius-5 { border-radius: .25rem } .c-images-cycle, .border-radius-circle, .c-radius-50 { border-radius: 50% } .border-radius-pill, .c-radius-pill { border-radius: 100rem } .c-images-thumbnail { padding: .25rem } .c-images-block { display: block; width: 100%; height: 100% } .m0 { margin: 0 } .m5 { margin: .25rem } .m10 { margin: .5rem } .m15 { margin: .75rem } .m20 { margin: 1rem } .m25 { margin: 1.25rem } .m30 { margin: 1.5rem } .m35 { margin: 1.75rem } .m40 { margin: 2rem } .m45 { margin: 2.25rem } .m50 { margin: 2.5rem } .m100 { margin: 5rem } .mb0 { margin-bottom: 0 } .mb5 { margin-bottom: .25rem } .mb10 { margin-bottom: .5rem } .mb15 { margin-bottom: .75rem } .mb20 { margin-bottom: 1rem } .mb25 { margin-bottom: 1.25rem } .mb30 { margin-bottom: 1.5rem } .mb35 { margin-bottom: 1.75rem } .mb40 { margin-bottom: 2rem } .mb45 { margin-bottom: 2.25rem } .mb50 { margin-bottom: 2.5rem } .mb100 { margin-bottom: 5rem } .mt0 { margin-top: 0 } .mt5 { margin-top: .25rem } .mt10 { margin-top: .5rem } .mt15 { margin-top: .75rem } .mt20 { margin-top: 1rem } .mt25 { margin-top: 1.25rem } .mt30 { margin-top: 1.5rem } .mt35 { margin-top: 1.75rem } .mt40 { margin-top: 2rem } .mt45 { margin-top: 2.25rem } .mt50 { margin-top: 2.5rem } .mt100 { margin-top: 5rem } .ml0 { margin-left: 0 } .ml5 { margin-left: .25rem } .ml10 { margin-left: .5rem } .ml15 { margin-left: .75rem } .ml20 { margin-left: 1rem } .ml25 { margin-left: 1.25rem } .ml30 { margin-left: 1.5rem } .ml35 { margin-left: 1.75rem } .ml40 { margin-left: 2rem } .ml45 { margin-left: 2.25rem } .ml50 { margin-left: 2.5rem } .ml100 { margin-left: 5rem } .mr0 { margin-right: 0 } .mr5 { margin-right: .25rem } .mr10 { margin-right: .5rem } .mr15 { margin-right: .75rem } .mr20 { margin-right: 1rem } .mr25 { margin-right: 1.25rem } .mr30 { margin-right: 1.5rem } .mr35 { margin-right: 1.75rem } .mr40 { margin-right: 2rem } .mr45 { margin-right: 2.25rem } .mr50 { margin-right: 2.5rem } .mr100 { margin-right: 5rem } .mlr0 { margin-left: 0; margin-right: 0 } .mlr5 { margin-left: .25rem; margin-right: .25rem } .mlr10 { margin-left: .5rem; margin-right: .5rem } .mlr15 { margin-left: .75rem; margin-right: .75rem } .mlr20 { margin-left: 1rem; margin-right: 1rem } .mlr25 { margin-left: 1.25rem; margin-right: 1.25rem } .mlr30 { margin-left: 1.5rem; margin-right: 1.5rem } .mlr35 { margin-left: 1.75rem; margin-right: 1.75rem } .mlr40 { margin-left: 2rem; margin-right: 2rem } .mlr45 { margin-left: 2.25rem; margin-right: 2.25rem } .mlr50 { margin-left: 2.5rem; margin-right: 2.5rem } .mlr100 { margin-left: 5rem; margin-right: 5rem } .mtb0 { margin-top: 0; margin-bottom: 0 } .mtb5 { margin-top: .25rem; margin-bottom: .25rem } .mtb10 { margin-top: .5rem; margin-bottom: .5rem } .mtb15 { margin-top: .75rem; margin-bottom: .75rem } .mtb20 { margin-top: 1rem; margin-bottom: 1rem } .mtb25 { margin-top: 1.25rem; margin-bottom: 1.25rem } .mtb30 { margin-top: 1.5rem; margin-bottom: 1.5rem } .mtb35 { margin-top: 1.75rem; margin-bottom: 1.75rem } .mtb40 { margin-top: 2rem; margin-bottom: 2rem } .mtb45 { margin-top: 2.25rem; margin-bottom: 2.25rem } .mtb50 { margin-top: 2.5rem; margin-bottom: 2.5rem } .mtb100 { margin-top: 5rem; margin-bottom: 5rem } .p0 { padding: 0 } .p5 { padding: .25rem } .p10 { padding: .5rem } .p15 { padding: .75rem } .p20 { padding: 1rem } .p25 { padding: 1.25rem } .p30 { padding: 1.5rem } .p35 { padding: 1.75rem } .p40 { padding: 2rem } .p45 { padding: 2.25rem } .p50 { padding: 2.5rem } .p100 { padding: 5rem } .pb0 { padding-bottom: 0 } .pb5 { padding-bottom: .25rem } .pb10 { padding-bottom: .5rem } .pb15 { padding-bottom: .75rem } .pb20 { padding-bottom: 1rem } .pb25 { padding-bottom: 1.25rem } .pb30 { padding-bottom: 1.5rem } .pb35 { padding-bottom: 1.75rem } .pb40 { padding-bottom: 2rem } .pb45 { padding-bottom: 2.25rem } .pb50 { padding-bottom: 2.5rem } .pb100 { padding-bottom: 5rem } .pt0 { padding-top: 0 } .pt5 { padding-top: .25rem } .pt10 { padding-top: .5rem } .pt15 { padding-top: .75rem } .pt20 { padding-top: 1rem } .pt25 { padding-top: 1.25rem } .pt30 { padding-top: 1.5rem } .pt35 { padding-top: 1.75rem } .pt40 { padding-top: 2rem } .pt45 { padding-top: 2.25rem } .pt50 { padding-top: 2.5rem } .pt100 { padding-top: 5rem } .pl0 { padding-left: 0 } .pl5 { padding-left: .25rem } .pl10 { padding-left: .5rem } .pl15 { padding-left: .75rem } .pl20 { padding-left: 1rem } .pl25 { padding-left: 1.25rem } .pl30 { padding-left: 1.5rem } .pl35 { padding-left: 1.75rem } .pl40 { padding-left: 2rem } .pl45 { padding-left: 2.25rem } .pl50 { padding-left: 2.5rem } .pl100 { padding-left: 5rem } .pr0 { padding-right: 0 } .pr5 { padding-right: .25rem } .pr10 { padding-right: .5rem } .pr15 { padding-right: .75rem } .pr20 { padding-right: 1rem } .pr25 { padding-right: 1.25rem } .pr30 { padding-right: 1.5rem } .pr35 { padding-right: 1.75rem } .pr40 { padding-right: 2rem } .pr45 { padding-right: 2.25rem } .pr50 { padding-right: 2.5rem } .pr100 { padding-right: 5rem } .ptb0 { padding-top: 0; padding-bottom: 0 } .ptb5 { padding-top: .25rem; padding-bottom: .25rem } .ptb10 { padding-top: .5rem; padding-bottom: .5rem } .ptb15 { padding-top: .75rem; padding-bottom: .75rem } .ptb20 { padding-top: 1rem; padding-bottom: 1rem } .ptb25 { padding-top: 1.25rem; padding-bottom: 1.25rem } .ptb30 { padding-top: 1.5rem; padding-bottom: 1.5rem } .ptb35 { padding-top: 1.75rem; padding-bottom: 1.75rem } .ptb40 { padding-top: 2rem; padding-bottom: 2rem } .ptb45 { padding-top: 2.25rem; padding-bottom: 2.25rem } .ptb50 { padding-top: 2.5rem; padding-bottom: 2.5rem } .ptb100 { padding-top: 5rem; padding-bottom: 5rem } .plr0 { padding-left: 0; padding-right: 0 } .plr10 { padding-left: .5rem; padding-right: .5rem } .plr15 { padding-left: .75rem; padding-right: .75rem } .plr20 { padding-left: 1rem; padding-right: 1rem } .plr25 { padding-left: 1.25rem; padding-right: 1.25rem } .plr30 { padding-left: 1.5rem; padding-right: 1.5rem } .plr35 { padding-left: 1.75rem; padding-right: 1.75rem } .plr40 { padding-left: 2rem; padding-right: 2rem } .plr45 { padding-left: 2.25rem; padding-right: 2.25rem } .plr50 { padding-left: 2.5rem; padding-right: 2.5rem } .plr100 { padding-left: 5rem; padding-right: 5rem } .c-list-disc { list-style-type: disc } .c-list-circle { list-style-type: circle } .c-list-square { list-style-type: square } .c-list-decimal { list-style-type: decimal } .c-list-alpha { list-style-type: lower-alpha } .c-list-roman { list-style-type: lower-roman } .c-list-inline { padding-left: 0; margin-left: -5px; list-style: none } .c-list-inline li { display: inline-block; padding-right: 5px; padding-left: 5px } .c-family-HelveticaNeue { font-family: Helvetica Neue } .c-family-Helvetica { font-family: Helvetica } .c-bold { font-weight: bold } .c-f10 { font-size: .5rem } .c-f12 { font-size: .6rem } .c-f13 { font-size: .65rem } .c-f14 { font-size: .7rem } .c-f15 { font-size: .75rem } .c-f16 { font-size: .8rem } .c-f17 { font-size: .85rem } .c-f18 { font-size: .9rem } .c-f20 { font-size: 1rem } .c-f22 { font-size: 1.1rem } .c-f24 { font-size: 1.2rem } .c-f28 { font-size: 1.4rem } .c-f30 { font-size: 1.5rem } .c-f32 { font-size: 1.6rem } .c-f36 { font-size: 1.8rem } .c-f40 { font-size: 2rem } .c-f48 { font-size: 2.4rem } .c-t-left { text-align: left } .c-t-center { text-align: center } .c-t-right { text-align: right } .c-line-h1 { line-height: 1.88 } .c-line-h2 { line-height: 2.26 } .c-fff { color: #fff } .c-222 { color: #222 } .c-333 { color: #333 } .c-555 { color: #555 } .c-666 { color: #666 } .c-999 { color: #999 } .c-f00 { color: #f00 } .c-f60 { color: #f60 } .c-f90 { color: #f90 } .c-37a6ed { color: #37a6ed } .c-5b5b5b { color: #5b5b5b } .c-909090 { color: #909090 } .c-ff8100 { color: #ff8100 } .c-007cd9 { color: #007cd9 } .c-4dcd70 { color: #4dcd70 } .bgc-fff { background-color: #fff } .bgc-f3f3f3 { background-color: #f3f3f3 } .bgc-f9f9f9 { background-color: #f9f9f9 } .c-container:after, .c-row:after { content: ""; display: table; clear: both } .c-container { padding-top: 1px; margin-top: -1px } .c-row { zoom: 1 } .width-100, .c-100 { width: 100% } .width-90, .c-90 { width: 90% } .width-80, .c-80 { width: 80% } .width-75, .c-75 { width: 75% } .width-70, .c-70 { width: 70% } .width-66, .c-66 { width: 66.6% } .width-65, .c-65 { width: 65% } .width-60, .c-60 { width: 60% } .width-50, .c-50 { width: 50% } .width-40, .c-40 { width: 40% } .width-35, .c-35 { width: 35% } .width-33, .c-33 { width: 33.3% } .width-30, .c-30 { width: 30% } .width-25, .c-25 { width: 25% } .width-20, .c-20 { width: 20% } .width-10, .c-10 { width: 10% } .c-row .c-90, .c-row .c-80, .c-row .c-75, .c-row .c-70, .c-row .c-66, .c-row .c-65, .c-row .c-60, .c-row .c-50, .c-row .c-40, .c-row .c-35, .c-row .c-33, .c-row .c-30, .c-row .c-25, .c-row .c-20, .c-row .c-10 { float: left; margin-left: 3% } .c-row .c-90:first-child, .c-row .c-80:first-child, .c-row .c-75:first-child, .c-row .c-70:first-child, .c-row .c-66:first-child, .c-row .c-65:first-child, .c-row .c-60:first-child, .c-row .c-50:first-child, .c-row .c-40:first-child, .c-row .c-35:first-child, .c-row .c-33:first-child, .c-row .c-30:first-child, .c-row .c-25:first-child, .c-row .c-20:first-child, .c-row .c-10:first-child { margin-left: 0 } .c-row .c-90 { width: 89.7% } .c-row .c-80 { width: 79.4% } .c-row .c-75 { width: 74.25% } .c-row .c-70 { width: 69.1% } .c-row .c-66 { width: 65.66666666666666% } .c-row .c-65 { width: 65.66666666666666% } .c-row .c-60 { width: 58.800000000000004% } .c-row .c-50 { width: 48.5% } .c-row .c-40 { width: 38.2% } .c-row .c-35 { width: 31.333333333333332% } .c-row .c-33 { width: 31.333333333333332% } .c-row .c-30 { width: 27.9% } .c-row .c-25 { width: 22.75% } .c-row .c-20 { width: 17.6% } .c-row .c-10 { width: 7.3% } .c-push-90, .c-push-80, .c-push-75, .c-push-70, .c-push-66, .c-push-65, .c-push-60, .c-push-50, .c-push-40, .c-push-35, .c-push-33, .c-push-30, .c-push-25, .c-push-20, .c-push-10 { position: relative } .c-push-90 { left: 92.7% } .c-push-80 { left: 82.4% } .c-push-75 { left: 77.25% } .c-push-70 { left: 72.1% } .c-push-66 { left: 68.66666666666666% } .c-push-65 { left: 68.66666666666666% } .c-push-60 { left: 61.800000000000004% } .c-push-50 { left: 51.5% } .c-push-40 { left: 41.2% } .c-push-35 { left: 34.33333333333333% } .c-push-33 { left: 34.33333333333333% } .c-push-30 { left: 30.9% } .c-push-25 { left: 25.75% } .c-push-20 { left: 20.6% } .c-push-10 { left: 10.3% } .c-row .c-push-right { float: right } .c-row .c-role-right { margin-left: 3%; float: right } .c-row .c-role-left { margin-left: 0 } .c-centered { float: none!important; margin: 0 auto!important } .c-padding { padding: 20px } .c-padding .c-100, .c-padding .c-90, .c-padding .c-80, .c-padding .c-75, .c-padding .c-70, .c-padding .c-66, .c-padding .c-65, .c-padding .c-60, .c-padding .c-50, .c-padding .c-40, .c-padding .c-35, .c-padding .c-33, .c-padding .c-30, .c-padding .c-25, .c-padding .c-20, .c-padding .c-10 { padding: 20px } .c-split .c-90, .c-split .c-80, .c-split .c-75, .c-split .c-70, .c-split .c-66, .c-split .c-65, .c-split .c-60, .c-split .c-50, .c-split .c-40, .c-split .c-35, .c-split .c-33, .c-split .c-30, .c-split .c-25, .c-split .c-20, .c-split .c-10 { margin-left: 0 } .c-split .c-90 { width: 90% } .c-split .c-80 { width: 80% } .c-split .c-75 { width: 75% } .c-split .c-70 { width: 70% } .c-split .c-66 { width: 66.6% } .c-split .c-65 { width: 65% } .c-split .c-60 { width: 60% } .c-split .c-50 { width: 50% } .c-split .c-40 { width: 40% } .c-split .c-35 { width: 35% } .c-split .c-33 { width: 33.3% } .c-split .c-30 { width: 30% } .c-split .c-25 { width: 25% } .c-split .c-20 { width: 20% } .c-split .c-10 { width: 10% } .c-blocks-2, .c-blocks-3, .c-blocks-4, .c-blocks-5, .c-blocks-6 { padding-left: 0; list-style: none } .c-blocks-2:after, .c-blocks-3:after, .c-blocks-4:after, .c-blocks-5:after, .c-blocks-6:after { content: ""; display: table; clear: both } .c-blocks-2>li, .c-blocks-3>li, .c-blocks-4>li, .c-blocks-5>li, .c-blocks-6>li, .c-blocks-2>div, .c-blocks-3>div, .c-blocks-4>div, .c-blocks-5>div, .c-blocks-6>div { height: auto; float: left } .c-blocks-2>li, .c-blocks-2>div { width: 50% } .c-blocks-3>li, .c-blocks-3>div { width: 33.333333333333332% } .c-blocks-4>li, .c-blocks-4>div { width: 25% } .c-blocks-5>li, .c-blocks-5>div { width: 20% } .c-blocks-6>li, .c-blocks-6>div { width: 16.666666666666666% } .ui-grid { display: -webkit-box; display: box } .ui-grid-middle { -webkit-box-pack: center; -webkit-box-align: center; box-pack: center; box-align: center } .ui-grid-vertical { -webkit-box-orient: vertical; box-orient: vertical } .ui-grid-label { -webkit-box-flex: 0; box-flex: 0; width: 100px; font-weight: 600 } .ui-col-0 { -webkit-box-flex: 0; box-flex: 0 } .ui-col-1 { -webkit-box-flex: 1; box-flex: 1 } .ui-col-2 { -webkit-box-flex: 2; box-flex: 2 } .ui-col-3 { -webkit-box-flex: 3; box-flex: 3 } .ui-col-4 { -webkit-box-flex: 4; box-flex: 3 } .ui-col-5 { -webkit-box-flex: 5; box-flex: 5 } .ui-col-6 { -webkit-box-flex: 6; box-flex: 6 } .ui-arrow, .ui-arrow s { position: relative; display: block; font-size: 0; line-height: 0; width: 0; height: 0; border-color: transparent; border-style: dashed; border-width: 7px } .ui-arrow-r, .ui-arrow-r s { border-left-color: #cdcdcd; border-left-style: solid } .ui-arrow-r:empty { border-left-color: #ddd } .ui-arrow-r s { border-left-color: #fff; position: absolute; left: -9px; top: -7px } .ui-arrow-l, .ui-arrow-l s { border-right-color: #cdcdcd; border-right-style: solid } .ui-arrow-l:empty { border-right-color: #ddd } .ui-arrow-l s { border-right-color: #fff; position: absolute; right: -9px; top: -7px } .ui-arrow-t, .ui-arrow-t s { border-bottom-color: #cdcdcd; border-bottom-style: solid } .ui-arrow-t:empty { border-bottom-color: #ddd } .ui-arrow-t s { border-bottom-color: #fff; position: absolute; left: -7px; top: -5px } .ui-arrow-b, .ui-arrow-b s { border-top-color: #cdcdcd; border-top-style: solid } .ui-arrow-b:empty { border-top-color: #ddd } .ui-arrow-b s { border-top-color: #fff; position: absolute; left: -7px; bottom: -5px } .ui-arrow-circle { line-height: 100%; overflow: hidden; font-family: Tahoma, Helvetica; font-size: 18px; color: #cdcdcd } /* 任务#996 【医生端与居民端-水印-前端】增加健康之路水印 */ body:after { content: ''; height: 21px; width: 99px; background: url(../images/logo_dibu_img.png) no-repeat; background-size: 99px 21px; background-position: 50%; margin-left: -45px; position: fixed; left: 50%; bottom: 10px; z-index: -1; }