body{font-family:"STHeitiSC-Medium";line-height:1.42857143;color:#232323;background-color:#f8f8f8;min-width:320px;max-width:750px;margin:0 auto!important}
@media only screen and (min-width:320px){html{font-size:27.6px!important}}
@media only screen and (min-width:360px){html{font-size:27.6px!important}}
@media only screen and (min-width:375px){html{font-size:32px!important}}
@media only screen and (min-width:384px){html{font-size:32px!important}}
@media only screen and (min-width:400px){html{font-size:32px!important}}
@media only screen and (min-width:414px){html{font-size:37.3333px!important}}
@media only screen and (min-width:480px){html{font-size:37.3333px!important}}
@media only screen and (min-width:540px){html{font-size:37.3333px!important}}
@media only screen and (min-width:560px){html{font-size:37.3333px!important}}
@media only screen and (min-width:640px){html{font-size:37.3333px!important}}
@media only screen and (min-width:720px){html{font-size:37.3333px!important}}
@media only screen and (min-width:750px){html{font-size:37.3333px!important}}

body, .mui-content{
    background-color: #f7f7f7;
}
.mui-bar-nav.mui-bar .mui-icon {
    padding-left: 0px;
}
/***
*   tab
***/
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
    border-bottom: none;
    background: 0 0;
    filter:progid
	background:-webkit-linear-gradient(left,rgba(243,45,135,0.7),rgba(243,45,135,1));
	background:-o-linear-gradient(right,rgba(243,45,135,0.7),rgba(243,45,135,1));
	background:-moz-linear-gradient(right,rgba(243,45,135,0.7),rgba(243,45,135,1));
	background:linear-gradient(to right,rgba(243,45,135,0.7),rgba(243,45,135,1));
}
.mui-slider-indicator{

}
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item{
    color: #fff;
    border-radius: 36px;
    overflow: visible;
    margin-left: 2%;
    display: inline-block;
    width: 30%;
    padding-top: 5%;
    padding-bottom: 3%;
    padding-left: 2%;
    background-color:#decdde;
}
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item img{
	
}
/*.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{
    color: #fff;
    border: 0;
    padding: 0.42rem 0rem;
    top: 2px;
}
@media screen and (min-width: 640px){
	.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{
	  padding: 0.62rem 0rem;
	  top: 4px;
	}
}*/
#sliderSegmentedControl a p{
    line-height: 1.1;
    color: inherit;
    font-size: 18px;
}
#sliderSegmentedControl a p:first-of-type{
    margin-top: 8px;
}
#sliderSegmentedControl a p:last-of-type{
    margin-bottom: 8px;
}
.mui-table-view-cell:after{
    height: 0;
}
.mui-table-view{
    background-color: transparent;
}
.mui-slider-item li.mui-table-view-cell{
   padding: 0 10px 0 120px;
    /* margin-bottom: 10px; */
    background-color: #fff;
    height: 124px;
    margin-top: -9px;
    border-bottom: 1px solid #e8e8e8;
}
.mui-slider-item li img{
    sfloat: left;
    width: 102px !important;
    height: 102px;
    position: absolute;
    left: 5px;
    top: 10px;
}
.mui-slider-item li .img_inf img{
    float: left;
    width: 70px !important;
    height: 20px;
}
.mui-slider-item li .watermask{
	width: 80px;
    height: 80px;
    position: absolute;
    left: 83px;
    top: 19px;
    z-index: 9;
}
.mui-slider-item li .watermask img{
	float: left;
    width: 93% !important;
    height: 93%;

}
.mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{
    border-bottom: 0;
}
/*shopInfo*/
.mui-slider-item li .shopInfo{
    padding: 8px 0;
    line-height: 1;
}
.shopInfo h5{
    font-size: 0.40rem;
    color: #333;
    line-height: 20px;
    height: 40px;
}
.mui-ellipsis {
    overflow: hidden;
    white-space: inherit;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.shopInfo .category{
	width: 50%;
}
.shopInfo .category span{
    font-size: 14px;
    line-height: 1;
    color: #999;
    margin-right: 4px;
}
.shopInfo .prive span{
    font-size: 0.65rem;
    line-height: 1;
    color: rgb(247, 32, 81);
    margin-top: 6px;
    font-family: "΢ÈíÑźÚ";
    font-weight: 600;
    margin-top:11px;
}
.shopInfo .prive span.active{
    color: #999;
    text-decoration: line-through;
    margin-left: 4px;
}
.shopInfo .prive button{
    font-size: 13px;
    margin: 0;
    background-color: #F61D4A;
    border: 0;
    color: #fff;
    line-height: 1;
    margin-top: 12px;
    position: absolute;
        right: 8px;
}
@media screen and (min-width: 640px){
	.shopInfo .prive button {
    padding: 8px 23px;
}
}
.shopInfo .prive p{
	position: absolute;
    right: 3px;
    bottom: 13px;
    font-size: 0.365rem;
    color: #F61D4A;
}
.shopInfo .prive button.active{
    background-color: #ccc;
}
.shopInfo .num span.mui-pull-left{
    font-size: 12px;
    line-height: 5px;
    width: 80px;
    height: 12px;
    background-color: #FFC1C1;
    border: 1px solid #f72051;
    border-radius: 5px;
    position: absolute;
    overflow: hidden;
    margin-top: 4%;
}
@media screen and (min-width: 640px){
	.shopInfo .num span.mui-pull-left {
       width: 98px;
    height: 12px;
    margin-top: 2%;
	}
}
.shopInfo .num{
    height: 16px;
    margin-top: -4px;
}
.shopInfo .num span.mui-pull-left em{
    display: block;
    width: 78%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #FF5D62;
}
.shopInfo .num span.mui-pull-left p{
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    font-size: 12px;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 9;
}
.shopInfo .num span.mui-pull-right{
    color: #fff;
    font-size: 0.36rem;
    line-height: 16px;
    margin-top: 5%;
    float: left;
    position: relative;
    margin-left: 8%;
   }
@media screen and (min-width: 640px){
 .shopInfo .num span.mui-pull-right {
    margin-top: 2%;
	}
}
.day,.hour,.sec,.mini{
	width: 22px;
    height: 18px;
    padding: 1px 1px;
    border-radius: 3px;
    color: #D18965;
}
.mui-slider-item .time{
    background-color: #E2E2E2;
	position: relative;
    z-index: 99;
}
.mui-slider-item .time span.mui-pull-left{
    font-size: 14px;
    color: #f72051;
    line-height: 44px;
    padding-left: 6px;
    border-left: 4px solid #f72051;
}
.mui-slider-item .time span.mui-pull-right{
    font-size: 12px;
    color: #666;
    line-height: 20px;
    height: 20px;
    text-align: center;
}
#z-center .spike_img{
	width: 41.7%;
    margin: 0 auto;
    margin-top: 2%;
}
@media screen and (min-width: 640px){
	#z-center .spike_img {
    width: 24%;
    margin: 0 auto;
    margin-top: 1%;
	}
}
/*ÂÖ²¥*/
.mui-slider-indicator{
    bottom: 0;
}
.mui-slider-indicator .mui-indicator{
    background-color: #fff;
    border: 0;
    box-shadow: none;
    width: 8px;
    height: 8px;
}
.mui-slider-indicator .mui-active.mui-indicator{
    background-color: #eb205a;
}

