/*
 *其它页面的css需合并到此样式表，app端一共有app-common.css,app.css两个样式表
 *公共类的写入app-common.css
 *页面样式写入app.css
 *
 */

/*------------------------------------- 首页各个模块 start-------------------------------------*/
.floor {
    width: 100%;
    background: #fff;
}

.floor-title {
    position: relative;
    width: 100%;
    height: 40px;
    background: #f2f2f2 center no-repeat;
    background-image: url(../../resources/wxappimg/floor-tit-bg.png);
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
}

.floor-title .text {
    width: 80%;
    height: 40px;
    margin: 0 auto;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 40px;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
}

.floor-full-bg-title {
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

.floor-title .more {
    position: absolute;
    top: 12px;
    right: 8px;
    font-size: 16px;
}

.floor-container .mui-table-view:before {
    content: none;
}

/*  活动商品9207  */
.floor-title-9207 {
    color: #fb9a1f;
}

.floor-9207 .pro-name {
    font-size: 14px;
    color: #232323;
    height: 40px;
    line-height: 20px;
    margin-bottom: 30px;
}

.floor-9207 .pro-price {
    font-size: 18px;
    color: #f62e2e;
}

.floor-9207 .pro-unit {
    font-size: 10px;
    color: #f62e2e;
}

.floor-9207 .mui-media-object {
    width: 100px;
    height: 100px;
    max-width: 100px;
    line-height: 100px;
}

.floor-9207 .mui-table-view-cell {
    padding: 0;
}

.floor-9207 .mui-table-view-cell a {
    margin: 0;
    padding: 6px;
}

.floor-9207 .mui-table-view-cell:after {
    right: 15px;
    left: 115px;
}

.floor-9207 .mui-table-view-cell:last-child:after, .floor-9207 .mui-table-view:after {
    content: none;
}

/*  打折促销9202  */
.new-index {
    overflow: hidden;
}

.new-index .new-title a {
    display: block;
}

.new-index .new-title img {
    width: 100%;
    vertical-align: middle;
    display: table;
}

.new-index .new-active-list {
    overflow: hidden;
    padding: 5px;
}

.new-active-list .new-active-item {
    display: block;
    width: 50%;
    float: left;
    padding: 5px;
    text-align: center;
    background: #fff;
    position: relative;
}

.new-active-list .new-active-item:nth-of-type(2n-1) .mask {
    right: 1px;
}

.new-active-list .new-active-item:nth-of-type(2n) .mask {
    left: 1px;
    right: 0;
}

.new-active-list .new-active-item .item-top .pro-img {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
}

.new-active-list .new-active-item .item-top .pro-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    vertical-align: middle;
    width: 93%;
    height: 93%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.new-active-list .new-active-item .active-item {
    background: #fff;
    overflow: hidden;
}

.new-active-list .new-active-item .item-top .u-pro-name {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 2px;
    padding: 0 12px;
    font-size: 13px;
}

.new-active-list .new-active-item .active-item .item-top {
    position: relative;
}

.new-active-list .new-active-item .item-top .bk-lt,
.new-active-list .new-active-item .item-top .bk-rt,
.new-active-list .new-active-item .item-top .bk-lb,
.new-active-list .new-active-item .item-top .bk-rb {
    width: 12px;
    height: 12px;
    display: inline-block;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
}

.new-active-list .new-active-item .item-top .bk-lt {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-image: url('/resources/wxappimg/bk1.png');
}

.new-active-list .new-active-item .item-top .bk-rt {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    background-image: url('/resources/wxappimg/bk2.png');
}

.new-active-list .new-active-item .item-top .bk-lb {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    background-image: url('/resources/wxappimg/bk3.png');
}

.new-active-list .new-active-item .item-top .bk-rb {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-image: url('/resources/wxappimg/bk4.png');
}

.new-active-list.default-theme .new-active-item .item-top .bk-lt {
    background-image: url('/resources/wxappimg/ag1.png');
}

.new-active-list.default-theme .new-active-item .item-top .bk-rt {
    background-image: url('/resources/wxappimg/ag2.png');
}

.new-active-list.default-theme .new-active-item .item-top .bk-lb {
    background-image: url('/resources/wxappimg/ag3.png');
}

.new-active-list.default-theme .new-active-item .item-top .bk-rb {
    background-image: url('/resources/wxappimg/ag4.png');
}

.new-active-list .new-active-item .active-item .item-bottom {
    padding-top: 5px;
    margin-top: 5px;
    background: #efefef;
    overflow: hidden;
    font-size: 14px;
    text-align: center;
    line-height: 16px;
}

.new-active-list .new-active-item .active-item .item-bottom .u-old-price {
    font-size: 10px;
    color: #929292
}

.new-active-list .new-active-item .active-item .item-bottom .u-new-price {
    font-size: 18px;
    color: #f62e2e;
}

.new-active-list .new-active-item .active-item .item-bottom .u-new-price .symbol {
    font-size: 10px;
}

.new-active-list .new-active-item .active-item .item-bottom .new-media- {
    font-size: 15px;
    line-height: 15px;
    display: block;
    width: 100%;
    height: 15px;
    margin-top: 8px;
    text-overflow: ellipsis;
    color: #333;
    text-align: center;
}

.new-active-list .new-active-item .active-item .item-bottom .btn {
    margin: 2px 0 6px 0;
}

.new-active-list .new-active-item .active-item .item-bottom .btn img {
    width: 60%;
}

/*半透明背景*/
.new-active-item .active-item {
    position: relative;
}

.new-op-bg, .new-op-bg-saleout, .new-op-bg-over {
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    background-color: #000;
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: center center;
}

.new-op-bg {
    background-image: url(../../resources/wxappimg/app-1.png);
}

.new-op-bg-saleout {
    background-image: url(../../resources/wxappimg/app-2.png);
}

.new-op-bg-over {
    background-image: url(../../resources/wxappimg/app-3.png);
}

.new-banner .new-active-list .mui-pull-bottom-tips .mui-pull-bottom-wrapper {
    text-align: center;
    color: #fff;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    background: #000;
}

/* 广告模块 9745*/
.floor-9745 .floor-title {
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

.ad-module {
    width: 100%;
    overflow: hidden;
}

.module3, .module4, .module5, .module6, .module7, .module8, .module9, .module10, .module11, .module12, .module13 {
    clear: both;
    overflow: hidden;
}

.module-item {
    float: left;
    height: 100%;
    overflow: hidden;
    text-align: center;
}

.module8 .module-item {
    height: 50%;
}

.item-two, .item-thirteen {
    width: 50%;
}

.item-three, .item-nine-left, .item-ten-left, .item-eleven-left {
    width: 33.33333%;
}

.item-four {
    width: 25%;
}

.item-five {
    width: 20%;
}

.item-six {
    width: 16.6666%;
}

.item-nine-right, .item-ten-right {
    width: 66.6666%;
    overflow: hidden;
}

.item-nine-right img, .item-ten-right .img-bom {
    float: left;
    height: 50%;
    width: 50%;
}

.item-ten-right .img-top {
    float: left;
    width: 100%;
}

.item-eleven-right {
    width: 66.6666%;
}

.item-thirteen {
    padding: 0;
}

.module13 img {
    float: left;
    width: 50%;
    height: auto;
}

.module8 img {
    width: 100%;
}

.module1 img, .module2 img, .module3 .item-two img, .module4 img, .module5 img, .module6 img, .module7 img,
.module8 img, .module9 .item-nine-left img, .module11 img, .module12 img, .module10 .item-ten-left img {
    width: 100%;
}

/*.module1 {
    height: 160px;
}

.module2 {
    height: 85px;
}

.module3 {
    height: 185px;
}

.module4,  .module6, .module7, .module11, .module12 {
    height: 112px;
}

.module8, .module9, .module10 {
    height: 224px;
}

.module13 {
    height: 180px;
}*/

.module1 img, .module2 img, .module3 img, .module4 img, .module5 img, .module6 img, .module7 img, .module8 img,
.module11 img, .module12 img, .item-nine-left img, .module13 .img-left, .module10 .item-ten-left img {
    height: 100%;
}

.module13 .img-right, .module10 .item-ten-right img {
    height: 50%;
}

.floor-title-9745 {
    color: #85b060;
}

/*滑动 9208*/
.floor-9208 .floor-title .text {
    color: #fd6364;
}

.floor-9208 .swiper-container {
    padding: 10px 10px 5px 10px;
}

.floor-9208 .pro-img {
    position: relative;
    padding-bottom: 100%;
}

.floor-9208 .pro-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.floor-9208 .new-price {
    text-align: center;
    font-size: 14px;
    color: #f62e2e;
    padding-top: 6px;
    line-height: 18px;
    height: 44px;
}

.hot-pro-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    z-index: 9;
}

/*精彩头条91983*/
.floor-91983 .won-news {
    height: 40px;
    line-height: 40px;
    padding-left: 122px;
    position: relative;
}

.floor-91983 .won-news-img {
    position: absolute;
    top: 0;
    left: 10px;
}

.floor-91983 .won-news-img a {
    display: inline-block;
    margin-right: 8px;
}

.floor-91983 .won-news-img img {
    vertical-align: text-top;
    width: 88px;
    padding-right: 15px;
    border-right: 1px solid #e3e5e9;
}

.floor-91983 .won-news-img .circle {
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    border: 2px solid #f62e2e;
    width: 8px;
    height: 8px;
    background: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.floor-91983 .won-news-text .text {
    display: block;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*商品推荐 9201*/
.floor-9201 .floor-title .text {
    color: #62a363;
}

.recommends-table-view {
    overflow: hidden;
    background: #fff;
}

.recommends-table-view-cell {
    width: 50%;
    float: left;
    padding: 5px;
    text-align: center;
}

.recommends-table-view-cell:nth-of-type(2n-1):before {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    content: '';
    background: #e3e5e9;
    transform: scaleX(0.5);
    -webkit-transform: scaleX(0.5);
    z-index: 9;
}

.recommends-table-view-cell a {
    width: 100%;
    display: block;
    position: relative;
}

/*
.recommends-table-view-cell:nth-last-of-type(1):after, .recommends-table-view-cell:nth-last-of-type(2):after {
    content: none;
}
*/

.recommends-table-view-cell .pro-img {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
}

.recommends-table-view-cell .pro-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.recommends-table-view-cell .pro-name {
    font-size: 14px;
    padding-top: 6px;
}

/*广告 920602*/
.floor-920602 .floor-title .text {
    color: #8865c6;
}

.floor-920602 .slider {
    overflow: hidden;
    width: 100%;
    padding: 15px 0 15px 10px;
}

.floor-920602 .slider .slider-item {
    width: 33.33%;
    float: left;
    padding-right: 10px;
}

.floor-920602 .slider .slider-item img {
    width: 100%;
    vertical-align: middle;
}

/*广告 9206*/
.floor-9206 .floor-title .text {
    color: #8865c6;
}

.floor-9206 .swiper-container {
    width: 100%;
    padding: 15px 0 15px 10px;
}

.floor-9206 .swiper-container img {
    vertical-align: middle;
    width: 100%;
}

/*热兑商品 9204*/
.floor-9204 .floor-title .text {
    color: #b055c1;
}

.floor-9204 .item {
    padding: 15px;
}

.floor-9204 .item a {
    display: block;
}

.floor-9204 .pro-img {
    width: 100%;
    border-radius: 50%;
    background: #fff;
    padding-bottom: 100%;
    position: relative;
}

.floor-9204 .pro-img .vertical {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-left: -3px;
}

.floor-9204 .pro-img img {
    position: absolute;
    width: 64%;
    height: 64%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    vertical-align: middle;
}

.floor-9204 .pro-name {
    padding-top: 8px;
    font-size: 14px;
    color: #232323;
    text-align: center;
}

.category-colorful-1 {
    background: #f9cada;
}

.category-colorful-2 {
    background: #ddd2f4;
}

.category-colorful-3 {
    background: #c0e0f9;
}

.category-colorful-4 {
    background: #bfe197;
}

.category-colorful-5 {
    background: #fee580;
}

.category-colorful-6 {
    background: #efefef;
}

/*热门商品 9205*/
.floor-9205 .floor-title .text {
    color: #f36258;
}

/* 920604 */
.floor-920604 .floor-title .text {
    color: #56a3e8;
}

.floor-920604 .floor-con {
    padding: 10px 0 0 10px;
    overflow: hidden;
}

.floor-920604 .pro-img {
    padding: 0 10px 10px 0;
}

.floor-920604 .pro-img img {
    display: block;
}

/* 9203 */
.floor-9203 .floor-title .text {
    color: #fc6232;
}

/* 9301 */
.floor-9301 .shop-wrapper {
    width: 100%;
    padding: 10px;
    overflow: hidden;
    font-size: 0;
}

.floor-9301 .shop-con-left {
    float: left;
}

.floor-9301 .shop-con-left .icon {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    font-size: 24px;
    color: #b2b3b3;
    padding-right: 8px;
    margin-right: 8px;
    border-right: 1px solid #ddd;
    vertical-align: middle;
}

.floor-9301 .shop-con-left .circle {
    display: inline-block;
    vertical-align: middle;
    border: 2px solid #ffa200;
    width: 8px;
    height: 8px;
    background: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.floor-9301 .shop-con-left .vertical {
    display: inline-block;
    vertical-align: middle;
    height: 24px;
}

.floor-9301 .shop-con-right {
    float: right;
}

.floor-9301 .shop-con-right .icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    color: #b2b3b3;
    height: 24px;
    line-height: 24px;
    margin-right: 8px;
}

.floor-9301 .shop-con-right .icon-le-have-collect {
    color: #ffa200;
}

.floor-9301 .shop-con-right .more {
    vertical-align: middle;
    display: inline-block;
    font-size: 10px;
    color: #fff;
    background: #ffa200;
    padding: 0 8px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

.floor-9301 .shop-con-right .already-save {

}

.floor-9301 .shop-con-center {
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 5px;
}

.share-pop-up {
    position: fixed;
    z-index: 10000;
    top: 50%;
    left: 50%;
    display: none;
    overflow: hidden;
    width: 270px;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    text-align: center;
    background: #fff;
    border-radius: 4px;
    padding: 10px 0;
}

.share-pop-up .title {
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    padding-right: 30px;
}

.share-pop-up .title .icon-le-share {
    display: none;
    position: absolute;
    right: 12px;
    top: 4px;
    color: #b2b3b3;
    font-size: 18px;
}

.share-pop-up .qr-code-wrapper {
    width: 220px;
    margin: 8px auto;
    border: 1px solid #ddd;
}

.share-pop-up .qr-code-wrapper img {
    width: 100%;
}

/*9817*/
.floor-9817 {
    display: none;
}

.floor-9817 .skill-title {
    width: 100%;
    height: 40px;
    background: #fff;
    padding: 8px 0;
    position: relative;
}

.floor-9817 .skill-title .more {
    position: absolute;
    top: 12px;
    right: 8px;
    font-size: 16px;
}

.floor-9817 .skill-title .title {
    display: inline-block;
    vertical-align: middle;
    color: #ef2b2c;
    font-size: 0;
    padding-left: 8px;
}

.floor-9817 .skill-title .icon-le-skill {
    font-size: 20px;
    line-height: 24px;
    height: 24px;
    vertical-align: middle;
}

.floor-9817 .skill-title .text {
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    vertical-align: middle;
    padding-left: 5px;
    font-weight: 600;
}

.floor-9817 .time-wrapper {
    display: inline-block;
    vertical-align: middle;
}

.floor-9817 .time-wrapper .time-text {
    font-size: 12px;
    line-height: 24px;
    height: 24px;
    vertical-align: middle;
    color: #6d6c6a;
}

.floor-9817 .time-wrapper .time {
    color: #ef2b2c;
}

.floor-9817 .time-wrapper .time > span {
    padding: 2px;
    background: #ef2b2c;
    color: #fff;
    font-size: 0.09rem;
    border-radius: 3px;
    font-weight: 600;
    margin: 0 2px;
}

.floor-9817 .swiper-container {
    padding: 5px;
}

.floor-9817 .pro-img img {
    width: 80px;
    height: 80px;
}

.floor-9817 .new-price {
    text-align: center;
    font-size: 16px;
    color: #f62e2e
}

/*91982*/
.quick-entry-nav {
    padding: 10px;
    background: #fff;
    overflow: hidden;
}

.quick-entry-nav .entry-nav-link {
    display: block;
    width: 25%;
    float: left;
    text-align: center;
}

.quick-entry-nav .entry-nav-link img {
    width: 50%;
    vertical-align: middle;
}

.quick-entry-nav .entry-nav-link .text {
    font-size: 11px;
    padding-bottom: 4px;
}

.bl-1 {
    border-left: 1px solid #dfdfdf;
}

.bt-1 {
    border-top: 1px solid #dfdfdf;
}

/*91952小广告*/
.muiSlider_91952 {
    background: #fff;
}

.muiSlider_91952 .mui-slider-item img {
    vertical-align: top;
}

/*搜索框*/
.search-bar {
    padding: 5px 10px;
    display: table;
    width: 100%;
    height: auto;
    z-index: 100;
}

.search-bar .search-box {
    display: table-cell;
    height: 30px;
    border-radius: 30px;
    overflow: hidden;
    vertical-align: middle;
    position: relative;
}

.search-bar .search-box input {
    width: 100%;
    height: inherit;
    padding: 0 30px 0 8px;
    background: #fff;
    font-size: 12px;
    margin: 0;
}

.search-bar .search-box .icon {
    position: absolute;
    right: 0;
    top: -1px;
    font-size: 24px;
    padding: 4px;
    color: #9e9f9f;
}

.search-bar .sign {
    vertical-align: middle;
    text-align: center;
    color: #9e9f9f;
    display: none;
}

.search-bar .sign .icon-le-clock {
    font-size: 16px;
    display: block;
}

.search-bar .sign .sign-text {
    font-size: 10px;
    height: 12px;
    line-height: 12px;
}

.search-bar .icon_scan {
    width: 46px;
    background: url(/resources/wxappimg/icon_scan.png) no-repeat;
    -webkit-background-size: 42%;
    background-size: 42%;
    vertical-align: middle;
    font-size: 10px;
    padding-top: 18px;
    color: #9e9f9f;
    background-position: center top;
    text-align: center;
    line-height: 12px;
    display: table-cell;
}

.search-bar .msg-con {
    width: 40px;
    vertical-align: middle;
    text-align: center;
    line-height: 12px;
    display: table-cell;
    position: relative;
}

.search-bar .msg-con .mui-icon {
    padding: 0;
    margin: 0;
    font-size: 24px;
    color: #fff;
}

.search-bar .msg-con .mui-badge {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 30;
    font-size: 10px;
    padding: 2px 4px;
}

/*.search-bar .msg-con  p{
    padding: 0;
    margin:0;
    font-size: 10px;
    color: #9e9f9f;
    line-height: 12px;
}*/
.search-bar .sign.checked .icon-le-clock, .search-bar .sign.checked .sign-text {
    color: #ffa200;
}

.mui-bar-nav ~ .filter-bar {
    top: 44px;
}

.filter-bar {
    background: rgba(247, 247, 247, 0);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.filter-bar .search-box {
    border: none;
}

/*帮助中心*/
.help-center-list {
    overflow: hidden;
    background: #cfd8dd;
    font-size: 0;
}

.help-center-list .help-link {
    display: inline-block;
    width: 25%;
    line-height: 44px;
    text-align: center;
    position: relative;
    font-size: 10px;
}

.help-center-list .help-link:not(:last-child):after {
    width: 1px;
    height: 100%;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
}

.copyright p {
    font-size: 10px;
    text-align: center;
    line-height: 24px;
}

/*------------------------------------- 首页各个模块 end-------------------------------------*/

/*------------------------------------- 新春特惠 start-------------------------------------*/
.new-banner {
    overflow: hidden;
}

.new-banner-list .new-active-list {
    overflow: hidden;
    padding: 5px;
}

.new-banner-list .u-active-tit-img {
    width: 100%;
    vertical-align: middle;
}

.u-active-top-banner img {
    display: block;
    width: 100%;
}

/*------------------------------------- 新春特惠 end-------------------------------------*/
/*------------------------------------- 购物车页面 start-------------------------------------*/
.ou-item-title, .mc-item-title {
    height: 40px;
    line-height: 40px;
    padding-left: 38px;
    background: #fafafa;
    font-size: 14px;
}

.ou-item-title .ou-checkbox[type=checkbox], .mc-item-title .mc-checkbox[type=checkbox] {
    top: 9px;
    left: 10px;
}

.mc-item-title {
    background: #fff;
}

.cart-sku-item {
    padding: 8px 0 8px 30px;
    margin: 0 8px;
}

.cart-sku-item .sku-checkbox[type=checkbox] {
    top: 32px;
    left: -27px;
}

#shoppingcartlist input[type=checkbox]:before {
    font-size: 16px;
}

.cart-sku-item-con {
    position: relative;
}

.cart-sku--media-object img {
    width: 88px;
    height: 88px;
    line-height: 88px;
    display: block;
}

.cart-sku--media-body {
    padding-left: 5px;
    overflow: hidden;
}

.cart-sku--media-body .pro-name {
    font-size: 13px;
    color: #232326;
}

.cart-sku--media-body .sku-name {
    font-size: 10px;
}

.cart-sku--media-body .pro-price {
    font-size: 12px;
    color: #f62e2e;
}

.cart-sku--media-body .sku-del-btn {
    position: absolute;
    right: 0;
    bottom: 0;
}

.cart-check-btns .all-checkbox-wrapper {
    padding-left: 38px;
}

.cart-check-btns .all-checkbox-wrapper .pointer {
    color: #000;
}

.cart-check-btns .all-checkbox[type=checkbox] {
    left: 10px;
    top: 12px;
}

.cart-check-btns .cart-pay-btn {
    background: #ff8918;
    color: #fff;
    text-align: center;
}

.cart-check-btns .cart-pay-btn button {
    border: none;
    color: #fff;
    width: 100%;
    background: transparent;
}

.empty-cart .empty-cart-up {
    text-align: center;
    padding: 16px 0;
    background: #fff;
}

.empty-cart .empty-cart-img img {
    width: 60px;
    vertical-align: middle;
}

.empty-cart .cart-btn {
    display: inline-block;
    color: #fff;
    background: #f23030;
    border-radius: 5px;
    padding: 4px 70px;
    font-size: 14px;
    margin-top: 18px;
}

.empty-cart-down {
    margin-top: 4px;

}

#hotProduct .floor-title {
    position: relative;
    background: #fff;
}

#hotProduct .floor-title:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background: #e3e5e9;
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
    z-index: 10;
}

#hotProduct .floor-title .text {
    color: #232323;
    font-weight: normal;
}

.shopcart-checkbox label {
    width: auto;
    padding-right: 0;
}

.shopcart-freight-wrapper {
    float: right;
    padding-right: 15px;
}

.shopcart-freight-wrapper .mui-icon {
    font-size: 20px;
}

.shopcart-freight-wrapper .price {
    color: #f23030;
}

/*------------------------------------- 购物车页面 end-------------------------------------*/

/*------------------------------------- 支付结果页面 start-------------------------------------*/
.result-container .result-up {
    padding: 20px 0;
    text-align: center;
    background: #fff;
}

.result-container .result-down {
    margin-top: 4px;
}

.result-up .result-icon {
    font-size: 12px;
    color: #f23030;
}

.result-up .result-icon .ic-wrapper {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: url('../../resources/img/pay-result-bg.png') center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    vertical-align: middle;
    position: relative;
}

.result-up .result-icon i {
    position: absolute;
    right: -4px;
    bottom: -4px;
    background: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 24px;
}

.result-up .result-icon .icon-le-success {
    color: #00d500;
}

.result-up .result-btns {
    padding-top: 15px;
}

.result-up .result-btns a {
    /*display: block;*/
    padding: 5px 30px;
    background: #fff;
    border-radius: 3px;
    font-size: 12px;
    margin: 0 8px;
}

.result-btns .order-btn {
    border: 1px solid #ddd;
}

.result-up .result-btns .shopping-btn {
    margin-top: 10px;
    color: #fff;
    background: #f23030;
    border: 1px solid #f23030;
}

/*------------------------------------- 支付结果页面 end-------------------------------------*/

/*------------------------------------- 提交订单页 start-------------------------------------*/
.address-tip {
    display: none;
    position: fixed;
    left: 0;
    bottom: 44px;
    z-index: 10;
    text-align: center;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 20px;
    padding: 6px 10px;
    font-size: 12px;
    color: #545454;
    background-color: rgba(253, 250, 229, .9);
}

.address-tip .mui-icon {
    font-size: 18px;
    color: #f23030;
}

/*------------------------------------- 提交订单页 end-------------------------------------*/

/*------------------------------------- 我的小店 start-------------------------------------*/
.shop-bar {
    padding: 6px 10px;
    background: #fff;
    box-shadow: 0 1px 3px #ddd;
}

.shop-bar .search-box {
    overflow: hidden;
}

.shop-bar .search-box input {
    overflow: hidden;
    padding: 0;
    margin: 0;
    float: left;
    margin-right: -40px;
    padding-right: 40px;
    padding-left: 10px;
    font-size: 12px;
    background: #efefef;
}

.shop-bar .search-box .mui-icon {
    float: right;
    margin: 4px;
    padding: 0;
    color: #9e9f9f;
}

.shop-list .icon-le-share {
    display: inline-block;
    font-size: 20px;
    color: #919191;
    margin: 2px 4px 0 0;
}

.shop-list .collect-btn {
    line-height: 0.8;
    font-size: 12px;
}

.shop-list .btn-like {
    background-image: url(/resources/img/CollectionOrange.png);
    background-position: 1px center;
    background-repeat: no-repeat;
    text-align: right;
    margin-top: 0px;
    color: #ff881a;
    border: 1px solid #ff881a;
    padding-left: 22px;
    background-size: 30%;
}

/*------------------------------------- 我的小店 end-------------------------------------*/

/*------------------------------------- 商品详情 start-------------------------------------*/
.mui-popover-action.coupon-list-action {
    width: 100%;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    background: #fff;

}

.video-wrapper {
    position: relative;
}

.u-tip {
    background: #f23030;
    color: #fff;
    font-size: 10px;
    text-align: center;
    padding: 2px 4px;
    border-radius: 3px;
    margin-right: 4px;
}

.video-play {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10;
    transform: translate3d(-50%, -50%, 0);
    width: 50px;
    height: 50px;
    background: url("/resources/wxappimg/video_play.png") no-repeat center;
    -webkit-background-size: contain;
    background-size: contain;
}

/*------------------------------------- 商品详情 end-------------------------------------*/

/*------------------------------------- 个人中心 end-------------------------------------*/
.header-wrapper {
    padding: 30px 20px;
    background: url("/resources/wxappimg/pcenter/personal-header-bg.png") no-repeat center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

.header-wrapper .header {
    overflow: hidden;
}

.header-wrapper .header .img {
    float: left;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid #878e91;
}

.header-wrapper .header .info-wrapper {
    float: left;
    margin-left: 10px;
    padding: 6px 0;
    color: #fff;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 60px;
}

.header-wrapper .header .info-wrapper .name {
    color: #fff;
}

.header-wrapper .header .info-wrapper .info-btn {
    padding: 0 8px;
    display: inline-block;
    margin-top: 4px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #fff;
    background: #fea829;
    font-size: 10px;
    align-self: flex-start
}

.personal-all-order .tit {
    font-weight: 500;
}

.personal-all-order.mui-table-view .more {
    font-size: 10px;
    line-height: 24px;
    color: #929292;
}

.personal-all-order .more .mui-icon {
    font-size: 14px;
    width: auto;
    height: auto;
}

.u-pay-status-wrapper {
    background: #fff;
    font-size: 0;
    padding-top: 6px;
}

.u-pay-status-wrapper .mui-control-item {
    display: inline-block;
    width: 25%;
    font-size: 12px;
    text-align: center;
}

.u-pay-status-wrapper .mui-control-item img {
    width: 30px;
    vertical-align: top;
}

.u-pay-status-wrapper .mui-tab-label {
    font-size: 12px;
    color: #929292;
}

.u-per-cen-module {
    padding: 12px 0;
    background: #fff;
}

.u-per-cen-module li.u-module-item .icon-wrapper {
    width: 30px;
    height: 30px;
}

/*

    .u-per-cen-module li.u-module-item {
        position: relative;
    }

    .u-per-cen-module li.u-module-item:nth-of-type(3n+1):after, .u-per-cen-module li.u-module-item:nth-of-type(3n+2):after {
        position: absolute;
        top: 0;
        right: 0;
        content: '';
        width: 1px;
        height: 100%;
        background: #e3e5e9;
        -webkit-transform: scaleX(.5);
        transform: scaleX(.5);
    }

    .u-per-cen-module li.u-module-item:before {
        position: absolute;
        left: 0;
        bottom: 0;
        content: '';
        width: 100%;
        height: 1px;
        background: #e3e5e9;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5);
    }*/
/*------------------------------------- 个人中心 end-------------------------------------*/
/*------------------------------------- 产品详情 start-------------------------------------*/
.sku-action-sheet {
    height: 70%;
}

.sku-action-sheet.mui-popover-action .mui-table-view {
    margin: 0;
    text-align: inherit;
    color: inherit;
    border-radius: inherit;
    height: 100%;
}

.sku-action-sheet .sku-pro {
    height: 102px;
}

.sku-action-sheet .sku-info-container {
    position: absolute;
    top: 102px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;

}

.sku-action-sheet .sku-btns {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 44px;
    line-height: 44px;
    padding: 0;
}

.sku-action-sheet.mui-popover-action .mui-table-view .mui-table-view-cell:last-child:after {
    height: 0;
}

.dtChangePickupTime {
    padding: 11px 15px;
}

.from_unit.v2_protop_group {
    margin-top: 0px;
    margin-bottom: 10px;
}

#proinfo-box {
    font-size: 12px;
}

#proinfo-box .mui-radio input[type=radio]:checked:before {
    content: '\e442';
    color: #fa571b !important;
}

