@import "reset.css";

#pullrefresh{padding-bottom: 60px;}
.cyh-xsmall{font-size: x-small !important;color: #ccc;}
.text-lt{text-decoration: line-through;}

/*顶部导航栏*/
.mui-bar-nav.search-layout{
    padding: 0;
}
.mui-bar-nav.search-layout .topbar{
    display: flex;
}
.back-btn{
    width: 15%;
    text-align: center;
}
.search-box{
    width: 70%;
}
.search-btn{
    width: 15%;
    text-align: center;
}
.search-btn button{
    background-color: transparent;
    border: transparent;
    font-size: 1em;
    height: 44px;
    line-height: 1;
    padding: 0;
}
#j-list-search .search-btn button{
    height: 34px; /*hack 商品搜索结果页面*/
}
.search-box input[type=search]{
    background-color: #fff;
}
.search-box .mui-placeholder{
    text-align: left;
    padding-left: 5px;
}
.mui-bar .topbar .mui-search:before{
    margin-top: -13px;
}


/* 公用类*/
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.div-line {
    display: inline;
}
.btn-bottom{
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
}
.btn-bottom .mui-btn{
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 50px;
    z-index: 9000;
}
/*黄按钮 实色底色*/
.yellow-btn {
    color: #000;
    background-color: #FFC619;
    border-color: #FFC619;
}
/*按下*/
.yellow-btn:active{
    color: #000!important;
    background-color: #d1a913!important;
    border-color: #d1a913!important;
}
/*灰按钮 实色底色*/
.gray-btn {
    color: #fff;
    background-color: #999;
    border-color: #999;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.interval {
    padding: 5px 0;
    background: #efeff4;
}
.get_code .mui-btn{
    width: 100px;
    position: absolute;
    right: 15px;
    padding: 5px;
    top: 6px;
}
.cancel-collect .mui-icon-trash{
    font-size: 19px;
}
.gotop {
    width: 50px;
    height: 39px;
    position: fixed;
    display: none;
    right: 12px;
    bottom: 100px;
    z-index: 50;
    background-image: url(../images/go-top.png);
    background-size: 39px 39px;
    background-position: center;
    background-repeat: no-repeat;
}
.order-blank {
    text-align: center;
    margin: 4.26667rem 0;
    font-size: .59733rem;
    color: #777;
}
.hide{
    display: none !important;
}
.pop-box {
    background: rgba(0,0,0,.50);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 199;
}
.qrcode {
    text-align: center;
    margin-bottom: 50px;
}
/*活动共用*/
.basic-price .triangle-left {
    width:0;
    height:0;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-right:5px solid #dd524d;
    display: inline-block;
}
.basic-price .price-spread{
    padding: 2px 8px;
    border-radius: 5px;
    font-size: 13px;
    color: #fff;
    background: #dd524d;
}
.basic-price .num-info{
    font-size: 13px;
}
.basic-price .num-info .red{
    color: #FF4040;
}
/*市场价*/
.price-ori{
    font-size: 0.8889rem;
}
.price-ori .tl{
    text-decoration: line-through;
}


/* 活动页 顶部去发布横幅*/
.banner-back-top{background: rgba(0, 0, 0, .5);height: 30px;line-height: 30px;position: fixed;top: 50px;z-index: 40;
    border-radius: 20px;overflow: hidden;padding: 0 12px;text-align: center;width: 256px;left: 50%;margin-left: -128px;}
