a, ins {
    text-decoration: none
}

.btn, .pr {
    position: relative
}

.input, .select, .switch, button.btn, input.btn {
    -webkit-appearance: none
}

.btn, .cells, .uploader-bd {
    overflow: hidden
}

.article *, .imgauto {
    max-width: 100%
}

.article *, .label {
    word-wrap: break-word
}

.article *, .btn, .btn:after, .switch, .tab-bd {
    box-sizing: border-box
}

.uploader-files, ul {
    list-style: none
}

.dialog-bd, .label {
    word-break: break-all
}

abbr, article, aside, blockquote, body, command, dd, details, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, input, li, mark, meter, nav, ol, output, p, pre, progress, section, summary, td, time, ul {
    margin: 0;
    padding: 0
}

address, caption, cite, code, em, figcaption, h1, h2, h3, h4, h5, h6, pre, th {
    font-weight: 400;
    font-style: normal
}

fieldset, iframe {
    border: none
}

caption, th {
    text-align: left
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
    display: block
}

.db {
    display: -ms-flexbox;
    display: flex
}

.fx1 {
    -ms-flex: 1;
    flex: 1
}

.fx2 {
    -ms-flex: 2;
    flex: 2
}

.fx3 {
    -ms-flex: 3;
    flex: 3
}

.v {
    -ms-flex-direction: column;
    flex-direction: column
}

.vh {
    box-align: center
}

