uni-tabbar {
    display: block;
    box-sizing: border-box;
    width: 100%;
    z-index: 998
}

uni-tabbar .uni-tabbar {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    z-index: 998;
    box-sizing: border-box
}

uni-tabbar.uni-tabbar-bottom,uni-tabbar.uni-tabbar-bottom .uni-tabbar,uni-tabbar.uni-tabbar-top,uni-tabbar.uni-tabbar-top .uni-tabbar {
    position: fixed;
    left: var(--window-left);
    right: var(--window-right)
}

.uni-app--showlayout+uni-tabbar.uni-tabbar-bottom,.uni-app--showlayout+uni-tabbar.uni-tabbar-bottom .uni-tabbar,.uni-app--showlayout+uni-tabbar.uni-tabbar-top,.uni-app--showlayout+uni-tabbar.uni-tabbar-top .uni-tabbar {
    left: var(--window-margin);
    right: var(--window-margin)
}

uni-tabbar.uni-tabbar-bottom .uni-tabbar {
    bottom: 0;
    padding-bottom: 0;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom)
}

uni-tabbar .uni-tabbar~.uni-placeholder {
    width: 100%;
    margin-bottom: 0;
    margin-bottom: constant(safe-area-inset-bottom);
    margin-bottom: env(safe-area-inset-bottom)
}

uni-tabbar .uni-tabbar * {
    box-sizing: border-box
}

