Hello MUI
css:
/*!
* =====================================================
* Mui v3.4.0 (http://dev.dcloud.net.cn/mui)
* =====================================================
*/
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
font-family: sans-serif;
-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: 'Helvetica Neue',Helvetica,sans-serif;
font-size: 17px;
line-height: 21px;
color: #000;
background-color: #efeff4;
-webkit-overflow-scrolling: touch
}*/
a {
text-decoration: none;
color: #007aff
}
a:active {
color: #0062cc
}
.mui-content {
background-color: #efeff4;
-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,.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;
overflow: hidden;
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 {
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: #333;
-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;
-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: -10px;
padding-right: 10px;
padding-left: 10px
}
.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: #000
}
.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: 24px;
position: relative;
z-index: 20;
padding-top: 10px;
padding-bottom: 10px
}
.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: 6px 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: #333;
border-radius: 100px;
background-color: rgba(0,0,0,.15)
}
.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;
height: 1px;
content: '';
-webkit-transform: scaleY(.5);
transform: scaleY(.5);
background-color: #c8c7cc
}
.mui-table-view:before {
position: absolute;
right: 0;
left: 0;
height: 1px;
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: 15px;
line-height: 15px;
display: block;
width: 100%;
height: 15px;
margin-top: 8px;
text-overflow: ellipsis;
color: #333
}
.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: #f2f2f2
}
.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: 11px 15px;
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: 21px;
width: 100%;
height: 40px;
margin-bottom: 15px;
padding: 10px 15px;
-webkit-user-select: text;
border: 1px solid rgba(0,0,0,.2);
border-radius: 3px;
outline: 0;
background-color: #fff;
-webkit-appearance: none
}*/
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;
margin-top: 1px;
border: 0!important;
background-color: #fff
}*/
select:focus {
-webkit-user-modify: read-only
}
.mui-input-group {
position: relative;
padding: 0;
border: 0;
background-color: #fff
}
.mui-input-group:after {
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 1px;
content: '';
-webkit-transform: scaleY(.5);
transform: scaleY(.5);
background-color: #c8c7cc
}
.mui-input-group:before {
position: absolute;
top: 0;
right: 0;
left: 0;
height: 1px;
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: 40px
}
.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;
line-height: 1.1;
float: left;
width: 35%;
padding: 11px 15px
}
.mui-input-row label~input,.mui-input-row label~select,.mui-input-row label~textarea {
float: right;
width: 65%;
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: 20px;
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: 20px
}
.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: 4px;
right: 20px;
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: 28px;
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: #007aff
}
.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: 0;
right: 0;
bottom: 0;
left: 0;
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: transparent;
-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: 38px;
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: #007aff;
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: #fff;
background-color: #007aff
}
.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 #c8c7cc
}
.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: 1000000;
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: 15px;
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: 8px;
width: 100%;
text-align: center;
background: 0 0
}
.mui-slider-indicator.mui-segmented-control {
position: relative;
bottom: auto
}
.mui-slider-indicator .mui-indicator {
display: inline-block;
width: 6px;
height: 6px;
margin: 1px 6px;
cursor: pointer;
border-radius: 50%;
background: #aaa;
-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-indicator .mui-number {
line-height: 32px;
display: inline-block;
width: 58px
}
.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: 74px;
height: 30px;
-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: -1px;
left: -1px;
width: 28px;
height: 28px;
-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 2px 5px rgba(0,0,0,.4);
box-shadow: 0 2px 5px rgba(0,0,0,.4)
}
.mui-switch:before {
font-size: 13px;
position: absolute;
top: 3px;
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: #4cd964;
background-color: #4cd964
}
.mui-switch.mui-active .mui-switch-handle {
-webkit-transform: translate(43px,0);
transform: translate(43px,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: 47px
}
.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 #007aff;
background-color: #007aff
}
.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 {
position: fixed;
z-index: 9999;
bottom: 50px;
width: 100%;
-webkit-transition: opacity .8s;
transition: opacity .8s;
opacity: 0
}
.mui-toast-container.mui-active {
opacity: 1
}
.mui-toast-message {
font-size: 14px;
width: 270px;
margin: 5px auto;
padding: 5px;
text-align: center;
color: #000;
border-radius: 7px;
background-color: #d8d8d8
}
.mui-numbox {
position: relative;
display: inline-block;
overflow: hidden;
width: 120px;
height: 35px;
padding: 0 40px;
vertical-align: top;
vertical-align: middle;
border: solid 1px #bbb;
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: #555;
border: none;
border-radius: 0;
background-color: #f9f9f9
}
.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: silver
}
.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
}
/*!
* =====================================================
* Mui v3.3.0 (http://dev.dcloud.net.cn/mui)
* =====================================================
*/
var mui = function(a, b) {
var c = /complete|loaded|interactive/
, d = /^#([\w-]+)$/
, e = /^\.([\w-]+)$/
, f = /^[\w-]+$/
, g = /translate(?:3d)?\((.+?)\)/
, h = /matrix(3d)?\((.+?)\)/
, i = function(b, c) {
if (c = c || a,
!b)
return j();
if ("object" == typeof b)
return i.isArrayLike(b) ? j(i.slice.call(b), null ) : j([b], null );
if ("function" == typeof b)
return i.ready(b);
if ("string" == typeof b)
try {
if (b = b.trim(),
d.test(b)) {
var e = a.getElementById(RegExp.$1);
return j(e ? [e] : [])
}
return j(i.qsa(b, c), b)
} catch (f) {}
return j()
}
, j = function(a, b) {
return a = a || [],
Object.setPrototypeOf(a, i.fn),
a.selector = b || "",
a
};
i.uuid = 0,
i.data = {},
i.extend = function() {
var a, c, d, e, f, g, h = arguments[0] || {}, j = 1, k = arguments.length, l = !1;
for ("boolean" == typeof h && (l = h,
h = arguments[j] || {},
j++),
"object" == typeof h || i.isFunction(h) || (h = {}),
j === k && (h = this,
j--); k > j; j++)
if (null != (a = arguments[j]))
for (c in a)
d = h[c],
e = a[c],
h !== e && (l && e && (i.isPlainObject(e) || (f = i.isArray(e))) ? (f ? (f = !1,
g = d && i.isArray(d) ? d : []) : g = d && i.isPlainObject(d) ? d : {},
h[c] = i.extend(l, g, e)) : e !== b && (h[c] = e));
return h
}
,
i.noop = function() {}
,
i.slice = [].slice,
i.filter = [].filter,
i.type = function(a) {
return null == a ? String(a) : k[{}.toString.call(a)] || "object"
}
,
i.isArray = Array.isArray || function(a) {
return a instanceof Array
}
,
i.isArrayLike = function(a) {
var b = !!a && "length"in a && a.length
, c = i.type(a);
return "function" === c || i.isWindow(a) ? !1 : "array" === c || 0 === b || "number" == typeof b && b > 0 && b - 1 in a
}
,
i.isWindow = function(a) {
return null != a && a === a.window
}
,
i.isObject = function(a) {
return "object" === i.type(a)
}
,
i.isPlainObject = function(a) {
return i.isObject(a) && !i.isWindow(a) && Object.getPrototypeOf(a) === Object.prototype
}
,
i.isEmptyObject = function(a) {
for (var c in a)
if (c !== b)
return !1;
return !0
}
,
i.isFunction = function(a) {
return "function" === i.type(a)
}
,
i.qsa = function(b, c) {
return c = c || a,
i.slice.call(e.test(b) ? c.getElementsByClassName(RegExp.$1) : f.test(b) ? c.getElementsByTagName(b) : c.querySelectorAll(b))
}
,
i.ready = function(b) {
return c.test(a.readyState) ? b(i) : a.addEventListener("DOMContentLoaded", function() {
b(i)
}, !1),
this
}
,
i.buffer = function(a, b, c) {
function d() {
e && (e.cancel(),
e = 0),
f = i.now(),
a.apply(c || this, arguments),
g = i.now()
}
var e, f = 0, g = 0, b = b || 150;
return i.extend(function() {
!f || g >= f && i.now() - g > b || f > g && i.now() - f > 8 * b ? d() : (e && e.cancel(),
e = i.later(d, b, null , arguments))
}, {
stop: function() {
e && (e.cancel(),
e = 0)
}
})
}
,
i.each = function(a, b, c) {
if (!a)
return this;
if ("number" == typeof a.length)
[].every.call(a, function(a, c) {
return b.call(a, c, a) !== !1
});
else
for (var d in a)
if (c) {
if (a.hasOwnProperty(d) && b.call(a[d], d, a[d]) === !1)
return a
} else if (b.call(a[d], d, a[d]) === !1)
return a;
return this
}
,
i.focus = function(a) {
i.os.ios ? setTimeout(function() {
a.focus()
}, 10) : a.focus()
}
,
i.trigger = function(a, b, c) {
return a.dispatchEvent(new CustomEvent(b,{
detail: c,
bubbles: !0,
cancelable: !0
})),
this
}
,
i.getStyles = function(a, b) {
var c = a.ownerDocument.defaultView.getComputedStyle(a, null );
return b ? c.getPropertyValue(b) || c[b] : c
}
,
i.parseTranslate = function(a, b) {
var c = a.match(g || "");
return c && c[1] || (c = ["", "0,0,0"]),
c = c[1].split(","),
c = {
x: parseFloat(c[0]),
y: parseFloat(c[1]),
z: parseFloat(c[2])
},
b && c.hasOwnProperty(b) ? c[b] : c
}
,
i.parseTranslateMatrix = function(a, b) {
var c = a.match(h)
, d = c && c[1];
c ? (c = c[2].split(","),
"3d" === d ? c = c.slice(12, 15) : (c.push(0),
c = c.slice(4, 7))) : c = [0, 0, 0];
var e = {
x: parseFloat(c[0]),
y: parseFloat(c[1]),
z: parseFloat(c[2])
};
return b && e.hasOwnProperty(b) ? e[b] : e
}
,
i.hooks = {},
i.addAction = function(a, b) {
var c = i.hooks[a];
return c || (c = []),
b.index = b.index || 1e3,
c.push(b),
c.sort(function(a, b) {
return a.index - b.index
}),
i.hooks[a] = c,
i.hooks[a]
}
,
i.doAction = function(a, b) {
i.isFunction(b) ? i.each(i.hooks[a], b) : i.each(i.hooks[a], function(a, b) {
return !b.handle()
})
}
,
i.later = function(a, b, c, d) {
b = b || 0;
var e, f, g = a, h = d;
return "string" == typeof a && (g = c[a]),
e = function() {
g.apply(c, i.isArray(h) ? h : [h])
}
,
f = setTimeout(e, b),
{
id: f,
cancel: function() {
clearTimeout(f)
}
}
}
,
i.now = Date.now || function() {
return +new Date
}
;
var k = {};
return i.each(["Boolean", "Number", "String", "Function", "Array", "Date", "RegExp", "Object", "Error"], function(a, b) {
k["[object " + b + "]"] = b.toLowerCase()
}),
window.JSON && (i.parseJSON = JSON.parse),
i.fn = {
each: function(a) {
return [].every.call(this, function(b, c) {
return a.call(b, c, b) !== !1
}),
this
}
},
"function" == typeof define && define.amd && define("mui", [], function() {
return i
}),
i
}(document);
!function(a, b) {
function c(c) {
this.os = {};
var d = [function() {
var a = c.match(/(MicroMessenger)\/([\d\.]+)/i);
return a && (this.os.wechat = {
version: a[2].replace(/_/g, ".")
}),
!1
}
, function() {
var a = c.match(/(Android);?[\s\/]+([\d.]+)?/);
return a && (this.os.android = !0,
this.os.version = a[2],
this.os.isBadAndroid = !/Chrome\/\d/.test(b.navigator.appVersion)),
this.os.android === !0
}
, function() {
var a = c.match(/(iPhone\sOS)\s([\d_]+)/);
if (a)
this.os.ios = this.os.iphone = !0,
this.os.version = a[2].replace(/_/g, ".");
else {
var b = c.match(/(iPad).*OS\s([\d_]+)/);
b && (this.os.ios = this.os.ipad = !0,
this.os.version = b[2].replace(/_/g, "."))
}
return this.os.ios === !0
}
];
[].every.call(d, function(b) {
return !b.call(a)
})
}
c.call(a, navigator.userAgent)
}(mui, window),
function(a, b) {
function c(c) {
this.os = this.os || {};
var d = c.match(/Html5Plus/i);
d && (this.os.plus = !0,
a(function() {
b.body.classList.add("mui-plus")
}),
c.match(/StreamApp/i) && (this.os.stream = !0,
a(function() {
b.body.classList.add("mui-plus-stream")
})))
}
c.call(a, navigator.userAgent)
}(mui, document),
function(a) {
"ontouchstart"in window ? (a.isTouchable = !0,
a.EVENT_START = "touchstart",
a.EVENT_MOVE = "touchmove",
a.EVENT_END = "touchend") : (a.isTouchable = !1,
a.EVENT_START = "mousedown",
a.EVENT_MOVE = "mousemove",
a.EVENT_END = "mouseup"),
a.EVENT_CANCEL = "touchcancel",
a.EVENT_CLICK = "click";
var b = 1
, c = {}
, d = {
preventDefault: "isDefaultPrevented",
stopImmediatePropagation: "isImmediatePropagationStopped",
stopPropagation: "isPropagationStopped"
}
, e = function() {
return !0
}
, f = function() {
return !1
}
, g = function(b, c) {
return b.detail ? b.detail.currentTarget = c : b.detail = {
currentTarget: c
},
a.each(d, function(a, c) {
var d = b[a];
b[a] = function() {
return this[c] = e,
d && d.apply(b, arguments)
}
,
b[c] = f
}, !0),
b
}
, h = function(a) {
return a && (a._mid || (a._mid = b++))
}
, i = {}
, j = function(b, d, e, f) {
return function(e) {
for (var f = c[b._mid][d], h = [], i = e.target, j = {}; i && i !== document && i !== b && (!~["click", "tap", "doubletap", "longtap", "hold"].indexOf(d) || !i.disabled && !i.classList.contains("mui-disabled")); i = i.parentNode) {
var k = {};
a.each(f, function(c, d) {
j[c] || (j[c] = a.qsa(c, b)),
j[c] && ~j[c].indexOf(i) && (k[c] || (k[c] = d))
}, !0),
a.isEmptyObject(k) || h.push({
element: i,
handlers: k
})
}
j = null ,
e = g(e),
a.each(h, function(b, c) {
i = c.element;
var f = i.tagName;
return "tap" === d && "INPUT" !== f && "TEXTAREA" !== f && "SELECT" !== f && (e.preventDefault(),
e.detail && e.detail.gesture && e.detail.gesture.preventDefault()),
a.each(c.handlers, function(b, c) {
a.each(c, function(a, b) {
b.call(i, e) === !1 && (e.preventDefault(),
e.stopPropagation())
}, !0)
}, !0),
e.isPropagationStopped() ? !1 : void 0
}, !0)
}
}
, k = function(a, b) {
var c = i[h(a)]
, d = [];
if (c) {
if (d = [],
b) {
var e = function(a) {
return a.type === b
};
return c.filter(e)
}
d = c
}
return d
}
, l = /^(INPUT|TEXTAREA|BUTTON|SELECT)$/;
a.fn.on = function(b, d, e) {
return this.each(function() {
var f = this;
h(f),
h(e);
var g = !1
, k = c[f._mid] || (c[f._mid] = {})
, m = k[b] || (k[b] = {});
a.isEmptyObject(m) && (g = !0);
var n = m[d] || (m[d] = []);
if (n.push(e),
g) {
var o = i[h(f)];
o || (o = []);
var p = j(f, b, d, e);
o.push(p),
p.i = o.length - 1,
p.type = b,
i[h(f)] = o,
f.addEventListener(b, p),
"tap" === b && f.addEventListener("click", function(a) {
if (a.target) {
var b = a.target.tagName;
if (!l.test(b))
if ("A" === b) {
var c = a.target.href;
c && ~c.indexOf("tel:") || a.preventDefault()
} else
a.preventDefault()
}
})
}
})
}
,
a.fn.off = function(b, d, e) {
return this.each(function() {
var f = h(this);
if (b)
if (d)
if (e) {
var g = c[f] && c[f][b] && c[f][b][d];
a.each(g, function(a, b) {
return h(b) === h(e) ? (g.splice(a, 1),
!1) : void 0
}, !0)
} else
c[f] && c[f][b] && delete c[f][b][d];
else
c[f] && delete c[f][b];
else
c[f] && delete c[f];
c[f] ? (!c[f][b] || a.isEmptyObject(c[f][b])) && k(this, b).forEach(function(a) {
this.removeEventListener(a.type, a),
delete i[f][a.i]
}
.bind(this)) : k(this).forEach(function(a) {
this.removeEventListener(a.type, a),
delete i[f][a.i]
}
.bind(this))
})
}
}(mui),
function(a, b, c) {
a.targets = {},
a.targetHandles = [],
a.registerTarget = function(b) {
return b.index = b.index || 1e3,
a.targetHandles.push(b),
a.targetHandles.sort(function(a, b) {
return a.index - b.index
}),
a.targetHandles
}
,
b.addEventListener(a.EVENT_START, function(b) {
for (var d = b.target, e = {}; d && d !== c; d = d.parentNode) {
var f = !1;
if (a.each(a.targetHandles, function(c, g) {
var h = g.name;
f || e[h] || !g.hasOwnProperty("handle") ? e[h] || g.isReset !== !1 && (a.targets[h] = !1) : (a.targets[h] = g.handle(b, d),
a.targets[h] && (e[h] = !0,
g.isContinue !== !0 && (f = !0)))
}),
f)
break
}
}),
b.addEventListener("click", function(b) {
for (var d = b.target, e = !1; d && d !== c && ("A" !== d.tagName || (a.each(a.targetHandles, function(a, c) {
c.name;
return c.hasOwnProperty("handle") && c.handle(b, d) ? (e = !0,
b.preventDefault(),
!1) : void 0
}),
!e)); d = d.parentNode)
;
})
}(mui, window, document),
function(a) {
String.prototype.trim === a && (String.prototype.trim = function() {
return this.replace(/^\s+|\s+$/g, "")
}
),
Object.setPrototypeOf = Object.setPrototypeOf || function(a, b) {
return a.__proto__ = b,
a
}
}(),
function() {
function a(a, b) {
b = b || {
bubbles: !1,
cancelable: !1,
detail: void 0
};
var c = document.createEvent("Events")
, d = !0;
for (var e in b)
"bubbles" === e ? d = !!b[e] : c[e] = b[e];
return c.initEvent(a, d, !0),
c
}
"undefined" == typeof window.CustomEvent && (a.prototype = window.Event.prototype,
window.CustomEvent = a)
}(),
Function.prototype.bind = Function.prototype.bind || function(a) {
var b = Array.prototype.splice.call(arguments, 1)
, c = this
, d = function() {
var e = b.concat(Array.prototype.splice.call(arguments, 0));
return this instanceof d ? void c.apply(this, e) : c.apply(a, e)
};
return d.prototype = c.prototype,
d
}
,
function(a) {
"classList"in a.documentElement || !Object.defineProperty || "undefined" == typeof HTMLElement || Object.defineProperty(HTMLElement.prototype, "classList", {
get: function() {
function a(a) {
return function(c) {
var d = b.className.split(/\s+/)
, e = d.indexOf(c);
a(d, e, c),
b.className = d.join(" ")
}
}
var b = this
, c = {
add: a(function(a, b, c) {
~b || a.push(c)
}),
remove: a(function(a, b) {
~b && a.splice(b, 1)
}),
toggle: a(function(a, b, c) {
~b ? a.splice(b, 1) : a.push(c)
}),
contains: function(a) {
return !!~b.className.split(/\s+/).indexOf(a)
},
item: function(a) {
return b.className.split(/\s+/)[a] || null
}
};
return Object.defineProperty(c, "length", {
get: function() {
return b.className.split(/\s+/).length
}
}),
c
}
})
}(document),
function(a) {
if (!a.requestAnimationFrame) {
var b = 0;
a.requestAnimationFrame = a.webkitRequestAnimationFrame || function(c, d) {
var e = (new Date).getTime()
, f = Math.max(0, 16.7 - (e - b))
, g = a.setTimeout(function() {
c(e + f)
}, f);
return b = e + f,
g
}
,
a.cancelAnimationFrame = a.webkitCancelAnimationFrame || a.webkitCancelRequestAnimationFrame || function(a) {
clearTimeout(a)
}
}
}(window),
function(a, b, c) {
if ((a.os.android || a.os.ios) && !b.FastClick) {
var d = function(a, b) {
return "LABEL" === b.tagName && b.parentNode && (b = b.parentNode.querySelector("input")),
!b || "radio" !== b.type && "checkbox" !== b.type || b.disabled ? !1 : b
};
a.registerTarget({
name: c,
index: 40,
handle: d,
target: !1
});
var e = function(c) {
var d = a.targets.click;
if (d) {
var e, f;
document.activeElement && document.activeElement !== d && document.activeElement.blur(),
f = c.detail.gesture.changedTouches[0],
e = document.createEvent("MouseEvents"),
e.initMouseEvent("click", !0, !0, b, 1, f.screenX, f.screenY, f.clientX, f.clientY, !1, !1, !1, !1, 0, null ),
e.forwardedTouchEvent = !0,
d.dispatchEvent(e),
c.detail && c.detail.gesture.preventDefault()
}
};
b.addEventListener("tap", e),
b.addEventListener("doubletap", e),
b.addEventListener("click", function(b) {
return a.targets.click && !b.forwardedTouchEvent ? (b.stopImmediatePropagation ? b.stopImmediatePropagation() : b.propagationStopped = !0,
b.stopPropagation(),
b.preventDefault(),
!1) : void 0
}, !0)
}
}(mui, window, "click"),
function(a, b) {
a(function() {
if (a.os.ios) {
var c = "mui-focusin"
, d = "mui-bar-tab"
, e = "mui-bar-footer"
, f = "mui-bar-footer-secondary"
, g = "mui-bar-footer-secondary-tab";
b.addEventListener("focusin", function(h) {
if (!(a.os.plus && window.plus && plus.webview.currentWebview().children().length > 0)) {
var i = h.target;
if (i.tagName && ("TEXTAREA" === i.tagName || "INPUT" === i.tagName && ("text" === i.type || "search" === i.type || "number" === i.type))) {
if (i.disabled || i.readOnly)
return;
b.body.classList.add(c);
for (var j = !1; i && i !== b; i = i.parentNode) {
var k = i.classList;
if (k && k.contains(d) || k.contains(e) || k.contains(f) || k.contains(g)) {
j = !0;
break
}
}
if (j) {
var l = b.body.scrollHeight
, m = b.body.scrollLeft;
setTimeout(function() {
window.scrollTo(m, l)
}, 20)
}
}
}
}),
b.addEventListener("focusout", function(a) {
var d = b.body.classList;
d.contains(c) && (d.remove(c),
setTimeout(function() {
window.scrollTo(b.body.scrollLeft, b.body.scrollTop)
}, 20))
})
}
})
}(mui, document),
function(a) {
a.namespace = "mui",
a.classNamePrefix = a.namespace + "-",
a.classSelectorPrefix = "." + a.classNamePrefix,
a.className = function(b) {
return a.classNamePrefix + b
}
,
a.classSelector = function(b) {
return b.replace(/\./g, a.classSelectorPrefix)
}
,
a.eventName = function(b, c) {
return b + (a.namespace ? "." + a.namespace : "") + (c ? "." + c : "")
}
}(mui),
function(a, b) {
a.gestures = {
session: {}
},
a.preventDefault = function(a) {
a.preventDefault()
}
,
a.stopPropagation = function(a) {
a.stopPropagation()
}
,
a.addGesture = function(b) {
return a.addAction("gestures", b)
}
;
var c = Math.round
, d = Math.abs
, e = Math.sqrt
, f = (Math.atan,
Math.atan2)
, g = function(a, b, c) {
c || (c = ["x", "y"]);
var d = b[c[0]] - a[c[0]]
, f = b[c[1]] - a[c[1]];
return e(d * d + f * f)
}
, h = function(a, b) {
if (a.length >= 2 && b.length >= 2) {
var c = ["pageX", "pageY"];
return g(b[1], b[0], c) / g(a[1], a[0], c)
}
return 1
}
, i = function(a, b, c) {
c || (c = ["x", "y"]);
var d = b[c[0]] - a[c[0]]
, e = b[c[1]] - a[c[1]];
return 180 * f(e, d) / Math.PI
}
, j = function(a, b) {
return a === b ? "" : d(a) >= d(b) ? a > 0 ? "left" : "right" : b > 0 ? "up" : "down"
}
, k = function(a, b) {
var c = ["pageX", "pageY"];
return i(b[1], b[0], c) - i(a[1], a[0], c)
}
, l = function(a, b, c) {
return {
x: b / a || 0,
y: c / a || 0
}
}
, m = function(b, c) {
a.gestures.stoped || a.doAction("gestures", function(d, e) {
a.gestures.stoped || a.options.gestureConfig[e.name] !== !1 && e.handle(b, c)
})
}
, n = function(a, b) {
for (; a; ) {
if (a == b)
return !0;
a = a.parentNode
}
return !1
}
, o = function(a, b, c) {
for (var d = [], e = [], f = 0; f < a.length; ) {
var g = b ? a[f][b] : a[f];
e.indexOf(g) < 0 && d.push(a[f]),
e[f] = g,
f++
}
return c && (d = b ? d.sort(function(a, c) {
return a[b] > c[b]
}) : d.sort()),
d
}
, p = function(a) {
var b = a.length;
if (1 === b)
return {
x: c(a[0].pageX),
y: c(a[0].pageY)
};
for (var d = 0, e = 0, f = 0; b > f; )
d += a[f].pageX,
e += a[f].pageY,
f++;
return {
x: c(d / b),
y: c(e / b)
}
}
, q = function() {
return a.options.gestureConfig.pinch
}
, r = function(b) {
for (var d = [], e = 0; e < b.touches.length; )
d[e] = {
pageX: c(b.touches[e].pageX),
pageY: c(b.touches[e].pageY)
},
e++;
return {
timestamp: a.now(),
gesture: b.gesture,
touches: d,
center: p(b.touches),
deltaX: b.deltaX,
deltaY: b.deltaY
}
}
, s = function(b) {
var c = a.gestures.session
, d = b.center
, e = c.offsetDelta || {}
, f = c.prevDelta || {}
, g = c.prevTouch || {};
(b.gesture.type === a.EVENT_START || b.gesture.type === a.EVENT_END) && (f = c.prevDelta = {
x: g.deltaX || 0,
y: g.deltaY || 0
},
e = c.offsetDelta = {
x: d.x,
y: d.y
}),
b.deltaX = f.x + (d.x - e.x),
b.deltaY = f.y + (d.y - e.y)
}
, t = function(b) {
var c = a.gestures.session
, d = b.touches
, e = d.length;
c.firstTouch || (c.firstTouch = r(b)),
q() && e > 1 && !c.firstMultiTouch ? c.firstMultiTouch = r(b) : 1 === e && (c.firstMultiTouch = !1);
var f = c.firstTouch
, l = c.firstMultiTouch
, m = l ? l.center : f.center
, n = b.center = p(d);
b.timestamp = a.now(),
b.deltaTime = b.timestamp - f.timestamp,
b.angle = i(m, n),
b.distance = g(m, n),
s(b),
b.offsetDirection = j(b.deltaX, b.deltaY),
b.scale = l ? h(l.touches, d) : 1,
b.rotation = l ? k(l.touches, d) : 0,
v(b)
}
, u = 25
, v = function(b) {
var c, e, f, g, h = a.gestures.session, i = h.lastInterval || b, k = b.timestamp - i.timestamp;
if (b.gesture.type != a.EVENT_CANCEL && (k > u || void 0 === i.velocity)) {
var m = i.deltaX - b.deltaX
, n = i.deltaY - b.deltaY
, o = l(k, m, n);
e = o.x,
f = o.y,
c = d(o.x) > d(o.y) ? o.x : o.y,
g = j(m, n) || i.direction,
h.lastInterval = b
} else
c = i.velocity,
e = i.velocityX,
f = i.velocityY,
g = i.direction;
b.velocity = c,
b.velocityX = e,
b.velocityY = f,
b.direction = g
}
, w = {}
, x = function(a) {
for (var b = 0; b < a.length; b++)
!a.identifier && (a.identifier = 0);
return a
}
, y = function(b, c) {
var d = x(a.slice.call(b.touches || [b]))
, e = b.type
, f = []
, g = [];
if (e !== a.EVENT_START && e !== a.EVENT_MOVE || 1 !== d.length) {
var h = 0
, f = []
, g = []
, i = x(a.slice.call(b.changedTouches || [b]));
c.target = b.target;
var j = a.gestures.session.target || b.target;
if (f = d.filter(function(a) {
return n(a.target, j)
}),
e === a.EVENT_START)
for (h = 0; h < f.length; )
w[f[h].identifier] = !0,
h++;
for (h = 0; h < i.length; )
w[i[h].identifier] && g.push(i[h]),
(e === a.EVENT_END || e === a.EVENT_CANCEL) && delete w[i[h].identifier],
h++;
if (!g.length)
return !1
} else
w[d[0].identifier] = !0,
f = d,
g = d,
c.target = b.target;
f = o(f.concat(g), "identifier", !0);
var k = f.length
, l = g.length;
return e === a.EVENT_START && k - l === 0 && (c.isFirst = !0,
a.gestures.touch = a.gestures.session = {
target: b.target
}),
c.isFinal = (e === a.EVENT_END || e === a.EVENT_CANCEL) && k - l === 0,
c.touches = f,
c.changedTouches = g,
!0
}
, z = function(b) {
var c = {
gesture: b
}
, d = y(b, c);
d && (t(c),
m(b, c),
a.gestures.session.prevTouch = c,
b.type !== a.EVENT_END || a.isTouchable || (a.gestures.touch = a.gestures.session = {}))
};
b.addEventListener(a.EVENT_START, z),
b.addEventListener(a.EVENT_MOVE, z),
b.addEventListener(a.EVENT_END, z),
b.addEventListener(a.EVENT_CANCEL, z),
b.addEventListener(a.EVENT_CLICK, function(b) {
(a.os.android || a.os.ios) && (a.targets.popover && b.target === a.targets.popover || a.targets.tab || a.targets.offcanvas || a.targets.modal) && b.preventDefault()
}, !0),
a.isScrolling = !1;
var A = null ;
b.addEventListener("scroll", function() {
a.isScrolling = !0,
A && clearTimeout(A),
A = setTimeout(function() {
a.isScrolling = !1
}, 250)
})
}(mui, window),
function(a, b) {
var c = 0
, d = function(d, e) {
var f = a.gestures.session
, g = this.options
, h = a.now();
switch (d.type) {
case a.EVENT_MOVE:
h - c > 300 && (c = h,
f.flickStart = e.center);
break;
case a.EVENT_END:
case a.EVENT_CANCEL:
e.flick = !1,
f.flickStart && g.flickMaxTime > h - c && e.distance > g.flickMinDistince && (e.flick = !0,
e.flickTime = h - c,
e.flickDistanceX = e.center.x - f.flickStart.x,
e.flickDistanceY = e.center.y - f.flickStart.y,
a.trigger(f.target, b, e),
a.trigger(f.target, b + e.direction, e))
}
};
a.addGesture({
name: b,
index: 5,
handle: d,
options: {
flickMaxTime: 200,
flickMinDistince: 10
}
})
}(mui, "flick"),
function(a, b) {
var c = function(c, d) {
var e = a.gestures.session;
if (c.type === a.EVENT_END || c.type === a.EVENT_CANCEL) {
var f = this.options;
d.swipe = !1,
d.direction && f.swipeMaxTime > d.deltaTime && d.distance > f.swipeMinDistince && (d.swipe = !0,
a.trigger(e.target, b, d),
a.trigger(e.target, b + d.direction, d))
}
};
a.addGesture({
name: b,
index: 10,
handle: c,
options: {
swipeMaxTime: 300,
swipeMinDistince: 18
}
})
}(mui, "swipe"),
function(a, b) {
var c = function(c, d) {
var e = a.gestures.session;
switch (c.type) {
case a.EVENT_START:
break;
case a.EVENT_MOVE:
if (!d.direction || !e.target)
return;
e.lockDirection && e.startDirection && e.startDirection && e.startDirection !== d.direction && ("up" === e.startDirection || "down" === e.startDirection ? d.direction = d.deltaY < 0 ? "up" : "down" : d.direction = d.deltaX < 0 ? "left" : "right"),
e.drag || (e.drag = !0,
a.trigger(e.target, b + "start", d)),
a.trigger(e.target, b, d),
a.trigger(e.target, b + d.direction, d);
break;
case a.EVENT_END:
case a.EVENT_CANCEL:
e.drag && d.isFinal && a.trigger(e.target, b + "end", d)
}
};
a.addGesture({
name: b,
index: 20,
handle: c,
options: {
fingers: 1
}
})
}(mui, "drag"),
function(a, b) {
var c, d, e = function(e, f) {
var g = a.gestures.session
, h = this.options;
switch (e.type) {
case a.EVENT_END:
if (!f.isFinal)
return;
var i = g.target;
if (!i || i.disabled || i.classList && i.classList.contains("mui-disabled"))
return;
if (f.distance < h.tapMaxDistance && f.deltaTime < h.tapMaxTime) {
if (a.options.gestureConfig.doubletap && c && c === i && d && f.timestamp - d < h.tapMaxInterval)
return a.trigger(i, "doubletap", f),
d = a.now(),
void (c = i);
a.trigger(i, b, f),
d = a.now(),
c = i
}
}
};
a.addGesture({
name: b,
index: 30,
handle: e,
options: {
fingers: 1,
tapMaxInterval: 300,
tapMaxDistance: 5,
tapMaxTime: 250
}
})
}(mui, "tap"),
function(a, b) {
var c, d = function(d, e) {
var f = a.gestures.session
, g = this.options;
switch (d.type) {
case a.EVENT_START:
clearTimeout(c),
c = setTimeout(function() {
a.trigger(f.target, b, e)
}, g.holdTimeout);
break;
case a.EVENT_MOVE:
e.distance > g.holdThreshold && clearTimeout(c);
break;
case a.EVENT_END:
case a.EVENT_CANCEL:
clearTimeout(c)
}
};
a.addGesture({
name: b,
index: 10,
handle: d,
options: {
fingers: 1,
holdTimeout: 500,
holdThreshold: 2
}
})
}(mui, "longtap"),
function(a, b) {
var c, d = function(d, e) {
var f = a.gestures.session
, g = this.options;
switch (d.type) {
case a.EVENT_START:
a.options.gestureConfig.hold && (c && clearTimeout(c),
c = setTimeout(function() {
e.hold = !0,
a.trigger(f.target, b, e)
}, g.holdTimeout));
break;
case a.EVENT_MOVE:
break;
case a.EVENT_END:
case a.EVENT_CANCEL:
c && (clearTimeout(c) && (c = null ),
a.trigger(f.target, "release", e))
}
};
a.addGesture({
name: b,
index: 10,
handle: d,
options: {
fingers: 1,
holdTimeout: 0
}
})
}(mui, "hold"),
function(a, b) {
var c = function(c, d) {
var e = this.options
, f = a.gestures.session;
switch (c.type) {
case a.EVENT_START:
break;
case a.EVENT_MOVE:
if (a.options.gestureConfig.pinch) {
if (d.touches.length < 2)
return;
f.pinch || (f.pinch = !0,
a.trigger(f.target, b + "start", d)),
a.trigger(f.target, b, d);
var g = d.scale
, h = d.rotation
, i = "undefined" == typeof d.lastScale ? 1 : d.lastScale
, j = 1e-12;
g > i ? (i = g - j,
a.trigger(f.target, b + "out", d)) : i > g && (i = g + j,
a.trigger(f.target, b + "in", d)),
Math.abs(h) > e.minRotationAngle && a.trigger(f.target, "rotate", d)
}
break;
case a.EVENT_END:
case a.EVENT_CANCEL:
a.options.gestureConfig.pinch && f.pinch && 2 === d.touches.length && (f.pinch = !1,
a.trigger(f.target, b + "end", d))
}
};
a.addGesture({
name: b,
index: 10,
handle: c,
options: {
minRotationAngle: 0
}
})
}(mui, "pinch"),
function(a) {
function b(a, b) {
var c = "MUI_SCROLL_POSITION_" + document.location.href + "_" + b.src
, d = parseFloat(localStorage.getItem(c)) || 0;
d && !function(a) {
b.onload = function() {
window.scrollTo(0, a)
}
}(d),
setInterval(function() {
var a = window.scrollY;
d !== a && (localStorage.setItem(c, a + ""),
d = a)
}, 100)
}
a.global = a.options = {
gestureConfig: {
tap: !0,
doubletap: !1,
longtap: !1,
hold: !1,
flick: !0,
swipe: !0,
drag: !0,
pinch: !1
}
},
a.initGlobal = function(b) {
return a.options = a.extend(!0, a.global, b),
this
}
;
var c = {}
, d = !1;
a.init = function(b) {
return d = !0,
a.options = a.extend(!0, a.global, b || {}),
a.ready(function() {
a.doAction("inits", function(b, d) {
var e = !(c[d.name] && !d.repeat);
e && (d.handle.call(a),
c[d.name] = !0)
})
}),
this
}
,
a.addInit = function(b) {
return a.addAction("inits", b)
}
,
a.addInit({
name: "iframe",
index: 100,
handle: function() {
var b = a.options
, c = b.subpages || [];
!a.os.plus && c.length && e(c[0])
}
});
var e = function(c) {
var d = document.createElement("div");
d.className = "mui-iframe-wrapper";
var e = c.styles || {};
"string" != typeof e.top && (e.top = "0px"),
"string" != typeof e.bottom && (e.bottom = "0px"),
d.style.top = e.top,
d.style.bottom = e.bottom;
var f = document.createElement("iframe");
f.src = c.url,
f.id = c.id || c.url,
f.name = f.id,
d.appendChild(f),
document.body.appendChild(d),
a.os.wechat && b(d, f)
};
a(function() {
var b = document.body.classList
, c = [];
a.os.ios ? (c.push({
os: "ios",
version: a.os.version
}),
b.add("mui-ios")) : a.os.android && (c.push({
os: "android",
version: a.os.version
}),
b.add("mui-android")),
a.os.wechat && (c.push({
os: "wechat",
version: a.os.wechat.version
}),
b.add("mui-wechat")),
c.length && a.each(c, function(c, d) {
var e = "";
d.version && a.each(d.version.split("."), function(c, f) {
e = e + (e ? "-" : "") + f,
b.add(a.className(d.os + "-" + e))
})
})
})
}(mui),
function(a) {
var b = {
swipeBack: !1,
preloadPages: [],
preloadLimit: 10,
keyEventBind: {
backbutton: !0,
menubutton: !0
}
}
, c = {
autoShow: !0,
duration: a.os.ios ? 200 : 100,
aniShow: "slide-in-right"
};
a.options.show && (c = a.extend(!0, c, a.options.show)),
a.currentWebview = null ,
a.isHomePage = !1,
a.extend(!0, a.global, b),
a.extend(!0, a.options, b),
a.waitingOptions = function(b) {
return a.extend(!0, {}, {
autoShow: !0,
title: "",
modal: !1
}, b)
}
,
a.showOptions = function(b) {
return a.extend(!0, {}, c, b)
}
,
a.windowOptions = function(b) {
return a.extend({
scalable: !1,
bounce: ""
}, b)
}
,
a.plusReady = function(a) {
return window.plus ? setTimeout(function() {
a()
}, 0) : document.addEventListener("plusready", function() {
a()
}, !1),
this
}
,
a.fire = function(b, c, d) {
b && ("" !== d && (d = d || {},
a.isPlainObject(d) && (d = JSON.stringify(d || {}).replace(/\'/g, "\\u0027").replace(/\\/g, "\\u005c"))),
b.evalJS("typeof mui!=='undefined'&&mui.receive('" + c + "','" + d + "')"))
}
,
a.receive = function(b, c) {
if (b) {
try {
c && (c = JSON.parse(c))
} catch (d) {}
a.trigger(document, b, c)
}
}
;
var d = function(b) {
if (!b.preloaded) {
a.fire(b, "preload");
for (var c = b.children(), d = 0; d < c.length; d++)
a.fire(c[d], "preload");
b.preloaded = !0
}
}
, e = function(b, c, d) {
if (d) {
if (!b[c + "ed"]) {
a.fire(b, c);
for (var e = b.children(), f = 0; f < e.length; f++)
a.fire(e[f], c);
b[c + "ed"] = !0
}
} else {
a.fire(b, c);
for (var e = b.children(), f = 0; f < e.length; f++)
a.fire(e[f], c)
}
};
a.openWindow = function(b, c, f) {
if ("object" == typeof b ? (f = b,
b = f.url,
c = f.id || b) : "object" == typeof c ? (f = c,
c = b) : c = c || b,
!a.os.plus)
return void (a.os.ios || a.os.android ? window.top.location.href = b : window.parent.location.href = b);
if (window.plus) {
f = f || {};
var g, h, i = f.params || {}, j = null , k = null ;
if (a.webviews[c] && (k = a.webviews[c],
plus.webview.getWebviewById(c) && (j = k.webview)),
k && j)
return g = k.show,
g = f.show ? a.extend(g, f.show) : g,
j.show(g.aniShow, g.duration, function() {
d(j),
e(j, "pagebeforeshow", !1)
}),
k.afterShowMethodName && j.evalJS(k.afterShowMethodName + "('" + JSON.stringify(i) + "')"),
j;
if (f.createNew !== !0) {
if (j = plus.webview.getWebviewById(c))
return g = a.showOptions(f.show),
g.autoShow && j.show(g.aniShow, g.duration, function() {
d(j),
e(j, "pagebeforeshow", !1)
}),
j;
if (!b)
throw new Error("webview[" + c + "] does not exist")
}
var l = a.waitingOptions(f.waiting);
if (l.autoShow && (h = plus.nativeUI.showWaiting(l.title, l.options)),
f = a.extend(f, {
id: c,
url: b
}),
j = a.createWindow(f),
g = a.showOptions(f.show),
g.autoShow) {
var m = function() {
h && h.close(),
j.show(g.aniShow, g.duration, function() {}),
j.showed = !0,
f.afterShowMethodName && j.evalJS(f.afterShowMethodName + "('" + JSON.stringify(i) + "')")
};
b ? (j.addEventListener("titleUpdate", m, !1),
j.addEventListener("loaded", function() {
d(j),
e(j, "pagebeforeshow", !1)
}, !1)) : m()
}
return j
}
}
,
a.createWindow = function(b, c) {
if (window.plus) {
var d, e = b.id || b.url;
if (b.preload) {
a.webviews[e] && a.webviews[e].webview.getURL() ? d = a.webviews[e].webview : (b.createNew !== !0 && (d = plus.webview.getWebviewById(e)),
d || (d = plus.webview.create(b.url, e, a.windowOptions(b.styles), a.extend({
preload: !0
}, b.extras)),
b.subpages && a.each(b.subpages, function(b, c) {
var e = c.id || c.url;
if (e) {
var f = plus.webview.getWebviewById(e);
f || (f = plus.webview.create(c.url, e, a.windowOptions(c.styles), a.extend({
preload: !0
}, c.extras))),
d.append(f)
}
}))),
a.webviews[e] = {
webview: d,
preload: !0,
show: a.showOptions(b.show),
afterShowMethodName: b.afterShowMethodName
};
var f = a.data.preloads
, g = f.indexOf(e);
if (~g && f.splice(g, 1),
f.push(e),
f.length > a.options.preloadLimit) {
var h = a.data.preloads.shift()
, i = a.webviews[h];
i && i.webview && a.closeAll(i.webview),
delete a.webviews[h]
}
} else
c !== !1 && (d = plus.webview.create(b.url, e, a.windowOptions(b.styles), b.extras),
b.subpages && a.each(b.subpages, function(b, c) {
var e = c.id || c.url
, f = plus.webview.getWebviewById(e);
f || (f = plus.webview.create(c.url, e, a.windowOptions(c.styles), c.extras)),
d.append(f)
}));
return d
}
}
,
a.preload = function(b) {
return b.preload || (b.preload = !0),
a.createWindow(b)
}
,
a.closeOpened = function(b) {
var c = b.opened();
if (c)
for (var d = 0, e = c.length; e > d; d++) {
var f = c[d]
, g = f.opened();
g && g.length > 0 ? (a.closeOpened(f),
f.close("none")) : f.parent() !== b && f.close("none")
}
}
,
a.closeAll = function(b, c) {
a.closeOpened(b),
c ? b.close(c) : b.close()
}
,
a.createWindows = function(b) {
a.each(b, function(b, c) {
a.createWindow(c, !1)
})
}
,
a.appendWebview = function(b) {
if (window.plus) {
var c, d = b.id || b.url;
return a.webviews[d] || (plus.webview.getWebviewById(d) || (c = plus.webview.create(b.url, d, b.styles, b.extras)),
plus.webview.currentWebview().append(c),
a.webviews[d] = b),
c
}
}
,
a.webviews = {},
a.data.preloads = [],
a.plusReady(function() {
a.currentWebview = plus.webview.currentWebview()
}),
a.addInit({
name: "5+",
index: 100,
handle: function() {
var b = a.options
, c = b.subpages || [];
a.os.plus && a.plusReady(function() {
a.each(c, function(b, c) {
a.appendWebview(c)
}),
plus.webview.currentWebview() === plus.webview.getWebviewById(plus.runtime.appid) && (a.isHomePage = !0,
setTimeout(function() {
d(plus.webview.currentWebview())
}, 300)),
a.os.ios && a.options.statusBarBackground && plus.navigator.setStatusBarBackground(a.options.statusBarBackground),
a.os.android && parseFloat(a.os.version) < 4.4 && null == plus.webview.currentWebview().parent() && document.addEventListener("resume", function() {
var a = document.body;
a.style.display = "none",
setTimeout(function() {
a.style.display = ""
}, 10)
})
})
}
}),
window.addEventListener("preload", function() {
var b = a.options.preloadPages || [];
a.plusReady(function() {
a.each(b, function(b, c) {
a.createWindow(a.extend(c, {
preload: !0
}))
})
})
}),
a.supportStatusbarOffset = function() {
return a.os.plus && a.os.ios && parseFloat(a.os.version) >= 7
}
,
a.ready(function() {
a.supportStatusbarOffset() && document.body.classList.add("mui-statusbar")
})
}(mui),
function(a, b) {
a.addBack = function(b) {
return a.addAction("backs", b)
}
,
a.addBack({
name: "browser",
index: 100,
handle: function() {
return b.history.length > 1 ? (b.history.back(),
!0) : !1
}
}),
a.back = function() {
("function" != typeof a.options.beforeback || a.options.beforeback() !== !1) && a.doAction("backs")
}
,
b.addEventListener("tap", function(b) {
var c = a.targets.action;
c && c.classList.contains("mui-action-back") && (a.back(),
a.targets.action = !1)
}),
b.addEventListener("swiperight", function(b) {
var c = b.detail;
a.options.swipeBack === !0 && Math.abs(c.angle) < 3 && a.back()
})
}(mui, window),
function(a, b) {
a.os.plus && a.os.android && a.addBack({
name: "mui",
index: 5,
handle: function() {
if (a.targets._popover && a.targets._popover.classList.contains("mui-active"))
return a(a.targets._popover).popover("hide"),
!0;
var b = document.querySelector(".mui-off-canvas-wrap.mui-active");
if (b)
return a(b).offCanvas("close"),
!0;
var c = a.isFunction(a.getPreviewImage) && a.getPreviewImage();
return c && c.isShown() ? (c.close(),
!0) : a.closePopup()
}
}),
a.__back__first = null ,
a.addBack({
name: "5+",
index: 10,
handle: function() {
if (!b.plus)
return !1;
var c = plus.webview.currentWebview()
, d = c.parent();
return d ? d.evalJS("mui&&mui.back();") : c.canBack(function(d) {
d.canBack ? b.history.back() : c.id === plus.runtime.appid ? a.__back__first ? (new Date).getTime() - a.__back__first < 2e3 && plus.runtime.quit() : (a.__back__first = (new Date).getTime(),
mui.toast("鍐嶆寜涓€娆¢€€鍑哄簲鐢�"),
setTimeout(function() {
a.__back__first = null
}, 2e3)) : c.preload ? c.hide("auto") : a.closeAll(c)
}),
!0
}
}),
a.menu = function() {
var c = document.querySelector(".mui-action-menu");
if (c)
a.trigger(c, a.EVENT_START),
a.trigger(c, "tap");
else if (b.plus) {
var d = a.currentWebview
, e = d.parent();
e && e.evalJS("mui&&mui.menu();")
}
}
;
var c = function() {
a.back()
}
, d = function() {
a.menu()
};
a.plusReady(function() {
a.options.keyEventBind.backbutton && plus.key.addEventListener("backbutton", c, !1),
a.options.keyEventBind.menubutton && plus.key.addEventListener("menubutton", d, !1)
}),
a.addInit({
name: "keyEventBind",
index: 1e3,
handle: function() {
a.plusReady(function() {
a.options.keyEventBind.backbutton || plus.key.removeEventListener("backbutton", c),
a.options.keyEventBind.menubutton || plus.key.removeEventListener("menubutton", d)
})
}
})
}(mui, window),
function(a) {
a.addInit({
name: "pullrefresh",
index: 1e3,
handle: function() {
var b = a.options
, c = b.pullRefresh || {}
, d = c.down && c.down.hasOwnProperty("callback")
, e = c.up && c.up.hasOwnProperty("callback");
if (d || e) {
var f = c.container;
if (f) {
var g = a(f);
1 === g.length && (a.os.plus && a.os.android ? a.plusReady(function() {
var b = plus.webview.currentWebview();
if (e) {
var f = {};
f.up = c.up,
f.webviewId = b.id || b.getURL(),
g.pullRefresh(f)
}
if (d) {
var h = b.parent()
, i = b.id || b.getURL();
if (h) {
e || g.pullRefresh({
webviewId: i
});
var j = {
webviewId: i
};
j.down = a.extend({}, c.down),
j.down.callback = "_CALLBACK",
h.evalJS("mui&&mui(document.querySelector('.mui-content')).pullRefresh('" + JSON.stringify(j) + "')")
}
}
}) : g.pullRefresh(c))
}
}
}
})
}(mui),
function(a, b, c) {
var d = "application/json"
, e = "text/html"
, f = /