.vm {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.mt-xs {
    margin-top: 2.5px
}

.mt-sm {
    margin-top: 5px
}

.mt-md {
    margin-top: 10px
}

.mt-lg {
    margin-top: 15px
}

.mt-xlg {
    margin-top: 20px
}

.mb-xs {
    margin-bottom: 2.5px
}

.mb-sm {
    margin-bottom: 5px
}

.mb-md {
    margin-bottom: 10px
}

.mb-lg {
    margin-bottom: 15px
}

.mb-xlg {
    margin-bottom: 20px
}

.ml-xs {
    margin-left: 2.5px
}

.ml-sm {
    margin-left: 5px
}

.ml-md {
    margin-left: 10px
}

.ml-lg {
    margin-left: 15px
}

.ml-xlg {
    margin-left: 20px
}

.mr-xs {
    margin-right: 2.5px
}

.mr-sm {
    margin-right: 5px
}

.mr-md {
    margin-right: 10px
}

.mr-lg {
    margin-right: 15px
}

.mr-xlg {
    margin-right: 20px
}

.m-xs {
    margin: 2.5px
}

.m-sm {
    margin: 5px
}

.m-md {
    margin: 10px
}

.m-lg {
    margin: 15px
}

.m-xlg {
    margin: 20px
}

.pt-xs {
    padding-top: 2.5px
}

.pt-sm {
    padding-top: 5px
}

.pt-md {
    padding-top: 10px
}

.pt-lg {
    padding-top: 15px
}

.pt-xlg {
    padding-top: 20px
}

.pb-xs {
    padding-bottom: 2.5px
}

.pb-sm {
    padding-bottom: 5px
}

.pb-md {
    padding-bottom: 10px
}

.pb-lg {
    padding-bottom: 15px
}

.pb-xlg {
    padding-bottom: 20px
}

.pl-xs {
    padding-left: 2.5px
}

.pl-sm {
    padding-left: 5px
}

.pl-md {
    padding-left: 10px
}

.pl-lg {
    padding-left: 15px
}

.pl-xlg {
    padding-left: 20px
}

.pr-xs {
    padding-right: 2.5px
}

.pr-sm {
    padding-right: 5px
}

.pr-md {
    padding-right: 10px
}

.pr-lg {
    padding-right: 15px
}

.pr-xlg {
    padding-right: 20px
}

.p-xs {
    padding: 2.5px
}

.p-sm {
    padding: 5px
}

.p-md {
    padding: 10px
}

.p-lg {
    padding: 15px
}

.p-xlg {
    padding: 20px
}

.clear {
    zoom: 1
}

.clear:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: '\0020'
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.imgauto {
    display: block;
    height: auto;
    margin: 0 auto
}

.text-center {
    text-align: center !important
}

.text-right {
    text-align: right !important
}

.text-left {
    text-align: left !important
}

.text-gray {
    color: #999
}

.text-graydark {
    color: #454545
}

.text-graylight {
    color: #888
}

.text-graylighter {
    color: #cecece
}

.text-link {
    color: #586c94
}

.text-green {
    color: #04be02
}

.text-blue {
    color: #3b9bff
}

.text-red {
    color: #e64340
}

.text-orange {
    color: #de7c23
}

.text-white {
    color: #FFF
}

.text-black {
    color: #000
}

.text-xxs {
    font-size: 10px
}

.text-xs {
    font-size: 12px
}

.text-sm {
    font-size: 14px
}

.text-md {
    font-size: 16px
}

.text-lg {
    font-size: 18px
}

.text-xl {
    font-size: 24px
}

.text-xxl {
    font-size: 32px
}

h1 {
    font-size: 36px
}

h2 {
    font-size: 30px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 18px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    line-height: 1.6;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

* {
    margin: 0;
    padding: 0
}

a img {
    border: 0
}

@font-face {
    font-weight: 400;
    font-style: normal;
    font-family: vue;
    src: url(data:application/octet-stream;base64,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) format('truetype')
}

[class*=" icon-"]:before, [class^=icon-]:before {
    font-family: vue;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    vertical-align: middle;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin: 0
}

.btn, .dialog-ft a {
    text-decoration: none;
    -webkit-tap-highlight-color: transparent
}

.icon-circle:before {
    content: "\EA01"
}

.icon-download:before {
    content: "\EA02"
}

.icon-info:before {
    content: "\EA03"
}

.icon-safe-success:before {
    content: "\EA04"
}

.icon-safe-warn:before {
    content: "\EA05"
}

.icon-success:before {
    content: "\EA06";
    font-size: 23px;
    color: #09BB07
}

.icon-success-circle:before {
    content: "\EA07"
}

.icon-success-no-circle:before {
    content: "\EA08"
}

.icon-waiting:before {
    content: "\EA09";
    font-size: 23px;
    color: #10AEFF
}

.icon-waiting-circle:before {
    content: "\EA0A"
}

.icon-warn:before {
    content: "\EA0B";
    font-size: 23px;
    color: #F43530
}

.icon-info-circle:before {
    content: "\EA0C"
}

.icon-cancel:before {
    content: "\EA0D"
}

.icon-search:before {
    content: "\EA0E"
}

.icon-clear:before {
    content: "\EA0F"
}

.icon-info:before {
    font-size: 23px;
    color: #10AEFF
}

.icon-success-circle:before, .icon-success-no-circle:before {
    font-size: 23px;
    color: #09BB07
}

.icon-waiting-circle:before {
    font-size: 23px;
    color: #10AEFF
}

.icon-circle:before {
    font-size: 23px;
    color: #C9C9C9
}

.icon-download:before, .icon-info-circle:before {
    font-size: 23px;
    color: #09BB07
}

.icon-safe-success:before {
    color: #09BB07
}

.icon-safe-warn:before {
    color: #FFBE00
}

.icon-cancel:before {
    color: #F43530;
    font-size: 22px
}

.icon-clear:before, .icon-search:before {
    color: #B2B2B2;
    font-size: 14px
}

.icon-msg:before, .icon-safe:before {
    font-size: 104px
}

.icon-warn.icon-msg:before {
    color: #F76260
}

.btn.btn-mini {
    line-height: 1.9;
    font-size: 14px;
    padding: 0 .75em;
    display: inline-block
}

button.btn, input.btn {
    width: 100%;
    border-width: 0;
    outline: 0
}

button.btn:focus, input.btn:focus {
    outline: 0
}

button.btn-inline, button.btn-mini, input.btn-inline, input.btn-mini {
    width: auto
}

.btn + .btn {
    margin-top: 15px
}

.btn.btn-inline + .btn.btn-inline {
    margin-top: auto;
    margin-left: 15px
}

.btn-area {
    margin: 1.17647059em 15px .3em
}

.btn-area.btn-area-inline {
    display: -ms-flexbox;
    display: flex
}

.btn-area.btn-area-inline .btn {
    margin-top: auto;
    margin-right: 15px;
    width: 100%;
    -ms-flex: 1;
    flex: 1
}

.btn-area.btn-area-inline .btn:last-child {
    margin-right: 0
}

.btn {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-left: 14px;
    padding-right: 14px;
    font-size: 18px;
    text-align: center;
    color: #FFF;
    line-height: 2.33333333;
    border-radius: 5px
}

.btn:after, .cell:before {
    content: " ";
    position: absolute
}

.btn-default, .btn-default:not(.btn-disabled):visited {
    color: #454545
}

.cells, .input {
    line-height: 1.41176471
}

.btn:after {
    width: 200%;
    height: 200%;
    top: 0;
    left: 0;
    border: 1px solid rgba(0, 0, 0, .2);
    transform: scale(.5);
    transform-origin: 0 0;
    border-radius: 10px
}

.btn.btn-inline {
    display: inline-block
}

.btn-default {
    background-color: #F7F7F7
}

.btn-default:not(.btn-disabled):active {
    color: #A1A1A1;
    background-color: #DEDEDE
}

.btn-primary {
    background-color: #04BE02
}

.btn-primary:not(.btn-disabled):visited {
    color: #FFF
}

.btn-primary:not(.btn-disabled):active {
    color: rgba(255, 255, 255, .4);
    background-color: #039702
}

.btn-warn {
    background-color: #EF4F4F
}

.btn-warn:not(.btn-disabled):visited {
    color: #FFF
}

.btn-warn:not(.btn-disabled):active {
    color: rgba(255, 255, 255, .4);
    background-color: #C13E3E
}

.btn-disabled {
    color: rgba(255, 255, 255, .6)
}

.btn-disabled.btn-default {
    color: #C9C9C9
}

.btn-plain-primary {
    color: #04BE02;
    border: 1px solid #04BE02
}

button.btn-plain-primary, input.btn-plain-primary {
    border-width: 1px;
    background-color: transparent
}

.btn-plain-primary:active {
    border-color: #039702
}

.btn-plain-primary:after {
    border-width: 0
}

.btn-plain-default {
    color: #5A5A5A;
    border: 1px solid #5A5A5A
}

button.btn-plain-default, input.btn-plain-default {
    border-width: 1px;
    background-color: transparent
}

.btn-plain-default:after {
    border-width: 0
}

.cell:before, .cells:before {
    top: 0;
    border-top: 1px solid #D9D9D9
}

.cell:before {
    width: 100%;
    height: 1px;
    color: #D9D9D9;
    transform-origin: 0 0;
    transform: scaleY(.5);
    left: 15px
}

.cell:first-child:before {
    display: none
}

.cells {
    margin-top: 1.17647059em;
    background-color: #FFF;
    font-size: 17px;
    position: relative
}

.cells-access .cell:not(.no-access):active, .cells-checkbox .cell:active, .cells-radio .cell:active {
    background-color: #ECECEC
}

.cells-tips, .cells-title {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px
}

.cells:after, .cells:before {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    color: #D9D9D9;
    content: " "
}

.cells:before {
    transform-origin: 0 0;
    transform: scaleY(.5)
}

.cells:after {
    bottom: 0;
    border-bottom: 1px solid #D9D9D9;
    transform-origin: 0 100%;
    transform: scaleY(.5)
}

.cells-title {
    margin-top: .77em;
    margin-bottom: .3em;
    color: #888
}

.cells-title + .cells {
    margin-top: 0
}

.cells-tips {
    margin-top: .3em;
    color: #888
}

.cell {
    padding: 10px 15px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.cell-ft {
    text-align: right;
    color: #888
}

.cell-primary {
    -ms-flex: 1;
    flex: 1
}

.cells-access .cell:not(.no-access) {
    -webkit-tap-highlight-color: transparent
}

.cells-access a.cell {
    color: inherit
}

.cells-access .cell-ft:after {
    content: " ";
    display: inline-block;
    transform: rotate(45deg);
    height: 6px;
    width: 6px;
    border-width: 2px 2px 0 0;
    border-color: #C8C8CD;
    border-style: solid;
    position: relative;
    top: -2px;
    top: -1px;
    margin-left: .3em
}

.check-label {
    -webkit-tap-highlight-color: transparent
}

.check {
    position: absolute;
    left: -9999em
}

.cells-radio .cell-ft {
    padding-left: .35em
}

.cells-radio .check:checked + .icon-checked:before {
    display: block;
    content: '\EA08';
    color: #09BB07;
    font-size: 16px
}

.cells-checkbox .cell-hd {
    padding-right: .35em
}

.cells-checkbox .icon-checked:before {
    content: '\EA01';
    color: #C9C9C9;
    font-size: 23px;
    display: block
}

.cells-checkbox .check:checked + .icon-checked:before {
    content: '\EA06';
    color: #09BB07
}

.input, .textarea {
    border: 0;
    color: inherit;
    outline: 0
}

.label {
    display: block;
    width: 105px
}

.input {
    width: 100%;
    background-color: transparent;
    font-size: inherit;
    height: 1.41176471em
}

.input::-webkit-inner-spin-button, .input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.textarea {
    display: block;
    resize: none;
    width: 100%;
    font-size: 1em;
    line-height: inherit
}

.textarea-counter {
    color: #B2B2B2;
    text-align: right
}

.dialog, .grid-label, .msg, .navbar-item, .tabbar-label, .toptips {
    text-align: center
}

.cell-warn .textarea-counter {
    color: #E64340
}

.toptips {
    display: none;
    position: fixed;
    -webkit-transform: translateZ(0);
    width: 100%;
    top: 0;
    line-height: 2.3;
    font-size: 14px;
    color: #FFF;
    z-index: 50000
}

.toptips.warn {
    background-color: #E64340
}

.cells-form .cell-warn {
    color: #E64340
}

.cells-form .cell-warn .icon-warn {
    display: inline-block
}

.cells-form .cell-ft {
    font-size: 0
}

.cells-form .icon-warn {
    display: none
}

.cells-form input, .cells-form label[for], .cells-form textarea {
    -webkit-tap-highlight-color: transparent
}

.cell-select {
    padding: 0
}

.select, .select-after, .select-before .cell-bd {
    padding-left: 15px
}

.cell-select .select {
    padding-right: 30px
}

.cell-select .cell-bd:after {
    content: " ";
    display: inline-block;
    transform: rotate(45deg);
    height: 6px;
    width: 6px;
    border-width: 2px 2px 0 0;
    border-color: #C8C8CD;
    border-style: solid;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px
}

.select, .select-before .cell-hd {
    position: relative
}

.select {
    border: 0;
    outline: 0;
    background-color: transparent;
    width: 100%;
    font-size: inherit;
    height: 44px;
    line-height: 44px;
    z-index: 1
}

.select-before {
    padding-right: 15px
}

.select-before .select {
    width: 105px;
    box-sizing: border-box
}

.select-before .cell-hd:after, .select-before .cell-hd:before {
    content: " ";
    position: absolute
}

.select-before .cell-hd:after {
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    border-right: 1px solid #D9D9D9;
    color: #D9D9D9;
    transform-origin: 100% 0;
    transform: scaleX(.5)
}

.select-before .cell-hd:before {
    display: inline-block;
    transform: rotate(45deg);
    height: 6px;
    width: 6px;
    border-width: 2px 2px 0 0;
    border-color: #C8C8CD;
    border-style: solid;
    top: 50%;
    right: 15px;
    margin-top: -3px
}

.select-before .cell-bd:after {
    display: none
}

.select-after .weui-select, .uploader-hd {
    padding-left: 0
}

.vcode {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0
}

.vcode .cell-ft img {
    margin-left: 5px;
    height: 44px;
    vertical-align: middle
}

.cell-switch {
    padding-top: 6px;
    padding-bottom: 6px
}

.switch {
    -moz-appearance: none;
    appearance: none;
    position: relative;
    width: 52px;
    height: 32px;
    border: 1px solid #DFDFDF;
    outline: 0;
    border-radius: 16px;
    background: #DFDFDF;
    transition: background-color .1s, border .1s
}

.switch:after, .switch:before {
    position: absolute;
    height: 30px;
    border-radius: 15px;
    top: 0;
    left: 0;
    content: " "
}

.switch:before {
    width: 50px;
    background-color: #FDFDFD;
    transition: transform .3s;
    transition: transform .35s cubic-bezier(.45, 1, .4, 1)
}

.switch:after {
    width: 30px;
    background-color: #FFF;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    transition: transform .35s cubic-bezier(.4, .4, .25, 1.35)
}

.switch:checked {
    border-color: #04BE02;
    background-color: #04BE02
}

.switch:checked:before {
    transform: scale(0)
}

.switch:checked:after {
    transform: translateX(20px)
}

.uploader-hd {
    padding-top: 0;
    padding-right: 0
}

.uploader-hd .cell-ft {
    font-size: 1em
}

.uploader-bd {
    margin-bottom: -4px;
    margin-right: -9px
}

.uploader-file, .uploader-input-wrp {
    margin-right: 9px;
    margin-bottom: 9px;
    float: left
}

.uploader-file {
    width: 79px;
    height: 79px;
    background: center center no-repeat;
    background-size: cover
}

.uploader-status {
    position: relative
}

.uploader-status:before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5)
}

.uploader-status .uploader-status-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #FFF
}