uni-tabbar .uni-tabbar__item {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    font-size: 0;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

uni-tabbar .uni-tabbar__bd,uni-tabbar .uni-tabbar__item {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

uni-tabbar .uni-tabbar__bd {
    position: relative;
    -webkit-flex-direction: column;
    flex-direction: column;
    cursor: pointer
}

uni-tabbar .uni-tabbar__icon {
    position: relative;
    display: inline-block;
    margin-top: 5px
}

uni-tabbar .uni-tabbar__icon.uni-tabbar__icon__diff {
    margin-top: 0;
    width: 34px;
    height: 34px
}

uni-tabbar .uni-tabbar__icon img {
    width: 100%;
    height: 100%
}

uni-tabbar .uni-tabbar__iconfont {
    font-family: UniTabbarIconFont
}

uni-tabbar .uni-tabbar__label {
    position: relative;
    text-align: center;
    font-size: 10px
}

uni-tabbar .uni-tabbar-border {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

uni-tabbar .uni-tabbar__reddot {
    position: absolute;
    top: 2px;
    right: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #f43530;
    color: #fff;
    -webkit-transform: translate(40%);
    transform: translate(40%)
}

uni-tabbar .uni-tabbar__badge {
    width: auto;
    height: 16px;
    line-height: 16px;
    border-radius: 16px;
    min-width: 16px;
    padding: 0 2px;
    font-size: 12px;
    text-align: center;
    white-space: nowrap
}

uni-tabbar .uni-tabbar__mid {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    background-size: 100% 100%
}

uni-content,uni-tabbar .uni-tabbar__mid {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

uni-content {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    height: 100%
}

uni-main {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    width: 100%
}

uni-top-window+uni-content {
    height: calc(100vh - var(--top-window-height))
}

uni-left-window {
    width: var(--window-left);
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    order: -1
}

uni-left-window,uni-right-window {
    position: relative;
    overflow-x: hidden
}

uni-right-window {
    width: var(--window-right)
}

uni-left-window[data-show],uni-right-window[data-show] {
    position: absolute
}

uni-right-window[data-show] {
    right: 0
}

.uni-left-window,.uni-right-window,uni-content .uni-mask {
    z-index: 997
}

.uni-mask+.uni-left-window,.uni-mask+.uni-right-window {
    position: fixed
}

.uni-top-window {
    position: fixed;
    left: var(--window-margin);
    right: var(--window-margin);
    top: 0;
    z-index: 998;
    overflow: hidden
}

uni-toast {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    display: block;
    box-sizing: border-box;
    pointer-events: none;
    font-size: 16px
}

uni-toast .uni-sample-toast {
    position: fixed;
    z-index: 999;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center;
    max-width: 80%
}

uni-toast .uni-simple-toast__text {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    background-color: rgba(17,17,17,.7);
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 13px;
    text-align: center;
    max-width: 100%;
    word-break: break-all;
    white-space: normal
}

uni-toast .uni-mask {
    pointer-events: auto
}

uni-toast .uni-toast {
    position: fixed;
    z-index: 999;
    width: 8em;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: rgba(17,17,17,.7);
    text-align: center;
    border-radius: 5px;
    color: #fff
}

uni-toast .uni-toast * {
    box-sizing: border-box
}

uni-toast .uni-toast__icon {
    margin: 20px 0 0;
    width: 38px;
    height: 38px;
    vertical-align: baseline
}

uni-toast .uni-icon_toast {
    margin: 15px 0 0
}

uni-toast .uni-icon_toast.uni-icon-success-no-circle:before {
    color: #fff;
    font-size: 55px
}

uni-toast .uni-icon_toast.uni-icon-error:before {
    color: #fff;
    font-size: 50px
}

uni-toast .uni-icon_toast.uni-loading {
    margin: 20px 0 0;
    width: 38px;
    height: 38px;
    vertical-align: baseline
}

uni-toast .uni-toast__content {
    margin: 0 0 15px
}

uni-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    display: block;
    box-sizing: border-box
}

uni-modal .uni-modal {
    position: fixed;
    z-index: 999;
    width: 80%;
    max-width: 300px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: #fff;
    text-align: center;
    border-radius: 3px;
    overflow: hidden
}

uni-modal .uni-modal * {
    box-sizing: border-box
}

uni-modal .uni-modal__hd {
    padding: 1em 1.6em .3em
}

uni-modal .uni-modal__title {
    font-weight: 400;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

uni-modal .uni-modal__bd,uni-modal .uni-modal__title {
    word-wrap: break-word;
    word-break: break-all;
    white-space: pre-wrap
}

uni-modal .uni-modal__bd {
    padding: 1.3em 1.6em 1.3em;
    min-height: 40px;
    font-size: 15px;
    line-height: 1.4;
    color: #999;
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto
}

uni-modal .uni-modal__textarea {
    resize: none;
    border: 0;
    margin: 0;
    width: 90%;
    padding: 10px;
    font-size: 20px;
    outline: none;
    border: none;
    background-color: #eee;
    text-decoration: inherit
}

uni-modal .uni-modal__ft {
    position: relative;
    line-height: 48px;
    font-size: 18px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

uni-modal .uni-modal__ft:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #d5d5d6;
    color: #d5d5d6;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

uni-modal .uni-modal__btn {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    color: #3cc51f;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    position: relative;
    cursor: pointer
}

uni-modal .uni-modal__btn:active {
    background-color: #eee
}

uni-modal .uni-modal__btn:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    bottom: 0;
    border-left: 1px solid #d5d5d6;
    color: #d5d5d6;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5)
}

uni-modal .uni-modal__btn:first-child:after {
    display: none
}

uni-modal .uni-modal__btn_default {
    color: #353535
}

uni-modal .uni-modal__btn_primary {
    color: #007aff
}

uni-actionsheet {
    display: block;
    box-sizing: border-box
}

uni-actionsheet .uni-actionsheet {
    position: fixed;
    left: 6px;
    right: 6px;
    bottom: 6px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 999;
    visibility: hidden;
    -webkit-transition: visibility .3s,-webkit-transform .3s;
    transition: visibility .3s,-webkit-transform .3s;
    transition: transform .3s,visibility .3s;
    transition: transform .3s,visibility .3s,-webkit-transform .3s
}

uni-actionsheet .uni-actionsheet.uni-actionsheet_toggle {
    visibility: visible;
    -webkit-transform: translate(0);
    transform: translate(0)
}

uni-actionsheet .uni-actionsheet * {
    box-sizing: border-box
}

uni-actionsheet .uni-actionsheet__action,uni-actionsheet .uni-actionsheet__menu {
    border-radius: 5px;
    background-color: #fcfcfd
}

uni-actionsheet .uni-actionsheet__action {
    margin-top: 6px
}

uni-actionsheet .uni-actionsheet__cell,uni-actionsheet .uni-actionsheet__title {
    position: relative;
    padding: 10px 6px;
    text-align: center;
    font-size: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer
}

uni-actionsheet .uni-actionsheet__title {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    color: var(--UI-FG);
    background-color: #fff;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #e5e5e5
}

uni-actionsheet .uni-actionsheet__cell:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #e5e5e5;
    color: #e5e5e5;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

uni-actionsheet .uni-actionsheet__cell:active {
    background-color: #ececec
}

uni-actionsheet .uni-actionsheet__cell:first-child:before {
    display: none
}

@media screen and (min-width: 500px) and (min-height:500px) {
    .uni-mask.uni-actionsheet__mask {
        background:none
    }

    uni-actionsheet .uni-actionsheet {
        width: 300px;
        left: 50%;
        right: auto;
        top: 50%;
        bottom: auto;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        opacity: 0;
        -webkit-transition: opacity .3s,visibility .3s;
        transition: opacity .3s,visibility .3s
    }

    uni-actionsheet .uni-actionsheet.uni-actionsheet_toggle {
        opacity: 1;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    uni-actionsheet .uni-actionsheet__menu {
        box-shadow: 0 0 20px 5px rgba(0,0,0,.3)
    }

    uni-actionsheet .uni-actionsheet__action {
        display: none
    }
}

.image-view-area,.image-view-view {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.image-view-img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-height: 100%;
    max-width: 100%
}

.uni-system-preview-image {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: rgba(0,0,0,.8)
}

.uni-system-preview-image-swiper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.uni-system-preview-image .nav-btn-back {
    position: absolute;
    box-sizing: border-box;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    padding: 6px;
    line-height: 32px;
    font-size: 26px;
    color: #fff;
    text-align: center;
    cursor: pointer
}

* {
    margin: 0;
    -webkit-tap-highlight-color: transparent
}

@font-face {
    font-weight: 400;
    font-style: normal;
    font-family: uni;
    src: url("data:application/octet-stream;base64, ") format("truetype")
}

@font-face {
    font-weight: 400;
    font-style: normal;
    font-family: unibtn;
    src: url("data:application/octet-stream;base64,AAEAAAAKAIAAAwAgT1MvMvUTHSwAAACsAAAAYGNtYXD/1LSBAAABDAAAAVpnbHlmz06L9gAAAmgAAAQ0aGVhZA501cwAAAacAAAANmhoZWEH7wQ6AAAG1AAAACRobXR4JCoHAwAABvgAAAAkbG9jYQQeBSgAAAccAAAAFG1heHAADQBLAAAHMAAAACBuYW1l5hEPkgAAB1AAAAHacG9zdAQfBCEAAAksAAAAPAAEBAUBkAAFAAACmQLMAAAAjwKZAswAAAHrADMBCQAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEDmAP/9A8D/wABAA8AAQAAAAAEAAAAAAAAAAAAAACAAAAAAAAMAAAADAAAAHAABAAAAAABUAAMAAQAAABwABAA4AAAACgAIAAIAAuYC5gbmUf/9//8AAOYA5gTmUP/9//8aARoAGbcAAwABAAAAAAAAAAAAAAAAAQYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAWAAeQLBAuoAFQAAASY0NzYyFwEeARUUBgcBBiInJjQ3AQFgCAgHFgcBNQQEBAT+ywcWBwgIASICxQcXBwgI/twECwUGCwT+3AgIBxcIARMAAAABAVgAeQK5AuoAFQAACQIWFAcGIicBLgE1NDY3ATYyFxYUArn+3gEiCAgIFQj+zAUDAwUBNAgVCAgCxf7t/u0IFwcICAEkBAsGBQsEASQICAcXAAACANAAaQO6Aw0AGwA0AAAlFAYjISImNRE0NjsBNSMiBhURFBYzITI2PQEjEycHFwcOAw8BMzU+ATc+AT8CBxc3JwNSBwT9wgQGBgSwwBEYGBECXxEXLmikIW53SoJjPQUBLwU2LS11QAZqbiGkAaUEBwcEAagFBjEZEf40ERkZEqUBKKwjcwEGPF9+RwgHPG4rKzIEAQF0IqwCAAACAJcAXgNzAxsALwBIAAABLgEvAi4BIyIGDwIOAQcGFh8BBwYWFx4BMzI2PwEXHgEzMjY3PgEnNDUnNz4BBTYmLwE3PgE/ARceAR8BBw4BHwEnJgYPAQNzAgoG42cDCgcGCgNk4wYKAgEDBKUlAQUFAwYEAgUDyswCBQMGCgMCAQEoowUD/foBAwSNwgUJAlZYAgkFw4wEAwEirgULBK4CFAYIAR/NBgYGBs4jAQgGBgwEn+IGDAQCAgIBbGoBAQYGAwkDAQHeoQUMsAYKBIgdAQYFsbAFBgEbiQQLBcFaAwECXAACAL8AdQNQAxEAIAA8AAABIgYdARQGIyEiJj0BNCYjIgYdAR4BMyEyNj0BNCYnLgE3AS4BIyIGBwEGFBceATMyNjcBNjIXARYyNz4BAvcKDgsH/nUICw4KCQ8BJhsBjBsnBAMDCVT+5goYDQ0YCf7mBgcDCQUECAQBGQUQBQEaBxMHBgEBsA4J4gcLCwfiCQ4OCeIbJycb4gQJAwQDNAEaCgkJCf7lBxMGBAMDAwEZBQX+5wYHBhMAAwDcAXYDMQH6AAsAFwAjAAABMjY1NCYjIgYVFBYhMjY1NCYjIgYVFBYhMjY1NCYjIgYVFBYBHhwnJxwbJycBAxwnJxwbJycBBBsnJxscJycBdicbGycnGxsnJxsbJycbGycnGxsnJxsbJwAAAQDsAJ0DFALOACUAAAE3NjQnJiIPAScmIgcGFB8BBwYUFx4BMzI2PwEXHgEzMjY3NjQnAijsCQkIGAjs6ggYCAkJ6uwJCQQKBgULBOzsBAsFBgoECQkBu+oJFwkICOvrCAgIGAjr6wgYCAQEBATr7QUEBQQIFwkAAQBdAIwD0AL4AB4AAAEWFRYHAQYHBgcGIyIvASYvAQEmJzQ3PgEXCQE2MzYDwwwBDP3/BAUCAgcGCAcEAwMD/toJAQoMHQwBDAHoCw8PAu4LDRAL/dsEAgECAQECAgMCASELDg8NCQIL/vkCCAoBAAEAAAABAADLWb2BXw889QALBAAAAAAA1ZTIqwAAAADVlMirAF0AXgPQAxsAAAAIAAIAAAAAAAAAAQAAA8D/wAAABCoAXQBGA9AAAQAAAAAAAAAAAAAAAAAAAAkEAAAABAABYAQAAVgEAADQBAAAlwQAAL8EAADcBAAA7AQqAF0AAAAAACoAVACiARQBcAGmAeICGgABAAAACQBJAAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIABwAOAAEAAAAAAAMADgAVAAEAAAAAAAQADgAjAAEAAAAAAAUACwAxAAEAAAAAAAYADgA8AAEAAAAAAAoAGgBKAAMAAQQJAAEAHABkAAMAAQQJAAIADgCAAAMAAQQJAAMAHACOAAMAAQQJAAQAHACqAAMAAQQJAAUAFgDGAAMAAQQJAAYAHADcAAMAAQQJAAoANAD4c3RyZWFtaWNvbmZvbnRSZWd1bGFyc3RyZWFtaWNvbmZvbnRzdHJlYW1pY29uZm9udFZlcnNpb24gMS4wc3RyZWFtaWNvbmZvbnRGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBzAHQAcgBlAGEAbQBpAGMAbwBuAGYAbwBuAHQAUgBlAGcAdQBsAGEAcgBzAHQAcgBlAGEAbQBpAGMAbwBuAGYAbwBuAHQAcwB0AHIAZQBhAG0AaQBjAG8AbgBmAG8AbgB0AFYAZQByAHMAaQBvAG4AIAAxAC4AMABzAHQAcgBlAGEAbQBpAGMAbwBuAGYAbwBuAHQARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACQAJAAABAgEDAQQBBQEGAQcBCAEJAAAAAAAAAAA=") format("truetype")
}

body,html {
    -webkit-user-select: none;
    user-select: none;
    width: 100%;
    height: 100%
}

body {
    overflow-x: hidden
}

body,uni-page-body {
    background-color: var(--UI-BG-0);
    color: var(--UI-FG-0)
}

[class*=" uni-icon-"],[class^=uni-icon-] {
    display: inline-block;
    vertical-align: middle;
    font: normal normal normal 14px/1 uni;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

[class*=" uni-btn-icon"],[class^=uni-btn-icon] {
    display: inline-block;
    font: normal normal normal 14px/1 unibtn;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

[class*=" uni-btn-icon"]:before,[class^=uni-btn-icon]:before {
    margin: 0;
    box-sizing: border-box
}

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

.uni-icon-error:before {
    content: "\EA0B"
}

.uni-loading,uni-button[loading]:before {
    background: rgba(0,0,0,0) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=") no-repeat
}

.uni-loading {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    -webkit-animation: uni-loading 1s steps(12) infinite;
    animation: uni-loading 1s steps(12) infinite;
    background-size: 100%
}

@-webkit-keyframes uni-loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes uni-loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.uni-mask {
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.5)
}

.uni-fade-enter-active,.uni-fade-leave-active {
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.uni-fade-enter,.uni-fade-leave-active {
    opacity: 0
}

[nvue] uni-label,[nvue] uni-scroll-view,[nvue] uni-swiper-item,[nvue] uni-view {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-basis: auto;
    flex-basis: auto;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: flex-start;
    align-content: flex-start
}

[nvue] uni-button {
    margin: 0
}

[nvue-dir-row] uni-label,[nvue-dir-row] uni-swiper-item,[nvue-dir-row] uni-view {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

[nvue-dir-column] uni-label,[nvue-dir-column] uni-swiper-item,[nvue-dir-column] uni-view {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

[nvue-dir-row-reverse] uni-label,[nvue-dir-row-reverse] uni-swiper-item,[nvue-dir-row-reverse] uni-view {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse
}

[nvue-dir-column-reverse] uni-label,[nvue-dir-column-reverse] uni-swiper-item,[nvue-dir-column-reverse] uni-view {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse
}

[nvue] uni-image,[nvue] uni-input,[nvue] uni-scroll-view,[nvue] uni-swiper,[nvue] uni-swiper-item,[nvue] uni-text,[nvue] uni-textarea,[nvue] uni-video,[nvue] uni-view {
    position: relative;
    border: 0 solid #000;
    box-sizing: border-box
}

[nvue] uni-swiper-item {
    position: absolute
}

html {
    --UI-BG: #fff;
    --UI-BG-1: #f7f7f7;
    --UI-BG-2: #fff;
    --UI-BG-3: #f7f7f7;
    --UI-BG-4: #4c4c4c;
    --UI-BG-5: #fff;
    --UI-FG: #000;
    --UI-FG-0: rgba(0,0,0,0.9);
    --UI-FG-HALF: rgba(0,0,0,0.9);
    --UI-FG-1: rgba(0,0,0,0.5);
    --UI-FG-2: rgba(0,0,0,0.3);
    --UI-FG-3: rgba(0,0,0,0.1)
}

uni-app {
    width: 100%;
    height: 100%
}

uni-app,uni-page-head {
    display: block;
    box-sizing: border-box
}

uni-page-head .uni-page-head {
    position: fixed;
    left: var(--window-left);
    right: var(--window-right);
    height: 44px;
    height: calc(44px + constant(safe-area-inset-top));
    height: calc(44px + env(safe-area-inset-top));
    padding: 7px 3px;
    padding-top: calc(7px + constant(safe-area-inset-top));
    padding-top: calc(7px + env(safe-area-inset-top));
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    box-sizing: border-box;
    z-index: 998;
    color: #fff;
    background-color: #000;
    -webkit-transition-property: all;
    transition-property: all
}

uni-page-head .uni-page-head-titlePenetrate,uni-page-head .uni-page-head-titlePenetrate .uni-page-head-bd,uni-page-head .uni-page-head-titlePenetrate .uni-page-head-bd * {
    pointer-events: none
}

uni-page-head .uni-page-head-titlePenetrate * {
    pointer-events: auto
}

uni-page-head .uni-page-head.uni-page-head-transparent .uni-page-head-ft>div {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

uni-page-head .uni-page-head~.uni-placeholder {
    width: 100%;
    height: 44px;
    height: calc(44px + constant(safe-area-inset-top));
    height: calc(44px + env(safe-area-inset-top))
}

uni-page-head .uni-placeholder-titlePenetrate {
    pointer-events: none
}

uni-page-head .uni-page-head * {
    box-sizing: border-box
}

uni-page-head .uni-page-head-hd {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 16px
}

uni-page-head .uni-page-head-bd {
    position: absolute;
    left: 70px;
    right: 70px;
    min-width: 0
}

.uni-page-head-btn {
    position: relative;
    width: auto;
    margin: 0 2px;
    word-break: keep-all;
    white-space: pre;
    cursor: pointer
}

.uni-page-head-transparent .uni-page-head-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: rgba(0,0,0,.5)
}

uni-page-head .uni-btn-icon {
    overflow: hidden;
    min-width: 1em
}

.uni-page-head-btn-red-dot:after {
    content: attr(badge-text);
    position: absolute;
    right: 0;
    top: 0;
    background-color: red;
    color: #fff;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 18px;
    overflow: hidden;
    -webkit-transform: scale(.5) translate(40%,-40%);
    transform: scale(.5) translate(40%,-40%);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.uni-page-head-btn-red-dot[badge-text]:after {
    font-size: 12px;
    width: auto;
    min-width: 18px;
    max-width: 42px;
    text-align: center;
    padding: 0 3px;
    -webkit-transform: scale(.7) translate(40%,-40%);
    transform: scale(.7) translate(40%,-40%)
}

.uni-page-head-btn-select>.uni-btn-icon:after {
    display: inline-block;
    font-family: unibtn;
    content: "\e601";
    margin-left: 2px;
    -webkit-transform: rotate(-90deg) scale(.8);
    transform: rotate(-90deg) scale(.8)
}

.uni-page-head-search {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    margin: 0 2px;
    line-height: 30px;
    font-size: 15px
}

.uni-page-head-search-input {
    width: 100%;
    height: 100%;
    padding-left: 34px;
    text-align: left
}

.uni-page-head-search-placeholder {
    position: absolute;
    max-width: 100%;
    height: 100%;
    padding-left: 34px;
    overflow: hidden;
    word-break: keep-all;
    white-space: pre
}

.uni-page-head-search-placeholder-right {
    right: 0
}

.uni-page-head-search-placeholder-center {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.uni-page-head-search-placeholder:before {
    position: absolute;
    top: 0;
    left: 2px;
    width: 30px;
    content: "\ea0e";
    display: block;
    font-size: 20px;
    font-family: uni;
    text-align: center
}

uni-page-head .uni-page-head-ft {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    font-size: 13px
}

uni-page-head .uni-page-head__title {
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

uni-page-head .uni-page-head__title .uni-loading {
    width: 16px;
    height: 16px;
    margin-top: -3px
}

uni-page-head .uni-page-head__title .uni-page-head__title_image {
    width: auto;
    height: 26px;
    vertical-align: middle
}

uni-page-head .uni-page-head-shadow {
    overflow: visible
}

uni-page-head .uni-page-head-shadow:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 5px;
    background-size: 100% 100%
}

uni-page-head .uni-page-head-shadow-grey:after {
    background-image: url(https://cdn.dcloud.net.cn/img/shadow-grey.png)
}

uni-page-head .uni-page-head-shadow-blue:after {
    background-image: url(https://cdn.dcloud.net.cn/img/shadow-blue.png)
}

uni-page-head .uni-page-head-shadow-green:after {
    background-image: url(https://cdn.dcloud.net.cn/img/shadow-green.png)
}

uni-page-head .uni-page-head-shadow-orange:after {
    background-image: url(https://cdn.dcloud.net.cn/img/shadow-orange.png)
}

uni-page-head .uni-page-head-shadow-red:after {
    background-image: url(https://cdn.dcloud.net.cn/img/shadow-red.png)
}

uni-page-head .uni-page-head-shadow-yellow:after {
    background-image: url(https://cdn.dcloud.net.cn/img/shadow-yellow.png)
}

uni-page-head .uni-icon-clear {
    -webkit-align-self: center;
    align-self: center;
    padding-right: 5px
}

uni-page-wrapper {
    display: block;
    height: 100%;
    position: relative
}

uni-page-head[uni-page-head-type=default]~uni-page-wrapper {
    height: calc(100% - 44px);
    height: calc(100% - 44px - constant(safe-area-inset-top));
    height: calc(100% - 44px - env(safe-area-inset-top))
}

uni-page-body,uni-page-refresh {
    display: block;
    box-sizing: border-box;
    width: 100%
}

uni-page-refresh {
    position: absolute;
    top: 0;
    height: 40px
}

uni-page-refresh .uni-page-refresh {
    position: absolute;
    top: -45px;
    left: 50%;
    -webkit-transform: translate3d(-50%,0,0);
    transform: translate3d(-50%,0,0);
    background: #fff;
    box-shadow: 0 1px 6px rgba(0,0,0,.117647),0 1px 4px rgba(0,0,0,.117647);
    display: none;
    z-index: 997
}

uni-page-refresh .uni-page-refresh,uni-page-refresh .uni-page-refresh-inner {
    width: 40px;
    height: 40px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 50%
}

uni-page-refresh .uni-page-refresh-inner {
    line-height: 0
}

uni-page-refresh.uni-page-refresh--aborting .uni-page-refresh,uni-page-refresh.uni-page-refresh--pulling .uni-page-refresh,uni-page-refresh.uni-page-refresh--reached .uni-page-refresh,uni-page-refresh.uni-page-refresh--refreshing .uni-page-refresh,uni-page-refresh.uni-page-refresh--restoring .uni-page-refresh,uni-page-refresh .uni-page-refresh-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

uni-page-refresh.uni-page-refresh--aborting .uni-page-refresh__spinner,uni-page-refresh.uni-page-refresh--pulling .uni-page-refresh__spinner,uni-page-refresh.uni-page-refresh--reached .uni-page-refresh__spinner,uni-page-refresh.uni-page-refresh--refreshing .uni-page-refresh__icon,uni-page-refresh.uni-page-refresh--restoring .uni-page-refresh__icon {
    display: none
}

uni-page-refresh.uni-page-refresh--refreshing .uni-page-refresh__spinner {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation: uni-page-refresh-rotate 2s linear infinite;
    animation: uni-page-refresh-rotate 2s linear infinite
}

uni-page-refresh.uni-page-refresh--refreshing .uni-page-refresh__path {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    -webkit-animation: uni-page-refresh-dash 1.5s ease-in-out infinite,uni-page-refresh-colorful 6s ease-in-out infinite;
    animation: uni-page-refresh-dash 1.5s ease-in-out infinite,uni-page-refresh-colorful 6s ease-in-out infinite
}

@-webkit-keyframes uni-page-refresh-rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes uni-page-refresh-rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes uni-page-refresh-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px
    }

    to {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px
    }
}

@keyframes uni-page-refresh-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px
    }

    to {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px
    }
}

uni-page {
    display: block;
    width: 100%;
    height: 100%
}

.uni-async-error {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    color: #999;
    padding: 100px 10px;
    text-align: center
}

.uni-async-loading {
    box-sizing: border-box;
    width: 100%;
    padding: 50px;
    text-align: center
}

.uni-async-loading .uni-loading {
    width: 30px;
    height: 30px
}

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

.uni-system-choose-location {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f8f8f8
}

.uni-system-choose-location .map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px
}

.uni-system-choose-location .map-location {
    position: absolute;
    left: 50%;
    bottom: 50%;
    width: 32px;
    height: 52px;
    margin-left: -16px;
    cursor: pointer;
    background-size: 100%
}

.uni-system-choose-location .map-move {
    position: absolute;
    bottom: 50px;
    right: 10px;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    line-height: 40px;
    background-color: #fff;
    border-radius: 50%;
    pointer-events: auto;
    cursor: pointer;
    box-shadow: 0 0 5px 1px rgba(0,0,0,.3)
}

.uni-system-choose-location .map-move>i {
    display: block;
    width: 100%;
    height: 100%;
    font: normal normal normal 14px/1 unimapbtn;
    line-height: inherit;
    text-align: center;
    font-size: 24px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.uni-system-choose-location .nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 44px;
    background-color: rgba(0,0,0,0);
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,.3),rgba(0,0,0,0));
    background-image: linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,0))
}

.uni-system-choose-location .nav-btn {
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: 0;
    width: 60px;
    height: 44px;
    padding: 6px;
    line-height: 32px;
    font-size: 26px;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.uni-system-choose-location .nav-btn.confirm {
    left: auto;
    right: 0
}

.uni-system-choose-location .nav-btn.disable {
    opacity: .4
}

.uni-system-choose-location .nav-btn>.uni-btn-icon {
    display: block;
    width: 100%;
    height: 100%;
    line-height: inherit;
    border-radius: 2px
}

.uni-system-choose-location .nav-btn.confirm>.uni-btn-icon {
    background-color: #007aff
}

.uni-system-choose-location .menu {
    position: absolute;
    top: 300px;
    left: 0;
    width: 100%;
    bottom: 0;
    background-color: #fff
}

.uni-system-choose-location .search {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    height: 50px;
    padding: 8px;
    line-height: 34px;
    box-sizing: border-box;
    background-color: #fff
}

.uni-system-choose-location .search-input {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    height: 100%;
    border-radius: 5px;
    padding: 0 5px;
    background: #ebebeb
}

.uni-system-choose-location .search-btn {
    margin-left: 5px;
    color: #007aff;
    font-size: 17px;
    text-align: center
}

.uni-system-choose-location .list {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    bottom: 0;
    padding-bottom: 10px
}

.uni-system-choose-location .list-loading {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 50px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.uni-system-choose-location .list-item {
    position: relative;
    padding: 10px;
    padding-right: 40px;
    cursor: pointer
}

.uni-system-choose-location .list-item.selected:before {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    text-align: center;
    content: "\e651";
    font: normal normal normal 14px/1 unibtn;
    font-size: 24px;
    line-height: 30px;
    color: #007aff;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.uni-system-choose-location .list-item:not(:last-child):after {
    position: absolute;
    content: "";
    height: 1px;
    left: 10px;
    bottom: 0;
    width: 100%;
    background-color: #d3d3d3
}

.uni-system-choose-location .list-item-title {
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.uni-system-choose-location .list-item-detail {
    font-size: 12px;
    color: grey;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media screen and (min-width: 800px) {
    .uni-system-choose-location .map {
        top:0;
        height: 100%
    }

    .uni-system-choose-location .map-move {
        bottom: 10px;
        right: 320px
    }

    .uni-system-choose-location .menu {
        top: 54px;
        left: auto;
        right: 10px;
        width: 300px;
        bottom: 10px;
        max-height: 600px;
        box-shadow: 0 0 20px 5px rgba(0,0,0,.3)
    }
}

.uni-system-open-location {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f8f8f8;
    z-index: 999
}

.uni-system-open-location .map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 80px;
    height: auto
}

.uni-system-open-location .info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background-color: #fff;
    padding: 15px;
    box-sizing: border-box;
    line-height: 1.5
}

.uni-system-open-location .info>.name {
    font-size: 17px;
    color: #111
}

.uni-system-open-location .info>.address {
    font-size: 14px;
    color: #666
}

.uni-system-open-location .info>.nav {
    position: absolute;
    top: 50%;
    right: 15px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-top: -25px;
    background-color: #007aff
}

.uni-system-open-location .info>.nav>svg {
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px;
    box-sizing: border-box
}

.uni-system-open-location .map-move {
    position: absolute;
    bottom: 50px;
    right: 10px;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    line-height: 40px;
    background-color: #fff;
    border-radius: 50%;
    pointer-events: auto;
    cursor: pointer;
    box-shadow: 0 0 5px 1px rgba(0,0,0,.3)
}

.uni-system-open-location .map-move>i {
    display: block;
    width: 100%;
    height: 100%;
    font: normal normal normal 14px/1 unimapbtn;
    line-height: inherit;
    text-align: center;
    font-size: 24px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.uni-system-open-location .nav-btn-back {
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: 0;
    width: 44px;
    height: 44px;
    padding: 6px;
    line-height: 32px;
    font-size: 26px;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.uni-system-open-location .nav-btn-back>.uni-btn-icon {
    display: block;
    width: 100%;
    height: 100%;
    line-height: inherit;
    border-radius: 50%;
    background-color: rgba(0,0,0,.5)
}

.uni-system-open-location .map-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    bottom: 0;
    overflow: hidden
}

.uni-system-open-location .map-content.fix-position {
    top: -74px;
    bottom: -44px
}

.uni-system-open-location .map-content>iframe {
    width: 100%;
    height: 100%;
    border: none
}

.uni-system-open-location .actTonav {
    position: absolute;
    right: 16px;
    bottom: 56px;
    width: 60px;
    height: 60px;
    border-radius: 60px
}

uni-audio {
    display: none
}

uni-audio[controls] {
    display: inline-block
}

uni-audio[hidden] {
    display: none
}

.uni-audio-default {
    max-width: 100%;
    min-width: 302px;
    height: 65px;
    background: #fcfcfc;
    border: 1px solid #e0e0e0;
    border-radius: 2.5px;
    display: inline-block;
    overflow: hidden
}

.uni-audio-left {
    width: 65px;
    height: 65px;
    float: left;
    background-color: #e6e6e6;
    background-size: 100% 100%;
    background-position: 50% 50%
}

.uni-audio-button {
    width: 24px;
    height: 24px;
    margin: 20.5px;
    background-size: cover
}

.uni-audio-button.play {
    background-image: url(data:image/png;base64,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)
}

.uni-audio-button.pause {
    background-image: url(data:image/png;base64,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)
}

.uni-audio-right {
    box-sizing: border-box;
    height: 65px;
    margin-left: 65px;
    padding: 11px 16.5px 13.5px 15px;
    overflow: hidden
}

.uni-audio-time {
    margin-top: 3.5px;
    height: 16.5px;
    font-size: 12px;
    color: #888;
    float: right
}

.uni-audio-info {
    margin-right: 70px;
    overflow: hidden
}

.uni-audio-name {
    height: 22.5px;
    line-height: 22.5px;
    margin-bottom: 3.5px;
    font-size: 14px;
    color: #353535
}

.uni-audio-author,.uni-audio-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.uni-audio-author {
    height: 14.5px;
    line-height: 14.5px;
    font-size: 12px;
    color: #888
}

uni-button {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-left: 14px;
    padding-right: 14px;
    box-sizing: border-box;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    line-height: 2.55555556;
    border-radius: 5px;
    -webkit-tap-highlight-color: transparent;
    overflow: hidden;
    color: #000;
    background-color: #f8f8f8;
    cursor: pointer
}

uni-button[hidden] {
    display: none!important
}

uni-button:after {
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid rgba(0,0,0,.2);
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    box-sizing: border-box;
    border-radius: 10px
}

uni-button[native] {
    padding-left: 0;
    padding-right: 0
}

uni-button[native] .uni-button-cover-view-wrapper {
    border: inherit;
    border-color: inherit;
    border-radius: inherit;
    background-color: inherit
}

uni-button[native] .uni-button-cover-view-inner {
    padding-left: 14px;
    padding-right: 14px
}

uni-button uni-cover-view {
    line-height: inherit;
    white-space: inherit
}

uni-button[type=default] {
    color: #000;
    background-color: #f8f8f8
}

uni-button[type=primary] {
    color: #fff;
    background-color: #007aff
}

uni-button[type=warn] {
    color: #fff;
    background-color: #e64340
}

uni-button[disabled] {
    color: hsla(0,0%,100%,.6);
    cursor: not-allowed
}

uni-button[disabled]:not([type]),uni-button[disabled][type=default] {
    color: rgba(0,0,0,.3);
    background-color: #f7f7f7
}

uni-button[disabled][type=primary] {
    background-color: rgba(0,122,255,.6)
}

uni-button[disabled][type=warn] {
    background-color: #ec8b89
}

uni-button[type=primary][plain] {
    color: #007aff;
    border: 1px solid #007aff;
    background-color: rgba(0,0,0,0)
}

uni-button[type=primary][plain][disabled] {
    color: rgba(0,0,0,.2);
    border-color: rgba(0,0,0,.2)
}

uni-button[type=primary][plain]:after {
    border-width: 0
}

uni-button[type=default][plain] {
    color: #353535;
    border: 1px solid #353535;
    background-color: rgba(0,0,0,0)
}

uni-button[type=default][plain][disabled] {
    color: rgba(0,0,0,.2);
    border-color: rgba(0,0,0,.2)
}

uni-button[type=default][plain]:after {
    border-width: 0
}

uni-button[plain] {
    color: #353535;
    border: 1px solid #353535;
    background-color: rgba(0,0,0,0)
}

uni-button[plain][disabled] {
    color: rgba(0,0,0,.2);
    border-color: rgba(0,0,0,.2)
}

uni-button[plain]:after {
    border-width: 0
}

uni-button[plain][native] .uni-button-cover-view-inner {
    padding: 0
}

uni-button[type=warn][plain] {
    color: #e64340;
    border: 1px solid #e64340;
    background-color: rgba(0,0,0,0)
}

uni-button[type=warn][plain][disabled] {
    color: rgba(0,0,0,.2);
    border-color: rgba(0,0,0,.2)
}

uni-button[type=warn][plain]:after {
    border-width: 0
}

uni-button[size=mini] {
    display: inline-block;
    line-height: 2.3;
    font-size: 13px;
    padding: 0 1.34em
}

uni-button[size=mini][native] {
    padding: 0
}

uni-button[size=mini][native] .uni-button-cover-view-inner {
    padding: 0 1.34em
}

uni-button[loading]:not([disabled]) {
    cursor: progress
}

uni-button[loading]:before {
    content: " ";
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    -webkit-animation: uni-loading 1s steps(12) infinite;
    animation: uni-loading 1s steps(12) infinite;
    background-size: 100%
}

uni-button[loading][type=primary] {
    color: hsla(0,0%,100%,.6);
    background-color: #0062cc
}

uni-button[loading][type=primary][plain] {
    color: #007aff;
    background-color: rgba(0,0,0,0)
}

uni-button[loading][type=default] {
    color: rgba(0,0,0,.6);
    background-color: #dedede
}

uni-button[loading][type=default][plain] {
    color: #353535;
    background-color: rgba(0,0,0,0)
}

uni-button[loading][type=warn] {
    color: hsla(0,0%,100%,.6);
    background-color: #ce3c39
}

uni-button[loading][type=warn][plain] {
    color: #e64340;
    background-color: rgba(0,0,0,0)
}

uni-button[loading][native]:before {
    content: none
}

.button-hover {
    color: rgba(0,0,0,.6);
    background-color: #dedede
}

.button-hover[plain] {
    color: rgba(53,53,53,.6);
    border-color: rgba(53,53,53,.6);
    background-color: rgba(0,0,0,0)
}

.button-hover[type=primary] {
    color: hsla(0,0%,100%,.6);
    background-color: #0062cc
}

.button-hover[type=primary][plain] {
    color: rgba(0,122,255,.6);
    border-color: rgba(0,122,255,.6);
    background-color: rgba(0,0,0,0)
}

.button-hover[type=default] {
    color: rgba(0,0,0,.6);
    background-color: #dedede
}

.button-hover[type=default][plain] {
    color: rgba(53,53,53,.6);
    border-color: rgba(53,53,53,.6);
    background-color: rgba(0,0,0,0)
}

.button-hover[type=warn] {
    color: hsla(0,0%,100%,.6);
    background-color: #ce3c39
}

.button-hover[type=warn][plain] {
    color: rgba(230,67,64,.6);
    border-color: rgba(230,67,64,.6);
    background-color: rgba(0,0,0,0)
}

uni-canvas {
    width: 300px;
    height: 150px;
    display: block;
    position: relative
}

uni-canvas>canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

uni-checkbox-group[hidden] {
    display: none
}

uni-checkbox {
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    cursor: pointer
}

uni-checkbox[hidden] {
    display: none
}

uni-checkbox[disabled] {
    cursor: not-allowed
}

uni-checkbox .uni-checkbox-wrapper {
    display: -webkit-inline-flex;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    vertical-align: middle
}

uni-checkbox .uni-checkbox-input {
    margin-right: 5px;
    -webkit-appearance: none;
    appearance: none;
    outline: 0;
    border: 1px solid #d1d1d1;
    background-color: #fff;
    border-radius: 3px;
    width: 22px;
    height: 22px;
    position: relative
}

uni-checkbox:not([disabled]) .uni-checkbox-input:hover {
    border-color: #007aff
}

uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked {
    color: #007aff
}

uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked:before {
    font: normal normal normal 14px/1 uni;
    content: "\EA08";
    font-size: 22px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-48%) scale(.73);
    -webkit-transform: translate(-50%,-48%) scale(.73)
}

uni-checkbox .uni-checkbox-input.uni-checkbox-input-disabled {
    background-color: #e1e1e1
}

uni-checkbox .uni-checkbox-input.uni-checkbox-input-disabled:before {
    color: #adadad
}

uni-checkbox-group {
    display: block
}

.ql-container {
    display: block;
    position: relative;
    box-sizing: border-box;
    -webkit-user-select: text;
    user-select: text;
    outline: none;
    overflow: hidden;
    width: 100%;
    height: 200px;
    min-height: 200px
}

.ql-container[hidden] {
    display: none
}

.ql-container .ql-editor {
    position: relative;
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
    min-height: inherit;
    width: 100%;
    height: 100%;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-overflow-scrolling: touch
}

.ql-container .ql-editor::-webkit-scrollbar {
    width: 0!important
}

.ql-container .ql-editor.scroll-disabled {
    overflow: hidden
}

.ql-container .ql-image-overlay {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    box-sizing: border-box;
    border: 1px dashed #ccc;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-user-select: none;
    user-select: none
}

.ql-container .ql-image-overlay .ql-image-size {
    position: absolute;
    padding: 4px 8px;
    text-align: center;
    background-color: #fff;
    color: #888;
    border: 1px solid #ccc;
    box-sizing: border-box;
    opacity: .8;
    right: 4px;
    top: 4px;
    font-size: 12px;
    display: inline-block;
    width: auto
}

.ql-container .ql-image-overlay .ql-image-toolbar {
    position: relative;
    text-align: center;
    box-sizing: border-box;
    background: #000;
    border-radius: 5px;
    color: #fff;
    font-size: 0;
    min-height: 24px;
    z-index: 100
}

.ql-container .ql-image-overlay .ql-image-toolbar span {
    display: inline-block;
    cursor: pointer;
    padding: 5px;
    font-size: 12px;
    border-right: 1px solid #fff
}

.ql-container .ql-image-overlay .ql-image-toolbar span:last-child {
    border-right: 0
}

.ql-container .ql-image-overlay .ql-image-toolbar span.triangle-up {
    padding: 0;
    position: absolute;
    top: -12px;
    left: 50%;
    -webkit-transform: translatex(-50%);
    transform: translatex(-50%);
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #000 rgba(0,0,0,0)
}

.ql-container .ql-image-overlay .ql-image-handle {
    position: absolute;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    border: 1px solid #ccc;
    box-sizing: border-box;
    background: #fff
}

.ql-container img {
    display: inline-block;
    max-width: 100%
}

.ql-clipboard p {
    margin: 0;
    padding: 0
}

.ql-editor {
    box-sizing: border-box;
    height: 100%;
    outline: none;
    overflow-y: auto;
    tab-size: 4;
    -moz-tab-size: 4;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word
}

.ql-editor>* {
    cursor: text
}

.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre,.ql-editor ul {
    margin: 0;
    padding: 0;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol>li,.ql-editor ul>li {
    list-style-type: none
}

.ql-editor ul>li:before {
    content: "\2022"
}

.ql-editor ul[data-checked=false],.ql-editor ul[data-checked=true] {
    pointer-events: none
}

.ql-editor ul[data-checked=false]>li *,.ql-editor ul[data-checked=true]>li * {
    pointer-events: all
}

.ql-editor ul[data-checked=false]>li:before,.ql-editor ul[data-checked=true]>li:before {
    color: #777;
    cursor: pointer;
    pointer-events: all
}

.ql-editor ul[data-checked=true]>li:before {
    content: "\2611"
}

.ql-editor ul[data-checked=false]>li:before {
    content: "\2610"
}

.ql-editor li:before {
    display: inline-block;
    white-space: nowrap;
    width: 2em
}

.ql-editor ol li {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    counter-increment: list-0
}

.ql-editor ol li:before {
    content: counter(list-0,decimal) ". "
}

.ql-editor ol li.ql-indent-1 {
    counter-increment: list-1
}

.ql-editor ol li.ql-indent-1:before {
    content: counter(list-1,lower-alpha) ". "
}

.ql-editor ol li.ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-2 {
    counter-increment: list-2
}

.ql-editor ol li.ql-indent-2:before {
    content: counter(list-2,lower-roman) ". "
}

.ql-editor ol li.ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-3 {
    counter-increment: list-3
}

.ql-editor ol li.ql-indent-3:before {
    content: counter(list-3,decimal) ". "
}

.ql-editor ol li.ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-4 {
    counter-increment: list-4
}

.ql-editor ol li.ql-indent-4:before {
    content: counter(list-4,lower-alpha) ". "
}

.ql-editor ol li.ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-5 {
    counter-increment: list-5
}

.ql-editor ol li.ql-indent-5:before {
    content: counter(list-5,lower-roman) ". "
}

.ql-editor ol li.ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-6 {
    counter-increment: list-6
}

.ql-editor ol li.ql-indent-6:before {
    content: counter(list-6,decimal) ". "
}

.ql-editor ol li.ql-indent-6 {
    counter-reset: list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-7 {
    counter-increment: list-7
}

.ql-editor ol li.ql-indent-7:before {
    content: counter(list-7,lower-alpha) ". "
}

.ql-editor ol li.ql-indent-7 {
    counter-reset: list-8 list-9
}

.ql-editor ol li.ql-indent-8 {
    counter-increment: list-8
}

.ql-editor ol li.ql-indent-8:before {
    content: counter(list-8,lower-roman) ". "
}

.ql-editor ol li.ql-indent-8 {
    counter-reset: list-9
}

.ql-editor ol li.ql-indent-9 {
    counter-increment: list-9
}

.ql-editor ol li.ql-indent-9:before {
    content: counter(list-9,decimal) ". "
}

.ql-editor .ql-indent-1:not(.ql-direction-rtl),.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 2em
}

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right,.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 2em
}

.ql-editor .ql-indent-2:not(.ql-direction-rtl),.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 4em
}

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right,.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 4em
}

.ql-editor .ql-indent-3:not(.ql-direction-rtl),.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 6em
}

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right,.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 6em
}

.ql-editor .ql-indent-4:not(.ql-direction-rtl),.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 8em
}

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right,.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 8em
}

.ql-editor .ql-indent-5:not(.ql-direction-rtl),.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 10em
}

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right,.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 10em
}

.ql-editor .ql-indent-6:not(.ql-direction-rtl),.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 12em
}

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right,.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 12em
}