.banner-back-top p{max-width: 250px;float: left;color: #fff;font-size: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.banner-back-top .mui-btn-danger{display: inline-block;float: left;margin: 5px 0 0 7px;padding: 0 5px;font-size: 12px;line-height: 18px;}
.banner-back-top .close{float: right;margin-top: 5px;}
.banner-back-top .close img{display: block;width: 20px;}


/*底部导航栏*/
nav.navi{
    background-color: #fff;
    box-shadow: 0 0 1px rgba(0,0,0,0.3);
}
nav.navi .mui-icon:active{
    opacity:1;
}
nav.navi .mui-icon img{
    width: 100%;
}
nav.navi .mui-tab-item .mui-icon{
    top: 6px;
}
.topZ-index{
    z-index:999;
}
/*去发布按钮*/
nav.navi .extra{
    position: relative;
    overflow: visible;
}
nav.navi .bb,
nav.navi .active .aa{
    display: none;
}
nav.navi .active .bb{
    display: block;
}
nav.navi .extra img{
    position: absolute;
    width: 52px;
    height: 52px;
    top: -20px;
    left: 50%;
    margin-left: -26px;
}
nav.navi .initial{
    transition-duration: 150ms;
    transform:rotate(0deg);
    touch-action: none;
}
nav.navi .ultimate{
    transform:rotate(45deg);
}
nav.navi .mui-tab-item.active{
    color: #929292;
}
.body-oveflow{
    overflow: hidden;
}

/*底部导航栏 购物车商品数量*/
nav.navi a.mui-tab-item{
    position: relative;
}
nav.navi #totalItems{
    position: absolute;
    top: 3px;
    right: 7px;
    background-color: #dd524d;
    z-index: 990;
}


/*去发布 弹出菜单*/
#categoryPopover{
    background-color: #fff;
    position: fixed;
    opacity: 0;
    display: none;
    border-radius: 5px;
    transform: none;
    z-index: 999;
    width: 90%;
    padding: 30px 20px;
}
#categoryPopover .popover-arrow{
    left: 50%;
    margin-left: -12px;
    position: absolute;
    z-index: 999;
    width: 26px;
    height: 26px;
    top: 100%;
}
#categoryPopover .popover-arrow:after{
    position: absolute;
    top: -15px;
    width: 26px;
    height: 26px;
    content: ' ';
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 3px;
    background: #fff;
}

/* 积分商城入口效果 */
.mysterious-island{
    white-space: normal;
    word-wrap: break-word;
    border: 1px solid #ccc;
    border-radius: 30px;
    padding: 5px;
    display: inline-block;
    font-size: 0.6667em;
    line-height: 1.2;
}
.btn-shiny{
    border: 1px solid #e4ac00;
    color: #e4ac00;
}
.btn-shiny::after {
    content: ' ';
    position: absolute;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    background: linear-gradient(to bottom, rgba(229, 172, 142, 0), rgba(255,255,255,0.5) 50%, rgba(229, 172, 142, 0));
    transform: rotateZ(60deg) translate(-5em, 9em);
    animation: sheen 3s;
    animation-iteration-count:infinite; /*次数，无限*/
}
/*.btn-shiny:hover::after, .btn-shiny:focus::after {
    animation: sheen 1s forwards;
}*/
@keyframes sheen {
    100% {
        transform: rotateZ(60deg) translate(1em, -9em);
    }
}


/*页面统计代码*/
.analytics{
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}


/*多列 按钮组 n列*/
.multi-column{
    position: relative;
    padding: 18px 0;
    display: table;
    width: 100%;
    table-layout: fixed;
}
.multi-column .column-cell{
    display: table-cell;
    text-align: center;
    position: relative;
}
.multi-column .column-body{
    font-size: 0.6667em;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height:1;
    margin-top: 6px;
}
/*需额外限制图片大小*/
.multi-column .column-cell img{
    width: 12vw;
    height: 12vw;
}


/*列表容器*/
.mui-media .mui-media-object{
    position: relative;
    overflow:hidden;
    max-width: inherit;
    width: 28vw; /*默认值，不要删除*/
    height: 21vw; /*默认值，不要删除*/
}
.mui-media .mui-media-body{
    position:relative;
    overflow:hidden;
    height: 21vw; /*默认值，不要删除*/
}
.cart.mui-media .mui-media-object{
    width: 21vw;
}