.uploader-status .icon-warn {
    display: block
}

.uploader-input-wrp {
    position: relative;
    width: 77px;
    height: 77px;
    border: 1px solid #D9D9D9
}

.uploader-input-wrp:after, .uploader-input-wrp:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #D9D9D9
}

.uploader-input-wrp:before {
    width: 2px;
    height: 39.5px
}

.uploader-input-wrp:after {
    width: 39.5px;
    height: 2px
}

.uploader-input-wrp:active {
    border-color: #999
}

.uploader-input-wrp:active:after, .uploader-input-wrp:active:before {
    background-color: #999
}

.uploader-input {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-tap-highlight-color: transparent
}

.msg {
    padding-top: 36px
}

.msg .icon-area {
    margin-bottom: 30px
}

.msg .text-area {
    margin-bottom: 25px;
    padding: 0 20px
}

.msg .msg-title {
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 20px
}

.msg .extra-area, .msg .msg-desc {
    font-size: 14px;
    color: #888
}

.msg .opr-area {
    margin-bottom: 25px
}

.msg .extra-area {
    margin-bottom: 15px
}

.msg .extra-area a {
    color: #61749B
}

@media screen and (min-height: 438px) {
    .extra-area {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        text-align: center
    }
}

.navbar, .navbar:after, .tabbar, .tabbar:before {
    position: absolute
}