.ql-editor .ql-indent-7:not(.ql-direction-rtl),.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 14em
}

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right,.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 14em
}

.ql-editor .ql-indent-8:not(.ql-direction-rtl),.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 16em
}

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right,.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 16em
}

.ql-editor .ql-indent-9:not(.ql-direction-rtl),.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 18em
}

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right,.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 18em
}

.ql-editor .ql-direction-rtl {
    direction: rtl;
    text-align: inherit
}

.ql-editor .ql-align-center {
    text-align: center
}

.ql-editor .ql-align-justify {
    text-align: justify
}

.ql-editor .ql-align-right {
    text-align: right
}

.ql-editor.ql-blank:before {
    color: rgba(0,0,0,.6);
    content: attr(data-placeholder);
    font-style: italic;
    pointer-events: none;
    position: absolute
}

.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before {
    pointer-events: none
}

.ql-clipboard {
    left: -100000px;
    height: 1px;
    overflow-y: hidden;
    position: absolute;
    top: 50%
}

uni-icon {
    display: inline-block;
    font-size: 0;
    box-sizing: border-box
}

uni-icon[hidden] {
    display: none
}

uni-icon>i {
    font: normal normal normal 14px/1 weui
}

uni-icon>i:before {
    margin: 0;
    box-sizing: border-box
}