/*活动列表*/
.activity-list .mui-media-object{
    width: 28vw;
    height: 21vw;
}
.activity-list .mui-media-body{
    height: 21vw;
}
.activity-list .mui-table-view-cell:after{
    left: 12px;
    right: 12px;
}
/*商品封面*/
.media-cover{
    object-fit: cover;
    border-radius: 10px;
    display: block;
    width: inherit;
    height: inherit;
    /*background: #fff url(../pics/default.png) no-repeat 50% 50%;*/
}
.media-cover-mask{
    position: absolute;
    bottom: 0;
    color: #fff;
    background-color: rgba(0,0,0,0.5);
    line-height: 1;
    text-align: center;
    font-size: 0.8em;
    width: 100%;
    padding: 4px 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
/*活动标题*/
.media-title{
    margin: 0;
    font-size: 16px;
    line-height: 1.2em;
    color: #000;
}
.media-title:before{
    color:#fff;
    padding: 2px 5px;
    border-radius: 5px;
    font-size: 0.85em;
    font-weight: 500;
    margin-right: 0.5em;
}
.media-title.separate:before{
    content:'商品';
    background-color: #AC92EC;
}
.media-title.prize:before{
    content:'商品';
    background-color: #48CFAD;
}
.media-title.groupon:before{
    content:'团购';
    background-color: #FC6E51;
}
.media-title.groupon-lotto:before{
    content:'抽奖团';
    background-color: #FC6E51;
}
.media-title.groupon-super:before{
    content:'超级团';
    background-color: #FC6E51;
}
.media-title.bargain:before{
    content:'砍价';
    background-color: #FFCE54;
}
.media-title.auction:before{
    content:'拍卖';
    background-color: #48CFAD;
}
.media-title.coupon:before{
    content:'优惠券';
    background-color: #4FC1E9;
}
.media-title.coupon-discount:before{
    content:'折扣券';
    background-color: #4FC1E9;
}
.media-title.coupon-offset:before{
    content:'抵用券';
    background-color: #4FC1E9;
}
.media-title.spread:before{
    content:'活动';
    background-color: #AC92EC;
}
.media-title.promotion:before{
    content:'超值';
    background-color: #dd524d;
}
.media-title.trial:before{
    content:'体验课';
    background-color: #dd524d;
}
/*销售信息 单价、销量等*/
.media-info{
    position: absolute;
    bottom: 0;
    width: 100%;
    line-height: 1;
    color: #999;
    vertical-align: text-bottom;
}
.activity-list .goods-describe{
    font-size: 12px;
    line-height: 1;
    margin-top: 0.5556em;
    color: #8f8f94;
}
.activity-list .goods-market-price{
    text-decoration: line-through;
}
.activity-list .goods-sales{
    margin-top: 5px;
}


/*活动列表 推荐有礼*/
.activity-list .laisee{
    color: #fff;
    font-size: xx-small;
    position: absolute;
    top: 6px;
    background-color: #f36;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    line-height: 22px;
    padding: 0 6px;
}
.activity-list .mui-media .ready2share{
    position: absolute;
    bottom: 12px;
    right: 12px;
    color: #FFF;
    background-color: #FF4040;
    border-radius: 5px;
    border: none;
    padding: 4px 9px;
    z-index: 10;
}


/*进店，商家资料栏*/
.merchant-info{
    margin-bottom: 10px;
}
/*附近 商家列表*/
.nearby-shops{
    margin-bottom: 12px;
}


/*分类页 商品类别栏、搜索筛选*/
.filter-box {
    width: 100%;
    height: 44px;
}
.filter-box .filter-sort-head {
    position: relative;
    /*position: fixed;*/
    top: 0;
    width: 100%;
    line-height: 44px;
    height: 44px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fff;
    text-align: center;
    font-size: 13px;
    color: #666;
    z-index: 8;
    padding: 0;
    margin: 0;
}
.goods-type .type {
    /*position: fixed;*/
    top: 0;
    width: 100%;
    line-height: 44px;
    height: 44px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #eeeeee;
    text-align: center;
    font-size: 13px;
    color: #666;
    z-index: 12;
}
.goods-type .type .head-tab {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 14.28%;
}
.goods-type .type .head-tab.cur {
    color:#000;
    border-bottom: 2px solid #fdc612;
    height: 44px;
}
.filter-box .filter-sort-head .head-tab {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #858585;
}
.filter-box .filter-sort-head .tab3 {
    width: 33.3%;
}
.filter-box .filter-sort-head .head-tab.active {
    color: #111;
}
.filter-box .filter-sort-head .head-tab:after {
    content: '';
    display: inline-block;
    margin-left: 7px;
    margin-bottom: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 6px;
    height: 6px;
    border-bottom: 1px solid #666;
    border-left: 1px solid #666;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
}
.filter-box .filter-sort-head .head-tab.active:after {
    border-color: #111;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-bottom: 0;
}
.filter-box .filter-sort-body .option-list {
    width: 100%;
    list-style: none;
}
.filter-box .filter-sort-body .option-list .option {
    width: 100%;
    height: 40px;
    padding: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    border-bottom: 1px solid #e2e2e2;
    font-size: 14px;
    color: #858585;
}
.filter-box .filter-sort-body {
    position: absolute;
    width: 100%;
    background-color: #eee;
    z-index: 11;
}
.filter-box .filter-sort-body .order-part .order-list .option {
    padding-left: 18px;
    padding-right: 5px;
}
.filter-box .filter-sort-body .main-block .option-list .option {
    border-right: 1px solid #ededed;
    background: #ededed;
}
.filter-box .filter-sort-body .option-list .option.active,
.filter-box .filter-sort-body .option-list .option:active {
    background-color: #fff;
    color: #111;
}
.filter-box .filter-sort-body .order-list .option.active,
.filter-box .filter-sort-body .option-list .option:active {
    background-color: #ededed;
    color: #111;
}
.filter-sort-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 44px;
    background-color: rgba(0,0,0,.5);
    z-index: 7;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
}
.filter-box .filter-sort-head.fixed.auto-hide {
    /*top: -42px;*/
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
}
.filter-box .filter-sort-head.fixed {
    position: fixed;
}
.filter-box .filter-sort-head.fixed.auto-hide.shown {
    -webkit-transform: translateY(42px) translateZ(0);
    -moz-transform: translateY(42px) translateZ(0);
    -ms-transform: translateY(42px) translateZ(0);
    -o-transform: translateY(42px) translateZ(0);
    transform: translateY(42px) translateZ(0);
}
/*二级分类*/
.filter-box .filter-sort-body .main-block {
    float: left;
    width: 50%;
    height: 325px;
    top: 0;
    background-color: #f8f8f8;
    /*overflow: hidden;*/
    overflow: auto;
}
.filter-box .filter-sort-body .side-block {
    float: left;
    width: 50%;
    height: 325px;
    top: 0;
    left: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    /*overflow: hidden;*/
    overflow: auto;
}
.filter-box .filter-sort-body .category-part .option-list .option {
    position: relative;
}
.filter-box .filter-sort-body .side-block .option-list .option {
    padding: 12px 18px;
    background-color: #fff;
}
.filter-box .filter-sort-body .side-block .option-list .option.active{
    color: #FF6C50;
}