/*ÓþíרÇø*/
.coupon .conponTitle{
    padding: 10px;
    color: #f72051;
    background-color: #fff;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    text-align: center;
    font-size: 16px;
    position: relative;
}
.coupon .conponTitle a{
	display: inline-block;
	position: absolute;
	right: 10px;
	top:10px;	
}
.coupon .conponTitle a span{
	float: left;
	font-size: 12px;
    line-height: 25px;
    color: #f72051;	
}
.coupon .conponTitle .icon-83{
    font-size: 24px;
    vertical-align: sub;
}
.coupon{
   background-color: #fff;
    margin-top: 2%;
}
.coupon li{
    /*padding-top: 6px;*/
    float: left;
    width: 50%;
    border-bottom: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    padding-bottom: 4px;
        padding-left: 2%;
}
.coupon li h4{
	color: #6013FF;
    font-size: 0.43rem;
    font-weight: bold;
    line-height: 24px;
    float: left;
    text-align: left;
    width: 100%;
}
.coupon li h5{
	float: left;
    width: 100%;
    line-height: 20px;
    text-align: left;
    padding-left: 2%;
}
.coupon li:nth-of-type(2n){
     /*border-right:none;*/
}
.coupon li p {
   padding: 0 3px;
    color: #333;
    height: 23px;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px;
    margin-top: 8px;
}
.coupon li div.z{
        padding: 6px 6px 6px 0px;
}
.coupon li div.z span.mui-pull-left{
    font-size: 0.52rem;
    color: #f72051;
    text-decoration: line-through;
}
.coupon li div.z span.mui-pull-right{
    /*font-size: 14px;*/
    /*color: #999;*/
}
.coupon li div.z span.mui-pull-right img{
	width: 60%;
    float: right;
    margin-top: -21px;
}
@media screen and (min-width: 640px){
	.coupon li div.z span.mui-pull-right img{
    margin-top: 0px;
	}
}
.mui-slider .mui-slider-group .mui-slider-item{
	height:auto;
	}
.time{
	margin-top: 44px;
    background-color: #FAF8E1;
    color: #D18965;
    line-height: 1.0rem;
}
@media screen and (min-width: 640px){
	.time{
	margin-top: 1.29rem;
	}
}
.time img{
	width: 4%;
    margin-left: 2%;
    display: block;
    float: left;
    margin-top: 0.3rem;
}
@media screen and (min-width: 640px){
	.time img {
    margin-top: 0.13rem;
}
}
@media screen and (min-width: 640px){
	.categories_logo{
	height: 58px;
	}
}
.time p{
	font-size: 0.38rem;
	 color: #D18965;
}
@media screen and (min-width: 640px){
	.time p {
    font-size: 0.40rem;
	}
}
.special_offer{
	font-size: 0.38rem;
    color: #ff4866;
    font-weight: bold;
    margin-top: 3%;
    color: #ff4866;
}