@font-face {
    font-weight: 400;
    font-style: normal;
    font-family: weui;
    src: url("data:application/octet-stream;base64, ") format("truetype")
}

.uni-icon-success:before {
    content: "\EA06"
}

.uni-icon-success_circle:before {
    content: "\EA07"
}

.uni-icon-success_no_circle:before {
    content: "\EA08"
}

.uni-icon-safe_success:before {
    content: "\EA04"
}

.uni-icon-safe_warn:before {
    content: "\EA05"
}

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

.uni-icon-info_circle:before {
    content: "\EA0C"
}

.uni-icon-warn:before {
    content: "\EA0B"
}

.uni-icon-waiting:before {
    content: "\EA09"
}

.uni-icon-waiting_circle:before {
    content: "\EA0A"
}

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

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

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

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

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

.uni-icon-safe_success,.uni-icon-success,.uni-icon-success_circle,.uni-icon-success_no_circle {
    color: #007aff
}

.uni-icon-safe_warn {
    color: #ffbe00
}

.uni-icon-info {
    color: #10aeff
}

.uni-icon-info_circle {
    color: #007aff
}

.uni-icon-warn {
    color: #f76260
}

.uni-icon-waiting,.uni-icon-waiting_circle {
    color: #10aeff
}

.uni-icon-circle {
    color: #c9c9c9
}