/*活动列表 筛选栏 商品分类、排序等*/
.filter-mask{
    display: none;
    background-color: rgba(0,0,0,.3);
    position: fixed;
    top: 44px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 990;
}
.filter-bar{
    font-size: 14px;
    position: relative;
    z-index: 995;
    background-color: #fff;
}
.filter-bar .filter-head{
    height: 44px;
    line-height: 44px;
    text-align: center;
    border-bottom: 1px solid #e6e6e6;
}
.filter-bar .filter-head .tabs.active{
    /*font-weight: 700;*/
}
/*装饰（倒^）*/
.filter-head .tabs:after{
    content: '';
    display: inline-block;
    margin-left: 7px;
    margin-bottom: 3px;
    box-sizing: border-box;
    width: 6px;
    height: 6px;
    border-bottom: 1px solid #666;
    border-left: 1px solid #666;
    transform: rotate(-45deg);
    transition-duration: 300ms;
}
.filter-head .tabs.active:after{
    border-color: #111;
    transform: rotate(135deg);
    margin-bottom: 0;
}
/*条件面板（价格从高到底……）*/
.filter-body .filter-panel{
    display: none;
}
.filter-body .filter-panel.active{
    display: block;
}
.filter-body .mui-table-view-cell{
    font-size: 14px;
    padding: 9px 65px 9px 12px;
}
.filter-body li.mui-selected,
.filter-body li.mui-selected{
    /*font-weight: 700;*/
    background-color: #eee;
}
/*商品分类 左侧选项*/
.main-options{
    background-color: #eee;
    overflow: auto;
    height: 325px;
}
.filter-body .main-options .mui-control-item{
    width: 100%;
    color: #666;
    border-bottom: 0 !important;
    text-align: left;
    padding-left: 12px;
    line-height: 40px;
    font-size: 14px;
}
.filter-body .main-options .mui-control-item.mui-active{
    background-color: #fff;
    /*font-weight: 700;*/
    color: #000;
}
/*商品分类 右侧选项*/
.sub-options{
    height: 325px;
    overflow-y: auto;
}
.sub-options .mui-control-content{
    display: block;
    line-height: 39px;
    margin-left:12px;
    color: #666;
    border-bottom: 1px solid #E6E6E6;
}
.sub-options .mui-control-content.active{
    color: #FF8C19;
}