#exchenge .mui-input-row label {
    padding: 13px 15px;
}

#proinfo-box .mui-input-row .mui-numbox {
    float: left;
    margin: 0;
}

.v2_re_position {
    position: relative;
}

#proinfo-box .mui-numbox {
    width: 110px;
    position: absolute;
    top: 4px;
    height: 30px;
}

#proinfo-box .mui-numbox button {
    height: 28px;
    width: 25px;
}

#proinfo-box .mui-numbox {
    padding: 0 25px;
}

#proinfo .mui-slider-item {
    text-align: center;
}

.prointro-title .pro-item {
    width: 100%;
    float: left;
}

#prointro img {
    vertical-align: top;
    width: 100%;
}

#reviewsList {
    font-size: 12px;
}

span.mui-icon-star {
    font-size: 12px !important;
    color: red !important;
}

.mui-pull-bottom-tips {
    margin: 15px 0;
}

.gray-font {
    color: #666;
}

.reviews-reply {
    padding: 5px;
    background-color: #efeff4;
    border-radius: 5px;
    word-wrap: break-word;
}

#proDetail .arrow-up {
    width: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #efeff4;
    margin-left: 15px;
}

.reviews-img img {
    width: 60px;
    height: 60px;
    margin-top: 6px;
    margin-right: 3px;
}