.uni-icon-cancel {
    color: #f43530
}

.uni-icon-download {
    color: #007aff
}

.uni-icon-clear,.uni-icon-search {
    color: #b2b2b2
}

uni-image {
    width: 320px;
    height: 240px;
    display: inline-block;
    overflow: hidden;
    position: relative
}

uni-image[hidden] {
    display: none
}

uni-image>div,uni-image>img {
    width: 100%;
    height: 100%
}

uni-image>img {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

uni-image>.uni-image-will-change {
    will-change: transform
}

uni-input {
    display: block;
    font-size: 16px;
    line-height: 1.4em;
    height: 1.4em;
    min-height: 1.4em;
    overflow: hidden
}

uni-input[hidden] {
    display: none
}

.uni-input-form,.uni-input-input,.uni-input-placeholder,.uni-input-wrapper {
    outline: none;
    border: none;
    padding: 0;
    margin: 0;
    text-decoration: inherit
}

.uni-input-form,.uni-input-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.uni-input-input,.uni-input-placeholder {
    width: 100%
}

.uni-input-placeholder {
    position: absolute;
    top: auto!important;
    left: 0;
    color: grey;
    overflow: hidden;
    text-overflow: clip;
    white-space: pre;
    word-break: keep-all;
    pointer-events: none;
    line-height: inherit
}

.uni-input-input {
    position: relative;
    display: block;
    height: 100%;
    background: none;
    color: inherit;
    opacity: 1;
    font: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-align: inherit;
    text-indent: inherit;
    text-transform: inherit;
    text-shadow: inherit
}

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

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

.uni-input-input[type=number] {
    -moz-appearance: textfield
}

.uni-input-input:disabled {
    -webkit-text-fill-color: currentcolor
}

.uni-label-pointer {
    cursor: pointer
}

uni-movable-area {
    display: block;
    position: relative;
    width: 10px;
    height: 10px
}

uni-movable-area[hidden] {
    display: none
}

uni-movable-view {
    display: inline-block;
    width: 10px;
    height: 10px;
    top: 0;
    left: 0;
    position: absolute;
    cursor: grab
}

uni-movable-view[hidden] {
    display: none
}

uni-navigator {
    height: auto;
    width: auto;
    display: block;
    cursor: pointer
}

uni-navigator[hidden] {
    display: none
}

.navigator-hover {
    background-color: rgba(0,0,0,.1);
    opacity: .7
}

uni-picker-view-column {
    -webkit-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    position: relative;
    height: 100%;
    overflow: hidden
}

uni-picker-view-column[hidden] {
    display: none
}

.uni-picker-view-group {
    height: 100%;
    overflow: hidden
}

.uni-picker-view-mask {
    transform: translateZ(0);
    -webkit-transform: translateZ(0)
}

.uni-picker-view-indicator,.uni-picker-view-mask {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 3;
    pointer-events: none
}

.uni-picker-view-mask {
    top: 0;
    height: 100%;
    margin: 0 auto;
    background: -webkit-linear-gradient(top,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6)),-webkit-linear-gradient(bottom,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6));
    background: linear-gradient(180deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6)),linear-gradient(0deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6));
    background-position: top,bottom;
    background-size: 100% 102px;
    background-repeat: no-repeat
}