/*我的消息 tab栏*/
.select-list{
    margin-top: 44px;
}
.select-list ul li {
    float: left;
    width: 33.3%;
    text-align: center;
    color: #858585;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    font-size: .59733rem;
    background: #fff;
}
.select-list ul li.active{
    border-bottom: 2px solid #fdc612;
    color: #000;
}
.select-list .badge-red{
    right: 20%;
}
/*我的消息 数据列表*/
.news_list_fll {
    padding: 10px 12px;
    overflow: hidden;
    border-bottom: 1px solid #ebebeb;
}
.news_list_fll .news_c_tit {
    padding-left: 10px;
    width: 70%;
}
.news_list_fll img{
    width: 18px;
    height: 18px;
}
.news_list_fll .badge-red{
    right: -10%;
    top: -10%;
    width: 5px;
    height: 5px;
}
.news_list_fll .news_c_tit p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    clear: both;
    color: #4b4b4b;
    line-height: 1.5;
    width: 100%;
    margin-bottom: 0;
}
.news_list_fll.read p{
    color: #C5C5C5;
}
.news_list_fll span{
    font-size: x-small;
    color: #999;
}


/*活动详情页 商家信息*/
.merchant-group {
    border-top: 10px solid #e7e7e7;
    margin-bottom: 0;
}
.group-title {
    font-size: 15px;
    line-height: 1.5;
    padding: 10px 10px 10px;
    color: #333;
    border-bottom: 1px solid #DDD8CE;
}
.dd-padding {
    padding: 10px 8px;
}
.merchant-card .biz-detail h5 {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 14px;
    color: #000;
}
.merchant-card .biz-detail {
    flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
}
.merchant-card .biz-detail .detail-info {
    display: block;
    font-size: 13px;
}
.merchant-card {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-box-align: center;
}
.merchant-card .biz-detail .address {
    padding-right: 6px;
    color: #666;
}
.merchant-card .biz-call {
    width: 25%;
    text-align: center;
    border-left: 1px solid #DDD8CE;
    font-size: .5rem;
    color: #ff3366;
    padding-top: 5px;
}
.merchant-card .detail-info .dist{
    margin-top: 4px;
}
.merchant-card .detail-info .mui-icon-location{
    font-size: 16px;
}
.icon-sp {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 36px 36px;
}
.icon-tel {
    background-image: url(../pics/icon-phone.png);
    width: 38px;
    height: 38px;
}
.msg-option {
    bottom: 10px;
    position: fixed;
    left: 10px;
    right: 10px;
    border-radius: 5px;
    background: 0 0;
    overflow: hidden;
    z-index: 1001;
    animation-name: slideup;
    animation-duration: .3s;
    -webkit-animation-name: slideup;
    -webkit-animation-duration: .3s;
}
.msg-option .msg-bd {
    background: #fff;
    font-size: 16px;
    padding: 20px 21px;
    border-radius: 5px 5px 0 0;
}
.msg-option .btn {
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #ccc;
    width: 100%;
    background: #fff;
    color: #FFC619;
    border-radius: 0;
    text-align: center;
    display: inline-block;
}
.msg-option .msg-option-btns .btn:last-child {
    border-radius: 0 0 5px 5px;
}
.msg-option .msg-btn-cancel {

    padding: 0;
    margin-top: 10px;
    color: #FFC619;
    border-radius: 5px;
}
/*活动详情页 按钮信息*/
.btn-red{
    background-color: #FF4040;
    border: 1px solid #FF4040;
    color: #fff;
}
.btn-red:active{
    background-color: #c23131!important;
    border: 1px solid #c23131!important;
}
.btn-deep-red{
    background-color: #c23131;
    border: 1px solid #c23131;
    color: #fff;
}
.btn-deep-red:active{
    background-color: #9a2626 !important;
    border: 1px solid #9a2626!important;
}
.btn-orange{
    background-color: #FFC000;
    border: 1px solid #FFC000;
    color: #fff;
}

