/* CSS Document */
.spec-wrap .dd {
    line-height: 32px;
}

.spec-wrap i {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0 2px 0 6px;
    background: rgba(255, 75, 76, .8);
    border-left: 1px dashed #FFFFFF;
    position: relative;
    cursor: pointer;
    margin-right: 18px;
    /* margin-bottom: 10px; */
}

.spec-wrap i::after {
    content: '';
    position: absolute;
    right: -24px;
    border: 12px solid;
    border-color: transparent transparent transparent rgba(255, 75, 76, .8);
}

/* .spec-wrap i{
    margin-right: 5px;
    padding: 2px 3px;
    border-radius: 5px;
} */
.similar_goods .similar_goods_con1 .similar_goods_list {
    width: 100px;
}

#pagecontent .mui-scroll-wrapper {
    /* height: 120px; */
}

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

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

.mui-numbox1 .mui-input-numbox, .mui-numbox1 .mui-numbox-input {
    display: inline-block;
    overflow: hidden;
    width: 100% !important;
    height: 100%;
    margin: 0;
    padding: 0 3px !important;
    text-align: center;
    text-overflow: ellipsis;
    word-break: normal;
    border: none !important;
    border-right: solid 1px #CCCCCC !important;
    border-left: solid 1px #CCCCCC !important;
    border-radius: 0 !important;
}

.mui-numbox1 [class*=btn-numbox], .mui-numbox1 [class*=numbox-btn] {
    font-size: 18px;
    font-weight: 400;
    line-height: 100%;
    position: absolute;
    top: 0;
    overflow: hidden;
    width: 40px;
    height: 100%;
    padding: 0;
    color: #555555;
    border: none;
    border-radius: 0;
    background-color: #F9F9F9;
}

.mui-numbox1 [class*=btn-numbox], .mui-numbox1 [class*=numbox-btn] {
    background: #EEEEEE;
}

.mui-numbox1 [class*=btn-numbox1], .mui-numbox1 [class*=numbox-btn1] {
    background: #EEEEEE;
}

.mui-numbox1 .mui-input-numbox, .mui-numbox1 .mui-numbox-input {
    background: #EEEEEE;
    border-right: solid 1px #FFFFFF !important;
    border-left: solid 1px #FFFFFF !important;
}

.mui-numbox1 .mui-input-numbox, .mui-numbox1 .mui-numbox-input {
    background: #EEEEEE;
    border-right: solid 1px #FFFFFF !important;
    border-left: solid 1px #FFFFFF !important;
}

.mui-numbox1 {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 120px;
    height: 35px;
    padding: 0 40px;
    vertical-align: top;
    vertical-align: middle;
    border: solid 1px #BBBBBB;
    border-radius: 3px;
    background: #EEEEEE;
    /* background-colo */
    width: 140px;
    border: none;
}

.mui-numbox1 .mui-btn-numbox-plus1, .mui-numbox1 .mui-numbox-btn-plus1 {
    right: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.mui-numbox1 .mui-btn-numbox-minus1, .mui-numbox1 .mui-numbox-btn-minus1 {
    left: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.similar_goods {
    padding: 5px 0;
    background: #FFFFFF;
}

.similar_goods h4.similar_goods_tit {
    margin: 5px 10px;
    height: 30px;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
}

.similar_goods .similar_goods_con {
    display: inline-block;
}

.similar_goods .similar_goods_list {
    float: left;
    display: block;
    width: 25%;
}

.similar_goods .similar_goods_list .similar_goods_list_con {
    margin: 5px;
}

.similar_goods .similar_goods_list .similar_goods_list_con .similar_goods_img {
    margin: 0 auto 3px;
    width: 82px;
    height: 82px;
    border: 1px solid #DDDDDD;
    border-radius: 5px;
}

.similar_goods .similar_goods_list .similar_goods_list_con .similar_goods_img img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.similar_goods .similar_goods_list .similar_goods_list_con .similar_goods_name {
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: box;
    padding: 0 1%;
    width: 98%;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.similar_goods .similar_goods_list .similar_goods_list_con .similar_goods_pri {
    font-size: 14px;
    font-weight: bold;
}

/*similar_goods end*/
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
    background: #FFFFFF !important;
}

.goods_detail {
    padding: 5px;
    background: #FFFFFF;
}

.goods_detail_wrap {
    border: 1px solid #EEEEEE;
}

.goods_detail .goods_detail_list {
    /* min-height: 2rem; */
    width: 100%;
    /* font-size: .6rem; */
    height: 50px;
    line-height: 50px;
    background: #FFF7ED;
    border-bottom: 1px solid #EEEEEE;
}

.goods_detail .goods_detail_list:nth-of-type(2n+0) {
    background: #FFFFFF;
}

.goods_detail .goods_detail_list:last-child {
    border-bottom: none;
}

.goods_detail .goods_detail_list .goods_detail_list_tit {
    float: left;
    width: 30%;
    padding: 0 5px;
    /* padding: .25rem; */
    font-size: 14px;
    /* line-height: 1.45rem; */
    /* font-weight: bold; */
    border-right: 1px solid #EEEEEE;
}

.goods_detail .goods_detail_list .goods_detail_list_con {
    float: left;
    width: 70%;
    padding: 0 5px;
    font-size: 14px;
    /* padding: .47rem .25rem; */
}

.activity {
    /* margin-top: 5px; */
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
}

.activity span {
    margin: 0 2px;
    padding: 1px 2px;
    border: solid 1px red;
    text-align: center;
    color: red;
    font-size: 10px;
}

.sku-content {
    height: 300px !important;
    min-height: 300px !important;
}

.goods-name {
    font-size: 18px;
}

.noConsignor {
    margin-top: 40px;
    font-size: 20px;
}

.tc {
    text-align: center;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.pagecontent {
    overflow: hidden;
}

.mui-table-view-cell:after {
    left: 0;
}

.mui-content {
    padding: 44px 0 50px 0;
    background: #EFEFEF;
}

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

#pagecontent .mui-scroll-wrapper {
    background: #EFEFEF !important;
}

.mui-bar .mui-title.page-title {
    left: 100px;
    right: 100px;
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    height: 44px;
    color: #FFFFFF;
}
.mui-bar .mui-title .pageTit {
    position: relative;
    width: 60px;
}
.mui-bar .mui-title .pageTit i {
    display: none;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -10px;
    width: 20px;
    height: 4px;
    background: #FFFFFF;
    border-radius: 4px;
}
.mui-bar .mui-title .pageTit.titCurr i {
    display: block;
}

.mui-bar-tab {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.mui-bar-tab .mui-tab-item {
    -webkit-flex: 1;
    flex: 1;
    width: 35%;
    font-size: 16px;
    line-height: 50px;
    color: #FFFFFF;
}

.mui-bar-tab .mui-tab-item.buyNow {
    background: red;
}

.mui-bar-tab .mui-tab-item:first-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1.2;
    flex: 1.2;
    width: 30%;
    background: #FFFFFF !important;
}

.mui-bar-tab .mui-tab-item .m-t-item-item {
    position: relative;
    -webkit-flex: 1;
    flex: 1;
    padding: 4px 0;
    width: 50%;
    border-right: 1px solid #DDDDDD;
}

.mui-bar-tab .mui-tab-item .m-t-item-item i.cartQty {
    display: block;
    position: absolute;
    top: 3px;
    right: 20px;
    padding: 0 5px;
    min-width: 16px;
    height: 16px;
    font-size: 12px;
    text-align: center;
    line-height: 16px;
    color: #FFFFFF;
    border-radius: 16px;
}

.mui-bar-tab .mui-tab-item .m-t-item-item:last-child {
    border: none;
}

.mui-bar-tab .mui-tab-item .m-t-item-item p {
    font-size: 10px;
    line-height: 18px;
}

.mui-bar-tab .mui-tab-item .m-t-item-item p:first-child {
    font-size: 18px;
    line-height: 24px;
}

.mui-bar-tab .mui-tab-item .m-t-item-item#customerService p:first-child {
    font-size: 20px;
}

.mui-slider .mui-slider-group.mui-content {
    overflow: hidden;
    z-index: 9;
}

.mui-slider-indicator.mui-segmented-control {
    top: 0;
}

.mui-segmented-control .mui-control-item {
    height: 42px;
    line-height: 42px;
    color: #FFFFFF;
    background: #F9F9F9;
}

.mui-segmented-control.mui-segmented-control-inverted ~ .mui-slider-progress-bar {
    background: #FFFFFF;
}

#swiper-pagination.swiper-pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%;
}

