body, button, html, img, input, ol, p, ul {
    margin: 0;
    padding: 0
}

body, html {
    font-family: -apple-system-font, "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    height: 100%
}

a, button, input, input:focus, select, select:focus, textarea, textarea:focus {
    outline: 0;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

a {
    color: #0079ff;
    text-decoration: none
}

ol, ul {
    list-style: none
}

.ui-clear-fix:after {
    display: block;
    content: "";
    visibility: hidden;
    clear: both
}

.ui-border-1px {
    position: relative
}

.ui-border-1px:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform: scale(1);
    pointer-events: none
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .ui-border-1px:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: -100%;
        bottom: -100%;
        -webkit-transform-origin: 0 0;
        -webkit-transform: scale(0.5);
        pointer-events: none
    }
}

.poor-device .ui-border-1px:after {
    right: 0;
    bottom: 0;
    -webkit-transform: scale(1)
}

.ui-no-wrap {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ui-multi-no-wrap {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.ui-color-black {
    color: #000
}

.ui-color-white {
    color: #fff
}

.ui-color-gray {
    color: gray
}

.ui-color-blue {
    color: #0079ff
}

.ui-color-red {
    color: #fd472b
}

.ui-color-orange {
    color: #ff6d00
}

.ui-app {
    background: #fff;
    -webkit-overflow-scrolling: touch
}

.ui-footer, .ui-header {
    position: fixed;
    background: #fff;
    width: 100%;
    height: 48px;
    z-index: 10
}

.ui-header {
    top: 0
}

.ui-header:after {
    border-bottom: 1px solid #cacaca
}

.ui-footer {
    bottom: 0
}

.ui-footer:after {
    border-top: 1px solid #cacaca
}

.ui-content-container {
    position: absolute;
    width: 100%;
    top: 0;
    -webkit-box-sizing: border-box;
    min-height: 100%;
    z-index: 1
}

.js-bounce-fix .ui-content-container {
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.ui-header ~ .ui-content-container {
    border-top: 48px solid transparent
}

.ui-footer ~ .ui-content-container {
    border-bottom: 48px solid transparent
}

.ui-content {
    display: none
}

.js-bounce-fix .ui-content {
    position: relative;
    min-height: 100%
}

.ui-content.js-active {
    display: block
}

.poor-device .ui-header {
    position: absolute
}

.ui-icon {
    background-size: 100% 100%
}

.ui-bg-default {
    position: relative;
    background-color: #e6e6e6;
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.ui-bg-default img {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-bg-default.js-loaded img {
    display: block
}

.ui-icon-arrow {
    display: inline-block;
    border-left: 1px #636363 solid;
    border-bottom: 1px #636363 solid;
    width: 6px;
    height: 6px
}

.ui-icon-arrow.ui-arrow-big {
    border-left-width: 2px;
    border-bottom-width: 2px;
    width: 7px;
    height: 7px
}

.ui-icon-arrow.ui-arrow-down {
    -webkit-transform: rotate(-45deg)
}

.ui-icon-arrow.ui-arrow-right {
    -webkit-transform: rotate(-135deg)
}

.ui-btn, .ui-btn-block {
    overflow: hidden;
    border-radius: 3px;
    text-align: center
}

.ui-btn-block:after, .ui-btn:after {
    border-radius: 6px
}

.ui-btn {
    display: inline-block;
    margin: 14px 10px;
    padding: 0 14px;
    min-width: 56px;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
    -webkit-box-sizing: border-box
}

.ui-btn-block {
    display: block;
    margin: 14px 15px;
    padding: 0 14px;
    height: 44px;
    font-size: 18px;
    line-height: 44px
}

.ui-btn-block[disable], .ui-btn[disable] {
    background: #e9ebec !important;
    color: #ccc !important;
    pointer-events: none !important
}

.ui-btn-block[disable]:after, .ui-btn[disable]:after {
    border-width: 0 !important
}

.ui-btn-white {
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fafafa));
    background: -webkit-linear-gradient(top, #fff, #fafafa);
    background: linear-gradient(top, #fff, #fafafa);
    color: #00a5e0
}

.ui-btn-white:after {
    border: 1px solid #cacccd
}

.ui-btn-white.js-active {
    background: #f2f2f2;
    color: rgba(0, 165, 224, .5)
}

.ui-btn-blue {
    background: #1fbaf3;
    background: -webkit-gradient(linear, left top, left bottom, from(#1fbaf3), to(#18b4ed));
    background: -webkit-linear-gradient(top, #1fbaf3, #18b4ed);
    background: linear-gradient(top, #1fbaf3, #18b4ed);
    color: #fff
}

.ui-btn-blue:after {
    border: 1px solid #0baae4
}

.ui-btn-blue.js-active {
    background: #1ca7da;
    color: rgba(255, 255, 255, .5)
}

.ui-btn-red {
    background: #fc6156;
    background: -webkit-gradient(linear, left top, left bottom, from(#fc6156), to(#f75549));
    background: -webkit-linear-gradient(top, #fc6156, #f75549);
    background: linear-gradient(top, #fc6156, #f75549);
    color: #fff
}

.ui-btn-red:after {
    border: 1px solid #f43d30
}

.ui-btn-red.js-active {
    background: #e2574d;
    color: rgba(255, 255, 255, .5)
}

.ui-btn-orange {
    background: #ff6c00;
    color: #fff
}

.ui-btn-orange.js-active {
    background: #b2340a
}

.ui-btn-block > .icon, .ui-btn > .icon {
    display: inline-block;
    background-size: 100% 100%;
    vertical-align: middle
}

.ui-btn-block > .text, .ui-btn > .text {
    vertical-align: middle
}

.ui-corner-tag {
    position: relative;
    overflow: hidden
}

.ui-corner-tag [class * =ui-tag-] {
    position: absolute;
    top: -20px;
    left: 0;
    border-top: 20px solid;
    border-bottom-right-radius: 20px;
    padding: 0 9px 0 2px;
    min-width: 25px;
    height: 20px;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    text-align: center
}

.ui-tag-red {
    background: #fc4226
}

.ui-tag-orange {
    background: #f70
}

.ui-tag-blue {
    background: #0079ff
}

.ui-tag-green {
    background: #6ab147
}

[class * =ui-dot] {
    z-index: 20
}

.ui-dot-normal {
    border-radius: 5px;
    width: 9px;
    height: 9px
}

.ui-dot-new, .ui-dot-num {
    border-radius: 100px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    font-style: normal
}

.ui-dot-num {
    min-width: 19px;
    height: 19px;
    line-height: 19px
}

.ui-dot-new {
    width: 30px;
    height: 15px;
    font-size: 12px;
    line-height: 15px
}

.ui-dot-tr {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translate(50%, -50%)
}

.ui-dot-small {
    width: 6px;
    height: 6px
}

.ui-dot-red {
    background: #ff3b30
}

.ui-dot-blue {
    background: #00acff
}

.ui-mask {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .4);
    opacity: 0;
    -webkit-transition-property: opacity;
    -webkit-transition-timing-function: ease-out;
    z-index: 9000
}

.ui-mask.js-effect {
    -webkit-transition-duration: .2s
}

.ui-mask.js-show {
    display: block;
    opacity: 1
}

.ui-toast {
    display: none;
    position: fixed;
    top: 0;
    right: 10px;
    left: 10px;
    border-radius: 0 0 5px 5px;
    background: rgba(0, 0, 0, .5);
    font-size: 15px;
    line-height: 40px;
    text-align: center;
    -webkit-transform: translateY(-100%);
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-timing-function: ease-out;
    z-index: 10000
}

.ui-toast.js-effect {
    -webkit-transition-duration: .2s
}

.ui-toast.js-show {
    display: block;
    -webkit-transform: translateY(0)
}

.ui-toast i {
    display: inline-block;
    position: relative;
    top: 3px;
    width: 18px;
    height: 18px;
    background-size: 100% 100%
}

.ui-icon-warning {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAACGklEQVR42tSYTUsCQRzGd1cIKSo7iEWkFFpZl6JuWifF+gj7EeoTdOhqQVDHQKJO9Rmki5dUxA+gFUX0cgi7VZcknJ6RCRYbbfc/ay8P/GRY8Zln19mZ/4zOGNMcahykQBxEQQj0i+9ewC2ogjw4BTeO3HkgG3iACQqgweyrIX5jCo9v+7ITJgGqTF1V4UUO5AUZ5r4ywttRID8os+6pLPr40rcuGdR+cAamtO7qAiyBp06DuheU2M+pJPps+5cdODR8BxtgEPjApsO3kIk+pYEShDvckoyDHYJPojWQASoEo6AkUIg4JXisgUziGPC2mUQpMq2B8kSTEUkgH9Gr8Pna87XpGuiEV3cWVFquRcAlwYvPP2EDHyvEMFzDkmujRC+eIcUDxRQmt0mb1+wqZojHTlVEci2s4DfDA425/ISiCn4hPqjf0OghGjxIbogXaEGiX101EFcA1CwLc03Bq26IslNFi5b2gqLXKw90r2gSt7SXFb3u+Mx6olhCPIJ5MCfaKjrmY2gNyfa1v6F1HmgCjSuF2dotNZcO1cWVaxcMgQDYU/ApuFF+5CSrfc6N8sND3HulJYG23SjQqCVsVhIoS/BJtivyj4hPqU8UZmnC7w877Tqo26AGYbch3Qb9+Y3ir2+l/81hg5Wki8cxSTfOh6wHVkXC4C06ObDSiUd6q6LsmBbV4YD47rlZQmjauTjSyzo90vsQYAAWCRfEWc038wAAAABJRU5ErkJggg==)
}

.ui-icon-tips {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAh1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9qkf8RAAAALHRSTlMA7Jmk/gP5FVnXIUQKyMrYCM/OacUCIkWI+rScm8btaGrEps2dGHieHRel1mxDE6gAAAD+SURBVDjLjZTXEsIgEEUXIdWabom9K///fZJiZikK9407Z4CtAEjxnp6J75Mz3cdglBfmjA9ieejpzDjiiqKxgixG3KDRAjPBjBs1CxAz5z80H6jJFNnL62ODjtNJD9XIXItzkSCj7uPC998aR4qijbF4c/WmVMpEk69Q/uryGWxkJxTQkVuUi3oxG8RKyLhVGVDp3MWrQBQSxTFAKRA7tAPfDvlukNNzDh9P4GWHqJZMA5RByWyQKItaYB3K9VbRoaZVvOg/1Dad1L7f2UBW1Tn3f31yMY2UomGknIbTbczdFoZQpa+eyrTEtrhCW9MSa9fh4ZSS1Yqkp4O0Dj9mNJv8oJMCyQAAAABJRU5ErkJggg==)
}

.ui-icon-success {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAsVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+3mHKcAAAAOnRSTlMAV9j5WQMV/vxu7FZeadekRCEKyJnFCGciRc7PbxbM3vrKm2po7cbNxKb94/sgnZ5f22DQcAlaAqXWLOS+AQAAASdJREFUOMuV1NdygzAQBdAbikUIxdjGBtx7nN7L/f8PywMeWVgCnPvEjM6MxGq1gJJkE+992/b38SaBMa6TCsqI1HF10414lqh7RoYDGjIYqqazpDHLjmIs1sSSqtdnbfq9I1qxIavjf7ExXQD4/m1GkQvAqVu9ey+L6wC4rTHeFd4ESaZAImoNMCdJkSFsMJPyO0Rcb66Pm8QYtxoW8FsNt7Dl0r00NxVD+4Q+EAqjoS23mwMYCZPhVh5cvJRKNxzjR54kADB60A1jpZheAOBRNwyRiarSjcgqF+wFBsP0rFW8ABPtwh0ArvrgxKu56draNy+b/LnJPP3nSV30OIHpzGxmU3UYfF4wMADk2pZWbhpiO7WOuy/XPOyS9aHwFwu/OKwr4/APWGTFzEewEGgAAAAASUVORK5CYII=)
}

.ui-dialog {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 50%;
    left: 50%;
    border-radius: 10px;
    width: 270px;
    background: rgba(243, 243, 243, .8);
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.8);
    -webkit-transition-property: opacity -webkit-transform;
    -webkit-transition-timing-function: ease-out;
    z-index: 10000
}

.poor-device .ui-dialog {
    position: absolute
}

.ui-dialog.js-effect {
    -webkit-transition-duration: .3s
}

.ui-dialog.js-before-show {
    -webkit-transform: translate(-50%, -50%) scale(1.2)
}

.ui-dialog.js-show {
    display: block;
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1)
}

.ui-dialog .body {
    padding: 18px
}

.ui-dialog .title {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    text-align: center
}

.ui-dialog .content {
    font-size: 14px;
    line-height: 1.5
}

.ui-dialog .btns {
    display: -webkit-box
}

.ui-dialog .btns:after {
    border-top: 1px solid #b2b2b2
}

.ui-dialog .btn {
    width: 50%;
    height: 44px;
    font-size: 14px;
    line-height: 44px;
    text-align: center;
    -webkit-box-flex: 1
}

.ui-dialog .btn.js-active {
    background: rgba(0, 0, 0, .1)
}

.ui-dialog .btn:nth-child(2) {
    font-weight: 600
}

.ui-dialog .btn:nth-child(2):after {
    border-left: 1px solid #b2b2b2
}

.ui-page-loading {
    display: none;
    position: fixed;
    top: 50%;
    margin-top: -15px;
    width: 100%;
    color: #ababab;
    text-align: center;
    z-index: 10000
}

.ui-page-loading .loading {
    display: inline-block;
    vertical-align: middle
}

.ui-page-loading .content {
    display: inline-block;
    font-size: 14px;
    vertical-align: middle
}

.ui-text-loading {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -55px;
    margin-left: -65px;
    border-radius: 6px;
    width: 130px;
    height: 110px;
    background: rgba(0, 0, 0, .65);
    z-index: 10000
}

.ui-search-bar {
    display: -webkit-box;
    -webkit-box-sizing: border-box;
    padding: 0 10px;
    height: 48px;
    -webkit-box-align: center
}

.ui-search-bar:after {
    border-bottom: 1px solid #cacaca
}

.ui-search-form {
    display: -webkit-box;
    border-radius: 5px;
    height: 30px;
    background: #fff;
    -webkit-box-flex: 1;
    -webkit-box-align: center
}

.ui-search-form:after {
    border: 1px solid #a6a6a6;
    border-radius: 10px
}

.ui-search-form .ui-icon-search {
    margin: 0 6px 0 9px
}

.ui-icon-search {
    display: block;
    width: 13px;
    height: 13px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAq1BMVEUAAAC0tLS0tLS0tLS0tLS0tLS0tLS0tLSlpaW0tLStra2lpaW0tLS0tLS0tLS0tLSnp6e0tLSnp6enp6elpaWwsLC0tLS0tLS0tLS0tLS0tLS0tLSpqampqam0tLSrq6u0tLStra20tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSurq60tLSkpKSenp6goKBM/Wi/AAAANXRSTlMAYmNgAQZhC9YHtdEhXFZnzlvMyNOoGiecXQpmxcIMuB6yVY5ulgM1bGhXEgJvbZs3GWlasTDuqrcAAADXSURBVBgZdcGFloMwAEXB1xaaUHfXdfcb+P8vWwmHkh52Rt5uvXXgtuudztQd4PjhaiqLF7BZPurpfbmBRayTKTSUa8JUhSZursLc0VRulVFTSY1sJa/BWIExDXl76grU2cvLOChwINOfCGIFEoj0KwKdAXmOmQIznLwvPhS45yjvk5ECI4bykpQ7lbyQJso9wK0Kb9BT4RqulHuGV53cXMKg30mSTn8AWKOSi5RcOrRMjEribiuFtNWNZSwTo2rGYo2qGYs1qmYs1qiasbQjVTPtnv4TSd8xfxszebSymAAAAABJRU5ErkJggg==)
}

.ui-search-input {
    display: block;
    position: relative;
    top: 500px;
    border: 0;
    border-radius: 5px;
    height: 30px;
    font-size: 14px;
    -webkit-box-flex: 1;
    -webkit-transform: translateY(-500px)
}

.ui-search-input::-webkit-search-cancel-button {
    display: none
}

.ui-search-form .btn-clear {
    display: none;
    padding: 7px 9px 7px 6px
}

.ui-icon-clear {
    display: block;
    position: relative;
    border-radius: 8px;
    width: 16px;
    height: 16px;
    background: #8e8e93
}

.ui-icon-clear:after, .ui-icon-clear:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 66.7%;
    height: 2px;
    background: #fff
}

.ui-icon-clear:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg)
}

.ui-icon-clear:after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg)
}

.ui-search-bar .btn-cancel {
    display: none;
    padding: 0 10px;
    font-size: 14px;
    line-height: 48px
}

.ui-search-bar .btn-cancel.js-active {
    background: rgba(0, 0, 0, .1)
}

.ui-search-bar.js-input .btn-clear {
    display: block
}

.ui-search-bar.js-focus {
    padding-right: 0
}

.ui-search-bar.js-focus .btn-cancel {
    display: block
}

.ui-carousel {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background-color: #000
}

.ui-carousel-inner {
    display: none;
    position: relative;
    -webkit-transfrom: translate3d(0, 0, 0)
}

.ui-carousel-item {
    float: left;
    position: relative
}

.ui-carousel-item-last {
    left: -100%
}

.ui-carousel-dots {
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 10px
}

.ui-carousel-dots-i {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: rgba(255, 255, 255, .3);
    border-radius: 8px;
    margin: 0 2px;
    text-indent: -9999px
}

.ui-carousel-dots-curr {
    background-color: #fff
}

.ui-multselect {
    display: -webkit-box;
    width: 100%;
    background: #f8f8f8;
    position: relative
}

.ui-multselect:after {
    border-bottom: 1px solid #bebec0
}

.ui-multselect-selected {
    position: relative;
    text-align: center;
    padding: 15px 0
}

.ui-multselect-1grid {
    width: 100%
}

.ui-multselect-2grid {
    width: 50%
}

.ui-multselect-3grid {
    width: 33.33%
}

.ui-multselect-4grid {
    width: 25%
}

.ui-multselect-5grid {
    width: 20%
}

.ui-multselect-selected:before {
    content: "";
    display: none;
    position: absolute;
    left: 50%;
    top: 100%;
    border-left: 12px solid #fff;
    border-top: 12px solid #fff;
    border-right: 12px solid transparent;
    border-bottom: 12px solid transparent;
    box-shadow: -1px -1px #cacaca;
    -webkit-transform: translate(-50%, -50%) scale(0.5) rotate(45deg);
    z-index: 1
}

.ui-multselect-selected.active:before {
    display: block
}

.ui-multselect-selected:last-child:after {
    border-right-width: 0
}

.ui-selected-text-wrap:after {
    border-right: 1px solid #cacaca
}

.ui-selected-text {
    display: inline-block;
    max-width: 80%;
    vertical-align: middle;
    font-size: 14px
}

.ui-multselect-selected .ui-icon-arrow {
    display: none;
    vertical-align: middle
}

.ui-multselect-root-more .ui-icon-arrow {
    display: inline-block;
    -webkit-transform: rotate(-37deg) skewX(15deg)
}

.ui-multselect-selected.active .ui-icon-arrow {
    margin-top: 4px;
    border-color: #00a5e0;
    -webkit-transform: rotate(142deg) skewX(15deg)
}

.ui-multselect-selected.active .ui-selected-text {
    color: #00a5e0
}

.ui-multselect-panel {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 48px;
    bottom: 100px;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #fff;
    -webkit-transition: -webkit-transform 300ms ease-in-out;
    -webkit-transform: translate3d(0, 0, 0)
}

.poor-device .ui-multselect-panel {
    position: absolute
}

.ui-multselect-panel:after {
    border-left: 1px solid #cacaca;
    -webkit-transform: scale(0.5) translate3d(-1px, 0, 0);
    left: 45%;
    z-index: 1
}

.ui-multselect-panel.no-third:after {
    left: 0;
    border: none
}

.ui-multselect-panel.no-third .ui-multselect-child.left {
    width: 100%
}

.ui-multselect-panel.no-third .ui-multselect-child.right {
    display: none
}

.ui-multselect-panel.from-top {
    -webkit-transform: translate3d(0, -100%, 0) !important
}

.ui-multselect-panel.from-bottom {
    -webkit-transform: translate3d(0, 100%, 0) !important
}

.ui-multselect-child {
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.ui-multselect-child.left {
    width: 45%;
    position: relative;
    z-index: 10
}

.ui-multselect-child.left .ui-multselect-child-li:after {
    border-bottom: 1px solid #cacaca
}

.ui-multselect-child.right {
    width: 55%;
    background: #f8f8f8
}

.ui-multselect-child-li {
    padding: 0 15px;
    display: -webkit-box;
    position: relative;
    -webkit-box-align: center
}

.ui-multselect-child-li.no-more .ui-icon-arrow {
    display: none
}

.ui-multselect-child-li.active {
    color: #00a5e0
}

.ui-multselect-child-li-icon {
    margin-right: 10px;
    width: 15px;
    height: 15px
}

.ui-multselect-child.left .ui-multselect-child-li.active {
    background-color: #f8f8f8;
    box-shadow: inset 3px 0 #00a5e0, 1px 0 #f8f8f8
}

.ui-multselect-child.left .ui-multselect-child-li.active:after {
    border-right: 1px solid #f8f8f8
}

.ui-multselect-child-text {
    -webkit-box-flex: 1;
    font-size: 15px;
    line-height: 48px
}

.locate-bar {
    display: -webkit-box;
    height: 30px;
    color: #fff;
    background: rgba(0, 0, 0, .65);
    font-size: 14px;
    line-height: 30px
}

.locate-bar .content {
    margin-left: 10px;
    -webkit-box-flex: 1
}

.locate-bar .icon-refresh {
    display: block;
    padding: 5px 10px;
    width: 20px;
    height: 20px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAABIFBMVEXv7+/////////////////////////////x8fH////w8PDw8PD////////////////////////09PT////////////////////7+/vy8vL////////////////////////////////////////////////////29vbz8/Px8fHz8/P////z8/Px8fH////////////////////09PT////9/f3////////z8/P////19fX////////////////////09PT////////09PT+/v78/Pz////////////////z8/P////////////x8fH////////9/f3////x8fH///////8AAAD09PT8/Pzz8/P6+vr19fX+/v75+fnv7+/////QQbrAAAAAV3RSTlPyMRcoFp5tbuJz6OmbdHFhYF/RNFpeL2+t2zOSJBALUDWDjHgOBonF1+HWCNTnFEViImPQaKddadgPzRFCAZks0goHzqKoW2owE9lECQLkWSGmBOYVAwDygY/9AAABeUlEQVQ4y63U13KDMBQEUNJ7770n7r3bce8GDAaU2Abt//9FHsCJC1aYTO6rziBp0SxHHA73RyjF5BQ1DJqSY9J8qHUrOr5Hr3Q1e9gRASqHmi1BCBxFahQQOzbQmweUPf5nhQ/5gbx3Gqo+DHd7k8fqbQzhUyehqsBfmL1qYROKOg5LRXhadqGoLhRLY1BoHKr28alb2HYWeGGIjrM/swNRM+EzG/YUdE349sKW+6iYEPI7E/J9PWxCvLI/GUfSgnhiwgjkEdTrLHiJ9gjCyDFgC5QQjhADvySpwXAGBQtS3DDUbTYrWVtf4JQB7ykAEMIREscBa+OcMYJJVJlHvPu0YFinZabMWJBkUGe/nwcLdrGusQN6NKEmYpUN360X3kF/yVn3rMAdcARLRXgWHbWZqoBbcFR7yy58rE1Xytn59WxJ8XnAXR9LvpwQgSu72gsqAK0mmmlC0s2TKgWU4LwijY4VKaLHGqOaG7U2HQxou9aQ/qfs588XfXMJVve4cV4AAAAASUVORK5CYII=);
    background-size: 20px 20px;
    background-position: center;
    background-repeat: no-repeat
}

.locate-bar .loading {
    display: none;
    margin-right: 10px
}

.locate-bar.js-loading .icon-refresh {
    display: none
}

.locate-bar.js-loading .loading {
    display: block
}

.load-more {
    display: none;
    padding: 0 15px;
    background: #fff;
    text-align: center
}

.load-more .loading {
    display: inline-block;
    vertical-align: middle
}

.load-more .content {
    font-size: 15px;
    line-height: 48px;
    vertical-align: middle
}

.js-load-more .load-more {
    display: block
}

.no-data {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #a0a0a0;
    text-align: center;
    -webkit-box-align: center;
    -webkit-box-pack: center
}

.js-no-data .data {
    display: none
}

.js-no-data .no-data {
    display: -webkit-box
}

.coupon-list {
    background: #fff
}

.coupon-list .item {
    display: -webkit-box;
    padding: 10px
}

.coupon-list .item:after {
    border-bottom: 1px solid #ebebeb
}

.coupon-list .item.js-active:after {
    background: rgba(0, 0, 0, .1)
}

.coupon-list .logo {
    position: relative;
    width: 108px;
    height: 67px;
    overflow: hidden
}

.coupon-list .num {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 6px;
    height: 20px;
    background: rgba(0, 0, 0, .65);
    color: #fff;
    font-size: 12px;
    line-height: 20px
}

.coupon-list .detail {
    margin-left: 10px;
    color: gray;
    font-size: 12px;
    line-height: 1;
    -webkit-box-flex: 1
}

.coupon-list .line {
    display: -webkit-box;
    margin-top: 5px;
    -webkit-box-align: center
}

.coupon-list .line:first-child, .coupon-list .line:nth-child(2) {
    margin-top: 0
}

.coupon-list .name {
    color: #000;
    font-size: 16px;
    line-height: 20px
}

.coupon-list .desc {
    height: 28px;
    font-size: 12px;
    line-height: 14px;
    -webkit-line-clamp: 2
}

.coupon-list .meta {
    margin-top: 1px;
    -webkit-box-align: end
}

.coupon-list .price, .coupon-list .rebate {
    height: 17px;
    color: #fc4226;
    font-size: 18px
}

.coupon-list .price:before {
    content: "¥";
    color: #fc4226;
    font-size: 12px
}

.coupon-list .yuan {
    color: #fc4226;
    font-size: 12px
}

.coupon-list .original-price, .coupon-list .sale-count {
    margin-left: 10px;
    color: gray;
    font-size: 12px
}

.coupon-list .original-price {
    text-decoration: line-through
}

.coupon-list .oprice {
    margin-top: 6px
}

.coupon-list .sale-count {
    text-align: right;
    -webkit-box-flex: 1
}



.shop-list .logo {
    width: 108px;
    height: 75px
}

.shop-list [class * =label-] {
    margin-top: -2px;
    margin-left: 3px;
    border-radius: 2px;
    width: 16px;
    height: 16px;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    text-align: center
}

.shop-list .label-orange {
    background-color: #ff6c00
}

.shop-list .label-yellow {
    background-color: #f90
}

.shop-list .label-red {
    background-color: #e15125
}

.shop-list .label-green {
    background-color: #1ebc70
}

.icon-flower {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAA9lBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AAAD///+4AJa/AAAAUXRSTlNvtZSYVf08KAYul6sTeMMLIp3TQs2lFTbsxLFEe58aZaP0yuhQvT36oCStuGLR8gOo+6FTdvjk2QXx0DWiZB/8CR4cpJ671+/12uUhAfn+9gC6tt/NAAAA6UlEQVQoz2MIwAsY6CjtgE9a3jNQwkQfh7QPUyAIOPtgl2YJhABj7NJSUGkt7NKeUGlzDGkHXjd7L1+otK8Xq5sMP5I0jwhUJtAexrASQ0hzQcWcHQMcBaFsG4S0JUREFCyiAeF4IKT9ISJ2YBFvCMcfIa0NFlCHutYPzFNFSAv7IenWBLP9pJE8pgM23gXMNgIbbYsSLHKuYHnvAAFZEIPRCTXU2D0CkYE7mrRCICpgRpV2R5NWRpG28EOTNvRB0S2JJq2Eari1HlhUSJwbEmlqaPHNaWDmr8vAERCgwmeq6Mo2ENkAHQAA3YsMvrww4RwAAAAASUVORK5CYII=)
}

.shop-list .star {
    position: relative;
    width: 75px;
    height: 15px;
    overflow: hidden
}

.shop-list .star .icon-star, .shop-list .star .mask, .shop-list .star:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.shop-list .star:before {
    display: block;
    content: '';
    background: #ccc
}

.shop-list .star .mask {
    background: #fdaa01
}

.shop-list .star .icon-star {
    display: block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAA+VBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AAAD///8bcUElAAAAUnRSTlNKqgX8/UFbMStIlksu9gn0le9k+yqvt/UyKCl+Cl7B7iBY96eBCOk5xsklhnUCFokGjGAM+d2gC4vfrEBaGn3DzLw+1Z2Qv2rw89ziEAT+AesA+nNjsgAAAOhJREFUKM+V02dTAkEMgOGzY1csiA0Ve0dFsKJwJwdce/f//xi/wLBZ7nY0H/eZZJOZxFHWcP7FrpW7uyUb7+BZODpg28I/wH427wHvmdx5BO6TLH4GoJ7FbwBcRun8EgPAt+CkSXqcnSrlKPX0kKqHR4PiV/EIxsfR8O/XmqEnZdHa14fQ23Oj816o6U3VHOxCZDdM/hR8bfKW4KLBPWO0ruS5/vOgQU/yPADBnV8JAJgSvLwEhO1EKZW0Q2Dc13kDmG31M1oOMKZznvVNfedmmNY4WlhZEys26eYmhry4OnI9ncJfbuwXA34Rob/UaBMAAAAASUVORK5CYII=);
    background-size: 15px 15px;
    background-repeat: repeat-x
}

.shop-list .average-price {
    margin-left: 10px;
    -webkit-box-flex: 1
}

.shop-list .rc {
    -webkit-box-flex: 1
}

.shop-list .distance {
    margin-left: 10px
}

.shop-list .social {
    padding-right: 4px;
    line-height: 16px;
    background: rgba(0, 0, 0, .04)
}

.shop-list .social > * {
    margin-left: 4px
}

.shop-list .social .content {
    -webkit-box-flex: 1
}

.icon-comment, .icon-friend, .icon-like {
    display: block;
    width: 12px;
    height: 12px
}

.icon-friend {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAqFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAs30iGAAAAOHRSTlMEVVgNK2IQQR5jNkg8WwkoHGROU140Ry5nV0JGEVplXSEpDj8dME0ISkVZBlwyYV8DASAFAmZoAFpwd5MAAADESURBVCjPrdHXEsIgEAXQ2HvvGjWJmt6By///mTBBRR3fvA887BnY3cHgP2L8H+gtZOGm+IY9ZC5kvpgUOlxRZVoCfq7BQUFQzIBEg0zBmcfA7gUUjxQpsKVPyJ9AmTjI66lU1TMujlTr4SsYEDm0BpaCUoxb8/QF19W03K8nhragQ/JVjFFC8zb3Om7jATZjgbxPXMC2WsjMCm7ylfjKx6KOsGmmOEYSStV4yarlu2UPQwFRhvecnCNOkcETfKb/5z+/AzmPctYZfe/5AAAAAElFTkSuQmCC)
}

.icon-like {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAA0lBMVEUAAAAAAAAAAAAAAAALCwsLCwsAAAAAAAAAAAALCwsAAAAAAAAAAAAAAAALCwsAAAAAAAALCwsLCwsLCwv09PQLCwsAAAAAAAAAAAAAAAAAAAAAAACsrKwAAAAAAAAAAAAAAAAAAAAAAACsrKwAAAAAAAALCwusrKwLCwusrKwAAACsrKysrKxTU1MAAABTU1NTU1NTU1NTU1NTU1MAAAAAAAAAAAAAAAD09PQAAACsrKwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABSbVRlAAAARnRSTlMPE1BKD0RCIiUiAxxTYEtURUxVBgQtOAgMS0g1DT1SMAJGBBEXVRAUMR0oChkBQxQ8MzIYTwtOJAJXHBEvWFxfXV5aW1kAserEXAAAAMhJREFUKM+tkdUSwkAMRYu7u7u7lEJtLfz/LwHddtql8MKQl93JmTtJ7pXuX0r6FYxUtW19Zov1ygW1ao6Qbq9/r3duiF2WDijlMwzARC25iRhQk+g2qCB4Fb01qPVhxs4C1ywDTkz+Aj5aoFykIBbZc0WBvQF84DPmROxTOHEwnYgSvN3Yd+iChBlj58DhAHtH664lWtp0+9Gkx6uU4ayMQ7LgrkL5AjgovdmuwEuDzwFfHnFgz772IaiYgS7axwQTkfAfMvfXA4DZkBc3UCt7AAAAAElFTkSuQmCC)
}

.icon-comment {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAP1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACzJYIvAAAAFXRSTlNaUydjFl8iVxJdIBReBUFWFxFnaABMxiUaAAAAXUlEQVQoz2MQwQEY6CPBxiOMBji5wBKswhiAASwhjAXQQkJAAIVASAgKohAICSEhFIKKrhICS/BjSjCCJVjY0cX5ueHBDuLy8WKJD2FhZiasESXMz4E9BlGNwRu1AJG3KureReI4AAAAAElFTkSuQmCC)
}

.friend-recommend-list .item {
    display: block
}

.friend-recommend-list .friend {
    font-size: 14px
}

.friend-recommend-list .friend-avatar {
    border-radius: 10px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    overflow: hidden
}

.friend-recommend-list .friend-avatar img {
    border-radius: 10px
}

.friend-recommend-list .friend-nick {
    margin-left: 6px;
    max-width: 50%
}

.friend-recommend-list .like-count {
    margin-left: 6px
}

.friend-recommend-list .shop {
    display: -webkit-box;
    margin-top: 10px
}

.friend-recommend-list .shop .line {
    margin-top: 8px
}

.friend-recommend-list .shop .line:first-child {
    margin-top: 0
}

.shop-list .discount_des {
    display: inline-block;
    padding: 0 1px;
    color: #FF6D00;
    border: 1px solid #FF6D00;
    border-radius: 3px;
    font-size: 11px
}




.ui-header {
    height: 96px;
    background: #f8f8f8;
    -webkit-transition-property: top;
    -webkit-transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    z-index: 10000
}

.btn-search {
    display: block;
    margin: 0 0 0 10px
}

.ui-footer ~ .ui-content-container {
    border-bottom-width: 0
}

.ui-content {
    -webkit-box-sizing: border-box;
    padding-top: 48px
}

.data {
    border-bottom: 30px solid #fff
}