html { font: 16px NotoSansHans-Regular, "PingFang SC", "Microsoft YaHei"; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; font-size: 14px; height: 100%; }

body, button, input, select, textarea, h1, h2, h3, h4, h5, h6 { font-family: NotoSansHans-Regular, "PingFang SC", "Microsoft YaHei"; /*font-family: tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif; //font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;*/ }

h1, h2, h3 { -webkit-margin-before: 0; -webkit-margin-after: 0; font-weight: inherit; font-size: inherit; color: inherit; margin: 0; padding: 0; }

a { background: transparent; text-decoration: none; color: inherit; }

a:focus { outline: none; }

a:active, a:hover { outline: 0; }

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; outline: none; }

pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; font-family: inherit; word-break: break-all; }

textarea, input, select { font-size: inherit; line-height: 1.25rem; }

textarea { padding: 0.3rem 0.5rem; border: 1px solid #e0e0e0; color: #404040; outline: none; -webkit-appearance: none; display: block; word-break: break-all; resize: none; }

input { height: 2rem; padding: 0 0.5rem; border: 1px solid #e0e0e0; color: #404040; outline: none; -webkit-appearance: none; background: transparent; }

input[type=radio] { height: auto; -webkit-appearance: radio; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #9a9a9a; font-size: 0.9rem; }

input:-moz-placeholder, textarea:-moz-placeholder { color: #9a9a9a; font-size: 0.9rem; }

input::-moz-placeholder, textarea::-moz-placeholder { color: #9a9a9a; font-size: 0.9rem; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #9a9a9a; font-size: 0.9rem; }

.disabled-input { border: none; }

select { line-height: 2rem; height: 2rem; font-size: 0.9rem; width: 18rem; background: #fff; border: 1px solid #e0e0e0; outline: none; color: #404040; -webkit-border-radius: 0px; }

ul, li { list-style: none; }

img { max-width: 100%; border: none; }

a img { border: none; }

body { margin: 0; height: 100%; background: #f5f5f5; color: #404040; }

.non-edit-input { border: none; }

.un-edit-input { background: #9a9a9a; }

.no-scroll { overflow: hidden; }

.auto-scroll { overflow: auto; }

.link-style:hover { cursor: pointer; }

.clear-both { clear: both; }

.url-link-style { text-decoration: underline; }

.line-through { text-decoration: line-through; }

.small-text { font-size: 0.9rem; }

.normal-text { font-size: 1rem; }

.large-text { font-size: 1.1rem; }

.bold-text { font-weight: bold; }

.black-text { color: #404040; }

.theme-color-text { color: #12b7f5; }

.gray-text { color: #9a9a9a; }

.orange-text { color: #f86a32; }

.red-text { color: #f25d5d; }

.green-text { color: #00c800; }

.yellow-bg { background: #fef0c7; }

.center-text { text-align: center; }

.left-text { text-align: left; }

.left-float-style { float: left; }

.hide-style { display: none; }

.hidden-style { visibility: hidden; }

.right-float-style { float: right; }

.right-border { border-right: 1px solid #e0e0e0; }

.left-border { border-left: 1px solid #e0e0e0; }

.left-margin { margin-left: 1rem; }

.btn-normal { background: #12b7f5; height: 2rem; line-height: 2rem; padding: 0 1rem; display: inline-block; border-radius: 4px; color: #fff; }

.btn-text { background: #fff; color: #12b7f5; border: 1px solid #12b7f5; }

.left-btn { margin-right: 1rem; }

.btn-normal:hover { cursor: pointer; }

.btn-large { height: 2.5rem; line-height: 2.5rem; padding: 0 1.5rem; }

.disabled-btn, .btn-normal-gray { background: #9a9a9a; }

.disabled-btn:hover, .disabled-btn-text:hover { cursor: default; }

.disabled-btn-text, .disabled-btn { filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }

.single-line { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.switch-checkbox { display: inline-block; top: 6px; position: relative; width: 2.5rem; height: 1.3rem; border: 1px solid #e0e0e0; border-radius: 16px; background: #e0e0e0; vertical-align: top; margin: 0.2rem 0 0 0.5rem; }

.switch-checkbox::after { content: " "; position: absolute; top: -2px; left: 0; height: 1.27rem; width: 1.27rem; transition: left 0.2s; -webkit-transition: left 0.2s; border-radius: 50%; background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); }

.switch-checkbox.active { border-color: #12b7f5; background-color: #12b7f5; }

.switch-checkbox.active::after { left: 1.1rem; }

.input-radio { margin-left: 1rem; margin-right: 0.5rem; }

.input-radio:first-child { margin-left: 0; }

.radio-item-container { height: 2rem; line-height: 2rem; }

.radio-item-container .radio-label { position: relative; padding-left: 1.5rem; margin-right: 0.8rem; height: 2rem; line-height: 2rem; display: inline-block; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.radio-item-container .radio-label:before { position: absolute; content: ""; font-size: 0; height: 16px; width: 16px; border: 1px solid #9a9a9a; border-radius: 50%; left: 0; top: 6px; }

.radio-item-container .radio-label-active:before { border: 1px solid #12b7f5; }

.radio-item-container .radio-label-active:after { position: absolute; height: 8px; width: 8px; content: ""; font-size: 0; border-radius: 50%; background: #12b7f5; top: 10px; left: 4px; }

table { margin-top: 1rem; margin-bottom: 1rem; width: 100%; text-align: center; border: #e0e0e0 1px solid; border-collapse: collapse; color: #9a9a9a; background: #fff; font-size: 1rem; }

th { background-color: #d9d9d9; font-weight: normal; word-break: break-all; color: #404040; border: #e0e0e0 1px solid; padding: 0.5rem 0.3rem; }

td { border: #e0e0e0 1px solid; padding: 0.3rem; word-break: break-all; }

.normal-qrcode { width: 12rem; }

.top-title { height: 3rem; background: #fff; line-height: 3rem; padding: 0 1rem; }

.page-container-bottom { padding-bottom: 2rem; }

.page-card { margin: 1rem 1rem 0 1rem; padding: 1.5rem; background: #fff; }

.page-card:last-child { margin-bottom: 1rem; }

.page-card-thin { padding: 0.5rem 1.5rem; }

.page-card-gray { margin-bottom: 1rem; padding: 1rem; background: #9a9a9a; }

.page-card-center { width: 44rem; margin: 4rem auto 2rem; }

.page-card-row { margin-bottom: 1rem; }

.page-card-row-thin { margin-bottom: 0.5rem; }

.page-card-row-thick { margin-bottom: 1.5rem; }

.tips-in-page-gray { font-size: 0.9rem; color: #9a9a9a; padding: 1rem 1rem 0 1rem; }

.top-float-bg { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 211; }

.hide-up .rc-calendar { display: none; }

.block-date-range { display: inline-block; vertical-align: top; margin-right: 1rem; }

.list-menu-ul { margin: 1.3rem 2.5rem 0.5rem 1rem; border-bottom: 1px solid #e0e0e0; width: 48rem; }

.list-menu-ul li { display: inline-block; font-size: 1rem; color: #404040; padding: 0.5rem 0.5rem 0.2rem 0.5rem; margin-bottom: -1px; }

.list-menu-ul .active { color: #12b7f5; border-bottom: 0.2rem #12b7f5 solid; }

.info-des-item { height: 1.8rem; line-height: 1.8rem; }

.info-des-item .label { color: #9a9a9a; width: 12rem; display: inline-block; }

.info-des-item .label-6 { width: 6rem; }

.info-des-item .label-9 { width: 12rem; }