#swiper-pagination.swiper-pagination span {
    -webkit-flex: 1;
    flex: 1;
    width: 33.33%;
    height: 44px;
    line-height: 44px;
    background: none;
    border-bottom: 2px solid;
    border-radius: 0;
    opacity: 1;
}

#swiper-pagination.swiper-pagination span.swiper-pagination-bullet-active {
    border-bottom: 2px solid #FFFFFF !important;
}

.details-footer .mui-active {
    color: #FFFFFF !important;
}

#goods {
    overflow: hidden;
}

#goodsimg {
    overflow: hidden;
    position: relative;
    background: #FFFFFF;
}

#goodsimg img {
    display: block;
    width: 100%;
}

.slick-dots {
    position: absolute;
    z-index: 9;
    text-align: center;
}

.goods-wrap {
    position: relative;
    padding: 12px 10px 10px;
    background: #FFFFFF;
    border-top: 1px solid #EEEEEE;
}

.goods-wrap h1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    position: relative;
    padding-right: 60px;
    min-height: 40px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #333333;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.goods-wrap h1.hasShare {
    padding-right: 120px;
}

.collect-goods {
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 40px;
    text-align: center;
    font-size: 10px;
    line-height: 14px;
    color: #999999;
    border-left: 1px solid #EEEEEE;
}

.collect-goods i {
    display: block;
    font-size: 26px;
    line-height: 26px;
    color: inherit;
}

.goodsPriwrap {
    padding: 0 10px 8px;
    font-size: 12px;
    line-height: 20px;
    background: #FFFFFF;
}

.goodsPriwrap .goods-price {
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
    width: 85%;
    /* line-height: 26px; */
    color: red;
}

.goodsPriwrap .goods-price span {
    padding-left: 10px;
    font-size: 14px;
    text-decoration: line-through;
    color: #999999;
}

.goodsPriwrap .sale_tag {
    padding: 4px 12px;
    color: red;
}

.goodsPriwrap .sale_tag span {
    border: 1px solid red;
    padding: 2px 4px;
    text-align: center;
}

.goods-share, .goods-stockqty {
    width: 48px;
    font-size: 14px;
    text-align: center;
}

.goods-share {
    width: 78px;
    position: absolute;
    right: 42px;
    top: 0;
    font-size: 10px;
}

.goods-share i {
    font-size: 20px;
}

.goodsOthers {
    position: relative;
    padding-left: 10px;
    background: #FFFFFF;
}

.goodsOthers-wrap {
    overflow: hidden;
    position: relative;
    padding: 15px 10px 15px 78px;
    font-size: 14px;
    border-top: 1px solid #EEEEEE;
}

.goodsOthers span {
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px 0;
    color: #999999;
}

.goodsOthers-wrap2 {
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: box;
    position: relative;
    padding: 15px 10px 15px 0;
    width: auto;
    font-size: 14px;
    border-top: 1px solid #EEEEEE;
}

.goodsOthers-wrap2 div {
    width: 18%;
    color: #999999;
}

.goodsOthers-wrap2 div.goods-other {
    margin-left: 2%;
    width: 80%;
    color: #000000;
}

.actWrap, .specWrap, .otherskuWrap {
    margin-top: 8px;
    font-size: 14px;
}

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

.mui-table-view-cell {
    padding: 15px 10px;
}

.mui-table-view-cell:after {
    background: #EEEEEE;
}

.mui-table-view-cell > a:not(.mui-btn) {
    margin: -15px -10px;
}

.actWrap a, .specWrap a {
    padding-left: 88px !important;
}

.actWrap span, .specWrap span {
    position: absolute;
    top: 15px;
    left: 11px;
    color: #999999;
}

.otherskuWrap span {
    color: #999999;
}

