Commit 17dd3025 authored by hbcui1984's avatar hbcui1984

升级Hello MUI

parent b5d28290
/*! /*!
* ===================================================== * =====================================================
* Mui v0.5.1 (https://github.com/dcloudio/mui) * Mui v0.5.3 (https://github.com/dcloudio/mui)
* ===================================================== * =====================================================
*//*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-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{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;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;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}body{-webkit-overflow-scrolling:touch;font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:17px;line-height:21px;color:#000;background-color:#fff}a{color:#007aff;text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}a:active{color:#0062cc}.mui-content{-webkit-overflow-scrolling:touch;background-color:#efeff4}.mui-bar-nav~.mui-content{padding-top:44px}.mui-bar-header-secondary~.mui-content{padding-top:88px}.mui-bar-footer~.mui-content{padding-bottom:44px}.mui-bar-footer-secondary~.mui-content{padding-bottom:88px}.mui-bar-tab~.mui-content{padding-bottom:50px}.mui-bar-footer-secondary-tab~.mui-content{padding-bottom:94px}.mui-hidden{display:none!important}.mui-inline{display:inline-block;vertical-align:top}.mui-block{display:block}.mui-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mui-ellipsis-2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal!important;-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{padding-left:0;margin-left:-5px;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}h1,h2,h3,h4,h5,h6{margin-top:5px;margin-bottom:5px;line-height:1}.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{margin-top:0;margin-bottom:10px;font-size:14px;color:#8f8f94}.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-iscroll-wrapper{position:absolute;top:0;bottom:0;left:0;z-index:1;width:100%;overflow:hidden}.mui-bar-nav~.mui-iscroll-wrapper{top:44px;padding:0}.mui-bar-header-secondary~.mui-iscroll-wrapper{top:88px}.mui-bar-footer~.mui-iscroll-wrapper{bottom:44px;padding:0}.mui-bar-footer-secondary~.mui-iscroll-wrapper{bottom:88px}.mui-bar-tab~.mui-iscroll-wrapper{bottom:50px;padding:0}.mui-bar-footer-secondary-tab~.mui-iscroll-wrapper{bottom:94px}.mui-iscroll{position:absolute;z-index:1;width:100%;-webkit-text-size-adjust:none;-webkit-user-select:none;user-select:none;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;text-size-adjust:none}.mui-off-canvas-height-fixed{height:100%!important}.mui-off-canvas-wrap{position:relative;width:100%}.mui-off-canvas-wrap .mui-inner-wrap{position:relative;width:100%;height:100%;-webkit-transition:-webkit-transform 500ms ease;transition:transform 500ms ease;-webkit-backface-visibility:hidden}.mui-off-canvas-wrap .mui-inner-wrap .mui-bar{position:absolute}.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-left,.mui-off-canvas-wrap.mui-right,.mui-off-canvas-wrap.mui-sliding{height:100%;overflow:hidden}.mui-off-canvas-wrap.mui-left .mui-off-canvas-left,.mui-off-canvas-wrap.mui-left .mui-off-canvas-right,.mui-off-canvas-wrap.mui-right .mui-off-canvas-left,.mui-off-canvas-wrap.mui-right .mui-off-canvas-right,.mui-off-canvas-wrap.mui-sliding .mui-off-canvas-left,.mui-off-canvas-wrap.mui-sliding .mui-off-canvas-right{display:block}.mui-off-canvas-wrap.mui-left .mui-off-canvas-backdrop,.mui-off-canvas-wrap.mui-right .mui-off-canvas-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1002;display:block;background:rgba(255,255,255,.2);box-shadow:-4px 0 4px rgba(0,0,0,.5),4px 0 4px rgba(0,0,0,.5);transition:background 300ms ease;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent}.mui-off-canvas-wrap.mui-left .mui-inner-wrap{-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}.mui-off-canvas-wrap.mui-right .mui-inner-wrap{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}.mui-off-canvas-left,.mui-off-canvas-right{position:absolute;top:0;bottom:0;display:none;width:80%;min-height:100%;box-sizing:content-box;-webkit-overflow-scrolling:touch;background:#333;-webkit-backface-visibility:hidden}.mui-off-canvas-left{left:0}.mui-off-canvas-right{right:0}.mui-loading{height:100%;min-height:80px;padding:15px 0;text-align:center;vertical-align:middle}.mui-loading .mui-icon-spinner,.mui-loading .mui-icon-spinner-cycle{font-size:48px;color:#999}.mui-spinner{position:relative;display:inline-block;width:24px;height:24px}.mui-spinner.mui-spinner-large{width:56px;height:56px}.mui-spinner-indicator{position:absolute;top:37%;left:44.5%;width:14%;height:30%;background:#787878;border-radius:80%;opacity:0;-webkit-animation:fade 1s linear infinite;animation:fade 1s linear infinite;-webkit-border-radius:80%}.mui-spinner-indicator1{-webkit-transform:rotate(0) translate(0,-142%);transform:rotate(0) translate(0,-142%);-webkit-animation-delay:0;animation-delay:0}.mui-spinner-indicator2{-webkit-transform:rotate(30deg) translate(0,-142%);transform:rotate(30deg) translate(0,-142%);-webkit-animation-delay:-.9167s;animation-delay:-.9167s}.mui-spinner-indicator3{-webkit-transform:rotate(60deg) translate(0,-142%);transform:rotate(60deg) translate(0,-142%);-webkit-animation-delay:-.833s;animation-delay:-.833s}.mui-spinner-indicator4{-webkit-transform:rotate(90deg) translate(0,-142%);transform:rotate(90deg) translate(0,-142%);-webkit-animation-delay:-.75s;animation-delay:-.75s}.mui-spinner-indicator5{-webkit-transform:rotate(120deg) translate(0,-142%);transform:rotate(120deg) translate(0,-142%);-webkit-animation-delay:-.667s;animation-delay:-.667s}.mui-spinner-indicator6{-webkit-transform:rotate(150deg) translate(0,-142%);transform:rotate(150deg) translate(0,-142%);-webkit-animation-delay:-.5833s;animation-delay:-.5833s}.mui-spinner-indicator7{-webkit-transform:rotate(180deg) translate(0,-142%);transform:rotate(180deg) translate(0,-142%);-webkit-animation-delay:-.5s;animation-delay:-.5s}.mui-spinner-indicator8{-webkit-transform:rotate(210deg) translate(0,-142%);transform:rotate(210deg) translate(0,-142%);-webkit-animation-delay:-.41667s;animation-delay:-.41667s}.mui-spinner-indicator9{-webkit-transform:rotate(240deg) translate(0,-142%);transform:rotate(240deg) translate(0,-142%);-webkit-animation-delay:-.333s;animation-delay:-.333s}.mui-spinner-indicator10{-webkit-transform:rotate(270deg) translate(0,-142%);transform:rotate(270deg) translate(0,-142%);-webkit-animation-delay:-.25s;animation-delay:-.25s}.mui-spinner-indicator11{-webkit-transform:rotate(300deg) translate(0,-142%);transform:rotate(300deg) translate(0,-142%);-webkit-animation-delay:-.1667s;animation-delay:-.1667s}.mui-spinner-indicator12{-webkit-transform:rotate(330deg) translate(0,-142%);transform:rotate(330deg) translate(0,-142%);-webkit-animation-delay:-.0833s;animation-delay:-.0833s}@-webkit-keyframes fade{from{opacity:1}to{opacity:.25}}@keyframes fade{from{opacity:1}to{opacity:.25}}.mui-spin{-webkit-transform-origin:50% 54%;transform-origin:50% 54%;-webkit-animation:spin 1s infinite linear;animation:spin 1s infinite linear}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.mui-btn,button,input[type=button],input[type=reset],input[type=submit]{position:relative;display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42;color:#333;text-align:center;white-space:nowrap;vertical-align:top;cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:3px;-webkit-transition:all;transition:all;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:.2s;transition-duration:.2s}.mui-btn.mui-active,.mui-btn:active,button.mui-active,button:active,input[type=button].mui-active,input[type=button]:active,input[type=reset].mui-active,input[type=reset]:active,input[type=submit].mui-active,input[type=submit]: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;background-color:#007aff;border:1px solid #007aff}.mui-btn-blue.mui-active,.mui-btn-blue:active,.mui-btn-primary.mui-active,.mui-btn-primary:active,input[type=submit].mui-active,input[type=submit]:active{color:#fff;background-color:#0062cc;border:1px solid #0062cc}.mui-btn-green,.mui-btn-positive,.mui-btn-success{color:#fff;background-color:#4cd964;border:1px solid #4cd964}.mui-btn-green.mui-active,.mui-btn-green:active,.mui-btn-positive.mui-active,.mui-btn-positive:active,.mui-btn-success.mui-active,.mui-btn-success:active{color:#fff;background-color:#2ac845;border:1px solid #2ac845}.mui-btn-warning,.mui-btn-yellow{color:#fff;background-color:#f0ad4e;border:1px solid #f0ad4e}.mui-btn-warning.mui-active,.mui-btn-warning:active,.mui-btn-yellow.mui-active,.mui-btn-yellow:active{color:#fff;background-color:#ec971f;border:1px solid #ec971f}.mui-btn-danger,.mui-btn-negative,.mui-btn-red{color:#fff;background-color:#dd524d;border:1px solid #dd524d}.mui-btn-danger.mui-active,.mui-btn-danger:active,.mui-btn-negative.mui-active,.mui-btn-negative:active,.mui-btn-red.mui-active,.mui-btn-red:active{color:#fff;background-color:#cf2d28;border:1px solid #cf2d28}.mui-btn-purple,.mui-btn-royal{color:#fff;background-color:#8a6de9;border:1px solid #8a6de9}.mui-btn-purple.mui-active,.mui-btn-purple:active,.mui-btn-royal.mui-active,.mui-btn-royal:active{color:#fff;background-color:#6641e2;border:1px solid #6641e2}.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-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-red{color:#dd524d}.mui-btn-outlined.mui-btn-purple,.mui-btn-outlined.mui-btn-royal{color:#8a6de9}.mui-btn-outlined.mui-btn-blue:active,.mui-btn-outlined.mui-btn-danger:active,.mui-btn-outlined.mui-btn-green:active,.mui-btn-outlined.mui-btn-primary:active,.mui-btn-outlined.mui-btn-purple:active,.mui-btn-outlined.mui-btn-red:active,.mui-btn-outlined.mui-btn-royal:active,.mui-btn-outlined.mui-btn-success:active,.mui-btn-outlined.mui-btn-warning:active,.mui-btn-outlined.mui-btn-yellow:active{color:#fff}.mui-btn-link{padding-top:6px;padding-bottom:6px;color:#007aff;background-color:transparent;border:0}.mui-btn-link.mui-active,.mui-btn-link:active{color:#0062cc;background-color:transparent}.mui-btn-block{display:block;width:100%;padding:15px 0;margin-bottom:10px;font-size:18px}.mui-btn .mui-badge{margin:-2px -4px -2px 4px;font-size:14px;background-color:rgba(0,0,0,.15)}.mui-btn .mui-badge-inverted,.mui-btn:active .mui-badge-inverted{background-color:transparent}.mui-btn-negative:active .mui-badge-inverted,.mui-btn-positive:active .mui-badge-inverted,.mui-btn-primary: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{width:24px;height:24px;font-size:24px;line-height:24px}.mui-bar{position:fixed;right:0;left:0;z-index:10;height:44px;padding-right:10px;padding-left:10px;background-color:rgba(247,247,247,.98);border-bottom:0;-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;width:auto;margin:0;overflow:hidden;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-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;height:45px;margin-top:-45px;visibility:hidden}.mui-bar-nav.mui-bar .mui-icon{padding-right:10px;padding-left:10px;margin-right:-10px;margin-left:-10px}.mui-title{position:absolute;display:block;width:100%;padding:0;margin:0 -10px;font-size:17px;font-weight:500;line-height:44px;color:#000;text-align:center;white-space:nowrap}.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}.mui-bar-tab .mui-tab-item{display:table-cell;width:1%;height:50px;overflow:hidden;color:#929292;text-align:center;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.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{display:block;overflow:hidden;font-size:11px;text-overflow:ellipsis}.mui-bar-tab .mui-tab-item .mui-icon:active{background:0 0}.mui-bar .mui-btn{position:relative;top:7px;z-index:20;padding:6px 12px 7px;margin-top:0;font-weight:400}.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{top:0;padding:0;font-size:16px;line-height:44px;color:#007aff;border:0}.mui-bar .mui-btn-link.mui-active,.mui-bar .mui-btn-link:active{color:#0062cc}.mui-bar .mui-btn-block{top:6px;padding:5px 0;margin-bottom:0;font-size:16px}.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{background-color:rgba(0,0,0,.07)}.mui-bar .mui-icon{position:relative;z-index:20;padding-top:10px;padding-bottom:10px;font-size:24px}.mui-bar .mui-icon:active{background-color:rgba(0,0,0,.07)}.mui-bar .mui-btn .mui-icon{top:3px;padding:0;margin:0}.mui-bar .mui-title .mui-icon{padding:0;margin: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-segmented-control{top:7px;margin:0 auto}.mui-badge{display:inline-block;padding:3px 6px;font-size:12px;line-height:1;color:#333;background-color:rgba(0,0,0,.15);border-radius:100px}.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-table-view{padding-left:0;margin-top:0;margin-bottom:0;list-style:none;background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:0 100%,0 0}.mui-table-view-striped>li:nth-child(odd),.mui-table-view-striped>li:nth-child(odd)>.mui-slider-cell>.mui-slider-left~.mui-slider-handle,.mui-table-view-striped>li:nth-child(odd)>.mui-slider-cell>.mui-slider-right~.mui-slider-handle{background-color:#f9f9f9}.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-slider .mui-table-view-cell{padding:11px 0}.mui-table-view-slider .mui-table-view-cell>a:not(.mui-btn){margin-right:0}.mui-table-view-inverted{color:#fff;background:#333;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#222222' x='0' y='0' width='100%' height='0.5'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#222222' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:0 100%,0 0}.mui-table-view-inverted .mui-table-view-cell{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#222222' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:15px 100%}.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;padding:11px 15px;overflow:hidden;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:15px 100%;-webkit-touch-callout:none}.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,.mui-table-view-cell.mui-active>.mui-slider-cell>.mui-slider-left~.mui-slider-handle,.mui-table-view-cell.mui-active>.mui-slider-cell>.mui-slider-right~.mui-slider-handle{background-color:#eee}.mui-table-view-cell:last-child{background-image:none}.mui-table-view-cell>a:not(.mui-btn){position:relative;display:block;padding:inherit;margin:-11px -15px;overflow:hidden;color:inherit;text-overflow:ellipsis;white-space:nowrap}.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-slider-cell{margin-top:1px;margin-bottom:1px}.mui-table-view-cell>.mui-slider-cell>.mui-slider-handle{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mui-table-view-cell>.mui-slider-cell>.mui-slider-left~.mui-slider-handle,.mui-table-view-cell>.mui-slider-cell>.mui-slider-right~.mui-slider-handle{position:relative;top:auto;right:auto;bottom:auto;left:auto;z-index:1;padding-left:15px;background-color:#fff;-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}.mui-table-view-cell>.mui-slider-cell>.mui-slider-left,.mui-table-view-cell>.mui-slider-cell>.mui-slider-right{top:1px;bottom:1px}.mui-table-view-divider{padding-top:6px;padding-bottom:6px;padding-left:15px;margin-top:-1px;margin-left:0;font-weight:500;color:#999;background-color:#fafafa;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:0 100%,0 0}.mui-table-view .mui-media,.mui-table-view .mui-media-body{overflow:hidden}.mui-table-view .mui-media-object{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-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-left>.mui-badge,.mui-table-view-cell .mui-navigate-left>.mui-btn,.mui-table-view-cell .mui-navigate-left>.mui-switch,.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-left>.mui-badge,.mui-table-view-cell>a .mui-navigate-left>.mui-btn,.mui-table-view-cell>a .mui-navigate-left>.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-navigate-right:after,.mui-table-view-cell.mui-collapse>.mui-push-right:after{content:'\e662'}.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:'\e661'}.mui-table-view-cell.mui-collapse .mui-table-view{display:none;margin-top:11px;margin-right:-15px;margin-bottom:-11px;margin-left:-15px}.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.mui-grid-view{display:block;width:100%;padding:0 10px 10px 0;font-size:0;white-space:normal}.mui-table-view.mui-grid-view .mui-table-view-cell{display:inline-block;padding:10px 0 0 14px;margin-right:-4px;font-size:17px;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{display:block;width:100%;height:15px;margin-top:8px;font-size:15px;line-height:15px;color:#333;text-overflow:ellipsis}.mui-grid-view.mui-grid-9{padding-right:0;background-color:#f2f2f2}.mui-grid-view.mui-grid-9 .mui-table-view-cell{vertical-align:top;border-top:1px solid #eee;border-left:1px solid #eee}.mui-grid-view.mui-grid-9 .mui-table-view-cell>a:not(.mui-btn){padding:15px}.mui-grid-view.mui-grid-9 .mui-media{color:#797979}.mui-grid-view.mui-grid-9 .mui-media .mui-icon{position:relative;font-size:3em}.mui-grid-view.mui-grid-9 .mui-media .mui-icon .mui-badge{position:absolute;top:1px;right:0;color:#fff;background:red;opacity:.9}.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;top:0;bottom:0;z-index: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{width:100%;height:40px;-webkit-appearance:none;padding:10px 15px;margin-bottom:15px;line-height:21px;-webkit-user-select:text;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:3px;outline:0}input[type=search]{height:34px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:16px;text-align:center;background-color:rgba(0,0,0,.1);border:0;border-radius:6px}input[type=search]:focus{text-align:left}textarea{height:auto;resize:none}select{height:auto;margin-top:1px;font-size:14px;background-color:#fff;border:0!important}.mui-input-group{padding:0;background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:0 100%,0 0;border:0}.mui-input-group input,.mui-input-group textarea{margin-bottom:0;background-color:transparent;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:15px 100%;border:0;border-radius:0;-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{overflow:hidden}.mui-input-row select{padding:10px 15px 0;font-size:17px}.mui-input-row label+input,.mui-input-row:last-child{background-image:none}.mui-input-group .mui-input-row{height:40px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:15px 100%}.mui-input-row label{float:left;width:35%;padding:8px 20px;font-family:"Helvetica Neue",Helvetica,sans-serif;line-height:1.1}.mui-input-row label~input,.mui-input-row label~select,.mui-input-row label~textarea{float:right;width:65%;padding-left:0;margin-bottom:0;border:0}.mui-input-row{position:relative}.mui-input-row.mui-input-range{padding-right:20px;overflow:visible}.mui-input-row .mui-inline{padding:8px 0}.mui-input-row .mui-input-clear~.mui-icon-clear,.mui-input-row .mui-input-speech~.mui-icon-speech{position:absolute;top:10px;right:10px;width:28px;height:28px;font-size:20px;color:#999;text-align:center}.mui-input-row .mui-input-speech~.mui-icon-speech{top:8px;font-size:24px}.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%}.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-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;-webkit-appearance:none;background-color:transparent;outline:0!important}.mui-checkbox input[type=checkbox]:before,.mui-radio input[type=radio]:before{font-family:Muiicons;font-size:28px;font-weight:400;line-height:1;color:rgba(170,170,170,.6);text-decoration:none;background:0 0;border-radius:0;-webkit-font-smoothing:antialiased}.mui-checkbox input[type=checkbox]:checked:before,.mui-radio input[type=radio]:checked:before{color:#007aff}.mui-radio input[type=radio]:before{content:"\e654"}.mui-radio input[type=radio]:checked:before{content:"\e655"}.mui-checkbox input[type=checkbox]:before{content:"\e656"}.mui-checkbox input[type=checkbox]:checked:before{content:"\e657"}.mui-checkbox-cycle input[type=checkbox]:before{content:"\e910"}.mui-checkbox-cycle input[type=checkbox]:checked:before{content:"\e911"}.mui-select{position:relative}.mui-select:before{position:absolute;top:8px;right:21px;font-family:Muiicons;color:rgba(170,170,170,.6);content:'\e651'}.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;-webkit-appearance:none!important;padding:0;margin:17px 0;cursor:pointer;background-color:#999;border:0;border-radius:3px;outline:0}.mui-input-range input[type=range]::-webkit-slider-thumb{width:28px;height:28px;-webkit-appearance:none!important;background-color:#007aff;border-color:#0062cc;border-radius:50%}.mui-input-range label~input[type=range]{width:65%}.mui-input-range .mui-tooltip{position:absolute;top:-70px;z-index:1;width:64px;height:64px;font-size:36px;line-height:64px;color:#333;text-align:center;text-shadow:0 1px 0 #f3f3f3;background-color:#fff;border:1px solid #ddd;border-radius:6px;opacity:.8}.mui-search{position:relative}.mui-search input[type=search]{padding-left:30px}.mui-search .mui-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:inline-block;height:34px;font-size:16px;line-height:34px;color:#999;text-align:center;background:0 0;border:0;border-radius:6px}.mui-search .mui-placeholder .mui-icon{font-size:20px;color:#333}.mui-search:before{position:absolute;top:50%;right:50%;display:none;margin-top:-18px;margin-right:31px;font-family:Muiicons;font-size:20px;font-weight:400;content:'\e607'}.mui-search.mui-active:before{left:5px;display:block;margin-right:0;font-size:20px}.mui-search.mui-active input[type=search]{text-align:left}.mui-search.mui-active .mui-placeholder{display:none}.mui-segmented-control{position:relative;display:table;width:100%;overflow:hidden;font-size:15px;font-weight:400;table-layout:fixed;background-color:transparent;border:1px solid #007aff;border-radius:3px}.mui-segmented-control .mui-control-item{display:table-cell;width:1%;padding-top:6px;padding-bottom:7px;overflow:hidden;line-height:1;color:#007aff;text-align:center;text-overflow:ellipsis;white-space:nowrap;border-color:#007aff;border-left:1px solid #007aff;-webkit-transition:background-color .1s linear;transition:background-color .1s linear}.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-control-item{color:inherit;border:0}.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{color:#007aff;background:0 0;border-bottom:2px solid #007aff}.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;background:0 0;border-bottom:2px solid #4cd964}.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;background:0 0;border-bottom:2px solid #dd524d}.mui-segmented-control-negative.mui-segmented-control-inverted~.mui-slider-progress-bar{background-color:#dd524d}.mui-control-content{display:none}.mui-control-content.mui-active{display:block}.mui-popover{position:fixed;top:55px;left:50%;z-index:20;display:none;width:280px;margin-left:-140px;background-color:rgba(247,247,247,.98);border-radius:12px;-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1);opacity:0;-webkit-transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out;transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out;-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}.mui-popover:before{position:absolute;top:-15px;left:50%;width:0;height:0;margin-left:-8px;content:'';border-right:8px solid transparent;border-bottom:15px solid rgba(247,247,247,.98);border-left:8px solid transparent}.mui-popover.mui-popover-bottom{top:auto;bottom:65px;left:auto;width:auto;margin-left:0;border:1px solid #ddd;border-radius:6px}.mui-popover.mui-popover-bottom:before{top:auto;bottom:-8px;border-top:8px solid rgba(247,247,247,.98);border-bottom:0}.mui-popover.mui-popover-bottom.mui-popover-action{top:auto;right:0;bottom:0;left:0;width:100%;border-radius:0;-webkit-transition:-webkit-transform .25s,opacity 1ms .25s;-moz-transition:-moz-transform .25s,opacity 1ms .25s;transition:transform .25s,opacity 1ms .25s;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.mui-popover.mui-popover-bottom.mui-popover-action.mui-active{opacity:1;-webkit-transition:-webkit-transform .25s;-moz-transition:-moz-transform .25s;transition:transform .25s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mui-popover.mui-active{display:block;opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mui-popover .mui-bar~.mui-table-view{padding-top:44px}.mui-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;background-color:rgba(0,0,0,.3)}.mui-bar-backdrop.mui-backdrop{bottom:50px;background:0 0}.mui-backdrop-action.mui-backdrop{bottom:50px;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{opacity:1;-webkit-transition:all .25s ease;transition:all .25s ease}.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-table-view{max-height:300px;margin-bottom:0;overflow:auto;-webkit-overflow-scrolling:touch;background-color:rgba(247,247,247,.98);background-image:none;border-radius:12px}.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-pagination{display:inline-block;padding-left:0;margin:0 auto;border-radius:6px}.mui-pagination>li{display:inline}.mui-pagination>li>a,.mui-pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.428571429;color:#007aff;text-decoration:none;background-color:#fff;border:1px solid #ddd}.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}.mui-pagination>li:last-child>a,.mui-pagination>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.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;color:#fff;cursor:default;background-color:#007aff;border-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{color:#777;background-color:#fff;border:1px solid #ddd;opacity:.6}.mui-pagination-lg>li>a,.mui-pagination-lg>li>span{padding:10px 16px;font-size:18px}.mui-pagination-sm>li>a,.mui-pagination-sm>li>span{padding:5px 10px;font-size:12px}.mui-pager{padding-left:0;text-align:center;list-style:none}.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;background-color:#fff;border:1px solid #ddd;border-radius:6px}.mui-pager li.mui-active>a,.mui-pager li.mui-active>span,.mui-pager li:active>a,.mui-pager li:active>span{color:#fff;text-decoration:none;cursor:default;background-color:#007aff;border-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{color:#777;background-color:#fff;border:1px solid #ddd;opacity:.6}.mui-modal{position:fixed;top:0;z-index:11;width:100%;min-height:100%;overflow:hidden;background-color:#fff;opacity:0;-webkit-transition:-webkit-transform .25s,opacity 1ms .25s;-moz-transition:-moz-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)}.mui-modal.mui-active{height:100%;opacity:1;-webkit-transition:-webkit-transform .25s;-moz-transition:-moz-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)}.mui-slider{position:relative;width:100%;overflow:hidden}.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{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:0 100%,0 0}.mui-slider .mui-slider-group{position:relative;font-size:0;white-space:nowrap;-webkit-transition:all 0s linear;transition:all 0s linear}.mui-slider .mui-slider-group .mui-slider-item{position:relative;display:inline-block;width:100%;height:100%;font-size:14px;vertical-align:top}.mui-slider .mui-slider-group .mui-slider-item a{position:relative;display:block;line-height:0}.mui-slider .mui-slider-group .mui-slider-item img{width:100%}.mui-slider .mui-slider-group.mui-slider-loop .mui-slider-item:first-child{margin-left:-100%}.mui-slider .mui-slider-group.mui-slider-loop .mui-slider-item:last-child{margin-right:-100%}.mui-slider-title{position:absolute;bottom:0;left:0;width:100%;height:30px;margin:0;line-height:30px;text-align:left;text-indent:12px;background-color:#000;opacity:.8}.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;padding-top:10px}.mui-slider-indicator .mui-indicator{display:inline-block;width:6px;height:6px;margin:1px 6px;cursor:pointer;background:#aaa;border-radius:50%;-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{width:40px;height:30px;margin:3px;font-size:20px;line-height:30px;text-align:center;border:1px solid #ddd}.mui-slider-indicator .mui-number{display:inline-block;width:58px;line-height:32px}.mui-slider-indicator .mui-number span{color:#ff5053}.mui-slider-progress-bar{z-index:1;height:2px;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden}.mui-switch{position:relative;display:block;width:74px;height:30px;background-color:#fff;border:2px solid #ddd;border-radius:20px;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:background-color,border;transition-property:background-color,border}.mui-switch .mui-switch-handle{position:absolute;top:-1px;left:-1px;z-index:2;width:28px;height:28px;background-color:#fff;border:1px solid #ddd;border-radius:100px;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:-webkit-transform,border,width;-moz-transition-property:-moz-transform,border,width;transition-property:transform,border,width}.mui-switch:before{position:absolute;top:3px;right:11px;font-size:13px;color:#999;text-transform:uppercase;content:"Off"}.mui-switch.mui-active{background-color:transparent;border-color:#4cd964;-webkit-box-shadow:inset 0 0 0 13px #4cd964;box-shadow:inset 0 0 0 13px #4cd964}.mui-switch.mui-active .mui-switch-handle{border-color:#4cd964;-webkit-transform:translate3d(44px,0,0);transform:translate3d(44px,0,0)}.mui-switch.mui-active:before{right:auto;left:15px;color:#fff;content:"On"}.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:translate3d(17px,0,0);transform:translate3d(17px,0,0)}.mui-switch-blue .mui-switch-handle{border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 3px 3px rgba(0,0,0,.08);box-shadow:0 3px 3px rgba(0,0,0,.08)}.mui-switch-blue.mui-active{border:2px solid #007aff;-webkit-box-shadow:inset 0 0 0 13px #007aff;box-shadow:inset 0 0 0 13px #007aff}.mui-switch-blue.mui-active .mui-switch-handle{border-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;-moz-transition:-moz-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-left:after,.mui-navigate-right:after,.mui-push-left:after,.mui-push-right:after{position:absolute;top:50%;display:inline-block;font-family:Muiicons;font-size:inherit;line-height:1;color:#bbb;text-decoration:none;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-font-smoothing:antialiased}.mui-navigate-left:after,.mui-push-left:after{left:15px;content:'\e664'}.mui-navigate-right:after,.mui-push-right:after{right:15px;content:'\e663'}.mui-pull-bottom-pocket,.mui-pull-top-pocket{position:absolute;left:0;display:block;width:100%;height:490px;overflow:hidden;background:#efeff4}.mui-pull-top-pocket{top:-490px}.mui-pull-bottom-pocket{position:static;bottom:0;z-index:-1;height:40px}.mui-pull-bottom-pocket .mui-pull-loading{display:none}.mui-pull-bottom-pocket .mui-pull-loading.mui-in{display:inline-block}.mui-pull{position:absolute;right:0;bottom:10px;left:0;font-weight:700;color:#777;text-align:center}.mui-pull-caption{position:relative;display:inline-block;margin-top:-5px;margin-left:10px;overflow:visible;font-size:15px;line-height:24px;vertical-align:middle}.mui-pull-caption span{display:none}.mui-pull-caption span.mui-in{display:inline}@font-face{font-family:Muiicons;font-style:normal;font-weight:400;src:url(../fonts/muiicons.ttf) format("truetype")}.mui-icon{display:inline-block;font-family:Muiicons;font-size:24px;font-style:normal;font-weight:400;line-height:1;text-decoration:none;-webkit-font-smoothing:antialiased}.mui-icon.mui-right:before{float:right;padding-left:.2em}.mui-icon-spinner:before{content:"\e600"}.mui-icon-weibo:before{content:"\e601"}.mui-icon-pin:before{content:"\e602"}.mui-icon-phone:before{content:"\e603"}.mui-icon-map:before{content:"\e604"}.mui-icon-sms:before{content:"\e605"}.mui-icon-chat:before{content:"\e606"}.mui-icon-search:before{content:"\e607"}.mui-icon-close:before{content:"\e608"}.mui-icon-reply:before{content:"\e609"}.mui-icon-trash:before{content:"\e610"}.mui-icon-edit:before{content:"\e611"}.mui-icon-home:before{content:"\e612"}.mui-icon-category:before{content:"\e613"}.mui-icon-calendar:before{content:"\e614"}.mui-icon-cog:before{content:"\e615"}.mui-icon-speech:before{content:"\e616"}.mui-icon-info:before{content:"\e617"}.mui-icon-arrow-left:before{content:"\e648"}.mui-icon-arrow-right:before{content:"\e649"}.mui-icon-up-nav:before{content:"\e650"}.mui-icon-down-nav:before{content:"\e651"}.mui-icon-right-nav:before{content:"\e652"}.mui-icon-left-nav:before{content:"\e653"}.mui-icon-radio:before{content:"\e654"}.mui-icon-radio-checked:before{content:"\e655"}.mui-icon-checkbox:before{content:"\e656"}.mui-icon-checkbox-checked:before{content:"\e657"}.mui-icon-bars:before{content:"\e658"}.mui-icon-plus:before{content:"\e659"}.mui-icon-clear:before{content:"\e660"}.mui-icon-up:before{content:"\e661"}.mui-icon-down:before{content:"\e662"}.mui-icon-right:before{content:"\e663"}.mui-icon-left:before{content:"\e664"}.mui-icon-phone-solid:before{content:"\e702"}.mui-icon-phone-filled:before{content:"\e804"}.mui-icon-close-cycle:before{content:"\e908"}.mui-icon-spinner-cycle:before{content:"\e909"}.mui-icon-checkbox-cycle:before{content:"\e910"}.mui-icon-checkbox-checked-cycle:before{content:"\e911"} *//*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-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{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{padding:.35em .625em .75em;margin:0 2px;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;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}body{-webkit-overflow-scrolling:touch;font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:17px;line-height:21px;color:#000;background-color:#fff}a{color:#007aff;text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}a:active{color:#0062cc}.mui-content{-webkit-overflow-scrolling:touch;background-color:#efeff4}.mui-bar-nav~.mui-content{padding-top:44px}.mui-bar-header-secondary~.mui-content{padding-top:88px}.mui-bar-footer~.mui-content{padding-bottom:44px}.mui-bar-footer-secondary~.mui-content{padding-bottom:88px}.mui-bar-tab~.mui-content{padding-bottom:50px}.mui-bar-footer-secondary-tab~.mui-content{padding-bottom:94px}.mui-hidden{display:none!important}.mui-inline{display:inline-block;vertical-align:top}.mui-block{display:block}.mui-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mui-ellipsis-2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal!important;-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{padding-left:0;margin-left:-5px;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}h1,h2,h3,h4,h5,h6{margin-top:5px;margin-bottom:5px;line-height:1}.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{margin-top:0;margin-bottom:10px;font-size:14px;color:#8f8f94}.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-iscroll-wrapper{position:absolute;top:0;bottom:0;left:0;z-index:1;width:100%;overflow:hidden}.mui-bar-nav~.mui-iscroll-wrapper{top:44px;padding:0}.mui-bar-header-secondary~.mui-iscroll-wrapper{top:88px}.mui-bar-footer~.mui-iscroll-wrapper{bottom:44px;padding:0}.mui-bar-footer-secondary~.mui-iscroll-wrapper{bottom:88px}.mui-bar-tab~.mui-iscroll-wrapper{bottom:50px;padding:0}.mui-bar-footer-secondary-tab~.mui-iscroll-wrapper{bottom:94px}.mui-iscroll{position:absolute;z-index:1;width:100%;-webkit-text-size-adjust:none;-webkit-user-select:none;user-select:none;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;text-size-adjust:none}.mui-off-canvas-height-fixed{height:100%!important}.mui-off-canvas-wrap{position:relative;width:100%}.mui-off-canvas-wrap .mui-inner-wrap{position:relative;width:100%;height:100%;-webkit-transition:-webkit-transform 400ms ease;transition:transform 400ms ease}.mui-off-canvas-wrap .mui-inner-wrap .mui-bar{position:absolute}.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-left,.mui-off-canvas-wrap.mui-right,.mui-off-canvas-wrap.mui-sliding{height:100%;overflow:hidden}.mui-off-canvas-wrap.mui-left .mui-off-canvas-left,.mui-off-canvas-wrap.mui-left .mui-off-canvas-right,.mui-off-canvas-wrap.mui-right .mui-off-canvas-left,.mui-off-canvas-wrap.mui-right .mui-off-canvas-right,.mui-off-canvas-wrap.mui-sliding .mui-off-canvas-left,.mui-off-canvas-wrap.mui-sliding .mui-off-canvas-right{display:block}.mui-off-canvas-wrap.mui-left .mui-off-canvas-backdrop,.mui-off-canvas-wrap.mui-right .mui-off-canvas-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1002;display:block;background:rgba(255,255,255,.2);box-shadow:-4px 0 4px rgba(0,0,0,.5),4px 0 4px rgba(0,0,0,.5);transition:background 300ms ease;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent}.mui-off-canvas-wrap.mui-left .mui-inner-wrap{-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}.mui-off-canvas-wrap.mui-right .mui-inner-wrap{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}.mui-off-canvas-left,.mui-off-canvas-right{position:absolute;top:0;bottom:0;display:none;width:80%;min-height:100%;box-sizing:content-box;-webkit-overflow-scrolling:touch;background:#333;-webkit-backface-visibility:hidden}.mui-off-canvas-left{left:0}.mui-off-canvas-right{right:0}.mui-loading{height:100%;min-height:80px;padding:15px 0;text-align:center;vertical-align:middle}.mui-loading .mui-icon-spinner,.mui-loading .mui-icon-spinner-cycle{font-size:48px;color:#999}.mui-spinner{position:relative;display:inline-block;width:24px;height:24px}.mui-spinner.mui-spinner-large{width:56px;height:56px}.mui-spinner-indicator{position:absolute;top:37%;left:44.5%;width:14%;height:30%;background:#787878;border-radius:80%;opacity:0;-webkit-animation:fade 1s linear infinite;animation:fade 1s linear infinite;-webkit-border-radius:80%}.mui-spinner-indicator1{-webkit-transform:rotate(0) translate(0,-142%);transform:rotate(0) translate(0,-142%);-webkit-animation-delay:0;animation-delay:0}.mui-spinner-indicator2{-webkit-transform:rotate(30deg) translate(0,-142%);transform:rotate(30deg) translate(0,-142%);-webkit-animation-delay:-.9167s;animation-delay:-.9167s}.mui-spinner-indicator3{-webkit-transform:rotate(60deg) translate(0,-142%);transform:rotate(60deg) translate(0,-142%);-webkit-animation-delay:-.833s;animation-delay:-.833s}.mui-spinner-indicator4{-webkit-transform:rotate(90deg) translate(0,-142%);transform:rotate(90deg) translate(0,-142%);-webkit-animation-delay:-.75s;animation-delay:-.75s}.mui-spinner-indicator5{-webkit-transform:rotate(120deg) translate(0,-142%);transform:rotate(120deg) translate(0,-142%);-webkit-animation-delay:-.667s;animation-delay:-.667s}.mui-spinner-indicator6{-webkit-transform:rotate(150deg) translate(0,-142%);transform:rotate(150deg) translate(0,-142%);-webkit-animation-delay:-.5833s;animation-delay:-.5833s}.mui-spinner-indicator7{-webkit-transform:rotate(180deg) translate(0,-142%);transform:rotate(180deg) translate(0,-142%);-webkit-animation-delay:-.5s;animation-delay:-.5s}.mui-spinner-indicator8{-webkit-transform:rotate(210deg) translate(0,-142%);transform:rotate(210deg) translate(0,-142%);-webkit-animation-delay:-.41667s;animation-delay:-.41667s}.mui-spinner-indicator9{-webkit-transform:rotate(240deg) translate(0,-142%);transform:rotate(240deg) translate(0,-142%);-webkit-animation-delay:-.333s;animation-delay:-.333s}.mui-spinner-indicator10{-webkit-transform:rotate(270deg) translate(0,-142%);transform:rotate(270deg) translate(0,-142%);-webkit-animation-delay:-.25s;animation-delay:-.25s}.mui-spinner-indicator11{-webkit-transform:rotate(300deg) translate(0,-142%);transform:rotate(300deg) translate(0,-142%);-webkit-animation-delay:-.1667s;animation-delay:-.1667s}.mui-spinner-indicator12{-webkit-transform:rotate(330deg) translate(0,-142%);transform:rotate(330deg) translate(0,-142%);-webkit-animation-delay:-.0833s;animation-delay:-.0833s}@-webkit-keyframes fade{from{opacity:1}to{opacity:.25}}@keyframes fade{from{opacity:1}to{opacity:.25}}.mui-spin{-webkit-transform-origin:50% 54%;transform-origin:50% 54%;-webkit-animation:spin 1s infinite linear;animation:spin 1s infinite linear}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.mui-btn,button,input[type=button],input[type=reset],input[type=submit]{position:relative;display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42;color:#333;text-align:center;white-space:nowrap;vertical-align:top;cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:3px;-webkit-transition:all;transition:all;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:.2s;transition-duration:.2s}.mui-btn.mui-active,.mui-btn:active,button.mui-active,button:active,input[type=button].mui-active,input[type=button]:active,input[type=reset].mui-active,input[type=reset]:active,input[type=submit].mui-active,input[type=submit]: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;background-color:#007aff;border:1px solid #007aff}.mui-btn-blue.mui-active,.mui-btn-blue:active,.mui-btn-primary.mui-active,.mui-btn-primary:active,input[type=submit].mui-active,input[type=submit]:active{color:#fff;background-color:#0062cc;border:1px solid #0062cc}.mui-btn-green,.mui-btn-positive,.mui-btn-success{color:#fff;background-color:#4cd964;border:1px solid #4cd964}.mui-btn-green.mui-active,.mui-btn-green:active,.mui-btn-positive.mui-active,.mui-btn-positive:active,.mui-btn-success.mui-active,.mui-btn-success:active{color:#fff;background-color:#2ac845;border:1px solid #2ac845}.mui-btn-warning,.mui-btn-yellow{color:#fff;background-color:#f0ad4e;border:1px solid #f0ad4e}.mui-btn-warning.mui-active,.mui-btn-warning:active,.mui-btn-yellow.mui-active,.mui-btn-yellow:active{color:#fff;background-color:#ec971f;border:1px solid #ec971f}.mui-btn-danger,.mui-btn-negative,.mui-btn-red{color:#fff;background-color:#dd524d;border:1px solid #dd524d}.mui-btn-danger.mui-active,.mui-btn-danger:active,.mui-btn-negative.mui-active,.mui-btn-negative:active,.mui-btn-red.mui-active,.mui-btn-red:active{color:#fff;background-color:#cf2d28;border:1px solid #cf2d28}.mui-btn-purple,.mui-btn-royal{color:#fff;background-color:#8a6de9;border:1px solid #8a6de9}.mui-btn-purple.mui-active,.mui-btn-purple:active,.mui-btn-royal.mui-active,.mui-btn-royal:active{color:#fff;background-color:#6641e2;border:1px solid #6641e2}.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-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-red{color:#dd524d}.mui-btn-outlined.mui-btn-purple,.mui-btn-outlined.mui-btn-royal{color:#8a6de9}.mui-btn-outlined.mui-btn-blue:active,.mui-btn-outlined.mui-btn-danger:active,.mui-btn-outlined.mui-btn-green:active,.mui-btn-outlined.mui-btn-primary:active,.mui-btn-outlined.mui-btn-purple:active,.mui-btn-outlined.mui-btn-red:active,.mui-btn-outlined.mui-btn-royal:active,.mui-btn-outlined.mui-btn-success:active,.mui-btn-outlined.mui-btn-warning:active,.mui-btn-outlined.mui-btn-yellow:active{color:#fff}.mui-btn-link{padding-top:6px;padding-bottom:6px;color:#007aff;background-color:transparent;border:0}.mui-btn-link.mui-active,.mui-btn-link:active{color:#0062cc;background-color:transparent}.mui-btn-block{display:block;width:100%;padding:15px 0;margin-bottom:10px;font-size:18px}.mui-btn .mui-badge{margin:-2px -4px -2px 4px;font-size:14px;background-color:rgba(0,0,0,.15)}.mui-btn .mui-badge-inverted,.mui-btn:active .mui-badge-inverted{background-color:transparent}.mui-btn-negative:active .mui-badge-inverted,.mui-btn-positive:active .mui-badge-inverted,.mui-btn-primary: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{width:24px;height:24px;font-size:24px;line-height:24px}.mui-bar{position:fixed;right:0;left:0;z-index:10;height:44px;padding-right:10px;padding-left:10px;background-color:rgba(247,247,247,.98);border-bottom:0;-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;width:auto;margin:0;overflow:hidden;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-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;height:45px;margin-top:-45px;visibility:hidden}.mui-bar-nav.mui-bar .mui-icon{padding-right:10px;padding-left:10px;margin-right:-10px;margin-left:-10px}.mui-title{position:absolute;display:block;width:100%;padding:0;margin:0 -10px;font-size:17px;font-weight:500;line-height:44px;color:#000;text-align:center;white-space:nowrap}.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}.mui-bar-tab .mui-tab-item{display:table-cell;width:1%;height:50px;overflow:hidden;color:#929292;text-align:center;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.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{display:block;overflow:hidden;font-size:11px;text-overflow:ellipsis}.mui-bar-tab .mui-tab-item .mui-icon:active{background:0 0}.mui-bar .mui-btn{position:relative;top:7px;z-index:20;padding:6px 12px 7px;margin-top:0;font-weight:400}.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{top:0;padding:0;font-size:16px;line-height:44px;color:#007aff;border:0}.mui-bar .mui-btn-link.mui-active,.mui-bar .mui-btn-link:active{color:#0062cc}.mui-bar .mui-btn-block{top:6px;padding:5px 0;margin-bottom:0;font-size:16px}.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{position:relative;z-index:20;padding-top:10px;padding-bottom:10px;font-size:24px}.mui-bar .mui-icon:active{opacity:.3}.mui-bar .mui-btn .mui-icon{top:3px;padding:0;margin:0}.mui-bar .mui-title .mui-icon{padding:0;margin: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-segmented-control{top:7px;margin:0 auto}.mui-badge{display:inline-block;padding:3px 6px;font-size:12px;line-height:1;color:#333;background-color:rgba(0,0,0,.15);border-radius:100px}.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-table-view{padding-left:0;margin-top:0;margin-bottom:0;list-style:none;background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:0 100%,0 0}.mui-table-view-striped>li:nth-child(odd),.mui-table-view-striped>li:nth-child(odd)>.mui-slider-cell>.mui-slider-left~.mui-slider-handle,.mui-table-view-striped>li:nth-child(odd)>.mui-slider-cell>.mui-slider-right~.mui-slider-handle{background-color:#f9f9f9}.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-slider .mui-table-view-cell{padding:11px 0}.mui-table-view-slider .mui-table-view-cell>a:not(.mui-btn){margin-right:0}.mui-table-view-inverted{color:#fff;background:#333;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#222222' x='0' y='0' width='100%' height='0.5'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#222222' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:0 100%,0 0}.mui-table-view-inverted .mui-table-view-cell{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#222222' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:15px 100%}.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;padding:11px 15px;overflow:hidden;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:15px 100%;-webkit-touch-callout:none}.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,.mui-table-view-cell.mui-active>.mui-slider-cell>.mui-slider-left~.mui-slider-handle,.mui-table-view-cell.mui-active>.mui-slider-cell>.mui-slider-right~.mui-slider-handle{background-color:#eee}.mui-table-view-cell:last-child{background-image:none}.mui-table-view-cell>a:not(.mui-btn){position:relative;display:block;padding:inherit;margin:-11px -15px;overflow:hidden;color:inherit;text-overflow:ellipsis;white-space:nowrap}.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-slider-cell{margin-top:1px;margin-bottom:1px}.mui-table-view-cell>.mui-slider-cell>.mui-slider-handle{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mui-table-view-cell>.mui-slider-cell>.mui-slider-left~.mui-slider-handle,.mui-table-view-cell>.mui-slider-cell>.mui-slider-right~.mui-slider-handle{position:relative;top:auto;right:auto;bottom:auto;left:auto;z-index:1;padding-left:15px;background-color:#fff;-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}.mui-table-view-cell>.mui-slider-cell>.mui-slider-left,.mui-table-view-cell>.mui-slider-cell>.mui-slider-right{top:1px;bottom:1px}.mui-table-view-divider{padding-top:6px;padding-bottom:6px;padding-left:15px;margin-top:-1px;margin-left:0;font-weight:500;color:#999;background-color:#fafafa;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:0 100%,0 0}.mui-table-view .mui-media,.mui-table-view .mui-media-body{overflow:hidden}.mui-table-view .mui-media-object{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-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-left>.mui-badge,.mui-table-view-cell .mui-navigate-left>.mui-btn,.mui-table-view-cell .mui-navigate-left>.mui-switch,.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-left>.mui-badge,.mui-table-view-cell>a .mui-navigate-left>.mui-btn,.mui-table-view-cell>a .mui-navigate-left>.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-navigate-right:after,.mui-table-view-cell.mui-collapse>.mui-push-right:after{content:'\e662'}.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:'\e661'}.mui-table-view-cell.mui-collapse .mui-table-view{display:none;margin-top:11px;margin-right:-15px;margin-bottom:-11px;margin-left:-15px}.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.mui-grid-view{display:block;width:100%;padding:0 10px 10px 0;font-size:0;white-space:normal}.mui-table-view.mui-grid-view .mui-table-view-cell{display:inline-block;padding:10px 0 0 14px;margin-right:-4px;font-size:17px;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{display:block;width:100%;height:15px;margin-top:8px;font-size:15px;line-height:15px;color:#333;text-overflow:ellipsis}.mui-grid-view.mui-grid-9{padding-right:0;background-color:#f2f2f2}.mui-grid-view.mui-grid-9 .mui-table-view-cell{vertical-align:top;border-top:1px solid #eee;border-left:1px solid #eee}.mui-grid-view.mui-grid-9 .mui-table-view-cell>a:not(.mui-btn){padding:15px}.mui-grid-view.mui-grid-9 .mui-media{color:#797979}.mui-grid-view.mui-grid-9 .mui-media .mui-icon{position:relative;font-size:3em}.mui-grid-view.mui-grid-9 .mui-media .mui-icon .mui-badge{position:absolute;top:1px;right:0;color:#fff;background:red;opacity:.9}.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;top:0;bottom:0;z-index: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{width:100%;height:40px;-webkit-appearance:none;padding:10px 15px;margin-bottom:15px;line-height:21px;-webkit-user-select:text;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:3px;outline:0}input[type=search]{height:34px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:16px;text-align:center;background-color:rgba(0,0,0,.1);border:0;border-radius:6px}input[type=search]:focus{text-align:left}textarea{height:auto;resize:none}select{height:auto;margin-top:1px;font-size:14px;background-color:#fff;border:0!important}.mui-input-group{padding:0;background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:0 100%,0 0;border:0}.mui-input-group input,.mui-input-group textarea{margin-bottom:0;background-color:transparent;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:15px 100%;border:0;border-radius:0;-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{overflow:hidden}.mui-input-row select{padding:10px 15px 0;font-size:17px}.mui-input-row label+input,.mui-input-row:last-child{background-image:none}.mui-input-group .mui-input-row{height:40px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:15px 100%}.mui-input-row label{float:left;width:35%;padding:8px 20px;font-family:"Helvetica Neue",Helvetica,sans-serif;line-height:1.1}.mui-input-row label~input,.mui-input-row label~select,.mui-input-row label~textarea{float:right;width:65%;padding-left:0;margin-bottom:0;border:0}.mui-input-row{position:relative}.mui-input-row.mui-input-range{padding-right:20px;overflow:visible}.mui-input-row .mui-inline{padding:8px 0}.mui-input-row .mui-input-clear~.mui-icon-clear,.mui-input-row .mui-input-speech~.mui-icon-speech{position:absolute;top:10px;right:10px;width:28px;height:28px;font-size:20px;color:#999;text-align:center}.mui-input-row .mui-input-speech~.mui-icon-speech{top:8px;font-size:24px}.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%}.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-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;-webkit-appearance:none;background-color:transparent;border:0;outline:0!important}.mui-checkbox input[type=checkbox]:before,.mui-radio input[type=radio]:before{font-family:Muiicons;font-size:28px;font-weight:400;line-height:1;color:rgba(170,170,170,.6);text-decoration:none;background:0 0;border-radius:0;-webkit-font-smoothing:antialiased}.mui-checkbox input[type=checkbox]:checked:before,.mui-radio input[type=radio]:checked:before{color:#007aff}.mui-radio input[type=radio]:before{content:"\e654"}.mui-radio input[type=radio]:checked:before{content:"\e655"}.mui-checkbox input[type=checkbox]:before{content:"\e656"}.mui-checkbox input[type=checkbox]:checked:before{content:"\e657"}.mui-checkbox-cycle input[type=checkbox]:before{content:"\e910"}.mui-checkbox-cycle input[type=checkbox]:checked:before{content:"\e911"}.mui-select{position:relative}.mui-select:before{position:absolute;top:8px;right:21px;font-family:Muiicons;color:rgba(170,170,170,.6);content:'\e651'}.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;-webkit-appearance:none!important;padding:0;margin:17px 0;cursor:pointer;background-color:#999;border:0;border-radius:3px;outline:0}.mui-input-range input[type=range]::-webkit-slider-thumb{width:28px;height:28px;-webkit-appearance:none!important;background-color:#007aff;border-color:#0062cc;border-radius:50%}.mui-input-range label~input[type=range]{width:65%}.mui-input-range .mui-tooltip{position:absolute;top:-70px;z-index:1;width:64px;height:64px;font-size:36px;line-height:64px;color:#333;text-align:center;text-shadow:0 1px 0 #f3f3f3;background-color:#fff;border:1px solid #ddd;border-radius:6px;opacity:.8}.mui-search{position:relative}.mui-search input[type=search]{padding-left:30px}.mui-search .mui-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:inline-block;height:34px;font-size:16px;line-height:34px;color:#999;text-align:center;background:0 0;border:0;border-radius:6px}.mui-search .mui-placeholder .mui-icon{font-size:20px;color:#333}.mui-search:before{position:absolute;top:50%;right:50%;display:none;margin-top:-18px;margin-right:31px;font-family:Muiicons;font-size:20px;font-weight:400;content:'\e607'}.mui-search.mui-active:before{left:5px;display:block;margin-right:0;font-size:20px}.mui-search.mui-active input[type=search]{text-align:left}.mui-search.mui-active .mui-placeholder{display:none}.mui-segmented-control{position:relative;display:table;width:100%;overflow:hidden;font-size:15px;font-weight:400;table-layout:fixed;background-color:transparent;border:1px solid #007aff;border-radius:3px}.mui-segmented-control .mui-control-item{display:table-cell;width:1%;padding-top:6px;padding-bottom:7px;overflow:hidden;line-height:1;color:#007aff;text-align:center;text-overflow:ellipsis;white-space:nowrap;border-color:#007aff;border-left:1px solid #007aff;-webkit-transition:background-color .1s linear;transition:background-color .1s linear}.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-control-item{color:inherit;border:0}.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{color:#007aff;background:0 0;border-bottom:2px solid #007aff}.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;background:0 0;border-bottom:2px solid #4cd964}.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;background:0 0;border-bottom:2px solid #dd524d}.mui-segmented-control-negative.mui-segmented-control-inverted~.mui-slider-progress-bar{background-color:#dd524d}.mui-control-content{display:none}.mui-control-content.mui-active{display:block}.mui-popover{position:fixed;top:55px;left:50%;z-index:20;display:none;width:280px;margin-left:-140px;background-color:rgba(247,247,247,.98);border-radius:12px;-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1);opacity:0;-webkit-transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out;transition:-webkit-transform .2s ease-in-out,opacity .2s ease-in-out;-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}.mui-popover:before{position:absolute;top:-15px;left:50%;width:0;height:0;margin-left:-8px;content:'';border-right:8px solid transparent;border-bottom:15px solid rgba(247,247,247,.98);border-left:8px solid transparent}.mui-popover.mui-popover-bottom{top:auto;bottom:65px;left:auto;width:auto;margin-left:0;border:1px solid #ddd;border-radius:6px}.mui-popover.mui-popover-bottom:before{top:auto;bottom:-8px;border-top:8px solid rgba(247,247,247,.98);border-bottom:0}.mui-popover.mui-popover-bottom.mui-popover-action{top:auto;right:0;bottom:0;left:0;width:100%;border-radius:0;-webkit-transition:-webkit-transform .25s,opacity 1ms .25s;-moz-transition:-moz-transform .25s,opacity 1ms .25s;transition:transform .25s,opacity 1ms .25s;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.mui-popover.mui-popover-bottom.mui-popover-action.mui-active{opacity:1;-webkit-transition:-webkit-transform .25s;-moz-transition:-moz-transform .25s;transition:transform .25s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mui-popover.mui-active{display:block;opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mui-popover .mui-bar~.mui-table-view{padding-top:44px}.mui-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;background-color:rgba(0,0,0,.3)}.mui-bar-backdrop.mui-backdrop{bottom:50px;background:0 0}.mui-backdrop-action.mui-backdrop{bottom:50px;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{opacity:1;-webkit-transition:all .25s ease;transition:all .25s ease}.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-table-view{max-height:300px;margin-bottom:0;overflow:auto;-webkit-overflow-scrolling:touch;background-color:rgba(247,247,247,.98);background-image:none;border-radius:12px}.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-pagination{display:inline-block;padding-left:0;margin:0 auto;border-radius:6px}.mui-pagination>li{display:inline}.mui-pagination>li>a,.mui-pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.428571429;color:#007aff;text-decoration:none;background-color:#fff;border:1px solid #ddd}.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}.mui-pagination>li:last-child>a,.mui-pagination>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.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;color:#fff;cursor:default;background-color:#007aff;border-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{color:#777;background-color:#fff;border:1px solid #ddd;opacity:.6}.mui-pagination-lg>li>a,.mui-pagination-lg>li>span{padding:10px 16px;font-size:18px}.mui-pagination-sm>li>a,.mui-pagination-sm>li>span{padding:5px 10px;font-size:12px}.mui-pager{padding-left:0;text-align:center;list-style:none}.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;background-color:#fff;border:1px solid #ddd;border-radius:6px}.mui-pager li.mui-active>a,.mui-pager li.mui-active>span,.mui-pager li:active>a,.mui-pager li:active>span{color:#fff;text-decoration:none;cursor:default;background-color:#007aff;border-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{color:#777;background-color:#fff;border:1px solid #ddd;opacity:.6}.mui-modal{position:fixed;top:0;z-index:11;width:100%;min-height:100%;overflow:hidden;background-color:#fff;opacity:0;-webkit-transition:-webkit-transform .25s,opacity 1ms .25s;-moz-transition:-moz-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)}.mui-modal.mui-active{height:100%;opacity:1;-webkit-transition:-webkit-transform .25s;-moz-transition:-moz-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)}.mui-slider{position:relative;width:100%;overflow:hidden}.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{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#c8c7cc' x='0' y='0' width='100%' height='0.5'/></svg>");background-repeat:no-repeat;background-position:0 100%,0 0}.mui-slider .mui-slider-group{position:relative;font-size:0;white-space:nowrap;-webkit-transition:all 0s linear;transition:all 0s linear}.mui-slider .mui-slider-group .mui-slider-item{position:relative;display:inline-block;width:100%;height:100%;font-size:14px;vertical-align:top}.mui-slider .mui-slider-group .mui-slider-item a{position:relative;display:block;line-height:0}.mui-slider .mui-slider-group .mui-slider-item img{width:100%}.mui-slider .mui-slider-group.mui-slider-loop .mui-slider-item:first-child{margin-left:-100%}.mui-slider .mui-slider-group.mui-slider-loop .mui-slider-item:last-child{margin-right:-100%}.mui-slider-title{position:absolute;bottom:0;left:0;width:100%;height:30px;margin:0;line-height:30px;text-align:left;text-indent:12px;background-color:#000;opacity:.8}.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;padding-top:10px}.mui-slider-indicator .mui-indicator{display:inline-block;width:6px;height:6px;margin:1px 6px;cursor:pointer;background:#aaa;border-radius:50%;-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{width:40px;height:30px;margin:3px;font-size:20px;line-height:30px;text-align:center;border:1px solid #ddd}.mui-slider-indicator .mui-number{display:inline-block;width:58px;line-height:32px}.mui-slider-indicator .mui-number span{color:#ff5053}.mui-slider-progress-bar{z-index:1;height:2px;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden}.mui-switch{position:relative;display:block;width:74px;height:30px;background-color:#fff;border:2px solid #ddd;border-radius:20px;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:background-color,border;transition-property:background-color,border}.mui-switch .mui-switch-handle{position:absolute;top:-1px;left:-1px;z-index:2;width:28px;height:28px;background-color:#fff;border-radius:16px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.4);box-shadow:0 2px 5px rgba(0,0,0,.4);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:-webkit-transform,width;transition-property:transform,width}.mui-switch:before{position:absolute;top:3px;right:11px;font-size:13px;color:#999;text-transform:uppercase;content:"Off"}.mui-switch.mui-active{background-color:#4cd964;border-color:#4cd964}.mui-switch.mui-active .mui-switch-handle{-webkit-transform:translate3d(45px,0,0);transform:translate3d(45px,0,0)}.mui-switch.mui-active:before{right:auto;left:15px;color:#fff;content:"On"}.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:translate3d(18px,0,0);transform:translate3d(18px,0,0)}.mui-switch-blue.mui-active{background-color:#007aff;border:2px solid #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;-moz-transition:-moz-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-left:after,.mui-navigate-right:after,.mui-push-left:after,.mui-push-right:after{position:absolute;top:50%;display:inline-block;font-family:Muiicons;font-size:inherit;line-height:1;color:#bbb;text-decoration:none;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-font-smoothing:antialiased}.mui-navigate-left:after,.mui-push-left:after{left:15px;content:'\e664'}.mui-navigate-right:after,.mui-push-right:after{right:15px;content:'\e663'}.mui-pull-bottom-pocket,.mui-pull-top-pocket{position:absolute;left:0;display:block;width:100%;height:490px;overflow:hidden;background:#efeff4}.mui-pull-top-pocket{top:-490px}.mui-pull-bottom-pocket{position:static;bottom:0;z-index:-1;height:40px}.mui-pull-bottom-pocket .mui-pull-loading{display:none}.mui-pull-bottom-pocket .mui-pull-loading.mui-in{display:inline-block}.mui-pull{position:absolute;right:0;bottom:10px;left:0;font-weight:700;color:#777;text-align:center}.mui-pull-loading{vertical-align:middle;-webkit-transition-duration:400ms;transition-duration:400ms}.mui-pull-loading.mui-reverse{-webkit-transform:translate(0,0) rotate(180deg);transform:translate(0,0) rotate(180deg)}.mui-pull-caption{position:relative;display:inline-block;margin-top:-5px;margin-left:10px;overflow:visible;font-size:15px;line-height:24px;vertical-align:middle}.mui-pull-caption span{display:none}.mui-pull-caption span.mui-in{display:inline}.mui-toast-container{position:fixed;bottom:50px;width:100%}.mui-toast-message{z-index:99999;width:270px;padding:5px;margin:5px auto;font-size:14px;color:#000;text-align:center;background-color:#d8d8d8;border-radius:7px}@font-face{font-family:Muiicons;font-style:normal;font-weight:400;src:url(../fonts/muiicons.ttf) format("truetype")}.mui-icon{display:inline-block;font-family:Muiicons;font-size:24px;font-style:normal;font-weight:400;line-height:1;text-decoration:none;-webkit-font-smoothing:antialiased}.mui-icon.mui-right:before{float:right;padding-left:.2em}.mui-icon-spinner:before{content:"\e600"}.mui-icon-weibo:before{content:"\e601"}.mui-icon-pin:before{content:"\e602"}.mui-icon-phone:before{content:"\e603"}.mui-icon-map:before{content:"\e604"}.mui-icon-sms:before{content:"\e605"}.mui-icon-chat:before{content:"\e606"}.mui-icon-search:before{content:"\e607"}.mui-icon-close:before{content:"\e608"}.mui-icon-reply:before{content:"\e609"}.mui-icon-trash:before{content:"\e610"}.mui-icon-edit:before{content:"\e611"}.mui-icon-home:before{content:"\e612"}.mui-icon-category:before{content:"\e613"}.mui-icon-calendar:before{content:"\e614"}.mui-icon-cog:before{content:"\e615"}.mui-icon-speech:before{content:"\e616"}.mui-icon-info:before{content:"\e617"}.mui-icon-arrow-left:before{content:"\e648"}.mui-icon-arrow-right:before{content:"\e649"}.mui-icon-up-nav:before{content:"\e650"}.mui-icon-down-nav:before{content:"\e651"}.mui-icon-right-nav:before{content:"\e652"}.mui-icon-left-nav:before{content:"\e653"}.mui-icon-radio:before{content:"\e654"}.mui-icon-radio-checked:before{content:"\e655"}.mui-icon-checkbox:before{content:"\e656"}.mui-icon-checkbox-checked:before{content:"\e657"}.mui-icon-bars:before{content:"\e658"}.mui-icon-plus:before{content:"\e659"}.mui-icon-clear:before{content:"\e660"}.mui-icon-up:before{content:"\e661"}.mui-icon-down:before{content:"\e662"}.mui-icon-right:before{content:"\e663"}.mui-icon-left:before{content:"\e664"}.mui-icon-pulldown:before{content:"\e665"}.mui-icon-phone-solid:before{content:"\e702"}.mui-icon-phone-filled:before{content:"\e804"}.mui-icon-close-cycle:before{content:"\e908"}.mui-icon-spinner-cycle:before{content:"\e909"}.mui-icon-checkbox-cycle:before{content:"\e910"}.mui-icon-checkbox-checked-cycle:before{content:"\e911"}
\ No newline at end of file \ No newline at end of file
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Hello MUI</title> <title>Hello MUI</title>
...@@ -11,7 +12,8 @@ ...@@ -11,7 +12,8 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<style> <style>
html, body { html,
body {
background-color: #efeff4; background-color: #efeff4;
} }
</style> </style>
...@@ -19,6 +21,7 @@ ...@@ -19,6 +21,7 @@
mui.init(); mui.init();
</script> </script>
</head> </head>
<body> <body>
<header class="mui-bar mui-bar-nav"> <header class="mui-bar mui-bar-nav">
...@@ -41,5 +44,10 @@ ...@@ -41,5 +44,10 @@
<button class="mui-btn mui-btn-royal mui-btn-block mui-btn-outlined">Block button</button> <button class="mui-btn mui-btn-royal mui-btn-block mui-btn-outlined">Block button</button>
</div> </div>
</div> </div>
<style type="text/css">
.mui-content-padded{
margin: 10px;
}
</style>
</body> </body>
</html> </html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello MUI</title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="../css/mui.min.css">
<script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script>
<style>
html,
body {
background-color: #efeff4;
}
</style>
<script>
mui.init();
</script>
</head>
<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">消息框(dialog)</h1>
</header>
<div class="mui-content">
<div class="mui-content-padded" style="margin: 5px;text-align: center;">
<button id='alertBtn' class="mui-btn mui-btn-blue mui-btn-outlined">警告消息框</button>
<button id='confirmBtn' class="mui-btn mui-btn-blue mui-btn-outlined">确认消息框</button>
<button id='promptBtn' class="mui-btn mui-btn-blue mui-btn-outlined">输入对话框</button>
<button id='toastBtn' class="mui-btn mui-btn-blue mui-btn-outlined">自动消失提示框</button>
<div id="info">
</div>
</div>
</div>
<script type="text/javascript" charset="utf-8">
var info = document.getElementById("info");
document.getElementById("alertBtn").addEventListener('tap',function(){
mui.alert('欢迎使用Hello MUI','Hello MUI',function(){
info.innerText = '你刚关闭了警告框';
});
});
document.getElementById("confirmBtn").addEventListener('tap',function(){
var btnArray = ['',''];
mui.confirm('MUI是个好框架,确认?','Hello MUI',btnArray,function(e){
if(e.index==0){
info.innerText = '你刚确认MUI是个好框架';
}else{
info.innerText = 'MUI没有得到你的认可,继续加油'
}
})
});
document.getElementById("promptBtn").addEventListener('tap',function(){
var btnArray = ['确定','取消'];
mui.prompt('请输入你对MUI的评语:','性能好',btnArray,function(e){
if(e.index==0){
info.innerText = '谢谢你的评语:'+e.value;
}else{
info.innerText = '你点了取消按钮';
}
})
});
document.getElementById("toastBtn").addEventListener('tap',function(){
mui.toast('欢迎体验Hello MUI');
});
</script>
<style type="text/css">
.mui-btn{
display: block;
width: 120px;
margin: 10px auto;
}
#info{
padding: 20px 10px ;
}
</style>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Hello MUI</title> <title>Hello MUI</title>
...@@ -11,7 +12,8 @@ ...@@ -11,7 +12,8 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<style> <style>
html, body { html,
body {
background-color: #efeff4; background-color: #efeff4;
} }
</style> </style>
...@@ -19,6 +21,7 @@ ...@@ -19,6 +21,7 @@
mui.init(); mui.init();
</script> </script>
</head> </head>
<body> <body>
<header class="mui-bar mui-bar-nav"> <header class="mui-bar mui-bar-nav">
...@@ -29,7 +32,8 @@ ...@@ -29,7 +32,8 @@
<div class="mui-content-padded"> <div class="mui-content-padded">
<h4 style="margin-top:10px;">mui</h4> <h4 style="margin-top:10px;">mui</h4>
<p > <p >
性能和体验的差距,一直是mobile app开发者放弃HTML5的首要原因。 浏览器天生的切页白屏、不忍直视的转页动画、浮动元素的抖动、无法流畅下拉刷新等问题,这些都让HTML5开发者倍感挫败,尤其拿到Android低端机运行,摔手机的心都有; 另一方面,浏览器默认控件样式又少又丑,制作一个漂亮的控件非常麻烦,也有一些制作简单的ui框架但性能低下。 性能和体验的差距,一直是mobile app开发者放弃HTML5的首要原因。 浏览器天生的切页白屏、不忍直视的转页动画、浮动元素的抖动、无法流畅下拉刷新等问题,这些都让HTML5开发者倍感挫败
; 另一方面,浏览器默认控件样式又少又丑,制作一个漂亮的控件非常麻烦,也有一些制作简单的ui框架但性能低下。
</p> </p>
<p > <p >
mui框架有效的解决了这些问题,这是一个可以方便开发出高性能App的框架,也是目前最接近原生App效果的框架。 mui框架有效的解决了这些问题,这是一个可以方便开发出高性能App的框架,也是目前最接近原生App效果的框架。
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Hello MUI</title> <title>Hello MUI</title>
...@@ -11,7 +12,8 @@ ...@@ -11,7 +12,8 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<style> <style>
html, body { html,
body {
background-color: #efeff4; background-color: #efeff4;
} }
</style> </style>
...@@ -19,6 +21,7 @@ ...@@ -19,6 +21,7 @@
mui.init(); mui.init();
</script> </script>
</head> </head>
<body> <body>
<link rel="stylesheet" href="../css/oa.css"> <link rel="stylesheet" href="../css/oa.css">
...@@ -43,7 +46,7 @@ ...@@ -43,7 +46,7 @@
</style> </style>
<header class="mui-bar mui-bar-nav"> <header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a> <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">待办公文</h1> <h1 class="mui-title">三行列表</h1>
</header> </header>
<div class="mui-content"> <div class="mui-content">
<ul class="mui-table-view mui-table-view-striped mui-table-view-condensed"> <ul class="mui-table-view mui-table-view-striped mui-table-view-condensed">
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Hello MUI</title> <title>Hello MUI</title>
...@@ -11,7 +12,8 @@ ...@@ -11,7 +12,8 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<style> <style>
html, body { html,
body {
background-color: #efeff4; background-color: #efeff4;
} }
</style> </style>
...@@ -19,11 +21,12 @@ ...@@ -19,11 +21,12 @@
mui.init(); mui.init();
</script> </script>
</head> </head>
<body> <body>
<header class="mui-bar mui-bar-nav"> <header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a> <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">右侧带控件</h1> <h1 class="mui-title">列表带input类控件</h1>
</header> </header>
<div class="mui-content"> <div class="mui-content">
<div class="mui-card"> <div class="mui-card">
...@@ -47,28 +50,28 @@ ...@@ -47,28 +50,28 @@
</button> </button>
</li> </li>
<li class="mui-table-view-cell"> <li class="mui-table-view-cell">
Item 1 Item 3
<div class="mui-switch mui-active"> <div class="mui-switch mui-active">
<div class="mui-switch-handle"></div> <div class="mui-switch-handle"></div>
</div> </div>
</li> </li>
<li class="mui-table-view-cell"> <li class="mui-table-view-cell">
Item 3 Item 4
<div class="mui-switch mui-switch-blue mui-switch-mini mui-active"> <div class="mui-switch mui-switch-blue mui-switch-mini mui-active">
<div class="mui-switch-handle"></div> <div class="mui-switch-handle"></div>
</div> </div>
</li> </li>
<li class="mui-table-view-cell mui-radio mui-left"> <li class="mui-table-view-cell mui-radio mui-left">
<input name="radio" type="radio">Item 3 <input name="radio" type="radio">Item 5
</li> </li>
<li class="mui-table-view-cell mui-radio mui-left"> <li class="mui-table-view-cell mui-radio mui-left">
<input name="radio" type="radio">Item 3 <input name="radio" type="radio">Item 6
</li> </li>
<li class="mui-table-view-cell mui-checkbox mui-left"> <li class="mui-table-view-cell mui-checkbox mui-left">
<input name="checkbox" type="checkbox">Item 3 <input name="checkbox" type="checkbox">Item 7
</li> </li>
<li class="mui-table-view-cell mui-checkbox mui-left"> <li class="mui-table-view-cell mui-checkbox mui-left">
<input name="checkbox" type="checkbox">Item 3 <input name="checkbox" type="checkbox">Item 8
</li> </li>
</ul> </ul>
</div> </div>
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Hello MUI</title> <title>Hello MUI</title>
...@@ -11,7 +12,8 @@ ...@@ -11,7 +12,8 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<style> <style>
html, body { html,
body {
background-color: #efeff4; background-color: #efeff4;
} }
</style> </style>
...@@ -19,6 +21,7 @@ ...@@ -19,6 +21,7 @@
mui.init(); mui.init();
</script> </script>
</head> </head>
<body> <body>
<link rel="stylesheet" href="../css/oa.css"> <link rel="stylesheet" href="../css/oa.css">
......
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello MUI</title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="../css/mui.min.css">
<script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script>
<style>
html,
body {
background-color: #efeff4;
}
</style>
<script>
mui.init();
</script>
</head>
<body>
<div class="mui-off-canvas-wrap mui-draggable">
<div class="mui-inner-wrap">
<header class="mui-bar mui-bar-nav">
<a class="mui-action-menu mui-icon mui-icon-bars mui-pull-left"></a>
<a class="mui-action-back mui-icon mui-icon-close mui-pull-right"></a>
<h1 class="mui-title">off canvas(侧滑导航)</h1>
</header>
<div class="mui-content">
<ul class="mui-table-view mui-table-view-chevron">
<li id="switch" class="mui-table-view-cell">
整体滑动
<div class="mui-switch">
<div class="mui-switch-handle"></div>
</div>
</li>
</ul>
<ul class="mui-table-view mui-table-view-chevron">
<li class="mui-table-view-cell mui-media">
<a class="mui-navigate-right">
<img class="mui-media-object mui-pull-left" src="../images/42x42.gif">
<div class="mui-media-body">
Item 1
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore. Lorem ipsum dolor sit amet.
</p>
</div>
</a>
</li>
<li class="mui-table-view-cell mui-media">
<a class="mui-navigate-right">
<img class="mui-media-object mui-pull-left" src="../images/42x42.gif">
<div class="mui-media-body">
Item 1
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore. Lorem ipsum dolor sit amet.
</p>
</div>
</a>
</li>
<li class="mui-table-view-cell mui-media">
<a class="mui-navigate-right">
<img class="mui-media-object mui-pull-left" src="../images/42x42.gif">
<div class="mui-media-body">
Item 1
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore. Lorem ipsum dolor sit amet.
</p>
</div>
</a>
</li>
<li class="mui-table-view-cell mui-media">
<a class="mui-navigate-right">
<img class="mui-media-object mui-pull-left" src="../images/42x42.gif">
<div class="mui-media-body">
Item 1
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore. Lorem ipsum dolor sit amet.
</p>
</div>
</a>
</li>
<li class="mui-table-view-cell mui-media">
<a class="mui-navigate-right">
<img class="mui-media-object mui-pull-left" src="../images/42x42.gif">
<div class="mui-media-body">
Item 1
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore. Lorem ipsum dolor sit amet.
</p>
</div>
</a>
</li>
<li class="mui-table-view-cell mui-media">
<a class="mui-navigate-right">
<img class="mui-media-object mui-pull-left" src="../images/42x42.gif">
<div class="mui-media-body">
Item 1
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore. Lorem ipsum dolor sit amet.
</p>
</div>
</a>
</li>
</ul>
</div>
<!-- off-canvas backdrop -->
<div class="mui-off-canvas-backdrop"></div>
</div>
</div>
<script>
mui.init({
swipeBack: false
});
//整体滑动暂不支持android手机,因为两个页面的移动动画,无法保证同步性;
mui.plusReady(function(){
if(mui.os.android){
document.getElementById("switch").style.display = 'none';
}
});
var menu, showMenu = false,slideTogether = false;
window.addEventListener('pagebeforeshow', function() {
var left = '0%';
if(slideTogether){
left = '-70%';
}
menu = mui.createWindow({
id: 'offcanvas-plus-menu',
url: 'offcanvas-plus-menu.html',
styles: {
left: left,
width:'70%',
zindex: 9998
}
});
if (menu) {
menu.show('none');
}
mui.currentWebview.setStyle({left:0});
});
document.querySelector('.mui-icon-bars').addEventListener('tap', function() {
mui.currentWebview.setStyle({
left: showMenu ? '0' : '70%',
transition: {
duration: 200
}
});
//如果整体移动,则menu页面也需要移动;
if(slideTogether){
menu.setStyle({
left: showMenu ? '-70%' : '0%',
transition: {
duration: 200
}
});
}
showMenu = !showMenu;
});
function closeMenu(){
menu.close('none');
}
//按返回图标时,关闭菜单webview
document.querySelector('.mui-action-back').addEventListener('tap',closeMenu);
mui.plusReady(function(){
//按返回键时,关闭菜单webview
plus.key.addEventListener('backbutton', closeMenu, false);
});
//整体切换开关事件,按下时,需变换menu界面的初始化位置;
document.getElementById("switch").addEventListener('toggle',function(event){
if(event.detail.isActive){
//切换为整体移动
//首先改变移动标志
slideTogether = true;
//变换menu界面初始化位置,整体移动时,Menu界面left需要在-70%的地方;
menu.setStyle({left:'-70%'});
}else{
slideTogether = false;
menu.setStyle({left:'0%'});
}
});
</script>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello MUI</title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="../css/mui.min.css">
<script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script>
<style>
html,
body {
background-color: #efeff4;
}
</style>
<script>
mui.init();
</script>
</head>
<body>
<ul class="mui-table-view mui-table-view-chevron mui-table-view-inverted">
<li class="mui-table-view-cell">
<a class="mui-navigate-right">
Item 1
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right">
Item 2
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right">
Item 3
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right">
Item 4
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right">
Item 5
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right">
Item 6
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right">
Item 7
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right">
Item 8
</a>
</li>
</ul>
<style type="text/css">
html,body{
background-color: #333;
}
</style>
<script type="text/javascript" charset="utf-8">
mui.init({
swipeBack:false
});
</script>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello MUI</title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="../css/mui.min.css">
<script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script>
<style>
html,
body {
background-color: #efeff4;
}
</style>
<script>
mui.init();
</script>
</head>
<body>
<div class="mui-off-canvas-wrap mui-draggable">
<div class="mui-inner-wrap">
<header class="mui-bar mui-bar-nav">
<a class="mui-action-menu mui-icon mui-icon-bars mui-pull-right"></a>
<a class="mui-action-back mui-icon mui-icon-close mui-pull-left"></a>
<h1 class="mui-title">off canvas(侧滑导航)</h1>
</header>
<div class="mui-content">
<ul class="mui-table-view mui-table-view-chevron">
<li id="switch" class="mui-table-view-cell">
整体滑动
<div class="mui-switch">
<div class="mui-switch-handle"></div>
</div>
</li>
</ul>
<ul class="mui-table-view mui-table-view-chevron">
<li class="mui-table-view-cell mui-media">
<a class="mui-navigate-right">
<img class="mui-media-object mui-pull-left" src="../images/42x42.gif">
<div class="mui-media-body">
Item 1
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore. Lorem ipsum dolor sit amet.
</p>
</div>
</a>
</li>
<li class="mui-table-view-cell mui-media">
<a class="mui-navigate-right">
<img class="mui-media-object mui-pull-left" src="../images/42x42.gif">
<div class="mui-media-body">
Item 1
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore. Lorem ipsum dolor sit amet.
</p>
</div>
</a>
</li>
<li class="mui-table-view-cell mui-media">
<a class="mui-navigate-right">
<img class="mui-media-object mui-pull-left" src="../images/42x42.gif">
<div class="mui-media-body">
Item 1
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore. Lorem ipsum dolor sit amet.
</p>
</div>
</a>
</li>
<li class="mui-table-view-cell mui-media">
<a class="mui-navigate-right">
<img class="mui-media-object mui-pull-left" src="../images/42x42.gif">
<div class="mui-media-body">
Item 1
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore. Lorem ipsum dolor sit amet.
</p>
</div>
</a>
</li>
<li class="mui-table-view-cell mui-media">
<a class="mui-navigate-right">
<img class="mui-media-object mui-pull-left" src="../images/42x42.gif">
<div class="mui-media-body">
Item 1
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore. Lorem ipsum dolor sit amet.
</p>
</div>
</a>
</li>
<li class="mui-table-view-cell mui-media">
<a class="mui-navigate-right">
<img class="mui-media-object mui-pull-left" src="../images/42x42.gif">
<div class="mui-media-body">
Item 1
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore. Lorem ipsum dolor sit amet.
</p>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
<script>
mui.init({
swipeBack: false
});
//整体滑动暂不支持android手机,因为两个页面的移动动画,无法保证同步性;
mui.plusReady(function(){
if(mui.os.android){
document.getElementById("switch").style.display = 'none';
}
});
var menu, showMenu = false,slideTogether = false;
window.addEventListener('pagebeforeshow', function() {
var left = '30%';
if(slideTogether){
left = '100%';
}
menu = mui.createWindow({
id: 'offcanvas-plus-menu',
url: 'offcanvas-plus-menu.html',
styles: {
left: '30%',
width:'70%',
zindex: 9998
}
});
menu.show('none');
mui.currentWebview.setStyle({left:0});
});
//点击侧滑按钮
document.querySelector('.mui-action-menu').addEventListener('tap', function() {
mui.currentWebview.setStyle({
left: showMenu ? '0' : '-70%',
transition: {
duration: 200
}
});
if(slideTogether){
menu.setStyle({
left: showMenu ? '100%' : '30%',
transition: {
duration: 200
}
});
}
showMenu = !showMenu;
});
function closeMenu(){
menu.close('none');
}
//按返回图标时,关闭菜单webview
document.querySelector('.mui-action-back').addEventListener('tap',closeMenu);
mui.plusReady(function(){
//按返回键时,关闭菜单webview
plus.key.addEventListener('backbutton', closeMenu, false);
});
//整体切换开关事件,按下时,需变换menu界面的初始化位置;
document.getElementById("switch").addEventListener('toggle',function(event){
if(event.detail.isActive){
//切换为整体移动
//首先改变移动标志
slideTogether = true;
//变换menu界面初始化位置,整体移动时,Menu界面left需要在100%的地方;
menu.setStyle({left:'100%'});
}else{
slideTogether = false;
menu.setStyle({left:'30%'});
}
});
</script>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Hello MUI</title> <title>Hello MUI</title>
...@@ -11,7 +12,8 @@ ...@@ -11,7 +12,8 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<style> <style>
html, body { html,
body {
background-color: #efeff4; background-color: #efeff4;
} }
</style> </style>
...@@ -19,9 +21,10 @@ ...@@ -19,9 +21,10 @@
mui.init(); mui.init();
</script> </script>
</head> </head>
<body> <body>
<div class="mui-off-canvas-wrap"> <div class="mui-off-canvas-wrap mui-draggable">
<div class="mui-inner-wrap"> <div class="mui-inner-wrap">
<header class="mui-bar mui-bar-nav"> <header class="mui-bar mui-bar-nav">
<a href="#offCanvas" class="mui-icon mui-icon-bars mui-pull-left"></a> <a href="#offCanvas" class="mui-icon mui-icon-bars mui-pull-left"></a>
...@@ -61,6 +64,8 @@ ...@@ -61,6 +64,8 @@
<div class="mui-switch-handle"></div> <div class="mui-switch-handle"></div>
</div> </div>
</li> </li>
</ul>
<ul class="mui-table-view mui-table-view-chevron">
<li class="mui-table-view-cell mui-media"> <li class="mui-table-view-cell mui-media">
<a class="mui-navigate-right"> <a class="mui-navigate-right">
<img class="mui-media-object mui-pull-left" src="../images/42x42.gif"> <img class="mui-media-object mui-pull-left" src="../images/42x42.gif">
...@@ -127,73 +132,47 @@ ...@@ -127,73 +132,47 @@
</div> </div>
</a> </a>
</li> </li>
<li class="mui-table-view-cell mui-media"> </ul>
<a class="mui-navigate-right"> <div class="mui-slider">
<img class="mui-media-object mui-pull-left" src="../images/42x42.gif"> <div class="mui-slider-group mui-slider-loop">
<div class="mui-media-body"> <div class="mui-slider-item">
Item 1 <a href="#">
<p> <img src="../images/yuantiao.jpg">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore. Lorem ipsum dolor sit amet.
</p>
</div>
</a> </a>
</li>
<li class="mui-table-view-cell mui-media">
<a class="mui-navigate-right">
<img class="mui-media-object mui-pull-left" src="../images/42x42.gif">
<div class="mui-media-body">
Item 1
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore. Lorem ipsum dolor sit amet.
</p>
</div> </div>
<div class="mui-slider-item">
<a href="#">
<img src="../images/shuijiao.jpg">
</a> </a>
</li>
<li class="mui-table-view-cell mui-media">
<a class="mui-navigate-right">
<img class="mui-media-object mui-pull-left" src="../images/42x42.gif">
<div class="mui-media-body">
Item 1
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore. Lorem ipsum dolor sit amet.
</p>
</div> </div>
<div class="mui-slider-item">
<a href="#">
<img src="../images/muwu.jpg">
</a> </a>
</li>
<li class="mui-table-view-cell mui-media">
<a class="mui-navigate-right">
<img class="mui-media-object mui-pull-left" src="../images/42x42.gif">
<div class="mui-media-body">
Item 1
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore. Lorem ipsum dolor sit amet.
</p>
</div> </div>
<div class="mui-slider-item">
<a href="#">
<img src="../images/cbd.jpg">
</a> </a>
</li>
<li class="mui-table-view-cell mui-media">
<a class="mui-navigate-right">
<img class="mui-media-object mui-pull-left" src="../images/42x42.gif">
<div class="mui-media-body">
Item 1
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore. Lorem ipsum dolor sit amet.
</p>
</div> </div>
<div class="mui-slider-item">
<a href="#">
<img src="../images/yuantiao.jpg">
</a> </a>
</li>
<li class="mui-table-view-cell mui-media">
<a class="mui-navigate-right">
<img class="mui-media-object mui-pull-left" src="../images/42x42.gif">
<div class="mui-media-body">
Item 1
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore. Lorem ipsum dolor sit amet.
</p>
</div> </div>
<div class="mui-slider-item">
<a href="#">
<img src="../images/shuijiao.jpg">
</a> </a>
</li> </div>
</ul> </div>
<div class="mui-slider-indicator">
<div class="mui-indicator mui-active"></div>
<div class="mui-indicator"></div>
<div class="mui-indicator"></div>
<div class="mui-indicator"></div>
</div>
</div>
</div> </div>
<!-- off-canvas backdrop --> <!-- off-canvas backdrop -->
<div class="mui-off-canvas-backdrop"></div> <div class="mui-off-canvas-backdrop"></div>
...@@ -201,15 +180,15 @@ ...@@ -201,15 +180,15 @@
</div> </div>
<script> <script>
mui.init({ mui.init({
swipeBack : false, swipeBack: false,
}); });
var offCanvasContainer = document.querySelector('.mui-off-canvas-wrap'); var offCanvasContainer = document.querySelector('.mui-off-canvas-wrap');
var offCanvasInnerContainer = offCanvasContainer.querySelector('.mui-inner-wrap'); var offCanvasInnerContainer = offCanvasContainer.querySelector('.mui-inner-wrap');
var offCanvas = mui('#offCanvas'); var offCanvas = mui('#offCanvas');
document.getElementById('switch').addEventListener('toggle', function(event) { document.getElementById('switch').addEventListener('toggle', function(event) {
if (event.detail.isActive) {//整体滑动时,侧滑菜单在inner-wrap内 if (event.detail.isActive) { //整体滑动时,侧滑菜单在inner-wrap内
offCanvasInnerContainer.insertBefore(offCanvas[0], offCanvasInnerContainer.firstElementChild); offCanvasInnerContainer.insertBefore(offCanvas[0], offCanvasInnerContainer.firstElementChild);
} else {//仅主内容滑动时,侧滑菜单在off-canvas-wrap内 } else { //仅主内容滑动时,侧滑菜单在off-canvas-wrap内
offCanvasContainer.insertBefore(offCanvas[0], offCanvasContainer.firstElementChild) offCanvasContainer.insertBefore(offCanvas[0], offCanvasContainer.firstElementChild)
} }
}); });
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Hello MUI</title> <title>Hello MUI</title>
...@@ -11,7 +12,8 @@ ...@@ -11,7 +12,8 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<style> <style>
html, body { html,
body {
background-color: #efeff4; background-color: #efeff4;
} }
</style> </style>
...@@ -19,9 +21,10 @@ ...@@ -19,9 +21,10 @@
mui.init(); mui.init();
</script> </script>
</head> </head>
<body> <body>
<div class="mui-off-canvas-wrap"> <div class="mui-off-canvas-wrap mui-draggable">
<div class="mui-inner-wrap"> <div class="mui-inner-wrap">
<header class="mui-bar mui-bar-nav"> <header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a> <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Hello MUI</title> <title>Hello MUI</title>
...@@ -11,7 +12,8 @@ ...@@ -11,7 +12,8 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<style> <style>
html, body { html,
body {
background-color: #efeff4; background-color: #efeff4;
} }
</style> </style>
...@@ -19,6 +21,7 @@ ...@@ -19,6 +21,7 @@
mui.init(); mui.init();
</script> </script>
</head> </head>
<body> <body>
<header class="mui-bar mui-bar-nav"> <header class="mui-bar mui-bar-nav">
...@@ -235,5 +238,10 @@ ...@@ -235,5 +238,10 @@
}); });
})(mui); })(mui);
</script> </script>
<style type="text/css">
.mui-content{
padding: 10px;
}
</style>
</body> </body>
</html> </html>
\ No newline at end of file
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Hello MUI</title> <title>Hello MUI</title>
...@@ -11,7 +12,8 @@ ...@@ -11,7 +12,8 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<style> <style>
html, body { html,
body {
background-color: #efeff4; background-color: #efeff4;
} }
</style> </style>
...@@ -19,6 +21,7 @@ ...@@ -19,6 +21,7 @@
mui.init(); mui.init();
</script> </script>
</head> </head>
<body> <body>
<header class="mui-bar mui-bar-nav"> <header class="mui-bar mui-bar-nav">
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Hello MUI</title> <title>Hello MUI</title>
...@@ -11,7 +12,8 @@ ...@@ -11,7 +12,8 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<style> <style>
html, body { html,
body {
background-color: #efeff4; background-color: #efeff4;
} }
</style> </style>
...@@ -19,6 +21,7 @@ ...@@ -19,6 +21,7 @@
mui.init(); mui.init();
</script> </script>
</head> </head>
<body> <body>
<div class="mui-content"> <div class="mui-content">
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Hello MUI</title> <title>Hello MUI</title>
...@@ -11,7 +12,8 @@ ...@@ -11,7 +12,8 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<style> <style>
html, body { html,
body {
background-color: #efeff4; background-color: #efeff4;
} }
</style> </style>
...@@ -19,6 +21,7 @@ ...@@ -19,6 +21,7 @@
mui.init(); mui.init();
</script> </script>
</head> </head>
<body> <body>
<header class="mui-bar mui-bar-nav"> <header class="mui-bar mui-bar-nav">
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Hello MUI</title> <title>Hello MUI</title>
...@@ -11,7 +12,8 @@ ...@@ -11,7 +12,8 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<style> <style>
html, body { html,
body {
background-color: #efeff4; background-color: #efeff4;
} }
</style> </style>
...@@ -19,6 +21,7 @@ ...@@ -19,6 +21,7 @@
mui.init(); mui.init();
</script> </script>
</head> </head>
<body> <body>
<style> <style>
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Hello MUI</title> <title>Hello MUI</title>
...@@ -11,7 +12,8 @@ ...@@ -11,7 +12,8 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<style> <style>
html, body { html,
body {
background-color: #efeff4; background-color: #efeff4;
} }
</style> </style>
...@@ -19,6 +21,7 @@ ...@@ -19,6 +21,7 @@
mui.init(); mui.init();
</script> </script>
</head> </head>
<body> <body>
<style> <style>
...@@ -42,10 +45,6 @@ ...@@ -42,10 +45,6 @@
<li class="mui-table-view-cell"><a href="#">Item4</a></li> <li class="mui-table-view-cell"><a href="#">Item4</a></li>
<li class="mui-table-view-cell"><a href="#">Item5</a></li> <li class="mui-table-view-cell"><a href="#">Item5</a></li>
<li class="mui-table-view-cell"><a href="#">Item6</a></li> <li class="mui-table-view-cell"><a href="#">Item6</a></li>
<li class="mui-table-view-cell"><a href="#">Item7</a></li>
<li class="mui-table-view-cell"><a href="#">Item8</a></li>
<li class="mui-table-view-cell"><a href="#">Item9</a></li>
<li class="mui-table-view-cell"><a href="#">Item10</a></li>
</ul> </ul>
</div> </div>
</div> </div>
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Hello MUI</title> <title>Hello MUI</title>
...@@ -11,7 +12,8 @@ ...@@ -11,7 +12,8 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<style> <style>
html, body { html,
body {
background-color: #efeff4; background-color: #efeff4;
} }
</style> </style>
...@@ -19,6 +21,7 @@ ...@@ -19,6 +21,7 @@
mui.init(); mui.init();
</script> </script>
</head> </head>
<body> <body>
<div class="mui-content"> <div class="mui-content">
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Hello MUI</title> <title>Hello MUI</title>
...@@ -11,7 +12,8 @@ ...@@ -11,7 +12,8 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<style> <style>
html, body { html,
body {
background-color: #efeff4; background-color: #efeff4;
} }
</style> </style>
...@@ -19,6 +21,7 @@ ...@@ -19,6 +21,7 @@
mui.init(); mui.init();
</script> </script>
</head> </head>
<body> <body>
<header class="mui-bar mui-bar-nav"> <header class="mui-bar mui-bar-nav">
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Hello MUI</title> <title>Hello MUI</title>
...@@ -11,7 +12,8 @@ ...@@ -11,7 +12,8 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<style> <style>
html, body { html,
body {
background-color: #efeff4; background-color: #efeff4;
} }
</style> </style>
...@@ -19,6 +21,7 @@ ...@@ -19,6 +21,7 @@
mui.init(); mui.init();
</script> </script>
</head> </head>
<body> <body>
<header class="mui-bar mui-bar-nav"> <header class="mui-bar mui-bar-nav">
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Hello MUI</title> <title>Hello MUI</title>
...@@ -11,7 +12,8 @@ ...@@ -11,7 +12,8 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<style> <style>
html, body { html,
body {
background-color: #efeff4; background-color: #efeff4;
} }
</style> </style>
...@@ -19,6 +21,7 @@ ...@@ -19,6 +21,7 @@
mui.init(); mui.init();
</script> </script>
</head> </head>
<body> <body>
<header class="mui-bar mui-bar-nav"> <header class="mui-bar mui-bar-nav">
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Hello MUI</title> <title>Hello MUI</title>
...@@ -11,7 +12,8 @@ ...@@ -11,7 +12,8 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<style> <style>
html, body { html,
body {
background-color: #efeff4; background-color: #efeff4;
} }
</style> </style>
...@@ -19,6 +21,7 @@ ...@@ -19,6 +21,7 @@
mui.init(); mui.init();
</script> </script>
</head> </head>
<body> <body>
<header class="mui-bar mui-bar-nav"> <header class="mui-bar mui-bar-nav">
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Hello MUI</title> <title>Hello MUI</title>
...@@ -11,7 +12,8 @@ ...@@ -11,7 +12,8 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<style> <style>
html, body { html,
body {
background-color: #efeff4; background-color: #efeff4;
} }
</style> </style>
...@@ -19,6 +21,7 @@ ...@@ -19,6 +21,7 @@
mui.init(); mui.init();
</script> </script>
</head> </head>
<body> <body>
<header class="mui-bar mui-bar-nav"> <header class="mui-bar mui-bar-nav">
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Hello MUI</title> <title>Hello MUI</title>
...@@ -11,7 +12,8 @@ ...@@ -11,7 +12,8 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<style> <style>
html, body { html,
body {
background-color: #efeff4; background-color: #efeff4;
} }
</style> </style>
...@@ -19,6 +21,7 @@ ...@@ -19,6 +21,7 @@
mui.init(); mui.init();
</script> </script>
</head> </head>
<body> <body>
<div class="mui-content"> <div class="mui-content">
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Hello MUI</title> <title>Hello MUI</title>
...@@ -11,7 +12,8 @@ ...@@ -11,7 +12,8 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<style> <style>
html, body { html,
body {
background-color: #efeff4; background-color: #efeff4;
} }
</style> </style>
...@@ -19,6 +21,7 @@ ...@@ -19,6 +21,7 @@
mui.init(); mui.init();
</script> </script>
</head> </head>
<body> <body>
<script type="text/javascript" charset="utf-8"> <script type="text/javascript" charset="utf-8">
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Hello MUI</title> <title>Hello MUI</title>
...@@ -11,7 +12,8 @@ ...@@ -11,7 +12,8 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<style> <style>
html, body { html,
body {
background-color: #efeff4; background-color: #efeff4;
} }
</style> </style>
...@@ -19,6 +21,7 @@ ...@@ -19,6 +21,7 @@
mui.init(); mui.init();
</script> </script>
</head> </head>
<body> <body>
<div class="mui-content"> <div class="mui-content">
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Hello MUI</title> <title>Hello MUI</title>
...@@ -11,7 +12,8 @@ ...@@ -11,7 +12,8 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<style> <style>
html, body { html,
body {
background-color: #efeff4; background-color: #efeff4;
} }
</style> </style>
...@@ -19,6 +21,7 @@ ...@@ -19,6 +21,7 @@
mui.init(); mui.init();
</script> </script>
</head> </head>
<body> <body>
<header class="mui-bar mui-bar-nav"> <header class="mui-bar mui-bar-nav">
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Hello MUI</title> <title>Hello MUI</title>
...@@ -11,7 +12,8 @@ ...@@ -11,7 +12,8 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<style> <style>
html, body { html,
body {
background-color: #efeff4; background-color: #efeff4;
} }
</style> </style>
...@@ -19,6 +21,7 @@ ...@@ -19,6 +21,7 @@
mui.init(); mui.init();
</script> </script>
</head> </head>
<body> <body>
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Hello MUI</title> <title>Hello MUI</title>
...@@ -11,7 +12,8 @@ ...@@ -11,7 +12,8 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<style> <style>
html, body { html,
body {
background-color: #efeff4; background-color: #efeff4;
} }
</style> </style>
...@@ -19,6 +21,7 @@ ...@@ -19,6 +21,7 @@
mui.init(); mui.init();
</script> </script>
</head> </head>
<body> <body>
<header class="mui-bar mui-bar-nav"> <header class="mui-bar mui-bar-nav">
...@@ -26,7 +29,15 @@ ...@@ -26,7 +29,15 @@
<h1 class="mui-title">图片轮播</h1> <h1 class="mui-title">图片轮播</h1>
</header> </header>
<div class="mui-content"> <div class="mui-content">
<div class="mui-slider"> <ul class="mui-table-view mui-table-view-chevron">
<li id="switch" class="mui-table-view-cell">
定时轮播
<div class="mui-switch">
<div class="mui-switch-handle"></div>
</div>
</li>
</ul>
<div id="slider" class="mui-slider">
<div class="mui-slider-group mui-slider-loop"> <div class="mui-slider-group mui-slider-loop">
<div class="mui-slider-item"> <div class="mui-slider-item">
<a href="#"> <a href="#">
...@@ -68,8 +79,17 @@ ...@@ -68,8 +79,17 @@
</div> </div>
</div> </div>
<script type="text/javascript" charset="utf-8"> <script type="text/javascript" charset="utf-8">
mui.init({ var slider = mui("#slider");
swipeBack : false document.getElementById("switch").addEventListener('toggle', function(e) {
if (e.detail.isActive) {
slider.slider({
slideshowDelay: 5000
});
} else {
slider.slider({
slideshowDelay: 0
});
}
}); });
</script> </script>
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Hello MUI</title> <title>Hello MUI</title>
...@@ -11,7 +12,8 @@ ...@@ -11,7 +12,8 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<style> <style>
html, body { html,
body {
background-color: #efeff4; background-color: #efeff4;
} }
</style> </style>
...@@ -19,6 +21,7 @@ ...@@ -19,6 +21,7 @@
mui.init(); mui.init();
</script> </script>
</head> </head>
<body> <body>
<header class="mui-bar mui-bar-nav"> <header class="mui-bar mui-bar-nav">
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Hello MUI</title> <title>Hello MUI</title>
...@@ -11,7 +12,8 @@ ...@@ -11,7 +12,8 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<style> <style>
html, body { html,
body {
background-color: #efeff4; background-color: #efeff4;
} }
</style> </style>
...@@ -19,6 +21,7 @@ ...@@ -19,6 +21,7 @@
mui.init(); mui.init();
</script> </script>
</head> </head>
<body> <body>
<header class="mui-bar mui-bar-nav"> <header class="mui-bar mui-bar-nav">
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Hello MUI</title> <title>Hello MUI</title>
...@@ -11,7 +12,8 @@ ...@@ -11,7 +12,8 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<style> <style>
html, body { html,
body {
background-color: #efeff4; background-color: #efeff4;
} }
</style> </style>
...@@ -19,6 +21,7 @@ ...@@ -19,6 +21,7 @@
mui.init(); mui.init();
</script> </script>
</head> </head>
<body> <body>
<header class="mui-bar mui-bar-nav"> <header class="mui-bar mui-bar-nav">
...@@ -26,7 +29,15 @@ ...@@ -26,7 +29,15 @@
<h1 class="mui-title">图片轮播</h1> <h1 class="mui-title">图片轮播</h1>
</header> </header>
<div class="mui-content"> <div class="mui-content">
<div class="mui-slider"> <ul class="mui-table-view mui-table-view-chevron">
<li id="switch" class="mui-table-view-cell">
定时轮播
<div class="mui-switch">
<div class="mui-switch-handle"></div>
</div>
</li>
</ul>
<div id="slider" class="mui-slider">
<div class="mui-slider-group mui-slider-loop"> <div class="mui-slider-group mui-slider-loop">
<div class="mui-slider-item"> <div class="mui-slider-item">
<a href="#"> <a href="#">
...@@ -74,8 +85,17 @@ ...@@ -74,8 +85,17 @@
</div> </div>
</div> </div>
<script> <script>
$.ready(function() { var slider = mui("#slider");
$('.mui-slider-group').slider(); document.getElementById("switch").addEventListener('toggle', function(e) {
if (e.detail.isActive) {
slider.slider({
slideshowDelay: 5000
});
} else {
slider.slider({
slideshowDelay: 0
});
}
}); });
</script> </script>
</body> </body>
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Hello MUI</title> <title>Hello MUI</title>
...@@ -11,7 +12,8 @@ ...@@ -11,7 +12,8 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<style> <style>
html, body { html,
body {
background-color: #efeff4; background-color: #efeff4;
} }
</style> </style>
...@@ -19,6 +21,7 @@ ...@@ -19,6 +21,7 @@
mui.init(); mui.init();
</script> </script>
</head> </head>
<body> <body>
<header class="mui-bar mui-bar-nav"> <header class="mui-bar mui-bar-nav">
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Hello MUI</title> <title>Hello MUI</title>
...@@ -11,7 +12,8 @@ ...@@ -11,7 +12,8 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<style> <style>
html, body { html,
body {
background-color: #efeff4; background-color: #efeff4;
} }
</style> </style>
...@@ -19,6 +21,7 @@ ...@@ -19,6 +21,7 @@
mui.init(); mui.init();
</script> </script>
</head> </head>
<body> <body>
<header class="mui-bar mui-bar-nav"> <header class="mui-bar mui-bar-nav">
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Hello MUI</title> <title>Hello MUI</title>
...@@ -11,7 +12,8 @@ ...@@ -11,7 +12,8 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<style> <style>
html, body { html,
body {
background-color: #efeff4; background-color: #efeff4;
} }
</style> </style>
...@@ -19,6 +21,7 @@ ...@@ -19,6 +21,7 @@
mui.init(); mui.init();
</script> </script>
</head> </head>
<body> <body>
<style> <style>
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Hello MUI</title> <title>Hello MUI</title>
...@@ -11,7 +12,8 @@ ...@@ -11,7 +12,8 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<style> <style>
html, body { html,
body {
background-color: #efeff4; background-color: #efeff4;
} }
</style> </style>
...@@ -19,6 +21,7 @@ ...@@ -19,6 +21,7 @@
mui.init(); mui.init();
</script> </script>
</head> </head>
<body> <body>
<style> <style>
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Hello MUI</title> <title>Hello MUI</title>
...@@ -11,7 +12,8 @@ ...@@ -11,7 +12,8 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<style> <style>
html, body { html,
body {
background-color: #efeff4; background-color: #efeff4;
} }
</style> </style>
...@@ -19,6 +21,7 @@ ...@@ -19,6 +21,7 @@
mui.init(); mui.init();
</script> </script>
</head> </head>
<body> <body>
<header class="mui-bar mui-bar-nav"> <header class="mui-bar mui-bar-nav">
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Hello MUI</title> <title>Hello MUI</title>
...@@ -11,7 +12,8 @@ ...@@ -11,7 +12,8 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<style> <style>
html, body { html,
body {
background-color: #efeff4; background-color: #efeff4;
} }
</style> </style>
...@@ -19,6 +21,7 @@ ...@@ -19,6 +21,7 @@
mui.init(); mui.init();
</script> </script>
</head> </head>
<body> <body>
<header class="mui-bar mui-bar-nav"> <header class="mui-bar mui-bar-nav">
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Hello MUI</title> <title>Hello MUI</title>
...@@ -11,7 +12,8 @@ ...@@ -11,7 +12,8 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<style> <style>
html, body { html,
body {
background-color: #efeff4; background-color: #efeff4;
} }
</style> </style>
...@@ -19,6 +21,7 @@ ...@@ -19,6 +21,7 @@
mui.init(); mui.init();
</script> </script>
</head> </head>
<body> <body>
<header class="mui-bar mui-bar-nav"> <header class="mui-bar mui-bar-nav">
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Hello MUI</title> <title>Hello MUI</title>
...@@ -11,7 +12,8 @@ ...@@ -11,7 +12,8 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<style> <style>
html, body { html,
body {
background-color: #efeff4; background-color: #efeff4;
} }
</style> </style>
...@@ -19,6 +21,7 @@ ...@@ -19,6 +21,7 @@
mui.init(); mui.init();
</script> </script>
</head> </head>
<body> <body>
<header class="mui-bar mui-bar-nav"> <header class="mui-bar mui-bar-nav">
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Hello MUI</title> <title>Hello MUI</title>
...@@ -11,7 +12,8 @@ ...@@ -11,7 +12,8 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<style> <style>
html, body { html,
body {
background-color: #efeff4; background-color: #efeff4;
} }
</style> </style>
...@@ -19,6 +21,7 @@ ...@@ -19,6 +21,7 @@
mui.init(); mui.init();
</script> </script>
</head> </head>
<body> <body>
<style> <style>
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Hello MUI</title> <title>Hello MUI</title>
...@@ -11,7 +12,8 @@ ...@@ -11,7 +12,8 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<style> <style>
html, body { html,
body {
background-color: #efeff4; background-color: #efeff4;
} }
</style> </style>
...@@ -19,6 +21,7 @@ ...@@ -19,6 +21,7 @@
mui.init(); mui.init();
</script> </script>
</head> </head>
<body> <body>
<header class="mui-bar mui-bar-nav"> <header class="mui-bar mui-bar-nav">
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Hello MUI</title> <title>Hello MUI</title>
...@@ -11,7 +12,8 @@ ...@@ -11,7 +12,8 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<style> <style>
html, body { html,
body {
background-color: #efeff4; background-color: #efeff4;
} }
</style> </style>
...@@ -19,6 +21,7 @@ ...@@ -19,6 +21,7 @@
mui.init(); mui.init();
</script> </script>
</head> </head>
<body> <body>
<header class="mui-bar mui-bar-nav"> <header class="mui-bar mui-bar-nav">
......
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Hello MUI</title> <title>Hello MUI</title>
...@@ -11,7 +12,8 @@ ...@@ -11,7 +12,8 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<style> <style>
html, body { html,
body {
background-color: #efeff4; background-color: #efeff4;
} }
</style> </style>
...@@ -19,6 +21,7 @@ ...@@ -19,6 +21,7 @@
mui.init(); mui.init();
</script> </script>
</head> </head>
<body> <body>
<style> <style>
...@@ -81,7 +84,7 @@ ...@@ -81,7 +84,7 @@
.oa-task-action { .oa-task-action {
background-color: #527fdc; background-color: #527fdc;
color: white; color: white;
width: 18%; width: 25%;
line-height: 62px; line-height: 62px;
} }
/*左拖拉出,右拖关闭菜单*/ /*左拖拉出,右拖关闭菜单*/
......
...@@ -21,21 +21,26 @@ ...@@ -21,21 +21,26 @@
$.ready(function() { $.ready(function() {
$('body').on('tap', 'a', function(e) { $('body').on('tap', 'a', function(e) {
var id = this.getAttribute('href'); var id = this.getAttribute('href');
if(id){ if (id) {
if (~id.indexOf('.html')) { if (~id.indexOf('.html')) {
if (window.plus) { if (window.plus) {
$.openWindow({ $.openWindow({
id: id, id: id,
url: this.href, url: this.href,
styles:{
zindex:9999,
},
preload: $.os.ios ? false : true //TODO 暂时屏蔽IOS的预加载 preload: $.os.ios ? false : true //TODO 暂时屏蔽IOS的预加载
}); });
} else { } else {
document.location.href = this.href; document.location.href = this.href;
} }
}else{ } else {
if (typeof plus !== 'undefined') {
plus.runtime.openURL(id); plus.runtime.openURL(id);
} }
} }
}
}); });
}); });
......
/*! /*!
* ===================================================== * =====================================================
* Mui v0.5.1 (https://github.com/dcloudio/mui) * Mui v0.5.3 (https://github.com/dcloudio/mui)
* ===================================================== * =====================================================
*/ */
var mui=function(a,b,c){var d=/complete|loaded|interactive/,e=/^#([\w-]*)$/,f=/^\.([\w-]+)$/,g=/^[\w-]+$/,h=/translate(?:3d)?\((.+?)\)/,i=/matrix(3d)?\((.+?)\)/,j=function(a,c){if(c=c||b,!a)return k();if("object"==typeof a)return k([a],null);try{if(e.test(a)){var d=c.getElementById(RegExp.$1);return k(d?[d]:[])}return k(j.qsa(a,c),a)}catch(f){}return k()},k=function(a,b){return a=a||[],a.__proto__=j.fn,a.selector=b||"",a};return j.uuid=0,j.data={},j.extend=function(a,b,d){a||(a={}),b||(b={});for(var e in b)b[e]!==c&&(d&&"object"==typeof a[e]?j.extend(a[e],b[e],d):a[e]=b[e]);return a},j.slice=[].slice,j.qsa=function(a,c){return c=c||b,j.slice.call(f.test(a)?c.getElementsByClassName(RegExp.$1):g.test(a)?c.getElementsByTagName(a):c.querySelectorAll(a))},j.ready=function(a){return d.test(b.readyState)?a(j):b.addEventListener("DOMContentLoaded",function(){a(j)},!1),this},j.each=function(a,b){return[].every.call(a,function(a,c){return b.call(a,c,a)!==!1}),this},j.trigger=function(a,b,c){return a.dispatchEvent(new CustomEvent(b,{detail:c,bubbles:!0,cancelable:!0})),this},j.getStyles=function(a,b){var c=a.ownerDocument.defaultView.getComputedStyle(a,null);return b?c.getPropertyValue(b)||c[b]:c},j.parseTranslate=function(a,b){var c=a.match(h||"");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},j.parseTranslateMatrix=function(a,b){var c=a.match(i),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},j.fn={each:function(a){return[].every.call(this,function(b,c){return a.call(b,c,b)!==!1}),this}},j}(window,document);window.mui=mui,"$"in window||(window.$=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("touchstart",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}})}(mui,window,document),function(a){String.prototype.trim===a&&(String.prototype.trim=function(){return this.replace(/^\s+|\s+$/g,"")})}(),function(){function a(a,b){b=b||{bubbles:!1,cancelable:!1,detail:void 0};var c=document.createEvent("Events"),d=!0;if(b)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(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){var b=0;a.requestAnimationFrame||(a.requestAnimationFrame=a.webkitRequestAnimationFrame,a.cancelAnimationFrame=a.webkitCancelAnimationFrame||a.webkitCancelRequestAnimationFrame),a.requestAnimationFrame||(a.requestAnimationFrame=function(c){var d=(new Date).getTime(),e=Math.max(0,16.7-(d-b)),f=a.setTimeout(function(){c(d+e)},e);return b=d+e,f}),a.cancelAnimationFrame||(a.cancelAnimationFrame=function(a){clearTimeout(a)})}(window),function(a,b,c){if(!b.FastClick){var d=function(a,b){return!b.type||"radio"!==b.type&&"checkbox"!==b.type?!1:b};a.registerTarget({name:c,index:40,handle:d,target:!1}),b.addEventListener("tap",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)}}),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){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,window,document),function(a,b){a.EVENT_START="touchstart",a.EVENT_MOVE="touchmove",a.EVENT_END="touchend",a.EVENT_CANCEL="touchcancel",a.EVENT_CLICK="click",a.preventDefault=function(a){a.preventDefault()},a.stopPropagation=function(a){a.stopPropagation()},a.gestures=[],a.registerGesture=function(b){return b.index=b.index||1e3,a.gestures.push(b),a.gestures.sort(function(a,b){return a.index-b.index}),a.gestures};var c=function(a,b){var c=b.x-a.x,d=b.y-a.y;return Math.sqrt(c*c+d*d)},d=function(a,b){return 180*Math.atan2(b.y-a.y,b.x-a.x)/Math.PI},e=function(a){return-45>a&&a>-135?"up":a>=45&&135>a?"down":a>=135||-135>=a?"left":a>=-45&&45>=a?"right":null},f=function(b,c){a.gestures.stoped||a.each(a.gestures,function(d,e){a.gestures.stoped||e.hasOwnProperty("handle")&&e.handle(b,c)})},g={},h=function(b){a.gestures.stoped=!1,g={target:b.target,lastTarget:g.lastTarget?g.lastTarget:null,startTime:Date.now(),touchTime:0,lastTapTime:g.lastTapTime?g.lastTapTime:0,start:{x:b.touches[0].pageX,y:b.touches[0].pageY},move:{x:0,y:0},deltaX:0,deltaY:0,lastDeltaX:0,lastDeltaY:0,angle:"",direction:"",distance:0,drag:!1,swipe:!1,gesture:b},f(b,g)},i=function(b){a.gestures.stoped||(g.touchTime=Date.now()-g.startTime,g.move={x:b.touches[0].pageX,y:b.touches[0].pageY},g.distance=c(g.start,g.move),g.angle=d(g.start,g.move),g.direction=e(g.angle),g.lastDeltaX=g.deltaX,g.lastDeltaY=g.deltaY,g.deltaX=g.move.x-g.start.x,g.deltaY=g.move.y-g.start.y,g.gesture=b,f(b,g))},j=function(b){a.gestures.stoped||(g.touchTime=Date.now()-g.startTime,g.gesture=b,f(b,g))};b.addEventListener(a.EVENT_START,h),b.addEventListener(a.EVENT_MOVE,i),b.addEventListener(a.EVENT_END,j),b.addEventListener(a.EVENT_CANCEL,j),a.fn.on=function(b,c,d){this.each(function(){var e=this;e.addEventListener(b,function(b){var f=a.qsa(c,e),g=b.target;if(f&&f.length>0)for(;g&&g!==document&&g!==e;g=g.parentNode)g&&~f.indexOf(g)&&(b.detail?b.detail.currentTarget=g:b.detail={currentTarget:g},d.call(g,b))}),e.removeEventListener(a.EVENT_CLICK,k),e.addEventListener(a.EVENT_CLICK,k)})};var k=function(a){a.target&&"INPUT"!==a.target.tagName&&a.preventDefault()}}(mui,window),function(a,b){var c=function(c,d){if(c.type===a.EVENT_END||c.type===a.EVENT_CANCEL){var e=this.options;d.direction&&e.swipeMaxTime>d.touchTime&&d.distance>e.swipeMinDistince&&"range"!==c.target.type&&(d.swipe=!0,a.trigger(c.target,b+d.direction,d))}};a.registerGesture({name:b,index:10,handle:c,options:{swipeMaxTime:300,swipeMinDistince:18}})}(mui,"swipe"),function(a,b){var c=function(c,d){switch(c.type){case a.EVENT_MOVE:d.direction&&(d.drag||(d.drag=!0,a.trigger(c.target,b+"start",d)),a.trigger(c.target,b,d),a.trigger(c.target,b+d.direction,d));break;case a.EVENT_END:case a.EVENT_CANCEL:d.drag&&a.trigger(c.target,b+"end",d)}};a.registerGesture({name:b,index:20,handle:c,options:{}})}(mui,"drag"),function(a,b){var c=function(c,d){if(c.type===a.EVENT_END||c.type===a.EVENT_CANCEL){var e=this.options;if(d.distance<e.tabMaxDistance&&d.touchTime<e.tapMaxTime){if(d.lastTarget&&d.lastTarget===c.target&&d.lastTapTime&&d.startTime-d.lastTapTime<e.tabMaxInterval)return a.trigger(c.target,"doubletap",d),d.lastTapTime=Date.now(),void(d.lastTarget=c.target);a.trigger(c.target,b,d),d.lastTapTime=Date.now(),d.lastTarget=c.target}}};a.registerGesture({name:b,index:30,handle:c,options:{tabMaxInterval:300,tabMaxDistance:5,tapMaxTime:250}})}(mui,"tap"),function(a,b){var c,d=function(d,e){var f=this.options;switch(d.type){case a.EVENT_START:clearTimeout(c),c=setTimeout(function(){e.drag||a.trigger(d.target,b,e)},f.holdTimeout);break;case a.EVENT_MOVE:e.distance>f.holdThreshold&&clearTimeout(c);break;case a.EVENT_END:case a.EVENT_CANCEL:clearTimeout(c)}};a.registerGesture({name:b,index:10,handle:d,options:{holdTimeout:500,holdThreshold:2}})}(mui,"longtap"),function(a){function b(b){this.os={};var c=[function(){var a=b.match(/(Android);?[\s\/]+([\d.]+)?/);return a&&(this.os.android=!0,this.os.version=a[2]),this.os.android===!0},function(){var a=b.match(/(iPhone\sOS)\s([\d_]+)/);if(a)this.os.ios=this.os.iphone=!0,this.os.version=a[2].replace(/_/g,".");else{var c=b.match(/(iPad).*OS\s([\d_]+)/);c&&(this.os.ios=this.os.ipad=!0,this.os.version=c[2].replace(/_/g,"."))}return this.os.ios===!0}];[].every.call(c,function(b){return!b.call(a)})}b.call(a,navigator.userAgent)}(mui),function(a){function b(a){this.os=this.os||{};var b=a.match(/Html5Plus/i);b&&(this.os.plus=!0)}b.call(a,navigator.userAgent)}(mui),function(a){var b=[];a.global=a.options={},a.initGlobal=function(b){return a.options=a.extend(a.global,b),this},a.init=function(c){return a.options=a.extend(a.global,c||{}),a.ready(function(){for(var c=0,d=b.length;d>c;c++)b[c].call(a)}),this},a.init.add=function(a){b.push(a)}}(mui,document),function(a){var b={optimize:!0,swipeBack:!1,preloadPages:[],preloadLimit:10};a.extend(a.global,b),a.extend(a.options,b),a.waitingOptions=function(b){return a.extend({},b)},a.showOptions=function(b){var c=100;return a.os.ios&&(c=200),a.extend({aniShow:"slide-in-right",duration:c},b)},a.windowOptions=function(b){return a.extend({scalable:!1,bounce:""},b)},a.plusReady=function(a){return window.plus?a():document.addEventListener("plusready",function(){a()},!1),this},a.fire=function(a,b,c){a&&a.evalJS("mui&&mui.receive('"+b+"','"+JSON.stringify(c||{})+"')")},a.receive=function(b,c){b&&(c=JSON.parse(c),a.trigger(document,b,c))},a.openWindow=function(b,c,d){if(window.plus){"object"==typeof b?(d=b,b=d.url,c=d.id||b):"object"==typeof c?(d=c,c=b):c=c||b,d=d||{};var e,f=d.params||{};if(a.webviews[c]){var g=a.webviews[c];if(g.preload)return e=g.webview,e.show(g.show.aniShow,g.show.duration),g.afterShowMethodName&&e.evalJS(g.afterShowMethodName+"('"+JSON.stringify(f)+"')"),this;d=a.extend(g,a.extend(d,{id:c,url:b,showAfterLoad:d.showAfterLoad===!1?!1:!0})),e=a.createWindow(d)}else d=a.extend(d,{id:c,url:b,showAfterLoad:d.showAfterLoad===!1?!1:!0}),e=a.createWindow(d);if(d.showAfterLoad){var h=a.waitingOptions(d.waiting),i=plus.nativeUI.showWaiting(h.title||"",h),j=a.showOptions(d.show);e.addEventListener("loaded",function(){i.close(),e.show(j.aniShow,j.duration),e.showed=!0,d.afterShowMethodName&&e.evalJS(d.afterShowMethodName+"('"+JSON.stringify(f)+"')")},!1)}return e}},a.createWindow=function(b,c){if(window.plus){var d,e=b.id||b.url;if(b.preload){a.webviews[e]?d=a.webviews[e].webview:(d=plus.webview.create(b.url,e,a.windowOptions(b.styles),{preload:!0}),b.subpages&&a.each(b.subpages,function(b,c){var e=plus.webview.create(c.url,c.id||c.url,a.windowOptions(c.styles),{preload:!0});d.append(e)})),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&&i.webview.close(),delete a.webviews[h]}}else a.webviews[e]=b,c!==!1&&(d=plus.webview.create(b.url,e,a.windowOptions(b.styles)),b.subpages&&a.each(b.subpages,function(b,c){var e=plus.webview.create(c.url,c.id||c.url,a.windowOptions(c.styles));d.append(e)}));return d}},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]||(c=plus.webview.create(b.url,d,b.styles),c.addEventListener("loaded",function(){plus.webview.currentWebview().append(c)}),a.webviews[d]=b),c}},a.webviews={},a.data.preloads=[],a.init.add(function(){var b=a.options,c=b.subpages||[];a.plusReady(function(){a.each(c,function(b,c){a.appendWebview(c)})});var d=b.preloadPages||[];setTimeout(function(){a.plusReady(function(){a.createWindows(d)})},500)})}(mui),function(a){a.init.add(function(){var b=a.options;b.titleBar&&a.titleBar(b.titleBar),a.os.ios&&a.plusReady(function(){var b=a.options.statusBarBackground?a.options.statusBarBackground:"#f7f7f7";plus.navigator.setStatusBarBackground(b)})})}(mui),function(a){a.init.add(function(){var b=a.options,c=b.pullRefresh||{},d=c.container;if(d){var e=a(d);1===e.length&&(a.options.optimize&&a.os.plus&&a.os.android?e.plus_pulldownRefresh(c.down):e.pullRefresh(c))}})}(mui),function(a){a.init.add(function(){a(".mui-slider-group").each(function(){var b=this.querySelector(".mui-control-content");b?a(this).slider({slideshowDelay:0}):a(this).slider()}),a(".mui-input-row input").input()})}(mui),function(a,b,c){a.titleBar=function(b){return b=a.extend({template:"top.html",height:"48px"},b),a.options.optimize&&a.os.plus?a.plusReady(function(){var a=plus.webview.create(b.template,null,{scalable:!1,position:"dock",dock:"top",height:b.height});a.addEventListener("loaded",function(){a.evalJS('document.querySelector(".mui-title").innerHTML="'+b.title+'"')});var c=b.pulldownRefresh||{},d=c.container;d?a.append(plus.webview.currentWebview()):plus.webview.currentWebview().append(a)}):a.get(b.template,function(a){var d=a.match(/<body[^>]*>([\s\S.]*)<\/body>/i)[0],e=c.createElement("div");for(e.innerHTML=d;e.firstChild;)c.body.insertBefore(e.firstChild,c.body.firstChild);if(b.title){var f=c.body.querySelector(".mui-bar .mui-title");f&&(f.innerHTML=b.title)}}),this}}(mui,window,document),function(a){a.get=function(a,c,d){b("GET",a,c,d)},a.post=function(a,c,d){b("POST",a,c,d)};var b=function(a,b,c,d){var e=new XMLHttpRequest,f=/^([\w-]+:)\/\//.test(b)?RegExp.$1:window.location.protocol;e.onreadystatechange=function(){4===e.readyState&&(e.status>=200&&e.status<300||304===e.status||0===e.status&&"file:"===f?c&&c(e.responseText):d&&d())},e.open(a,b,!0),e.send()}}(mui),function(a,b,c){a.offset=function(a){var d={top:0,left:0};return typeof a.getBoundingClientRect!==c&&(d=a.getBoundingClientRect()),{top:d.top+b.pageYOffset-a.clientTop,left:d.left+b.pageXOffset-a.clientLeft}}}(mui,window),function(a,b){a.scrollTo=function(a,c,d){c=c||1e3;var e=function(c){if(0>=c)return void(d&&d());var f=a-b.scrollY;setTimeout(function(){b.scrollTo(0,b.scrollY+f/c*10),e(c-10)},16.7)};e(c)}}(mui,window),function(a,b,c){var d="mui-pull-top-pocket",e="mui-pull-bottom-pocket",f="mui-pull",g="mui-pull-arrow",h="mui-pull-loading",i="mui-pull-caption",j=i+"-down",k=i+"-over",l=i+"-refresh",m="mui-icon",n="mui-icon-spinner",o="mui-spin",p="mui-in",q="mui-reverse",r={down:{height:50,contentdown:"下拉可以刷新",contentover:"释放立即刷新",contentrefresh:"正在刷新..."},up:{height:50,contentdown:"上拉显示更多",contentover:"释放立即刷新",contentrefresh:"正在刷新...",duration:300}},s=['<div class="'+f+'">','<div class="'+g+'"></div>','<div class="'+h+" "+m+" "+n+" "+o+'"></div>','<div class="'+i+'">','<span class="'+j+" "+p+'">{downCaption}</span>','<span class="'+k+'">{overCaption}</span>','<span class="'+l+'">{refreshCaption}</span>',"</div>","</div>"],t=function(b,c){this.element=b,this.options=a.extend(r,c,!0),this.options.up.height=-this.options.up.height,this.pullOptions=null,this.init()};t.prototype.init=function(){this.element.style.webkitTransform="translate3d(0,0,0)",this.element.style.position="relative",this.element.style["-webkit-backface-visibility"]="hidden",this.translateY=0,this.lastTranslateY=0,this.initPocket(),this.initEvent()},t.prototype.initPocket=function(){var a=this.options;a.down&&a.down.hasOwnProperty("callback")&&(this.topPocket=this.element.querySelector("."+d),this.topPocket||(this.topPocket=this.createPocket(d,a.down),this.element.insertBefore(this.topPocket,this.element.firstChild)),this.topArrow=this.topPocket.querySelector("."+g)),a.up&&a.up.hasOwnProperty("callback")&&(this.bottomPocket=this.element.querySelector("."+e),this.bottomPocket||(this.bottomPocket=this.createPocket(e,a.up),this.element.appendChild(this.bottomPocket)))},t.prototype.createPocket=function(a,b){var d=c.createElement("div");return d.className=a,d.innerHTML=s.join("").replace("{downCaption}",b.contentdown).replace("{overCaption}",b.contentover).replace("{refreshCaption}",b.contentrefresh),d},t.prototype.initEvent=function(){var a=this;a.bottomPocket&&a.element.addEventListener("dragup",function(b){a.dragUp(b)}),a.topPocket&&a.element.addEventListener("dragdown",function(b){a.dragDown(b)}),(a.bottomPocket||a.topPocket)&&(a.element.addEventListener("dragstart",function(b){a.dragStart(b)}),a.element.addEventListener("drag",function(b){var c=b.detail.direction;a.dragDirection&&"up"!==c&&"down"!==c&&a.pullOptions&&(a.pullOptions.height>0?a.dragDown(b):a.dragUp(b))}),a.element.addEventListener("dragend",function(b){a.dragEnd(b)}))},t.prototype.dragStart=function(a){var b=a.detail;("up"===b.direction||"down"===b.direction)&&(this.isLoading=this.dragDirection=!1)},t.prototype.dragUp=function(a){var d=this;if(!d.isLoading&&"down"!==d.dragDirection){var e=c.body.scrollHeight;!d.dragDirection&&b.innerHeight+b.scrollY+40<e||(b.scrollTo(0,e),d.pullOptions=d.options.up,d.drag(a))}},t.prototype.dragDown=function(a){var c=this;if(!c.isLoading&&"up"!==c.dragDirection){var d=b.scrollY;!c.dragDirection&&d>5||(0!==d&&b.scrollTo(0,0),c.pullOptions=c.options.down,c.drag(a))}},t.prototype.drag=function(a){this.pullOptions&&(this.pullOptions.height>0&&a.detail.deltaY<0||(this.dragDirection=this.pullOptions.height>0?"down":"up",this.requestAnimationFrame||this.updateTranslate(),a.detail.gesture.preventDefault(),this.translateY=.4*a.detail.deltaY))},t.prototype.dragEnd=function(b){var c=this;c.pullOptions&&(cancelAnimationFrame(c.requestAnimationFrame),Math.abs(.4*b.detail.deltaY)>=Math.abs(c.pullOptions.height)?c.loading():this.hide(),a.gestures.stoped=!0)},t.prototype.hide=function(){this.translateY=0,this.setTranslate(0),cancelAnimationFrame(this.requestAnimationFrame),this.requestAnimationFrame=null,this.setCaption(j),this.pullOptions.height>0&&this.topArrow.classList.remove(q),this.pullOptions=null},t.prototype.updateTranslate=function(){var a=this;a.translateY!==a.lastTranslateY&&(a.translateY=Math.abs(a.translateY)<2?0:a.translateY,a.setTranslate(a.translateY),Math.abs(a.translateY)>=Math.abs(a.pullOptions.height)?a.showLoading(k):a.hideLoading(j),a.lastTranslateY=a.translateY),a.requestAnimationFrame=requestAnimationFrame(function(){a.updateTranslate()})},t.prototype.setTranslate=function(a){this.element.style.webkitTransform="translate3d(0,"+a+"px,0)",this.bottomPocket&&(0>a?this.bottomPocket.style.bottom=(a>this.pullOptions.height?a:this.pullOptions.height)+"px":0===a&&this.bottomPocket.setAttribute("style",""))},t.prototype.loading=function(){var d=this;d.isLoading=!0,d.showLoading(l),d.setTranslate(d.pullOptions.height);var e=d.pullOptions.callback;e&&e(function(){if(d.pullOptions&&d.pullOptions.height<0){var e=Math.min(1e3,d.pullOptions.duration);setTimeout(function(){a.scrollTo(c.body.scrollHeight-b.innerHeight,e,function(){d.isLoading=!1})},100)}else d.isLoading=!1;d.hide()})},t.prototype.showLoading=function(a){this.setCaption(a),this.pullOptions&&this.pullOptions.height>0&&this.topArrow.classList.add(q)},t.prototype.hideLoading=function(a){this.setCaption(a),this.pullOptions&&this.pullOptions.height>0&&this.topArrow.classList.remove(q)},t.prototype.setCaption=function(a){var b=this.pullOptions&&this.pullOptions.height>0?this.topPocket:this.bottomPocket;if(b){var c=b.querySelector("."+i),d=c.querySelector("."+p);d&&d.classList.remove(p);var e=c.querySelector("."+a);e&&e.classList.add(p);var f=b.querySelector("."+h);f&&(a===l?f.classList.add(p):f.classList.remove(p))}},a.fn.pullRefresh=function(b){this.each(function(){var c=this.getAttribute("data-pullrefresh");if(!c){var d=++a.uuid;a.data[d]=new t(this,b),this.setAttribute("data-pullrefresh",d)}})}}(mui,window,document),function(a){var b={height:50,contentdown:"下拉可以刷新",contentover:"释放立即刷新",contentrefresh:"正在刷新..."};a.fn.plus_pulldownRefresh=function(c){c=a.extend(b,c,!0),this.each(function(){var b=this;a.plusReady(function(){var d=b.getAttribute("data-pullrefresh-plus");if(!d){d=++a.uuid,b.setAttribute("data-pullrefresh-plus",d);var e=plus.webview.currentWebview();e.setPullToRefresh({support:!0,height:c.height+"px",range:"200px",contentdown:{caption:c.contentdown},contentover:{caption:c.contentover},contentrefresh:{caption:c.contentrefresh}},function(){c.callback&&c.callback(function(){e.endPullToRefresh()})})}})})}}(mui),function(a,b,c,d){var e="mui-off-canvas-left",f="mui-off-canvas-right",g="mui-off-canvas-backdrop",h="mui-off-canvas-wrap",i="mui-off-canvas-height-fixed",j="mui-left",k="mui-right",l="mui-sliding",m=".mui-inner-wrap",n=function(a){if(parentNode=a.parentNode){if(parentNode.classList.contains(h))return parentNode;if(parentNode=parentNode.parentNode,parentNode.classList.contains(h))return parentNode}},o=function(b,d){if(d.classList&&d.classList.contains(g)){var e=n(d);if(e)return a.targets._container=e,d}else if("A"===d.tagName&&d.hash){var f=c.getElementById(d.hash.replace("#",""));if(f){var e=n(f);if(e)return a.targets._container=e,f}}return!1};a.registerTarget({name:d,index:60,handle:o,target:!1,isReset:!1,isContinue:!0});var p=function(a,b){var d=a.querySelector(".mui-content"),e=c.getElementsByTagName("html")[0],f=c.body;b?(e.classList.add(i),f.classList.add(i),d&&d.classList.add(i)):(e.classList.remove(i),f.classList.remove(i),d&&d.classList.remove(i))},q=function(){var a=this.parentNode;a.classList.remove(l),this.removeEventListener("webkitTransitionEnd",q),a.classList.contains(k)||a.classList.contains(j)||p(a,!1)},r=function(a,b){if(a&&b){var c=b.classList;a.classList.add(l),a.querySelector(m).addEventListener("webkitTransitionEnd",q),a.classList.contains(k)||a.classList.contains(j)||p(a,!0),c.contains(e)?a.classList.toggle(k):c.contains(f)?a.classList.toggle(j):c.contains(g)&&(a.classList.remove(k),a.classList.remove(j))}};b.addEventListener("tap",function(){a.targets.offcanvas&&r(a.targets._container,a.targets.offcanvas)}),a.fn.offCanvas=function(){var a=arguments;this.each(function(){if("show"===a[0]||"hide"===a[0]||"toggle"===a[0]){var b=this.classList;if(b.contains(e)||b.contains(f)){var c=n(this);c&&r(c,this)}}})}}(mui,window,document,"offcanvas"),function(a,b,c){var d,e,f,g,h="mui-off-canvas-left",i="mui-off-canvas-right",j="mui-off-canvas-wrap",k="mui-off-canvas-height-fixed",l="mui-left",m="mui-right",n="mui-sliding",o=".mui-inner-wrap",p="."+h,q="."+i,r=!1,s=1.5,t=0,u=0,v=maxOffCanvasWidth=0,w=function(){t!==u&&(e.style["-webkit-transition-duration"]="0s","right"===g&&t>0?(t=Math.min(t,maxOffCanvasWidth),0>v?x(e,v+t):x(e,t)):"left"===g&&0>t&&(t=Math.max(t,-maxOffCanvasWidth),v>0?x(e,v+t):x(e,t)),u=t),f=requestAnimationFrame(function(){w()})},x=function(a,b){a&&(a.style.webkitTransform="translate3d("+b+"px,0,0)")},y=function(a,b){var d=a.querySelector(".mui-content"),e=c.getElementsByTagName("html")[0],f=c.body;b?(e.classList.add(k),f.classList.add(k),d&&d.classList.add(k)):(e.classList.remove(k),f.classList.remove(k),d&&d.classList.remove(k))},z=function(){var a=this.parentNode,b=a.classList;b.remove(n),this.removeEventListener("webkitTransitionEnd",z),b.contains(m)||b.contains(l)||y(a,!1)};b.addEventListener("touchstart",function(a){for(var b=a.target;b&&b!==c;b=b.parentNode)if(b.classList&&b.classList.contains(j)){if(d=b,e=d.querySelector(o),!e)return;break}}),b.addEventListener("dragstart",function(b){if(d){var c=b.detail;if("left"===c.direction?d.classList.contains(m)?r=!0:d.querySelector(q)&&!d.classList.contains(l)&&(r=!0):"right"===c.direction&&(d.classList.contains(l)?r=!0:d.querySelector(p)&&!d.classList.contains(m)&&(r=!0)),r){g=c.direction,maxOffCanvasWidth=.8*d.offsetWidth;var f=a.getStyles(e,"webkitTransform"),h=a.parseTranslateMatrix(f);v=t=h?h.x:0;var i=d.classList;i.add(n),i.contains(m)||i.contains(l)||y(d,!0),c.gesture.preventDefault()}}}),b.addEventListener("drag",function(a){if(r){var b=a.detail;f||w(),t=b.deltaX*s}}),b.addEventListener("dragend",function(){if(r){f&&(cancelAnimationFrame(f),f=null),e.setAttribute("style",""),e.addEventListener("webkitTransitionEnd",z);var a,b=d.classList,c=["add","remove"];"right"===g&&t>0?(a=m,0>v&&(c.reverse(),a=l),t>maxOffCanvasWidth/2?b[c[0]](a):b[c[1]](a)):"left"===g&&0>t&&(a=l,v>0&&(c.reverse(),a=m),-t>maxOffCanvasWidth/2?b[c[0]](a):b[c[1]](a)),r=!1,d=e=null}})}(mui,window,document,"offcanvas"),function(a,b,c,d){var e="mui-action",f=function(a,b){return b.className&&~b.className.indexOf(e)?b:!1};a.registerTarget({name:d,index:50,handle:f,target:!1})}(mui,window,document,"action"),function(a,b,c,d){var e="mui-modal",f=function(a,b){if("A"===b.tagName&&b.hash){var d=c.getElementById(b.hash.replace("#",""));if(d&&d.classList.contains(e))return d}return!1};a.registerTarget({name:d,index:50,handle:f,target:!1,isReset:!1,isContinue:!0}),b.addEventListener("tap",function(){a.targets.modal&&a.targets.modal.classList.toggle("mui-active")})}(mui,window,document,"modal"),function(a,b,c,d){var e="mui-popover",f="mui-bar-popover",g="mui-popover-action",h="mui-backdrop",i="mui-bar-backdrop",j="mui-backdrop-action",k="mui-active",l=function(b,d){return"A"===d.tagName&&d.hash&&(a.targets._popover=c.getElementById(d.hash.replace("#","")),a.targets._popover&&a.targets._popover.classList.contains(e))?d:!1};a.registerTarget({name:d,index:60,handle:l,target:!1,isReset:!1,isContinue:!0});var m=function(a){a?c.body.setAttribute("style","position:fixed;width:100%;height:100%;overflow:hidden;"):c.body.setAttribute("style","")},n=function(){this.style.display="none",this.removeEventListener("webkitTransitionEnd",n),m(!1)},o=function(){var b=c.createElement("div");return b.classList.add(h),b.addEventListener("tap",function(){var b=a.targets._popover;b&&(b.addEventListener("webkitTransitionEnd",n),b.classList.remove(k),b.parentNode.removeChild(o))}),b}();b.addEventListener("tap",function(){a.targets.popover&&p(a.targets._popover,a.targets.popover)});var p=function(a,d){o.classList.remove(i),o.classList.remove(j);var e=c.querySelector(".mui-popover.mui-active");if(!e||(e.style.display="none",e.classList.remove(k),e.removeEventListener("webkitTransitionEnd",n),m(!1),e.parentNode.removeChild(o),a!==e)){if(a.classList.contains(f)||a.classList.contains(g))if(a.classList.contains(g))o.classList.add(j);else if(o.classList.add(i),d&&d.parentNode){var h=d.offsetWidth,l=d.offsetLeft,p=b.innerWidth;a.style.left=Math.min(Math.max(l,5),p-h-5)+"px"}a.style.display="block",a.offsetHeight,a.classList.add(k),a.parentNode.appendChild(o),m(!0),o.classList.add(k)}};a.fn.popover=function(){var b=arguments;this.each(function(){a.targets._popover=this,("show"===b[0]||"hide"===b[0]||"toggle"===b[0])&&p(this,b[1])})}}(mui,window,document,"popover"),function(a,b,c,d){var e="mui-control-item",f="mui-control-content",g="mui-tab-item",h=function(a,b){return b.classList&&(b.classList.contains(e)||b.classList.contains(g))?b:!1};a.registerTarget({name:d,index:80,handle:h,target:!1}),b.addEventListener("tap",function(){var b=a.targets.tab;if(b){var e,g,h,i="mui-active",j="."+i;e=b.parentNode.querySelector(j),e&&e.classList.remove(i);var k=b===e;if(b&&b.classList.add(i),b.hash&&(h=c.getElementById(b.hash.replace("#","")))){if(!h.classList.contains(f))return void b.classList[k?"remove":"add"](i);if(!k){g=h.parentNode.getElementsByClassName(i);for(var l=0;l<g.length;l++)g[l].classList.remove(i);h.classList.add(i);var m=h.parentNode.querySelectorAll("."+f);a.trigger(h,a.eventName("shown",d),{tabNumber:Array.prototype.indexOf.call(m,h)})}}}})}(mui,window,document,"tab"),function(a,b){var c="mui-slider-loop",d="mui-slider-indicator",e="mui-action-previous",f="mui-action-next",g="mui-slider-item",h="."+g,i="."+d,j=".mui-slider-progress-bar",k=function(b,c){this.element=b,this.options=a.extend({slideshowDelay:5e3,factor:1.1},c),this.init()};k.prototype.init=function(){this.initEvent(),this.initTimer()},k.prototype.initEvent=function(){var b=this,d=b.element,g=d.parentNode;b.translateX=0,b.sliderWidth=d.offsetWidth,b.isLoop=d.classList.contains(c),b.sliderLength=d.querySelectorAll(h).length,b.progressBarWidth=0,b.progressBar=g.querySelector(j),b.progressBar&&(b.progressBarWidth=b.progressBar.offsetWidth);var k=!1;b.isSwipeable=!1,g.addEventListener("dragstart",function(a){var e=a.detail,f=e.direction;("left"==f||"right"==f)&&(k=!0,b.translateX=0,b.scrollX=b.getScroll(),b.sliderWidth=d.offsetWidth,b.isLoop=d.classList.contains(c),b.sliderLength=d.querySelectorAll(h).length,b.progressBar&&(b.progressBarWidth=b.progressBar.offsetWidth),b.maxTranslateX=(b.sliderLength-1)*b.sliderWidth,a.detail.gesture.preventDefault())}),g.addEventListener("drag",function(a){k&&b.dragItem(a)}),g.addEventListener("dragend",function(){k&&(b.gotoItem(b.getSlideNumber()),k=b.isSwipeable=!1)}),g.addEventListener("swipeleft",function(c){b.isSwipeable&&(a.gestures.stoped=!0,b.nextItem(),k=b.isSwipeable=!1,c.stopImmediatePropagation())}),g.addEventListener("swiperight",function(c){b.isSwipeable&&(a.gestures.stoped=!0,b.prevItem(),k=b.isSwipeable=!1,c.stopImmediatePropagation())}),g.addEventListener("slide",function(a){var b=a.detail;b.slideNumber=b.slideNumber||0;var c=g.querySelector(".mui-slider-indicator .mui-number span");c&&(c.innerText=b.slideNumber+1);for(var d=g.querySelectorAll(".mui-slider-indicator .mui-indicator"),e=0,f=d.length;f>e;e++)d[e].classList[e===b.slideNumber?"add":"remove"]("mui-active");for(var h=g.querySelectorAll(".mui-control-item"),e=0,f=h.length;f>e;e++)h[e].classList[e===b.slideNumber?"add":"remove"]("mui-active")}),g.addEventListener(a.eventName("shown","tab"),function(a){b.gotoItem(-(a.detail.tabNumber||0))});var l=d.parentNode.querySelector(i);l&&l.addEventListener("tap",function(a){var c=a.target;(c.classList.contains(e)||c.classList.contains(f))&&(b[c.classList.contains(e)?"prevItem":"nextItem"](),a.stopPropagation())})},k.prototype.dragItem=function(a){var b=this,c=a.detail;if(c.deltaX!==c.lastDeltaX){var d=c.deltaX*b.options.factor+b.scrollX;b.element.style["-webkit-transition-duration"]="0";var e=0,f=-b.maxTranslateX;if(b.isLoop&&(e=b.sliderWidth,f+=e),d>e||f>d)return void(b.isSwipeable=!1);b.requestAnimationFrame||b.updateTranslate(),b.isSwipeable=!0,b.translateX=d}b.timer&&clearTimeout(b.timer),b.timer=setTimeout(function(){b.initTimer()},100)},k.prototype.updateTranslate=function(){var a=this;a.lastTranslateX!==a.translateX&&(a.setTranslate(a.translateX),a.lastTranslateX=a.translateX),a.requestAnimationFrame=requestAnimationFrame(function(){a.updateTranslate()})},k.prototype.setTranslate=function(a){this.element.style.webkitTransform="translate3d("+a+"px,0,0)",this.updateProcess(a)},k.prototype.updateProcess=function(a){var b=this.progressBarWidth;b&&(a=Math.abs(a),this.setProcess(a*(b/this.sliderWidth)))},k.prototype.setProcess=function(a){var b=this.progressBar;b&&(b.style.webkitTransform="translate3d("+a+"px,0,0)")},k.prototype.nextItem=function(){this.gotoItem(this.getCurrentSlideNumber("next")-1)},k.prototype.prevItem=function(){this.gotoItem(this.getCurrentSlideNumber("prev")+1)},k.prototype.gotoItem=function(b){var c=this,d=c.element,e=c.sliderLength;c.isLoop?e-=2:(e-=1,b=Math.min(0,b),b=Math.max(b,-e)),c.requestAnimationFrame&&(cancelAnimationFrame(c.requestAnimationFrame),c.requestAnimationFrame=null);var f=Math.max(b,-e)*d.offsetWidth;d.style["-webkit-transition-duration"]=".2s",c.setTranslate(f); 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 j([b],null);try{if(d.test(b)){var e=c.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||[],a.__proto__=i.fn,a.selector=b||"",a};return i.uuid=0,i.data={},i.extend=function(a,c,d){a||(a={}),c||(c={});for(var e in c)c[e]!==b&&(d&&"object"==typeof a[e]?i.extend(a[e],c[e],d):a[e]=c[e]);return a},i.slice=[].slice,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.each=function(a,b){return[].every.call(a,function(a,c){return b.call(a,c,a)!==!1}),this},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.fn={each:function(a){return[].every.call(this,function(b,c){return a.call(b,c,b)!==!1}),this}},i}(document);window.mui=mui,"$"in window||(window.$=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("touchstart",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}})}(mui,window,document),function(a){String.prototype.trim===a&&(String.prototype.trim=function(){return this.replace(/^\s+|\s+$/g,"")})}(),function(){function a(a,b){b=b||{bubbles:!1,cancelable:!1,detail:void 0};var c=document.createEvent("Events"),d=!0;if(b)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(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){var b=0;a.requestAnimationFrame||(a.requestAnimationFrame=a.webkitRequestAnimationFrame,a.cancelAnimationFrame=a.webkitCancelAnimationFrame||a.webkitCancelRequestAnimationFrame),a.requestAnimationFrame||(a.requestAnimationFrame=function(c){var d=(new Date).getTime(),e=Math.max(0,16.7-(d-b)),f=a.setTimeout(function(){c(d+e)},e);return b=d+e,f}),a.cancelAnimationFrame||(a.cancelAnimationFrame=function(a){clearTimeout(a)})}(window),function(a,b,c){if(!b.FastClick){var d=function(a,b){return!b.type||"radio"!==b.type&&"checkbox"!==b.type?!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)}};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){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.EVENT_START="touchstart",a.EVENT_MOVE="touchmove",a.EVENT_END="touchend",a.EVENT_CANCEL="touchcancel",a.EVENT_CLICK="click",a.preventDefault=function(a){a.preventDefault()},a.stopPropagation=function(a){a.stopPropagation()},a.gestures=[],a.registerGesture=function(b){return b.index=b.index||1e3,a.gestures.push(b),a.gestures.sort(function(a,b){return a.index-b.index}),a.gestures};var c=function(a,b){var c=b.x-a.x,d=b.y-a.y;return Math.sqrt(c*c+d*d)},d=function(a,b){return 180*Math.atan2(b.y-a.y,b.x-a.x)/Math.PI},e=function(a){return-45>a&&a>-135?"up":a>=45&&135>a?"down":a>=135||-135>=a?"left":a>=-45&&45>=a?"right":null},f=function(b,c){a.gestures.stoped||a.each(a.gestures,function(d,e){a.gestures.stoped||a.options.gestureConfig[e.name]&&e.hasOwnProperty("handle")&&e.handle(b,c)})},g={},h=function(b){a.gestures.stoped=!1,g={target:b.target,lastTarget:g.lastTarget?g.lastTarget:null,startTime:Date.now(),touchTime:0,lastTapTime:g.lastTapTime?g.lastTapTime:0,start:{x:b.touches[0].pageX,y:b.touches[0].pageY},move:{x:0,y:0},deltaX:0,deltaY:0,lastDeltaX:0,lastDeltaY:0,angle:"",direction:"",distance:0,drag:!1,swipe:!1,gesture:b},f(b,g)},i=function(b){a.gestures.stoped||(g.touchTime=Date.now()-g.startTime,g.move={x:b.touches[0].pageX,y:b.touches[0].pageY},g.distance=c(g.start,g.move),g.angle=d(g.start,g.move),g.direction=e(g.angle),g.lastDeltaX=g.deltaX,g.lastDeltaY=g.deltaY,g.deltaX=g.move.x-g.start.x,g.deltaY=g.move.y-g.start.y,g.gesture=b,f(b,g))},j=function(b){a.gestures.stoped||(g.touchTime=Date.now()-g.startTime,g.gesture=b,f(b,g))};b.addEventListener(a.EVENT_START,h),b.addEventListener(a.EVENT_MOVE,i),b.addEventListener(a.EVENT_END,j),b.addEventListener(a.EVENT_CANCEL,j),a.fn.on=function(b,c,d){this.each(function(){var e=this;e.addEventListener(b,function(b){var f=a.qsa(c,e),g=b.target;if(f&&f.length>0)for(;g&&g!==document&&g!==e;g=g.parentNode)g&&~f.indexOf(g)&&(b.detail?b.detail.currentTarget=g:b.detail={currentTarget:g},d.call(g,b))}),e.removeEventListener(a.EVENT_CLICK,k),e.addEventListener(a.EVENT_CLICK,k)})};var k=function(a){a.target&&"INPUT"!==a.target.tagName&&a.preventDefault()}}(mui,window),function(a,b){var c=function(c,d){if(c.type===a.EVENT_END||c.type===a.EVENT_CANCEL){var e=this.options;d.direction&&e.swipeMaxTime>d.touchTime&&d.distance>e.swipeMinDistince&&"range"!==c.target.type&&(d.swipe=!0,a.trigger(c.target,b+d.direction,d))}};a.registerGesture({name:b,index:10,handle:c,options:{swipeMaxTime:300,swipeMinDistince:18}})}(mui,"swipe"),function(a,b){var c=function(c,d){switch(c.type){case a.EVENT_MOVE:d.direction&&(d.drag||(d.drag=!0,a.trigger(c.target,b+"start",d)),a.trigger(c.target,b,d),a.trigger(c.target,b+d.direction,d));break;case a.EVENT_END:case a.EVENT_CANCEL:d.drag&&a.trigger(c.target,b+"end",d)}};a.registerGesture({name:b,index:20,handle:c,options:{}})}(mui,"drag"),function(a,b){var c=function(c,d){if(c.type===a.EVENT_END||c.type===a.EVENT_CANCEL){var e=this.options;if(d.distance<e.tabMaxDistance&&d.touchTime<e.tapMaxTime){if(a.options.gestureConfig.doubletap&&d.lastTarget&&d.lastTarget===c.target&&d.lastTapTime&&d.startTime-d.lastTapTime<e.tabMaxInterval)return a.trigger(c.target,"doubletap",d),d.lastTapTime=Date.now(),void(d.lastTarget=c.target);a.trigger(c.target,b,d),d.lastTapTime=Date.now(),d.lastTarget=c.target}}};a.registerGesture({name:b,index:30,handle:c,options:{tabMaxInterval:300,tabMaxDistance:5,tapMaxTime:250}})}(mui,"tap"),function(a,b){var c,d=function(d,e){var f=this.options;switch(d.type){case a.EVENT_START:clearTimeout(c),c=setTimeout(function(){e.drag||a.trigger(d.target,b,e)},f.holdTimeout);break;case a.EVENT_MOVE:e.distance>f.holdThreshold&&clearTimeout(c);break;case a.EVENT_END:case a.EVENT_CANCEL:clearTimeout(c)}};a.registerGesture({name:b,index:10,handle:d,options:{holdTimeout:500,holdThreshold:2}})}(mui,"longtap"),function(a){function b(b){this.os={};var c=[function(){var a=b.match(/(Android);?[\s\/]+([\d.]+)?/);return a&&(this.os.android=!0,this.os.version=a[2]),this.os.android===!0},function(){var a=b.match(/(iPhone\sOS)\s([\d_]+)/);if(a)this.os.ios=this.os.iphone=!0,this.os.version=a[2].replace(/_/g,".");else{var c=b.match(/(iPad).*OS\s([\d_]+)/);c&&(this.os.ios=this.os.ipad=!0,this.os.version=c[2].replace(/_/g,"."))}return this.os.ios===!0}];[].every.call(c,function(b){return!b.call(a)})}b.call(a,navigator.userAgent)}(mui),function(a){function b(a){this.os=this.os||{};var b=a.match(/Html5Plus/i);b&&(this.os.plus=!0)}b.call(a,navigator.userAgent)}(mui),function(a){var b=[];a.global=a.options={gestureConfig:{tap:!0,doubletap:!0,longtap:!0,swipe:!0,drag:!0}},a.initGlobal=function(b){return a.options=a.extend(a.global,b,!0),this},a.init=function(c){return a.options=a.extend(a.global,c||{},!0),a.ready(function(){for(var c=0,d=b.length;d>c;c++)b[c].call(a)}),this},a.init.add=function(a){b.push(a)}}(mui),function(a){var b={optimize:!0,swipeBack:!1,preloadPages:[],preloadLimit:10};a.currentWebview=null,a.isHomePage=!1,a.extend(a.global,b),a.extend(a.options,b),a.waitingOptions=function(b){return a.extend({},b)},a.showOptions=function(b){var c=100;return a.os.ios&&(c=200),a.extend({aniShow:"slide-in-right",duration:c},b)},a.windowOptions=function(b){return a.extend({scalable:!1,bounce:""},b)},a.plusReady=function(a){return window.plus?a():document.addEventListener("plusready",function(){a()},!1),this},a.fire=function(a,b,c){a&&a.evalJS("mui&&mui.receive('"+b+"','"+JSON.stringify(c||{})+"')")},a.receive=function(b,c){b&&(c=JSON.parse(c),a.trigger(document,b,c))};var c=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}},d=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,e,f){if(window.plus){"object"==typeof b?(f=b,b=f.url,e=f.id||b):"object"==typeof e?(f=e,e=b):e=e||b,f=f||{};var g,h=f.params||{};if(a.webviews[e]){var i=a.webviews[e];if(i.preload)return g=i.webview,g.show(i.show.aniShow,i.show.duration,function(){c(g),d(g,"pagebeforeshow",!1)}),i.afterShowMethodName&&g.evalJS(i.afterShowMethodName+"('"+JSON.stringify(h)+"')"),this;f=a.extend(i,a.extend(f,{id:e,url:b,showAfterLoad:f.showAfterLoad===!1?!1:!0})),g=a.createWindow(f)}else f=a.extend(f,{id:e,url:b,showAfterLoad:f.showAfterLoad===!1?!1:!0}),g=a.createWindow(f);if(f.showAfterLoad){var j=a.waitingOptions(f.waiting),k=plus.nativeUI.showWaiting(j.title||"",j),l=a.showOptions(f.show);g.addEventListener("loaded",function(){k.close(),g.show(l.aniShow,l.duration,function(){c(g),d(g,"pagebeforeshow",!1)}),g.showed=!0,f.afterShowMethodName&&g.evalJS(f.afterShowMethodName+"('"+JSON.stringify(h)+"')")},!1)}return g}},a.createWindow=function(b,c){if(window.plus){var d,e=b.id||b.url;if(b.preload){a.webviews[e]?d=a.webviews[e].webview:(d=plus.webview.create(b.url,e,a.windowOptions(b.styles),{preload:!0}),b.subpages&&a.each(b.subpages,function(b,c){var e=plus.webview.create(c.url,c.id||c.url,a.windowOptions(c.styles),{preload:!0});d.append(e)})),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&&i.webview.close(),delete a.webviews[h]}}else a.webviews[e]=b,c!==!1&&(d=plus.webview.create(b.url,e,a.windowOptions(b.styles)),b.subpages&&a.each(b.subpages,function(b,c){var e=plus.webview.create(c.url,c.id||c.url,a.windowOptions(c.styles));d.append(e)}));return d}},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]||(c=plus.webview.create(b.url,d,b.styles),c.addEventListener("loaded",function(){a.currentWebview.append(c)}),a.webviews[d]=b),c}},a.webviews={},a.data.preloads=[],a.init.add(function(){var b=a.options,d=b.subpages||[];a.plusReady(function(){a.currentWebview=plus.webview.currentWebview(),a.each(d,function(b,c){a.appendWebview(c)}),a.currentWebview==plus.webview.getWebviewById(plus.runtime.appid)&&(a.isHomePage=!0,setTimeout(function(){c(a.currentWebview)},300))})}),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}))})})})}(mui),function(a){a.init.add(function(){var b=a.options;b.titleBar&&a.titleBar(b.titleBar),a.os.ios&&a.plusReady(function(){var b=a.options.statusBarBackground?a.options.statusBarBackground:"#f7f7f7";plus.navigator.setStatusBarBackground(b)})})}(mui),function(a){a.init.add(function(){var b=a.options,c=b.pullRefresh||{},d=c.container;if(d){var e=a(d);1===e.length&&(a.options.optimize&&a.os.plus&&a.os.android?e.plus_pulldownRefresh(c.down):e.pullRefresh(c))}})}(mui),function(a){a.init.add(function(){a(".mui-slider-group").slider(),a(".mui-input-row input").input()})}(mui),function(a,b,c){a.titleBar=function(b){return b=a.extend({template:"top.html",height:"48px"},b),a.options.optimize&&a.os.plus?a.plusReady(function(){var c=plus.webview.create(b.template,null,{scalable:!1,position:"dock",dock:"top",height:b.height});c.addEventListener("loaded",function(){c.evalJS('document.querySelector(".mui-title").innerHTML="'+b.title+'"')});var d=b.pulldownRefresh||{},e=d.container;e?c.append(a.currentWebview):a.currentWebview.append(c)}):a.get(b.template,function(a){var d=a.match(/<body[^>]*>([\s\S.]*)<\/body>/i)[0],e=c.createElement("div");for(e.innerHTML=d;e.firstChild;)c.body.insertBefore(e.firstChild,c.body.firstChild);if(b.title){var f=c.body.querySelector(".mui-bar .mui-title");f&&(f.innerHTML=b.title)}}),this}}(mui,window,document),function(a){a.get=function(a,c,d){b("GET",a,c,d)},a.post=function(a,c,d){b("POST",a,c,d)};var b=function(a,b,c,d){var e=new XMLHttpRequest,f=/^([\w-]+:)\/\//.test(b)?RegExp.$1:window.location.protocol;e.onreadystatechange=function(){4===e.readyState&&(e.status>=200&&e.status<300||304===e.status||0===e.status&&"file:"===f?c&&c(e.responseText):d&&d())},e.open(a,b,!0),e.send()}}(mui),function(a,b,c){a.offset=function(a){var d={top:0,left:0};return typeof a.getBoundingClientRect!==c&&(d=a.getBoundingClientRect()),{top:d.top+b.pageYOffset-a.clientTop,left:d.left+b.pageXOffset-a.clientLeft}}}(mui,window),function(a,b){a.scrollTo=function(a,c,d){c=c||1e3;var e=function(c){if(0>=c)return void(d&&d());var f=a-b.scrollY;setTimeout(function(){b.scrollTo(0,b.scrollY+f/c*10),e(c-10)},16.7)};e(c)}}(mui,window),function(a,b,c){var d="mui-pull-top-pocket",e="mui-pull-bottom-pocket",f="mui-pull",g="mui-pull-loading",h="mui-pull-caption",i=h+"-down",j=h+"-over",k=h+"-refresh",l="mui-icon",m="mui-icon-spinner",n="mui-icon-pulldown",o="mui-spin",p="mui-in",q="mui-reverse",r=g+" "+l+" "+n+" "+q,s=g+" "+l+" "+n,t=g+" "+l+" "+m+" "+o,u={down:{height:50,contentdown:"下拉可以刷新",contentover:"释放立即刷新",contentrefresh:"正在刷新..."},up:{height:50,contentdown:"上拉显示更多",contentover:"释放立即刷新",contentrefresh:"正在刷新...",duration:300}},v=['<div class="'+f+'">','<div class="'+s+'"></div>','<div class="'+h+'">','<span class="'+i+" "+p+'">{downCaption}</span>','<span class="'+j+'">{overCaption}</span>','<span class="'+k+'">{refreshCaption}</span>',"</div>","</div>"],w=function(b,c){this.element=b,this.options=a.extend(u,c,!0),this.options.up.height=-this.options.up.height,this.pullOptions=null,this.init()};w.prototype.init=function(){this.element.style.webkitTransform="translate3d(0,0,0)",this.element.style.position="relative",this.element.style["-webkit-backface-visibility"]="hidden",this.translateY=0,this.lastTranslateY=0,this.initPocket(),this.initEvent()},w.prototype.initPocket=function(){var a=this.options;a.down&&a.down.hasOwnProperty("callback")&&(this.topPocket=this.element.querySelector("."+d),this.topPocket||(this.topPocket=this.createPocket(d,a.down),this.element.insertBefore(this.topPocket,this.element.firstChild))),a.up&&a.up.hasOwnProperty("callback")&&(this.bottomPocket=this.element.querySelector("."+e),this.bottomPocket||(this.bottomPocket=this.createPocket(e,a.up),this.element.appendChild(this.bottomPocket)))},w.prototype.createPocket=function(a,b){var d=c.createElement("div");return d.className=a,d.innerHTML=v.join("").replace("{downCaption}",b.contentdown).replace("{overCaption}",b.contentover).replace("{refreshCaption}",b.contentrefresh),d},w.prototype.initEvent=function(){var a=this;a.bottomPocket&&a.element.addEventListener("dragup",function(b){a.dragUp(b)}),a.topPocket&&a.element.addEventListener("dragdown",function(b){a.dragDown(b)}),(a.bottomPocket||a.topPocket)&&(a.element.addEventListener("dragstart",function(b){a.dragStart(b)}),a.element.addEventListener("drag",function(b){var c=b.detail.direction;a.dragDirection&&"up"!==c&&"down"!==c&&a.pullOptions&&(a.pullOptions.height>0?a.dragDown(b):a.dragUp(b))}),a.element.addEventListener("dragend",function(b){a.dragEnd(b)}))},w.prototype.dragStart=function(a){var b=a.detail;("up"===b.direction||"down"===b.direction)&&(this.element.style.webkitTransitionDuration="0s",this.isLoading=this.dragDirection=!1)},w.prototype.dragUp=function(a){var d=this;if(!d.isLoading&&"down"!==d.dragDirection){var e=c.body.scrollHeight;!d.dragDirection&&b.innerHeight+b.scrollY+40<e||(b.scrollTo(0,e),d.pullOptions=d.options.up,d.loading=d.bottomPocket.querySelector("."+g),d.drag(a))}},w.prototype.dragDown=function(a){var c=this;if(!c.isLoading&&"up"!==c.dragDirection){var d=b.scrollY;!c.dragDirection&&d>5||(0!==d&&b.scrollTo(0,0),c.pullOptions=c.options.down,c.loading=c.topPocket.querySelector("."+g),c.drag(a))}},w.prototype.drag=function(a){this.pullOptions&&(this.pullOptions.height>0&&a.detail.deltaY<0||(this.dragDirection=this.pullOptions.height>0?"down":"up",this.requestAnimationFrame||this.updateTranslate(),a.detail.gesture.preventDefault(),this.translateY=.4*a.detail.deltaY))},w.prototype.dragEnd=function(b){var c=this;c.pullOptions&&(cancelAnimationFrame(c.requestAnimationFrame),Math.abs(.4*b.detail.deltaY)>=Math.abs(c.pullOptions.height)?c.load():this.hide(),a.gestures.stoped=!0)},w.prototype.hide=function(){this.translateY=0,this.requestAnimationFrame&&(cancelAnimationFrame(this.requestAnimationFrame),this.requestAnimationFrame=null),this.element.style.webkitTransitionDuration="0.5s",this.setTranslate(0),this.setCaption(i),this.pullOptions.height>0&&this.loading.classList.remove(q),this.pullOptions=null},w.prototype.updateTranslate=function(){var a=this;a.translateY!==a.lastTranslateY&&(a.translateY=Math.abs(a.translateY)<2?0:a.translateY,a.setTranslate(a.translateY),Math.abs(a.translateY)>=Math.abs(a.pullOptions.height)?a.showLoading(j):a.hideLoading(i),a.lastTranslateY=a.translateY),a.requestAnimationFrame=requestAnimationFrame(function(){a.updateTranslate()})},w.prototype.setTranslate=function(a){this.element.style.webkitTransform="translate3d(0,"+a+"px,0)",this.bottomPocket&&(0>a?this.bottomPocket.style.bottom=(a>this.pullOptions.height?a:this.pullOptions.height)+"px":0===a&&this.bottomPocket.setAttribute("style",""))},w.prototype.load=function(){var d=this;d.isLoading=!0,d.showLoading(k),d.setTranslate(d.pullOptions.height);var e=d.pullOptions.callback;e&&e(function(){if(d.pullOptions&&d.pullOptions.height<0){var e=Math.min(1e3,d.pullOptions.duration);setTimeout(function(){a.scrollTo(c.body.scrollHeight-b.innerHeight,e,function(){d.isLoading=!1})},100)}else d.isLoading=!1;d.hide()})},w.prototype.showLoading=function(a){this.setCaption(a)},w.prototype.hideLoading=function(a){this.setCaption(a)},w.prototype.setCaption=function(a){var b=this.pullOptions&&this.pullOptions.height>0?this.topPocket:this.bottomPocket;if(b){var c=b.querySelector("."+h),d=c.querySelector("."+p);d&&d.classList.remove(p);var e=c.querySelector("."+a);e&&e.classList.add(p),this.loading.className=this.pullOptions&&this.pullOptions.height>0?a===k?t:a===j?r:s:t}},a.fn.pullRefresh=function(b){this.each(function(){var c=this.getAttribute("data-pullrefresh");if(!c){var d=++a.uuid;a.data[d]=new w(this,b),this.setAttribute("data-pullrefresh",d)}})}}(mui,window,document),function(a){var b={height:50,contentdown:"下拉可以刷新",contentover:"释放立即刷新",contentrefresh:"正在刷新..."};a.fn.plus_pulldownRefresh=function(c){c=a.extend(b,c,!0),this.each(function(){var b=this;a.plusReady(function(){var d=b.getAttribute("data-pullrefresh-plus");if(!d){d=++a.uuid,b.setAttribute("data-pullrefresh-plus",d);var e=a.currentWebview;e.setPullToRefresh({support:!0,height:c.height+"px",range:"200px",contentdown:{caption:c.contentdown},contentover:{caption:c.contentover},contentrefresh:{caption:c.contentrefresh}},function(){c.callback&&c.callback(function(){e.endPullToRefresh()})})}})})}}(mui),function(a,b,c,d){var e="mui-off-canvas-left",f="mui-off-canvas-right",g="mui-off-canvas-backdrop",h="mui-off-canvas-wrap",i="mui-off-canvas-height-fixed",j="mui-left",k="mui-right",l="mui-sliding",m=".mui-inner-wrap",n=function(a){if(parentNode=a.parentNode){if(parentNode.classList.contains(h))return parentNode;if(parentNode=parentNode.parentNode,parentNode.classList.contains(h))return parentNode}},o=function(b,d){if(d.classList&&d.classList.contains(g)){var e=n(d);if(e)return a.targets._container=e,d}else if("A"===d.tagName&&d.hash){var f=c.getElementById(d.hash.replace("#",""));if(f){var e=n(f);if(e)return a.targets._container=e,f}}return!1};a.registerTarget({name:d,index:60,handle:o,target:!1,isReset:!1,isContinue:!0});var p=function(a,b){var d=a.querySelector(".mui-content"),e=c.getElementsByTagName("html")[0],f=c.body;b?(e.classList.add(i),f.classList.add(i),d&&d.classList.add(i)):(e.classList.remove(i),f.classList.remove(i),d&&d.classList.remove(i))},q=function(){var a=this.parentNode;a.classList.remove(l),this.removeEventListener("webkitTransitionEnd",q),a.classList.contains(k)||a.classList.contains(j)||p(a,!1)},r=function(a,b){if(a&&b){var c=b.classList;a.querySelector(m).addEventListener("webkitTransitionEnd",q),a.classList.contains(k)||a.classList.contains(j)||p(a,!0),c.contains(e)?a.classList.toggle(k):c.contains(f)?a.classList.toggle(j):c.contains(g)&&(a.classList.remove(k),a.classList.remove(j)),a.classList.add(l)}};b.addEventListener("tap",function(){a.targets.offcanvas&&r(a.targets._container,a.targets.offcanvas)}),a.fn.offCanvas=function(){var a=arguments;this.each(function(){if("show"===a[0]||"hide"===a[0]||"toggle"===a[0]){var b=this.classList;if(b.contains(e)||b.contains(f)){var c=n(this);c&&r(c,this)}}})}}(mui,window,document,"offcanvas"),function(a,b,c){if(!a.os.android){var d,e,f,g,h="mui-slider",i="mui-switch",j="mui-table-view-cell",k="mui-slider-handle",l="mui-off-canvas-left",m="mui-off-canvas-right",n="mui-off-canvas-wrap",o="mui-off-canvas-height-fixed",p="mui-left",q="mui-right",r="mui-sliding",s="mui-draggable",t=".mui-inner-wrap",u="."+l,v="."+m,w=!1,x=1,y=0,z=0,A=0,B=0,C=function(){y!==z&&(e.style["-webkit-transition-duration"]="0s","right"===g&&y>0?(y=Math.min(y,B),0>A?D(e,A+y):D(e,y)):"left"===g&&0>y&&(y=Math.max(y,-B),A>0?D(e,A+y):D(e,y)),z=y),f=requestAnimationFrame(function(){C()})},D=function(a,b){a&&(a.style.webkitTransform="translate3d("+b+"px,0,0)")},E=function(a,b){var d=a.querySelector(".mui-content"),e=c.getElementsByTagName("html")[0],f=c.body;b?(e.classList.add(o),f.classList.add(o),d&&d.classList.add(o)):(e.classList.remove(o),f.classList.remove(o),d&&d.classList.remove(o))},F=function(){var a=this.parentNode,b=a.classList;b.remove(r),this.removeEventListener("webkitTransitionEnd",F),b.contains(q)||b.contains(p)||E(a,!1)};b.addEventListener("touchstart",function(a){var b=a.target;for(w=!1,d=e=null;b&&b!==c;b=b.parentNode){var f=b.classList;if(f){if(f.contains(i))break;if(f.contains(j)&&b.querySelector("."+k))break;if(f.contains(h))break;if(f.contains(n)&&f.contains(s)){if(d=b,e=d.querySelector(t),!e)return;break}}}}),b.addEventListener("dragstart",function(b){if(d){var c=b.detail;if("left"===c.direction?d.classList.contains(q)?w=!0:d.querySelector(v)&&!d.classList.contains(p)&&(w=!0):"right"===c.direction&&(d.classList.contains(p)?w=!0:d.querySelector(u)&&!d.classList.contains(q)&&(w=!0)),w){g=c.direction,B=.8*d.offsetWidth;var f=a.getStyles(e,"webkitTransform"),h=a.parseTranslateMatrix(f);A=y=h?h.x:0;var i=d.classList;i.add(r),i.contains(q)||i.contains(p)||E(d,!0),c.gesture.preventDefault()}}}),b.addEventListener("drag",function(a){if(w){var b=a.detail;f||C(),y=b.deltaX*x}}),b.addEventListener("dragend",function(){if(w){f&&(cancelAnimationFrame(f),f=null),e.setAttribute("style",""),e.addEventListener("webkitTransitionEnd",F);var a,b=d.classList,c=["add","remove"];"right"===g&&y>0?(a=q,0>A&&(c.reverse(),a=p),y>B/2?b[c[0]](a):b[c[1]](a)):"left"===g&&0>y&&(a=p,A>0&&(c.reverse(),a=q),-y>B/2?b[c[0]](a):b[c[1]](a))}})}}(mui,window,document,"offcanvas"),function(a,b,c,d){var e="mui-action",f=function(a,b){return b.className&&~b.className.indexOf(e)?b:!1};a.registerTarget({name:d,index:50,handle:f,target:!1})}(mui,window,document,"action"),function(a,b,c,d){var e="mui-modal",f=function(a,b){if("A"===b.tagName&&b.hash){var d=c.getElementById(b.hash.replace("#",""));if(d&&d.classList.contains(e))return d}return!1};a.registerTarget({name:d,index:50,handle:f,target:!1,isReset:!1,isContinue:!0}),b.addEventListener("tap",function(){a.targets.modal&&a.targets.modal.classList.toggle("mui-active")})}(mui,window,document,"modal"),function(a,b,c,d){var e="mui-popover",f="mui-bar-popover",g="mui-popover-action",h="mui-backdrop",i="mui-bar-backdrop",j="mui-backdrop-action",k="mui-active",l=function(b,d){return"A"===d.tagName&&d.hash&&(a.targets._popover=c.getElementById(d.hash.replace("#","")),a.targets._popover&&a.targets._popover.classList.contains(e))?d:!1};a.registerTarget({name:d,index:60,handle:l,target:!1,isReset:!1,isContinue:!0});var m=function(a){a?c.body.setAttribute("style","position:fixed;width:100%;height:100%;overflow:hidden;"):c.body.setAttribute("style","")},n=function(){this.style.display="none",this.removeEventListener("webkitTransitionEnd",n),m(!1)},o=function(){var b=c.createElement("div");return b.classList.add(h),b.addEventListener("tap",function(){var b=a.targets._popover;b&&(b.addEventListener("webkitTransitionEnd",n),b.classList.remove(k),b.parentNode.removeChild(o))}),b}();b.addEventListener("tap",function(){a.targets.popover&&p(a.targets._popover,a.targets.popover)});var p=function(a,d){o.classList.remove(i),o.classList.remove(j);var e=c.querySelector(".mui-popover.mui-active");if(!e||(e.style.display="none",e.classList.remove(k),e.removeEventListener("webkitTransitionEnd",n),m(!1),e.parentNode.removeChild(o),a!==e)){if(a.classList.contains(f)||a.classList.contains(g))if(a.classList.contains(g))o.classList.add(j);else if(o.classList.add(i),d&&d.parentNode){var h=d.offsetWidth,l=d.offsetLeft,p=b.innerWidth;a.style.left=Math.min(Math.max(l,5),p-h-5)+"px"}a.style.display="block",a.offsetHeight,a.classList.add(k),a.parentNode.appendChild(o),m(!0),o.classList.add(k)}};a.fn.popover=function(){var b=arguments;this.each(function(){a.targets._popover=this,("show"===b[0]||"hide"===b[0]||"toggle"===b[0])&&p(this,b[1])})}}(mui,window,document,"popover"),function(a,b,c,d){var e="mui-control-item",f="mui-control-content",g="mui-tab-item",h=function(a,b){return b.classList&&(b.classList.contains(e)||b.classList.contains(g))?b:!1};a.registerTarget({name:d,index:80,handle:h,target:!1}),b.addEventListener("tap",function(){var b=a.targets.tab;if(b){var e,g,h,i="mui-active",j="."+i;e=b.parentNode.querySelector(j),e&&e.classList.remove(i);var k=b===e;if(b&&b.classList.add(i),b.hash&&(h=c.getElementById(b.hash.replace("#","")))){if(!h.classList.contains(f))return void b.classList[k?"remove":"add"](i);if(!k){g=h.parentNode.getElementsByClassName(i);for(var l=0;l<g.length;l++)g[l].classList.remove(i);h.classList.add(i);var m=h.parentNode.querySelectorAll("."+f);a.trigger(h,a.eventName("shown",d),{tabNumber:Array.prototype.indexOf.call(m,h)})}}}})}(mui,window,document,"tab"),function(a,b){var c="mui-slider",d="mui-slider-group",e="mui-slider-loop",f="mui-slider-indicator",g="mui-action-previous",h="mui-action-next",i="mui-slider-item",j="."+i,k="."+f,l=".mui-slider-progress-bar",m=function(b,c){this.element=b,this.options=a.extend({slideshowDelay:0,factor:1},c),this.init()};m.prototype.init=function(){this.initEvent(),this.initTimer()},m.prototype.refresh=function(b){var c=a.extend({slideshowDelay:0,factor:1},b);this.options.slideshowDelay!=c.slideshowDelay&&(this.options.slideshowDelay=c.slideshowDelay,this.initTimer())},m.prototype.initEvent=function(){var b=this,c=b.element,d=c.parentNode;b.translateX=0,b.sliderWidth=c.offsetWidth,b.isLoop=c.classList.contains(e),b.sliderLength=c.querySelectorAll(j).length,b.progressBarWidth=0,b.progressBar=d.querySelector(l),b.progressBar&&(b.progressBarWidth=b.progressBar.offsetWidth);var f=!1;b.isSwipeable=!1,d.addEventListener("dragstart",function(a){var d=a.detail,g=d.direction;("left"==g||"right"==g)&&(f=!0,b.translateX=b.lastTranslateX=0,b.scrollX=b.getScroll(),b.sliderWidth=c.offsetWidth,b.isLoop=c.classList.contains(e),b.sliderLength=c.querySelectorAll(j).length,b.progressBar&&(b.progressBarWidth=b.progressBar.offsetWidth),b.maxTranslateX=(b.sliderLength-1)*b.sliderWidth,a.detail.gesture.preventDefault())}),d.addEventListener("drag",function(a){f&&b.dragItem(a)}),d.addEventListener("dragend",function(){f&&(b.gotoItem(b.getSlideNumber()),f=b.isSwipeable=!1)}),d.addEventListener("swipeleft",function(c){b.isSwipeable&&(a.gestures.stoped=!0,b.nextItem(),f=b.isSwipeable=!1,c.stopImmediatePropagation())}),d.addEventListener("swiperight",function(c){b.isSwipeable&&(a.gestures.stoped=!0,b.prevItem(),f=b.isSwipeable=!1,c.stopImmediatePropagation())}),d.addEventListener("slide",function(a){var b=a.detail;b.slideNumber=b.slideNumber||0;var c=d.querySelector(".mui-slider-indicator .mui-number span");c&&(c.innerText=b.slideNumber+1);for(var e=d.querySelectorAll(".mui-slider-indicator .mui-indicator"),f=0,g=e.length;g>f;f++)e[f].classList[f===b.slideNumber?"add":"remove"]("mui-active");for(var h=d.querySelectorAll(".mui-control-item"),f=0,g=h.length;g>f;f++)h[f].classList[f===b.slideNumber?"add":"remove"]("mui-active")}),d.addEventListener(a.eventName("shown","tab"),function(a){b.gotoItem(-(a.detail.tabNumber||0))});var i=c.parentNode.querySelector(k);i&&i.addEventListener("tap",function(a){var c=a.target;(c.classList.contains(g)||c.classList.contains(h))&&(b[c.classList.contains(g)?"prevItem":"nextItem"](),a.stopPropagation())})},m.prototype.dragItem=function(a){var b=this,c=a.detail;if(c.deltaX!==c.lastDeltaX){var d=c.deltaX*b.options.factor+b.scrollX;b.element.style["-webkit-transition-duration"]="0";var e=0,f=-b.maxTranslateX;if(b.isLoop&&(e=b.sliderWidth,f+=e),d>e||f>d)return void(b.isSwipeable=!1);b.requestAnimationFrame||b.updateTranslate(),b.isSwipeable=!0,b.translateX=d}b.timer&&clearTimeout(b.timer),b.timer=setTimeout(function(){b.initTimer()
var g=function(){d.style["-webkit-transition-duration"]="0",d.style.webkitTransform="translate3d("+b*d.offsetWidth+"px,0,0)",d.removeEventListener("webkitTransitionEnd",g)};d.removeEventListener("webkitTransitionEnd",g),c.isLoop&&(1===b||b===-e)&&(b=1===b?-e+1:0,d.addEventListener("webkitTransitionEnd",g)),a.trigger(d.parentNode,"slide",{slideNumber:Math.abs(b)}),this.initTimer()},k.prototype.getSlideNumber=function(){return Math.round(this.getScroll()/this.sliderWidth)},k.prototype.getCurrentSlideNumber=function(a){return Math["next"===a?"ceil":"floor"](this.getScroll()/this.sliderWidth)},k.prototype.getScroll=function(){var b=this.element,c=0;if("webkitTransform"in b.style){var d=a.parseTranslate(b.style.webkitTransform);c=d?d.x:0}return c},k.prototype.initTimer=function(){var a=this,c=a.options.slideshowDelay;if(c){var d=a.element,e=d.getAttribute("data-slidershowTimer");e&&b.clearTimeout(e),e=b.setTimeout(function(){d&&((d.offsetWidth||d.offsetHeight)&&a.nextItem(),a.initTimer())},c),d.setAttribute("data-slidershowTimer",e)}},a.fn.slider=function(b){this.each(function(){var c=this.getAttribute("data-slider",d);if(!c){var d=++a.uuid;a.data[d]=new k(this,b),this.setAttribute("data-slider",d)}})}}(mui,window),function(a,b,c,d){var e="mui-switch",f="mui-switch-handle",g="mui-active",h="."+f,i=function(a,b){return b.classList&&b.classList.contains(e)?b:!1};a.registerTarget({name:d,index:100,handle:i,target:!1});var j,i,k,l,m,n=function(b){if(j){var c=b.detail;a.gestures.stoped=!0;var d=!c.drag&&!j.classList.contains(g)||c.drag&&c.deltaX>k/2-l/2;i.style["-webkit-transition-duration"]=".2s",d?(i.style.webkitTransform="translate3d("+m+"px,0,0)",j.classList.add(g)):(i.style.webkitTransform="translate3d(0,0,0)",j.classList.remove(g)),a.trigger(j,"toggle",{isActive:d})}},o=function(a){if(j){var b=a.detail.deltaX;if(0>b)return i.style.webkitTransform="translate3d(0,0,0)";if(b>m)return i.style.webkitTransform="translate3d("+m+"px,0,0)";i.style["-webkit-transition-duration"]="0s",i.style.webkitTransform="translate3d("+b+"px,0,0)",j.classList[b>k/2-l/2?"add":"remove"](g)}};b.addEventListener(a.EVENT_START,function(b){j=a.targets.toggle,j&&(i=j.querySelector(h),k=j.clientWidth,l=i.clientWidth,m=k-l,b.preventDefault())}),b.addEventListener("tap",n),b.addEventListener("drag",o),b.addEventListener("dragend",n)}(mui,window,document,"toggle"),function(a,b,c){var d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="mui-active",v="mui-table-view-cell",w="mui-disabled",x="mui-switch",y="mui-btn",z="mui-slider-cell",A="mui-slider-handle",B="mui-slider-left",C="mui-slider-right",D="mui-bounce",E="."+z,F="."+A,G="."+B,H="."+C,I=.4,J=1.2,K=1,L=function(a){a?e?e.classList.add(u):d&&d.classList.add(u):e?e.classList.remove(u):d&&d.classList.remove(u)},M=function(){s!==t&&(k||n?(k&&n?0===h?N(g,s):N(g,h+s):k?0===h?N(g,Math.max(s,0)):N(g,Math.max(h+s,0)):n&&(0===h?N(g,Math.min(s,0)):N(g,Math.min(h+s,0))),k&&(0===h?s>m&&(f.style.backgroundColor=l,N(k,Math.max(s-m,0))):(f.style.backgroundColor=s>0?l:"",N(k,Math.max(s,0)))),n&&(0===h?-s>p&&(f.style.backgroundColor=o,N(n,Math.min(-(-s-p),0))):(f.style.backgroundColor=s>0&&!k?"":o,N(n,Math.min(s,0))))):g&&(0===h&&s>0||h===i&&0>s)&&Math.abs(s)<=i&&N(g,h+s),t=s),r=requestAnimationFrame(function(){M()})},N=function(a,b){a&&(a.style.webkitTransform="translate3d("+b+"px,0,0)")},O=function(b,c){k&&(k.setAttribute("style",""),n&&n.setAttribute("style",""),b?(N(g,m),c&&a.trigger(g,"slideright")):N(g,0))},P=function(b,c){n&&(n.setAttribute("style",""),k&&k.setAttribute("style",""),b?(N(g,-p),c&&a.trigger(g,"slideleft")):N(g,0))},Q=function(a){g&&(a?N(g,0):N(g,i))},R=function(b,c){q=!1,r&&(cancelAnimationFrame(r),r=null),f.setAttribute("style","");var d=Math.abs(s);if(b||!k&&!n)k||n||Q(0===h?!(d>i/2):d>i/2);else if(s>0){var e=m/2;if(0!==h&&n&&(P(!(d>=p/2),!1),e=m/2+p),k){var j=d>=e;k.classList.contains(D)?(k.setAttribute("style",""),N(g,0),j&&!c.swipe&&a.trigger(g,"slideright")):O(j,!0)}}else{var e=m/2;if(0!==h&&k&&(O(!(d>=m/2),!1),e=p/2+m),n){var j=d>=e;n.classList.contains(D)?(n.setAttribute("style",""),N(g,0),j&&!c.swipe&&a.trigger(g,"slideleft")):P(j,!0)}}};b.addEventListener("touchstart",function(b){d=e=g=k=n=q=r=!1,s=t=h=i=m=p=0,l=o="";for(var u=b.target,z=!1;u&&u!==c;u=u.parentNode)if(u.classList){var A=u.classList;if(("INPUT"===u.tagName&&"radio"!==u.type&&"checkbox"!==u.type||"BUTTON"===u.tagName||A.contains(x)||A.contains(y)||A.contains(w))&&(z=!0),A.contains(v)){d=u;var B=d.querySelector("a");if(B&&B.parentNode===d&&(e=B),f=d.querySelector(E),f&&f.parentNode===d){var C=f.querySelector(F);if(C){g=C,i=g.offsetWidth,j=a.getStyles(g,"margin-left"),K=J;var D=f.querySelector(G);D&&(k=D,l=a.getStyles(D,"background-color"),m=D.offsetWidth);var M=f.querySelector(H);M&&(n=M,o=a.getStyles(M,"background-color"),p=M.offsetWidth),(k||n)&&(K=I);var N=a.getStyles(g,"webkitTransform"),O=a.parseTranslateMatrix(N);h=O?O.x:0}}z||L(!0);break}}}),b.addEventListener("touchmove",function(){L(!1)}),b.addEventListener("dragstart",function(a){if(g){var b=a.detail,c=b.direction,d=b.angle;if("left"===c){if((n||g)&&(d>150||-150>d)){if(!n&&k&&0===h)return;if(g&&!n&&!k&&0===h)return;q=!0}}else if("right"===c&&(k||g)&&d>-30&&30>d){if(!k&&n&&0===h)return;if(g&&!n&&!k&&h===i)return;q=!0}}}),b.addEventListener("drag",function(a){q&&(r||M(),s=a.detail.deltaX*K,a.detail.gesture.preventDefault())}),b.addEventListener("dragend",function(a){q&&R(!1,a.detail)}),b.addEventListener("swiperight",function(b){if(g){var c=!1;k&&!k.classList.contains(D)&&0===h?(O(!0,!0),c=!0):n&&0>h?(P(!1,!1),c=!0):k||n||(c=!0),c&&(a.gestures.stoped=!0,b.stopImmediatePropagation(),R(!0,b.detail))}}),b.addEventListener("swipeleft",function(b){if(g){var c=!1;n&&!n.classList.contains(D)&&0===h?(P(!0,!0),c=!0):k&&h>0?(O(!1,!1),c=!0):k||n||(c=!0),c&&(a.gestures.stoped=!0,b.stopImmediatePropagation(),R(!0,b.detail))}}),b.addEventListener("touchend",function(){d&&L(!1)}),b.addEventListener("touchcancel",function(){d&&L(!1)}),b.addEventListener("tap",function(){if(d){var b=!1,c=d.classList;if(c.contains("mui-collapse")){if(!c.contains(u)){var e=d.parentNode.querySelector(".mui-collapse.mui-active");e&&e.classList.remove(u),b=!0}c.toggle(u),b&&a.trigger(d,"expand")}else if(c.contains("mui-radio")){var f=d.querySelector("input[type=radio]");f&&f.click()}else if(c.contains("mui-checkbox")){var f=d.querySelector("input[type=checkbox]");f&&f.click()}}})}(mui,window,document),function(a,b,c){var d="mui-icon",e="mui-icon-clear",f="mui-icon-speech",g="mui-icon-search",h="mui-input-row",i="mui-placeholder",j="mui-tooltip",k="mui-hidden",l="."+e,m="."+f,n="."+i,o="."+j,p=function(a){for(;a&&a!==c;a=a.parentNode)if(a.classList&&a.classList.contains(h))return a;return null},q=function(a,b){this.element=a,this.options=b||{actions:"clear"},~this.options.actions.indexOf("slider")?(this.sliderActionClass=j+" "+k,this.sliderActionSelector=o):(~this.options.actions.indexOf("clear")&&(this.clearActionClass=d+" "+e+(a.value?"":" "+k),this.clearActionSelector=l),~this.options.actions.indexOf("speech")&&(this.speechActionClass=d+" "+f,this.speechActionSelector=m),~this.options.actions.indexOf("search")&&(this.searchActionClass=i,this.searchActionSelector=n)),this.init()};q.prototype.init=function(){this.initAction(),this.initElementEvent()},q.prototype.initAction=function(){var a=this,b=a.element.parentNode;b&&(a.sliderActionClass?a.sliderAction=a.createAction(b,a.sliderActionClass,a.sliderActionSelector):(a.searchActionClass&&(a.searchAction=a.createAction(b,a.searchActionClass,a.searchActionSelector),a.searchAction.addEventListener("tap",function(){setTimeout(function(){a.element.focus()},0)})),a.speechActionClass&&(a.speechAction=a.createAction(b,a.speechActionClass,a.speechActionSelector),a.speechAction.addEventListener("click",function(a){a.stopPropagation()}),a.speechAction.addEventListener("tap",function(b){a.speechActionClick(b)})),a.clearActionClass&&(a.clearAction=a.createAction(b,a.clearActionClass,a.clearActionSelector),a.clearAction.addEventListener("tap",function(b){a.clearActionClick(b)}))))},q.prototype.createAction=function(a,b,e){var f=a.querySelector(e);if(!f){var f=c.createElement("span");f.className=b,b===this.searchActionClass&&(f.innerHTML='<span class="'+d+" "+g+'"></span>'+this.element.getAttribute("placeholder"),this.element.setAttribute("placeholder","")),a.insertBefore(f,this.element.nextSibling)}return f},q.prototype.initElementEvent=function(){var b=this.element;if(this.sliderActionClass){var c=this.sliderAction,d=b.offsetLeft,e=b.offsetWidth-28,f=c.offsetWidth,g=Math.abs(b.max-b.min),h=null,i=function(){c.classList.remove(k),f=f||c.offsetWidth;var a=Math.abs(b.value)/g*e;c.style.left=14+d+a-f/2+"px",c.innerText=b.value,h&&clearTimeout(h),h=setTimeout(function(){c.classList.add(k)},1e3)};b.addEventListener("input",i),b.addEventListener("tap",i)}else{if(this.clearActionClass){var j=this.clearAction;if(!j)return;a.each(["keyup","change","input","focus","blur","cut","paste"],function(a,c){!function(a){b.addEventListener(a,function(){j.classList[b.value.trim()?"remove":"add"](k)})}(c)})}this.searchActionClass&&(b.addEventListener("focus",function(){b.parentNode.classList.add("mui-active")}),b.addEventListener("blur",function(){b.value.trim()||b.parentNode.classList.remove("mui-active")}))}},q.prototype.clearActionClick=function(a){this.element.value="",this.element.focus(),this.clearAction.classList.add(k),a.preventDefault()},q.prototype.speechActionClick=function(a){if(b.plus){var c=this;c.element.value="",plus.speech.startRecognize({engine:"iFly"},function(a){c.element.value+=a,setTimeout(function(){c.element.focus()},0),plus.speech.stopRecognize()},function(){})}else alert("only for 5+");a.preventDefault()},a.fn.input=function(){this.each(function(){var b=[],c=p(this.parentNode);if("range"===this.type&&c.classList.contains("mui-input-range"))b.push("slider");else{var d=this.classList;d.contains("mui-input-clear")&&b.push("clear"),d.contains("mui-input-speech")&&b.push("speech"),"search"===this.type&&c.classList.contains("mui-search")&&b.push("search")}var e=this.getAttribute("data-input-"+b[0]);if(!e){e=++a.uuid,a.data[e]=new q(this,{actions:b.join(",")});for(var f=0,g=b.length;g>f;f++)this.setAttribute("data-input-"+b[f],e)}})}}(mui,window,document),function(a,b){a.back=function(){b.history.length>1&&("function"==typeof a.options.back?a.options.back()!==!1&&b.history.back():b.history.back())},b.addEventListener("tap",function(){var b=a.targets.action;b&&b.classList.contains("mui-action-back")&&a.back()}),b.addEventListener("swiperight",function(b){var c=b.detail;c.angle>-15&&c.angle<15&&a.options.swipeBack===!0&&a.back()})}(mui,window),function(a,b){a.back=function(){var c=!0,d=!1;if("function"==typeof a.options.back&&(d=a.options.back(),d===!1&&(c=!1)),c)if(b.plus){var e=plus.webview.currentWebview(),f=e.parent();e.canBack(function(a){if(a.canBack)b.history.back();else{f&&(e=f);var c=e.opener();if(c){var d=c.parent();d&&(c=d),e.preload?e.hide("auto"):e.close()}else plus.runtime.quit()}})}else b.history.length>1?b.history.back():b.close()},a.menu=function(){var c=document.querySelector(".mui-action-menu");if(c)a.trigger(c,"tap");else if(b.plus){var d=plus.webview.currentWebview(),e=d.parent();e&&e.evalJS("mui&&mui.menu();")}},a.plusReady(function(){plus.key.addEventListener("backbutton",function(){a.back()},!1),plus.key.addEventListener("menubutton",function(){a.menu()},!1)})}(mui,window); },100)},m.prototype.updateTranslate=function(){var a=this;a.lastTranslateX!==a.translateX&&(a.setTranslate(a.translateX),a.lastTranslateX=a.translateX),a.requestAnimationFrame=requestAnimationFrame(function(){a.updateTranslate()})},m.prototype.setTranslate=function(a){this.element.style.webkitTransform="translate3d("+a+"px,0,0)",this.updateProcess(a)},m.prototype.updateProcess=function(a){var b=this.progressBarWidth;b&&(a=Math.abs(a),this.setProcess(a*(b/this.sliderWidth)))},m.prototype.setProcess=function(a){var b=this.progressBar;b&&(b.style.webkitTransform="translate3d("+a+"px,0,0)")},m.prototype.nextItem=function(){this.gotoItem(this.getCurrentSlideNumber("next")-1)},m.prototype.prevItem=function(){this.gotoItem(this.getCurrentSlideNumber("prev")+1)},m.prototype.gotoItem=function(b){var c=this,d=c.element,e=c.sliderLength;c.isLoop?e-=2:(e-=1,b=Math.min(0,b),b=Math.max(b,-e)),c.requestAnimationFrame&&(cancelAnimationFrame(c.requestAnimationFrame),c.requestAnimationFrame=null);var f=Math.max(b,-e)*d.offsetWidth;d.style["-webkit-transition-duration"]=".2s",c.setTranslate(f);var g=function(){d.style["-webkit-transition-duration"]="0",d.style.webkitTransform="translate3d("+b*d.offsetWidth+"px,0,0)",d.removeEventListener("webkitTransitionEnd",g)};d.removeEventListener("webkitTransitionEnd",g),c.isLoop&&(1===b||b===-e)&&(b=1===b?-e+1:0,d.addEventListener("webkitTransitionEnd",g)),a.trigger(d.parentNode,"slide",{slideNumber:Math.abs(b)}),this.initTimer()},m.prototype.getSlideNumber=function(){return Math.round(this.getScroll()/this.sliderWidth)},m.prototype.getCurrentSlideNumber=function(a){return Math["next"===a?"ceil":"floor"](this.getScroll()/this.sliderWidth)},m.prototype.getScroll=function(){var b=this.element,c=0;if("webkitTransform"in b.style){var d=a.parseTranslate(b.style.webkitTransform);c=d?d.x:0}return c},m.prototype.initTimer=function(){var a=this,c=a.options.slideshowDelay;if(c){var d=a.element,e=d.getAttribute("data-slidershowTimer");e&&b.clearTimeout(e),e=b.setTimeout(function(){d&&((d.offsetWidth||d.offsetHeight)&&a.nextItem(),a.initTimer())},c),d.setAttribute("data-slidershowTimer",e)}},a.fn.slider=function(b){this.each(function(){var e=this;this.classList.contains(c)&&(e=this.querySelector("."+d));var f=e.getAttribute("data-slider");if(f){var g=a.data[f];g&&g.refresh(b)}else f=++a.uuid,a.data[f]=new m(e,b),e.setAttribute("data-slider",f)})}}(mui,window),function(a,b,c,d){var e="mui-switch",f="mui-switch-handle",g="mui-active",h="."+f,i=function(a,b){return b.classList&&b.classList.contains(e)?b:!1};a.registerTarget({name:d,index:100,handle:i,target:!1});var j,i,k,l,m,n=function(b){if(j){var c=b.detail;a.gestures.stoped=!0;var d=!c.drag&&!j.classList.contains(g)||c.drag&&c.deltaX>k/2-l/2;i.style["-webkit-transition-duration"]=".2s",d?(i.style.webkitTransform="translate3d("+m+"px,0,0)",j.classList.add(g)):(i.style.webkitTransform="translate3d(0,0,0)",j.classList.remove(g)),a.trigger(j,"toggle",{isActive:d})}},o=function(a){if(j){var b=a.detail.deltaX;if(0>b)return i.style.webkitTransform="translate3d(0,0,0)";if(b>m)return i.style.webkitTransform="translate3d("+m+"px,0,0)";i.style["-webkit-transition-duration"]="0s",i.style.webkitTransform="translate3d("+b+"px,0,0)",j.classList[b>k/2-l/2?"add":"remove"](g)}};b.addEventListener(a.EVENT_START,function(b){j=a.targets.toggle,j&&(i=j.querySelector(h),k=j.clientWidth,l=i.clientWidth,m=k-l+3,b.preventDefault())}),b.addEventListener("tap",n),b.addEventListener("drag",o),b.addEventListener("dragend",n)}(mui,window,document,"toggle"),function(a,b,c){var d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="mui-active",v="mui-selected",w="mui-table-view-cell",x="mui-disabled",y="mui-switch",z="mui-btn",A="mui-slider-cell",B="mui-slider-handle",C="mui-slider-left",D="mui-slider-right",E="mui-bounce",F="."+A,G="."+B,H="."+C,I="."+D,J=.4,K=1,L=1,M=function(a){a?e?e.classList.add(u):d&&d.classList.add(u):e?e.classList.remove(u):d&&d.classList.remove(u)},N=function(){s!==t&&(k||n?(k&&n?0===h?O(g,s):O(g,h+s):k?0===h?O(g,Math.max(s,0)):O(g,Math.max(h+s,0)):n&&(0===h?O(g,Math.min(s,0)):O(g,Math.min(h+s,0))),k&&(0===h?s>m&&(f.style.backgroundColor=l,O(k,Math.max(s-m,0))):(f.style.backgroundColor=s>0?l:"",O(k,Math.max(s,0)))),n&&(0===h?-s>p&&(f.style.backgroundColor=o,O(n,Math.min(-(-s-p),0))):(f.style.backgroundColor=s>0&&!k?"":o,O(n,Math.min(s,0))))):g&&(0===h&&s>0||h===i&&0>s)&&Math.abs(s)<=i&&O(g,h+s),t=s),r=requestAnimationFrame(function(){N()})},O=function(a,b){a&&(a.style.webkitTransform="translate3d("+b+"px,0,0)")},P=function(b,c){k&&(k.setAttribute("style",""),n&&n.setAttribute("style",""),b?(O(g,m),c&&a.trigger(g,"slideright"),d.classList.add(v)):(O(g,0),d.classList.remove(v)))},Q=function(b,c){n&&(n.setAttribute("style",""),k&&k.setAttribute("style",""),b?(O(g,-p),c&&a.trigger(g,"slideleft"),d.classList.add(v)):(O(g,0),d.classList.remove(v)))},R=function(a){g&&(a?(O(g,0),d.classList.add(v)):(O(g,i),d.classList.remove(v)))},S=function(b,c){q=!1,r&&(cancelAnimationFrame(r),r=null),f.setAttribute("style","");var d=Math.abs(s);if(b||!k&&!n)k||n||R(0===h?!(d>i/2):d>i/2);else if(s>0){var e=m/2;if(0!==h&&n&&(Q(!(d>=p/2),!1),e=m/2+p),k){var j=d>=e;k.classList.contains(E)?(k.setAttribute("style",""),O(g,0),j&&!c.swipe&&a.trigger(g,"slideright")):P(j,!0)}}else{var e=m/2;if(0!==h&&k&&(P(!(d>=m/2),!1),e=p/2+m),n){var j=d>=e;n.classList.contains(E)?(n.setAttribute("style",""),O(g,0),j&&!c.swipe&&a.trigger(g,"slideleft")):Q(j,!0)}}};b.addEventListener("touchstart",function(b){d=e=g=k=n=q=r=!1,s=t=h=i=m=p=0,l=o="";for(var u=b.target,A=!1;u&&u!==c;u=u.parentNode)if(u.classList){var B=u.classList;if(("INPUT"===u.tagName&&"radio"!==u.type&&"checkbox"!==u.type||"BUTTON"===u.tagName||B.contains(y)||B.contains(z)||B.contains(x))&&(A=!0),B.contains(w)){d=u;var C=d.parentNode.querySelector("."+v);if(C&&C!=d){C.classList.remove(v);var D=C.querySelector(G);if(D){var E=C.querySelector(H);E&&E.setAttribute("style","");var N=C.querySelector(I);N&&N.setAttribute("style",""),E||N?O(D,0):O(D,D.offsetWidth)}}var P=d.querySelector("a");if(P&&P.parentNode===d&&(e=P),f=d.querySelector(F),f&&f.parentNode===d){var Q=f.querySelector(G);if(Q){g=Q,i=g.offsetWidth,j=a.getStyles(g,"margin-left"),L=K;var R=f.querySelector(H);R&&(k=R,l=a.getStyles(R,"background-color"),m=R.offsetWidth);var S=f.querySelector(I);S&&(n=S,o=a.getStyles(S,"background-color"),p=S.offsetWidth),(k||n)&&(L=J);var T=a.getStyles(g,"webkitTransform"),U=a.parseTranslateMatrix(T);h=U?U.x:0}}A||M(!0);break}}}),b.addEventListener("touchmove",function(){M(!1)}),b.addEventListener("dragstart",function(a){if(g){var b=a.detail,c=b.direction,d=b.angle;if("left"===c){if((n||g)&&(d>150||-150>d)){if(!n&&k&&0===h)return;if(g&&!n&&!k&&0===h)return;q=!0}}else if("right"===c&&(k||g)&&d>-30&&30>d){if(!k&&n&&0===h)return;if(g&&!n&&!k&&h===i)return;q=!0}}}),b.addEventListener("drag",function(a){q&&(r||N(),s=a.detail.deltaX*L,a.detail.gesture.preventDefault())}),b.addEventListener("dragend",function(a){q&&S(!1,a.detail)}),b.addEventListener("swiperight",function(b){if(g){var c=!1;k&&!k.classList.contains(E)&&0===h?(P(!0,!0),c=!0):n&&0>h?(Q(!1,!1),c=!0):k||n||(c=!0),c&&(a.gestures.stoped=!0,b.stopImmediatePropagation(),S(!0,b.detail))}}),b.addEventListener("swipeleft",function(b){if(g){var c=!1;n&&!n.classList.contains(E)&&0===h?(Q(!0,!0),c=!0):k&&h>0?(P(!1,!1),c=!0):k||n||(c=!0),c&&(a.gestures.stoped=!0,b.stopImmediatePropagation(),S(!0,b.detail))}}),b.addEventListener("touchend",function(){d&&M(!1)}),b.addEventListener("touchcancel",function(){d&&M(!1)});var T=function(){var a=d.classList;if(a.contains("mui-radio")){var b=d.querySelector("input[type=radio]");b&&b.click()}else if(a.contains("mui-checkbox")){var b=d.querySelector("input[type=checkbox]");b&&b.click()}};b.addEventListener("doubletap",function(){d&&T()}),b.addEventListener("tap",function(){if(d){var b=!1,c=d.classList;if(c.contains("mui-collapse")){if(!c.contains(u)){var e=d.parentNode.querySelector(".mui-collapse.mui-active");e&&e.classList.remove(u),b=!0}c.toggle(u),b&&a.trigger(d,"expand")}T()}})}(mui,window,document),function(a,b){a.alert=function(c,d,e,f){if(a.os.plus){if(void 0===typeof c)return;"function"==typeof d?(f=d,d=null,e="确定"):"function"==typeof e&&(f=e,e=null),plus.nativeUI.alert(c,f,d,e)}else b.alert(c)}}(mui,window),function(a,b){a.confirm=function(c,d,e,f){if(a.os.plus){if(void 0===typeof c)return;"function"==typeof d?(f=d,d=null,e=null):"function"==typeof e&&(f=e,e=null),plus.nativeUI.confirm(c,f,d,e)}else b.confirm(c)}}(mui,window),function(a,b){a.prompt=function(c,d,e,f,g){if(a.os.plus){if(void 0===typeof message)return;"function"==typeof d?(g=d,d=null,e=null,f=null):"function"==typeof e?(g=e,e=null,f=null):"function"==typeof f&&(g=f,f=null),plus.nativeUI.prompt(c,g,e,d,f)}else b.prompt(c)}}(mui,window),function(a){a.toast=function(b){if(a.os.plus&&a.os.android)plus.nativeUI.toast(b,{verticalAlign:"bottom"});else{var c=document.createElement("div");c.classList.add("mui-toast-container"),c.innerHTML='<div class="mui-toast-message">'+b+"</div>",document.body.appendChild(c),setTimeout(function(){document.body.removeChild(c)},2e3)}}}(mui,window),function(a,b,c){var d="mui-icon",e="mui-icon-clear",f="mui-icon-speech",g="mui-icon-search",h="mui-input-row",i="mui-placeholder",j="mui-tooltip",k="mui-hidden",l="."+e,m="."+f,n="."+i,o="."+j,p=function(a){for(;a&&a!==c;a=a.parentNode)if(a.classList&&a.classList.contains(h))return a;return null},q=function(a,b){this.element=a,this.options=b||{actions:"clear"},~this.options.actions.indexOf("slider")?(this.sliderActionClass=j+" "+k,this.sliderActionSelector=o):(~this.options.actions.indexOf("clear")&&(this.clearActionClass=d+" "+e+(a.value?"":" "+k),this.clearActionSelector=l),~this.options.actions.indexOf("speech")&&(this.speechActionClass=d+" "+f,this.speechActionSelector=m),~this.options.actions.indexOf("search")&&(this.searchActionClass=i,this.searchActionSelector=n)),this.init()};q.prototype.init=function(){this.initAction(),this.initElementEvent()},q.prototype.initAction=function(){var a=this,b=a.element.parentNode;b&&(a.sliderActionClass?a.sliderAction=a.createAction(b,a.sliderActionClass,a.sliderActionSelector):(a.searchActionClass&&(a.searchAction=a.createAction(b,a.searchActionClass,a.searchActionSelector),a.searchAction.addEventListener("tap",function(){setTimeout(function(){a.element.focus()},0)})),a.speechActionClass&&(a.speechAction=a.createAction(b,a.speechActionClass,a.speechActionSelector),a.speechAction.addEventListener("click",function(a){a.stopPropagation()}),a.speechAction.addEventListener("tap",function(b){a.speechActionClick(b)})),a.clearActionClass&&(a.clearAction=a.createAction(b,a.clearActionClass,a.clearActionSelector),a.clearAction.addEventListener("tap",function(b){a.clearActionClick(b)}))))},q.prototype.createAction=function(a,b,e){var f=a.querySelector(e);if(!f){var f=c.createElement("span");f.className=b,b===this.searchActionClass&&(f.innerHTML='<span class="'+d+" "+g+'"></span>'+this.element.getAttribute("placeholder"),this.element.setAttribute("placeholder","")),a.insertBefore(f,this.element.nextSibling)}return f},q.prototype.initElementEvent=function(){var b=this.element;if(this.sliderActionClass){var c=this.sliderAction,d=b.offsetLeft,e=b.offsetWidth-28,f=c.offsetWidth,g=Math.abs(b.max-b.min),h=null,i=function(){c.classList.remove(k),f=f||c.offsetWidth;var a=Math.abs(b.value)/g*e;c.style.left=14+d+a-f/2+"px",c.innerText=b.value,h&&clearTimeout(h),h=setTimeout(function(){c.classList.add(k)},1e3)};b.addEventListener("input",i),b.addEventListener("tap",i)}else{if(this.clearActionClass){var j=this.clearAction;if(!j)return;a.each(["keyup","change","input","focus","blur","cut","paste"],function(a,c){!function(a){b.addEventListener(a,function(){j.classList[b.value.trim()?"remove":"add"](k)})}(c)})}this.searchActionClass&&(b.addEventListener("focus",function(){b.parentNode.classList.add("mui-active")}),b.addEventListener("blur",function(){b.value.trim()||b.parentNode.classList.remove("mui-active")}))}},q.prototype.clearActionClick=function(a){this.element.value="",this.element.focus(),this.clearAction.classList.add(k),a.preventDefault()},q.prototype.speechActionClick=function(a){if(b.plus){var c=this;c.element.value="",plus.speech.startRecognize({engine:"iFly"},function(a){c.element.value+=a,setTimeout(function(){c.element.focus()},0),plus.speech.stopRecognize()},function(){})}else alert("only for 5+");a.preventDefault()},a.fn.input=function(){this.each(function(){var b=[],c=p(this.parentNode);if("range"===this.type&&c.classList.contains("mui-input-range"))b.push("slider");else{var d=this.classList;d.contains("mui-input-clear")&&b.push("clear"),d.contains("mui-input-speech")&&b.push("speech"),"search"===this.type&&c.classList.contains("mui-search")&&b.push("search")}var e=this.getAttribute("data-input-"+b[0]);if(!e){e=++a.uuid,a.data[e]=new q(this,{actions:b.join(",")});for(var f=0,g=b.length;g>f;f++)this.setAttribute("data-input-"+b[f],e)}})}}(mui,window,document),function(a,b){a.back=function(){b.history.length>1&&("function"==typeof a.options.back?a.options.back()!==!1&&b.history.back():b.history.back())},b.addEventListener("tap",function(){var b=a.targets.action;b&&b.classList.contains("mui-action-back")&&a.back()}),b.addEventListener("swiperight",function(b){var c=b.detail;c.angle>-15&&c.angle<15&&a.options.swipeBack===!0&&a.back()})}(mui,window),function(a,b){a.back=function(){var c=!0,d=!1;if("function"==typeof a.options.back&&(d=a.options.back(),d===!1&&(c=!1)),c)if(b.plus){var e=a.currentWebview,f=e.parent();e.canBack(function(a){if(a.canBack)b.history.back();else{f&&(e=f);var c=e.opener();if(c){var d=c.parent();d&&(c=d),e.preload?e.hide("auto"):e.close()}else plus.runtime.quit()}})}else b.history.length>1?b.history.back():b.close()},a.menu=function(){var c=document.querySelector(".mui-action-menu");if(c)a.trigger(c,"tap");else if(b.plus){var d=a.currentWebview,e=d.parent();e&&e.evalJS("mui&&mui.menu();")}},a.plusReady(function(){plus.key.addEventListener("backbutton",function(){a.back()},!1),plus.key.addEventListener("menubutton",function(){a.menu()},!1)})}(mui,window);
\ No newline at end of file \ No newline at end of file
{
"appid":"HelloMUI",
"iOS":{
"version":"0.5.1",
"title":"Hello H5+(0.7.0)版本更新",
"note":"新增自动升级检测功能\n新增分享功能演示页面\n新增推送功能演示页面\n",
"url":"itms-apps://itunes.apple.com/cn/app/hello-h5+/id682211190?l=zh&mt=8"
},
"Android":{
"version":"0.5.1",
"title":"Hello H5+(0.7.0)版本更新",
"note":"新增自动升级检测功能\n新增分享功能演示页面\n新增推送功能演示页面\n",
"url":"http://d.m3w.cn/helloh5p/HelloH5.apk"
}
}
\ No newline at end of file
...@@ -22,34 +22,13 @@ ...@@ -22,34 +22,13 @@
<div class="mui-content"> <div class="mui-content">
<ul id="demos" class="mui-table-view mui-table-view-chevron"> <ul id="demos" class="mui-table-view mui-table-view-chevron">
<li class="mui-table-view-cell"> <li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/radio.html"> <a class="mui-navigate-right" href="examples/badges.html">
单选框(Radio) badge(数字角标)
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/checkbox.html">
复选框(checkbox)
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/switches.html">
开关(Switches)
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/range.html">
滑块(range)
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/inputs.html">
输入框(Input)
</a> </a>
</li> </li>
<li class="mui-table-view-cell mui-collapse"> <li class="mui-table-view-cell mui-collapse">
<a class="mui-navigate-right" href="#"> <a class="mui-navigate-right" href="#">
按钮(Buttons button(按钮
</a> </a>
<ul class="mui-table-view mui-table-view-chevron"> <ul class="mui-table-view mui-table-view-chevron">
<li class="mui-table-view-cell"> <li class="mui-table-view-cell">
...@@ -80,111 +59,88 @@ ...@@ -80,111 +59,88 @@
</ul> </ul>
</li> </li>
<li class="mui-table-view-cell"> <li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/badges.html"> <a class="mui-navigate-right" href="examples/checkbox.html">
数字角标(Badges checkbox(复选框
</a> </a>
</li> </li>
<li class="mui-table-view-cell"> <li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/icons.html"> <a class="mui-navigate-right" href="examples/dialog.html">
图标(Icons dialog(消息框
</a> </a>
</li> </li>
<li class="mui-table-view-cell mui-collapse"> <li class="mui-table-view-cell mui-collapse">
<a class="mui-navigate-right" href="#"> <a class="mui-navigate-right" href="#">
导航栏(Nav bar gallery slider(图片轮播
</a> </a>
<ul class="mui-table-view mui-table-view-chevron"> <ul class="mui-table-view mui-table-view-chevron">
<li class="mui-table-view-cell"> <li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/titlebar.html"> <a class="mui-navigate-right" href="examples/slider-default.html">
默认样式 默认样式
</a> </a>
</li> </li>
<!--<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/titlebar-with-search.html">
(待确认)导航条包含搜索框
</a>
</li>-->
<li class="mui-table-view-cell"> <li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/titlebar-with-buttons.html"> <a class="mui-navigate-right" href="examples/slider-with-title.html">
导航条包含按钮 下方悬浮标题
</a> </a>
</li> </li>
</ul>
</li>
<li class="mui-table-view-cell mui-collapse">
<a class="mui-navigate-right" href="#">
gallery table(图文表格)
</a>
<ul class="mui-table-view mui-table-view-chevron">
<li class="mui-table-view-cell"> <li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/titlebar-with-icons.html"> <a class="mui-navigate-right" href="examples/slider-table-default.html">
导航条包含ICON 默认样式
</a> </a>
</li> </li>
<li class="mui-table-view-cell"> <li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/titlebar-with-text-and-icons.html"> <a class="mui-navigate-right" href="examples/slider-table-pagination.html">
导航条同时包含文字和图标 左右滑动分页样式
</a> </a>
</li> </li>
<!--<li class="mui-table-view-cell"><a class="mui-navigate-right" href="examples/titlebar-with-webview-and-5+.html">Title bar with 5+(webview)</a></li>-->
<!--<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/titlebar-with-html5-and-5+.html">
5+创建的导航条
</a>
</li>-->
</ul> </ul>
</li> </li>
<li class="mui-table-view-cell mui-collapse"> <li class="mui-table-view-cell mui-collapse">
<a class="mui-navigate-right" href="#"> <a class="mui-navigate-right" href="#">
选项卡(Tab bar grid(9宫格
</a> </a>
<ul class="mui-table-view mui-table-view-chevron"> <ul class="mui-table-view mui-table-view-chevron">
<li class="mui-table-view-cell"> <li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/tabbar.html"> <a class="mui-navigate-right" href="examples/grid-default.html">
默认样式 默认样式
</a> </a>
</li> </li>
<!--<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/tabbar-with-anchor.html">
Tab bar with anchor
</a>
</li>-->
<li class="mui-table-view-cell"> <li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/tabbar-labels-only.html"> <a class="mui-navigate-right" href="examples/grid-pagination.html">
文字选项卡 左右滑动分页样式
</a> </a>
</li> </li>
<li class="mui-table-view-cell"> <li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/tabbar-with-submenus.html"> <a class="mui-navigate-right" href="examples/oa-grid.html">
含二级菜单的选项卡 高度自适应示例
</a> </a>
</li> </li>
</ul> </ul>
</li> </li>
<li class="mui-table-view-cell mui-collapse">
<a class="mui-navigate-right" href="#">
分段选择(Segmented control)
</a>
<ul class="mui-table-view mui-table-view-chevron">
<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/tab-with-segmented-control.html">
按钮式选项卡
</a>
</li>
<li class="mui-table-view-cell"> <li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/tab-with-viewpagerindicator.html"> <a class="mui-navigate-right" href="examples/icons.html">
可拖动选项卡(仿Android) icon(图标)
</a> </a>
</li> </li>
</ul>
</li>
<li class="mui-table-view-cell"> <li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/pagination.html"> <a class="mui-navigate-right" href="examples/inputs.html">
分页(Pagination input(输入框
</a> </a>
</li> </li>
<li class="mui-table-view-cell mui-collapse"> <li class="mui-table-view-cell mui-collapse">
<a class="mui-navigate-right" href="#"> <a class="mui-navigate-right" href="#">
列表(Table views list(列表
</a> </a>
<ul class="mui-table-view mui-table-view-chevron"> <ul class="mui-table-view mui-table-view-chevron">
<li class="mui-table-view-cell"> <li class="mui-table-view-cell">
...@@ -208,8 +164,8 @@ ...@@ -208,8 +164,8 @@
</a> </a>
</li> </li>
<li class="mui-table-view-cell"> <li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/tableviews-with-buttons.html"> <a class="mui-navigate-right" href="examples/list-with-input.html">
右侧带控件 列表带input类控件
</a> </a>
</li> </li>
<!--<li class="mui-table-view-cell"> <!--<li class="mui-table-view-cell">
...@@ -218,7 +174,7 @@ ...@@ -218,7 +174,7 @@
</a> </a>
</li>--> </li>-->
<li class="mui-table-view-cell"> <li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/oa-missives.html"> <a class="mui-navigate-right" href="examples/list-triplex-row.html">
三行列表 三行列表
</a> </a>
</li> </li>
...@@ -257,125 +213,108 @@ ...@@ -257,125 +213,108 @@
</ul> </ul>
</li> </li>
<li class="mui-table-view-cell mui-collapse">
<!--<li class="mui-table-view-cell mui-collapse">
<a class="mui-navigate-right" href="#"> <a class="mui-navigate-right" href="#">
表单(Forms) nav bar(导航栏)
</a> </a>
<ul class="mui-table-view mui-table-view-chevron"> <ul class="mui-table-view mui-table-view-chevron">
<li class="mui-table-view-cell"> <li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/forms.html"> <a class="mui-navigate-right" href="examples/titlebar.html">
Form 默认样式
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/forms-with-group.html">
Form with input group
</a> </a>
</li> </li>
<li class="mui-table-view-cell"> <!--<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/forms-with-group-and-labels.html"> <a class="mui-navigate-right" href="examples/titlebar-with-search.html">
Form with input group and labels (待确认)导航条包含搜索框
</a> </a>
</li>
</ul>
</li>--> </li>-->
<li class="mui-table-view-cell mui-collapse">
<a class="mui-navigate-right" href="">
弹出菜单(Popovers)
</a>
<ul class="mui-table-view mui-table-view-chevron">
<li class="mui-table-view-cell"> <li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/popovers.html"> <a class="mui-navigate-right" href="examples/titlebar-with-buttons.html">
Popovers 导航条包含按钮
</a> </a>
</li> </li>
<li class="mui-table-view-cell"> <li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/popovers-with-js-call.html"> <a class="mui-navigate-right" href="examples/titlebar-with-icons.html">
Popovers with js call 导航条包含ICON
</a> </a>
</li> </li>
<li class="mui-table-view-cell"> <li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/popovers-with-actionsheet.html"> <a class="mui-navigate-right" href="examples/titlebar-with-text-and-icons.html">
Popovers with action sheet 导航条同时包含文字和图标
</a> </a>
</li> </li>
<!--<li class="mui-table-view-cell"><a class="mui-navigate-right" href="examples/titlebar-with-webview-and-5+.html">Title bar with 5+(webview)</a></li>-->
<!--<li class="mui-table-view-cell"> <!--<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/popovers-with-cross-webviews.html"> <a class="mui-navigate-right" href="examples/titlebar-with-html5-and-5+.html">
Popovers with cross webviews 5+创建的导航条
</a> </a>
</li>--> </li>-->
</ul> </ul>
</li> </li>
<!--<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/modals.html">
弹出窗口(Modals)
</a>
</li>-->
<li class="mui-table-view-cell mui-collapse"> <li class="mui-table-view-cell mui-collapse">
<a class="mui-navigate-right" href="#"> <a class="mui-navigate-right" href="#">
图片轮播(Gallery slider off canvas(侧滑导航
</a> </a>
<ul class="mui-table-view mui-table-view-chevron"> <ul class="mui-table-view mui-table-view-chevron">
<li class="mui-table-view-cell"> <li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/slider-default.html"> <a class="mui-navigate-right" href="examples/offcanvas-left-plus-main.html">
默认样式 右滑菜单
</a> </a>
</li> </li>
<li class="mui-table-view-cell"> <li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/slider-with-title.html"> <a class="mui-navigate-right" href="examples/offcanvas-right-plus-main.html">
下方悬浮标题 左滑菜单
</a> </a>
</li> </li>
</ul> <li class="mui-table-view-cell ios-only">
</li> <a class="mui-navigate-right" href="examples/offcanvas-with-left.html">
<li class="mui-table-view-cell mui-collapse"> 可拖动式右滑菜单
<a class="mui-navigate-right" href="#">
图文表格(Gallery table)
</a>
<ul class="mui-table-view mui-table-view-chevron">
<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/slider-table-default.html">
默认样式
</a> </a>
</li> </li>
<li class="mui-table-view-cell"> <li class="mui-table-view-cell ios-only">
<a class="mui-navigate-right" href="examples/slider-table-pagination.html"> <a class="mui-navigate-right" href="examples/offcanvas-with-right.html">
左右滑动分页样式 可拖动式左滑菜单
</a> </a>
</li> </li>
</ul> </ul>
</li> </li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/pagination.html">
pagination(分页)
</a>
</li>
<li class="mui-table-view-cell mui-collapse"> <li class="mui-table-view-cell mui-collapse">
<a class="mui-navigate-right" href="#"> <a class="mui-navigate-right" href="">
9宫格(Grid popover(弹出菜单
</a> </a>
<ul class="mui-table-view mui-table-view-chevron"> <ul class="mui-table-view mui-table-view-chevron">
<li class="mui-table-view-cell"> <li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/grid-default.html"> <a class="mui-navigate-right" href="examples/popovers.html">
默认样式 popover
</a> </a>
</li> </li>
<li class="mui-table-view-cell"> <!--<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/grid-pagination.html"> <a class="mui-navigate-right" href="examples/popovers-with-js-call.html">
左右滑动分页样式
popover with js call
</a> </a>
</li> </li>-->
<li class="mui-table-view-cell"> <li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/oa-grid.html"> <a class="mui-navigate-right" href="examples/popovers-with-actionsheet.html">
高度自适应示例 popover with action sheet
</a> </a>
</li> </li>
<!--<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/popovers-with-cross-webviews.html">
Popovers with cross webviews
</a>
</li>-->
</ul> </ul>
</li> </li>
<li class="mui-table-view-cell mui-collapse" id="pull-refresh-h5"> <li class="mui-table-view-cell mui-collapse" id="pull-refresh-h5">
<a class="mui-navigate-right" href="#"> <a class="mui-navigate-right" href="#">
下(上)拉刷新 pull to refresh(下拉刷新)
</a> </a>
<ul class="mui-table-view mui-table-view-chevron"> <ul class="mui-table-view mui-table-view-chevron">
<li class="mui-table-view-cell "> <li class="mui-table-view-cell ">
...@@ -393,13 +332,11 @@ ...@@ -393,13 +332,11 @@
同时支持下拉和上拉 同时支持下拉和上拉
</a> </a>
</li> </li>
</ul> </ul>
</li> </li>
<li class="mui-table-view-cell mui-collapse" id="pull-refresh-pandora"> <li class="mui-table-view-cell mui-collapse" id="pull-refresh-pandora">
<a class="mui-navigate-right" href="#"> <a class="mui-navigate-right" href="#">
下拉刷新 pull to refresh(下拉刷新)
</a> </a>
<ul class="mui-table-view mui-table-view-chevron"> <ul class="mui-table-view mui-table-view-chevron">
<li class="mui-table-view-cell"> <li class="mui-table-view-cell">
...@@ -415,26 +352,112 @@ ...@@ -415,26 +352,112 @@
</ul> </ul>
</li> </li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/radio.html">
radio(单选框)
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/range.html">
range(滑块)
</a>
</li>
<li class="mui-table-view-cell mui-collapse"> <li class="mui-table-view-cell mui-collapse">
<a class="mui-navigate-right" href="#"> <a class="mui-navigate-right" href="#">
侧滑导航 segment(分段选择)
</a> </a>
<ul class="mui-table-view mui-table-view-chevron"> <ul class="mui-table-view mui-table-view-chevron">
<li class="mui-table-view-cell"> <li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/offcanvas-with-left.html"> <a class="mui-navigate-right" href="examples/tab-with-segmented-control.html">
Off Canvas(left) 按钮式选项卡
</a> </a>
</li> </li>
<li class="mui-table-view-cell"> <li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/offcanvas-with-right.html"> <a class="mui-navigate-right" href="examples/tab-with-viewpagerindicator.html">
Off Canvas(right) 可拖动选项卡(仿Android)
</a>
</li>
</ul>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/switches.html">
switch(开关)
</a>
</li>
<li class="mui-table-view-cell mui-collapse">
<a class="mui-navigate-right" href="#">
tab bar(选项卡)
</a>
<ul class="mui-table-view mui-table-view-chevron">
<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/tabbar.html">
默认样式
</a>
</li>
<!--<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/tabbar-with-anchor.html">
Tab bar with anchor
</a>
</li>-->
<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/tabbar-labels-only.html">
文字选项卡
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/tabbar-with-submenus.html">
含二级菜单的选项卡
</a> </a>
</li> </li>
</ul> </ul>
</li> </li>
<!--<li class="mui-table-view-cell mui-collapse">
<a class="mui-navigate-right" href="#">
表单(Forms)
</a>
<ul class="mui-table-view mui-table-view-chevron">
<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/forms.html">
Form
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/forms-with-group.html">
Form with input group
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/forms-with-group-and-labels.html">
Form with input group and labels
</a>
</li>
</ul>
</li>-->
<!--<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/modals.html">
弹出窗口(Modals)
</a>
</li>-->
<!--<li class="mui-table-view-cell"> <!--<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/preload.html"> <a class="mui-navigate-right" href="examples/preload.html">
预加载(Preload) 预加载(Preload)
</a> </a>
</li>--> </li>-->
<!--<li class="mui-table-view-cell mui-collapse"> <!--<li class="mui-table-view-cell mui-collapse">
...@@ -456,7 +479,7 @@ ...@@ -456,7 +479,7 @@
</li>--> </li>-->
<li class="mui-table-view-cell"> <li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/typography.html"> <a class="mui-navigate-right" href="examples/typography.html">
文字(Typography typography(文字
</a> </a>
</li> </li>
<!--<li class="mui-table-view-cell"> <!--<li class="mui-table-view-cell">
...@@ -545,6 +568,12 @@ ...@@ -545,6 +568,12 @@
document.getElementById('pull-refresh-pandora').style.display = "none"; document.getElementById('pull-refresh-pandora').style.display = "none";
} else if ($.os.android) { } else if ($.os.android) {
document.getElementById('pull-refresh-h5').style.display = "none"; document.getElementById('pull-refresh-h5').style.display = "none";
var list = document.querySelectorAll('.ios-only');
if(list){
for(var i=0;i<list.length;i++){
list[i].style.display = 'none';
}
}
} }
}); });
})(mui); })(mui);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment