13/*! * ===================================================== * Mui v3.4.0 (http://dev.dcloud.net.cn/mui) * ===================================================== */ /*! normalize.css v3.0.1 | MIT License | git.io/normalize */ html { font-family: "微软雅黑"; -webkit-text-size-adjust: 100% } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block } audio, canvas, progress, video { display: inline-block; vertical-align: baseline } audio:not([controls]) { display: none; height: 0 } [hidden], template { display: none } a { background: 0 0 } a:active, a:hover { outline: 0 } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: 700 } dfn { font-style: italic } h1 { margin: .67em 0 } mark { color: #000; background: #ff0 } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } img { border: 0 } 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 { font: inherit; margin: 0; color: inherit } button { overflow: visible } button, select { text-transform: none } button, html input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button } button[disabled], html input[disabled] { cursor: default } 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-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none } fieldset { margin: 0 2px; padding: .35em .625em .75em; border: 1px solid silver } legend { padding: 0; border: 0 } textarea { overflow: auto } optgroup { font-weight: 700 } table { border-spacing: 0; border-collapse: collapse } td, th { padding: 0 } * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; outline: 0; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent } body { font-family: "微软雅黑"; font-size: 17px; line-height: 21px; color: #000; background-color: #efeff4; -webkit-overflow-scrolling: touch } a { text-decoration: none; } /*a:active { color: #e2363b }*/ .mui-content { background-color: #f5f5f5; -webkit-overflow-scrolling: touch } .mui-bar-nav~.mui-content { padding-top: 44px } .mui-bar-nav~.mui-content.mui-scroll-wrapper .mui-scrollbar-vertical { top: 44px } .mui-bar-header-secondary~.mui-content { padding-top: 88px } .mui-bar-header-secondary~.mui-content.mui-scroll-wrapper .mui-scrollbar-vertical { top: 88px } .mui-bar-footer~.mui-content { padding-bottom: 44px } .mui-bar-footer~.mui-content.mui-scroll-wrapper .mui-scrollbar-vertical { bottom: 44px } .mui-bar-footer-secondary~.mui-content { padding-bottom: 88px } .mui-bar-footer-secondary~.mui-content.mui-scroll-wrapper .mui-scrollbar-vertical { bottom: 88px } .mui-bar-tab~.mui-content { padding-bottom: 50px } .mui-bar-tab~.mui-content.mui-scroll-wrapper .mui-scrollbar-vertical { bottom: 50px } .mui-bar-footer-secondary-tab~.mui-content { padding-bottom: 94px } .mui-bar-footer-secondary-tab~.mui-content.mui-scroll-wrapper .mui-scrollbar-vertical { bottom: 94px } .mui-content-padded { margin: 10px } .mui-inline { display: inline-block; vertical-align: top } .mui-block { display: block!important } .mui-visibility { visibility: visible!important } .mui-hidden { display: none!important } .mui-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .mui-ellipsis-2 { display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical } .mui-table { display: table; width: 100%; table-layout: fixed } .mui-table-cell { position: relative; display: table-cell } .mui-text-left { text-align: left!important } .mui-text-center { text-align: center!important } .mui-text-justify { text-align: justify!important } .mui-text-right { text-align: right!important } .mui-pull-left { float: left } .mui-pull-right { float: right } .mui-list-unstyled { padding-left: 0; list-style: none } .mui-list-inline { margin-left: -5px; padding-left: 0; list-style: none } .mui-list-inline>li { display: inline-block; padding-right: 5px; padding-left: 5px } .mui-clearfix:after, .mui-clearfix:before { display: table; content: ' ' } .mui-clearfix:after { clear: both } .mui-bg-primary { background-color: #007aff } .mui-bg-positive { background-color: #4cd964 } .mui-bg-negative { background-color: #dd524d } .mui-error { margin: 88px 35px; padding: 10px; border-radius: 6px; background-color: #bbb } .mui-subtitle { font-size: 15px } h1, h2, h3, h4, h5, h6 { line-height: 1; margin-top: 5px; margin-bottom: 5px } .mui-h1, h1 { font-size: 36px } .mui-h2, h2 { font-size: 30px } .mui-h3, h3 { font-size: 24px } .mui-h4, h4 { font-size: 18px } .mui-h5, h5 { font-size: 14px; font-weight: 400; color: #8f8f94 } .mui-h6, h6 { font-size: 12px; font-weight: 400; color: #8f8f94 } p { font-size: 14px; margin-top: 0; margin-bottom: 10px; color: #8f8f94 } .mui-row:after, .mui-row:before { display: table; content: ' ' } .mui-row:after { clear: both } .mui-col-sm-1, .mui-col-sm-10, .mui-col-sm-11, .mui-col-sm-12, .mui-col-sm-2, .mui-col-sm-3, .mui-col-sm-4, .mui-col-sm-5, .mui-col-sm-6, .mui-col-sm-7, .mui-col-sm-8, .mui-col-sm-9, .mui-col-xs-1, .mui-col-xs-10, .mui-col-xs-11, .mui-col-xs-12, .mui-col-xs-2, .mui-col-xs-3, .mui-col-xs-4, .mui-col-xs-5, .mui-col-xs-6, .mui-col-xs-7, .mui-col-xs-8,{ position: relative; min-height: 1px } .mui-col-xs-9 { /* position: relative;*/ min-height: 1px } .mui-row>[class*=mui-col-] { float: left } .mui-col-xs-12 { width: 100% } .mui-col-xs-11 { width: 91.66666667% } .mui-col-xs-10 { width: 83.33333333% } .mui-col-xs-9 { width: 75% } .mui-col-xs-8 { width: 66.66666667% } .mui-col-xs-7 { width: 58.33333333% } .mui-col-xs-6 { width: 50% } .mui-col-xs-5 { width: 41.66666667% } .mui-col-xs-4 { width: 33.33333333% } .mui-col-xs-3 { width: 25% } .mui-col-xs-2 { width: 16.66666667% } .mui-col-xs-1 { width: 8.33333333% } @media (min-width:400px) { .mui-col-sm-12 { width: 100% } .mui-col-sm-11 { width: 91.66666667% } .mui-col-sm-10 { width: 83.33333333% } .mui-col-sm-9 { width: 75% } .mui-col-sm-8 { width: 66.66666667% } .mui-col-sm-7 { width: 58.33333333% } .mui-col-sm-6 { width: 50% } .mui-col-sm-5 { width: 41.66666667% } .mui-col-sm-4 { width: 33.33333333% } .mui-col-sm-3 { width: 25% } .mui-col-sm-2 { width: 16.66666667% } .mui-col-sm-1 { width: 8.33333333% } } /*高度自适应*/ .mui-scroll-wrapper { position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; width: 100%; } /*高度自适应*/ .mui-scroll { position: absolute; z-index: 1; width: 100%; -webkit-transform: translateZ(0); transform: translateZ(0) } .mui-scrollbar { position: absolute; z-index: 9998; overflow: hidden; -webkit-transition: 500ms; transition: 500ms; transform: translateZ(0px); pointer-events: none; opacity: 0 } .mui-scrollbar-vertical { top: 0; right: 1px; bottom: 2px; width: 4px } .mui-scrollbar-vertical .mui-scrollbar-indicator { width: 100% } .mui-scrollbar-horizontal { right: 2px; bottom: 0; left: 2px; height: 4px } .mui-scrollbar-horizontal .mui-scrollbar-indicator { height: 100% } .mui-scrollbar-indicator { position: absolute; display: block; box-sizing: border-box; -webkit-transition: .01s cubic-bezier(.1, .57, .1, 1); transition: .01s cubic-bezier(.1, .57, .1, 1); transform: translate(0px, 0) translateZ(0px); border: 1px solid rgba(255, 255, 255, .80196); border-radius: 2px; background: rgba(0, 0, 0, .39804) } .mui-plus-pullrefresh .mui-fullscreen .mui-scroll-wrapper .mui-scroll-wrapper, .mui-plus-pullrefresh .mui-fullscreen .mui-slider-group .mui-scroll-wrapper { position: absolute; top: 0; bottom: 0; left: 0; overflow: hidden; width: 100% } .mui-plus-pullrefresh .mui-fullscreen .mui-scroll-wrapper .mui-scroll, .mui-plus-pullrefresh .mui-fullscreen .mui-slider-group .mui-scroll { position: absolute; width: 100% } .mui-plus-pullrefresh .mui-scroll-wrapper, .mui-plus-pullrefresh .mui-slider-group { position: static; top: auto; bottom: auto; left: auto; overflow: auto; width: auto } .mui-plus-pullrefresh .mui-slider-group { overflow: visible } .mui-plus-pullrefresh .mui-scroll { position: static; width: auto } .mui-off-canvas-wrap .mui-bar { position: absolute!important; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-box-shadow: none; box-shadow: none } .mui-off-canvas-wrap .mui-bar i { position: absolute; left: -22px; top: 2px; color: #fff; font-size: 22px; } .mui-off-canvas-wrap .mui-bar em { position: absolute; right: 0; top: 0; font-size: 20px; color: #fff; } .mui-off-canvas-wrap { position: relative; z-index: 1; overflow: hidden; width: 100%; height: 100% } .mui-off-canvas-wrap .mui-inner-wrap { position: relative; z-index: 1; width: 100%; height: 100% } .mui-off-canvas-wrap .mui-inner-wrap.mui-transitioning { -webkit-transition: -webkit-transform 350ms; transition: transform 350ms cubic-bezier(.165, .84, .44, 1) } .mui-off-canvas-wrap .mui-inner-wrap .mui-off-canvas-left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .mui-off-canvas-wrap .mui-inner-wrap .mui-off-canvas-right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .mui-off-canvas-wrap.mui-active { overflow: hidden; height: 100% } .mui-off-canvas-wrap.mui-active .mui-off-canvas-backdrop { position: absolute; z-index: 998; top: 0; right: 0; bottom: 0; left: 0; display: block; transition: background 350ms cubic-bezier(.165, .84, .44, 1); background: rgba(0, 0, 0, .4); box-shadow: -4px 0 4px rgba(0, 0, 0, .5), 4px 0 4px rgba(0, 0, 0, .5); -webkit-tap-highlight-color: transparent } .mui-off-canvas-wrap.mui-slide-in .mui-off-canvas-right { z-index: 10000!important; -webkit-transform: translate3d(100%, 0, 0) } .mui-off-canvas-wrap.mui-slide-in .mui-off-canvas-left { z-index: 10000!important; -webkit-transform: translate3d(-100%, 0, 0) } .mui-off-canvas-left, .mui-off-canvas-right { position: absolute; z-index: -1; top: 0; bottom: 0; visibility: hidden; box-sizing: content-box; width: 70%; min-height: 100%; background: #525252; -webkit-overflow-scrolling: touch } .mui-off-canvas-left.mui-transitioning, .mui-off-canvas-right.mui-transitioning { -webkit-transition: -webkit-transform 350ms cubic-bezier(.165, .84, .44, 1); transition: transform 350ms cubic-bezier(.165, .84, .44, 1) } .mui-off-canvas-left { left: 0 } .mui-off-canvas-right { right: 0 } .mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable { background-color: #333 } .mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable>.mui-off-canvas-left, .mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable>.mui-off-canvas-right { width: 80%; -webkit-transform: scale(.8); transform: scale(.8); opacity: .1 } .mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable>.mui-off-canvas-left.mui-transitioning, .mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable>.mui-off-canvas-right.mui-transitioning { -webkit-transition: -webkit-transform 350ms cubic-bezier(.165, .84, .44, 1), opacity 350ms cubic-bezier(.165, .84, .44, 1); transition: transform 350ms cubic-bezier(.165, .84, .44, 1), opacity 350ms cubic-bezier(.165, .84, .44, 1) } .mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable>.mui-off-canvas-left { -webkit-transform-origin: -100%; transform-origin: -100% } .mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable>.mui-off-canvas-right { -webkit-transform-origin: 200%; transform-origin: 200% } .mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable.mui-active>.mui-inner-wrap { -webkit-transform: scale(.8); transform: scale(.8) } .mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable.mui-active>.mui-off-canvas-left, .mui-off-canvas-wrap:not(.mui-slide-in).mui-scalable.mui-active>.mui-off-canvas-right { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } .mui-loading .mui-spinner { display: block; margin: 0 auto } .mui-spinner { display: inline-block; width: 24px; height: 24px; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-animation: spinner-spin 1s step-end infinite; animation: spinner-spin 1s step-end infinite } .mui-spinner:after { display: block; width: 100%; height: 100%; content: ''; background-image: url('data:image/svg+xml;charset=utf-8,'); background-repeat: no-repeat; background-position: 50%; background-size: 100% } .mui-spinner-white:after { background-image: url('data:image/svg+xml;charset=utf-8,') } @-webkit-keyframes spinner-spin { 0% { -webkit-transform: rotate(0deg) } 8.33333333% { -webkit-transform: rotate(30deg) } 16.66666667% { -webkit-transform: rotate(60deg) } 25% { -webkit-transform: rotate(90deg) } 33.33333333% { -webkit-transform: rotate(120deg) } 41.66666667% { -webkit-transform: rotate(150deg) } 50% { -webkit-transform: rotate(180deg) } 58.33333333% { -webkit-transform: rotate(210deg) } 66.66666667% { -webkit-transform: rotate(240deg) } 75% { -webkit-transform: rotate(270deg) } 83.33333333% { -webkit-transform: rotate(300deg) } 91.66666667% { -webkit-transform: rotate(330deg) } 100% { -webkit-transform: rotate(360deg) } } @keyframes spinner-spin { 0% { transform: rotate(0deg) } 8.33333333% { transform: rotate(30deg) } 16.66666667% { transform: rotate(60deg) } 25% { transform: rotate(90deg) } 33.33333333% { transform: rotate(120deg) } 41.66666667% { transform: rotate(150deg) } 50% { transform: rotate(180deg) } 58.33333333% { transform: rotate(210deg) } 66.66666667% { transform: rotate(240deg) } 75% { transform: rotate(270deg) } 83.33333333% { transform: rotate(300deg) } 91.66666667% { transform: rotate(330deg) } 100% { transform: rotate(360deg) } } .mui-btn, button, input[type=button], input[type=reset], input[type=submit] { font-size: 14px; font-weight: 400; line-height: 1.42; position: relative; display: inline-block; margin-bottom: 0; padding: 6px 12px; cursor: pointer; -webkit-transition: all; transition: all; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-duration: .2s; transition-duration: .2s; text-align: center; vertical-align: top; white-space: nowrap; color: #333; border: 1px solid #ccc; border-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; background-color: #fff; background-clip: padding-box } .mui-btn.mui-active:enabled, .mui-btn:enabled:active, button.mui-active:enabled, button:enabled:active, input[type=button].mui-active:enabled, input[type=button]:enabled:active, input[type=reset].mui-active:enabled, input[type=reset]:enabled:active, input[type=submit].mui-active:enabled, input[type=submit]:enabled:active { color: #fff; background-color: #929292 } .mui-btn.mui-disabled, .mui-btn:disabled, button.mui-disabled, button:disabled, input[type=button].mui-disabled, input[type=button]:disabled, input[type=reset].mui-disabled, input[type=reset]:disabled, input[type=submit].mui-disabled, input[type=submit]:disabled { opacity: .6 } .mui-btn-blue, .mui-btn-primary, input[type=submit] { color: #fff; border: 1px solid #007aff; background-color: #007aff } .mui-btn-blue.mui-active:enabled, .mui-btn-blue:enabled:active, .mui-btn-primary.mui-active:enabled, .mui-btn-primary:enabled:active, input[type=submit].mui-active:enabled, input[type=submit]:enabled:active { color: #fff; border: 1px solid #0062cc; background-color: #0062cc } .mui-btn-green, .mui-btn-positive, .mui-btn-success { color: #fff; border: 1px solid #4cd964; background-color: #4cd964 } .mui-btn-green.mui-active:enabled, .mui-btn-green:enabled:active, .mui-btn-positive.mui-active:enabled, .mui-btn-positive:enabled:active, .mui-btn-success.mui-active:enabled, .mui-btn-success:enabled:active { color: #fff; border: 1px solid #2ac845; background-color: #2ac845 } .mui-btn-warning, .mui-btn-yellow { color: #fff; border: 1px solid #f0ad4e; background-color: #f0ad4e } .mui-btn-warning.mui-active:enabled, .mui-btn-warning:enabled:active, .mui-btn-yellow.mui-active:enabled, .mui-btn-yellow:enabled:active { color: #fff; border: 1px solid #ec971f; background-color: #ec971f } .mui-btn-danger, .mui-btn-negative, .mui-btn-red { color: #fff; border: 1px solid #dd524d; background-color: #dd524d } .mui-btn-danger.mui-active:enabled, .mui-btn-danger:enabled:active, .mui-btn-negative.mui-active:enabled, .mui-btn-negative:enabled:active, .mui-btn-red.mui-active:enabled, .mui-btn-red:enabled:active { color: #fff; border: 1px solid #cf2d28; background-color: #cf2d28 } .mui-btn-purple, .mui-btn-royal { color: #fff; border: 1px solid #8a6de9; background-color: #8a6de9 } .mui-btn-purple.mui-active:enabled, .mui-btn-purple:enabled:active, .mui-btn-royal.mui-active:enabled, .mui-btn-royal:enabled:active { color: #fff; border: 1px solid #6641e2; background-color: #6641e2 } .mui-btn-grey { color: #fff; border: 1px solid #c7c7cc; background-color: #c7c7cc } .mui-btn-grey.mui-active:enabled, .mui-btn-grey:enabled:active { color: #fff; border: 1px solid #acacb4; background-color: #acacb4 } .mui-btn-outlined { background-color: transparent } .mui-btn-outlined.mui-btn-blue, .mui-btn-outlined.mui-btn-primary { color: #007aff } .mui-btn-outlined.mui-btn-green, .mui-btn-outlined.mui-btn-positive, .mui-btn-outlined.mui-btn-success { color: #4cd964 } .mui-btn-outlined.mui-btn-warning, .mui-btn-outlined.mui-btn-yellow { color: #f0ad4e } .mui-btn-outlined.mui-btn-danger, .mui-btn-outlined.mui-btn-negative, .mui-btn-outlined.mui-btn-red { color: #dd524d } .mui-btn-outlined.mui-btn-purple, .mui-btn-outlined.mui-btn-royal { color: #8a6de9 } .mui-btn-outlined.mui-btn-blue:enabled:active, .mui-btn-outlined.mui-btn-danger:enabled:active, .mui-btn-outlined.mui-btn-green:enabled:active, .mui-btn-outlined.mui-btn-negative:enabled:active, .mui-btn-outlined.mui-btn-positive:enabled:active, .mui-btn-outlined.mui-btn-primary:enabled:active, .mui-btn-outlined.mui-btn-purple:enabled:active, .mui-btn-outlined.mui-btn-red:enabled:active, .mui-btn-outlined.mui-btn-royal:enabled:active, .mui-btn-outlined.mui-btn-success:enabled:active, .mui-btn-outlined.mui-btn-warning:enabled:active, .mui-btn-outlined.mui-btn-yellow:enabled:active { color: #fff } .mui-btn-link { padding-top: 6px; padding-bottom: 6px; color: #007aff; border: 0; background-color: transparent } .mui-btn-link.mui-active:enabled, .mui-btn-link:enabled:active { color: #0062cc; background-color: transparent } .mui-btn-block { font-size: 18px; display: block; width: 100%; margin-bottom: 10px; padding: 15px 0 } .mui-btn .mui-badge { font-size: 14px; margin: -2px -4px -2px 4px; background-color: rgba(0, 0, 0, .15) } .mui-btn .mui-badge-inverted, .mui-btn:enabled:active .mui-badge-inverted { background-color: transparent } .mui-btn-negative:enabled:active .mui-badge-inverted, .mui-btn-positive:enabled:active .mui-badge-inverted, .mui-btn-primary:enabled:active .mui-badge-inverted { color: #fff } .mui-btn-block .mui-badge { position: absolute; right: 0; margin-right: 10px } .mui-btn .mui-icon { font-size: inherit } .mui-btn.mui-icon { font-size: 14px; line-height: 1.42 } .mui-btn.mui-fab { width: 56px; height: 56px; padding: 16px; border-radius: 50%; outline: 0 } .mui-btn.mui-fab.mui-btn-mini { width: 40px; height: 40px; padding: 8px } .mui-btn.mui-fab .mui-icon { font-size: 24px; line-height: 24px; width: 24px; height: 24px } .mui-btn .mui-spinner { width: 14px; height: 14px; vertical-align: text-bottom } .mui-btn-block .mui-spinner { width: 22px; height: 22px } .mui-bar { position: fixed; z-index: 10; right: 0; left: 0; height: 44px; padding-right: 10px; padding-left: 10px; border-bottom: 0; /*background-color: #f7f7f7;*/ /*background: -webkit-linear-gradient(left,#0b4f78,#1689b9) !important;*/ -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .85); box-shadow: 0 0 1px rgba(0, 0, 0, .85); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .mui-bar .mui-title { right: 40px; left: 40px; display: inline-block; overflow: hidden; width: auto; margin: 0; text-overflow: ellipsis } .mui-bar .mui-backdrop { background: 0 0 } .mui-bar-header-secondary { top: 44px } .mui-bar-footer { bottom: 0 } .mui-bar-footer-secondary { bottom: 44px } .mui-bar-footer-secondary-tab { bottom: 50px } .mui-bar-footer, .mui-bar-footer-secondary, .mui-bar-footer-secondary-tab { border-top: 0 } .mui-bar-transparent { top: 0; background-color: rgba(247, 247, 247, 0); -webkit-box-shadow: none; box-shadow: none } .mui-bar-nav { top: 0; -webkit-box-shadow: 0 1px 6px #ccc; box-shadow: 0 1px 6px #ccc } .mui-bar-nav~.mui-content .mui-anchor { display: block; visibility: hidden; height: 45px; margin-top: -45px } .mui-bar-nav.mui-bar .mui-icon { margin-right: -10px; margin-left: -15px; padding-right: 10px; padding-left:13px !important; } .mui-title { font-size: 17px; font-weight: 500; line-height: 44px; position: absolute; display: block; width: 100%; margin: 0 -10px; padding: 0; text-align: center; white-space: nowrap; color: #fff } .mui-title a { color: inherit } .mui-bar-tab { bottom: 0; display: table; width: 100%; height: 50px; padding: 0; table-layout: fixed; border-top: 0; border-bottom: 0; -webkit-touch-callout: none } .mui-bar-tab .mui-tab-item { display: table-cell; overflow: hidden; width: 1%; height: 50px; text-align: center; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; color: #929292 } .mui-bar-tab .mui-tab-item.mui-active { color: #007aff } .mui-bar-tab .mui-tab-item .mui-icon { top: 3px; width: 24px; height: 24px; padding-top: 0; padding-bottom: 0 } .mui-bar-tab .mui-tab-item .mui-icon~.mui-tab-label { font-size: 11px; display: block; overflow: hidden; text-overflow: ellipsis } .mui-bar-tab .mui-tab-item .mui-icon:active { background: 0 0 } .mui-focusin>.mui-bar-header-secondary, .mui-focusin>.mui-bar-nav { position: absolute } .mui-focusin>.mui-bar~.mui-content { padding-bottom: 0 } .mui-bar .mui-btn { font-weight: 400; position: relative; z-index: 20; top: 7px; margin-top: 0; padding: 6px 12px 7px } .mui-bar .mui-btn.mui-pull-right { margin-left: 10px } .mui-bar .mui-btn.mui-pull-left { margin-right: 10px } .mui-bar .mui-btn-link { font-size: 16px; line-height: 44px; top: 0; padding: 0; color: #007aff; border: 0 } .mui-bar .mui-btn-link.mui-active, .mui-bar .mui-btn-link:active { color: #0062cc } .mui-bar .mui-btn-block { font-size: 16px; top: 6px; margin-bottom: 0; padding: 5px 0 } .mui-bar .mui-btn-nav.mui-pull-left { margin-left: -5px } .mui-bar .mui-btn-nav.mui-pull-left .mui-icon-left-nav { margin-right: -3px } .mui-bar .mui-btn-nav.mui-pull-right { margin-right: -5px } .mui-bar .mui-btn-nav.mui-pull-right .mui-icon-right-nav { margin-left: -3px } .mui-bar .mui-btn-nav:active { opacity: .3 } .mui-bar .mui-icon { font-size: 22px; position: relative; z-index: 20; padding-top: 12px; /* padding-bottom: 13px;*/ color: #fff; } .mui-bar .mui-icon:active { opacity: .3 } .mui-bar .mui-btn .mui-icon { top: 1px; margin: 0; padding: 0 } .mui-bar .mui-title .mui-icon { margin: 0; padding: 0 } .mui-bar .mui-title .mui-icon.mui-icon-caret { top: 4px; margin-left: -5px } .mui-bar input[type=search] { height: 29px; margin: 8px 0 } .mui-bar .mui-input-row .mui-btn { padding: 12px 10px } .mui-bar .mui-search:before { margin-top: -10px } .mui-bar .mui-input-row .mui-input-clear~.mui-icon-clear, .mui-bar .mui-input-row .mui-input-speech~.mui-icon-speech { top: 0; right: 12px } .mui-bar.mui-bar-header-secondary .mui-input-row .mui-input-clear~.mui-icon-clear, .mui-bar.mui-bar-header-secondary .mui-input-row .mui-input-speech~.mui-icon-speech { top: 0; right: 0 } .mui-bar .mui-segmented-control { top: 7px; width: auto; margin: 0 auto } .mui-bar.mui-bar-header-secondary .mui-segmented-control { top: 0 } .mui-badge { font-size: 12px; line-height: 1; display: inline-block; padding: 3px 6px; color: #fff; border-radius: 100px; background-color: #ff6970 } .mui-badge.mui-badge-inverted { padding: 0 5px 0 0; color: #929292; background-color: transparent } .mui-badge-blue, .mui-badge-primary { color: #fff; background-color: #007aff } .mui-badge-blue.mui-badge-inverted, .mui-badge-primary.mui-badge-inverted { color: #007aff; background-color: transparent } .mui-badge-green, .mui-badge-success { color: #fff; background-color: #4cd964 } .mui-badge-green.mui-badge-inverted, .mui-badge-success.mui-badge-inverted { color: #4cd964; background-color: transparent } .mui-badge-warning, .mui-badge-yellow { color: #fff; background-color: #f0ad4e } .mui-badge-warning.mui-badge-inverted, .mui-badge-yellow.mui-badge-inverted { color: #f0ad4e; background-color: transparent } .mui-badge-danger, .mui-badge-red { color: #fff; background-color: #dd524d } .mui-badge-danger.mui-badge-inverted, .mui-badge-red.mui-badge-inverted { color: #dd524d; background-color: transparent } .mui-badge-purple, .mui-badge-royal { color: #fff; background-color: #8a6de9 } .mui-badge-purple.mui-badge-inverted, .mui-badge-royal.mui-badge-inverted { color: #8a6de9; background-color: transparent } .mui-icon .mui-badge { font-size: 10px; line-height: 1.4; position: absolute; top: -2px; left: 100%; margin-left: -10px; padding: 1px 5px; color: #fff; background: red } .mui-card { font-size: 14px; position: relative; overflow: hidden; margin: 10px; border-radius: 2px; background-color: #fff; background-clip: padding-box; box-shadow: 0 1px 2px rgba(0, 0, 0, .3) } .mui-content>.mui-card:first-child { margin-top: 15px } .mui-card .mui-input-group .mui-input-row:last-child:after, .mui-card .mui-input-group .mui-input-row:last-child:before, .mui-card .mui-input-group:after, .mui-card .mui-input-group:before { height: 0 } .mui-card .mui-table-view { margin-bottom: 0; border-top: 0; border-bottom: 0; border-radius: 6px } .mui-card .mui-table-view .mui-table-view-cell:first-child, .mui-card .mui-table-view .mui-table-view-divider:first-child { top: 0; border-top-left-radius: 6px; border-top-right-radius: 6px } .mui-card .mui-table-view .mui-table-view-cell:last-child, .mui-card .mui-table-view .mui-table-view-divider:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px } .mui-card .mui-table-view:after, .mui-card .mui-table-view:before, .mui-card>.mui-table-view>.mui-table-view-cell:last-child:after, .mui-card>.mui-table-view>.mui-table-view-cell:last-child:before { height: 0 } .mui-card-footer, .mui-card-header { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; min-height: 44px; padding: 10px 15px; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .mui-card-footer .mui-card-link, .mui-card-header .mui-card-link { line-height: 44px; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; height: 44px; margin-top: -10px; margin-bottom: -10px; -webkit-transition-duration: .3s; transition-duration: .3s; text-decoration: none; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .mui-card-footer:before, .mui-card-header:after { position: absolute; top: 0; right: 0; left: 0; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #c8c7cc } .mui-card-header { font-size: 17px; border-radius: 2px 2px 0 0 } .mui-card-header:after { top: auto; bottom: 0 } .mui-card-header>img:first-child { font-size: 0; line-height: 0; float: left; width: 34px; height: 34px } .mui-card-footer { color: #6d6d72; border-radius: 0 0 2px 2px } .mui-card-content { font-size: 14px; position: relative } .mui-card-content-inner { position: relative; padding: 15px } .mui-card-media { vertical-align: bottom; color: #fff; background-position: center; background-size: cover } .mui-card-header.mui-card-media { display: block; padding: 10px } .mui-card-header.mui-card-media .mui-media-body { font-size: 14px; font-weight: 500; line-height: 17px; margin-bottom: 0; margin-left: 44px; color: #333 } .mui-card-header.mui-card-media .mui-media-body p { font-size: 13px; margin-bottom: 0 } .mui-table-view { /*position: relative;*/ margin-top: 0; margin-bottom: 0; padding-left: 0; list-style: none; background-color: #fff } .mui-table-view:after { position: absolute; right: 0; bottom: 0; left: 0; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #c8c7cc } .mui-table-view:before { position: absolute; right: 0; left: 0; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #c8c7cc; top: -1px } .mui-table-view-icon .mui-table-view-cell .mui-navigate-right .mui-icon { font-size: 20px; margin-top: -1px; margin-right: 5px; margin-left: -5px } .mui-table-view-icon .mui-table-view-cell:after { left: 40px } .mui-table-view-chevron .mui-table-view-cell { padding-right: 65px } .mui-table-view-chevron .mui-table-view-cell>a:not(.mui-btn) { margin-right: -65px } .mui-table-view-radio .mui-table-view-cell { padding-right: 65px } .mui-table-view-radio .mui-table-view-cell>a:not(.mui-btn) { margin-right: -65px } .mui-table-view-radio .mui-table-view-cell .mui-navigate-right:after { font-size: 30px; font-weight: 600; right: 9px; content: ''; color: #007aff } .mui-table-view-radio .mui-table-view-cell.mui-selected .mui-navigate-right:after { content: '\e472' } .mui-table-view-inverted { color: #fff; background: #333 } .mui-table-view-inverted:after { position: absolute; right: 0; bottom: 0; left: 0; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #222 } .mui-table-view-inverted:before { position: absolute; top: 0; right: 0; left: 0; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #222 } .mui-table-view-inverted .mui-table-view-cell:after { position: absolute; right: 0; bottom: 0; left: 15px; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #222 } .mui-table-view-inverted .mui-table-view-cell.mui-active, .mui-table-view-inverted .mui-table-view-cell>a:not(.mui-btn).mui-active { background-color: #242424 } .mui-table-view-cell { /*position: relative;*/ overflow: hidden; padding: 11px 15px; -webkit-touch-callout: none } .mui-table-view-cell:after { position: absolute; right: 0; bottom: 0; left: 15px; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #c8c7cc } .mui-table-view-cell.mui-checkbox input[type=checkbox], .mui-table-view-cell.mui-radio input[type=radio] { top: 8px } .mui-table-view-cell.mui-checkbox.mui-left, .mui-table-view-cell.mui-radio.mui-left { padding-left: 58px } .mui-table-view-cell.mui-active { background-color: #eee } .mui-table-view-cell:last-child:after, .mui-table-view-cell:last-child:before { height: 0 } .mui-table-view-cell>a:not(.mui-btn) { position: relative; display: block; overflow: hidden; margin: -11px -15px; padding: inherit; white-space: nowrap; text-overflow: ellipsis; color: inherit } .mui-table-view-cell>a:not(.mui-btn).mui-active { background-color: #eee } .mui-table-view-cell p { margin-bottom: 0 } .mui-table-view-cell.mui-transitioning>.mui-slider-handle, .mui-table-view-cell.mui-transitioning>.mui-slider-left .mui-btn, .mui-table-view-cell.mui-transitioning>.mui-slider-right .mui-btn { -webkit-transition: -webkit-transform 300ms ease; transition: transform 300ms ease } .mui-table-view-cell.mui-active>.mui-slider-handle { background-color: #eee } .mui-table-view-cell>.mui-slider-handle { position: relative; background-color: #fff } .mui-table-view-cell>.mui-slider-handle .mui-navigate-right:after, .mui-table-view-cell>.mui-slider-handle.mui-navigate-right:after { right: 0 } .mui-table-view-cell>.mui-slider-handle, .mui-table-view-cell>.mui-slider-left .mui-btn, .mui-table-view-cell>.mui-slider-right .mui-btn { -webkit-transition: -webkit-transform 0ms ease; transition: transform 0ms ease } .mui-table-view-cell>.mui-slider-left, .mui-table-view-cell>.mui-slider-right { position: absolute; top: 0; display: -webkit-box; display: -webkit-flex; display: flex; height: 100% } .mui-table-view-cell>.mui-slider-left>.mui-btn, .mui-table-view-cell>.mui-slider-right>.mui-btn { position: relative; left: 0; display: -webkit-box; display: -webkit-flex; display: flex; padding: 0 30px; color: #fff; border: 0; border-radius: 0; -webkit-box-align: center; -webkit-align-items: center; align-items: center } .mui-table-view-cell>.mui-slider-left>.mui-btn:after, .mui-table-view-cell>.mui-slider-right>.mui-btn:after { position: absolute; z-index: -1; top: 0; width: 600%; height: 100%; content: ''; background: inherit } .mui-table-view-cell>.mui-slider-left>.mui-btn.mui-icon, .mui-table-view-cell>.mui-slider-right>.mui-btn.mui-icon { font-size: 30px } .mui-table-view-cell>.mui-slider-right { right: 0; -webkit-transition: -webkit-transform 0ms ease; transition: transform 0ms ease; -webkit-transform: translateX(100%); transform: translateX(100%) } .mui-table-view-cell>.mui-slider-left { left: 0; -webkit-transition: -webkit-transform 0ms ease; transition: transform 0ms ease; -webkit-transform: translateX(-100%); transform: translateX(-100%) } .mui-table-view-cell>.mui-slider-left>.mui-btn:after { right: 100%; margin-right: -1px } .mui-table-view-divider { font-weight: 500; position: relative; margin-top: -1px; margin-left: 0; padding-top: 6px; padding-bottom: 6px; padding-left: 15px; color: #999; background-color: #fafafa } .mui-table-view-divider:after { position: absolute; right: 0; bottom: 0; left: 0; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #c8c7cc } .mui-table-view-divider:before { position: absolute; top: 0; right: 0; left: 0; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #c8c7cc } .mui-table-view .mui-media, .mui-table-view .mui-media-body { overflow: hidden } .mui-table-view .mui-media-large .mui-media-object { line-height: 80px; max-width: 80px; height: 80px } .mui-table-view .mui-media .mui-subtitle { color: #000 } .mui-table-view .mui-media-object { line-height: 42px; max-width: 42px; height: 42px } .mui-table-view .mui-media-object.mui-pull-left { margin-right: 10px } .mui-table-view .mui-media-object.mui-pull-right { margin-left: 10px } .mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object { line-height: 29px; max-width: 29px; height: 29px; margin: -4px 0 } .mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object img { line-height: 29px; max-width: 29px; height: 29px } .mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object.mui-pull-left { margin-right: 10px } .mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object .mui-icon { font-size: 29px } .mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-body:after { position: absolute; right: 0; bottom: 0; left: 55px; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #c8c7cc } .mui-table-view .mui-table-view-cell.mui-media-icon:after { height: 0!important } .mui-table-view.mui-unfold .mui-table-view-cell.mui-collapse .mui-table-view { display: block } .mui-table-view.mui-unfold .mui-table-view-cell.mui-collapse .mui-table-view:after, .mui-table-view.mui-unfold .mui-table-view-cell.mui-collapse .mui-table-view:before { height: 0!important } .mui-table-view.mui-unfold .mui-table-view-cell.mui-media-icon.mui-collapse .mui-media-body:after { position: absolute; right: 0; bottom: 0; left: 70px; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #c8c7cc } .mui-table-view-cell>.mui-badge, .mui-table-view-cell>.mui-btn, .mui-table-view-cell>.mui-switch, .mui-table-view-cell>a>.mui-badge, .mui-table-view-cell>a>.mui-btn, .mui-table-view-cell>a>.mui-switch { position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .mui-table-view-cell .mui-navigate-right>.mui-badge, .mui-table-view-cell .mui-navigate-right>.mui-btn, .mui-table-view-cell .mui-navigate-right>.mui-switch, .mui-table-view-cell .mui-push-left>.mui-badge, .mui-table-view-cell .mui-push-left>.mui-btn, .mui-table-view-cell .mui-push-left>.mui-switch, .mui-table-view-cell .mui-push-right>.mui-badge, .mui-table-view-cell .mui-push-right>.mui-btn, .mui-table-view-cell .mui-push-right>.mui-switch, .mui-table-view-cell>a .mui-navigate-right>.mui-badge, .mui-table-view-cell>a .mui-navigate-right>.mui-btn, .mui-table-view-cell>a .mui-navigate-right>.mui-switch, .mui-table-view-cell>a .mui-push-left>.mui-badge, .mui-table-view-cell>a .mui-push-left>.mui-btn, .mui-table-view-cell>a .mui-push-left>.mui-switch, .mui-table-view-cell>a .mui-push-right>.mui-badge, .mui-table-view-cell>a .mui-push-right>.mui-btn, .mui-table-view-cell>a .mui-push-right>.mui-switch { right: 35px } .mui-content>.mui-table-view:first-child { /*margin-top: 15px*/ } .mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell:last-child:after, .mui-table-view-cell.mui-collapse .mui-table-view:after, .mui-table-view-cell.mui-collapse .mui-table-view:before { height: 0 } .mui-table-view-cell.mui-collapse>.mui-navigate-right:after, .mui-table-view-cell.mui-collapse>.mui-push-right:after { content: '\e581' } .mui-table-view-cell.mui-collapse.mui-active { margin-top: -1px } .mui-table-view-cell.mui-collapse.mui-active .mui-collapse-content, .mui-table-view-cell.mui-collapse.mui-active .mui-table-view { display: block } .mui-table-view-cell.mui-collapse.mui-active>.mui-navigate-right:after, .mui-table-view-cell.mui-collapse.mui-active>.mui-push-right:after { content: '\e580' } .mui-table-view-cell.mui-collapse.mui-active .mui-table-view-cell>a:not(.mui-btn).mui-active { margin-left: -31px; padding-left: 47px } .mui-table-view-cell.mui-collapse .mui-collapse-content { position: relative; display: none; overflow: hidden; margin: 11px -15px -11px; padding: 8px 15px; -webkit-transition: height .35s ease; -o-transition: height .35s ease; transition: height .35s ease; background: #fff } .mui-table-view-cell.mui-collapse .mui-collapse-content>.mui-input-group, .mui-table-view-cell.mui-collapse .mui-collapse-content>.mui-slider { width: auto; height: auto; margin: -8px -15px } .mui-table-view-cell.mui-collapse .mui-collapse-content>.mui-slider { margin: -8px -16px } .mui-table-view-cell.mui-collapse .mui-table-view { display: none; margin-top: 11px; margin-right: -15px; margin-bottom: -11px; margin-left: -15px; border: 0 } .mui-table-view-cell.mui-collapse .mui-table-view.mui-table-view-chevron { margin-right: -65px } .mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell { padding-left: 31px; background-position: 31px 100% } .mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell:after { position: absolute; right: 0; bottom: 0; left: 30px; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #c8c7cc } .mui-table-view.mui-grid-view { font-size: 0; display: block; width: 100%; padding: 0 10px 10px 0; white-space: normal } .mui-table-view.mui-grid-view .mui-table-view-cell { font-size: 17px; display: inline-block; margin-right: -4px; padding: 10px 0 0 14px; text-align: center; vertical-align: middle; background: 0 0 } .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-object { width: 100%; max-width: 100%; height: auto } .mui-table-view.mui-grid-view .mui-table-view-cell>a:not(.mui-btn) { margin: -10px 0 0 -14px } .mui-table-view.mui-grid-view .mui-table-view-cell>a:not(.mui-btn).mui-active, .mui-table-view.mui-grid-view .mui-table-view-cell>a:not(.mui-btn):active { background: 0 0 } .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body { font-size: 0.7rem; line-height: 15px; display: block; width: 100%; height: 15px; margin-top: 8px; text-overflow: ellipsis; color: #737373; } .mui-table-view.mui-grid-view .mui-table-view-cell:after, .mui-table-view.mui-grid-view .mui-table-view-cell:before { height: 0 } .mui-grid-view.mui-grid-9 { margin: 0; padding: 0; /*border-top: 1px solid #eee; border-left: 1px solid #eee;*/ background-color: #f5f5f5; } .mui-grid-view.mui-grid-9:after, .mui-grid-view.mui-grid-9:before { display: table; content: ' ' } .mui-grid-view.mui-grid-9:after { clear: both; position: static } .mui-grid-view.mui-grid-9 .mui-table-view-cell { margin: 0; padding: 5px 8px; vertical-align: top; /* border-right: 1px solid #eee; border-bottom: 1px solid #eee*/ } .mui-grid-view.mui-grid-9 .mui-table-view-cell.mui-active { background-color: #eee } .mui-grid-view.mui-grid-9 .mui-table-view-cell>a:not(.mui-btn) { margin: 0; padding: 10px 0 } .mui-grid-view.mui-grid-9:before { height: 0 } .mui-grid-view.mui-grid-9 .mui-media { color: #797979 } .mui-grid-view.mui-grid-9 .mui-media .mui-icon { font-size: 2.4em; position: relative } .mui-slider-cell { position: relative } .mui-slider-cell>.mui-slider-handle { z-index: 1 } .mui-slider-cell>.mui-slider-left, .mui-slider-cell>.mui-slider-right { position: absolute; z-index: 0; top: 0; bottom: 0 } .mui-slider-cell>.mui-slider-left { left: 0 } .mui-slider-cell>.mui-slider-right { right: 0 } input, select, textarea { font-family: 'Helvetica Neue', Helvetica, sans-serif; font-size: 17px; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent } input:focus, select:focus, textarea:focus { -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; -webkit-user-modify: read-write-plaintext-only } input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea { line-height: 1rem; width: 100%; height: 2rem; margin-bottom: 0.75rem; /*padding: 0.5rem 0.75rem 0.1rem 0.75rem;*/ -webkit-user-select: text; border: 1px solid rgba(0, 0, 0, .2); border-radius: 3px; outline: 0; background-color: #fff; -webkit-appearance: none; font-size: 0.7rem; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none } input[type=search] { font-size: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 34px; text-align: center; border: 0; border-radius: 6px; background-color: rgba(0, 0, 0, .1) } input[type=search]:focus { text-align: left } textarea { height: auto; resize: none } select { font-size: 14px; height: auto; border: 0!important; background-color: #fff } select:focus { -webkit-user-modify: read-only } .mui-input-group { position: relative; padding: 0; border: 0; } .mui-input-group:after { position: absolute; right: 0; bottom: 0; left: 0; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #c8c7cc } .mui-input-group:before { position: absolute; top: 0; right: 0; left: 0; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #c8c7cc } .mui-input-group input, .mui-input-group textarea { margin-bottom: 0; border: 0; border-radius: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none } .mui-input-group input[type=search] { background: 0 0 } .mui-input-group input:last-child { background-image: none } .mui-input-row { clear: left; overflow: hidden } .mui-input-row select { font-size: 17px; height: 37px; padding: 0 } .mui-input-row .mui-btn+input, .mui-input-row label+input, .mui-input-row:last-child { background: 0 0 } .mui-input-group .mui-input-row { height: 2rem; } .mui-input-group .mui-input-row:after { position: absolute; right: 0; bottom: 0; left: 15px; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #c8c7cc } .mui-input-row label { font-family: 'Helvetica Neue', Helvetica, sans-serif; float: left; width: 16%; padding: 0.55rem 0.75rem } .mui-input-row label~input, .mui-input-row label~select, .mui-input-row label~textarea { float: right; width: 80%; margin-bottom: 0; padding-left: 0; border: 0 } .mui-input-row .mui-btn { line-height: 1.1; float: right; width: 15%; padding: 10px 15px } .mui-input-row .mui-btn~input, .mui-input-row .mui-btn~select, .mui-input-row .mui-btn~textarea { float: left; width: 85%; margin-bottom: 0; padding-left: 0; border: 0 } .mui-button-row { position: relative; padding-top: 5px; text-align: center } .mui-input-group .mui-button-row { height: 45px } .mui-input-row { position: relative } .mui-input-row.mui-input-range { overflow: visible; padding-right: 20px } .mui-input-row .mui-inline { padding: 8px 0 } .mui-input-row .mui-input-clear~.mui-icon-clear, .mui-input-row .mui-input-password~.mui-icon-eye, .mui-input-row .mui-input-speech~.mui-icon-speech { font-size: 0; position: absolute; z-index: 1; top: 10px; right: 0; width: 38px; height: 38px; text-align: center; color: #999 } .mui-input-row .mui-input-clear~.mui-icon-clear.mui-active, .mui-input-row .mui-input-password~.mui-icon-eye.mui-active, .mui-input-row .mui-input-speech~.mui-icon-speech.mui-active { color: #007aff } .mui-input-row .mui-input-speech~.mui-icon-speech { font-size: 24px; top: 8px } .mui-input-row .mui-input-clear~.mui-icon-clear~.mui-icon-speech { display: none } .mui-input-row .mui-input-clear~.mui-icon-clear.mui-hidden~.mui-icon-speech { display: inline-block } .mui-input-row .mui-icon-speech~.mui-placeholder { right: 38px } .mui-input-row.mui-search .mui-icon-clear { top: 7px } .mui-input-row.mui-search .mui-icon-speech { top: 5px } .mui-checkbox, .mui-radio { position: relative } .mui-checkbox label, .mui-radio label { display: inline-block; float: none; width: 100%; padding-right: 58px } .mui-checkbox.mui-left input[type=checkbox], .mui-radio.mui-left input[type=radio] { left: 10px } .mui-checkbox.mui-left label, .mui-radio.mui-left label { padding-right: 15px; padding-left: 58px } .mui-checkbox input[type=checkbox], .mui-radio input[type=radio] { position: absolute; top: 2.3rem; right: 8px; display: inline-block; width: 28px; height: 26px; border: 0; outline: 0!important; background-color: transparent; -webkit-appearance: none } .mui-checkbox input[type=checkbox][disabled]:before, .mui-radio input[type=radio][disabled]:before { opacity: .3 } .mui-checkbox input[type=checkbox]:before, .mui-radio input[type=radio]:before { font-family: Muiicons; font-size: 22px; font-weight: 400; line-height: 1; text-decoration: none; color: #aaa; border-radius: 0; background: 0 0; -webkit-font-smoothing: antialiased } .mui-checkbox input[type=checkbox]:checked:before, .mui-radio input[type=radio]:checked:before { color: #ff6970 } .mui-checkbox label.mui-disabled, .mui-checkbox.mui-disabled label, .mui-radio label.mui-disabled, .mui-radio.mui-disabled label { opacity: .4 } .mui-radio input[type=radio]:before { content: '\e411' } .mui-radio input[type=radio]:checked:before { content: '\e441' } .mui-checkbox input[type=checkbox]:before { content: '\e411' } .mui-checkbox input[type=checkbox]:checked:before { content: '\e442' } .mui-select { position: relative } .mui-select:before { font-family: Muiicons; position: absolute; top: 8px; right: 21px; content: '\e581'; color: rgba(170, 170, 170, .6) } .mui-input-row .mui-switch { float: right; margin-top: 5px; margin-right: 20px } .mui-input-range input[type=range] { position: relative; width: 100%; height: 2px; margin: 17px 0; padding: 0; cursor: pointer; border: 0; border-radius: 3px; outline: 0; background-color: #999; -webkit-appearance: none!important } .mui-input-range input[type=range]::-webkit-slider-thumb { width: 28px; height: 28px; border-color: #0062cc; border-radius: 50%; background-color: #007aff; background-clip: padding-box; -webkit-appearance: none!important } .mui-input-range label~input[type=range] { width: 65% } .mui-input-range .mui-tooltip { font-size: 36px; line-height: 64px; position: absolute; z-index: 1; top: -70px; width: 64px; height: 64px; text-align: center; opacity: .8; color: #333; border: 1px solid #ddd; border-radius: 6px; background-color: #fff; text-shadow: 0 1px 0 #f3f3f3 } .mui-search { position: relative } .mui-search input[type=search] { padding-left: 30px } .mui-search .mui-placeholder { font-size: 16px; line-height: 34px; position: absolute; z-index: 1; top: 2px; right: 60px; bottom: 0; left: 60px; display: inline-block; height: 34px; text-align: center; color: #999; border: 0; border-radius: 6px; background: 0 0 } .mui-search .mui-placeholder .mui-icon { font-size: 20px; color: #333; } .mui-search:before { font-family: Muiicons; font-size: 20px; font-weight: 400; position: absolute; top: 50%; right: 50%; display: none; margin-top: -18px; margin-right: 31px; content: '\e466' } /*.mui-search.mui-active:before { font-size: 20px; right: auto; left: 5px; display: block; margin-right: 0 } .mui-search.mui-active input[type=search] { text-align: left }*/ .mui-search.mui-active .mui-placeholder { display: none } .mui-segmented-control { font-size: 15px; font-weight: 400; position: relative; display: table; overflow: hidden; width: 100%; table-layout: fixed; /*border: 1px solid #007aff;*/ /*border-radius: 3px;*/ background-color: #f0f0f0; -webkit-touch-callout: none } .mui-segmented-control.mui-segmented-control-vertical { border-collapse: collapse; border-width: 0; border-radius: 0 } .mui-segmented-control.mui-segmented-control-vertical .mui-control-item { display: block; border-bottom: 1px solid #c8c7cc; border-left-width: 0 } .mui-segmented-control.mui-scroll-wrapper { height: 38px } .mui-segmented-control.mui-scroll-wrapper .mui-scroll { width: auto; height: 40px; white-space: nowrap } .mui-segmented-control.mui-scroll-wrapper .mui-control-item { display: inline-block; width: auto; padding: 0 20px; border: 0 } .mui-segmented-control .mui-control-item { line-height: 2rem; display: table-cell; overflow: hidden; width: 1%; -webkit-transition: background-color .1s linear; transition: background-color .1s linear; text-align: center; white-space: nowrap; text-overflow: ellipsis; color: #c2c2c2; /*border-color: #007aff;*/ border-left: 1px solid #007aff } .mui-segmented-control .mui-control-item:first-child { border-left-width: 0 } .mui-segmented-control .mui-control-item.mui-active { color: #0b4f78; background-color: #fff; } .mui-segmented-control.mui-segmented-control-inverted { width: 100%; border: 0; border-radius: 0 } .mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item, .mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item.mui-active { border-bottom: 1px solid #fff; } .mui-segmented-control.mui-segmented-control-inverted .mui-control-item { color: inherit; border: 0 } .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active { color: #007aff; border-bottom: 2px solid #007aff; background: 0 0 } .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-progress-bar { background-color: #007aff } .mui-segmented-control-positive { border: 1px solid #4cd964 } .mui-segmented-control-positive .mui-control-item { color: #4cd964; border-color: inherit } .mui-segmented-control-positive .mui-control-item.mui-active { color: #fff; background-color: #4cd964 } .mui-segmented-control-positive.mui-segmented-control-inverted .mui-control-item.mui-active { color: #4cd964; border-bottom: 2px solid #4cd964; background: 0 0 } .mui-segmented-control-positive.mui-segmented-control-inverted~.mui-slider-progress-bar { background-color: #4cd964 } .mui-segmented-control-negative { border: 1px solid #dd524d } .mui-segmented-control-negative .mui-control-item { color: #dd524d; border-color: inherit } .mui-segmented-control-negative .mui-control-item.mui-active { color: #fff; background-color: #dd524d } .mui-segmented-control-negative.mui-segmented-control-inverted .mui-control-item.mui-active { color: #dd524d; border-bottom: 2px solid #dd524d; background: 0 0 } .mui-segmented-control-negative.mui-segmented-control-inverted~.mui-slider-progress-bar { background-color: #dd524d } .mui-control-content { /*position: relative;*/ display: none } .mui-control-content.mui-active { display: block } .mui-popover { position: absolute; z-index: 999; display: none; width: 280px; -webkit-transition: opacity .3s; transition: opacity .3s; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transform: none; transform: none; opacity: 0; border-radius: 7px; background-color: #f7f7f7; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1); box-shadow: 0 0 15px rgba(0, 0, 0, .1) } .mui-popover .mui-popover-arrow { position: absolute; z-index: 1000; top: -25px; left: 0; overflow: hidden; width: 26px; height: 26px } .mui-popover .mui-popover-arrow:after { position: absolute; top: 19px; left: 0; width: 26px; height: 26px; content: ' '; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-radius: 3px; background: #f7f7f7 } .mui-popover .mui-popover-arrow.mui-bottom { top: 100%; left: -26px; margin-top: -1px } .mui-popover .mui-popover-arrow.mui-bottom:after { top: -19px; left: 0 } .mui-popover.mui-popover-action { bottom: 0; width: 100%; -webkit-transition: -webkit-transform .3s, opacity .3s; transition: transform .3s, opacity .3s; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); border-radius: 0; background: 0 0; -webkit-box-shadow: none; box-shadow: none } .mui-popover.mui-popover-action .mui-popover-arrow { display: none } .mui-popover.mui-popover-action.mui-popover-bottom { position: fixed } .mui-popover.mui-popover-action.mui-active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mui-popover.mui-popover-action .mui-table-view { margin: 8px; text-align: center; color: #007aff; border-radius: 4px } .mui-popover.mui-popover-action .mui-table-view .mui-table-view-cell:after { position: absolute; right: 0; bottom: 0; left: 0; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #c8c7cc } .mui-popover.mui-popover-action .mui-table-view small { font-weight: 400; line-height: 1.3; display: block } .mui-popover.mui-active { display: block; opacity: 1 } .mui-popover .mui-bar~.mui-table-view { padding-top: 44px } .mui-backdrop { position: fixed; z-index: 998; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, .3) } .mui-bar-backdrop.mui-backdrop { bottom: 50px; background: 0 0 } .mui-backdrop-action.mui-backdrop { background-color: rgba(0, 0, 0, .3) } .mui-backdrop-action.mui-backdrop, .mui-bar-backdrop.mui-backdrop { opacity: 0 } .mui-backdrop-action.mui-backdrop.mui-active, .mui-bar-backdrop.mui-backdrop.mui-active { -webkit-transition: all .4s ease; transition: all .4s ease; opacity: 1 } .mui-popover .mui-btn-block { margin-bottom: 5px } .mui-popover .mui-btn-block:last-child { margin-bottom: 0 } .mui-popover .mui-bar { -webkit-box-shadow: none; box-shadow: none } .mui-popover .mui-bar-nav { border-bottom: 1px solid rgba(0, 0, 0, .15); border-top-left-radius: 12px; border-top-right-radius: 12px; -webkit-box-shadow: none; box-shadow: none } .mui-popover .mui-scroll-wrapper { margin: 7px 0; border-radius: 7px; background-clip: padding-box } .mui-popover .mui-scroll .mui-table-view { max-height: none } .mui-popover .mui-table-view { overflow: auto; max-height: 300px; margin-bottom: 0; border-radius: 7px; background-color: #f7f7f7; background-image: none; -webkit-overflow-scrolling: touch } .mui-popover .mui-table-view:after, .mui-popover .mui-table-view:before { height: 0 } .mui-popover .mui-table-view .mui-table-view-cell:first-child, .mui-popover .mui-table-view .mui-table-view-cell:first-child>a:not(.mui-btn) { border-top-left-radius: 12px; border-top-right-radius: 12px } .mui-popover .mui-table-view .mui-table-view-cell:last-child, .mui-popover .mui-table-view .mui-table-view-cell:last-child>a:not(.mui-btn) { border-bottom-right-radius: 12px; border-bottom-left-radius: 12px } .mui-popover.mui-bar-popover .mui-table-view { width: 106px } .mui-popover.mui-bar-popover .mui-table-view .mui-table-view-cell { padding: 11px 15px; background-position: 0 100% } .mui-popover.mui-bar-popover .mui-table-view .mui-table-view-cell>a:not(.mui-btn) { margin: -11px -15px -11px -15px } .mui-popup-backdrop { position: fixed; z-index: 998; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition-duration: 400ms; transition-duration: 400ms; opacity: 0; background: rgba(0, 0, 0, .4) } .mui-popup-backdrop.mui-active { opacity: 1 } .mui-popup { position: fixed; z-index: 10000; top: 50%; left: 50%; display: none; overflow: hidden; width: 270px; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-transform: translate3d(-50%, -50%, 0) scale(1.185); transform: translate3d(-50%, -50%, 0) scale(1.185); text-align: center; opacity: 0; color: #000; border-radius: 13px } .mui-popup.mui-popup-in { display: block; -webkit-transition-duration: 400ms; transition-duration: 400ms; -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1); opacity: 1 } .mui-popup.mui-popup-out { -webkit-transition-duration: 400ms; transition-duration: 400ms; -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1); opacity: 0 } .mui-popup-inner { position: relative; padding: 15px; border-radius: 13px 13px 0 0; background: rgba(255, 255, 255, .95) } .mui-popup-inner:after { position: absolute; z-index: 15; top: auto; right: auto; bottom: 0; left: 0; display: block; width: 100%; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; background-color: rgba(0, 0, 0, .2) } .mui-popup-title { font-size: 18px; font-weight: 500; text-align: center } .mui-popup-title+.mui-popup-text { font-family: inherit; font-size: 14px; margin: 5px 0 0 } .mui-popup-buttons { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; height: 44px; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center } .mui-popup-button { font-size: 17px; line-height: 44px; position: relative; display: block; overflow: hidden; box-sizing: border-box; width: 100%; height: 44px; padding: 0 5px; cursor: pointer; text-align: center; white-space: nowrap; text-overflow: ellipsis; color: #007aff; background: rgba(255, 255, 255, .95); -webkit-box-flex: 1 } .mui-popup-button:after { position: absolute; z-index: 15; top: 0; right: 0; bottom: auto; left: auto; display: block; width: 1px; height: 100%; content: ''; -webkit-transform: scaleX(.5); transform: scaleX(.5); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; background-color: rgba(0, 0, 0, .2) } .mui-popup-button:first-child { border-radius: 0 0 0 13px } .mui-popup-button:first-child:last-child { border-radius: 0 0 13px 13px } .mui-popup-button:last-child { border-radius: 0 0 13px } .mui-popup-button:last-child:after { display: none } .mui-popup-button.mui-popup-button-bold { font-weight: 600 } .mui-popup-input input { font-size: 14px; width: 100%; height: 26px; margin: 15px 0 0; padding: 0 5px; border: 1px solid rgba(0, 0, 0, .3); border-radius: 0; background: #fff } .mui-plus.mui-android .mui-popup-backdrop { -webkit-transition-duration: 1ms; transition-duration: 1ms } .mui-plus.mui-android .mui-popup { -webkit-transition-duration: 1ms; transition-duration: 1ms; -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1) } .mui-progressbar { position: relative; display: block; overflow: hidden; width: 100%; height: 2px; -webkit-transform-origin: center top; transform-origin: center top; vertical-align: middle; border-radius: 2px; background: #b6b6b6; -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .mui-progressbar span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: 150ms; transition: 150ms; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); background: #007aff } .mui-progressbar.mui-progressbar-infinite:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; -webkit-animation: mui-progressbar-infinite 1s linear infinite; animation: mui-progressbar-infinite 1s linear infinite; background: #007aff } body>.mui-progressbar { position: absolute; z-index: 10000; top: 44px; left: 0; border-radius: 0 } .mui-progressbar-in { -webkit-animation: mui-progressbar-in 300ms forwards; animation: mui-progressbar-in 300ms forwards } .mui-progressbar-out { -webkit-animation: mui-progressbar-out 300ms forwards; animation: mui-progressbar-out 300ms forwards } @-webkit-keyframes mui-progressbar-in { from { -webkit-transform: scaleY(0); opacity: 0 } to { -webkit-transform: scaleY(1); opacity: 1 } } @keyframes mui-progressbar-in { from { transform: scaleY(0); opacity: 0 } to { transform: scaleY(1); opacity: 1 } } @-webkit-keyframes mui-progressbar-out { from { -webkit-transform: scaleY(1); opacity: 1 } to { -webkit-transform: scaleY(0); opacity: 0 } } @keyframes mui-progressbar-out { from { transform: scaleY(1); opacity: 1 } to { transform: scaleY(0); opacity: 0 } } @-webkit-keyframes mui-progressbar-infinite { 0% { -webkit-transform: translate3d(-50%, 0, 0) scaleX(.5) } 100% { -webkit-transform: translate3d(100%, 0, 0) scaleX(.5) } } @keyframes mui-progressbar-infinite { 0% { transform: translate3d(-50%, 0, 0) scaleX(.5) } 100% { transform: translate3d(100%, 0, 0) scaleX(.5) } } .mui-pagination { display: inline-block; margin: 0 auto; padding-left: 0; border-radius: 6px } .mui-pagination>li { display: inline } .mui-pagination>li>a, .mui-pagination>li>span { line-height: 1.428571429; position: relative; float: left; margin-left: -1px; padding: 6px 12px; text-decoration: none; color: #007aff; border: 1px solid #ddd; background-color: #fff } .mui-pagination>li:first-child>a, .mui-pagination>li:first-child>span { margin-left: 0; border-top-left-radius: 6px; border-bottom-left-radius: 6px; background-clip: padding-box } .mui-pagination>li:last-child>a, .mui-pagination>li:last-child>span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; background-clip: padding-box } .mui-pagination>li.mui-active>a, .mui-pagination>li.mui-active>a:active, .mui-pagination>li.mui-active>span, .mui-pagination>li.mui-active>span:active, .mui-pagination>li:active>a, .mui-pagination>li:active>a:active, .mui-pagination>li:active>span, .mui-pagination>li:active>span:active { z-index: 2; cursor: default; color: #fff; border-color: #007aff; background-color: #007aff } .mui-pagination>li.mui-disabled>a, .mui-pagination>li.mui-disabled>a:active, .mui-pagination>li.mui-disabled>span, .mui-pagination>li.mui-disabled>span:active { opacity: .6; color: #777; border: 1px solid #ddd; background-color: #fff } .mui-pagination-lg>li>a, .mui-pagination-lg>li>span { font-size: 18px; padding: 10px 16px } .mui-pagination-sm>li>a, .mui-pagination-sm>li>span { font-size: 12px; padding: 5px 10px } .mui-pager { padding-left: 0; list-style: none; text-align: center } .mui-pager:after, .mui-pager:before { display: table; content: ' ' } .mui-pager:after { clear: both } .mui-pager li { display: inline } .mui-pager li>a, .mui-pager li>span { display: inline-block; padding: 5px 14px; border: 1px solid #ddd; border-radius: 6px; background-color: #fff; background-clip: padding-box } .mui-pager li.mui-active>a, .mui-pager li.mui-active>span, .mui-pager li:active>a, .mui-pager li:active>span { cursor: default; text-decoration: none; color: #fff; border-color: #007aff; background-color: #007aff } .mui-pager .mui-next>a, .mui-pager .mui-next>span { float: right } .mui-pager .mui-previous>a, .mui-pager .mui-previous>span { float: left } .mui-pager .mui-disabled>a, .mui-pager .mui-disabled>a:active, .mui-pager .mui-disabled>span, .mui-pager .mui-disabled>span:active { opacity: .6; color: #777; border: 1px solid #ddd; background-color: #fff } .mui-modal { position: fixed; z-index: 999; top: 0; overflow: hidden; width: 100%; min-height: 100%; -webkit-transition: -webkit-transform .25s, opacity 1ms .25s; transition: transform .25s, opacity 1ms .25s; -webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1); transition-timing-function: cubic-bezier(.1, .5, .1, 1); -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); opacity: 0; background-color: #fff } .mui-modal.mui-active { height: 100%; -webkit-transition: -webkit-transform .25s; transition: transform .25s; -webkit-transition-timing-function: cubic-bezier(.1, .5, .1, 1); transition-timing-function: cubic-bezier(.1, .5, .1, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } .mui-android .mui-modal .mui-bar { position: static } .mui-android .mui-modal .mui-bar-nav~.mui-content { padding-top: 0 } .mui-slider { position: relative; z-index: 1; overflow: hidden; width: 100% } .mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active { border-bottom: 0 } .mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item { border-top: 1px solid #c8c7cc; border-bottom: 1px solid #c8c7cc } .mui-slider .mui-slider-group { font-size: 0; position: relative; -webkit-transition: all 0s linear; transition: all 0s linear; white-space: nowrap } .mui-slider .mui-slider-group .mui-slider-item { font-size: 14px; position: relative; display: inline-block; width: 100%; height: 100%; vertical-align: top; white-space: normal } .mui-slider .mui-slider-group .mui-slider-item>a:not(.mui-control-item) { line-height: 0; position: relative; display: block } .mui-slider .mui-slider-group .mui-slider-item img { width: 100% } .mui-slider .mui-slider-group .mui-slider-item .mui-table-view:after, .mui-slider .mui-slider-group .mui-slider-item .mui-table-view:before { height: 0 } .mui-slider .mui-slider-group.mui-slider-loop { -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0) } .mui-slider-title { line-height: 30px; position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; margin: 0; text-align: left; text-indent: 12px; opacity: .8; background-color: #000 } .mui-slider-indicator { position: absolute; bottom: 0.3rem; right:6rem; text-align: center; background: 0 0; } .mui-slider-indicators { position: absolute; bottom: 2rem; right: 6rem; text-align: center; background: 0 0; } .mui-slider-indicator.mui-segmented-control { position: relative; bottom: auto } .mui-slider-indicators .mui-indicator { display: inline-block; margin-right: 0.5rem; height: 0.4rem; width: 0.4rem; border-radius: 50%; float: left; cursor: pointer; background: #999; -webkit-box-shadow: 0 0 1px 1px rgba(130, 130, 130, .7); box-shadow: 0 0 1px 1px rgba(130, 130, 130, .7); } .mui-slider-indicators .mui-active.mui-indicator { background: #fff; } .mui-slider-indicator .mui-indicator { display: inline-block; margin-right: 0.5rem; height: 0.4rem; width: 0.4rem; border-radius: 50%; float: left; cursor: pointer; background: #cdcdcd; -webkit-box-shadow: 0 0 1px 1px rgba(130, 130, 130, .7); box-shadow: 0 0 1px 1px rgba(130, 130, 130, .7); } .mui-slider-indicator .mui-active.mui-indicator { background: #fff; } .mui-slider-indicator .mui-icon { font-size: 20px; line-height: 30px; width: 40px; height: 30px; margin: 3px; text-align: center; border: 1px solid #ddd } .mui-slider-indicators .mui-icon { font-size: 20px; line-height: 30px; width: 40px; height: 30px; margin: 3px; text-align: center; border: 1px solid #ddd } .mui-slider-indicator .mui-number { line-height: 32px; display: inline-block; width: 58px } .mui-slider-indicators .mui-number { line-height: 32px; display: inline-block; width: 58px } .mui-slider-indicator .mui-number span { color: #ff5053 } .mui-slider-indicator .mui-number span { color: #ff5053 } .mui-slider-progress-bar { z-index: 1; height: 2px; -webkit-transform: translateZ(0); transform: translateZ(0) } .mui-switch { position: relative; display: block; width: 3.52rem; height: 1.5rem; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-duration: .2s; transition-duration: .2s; -webkit-transition-property: background-color, border; transition-property: background-color, border; border: 2px solid #ddd; border-radius: 20px; background-color: #fff; /*background-clip: padding-box*/ } .mui-switch.mui-disabled { opacity: .3 } .mui-switch .mui-switch-handle { position: absolute; z-index: 1; top: -0.05rem; left: -0.05rem; width: 1.4rem; height: 1.4rem; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-transition-property: -webkit-transform, width, left; transition-property: transform, width, left; border-radius: 16px; background-color: #fff; background-clip: padding-box; -webkit-box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, .4); box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, .4) } .mui-switch:before { font-size: 13px; position: absolute; top: -9px; right: 11px; content: 'Off'; text-transform: uppercase; color: #999 } .mui-switch.mui-dragging { border-color: #f7f7f7; background-color: #f7f7f7 } .mui-switch.mui-dragging .mui-switch-handle { width: 38px } .mui-switch.mui-dragging.mui-active .mui-switch-handle { left: -11px; width: 38px } .mui-switch.mui-active { border-color: #ff6970; background-color: #ff6970 } .mui-switch.mui-active .mui-switch-handle { -webkit-transform: translate(2rem, 0); transform: translate(2rem, 0) } .mui-switch.mui-active:before { right: auto; left: 15px; content: 'On'; color: #fff } .mui-switch input[type=checkbox] { display: none } .mui-switch-mini { width: 3rem; } .mui-switch-mini:before { display: none } .mui-switch-mini.mui-active .mui-switch-handle { -webkit-transform: translate(16px, 0); transform: translate(16px, 0) } .mui-switch-blue.mui-active { border: 2px solid #0b4f78; background-color: #0b4f78 } .mui-content.mui-fade { left: 0; opacity: 0 } .mui-content.mui-fade.mui-in { opacity: 1 } .mui-content.mui-sliding { z-index: 2; -webkit-transition: -webkit-transform .4s; transition: transform .4s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .mui-content.mui-sliding.mui-left { z-index: 1; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .mui-content.mui-sliding.mui-right { z-index: 3; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .mui-navigate-right:after, .mui-push-left:after, .mui-push-right:after { font-family: Muiicons; font-size: inherit; line-height: 1; position: absolute; top: 50%; display: inline-block; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-decoration: none; color: #bbb; -webkit-font-smoothing: antialiased } .mui-push-left:after { left: 15px; content: '\e582' } .mui-navigate-right:after, .mui-push-right:after { right: 15px; content: '\e583' } .mui-pull-bottom-pocket, .mui-pull-top-pocket { position: absolute; left: 0; display: block; visibility: hidden; overflow: hidden; width: 100%; height: 50px } .mui-plus-pullrefresh .mui-pull-bottom-pocket, .mui-plus-pullrefresh .mui-pull-top-pocket { display: none; visibility: visible } .mui-pull-top-pocket { top: 0 } .mui-bar-nav~.mui-content .mui-pull-top-pocket { top: 44px } .mui-bar-nav~.mui-bar-header-secondary~.mui-content .mui-pull-top-pocket { top: 88px } .mui-pull-bottom-pocket { position: relative; bottom: 0; height: 40px } .mui-pull-bottom-pocket .mui-pull-loading { visibility: hidden } .mui-pull-bottom-pocket .mui-pull-loading.mui-in { display: inline-block } .mui-pull { font-weight: 700; position: absolute; right: 0; bottom: 10px; left: 0; text-align: center; color: #777 } .mui-pull-loading { margin-right: 10px; -webkit-transition: -webkit-transform .4s; transition: transform .4s; -webkit-transition-duration: 400ms; transition-duration: 400ms; vertical-align: middle } .mui-pull-loading.mui-reverse { -webkit-transform: rotate(180deg) translateZ(0); transform: rotate(180deg) translateZ(0) } .mui-pull-caption { font-size: 15px; line-height: 24px; position: relative; display: inline-block; overflow: visible; margin-top: 0; vertical-align: middle } .mui-pull-caption span { display: none } .mui-pull-caption span.mui-in { display: inline } .mui-toast-container { line-height: 17px; position: fixed; z-index: 9999; bottom: 50px; left: 50%; -webkit-transition: opacity .3s; transition: opacity .3s; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: 0 } .mui-toast-container.mui-active { opacity: .9 } .mui-toast-message { font-size: 14px; padding: 10px 25px; text-align: center; color: #fff; border-radius: 6px; background-color: #323232 } .mui-numbox { position: relative; display: inline-block; overflow: hidden; width: 6rem; height: 1.5rem; padding: 0 40px; vertical-align: top; vertical-align: middle; border: solid 1px #ff6970; border-radius: 3px; background-color: #efeff4 } .mui-numbox [class*=btn-numbox], .mui-numbox [class*=numbox-btn] { font-size: 18px; font-weight: 400; line-height: 100%; position: absolute; top: 0; overflow: hidden; width: 40px; height: 100%; padding: 0; color: #ff6970; border: none; border-radius: 0; background-color: #fff; z-index: 9; } .mui-numbox [class*=btn-numbox]:active, .mui-numbox [class*=numbox-btn]:active { background-color: #ccc } .mui-numbox [class*=btn-numbox][disabled], .mui-numbox [class*=numbox-btn][disabled] { color: #ff6970 } .mui-numbox .mui-btn-numbox-plus, .mui-numbox .mui-numbox-btn-plus { right: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px } .mui-numbox .mui-btn-numbox-minus, .mui-numbox .mui-numbox-btn-minus { left: 0; border-top-left-radius: 3px; border-bottom-left-radius: 3px } .mui-numbox .mui-input-numbox, .mui-numbox .mui-numbox-input { display: inline-block; overflow: hidden; width: 100%!important; height: 100%; margin: 0; padding: 0 3px!important; text-align: center; text-overflow: ellipsis; word-break: normal; border: none!important; border-right: solid 1px #ccc!important; border-left: solid 1px #ccc!important; border-radius: 0!important } .mui-input-row .mui-numbox { float: right; margin: 2px 8px } @font-face { font-family: Muiicons; font-weight: 400; font-style: normal; src: url(../fonts/mui.ttf) format('truetype') } .mui-icon { font-family: Muiicons; font-size: 24px; font-weight: 400; font-style: normal; line-height: 1; display: inline-block; text-decoration: none; -webkit-font-smoothing: antialiased } .mui-icon.mui-active { color: #007aff } .mui-icon.mui-right:before { float: right; padding-left: .2em } .mui-icon-contact:before { content: '\e100' } .mui-icon-person:before { content: '\e101' } .mui-icon-personadd:before { content: '\e102' } .mui-icon-contact-filled:before { content: '\e130' } .mui-icon-person-filled:before { content: '\e131' } .mui-icon-personadd-filled:before { content: '\e132' } .mui-icon-phone:before { content: '\e200' } .mui-icon-email:before { content: '\e201' } .mui-icon-chatbubble:before { content: '\e202' } .mui-icon-chatboxes:before { content: '\e203' } .mui-icon-phone-filled:before { content: '\e230' } .mui-icon-email-filled:before { content: '\e231' } .mui-icon-chatbubble-filled:before { content: '\e232' } .mui-icon-chatboxes-filled:before { content: '\e233' } .mui-icon-weibo:before { content: '\e260' } .mui-icon-weixin:before { content: '\e261' } .mui-icon-pengyouquan:before { content: '\e262' } .mui-icon-chat:before { content: '\e263' } .mui-icon-qq:before { content: '\e264' } .mui-icon-videocam:before { content: '\e300' } .mui-icon-camera:before { content: '\e301' } .mui-icon-mic:before { content: '\e302' } .mui-icon-location:before { content: '\e303' } .mui-icon-mic-filled:before, .mui-icon-speech:before { content: '\e332' } .mui-icon-location-filled:before { content: '\e333' } .mui-icon-micoff:before { content: '\e360' } .mui-icon-image:before { content: '\e363' } .mui-icon-map:before { content: '\e364' } .mui-icon-compose:before { content: '\e400' } .mui-icon-trash:before { content: '\e401' } .mui-icon-upload:before { content: '\e402' } .mui-icon-download:before { content: '\e403' } .mui-icon-close:before { content: '\e404' } .mui-icon-redo:before { content: '\e405' } .mui-icon-undo:before { content: '\e406' } .mui-icon-refresh:before { content: '\e407' } .mui-icon-star:before { content: '\e408' } .mui-icon-plus:before { content: '\e409' } .mui-icon-minus:before { content: '\e410' } .mui-icon-checkbox:before, .mui-icon-circle:before { content: '\e411' } .mui-icon-clear:before, .mui-icon-close-filled:before { content: '\e434' } .mui-icon-refresh-filled:before { content: '\e437' } .mui-icon-star-filled:before { content: '\e438' } .mui-icon-plus-filled:before { content: '\e439' } .mui-icon-minus-filled:before { content: '\e440' } .mui-icon-circle-filled:before { content: '\e441' } .mui-icon-checkbox-filled:before { content: '\e442' } .mui-icon-closeempty:before { content: '\e460' } .mui-icon-refreshempty:before { content: '\e461' } .mui-icon-reload:before { content: '\e462' } .mui-icon-starhalf:before { content: '\e463' } .mui-icon-spinner:before { content: '\e464' } .mui-icon-spinner-cycle:before { content: '\e465' } .mui-icon-search:before { content: '\e466' } .mui-icon-plusempty:before { content: '\e468' } .mui-icon-forward:before { content: '\e470' } .mui-icon-back:before, .mui-icon-left-nav:before { content: '\e471' } .mui-icon-checkmarkempty:before { content: '\e472' } .mui-icon-home:before { content: '\e500' } .mui-icon-navigate:before { content: '\e501' } .mui-icon-gear:before { content: '\e502' } .mui-icon-paperplane:before { content: '\e503' } .mui-icon-info:before { content: '\e504' } .mui-icon-help:before { content: '\e505' } .mui-icon-locked:before { content: '\e506' } .mui-icon-more:before { content: '\e507' } .mui-icon-flag:before { content: '\e508' } .mui-icon-home-filled:before { content: '\e530' } .mui-icon-gear-filled:before { content: '\e532' } .mui-icon-info-filled:before { content: '\e534' } .mui-icon-help-filled:before { content: '\e535' } .mui-icon-more-filled:before { content: '\e537' } .mui-icon-settings:before { content: '\e560' } .mui-icon-list:before { content: '\e562' } .mui-icon-bars:before { content: '\e563' } .mui-icon-loop:before { content: '\e565' } .mui-icon-paperclip:before { content: '\e567' } .mui-icon-eye:before { content: '\e568' } .mui-icon-arrowup:before { content: '\e580' } .mui-icon-arrowdown:before { content: '\e581' } .mui-icon-arrowleft:before { content: '\e582' } .mui-icon-arrowright:before { content: '\e583' } .mui-icon-arrowthinup:before { content: '\e584' } .mui-icon-arrowthindown:before { content: '\e585' } .mui-icon-arrowthinleft:before { content: '\e586' } .mui-icon-arrowthinright:before { content: '\e587' } .mui-icon-pulldown:before { content: '\e588' } .mui-fullscreen { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .mui-fullscreen.mui-slider .mui-slider-group { height: 100% } .mui-fullscreen .mui-segmented-control~.mui-slider-group { position: absolute; top: 40px; bottom: 0; width: 100%; height: auto } .mui-fullscreen.mui-slider .mui-slider-item>a { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .mui-fullscreen .mui-off-canvas-wrap .mui-slider-item>a { top: auto; -webkit-transform: none; transform: none } .mui-bar-nav~.mui-content .mui-slider.mui-fullscreen { top: 44px } .mui-bar-tab~.mui-content .mui-slider.mui-fullscreen .mui-segmented-control~.mui-slider-group { bottom: 50px } .mui-android.mui-android-4-0 input:focus, .mui-android.mui-android-4-0 textarea:focus { -webkit-user-modify: inherit } .mui-android.mui-android-4-2 input, .mui-android.mui-android-4-2 textarea, .mui-android.mui-android-4-3 input, .mui-android.mui-android-4-3 textarea { -webkit-user-select: text } .mui-ios .mui-table-view-cell { -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .mui-plus-visible, .mui-wechat-visible { display: none!important } .mui-plus-hidden, .mui-wechat-hidden { display: block!important } .mui-tab-item.mui-plus-hidden, .mui-tab-item.mui-wechat-hidden { display: table-cell!important } .mui-plus .mui-plus-visible, .mui-wechat .mui-wechat-visible { display: block!important } .mui-plus .mui-tab-item.mui-plus-visible, .mui-wechat .mui-tab-item.mui-wechat-visible { display: table-cell!important } .mui-plus .mui-plus-hidden, .mui-wechat .mui-wechat-hidden { display: none!important } .mui-plus.mui-statusbar.mui-statusbar-offset .mui-bar-nav { height: 64px; padding-top: 20px } .mui-plus.mui-statusbar.mui-statusbar-offset .mui-bar-nav~.mui-content { padding-top: 64px } .mui-plus.mui-statusbar.mui-statusbar-offset .mui-bar-header-secondary, .mui-plus.mui-statusbar.mui-statusbar-offset .mui-bar-nav~.mui-content .mui-pull-top-pocket { top: 64px } .mui-plus.mui-statusbar.mui-statusbar-offset .mui-bar-header-secondary~.mui-content { padding-top: 94px } .mui-iframe-wrapper { position: absolute; right: 0; left: 0; -webkit-overflow-scrolling: touch } .mui-iframe-wrapper iframe { width: 100%; height: 100%; border: 0 }