.act-wrap, .spec-wrap, .othersku-wrap {
    overflow: hidden;
    margin-right: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.act-wrap i {
    padding: 1px 5px;
    margin-right: 5px;
    font-size: 12px;
    color: red;
    vertical-align: top;
    border: 1px solid red;
}

.act-wrap-coupon {
    overflow: hidden;
    margin-right: 30px;
}

.act-wrap-coupon b {
    position: relative;
    margin: 0 7px 0 5px;
    padding: 2px 5px;
    font-size: 12px;
    line-height: 21px;
    vertical-align: top;
    color: #FFFFFF;
    background: red;
    border: 1px solid red;
}

.act-wrap-coupon b:before {
    content: '';
    position: absolute;
    top: -1px;
    left: -5px;
    height: 21px;
    width: 10px;
    background: url(../img/common/couponbg.png) no-repeat 0 0;
    background-size: 10px 21px;
}

.act-wrap-coupon b:after {
    content: '';
    position: absolute;
    top: -1px;
    right: -5px;
    height: 21px;
    width: 10px;
    background: url(../img/common/couponbg.png) no-repeat 0 0;
    background-size: 10px 21px;
}

.specWrap {
    margin-bottom: 8px;
}

.c_activities {
    font-size: 14px;
}

.c_activities .mui-table-view-cell.mui-collapse .mui-collapse-content {
    margin: 11px -15px 0;
}

.c_activities li.mui-active a {
    background: #FFFFFF;
}



.c_activities .ca_item {
    padding: 3px 0;
    /* height: 48px; */
    /* line-height: 4px; */
}

.suits {
    margin-top: 1px;
    font-size: 14px;
    text-align: center;
}

.suits .tabs {
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #EEEEEE;
}

.suits .tabs .tab {
    width: calc(calc(100% - 32px) / 2);
    padding: 0 10px;
    border-right: 1px solid #EEEEEE;
}

.suits .tabs .more_suit {
    width: 32px;
}

.suits .suits_c {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 14px;
    text-align: left;
}

.pageContTit {
    position: relative;
    padding: 0 10px;
    height: 50px;
    text-align: center;
    line-height: 50px;
}

.pageContTit-line {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -75px;
    width: 150px;
    height: 1px;
    background: #CCCCCC;
}

.pageContTit-wrap {
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -35px;
    width: 70px;
    font-size: 14px;
    background: #EFEFEF;
}

#details {
    padding: 10px 0 0 0;
}

.detailsWrapper img {
    display: block;
    width: 100%;
}

.detailsWrapper table {
    border: solid #DDDDDD;
    border-width: 1px 0px 0px 1px;
}

.detailsWrapper table th, .detailsWrapper table td {
    border: solid #DDDDDD;
    border-width: 0px 1px 1px 0px;
}

#evaluate {
    background: #F1F1F1;
}

#evaluate #pullrefresh {
    padding: 44px 0 50px 0;
}

.evaluate-top {
    padding: 10px;
    background: #FFFFFF;
    border-bottom: 1px solid #EEEEEE;
}

.evaluate-tabs {
    overflow: hidden;
    font-size: 14px;
}

.evaluate-tabs span {
    display: inline-block;
    margin: 0 10px 10px 0;
    padding: 4px 16px;
    background: #E4F7FF;
    border-radius: 60px;
}

.evaluate-tabs span.curr {
    color: #FFFFFF;
}

.evaluate-tabs-more {
    display: none;
    text-align: center;
}

.evaluate-tabs-more i {
    display: block;
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -moz-transition: transform 250ms;
    -webkit-transition: transform 250ms;
    -o-transition: transform 250ms;
    transition: transform 250ms;
}

.evaluate-tabs-more.opened i {
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -moz-transition: transform 250ms;
    -webkit-transition: transform 250ms;
    -o-transition: transform 250ms;
    transition: transform 250ms;
}

.evaluate-item {
    margin-bottom: 8px;
    padding: 10px;
    font-size: 14px;
    background: #FFFFFF;
}

.evaluate-item .evaluator {
    font-weight: 700;
    color: #000000;
}

.evaluate-item-info {
    padding-bottom: 4px;
}

.comment-star {
    line-height: 16px;
}

.comment-star i {
    font-size: 12px;
}

.evaluator-txt {
    line-height: 18px;
}

.evaluate-txt-cont {
    padding: 8px 0;
    color: #333333;
}

.evaluate-txt-img {
    margin-top: 10px;
    font-size: 0;
}

.evaluate-txt-img span {
    display: inline-block;
    overflow: hidden;
    margin-right: 3px;
    width: 68px;
    height: 68px;
    text-align: center;
    background: #F6F6F6;
}

.evaluate-txt-img span img {
    display: block;
    width: 68px;
    height: 68px;
}

.evaluate-reply {
    position: relative;
    margin-top: 5px;
    background-color: #F0F0F0;
    padding: 8px;
    font-size: 13px;
    border-radius: 5p;
}

.evaluate-reply:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -10px;
    left: 8%;
    border: 5px solid #F0F0F0;
    border-color: transparent transparent #F0F0F0;
}

.txt-twice {
    border-top: 1px solid #F3F3F3;
}

.e-t-twice-date {
    padding: 10px 0 0;
    color: red;
}

.goods-buy-sku {
    font-size: 14px;
    line-height: 16px;
    color: #999999;
}

.suit-content {
    height: 440px;
    font-size: 14px;
    text-align: left;
}

.suit-item {
    margin-bottom: 10px;
    padding: 0 0 0 10px;
    background: #FFFFFF;
}

.suit-item:last-child {
    margin-bottom: 0;
}

.suit-title {
    padding: 11px 10px 11px 0;
    border-bottom: 1px solid #EEEEEE;
}