/*活动详情页 微信分享*/
.mui-bar .share-btn img{
    width: 24px;
    height: 24px;
}
#fx-pop,#fx-pop2 {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 50;
    background: rgba(0,0,0,.7);
}
.pop-box2 {
    padding: 5px 10px;
    text-align: center;
    color: #fff;
}
.pop-jt1 {text-align: right;padding-top: 120px;}
.pop-jt1 img{height: 100px;position: absolute;right: 55px;top:5px;transform: rotate(14deg);}
.pop-box2 h2 {font-size: 18px;padding-bottom: 5px;font-weight: 500;}
.pop-box2 .fx-txt1 {font-size: 16px;display: inline-block;margin-bottom: 50px;}
.pop-box2 h2 span {color: #ff0;}
.pop-box2 .pop-bottom{
    border-top: 1px solid rgb(204, 218, 231);
    background-color: rgb(234, 237, 242);
    height: 48px;
    position: absolute;
    top: auto;
    left: 0;
    bottom: 0;
    width: 100%;
}
.pop-box2 .pop-bottom ul{
    width: 75%;
    margin: 0 auto;
    position: relative;
    float: right;
}
.pop-box2 .pop-bottom li{
    width: 20%;
    float: right;
}
.pop-box2 .pop-bottom li img{
    width: 35px;
    height: 35px;
    margin-top: 5px;
    border: 1px solid transparent;
    border-radius: 7px;
}
/*公众号二维码*/
.qrcode{text-align: center;margin-bottom: 50px;}
.qrcode p{font-size: 0.7778em;color: #fff;line-height: 30px}


/*入驻选择 两张大图*/
.mui-content.choose-apply{
    position: absolute;
    width: 100%;
    height: 100%;
    padding-bottom: 0;
}
.choose-apply .agent{
    width: 100%;
    height: 50%;
    background: #4FC1E9 url(../pics/apply-agent.png) no-repeat center center;
    /*background-size:cover; !*模糊了*!*/
}
.choose-apply .merchant{
    width: 100%;
    height: 50%;
    background: #5D9CEC url(../pics/apply-merchant.png) no-repeat center center;
    /*background-size:cover; !*模糊了*!*/
}
.choose-apply .mui-h3{
    position: relative;
    top: 70%;
    color: #fff;
    text-align: center;
}
.choose-apply .mui-h4{
    position: relative;
    top: 73%;
    color: #fff;
    text-align: center;
}
/*入驻平台 两张大图+底部按钮*/
.choose-apply.copy .agent,
.choose-apply.copy .merchant{
    height: 43%;
}
.choose-apply.copy .toolbar{
    text-align: center;
}
.choose-apply.copy .toolbar .mui-btn{
    width: 42vw;
    margin: 12px 2vw 3px;
    padding: 7px 9px;
    font-size: 0.8889em;
}
.choose-apply.copy .toolbar small{
    font-size: small;
    color: #999;
}
/*入驻平台 选择体验创建活动*/
.try2build{
    margin: 12px;
    padding: 30px 30px 0;
    text-align: center;
    background-color: #fff;
    border-radius: 5px;
}
.try2build li img{
    width: 55%;
}
.try2build li p{
    margin-bottom: 30px;
}


/*我的资料*/
.set-box ul#ul_pics li {
    border: none;
    width:32px;
    height: 32px;
}
.set-box ul#ul_pics{
    padding-right: 30px;
}
.set-box ul#ul_pics img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
}
.ul_pics #upload_btn div {
    top: 0!important;
    width: 32px!important;
    height: 32px!important;
    left: 0!important;
}
.ul_pics .webuploader-element-invisible, .ul_pics .webuploader-pick {
    display: none;
    padding: 0 12px;
}


