@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    outline: none;
    -webkit-text-size-adjust: 100%;
    font-size: 12px;
    font-family:PingFang-SC-Regular,HeitiJ-Light,Helvetica Neue,Helvetica,STHeiTi,sans-serif;-webkit-font-smoothing:antialiased;
    box-sizing:border-box;
    border-width: thin;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    -webkit-text-size-adjust:none;
    line-height: 17px;
}
@font-face{font-family:iconfont;src:url("//at.alicdn.com/t/font_1474372158_1245542.eot");src:url("//at.alicdn.com/t/font_1474372158_1245542.eot?#iefix") format("embedded-opentype"),url("//at.alicdn.com/t/font_1474372158_1245542.woff") format("woff"),url("//at.alicdn.com/t/font_1474372158_1245542.ttf") format("truetype"),url("//at.alicdn.com/t/font_1474372158_1245542.svg#iconfont") format("svg")}


body{
	color: #5d5d5d;
	background-color: #f3f3f3;
	width: 100%;
	max-width: 720px;
	margin: 0 auto;
}
.tf-left{
	float: left;
}
.tf-right{
	float: right;
}
.tf-clear{
	clear: both;
}
.swiper-pagination-bullet-active {
    background-color: rgb(3,3,3)!important;
}
.swiper-pagination-bullet {
    background-color: rgba(200, 200, 200, 0.4);
}
.swiper-pagination{
	margin: 0 auto;
	width: 100%;
}
.shopContent {

}

.shop-info {
	margin-bottom: 58px;
	width: 100%;
}