.suit-title span {
    display: inline-block;
    overflow: hidden;
    margin-right: 5px;
    max-width: 160px;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.suit-title i {
    display: inline-block;
    margin-right: 5px;
    font-weight: 700;
    color: red;
    vertical-align: middle;
    font-size: 20px;
}

.suit-title b {
    display: inline-block;
    margin-right: 5px;
    padding: 0 5px;
    font-size: 12px;
    vertical-align: middle;
    color: red;
    border: 1px solid red;
}

.suit-goods {
    position: relative;
    /* padding: 10px 10px 10px 90px; */
    border-bottom: 1px solid #EEEEEE;
}

.s-g-img {
    position: absolute;
    top: 10px;
    left: 0;
    width: 80px;
    height: 80px;
}

.s-g-img img {
    display: block;
    width: 80px;
    height: 80px;
}

.s-g-details {
    min-height: 80px;
}

.s-g-name {
    overflow: hidden;
    display: -webkit-box;
    margin-bottom: 4px;
    height: 36px;
    line-height: 18px;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.s-g-spec, .s-g-sku {
    overflow: hidden;
    height: 20px;
}

.suit-addCart {
    float: right;
    padding: 7px 18px;
    margin: 10px 10px;
    font-size: 12px;
    color: #FFFFFF;
    background: red;
    border-radius: 3px;
}

.promotion-content {
    height: 440px;
    font-size: 14px;
    text-align: left;
}

.promotionContent {
    padding-left: 10px;
}

.promotion-item {
    position: relative;
    padding: 11px 10px 11px 48px;
    border-bottom: 1px solid #EEEEEE;
}

.promotion-item:last-child {
    border-bottom: none;
}

.promotion-type {
    position: absolute;
    top: 11px;
    left: 0;
    padding: 1px 6px;
    font-size: 12px;
    line-height: 16px;
    color: red;
    border: 1px solid red;
}

.promotion-type.tj {
    color: #FFFFFF;
    background: red;
    border: 1px solid red;
}

.p-w-item p {
    color: #444444;
}

.p-w-item-cont {
    overflow: hidden;
    position: relative;
    padding-left: 40px;
    height: 80px;
    line-height: 80px;
}

.p-w-item-cont span {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 80px;
    line-height: 80px;
}

.p-w-item-cont .mui-scroll-wrapper {
    left: 40px !important;
    padding-right: 40px;
    height: 80px;
}

.mui-segmented-control.mui-scroll-wrapper .mui-scroll {
    height: 80px;
    font-size: 0;
}

.p-w-item-cont img {
    display: inline-block;
    width: 80px;
    height: 80px;
}

.p-w-item-cont i {
    display: inline-block;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    padding: 0 2px;
    color: #999999;
}

.p-w-item-cont i.p-w-item-cont-txt {
    font-size: 16px;
    font-weight: 400;
    color: red;
}

.coupon-content {
    height: 440px;
    font-size: 14px;
    text-align: left;
}

.couponContent {
    padding: 0 10px 60px;
    box-sizing: border-box;
}

.coupon-list-tit {
    padding: 10px;
    box-sizing: border-box;
}

.coupon-item {
    position: relative;
    overflow: hidden;
    background: #FFFFFF;
    box-shadow: 0px 3px 11px -3px rgba(0, 0, 0, .1);
    border-radius: 8px;
    margin-bottom: 10px;
    border: 1px solid;
}

.coupon-item .coupon-Content {
    position: relative;
    padding-left: 110px;
    height: 110px;
}

.coupon-item-main {
    position: absolute;
    top: 0;
    left: 0;
    padding: 28px 0;
    width: 110px;
    height: 110px;
    text-align: center;
    border-radius: 8px;
}

.coupon-item-main p {
    line-height: 32px;
    font-size: 14px;
    color: #FFFFFF;
}

.coupon-item-main p.c-i-m-price {
    font-size: 34px;
}

.coupon-item-main p:last-child {
    line-height: 56px;
}

.subtips {
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
}

.subtips ~ .c-i-m-price {
    padding-top: 10px;
}

.paddingbottom10 {
    padding-bottom: 10px;
}

.c-i-m-price span {
    font-size: 14px;
    vertical-align: middle;
}

.coupon-item-details {
    height: 110px;
    text-align: left;
    font-size: 13px;
    background: #FFFFFF;
    /* border: 1px solid #F6F6F6; */
    border-left: none;
}

.c-i-d-cont {
    padding: 6px 10px 0;
    overflow: hidden;
    display: -webkit-box;
    height: 48px;
    text-overflow: ellipsis;
    line-height: 22px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #000000;
}

.c-i-d-cont span {
    padding: 4px 8px;
    font-size: 10px;
    color: #FFFFFF;
    border-radius: 5px;
}

.c-i-d-memo {
    overflow: hidden;
    display: -webkit-box;
    margin: 4px 0 4px;
    height: 30px;
    font-size: 13px;
    font-weight: 700;
    text-overflow: ellipsis;
    line-height: 15px;
    color: #333333;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.c-i-d-time {
    padding: 3px 0;
    margin: 0 10px;
    font-size: 12px;
    color: #AAAAAA;
    line-height: 28px;
    border-bottom: 1px dashed;
}

.couponMore {
    padding: 0 10px;
    height: 27px;
    line-height: 27px;
}

.couponMore span {
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
}

.couponMore strong {
    padding-right: 4px;
    font-size: 12px;
    font-weight: 400;
}

.couponMore i {
    font-size: 16px;
    -ms-transform: rotate(-90deg);
    /* IE 9 */
    -moz-transform: rotate(-90deg);
    /* Firefox */
    -webkit-transform: rotate(-90deg);
    /* Safari and Chrome */
    -o-transform: rotate(-90deg);
    /* Opera */
    transform: rotate(-90deg);
    -moz-transition: transform 450ms;
    /* Firefox 4 */
    -webkit-transition: transform 450ms;
    /* Safari and Chrome */
    -o-transition: transform 450ms;
    /* Opera */
    transition: transform 450ms;
}

.couponMore b {
    vertical-align: text-top;
}

.couponMore.showMore i {
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -moz-transform: rotate(0deg);
    /* Firefox */
    -webkit-transform: rotate(0deg);
    /* Safari and Chrome */
    -o-transform: rotate(0deg);
    /* Opera */
    transform: rotate(0deg);
    -moz-transition: transform 450ms;
    /* Firefox 4 */
    -webkit-transition: transform 450ms;
    /* Safari and Chrome */
    -o-transition: transform 450ms;
    /* Opera */
    transition: transform 450ms;
}

.coupon-getbtn {
    position: absolute;
    top: 52px;
    right: 10px;
    width: 74px;
    height: 24px;
    font-size: 12px;
    text-align: center;
    line-height: 22px;
    border-radius: 5px;
    border: 1px solid;
    color: white;
}

.coupon-usebtn {
    position: absolute;
    top: 47px;
    right: 10px;
    width: 74px;
    height: 22px;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    border: 1px solid;
    border-radius: 30px;
}

.coupon-canused-icon {
    position: absolute;
    top: 12px;
    right: -10px;
    font-size: 74px;
    opacity: .5;
}

.coupon-cannotuse .coupon-item-main {
    background: #AAAAAA;
}

.coupon-cannotuse .c-i-d-cont span {
    background: #AAAAAA;
}

.paddingbottom10 {
    padding-bottom: 10px;
}

.no-coupon-cont {
    padding-bottom: 20px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: #BBBBBB;
}

.no-coupon-cont i {
    display: block;
    font-size: 70px;
    font-weight: 400;
    line-height: 90px;
}

.cangrab {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 34px;
    line-height: 36px;
    color: red;
}

.will-expire {
    position: absolute;
    top: -7px;
    left: 3px;
    font-size: 42px;
    line-height: 48px;
    color: #FFFFFF;
    opacity: .5;
}

.coupon-Foot {
    display: none;
    height: 0;
}

.coupon-Details {
    position: relative !important;
    margin: 10px 12px;
    width: auto;
    font-size: 12px;
}

.coupon-Details p {
    font-size: 12px;
    line-height: 20px;
    color: #000000;
}

.otherparam-content {
    height: 220px;
    font-size: 14px;
    text-align: left;
    background: #FFFFFF;
}

.otherparamwrap {
    padding-left: 10px;
}

.otherparamwrap .goodsOthers-wrap2 {
    border-bottom: 1px solid #F3F3F3;
}

.otherparamwrap .goodsOthers-wrap2:last-child {
    border-bottom: 0;
}

.sku-alert.alert-popover-content {
    background: #FFFFFF !important;
}

.sku-alert .alert-head {
    height: auto !important;
    padding: 8px 0;
    box-sizing: border-box;
    border-bottom: 1px solid #EEEEEE;
}
.alert-head .share_wrap{
    line-height: 24px;
    text-align: left;
    padding: 0 80px 0 20px;
    box-sizing: border-box;
}
.share_wrap .share_con_head i{
    color: #E35C5C;
}
.share_wrap .share_con_msg{
    padding-left: 20px;
    font-size: 13px;
    color: #999;
    line-height: 18px;
}

.sku-content {
    min-height: 130px;
}

.sku-img {
    position: absolute;
    top: -15px;
    left: 10px;
    width: 108px;
    height: 108px;
    padding: 3px;
    border: 1px solid #EEEEEE;
    background: #FFFFFF;
    border-radius: 5px;
}

.sku-img img {
    display: block;
    width: 100px;
    height: 100px;
}

.sku-mes {
    line-height: 24px;
}

.sku-goods {
    margin-left: 128px;
    padding: 6px 10px 0 0;
    text-align: left;
}

.s-g-pri {
    padding-top: 10px;
    font-size: 18px;
    line-height: 24px;
    color: red;
}

.s-g-stock, .s-g-select {
    position: relative;
    padding-left: 42px;
    line-height: 18px;
}

.s-g-stock {
    padding-bottom: 3px;
}

.s-g-select {
    overflow: hidden;
    height: 36px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.s-g-stock span, .s-g-select span {
    position: absolute;
    top: 0;
    left: 0;
}

.s-g-stock-cont {
    color: red;
}

.sku-content {
    margin: 10px 0;
}

.sku-content .sku-list {
    padding: 0 10px 10px;
    text-align: left;
    font-size: 14px;
}

.sku-content .sku-list .s-i-title {
    padding-bottom: 5px;
    font-weight: 700;
}

.sku-content .sku-list .s-i-cont span {
    display: inline-block;
    padding: 4px 16px;
    margin: 0 8px 10px 0;
    background: #F3F3F3;
    border-radius: 60px;
}

.sku-content .sku-list .s-i-cont span.skucurr {
    padding: 3px 15px;
    background: #F2FBFF;
}

.sku-content .sku-list .s-i-cont span.cannotchoose {
    text-decoration: line-through;
    color: #AAAAAA;
    background: #F6F6F6;
}

.goods-qty {
    padding: 10px;
    font-size: 14px;
    /* border-top: 1px solid #F6F6F6; */
}

.goods-qty .s-i-title {
    margin: 10px 0 0 10px;
    font-size: 14px;
}

.mui-numbox {
    width: 140px;
    border: none;
}

.mui-numbox [class*=btn-numbox], .mui-numbox [class*=numbox-btn] {
    background: #EEEEEE;
}

.mui-numbox .mui-input-numbox, .mui-numbox .mui-numbox-input {
    background: #EEEEEE;
    border-right: solid 1px #FFFFFF !important;
    border-left: solid 1px #FFFFFF !important;
}

.alert-content-btn {
    dispaly: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 44px;
    font-size: 16px;
    text-align: center;
    line-height: 44px;
    color: #666666;
    background: #EEEEEE;
}

.alert-content-btn .addCartbtn {
    -webkit-flex: 1;
    flex: 1;
    width: 50%;
    color: #FFFFFF;
}

.alert-content-btn .addCartbtn.nogoods {
    color: #666666;
    background: #EEEEEE;
}

.alert-content-btn .buyNowbtn {
    -webkit-flex: 1;
    flex: 1;
    width: 50%;
    color: #FFFFFF;
    background: red;
}

.alert-content-btn .buyNowbtn.nogoods {
    color: #666666;
    background: #EEEEEE;
}

.offerconsignor-content {
    height: 220px;
    font-size: 14px;
    text-align: left;
    background: #FFFFFF;
}


.offerconsignorwrap .th, .offerconsignorwrap .tr {
    position: relative;
    /* height: 36px;
    line-height: 36px; */
    height: 70px;
    line-height: 70px;
    /* padding: 10px; */
    /* min-height: 36px; */
    border-bottom: solid 1px #EEEEEE;
}

.offerconsignorwrap .th:active, .offerconsignorwrap .tr:active {
    background: #F6F4F4;
}

.offerconsignorwrap .td {
    width: 25%;
    text-align: center;
    /* padding: 20px 0; */
    /* overflow: hidden; */
    text-overflow: ellipsis;
    white-space: nowrap;
}

.offerconsignorwrap .tr .djs {
    position: absolute;
    top: 0;
    height: 25px;
    right: 0;
    left: 0;
}

.offerconsignorwrap .tr .djs p {
    text-align: left;
    text-indent: 5px;
    color: #333333;
    font-size: 12px;
    line-height: 25px;
    letter-spacing: 1px;
}

.offerconsignorwrap .tr .djs span {
    /* background: #fff; */
    color: #333333;
    border: solid 1px #666666;
    margin: 0 2px;
    padding: 1px 2px;
    border-radius: 2px;
}

.sku-content .tr {
    height: 58px;
    line-height: normal;
    padding: 0;
    margin: 0;
}

.sku-content .td i.iconfont {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    border-radius: 50%;
    font-size: 16px;
}

.sku-content .h-50 {
    height: 25px;
}

.top-20 {
    top: 20px;
}
.bd-1 {
    /* content: ""; */
    /* position: relative; */
    /* top: 20px; */
    /* border: solid 1px #666; */
}

.sku-content .tr:active {
    background: #FFFFFF;
}

.alert-head {
    position: relative;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}

.head-title {
    margin: 0 50px;
    font-weight: 700;
}

.alert-closebtn {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    font-size: 26px;
    font-weight: 400;
    text-align: center;
    line-height: 38px;
    color: #999999;
}

.animated {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(.215, .610, .355, 1.000);
        transition-timing-function: cubic-bezier(.215, .610, .355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(.215, .610, .355, 1.000);
        transition-timing-function: cubic-bezier(.215, .610, .355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.bounce-in-up {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes fadeInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(.215, .610, .355, 1.000);
        transition-timing-function: cubic-bezier(.215, .610, .355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0px, 0);
        transform: translate3d(0, 0px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 0px, 0);
        transform: translate3d(0, 0px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 0px, 0);
        transform: translate3d(0, 0px, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(.215, .610, .355, 1.000);
        transition-timing-function: cubic-bezier(.215, .610, .355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0px, 0);
        transform: translate3d(0, 0px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 0px, 0);
        transform: translate3d(0, 0px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 0px, 0);
        transform: translate3d(0, 0px, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.fade-in-up {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.bounce-out-down {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes fadeOutDown {
    20% {
        -webkit-transform: translate3d(0, 0px, 0);
        transform: translate3d(0, 0px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0px, 0);
        transform: translate3d(0, 0px, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    20% {
        -webkit-transform: translate3d(0, 0px, 0);
        transform: translate3d(0, 0px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0px, 0);
        transform: translate3d(0, 0px, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fade-out-down {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

.menu-open {
    height: 100%;
    width: 100%;
}

.alert-popover .mui-scroll-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
}

.alert-popover .btn {
    height: 42px;
    line-height: 42px;
    font-size: 14px;
}

.menu-backdrop {
    display: none;
}

.menu-open .menu-backdrop {
    position: fixed;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    display: block;
    z-index: 998;
    background: #000000;
    opacity: .7;
}

.alert-popover {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    text-align: center;
    width: 100%;
}

.alert-popover.hidden {
    -webkit-transform: translate3d(0, 106%, 0);
    transform: translate3d(0, 106%, 0);
    z-index: -1;
}

.alert-popover-wrapper {
    position: relative;
    width: 100%;
    max-height: 530px;
}

.alert-popover-wrapper .mui-table-view-inverted {
    color: gray;
    font-size: 19px;
}

.alert-popover-wrapper .mui-table-view-inverted .mui-table-view-cell:after {
    height: 2px;
    left: 0;
    right: 0;
}

.alert-popover.mui-active, .alert-popover.mui-active .alert-popover-wrapper {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}

.alert-popover-content {
    position: relative;
    background: #F7F7F7;
}

.alert-content {
    overflow-y: scroll;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 490px;
}

.good-send {
    margin: 2px 0;
    background: #FFFFFF;
}

.good-send .item {
    border-bottom: solid 1px #DFDFDF;
    padding: 0 15px;
    line-height: 40px;
}

.warning {
    font-size: 12px;
    border: solid 1px red;
    border-radius: 5px;
    padding: 2px;
}

.good-assemble {
    margin-top: 2px;
    padding: 10px 15px;
    background: #FFFFFF;
}

.good-assemble .tt {
    font-size: 14px;
}

.good-assemble .txt li {
    padding: 10px 5px;
    border-bottom: solid 1px #DFDFDF;
}

.good-assemble .txt li img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    border-radius: 50%;
}

.good-assemble .txt .join {
    padding: 2px 8px;
    font-size: 14px;
    background: red;
    color: #FFFFFF;
    border-radius: 5px;
}

.assemble-box {
    z-index: 50;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

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

.assemble-box .content {
    z-index: 55;
    position: relative;
    padding: 25px;
    border-radius: 5px;
}

.assemble-box .txt {
    margin: 10px 0;
}

.assemble-box .txt img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.assemble-box .join {
    margin-top: 20px;
    padding: 4px 8px;
    font-size: 16px;
    background: red;
    color: #FFFFFF;
    border-radius: 5px;
}

.assemble-list .content {
    width: 80%;
}

.assemble-list .txt {
    max-height: 300px;
    overflow-y: auto;
}

.assemble-list .txt li {
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #DFDFDF;
}

.assemble-list .txt .img-box {
    margin-right: 10px;
}

.v-enter, .v-leave-to {
    opacity: 0;
    /* transform: translateX(100px); */
}
.v-enter-active, .v-leave-active {
    transition: all .4s ease;
}

.good-content .good {
    padding: 10px;
    margin-top: 1px;
}

.good-content .price span {
    color: #E35C5C;
    font-weight: bold;
    font-size: 22px;
}

.good-content .price s {
    margin-left: 15px;
    color: grey;
    font-size: 12px;
}

.good-content .name {
    margin-top: 10px;
    font-size: 16px;
    line-height: 22px;
}

.good-content .name img {
    margin-right: 5px;
    height: 16px;
    vertical-align: text-top;
}

.good-content .name span {
    margin-left: 15px;
    color: grey;
    font-size: 14px;
}

.good-content .share {
    padding: 7px 8px;
    border-radius: 5px;
    font-size: 12px;
    box-shadow: 1px 1px 3px #333333;
}

.good-content .reward {
    position: relative;
    right: -8px;
    margin-top: 10px;
    /* margin-right: 10px; */
}

.good-content .reward span {
    padding: 2px 12px;
    border: solid 2px #E35C5C;
    /* border-right: 0; */
    border-radius: 0 5px 5px 0;
    font-size: 12px;
    color: #E35C5C;
    font-weight: bold;
}

.good-content .reward p {
    display: inline-block;
    padding: 0 10px 0 35px;
    height: 22px;
    background: url('../img/reward2.png') no-repeat;
    background-size: 100% 100%;
    font-size: 12px;
    color: #E35C5C;
    font-weight: bold;
}


.good-content .reward img.r {
    position: relative;
    left: -5px;
    width: 22px;
    height: 22px;
}

.good-content .factory {
    padding: 10px;
    margin-top: 2px;
}

.good-content .col_sha {
    text-align: center;
}

.col_sha div {
    font-size: 14px;
    line-height: 44px;
    border-right: 1px solid #DDDDDD;
}

.col_sha div i {
    display: inline-block;
    margin-right: 5px;
    font-size: 22px;
    vertical-align: top;
}

.col_sha div:last-child {
    border-right: none;
}

.alert-popover-wrapper {
    height: 250px;
}



.sku-alert.alert-popover-content {
    height: 100%;
}

.alert-popover .mes {
    position: relative;
    padding-top: 100px;
    height: 100%;
}

.sku-img {
    z-index: 99;
}

.alert-closebtn {
    z-index: 99;
}

.alert-popover .mes .btns {
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    height: 50px;
    line-height: 50px;
    color: #FFFFFF;
}

.sku-alert .alert-head {
    border: 0;
}


.code-img img {
    width: 120px ;
    height: 120px ;
}

.share-mes {
    padding: 30px 0;
    border-top: dashed 1px #EBEBEB;
}

.share-mes div {
    padding-top: 5px;
}    

.share-mes i {
    font-size: 54px;
    line-height: 54px;
}

.share-mes p {
    margin-top: 2px;
    font-size: 12px;
    color: grey;
}

.share-pic {
    z-index: 10000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.7);
}

.share-pic .mes {
    position: relative;
    width: 90%;
    border-radius: 10px;
    /* margin: 0 auto; */
    padding: 20px;
}

.share-pic img {
    display: block;
    margin: 0 auto;
    width: 90%;
    border-radius: 10px;
}

.share-pic .save {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -30px;
    text-align: center;
    font-size: 16px;
}

.share-pic .close {
    z-index: 237;
    position: absolute;
    top: -26px;
    right: 20px;
    color: #000000;
}

.share-pic .close i {
    font-size: 28px;
}

.sharePic {
    overflow: hidden;
    position: fixed;
    width: 0;
    height: 0;
    top: 0;
}

.sharePicCont {
    position: relative;
    border-radius: 10px;
    padding: 15px 10px;
    background-color: #FFFFFF;
}

.sharePic .tt img {
    margin-right: 5px;
    display: inline-block;
    height: 50px;
}

.sharePic .tt .name {
    margin: 3px 0 0;
    font-size: 17px;
    font-weight: 700;
}
.sharePic .tt .other {
    font-size: 13px;
}
.sharePic .txt img {
    display: block;
    margin: 0 auto;
    width: 295px;
    border-radius: 5px;
}

.sharePic .txt .price {
    margin: 10px 0;
    font-size: 23px;
    color: #E35C5C;
    font-weight: bold;
}

.sharePic .txt .goodsName {
    font-size: 28px;
    color: #000000;
}

.cancelBtn {
    height: 46px;
    width: 100%;
    text-align: center;
    font-size: 15px;
    line-height: 46px;
}
#shareUrlTxt {
    position: fixed;
    top: -1000px;
}
#qrcode {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 130px;
    height: 130px;
}

/* 优惠券、促销 */
.actBox{
    line-height: 20px;
    font-size: 14px;
    color: rgba(102, 102, 102, 0.749019607843137);
}
.actBox .actTit{
    padding: 10px 0px 10px 10px;
    box-sizing: border-box;
}
.actBox .actDes{
    margin-right: 10px;
    padding: 10px 0px 10px 0px;
    box-sizing: border-box;
}
.actDes .iconfont{
    display: block;
    height: 22px;
    line-height: 22px;
    font-size: 20px;
}
.yhTip .yhItem{
    margin-right: 10px;
    padding: 2px 10px;
    box-sizing: border-box;
    font-size: 12px;
    color: #e35c5c;
    background-image: url("../img/manjian.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.yhTip .yhList{
    overflow: hidden;
    white-space: nowrap;
}
.actDes .cxList{
    margin-bottom: 8px;
}
.actDes .cxList:last-child{
    margin-bottom: 0px;
}
.cxList .cxTit{
    height: 20px;
    margin-right: 8px;
    padding: 0 5px;
    border: 1px solid #e35c5c;
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 12px;
    color: #e35c5c;
}
.cxList-list .cxList-item {
    padding: 5px 0;
    /* border-bottom: 1px solid #ccc; */
    box-sizing: border-box;
}
.cxList-list .cxList-item:first-child{
    padding-top: 0;
}
.cxList-list .cxList-item:last-child{
    border-bottom: none;
}
.cxList-item .cxList-item-des{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* 优惠券、促销 */
/* 组合商品 */
.groupTab.mui-segmented-control.mui-scroll-wrapper .mui-scroll{
    height: 36px;
}
.groupTab.mui-segmented-control.mui-scroll-wrapper{
    height: 36px;
}
.groupWrap{
    /* padding: 5px 10px 0; */
    box-sizing: border-box;
    position: relative;
    /* touch-action: none; */
}
/* tab */
#pagecontent .groupWrap .groupTab.mui-scroll-wrapper{
    background-color: #FFF !important;
    border-bottom: 1px solid #f3f3f3;
}
.groupTab-list .groupTab-item{
    /* width: 100px; */
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
}
.groupTab-item.active{
    color: #FFF;
}
/* details */
.groupWrap .groupGoods{
    padding: 10px 10px 5px;
    box-sizing: border-box;
    font-size: 14px;
}
.groupGoods .des-con{
    line-height: 16px;
    font-size: 12px;
}
.groupGoods .des-con.open{
    overflow: hidden;
    text-overflow: ellipsis;
    text-overflow: -o-ellipsis-lastline;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.groupGoods .des-taggle{
    margin-top: 5px;
    font-size: 13px;
    text-align: right;
}

.groupGoods-list-wrap.mui-segmented-control.mui-scroll-wrapper{
    height: 165px;
    margin-bottom: 10px;
}
.groupGoods-list-wrap.mui-segmented-control.mui-scroll-wrapper .mui-scroll{
    height: 165px;
}
#pagecontent .groupGoods-list-wrap.mui-scroll-wrapper{
    background-color: #FFF !important;
}
.groupGoods-list .groupGoods-item-wrap{
    width: auto;
    height: 165px;
    line-height: 165px;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}
.groupGoods-item{
    width: 110px;
    display: inline-block;
    vertical-align: middle;
}
.groupGoods-item .gg-item-img{
    width: 100%;
    height: 120px;
    padding: 5px 0;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}
.groupGoods-item .gg-item-img img{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}
.groupGoods-item .gg-item-img .gg-item-qty{
    line-height: 20px;
    padding: 0 10px;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 12px;
    color: #FFF;
    background: rgba(102, 102, 102, 0.5);
}
.gg-item-info{
    line-height: 20px;
    margin-top: 5px;
    font-size: 12px;
}
.gg-item-info .gg-item-name{
    padding: 0 5px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.gg-item-info .gg-item-price{
    padding: 0 5px;
    box-sizing: border-box;
    font-size: 14px;
    /* text-align: left; */
}
.gg-item-add{
    width: 50px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}
.gg-item-add i{
    font-size: 28px;
    font-weight: 700;
}
.groupGoods-list .groupGoods-item-wrap:last-child .gg-item-add{
    display: none;
}
/* .price */
.groupWrap .groupCart{
    line-height: 24px;
    font-size: 16px;
    border-top: 1px solid #ccc;
    box-sizing: border-box;
}
.groupCart-info{
    padding: 5px 10px;
    font-size: 14px;
}
.hj-price i{
    color: #e35c5c;
}
.yh-price i{
    text-decoration: line-through;
}
.groupCart-btn{
    height: 40px;
    line-height: 30px;
    margin: 10px 10px 0 0;
    padding: 5px 20px;
    color: #FFF; 
}
/* 组合商品 */
/* 特价 */
.actTj{
    width: 100%;
    box-sizing: border-box;
    /* position: absolute;
    bottom: 0;
    z-index: 9; */
}
.actTj .tjWrap{
    padding: 8px;
    /* border-radius: 5px 5px 0 0; */
    background-color: rgba(227, 92, 92,0.8);
}
.tjWrap .tjIcon{
    line-height: 18px;
    padding: 5px 10px;
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 14px;
    color: #FFF;
    /* background: #ca1269; */
    background-color: #E35C5C;
}
.tjPrice-wrap{
    /* line-height: 16px; */
    padding: 0 10px;
    box-sizing: border-box;
    color: #FFF;
}
.tjPrice-wrap .tjPrice{
    margin-top: 3px;
}
.tjPrice-wrap .tjPrice b{
    font-size: 24px;
}
.tjPrice-wrap .nowPrice{
    line-height: 14px;
    font-size: 14px;
}
.tjPrice-wrap .nowPrice i{
    display: inline-block;
    vertical-align: middle;
    text-decoration: line-through;
}
.tjPrice-wrap .nowPrice span{
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
}
.tjTime{
    line-height: 20px;
    margin: 3px 10px 0 0;
    box-sizing: border-box;
    font-size: 14px;
    text-align: center;
    color: #FFF;
}  
.countTime i{
    /* padding: 2px;
    box-sizing: border-box;
    border-radius: 5px;
    background-color: #f71471; */
} 
/* 特价 */
/* 猜你喜欢 */
.youLike{
    padding: 10px;
    box-sizing: border-box;
    background: #eff3f6;
}
.youLike .yl_tit{
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    border-radius: 8px 8px 0 0;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}
/* .youLike .yl-list{
    margin-top: 5px;
} */
.yl-list .yl-item{
    width: 49%;
    margin-right: 2%;
    margin-top: 5px;
    border-radius: 5px;
}
/* .yl-list .yl-item:nth-child(1){
    margin-top: 0px;
}
.yl-list .yl-item:nth-child(2){
    margin-top: 0px;
} */
.yl-list .yl-item:nth-child(2n){
    margin-right: 0;
}
.yl-item .yl-img{
    width: 100%;
    height: 160px;
    padding: 10px;
}
.yl-item .yl-img img{
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto;
}
.yl-item .yl-info{
    padding: 5px 10px 5px 10px;
    box-sizing: border-box;
    font-size: 14px;
}
.yl-info .yl-spc{
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.yl-info .yl-name{
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.yl-info .yl-fac{
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
}
.yl-info .yl-price{
    line-height: 28px;
    font-size: 12px;
    font-weight: 700;
    color: #E35C5C;
}
.yl-info .yl-price i{
    font-size: 16px;
} 
/* 猜你喜欢 */

.paramInfo{
    line-height: 20px;
    padding: 10px;
    box-sizing: border-box;
    font-size: 14px;
    color: rgba(102, 102, 102, 0.749019607843137);
}

.explainInfo{
    line-height: 24px;
    padding: 10px;
    box-sizing: border-box;
    font-size: 14px;
    color: rgba(102, 102, 102, 0.749019607843137);
}
.explainInfo .e_i_line{
    width: 1px;
    margin: 0 10px;
    background-color: #ccc;
}
.param_head,.explain_head{
    width: 100%;
    line-height: 48px;
    position: absolute;
    top: 0;
    z-index: 2;
    font-size: 18px;
    font-weight: 700;
    border-bottom: 1px solid #ccc;
    border-radius: 6px 6px 0 0;
}
.param_con,.explain_con{
    width: 100%;
    height: 100%;
    padding: 50px 0 42px 0;
    box-sizing: border-box;
}
.param_con .tl,.explain_con .tl{
    text-align: left;
}
.param_item,.explain_item{
    padding: 10px;
    border-bottom: 1px solid #e0e0e0;
    box-sizing: border-box;
    font-size: 14px;
}
.explain_item{
    border-bottom: none !important;
}
.explain_item:nth-child(2n-1){
    background-color: #f8f8f8;
}
.param_item_tit,.explain_item_tit{
    width: 100px;
    color: #808080;
}
.s_btn{
    line-height: 40px;
    position: absolute;
    bottom: 0;
    width: 100%; 
    z-index: 2;   
}

.storeInfo .storeInfoTop {
    padding: 10px;
    min-height: 50px;
    line-height: 20px;
    border-bottom: 1px solid #EEEEEE;
}
.storeInfo .storeInfoTop img {
    display: block;
    margin-right: 10px;
    width: 50px;
    height: 50px;
}
.storeInfo .storeInfoTop p:last-child {
    padding-top: 10px;
}

.storeInfo .storeTips {
    padding: 8px 0;
    font-size: 12px;
    text-align: center;
    line-height: 16px;
}
.storeInfo .storeTips i {
    display: inline-block;
    margin-right: 5px;
    vertical-align: text-bottom;
}

.pageTips {
    padding: 10px;
}
.pageTips .pageTipsTit {
    padding-bottom: 5px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
}
.pageTips p {
    font-size: 12px;
}

#tips{
    width: 95%;
    margin: 0 auto;
}
.tips_item{
    padding: 10px 20px;
    box-sizing: border-box;
}
.tips_item.border_1{
    border-bottom: 1px solid #e3dfdf;
}
.tips_head{
    line-height: 48px;
    font-size: 18px;
    font-weight: 700;
}
.item_tit{
    line-height: 20px;
    text-align: left;
}
.item-tit i{
    font-size: 19px;
}
.item-tit span{
    font-size: 16px;
}
.item_con{
    margin-top: 8px;
    text-align: left;
    font-size: 14px;
}
.sureBtn{
    line-height: 40px;
    margin-top: 4px;
}