.article {
    padding: 20px 15px;
    font-size: 15px
}

.article section {
    margin-bottom: 1.5em
}

.article h1 {
    font-size: 17px;
    font-weight: 400;
    margin-bottom: .75em
}

.article h2 {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: .3em
}

.article h3 {
    font-weight: 400;
    font-size: 15px
}

.article p {
    margin: 10px 0
}

.tabbar {
    display: -ms-flexbox;
    display: flex;
    z-index: 500;
    bottom: 0;
    width: 100%;
    background-color: #f7f7fa
}

.tabbar:before {
    content: " ";
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #979797;
    color: #979797;
    transform-origin: 0 0;
    transform: scaleY(.5)
}

.tabbar-item {
    display: block;
    -ms-flex: 1;
    flex: 1;
    padding: 7px 0 0;
    -webkit-tap-highlight-color: transparent
}

.tabbar-item.bar-item-on .tabbar-label {
    color: #09BB07
}

.tabbar-icon {
    margin: 0 auto;
    width: 24px;
    height: 24px
}

.tabbar-icon img {
    display: block;
    width: 100%;
    height: 100%
}

.tabbar-icon + .tabbar-label {
    margin-top: 5px
}

.tabbar-label {
    color: #888;
    font-size: 12px
}

.navbar {
    display: -ms-flexbox;
    display: flex;
    z-index: 500;
    top: 0;
    width: 100%;
    background-color: #fafafa
}