.uni-picker-view-indicator {
    height: 34px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.uni-picker-view-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    will-change: transform;
    padding: 102px 0;
    cursor: pointer
}

.uni-picker-view-content>* {
    height: 34px;
    overflow: hidden
}

.uni-picker-view-indicator:before {
    top: 0;
    border-top: 1px solid #e5e5e5;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.uni-picker-view-indicator:after {
    bottom: 0;
    border-bottom: 1px solid #e5e5e5;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.uni-picker-view-indicator:after,.uni-picker-view-indicator:before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    color: #e5e5e5
}

uni-picker-view {
    display: block
}

uni-picker-view .uni-picker-view-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative;
    overflow: hidden;
    height: 100%
}

uni-picker-view[hidden] {
    display: none
}

uni-progress {
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center
}

uni-progress[hidden] {
    display: none
}

.uni-progress-bar {
    -webkit-flex: 1;
    -webkit-box-flex: 1;
    flex: 1
}

.uni-progress-inner-bar {
    width: 0;
    height: 100%
}

.uni-progress-info {
    margin-top: 0;
    margin-bottom: 0;
    min-width: 2em;
    margin-left: 15px;
    font-size: 16px
}

uni-radio-group[hidden] {
    display: none
}

uni-radio {
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    cursor: pointer
}

uni-radio[hidden] {
    display: none
}

uni-radio[disabled] {
    cursor: not-allowed
}

uni-radio .uni-radio-wrapper {
    display: -webkit-inline-flex;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    vertical-align: middle
}

uni-radio .uni-radio-input {
    -webkit-appearance: none;
    appearance: none;
    margin-right: 5px;
    outline: 0;
    border: 1px solid #d1d1d1;
    background-color: #fff;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    position: relative
}

uni-radio:not([disabled]) .uni-radio-input:hover {
    border-color: #007aff
}

uni-radio .uni-radio-input.uni-radio-input-checked:before {
    font: normal normal normal 14px/1 uni;
    content: "\EA08";
    color: #fff;
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-48%) scale(.73);
    -webkit-transform: translate(-50%,-48%) scale(.73)
}

uni-radio .uni-radio-input.uni-radio-input-disabled {
    background-color: #e1e1e1;
    border-color: #d1d1d1
}

uni-radio .uni-radio-input.uni-radio-input-disabled:before {
    color: #adadad
}

uni-radio-group {
    display: block
}

@-webkit-keyframes once-show {
    0% {
        top: 0
    }
}

@keyframes once-show {
    0% {
        top: 0
    }
}

uni-resize-sensor,uni-resize-sensor>div {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

uni-resize-sensor {
    display: block;
    z-index: -1;
    visibility: hidden;
    -webkit-animation: once-show 1ms;
    animation: once-show 1ms
}

uni-resize-sensor>div>div {
    position: absolute;
    left: 0;
    top: 0
}

uni-resize-sensor>div:first-child>div {
    width: 100000px;
    height: 100000px
}

uni-resize-sensor>div:last-child>div {
    width: 200%;
    height: 200%
}

uni-scroll-view {
    display: block;
    width: 100%
}

uni-scroll-view[hidden] {
    display: none
}

.uni-scroll-view {
    position: relative;
    -webkit-overflow-scrolling: touch;
    max-height: inherit
}

.uni-scroll-view,.uni-scroll-view-content {
    width: 100%;
    height: 100%
}

.uni-scroll-view-refresher {
    position: relative;
    overflow: hidden
}

.uni-scroll-view-refresh {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.uni-scroll-view-refresh,.uni-scroll-view-refresh-inner {
    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
}

.uni-scroll-view-refresh-inner {
    line-height: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 1px 6px rgba(0,0,0,.117647),0 1px 4px rgba(0,0,0,.117647)
}

.uni-scroll-view-refresh__spinner {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation: uni-scroll-view-refresh-rotate 2s linear infinite;
    animation: uni-scroll-view-refresh-rotate 2s linear infinite
}

.uni-scroll-view-refresh__spinner>circle {
    stroke: currentColor;
    stroke-linecap: round;
    -webkit-animation: uni-scroll-view-refresh-dash 2s linear infinite;
    animation: uni-scroll-view-refresh-dash 2s linear infinite
}

@-webkit-keyframes uni-scroll-view-refresh-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes uni-scroll-view-refresh-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes uni-scroll-view-refresh-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px
    }

    to {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px
    }
}

@keyframes uni-scroll-view-refresh-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px
    }

    to {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px
    }
}

uni-slider {
    margin: 10px 18px;
    padding: 0;
    display: block
}

uni-slider[hidden] {
    display: none
}

uni-slider .uni-slider-wrapper {
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    min-height: 16px
}

uni-slider .uni-slider-tap-area {
    -webkit-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    padding: 8px 0
}