.mui-scroll-wrapper,
.mui-scroll {
    background-color: #f0f2f5;
}

.appShare {
    float: right;
    font-size: 20px;
    margin-right: 8px;
}

/*------------------------------------- 产品详情 end-------------------------------------*/
/*------------------------------------- 我的会员卡 start-------------------------------------*/
.member-card-wrapper {
    text-align: center;
    padding: 20px 0;
}

.member-card {
    display: inline-block;
    position: relative;
}

.member-card .member-card-num {
    position: absolute;
    left: 6%;
    bottom: 25%;
    color: #fff;
    font-size: 14px;
}

.member-btns {
    font-size: 0;
}

.member-btns .btn {
    display: inline-block;
    width: 33.33%;
    font-size: 14px;
    color: #ff881a;
    text-align: center;
    padding: 15px 0;
}

.member-rules {
    padding: 15px;

}

.member-rules h4 {
    font-size: 14px;

}

.member-rules p {
    font-size: 12px;
    text-indent: 2em;
}

/*------------------------------------- 我的会员卡 end-------------------------------------*/
/*------------------------------------- insuranceHisOrder/insuranceOrderDetail start-------------------------------------*/
.insurance-hisorder-wrapper .mui-list-unstyled .u-title {
    font-size: .16rem;
    color: #333;
    line-height: .3rem;
}