.shop-info .shop-carousel {
	width: 100%;
	background-color: #FFFFFF;
    position: relative;
    padding-bottom:100%; 
}
.swiper-box{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.swiper-content{
	position: relative;
	width: 100%;
	height: 100%;
}
.shop-info .shop-carousel .container {
	text-align: center;
	width: 100%;
	height: 100%;
	font-size: 0; /*font-size: 0是防止在IE下div可能被撑高的可能*/
	*font-size: 200px; /*防止IE6、7产生200px的高度*/

}
.shop-info .shop-carousel .container img{
	vertical-align:middle;
	max-width: 100%;
	max-height: 100%;
	-webkit-max-height:100%;
	-webkit-max-height:100%;
	-moz-max-height:100%;
	-ms-max-height:100%;
}

.shop-info .shop-carousel .container:after{
	display:inline-block; 
	width:0;
	height:100%; 
	content:"center"; 
	vertical-align:middle; 
	overflow:hidden;
}
.shop-info .shop-intro {
	margin-top: -5px;
    padding: 10px 10px 20px 10px;
	background-color: #FFFFFF;
}

.shop-intro .title {
	width: 100%;
	padding-top: 10px;
}

.tagList img {
	width: 11px;
}

.shop-intro .title span{
	// padding-top: 10px;
	font-size: 16px;
    color: #262626;
    line-height: 20px;
    // max-height: 40px;
    overflow: hidden;
    width: 100%;
    word-wrap: break-word;
    text-overflow: ellipsis;
    text-align: left;
    -o-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: -o-ellipsis-lastline;
}
.shop-intro .desc {
	font-size: 13px;
	line-height: 150%;
	color: rgb(33,33,33);
	text-align:justify;
	text-justify:inter-ideograph;
}

.shop-intro .price {
	margin: 15px auto;
	position: relative;
	height: 20px;
    line-height: 20px;
    text-align: left;
}
.shop-intro .price .oldPrice {
    font-size: 12px;
    color: rgba(166,166,166, 0.9);
    padding-left: 3px;
}
.count-tuan{
	padding: 1px 3px;
	color: #fff;
	font-size: 12px;
	background-color: rgba(0,0,0,0.9);
	width: 40px;
	height: 12px;
	border-radius: 2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
    position: relative;
    top: -4px;
    /*margin-right: 5px;*/
}
.discount-tip{
	padding: 1px 3px;
	color: #fff;
	font-size: 12px;
	background-color: rgba(0,0,0,0.9);
	width: 40px;
	height: 12px;
	border-radius: 2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
    position: relative;
    margin-right: 4px;
}
.shop-intro .price .oldPrice span {
	font-family: "Microsoft YaHei";
}
.count-down{
	padding: 5px 0;
	text-align: center;
	width: 100%;
	margin: 0 auto;
}
.count-down span{
	color: #f81948;
	font-size: 12px;
}
.count-down span.p-r5{
	color: #A6A6A6;

}
.shop-intro .tagList {
	position: relative;
	color: rgb(166,166,166);
	font-size: 12px;
    top: 6px;
    text-align: left;
    padding-top: 10px;
}
.pad-l4{
	padding-left:4px; 
}
.splite-line{
	padding: 0 4px;
	font-size: 14px;
}
.shop-info .groupRule {
	margin-top: 10px;
	background-color: #FFFFFF;
	padding-top: 10px;
    position: relative;
}

.groupRule img {
	width: 100%;
}

.groupRule .title {
	max-width: 100%;
	padding: 10px;
	font-size: 12px;
}

.groupRule .title span {
	color: #a1a1a1;
}

.groupRule img {
	max-width: 100%;
}

.shop-info .shopDetailPhotos {
	line-height: 0;
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 0px;
	background-color: #FFFFFF;
}

.shopDetailPhotos img {
	width: 100%;
}

.shop-info .shopExpresses {
	margin-top: 10px;
	font-size: 0px;
	background-color: #FFFFFF;
}

.buy-send img, .customer-notify img {
	width: 100%;
}
.bottom-btn{
	position: fixed;
	bottom: 0px;
	width: 100%;
	max-width: 720px;
	height: 58px;
	text-align: center;
	z-index: 999;
    border-top: 1px solid #f3f3f3;
    background-color: #ffffff;
    padding-left: 8px;
}
.tab-icon{
    display: table;
    height: 58px;
    margin: 0 auto;
    vertical-align: middle;
    table-layout: fixed;
    position: relative;
}
.btn-table{
    display: table;
    height: 58px;
    width: 100%;
    margin: 0 auto;
    vertical-align: middle;
    table-layout:fixed;
}
.tf-p20{
	width: 20%;
}
.tf-p40{
	width: 40%;
}
.tf-p60{
	width: 60%;
}
.tf-p72{
	width: 72%;
}
.tf-p14{
	width: 14%;
}
.first-buy{
	/*margin: 0 auto 0 8px;*/
	background-color: rgba(33,33,33,0.8);
	color: rgb(255,255,255);
	height: 35px;
	z-index: 999;
	position: fixed;
	bottom: 63px;
	right:8px;
	width: 66%;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
}
.free-one-buy{
    width: 55%;
    width: calc(60% - 20px);
    width: -webkit-calc(60% - 20px);
    width: -moz-calc(60% - 20px);
    width: -ms-calc(60% - 20px);
}
.first-buy .tips{
	width: 100%;
}
.free-one-buy .tips{
	text-align: left;
	padding: 0 10px; 
}
.tips-arrow{
	position: absolute;
    top: 35px;
    left: 20px;
    z-index: 999;
    width: 0;
    height: 0;
    border-top: 5px solid rgba(33,33,33,0.8);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}
.icon-box{
	display: table-cell;
	margin: 0 auto;
	vertical-align: middle;
	text-align: center;
	width: 100%;
}
.icon-box .icon{
	width: 22px;
	height: 22px;
	margin: 0 auto;
    position: relative;
    /*top: 2px;*/
}
.icon img{
	height: 100%;
	width: 100%;
}
.icon-box .text{
	font-size: 10px;
	color: #000000;
    position: relative;
    top: 2px;
}
.tab-btn{
    padding: 4px;
    height: 58px;
    display: table;
    width: 100%;
    table-layout:fixed;
    position: relative;
}
.btn-box{
	padding: 0 4px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	margin: 0 auto;
}
.buy-now{
	background: rgb(245, 0, 45);
    border-radius: 3px;
    color: #ffffff;
    height: 100%;
    padding: 3px 0px;
    line-height: 40px;
    font-size: 16px;
}
.buy-now span{ font-size: 16px;}
.buy-out{
	background: rgb(204, 204, 204);
    border-radius: 3px;
    color: #ffffff;
    height: 100%;
    padding: 2px 0px;
    line-height: 40px;
    font-size: 16px;
}
.radius-3{border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;}
.buy-ready{
	border-radius: 3px;
	background-color: #78bd72;
	height: 100%;
    padding: 3px 0px;
    line-height: 40px;
    font-size: 16px;
}
.buy-seckill-ready{font-size: 12px;color: #fff;height: 100%;}
.buy-seckill{height: 100%;font-size: 14px;}
.buy-seckill p{font-size: 12px;}
.buy-group{
	border-radius: 3px;
	background-color: #f81948;
	color: #ffffff;
	height: 100%;
 	padding: 3px 0;
    line-height: 44px;
	font-size: 12px;
}
.free-one-group span{
	font-size: 18px;
}
.buy-single{
    border-radius: 3px;
    border: 1px solid #404040;
    color: rgb(33,33,33);
    height: 100%;
    padding: 2px 0px;
    line-height: 44px;
    font-size: 12px;
}
.font-arial{
	font-family: arial;
	font-size: 12px;
}
.font-ya{
	font-size: 12px;
}
.toolbar {
	position: fixed;
	bottom: 100px;
	right: 5px;
	width: 50px;
	text-align: right;
	z-index: 100;
	display: none;
}

.toolbar img {
	width: 40px;
	height: 40px;
}

.toolbar .backTop {
	display: none;
}

.buyGuide {
	position: fixed;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
	z-index: 1000;
	background-color: black;
	text-align: center;
	display: none;
}

.buyGuide img {
	max-width:90%;
	margin-top:10px;
	z-index: 1000;
}

.shopRecommend {
    text-align: center;
    background: #ffffff;
    padding-bottom: 10px;
}

.shopRecommend .title {
	padding: 5px 10px;
	color: #212121;
	font-size: 16px;
}
.shopList{
	padding: 10px 5px 0;
}

.shopRecommend .shopList {
	width: 100%;
	/*border-top: 1px solid #f3f3f3;*/
}

.shopList .left {
	float: left;
	/*border-right: 1px solid #f4f4f4;*/
}

.shopList .right {
	float: right;
}


.shopList .recommendInfo {
	background-color: #FFFFFF;
	width: 50%;
	/*border-bottom: 1px solid #f4f4f4;*/
	padding-left: 5px;
	padding-right: 5px;
    padding-bottom: 10px;
}
.recommend-img{
	position: relative;
	width: 100%;
	padding:50% 0; 
}
.img-box{position:absolute;top:0;left:0;width:100%;height:100%;font-size: 0px;}
.show-img{position:relative;width:100%;height:100%;font-size:0;*font-size:200px;text-align:center;padding: 5px;}
.show-img:after{display:inline-block; width:0;height:100%;content:"center";vertical-align:middle;overflow:hidden;}
.show-img img{vertical-align:middle;max-width: 100%;max-height: 100%;-webkit-max-height: 100%;-moz-max-height: 100%;-ms-max-height: 100%;}


.recommendInfo .name {
	width: 100%;
	padding-top: 3px;
	font-size: 13px;
	line-height: 140%;
	height: 35px;
	color: #212121;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    text-align: left;
    -o-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: -o-ellipsis-lastline;
}
.name-box{
	height: 35px;
	display: table;
	table-layout: fixed;
	width: 100%;
    /*margin: 0 auto;*/
}
.name-desc{
	display: table-cell;
	vertical-align: middle;
	text-align: left;
    padding-top: 3px;
    font-size: 13px;
    line-height: 130%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #212121;
}
.recommendInfo .price {
	display: block;
    padding: 10px 0;
    text-align: left;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.9);
}

.now-price {
	font-size: 16px;
	font-family: Arial;
    position: relative;
    top: 1px;
}

.recommendInfo .other {
	width: 100%;
	display: block;
	position: relative;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.comparePrice {
    padding-left: 6px;
    font-size: 12px;
    color: #b2b2b2;
    font-family: "Arial";
}

.recommendInfo .other .comparePrice span {
	text-decoration: line-through;
}
.country-box{
	text-align: left;
}
.country-box img {
	width: 11px;
	position: relative;
	top: 1px;
}
.country {
	padding-left: 2px;
    font-size: 10px;
    color: #000000;
    position: relative;
    top: -1px;
}
.clear {
	clear: both;
}

.notice {
	text-align: center;
	background: #fbfac2;
	z-index: 100;
	width: 100%;
	padding-top: 13px;
	padding-bottom: 13px;
	font-size: 14px;
	color: #f60a0a;
	display: none;
}

/*新人团标识*/
.xinrentuan {width:100%;background:#ffe8e8;overflow:hidden}
.xinrentuan .li1 {width:32px;padding:2% 3%;font-size:0;float:left;list-style-type:none}
.xinrentuan .li1 img{width: 100%;
    position: relative;
    top: 6px;}
.xinrentuan .li2 {float:left;color:red;padding-top:2.8%;list-style-type:none}
/*弹框*/
.mask {width:100%;height:100%;background:#000;position:fixed;top:0;left:0;opacity:0.4;z-index:1000;display:none}
.tankuang {width:80%;padding:5% 0;background:#fff;border-radius:5px;position:fixed;top:30%;left:10%;z-index:1001;display:none}
.tankuang .li1 {wiidth:100%;text-align:center;margin-top:5%;list-style-type:none}
.tankuang .li2 {width:50%;padding:3% 0;margin:0 auto;background:#f81948;border-radius:3px;color:#fff;text-align:center;margin-top:10%;list-style-type:none}

/*3月29好需求，样式变更*/
.product-detail{
	position: absolute;
    bottom: 24px;
    right: 10px;
    z-index: 2;
    width: 46px;
    height: 46px;
    /*padding: 3px;*/
    // padding: 7px 9px;
    opacity: 0.7;
    background: rgba(255, 255, 255, 0.8);
    line-height: 13px;
    font-size: 12px;
    text-align: center;
    border: 1px solid rgb(166,166,166);
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    box-sizing: border-box;
    display: -webkit-box;
    -webkit-box-align: center;
    color: rgb(33,33,33);
    text-decoration: none;
}
.product-detail span{position: relative; top: 0px;
    left: 11px;
    line-height: 13px;
    font-size: 12px;}
.font-s12{
	font-size: 12px;
}
.group-price{
    font-size: 20px;
    color: rgba(0, 0, 0, 0.9);
    font-family: Arial;
}
.main-color{
	color: #f81948!important;
}
.groupRule .title img{
    position: absolute;
    right: 10px;
    width: 10px;
    top: 15px;

}
.flow-box{
	/*padding: 15px 10px;*/
	width: 100%;
	margin-top: 10px;
	/*line-height: 12px;*/
}
.flow-box img{
	width: 100%;
}
.flow-sign{
    float: left;
    font-size: 12px;
    line-height: 12px;
}
.pct-23{
    width: 23%;
}
.pct-25{
	width: 25%;
}
.pct-24{
	width: 24%;
}
.pct-29{
    width: 29%;
}
.text-right{
	text-align: right;
}
.num-sign{
    color: #5d5d5d;
    font-size: 12px!important;
    border: 1px solid #5d5d5d;
    width: 13px;
    height: 13px;
    border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    box-sizing: border-box;
    float: left;
    line-height: 11px;
    text-align: center;
    top: 0px;
    position: relative;
    margin-right: 2px;
}
.current-sign{
	color: #FFFFFF;
	background-color: #f81948;
	border: 1px solid #f81948!important;
}
.fn-clear{
	clear: both;
}
.group-title{
	color: #212121!important;
	font-size: 14px;
}

.trade-process {
	background-color: #fff;
	padding: 0px 10px;
	font-size: 12px;
	color: rgba(33,33,33,1);
	width: 100%;
	height: 50px;
	border-top: 0.5px solid rgb(216,216,216);
	border-bottom: 0.5px solid rgb(216,216,216);
}
.trade-process .tf-cell span{
	top: -3px;
    margin-right: 3px;
	font-size: 0px;
	position: relative;
	display: inline-block;
	width: 4px;
	height: 4px;
	background-color: rgb(33,33,33);
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
}
.group-rule{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	color: rgb(33,33,33);
	font-size: 12px;
	padding: 7px 5px;
	border-bottom: 0.5px solid rgb(216,216,216);
}
.free-one-rule{
	text-align: left;
}
.pad-line{
	height: 10px;
	background-color: #ffffff;
	// border-top: 0.5px solid rgb(216,216,216);
}
.none-line{
	border-top: none;
}
.tf-p50{
	width: 50%;
}
.fn-hide{
	display: none;
}
.service-box {
	position: fixed;
	height: 100%;
	width: 100%;
	background-color: rgba(51,51,51,0.5);
	bottom: 0;
	z-index: 1999;
}

.promise-box {
	position: absolute;
	bottom: 0;
	background: #fff;
    width: 100%;
}

.promise-title {
	font-size: 16px;
	color: #212121;
	text-align: center;
	line-height: 40px;
	margin: 10px 0 0 0;
}

.promise-info {
	padding: 0px 10px 20px 10px;
}

.promise-info .title {
	font-size: 16px;
	line-height: 30px;
	padding: 7px 0px 0px 25px;
	background: url('../icon/red_right_simple@3x.png') no-repeat 0px 12px;
	background-size: 19px;
	color: #212121;
}

.promise-info .desc {
	color:#5d5d5d;
	line-height: 19px;
	word-break: break-all;
	padding: 1px 0px 15px 26px;
}

.promise-btn {
	text-align: center;
	line-height: 50px;
	background: #f81948;
	color: #fff;
	font-size:15px;
}

.content-line {
	border-top: 1px solid #e9e9e9;
}
.service-time{
    border-top: 1px solid #e5e5e5;
    text-align: center;
    font-size: 13px;
    margin: 10px;
    padding-top: 10px;
}
.tab-wrapper{
	height: 40px;
	width: 100%;
}
.tab-box{
	width: 100%;
	max-width: 720px;
	height: 40px;
	background-color: #FFFFFF;
	border-bottom: 0.5px solid rgb(0,0,0);
	top: 0;
	z-index: 666;
}
.tab-box .select{
	padding: 9px 4px;
    font-size: 16px;
}

.under-line{
    height: 1px;
    background-color: #f81948;
    width: 85px;
    margin: 0 auto;
}

.icon-flash{
	position: absolute;
	width: 50px;
	height: 50px;
	top: 10px;
	left: 10px;
	z-index: 333;
}

.icon-flash img{
	width: 100%;
	height: 100%;
}

.line-box{
    position: relative;
    top: 10px;
	width: 49%;
}
.fn-left{
	float: left;
}
.fn-right{
	float: right;
}
/*VUE模版隐藏html中的代码*/
[v-cloak] {
  display: none;
}
.info-box{
    max-width: 720px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.product-info{
	/*margin-top: 10px;*/
	/*padding-top: 10px;*/
	width: 100%;
}
.product-title{
	padding: 0 15px 10px 15px;
    line-height: 25px;
    word-break: break-all;
    color: #000000;
    text-align: left;
    font-size: 12px;
}
.product-img{
	display: table;
    margin-top: 10px;
    padding: 0px 10px 10px 10px;
}
.product-param{
	width: 100%;
	padding: 10px;
	background-color: #ffffff;
}
.product-param table{
	table-layout:fixed;
	word-break:break-all;
	border-collapse:collapse;
}
.product-param table tr{
	border-bottom: 1px solid #EDEDED;
}

.td-title{
	width: 30%;
	text-align: left;
    vertical-align: top;
	padding: 10px 5px;
	color: #878787;
}
.td-desc{
	width: 70%;
	text-align: left;
	padding: 10px 5px;
	word-wrap:break-word;
	vertical-align: top;
	color: #000000;
}
.product-box{
	width: 100%;
	padding: 10px;
	background-color: #ffffff;
}
.product-box .title{
	width:100%;
	font-size: 14px;
	line-height: 28px;
	color: #000000;
	padding-top: 10px;
}
.product-box .desc, .process-box .desc{
	width:100%;
	font-size: 12px;
	color: rgb(93, 93, 93);
	line-height: 20px;
	word-wrap:break-word;
}
.product-box .image img, .process-box .image img{
	width: 100%;
}
.help-box{
	width: 100%;
}
.process-box, .qa-box{
	width: 100%;
	padding: 10px;
	background-color: #ffffff;
}
.line-one{
	margin: 0 auto;
	width: 50px;
	height: 2px;
	background: rgb(33,33,33);
}
.process-box .title, .qa-box .title{
	width: 100%;
	margin: 0 auto;
	font-size: 16px;
	color: #000000;
	text-align: center;
	padding: 5px;
}
.qa-box .question{
	padding: 10px 0 5px 0;
	font-size: 12px;
	color: rgb(0, 0, 0);
	line-height: 22px;
}
.qa-box .answer{
	font-size: 12px;
	color: rgb(155, 155, 155);
	line-height: 22px;
    padding-bottom: 5px;
}
.q-icon{
	font-size: 12px;
	width: 13px;
	height: 13px;
    padding: 0px 3px;
    margin-right: 4px;
	border-radius: 2px;
	background-color: #000000;
	color: #ffffff;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.discount-goods{
    /*padding: 10px;*/
    background: #ffffff;
    margin-top: 10px;
}
.discount-goods-title{
    padding: 15px 0px;
    text-align: center;
    font-size: 14px;
    color: #212121;
    border-bottom: 1px solid #f3f3f3;
}
/*start半价商品*/
.goods-box{
    padding: 10px;
    width: 100%;
}
.goods-item{
    width: 50%;
    padding-bottom: 5px;
}
.goods-bg{
    width: 100%;
    background: #ffffff;
}
.padding-right{
    padding-right: 2.5px;
}
.padding-left{
    padding-left: 2.5px;
}
.goods-img{
    width: 100%;
}
.goods-img .tf-cell img{
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    text-align: center;
}
.goods-info{
    padding: 1px 4px;
    line-height:17px;
    height: 34px;
}
.country-icon{
    width: 10px;
}
.goods-h{
    height: 25px;
    width: 100%;
    padding: 4px;
}
.goods-price{
    width: 100%;
    color: #979797;
    text-align: left!important;
    word-break:keep-all;/* 不换行 */
    white-space:nowrap;/* 不换行 */
    overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
    text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用*/
}
.goods-price span{
    color: #f81948;
}
.store-status{
    width: 50%;
}
.line-store{
    width: 100%;
    border: 0.5px solid #ffbacb;
    background: #ffeef3;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    font-size: 10px;
    color: #f81948;
    height: 15px;
    position: relative;
}
.remain-ratio{
    background: #ffbacb;
    position: relative;
    left: 0px;
    z-index: 200;
    height: 13px;
}
.remain-store{
    width: 100%;
    position: relative;
    top: -15px;
    line-height: 17px;
    height: 15px;
    z-index: 300;
}
.goods-status{
    width: 100%;
    padding: 10px 4px;
}
.status-btn{
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    color: #ffffff;
    padding: 8px 5px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 13px;
    height: 34px;
}
.status-0{
    background: #f81948;
}
.status-0 span{
    font-size: 16px;
}
.status-1{
    background: #b0b0b0;
}
.status-2{
    background: #c6c6c6;
}
.status-3{
    background: #30a22a;
}
.status-3 span{
     font-size: 16px;
}


.tf-table{
    display: table;
    vertical-align: middle;
    text-align: center;
    table-layout: fixed;
}
.tf-cell{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.tf-p25{
	width: 25%;
}
.two-line-word{
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: -o-ellipsis-lastline;
}
/*VUE模版隐藏html中的代码*/
[v-cloak] {
  display: none;
}
.goods-discount{
	display: inline-block;
    height: 15px;
    color: rgb(248, 25, 72);
    background-color: #fff;
    border: 1px solid rgb(245, 196, 196);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    padding: 0 2px;
    position: relative;
    top: -1px;
}
.line-word{
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow: hidden;
}
.extend-channel-info{
	width: 100%;
	margin: 6px auto 0 auto;
	padding: 10px;
	text-align: center;
	color: rgb(51, 51, 51);
	background: #fff;
	font-size: 13px;
}
/**屏幕宽度小于370px的样式**/
@media screen and (max-width:330px){
    .status-btn{
        font-size: 12px;
    }
    .status-0 span, .status-3 span{
        font-size: 14px;
    }
    .tips{
    	font-size: 10px;
    }
    .group-rule{
    	text-align: left;
    }
}

/**屏幕宽度大于720px的样式**/
@media screen and (min-width:720px){
    .first-buy{
    	width: 488px;
        right: 15%;
    	right: -webkit-calc(50% - 352px);    
    	right: -moz-calc(50% - 352px);    
    	right: -ms-calc(50% - 352px);   
    	right: calc(50% - 352px);     
    }
    .toolbar{
    	right: 15%;
    	right: -webkit-calc(50% - 355px);    
    	right: -moz-calc(50% - 355px);    
    	right: -ms-calc(50% - 355px);   
    	right: calc(50% - 355px);     
    }
   
}