/*文章列表*/
.post-list .mui-media .mui-media-body{
    height: auto;
}
/*文章详情*/
.post-box{
    background-color: #fff;
    padding-bottom: 0;
}
.post-title {
    padding: 20px 12px 5px;
}
.post-content{
    background: #fff;
    padding: 10px;
}
.post-content img{max-width: 100%;height: auto;display: block;}
.post-show {
    padding: 0 12px;
    overflow: hidden;
    color: #c6c6c6;
    font-size: 0.8em;
}
.post-show .eye img {
    margin-top: 3px;
    width: 15px;
}


/*扁平化 面板容器（我的订单详情页、售后信息页、订单确认页……）*/
.tpl .panel,
.tpl .cell{
    background-color: #fff;
    margin-bottom: 10px;
    padding: 8px 12px;
    font-size: 0.7778em;
    border-top: 1px solid #E4E3E6;
    border-bottom: 1px solid #E4E3E6;
    position: relative;
}
.tpl .cell{
    margin-bottom: -1px;
}


/*页面底部 提交按钮/操作按钮等*/
.toolbar{
    text-align: center;
}
/*订单详情页的按钮 多按钮*/
.toolbar .mui-btn{
    width: 42vw;
    margin: 12px 2vw 0;
    padding: 7px 9px;
    font-size: 0.8889em;
}
/*其他页面的按钮 单一按钮*/
.single-btn.toolbar{
    margin: 24px 12px 0;
}
.single-btn.toolbar button{
    width: 100%;
    padding: 7px 9px;
    font-size: 0.8889em;
}


/*引导关注公众号*/
.guide2focus{
    padding: 15px;
    color: #999;
    text-align: center;
    font-size: x-small;
    margin-top: -60px;
}


/*商品评价 星评*/
.rate-panel i{
    font-size: 22px;
}
.rate .mui-icon-starhalf,
.rate .mui-icon-star-filled{
    color: #FFB400;
}
.rate .mui-icon-star{
    color: #9A9A9A;
}


/*占一行按钮*/
.fx-ctbtn {
    padding: 6px 10px;
}
.fx-ctbtn button {
    width: 100%;
    padding: 10px;
}