uni-slider .uni-slider-handle-wrapper {
    position: relative;
    height: 2px;
    border-radius: 5px;
    background-color: #e9e9e9;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

uni-slider .uni-slider-handle-wrapper,uni-slider .uni-slider-track {
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
}

uni-slider .uni-slider-track {
    height: 100%;
    border-radius: 6px;
    background-color: #007aff
}

uni-slider .uni-slider-handle,uni-slider .uni-slider-thumb {
    position: absolute;
    left: 50%;
    top: 50%;
    cursor: pointer;
    border-radius: 50%;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease
}

uni-slider .uni-slider-handle {
    width: 28px;
    height: 28px;
    margin-top: -14px;
    margin-left: -14px;
    background-color: rgba(0,0,0,0);
    z-index: 3;
    cursor: grab
}

uni-slider .uni-slider-thumb {
    z-index: 2;
    box-shadow: 0 0 4px rgba(0,0,0,.2)
}

uni-slider .uni-slider-step {
    position: absolute;
    width: 100%;
    height: 2px;
    background: rgba(0,0,0,0);
    z-index: 1
}

uni-slider .uni-slider-value {
    width: 3ch;
    color: #888;
    font-size: 14px;
    margin-left: 1em
}

uni-slider .uni-slider-disabled .uni-slider-track {
    background-color: #ccc
}

uni-slider .uni-slider-disabled .uni-slider-thumb {
    background-color: #fff;
    border-color: #ccc
}

uni-swiper-item {
    display: block;
    overflow: hidden;
    will-change: transform;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: grab
}

uni-swiper-item[hidden] {
    display: none
}

uni-swiper {
    display: block;
    height: 150px
}

uni-swiper[hidden] {
    display: none
}

uni-swiper .uni-swiper-wrapper {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

uni-swiper .uni-swiper-slides {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

uni-swiper .uni-swiper-slide-frame {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    will-change: transform
}

uni-swiper .uni-swiper-dots {
    position: absolute;
    font-size: 0
}

uni-swiper .uni-swiper-dots-horizontal {
    left: 50%;
    bottom: 10px;
    text-align: center;
    white-space: nowrap;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

uni-swiper .uni-swiper-dots-horizontal .uni-swiper-dot {
    margin-right: 8px
}

uni-swiper .uni-swiper-dots-horizontal .uni-swiper-dot:last-child {
    margin-right: 0
}

uni-swiper .uni-swiper-dots-vertical {
    right: 10px;
    top: 50%;
    text-align: right;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

uni-swiper .uni-swiper-dots-vertical .uni-swiper-dot {
    display: block;
    margin-bottom: 9px
}

uni-swiper .uni-swiper-dots-vertical .uni-swiper-dot:last-child {
    margin-bottom: 0
}

uni-swiper .uni-swiper-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    cursor: pointer;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    background: rgba(0,0,0,.3);
    border-radius: 50%
}

uni-swiper .uni-swiper-dot-active {
    background-color: #000
}

uni-swiper .uni-swiper-navigation {
    width: 26px;
    height: 26px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -13px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transition: all .2s;
    transition: all .2s;
    border-radius: 50%;
    opacity: 1
}

uni-swiper .uni-swiper-navigation-disabled {
    opacity: .35;
    cursor: not-allowed
}

uni-swiper .uni-swiper-navigation-hide {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

uni-swiper .uni-swiper-navigation-prev {
    left: 10px
}

uni-swiper .uni-swiper-navigation-prev i {
    margin-left: -1px;
    left: 10px
}

uni-swiper .uni-swiper-navigation-prev.uni-swiper-navigation-vertical {
    top: 18px;
    left: 50%;
    margin-left: -13px
}

uni-swiper .uni-swiper-navigation-prev.uni-swiper-navigation-vertical i {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-left: auto;
    margin-top: -2px
}

uni-swiper .uni-swiper-navigation-next {
    right: 10px
}

uni-swiper .uni-swiper-navigation-next i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

uni-swiper .uni-swiper-navigation-next.uni-swiper-navigation-vertical {
    top: auto;
    bottom: 5px;
    left: 50%;
    margin-left: -13px
}

uni-swiper .uni-swiper-navigation-next.uni-swiper-navigation-vertical i {
    margin-top: 2px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

uni-switch {
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    cursor: pointer
}

uni-switch[hidden] {
    display: none
}

uni-switch[disabled] {
    cursor: not-allowed
}

uni-switch .uni-switch-wrapper {
    display: -webkit-inline-flex;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    vertical-align: middle
}

uni-switch .uni-switch-input {
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    width: 52px;
    height: 32px;
    margin-right: 5px;
    border: 1px solid #dfdfdf;
    outline: 0;
    border-radius: 16px;
    box-sizing: border-box;
    background-color: #dfdfdf;
    -webkit-transition: background-color .1s,border .1s;
    transition: background-color .1s,border .1s
}

uni-switch[disabled] .uni-switch-input {
    opacity: .7
}

uni-switch .uni-switch-input:before {
    width: 50px;
    background-color: #fdfdfd
}

uni-switch .uni-switch-input:after,uni-switch .uni-switch-input:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    border-radius: 15px;
    transition: -webkit-transform .3s;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

uni-switch .uni-switch-input:after {
    width: 30px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.4)
}

uni-switch .uni-switch-input.uni-switch-input-checked {
    border-color: #007aff;
    background-color: #007aff
}

uni-switch .uni-switch-input.uni-switch-input-checked:before {
    -webkit-transform: scale(0);
    transform: scale(0)
}

uni-switch .uni-switch-input.uni-switch-input-checked:after {
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
}

uni-switch .uni-checkbox-input {
    margin-right: 5px;
    -webkit-appearance: none;
    appearance: none;
    outline: 0;
    border: 1px solid #d1d1d1;
    background-color: #fff;
    border-radius: 3px;
    width: 22px;
    height: 22px;
    position: relative;
    color: #007aff
}

uni-switch:not([disabled]) .uni-checkbox-input:hover {
    border-color: #007aff
}

uni-switch .uni-checkbox-input.uni-checkbox-input-checked:before {
    font: normal normal normal 14px/1 uni;
    content: "\EA08";
    color: inherit;
    font-size: 22px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-48%) scale(.73);
    -webkit-transform: translate(-50%,-48%) scale(.73)
}

uni-switch .uni-checkbox-input.uni-checkbox-input-disabled {
    background-color: #e1e1e1
}

uni-switch .uni-checkbox-input.uni-checkbox-input-disabled:before {
    color: #adadad
}

uni-text[selectable] {
    cursor: auto;
    user-select: text;
    -webkit-user-select: text
}

uni-textarea {
    width: 300px;
    height: 150px;
    display: block;
    position: relative;
    font-size: 16px;
    line-height: normal;
    white-space: pre-wrap;
    word-break: break-all
}

uni-textarea[hidden] {
    display: none
}

.uni-textarea-compute,.uni-textarea-line,.uni-textarea-placeholder,.uni-textarea-textarea,.uni-textarea-wrapper {
    outline: none;
    border: none;
    padding: 0;
    margin: 0;
    text-decoration: inherit
}

.uni-textarea-wrapper {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    min-height: inherit
}

.uni-textarea-compute,.uni-textarea-line,.uni-textarea-placeholder,.uni-textarea-textarea {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    white-space: inherit;
    word-break: inherit
}

.uni-textarea-placeholder {
    color: grey;
    overflow: hidden
}

.uni-textarea-compute,.uni-textarea-line {
    visibility: hidden;
    height: auto
}

.uni-textarea-line {
    width: 1em
}

.uni-textarea-textarea {
    resize: none;
    background: none;
    color: inherit;
    opacity: 1;
    font: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-align: inherit;
    text-indent: inherit;
    text-transform: inherit;
    text-shadow: inherit
}

.uni-textarea-textarea-fix-margin {
    width: auto;
    right: 0;
    margin: 0 -3px
}

.uni-textarea-textarea:disabled {
    -webkit-text-fill-color: currentcolor
}

uni-ad {
    display: block;
    overflow: hidden
}

uni-ad[hidden] {
    display: none
}

uni-cover-image {
    display: block;
    line-height: 1.2;
    overflow: hidden;
    pointer-events: auto
}

uni-cover-image,uni-cover-image img {
    height: 100%;
    width: 100%
}

uni-cover-image[hidden] {
    display: none
}

uni-cover-image .uni-cover-image {
    width: 100%;
    height: 100%;
    text-overflow: inherit;
    overflow: inherit;
    white-space: nowrap;
    -webkit-align-items: inherit;
    -webkit-box-align: inherit;
    align-items: inherit;
    -webkit-justify-content: inherit;
    -webkit-box-pack: inherit;
    justify-content: inherit;
    -webkit-flex-direction: inherit;
    -webkit-box-orient: inherit;
    -webkit-box-direction: inherit;
    flex-direction: inherit;
    font-size: 0;
    display: inherit
}

uni-cover-view {
    display: block;
    line-height: 1.2;
    overflow: hidden;
    white-space: nowrap;
    pointer-events: auto
}

uni-cover-view[hidden] {
    display: none
}

uni-cover-view .uni-cover-view {
    width: 100%;
    height: 100%;
    text-overflow: inherit;
    overflow: hidden;
    white-space: inherit;
    -webkit-align-items: inherit;
    -webkit-box-align: inherit;
    align-items: inherit;
    -webkit-justify-content: inherit;
    -webkit-box-pack: inherit;
    justify-content: inherit;
    -webkit-flex-direction: inherit;
    -webkit-box-orient: inherit;
    -webkit-box-direction: inherit;
    flex-direction: inherit;
    -webkit-flex-wrap: inherit;
    flex-wrap: inherit;
    display: inherit;
    overflow: inherit
}

.uni-map-control {
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    left: 0;
    z-index: 999
}

.uni-map-control-icon {
    position: absolute;
    max-width: none
}

uni-map {
    position: relative;
    width: 300px;
    height: 150px;
    display: block
}

uni-map[hidden] {
    display: none
}

.amap-marker-label {
    padding: 0;
    border: none;
    background-color: rgba(0,0,0,0)
}

.amap-marker>.amap-icon>img {
    left: 0!important;
    top: 0!important
}

uni-picker {
    position: relative;
    display: block;
    cursor: pointer
}

uni-picker[hidden] {
    display: none
}

uni-picker[disabled] {
    cursor: not-allowed
}

.uni-picker-container {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    box-sizing: border-box;
    z-index: 999;
    font-size: 16px
}

.uni-picker-container .uni-picker-custom * {
    box-sizing: border-box
}

.uni-picker-container .uni-picker-custom {
    position: fixed;
    left: 0;
    bottom: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 999;
    width: 100%;
    background-color: #fff;
    visibility: hidden;
    -webkit-transition: visibility .3s,-webkit-transform .3s;
    transition: visibility .3s,-webkit-transform .3s;
    transition: transform .3s,visibility .3s;
    transition: transform .3s,visibility .3s,-webkit-transform .3s
}

.uni-picker-container .uni-picker-custom.uni-picker-toggle {
    visibility: visible;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.uni-picker-container .uni-picker-content {
    position: relative;
    display: block;
    width: 100%;
    height: 238px;
    background-color: #fff
}

.uni-picker-container .uni-picker-item {
    padding: 0;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer
}

.uni-picker-container .uni-picker-header {
    display: block;
    position: relative;
    text-align: center;
    width: 100%;
    height: 45px
}

.uni-picker-container .uni-picker-header:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    clear: both;
    border-bottom: 1px solid #e5e5e5;
    color: #e5e5e5;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.uni-picker-container .uni-picker-action {
    display: block;
    max-width: 50%;
    top: 0;
    height: 100%;
    box-sizing: border-box;
    padding: 0 14px;
    font-size: 17px;
    line-height: 45px;
    overflow: hidden;
    cursor: pointer
}

.uni-picker-container .uni-picker-action.uni-picker-action-cancel {
    float: left;
    color: #888
}

.uni-picker-container .uni-picker-action.uni-picker-action-confirm {
    float: right;
    color: #007aff
}

.uni-picker-container .uni-picker-select {
    display: none
}

.uni-picker-system {
    position: absolute;
    display: none;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.uni-picker-system>input {
    position: absolute;
    border: none;
    height: 100%;
    opacity: 0;
    cursor: pointer
}

.uni-picker-system>input.firefox {
    top: 0;
    left: 0;
    width: 100%
}

.uni-picker-system>input.chrome {
    top: 0;
    left: 0;
    width: 2em;
    font-size: 32px;
    height: 32px
}

@media screen and (min-width: 500px) and (min-height:500px) {
    .uni-mask.uni-picker-mask {
        background:none
    }

    .uni-picker-container .uni-picker-custom {
        width: 300px;
        left: 50%;
        right: auto;
        top: 50%;
        bottom: auto;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        opacity: 0;
        border-radius: 5px;
        -webkit-transition: opacity .3s,visibility .3s;
        transition: opacity .3s,visibility .3s;
        box-shadow: 0 0 20px 5px rgba(0,0,0,.3)
    }

    .uni-picker-container .uni-picker-header {
        border-radius: 5px 5px 0 0
    }

    .uni-picker-container .uni-picker-content {
        -webkit-transform: translate(0);
        transform: translate(0);
        overflow: hidden;
        border-radius: 0 0 5px 5px
    }

    .uni-picker-container .uni-picker-custom.uni-picker-toggle {
        opacity: 1;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    .uni-selector-select .uni-picker-content,.uni-selector-select .uni-picker-header {
        display: none
    }

    .uni-selector-select .uni-picker-select {
        display: block;
        max-height: 300px;
        overflow: auto;
        background-color: #fff;
        border-radius: 5px;
        padding: 6px 0
    }

    .uni-selector-select .uni-picker-item {
        padding: 0 10px;
        color: #555
    }

    .uni-selector-select .uni-picker-item:hover {
        background-color: #f6f6f6
    }

    .uni-selector-select .uni-picker-item.selected {
        color: #007aff
    }
}

uni-video {
    width: 300px;
    height: 225px;
    display: inline-block;
    line-height: 0;
    overflow: hidden;
    position: relative
}

uni-video[hidden] {
    display: none
}

.uni-video-container {
    width: 100%;
    height: 100%;
    background-color: #000;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    object-position: inherit
}

.uni-video-container.uni-video-type-fullscreen {
    position: fixed;
    z-index: 999
}

.uni-video-video {
    width: 100%;
    height: 100%;
    object-position: inherit
}

.uni-video-cover {
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: rgba(1,1,1,.5);
    z-index: 1
}

.uni-video-cover,.uni-video-slots {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.uni-video-slots {
    height: 100%;
    overflow: hidden;
    pointer-events: none
}

.uni-video-cover-play-button {
    width: 40px;
    height: 40px;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer
}

.uni-video-cover-duration {
    color: #fff;
    font-size: 16px;
    line-height: 1;
    margin-top: 10px
}

.uni-video-bar {
    height: 44px;
    background-color: rgba(0,0,0,.5);
    overflow: hidden;
    position: absolute;
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 10px;
    z-index: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.uni-video-bar.uni-video-bar-full {
    left: 0
}

.uni-video-controls {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    margin: 0 8.5px
}

.uni-video-control-button {
    width: 13px;
    height: 15px;
    padding: 14.5px 12.5px 14.5px 12.5px;
    margin-left: -8.5px;
    box-sizing: content-box;
    cursor: pointer
}

.uni-video-control-button:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.uni-video-control-button.uni-video-control-button-play:after,.uni-video-cover-play-button {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAeCAYAAAAy2w7YAAAAAXNSR0IArs4c6QAAAWhJREFUSA1j+P///0cgBoHjQGzCQCsAtgJB/AMy5wCxGNXtQ9iBwvoA5BUCMQvVLEQxHpNzDSjkRhXLMM3GKrIeKKpEkYVYjcUu+AMo3ALE3GRZiN1MvKKPgbIRJFuG10j8koeA0gZEW4jfLIKyf4EqpgOxMEELCRpFnIJ3QGU5QMyM00LizCFa1SWgSkeslhFtBGkKVwGVy6FYSJp+klR/A6quB2JOkIWMIK0oNlOf8xBoZDE9LAI7nYn6HsBq4l96WHQEaLUpAyiOaASeAM2NgvuPBpaACt82IEYtfKls0UagecpwXyAzqGTRdaA57sjmYrAptAjUsCkGYlYMg9EFyLQI1IiZB8Ti6Obh5JNh0QmgHlOcBuKSIMGi50C18UDMiMssvOJEWPQLqKYbiHnxGkRIkoBF24DyaoTMIEoeh0W3geI+RBlArCI0iz4D+RVAzEasfqLVAQ19AcSg5LoYiKWI1kiiQgCMBLnEEcfDSgAAAABJRU5ErkJggg==")
}

.uni-video-control-button.uni-video-control-button-pause:after {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAgCAYAAAAffCjxAAAAAXNSR0IArs4c6QAAAFlJREFUSA3tksEKACAIQ7X//5zq98wOgQayum8QaGweHhMzG/6OujzKAymn+0LMqivu1XznWmX8/echTIyMyAgTwA72iIwwAexgj8gIE8CO3aMRbDPMaEy5BRGaKcZv8YxRAAAAAElFTkSuQmCC")
}

.uni-video-current-time,.uni-video-duration {
    height: 14.5px;
    line-height: 14.5px;
    margin-top: 15px;
    margin-bottom: 14.5px;
    font-size: 12px;
    color: #cbcbcb
}

.uni-video-progress-container {
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    position: relative
}

.uni-video-progress {
    height: 2px;
    margin: 21px 12px;
    background-color: hsla(0,0%,100%,.4);
    position: relative;
    cursor: pointer
}

.uni-video-progress-buffered {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    -webkit-transition: width .1s;
    transition: width .1s;
    background-color: hsla(0,0%,100%,.8)
}

.uni-video-ball {
    width: 16px;
    height: 16px;
    padding: 14px;
    position: absolute;
    top: -21px;
    box-sizing: content-box;
    left: 0;
    margin-left: -22px
}

.uni-video-inner {
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 50%
}

.uni-video-danmu-button {
    white-space: nowrap;
    line-height: 1;
    padding: 2px 10px;
    border: 1px solid #fff;
    border-radius: 5px;
    font-size: 13px;
    color: #fff;
    margin: 0 8.5px;
    cursor: pointer
}

.uni-video-danmu-button.uni-video-danmu-button-active {
    border-color: #48c23d;
    color: #48c23d
}

.uni-video-fullscreen {
    width: 17px;
    height: 17px;
    padding: 8.5px;
    box-sizing: content-box;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAAXNSR0IArs4c6QAAAQRJREFUWAnt1d0NwiAQB/CmS7hHX5zFxLF0Ah2hE/lg7BT4PyMJUj6Oyt299BIioZT7ARYG59wLpTXmoXOMGO/QecxtwyWW4o42AupGALkFdX1MkHxE3Q7jIbQPqNthQogpJoZkMLRlsn/gFMQEk4OoY0oQVUwNoobhQFQwgMxUKFkt0C8+Zy61d8SeR5iHWCLOwF/MCb8Tp//ex3QFsE1HlCfKFUX2OijNFMnPKD7k76YcBoL402Zh8B77+MjlXrVvwfglXA32b0MrRgxCE2nBiEJaMOIQLkYFwsGoQWoYVUgJow4pYD4Weq4ayBqfwDYQmnUK0301kITujuawu65/l2B5A4z3Qe+Ut7EBAAAAAElFTkSuQmCC");
    background-size: 50%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer
}

.uni-video-fullscreen.uni-video-type-fullscreen {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAABBElEQVRYhcXWwQ3CMAwF0O+qOzAKQzAAl0pMxQQwQhmGKwcERxbgc4lEVdHUbm3zJR8qJemTo6YByS3JO8kjyQbGkHQpkOz4zcmK8YQ0BWDCkOxL+UDKombMYKwfZAkmDGLFhEIsmHCIFpMC0WDSIHOYVEgNkw6pYPIhE5j/QCoYF0g7eEkPYGej+cX82x/l6aIAIOb9CcrajrjFE/IAQGP1IgIRcYVsVs32+vx+nC9nWq6dAZDhOaPHBEDGh54O4w0pa9oxEZBFmCjIBGb6Qh4JMWGiIWpMBkSFyYLMYjIhNUw7N9GQi2aQiLxJHspjV+rl1hFrRp25uV2MRGQRBsAewPUD/HhJVOOuCzwAAAAASUVORK5CYII=")
}

.uni-video-danmu {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    margin-top: 14px;
    margin-bottom: 44px;
    font-size: 14px;
    line-height: 14px;
    overflow: visible
}

.uni-video-danmu-item {
    line-height: 1;
    position: absolute;
    color: #fff;
    white-space: nowrap;
    left: 100%;
    -webkit-transform: translatex(0);
    transform: translatex(0);
    -webkit-transition-property: left,-webkit-transform;
    transition-property: left,-webkit-transform;
    transition-property: left,transform;
    transition-property: left,transform,-webkit-transform;
    -webkit-transition-duration: 3s;
    transition-duration: 3s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
}

.uni-video-toast {
    pointer-events: none;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-radius: 5px;
    background-color: hsla(0,0%,100%,.8);
    color: #000;
    display: none
}

.uni-video-toast.uni-video-toast-volume {
    width: 100px;
    height: 100px;
    display: block
}

.uni-video-toast-volume .uni-video-toast-title {
    width: 100%;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    margin-top: 10px;
    display: block
}

.uni-video-toast-volume .uni-video-toast-icon {
    fill: #000;
    width: 50%;
    height: 50%;
    margin-left: 25%;
    display: block
}

.uni-video-toast-volume .uni-video-toast-value {
    width: 80px;
    height: 5px;
    margin-top: 5px;
    margin-left: 10px
}

.uni-video-toast-volume .uni-video-toast-value>.uni-video-toast-value-content {
    overflow: hidden
}

.uni-video-toast-volume-grids {
    width: 80px;
    height: 5px
}

.uni-video-toast-volume-grids-item {
    float: left;
    width: 7.1px;
    height: 5px;
    background-color: #000
}

.uni-video-toast-volume-grids-item:not(:first-child) {
    margin-left: 1px
}

.uni-video-toast.uni-video-toast-progress {
    display: block;
    background-color: rgba(0,0,0,.8);
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    padding: 6px
}

uni-view {
    display: block
}

uni-view[hidden] {
    display: none
}

uni-web-view {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

uni-web-view.uni-webview--fullscreen {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

body::after {
    position: fixed;
    content: '';
    left: -1000px;
    top: -1000px;
    -webkit-animation: shadow-preload .1s;
    -webkit-animation-delay: 3s;
    animation: shadow-preload .1s;
    animation-delay: 3s
}

@-webkit-keyframes shadow-preload {
    0% {
        background-image: url(https://cdn.dcloud.net.cn/img/shadow-grey.png)
    }

    100% {
        background-image: url(https://cdn.dcloud.net.cn/img/shadow-grey.png)
    }
}

@keyframes shadow-preload {
    0% {
        background-image: url(https://cdn.dcloud.net.cn/img/shadow-grey.png)
    }

    100% {
        background-image: url(https://cdn.dcloud.net.cn/img/shadow-grey.png)
    }
}