.insurance-hisorder-wrapper .mui-list-unstyled .t-desc {
    font-size: .16rem;
    color: #ccc;
    line-height: .3rem;
}

.insurance-hisorder-wrapper .mt {
    margin-top: .05rem;
}

.insurance-hisorder-wrapper .v-radius {
    border-radius: 6px;
}

.insurance-hisorder-wrapper .mui-table-view-cell .barno {
    font-size: .18rem;
    color: #111;
}

.insurance-hisorder-wrapper .ycr {
    color: #62BD88;
    font-weight: 600;
}

.insurance-hisorder-wrapper .ncr {
    color: #FA571B;
    font-weight: 600;
}

/*------------------------------------- insuranceHisOrder/insuranceOrderDetail end-------------------------------------*/

/*------------------------------------- 列表详情 start-------------------------------------*/
.tableCom .bgimg {
    background: #fff url("/resources/wxappimg/duihao.png") no-repeat 128px center !important;;
    background-size: 16px 13px !important;
    color: #ff5000;
    border-radius: 0 !important;
}

.mui-popover .tableCom {
    font-size: 12px;
}

.mui-popover .tableCom li:after {
    content: none;
}

.mui-popover .tableCom li.bgimg:after {
    content: '';
    background-color: #ff5000;
}

#list-row .mui-popover {
    width: 100%;
    box-shadow: none;
    border-top: 1px solid #ddd;
    top: 42px;
    -webkit-transition: opacity 0.1s;
    transition: opacity 0.1s;
    background: #fff;
}