.navbar:after {
    content: " ";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #BCBAB6;
    color: #BCBAB6;
    transform-origin: 0 100%;
    transform: scaleY(.5)
}

.tab, .tab-bd {
    height: 100%
}

.panel-hd:after, .panel:after {
    border-bottom: 1px solid #E5E5E5;
    bottom: 0
}

.navbar + .tab-bd {
    padding-top: 50px;
    padding-bottom: 0
}

.navbar-item {
    position: relative;
    display: block;
    -ms-flex: 1;
    flex: 1;
    padding: 13px 0;
    font-size: 15px;
    -webkit-tap-highlight-color: transparent
}

.navbar-item:last-child:after, .tab-bd-item {
    display: none
}

.navbar-item:active {
    background-color: #ededed
}

.navbar-item.bar-item-on {
    background-color: #eaeaea
}

.navbar-item:after {
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    border-right: 1px solid #ccc;
    color: #ccc;
    transform-origin: 100% 0;
    transform: scaleX(.5)
}

.panel, .tab {
    position: relative
}

.panel-ft:before, .panel:before {
    top: 0;
    border-top: 1px solid #E5E5E5;
    transform-origin: 0 0
}

.tab-bd {
    padding-bottom: 55px;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.tab-bd-item-active {
    display: block
}

.progress {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.progress-bar {
    background-color: #EBEBEB;
    height: 3px;
    -ms-flex: 1;
    flex: 1
}

.progress-inner-bar {
    width: 0;
    height: 100%;
    background-color: #09BB07
}

.progress-opr {
    display: block;
    margin-left: 15px;
    font-size: 0
}

.panel {
    background-color: #FFF;
    margin-top: 10px;
    overflow: hidden
}

.panel-access .panel-ft:active, a.media-box:active {
    background-color: #ECECEC
}

.panel:after, .panel:before {
    position: absolute;
    left: 0;
    color: #E5E5E5;
    content: " ";
    width: 100%;
    height: 1px
}

.panel:first-child {
    margin-top: 0
}

.panel:before {
    transform: scaleY(.5)
}

.panel:after {
    transform-origin: 0 100%;
    transform: scaleY(.5)
}

.panel-hd {
    padding: 14px 15px 10px;
    color: #999;
    font-size: 13px;
    position: relative
}

.panel-hd:after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 1px;
    color: #E5E5E5;
    transform-origin: 0 100%;
    transform: scaleY(.5);
    left: 15px
}

.panel-ft {
    padding: 10px 15px 12px;
    color: #999;
    font-size: 14px;
    position: relative
}

.panel-access .panel-ft:after, .panel-ft:before {
    position: absolute;
    content: " "
}

.panel-ft:before {
    width: 100%;
    height: 1px;
    color: #E5E5E5;
    transform: scaleY(.5);
    left: 15px
}

.panel-access .panel-ft {
    display: block;
    color: #586C94;
    -webkit-tap-highlight-color: transparent
}

.panel-access .panel-ft:after {
    display: inline-block;
    transform: rotate(45deg);
    height: 6px;
    width: 6px;
    border-width: 2px 2px 0 0;
    border-color: #C7C7CC;
    border-style: solid;
    right: 15px;
    top: 50%;
    margin-top: -4px
}

.media-box {
    padding: 15px;
    position: relative
}

.media-box:before {
    content: " ";
    position: absolute;
    top: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #E5E5E5;
    color: #E5E5E5;
    transform-origin: 0 0;
    transform: scaleY(.5);
    left: 15px
}

.media-box:first-child:before {
    display: none
}

a.media-box {
    color: #000;
    -webkit-tap-highlight-color: transparent
}

.media-box .media-title {
    font-weight: 400;
    font-size: 17px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    word-wrap: break-word;
    word-break: break-all
}

.media-box .media-desc {
    color: #999;
    font-size: 13px;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2
}

.media-box.media-text .media-title {
    margin-bottom: 8px
}

.media-box.media-text .media-info {
    margin-top: 15px;
    padding-bottom: 5px;
    font-size: 13px;
    color: #CECECE;
    line-height: 1em;
    list-style: none;
    overflow: hidden
}

.media-box.media-text .media-info-meta {
    float: left;
    padding-right: 1em
}

.media-box.media-text .media-info-meta.media-info-meta-extra {
    padding-left: 1em;
    border-left: 1px solid #CECECE
}

.media-box.media-appmsg {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.media-box.media-appmsg .media-hd {
    margin-right: .8em;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center
}

.grid:before, .grids:before {
    content: '';
    height: 200%;
    left: 0;
    top: 0;
    box-sizing: border-box
}

.media-box.media-appmsg .media-appmsg-thumb {
    width: 100%;
    max-height: 100%;
    vertical-align: top
}

.media-box.media-appmsg .media-bd {
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.media-box.media-small-appmsg {
    padding: 0
}

.media-box.media-small-appmsg .cells {
    margin-top: 0
}

.media-box.media-small-appmsg .cells:before {
    display: none
}

.grids {
    position: relative;
    overflow: hidden
}

.grids:before {
    position: absolute;
    width: 200%;
    border: 1px solid #D9D9D9;
    transform-origin: 0 0;
    transform: scale(.5)
}

.grid {
    position: relative;
    float: left;
    padding: 20px 10px;
    width: 33.33333333%;
    box-sizing: border-box
}

.grid:before {
    position: absolute;
    width: 200%;
    border-bottom: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
    transform-origin: 0 0;
    transform: scale(.5)
}

.grid:nth-child(3n):before {
    border-right-width: 0
}

.grid:active {
    background-color: #E4E4E4
}

.grid-icon {
    width: 28px;
    height: 28px;
    margin: 0 auto
}

.grid-icon img {
    display: block;
    width: 100%;
    height: 100%
}

.grid-icon + .grid-label {
    margin-top: 5px
}

.grid-label {
    display: block;
    color: #000;
    font-size: 14px
}

.dialog {
    position: fixed;
    z-index: 5000;
    width: 85%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #FAFAFC;
    border-radius: 3px;
    overflow: hidden
}

.dialog-confirm .dialog .dialog-hd {
    padding: 1.2em 20px .5em
}

.dialog-confirm .dialog .dialog-bd {
    text-align: left
}

.dialog-hd {
    padding: 1.2em 0 .5em
}

.dialog-title {
    font-weight: 400;
    font-size: 17px
}

.dialog-bd {
    padding: 0 20px;
    font-size: 15px;
    color: #888;
    word-wrap: break-word
}

.dialog-ft {
    position: relative;
    line-height: 42px;
    margin-top: 20px;
    font-size: 17px;
    display: -ms-flexbox;
    display: flex
}

.dialog-ft a {
    display: block;
    -ms-flex: 1;
    flex: 1;
    color: #3CC51F
}

.dialog-confirm .dialog-ft a:after, .dialog-ft:after {
    content: " ";
    left: 0;
    top: 0;
    color: #D5D5D6
}

.dialog-ft a:active {
    background-color: #EEE
}

.dialog-ft:after {
    position: absolute;
    width: 100%;
    height: 1px;
    border-top: 1px solid #D5D5D6;
    transform-origin: 0 0;
    transform: scaleY(.5)
}

.dialog-confirm .dialog-ft a {
    position: relative
}

.dialog-confirm .dialog-ft a:after {
    position: absolute;
    width: 1px;
    height: 100%;
    border-left: 1px solid #D5D5D6;
    transform-origin: 0 0;
    transform: scaleX(.5)
}

.dialog-confirm .dialog-ft a:first-child:after {
    display: none
}

.btn-dialog.default {
    color: #353535
}

.btn-dialog.primary {
    color: #0BB20C
}

@media screen and (min-width: 1024px) {
    .dialog {
        width: 35%
    }
}

.toast {
    position: fixed;
    z-index: 50000;
    width: 7.6em;
    min-height: 7.6em;
    top: 180px;
    left: 50%;
    margin-left: -3.8em;
    background: rgba(40, 40, 40, .75);
    text-align: center;
    border-radius: 5px;
    color: #FFF
}

.icon-error-toast, .icon-load-toast, .icon-toast, .icon-warn-toast {
    margin: 22px 0 0;
    display: block
}

.icon-toast:before {
    content: '\EA08';
    color: #FFF;
    font-size: 55px
}

.icon-error-toast:before {
    content: "\EA0D";
    color: #FFF;
    font-size: 55px
}

.icon-warn-toast:before {
    content: "\EA0B";
    color: #FFF;
    font-size: 55px
}

.actionsheet-cell:before, .loading-leaf:before {
    content: " "
}

.icon-load-toast {
    height: 32px;
    background: url(/img/global/hybrid/load@32.svg) center center no-repeat
}

.toast-content {
    margin: 0 0 15px
}

.loading-toast .toast-content {
    margin-top: 64%;
    font-size: 14px
}

.loading {
    position: absolute;
    width: 0;
    z-index: 1;
    left: 50%;
    top: 38%
}

.loading-leaf {
    position: absolute;
    top: -1px;
    opacity: .25
}

.loading-leaf:before {
    position: absolute;
    width: 8.14px;
    height: 3.08px;
    background: #d1d1d5;
    box-shadow: rgba(0, 0, 0, .0980392) 0 0 1px;
    border-radius: 1px;
    transform-origin: left 50% 0
}

.mask, .mask-transition, .mask-transparent {
    z-index: 1000;
    height: 100%;
    position: fixed;
    left: 0;
    width: 100%;
    top: 0
}

.loading-leaf-0 {
    animation: opacity-60-25-0-12 1.25s linear infinite
}

.loading-leaf-0:before {
    transform: rotate(0) translate(7.92px, 0)
}

.loading-leaf-1 {
    animation: opacity-60-25-1-12 1.25s linear infinite
}

.loading-leaf-1:before {
    transform: rotate(30deg) translate(7.92px, 0)
}

.loading-leaf-2 {
    animation: opacity-60-25-2-12 1.25s linear infinite
}

.loading-leaf-2:before {
    transform: rotate(60deg) translate(7.92px, 0)
}

.loading-leaf-3 {
    animation: opacity-60-25-3-12 1.25s linear infinite
}

.loading-leaf-3:before {
    transform: rotate(90deg) translate(7.92px, 0)
}

.loading-leaf-4 {
    animation: opacity-60-25-4-12 1.25s linear infinite
}

.loading-leaf-4:before {
    transform: rotate(120deg) translate(7.92px, 0)
}

.loading-leaf-5 {
    animation: opacity-60-25-5-12 1.25s linear infinite
}

.loading-leaf-5:before {
    transform: rotate(150deg) translate(7.92px, 0)
}

.loading-leaf-6 {
    animation: opacity-60-25-6-12 1.25s linear infinite
}

.loading-leaf-6:before {
    transform: rotate(180deg) translate(7.92px, 0)
}

.loading-leaf-7 {
    animation: opacity-60-25-7-12 1.25s linear infinite
}

.loading-leaf-7:before {
    transform: rotate(210deg) translate(7.92px, 0)
}

.loading-leaf-8 {
    animation: opacity-60-25-8-12 1.25s linear infinite
}

.loading-leaf-8:before {
    transform: rotate(240deg) translate(7.92px, 0)
}

.loading-leaf-9 {
    animation: opacity-60-25-9-12 1.25s linear infinite
}

.loading-leaf-9:before {
    transform: rotate(270deg) translate(7.92px, 0)
}

.loading-leaf-10 {
    animation: opacity-60-25-10-12 1.25s linear infinite
}

.loading-leaf-10:before {
    transform: rotate(300deg) translate(7.92px, 0)
}

.loading-leaf-11 {
    animation: opacity-60-25-11-12 1.25s linear infinite
}

.loading-leaf-11:before {
    transform: rotate(330deg) translate(7.92px, 0)
}

.mask {
    background: rgba(0, 0, 0, .6)
}

.mask-transition {
    display: none;
    background: rgba(0, 0, 0, 0);
    transition: background .3s
}

.fade-toggle {
    background: rgba(0, 0, 0, .6)
}

.actionsheet {
    position: fixed;
    left: 0;
    bottom: 0;
    transform: translate(0, 100%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 5000;
    width: 100%;
    background-color: #EFEFF4;
    transition: transform .3s
}

.actionsheet-action, .actionsheet-menu {
    background-color: #FFF
}

.actionsheet-action {
    margin-top: 6px
}

.actionsheet-cell {
    position: relative;
    padding: 10px 0;
    text-align: center;
    font-size: 18px
}

.actionsheet-cell:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #D9D9D9;
    color: #D9D9D9;
    transform-origin: 0 0;
    transform: scaleY(.5)
}

.actionsheet-cell:active {
    background-color: #ECECEC
}

.actionsheet-cell:first-child:before {
    display: none
}

.actionsheet-toggle {
    transform: translate(0, 0)
}

.search-bar {
    position: relative;
    padding: 8px 10px;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    background-color: #EFEFF4
}

.search-bar:after, .search-bar:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 1px;
    color: #C7C7C7;
    left: 0
}

.search-bar:before {
    top: 0;
    border-top: 1px solid #C7C7C7;
    transform-origin: 0 0;
    transform: scaleY(.5)
}

.search-bar:after {
    bottom: 0;
    border-bottom: 1px solid #C7C7C7;
    transform-origin: 0 100%;
    transform: scaleY(.5)
}

.search-bar.search-focusing .search-cancel {
    display: block
}

.search-bar.search-focusing .search-text {
    display: none
}

.search-outer {
    position: relative;
    -ms-flex: auto;
    flex: auto;
    background-color: #EFEFF4
}

.search-outer:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    transform: scale(.5);
    transform-origin: 0 0;
    border-radius: 10px;
    border: 1px solid #E6E6EA;
    box-sizing: border-box;
    background: #FFF
}

.search-inner {
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    z-index: 1
}

.search-inner .search-input {
    padding: 4px 0;
    width: 100%;
    height: 1.42857143em;
    border: 0;
    font-size: 14px;
    line-height: 1.42857143em;
    box-sizing: content-box;
    background: 0 0
}

.search-inner .search-input:focus {
    outline: 0
}

.search-inner .icon-search {
    position: absolute;
    left: 10px;
    top: -2px;
    line-height: 28px
}

.search-inner .icon-clear {
    position: absolute;
    top: -2px;
    right: 0;
    padding: 0 10px;
    line-height: 28px
}

.search-text {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    z-index: 2;
    border-radius: 3px;
    text-align: center;
    color: #9B9B9B;
    background: #FFF
}

.search-text span {
    display: inline-block;
    font-size: 14px;
    vertical-align: middle
}

.search-text .icon-search {
    margin-right: 5px
}

.search-cancel {
    display: none;
    margin-left: 10px;
    line-height: 28px;
    white-space: nowrap;
    color: #09BB07
}

.search-input:not(:valid) ~ .icon-clear {
    display: none
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
    display: none
}

/*# sourceMappingURL=global.css.map */