/*
* @Author: yq
* @Date:   2017-02-10 09:28:00
 * @Last Modified by: mikey.zhaopeng
 * @Last Modified time: 2019-04-11 09:54:52
*/

/*拼团基本样式*/

.g-main-layout{background: #fff;margin-top:2rem;}
[v-cloak] { display: none }


/*动画效果汇总*/
.g-arrow-top-up{
	transform-origin:center center;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);

	transition: transform 0.2s;
	-webkit-transition: -webkit-transform 0.2s;
	-moz-transition: -moz-transform 0.2s;
	-o-transition: -o-transform 0.2s;
	-ms-transition: -ms-transform 0.2s;
}

.g-arrow-top-down{
	transform-origin:center center;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);

	transition: transform 0.2s;
	-webkit-transition: -webkit-transform 0.2s;
	-moz-transition: -moz-transform 0.2s;
	-o-transition: -o-transform 0.2s;
	-ms-transition: -ms-transform 0.2s;
}


/*拼团列表*/
.g-search-list{display: block;}
.g-search-list .goods-item{background: #fff; display: block; clear: both; position: relative; z-index: auto;padding:0.4rem 0; margin-left:0.4rem; box-sizing: border-box; border-bottom: 0.05rem solid #e6e6e6}
.g-search-list .goods-item .goods-pic{display: block; width: 4.6rem; height: 4.6rem; position:absolute;z-index: 1; top:0.4rem; left: 0}
.g-search-list .goods-item .goods-pic a{ width: 100%; height: 100% }
.g-search-list .goods-item .goods-pic a img{width: 100%; height: 100%}

.g-search-list .goods-item .goods-info{display: block; margin-left: 5rem; height: 4.6rem;}
.g-search-list .goods-item .goods-info .goods-name{display: block; overflow: hidden; height:1.6rem; margin-bottom: 0.2rem}
.g-search-list .goods-item .goods-info .goods-name a{display: block; color: #232326; font-size: 0.6rem;line-height: 0.85rem; width: 90%;word-break: break-all;}
.g-search-list .goods-item .goods-info .goods-operation{ height: 2.8rem; width: 100%; position: relative; }
.g-search-list .goods-item .goods-info .goods-operation .goods-number{position: absolute; left: 0; bottom:0; width: 100%}
.g-search-list .goods-item .goods-info .goods-operation .goods-number .g-number{font-size: 0.52rem; color: #848689;line-height: 0.8rem; margin-bottom:0.25rem;}
.g-search-list .goods-item .goods-info .goods-operation .goods-number .g-number em{ color: #999}
.g-search-list .goods-item .goods-info .goods-operation .g-price{line-height: 0.8rem; display: block; width: 65%;}
.g-search-list .goods-item .goods-info .goods-operation .g-price span{}
.g-search-list .goods-item .goods-info .goods-operation .g-price .now-price{ vertical-align: bottom; margin-right: 0.2rem; }
.g-search-list .goods-item .goods-info .goods-operation .g-price .now-price .yuan{margin-right: 0.1rem}
.g-search-list .goods-item .goods-info .goods-operation .g-price .old-price{line-height: 0.7rem;}
.g-search-list .goods-item .goods-info .goods-operation .g-btn{position: absolute; bottom: 0; right: 0.4rem;}
.g-search-list .goods-item .goods-info .goods-operation .g-btn .goto-btn{ display: block; width: 3.44rem; height: 1.2rem;line-height: 1.2rem; color: #fff; text-align: center;font-size: 0.52rem; background: #f23030; border-radius: 0.15rem;}
.g-search-list .goods-item .goods-info .goods-operation .g-show{position:absolute; right: 0.4rem; bottom:1.5rem;}
.g-search-list .goods-item .goods-info .goods-operation .g-show .g-person{float: left; position: relative; height: 1.28rem; width: 3.6rem}
.g-search-list .goods-item .goods-info .goods-operation .g-show .g-person p img{ width: 1.12rem; height: 1.12rem; border-radius: 50%; border:0.1rem solid #fff; }
.g-search-list .goods-item .goods-info .goods-operation .g-show .g-person p.person-one{position: absolute;top:0; right:0;}
.g-search-list .goods-item .goods-info .goods-operation .g-show .g-person p.person-two{position: absolute;top:0; right:1rem;}
.g-search-list .goods-item .goods-info .goods-operation .g-show .g-person p.person-third{position: absolute;top:0; right:2rem;}
.g-search-list .goods-item .goods-info .goods-operation .g-show h4{ background: url(../images/talk.png) no-repeat; width:2.6rem; height: 1.28rem; float: left; background-position: 50% 50%; background-size: 100%; font-size:0.48rem ;text-align: center;;color: #ff8f8f; line-height: 1.28rem; text-indent: 0.1rem}

/*拼团参与者Copyright: bizpower*/
.g-participant{ display: block; background: #fff; margin-top:0.5rem; border-bottom: 0.05rem solid #e9ebee;border-top: 0.05rem solid #e9ebee; box-sizing: border-box;}
.g-participant .g-rules{display: block; width: 100%; height: 3.56rem; overflow: hidden; background: url(../images/groups_rule.png) no-repeat; background-size: cover; background-position: 50% 50% }
.g-participant .g-participant-title{padding:0.5rem 0.5rem 0.5rem 0; margin-left: 0.5rem; display: block; box-sizing: border-box; border-bottom: 0.05rem solid #eee;}
.g-participant .g-participant-title h4{font-size: 0.55rem; line-height: 0.9rem; color: #848689; overflow: hidden;height: 0.9rem;}

.g-participant .g-participant-item{display: block;padding:0 0 0 0.5rem;}
.g-participant .g-participant-item .g-item{border-bottom:0.05rem solid #eee;position: relative; z-index: 1;margin:0 0 0 0.4rem;padding:0.85rem 0.7rem 0.85rem 0.4rem;}
.g-participant .g-participant-item .g-item:last-child{border-bottom: 0}
.g-participant .g-participant-item .g-item .item-link{ display: block; box-sizing: border-box; border:0.1rem solid #f2315f; border-radius: 10rem }
.g-participant .g-participant-item .g-item .item-link .item-name{margin:0 2.85rem 0 2.32rem; display: block; padding-right: 0.15rem}
.g-participant .g-participant-item .g-item .item-link .item-name .item-more{overflow: hidden; width: 100%; display: block;}
.g-participant .g-participant-item .g-item .item-link .item-name .item-more:first-child{margin-top: 0.1rem}
.g-participant .g-participant-item .g-item .item-link .item-name .item-more span{display: block; width: 50%; float: left;}
.g-participant .g-participant-item .g-item .item-link .item-name .item-more .g-user{ height: 0.9rem; line-height: 0.9rem; text-align: left; font-size: 0.6rem; color: #666666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.g-participant .g-participant-item .g-item .item-link .item-name .item-more .g-number{height: 0.9rem; line-height: 0.9rem; text-align: right; font-size: 0.6rem; color: #f2315f; }
.g-participant .g-participant-item .g-item .item-link .item-name .item-more .g-number em{  }
.g-participant .g-participant-item .g-item .item-link .item-name .item-more .g-state{height: 0.9rem; line-height: 0.9rem; text-align: left; font-size: 0.48rem; color: #848689; width: 30% }
.g-participant .g-participant-item .g-item .item-link .item-name .item-more .g-time{height: 0.9rem; line-height: 0.9rem; text-align: right; font-size: 0.48rem; color: #666; width: 70%}
.g-participant .g-participant-item .g-item .item-link .item-name .item-more .g-time em{ margin:0 0.1rem; }
.g-participant .g-participant-item .g-item .goto-btn{display:block;width:3rem; height: 1.95rem; text-align: center; color: #fff; background: #f2315f;position: absolute; right: 0.6rem; top:0.91rem; border-bottom-right-radius: 10rem; border-top-right-radius: 10rem; line-height: 1.95rem; font-size: 0.6rem}
.g-participant .g-participant-item .g-item .item-img{position:absolute; top:0.65rem; left:0.15rem;}
.g-participant .g-participant-item .g-item .item-img img{width: 2.2rem; height: 2.2rem; border-radius: 50%; border:0.15rem #eeeeee solid; background: #fff}

/*拼团分享页面*/
.g-share-goods{display: block; padding:0.4rem; overflow: hidden; position: relative; z-index: 1; background:#fff; border-bottom:0.05rem solid #e9ebee;}
.g-share-goods .goods-img{display: block; width: 5.6rem; height: 5.6rem; position:absolute; top:0.4rem; left: 0.4rem}
.g-share-goods .goods-img img{ width: 100% }
.g-share-goods .goods-content{margin-left: 6.2rem; height: 5.6rem; overflow: hidden;}
.g-share-goods .goods-content h4{display: block; width: 100%; height: 1.8rem; line-height: 0.9rem; color: #232326;font-size: 0.6rem; overflow: hidden; word-break: break-all; word-wrap: break-word;}
.g-share-goods .goods-content .goods-price-info{display: block; width: 100%; margin-top:2rem;}
.g-share-goods .goods-content .goods-price-info .groups-info{display: block; width: 100%; height: 0.9rem; overflow: hidden;font-size: 0.6rem; color: #848689; line-height: 0.9rem; }
.g-share-goods .goods-content .goods-price-info .groups-info em{ margin:0 0.1rem;}
.g-share-goods .goods-content .goods-price-info .groups-info em:first-child{margin-left: 0}
.g-share-goods .goods-content .goods-price-info .groups-price{display: block; width: 100%; height: 0.9rem; overflow: hidden;font-size: 0.48rem; color: #848689; line-height: 0.9rem}
.g-share-goods .goods-content .goods-price-info .groups-price .price{ margin-right: 0.4rem; font-size: 0.64rem; color: #f23030; font-weight: 600 }
.g-share-goods .goods-content .goods-price-info .groups-price em{ margin:0 0.1rem;  }

.g-share-rule{display: block; background: #fff; margin-top:0.5rem; border-bottom: 0.05rem solid #e9ebee;border-top: 0.05rem solid #e9ebee; box-sizing: border-box;}
.g-share-rule .groups-rule{display: block; width: 100%; height: 6.8rem; overflow: hidden; background: url(../images/groups_rule_a.png) no-repeat; background-position: 50% 50%; background-size: cover; position: relative;}
.g-share-rule .groups-rule .rule-content{display: block;}
.g-share-rule .groups-rule .rule-content .rule-title{ display: block;padding:0.4rem 0 0.3rem; overflow: hidden;}
.g-share-rule .groups-rule .rule-content .rule-title dd{ float: left; width: 33% }
.g-share-rule .groups-rule .rule-content .rule-title dd i{ display: block; width: 1.3rem; height: 1.3rem; margin:0.15rem auto 0;}
.g-share-rule .groups-rule .rule-content .rule-title dd i.icon-part{ background:url(../images/part.png) no-repeat; background-position: 50% 50%; background-size:cover; opacity: 0.4}
.g-share-rule .groups-rule .rule-content .rule-title dd i.icon-invite{ background:url(../images/invite.png) no-repeat; background-position: 50% 50%; background-size:cover; opacity: 0.4}
.g-share-rule .groups-rule .rule-content .rule-title dd i.icon-success{ background:url(../images/success.png) no-repeat; background-position: 50% 50%; background-size:cover; opacity: 0.4}
.g-share-rule .groups-rule .rule-content .rule-title dd.checked .icon-part{background:url(../images/part_a.png) no-repeat; background-position: 50% 50%; background-size:cover;opacity: 1}
.g-share-rule .groups-rule .rule-content .rule-title dd.checked .icon-invite{background:url(../images/invite_a.png) no-repeat; background-position: 50% 50%; background-size:cover;opacity: 1}
.g-share-rule .groups-rule .rule-content .rule-title dd.checked .icon-success{background:url(../images/success_a.png) no-repeat; background-position: 50% 50%; background-size:cover;opacity: 1}
.g-share-rule .groups-rule .rule-content .rule-title dd.checked .icon-fail{background:url(../images/fail.png) no-repeat; background-position: 50% 50%; background-size:cover;opacity: 1}
.g-share-rule .groups-rule .rule-content .rule-title dd p{max-height: 1.4rem; line-height: 0.7rem; font-size:0.48rem; width: 4.2rem; overflow: hidden; margin:0.25rem auto 0; word-break: break-all; word-wrap: break-word; text-align: center; color: #b51a3d}
.g-share-rule .groups-rule .rule-content .rule-title dd.checked p{color: #fff}
.g-share-rule .groups-rule .rule-content .problem{ width: 0.6rem; height: 0.6rem; display: block;background:url(../images/problem.png) no-repeat; background-size: cover; background-position:50% 50%; position: absolute; top:0.3rem; right: 0.3rem; opacity: 0.4}
.g-share-rule .groups-rule .rule-content .g-tip{padding:0.1rem 0.4rem; display: block; line-height: 0.8rem; text-align: center; color: #fff; font-size: 0.6rem; max-width: 4rem; margin:0.95rem auto 0; background-color: #f22b8b; border-radius: 10rem}
.g-share-rule .groups-rule .rule-content .g-tip em{ color: #ffff00; margin:0 0.1rem; font-size: 0.6rem; font-weight: 600}

.g-share-rule .groups-operation{margin:0rem 0.4rem 0.6rem; padding-top:0.2rem;}
.g-share-rule .groups-operation .g-person{display: block; text-align: center; height: 2.4rem;padding:0.2rem 0;}
.g-share-rule .groups-operation .g-person .person{display: inline-block; width: 2.2rem; height: 2.2rem; border:0.08rem dashed #bdbdbd; border-radius: 50%; position: relative; z-index: 1; margin-right: 0.3rem; vertical-align: top}
.g-share-rule .groups-operation .g-person .person:last-child{margin-right: 0}
.g-share-rule .groups-operation .g-person .person img{width: 100%; height: 100%; border-radius: 50%}
.g-share-rule .groups-operation .g-person .person .colonel{display: block;font-size: 0.48rem; color:#9f7200; background: #ffc32a; line-height: 0.7rem;padding:0 0.2rem; border-radius: 10rem;border:0.1rem solid #fff; position:absolute; top:-0.3rem; right: -0.6rem}
.g-share-rule .groups-operation .g-person .person .mark{display: block;width: 0.8rem; height: 0.8rem; background: url(../images/mask.png) no-repeat; background-position: 50% 50%; background-size: cover; margin:0.7rem;}
.g-share-rule .groups-operation .g-person .checked{border:0.05rem solid #ffc32a;}
.g-share-rule .groups-operation .g-time{display: block; width: 100%;height:1rem; line-height: 1rem; color: #232326;text-align: center; font-size: 0.64rem;padding:0.3rem 0;}
.g-share-rule .groups-operation .g-time em{display: inline-block; padding:0.1rem; line-height: 0.8rem;  margin:0 0.15rem; color: #fff; background:#222222; border-radius: 0.2rem}
.g-share-rule .groups-operation .goto-btn{ display: block; width: 100%; height: 1.9rem; line-height: 1.9rem; color: #fff; background: #fe3d6a; border-radius: 0.25rem; font-size: 0.64rem; text-align: center;margin:0.3rem 0; }

.g-share-guess{display: block; background: #fff; margin-top:0.5rem; border-bottom: 0.05rem solid #e9ebee;border-top: 0.05rem solid #e9ebee; box-sizing: border-box;}
.g-share-guess .guess-tittle{display: block; padding:0.4rem 0.4rem 0.3rem; overflow: hidden; }
.g-share-guess .guess-tittle h4{font-size: 0.6rem; color: #666666; line-height: 0.9rem;}
.g-share-guess .guess-goods{padding:0 0.2rem; overflow: hidden;}
.g-share-guess .guess-goods li{display: block; float: left; overflow: hidden; width:100%; height: auto;}
.g-share-guess .guess-goods li .goods{ float: left; width:32%; margin-right:2%; margin-bottom: 0.4rem}
.g-share-guess .guess-goods li .goods:nth-child(3n){margin-right: 0}
.g-share-guess .guess-goods li .goods dt{display: block; width: 5.1rem; height: 5.1rem; border:0.05rem solid #f0f2f5;}
.g-share-guess .guess-goods li .goods dt img{width: 100%}
.g-share-guess .guess-goods li .goods .goods-name{padding:0rem 0.2rem; line-height: 0.7rem; height: 1.4rem; font-size: 0.48rem; color: #666; overflow: hidden; word-break: break-all; word-wrap: break-word; margin-top:0.2rem;}
.g-share-guess .guess-goods li .goods .goods-price{padding:0rem 0.2rem; overflow: hidden; color: #232326; font-size: 0.6rem; font-weight: 600}
.g-share-guess .guess-goods li .goods .goods-price em{ margin:0 0.15rem;}

.g-colonel-info{ display: block;width: 100%; height: 3.9rem; background: #fff; border-top-left-radius: 0.6rem; border-top-right-radius: 0.6rem; padding:0.6rem 0 0.2rem 0; position:relative;}
.g-colonel-info .colonel-img{display: block; width: 2.08rem; height: 2.08rem; position: relative; z-index: 1; border:0.08rem solid #ffc32a; border-radius:50%; margin:0 auto;}
.g-colonel-info .colonel-img img{width: 100%; height: 100%; border-radius: 50%}
.g-colonel-info .colonel-img .colonel{display: block;font-size: 0.48rem; color:#9f7200; background: #ffc32a; line-height: 0.7rem;padding:0 0.2rem; border-radius: 10rem;border:0.1rem solid #fff; position:absolute; top:-0.3rem; right: -0.6rem}
.g-colonel-info .colonel-name{ display: block;padding:0.15rem 0.5rem 0.25rem; text-align: center; color: #232326; font-size: 0.6rem; line-height: 0.7rem; height: 0.7rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-break: break-all; }
.g-colonel-info .colonel-time{ display: block; padding:0 0.5rem; text-align: center; color: #848689; font-size: 0.48rem; line-height: 0.6rem; }
.g-colonel-info .colonel-close{position: absolute; top:0.5rem; right:0.5rem; width: 0.48rem; height: 0.48rem; background: url(../images/error.png) no-repeat; background-position: 50% 50%; background-size: cover; opacity: 0.4 }

.g-colonel-content{margin:0.5rem 0.4rem;height: 9.42rem; overflow: hidden;}
.g-colonel-content ul li{display: block; width: 100%; height: 1.7rem; margin-bottom: 0.8rem;}
.g-colonel-content ul li .attend-info{ display: block; width: 55%; height: 1.7rem;float: left; overflow: hidden;}
.g-colonel-content ul li .attend-info img{display:inline-block; width: 1.7rem; height: 1.7rem; border-radius: 50%}
.g-colonel-content ul li .attend-info h4{ display: inline-block; line-height: 1.7rem; color: #232326; font-size: 0.6rem; max-width: 4.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.g-colonel-content ul li .attend-time{display: block; width: 45%; height: 1.7rem;float: right; overflow: hidden; text-align: right; color: #848689; font-size: 0.48rem; line-height: 1.7rem }
.no-attend{ color: #848689; font-size: 0.64rem; display: block; text-align: center; width: 100%; height: 0.9rem ;line-height: 0.9rem; margin-top: 4rem;}
/*Copyright: www.Bizpower.com*/
.rule{ display: block; margin-top: 2rem; background:#fafafa; position: absolute; top:0; bottom:0; left: 0; right: 0}
.rule .rule-explain{position: relative; z-index: 1; display: block; width: 100%; height: 16.6rem; background: url(../images/rule_a.png) no-repeat; background-position: 50% 50%; background-size: cover;}
.rule .rule-content{ display: block; margin:1rem; padding:0.4rem 0.64rem; background: #fff; border:0.05rem solid #eeeeee; box-sizing: border-box;}
.rule .rule-content p{display: block; width: 100%; line-height: 0.9rem; font-size: 0.6rem; color: #232326; word-break: break-all; word-wrap: break-word;margin-bottom: 0.5rem}
.rule .rule-content p:last-child{margin-bottom: 0}
.rule-close{position: absolute; top:0.6rem; right:0.6rem; width: 0.56rem; height: 0.56rem; background: url(../images/error.png) no-repeat; background-position: 50% 50%; background-size: cover; opacity: 0.4; z-index: 2 }
.bargin_rule .rule-explain{background: url(../images/rule_b.png) no-repeat;background-position: 50% 50%; background-size: cover;}

/*秒杀*/
.time-bar{display: block; width: 100%; overflow: hidden; position: fixed !important; top: 0rem !important; background: #fff;}
.time-bar .tap-list{height: 2.2rem;}
.time-bar .tap-list .list-items{float: left; position: relative; text-align: center; width: 20%; color: #232326;font-size: 0.48rem;}
.time-bar .tap-list .list-items p:nth-child(1){line-height: 0.9rem; font-size: 0.64rem; font-weight: 500;margin-top:0.35rem; font-weight: 600}
.time-bar .tap-list .list-items p:nth-child(2){font-size: 0.48rem; line-height: 0.48rem; margin:0.2rem 0 0 0; padding-bottom: 0.3rem}
.time-bar .tap-list .list-items.cur{ color:#f23030; font-size: 0.64rem; font-weight: 600; }
.time-bar .tap-list .list-items.cur p:nth-child(1){font-size: 0.9rem; line-height: 1rem; font-weight: bold;  margin-top: 0.25rem}
.time-bar .countdown{ display: block; padding:0.3rem 0.5rem; overflow: hidden; height: 0.8rem; background: #fff; border-bottom:0.05rem solid #e9ebee;  }
.time-bar .countdown .txt{ font-size: 0.48rem; line-height: 0.8rem; color: #232326; float: left; }
.time-bar .countdown .time{display: block; float: right; text-align: right;font-size: 0.48rem; line-height: 0.8rem; color: #232326;}
.time-bar .countdown .time .seckill-time{margin-left: 0.2rem}
.time-bar .countdown .time .seckill-time .timer-hours{ padding:0 0.1rem; line-height: 0.8rem; border-radius: 0.12rem; background: #232326; font-size: 0.48rem;  color: #fff; vertical-align: baseline;}
.time-bar .countdown .time .seckill-time em{font-family:arial; font-size:0.7rem; margin:0 0.1rem; }

.time-bar-home{display: block; width: 100%; overflow: hidden; background: #fff;}
.time-bar-home .tap-list .list-items{float: left; position: relative; text-align: center; width: 20%; color: #232326;font-size: 0.48rem;}
.time-bar-home .tap-list .list-items p:nth-child(1){
	line-height: 0.9rem; font-size: 0.64rem; font-weight: 500;margin-top:0.35rem; font-weight: 600}
.time-bar-home .tap-list .list-items p:nth-child(2){
	width: auto !important; font-size: 0.48rem; line-height: 0.48rem; margin:0.2rem 0 0 0; padding-bottom: 0.5rem}
.time-bar-home .tap-list .list-items.cur{
	color:#f23030; font-size: 0.64rem; font-weight: 600;
}
.time-bar-home .tap-list .list-items.cur .p1{
	border-bottom: 2px solid #f23030;
}
.time-bar-home .tap-list .list-items.cur p:nth-child(1){font-size: 0.9rem; line-height: 1rem; font-weight: bold;  margin-top: 0.25rem}
.time-bar-home .countdown{ display: block; padding:0.3rem 0.5rem; overflow: hidden; height: 0.8rem; background: #fff; border-bottom:0.05rem solid #e9ebee;  }
.time-bar-home .countdown .txt{ font-size: 0.48rem; line-height: 0.8rem; color: #232326; float: left; }
.time-bar-home .countdown .time{display: block; float: right; text-align: right;font-size: 0.48rem; line-height: 0.8rem; color: #232326;}
.time-bar-home .countdown .time .seckill-time{margin-left: 0.2rem}
.time-bar-home .countdown .time .seckill-time .timer-hours{ padding:0 0.1rem; line-height: 0.8rem; border-radius: 0.12rem; background: #232326; font-size: 0.48rem;  color: #fff; vertical-align: baseline;}
.time-bar-home .countdown .time .seckill-time em{font-family:arial; font-size:0.7rem; margin:0 0.1rem; }

.seckill-container{display: block;padding:0 0.4rem; overflow: hidden; position: relative; background: #fff; margin-top:3.63rem; }
.new-container{left: 0; right: 0; top:4rem; bottom: 0; overflow: hidden; position: absolute !important; margin-top:0 !important;}
.no-sign{margin-top: 0rem !important; border-top:0.05rem solid #e9ebee;}
.seckill-list{overflow: hidden; display: block;/*position: relative;*/}
.seckill-list .items{display: block; width: 99%; margin: .6rem .1rem; box-shadow: 0px 2px 5px #bbbbbb; overflow: hidden; position: relative; border-radius: .2rem}
.seckill-list .items:last-child{border:0;}
.seckill-list .items .seckill-pic{display: block; width: 100%; overflow: hidden;}
.seckill-list .items .seckill-pic img{width: 100%;}
.seckill-list .items .seckill-pic .sellout{display: block; width: 100%; height: 1rem; line-height: 1rem; text-align: center; color: #fff; font-size: 0.52rem;position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.8)}
.seckill-list .items .seckill-info{ display: block;	margin-top: .5rem; overflow: hidden; margin-left: .42rem;margin-right: .42rem;}
.seckill-list .items .seckill-info .name a{width:95%; white-space:nowrap;text-overflow: ellipsis;  font-family: "PingFang SC"; display: block; font-size: 0.65rem; color: #232326; overflow: hidden; word-break: break-all; word-wrap: break-word; font-weight: 500 }
.seckill-list .items .seckill-info .name span{white-space:nowrap;text-overflow: ellipsis; display: block; line-height: 1rem; height: 1rem; font-size: 0.5rem; color: #888888; overflow: hidden; word-break: break-all; word-wrap: break-word; }
.seckill-list .items .seckill-info .price{
	margin: 0.4rem 0 0rem;
	font-size: 0.68rem;
	color: #333333;
	display: block;
	font-weight: bold;
	line-height: 0.9rem;
}
.seckill-list .items .seckill-info .price em{font-size: 0.5rem; margin-right: 0.1rem; vertical-align: middle;}
.seckill-list .items .seckill-info .describe{padding-top:0.1rem;overflow: hidden; height: 0.8rem}
.seckill-list .items .seckill-info .describe .old-price{display: inline-block;margin-right: .3rem; padding:.05rem .1rem; float: left; font-size: 0.42rem;  background-color: #FFE8E8; border-radius: 1px; color: #F34B48; line-height: 0.8rem}
.seckill-list .items .seckill-info .describe .flag{display: block; float: left; font-size: 0.48rem; color: #848689; line-height: 0.8rem}
.seckill-list .items .seckill-info .describe .discountTitle{float: left; text-align: right;font-size: 0.48rem; color: #848689; line-height: 0.8rem;border: 1px solid #FFE8E8;border-radius: 8px; background-color: #FFE8E8;color:#F34B48;}
.seckill-list .items .seckill-info .describe .progress{float: right; text-align: right;font-size: 0.48rem; color: #848689; line-height: 0.8rem}
.seckill-list .items .seckill-info .describe .progress .number{margin-right: 0.35rem; float: right;}
.seckill-list .items .seckill-info .describe .progress .bar {
	width: 2.46rem;
	height: 0.17rem;
	position: relative;
	border: 0.05rem solid #F34B48;
	border-radius: 10rem;
	background: #fff;
	float: right;
	margin-top: 0.2rem;
	overflow: hidden;}
.seckill-list .items .seckill-info .describe .progress .bar b{display: block; height: 0.3rem; background: #ff8989;}
.seckill-list .items .seckill-info .describe .txt{ float: right;font-size: 0.48rem; color: #848689; line-height: 0.8rem }
/*.seckill-list .items .seckill-info .sk-btn{display: block; width: 3.2rem; height: 1.2rem; line-height: 1.2rem; font-size: 0.5rem; text-align: center; background: #f23030; border-radius: 0.1rem; color: #fff; position: absolute; right: 0; bottom:1.3rem;}*/
.seckill-list .items .seckill-info .sk-btn{
	display: block;
	width: auto;
	padding: .05rem .35rem;
	height: 1.03rem;
	line-height: 1rem;
	font-size: 0.6rem;
	text-align: center;
	background: #fff;
	border-radius: 0.1rem;
	border: 1px solid #f23030;
	color: #f23030;
	position: absolute;
	right: .4rem;
	margin-top: -1.1rem;}
.seckill-list .items .seckill-info .sk-b-btn{    display: block;
	width: auto;
	padding: 1px 5px;
	height: 1.13rem;
	line-height: 1.13rem;
	font-size: 0.5rem;
	text-align: center;
	background: #52b948;
	border-radius: 0.1rem;
	color: #fff;
	position: absolute;
	right: .4rem;
	bottom: 0.7rem;}
.seckill-list .items .seckill-info .sk-c-btn {
	display: block;
	width: auto;
	padding: .05rem .35rem;
	height: 1.03rem;
	line-height: 1rem;
	font-size: 0.6rem;
	text-align: center;
	background: #fff;
	border-radius: 0.1rem;
	border: 1px solid #f23030;
	color: #f23030;
	position: absolute;
	right: .4rem;
	margin-top: -1.1rem;
}


/*首页秒杀*/
.seckill-container-home {
	display: block;padding:0 0.4rem; overflow: hidden; position: relative; background: #fff; margin-top:0; }



/*砍价*/
.bargain{ display: block; padding:0.3rem; overflow: hidden; position: relative; background:#fff; z-index: 1; border-bottom:0.05rem solid #e9ebee; }
.bargain .img{display: block; width: 5.6rem; height: 5.6rem; overflow: hidden; position: absolute; top:0.4rem; left: 0.4rem}
.bargain .img img{display: block; width: 100%}
.bargain .goods-content{margin-left: 6.1rem; height: 5.6rem; overflow: hidden;}
.bargain .goods-content h4{ display: block; width: 100%; overflow: hidden; font-size: 0.6rem; line-height: 0.9rem;max-height: 1.8rem; color: #232326; word-break: break-all; word-wrap: break-word; }
.bargain .goods-content h2{display: block; width: 100%; height: 0.9rem; overflow: hidden; font-size: 0.52rem; color: #848689; line-height: 0.9rem; word-break: break-all; text-overflow: ellipsis; white-space: nowrap;}
.bargain .goods-content .base-info{display: block; width: 100%; height: auto; overflow: hidden; margin-top:1.1rem; position: absolute; bottom:0.4rem;}
.bargain .goods-content .base-info p{display: block; color: #848689; line-height: 0.9rem; overflow: hidden; font-size: 0.52rem}
.bargain .goods-content .base-info p em{ margin:0 0.1rem; }
.bargain .goods-content .base-info p em.first-child{margin-left: 0}
.bargain .goods-content .base-info p .price{font-size: 0.64rem; color: #f23030; font-weight: 600; margin-right: 0.65rem}
.bargain .goods-content .base-info p .price i{margin-right:0.08rem;}
.bargain .goods-content .base-info p sub{ font-size: 0.52rem; text-decoration: line-through; vertical-align: baseline; }

.bargain-rule{display: block; margin-top: 0.5rem; border-width: 0.05rem 0; border-color: #e9ebee; border-style: solid; background: #fff; box-sizing: border-box;}
.bargain-rule .bg{display: block; position: relative; width: 100%; height: 3.9rem; background: url(../images/bargain_bg.png) no-repeat; background-size: 100%; background-position: 50% 50% }
.bargain-rule .bg .explain{ display: block;overflow: hidden; padding: 0.35rem 0 }
.bargain-rule .bg .explain dd{float: left; width: 33%}
.bargain-rule .bg .explain dd i{display: block;  width: 1.3rem; height: 1.3rem; margin:0.35rem auto 0;}
.bargain-rule .bg .explain dd i.part{background:url(../images/part_b.png) no-repeat; background-size: cover; background-position: 50% 50%;opacity:0.5}
.bargain-rule .bg .explain dd i.invite{background:url(../images/invite.png) no-repeat; background-size: cover; background-position: 50% 50%;opacity:0.5}
.bargain-rule .bg .explain dd i.success{background:url(../images/success_b.png) no-repeat; background-size: cover; background-position: 50% 50%; opacity:0.5}
.bargain-rule .bg .explain dd p{max-height: 1.4rem; line-height: 0.7rem; font-size:0.48rem; width: 4.2rem; overflow: hidden; margin:0.5rem auto 0; word-break: break-all; word-wrap: break-word; text-align: center; color: #c74922}
.bargain-rule .bg .explain dd.checked p{color: #fff}
.bargain-rule .bg .explain dd.checked i.part{background:url(../images/part_c.png) no-repeat; background-size: cover; background-position: 50% 50%; opacity:1}
.bargain-rule .bg .explain dd.checked i.invite{background:url(../images/invite_a.png) no-repeat; background-size: cover; background-position: 50% 50%; opacity:1}
.bargain-rule .bg .explain dd.checked i.success{background:url(../images/success_c.png) no-repeat; background-size: cover; background-position: 50% 50%; opacity:1}
.bargain-rule .bg .problem{ width: 0.6rem; height: 0.6rem; display: block;background:url(../images/problem.png) no-repeat; background-size: cover; background-position:50% 50%; position: absolute; top:0.3rem; right: 0.3rem; opacity: 0.4}

.b-h-list{ display: block; width: 100%; height: auto;margin-top: 0.5rem; border-width: 0.05rem 0 0; border-color: #e9ebee; border-style: solid; background:#fff; }
.b-h-list .title{display: block; padding:0 0.5rem;background:#fff;border-bottom:0.05rem solid #e9ebee;}
.b-h-list .title span{ text-align: left; line-height: 1.6rem; font-size: 0.6rem;color:#333;}
.b-h-list .container{display: block; overflow: hidden;}
.b-h-list .container .items{display: block; height: auto;padding:0.6rem 0.5rem; overflow: hidden; border-bottom: 0.05rem solid #f5f5f5 }
.b-h-list .container .items:last-child{border:0;}
.b-h-list .container .items .info{display: block; width: 80%; float: left; text-align: left;position: relative;}
.b-h-list .container .items .info .picture{display: block; position: absolute; left: 0; top:0.08rem; width: 1.6rem; height: 1.6rem; overflow: hidden;}
.b-h-list .container .items .info .picture img{width: 1.6rem; height: 1.6rem; border-radius: 50%}
.b-h-list .container .items .info .content{display: block; margin-left: 1.95rem;}
.b-h-list .container .items .info .content p{display: block; width: 100%; overflow: hidden; height: 0.8rem; line-height: 0.8rem; font-size: 0.52rem; color: #848689; word-break: break-all; word-wrap: break-word;}
.b-h-list .container .items .info .content p:first-child{color:#232326; margin-bottom: 0.1rem}
.b-h-list .container .items .cut-price{ display: block; float: right; width: 20%; text-align: right; font-size: 0.56rem; font-weight: 600; line-height: 1.7rem; color: #fe7e0d }

.operation{display: block; position: fixed; left: 0; right: 0; bottom: 0; height: 2rem; overflow: hidden; width: 100%; z-index: 2}
.operation .action-btn-other { display: block; float: left; width: 100%; height: 2rem; color: #fff }
.operation .action-btn-other p { text-align: center; height: 2rem; line-height: 2rem; font-size: 0.6rem; overflow: hidden; }

.bargain-popup{ width: 12rem; height: 14rem; margin-left: -6rem; margin-top: -6rem }
.bargain-popup .title{ display: block; width: 2.6rem; height: 2.6rem; position: absolute; top:-1.3rem; left:50%; margin-left: -1.3rem; background:url(../images/title.png) no-repeat; background-size: 100%;  background-position: 50% 50% }
.bargain-popup .info{display: block; padding:1rem 1rem 0.5rem; margin-top:1rem; text-align: center;}
.bargain-popup .info p{display: block; width: 100%;font-size: 0.72rem;  height:1rem; line-height: 1rem; color: #232326; word-break: break-all;}
.bargain-popup .info p:first-child{ font-size: 0.6rem;}
.bargain-popup .info p em,.bargain-popup .info p i{color: #fe580d}
.bargain-popup .decorate{ display: block; width: 6rem; height:6rem; margin:0 auto; background:url(../images/cut.png) no-repeat; background-position: 50% 50%; background-size: cover; }
.bargain-popup .close{display: block; width: 85%; height: 1.8rem; margin:1rem auto 0; line-height: 1.8rem; font-size: 0.72rem; background:#fe580d; color: #fff; text-align: center; border-radius: 100rem;}
.bargain-popup .closed{ display: block; width: 1.1rem; height: 1.1rem; border:0.05rem solid #dedcd8; font-size: 0.64rem; color: #dedcd8; line-height: 1.1rem; text-align: center;position: absolute; top:-0.3rem; right: -0.3rem; background: #fff; border-radius: 50% }

.bargain-cut{width: 12rem; height: 11rem; margin-left: -6rem; margin-top: -5.5rem}
.bargain-cut .success{ display: block; width: 100%; height: 3.2rem; background:url(../images/bg.png) no-repeat; background-position: 50% 50% ;background-size:cover; border-top-left-radius: 0.6rem; border-top-right-radius: 0.6rem }
.bargain-cut .success i{display: block; width: 98%; height: 5.6rem; position: absolute; top:-2.4rem; left: 1%; background: url(../images/1.png) no-repeat; background-position: 50% 50%; background-size: 100%;}
.bargain-cut .info{display: block; padding:1.2rem 1rem 0rem; text-align: center;}
.bargain-cut .info p{display: block; width: 100%;font-size: 0.64rem;  height:0.9rem; line-height: 0.9rem; color: #232326; word-break: break-all;}
.bargain-cut .info p em{color: #fe7e0d}
.bargain-cut .info p em .yuan{font-size: 0.56rem; margin-right: 0.05rem}
.bargain-cut .info p.last{font-size: 0.52rem;color: #848689;margin-top: 0.2rem}
.bargain-cut .close{display: block; width: 85%; height: 1.8rem; margin:1rem auto 0; line-height: 1.8rem; font-size: 0.72rem; background:#fe7e0d; color: #fff; text-align: center; border-radius: 100rem;}
.bargain-cut .closed{ display: block; width: 1rem; height: 1rem; border:0.05rem solid #d84c0c; font-size: 0.64rem; color: #fff; line-height: 1rem; text-align: center;position: absolute; top:-0.3rem; right: -0.3rem; background: #fe580d; border-radius: 50% }

.bargain-banner{ display: block; width: 100%;  overflow: hidden; }
.bargain-banner img{ width: 100%; height:7.8rem;}
.bargain-list{display: block; width: 100%; overflow: hidden;}
.bargain-list ul{}
.bargain-list ul .items{display: block; padding:0.6rem 0.5rem; margin-top:0.4rem; border-width: 0.05rem 0; border-style: solid; border-color: #eeeeee; background:#fff;}
.bargain-list ul .items .info{position: relative; padding-left: 3.4rem; margin:0;}
.bargain-list ul .items .info .img{display: block; width: 3rem; height: 3rem; position: absolute; top:0; left: 0; overflow: hidden;}
.bargain-list ul .items .info .img img{ width: 3rem; }
.bargain-list ul .items .info .introduce{ display: block; width: 100%; min-height: 3rem; }
.bargain-list ul .items .info .introduce .name{display: block; width: 100%; height: 0.95rem;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;word-wrap: break-word; line-height: 0.95rem; color: #232326; font-size: 0.6rem}
.bargain-list ul .items .info .introduce .spec{display: block; width: 100%; height: 0.8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 0.8rem; font-size: 0.52rem; color: #848689}
.bargain-list ul .items .info .introduce .price{clear: both; display: block; width: 100%; height: 0.9rem; line-height: 0.9rem; font-size: 0.48rem;margin-top:0.35rem; color: #848689;}
.bargain-list ul .items .info .introduce .price .limit{margin-right: 0.3rem; float: left; color: #f23030; font-weight: 600; font-size: 0.76rem; }
.bargain-list ul .items .info .introduce .price .limit .yuan{font-weight: normal; font-size: 0.52rem; margin-right:0.1rem; vertical-align:baseline;}
.bargain-list ul .items .bargain-status{ position: relative; margin-top:0.6rem; }
.bargain-list ul .items .bargain-status .b-btn{position: absolute; bottom: 0; right: 0}
.bargain-list ul .items .bargain-status .b-btn .goto-btn{display: block; width: 3.44rem; height: 1.2rem;line-height: 1.2rem; color: #fff; text-align: center;font-size: 0.52rem; background: #f23030; border-radius: 0.15rem;border: 1px solid #f23030}
.bargain-list ul .items .bargain-status .b-btn .close-btn{background: #f2f2f2;color: #999;border-color: #dedede;}
.bargain-list ul .items .bargain-status .logs{ display: block; width: 7rem; height: 1.2rem; background:url(../images/list_bg.png) no-repeat; background-position: center center; border-radius:0.2rem; background-size: 150%; position: relative; }
.bargain-list ul .items .bargain-status .logs p{display: block;  height: 100%; width: 2.6rem; font-size: 0.56rem; color: #fff; line-height: 1.2rem; position: absolute; top:0;right:0; border-radius: 0 0.2rem 0.2rem 0; text-align: center; background:#fe580d;}
.bargain-list ul .items .bargain-status .logs .user{ overflow: hidden; width: 4.4rem }
.bargain-list ul .items .bargain-status .logs .user ol{display: block;margin:0.1rem 0 0; overflow: hidden;}
.bargain-list ul .items .bargain-status .logs .user ol .user-img{display: block; float: left; width: 0.96rem; height: 0.96rem; margin-left:0.12rem }
.bargain-list ul .items .bargain-status .logs .user ol .user-img img{display: block; width: 0.91rem; height: 0.91rem; border-radius: 100%; border:0.05rem solid #ea6d11 ;}

.seckill-list .items .zc-seckill-info {
	height: auto;
	padding-bottom: 0.9091rem;
}
.seckill-list .items .zc-describe .sk-btn,
.seckill-list .items .zc-describe .sk-c-btn,
.seckill-list .items .zc-describe .sk-b-btn,
.seckill-list .items .zc-describe .sk-c-btn {
	box-sizing: border-box;
	position: static;
	width: 3rem;
	margin-top: 0;
}
.seckill-list .items .zc-describe .sk-btn {
	height: auto;
	font-size: 0.5455rem;
	line-height: 1.1818rem;
	padding: 0;
	color: #fff;
	background-color: #F34B48;
}
.zc-describe {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0;
}
.zc-describe .zc-price {
	font-size: 0.5455rem;
	font-weight:500;
	color:rgba(243,75,72,1);
	line-height: 0.6818rem;
	margin-right: 0.3182rem;
}
.zc-describe .zc-badge {
	font-size:0.4546rem;
	color:rgba(243,75,72,1);
	line-height:0.4546rem;
	margin-right: 0.3182rem;
	background-color:rgba(255,232,232,1);
	padding: 2px;
}
.zc-describe .zc-sell {
	font-size:0.4546rem;
	color:rgba(168,168,168,1);
	line-height:0.4546rem;
}



/* 修改秒杀滚动部分 */
.wrapper-seckill {
	position: relative;
	height: 2.6rem;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	background: #ffffff;
}
.wrapper-seckill.seckill-fixed{
	position: fixed;
	top: 2rem;
	z-index: 30;
}
.wrapper-seckill.seckill-fixed.has-public-header{
	top: 4rem;
}

.wrapper-seckill .scroller {
	position: absolute;
	height: 2.6rem;
}

.wrapper-seckill .scroller ul {
	height: 100%;
}

.wrapper-seckill .scroller li {
	float: left;
	height: 100%;
	text-align: center;
	width: 3.5rem;
	overflow: hidden;

}

.wrapper-seckill .scroller li a {
	color: #333;
	display: block;
	display: inline-block;
	height: 2.7rem;
	box-sizing: border-box;
	text-align: center;
	font-size: 0;
}

.wrapper-seckill .scroller li a p {
	font-size: 0.48rem;
}

.wrapper-seckill .scroller li a p:nth-child(1) {
	font-weight: 600;
	font-size: .64rem;
	height: 1.2rem;
	line-height: 1.2rem;
}

.wrapper-seckill .scroller li.cur a {
	color: #f23030;
}

.wrapper-seckill .scroller li.cur a .p-bottom {
	width: 1.45rem;
	height: .1rem;
	background: #f23030;
	margin: auto;
	margin-top: .2rem;
}

.wrapper-seckill .scroller li.cur a p:nth-child(1) {

	font-size: .9rem;
}