/*.mui-popover .mui-table-view-cell{
    padding: 0;
}*/
.no-after-border:after {
    content: none;
}

/*------------------------------------- 列表详情 end-------------------------------------*/

/*------------------------------------- 预约办卡进度 start-------------------------------------*/

.import-data .u-input-label {
    font-size: 12px;
    padding: 14px 15px;
}

.import-data .u-input-label i {
    font-style: normal;
    color: red;
    vertical-align: middle;
}

.import-data input {
    font-size: 12px;
}

.import-data .mui-btn {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    padding: 14px 0;
}

.mui-btn-blue.mui-active:enabled, .mui-btn-blue:enabled:active, .mui-btn-primary.mui-active:enabled, .mui-btn-primary:enabled:active, input[type=submit].mui-active:enabled, input[type=submit]:enabled:active {
    color: #fff;
    border: 1px solid #ff6800;
    background-color: #ff6800;
}

.mui-btn-blue, .mui-btn-primary, input[type=submit] {
    color: #fff;
    border: 1px solid #ff6800;
    background-color: #ff6800;
}

.get-ticket-btns {
    float: right;
    margin: 6px;
}

.get-ticket-btns .btn {
    padding: 2px 10px;
    display: inline-block;
    font-size: 12px;
    border: 1px solid #d7d7d7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px

}

.get-ticket-btns .btn.active {
    background: #d0d0d0;
}

.progress-item .title {
    font-size: 14px;
    color: #333;
    position: relative;
}

.progress-item .title:before {
    position: absolute;
    left: -27px;
    top: 4px;
    width: 13px;
    height: 13px;
    content: '';
    border-radius: 50%;
    background-color: #7d7c81;
}

.progress-item .time {
    font-size: 12px;
    color: #999;
}

.progress-item .status {
    font-size: 12px;
    color: #999;
}

.progress-query .mui-table-view {
    margin: 0;
    padding-left: 20px;
}

.progress-query .mui-table-view .mui-table-view-cell {
    overflow: visible;
}

.progress-query .progress-item:before {
    position: absolute;
    left: -6px;
    top: 20px;
    width: 1px;
    height: 100%;
    content: '';
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5);
    background-color: #7d7c81;
}

.progress-query .progress-item:last-child:before {
    content: none;
}

.progress-query .review-btn-wrapper .btn {
    padding: 2px 10px;
    display: inline-block;
    font-size: 12px;
    border: 1px solid #d7d7d7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.progress-query .review-wrapper .item {
    float: left;
    width: 28px;
    height: 28px;
    font-size: 28px;
    color: #999;
}

.progress-query .review-wrapper .item.active {
    color: #fbc400;
}

.progress-query .card-dialog {
    position: fixed;
    width: 80%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    display: none;
    z-index: 1000;
}

.progress-query .card-dialog .review-container {
    padding: 24px 0;
    text-align: center;
}

.progress-query .card-dialog .review-wrapper {
    display: inline-block;
}

.progress-query .card-dialog .btn {
    float: left;
    width: 50%;
    padding: 12px 0;
    text-align: center;
}

/*------------------------------------- 预约办卡进度 end-------------------------------------*/

/*------------------------------------- 办卡进度 start-------------------------------------*/
.card-search-wrapper .mui-table-view-cell > a:not(.mui-btn) {
    padding-right: 30px;
}

/*------------------------------------- 办卡进度 end-------------------------------------*/

/*------------------------------------- 个人账户修改 start-------------------------------------*/
.u-input-group:before {
    content: none;
}

.u-input-group .u-input-label {
    font-size: 12px;
    padding: 14px 15px;
}

.u-input-group input {
    font-size: 12px;
}

.u-input-group select {
    font-size: 12px;
    height: 40px;
}

.u-input-group .footer-btn {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    padding: 14px 0;
}

.isBankCard {
    display: none;
}

/*------------------------------------- 个人账户修改 end-------------------------------------*/

/*------------------------------------- 砍价 start-------------------------------------*/
.bargain-wrapper {
    background-color: #fef8e2;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.bargain-wrapper .new-active-list {
    background: #fef8e2;
    padding: 2%;
}

.bargain-wrapper .new-active-list .new-active-item {
    width: 49%;
    margin-bottom: 2%;
}

.bargain-wrapper .new-active-list .new-active-item:nth-of-type(2n) {
    margin-left: 2%;
}

