@charset "UTF-8";
.mui-bar .mui-icon:active {
    opacity: 1;
}

[v-cloak] {
    display: none;
}

body {
    color: #3E4D6C;
}

html, body, .page {
    height: 100%;
}

.ui-overflow-hide {
    overflow: hidden;
}

.page {
    max-width: 960px;
    margin: 0 auto;
    position: relative;
}

body, .mui-content {
    background-color: #fff;
    font-size: 14px;
}

.index_content {
    background-color: #f4f4f4;
    overflow: auto;
}

iframe {
    display: block;
    border: 0;
    outline: none;
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.mui-loading {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.mui-loading .mui-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-left: -12px;
}

.mui-loading.onload {
    display: none;
}

.ui-center-box {
    position: relative;
    width: 100%;
    height: 100%;
}

.ui-center-box .ui-center-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.flex-box {
    display: -webkit-box;
    display: flex;
}

.box-rich-text img {
    max-width: 100%;
}

.mui-scroll-wrapper .mui-spinner:after {
    -webkit-background-size: 70% 70%;
    background-size: 70%;
}

.mui-content.ui-fix-head {
    position: absolute;
    top: 44px;
    bottom: 0;
    height: auto;
    left: 0;
    right: 0;
    padding: 0;
}

.mui-content.ui-fix-head .mui-pull-top-pocket {
    top: 0;
}

.mui-content.ui-fix-head .mui-scroll {
    background-color: #fff;
}

a {
    color: inherit;
}

a:hover {
    color: inherit;
}

.ft12 {
    font-size: 12px;
}

.ft14 {
    font-size: 14px;
}

.ft16 {
    font-size: 16px;
}

.ft18 {
    font-size: 18px;
}

.ft20 {
    font-size: 20px;
}

.ft24 {
    font-size: 24px;
}

.ft30 {
    font-size: 30px;
}

.text-minor {
    color: #8E8E8E;
}

.text-dark {
    color: #444;
}

.ui-text-blue {
    color: #03BCFF;
}

.text-primary {
    color: #3CC9DB;
}

.ui-text-primary {
    color: #3E4D6C;
}

.text-danger {
    color: #FF4200;
}

.text-white {
    color: #fff;
}

.text-warn {
    color: #FFB76B;
}

.text-warning {
    color: #FDA03F;
}

.text-gray {
    color: #333;
}

.bg-primary {
    background-color: #3CC9DB;
}

.bg-white {
    background-color: #fff;
}

.bg-light {
    background-color: #f3f3f3;
}

.bg-warn {
    background-color: #FFB76B;
}

.text-del-line {
    text-decoration: line-through;
}

.full-height {
    height: 100%;
    overflow-y: auto;
}

ul.ui-list {
    list-style: none;
    padding: 0;
    margin: 5px;
}

.ui-row-box {
    overflow-x: auto;
}

.ui-row-box .ui-row-container {
    white-space: nowrap;
}

.box-ib {
    display: inline-block;
}

.rich-txt-box img {
    max-width: 100%;
}

.mui-btn-primary {
    color: #fff;
    border: 1px solid #3CC9DB;
    background-color: #3CC9DB;
}

.mui-btn-gary {
    color: #959595;
    border: 1px solid #f2f2f2;
    background-color: #f2f2f2;
}

.mui-btn-warning {
    color: #fff;
    border: 1px solid #FFB76B;
    background-color: #FFB76B;
}

.ui-btn-mini {
    font-size: 12px;
    line-height: 1em;
}

.ui-btn-info {
    background-color: #3CC9DB;
    border: 1px solid #3CC9DB;
    color: #fff;
}

.ui-btn-less {
    background-color: #fff;
    color: #3CC9DB;
    border: 1px solid #3CC9DB;
}

.ui-btn-less:active, .ui-btn-less:hover {
    background-color: #fff;
    color: #3CC9DB;
    border: 1px solid #3CC9DB;
}

.ui-btn-disabled {
    color: #8E8E8E;
    border: 1px solid #CDCDCD;
}

.ui-btn-round {
    border-radius: 50px;
}

.mui-btn-sm {
    padding: 2px 9px;
}

.ui-table {
    display: table;
    width: 100%;
}

.ui-table .ui-table-cell {
    display: table-cell;
    vertical-align: middle;
}

.ui-radio {
    display: inline-block;
    height: 1.6em;
    min-width: 1.6em;
}

.ui-radio label {
    padding: 0.35em 1.8em 0.3em 0.3em;
    line-height: 1em;
}

.ui-radio input + label {
    padding: 0.35em 0.3em 0.3em 1.8em;
}

.ui-radio input[type=radio], .ui-radio input[type=checkbox] {
    font-size: inherit;
    width: 1.6em;
    height: 1.6em;
    top: 0.05em;
    right: auto;
}

.ui-radio input[type=radio]:before, .ui-radio input[type=checkbox]:before {
    font-size: 1.6em;
    content: '\e411';
}

.ui-radio input[type=radio]:checked:before, .ui-radio input[type=checkbox]:checked:before {
    content: '\e442';
    color: #3CC9DB;
}

.ui-radio label + input[type=radio], .ui-radio label + input[type=checkbox] {
    right: 0;
}

.mui-input-group.border0:before, .mui-input-group.border0:after {
    height: 0;
}

.mui-input-group .mui-input-row {
    height: 44px;
}

.mui-input-group .mui-input-row:after {
    right: 15px;
    background-color: #f3f3f3;
}

.mui-input-group .mui-input-row > input, .mui-input-group .mui-input-row > textarea, .mui-input-group .mui-input-row > select {
    height: 44px;
    font-size: 15px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.mui-input-group .ui-radio-box {
    padding: 9px 15px;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus {
    -webkit-box-shadow: 0 0 0 1000px white inset;
}

input[type=search] {
    text-align: left;
}

.ui-ellipsis, .ui-coupons .ui-info .ui-title, .page-spe-index .title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.img-responsive {
    max-width: 100%;
    display: block;
}

.ui-bgimg {
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.responsive-img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.img-round {
    border-radius: 50%;
}

ul.mui-clearfix {
    list-style: none;
}

ul.mui-clearfix.list {
    margin: 0;
    padding: 0;
}

.groove-lg {
    margin-left: 20px;
    margin-right: 20px;
}

.groove {
    margin-left: 15px;
    margin-right: 15px;
}

.groove-md {
    margin-left: 10px;
    margin-right: 10px;
}

.groove-sm {
    margin-left: 5px;
    margin-right: 5px;
}

.groove-padd-lg {
    padding-left: 20px;
    padding-right: 20px;
}

.groove-padd {
    padding-left: 15px;
    padding-right: 15px;
}

.groove-padd-md {
    padding-left: 10px;
    padding-right: 10px;
}

.groove-padd-sm {
    padding-left: 5px;
    padding-right: 5px;
}

.list-orientation {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.list-orientation > li {
    float: left;
}

.ui-pos-right {
    position: absolute;
    right: 15px;
}

.ui-pos-right.mui-checkbox label {
    padding-right: 13px;
}

.ui-pos-right.mui-checkbox input {
    top: -5px;
    right: -18px;
}

.ui-pos-right.mui-checkbox input:checked:before {
    color: #3CC9DB;
}

.boutique_box {
    background-color: #fff;
    margin: 6px;
    box-shadow: 0 2px 4px 0 rgba(6, 32, 21, 0.2);
    border-radius: 5px;
}

.boutique_title {
    border-bottom: 1px solid #F3F3F3;
    margin-left: 7.5px;
    margin-right: 7.5px;
    height: 37.5px;
    line-height: 37.5px;
    display: flex;
    justify-content: space-between;
    padding: 2px 5px;
}

.list_right {
    font-size: 13.5px;
    color: #7c838c;
}

.icon_list_arrow {
    width: 6px;
    height: 10px;
}

.icon_jingpin {
    width: 25px;
    height: 20px;
}

.icon_coin {
    width: 25px;
    height: 25px;
    vertical-align: middle;
    margin-top: -5px;
}

.icon_clock {
    width: 25px;
    height: 28px;
    vertical-align: middle;
    margin-top: -5px;
}

.icon_fire {
    width: 20px;
    height: 25px;
}

.mui-table-view {
    background-color: inherit;
}

.title {
    padding-left: 5px;
    /*padding-bottom: 10px;*/
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
    color: #2C4667;
    display: inline-block;
    font-size: 15px;
}

.countdown-box span {
    display: inline-block;
    background-color: #3CC9DB;
    color: #fff;
    text-align: center;
    min-width: 21px;
    border-radius: 3px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.splitter-bar {
    background-color: #f7f7f7;
    height: 4px;
}

.splitter-bar.splitter-lg {
    height: 10px;
}

.splitter-bar.dark {
    background-color: #f3f3f3;
}

.ui-border-bottom:after {
    content: ' ';
    display: block;
    height: 1px;
    border-bottom: 1px solid #f3f3f3;
}

.nav-lists {
    position: relative;
    overflow-x: auto;
}

.nav-lists ul.list {
    height: 40px;
    line-height: 40px;
}

.nav-lists ul.list > li {
    padding-left: 20px;
    padding-right: 20px;
}

.nav-lists ul.list > li.active {
    color: #3CC9DB;
    font-weight: 600;
}

.nav-lists .ui-mini-border {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    display: inline-block;
    border-bottom: 2px solid #3CC9DB;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.products-media {
    line-height: 1.7em;
}

.products-media:before, .products-media:after {
    height: 0;
}

.products-media .mui-table-view-cell:after {
    right: 15px;
    background-color: #EFEFEF;
}

.products-media .mui-media-object {
    max-width: 76px;
    height: 76px;
}

.products-media .media-title {
    margin-top: 5px;
}

.products-media .pro-sales {
    margin-right: 15px;
}

.ui-edit-number .ui-btn {
    width: 30px;
    height: 30px;
    position: relative;
    display: inline-block;
    border: 1px solid #e8e8e8;
    vertical-align: top;
}

.ui-edit-number .ui-btn:after {
    content: '';
    display: inline-block;
    background-color: #0e0e0e;
    position: absolute;
    height: 2px;
    top: 50%;
    width: 36%;
    left: 32%;
    margin-top: -1px;
}

.ui-edit-number .ui-edit-plus:before {
    content: '';
    display: inline-block;
    background-color: #0e0e0e;
    position: absolute;
    width: 2px;
    top: 32%;
    height: 36%;
    margin-left: -1px;
    left: 50%;
}

.ui-edit-number .mui-disabled:after, .ui-edit-number .mui-disabled:before {
    background-color: #8E8E8E;
}

.ui-edit-number input {
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0;
    border: 0;
    text-align: center;
}

.mui-bar {
    background: #fff;
    z-index: 100;
}

.ui-icon-packet {
    position: fixed;
    right: 15px;
    bottom: 120px;
    z-index: 500;
}

@-webkit-keyframes bounce {
    0%, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    80% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounce {
    0%, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    80% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

.anim-bounce {
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation: bounce 1s 2;
    animation: bounce 1s 2;
}

.ui-nav-car {
    position: fixed;
    right: 15px;
    bottom: 60px;
    z-index: 500;
    display: inline-block;
    width: 66px;
    height: 66px;
    /*width: 45px;*/
    /*height: 45px;*/
    /*border-radius: 50%;*/
    background: url("/img/mall/icon_shoppingtrolley@2x.png") no-repeat;
    background-position-x: 8px;
    background-position-y: 11px;
    -webkit-background-size: 66px 66px;
    background-size: 66px;
    /*-webkit-box-shadow: rgba(100, 100, 100, 0.5) 0 0 8px 0;*/
    /*box-shadow: rgba(100, 100, 100, 0.5) 0 0 8px 0;*/
}

.discounts_mask {
    position: fixed;
    top: 0;
    left: 0;
    bottom:0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.4);
}
.discounts_content{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}
.iv_youhuiquan {
    width: 370px;
    height: 282px;

}

.btn_dianjilingqu {
    position: absolute;
    bottom: 34px;
    width: 160px;
    height: 32px;
    left: 104px;
}

.btn_close {
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: -70px;
    left: 160px;
}

.ui-nav-car .has-goods {
    position: absolute;
    top: 26px;
    right: 6px;
    display: inline-block;
    border-radius: 50%;
    background-color: #FDB81E;
    color: #fff;
    padding: 2px 0;
    text-align: center;
    width: 15px;
    font-size: 12px;
    min-width: 16px;
    line-height: 1;
}

.ui-nav-car .mui-btn {
    font-weight: 100;
}

.ui-nav-service {
    position: fixed;
    right: 15px;
    bottom: 60px;
    z-index: 500;
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #3CC9DB;
    -webkit-box-shadow: rgba(100, 100, 100, 0.5) 0 0 8px 0;
    box-shadow: rgba(100, 100, 100, 0.5) 0 0 8px 0;
    text-align: center;
    line-height: 1.2em;
    color: #d4f3f7;
}

.ui-nav-service:hover {
    color: #fff;
}

.ui-nav-service img {
    width: 20px;
    margin-top: 3px;
}

.mui-bar-nav {
    -webkit-box-shadow: 0 0 1px #ccc;
    box-shadow: 0 0 1px #ccc;
}

.mui-bar-nav .mui-title {
    font-weight: 300;
}

.mui-bar-nav .mui-icon {
    width: 44px;
    height: 44px;
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: center;
}

.mui-bar-nav .ui-nav-back {
    color: #3CC9DB;
}

.mui-bar-nav .ui-nav-back:before {
    content: '\e582';
}

.ui-bar-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    z-index: 1000;
    background-color: #fff;
}

.ui-bar-bottom > * {
    height: 100%;
    line-height: 50px;
    padding-left: 10px;
    padding-right: 10px;
}

.ui-bar-bottom > .text-white:active, .ui-bar-bottom > .text-white:hover {
    color: #fff;
}

.ui-bar-bottom ~ .mui-content {
    padding-bottom: 50px;
}

.ui-slider-box .mui-slider-group .mui-slider-item {
    height: auto;
    overflow: hidden;
}

.mui-slider-indicator .mui-indicator {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: rgba(255, 255, 255, 0.5);
}

.mui-table-view.border0:after, .mui-table-view.border0:before {
    height: 0;
}

.mui-table-view-cell p {
    margin-bottom: 5px;
}

.mui-table-view-cell .ui-pos-right {
    right: 20px;
    padding-left: 7em;
    max-width: 100%;
}

.mui-table-view-cell .ui-express .ui-pos-right {
    right: 15px;
}

.mui-table-view-cell .ui-express:after {
    display: none;
}

.mui-table-view-cell .mui-media-body + div {
    margin-top: 10px;
}

.mui-table-view-cell:after {
    right: 15px;
    background-color: #f3f3f3;
}

.mui-table-view-cell .mui-navigate-right {
    font-size: 18px;
}

.mui-table-view-cell .mui-navigate-right > * {
    font-size: 14px;
}

.mui-table-view-cell .mui-navigate-right:after {
    margin-top: -1px;
    color: #8e8e8e;
}

.page .mui-content .mui-slider .mui-pull-top-pocket {
    top: 0;
}

.mui-btn-blue, .mui-btn-primary, input[type=submit] {
    background-color: #3CC9DB;
    border-color: #3CC9DB;
    color: #fff;
}

.ui-load-more {
    font-size: 12px;
    text-align: center;
    line-height: 1em;
    padding: 25px 0;
    color: #ccc;
}

.ui-load-more .ui-load-active span.mui-spinner {
    height: 1em;
    width: 1em;
    vertical-align: middle;
}

.ui-load-more .ui-load-nothing > div {
    position: relative;
}

.ui-load-more .ui-load-nothing > div:after {
    content: '';
    position: absolute;
    left: 15px;
    right: 15px;
    height: 1px;
    top: 0.5em;
    background-color: #eee;
}

.ui-load-more .ui-load-nothing > div span {
    position: relative;
    z-index: 5;
    background: #fff;
    padding-left: 10px;
    padding-right: 10px;
}

.ui-search-bar {
    position: fixed;
    left: 0;
    z-index: 1000;
    right: 0;
    height: 44px;
    overflow: auto;
}

.ui-search-bar .ui-ipt-info .mui-icon {
    max-width: 100%;
    text-align: center;
    padding: 10px 0;
    color: #fff;
}

.ui-search-bar .ui-ipt-info .ui-nav-car {
    display: block;
    margin: 0 auto;
}

.ui-search-bar .ui-search-box {
    height: 44px;
    background: #fff;
}

.ui-search-bar .mui-bar-nav {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ui-search-bar .ui-search {
    padding: 7px 10px;
}

.ui-search-bar .mui-col-xs-10 {
    padding-left: 10px;
}

.ui-search-bar .ui-ipt-box {
    font-size: 12px;
    color: #fff;
    border: 0;
    border-radius: 30px;
    outline: 0;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding-left: 38px;
    background: rgba(240, 240, 240, 0.5) url("/img/mall/search.png") no-repeat 18px center;
    -webkit-background-size: 15px 15px;
    background-size: 15px;
}

.ui-search-bar .ui-ipt-edit .ui-ipt-box {
    color: #151515;
    background-image: url("/img/mall/searchgray.png");
}

.ui-search-bar .mui-icon-closeempty {
    position: absolute;
    right: 6px;
    top: 13px;
    width: 18px;
    height: 18px;
    font-size: 18px;
    background: #D2D2D2;
    border-radius: 50%;
    color: #fff;
}

.ui-search-bar .ui-nav-car {
    background-image: url("/img/mall/carwhite.png");
}

.ui-search-bar .ui-btn {
    display: inline-block;
    line-height: 44px;
    color: #222;
}

.ui-search-bar .ui-ipt-edit {
    display: none;
    background-color: #fff;
}

.ui-search-bar .ui-ipt-edit .ui-search {
    padding-right: 0;
}

.ui-search-bar.ui-scroll-half .ui-search-box {
    border-bottom: 1px solid #f3f3f3;
}

.ui-search-bar.ui-scroll-half .ui-ipt-info .mui-icon {
    color: #3CC9DB;
}

.ui-search-bar.ui-scroll-half .ui-ipt-box {
    background-image: url("/img/mall/searchgray.png");
    color: #8E8E8E;
}

.ui-search-bar.ui-scroll-half .ui-nav-car {
    background-image: url("/img/mall/shoppingcart@2x.png");
}

.ui-search-bar.ui-active {
    height: 100%;
    position: absolute;
}

.ui-search-bar.ui-active .ui-ipt-edit {
    display: block;
}

.ui-search-bar.ui-active .ui-ipt-info {
    display: none;
}

.ui-search-bar.ui-active .ui-content {
    display: block;
}

.ui-search-bar .ui-content {
    position: absolute;
    top: 44px;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    overflow-y: auto;
    display: none;
}

.ui-search-bar .ui-content .ui-title {
    margin: 3px 0;
}

.ui-search-bar .ui-content .ui-hotsearch {
    background: #f7f7f7;
    padding: 10px 0 20px;
}

.ui-search-bar .ui-content .ui-hotsearch .mui-col-xs-4 {
    margin: 3px 0;
    padding: 0 5px;
}

.ui-search-bar .ui-content .ui-hotsearch .mui-btn {
    width: 100%;
    border-radius: 25px;
    background: #fff;
    border: 0;
}

.ui-search-bar .ui-content.ui-empty {
    background: #fff url("/img/mall/weisousuo.png") no-repeat center;
    -webkit-background-size: 180px 180px;
    background-size: 180px;
}

.page-index .ui-search-box {
    background-color: rgba(255, 255, 255, 0);
}

.page-index h4.title .mui-icon {
    float: right;
    color: #ddd;
    margin-top: -5px;
    margin-right: -5px;
}

.page-index .category-nav {
    color: #151515;
    padding-top: 6px;
    margin-left: 7.5px;
    margin-right: 7.5px;
    /*padding-bottom: 5px;*/
}

.page-index .category-nav img {
    width: 115px;
    /*height: 186px;*/
    box-shadow: 0 2px 4px 0 rgba(6,32,21,0.2);
    border-radius: 5px;
    /*margin-bottom: 5px; }*/
}

.page-index .referral {
    overflow-x: auto;
}

.page-index .referral .products-lists {
    overflow-x: auto;
    margin-bottom: 0;
}

.page-index .referral::-webkit-scrollbar {
    background-color: transparent;
}

.page-index .referral li.products-item {
    margin-left: 12px;
    margin-right: 10px;
    width: 87px;
}

.page-index .referral li.products-item img {
    width: 87px;
    height: 87px;
    margin-bottom: 5px;
}

.page-index .referral .products_prices {
    color: #3CC9DB;
}

.page-index .products-item {
    margin-top: 10px;
    margin-bottom: 10px;
}

.page-index .products-img {
    width: 87px;
    height: 87px;
    margin-bottom: 10px;
}

.page-index .mui-col-xs-4.products-item > div {
    width: 98px;
    margin: 0 auto;
}

.page-index .show-more {
    color: #3CC9DB;
}

.page-index .show-more.mui-pull-right {
    margin-top: 3px;
}

.page-smartdev .ui-goods-list {
    overflow-y: scroll;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    top: 0;
}

.page-smartdev .nav-lists {
    position: relative;
    z-index: 10;
    background-color: #fff;
}

.page-smartdev .nav-lists + .ui-goods-list {
    padding-top: 40px;
}

.page-smartdev .mui-bar-nav + .mui-content .ui-goods-list {
    top: 44px;
}

.ui-reputation {
    position: relative;
    display: inline-block;
    width: 82px;
    height: 13px;
}

.ui-reputation:after, .ui-reputation:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}

.ui-reputation:after {
       background-image: url("/img/mall/star5.png") ;
    z-index: 10;
}

.ui-reputation:before {
    background-image: url("/img/mall/star5gray.png");
}

.ui-reputation .ui-bg {
    position: absolute;
    left: 1px;
    top: 1px;
    bottom: 1px;
    z-index: 5;
    max-width: 80px;
    display: inline-block;
    background-color: #FD9E00;
}

.page-goodsDetail .mui-slider-indicator .mui-indicator {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #DEDEDE;
}

.page-goodsDetail .mui-slider-indicator .mui-indicator.mui-active {
    background: #3CC9DB;
}

.page-goodsDetail .ui-goods-info {
    padding-top: 20px;
    padding-bottom: 5px;
}

.page-goodsDetail .ui-goods-info > div {
    padding-top: 8px;
    padding-bottom: 7px;
}

.page-goodsDetail .ui-shops-name:after, .page-goodsDetail .ui-shops-name:before {
    height: 0;
}

.page-goodsDetail .ui-shops-name a > img {
    vertical-align: bottom;
    height: 22px;
}

.page-goodsDetail .ui-shops-info {
    line-height: 21px;
}

.page-goodsDetail .ui-shops-info .ui-info-title {
    padding-top: 10px;
    padding-bottom: 10px;
}

.page-goodsDetail .ui-shops-info .ui-info-title img {
    width: 25px;
    height: 25px;
    vertical-align: top;
    border-radius: 50%;
}

.page-goodsDetail .ui-shops-info .ui-info-title .text-minor {
    line-height: 25px;
}

.page-goodsDetail .ui-shops-info .ui-reputation {
    margin-top: 6px;
}

.page-goodsDetail .ui-shops-info .ui-info-detail {
    padding-top: 12px;
    padding-bottom: 12px;
}

.page-goodsDetail .ui-shops-info .ui-info-detail img {
    max-width: 100%;
}

.page-goodsDetail .ui-shops-info .ui-info-detail .ui-list {
    line-height: 2em;
}

.page-goodsDetail .ui-countdown {
    margin-top: -10px;
}

.page-goodsDetail .ui-countdown .mui-pull-left {
    margin-top: 20px;
}

.page-goodsDetail .ui-countdown .ui-timer {
    color: #FF730C;
    font-size: 16px;
}

.page-goodsDetail .ui-bar-bottom > * {
    padding-left: 0;
    padding-right: 0;
}

.page-goodsDetail .ui-bar-bottom .btn-share, .page-goodsDetail .ui-bar-bottom .ui-btn-car {
    background-color: #f3f3f3;
    padding: 12px 0;
    color: #6A6A6E;
    line-height: 1em;
}

.page-goodsDetail .ui-bar-bottom .btn-share img, .page-goodsDetail .ui-bar-bottom .ui-btn-car img {
    height: 26px;
    vertical-align: top;
}

.page-goodsDetail .ui-bar-bottom .btn-share .ft12, .page-goodsDetail .ui-bar-bottom .ui-btn-car .ft12 {
    padding-top: 2px;
}

.page-goodsDetail .ui-bar-bottom .btn-share + .btn-share, .page-goodsDetail .ui-bar-bottom .ui-btn-car + .btn-share {
    border-left: 1px solid #e7e6e5;
}

.page-goodsDetail .ui-bar-bottom .ui-position {
    position: relative;
    display: inline-block;
}

.page-goodsDetail .ui-bar-bottom .ui-btn-car {
    position: relative;
}

.page-goodsDetail .ui-bar-bottom .has-goods {
    position: absolute;
    top: -3px;
    right: -7px;
    background-color: #FDB81E;
    padding: 2px;
    min-width: 16px;
    font-size: 12px;
}

.page-goodsDetail .ui-bar-bottom .ui-nav-car {
    position: relative;
}

.page-goodsDetail .ui-bar-bottom .btn-add-car {
    background-color: #B2D66C;
    color: #fff;
}

.page-goodsDetail .ui-bar-bottom .btn-buy {
    background-color: #3CC9DB;
    color: #fff;
}

.page-goodsDetail .ui-bar-bottom .btn-subscribe {
    background-color: #3CC9DB;
    color: #fff;
}

.page-goodsDetail .ui-model-share {
    background-color: #fff;
}

.page-goodsDetail .ui-model-share .mui-row {
    padding: 15px 0;
}

.page-goodsDetail .ui-model-share .mui-row img {
    width: 45px;
    height: 45px;
    margin-bottom: 5px;
}

.page-goodsDetail .ui-model-share [class^=mui-col] {
    margin: 7px 0;
}

.page-goodsDetail .ui-discuss .ui-pos-right {
    right: 35px;
}

.page-goodsDetail .ui-discuss .ui-reputation {
    display: none;
}

.page-goodsDetail .ui-coupons-list {
    padding-top: 10px;
    padding-bottom: 10px;
}

.page-goodsDetail .ui-row-container img {
    margin-right: 12px;
}

.page-goodsDetail .ui-row-container img:first-child {
    margin-left: 15px;
}

.page-goodsDetail .mui-toast-message {
    white-space: nowrap;
}

.mui-toast-message .ui-ok {
    border: 2px solid #3CC9DB;
    display: inline-block;
    width: 18px;
    height: 8px;
    border-top: 0;
    border-right: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin: 10px;
}

.mui-toast-message .ui-ok + p {
    margin: 10px 0 10px;
    color: #ccc;
}

.page-goodsspecial .ui-title {
    text-align: center;
    height: 60px;
    margin: 5px 0;
}

.page-goodsspecial .ui-title h3 {
    font-size: 15px;
    margin: 0;
    padding: 19px 0 10px;
    position: relative;
}

.page-goodsspecial .ui-title h3:before {
    content: ' ';
    position: absolute;
    left: 50%;
    top: 10px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 15px;
    height: 4px;
    background-color: #3CC9DB;
    border-radius: 5px;
}

.page-goodsspecial .ui-title.bg-img {
    background: url("/img/mall/commodity/bgTitle.png") no-repeat center;
    -webkit-background-size: 225px 225px;
    background-size: 225px;
}

.page-goodsspecial .heightauto {
    height: auto;
}

.page-goodsspecial .mui-table-borded {
    border: 1px dashed #ddd;
    margin: 20px 0;
}

.page-goodsspecial .mui-table-borded tr > th, .page-goodsspecial .mui-table-borded tr, .page-goodsspecial .mui-table-borded td {
    border: 1px dashed #ddd;
    padding: 10px 3px;
}

.page-goodsspecial .ui-city {
    margin-bottom: 20px;
    margin-top: 20px;
}

.page-goodsspecial .ui-city h4 {
    margin: 8px 0;
}

.page-goodsspecial .ui-city .ui-list {
    line-height: 1.9em;
}

.page-goodsspecial .ui-dot {
    display: inline-block;
    border: 2px solid #3CC9DB;
    border-radius: 50%;
    margin-bottom: 0.18em;
}

.page-goodsspecial .btn {
    display: inline-block;
    padding: 10px 13px;
    background: #3CC9DB;
    color: #FFF;
    border-radius: 5px;
}

.page-goodsspecial .ui-flow {
    padding-left: 20px;
    margin-bottom: 50px;
}

.page-goodsspecial .ui-flow li {
    margin-top: 12px;
}

.page-goodsspecial .ui-flow .text-minor {
    position: relative;
    top: 10px;
    margin-left: 10px;
}

.page-goodsspecial .ui-circle {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.page-goodsspecial .ui-circle:after {
    content: '';
    position: absolute;
    right: -8px;
    top: 5px;
    border-radius: 20px;
    border: 8px solid #3CC9DB;
    opacity: .5;
}

.page-goodsspecial .ui-circle2 {
    position: relative;
}

.page-goodsspecial .ui-circle2:after {
    content: '';
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    height: 37px;
    width: 37px;
    left: -19px;
    bottom: -10px;
    border-radius: 30px;
    border: 8px solid #3CC9DB;
    opacity: .5;
}

.page-goodsspecial img {
    max-width: 100%;
}

.ui-discuss {
    padding-bottom: 15px;
}

.ui-discuss .mui-media .mui-media-object {
    height: 36px;
    max-width: 36px;
    border-radius: 50%;
}

.ui-discuss .mui-table-view-chevron .mui-table-view-cell > a:not(.mui-btn) {
    margin-right: -114px;
}

.ui-discuss .ui-btn-mini {
    margin: 5px 0;
}

.ui-discuss .ui-star-box {
    display: inline-block;
    max-width: 82px;
    height: 13px;
    line-height: 12px;
    overflow: hidden;
}

.page-userdiscuss .mui-control-item.mui-active {
    color: #3CC9DB !important;
}

.page-userdiscuss .mui-segmented-control.mui-segmented-control-inverted ~ .mui-slider-progress-bar {
    background-color: transparent;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.page-userdiscuss .mui-segmented-control.mui-segmented-control-inverted ~ .mui-slider-progress-bar:after {
    content: '';
    display: block;
    margin-left: 10%;
    margin-right: 10%;
    background-color: #3CC9DB;
    height: 100%;
}

.page-userdiscuss .mui-slider .mui-segmented-control.mui-segmented-control-inverted ~ .mui-slider-group .mui-slider-item {
    border: 0;
}

.page-orderinfo header.mui-bar .mui-pull-right {
    font-size: 16px;
    width: auto;
    line-height: 24px;
}

.page-orderinfo .heightfix {
    margin-top: 10px;
}

.page-orderinfo .heightauto .mui-navigate-right {
    min-height: 43px;
    -webkit-text-emphasis: none;
    text-emphasis: none;
    overflow: auto;
    white-space: normal;
}

.page-orderinfo .mui-navigate-right .ui-pos-right {
    right: 35px;
}

.page-orderinfo .mui-badge {
    padding: 4px 10px;
    background-color: #fff;
    color: #3CC9DB;
    border: 1px solid #3CC9DB;
}

.page-orderinfo .tips.bg-light {
    min-height: 100px;
    padding: 15px;
    color: #aaa;
}

.page-orderinfo .ui-user-address .text-minor {
    margin-bottom: 8px;
}

.mui-popup .mui-popup-title .mui-icon-checkmarkempty {
    display: inline-block;
    width: 55px;
    height: 55px;
    background: #3CC9DB;
    color: #fff;
    line-height: 55px;
    font-size: 56px;
    border-radius: 50%;
    margin: 10px 0;
}

.mui-popup .mui-popup-buttons .mui-popup-button {
    background: #3CC9DB;
    color: #fff;
    font-weight: normal;
    font-size: 16px;
}

.mui-popup .mui-popup-buttons .mui-popup-button:after {
    background: #fff;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.ui-merchant-title {
    padding-top: 12px;
    padding-bottom: 12px;
    line-height: 26px;
}

.ui-merchant-title img {
    height: 25px;
    max-width: 25px;
    vertical-align: bottom;
    border-radius: 50%;
}

.ui-merchant-title .ui-radio {
    vertical-align: bottom;
    margin-right: 3px;
}

.ui-purchase-list:before {
    height: 0;
}

.ui-purchase-list:after {
    background-color: #f3f3f3;
    left: 15px;
    right: 15px;
}

.ui-purchase-list .mui-media-object {
    max-width: 120px;
    height: 74px;
}

.ui-purchase-list .mui-media-object.ui-border {
    border: 1px solid #eee;
}

.ui-purchase-list .logo {
    height: 74px;
    max-width: 74px;
}

.ui-purchase-list .ui-radio {
    float: left;
    margin-top: 25px;
    width: 45px;
}

.ui-purchase-list .goods-name {
    margin-top: 6px;
    margin-bottom: 6px;
    height: 30px;
    overflow: hidden;
}

.ui-purchase-list .ui-edit-number {
    margin-top: 4px;
    margin-bottom: 2px;
}

.ui-purchase-list .mui-icon-trash.mui-pull-right {
    background: #3CC9DB;
    color: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-top: 3px;
}

.ui-purchase-list + .pay-type-box {
    padding-top: 12px;
    padding-bottom: 12px;
}

.ui-purchase-list + .pay-type-box .pay-type {
    margin-left: 85px;
}

.ui-purchase-list + .pay-type-box .pay-type + .text-minor {
    padding-right: 5px;
}

.page-submitorder .ui-user-address {
    padding: 5px 0;
}

.page-submitorder .ui-user-address .mui-navigate-right div.text-minor {
    margin-bottom: 5px;
}

.page-submitorder .ui-user-address .ft12 {
    white-space: normal;
    padding-right: 10px;
}

.page-submitorder .mui-navigate-right .ui-pos-right {
    right: 35px;
}

.page-submitorder .ui-empty-addr {
    display: block;
    padding-top: 15px;
    padding-bottom: 10px;
}

.page-submitorder .ui-empty-addr .mui-icon-plusempty {
    color: #fff;
    background-color: #3CC9DB;
    border-radius: 50%;
}

.page-submitorder .ui-empty-addr p {
    margin-bottom: 5px;
}

.page-submitorder .ui-write-info input.mui-text-right {
    height: 21px;
    padding: 0;
    margin: 0;
    border: 0;
}

.page-submitorder .ui-write-info .ui-radio {
    margin-left: 10px;
    margin-top: -2px;
}

.page-submitorder .ui-write-info .date-picker img {
    margin-right: 5px;
}

.page-submitorder .ui-bar-bottom .btn-buy {
    background-color: #3CC9DB;
    color: #fff;
}

.page-submitorder textarea {
    border: 0;
    background-color: #f3f3f3;
}

.page-submitorder .ui-tijian-info {
    padding-top: 10px;
    padding-bottom: 10px;
}

.page-submitorder .ui-tijian-info ol {
    list-style-position: inside;
    padding-left: 0;
    margin-top: 5px;
    margin-bottom: 5px;
}

.page-submitorder .ui-agreement {
    height: auto;
}

.page-submitorder .ui-agreement a {
    display: block;
    text-indent: 2em;
}

.ui-pay-list {
    /*  .mui-table-view-cell {
        padding-top: 13px;
        padding-bottom: 13px;
      }*/
}

.ui-pay-list .ui-edit-number {
    margin-top: -4px;
}

.ui-pay-list .ui-pos-right img {
    max-width: 20px;
    height: 16px;
    vertical-align: top;
    margin-top: 2px;
}

body .mui-poppicker, body .mui-popover {
    z-index: 1500;
}

.mui-popup-backdrop {
    z-index: 2500;
}

.mui-popover.mui-popover-action .mui-table-view {
    margin: 0;
}

.mui-popover .ui-pay-way {
    background-color: #fff;
}

.mui-popover .ui-pay-way .mui-table-view {
    background: transparent;
}

.mui-popover .ui-pay-way .mui-table-view .mui-table-view-cell {
    color: #0E0E0E;
}

.mui-popover .ui-pay-way .mui-table-view .mui-table-view-cell:after {
    background-color: #f3f3f3;
}

.mui-popover .ui-pay-way .mui-table-view .mui-table-view-cell:first-child, .mui-popover .ui-pay-way .mui-table-view .mui-table-view-cell:last-child {
    border-radius: 0;
}

.mui-popover .ui-pay-way .mui-table-view .mui-table-view-cell:first-child:after, .mui-popover .ui-pay-way .mui-table-view .mui-table-view-cell:last-child:after {
    height: 0;
}

.mui-popover .ui-pay-way .mui-table-view .mui-table-view-cell.ui-title {
    position: relative;
    padding-right: 30px;
}

.mui-popover .ui-pay-way .mui-table-view .mui-icon-closeempty {
    margin-top: -5px;
    font-size: 30px;
    padding: 0;
    border-radius: 0;
}

.mui-popover .btn {
    height: 50px;
    line-height: 50px;
    background-color: #3CC9DB;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.mui-popover .groove img {
    height: 40px;
    max-width: 40px;
    vertical-align: middle;
}

.mui-popover .groove .mui-pull-right {
    margin-right: 10px;
    margin-top: 6px;
}

.page-myorder .mui-content > .full-height {
    position: absolute;
    top: 40px;
    bottom: 0;
    right: 0;
    left: 0;
    height: auto;
}

.page-myorder .mui-bar-nav + .mui-content > .full-height {
    top: 84px;
}

.page-myorder .mui-col-xs-4 {
    width: 20%;
}

.page-myorder .ui-goods-list > div:last-child .splitter-bar {
    display: none;
}

.page-myorder .ui-goods-number {
    margin-right: 15px;
}

.page-myorder .ui-btns {
    padding: 12px 0;
}

.page-myorder .ui-btns .mui-btn {
    margin-left: 3px;
    min-width: 82px;
}

.page-pay-success .full-height.mui-content {
    background: -webkit-gradient(linear, left top, left bottom, from(#01b18c), to(#01caa6));
    background: -webkit-linear-gradient(top, #01b18c, #01caa6);
    background: linear-gradient(to bottom, #01b18c, #01caa6);
    position: relative;
}

.page-pay-success .ui-center {
    position: absolute;
    top: 20%;
    width: 100%;
}

.page-pay-success h1 {
    color: #fff;
    font-weight: 500;
    font-size: 24px;
    margin: 20px 0 10px;
}

.page-pay-success p {
    color: #F8E71E;
    margin: 10px 0;
}

.page-pay-success .ui-btns {
    position: absolute;
    bottom: 45px;
    width: 100%;
}

.page-pay-success .ui-btn-round {
    padding: 8px 25px;
    color: #01ba94;
    background-color: #f8e935;
    border-color: #F8E71E;
    -webkit-box-shadow: 0 0 10px 5px #01ba94;
    box-shadow: 0 0 10px 5px #01ba94;
}

.page-pay-success .ui-btn-round:active, .page-pay-success .ui-btn-round:hover {
    background-color: #F8E15C;
    border-color: #F8E15C;
    color: #01ba94;
}

.page-editevaluate .ui-pos-right .ui-radio {
    margin-left: 10px;
}

.page-editevaluate .ui-pos-right .ui-radio:first-child {
    margin-left: 0;
}

.page-editevaluate .mui-table-view-cell.mui-clearfix {
    line-height: 28px;
}

.page-editevaluate .mui-table-view-cell textarea {
    font-size: 14px;
    border: 0;
    margin: 0;
    padding: 8px 0;
}

.page-editevaluate .ui-icon-star {
    margin-left: 15px;
}

.page-editevaluate .ui-icon-star:first-child {
    margin-left: 0;
}

.page-editevaluate .ui-icon-star {
    display: inline-block;
}

.page-editevaluate .ui-icon-star:after {
    content: ' ';
    display: inline-block;
    width: 27.5px;
    height: 27.5px;
    background: url("/img/mall/star-empty.png") no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
}

.page-editevaluate .ui-icon-star.ui-active:after {
    background-image: url("/img/mall/star.png");
}

.page-editaddress .mui-content {
    background-color: #f3f3f3;
}

.page-editaddress .mui-content.ui-fix-head {
    top: 0;
}

.page-editaddress .mui-bar-nav ~ .mui-content.ui-fix-head {
    top: 44px;
}

.page-editaddress .mui-input-group {
    background-color: #fff;
}

.page-editaddress .mui-input-group:after, .page-editaddress .mui-input-group:before {
    height: 0;
}

.page-editaddress .mui-pull-right .mui-icon {
    font-size: 28px;
    margin-right: 5px;
    vertical-align: top;
}

.page-editaddress .mui-pull-right .mui-icon-compose {
    color: #3CC9DB;
    font-size: 30px;
}

.page-editaddress .mui-pull-right .mui-icon-trash {
    color: #F355BD;
}

.page-editaddress .mui-input-row {
    height: auto;
}

.page-editaddress .mui-input-row:after {
    right: 15px;
    background-color: #F3F3F3;
}

.page-editaddress .mui-input-row input, .page-editaddress .mui-input-row textarea {
    padding: 12px 25px;
    font-size: 16px;
    height: 44px;
}

.page-editaddress .mui-input-row textarea {
    height: auto;
}

.page-editaddress .ui-switch-ad {
    color: #0E0E0E;
    display: inline-block;
    height: 44px;
    line-height: 44px;
    padding-left: 25px;
}

.page-editaddress .btn-save {
    display: block;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background-color: #3CC9DB;
}

.page-editaddress .ui-addr-list {
    background-color: #fff;
}

.page-editaddress .ui-addr-list h5 {
    color: #0E0E0E;
    margin-bottom: 8px;
}

.page-editaddress .ui-addr-list .groove {
    padding-top: 15px;
    padding-bottom: 5px;
}

.page-editaddress .ui-addr-list .ui-border-bottom {
    margin-top: 5px;
    margin-bottom: 5px;
}

.page-editaddress .ui-addr-list .mui-radio {
    line-height: 28px;
}

.page-editaddress .ui-addr-list .mui-radio input {
    position: relative;
    right: auto;
    left: 0;
    top: 2px;
    padding: 0;
    margin: 0;
    height: 28px;
}

.page-editaddress .ui-addr-list .mui-radio input:before {
    font-size: 24px;
    color: #3CC9DB;
}

.page-editaddress .ui-addr-list .mui-radio label {
    display: inline;
    padding: 0;
}

.page-editaddress .curr-checked {
    background: url("/img/mall/ok.png") right top no-repeat;
    -webkit-background-size: 29px 29px;
    background-size: 29px;
}

.page-invoice .btns {
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #fff;
}

.page-invoice .ui-invoice-info {
    min-height: 250px;
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}

.page-shoppingcar .ui-empty-car {
    background: url("/img/mall/emptycar@2x.png") no-repeat center center;
    -webkit-background-size: 50% 50%;
    background-size: 50%;
}

.page-shoppingcar .mui-scroll {
    background: #fff;
}

.page-coinExchange .ui-page-info {
    color: #fff;
    padding: 20px 15px;
    background: #3CC9DB;
}

.page-coinExchange .ui-page-info .coin {
    font-size: 30px;
    font-weight: 600;
}

.page-coinExchange .mui-table-view {
    background: none;
}

.page-coinExchange .mui-table-view .mui-table-view-cell a > div {
    background: #fff;
}

.page-coinExchange .mui-table-view .mui-media-body {
    height: auto !important;
    text-align: left;
}

.page-coinExchange .mui-table-view .mui-media-body p {
    padding-left: 15px;
    padding-right: 15px;
    margin: 10px 0;
}

.page-coinexplain div.ui-explain {
    padding: 10px 25px;
    background: #fff;
}

.page-coinexplain div.ui-explain > div {
    margin: 10px 0;
}

.page-coinexplain div.ui-explain .answer {
    margin-top: 20px;
}

.page-coinexplain div.ui-explain .answer > div {
    margin-top: 10px;
}

.page-coinexplain div.ui-explain .answer span {
    display: inline-block;
    border: 3.5px solid #FF730C;
    border-radius: 50%;
}

.page-healthcare .mui-content {
    position: relative;
}

.page-healthcare .ui-filter {
    position: absolute;
    width: 100%;
    background: #fff;
    z-index: 90;
}

.page-healthcare .ui-filter.active .ui-filter-box {
    display: block;
}

.page-healthcare .ui-filter.ui-filter-fixed {
    position: fixed;
    top: 0;
}

.page-healthcare .mui-bar-nav ~ .mui-content .ui-filter-fixed {
    top: 44px;
}

.page-healthcare .ui-bar-filter {
    line-height: 24px;
    padding: 8px 0;
}

.page-healthcare .ui-bar-filter .ui-active {
    color: #3CC9DB;
}

.page-healthcare .mui-grid-view.mui-grid-9 {
    border-color: #f7f7f7;
}

.page-healthcare .mui-grid-view.mui-grid-9 .mui-table-view-cell {
    border-color: #f7f7f7;
    height: 46px;
    line-height: 21px;
}

.page-healthcare .ui-data-listbox {
    position: relative;
    padding-top: 40px;
}

.page-healthcare .ui-shade {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 80;
    background: rgba(0, 0, 0, 0.2);
}

.page-healthcare .ui-recommend .mui-navigate-right {
    font-size: 14px;
}

.page-healthcare .ui-recommend .mui-navigate-right:after {
    color: #3CC9DB;
}

.page-healthcare .ui-recommend .mui-selected .mui-navigate-right {
    color: #3CC9DB;
}

.page-healthcare .ui-filter-more + .ui-title, .page-healthcare .ui-filter-more .ui-title {
    padding: 11px 15px;
    background: #f7f7f7;
    min-height: 20px;
}

.page-healthcare .ui-filter-more .mui-table-view-cell {
    padding: 0;
}

.page-healthcare .ui-filter-more > .mui-table-view-cell:after {
    height: 0;
}

.page-healthcare .ui-filter-more .mui-media {
    padding: 2px 0;
}

.page-healthcare .ui-filter-more .mui-media.active {
    background: rgba(60, 201, 219, 0.2);
}

.page-healthcare .ui-filter-more .mui-media .mui-icon {
    font-size: 1em;
}

.page-healthcare .mui-row .mui-col-xs-6 {
    padding: 11px 5px;
}

.page-healthcare .mui-grid-view {
    margin-left: -15px;
    margin-right: -15px;
    width: auto;
    background: transparent;
}

.page-healthcare .mui-grid-view .mui-icon {
    font-size: 1.35em;
}

.page-healthcare .mui-media {
    line-height: 1em;
}

.page-healthcare .mui-media .mui-media-object {
    max-width: 101px;
    height: 68px;
}

.page-healthcare .mui-media .ui-title {
    margin-bottom: 5px;
}

.page-healthcare .mui-media .ui-addr {
    margin-top: 5px;
}

.page-healthcare .mui-media .ui-addr span.mui-icon {
    font-size: 14px;
    color: #ccc;
}

.page-healthcare .ui-box-location {
    padding: 20px 0;
}

.page-healthcare .ui-box-location .text-minor {
    min-width: 50%;
    display: inline-block;
}

.page-healthcare .mui-icon-location-filled {
    font-size: 18px;
}

.page-healthcare .ui-empty {
    padding: 50px 0;
}

.page-healthcare .ui-empty .ui-btn-info {
    background-color: #84bbff;
    border-color: #84bbff;
    -webkit-box-shadow: 0 0 10px 1px #ddd;
    box-shadow: 0 0 10px 1px #ddd;
}

.ui-icon-triangle:after {
    content: ' ';
    display: inline-block;
    height: 10px;
    width: 10px;
    background: url("/img/mall/triangle.png") no-repeat center center;
    -webkit-background-size: 10px 10px;
    background-size: 10px;
}

.ui-active .ui-icon-triangle:after {
    background-image: url("/img/mall/triangle-active.png");
}

.ui-icon-fliter:after {
    content: ' ';
    display: inline-block;
    height: 10px;
    width: 10px;
    background: url("/img/mall/fliter.png") no-repeat center center;
    -webkit-background-size: 10px 10px;
    background-size: 10px;
}

.ui-active .ui-icon-fliter:after {
    background-image: url("/img/mall/fliter-active.png");
}

.ui-icon-checked:after, .ui-icon-man:after, .ui-icon-woman:after, .ui-icon-wifi:after, .ui-icon-park:after {
    content: ' ';
    display: inline-block;
    height: 1em;
    width: 1em;
    -webkit-background-size: 1em 1em;
    background-size: 1em;
    vertical-align: bottom;
    background-position: center;
    background-repeat: no-repeat;
}

.ui-icon-yen:after {
    background: none;
    content: '￥';
    font-size: 0.9em;
    vertical-align: bottom;
}

.ui-icon-checked:after {
    background-image: url("/img/mall/checked.png");
}

.ui-icon-man:after {
    background-image: url("/img/mall/man.png");
}

.ui-icon-woman:after {
    background-image: url("/img/mall/woman.png");
}

.ui-icon-wifi:after {
    background-image: url("/img/mall/wifi.png");
}

.ui-icon-park:after {
    background-image: url("/img/mall/park.png");
}

.page-othergoods .ui-category {
    padding: 10px 0;
}

.page-othergoods .ui-category img {
    height: 40px;
    max-width: 40px;
}

.page-othergoods .ui-category > div {
    margin-top: 10px;
    margin-bottom: 10px;
}

.page-scarebuy .products-media .mui-media-object {
    height: 87px;
    max-width: 87px;
    margin-left: 10px;
}

.page-scarebuy .products-media .ui-img-box {
    display: inline-block;
    float: left;
}

.page-scarebuy .products-media .ui-tag {
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 12px;
    line-height: 1.5em;
    min-width: 53px;
    text-align: center;
    border-radius: 0 20px 20px 0;
    color: #fff;
}

.page-scarebuy .products-media .mui-media-body .media-title {
    margin-top: 12px;
    margin-bottom: 12px;
}

.page-scarebuy .products-media .mui-media-body > div {
    line-height: 1.2em;
}

.page-scarebuy .products-media .mui-media-body > div:last-child {
    margin-top: 3px;
}

.page-scarebuy .ui-price {
    display: inline-block;
    min-width: 60px;
}

.page-scarebuy .ui-state0 .ui-tag {
    background: #3CC9DB;
}

.page-scarebuy .ui-state0 .ui-state-text, .page-scarebuy .ui-state0 .ui-state-time {
    color: #3CC9DB;
}

.page-scarebuy .ui-state1 .ui-tag {
    background: #FF730C;
}

.page-scarebuy .ui-state1 .ui-state-text, .page-scarebuy .ui-state1 .ui-state-time {
    color: #FF730C;
}

.page-scarebuy .ui-state2 .ui-tag {
    background: #B4B4B4;
}

.ui-table-coupon {
    list-style: none;
    padding: 0 15px;
    background: transparent;
}

.ui-table-coupon:first-child {
    margin: 0;
}

.ui-table-coupon > li {
    margin-bottom: 10px;
}

.ui-table-coupon > li:after {
    height: 0;
}

.ui-coupons {
    position: relative;
    display: block;
    max-width: 684px;
    margin: 0 auto;
}

.ui-coupons .ui-bgimg {
    max-width: 100%;
}

.ui-coupons .ui-info {
    height: 70px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.ui-coupons .ui-info > div {
    float: left;
}

.ui-coupons .ui-info .ui-value {
    width: 28%;
    text-align: center;
    font-size: 36px;
    line-height: 70px;
}

.ui-coupons .ui-info .ui-detail {
    width: 72%;
    padding-left: 15px;
    line-height: 1.3em;
}

.ui-coupons .ui-info .ui-title {
    font-size: 15px;
    line-height: 2.3em;
}

.ui-coupons.ui-coupons-state1 .ui-value, .ui-coupons.ui-coupons-state1 .ui-detail *, .ui-coupons.ui-coupons-state2 .ui-value, .ui-coupons.ui-coupons-state2 .ui-detail * {
    color: #D6DBE3;
}

.page-coupons .ui-no-more {
    padding: 10px;
    text-align: center;
}

.page-coupons .ui-empty {
    top: 0;
    position: absolute;
}

.page-coupons .ui-nav-cross {
    position: relative;
    z-index: 10;
}

.ui-nav-cross {
    background: #fff;
    line-height: 40px;
}

.ui-nav-cross > div {
    line-height: 40px;
    position: relative;
}

.ui-nav-cross > div.active {
    color: #3CC9DB;
    font-weight: 600;
}

.ui-nav-cross > div.active:after {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
    background: #3CC9DB;
    height: 2px;
}

.page-getcoupons .mui-content {
    background: url("/img/mall/couponbg.png") no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
}

.page-getcoupons .ui-table-coupon {
    padding: 20px 20px 5px;
    max-width: 560px;
    margin: 0 auto;
}

.page-getcoupons .ui-table-coupon-cell {
    margin: 10px 0;
}

.page-getcoupons .ui-getinfo {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 20px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.page-getcoupons .ui-getinfo .ui-value {
    font-size: 40px;
    line-height: 1em;
    font-weight: 500;
    padding-bottom: 5%;
}

.page-getcoupons .ui-getinfo .unit {
    font-size: 25px;
}

.page-getcoupons .ui-getinfo .btn {
    display: inline-block;
    position: relative;
    top: -28px;
    right: 10px;
    min-width: 82px;
    color: #fff;
    font-size: 14px;
    padding: 7px 10px 5px;
    text-align: center;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 30px;
}

.page-getcoupons .ui-getinfo .btn.ui-disable {
    opacity: 0.5;
}

.page-activity .header {
    padding: 20px 0 0;
}

.page-activity .header .ui-title {
    line-height: 1em;
    margin: 7px 0;
}

.page-activity .header .ui-title:before {
    content: '';
    display: inline-block;
    height: 0.88em;
    border: 2px solid #3CC9DB;
    border-radius: 5px;
    margin-right: 5px;
    margin-bottom: -5px;
}

.page-activity .ui-line-short {
    margin: 10px 0;
    display: inline-block;
    width: 60px;
    border-bottom: 1px solid #e3e3e3;
}

.page-activity img {
    max-width: 100%;
}

.page-activity div.border-dashed {
    padding-bottom: 20px;
    border-bottom: 1px dashed #3CC9DB;
}

.page-activity footer {
    padding: 20px 0;
}

.page-activity .ui-text-line {
    text-align: center;
    font-size: 12px;
    color: #E2E2E2;
    overflow: hidden;
}

.page-activity .ui-text-line span {
    display: inline-block;
    line-height: 1em;
    height: 1em;
}

.page-activity .ui-text-line .ui-line {
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 0.5em;
    width: 50px;
    position: relative;
    margin-left: 10px;
    top: 2px;
    margin-right: 10px;
}

.page-activity .ui-text-line .ui-line:after, .page-activity .ui-text-line .ui-line:before {
    position: absolute;
    content: '';
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #e2e2e2;
    border-radius: 50%;
    height: 4px;
    bottom: -3px;
}

.page-activity .ui-text-line .ui-line:after {
    right: -8px;
}

.page-activity .ui-text-line .ui-line:before {
    left: -8px;
}

.page-activity .ui-text-line .ui-line:first-child:before {
    display: none;
}

.page-activity .ui-text-line .ui-line:last-child:after {
    display: none;
}

.fade-enter-active, .fade-leave-active {
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}

.fade-enter, .fade-leave-to {
    /* .fade-leave-active in below version 2.1.8 */
    opacity: 0;
}

.page-spe-index {
    overflow-y: auto;
}

.page-spe-index .ui-search-bar {
    top: 0;
}

.page-spe-index .ui-search-bar .ui-content {
    display: block;
}

.page-spe-index .ui-search-bar .mui-bar-nav {
    padding-left: 10px;
    padding-right: 10px;
}

.page-spe-index .ui-search-bar .ui-search-box {
    background: #3CC9DB;
}

.page-spe-index .ui-search-bar .mui-col-xs-10, .page-spe-index .ui-search-bar .mui-col-xs-2 {
    padding-right: 0;
    padding-left: 0;
}

.page-spe-index .ui-search-bar .mui-col-xs-10 .ui-search, .page-spe-index .ui-search-bar .mui-col-xs-2 .ui-search {
    padding-left: 0;
    padding-right: 0;
}

.page-spe-index .ui-search-bar .ui-ipt-info .mui-col-xs-2 {
    color: #fff;
    text-align: center;
    line-height: 44px;
    height: 44px;
    padding-right: 10px;
}

.page-spe-index .ui-search-bar .ui-ipt-info .mui-col-xs-2 .mui-icon {
    width: auto;
    padding: 0;
}

.page-spe-index .ui-search-bar .ui-ipt-info .mui-col-xs-2.mui-ellipsis {
    position: relative;
    left: -5px;
}

.page-spe-index .ui-search-bar .ui-ipt-box {
    border-radius: 5px;
}

.page-spe-index .ui-search-bar .ui-ipt-edit {
    display: block;
}

.page-spe-index .ui-search-bar.ui-active-city {
    height: auto;
    bottom: 0;
}

.page-spe-index .ui-search-bar.ui-active {
    height: auto;
    bottom: 0;
    top: 0;
}

.page-spe-index .ui-search-bar .ui-icon-triangle {
    position: absolute;
    right: 0;
    top: 8px;
    line-height: 1em;
    height: auto;
}

.page-spe-index .mui-bar + .ui-search-bar {
    top: 44px;
}

.page-spe-index .title {
    line-height: 1em;
    text-align: center;
    padding: 15px;
    border: 0;
}

.page-spe-index .title img {
    height: 16px;
    vertical-align: bottom;
}

.page-spe-index .ui-top-box {
    padding: 48px 4px 5px;
    background: #f2f2f2;
}

.page-spe-index .ui-top-box .ui-slider-box {
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: 0 4px 7.52px 0.48px rgba(194, 194, 194, 0.56);
    box-shadow: 0 4px 7.52px 0.48px rgba(194, 194, 194, 0.56);
}

.page-spe-index .ui-top-box .mui-indicator {
    width: 15px;
    height: 3px;
    border-radius: 0;
    margin: 0 2px;
}

.page-spe-index .category-nav {
    padding: 10px 0;
}

.page-spe-index .category-nav .mui-col-xs-2 {
    width: 20%;
}

.page-spe-index .category-nav .mui-col-xs-2 img {
    max-width: 100%;
}

.page-spe-index .recommend .title {
    color: #0FD78E;
}

.page-spe-index .referral::-webkit-scrollbar {
    background-color: transparent;
}

.page-spe-index .referral .products-lists {
    padding-left: 5px;
    padding-right: 5px;
    overflow-x: scroll;
}

.page-spe-index .referral .products-item {
    margin-left: 5px;
    margin-right: 5px;
    border: 1px solid #EAEAEA;
    border-radius: 5px;
    width: 142px;
    display: inline-block;
}

.page-spe-index .referral .ui-img-box {
    position: relative;
}

.page-spe-index .referral .ui-img-box > img {
    width: 140px;
    height: 140px;
    vertical-align: middle;
    display: inline-block;
}

.page-spe-index .referral .ui-img-box div {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 9px 10px;
    color: #fff;
    line-height: 1em;
    background: rgba(0, 0, 0, 0.5);
    text-align: right;
}

.page-spe-index .referral .ui-img-box div img {
    height: 1em;
    vertical-align: bottom;
}

.page-spe-index .referral .ft16 {
    color: #3E4D6C;
}

.page-spe-index .referral div.groove-md {
    padding-top: 10px;
    padding-bottom: 15px;
}

.page-spe-index .ui-tizhi > .title {
    color: #119FFF;
}

.page-spe-index .ui-tizhi .mui-col-xs-4 img {
    width: 90px;
    max-width: 100%;
}

.page-spe-index .ui-tizhi .mui-col-xs-8 {
    padding-right: 10px;
    padding-top: 20px;
}

.page-spe-index .ui-solutions .title {
    color: #119FFF;
}

.page-spe-index .ui-solutions .ui-btns .mui-btn {
    margin: 2px 0;
}

.page-spe-index .ui-solutions .ui-goods {
    margin-top: 5px;
    display: block;
}

.page-spe-index .ui-solutions .ui-goods img {
    height: 69px;
    width: 69px;
    margin-right: 23px;
}

.page-spe-index .ui-solutions .ui-goods > div {
    padding-top: 18px;
    line-height: 33px;
}

.page-spe-index .ui-solutions .ui-collapse-content {
    display: none;
}

.page-spe-index .ui-solutions .ui-collapse-content .ui-btn-less {
    margin-left: 5px;
}

.page-spe-index .ui-table-view {
    list-style: none;
    margin: 0;
    padding: 0;
}

.page-spe-index .ui-table-view .ui-table-view-cell {
    padding: 0;
    border-top: 1px solid #DDDDDD;
}

.page-spe-index .ui-table-view .ui-table-view-cell > a {
    display: block;
    position: relative;
    margin: 0;
    padding: 11px 0 11px 15px;
    font-size: 16px;
}

.page-spe-index .ui-table-view .ui-table-view-cell > a.mui-navigate-right:after {
    font-size: 22px;
    content: '\e581';
}

.page-spe-index .ui-table-view .ui-table-view-cell .ui-collapse-content {
    border-top: 1px dashed #ddd;
    padding: 10px 15px 10px 25px;
    background: #ECF8FF;
}

.page-spe-index .ui-table-view .ui-table-view-cell.mui-active {
    background: #fff;
}

.page-spe-index .ui-table-view .ui-table-view-cell.mui-active .mui-navigate-right:after {
    content: '\e580';
}

.page-spe-index .ui-table-view .ui-table-view-cell.mui-active .ui-collapse-content {
    display: block;
}

.page-spe-index .mui-icon-location-filled {
    font-size: inherit;
}

.ui-physical-list {
    border: 1px solid #EAEAEA;
    border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.ui-physical-list > a {
    padding: 10px;
}

.ui-physical-list > a .ui-goods-pic {
    height: 80px;
    width: 95px;
    float: left;
}

.ui-physical-list > a .ui-goods-pic {
    border-radius: 5px;
    margin-right: 10px;
}

.ui-physical-list > a h4 {
    color: #3E4D6C;
    font-weight: 500;
    margin-top: 0;
    font-size: 16px;
}

.ui-physical-list > a .ui-addr {
    vertical-align: middle;
}

.ui-physical-list > a .ui-star-rating {
    line-height: 1em;
}

.ui-physical-list .ui-list {
    margin: 0;
    background: #ECF8FF;
}

.ui-physical-list .ui-list li {
    border-top: 1px solid #EAEAEA;
    padding: 10px 13px;
}

.ui-physical-list .ui-list li:first-child {
    border: none;
}

.ui-physical-list .ui-list li.ui-showmore {
    text-align: center;
    border-top: 1px solid #EAEAEA;
}

.ui-physical-list .ui-list li.ui-showmore .mui-icon {
    line-height: 20px;
    vertical-align: bottom;
    font-size: 18px;
}

.ui-physical-list .ui-list .flex-box {
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.ui-physical-list .ui-list .ui-price, .ui-physical-list .ui-list .ui-amount {
    padding-left: 10px;
}

.ui-city-container {
    position: relative;
}

.ui-city-container > div.full-height {
    padding-right: 7px;
}

.ui-city-container .ui-county .mui-row {
    display: none;
}

.ui-city-container .ui-county.active .mui-row {
    display: block;
}

.ui-city-container .ui-county .ui-current {
    padding: 10px 0;
}

.ui-city-container .ui-county .mui-icon {
    font-size: 16px;
}

.ui-city-container .ui-list {
    margin: 0;
}

.ui-city-container .groove > .mui-row {
    margin-bottom: 5px;
}

.ui-city-container span.mui-btn {
    display: block;
    margin: 3px;
}

.ui-city-container .ui-city-list {
    border-top: 1px solid #EAEAEA;
    padding-bottom: 50px;
}

.ui-city-container .ui-city-list > li {
    padding: 0 15px;
}

.ui-city-container .ui-citys li {
    border-top: 1px solid #EAEAEA;
    padding: 10px 0;
}

.ui-city-container .ui-citys li:first-child {
    border: none;
}

.ui-city-container .ui-zip-code {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 24px;
    background: #fff;
}

.ui-city-container .ui-zip-code .ui-list {
    line-height: 1.3em;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.page-shopsindex .ui-title {
    font-weight: 500;
}

.page-shopsindex .ui-shops-info {
    padding: 10px 20px;
}

.page-shopsindex .ui-star-rating {
    padding: 5px 0;
}

.page-shopsindex .ui-showdetail {
    margin-top: 15px;
}

.ui-address-box table {
    width: 100%;
}

.ui-address-box .ui-addr-detail {
    border-right: 1px solid #f2f2f2;
    padding-top: 10px;
    padding-bottom: 10px;
}

.ui-address-box .ui-icon-tel {
    background: url("/img/mall/physical/icon-tel.png") no-repeat center;
    -webkit-background-size: 27px 27px;
    background-size: 27px;
}

ul.ui-p-goods {
    margin: 0;
}

ul.ui-p-goods li {
    padding: 10px;
    border-top: 1px solid #ddd;
}

ul.ui-p-goods li:first-child {
    border-top: none;
}

ul.ui-p-goods li a > img {
    height: 68px;
    width: 100px;
    margin-right: 10px;
}

ul.ui-p-goods li h4 {
    margin-top: 0;
    height: 2.4em;
    font-weight: 500;
    line-height: 1.2em;
}

.page-physicallist .mui-bar-nav ~ .mui-content {
    padding-top: 0;
    top: 44px;
}

.page-physicallist .mui-content {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: auto;
    -webkit-overflow-scrolling: touch;
}

.page-physicallist .ui-data-listbox {
    padding-top: 0;
    position: absolute;
    top: 85px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
}

.page-physicallist .ui-filter.active .ui-filter-box {
    margin-top: -44px;
    background: #fff;
}

.page-physicallist .ui-box-location {
    padding: 0;
}

.page-physicallist .ui-box-location .mui-table-view {
    padding: 20px 0;
}

.page-physicallist .ui-row-nav {
    padding: 5px 0;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.page-physicallist .ui-row-nav .mui-btn {
    margin-left: 10px;
}

.page-physicallist .ui-row-nav .mui-btn:last-child {
    margin-right: 10px;
}

.ui-og-box img {
    max-width: 100%;
}

.ui-og-box h4.mui-ellipsis {
    font-weight: normal;
}

.ui-og-box .mui-media-object {
    width: 97px;
    max-height: 97px;
    max-width: initial;
    height: initial;
}

.ui-og-box .mui-media-object img {
    width: 100%;
    max-height: 100%;
}

.ui-og-box .mui-navigate-right .mui-media-body {
    margin-right: 15px;
}

.ui-og-box .mui-media-body p {
    line-height: 1.4em;
}

.ui-og-box .mui-media-body .ui-addr {
    margin-bottom: 0;
}

.ui-og-box .mui-table-view-cell:after {
    left: 115px;
    background-color: #eaeaea;
}

.ui-pk-box {
    padding: 5px;
}

.ui-pk-box .mui-card {
    margin: 5px;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
}

.ui-pk-box .mui-card-content.ui-bgimg img {
    width: 100%;
}

.ui-pk-box .mui-card-footer {
    display: block;
    padding: 10px 10px;
}

.ui-pk-box h4 {
    color: #333;
    font-weight: 500;
}

.ui-og-way {
    white-space: normal;
}

.ui-og-way h4 {
    font-weight: normal;
    color: #333;
}

.ui-og-way ol {
    list-style-position: inside;
    padding-left: 0;
    margin-top: 5px;
}

.ui-og-way .text-minor {
    color: #666;
}

.page-ogshopsindex .ui-showdetail {
    margin-top: 5px;
}

.checked-og .mui-navigate-right:after {
    right: 0;
    content: '\e472';
    font-size: 42px;
    color: #ddd;
}

.checked-og .checked .mui-navigate-right:after {
    color: #3CC9DB;
}
.mui-table-view-radio{
    background-color:#fff;
}
.groove_class{
    margin-top:30px !important;
}
/*兼容小屏幕*/
@media screen and (max-device-width: 360px) {
    .page-index .category-nav img{
        width: 95px;
        /*height: 186px;*/
    }
}