diff --git a/.gitignore b/.gitignore index 5250e67..1b0d161 100644 --- a/.gitignore +++ b/.gitignore @@ -5,3 +5,4 @@ /public /node_modules /view/x +/config.json diff --git a/docs/index.html b/docs/index.html index 6918486..887ec37 100644 --- a/docs/index.html +++ b/docs/index.html @@ -90,9 +90,15 @@

快速开始

  • 提交代码,平台打包
  • 详细过程参见如何快速开发一款混合应用?

    + +

    命令行工具

    +

    npm i安装依赖

    +

    npm run init开启WiFi调试,默认端口8686

    +

    npm run sync增量同步,注意:init命令将持续占用命令行窗口,此时需要另开一个命令行窗口执行同步操作

    +

    npm run stop关闭WiFi调试

    +

    npm run build编译sdk/ui.less到sdk/ui.css

    配置

    -

    config.xml包含原生层面的所有配置,详情参考config.xml应用配置说明,另外如果需要应用内升级,请一定记得修改config.xml里的scheme值,否则IOS9以上系统无法升级

                 
    @@ -331,11 +337,7 @@ 

    Github

    直接下载:master.zip

    NPM

    npm i hybridstart

    -

    npm包依赖apicloud-cli,并集成最常用的WiFi同步功能:

    -

    npm i安装依赖

    -

    npm run init开启WiFi调试,默认端口8686

    -

    npm run sync增量同步,注意:init命令将持续占用命令行窗口,此时需要另开一个命令行窗口执行同步操作

    -

    npm run stop关闭WiFi调试

    +

    体验APP

    体验APP只提供安卓版本:小米应用商店 PP助手 diff --git a/package.json b/package.json index 9878ce0..c7d7197 100644 --- a/package.json +++ b/package.json @@ -9,7 +9,8 @@ "scripts": { "init": "apicloud wifiStart --port 8686", "sync": "apicloud wifiSync --project ./ --updateAll false --port 8686", - "stop": "apicloud wifiStop --port 8686" + "stop": "apicloud wifiStop --port 8686", + "build": "lessc --clean-css sdk/ui.less sdk/ui.css" }, "repository": { "type": "git", @@ -28,6 +29,8 @@ }, "homepage": "https://github.com/tower1229/HybridStart#readme", "dependencies": { - "apicloud-cli": "^0.2.0" + "apicloud-cli": "^0.2.0", + "less": "^2.7.3", + "less-plugin-clean-css": "^1.5.1" } } diff --git a/sdk/ui.css b/sdk/ui.css index b1b2be5..0fbe1f8 100644 --- a/sdk/ui.css +++ b/sdk/ui.css @@ -1,2310 +1 @@ -/* -* name: ui.less -* version: v1.0.0 -* update: build -* date: 2017-07-13 -*/ -/*图标字体*/ -@font-face { - font-family: 'iconfont'; - src: url('font/iconfont.ttf') format('truetype'), url('font/iconfont.svg#iconfont') format('svg'); -} -.ion { - font-family: 'iconfont' !important; - font-size: 1.1em; - font-style: normal; - display: inline-block; - color: inherit; - -webkit-font-smoothing: antialiased; -} -/* reset */ -::-webkit-scrollbar { - display: none; -} -html { - -webkit-user-select: none; - user-select: none; - font-family: sans-serif; - -webkit-text-size-adjust: 100%; - -webkit-user-drag: none; - -webkit-tap-highlight-color: transparent; -} -html, -body { - height: 100%; -} -html { - font-size: 15.625vw; -} -body { - width: 100%; - line-height: 1.7; - font-size: 0.26rem; - position: relative; - background: #f5f5f5; - overflow-x: hidden; - overflow-y: auto; - color: #333333; -} -body, -h1, -h2, -h3, -h4, -p, -ul, -ol, -dd, -dl, -form { - margin: 0; -} -img { - max-width: 100%; - height: auto; - vertical-align: top; - border: 0 ; -} -ul { - padding-left: 0; - list-style-type: none; -} -i, -em { - font-style: normal; -} -big { - font-size: 0.338rem; -} -small { - font-size: 0.2002rem; -} -a { - color: inherit; - text-decoration: none; -} -article, -aside, -dialog, -footer, -header, -section, -nav, -figure, -menu, -audio, -canvas, -progress, -video { - display: block; -} -input, -select, -button, -a, -textarea { - outline: 0; - margin: 0; - font-size: 100%; - border: 0; -} -table { - border-spacing: 0; - border-collapse: collapse; - background-color: transparent; -} -td, -th { - padding: 0; -} -/* - * grid - */ -.row { - display: block; - width: 102%; - transition: 0.2s width ease; - *zoom: 1; -} -.row:before, -.row:after { - display: table; - clear: both; - content: ''; -} -.row > [class*="span-"] { - float: left; - margin-right: 2%; - *margin-right: 1.89%; -} -.row > .span-1 { - width: 6.33333333%; -} -.row > .span-2 { - width: 14.66666667%; -} -.row > .span-3 { - width: 23%; -} -.row > .span-4 { - width: 31.33333333%; -} -.row > .span-5 { - width: 39.66666667%; -} -.row > .span-6 { - width: 48%; -} -.row > .span-7 { - width: 56.33333333%; -} -.row > .span-8 { - width: 64.66666667%; -} -.row > .span-9 { - width: 73%; -} -.row > .span-10 { - width: 81.33333333%; -} -.row > .span-11 { - width: 89.66666667%; -} -.row > .span-12 { - width: 98%; -} -.full-row { - width: 100%; - transition: 0.2s width ease; - *zoom: 1; -} -.full-row:before, -.full-row:after { - display: table; - clear: both; - content: ''; -} -.full-row > [class*='span'] { - float: left; -} -.full-row > .span-1 { - width: 8.33333333%; - *width: 8.22333333%; -} -.full-row > .span-2 { - width: 16.66666667%; - *width: 16.55666667%; -} -.full-row > .span-3 { - width: 25%; - *width: 24.89%; -} -.full-row > .span-4 { - width: 33.33333333%; - *width: 33.22333333%; -} -.full-row > .span-5 { - width: 41.66666667%; - *width: 41.55666667%; -} -.full-row > .span-6 { - width: 50%; - *width: 49.89%; -} -.full-row > .span-7 { - width: 58.33333333%; - *width: 58.22333333%; -} -.full-row > .span-8 { - width: 66.66666667%; - *width: 66.55666667%; -} -.full-row > .span-9 { - width: 75%; - *width: 74.89%; -} -.full-row > .span-10 { - width: 83.33333333%; - *width: 83.22333333%; -} -.full-row > .span-11 { - width: 91.66666667%; - *width: 91.55666667%; -} -.full-row > .span-12 { - width: 100%; - *width: 99.89%; -} -.row > .pull-right, -.full-row > .pull-right { - float: right; -} -.row > .center { - position: relative; - left: -1%; - display: block; - float: none; - clear: both; - margin-right: auto; - margin-left: auto; -} -.full-row > .center { - display: block; - float: none; - clear: both; - margin-right: auto; - margin-left: auto; -} -.pull-left-1 { - position: relative; - left: -8.33333333%; -} -.pull-left-2 { - position: relative; - left: -16.66666667%; -} -.pull-left-3 { - position: relative; - left: -25%; -} -.pull-left-4 { - position: relative; - left: -33.33333333%; -} -.pull-left-5 { - position: relative; - left: -41.66666667%; -} -.pull-left-6 { - position: relative; - left: -50%; -} -.pull-left-7 { - position: relative; - left: -58.33333333%; -} -.pull-left-8 { - position: relative; - left: -66.66666667%; -} -.pull-left-9 { - position: relative; - left: -75%; -} -.pull-left-10 { - position: relative; - left: -83.33333333%; -} -.pull-left-11 { - position: relative; - left: -91.66666667%; -} -.pull-left-12 { - position: relative; - left: -100%; -} -.pull-right-1 { - position: relative; - left: 8.33333333%; -} -.pull-right-2 { - position: relative; - left: 16.66666667%; -} -.pull-right-3 { - position: relative; - left: 25%; -} -.pull-right-4 { - position: relative; - left: 33.33333333%; -} -.pull-right-5 { - position: relative; - left: 41.66666667%; -} -.pull-right-6 { - position: relative; - left: 50%; -} -.pull-right-7 { - position: relative; - left: 58.33333333%; -} -.pull-right-8 { - position: relative; - left: 66.66666667%; -} -.pull-right-9 { - position: relative; - left: 75%; -} -.pull-right-10 { - position: relative; - left: 83.33333333%; -} -.pull-right-11 { - position: relative; - left: 91.66666667%; -} -.pull-right-12 { - position: relative; - left: 100%; -} -/** - * Button - * -------------------------------------------------- - */ -.btn { - position: relative; - overflow: hidden; - font-size: 0.26rem; - font-weight: normal; - line-height: 0.65rem; - height: 0.65rem; - display: inline-block; - margin-bottom: 0; - cursor: pointer; - box-sizing: border-box; - touch-action: manipulation; - min-width: 4em; - border-radius: 0.1rem; - user-select: none; - text-align: center; - vertical-align: middle; - white-space: nowrap; - border: 0; - padding: 0 1em; -} -.btn > .ion { - vertical-align: middle; - font-size: 1.1em; -} -.btn:active, -.btn.active { - outline: 0; - -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -} -.btn.disabled, -.btn[disabled], -fieldset[disabled] .btn { - cursor: not-allowed; - pointer-events: none; - opacity: 0.65; - -webkit-box-shadow: none; - box-shadow: none; - filter: alpha(opacity=65); -} -.btn-default { - color: #333333; - border-color: #dadada; - background-color: #eeeeee; -} -.btn-default:active, -.btn-default.active { - color: #fff; - border-color: #eeeeee; - background-color: #999999; -} -.btn-default.disabled, -.btn-default[disabled], -fieldset[disabled] .btn-default, -.btn-default.disabled:active, -.btn-default[disabled]:active, -fieldset[disabled] .btn-default:active, -.btn-default.disabled.active, -.btn-default[disabled].active, -fieldset[disabled] .btn-default.active { - border-color: #dadada; - background-color: #fff; -} -.btn-primary { - color: #fff; - background-color: #1d6fb8; -} -.btn-primary:active, -.btn-primary.active { - color: #fff !important; - border-color: #0f3a60; - background-color: #0f3a60; -} -.btn-primary.disabled, -.btn-primary[disabled], -fieldset[disabled] .btn-primary, -.btn-primary.disabled:active, -.btn-primary[disabled]:active, -fieldset[disabled] .btn-primary:active, -.btn-primary.disabled.active, -.btn-primary[disabled].active, -fieldset[disabled] .btn-primary.active { - border-color: #1d6fb8; - background-color: #1d6fb8; -} -.btn-success { - color: #fff; - background-color: #25ae88; -} -.btn-success:active, -.btn-success.active { - color: #fff !important; - border-color: #135a46; - background-color: #135a46; -} -.btn-success.disabled, -.btn-success[disabled], -fieldset[disabled] .btn-success, -.btn-success.disabled:active, -.btn-success[disabled]:active, -fieldset[disabled] .btn-success:active, -.btn-success.disabled.active, -.btn-success[disabled].active, -fieldset[disabled] .btn-success.active { - border-color: #25ae88; - background-color: #25ae88; -} -.btn-info { - color: #fff; - background-color: #4fcbf0; -} -.btn-info:active, -.btn-info.active { - color: #fff !important; - border-color: #119ec8; - background-color: #119ec8; -} -.btn-info.disabled, -.btn-info[disabled], -fieldset[disabled] .btn-info, -.btn-info.disabled:active, -.btn-info[disabled]:active, -fieldset[disabled] .btn-info:active, -.btn-info.disabled.active, -.btn-info[disabled].active, -fieldset[disabled] .btn-info.active { - border-color: #4fcbf0; - background-color: #4fcbf0; -} -.btn-warning { - color: #fff; - background-color: #f97d22; -} -.btn-warning:active, -.btn-warning.active { - color: #fff !important; - border-color: #b04d05; - background-color: #b04d05; -} -.btn-warning.disabled, -.btn-warning[disabled], -fieldset[disabled] .btn-warning, -.btn-warning.disabled:active, -.btn-warning[disabled]:active, -fieldset[disabled] .btn-warning:active, -.btn-warning.disabled.active, -.btn-warning[disabled].active, -fieldset[disabled] .btn-warning.active { - border-color: #dadada; - background-color: #f97d22; -} -.btn-danger { - color: #fff; - background-color: #fd7b6d; -} -.btn-danger:active, -.btn-danger.active { - color: #fff !important; - border-color: #fc2008; - background-color: #fc2008; -} -.btn-danger.disabled, -.btn-danger[disabled], -fieldset[disabled] .btn-danger, -.btn-danger.disabled:active, -.btn-danger[disabled]:active, -fieldset[disabled] .btn-danger:active, -.btn-danger.disabled.active, -.btn-danger[disabled].active, -fieldset[disabled] .btn-danger.active { - border-color: #fd7b6d; - background-color: #fd7b6d; -} -.btn-link { - background-color: transparent; - font-weight: normal; - color: #1d6fb8; - padding: 0; - white-space: normal; -} -.btn-link:active, -.btn-link.active, -.btn-link[disabled], -fieldset[disabled] .btn-link { - -webkit-box-shadow: none; - box-shadow: none; -} -.btn-link:active, -.btn-link.active { - text-decoration: underline; - color: #0f3a60; - border-color: transparent; -} -.btn-lg { - font-size: 0.338rem; - height: 0.845rem; - line-height: 0.845rem; - min-width: 7em; -} -.btn-sm { - font-size: 0.2002rem; - height: 0.4004rem; - line-height: 0.4004rem; -} -.btn-block { - display: block; - width: 100%; - padding-right: 0; - padding-left: 0; -} -.btn-block + .btn-block { - margin-top: 0.13rem; -} -.btn .jon, -.form-mark .jon { - line-height: 1.2; - margin: 0; - vertical-align: baseline; -} -input[type='submit'].btn-block, -input[type='reset'].btn-block, -input[type='button'].btn-block { - width: 100%; -} -.btn-ghost { - background: none; - border-color: inherit; - border: 1px solid transparent; -} -.btn-ghost.btn-primary { - border-color: #1d6fb8; -} -.btn-ghost.btn-success { - border-color: #25ae88; -} -.btn-ghost.btn-info { - border-color: #4fcbf0; -} -.btn-ghost.btn-warning { - border-color: #f97d22; -} -.btn-ghost.btn-danger { - border-color: #fd7b6d; -} -.btn-link.btn-ghost { - padding-left: 1em; - padding-right: 1em; -} -/** - * Card - * -------------------------------------------------- - */ -.card { - overflow: hidden; - margin: 0.39rem 0.26rem; - border-radius: 0.2rem; - background-color: #fff; - border: 1px solid #dadada; - padding: 0; -} -.card .item { - padding-right: 0.26rem; - padding-left: 0.26rem; -} -.card .item:last-child { - border-bottom: 0 !important; -} -.card .item-body { - margin-top: 0; -} -@media screen and (-webkit-min-device-pixel-ratio: 2) { - .card .item:last-child:before { - display: none !important; - } -} -.card-head { - position: relative; - line-height: 2.5em; - padding: 0 1em; - border-bottom: 1px solid #dadada; -} -.card-title { - overflow: hidden; - font-weight: 700; - padding: .2em 0; - width: 100%; - white-space: nowrap; - text-overflow: ellipsis; -} -.card-foot { - overflow: hidden; - line-height: 2.5em; - padding: 0 1em; - background-color: #eeeeee; -} -/** - * Badges - * -------------------------------------------------- - */ -.badge { - line-height: 1.2em; - display: inline-block; - margin: 0 .5em; - padding: .2em .6em; - text-align: center; - vertical-align: baseline; - white-space: nowrap; - color: #fff; - border-radius: 1.6em; - background: #999999; -} -.badge:empty { - display: none !important; -} -.badge-primary { - background: #0f3a60; -} -.badge-success { - background: #135a46; -} -.badge-info { - background: #119ec8; -} -.badge-warning { - background: #b04d05; -} -.badge-danger { - background: #fc2008; -} -/** - * Lists - * -------------------------------------------------- - */ -.list { - position: relative; - margin-bottom: 0.26rem; - padding: 0; - background: #fff; -} -.list:last-child { - margin-bottom: 0; -} -.list:last-child.card { - margin-bottom: 1.5em; -} -/** - * Items - * -------------------------------------------------- - */ -.item { - position: relative; - z-index: 2; - display: block; - box-sizing: border-box; - line-height: 1; - padding: 0.312rem; - border-bottom: 1px solid #dadada; - overflow: hidden; -} -.list .item:last-child { - border-bottom: 0; -} -/* active handle */ -.active-handle { - position: absolute; - width: 400px; - height: 400px; - border-radius: 200px; - background: #999999; - z-index: 0; - transform: scale(0); - opacity: .5; - transition: all ease-out 0.5s; -} -.active .active-handle { - transform: scale(1); - opacity: 0; -} -@media screen and (-webkit-min-device-pixel-ratio: 2) { - .item { - border-bottom: 0; - } - .item:before { - position: absolute; - right: 0; - bottom: 0; - left: 0; - height: 1px; - content: ''; - -webkit-transform: scaleY(0.5); - transform: scaleY(0.5); - background-color: #dadada; - z-index: 99; - } - .list .item:last-child:before { - display: none; - } -} -.item.item-lite { - padding: 0.208rem; -} -.item:empty { - display: none; -} -.item h2 { - line-height: 1.7; - font-size: 1.2em; - font-weight: normal; - margin: 0 0 .3em 0; - color: #333333; -} -.item h3 { - line-height: 1.7; - font-size: 1.1em; - font-weight: normal; - margin: 0 0 .3em 0; - color: #333333; -} -.item p { - margin-bottom: .3em; - opacity: .9; - line-height: 1.5; -} -.item.item-lite p { - margin-bottom: 0; -} -.item h1:last-child, -.item h2:last-child, -.item h3:last-child, -.item h4:last-child, -.item h5:last-child, -.item h6:last-child, -.item p:last-child { - margin-bottom: 0; -} -.item h1, -.item h2, -.item h3, -.item h4, -.item h5, -.item h6, -.item p { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; -} -.item-divider { - font-weight: 500; - margin: -1px 0 0 !important; - color: #222222; - background-color: #eeeeee; -} -.item-note { - position: absolute; - right: 0; - top: 0; - color: #999999; - font-size: .9em; - height: 100%; - padding-right: 0.26rem; - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - align-items: center; -} -input.item-note, -input.item-note[readonly] { - text-align: right; - color: #555555; -} -/** - * Item Icons - * -------------------------------------------------- - */ -.item-icon-left > .ion:first-child, -.item-icon-right > .ion:last-child { - font-size: 1.3em; - position: absolute; - z-index: 9; - height: 100%; - top: 0; - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - align-items: center; -} -.item-icon-left, -.item-icon-left.item-lite { - padding-left: 0.78rem; -} -.item-icon-left > .ion:first-child { - left: 0.26rem; - color: #1d6fb8; -} -.item-icon-right, -.item-icon-right.item-lite { - padding-right: 0.78rem; -} -.item-icon-right > .ion:last-child { - right: 0.26rem; - color: #999999; -} -.item-icon-right .item-note { - right: 0.78rem; -} -.item-icon-left.item-icon-right > .ion:first-child { - right: auto; -} -.item-icon-left.item-icon-right > .ion:last-child { - left: auto; -} -.item-icon-left .ion img { - width: 1.1em; - vertical-align: middle; -} -/** - * Item Button - * -------------------------------------------------- - */ -.item-button-left { - padding-left: 5em; -} -.item-button-left > .btn { - position: absolute; - top: .6em; - left: .8em; - display: -webkit-box; - display: -webkit-flex; - display: flex; - min-width: 2.8em; - -webkit-box-align: center; - -webkit-align-items: center; - align-items: center; -} -.item-button-right { - padding-right: 5em; -} -.item-button-right > .btn { - position: absolute; - top: 50%; - margin-top: -0.325rem; - right: 0; - display: -webkit-box; - display: -webkit-flex; - display: display: flex; - min-width: 2.8em; - max-width: 5em; - -webkit-box-align: center; - -webkit-align-items: center; - align-items: center; -} -.item-button-right > .btn .ion:before { - line-height: 2.5em; - position: relative; - left: auto; - width: auto; -} -/** - * Item Other - * -------------------------------------------------- - */ -.item-avatar { - min-height: 5.5em; - padding-left: 6em; -} -.item-avatar > img:first-child, -.item-avatar .item-image { - position: absolute; - top: 50%; - left: 1em; - width: 4em; - height: 4em; - border-radius: 50%; - overflow: hidden; - margin-top: -2em; - box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); -} -.item-avatar-right { - min-height: 5em; - padding-right: 5em; -} -.item-avatar-right > img:first-child, -.item-avatar-right .item-image { - position: absolute; - top: 50%; - right: 1em; - width: 4em; - height: 4em; - border-radius: 50%; - overflow: hidden; - margin-top: -2em; - box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); -} -.item-thumbnail { - min-height: 5em; - padding-top: .5em; - padding-bottom: .5em; - padding-left: 6em; -} -.item-thumbnail > img:first-child, -.item-thumbnail .item-image { - position: absolute; - top: .5em; - left: .5em; - width: 5em; - height: 3.75em; -} -.item-thumbnail-right { - min-height: 8em; - padding-top: .6em; - padding-right: 8em; -} -.item-thumbnail-right > img:first-child, -.item-thumbnail-right .item-image { - position: absolute; - top: .5em; - right: .5em; - width: 5em; - height: 3.75em; -} -.item-image { - padding: 0; - text-align: center; -} -.item-image img { - width: 100%; - height: 100%; -} -.item-body { - white-space: normal; - text-overflow: inherit; - margin-top: .5em; - color: #555555; -} -.item-body h1, -.item-body h2, -.item-body h3, -.item-body h4, -.item-body h5, -.item-body h6, -.item-body p { - white-space: normal; -} -.item .badge + .badge { - margin-left: .4em; -} -.item-badge .badge { - position: absolute; - top: 0.26rem; - right: 0.208rem; - display: -webkit-box; - display: -webkit-flex; - display: flex; -} -.item.item-icon-right .badge { - right: 0.624rem; -} -.item.item-divider .badge { - top: .64em; -} -.item.item-avatar .item-image .badge { - top: -0.5em; - right: -0.5em; -} -.item.item-button-right .badge { - right: 5em; -} -/** - * Form - * -------------------------------------------------- - */ -.item-input { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: flex; - overflow: hidden; - -webkit-box-align: center; - -webkit-align-items: center; - align-items: center; -} -.item-input input, -.item-input textarea { - margin: 0; - margin-right: 1em; - border-radius: 0; - -webkit-box-flex: 1; - -webkit-flex: 1; - flex: 1; - width: 100%; - -webkit-appearance: none; - appearance: none; - background-color: transparent; -} -.item-input input:last-child, -.item-input textarea:last-child { - margin-right: 0; -} -.item-input .btn .ion { - font-size: 1.3em; - position: static; - display: inline-block; - height: auto; - text-align: center; - -webkit-box-flex: 0; - -webkit-flex: 0 0 2em; - flex: 0 0 2em; -} -.item-input .ion { - min-width: 1em; -} -.item-input .input, -textarea { - display: block; - padding-top: 2px; - padding-left: 0; - vertical-align: middle; - color: inherit; - box-sizing: border-box; -} -textarea { - padding: 0; - width: 100%; -} -::-webkit-input-placeholder { - color: #aaa; -} -input[type='radio'], -input[type='checkbox'] { - line-height: normal; - margin: 0; -} -.item-input input[type='file'], -.item-input input[type='image'], -.item-input input[type='submit'], -.item-input input[type='reset'], -.item-input input[type='button'], -.item-input input[type='radio'], -.item-input input[type='checkbox'] { - width: auto; -} -input[type='file'] { - line-height: 2em; -} -input[disabled], -select[disabled], -textarea[disabled], -input[readonly], -textarea[readonly], -select[readonly] { - cursor: not-allowed; - color: #aaa; -} -input[type='radio'][disabled], -input[type='checkbox'][disabled], -input[type='radio'][readonly], -input[type='checkbox'][readonly] { - background-color: transparent; -} -.input-label { - display: table; - margin-right: .5em; - max-width: 50%; -} -.item-stacked-label { - display: block; - box-shadow: none; - padding: 0.26rem; -} -.item-stacked-label .input-label, -.item-stacked-label .ion { - display: inline-block; - padding: .3em 0 0 0; - vertical-align: middle; -} -.item-stacked-label input, -.item-stacked-label textarea { - padding: 0; - border: 0; - -webkit-border-radius: .1em; - border-radius: .1em; - margin-top: .5em; - overflow: hidden; -} -/** - * Checkbox - * -------------------------------------------------- - */ -.checkbox { - position: relative; - display: inline-block; - padding: .5em .5em; -} -.checkbox input { - position: relative; - display: block; - width: 1.5em; - height: 1.5em; - border: 0; - background: transparent; - -webkit-appearance: none; -} -.checkbox input:before { - border-color: #ccc; - box-sizing: border-box; - display: table; - width: 100%; - height: 100%; - content: ' '; - -webkit-transition: background-color 20ms ease-in-out; - transition: background-color 20ms ease-in-out; - border-width: 1px; - border-style: solid; - border-radius: 1.2em; - background: #fff; -} -.checkbox input:after { - position: absolute; - top: 26%; - left: 25%; - display: table; - width: .7em; - height: .4em; - content: ' '; - -webkit-transition: opacity 0.05s ease-in-out; - transition: opacity 0.05s ease-in-out; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); - opacity: 0; - border: 1px solid #fff; - border-top: 0; - border-right: 0; -} -.checkbox input:checked:before { - border-width: 2px; - border-color: #ddd; - background: #ddd; -} -.checkbox input:disabled:before { - border-color: #ddd; -} -.checkbox input:disabled:checked:before { - background: #ddd; -} -.checkbox input:checked:after { - opacity: 1; -} -.item-checkbox { - padding-left: 3em !important; -} -.item-checkbox.active { - box-shadow: none; -} -.item-checkbox .checkbox { - position: absolute; - z-index: 3; - top: 50%; - right: .5em; - left: .5em; - margin-top: -1.2em; -} -.item-checkbox.item-checkbox-right { - padding-right: 5em; - padding-left: 1.2em; -} -.item-checkbox-right .checkbox input { - float: right; -} -.checkbox-primary input:checked:before { - border-color: #1d6fb8; - background: #1d6fb8; -} -.checkbox-success input:checked:before { - border-color: #25ae88; - background: #25ae88; -} -.checkbox-info input:checked:before { - border-color: #4fcbf0; - background: #4fcbf0; -} -.checkbox-warning input:checked:before { - border-color: #f97d22; - background: #f97d22; -} -.checkbox-danger input:checked:before { - border-color: #fd7b6d; - background: #fd7b6d; -} -/** - * Radio Button Inputs - * -------------------------------------------------- - */ -.item-radio input { - position: relative; - display: inline-block; - width: 1.5em; - height: 1.5em; - border: 0; - background: transparent; - -webkit-appearance: none; - vertical-align: middle; -} -.item-radio input:before { - border-color: #ccc; - box-sizing: border-box; - display: block; - width: 100%; - height: 100%; - content: ' '; - -webkit-transition: background-color 20ms ease-in-out; - transition: background-color 20ms ease-in-out; - border-width: 1px; - border-style: solid; - border-radius: 50%; - background: #fff; -} -.item-radio input:after { - position: absolute; - top: 20%; - left: 20%; - width: 60%; - height: 60%; - content: ' '; - background: #777; - -webkit-transition: opacity 0.05s ease-in-out; - transition: opacity 0.05s ease-in-out; - opacity: 0; - border-radius: 50%; - overflow: hidden; -} -.item-radio input:checked:before { - border-color: #ddd; - background: #ddd; - border-width: 2px; -} -.item-radio input:checked:after { - opacity: 1; -} -.radio-primary input:checked:before { - border-color: #1d6fb8; -} -.radio-success input:checked:before { - border-color: #25ae88; -} -.radio-info input:checked:before { - border-color: #4fcbf0; -} -.radio-warning input:checked:before { - border-color: #f97d22; -} -.radio-danger input:checked:before { - border-color: #fd7b6d; -} -.radio-primary input:checked:after { - background: #1d6fb8; -} -.radio-success input:checked:after { - background: #25ae88; -} -.radio-info input:checked:after { - background: #4fcbf0; -} -.radio-warning input:checked:after { - background: #f97d22; -} -.radio-danger input:checked:after { - background: #fd7b6d; -} -/** - * Toggle/toggle-small - * -------------------------------------------------- - */ -.item-toggle { - pointer-events: none; -} -.toggle { - position: relative; - display: inline-block; - pointer-events: auto; -} -.toggle input:checked + .track { - border-color: #ddd; - background-color: #ddd; -} -.toggle input { - display: none; -} -.toggle .track { - display: inline-block; - box-sizing: border-box; - width: 1.04rem; - height: 0.416rem; - content: ' '; - margin: 0.052rem 0 0; - -webkit-transition-timing-function: ease-in-out; - transition-timing-function: ease-in-out; - -webkit-transition-duration: 0.3s; - transition-duration: 0.3s; - -webkit-transition-property: background-color, border; - transition-property: background-color, border; - pointer-events: none; - border: solid 2px #dadada; - border-radius: 1.2em; - background-color: #fff; -} -.toggle .handle { - position: absolute; - top: 0; - left: 0; - display: block; - width: 0.52rem; - height: 0.52rem; - -webkit-transition: 0.3s cubic-bezier(0, 1.1, 1, 1.1); - transition: 0.3s cubic-bezier(0, 1.1, 1, 1.1); - -webkit-transition-property: background-color, -webkit-transform; - transition-property: background-color, transform; - border-radius: 0.26rem; - background-color: #fff; - box-shadow: 0 2px 0.56em rgba(0, 0, 0, 0.35), 0 1px 1px rgba(0, 0, 0, 0.15); -} -.toggle .handle:before { - position: absolute; - top: -0.32em; - left: -1.8em; - padding: 1.5em 2.4em; - content: ' '; -} -.toggle input:checked + .track .handle { - -webkit-transform: translate3d(0.52rem, 0, 0); - transform: translate3d(0.52rem, 0, 0); - background-color: #fff; -} -.item-toggle.active { - box-shadow: none; -} -.item-toggle { - padding-right: 4em; -} -.item-toggle .toggle { - position: absolute; - z-index: 3; - top: 0.16rem; - right: 0.26rem; -} -.toggle input:disabled + .track { - opacity: 0.6; -} -.item-toggle .toggle-small { - top: 1.28em; -} -.toggle-small .track { - width: 2.72em; - height: 4.4em; - border: 0; - background: #9e9e9e; -} -.toggle-small .handle { - top: 2px; - left: .32em; - width: 1.28em; - height: 1.28em; - box-shadow: 0 2px 0.4em rgba(0, 0, 0, 0.25); -} -.toggle-small input:checked + .track .handle { - -webkit-transform: translate3d(1.28em, 0, 0); - transform: translate3d(1.28em, 0, 0); -} -.toggle-primary input:checked + .track { - border-color: #1d6fb8; - background-color: #1d6fb8; -} -.toggle-success input:checked + .track { - border-color: #25ae88; - background-color: #25ae88; -} -.toggle-info input:checked + .track { - border-color: #4fcbf0; - background-color: #4fcbf0; -} -.toggle-warning input:checked + .track { - border-color: #f97d22; - background-color: #f97d22; -} -.toggle-danger input:checked + .track { - border-color: #fd7b6d; - background-color: #fd7b6d; -} -/** - * Range - * -------------------------------------------------- - */ -.range input { - display: block; - overflow: hidden; - width: auto; - height: 3em; - margin-top: .4em; - margin-bottom: .4em; - padding-right: 2px; - padding-left: 1px; - outline: none; - margin-right: .8em; - margin-left: .8em; - -webkit-box-flex: 1; - -webkit-flex: 1; - flex: 1; - background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ccc), color-stop(100%, #ccc)); - background: -webkit-linear-gradient(left, #ccc 0%, #ccc 100%); - background: linear-gradient(to right, #ccc 0%, #ccc 100%); - background-repeat: no-repeat; - background-position: center; - background-size: 99% 2px; - -webkit-appearance: none; -} -.range input::-webkit-slider-thumb { - position: relative; - width: 2.5em; - height: 2.5em; - border: 0; - border-radius: 50%; - background-color: #fff; - box-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 3px 0.4em rgba(0, 0, 0, 0.2); - -webkit-appearance: none; -} -.range input::-webkit-slider-thumb:before { - position: absolute; - top: 1.25em; - left: -2001px; - width: 2000px; - height: 2px; - content: ' '; - background: #444; -} -.range input::-webkit-slider-thumb:after { - position: absolute; - top: -4em; - left: -4em; - padding: 2.4em; - content: ' '; -} -.range { - display: -webkit-box; - display: -webkit-flex; - display: flex; - padding: 2px 1em; - -webkit-box-align: center; - -webkit-align-items: center; - align-items: center; -} -.range .ion { - font-size: 1.8em; - display: block; - text-align: center; - -webkit-box-flex: 0; - -webkit-flex: 0; - flex: 0; -} -.range-label { - display: block; - white-space: nowrap; - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - flex: 0 0 auto; -} -.range-label:first-child { - padding-left: .4em; -} -.range input + .range-label { - padding-right: .4em; - padding-left: 0; -} -/* - * Select - */ -.item-select { - position: relative; -} -.item-select select { - -webkit-appearance: none; - appearance: none; - position: absolute; - top: 0; - bottom: 0; - right: 0.26rem; - padding: 0 2.4em 0 .8em; - max-width: 65%; - border: 0; - background: none; - color: #333333; - text-indent: .01px; - text-overflow: ''; - white-space: nowrap; - font-size: 1.1em; - cursor: pointer; - direction: rtl; -} -.item-select select:first-child { - position: relative; - max-width: none; - padding: 0; - float: right; -} -.item-select option { - direction: ltr; -} -.item-select:after { - position: absolute; - top: 50%; - right: 1.2em; - margin-top: -3px; - width: 0; - height: 0; - border-top: .4em solid; - border-right: .4em solid transparent; - border-left: .4em solid transparent; - color: #999999; - content: ""; - pointer-events: none; -} -select[multiple], -select[size] { - height: auto; -} -.item-select .item-note { - margin-right: 1.2em; -} -/* - * flex - * -------------------------------------------------- - */ -.flex-col { - overflow: hidden; - display: -webkit-box; - display: -webkit-flex; - display: flex; - flex-direction: column; - -webkit-box-orient: vertical; - -webkit-flex-direction: column; -} -.flex-row { - overflow: hidden; - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-orient: horizontal; -} -.flex-1 { - -webkit-box-flex: 1; - -webkit-flex: 1; - flex: 1; -} -.flex-2 { - -webkit-box-flex: 2; - -webkit-flex: 2; - flex: 2; -} -.flex-3 { - -webkit-box-flex: 3; - -webkit-flex: 3; - flex: 3; -} -.flex-4 { - -webkit-box-flex: 4; - -webkit-flex: 4; - flex: 4; -} -.align-stretch { - -webkit-box-align: stretch; - -webkit-align-items: stretch; - align-items: stretch; -} -.align-center { - -webkit-box-align: center; - -webkit-align-items: center; - align-items: center; -} -.justify-center { - -webkit-box-pack: center; - -webkit-justify-content: center; - justify-content: center; -} -.flex-wrap { - -webkit-flex-wrap: wrap; - flex-wrap: wrap; -} -/* 滚动区域 */ -.scroll_cont { - position: relative; - display: block; - overflow: hidden; - overflow-y: scroll; - box-sizing: border-box; - height: 100%; - -webkit-overflow-scrolling: touch; - z-index: 1; -} -/* - * Border 1px hack - * -------------------------------------------------- - */ -.border-t { - border-top: 1px solid #dadada; -} -.border-b { - border-bottom: 1px solid #dadada; -} -@media screen and (-webkit-min-device-pixel-ratio: 2) { - .border-t, - .border-b { - position: relative; - border: 0; - } - .border-t:before, - .border-b:after { - position: absolute; - right: 0; - left: 0; - height: 1px; - content: ''; - -webkit-transform: scaleY(0.5); - transform: scaleY(0.5); - background-color: #dadada; - } - .border-t:before { - top: 0; - } - .border-b:after { - bottom: 0; - } -} -/* - * Tools - * -------------------------------------------------- - */ -.fix { - *zoom: 1; - *clear: both; -} -.fix:before, -.fix:after { - display: table; - clear: both; - content: ''; -} -.oh { - overflow: hidden; - *zoom: 1; -} -.l { - float: left; -} -.r { - float: right; -} -.pr { - position: relative; -} -.pa { - position: absolute; -} -.tc { - text-align: center; -} -.tl { - text-align: left; -} -.tr { - text-align: right; -} -.el { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; -} -.hide { - display: none; -} -.hidetext { - font: 0/0 a; - letter-spacing: -99px; -} -.arr { - display: inline-block; - overflow: hidden; - width: 0; - height: 0; -} -.opc0 { - opacity: 0 ; - filter: alpha(opacity=0); -} -.big { - font-size: 1.2em; -} -.small { - font-size: .8em; -} -/* - * Rect - */ -*[class*="rect-"] { - position: relative; - display: block; - width: 100%; - height: 0; - overflow: hidden; -} -*[class*="rect-"] ._full { - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - *height: auto; -} -.rect-4854 { - padding-bottom: 48.54%; -} -.rect-50 { - padding-bottom: 50%; -} -.rect-5625 { - padding-bottom: 56.25%; -} -.rect-60 { - padding-bottom: 60%; -} -.rect-618 { - padding-bottom: 61.8%; -} -.rect-70 { - padding-bottom: 70%; -} -.rect-75 { - padding-bottom: 75%; -} -.rect-80 { - padding-bottom: 80%; -} -.rect-90 { - padding-bottom: 90%; -} -.rect-100 { - padding-bottom: 100%; -} -/* - * Space - * -------------------------------------------------- - */ -.m { - margin: 0.39rem; -} -.m-0 { - margin: 0; -} -.m-l { - margin-left: 0.39rem; -} -.m-t { - margin-top: 0.39rem; -} -.m-r { - margin-right: 0.39rem; -} -.m-b { - margin-bottom: 0.39rem; -} -.m-lr { - margin-left: 0.39rem; - margin-right: 0.39rem; -} -.m-tb { - margin-top: 0.39rem; - margin-bottom: 0.39rem; -} -.m-sm { - margin: 0.26rem; -} -.m-l-sm { - margin-left: 0.26rem; -} -.m-t-sm { - margin-top: 0.26rem; -} -.m-r-sm { - margin-right: 0.26rem; -} -.m-b-sm { - margin-bottom: 0.26rem; -} -.m-lr-sm { - margin-left: 0.26rem; - margin-right: 0.26rem; -} -.m-tb-sm { - margin-top: 0.26rem; - margin-bottom: 0.26rem; -} -.m-lg { - margin: 0.624rem; -} -.m-l-lg { - margin-left: 0.624rem; -} -.m-t-lg { - margin-top: 0.624rem; -} -.m-r-lg { - margin-right: 0.624rem; -} -.m-b-lg { - margin-bottom: 0.624rem; -} -.m-lr-lg { - margin-left: 0.624rem; - margin-right: 0.624rem; -} -.m-tb-lg { - margin-top: 0.624rem; - margin-bottom: 0.624rem; -} -.p { - padding: 0.39rem; -} -.p-0 { - padding: 0; -} -.p-l { - padding-left: 0.39rem; -} -.p-t { - padding-top: 0.39rem; -} -.p-r { - padding-right: 0.39rem; -} -.p-b { - padding-bottom: 0.39rem; -} -.p-lr { - padding-left: 0.39rem; - padding-right: 0.39rem; -} -.p-tb { - padding-top: 0.39rem; - padding-bottom: 0.39rem; -} -.p-sm { - padding: 0.26rem; -} -.p-l-sm { - padding-left: 0.26rem; -} -.p-t-sm { - padding-top: 0.26rem; -} -.p-r-sm { - padding-right: 0.26rem; -} -.p-b-sm { - padding-bottom: 0.26rem; -} -.p-lr-sm { - padding-left: 0.26rem; - padding-right: 0.26rem; -} -.p-tb-sm { - padding-top: 0.26rem; - padding-bottom: 0.26rem; -} -.p-lg { - padding: 0.624rem; -} -.p-l-lg { - padding-left: 0.624rem; -} -.p-t-lg { - padding-top: 0.624rem; -} -.p-r-lg { - padding-right: 0.624rem; -} -.p-b-lg { - padding-bottom: 0.624rem; -} -.p-lr-lg { - padding-left: 0.624rem; - padding-right: 0.624rem; -} -.p-tb-lg { - padding-top: 0.624rem; - padding-bottom: 0.624rem; -} -/* - * Color - * -------------------------------------------------- - */ -.text-muted { - color: #999999; -} -.text-black { - color: #000; -} -.text-light { - color: #fff; -} -.text-primary, -.btn-ghost.btn-primary { - color: #1d6fb8; -} -a.text-primary:hover { - color: #0f3a60; -} -.text-success, -.btn-ghost.btn-success { - color: #25ae88; -} -a.text-success:hover { - color: #135a46; -} -.text-info, -.btn-ghost.btn-info { - color: #4fcbf0; -} -a.text-info:hover { - color: #119ec8; -} -.text-warning, -.btn-ghost.btn-warning { - color: #f97d22; -} -a.text-warning:hover { - color: #b04d05; -} -.text-danger, -.btn-ghost.btn-danger { - color: #fd7b6d; -} -a.text-danger:hover { - color: #fc2008; -} -.bg-black { - background-color: #000; -} -.bg-light { - background-color: #fff; -} -.bg-gray-light { - background-color: #999999; -} -.bg-gray-lighter { - background-color: #eeeeee; -} -.bg-primary { - color: #fff; - background-color: #1d6fb8; -} -a.bg-primary:hover { - background-color: #0f3a60; -} -.bg-muted { - background: #eeeeee; -} -.bg-success { - color: #fff; - background-color: #25ae88; -} -a.bg-success:hover { - background-color: #135a46; -} -.bg-info { - color: #fff; - background-color: #4fcbf0; -} -a.bg-info:hover { - background-color: #119ec8; -} -.bg-warning { - color: #fff; - background-color: #f97d22; -} -a.bg-warning:hover { - background-color: #b04d05; -} -.bg-danger { - color: #fff; - background-color: #fd7b6d; -} -a.bg-danger:hover { - background-color: #fc2008; -} -/* 头部 */ -.head { - position: relative; - height: .8rem; - line-height: .8rem; - color: #fff; - background: #1d6fb8; - z-index: 99; -} -.head .title { - font-size: 1.2em; - width: 100%; - overflow: hidden; - text-align: center; - box-sizing: border-box; - padding: 0 13%; - white-space: nowrap; - text-overflow: ellipsis; -} -.head .btn { - position: absolute; - left: 0; - bottom: 0; - height: .8rem; - line-height: inherit; - z-index: 1; - min-width: initial; - padding: 0 .5em; - border: 0; - background: none; - box-shadow: none; - vertical-align: top; - color: inherit; -} -.head .ion { - font-size: 1.3em; - margin: 0; - vertical-align: middle; -} -.head .ion img { - width: 1.3em; - vertical-align: middle; -} -.head .btn:last-child { - left: auto; - right: 0; -} -.head .item-input-inset { - background: none; - border-bottom: 0; - padding: .5em 4em .5em 0; - font-size: .7em; - color: inherit; - border: 0; - margin-right: -13%; -} -.head .item-input-inset .btn:last-child { - margin: 0; - padding: 0 .7em; - z-index: 9; -} -/* 底部 */ -.foot { - position: relative; - background: #fff; - overflow: hidden; - z-index: 9; - font-size: 0.9em; -} -.tabs { - overflow: visible; - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-orient: horizontal; -} -.tabs .tab-item { - position: relative; - font-weight: 400; - text-align: center; - white-space: nowrap; - text-decoration: none; - text-overflow: ellipsis; - color: inherit; - color: #999999; - box-sizing: border-box; - padding: .5em 0; - -webkit-box-flex: 1; - -webkit-flex: 1; - flex: 1; - overflow: hidden; -} -.tabs .tab-item.cur { - opacity: 1; - color: #1d6fb8; -} -.tabs .tab-item .ion { - font-size: 1.5em; - margin: 0 .2em; -} -.tabs .tab-item .ion img { - height: 1.2em; - vertical-align: bottom; - margin-bottom: .1em; -} -.tabs-ion-top { - padding-top: .2em; -} -.tabs-ion-top .tab-item { - padding: 0; -} -.tabs-ion-top .tab-item .ion { - font-size: 2.2em; - vertical-align: top; - margin: 0; - line-height: 1.2; -} -.tabs-ion-top .tab-item .badge { - position: absolute; - right: 0; - top: -0.2em; - font-size: .8em; -} -.tabs-text .tab-item { - padding: 1em 0; - background: #fff; -} -/*占位图片*/ -img[data-src], -img[data-remote] { - min-height: 5em; - width: 100%; -} -img[data-remote] { - background: url(../res/img/prog.gif) center no-repeat #fff; - background-size: auto 50%; -} -/*空列表页面*/ -.listPlaceholder { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - align-items: center; - background: #eeeeee; -} -.listPlaceholder ._container { - width: 80%; - text-align: center; - line-height: 1.5; - margin-top: -15%; -} -.listPlaceholder ._icon { - color: #999999; - height: 2.5em; - border-bottom: 2px solid #dadada; - margin-bottom: 2.5em; -} -.listPlaceholder ._icon .ion { - font-size: 3.5em; - background: #eeeeee; -} -.listPlaceholder ._title { - font-size: 1.2em; -} -.listPlaceholder ._text { - margin-bottom: 1em; -} -.listPlaceholder ._bar { - position: absolute; - left: 0; - bottom: 1em; - width: 100%; - text-align: center; - color: #666; -} -.listPlaceholder ._bar a[href] { - color: #e70014; - text-decoration: underline; -} -/* 打开键盘时 */ -.onKeyboard { - overflow: hidden !important; -} -/* 占位内容块 */ -.block-holder { - background: #eeeeee !important; - color: #eeeeee !important; -} -img.block-holder { - opacity: 0; -} -/*图片上传组件*/ -.picControl { - padding: .8em 0 0 .8em; - overflow: hidden; -} -.picControl.bordered { - background: none; - border: 2px dashed #dadada; -} -.picControl ._pic { - position: relative; - float: left; - width: 4em; - height: 4em; - line-height: 4em; - text-align: center; - margin: 0 .8em .8em 0; -} -.picControl ._pic img { - max-height: 100%; -} -.picControl ._pic ._del { - position: absolute; - width: 1.44em; - height: 1.44em; - background: #e70014; - right: -0.72em; - top: -0.72em; - border-radius: 50%; - color: #fff; - text-align: center; - line-height: 1.44em; -} -.picControl ._pic ._del .ion { - margin: 0; -} -.picControl ._pic ._state { - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - background: rgba(0, 0, 0, 0.5); - color: #fff; - font-size: .8em; - white-space: nowrap; -} -.picControl ._adder { - float: left; - width: 4em; - height: 4em; - background: url(../res/img/add.png) no-repeat; - background-size: contain; - cursor: pointer; - margin: 0 .8em .8em 0; -} +@font-face{font-family:iconfont;src:url(font/iconfont.ttf) format('truetype'),url(font/iconfont.svg#iconfont) format('svg')}.ion{font-family:iconfont!important;font-size:1.1em;font-style:normal;display:inline-block;color:inherit;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{display:none}html{-webkit-user-select:none;user-select:none;font-family:sans-serif;-webkit-text-size-adjust:100%;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent}body,html{height:100%}html{font-size:15.625vw}body{width:100%;line-height:1.7;font-size:.26rem;position:relative;background:#f5f5f5;overflow-x:hidden;overflow-y:auto;color:#333}body,dd,dl,form,h1,h2,h3,h4,ol,p,ul{margin:0}img{max-width:100%;height:auto;vertical-align:top;border:0}ul{padding-left:0;list-style-type:none}em,i{font-style:normal}big{font-size:.338rem}small{font-size:.2002rem}a{color:inherit;text-decoration:none}article,aside,audio,canvas,dialog,figure,footer,header,menu,nav,progress,section,video{display:block}a,button,input,select,textarea{outline:0;margin:0;font-size:100%;border:0}table{border-spacing:0;border-collapse:collapse;background-color:transparent}td,th{padding:0}.row{display:block;width:102%;transition:.2s width ease}.row:after,.row:before{display:table;clear:both;content:''}.row>[class*=span-]{float:left;margin-right:2%}.row>.span-1{width:6.33333333%}.row>.span-2{width:14.66666667%}.row>.span-3{width:23%}.row>.span-4{width:31.33333333%}.row>.span-5{width:39.66666667%}.row>.span-6{width:48%}.row>.span-7{width:56.33333333%}.row>.span-8{width:64.66666667%}.row>.span-9{width:73%}.row>.span-10{width:81.33333333%}.row>.span-11{width:89.66666667%}.row>.span-12{width:98%}.full-row{width:100%;transition:.2s width ease}.full-row:after,.full-row:before{display:table;clear:both;content:''}.full-row>[class*=span]{float:left}.full-row>.span-1{width:8.33333333%}.full-row>.span-2{width:16.66666667%}.full-row>.span-3{width:25%}.full-row>.span-4{width:33.33333333%}.full-row>.span-5{width:41.66666667%}.full-row>.span-6{width:50%}.full-row>.span-7{width:58.33333333%}.full-row>.span-8{width:66.66666667%}.full-row>.span-9{width:75%}.full-row>.span-10{width:83.33333333%}.full-row>.span-11{width:91.66666667%}.full-row>.span-12{width:100%}.full-row>.pull-right,.row>.pull-right{float:right}.row>.center{position:relative;left:-1%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.center{display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.pull-left-1{position:relative;left:-8.33333333%}.pull-left-2{position:relative;left:-16.66666667%}.pull-left-3{position:relative;left:-25%}.pull-left-4{position:relative;left:-33.33333333%}.pull-left-5{position:relative;left:-41.66666667%}.pull-left-6{position:relative;left:-50%}.pull-left-7{position:relative;left:-58.33333333%}.pull-left-8{position:relative;left:-66.66666667%}.pull-left-9{position:relative;left:-75%}.pull-left-10{position:relative;left:-83.33333333%}.pull-left-11{position:relative;left:-91.66666667%}.pull-left-12{position:relative;left:-100%}.pull-right-1{position:relative;left:8.33333333%}.pull-right-2{position:relative;left:16.66666667%}.pull-right-3{position:relative;left:25%}.pull-right-4{position:relative;left:33.33333333%}.pull-right-5{position:relative;left:41.66666667%}.pull-right-6{position:relative;left:50%}.pull-right-7{position:relative;left:58.33333333%}.pull-right-8{position:relative;left:66.66666667%}.pull-right-9{position:relative;left:75%}.pull-right-10{position:relative;left:83.33333333%}.pull-right-11{position:relative;left:91.66666667%}.pull-right-12{position:relative;left:100%}.btn{position:relative;overflow:hidden;font-size:.26rem;font-weight:400;line-height:.65rem;height:.65rem;display:inline-block;margin-bottom:0;cursor:pointer;box-sizing:border-box;touch-action:manipulation;min-width:4em;border-radius:.1rem;user-select:none;text-align:center;vertical-align:middle;white-space:nowrap;border:0;padding:0 1em}.btn>.ion{vertical-align:middle;font-size:1.1em}.btn.active,.btn:active{outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;-webkit-box-shadow:none;box-shadow:none;filter:alpha(opacity=65)}.btn-default{color:#333;border-color:#dadada;background-color:#eee}.btn-default.active,.btn-default:active{color:#fff;border-color:#eee;background-color:#999}.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled:active,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled]:active,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default:active{border-color:#dadada;background-color:#fff}.btn-primary{color:#fff;background-color:#1d6fb8}.btn-primary.active,.btn-primary:active{color:#fff!important;border-color:#0f3a60;background-color:#0f3a60}.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled:active,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary:active{border-color:#1d6fb8;background-color:#1d6fb8}.btn-success{color:#fff;background-color:#25ae88}.btn-success.active,.btn-success:active{color:#fff!important;border-color:#135a46;background-color:#135a46}.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled:active,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled]:active,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success:active{border-color:#25ae88;background-color:#25ae88}.btn-info{color:#fff;background-color:#4fcbf0}.btn-info.active,.btn-info:active{color:#fff!important;border-color:#119ec8;background-color:#119ec8}.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled:active,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled]:active,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info:active{border-color:#4fcbf0;background-color:#4fcbf0}.btn-warning{color:#fff;background-color:#f97d22}.btn-warning.active,.btn-warning:active{color:#fff!important;border-color:#b04d05;background-color:#b04d05}.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled:active,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning:active{border-color:#dadada;background-color:#f97d22}.btn-danger{color:#fff;background-color:#fd7b6d}.btn-danger.active,.btn-danger:active{color:#fff!important;border-color:#fc2008;background-color:#fc2008}.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled:active,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger:active{border-color:#fd7b6d;background-color:#fd7b6d}.btn-link{background-color:transparent;font-weight:400;color:#1d6fb8;padding:0;white-space:normal}.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{-webkit-box-shadow:none;box-shadow:none}.btn-link.active,.btn-link:active{text-decoration:underline;color:#0f3a60;border-color:transparent}.btn-lg{font-size:.338rem;height:.845rem;line-height:.845rem;min-width:7em}.btn-sm{font-size:.2002rem;height:.4004rem;line-height:.4004rem}.btn-block{display:block;width:100%;padding-right:0;padding-left:0}.btn-block+.btn-block{margin-top:.13rem}.btn .jon,.form-mark .jon{line-height:1.2;margin:0;vertical-align:baseline}input[type=submit].btn-block,input[type=reset].btn-block,input[type=button].btn-block{width:100%}.btn-ghost{background:0 0;border-color:inherit;border:1px solid transparent}.btn-ghost.btn-primary{border-color:#1d6fb8}.btn-ghost.btn-success{border-color:#25ae88}.btn-ghost.btn-info{border-color:#4fcbf0}.btn-ghost.btn-warning{border-color:#f97d22}.btn-ghost.btn-danger{border-color:#fd7b6d}.btn-link.btn-ghost{padding-left:1em;padding-right:1em}.card{overflow:hidden;margin:.39rem .26rem;border-radius:.2rem;background-color:#fff;border:1px solid #dadada;padding:0}.card .item{padding-right:.26rem;padding-left:.26rem}.card .item:last-child{border-bottom:0!important}.card .item-body{margin-top:0}@media screen and (-webkit-min-device-pixel-ratio:2){.card .item:last-child:before{display:none!important}}.card-head{position:relative;line-height:2.5em;padding:0 1em;border-bottom:1px solid #dadada}.card-title{overflow:hidden;font-weight:700;padding:.2em 0;width:100%;white-space:nowrap;text-overflow:ellipsis}.card-foot{overflow:hidden;line-height:2.5em;padding:0 1em;background-color:#eee}.badge{line-height:1.2em;display:inline-block;margin:0 .5em;padding:.2em .6em;text-align:center;vertical-align:baseline;white-space:nowrap;color:#fff;border-radius:1.6em;background:#999}.badge:empty{display:none!important}.badge-primary{background:#0f3a60}.badge-success{background:#135a46}.badge-info{background:#119ec8}.badge-warning{background:#b04d05}.badge-danger{background:#fc2008}.list{position:relative;margin-bottom:.26rem;padding:0;background:#fff}.list:last-child{margin-bottom:0}.list:last-child.card{margin-bottom:1.5em}.item{position:relative;z-index:2;display:block;box-sizing:border-box;line-height:1;padding:.312rem;border-bottom:1px solid #dadada;overflow:hidden}.list .item:last-child{border-bottom:0}.active-handle{position:absolute;width:400px;height:400px;border-radius:200px;background:#999;z-index:0;transform:scale(0);opacity:.5;transition:all ease-out .5s}.active .active-handle{transform:scale(1);opacity:0}@media screen and (-webkit-min-device-pixel-ratio:2){.item{border-bottom:0}.item:before{position:absolute;right:0;bottom:0;left:0;height:1px;content:'';-webkit-transform:scaleY(.5);transform:scaleY(.5);background-color:#dadada;z-index:99}.list .item:last-child:before{display:none}}.item.item-lite{padding:.208rem}.item:empty{display:none}.item h2{line-height:1.7;font-size:1.2em;font-weight:400;margin:0 0 .3em 0;color:#333}.item h3{line-height:1.7;font-size:1.1em;font-weight:400;margin:0 0 .3em 0;color:#333}.item p{margin-bottom:.3em;opacity:.9;line-height:1.5}.item.item-lite p{margin-bottom:0}.item h1:last-child,.item h2:last-child,.item h3:last-child,.item h4:last-child,.item h5:last-child,.item h6:last-child,.item p:last-child{margin-bottom:0}.item h1,.item h2,.item h3,.item h4,.item h5,.item h6,.item p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.item-divider{font-weight:500;margin:-1px 0 0!important;color:#222;background-color:#eee}.item-note{position:absolute;right:0;top:0;color:#999;font-size:.9em;height:100%;padding-right:.26rem;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}input.item-note,input.item-note[readonly]{text-align:right;color:#555}.item-icon-left>.ion:first-child,.item-icon-right>.ion:last-child{font-size:1.3em;position:absolute;z-index:9;height:100%;top:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.item-icon-left,.item-icon-left.item-lite{padding-left:.78rem}.item-icon-left>.ion:first-child{left:.26rem;color:#1d6fb8}.item-icon-right,.item-icon-right.item-lite{padding-right:.78rem}.item-icon-right>.ion:last-child{right:.26rem;color:#999}.item-icon-right .item-note{right:.78rem}.item-icon-left.item-icon-right>.ion:first-child{right:auto}.item-icon-left.item-icon-right>.ion:last-child{left:auto}.item-icon-left .ion img{width:1.1em;vertical-align:middle}.item-button-left{padding-left:5em}.item-button-left>.btn{position:absolute;top:.6em;left:.8em;display:-webkit-box;display:-webkit-flex;display:flex;min-width:2.8em;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.item-button-right{padding-right:5em}.item-button-right>.btn{position:absolute;top:50%;margin-top:-.325rem;right:0;display:-webkit-box;display:-webkit-flex;display:display: flex;min-width:2.8em;max-width:5em;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.item-button-right>.btn .ion:before{line-height:2.5em;position:relative;left:auto;width:auto}.item-avatar{min-height:5.5em;padding-left:6em}.item-avatar .item-image,.item-avatar>img:first-child{position:absolute;top:50%;left:1em;width:4em;height:4em;border-radius:50%;overflow:hidden;margin-top:-2em;box-shadow:0 0 2px rgba(0,0,0,.3)}.item-avatar-right{min-height:5em;padding-right:5em}.item-avatar-right .item-image,.item-avatar-right>img:first-child{position:absolute;top:50%;right:1em;width:4em;height:4em;border-radius:50%;overflow:hidden;margin-top:-2em;box-shadow:1px 1px 2px rgba(0,0,0,.3)}.item-thumbnail{min-height:5em;padding-top:.5em;padding-bottom:.5em;padding-left:6em}.item-thumbnail .item-image,.item-thumbnail>img:first-child{position:absolute;top:.5em;left:.5em;width:5em;height:3.75em}.item-thumbnail-right{min-height:8em;padding-top:.6em;padding-right:8em}.item-thumbnail-right .item-image,.item-thumbnail-right>img:first-child{position:absolute;top:.5em;right:.5em;width:5em;height:3.75em}.item-image{padding:0;text-align:center}.item-image img{width:100%;height:100%}.item-body{white-space:normal;text-overflow:inherit;margin-top:.5em;color:#555}.item-body h1,.item-body h2,.item-body h3,.item-body h4,.item-body h5,.item-body h6,.item-body p{white-space:normal}.item .badge+.badge{margin-left:.4em}.item-badge .badge{position:absolute;top:.26rem;right:.208rem;display:-webkit-box;display:-webkit-flex;display:flex}.item.item-icon-right .badge{right:.624rem}.item.item-divider .badge{top:.64em}.item.item-avatar .item-image .badge{top:-.5em;right:-.5em}.item.item-button-right .badge{right:5em}.item-input{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;overflow:hidden;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.item-input input,.item-input textarea{margin:0;margin-right:1em;border-radius:0;-webkit-box-flex:1;-webkit-flex:1;flex:1;width:100%;-webkit-appearance:none;appearance:none;background-color:transparent}.item-input input:last-child,.item-input textarea:last-child{margin-right:0}.item-input .btn .ion{font-size:1.3em;position:static;display:inline-block;height:auto;text-align:center;-webkit-box-flex:0;-webkit-flex:0 0 2em;flex:0 0 2em}.item-input .ion{min-width:1em}.item-input .input,textarea{display:block;padding-top:2px;padding-left:0;vertical-align:middle;color:inherit;box-sizing:border-box}textarea{padding:0;width:100%}::-webkit-input-placeholder{color:#aaa}input[type=checkbox],input[type=radio]{line-height:normal;margin:0}.item-input input[type=checkbox],.item-input input[type=file],.item-input input[type=image],.item-input input[type=submit],.item-input input[type=reset],.item-input input[type=button],.item-input input[type=radio]{width:auto}input[type=file]{line-height:2em}input[disabled],input[readonly],select[disabled],select[readonly],textarea[disabled],textarea[readonly]{cursor:not-allowed;color:#aaa}input[type=checkbox][disabled],input[type=checkbox][readonly],input[type=radio][disabled],input[type=radio][readonly]{background-color:transparent}.input-label{display:table;margin-right:.5em;max-width:50%}.item-stacked-label{display:block;box-shadow:none;padding:.26rem}.item-stacked-label .input-label,.item-stacked-label .ion{display:inline-block;padding:.3em 0 0 0;vertical-align:middle}.item-stacked-label input,.item-stacked-label textarea{padding:0;border:0;-webkit-border-radius:.1em;border-radius:.1em;margin-top:.5em;overflow:hidden}.checkbox{position:relative;display:inline-block;padding:.5em .5em}.checkbox input{position:relative;display:block;width:1.5em;height:1.5em;border:0;background:0 0;-webkit-appearance:none}.checkbox input:before{border-color:#ccc;box-sizing:border-box;display:table;width:100%;height:100%;content:' ';-webkit-transition:background-color 20ms ease-in-out;transition:background-color 20ms ease-in-out;border-width:1px;border-style:solid;border-radius:1.2em;background:#fff}.checkbox input:after{position:absolute;top:26%;left:25%;display:table;width:.7em;height:.4em;content:' ';-webkit-transition:opacity 50ms ease-in-out;transition:opacity 50ms ease-in-out;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0;border:1px solid #fff;border-top:0;border-right:0}.checkbox input:checked:before{border-width:2px;border-color:#ddd;background:#ddd}.checkbox input:disabled:before{border-color:#ddd}.checkbox input:disabled:checked:before{background:#ddd}.checkbox input:checked:after{opacity:1}.item-checkbox{padding-left:3em!important}.item-checkbox.active{box-shadow:none}.item-checkbox .checkbox{position:absolute;z-index:3;top:50%;right:.5em;left:.5em;margin-top:-1.2em}.item-checkbox.item-checkbox-right{padding-right:5em;padding-left:1.2em}.item-checkbox-right .checkbox input{float:right}.checkbox-primary input:checked:before{border-color:#1d6fb8;background:#1d6fb8}.checkbox-success input:checked:before{border-color:#25ae88;background:#25ae88}.checkbox-info input:checked:before{border-color:#4fcbf0;background:#4fcbf0}.checkbox-warning input:checked:before{border-color:#f97d22;background:#f97d22}.checkbox-danger input:checked:before{border-color:#fd7b6d;background:#fd7b6d}.item-radio input{position:relative;display:inline-block;width:1.5em;height:1.5em;border:0;background:0 0;-webkit-appearance:none;vertical-align:middle}.item-radio input:before{border-color:#ccc;box-sizing:border-box;display:block;width:100%;height:100%;content:' ';-webkit-transition:background-color 20ms ease-in-out;transition:background-color 20ms ease-in-out;border-width:1px;border-style:solid;border-radius:50%;background:#fff}.item-radio input:after{position:absolute;top:20%;left:20%;width:60%;height:60%;content:' ';background:#777;-webkit-transition:opacity 50ms ease-in-out;transition:opacity 50ms ease-in-out;opacity:0;border-radius:50%;overflow:hidden}.item-radio input:checked:before{border-color:#ddd;background:#ddd;border-width:2px}.item-radio input:checked:after{opacity:1}.radio-primary input:checked:before{border-color:#1d6fb8}.radio-success input:checked:before{border-color:#25ae88}.radio-info input:checked:before{border-color:#4fcbf0}.radio-warning input:checked:before{border-color:#f97d22}.radio-danger input:checked:before{border-color:#fd7b6d}.radio-primary input:checked:after{background:#1d6fb8}.radio-success input:checked:after{background:#25ae88}.radio-info input:checked:after{background:#4fcbf0}.radio-warning input:checked:after{background:#f97d22}.radio-danger input:checked:after{background:#fd7b6d}.item-toggle{pointer-events:none}.toggle{position:relative;display:inline-block;pointer-events:auto}.toggle input:checked+.track{border-color:#ddd;background-color:#ddd}.toggle input{display:none}.toggle .track{display:inline-block;box-sizing:border-box;width:1.04rem;height:.416rem;content:' ';margin:.052rem 0 0;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background-color,border;transition-property:background-color,border;pointer-events:none;border:solid 2px #dadada;border-radius:1.2em;background-color:#fff}.toggle .handle{position:absolute;top:0;left:0;display:block;width:.52rem;height:.52rem;-webkit-transition:.3s cubic-bezier(0,1.1,1,1.1);transition:.3s cubic-bezier(0,1.1,1,1.1);-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,transform;border-radius:.26rem;background-color:#fff;box-shadow:0 2px .56em rgba(0,0,0,.35),0 1px 1px rgba(0,0,0,.15)}.toggle .handle:before{position:absolute;top:-.32em;left:-1.8em;padding:1.5em 2.4em;content:' '}.toggle input:checked+.track .handle{-webkit-transform:translate3d(.52rem,0,0);transform:translate3d(.52rem,0,0);background-color:#fff}.item-toggle.active{box-shadow:none}.item-toggle{padding-right:4em}.item-toggle .toggle{position:absolute;z-index:3;top:.16rem;right:.26rem}.toggle input:disabled+.track{opacity:.6}.item-toggle .toggle-small{top:1.28em}.toggle-small .track{width:2.72em;height:4.4em;border:0;background:#9e9e9e}.toggle-small .handle{top:2px;left:.32em;width:1.28em;height:1.28em;box-shadow:0 2px .4em rgba(0,0,0,.25)}.toggle-small input:checked+.track .handle{-webkit-transform:translate3d(1.28em,0,0);transform:translate3d(1.28em,0,0)}.toggle-primary input:checked+.track{border-color:#1d6fb8;background-color:#1d6fb8}.toggle-success input:checked+.track{border-color:#25ae88;background-color:#25ae88}.toggle-info input:checked+.track{border-color:#4fcbf0;background-color:#4fcbf0}.toggle-warning input:checked+.track{border-color:#f97d22;background-color:#f97d22}.toggle-danger input:checked+.track{border-color:#fd7b6d;background-color:#fd7b6d}.range input{display:block;overflow:hidden;width:auto;height:3em;margin-top:.4em;margin-bottom:.4em;padding-right:2px;padding-left:1px;outline:0;margin-right:.8em;margin-left:.8em;-webkit-box-flex:1;-webkit-flex:1;flex:1;background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#ccc),color-stop(100%,#ccc));background:-webkit-linear-gradient(left,#ccc 0,#ccc 100%);background:linear-gradient(to right,#ccc 0,#ccc 100%);background-repeat:no-repeat;background-position:center;background-size:99% 2px;-webkit-appearance:none}.range input::-webkit-slider-thumb{position:relative;width:2.5em;height:2.5em;border:0;border-radius:50%;background-color:#fff;box-shadow:0 0 2px rgba(0,0,0,.3),0 3px .4em rgba(0,0,0,.2);-webkit-appearance:none}.range input::-webkit-slider-thumb:before{position:absolute;top:1.25em;left:-2001px;width:2000px;height:2px;content:' ';background:#444}.range input::-webkit-slider-thumb:after{position:absolute;top:-4em;left:-4em;padding:2.4em;content:' '}.range{display:-webkit-box;display:-webkit-flex;display:flex;padding:2px 1em;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.range .ion{font-size:1.8em;display:block;text-align:center;-webkit-box-flex:0;-webkit-flex:0;flex:0}.range-label{display:block;white-space:nowrap;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto}.range-label:first-child{padding-left:.4em}.range input+.range-label{padding-right:.4em;padding-left:0}.item-select{position:relative}.item-select select{-webkit-appearance:none;appearance:none;position:absolute;top:0;bottom:0;right:.26rem;padding:0 2.4em 0 .8em;max-width:65%;border:0;background:0 0;color:#333;text-indent:.01px;text-overflow:'';white-space:nowrap;font-size:1.1em;cursor:pointer;direction:rtl}.item-select select:first-child{position:relative;max-width:none;padding:0;float:right}.item-select option{direction:ltr}.item-select:after{position:absolute;top:50%;right:1.2em;margin-top:-3px;width:0;height:0;border-top:.4em solid;border-right:.4em solid transparent;border-left:.4em solid transparent;color:#999;content:"";pointer-events:none}select[multiple],select[size]{height:auto}.item-select .item-note{margin-right:1.2em}.flex-col{overflow:hidden;display:-webkit-box;display:-webkit-flex;display:flex;flex-direction:column;-webkit-box-orient:vertical;-webkit-flex-direction:column}.flex-row{overflow:hidden;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal}.flex-1{-webkit-box-flex:1;-webkit-flex:1;flex:1}.flex-2{-webkit-box-flex:2;-webkit-flex:2;flex:2}.flex-3{-webkit-box-flex:3;-webkit-flex:3;flex:3}.flex-4{-webkit-box-flex:4;-webkit-flex:4;flex:4}.align-stretch{-webkit-box-align:stretch;-webkit-align-items:stretch;align-items:stretch}.align-center{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.justify-center{-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.flex-wrap{-webkit-flex-wrap:wrap;flex-wrap:wrap}.scroll_cont{position:relative;display:block;overflow:hidden;overflow-y:scroll;box-sizing:border-box;height:100%;-webkit-overflow-scrolling:touch;z-index:1}.border-t{border-top:1px solid #dadada}.border-b{border-bottom:1px solid #dadada}@media screen and (-webkit-min-device-pixel-ratio:2){.border-b,.border-t{position:relative;border:0}.border-b:after,.border-t:before{position:absolute;right:0;left:0;height:1px;content:'';-webkit-transform:scaleY(.5);transform:scaleY(.5);background-color:#dadada}.border-t:before{top:0}.border-b:after{bottom:0}}.fix:after,.fix:before{display:table;clear:both;content:''}.oh{overflow:hidden}.l{float:left}.r{float:right}.pr{position:relative}.pa{position:absolute}.tc{text-align:center}.tl{text-align:left}.tr{text-align:right}.el{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hide{display:none}.hidetext{font:0/0 a;letter-spacing:-99px}.arr{display:inline-block;overflow:hidden;width:0;height:0}.opc0{opacity:0;filter:alpha(opacity=0)}.big{font-size:1.2em}.small{font-size:.8em}[class*=rect-]{position:relative;display:block;width:100%;height:0;overflow:hidden}[class*=rect-] ._full{position:absolute;left:0;top:0;width:100%;height:100%}.rect-4854{padding-bottom:48.54%}.rect-50{padding-bottom:50%}.rect-5625{padding-bottom:56.25%}.rect-60{padding-bottom:60%}.rect-618{padding-bottom:61.8%}.rect-70{padding-bottom:70%}.rect-75{padding-bottom:75%}.rect-80{padding-bottom:80%}.rect-90{padding-bottom:90%}.rect-100{padding-bottom:100%}.m{margin:.39rem}.m-0{margin:0}.m-l{margin-left:.39rem}.m-t{margin-top:.39rem}.m-r{margin-right:.39rem}.m-b{margin-bottom:.39rem}.m-lr{margin-left:.39rem;margin-right:.39rem}.m-tb{margin-top:.39rem;margin-bottom:.39rem}.m-sm{margin:.26rem}.m-l-sm{margin-left:.26rem}.m-t-sm{margin-top:.26rem}.m-r-sm{margin-right:.26rem}.m-b-sm{margin-bottom:.26rem}.m-lr-sm{margin-left:.26rem;margin-right:.26rem}.m-tb-sm{margin-top:.26rem;margin-bottom:.26rem}.m-lg{margin:.624rem}.m-l-lg{margin-left:.624rem}.m-t-lg{margin-top:.624rem}.m-r-lg{margin-right:.624rem}.m-b-lg{margin-bottom:.624rem}.m-lr-lg{margin-left:.624rem;margin-right:.624rem}.m-tb-lg{margin-top:.624rem;margin-bottom:.624rem}.p{padding:.39rem}.p-0{padding:0}.p-l{padding-left:.39rem}.p-t{padding-top:.39rem}.p-r{padding-right:.39rem}.p-b{padding-bottom:.39rem}.p-lr{padding-left:.39rem;padding-right:.39rem}.p-tb{padding-top:.39rem;padding-bottom:.39rem}.p-sm{padding:.26rem}.p-l-sm{padding-left:.26rem}.p-t-sm{padding-top:.26rem}.p-r-sm{padding-right:.26rem}.p-b-sm{padding-bottom:.26rem}.p-lr-sm{padding-left:.26rem;padding-right:.26rem}.p-tb-sm{padding-top:.26rem;padding-bottom:.26rem}.p-lg{padding:.624rem}.p-l-lg{padding-left:.624rem}.p-t-lg{padding-top:.624rem}.p-r-lg{padding-right:.624rem}.p-b-lg{padding-bottom:.624rem}.p-lr-lg{padding-left:.624rem;padding-right:.624rem}.p-tb-lg{padding-top:.624rem;padding-bottom:.624rem}.text-muted{color:#999}.text-black{color:#000}.text-light{color:#fff}.btn-ghost.btn-primary,.text-primary{color:#1d6fb8}a.text-primary:hover{color:#0f3a60}.btn-ghost.btn-success,.text-success{color:#25ae88}a.text-success:hover{color:#135a46}.btn-ghost.btn-info,.text-info{color:#4fcbf0}a.text-info:hover{color:#119ec8}.btn-ghost.btn-warning,.text-warning{color:#f97d22}a.text-warning:hover{color:#b04d05}.btn-ghost.btn-danger,.text-danger{color:#fd7b6d}a.text-danger:hover{color:#fc2008}.bg-black{background-color:#000}.bg-light{background-color:#fff}.bg-gray-light{background-color:#999}.bg-gray-lighter{background-color:#eee}.bg-primary{color:#fff;background-color:#1d6fb8}a.bg-primary:hover{background-color:#0f3a60}.bg-muted{background:#eee}.bg-success{color:#fff;background-color:#25ae88}a.bg-success:hover{background-color:#135a46}.bg-info{color:#fff;background-color:#4fcbf0}a.bg-info:hover{background-color:#119ec8}.bg-warning{color:#fff;background-color:#f97d22}a.bg-warning:hover{background-color:#b04d05}.bg-danger{color:#fff;background-color:#fd7b6d}a.bg-danger:hover{background-color:#fc2008}.head{position:relative;height:.8rem;line-height:.8rem;color:#fff;background:#1d6fb8;z-index:99}.head .title{font-size:1.2em;width:100%;overflow:hidden;text-align:center;box-sizing:border-box;padding:0 13%;white-space:nowrap;text-overflow:ellipsis}.head .btn{position:absolute;left:0;bottom:0;height:.8rem;line-height:inherit;z-index:1;min-width:initial;padding:0 .5em;border:0;background:0 0;box-shadow:none;vertical-align:top;color:inherit}.head .ion{font-size:1.3em;margin:0;vertical-align:middle}.head .ion img{width:1.3em;vertical-align:middle}.head .btn:last-child{left:auto;right:0}.head .item-input-inset{background:0 0;border-bottom:0;padding:.5em 4em .5em 0;font-size:.7em;color:inherit;border:0;margin-right:-13%}.head .item-input-inset .btn:last-child{margin:0;padding:0 .7em;z-index:9}.foot{position:relative;background:#fff;overflow:hidden;z-index:9;font-size:.9em}.tabs{overflow:visible;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal}.tabs .tab-item{position:relative;font-weight:400;text-align:center;white-space:nowrap;text-decoration:none;text-overflow:ellipsis;color:inherit;color:#999;box-sizing:border-box;padding:.5em 0;-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:hidden}.tabs .tab-item.cur{opacity:1;color:#1d6fb8}.tabs .tab-item .ion{font-size:1.5em;margin:0 .2em}.tabs .tab-item .ion img{height:1.2em;vertical-align:bottom;margin-bottom:.1em}.tabs-ion-top{padding-top:.2em}.tabs-ion-top .tab-item{padding:0}.tabs-ion-top .tab-item .ion{font-size:2.2em;vertical-align:top;margin:0;line-height:1.2}.tabs-ion-top .tab-item .badge{position:absolute;right:0;top:-.2em;font-size:.8em}.tabs-text .tab-item{padding:1em 0;background:#fff}img[data-remote],img[data-src]{min-height:5em;width:100%}img[data-remote]{background:url(../res/img/prog.gif) center no-repeat #fff;background-size:auto 50%}.listPlaceholder{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background:#eee}.listPlaceholder ._container{width:80%;text-align:center;line-height:1.5;margin-top:-15%}.listPlaceholder ._icon{color:#999;height:2.5em;border-bottom:2px solid #dadada;margin-bottom:2.5em}.listPlaceholder ._icon .ion{font-size:3.5em;background:#eee}.listPlaceholder ._title{font-size:1.2em}.listPlaceholder ._text{margin-bottom:1em}.listPlaceholder ._bar{position:absolute;left:0;bottom:1em;width:100%;text-align:center;color:#666}.listPlaceholder ._bar a[href]{color:#e70014;text-decoration:underline}.onKeyboard{overflow:hidden!important}.block-holder{background:#eee!important;color:#eee!important}img.block-holder{opacity:0}.picControl{padding:.8em 0 0 .8em;overflow:hidden}.picControl.bordered{background:0 0;border:2px dashed #dadada}.picControl ._pic{position:relative;float:left;width:4em;height:4em;line-height:4em;text-align:center;margin:0 .8em .8em 0}.picControl ._pic img{max-height:100%}.picControl ._pic ._del{position:absolute;width:1.44em;height:1.44em;background:#e70014;right:-.72em;top:-.72em;border-radius:50%;color:#fff;text-align:center;line-height:1.44em}.picControl ._pic ._del .ion{margin:0}.picControl ._pic ._state{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);color:#fff;font-size:.8em;white-space:nowrap}.picControl ._adder{float:left;width:4em;height:4em;background:url(../res/img/add.png) no-repeat;background-size:contain;cursor:pointer;margin:0 .8em .8em 0} \ No newline at end of file