/*
.bargain-wrapper .new-active-list .new-active-item:nth-last-of-type(1),.bargain-wrapper .new-active-list .new-active-item:nth-last-of-type(2){
    margin-bottom:0;
}
*/
.bargain-wrapper .active_bargain_bg {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background: url(/resources/wxappimg/active_bargain_bg.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

.bargain-wrapper .new-active-list .new-active-item .item-top .pro-img img {
    width: 90%;
    height: 90%;
}

.bargain-wrapper .new-active-list .new-active-item .active-item .item-bottom {
    background: #fff;
    text-align: left;
    padding: 5px;
}

.bargain-wrapper .new-active-list .new-active-item .active-item .item-bottom .u-new-price .label {
    margin-top: 6px;
    color: #4b4947;
    font-size: 14px;
}

.bargain-wrapper .new-active-list .new-active-item .active-item .u-new-price {
    display: inline-block;
    padding-top: 4px;
}

.bargain-wrapper .new-active-list .new-active-item .active-item .u-price .symbol {
    color: #f62e2e;
    font-size: 14px;
}

.bargain-wrapper .new-active-list .new-active-item .active-item .item-bottom .new-media-body {
    padding-top: 5px;
    margin: 0;
}

.bargain-wrapper .new-active-list .new-active-item .active-item .item-bottom .new-media-body.btn img {
    width: 100%;
}

/*------------------------------------- 砍价 end-------------------------------------*/

/*------------------------------------- 产品列表 start-------------------------------------*/
.prompt-img-wrapper {
    position: relative;
}

.prompt-img-wrapper .prompt-img {
    width: 50px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 9;
}

.prompt-img-wrapper .prompt-img img {
    width: 100% !important;
    height: 100% !important;
    vertical-align: middle;
    position: static !important;
    padding: 0 !important;
    -webkit-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
    top: auto !important;
    left: auto !important;
}

/*------------------------------------- 产品列表 end-------------------------------------*/

/*------------------------------------- 二级导航条 start-------------------------------------*/
.sub-nav-bar-menu {
    position: fixed;
    background: #fff;
    top: 0;
    z-index: 12;
}

.mui-bar-nav ~ .mui-content .sub-nav-bar-menu {
    padding-top: 94px;
}

.sub-nav-bar-menu .mui-scroll-wrapper {
    height: 50px;
    background: #fff;
}

.sub-nav-bar-menu .menu-list.mui-scroll {
    background: #fff;
    height: 50px;
}

.sub-nav-bar-menu .menu-list .mui-control-item {
    font-size: 14px;
    line-height: 50px;
    color: #000;
    padding: 0;
    margin: 0 10px;
    position: relative;
}

.sub-nav-bar-menu .menu-list .mui-control-item.mui-active {
    border-bottom: 0;
    color: #fa571b;
}

.sub-nav-bar-menu .menu-list .mui-control-item.mui-active:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 6px;
    transform: translate(-50%, 0);
    width: 100%;
    height: 3px;
    border-radius: 4px;
    background: #fa571b;
}

/*------------------------------------- 二级导航条 end-------------------------------------*/
.loading-wrapper {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    padding: 30px 40px;
    background: rgba(0, 0, 0, .6);
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
    display: none;
}

.loading-container, .loading-container:after, .loading-container:before {
    display: inline-block;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: loading 1.8s infinite ease-in-out;
    animation: loading 1.8s infinite ease-in-out;
}

.loading-container {
    color: #ffffff;
    font-size: 10px;
    position: relative;
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
    margin-left: 16px;
    top: -26px;
}

.loading-container:before, .loading-container:after {
    content: '';
    position: absolute;
    top: 0;
}

.loading-container:before {
    left: -10px;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.loading-container:after {
    left: 10px;
}

@keyframes loading {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

/*------------------------------------- 浏览记录 start-------------------------------------*/
.view-record {
    /*   height: 100%;
       overflow-x: hidden;
       overflow-y: auto;*/
}

.view-record-title {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    font-size: 12px;
    padding: 0 15px;
    color: #676767;
    background: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

.view-record .placeholder {
    height: 40px;
    width: 100%;
}

.view-record-title .del-btn-group {
    float: right;
}

.view-record-title .del-btn-group .edit {
    color: #f62e2e;
    padding-left: 10px;
}

.view-record-list {
    background: #fff;
    margin-top: 8px;
}

.view-record-list .title {
    padding: 11px 15px;
    font-size: 12px;
    color: #676767;
}

.view-record-item {
    position: relative;
    overflow: hidden;
    padding: 11px 15px;
    display: block;
}

.view-record-item .pro-img-wrapper {
    float: left;
    position: relative;
    width: 88px;
    height: 88px;
}

.view-record-item .pro-img-wrapper .sold-out {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    font-size: 12px;
    color: #fff;
}

.view-record-item .pro-img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.view-record-item .pro-info {
    overflow: hidden;
    padding-left: 10px;
    font-size: 13px;
    position: relative;
}

.view-record-item:after {
    position: absolute;
    content: '';
    left: 100px;
    bottom: 0;
    right: 0;
    height: 1px;
    background: #e3e5e9;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.view-record-item .pro-info .pro-name {
    color: #232326;
}

.view-record-item .pro-info .price {
    font-size: 16px;
    color: #f62e2e;
    padding-top: 20px;
}

.view-record-item .pro-info .sale-out-text {
    font-size: 13px;
    color: #a4a4a4;
    padding-top: 20px;
}

.view-record-item .del-btn {
    position: absolute;
    right: 15px;
    bottom: 16px;
    font-size: 22px;
    color: #9c9c9c;
    display: none;
}

.view-record-list .no-more {
    color: #9c9c9c;
    font-size: 12px;
    text-align: center;
    padding: 11px;
}

.no-data-wrapper {
    text-align: center;
    padding-top: 40px;
}

.no-data-wrapper .img {
    width: 150px;
}

.no-data-wrapper .msg {
    padding: 30px 0;
}

.no-data-wrapper .btn {
    width: 150px;
    padding: 7px;
    background: #f62e2e;
    display: block;
    color: #fff;
    margin: 0 auto;
}

[v-cloak] {
    display: none;
}

/*------------------------------------- 浏览记录 end-------------------------------------*/
/*------------------------------------- 排行榜 start-------------------------------------*/
.ranking-list .mui-slider-indicator.mui-segmented-control {
    background: #fff;
    height: 40px;
}

.ranking-list .mui-slider-indicator.mui-segmented-control .mui-scroll {
    background: #fff;
}

.ranking-list .mui-segmented-control.mui-segmented-control-inverted .control-item {
    font-weight: 400;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    padding: 0 12px;
    line-height: 38px;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    width: auto;
}

.ranking-list .mui-segmented-control.mui-segmented-control-inverted .control-item.mui-active {
    color: #f62e2e;
    border-bottom-color: #f62e2e;
}

.ranking-list .bar {
    background: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

.ranking-list .bar .right-menu {
    float: right;
    width: 34px;
    height: 40px;
    text-align: center;
    position: relative;
}

.ranking-list .bar .right-menu:after {
    position: absolute;
    content: '';
    top: 8px;
    left: 0;
    bottom: 8px;
    width: 1px;
    background: #e3e5e9;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
}

.ranking-list .bar .right-menu .mui-icon {
    padding-top: 8px;
}

.ranking-list .bar .left-menu {
    overflow: hidden;
}

.ranking-list .placeholder {
    height: 40px;
    width: 100%;
}

.ranking-list .menu-content {
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    background: #fff;
    padding: 5px 15px 15px 5px;
    overflow: hidden;
}

.ranking-list .menu-content .menu-item {
    width: 25%;
    float: left;
    padding: 10px 0 0 10px;
}

.ranking-list .menu-content .menu-item .text {
    padding: 0 5px;
    border: 1px solid #eaeaea;
    width: 100%;
    color: #333;
    border-radius: 30px;
    display: inline-block;
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

.ranking-list .menu-content .menu-item.active .text {
    border: 1px solid #f62e2e;
    background: #f62e2e;
    color: #fff;
}

.ranking-list .tag-title {
    line-height: 40px;
    padding-left: 15px;
}

.ranking-list .view-record-item:after {
    left: 15px;
    right: 15px;
}

.ranking-list .mask {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.5);
}

.ranking-list .view-record-item .tip {
    position: absolute;
    left: 0;
    top: 0;
}

.ranking-list .view-record-item .tip .text {
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 18px;
    font-size: 12px;
    background: #f62e2e;
    display: block;
    color: #fff;
}

.ranking-list .view-record-item .tip .arrow {
    width: 0;
    height: 0;
    border-color: #f62e2e transparent transparent transparent;
    border-style: solid;
    border-width: 4px 8px 4px 8px;
    display: block;
}

/*------------------------------------- 浏览记录 start-------------------------------------*/
.view-record {
    /*   height: 100%;
       overflow-x: hidden;
       overflow-y: auto;*/
}

.view-record-title {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    font-size: 12px;
    padding: 0 15px;
    color: #676767;
    background: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

.view-record .placeholder {
    height: 40px;
    width: 100%;
}

.view-record-title .del-btn-group {
    float: right;
}

.view-record-title .del-btn-group .edit {
    color: #f62e2e;
    padding-left: 10px;
}

.view-record-list {
    background: #fff;
    margin-top: 8px;
}

.view-record-list .title {
    padding: 11px 15px;
    font-size: 12px;
    color: #676767;
}

.view-record-item {
    position: relative;
    overflow: hidden;
    padding: 11px 15px;
    display: block;
}

.view-record-item .pro-img-wrapper {
    float: left;
    position: relative;
    width: 88px;
    height: 88px;
}

.view-record-item .pro-img-wrapper .sold-out {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    font-size: 12px;
    color: #fff;
}

.view-record-item .pro-img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.view-record-item .pro-info {
    overflow: hidden;
    padding-left: 10px;
    font-size: 13px;
    position: relative;
}

.view-record-item:after {
    position: absolute;
    content: '';
    left: 100px;
    bottom: 0;
    right: 0;
    height: 1px;
    background: #e3e5e9;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.view-record-item .pro-info .pro-name {
    color: #232326;
}

.view-record-item .pro-info .price {
    font-size: 16px;
    color: #f62e2e;
    padding-top: 20px;
}

.view-record-item .pro-info .sale-out-text {
    font-size: 13px;
    color: #a4a4a4;
    padding-top: 20px;
}

.view-record-item .del-btn {
    position: absolute;
    right: 15px;
    bottom: 16px;
    font-size: 22px;
    color: #9c9c9c;
    display: none;
}

.view-record-list .no-more {
    color: #9c9c9c;
    font-size: 12px;
    text-align: center;
    padding: 11px;
}

.no-data-wrapper {
    text-align: center;
    padding-top: 40px;
}

.no-data-wrapper .img {
    width: 150px;
}

.no-data-wrapper .msg {
    padding: 30px 0;
}

.no-data-wrapper .btn {
    width: 150px;
    padding: 7px;
    background: #f62e2e;
    display: block;
    color: #fff;
    margin: 0 auto;
}

[v-cloak] {
    display: none;
}

/*------------------------------------- 浏览记录 end-------------------------------------*/
/*------------------------------------- 排行榜 start-------------------------------------*/
.ranking-list .mui-slider-indicator.mui-segmented-control {
    background: #fff;
}

.ranking-list .bar {
    background: #fff;
}

.ranking-list .bar .right-menu {
    float: right;
    width: 30px;
}

.ranking-list .bar .left-menu {
    overflow: hidden;
}

/*------------------------------------- 排行榜 end-------------------------------------*/

/*------------------------------------- 首页搜索历史 start-------------------------------------*/
.seach-floor {
    height: 100%;
    background-color: #fff !important;
    padding: 0 13px;
    padding-top: 44px;
    margin-top: 15px;
    display: none;
}

.recent-search {
    padding-bottom: 15px;
}

.recent-search-tags {
    padding-right: 2px;
    overflow: hidden;
    font-size: 12px;
    text-align: center;
}

.recent-search-tags a {
    height: 25px;
    line-height: 25px;
    border-radius: 3px;
    display: inline-block;
    color: #686868;
    overflow: hidden;
    white-space: nowrap;
    background-color: #f0f2f5;
    padding-left: 13px;
    padding-right: 13px;
    overflow: hidden;
    margin: 0 5px 5px 0;
    float: left;
}

.search-bar .mui-icon-arrowleft {
    padding: 0 !important;
    margin: 0 !important;
    display: none;
    vertical-align: middle;
}

.search-bar .btn-wrapper {
    display: none;
    vertical-align: middle;
    margin-left: 6px;
    text-align: center;
}

.search-bar .mui-btn {
    font-size: 12px;
    font-weight: 400;
    position: relative;
    z-index: 20;
    margin-top: 0;
    padding: 2px 4px;
    top: 0;
}

body.history {
    background: #fff !important;
}

.history .search-bar .icon_scan, .history .search-bar .msg-con, .history .search-bar .sign, .history .search-bar .other, .history .mui-bar-tab, .history .mui-content, .history .sub-nav-bar-menu, .history .search-bar ~ .other {
    display: none !important;
}

.history .search-bar .mui-icon-arrowleft, .history .search-bar .btn-wrapper {
    display: table-cell;
}

.history .seach-floor {
    display: block;
}

/*------------------------------------- 首页搜索历史 end-------------------------------------*/

.shopping .total-wrapper {
    overflow: hidden;
    color: #333;
}

.shopping .total-wrapper .text {
    float: left;
}

.shopping .total-wrapper .price-info {
    float: left;
    padding-left: 5px;
}

.shopping .total-wrapper .price-info .item {
    line-height: 22px;
}

/*------------------------------------- 便利店首页模块 start-------------------------------------*/
.convenience-store .title-img .green-img, .convenience-store .footer-img .footer {
    width: 100%;
    vertical-align: top;
}

.yj-store {
    background: #fff;
    margin: 5px 0;
    padding: 5px 10px 0 10px;
}

.yj-store .title-store {
    overflow: hidden;
    padding: 5px;
}

.yj-store .title-store .yj-img {
    float: left;
    margin-right: 5px;
}

.yj-store .title-store .yj-img .yj {
    width: 25px;
}

.yj-store .title-store .text {
    font-size: 14px;
    font-weight: bold;
    float: left;
    padding: 5px 0 0 5px;
    border-left: 1px solid #CACACA
}

.yj-store .title-store .btn {
    float: right;
    background: #ff6800;
    padding: 1px 8px 0 8px;
    color: #fff;
    border-radius: 10px;
    font-size: 12px;
    margin-top: 3px
}

.yj-store .content .no-GPS {
    text-align: center;
    padding: 30px
}

.yj-store .content .no-GPS p {
    font-size: 12px;
    margin: 0;
    padding: 0
}

.yj-store .content .no-GPS .click-jump {
    margin-top: 30px;
    color: #ff6800
}

.yj-store .content .yes-GPS {
    padding: 10px 0px;
    overflow: hidden;
    display: flex;
}

.yj-store .content .yes-GPS a {
    margin: 0;
    flex: 10
}

.yj-store .content .yes-GPS ul {
    list-style: none;
}

.yj-store .content .yes-GPS .store-list {
    width: 80%;
}

.yj-store .content .yes-GPS .store-list .store .img {
    flex: 1;
}
.yj-store .content .yes-GPS .store-list .store .img img {
    position: absolute;
    top: 50%;
    left: 6%;
    transform: translate(-50%, -50%);
}

.yj-store .content .yes-GPS .store-list .store .info {
    flex: 5;
}

.yj-store .content .yes-GPS .icon {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-50%,-50%);
    flex: 1
}

.yj-store .content .yes-GPS .store-list .store {
    overflow: hidden;
    display: flex;
}

.yj-store .content .yes-GPS .store-list .store .store-info {
    width: 100%;
}

.yj-store .content .yes-GPS .store-list .store .store-info .distance .mui-icon-location {
    font-size: 14px;
}

.yj-store .content .yes-GPS .store-list .store .store-info .address,
.yj-store .content .yes-GPS .store-list .store .store-info .distance {
    font-size: 12px;
}

.yj-store .content .yes-GPS .store-list .store .store-info .name {
    font-size: 14px;
    font-weight: bold;
}


/* 遮罩开始 */

.call-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    display: none;
}

.call-modal .mask {
    width: 100%;
    height: 100%;
    opacity: 0.2;
    background: #000000;
}

.call-modal .call-modal-container {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70%;
    transform: translate(-50%, -50%);
    z-index: 1;
    background: #FFFFFF;
    border-radius: 5px;
    magin: 0 auto;
    text-align: center;
    font-size: 12px;
}

.call-modal .call-modal-container .address-info {
    width: 85%;
    margin: 0 auto;
    margin-top: 20px;
}

.call-modal .call-modal-container .address-info .address {
    list-style: none;
}

.call-modal .call-modal-container .address-info .address .name {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px
}

.call-modal .call-modal-container .address-info .address .info,
.call-modal .call-modal-container .address-info .address .mobile {
    color: #C1C1C1;
    letter-spacing: 1px;
}

.call-modal .call-modal-container .btn {
    background: #ff6800;
    padding: 10px;
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;

}

.call-modal .call-modal-container .sanjiao {
    width: 0;
    height: 0;
    border: 20px solid #ff6800;
    border-left: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-top-right-radius: 5px;
    z-index: 0;
    position: absolute;
    right: 0;
}

.call-modal .call-modal-container .close-btn {
    position: relative;
}

.call-modal .call-modal-container .icon {
    z-index: 1;
    position: absolute;
    right: 0
}

.call-modal .call-modal-container .icon .mui-icon-closeempty {
    font-weight: bold;
    color: #fff;
}

/*v-cloak所在元素下的变量在未渲染前不会显示*/
[v-cloak] {
    display: none;
}

/*------------------------------------- 便利店首页模块 end-------------------------------------*/

/*------------------------------------- 便利店更多頁面 end-------------------------------------*/
.convenience-store .search {
    background: #F4F4F4;
    padding: 5px 10px
}

.convenience-store .search .mui-search {
    height: 28px;
}

.convenience-store .search .mui-search::before {
    display: none;
}

.convenience-store .search .mui-input-clear {
    background: #fff;
    border-radius: 20px;
    height: 26px;
}

.convenience-store .mui-search .mui-placeholder .mui-icon {
    display: none;
}

.convenience-store .mui-search .mui-placeholder {
    font-size: 12px;
    color: #000;
    line-height: 28px;
}

.store {
    background: #fff;
    padding: 0 10px;
}

.store .store-info {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 12px;
    padding: 10px 0;
    letter-spacing: 1px;
}

.store .store-info .name {
    padding-bottom: 5px;
}

.store .store-list {
    position: relative;
}

.store .store-list .icon {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-50%,-50%);
}

.store .store-info .distance {
    padding-top: 10px;
}

.store .store-info .distance .mui-icon-location {
    font-size: 14px;
}

.store .store-info .name {
    font-size: 16px;
    font-weight: bold;
}

.store .icon .mui-icon-more {
    color: #666
}

.store .store-list {
    overflow: hidden;
    display: flex;
}

.r-no-more {
    color: #8c8c8c;
    padding: 11px;
    text-align: center
}

/*v-cloak所在元素下的变量在未渲染前不会显示*/
[v-cloak] {
    display: none;
}

/*------------------------------------- 便利店更多頁面 end-------------------------------------*/
/*------------------------------------- 通用頁面1 start-------------------------------------*/
.currency-one-pro-list .pro-list-content {
    background: #fff;
    padding: 0 5px 5px 5px
}

.currency-one-pro-list .pro-list-content .title-img .title {
    width: 100%
}

.currency-one-pro-list .pro-list-content .pro-list .pro-list-info .info {
    background: url(/resources/wxappimg/bg.png);
    padding: 8px 10px 15px 8px;
    display: flex;
}

.currency-one-pro-list .pro-list-content .pro-list .pro-list-info .info-body:nth-child(odd) {
    display: inline-block;
    opacity: 0.8;
}

.currency-one-pro-list .pro-list-content .pro-list .pro-list-info .info .img-info {
    flex: 1;
    position: relative;
}

.currency-one-pro-list .pro-list-content .pro-list .pro-list-info .info .img-info .main-img {
    width: 80%;
    height: 80%;
    margin-left: 30px;
    margin-top: 15px;
}

.currency-one-pro-list .pro-list-content .pro-list .pro-list-info .info .img-info .icon {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50px;
}

.currency-one-pro-list .pro-list-content .pro-list .pro-list-info .info .text-info {
    width: 50%;
    flex: 2;
    padding: 25px 0 0 30px;
}

.currency-one-pro-list .pro-list-content .pro-list .pro-list-info .info .text-info p {
    color: #efefef
}

.currency-one-pro-list .pro-list-content .pro-list .pro-list-info .info .text-info .money {
    margin-top: 8px;
    font-size: 14px;
}

.currency-one-pro-list .pro-list-content .pro-list .pro-list-info .info .text-info .money .now-price {
    font-size: 18px;
}

.currency-one-pro-list .pro-list-content .pro-list .pro-list-info .info .text-info .money .long-price {
    margin-top: 5px;
    font-size: 14px;
    text-decoration: line-through;

}

.m-ellipsis-2 {
    /* autoprefixer: off */
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -ms-line-clamp: 2;
    -o-line-clamp: 2;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-align: center;
    /*-webkit-box-align: center;*/
    -moz-box-align: center;
    -ms-box-align: center;
    -o-box-align: center;
    box-pack: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-box-pack: center;
    -o-box-pack: center;
}

/*------------------------------------- 通用頁面1 end-------------------------------------*/
/*------------------------------------- 通用頁面2 start-------------------------------------*/
.currency-two-pro-list .pro-list-content {
    background: #fff;
    padding: 0 5px 5px 5px
}

.currency-two-pro-list .pro-list-content .title-img .title {
    width: 100%
}

.currency-two-pro-list .pro-list .list-info {
    padding: 5px 0;
    overflow: hidden;
}

.currency-two-pro-list .pro-list .list-info .info {
    width: 49%;
    float: left;
}

.currency-two-pro-list .pro-list .list-info .info:nth-of-type(odd) {
    margin-right: 6px;
}

.currency-two-pro-list .pro-list .list-info .info .pro-content .content {
    height: 150px;
    padding: 5px 0;
    background: #f6f6f6;
    /*text-align: center;*/
    position: relative;
}

.currency-two-pro-list .pro-list .list-info .info .pro-content .content .title-img {
    width: 65%;
    height: 85%;
    margin-left: 30px;
    margin-top: 15px;
}

.currency-two-pro-list .pro-list .list-info .info .pro-content .content .icon {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50px;
}

.currency-two-pro-list .pro-list .list-info .info .pro-content .pro-name {
    margin-top: 5px
}

.currency-two-pro-list .pro-list .list-info .info .pro-content .pro-price {
    margin: 10px 0;
    font-size: 12px;
    color: #f62e2e;
}

.currency-two-pro-list .pro-list .list-info .info .pro-content .pro-price .now-price {
    margin: 10px 0;
    font-size: 16px;
}

.currency-two-pro-list .pro-list .list-info .info .pro-content .pro-price .long-price {
    color: #8f8f94;
    text-decoration: line-through;
}

.currency-two-pro-list .pro-list .list-info .info .pro-content .pro-name {
    color: #67574D;
}

/*------------------------------------- 通用頁面2 end-------------------------------------*/
/*------------------------------------- 积分商城 start-------------------------------------*/
.jf {
    padding: 10px 0;
}
.jf-wrapper .jf-title {
    padding-top: 15px;
    height: 150px;
    /*background: url('/resources/wxappimg/jf_title_bg.png');*/
    position: relative;
    width: 95%;
    margin:0 auto;
    border-radius: 4px;
    background: linear-gradient(145deg, #92e7fb, #2391e6);
    box-shadow: 0 2px 8px 2px rgba(29, 139, 222, 0.31);
}

.jf-wrapper .jf .jf-title .jf-count .title {
    display: inline-block;
    padding-left: 10px;
}

.jf-wrapper .jf .jf-title .jf-count .jf-num {
    font-size: 34px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}

.jf-wrapper .jf .jf-title .jf-count {
    font-size: 12px;
}

.jf-wrapper .jf .jf-title .jf-count .title .my-jf img {
    width: 20px;
}

.jf-wrapper .jf .jf-title .jf-count .title .my-jf .text,
.jf-wrapper .jf .jf-title .jf-count .title .jf-rule .text {
    color: #fff;
    padding-left: 3px;
}


.jf-wrapper .jf .jf-title .jf-count .title .jf-rule .text {
    font-size: 12px;
    vertical-align: middle;
    color: #f1f0f0;
}

.jf-wrapper .jf .jf-title .jf-count .title .jf-rule {
    position: absolute;
    right: 0;
    top: 16px;
    background: #daf8ff;
    background:rgba(232, 232, 232, 0.5);
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    padding: 0 3px;
    display: inline-block;
    padding-left: 7px;
    height: 20px;
    line-height: 18px;
}

.jf-wrapper .jf .jf-title .jf-count .title .jf-rule img {
    width: 14px;
}

.jf-wrapper .jf-title .jf-count {
    /*position: absolute;*/
    /*left: 50%;*/
    /*top: 50%;*/
    /*-webkit-transform: translate(-50%, -50%);*/
    /*transform: translate(-50%, -50%);*/
    font-size: 30px;
    color: #fff;
    /*color:#e1911d;*/
    /*background: url('/resources/wxappimg/jf_count_bg.png') no-repeat left;*/
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
}

.jf-wrapper .jf-title .jf-link {
    color: #fff;
    /*padding: 10px;*/
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 10px;
}

.jf-wrapper .jf-title .jf-link .text {
    padding-top:10px;
    color: #f1f0f0;
    border-top: 1px solid rgba(232, 232, 232, 0.5);
    display: inline-block;
    width: 90%;
    font-size: 12px;
}

.jf-wrapper .jf-title .jf-link a {
    color: #fff;
    /*color:#e1911d;*/
}

.jf-wrapper .jf-menu {
    overflow: hidden;
    padding: 15px 0 0 15px;
    margin: 8px 0;
}

.jf-wrapper .jf-menu .jf-menu-item {
    width: 33.33%;
    float: left;
    padding: 0 15px 15px 0;
}

.jf-wrapper .jf-menu .jf-menu-item .img {
    width: 100%;
    display: block;
}

.jf-pro-list {
    overflow: hidden;
    box-shadow:0 0px 25px -11px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0px 25px -11px rgba(0, 0, 0, 0.5);
    margin: 8px 0;
}

.jf-pro-list .jf-pro-item {
    width: 50%;
    float: left;
    padding: 8px 3px 8px 8px;
    position: relative;
}

.jf-pro-list .jf-pro-item .jf-pro-img {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    text-align: center;
    border-radius: 4px;
}

.jf-pro-list .jf-pro-item .jf-pro-img .img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    height: 80%;
    transform: translate(-50%, -50%);
}

.jf-pro-list .jf-pro-item:nth-of-type(2n-1):before {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    content: '';
    transform: scaleX(0.5);
    -webkit-transform: scaleX(0.5);
    z-index: 10;
}

.jf-pro-list .jf-pro-item .jf-pro-tit {
    height: 40px;
    text-align: center;
    margin: 10px 0 3px 0;
}

.jf-pro-list .jf-pro-item .jf-pro-price {
    text-align: center;
    color: #f62e2e;
    padding-bottom: 10px;
}

/*------------------------------------- 积分商城 end-------------------------------------*/