@charset "utf-8";

/* ================================ */
/* 触屏版常用层与动作等样式			*/
/* Author:			Hanbing 		*/
/* Copyright:		www.shopnc.net	*/
/* Create Date:		Jun-08-2015		*/
/* Retrofit Date:	Aug-04-2015		*/
/* ================================ */

/*页面内动画效果汇总*/
@keyframes optionBlockUp
{
	from { display: none; bottom:-100%;}
	to { display: block; bottom:0;}
}
@-webkit-keyframes optionBlockUp
{
	from { display: none; bottom:-100%;}
	to { display: block; bottom:0;}
}


@keyframes optionBlockDown
{
	from { display: block; bottom:0;}
	to { display: none; bottom:-100%;}
}
@-webkit-keyframes optionBlockDown
{
	from { display: block; bottom:0; opacity: 1;}
	to { display: none; bottom:-100%; opacity: 0;}
}

@keyframes optionFadeIn
	{
		0%{transform: scale(0.2);opacity: 0;}  
    	100%{ transform: scale(1);opacity: 1;}  
	}
@-webkit-keyframes optionFadeIn
	{
		0%{transform: scale(0.2);opacity: 0;}  
    	100%{ transform: scale(1);opacity: 1;}  
	}


@keyframes optionBlockLeft
	{
		from { display: none; left: 100%; right:-100%;}
		to { display: block; left: 0; right:0;}
	}
@-webkit-keyframes optionBlockLeft
	{
		from { display: none; left: 100%; right:-100%;}
		to { display: block; left: 0; right:0;}
	}

@keyframes optionBlockRight
	{
		from { display: block; left: 0; right:0;}
		to { display: none; left: 110%; right: -110%;}
	}
@-webkit-keyframes optionBlockRight
	{
		from { display: block; left: 0; right:0;}
		to { display: none; left: 110%; right: -110%;}
	}

/*底部弹出框需要的样式*/
@keyframes ncbottomEnterActive{
	from { display: none;}
	to { display: block;}
}
@-webkit-keyframes ncbottomEnterActive{
	from { display: none;}
	to { display: block;}
}
@keyframes ncbottomLeaveActive {
	from { display: block; opacity: 1}
	to { display: none;opacity: 0}
}
@-webkit-keyframes ncbottomLeaveActive {
	from { display: block; opacity: 1}
	to { display: none;opacity: 0;}
}


@keyframes ncBottomUp
{
	from {
		display: none;
		transform: translate(0, 100%)
	}
	to {
		display: block;
		transform: translate(0, 0);
	}
}
@-webkit-keyframes ncBottomUp
{
	from {
		display: block;
		transform: translate(0, 100%)
	}
	to {
		display: block;
		transform: translate(0, 0);
	}
}

@keyframes ncBottomDown {
	/*from { display: block; bottom:0;}*/
	/*to { display: none; bottom:-100%;}*/

	from {
		display: block;
		transform: translate(0, 0)
	}
	to {
		display: none;
		transform: translate(0, 100%)
	}
}

@-webkit-keyframes ncBottomDown {
	/*from { display: block; bottom:0; opacity: 1;}*/
	/*to { display: none; bottom:-100%; opacity: 0;}*/

	from {
		transform: translate(0, 0)
	}
	to {
		transform: translate(0, 100%)
	}
}
.nctouch-bottom-mask.mask-show{ bottom: 0; display: block; }
.ncbottom-enter-active { animation: ncbottomEnterActive 0s ease-out; -webkit-animation:ncbottomEnterActive 0s ease-out;  }
.ncbottom-active-end{display: none; left: 0; right: 0;}
.ncbottom-leave-active {animation: ncbottomLeaveActive 0.3s ease-in-out; -webkit-animation:ncbottomLeaveActive 0.3s ease-in-out; }
.ncbottom-enter-active .nctouch-bottom-mask-block, .ncbottom-leave-active .nctouch-bottom-mask-block{ -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }


/*搜索*/
.nctouch-search-layout { position: absolute; z-index: 1; bottom:0; left: 0; right: 0; top: 2rem; background-color: #FFF;}
.nctouch-search-layout .hot-keyword { border-bottom: solid 1px #DDD;}
.nctouch-search-layout .hot-keyword dl {}
.nctouch-search-layout .hot-keyword dd {padding: 0 0.6rem 0 0.6rem;}
.nctouch-search-layout .hot-keyword ul { overflow: hidden; height: 1rem; margin: 0.2rem 0rem 0.6rem 0rem;}
.nctouch-search-layout .hot-keyword ul li { float: left; height: 0.8rem;}
.nctouch-search-layout .hot-keyword ul li .host-list-box { display: block; position: relative; margin-right: 0.4rem; padding: 0.1rem 0.4rem; background-color: #F0F2F5; font-size: 0.5rem; line-height: 0.8rem; border-radius: 0.2rem; color: #232326;}
.nctouch-search-layout .history-list { border-top: solid 0.5rem #f0f2f5;}
.nctouch-search-layout .hot-keyword dt,
.nctouch-search-layout .history-list dt { padding: 0.4rem 0.6rem; font-size: 0.6rem; font-weight: 600; line-height: 0.8rem; color: #232326; }
.nctouch-search-layout .history-list dd { }
.nctouch-search-layout .history-list ul { border-bottom: solid 1px #EEE; overflow: hidden;}
.nctouch-search-layout .history-list ul li { display: block; padding: 0.4rem 0.6rem 0.4rem 0.6rem; font-size: 0.6rem; line-height: 0.8rem; border-top: solid 1px #EEE;}
.nctouch-search-layout .history-list ul li .host-list-box{margin-right: 0.4rem;}
.nctouch-search-layout .history-list ul li a { display: block; color: #232326;}
.nctouch-search-layout a.clear-history { display: inline-block; width: 60%; height: 1.6rem; text-align: center; margin: 1.5rem 20% 0 20%; background-color: #FFF; border: solid 1px #CCC; border-radius: 0.2rem; font-size: 0.6rem; line-height: 1.6rem; color: #666; }
.nctouch-search-layout a.clear-history i { display: inline-block; width: 0.6rem; height: 0.6rem; vertical-align: middle; margin-right: 0.2rem; background: url(../images/del_b.png) no-repeat 0 0; background-size: 90%; opacity: 0.9;}

/*页内全屏遮罩层*/
.nctouch-full-mask { position: fixed; z-index: 19; top: 0; bottom: 0; left: 0; right: 0}
.nctouch-full-mask-bg { display: block; position: absolute; z-index: 11; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.65); }
.nctouch-full-mask-block { display: block; position: absolute; z-index: 12; top: 0; bottom: 0; left: 0; right: 0; background: #fafafa; box-shadow: -0.25rem 0 0.2rem rgba(0,0,0,0.2); }
.nctouch-full-mask.left { display: block; left: 0; right: 0; animation: optionBlockLeft 0.3s ease-in-out; -webkit-animation:optionBlockLeft 0.3s ease-in-out;}
.nctouch-full-mask.right { left: 110%; right: -110%; animation: optionBlockRight 0.5s ease-in-out; -webkit-animation:optionBlockRight 0.5s ease-in-out;}
.ncleft-enter-active { animation: optionBlockLeft 0.3s ease-in-out; -webkit-animation:optionBlockLeft 0.3s ease-in-out;}
.ncleft-leave-active { left: 110%; right: -110%; animation: optionBlockRight 0.5s ease-in-out; -webkit-animation:optionBlockRight 0.5s ease-in-out;}

/*列表删选遮罩层*/
.nctouch-bottom-mask-list{ display: block; position: fixed; z-index: 11; top: 2rem; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.65); }

/*页内下部滑入遮罩*/
.nctouch-bottom-mask { position: fixed; z-index: 20; top: 0; left: 0; right: 0;  display: none}
.nctouch-bottom-mask-bg { display: block; position: absolute; z-index: 21; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.65);}

.nctouch-bottom-mask-block {
	display: block;
	position: absolute;
	z-index: 22;
	bottom: 0;
	left: 0;
	right: 0;
	max-height: 20rem;
	background: #FFF;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform .3s ease-out;
	transition: -webkit-transform .3s ease-out;
	transition: transform .3s ease-out;
	transition: transform .3s ease-out, -webkit-transform .3s ease-out;
}

.nctouch-bottom-mask.up { display: block; bottom: 0; animation: optionBlockUp 0.2s ease-in-out; -webkit-animation:optionBlockUp 0.2s ease-in-out;}
.nctouch-bottom-mask.down { animation: optionBlockDown 0.5s ease-in-out; -webkit-animation:optionBlockDown 0.5s ease-in-out; }
.nctouch-bottom-mask-top{display: block; padding:0.5rem 0.4rem;overflow: hidden;}
.nctouch-bottom-mask-top .close{display: block; width: 100%; height: 1rem; text-align: center; line-height: 1rem; color: #888888; font-size: 0.64rem; overflow: hidden; position:relative; z-index: 1}
.nctouch-bottom-mask-top .close i{ display: block; width: 0.48rem; height: 0.48rem; background: url(../images/error.png) no-repeat; background-position: 50% 50%; background-size: cover; position: absolute; top:0.25rem; right: 0; opacity: 0.4 }
.nctouch-bottom-mask-top .close i.right{display: block; width: 0.48rem; height: 0.48rem; background: url(../images/arrow_left_b.png) no-repeat; background-position: 50% 50%; background-size: cover; position: absolute; top:0.25rem; left: 0; opacity: 0.4 }


/*页面中间显示遮罩*/
.nctouch-fade-mask { position: fixed; z-index: 20; top: 0; left: 0; right: 0; bottom: 0}
.nctouch-fade-mask-bg { display: block; position: absolute; z-index: 21; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.65); }
.nctouch-fade-mask-block { display: block; position: absolute; z-index: 22; top: 50%; left: 50%; background: #f5f5f5; width: 13.48rem; height: 15.12rem; margin-left: -6.74rem; margin-top:-7.56rem; border-radius:0.6rem;}
.nctouch-fade-mask-block.fade{ display: block; animation: optionFadeIn 0.5s ease-in-out; -webkit-animation:optionFadeIn 0.5s ease-in-out;}

/*页内大图显示Copyright: Bizpower*/
.nctouch-bigimg-layout { display: block; position: fixed; z-index: 11; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.85);z-index: 33}
.nctouch-bigimg-layout .close { position: absolute; z-index: 1; top: 0.5rem; right: 0.5rem; width: 1.2rem; height: 1.2rem; background-color: #FFF; background-image: url(../images/close_window.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 90%; border-radius: 100%; opacity: 0.5;}
.nctouch-bigimg-layout .pic-box {  margin: 25% auto 0 auto; overflow: hidden; position: relative; width: 16rem; z-index: 1;}
.nctouch-bigimg-layout .pic-box ul { font-size: 0; overflow: hidden;  position: relative; white-space: nowrap;}
.nctouch-bigimg-layout .pic-box li { display: inline-block; position: relative; width: 16rem; height: 16rem; text-align: center; z-index: auto; padding: 0!important; margin: 0!important; background-color: transparent!important; background-repeat: no-repeat; background-position: center center; background-size: contain;}
.nctouch-bigimg-turn { position: absolute; z-index: 2; bottom: 0; left: 0; right: 0; text-align: center;}
.nctouch-bigimg-turn ul { font-size: 0; margin: 0 auto; white-space: nowrap; display: block; width: 100%;}
.nctouch-bigimg-turn ul li { display: inline-block; min-width: 19%; max-width: 99%; margin: 0 1% 0 0!important; height: 0.25rem; padding: 0!important; background:rgba(255,255,255,0.75);}
.nctouch-bigimg-turn ul li.cur { background-color: #F23030;}



/*选择型按钮*/
.nctouch-sel-box { display: block; background: #FFF; padding: 0 0.8rem;}
.nctouch-sel-box .tit { display: block; padding: 0.5rem 0; font-size: 0.6rem; line-height: 0.9rem;}
.nctouch-sel-box .sel-con { padding:0 0 0.5rem 0; overflow: hidden;}
.nctouch-sel-box .sel-con a { display: block; float: left; height: 0.8rem; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0.2rem 0.6rem; margin: 0 2.5% 0 0; font-size: 0.52rem; color: #232326; line-height: 0.8rem; background: #F0F2F5; border: 0.05rem solid #EFF1F4; border-radius: 0.15rem;}
.nctouch-sel-box .sel-con a i{ display: none; height: 0.4rem; width: 0.4rem; margin-right: 0.25rem; background: url(../images/ok.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%;}
.nctouch-sel-box .sel-con a.sel {background-color: #FFF; border-color: #F23A3A; color: #F23A3A;}
.nctouch-sel-box .sel-con a.sel i{display: inline-block;}
.nctouch-sel-list { background-color: #FFF; margin-top: 0.5rem; max-height:12rem; overflow: hidden;}
.nctouch-sel-list label { position: relative; z-index: 1; display: block; height: 0.9rem; padding: 0.5rem 0; margin: 0 0.5rem; font-size: 0.6rem; line-height: 0.9rem; border-bottom: solid 0.05rem #EEE;}
.nctouch-sel-list label input[type="radio"] { display: none;}
.nctouch-sel-list label i { position: relative; display: inline-block; width: 0.75rem; height: 0.75rem; margin-right: 0.2rem; background-color: #F5F5F5; border: 0.05rem solid #CCC; -webkit-border-radius: 50%; border-radius: 50%; vertical-align: middle;}
.nctouch-sel-list label.checked i { border-color: #F23030; background-color: #F23030; }
.nctouch-sel-list label.checked i:after { content: ''; position: absolute; left: 0.1rem; top: 0.175rem; width: 0.4rem; height: 0.2rem; border-left: 0.065rem solid #fff; border-bottom: 0.065rem solid #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.nctouch-sel-list a.del-invoice { position: absolute; z-index: 1; top: 0.5rem; right: 0.5rem; display: block; width: 0.8rem; height: 0.9rem; background-image: url(../images/del_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 80%;}
.nctouch-inp-con .input-box.btn-style label { display: inline-block !important; height: 0.9rem !important; padding: 0.25rem 0.5rem !important; margin: 0.3rem 0.3rem 0 0 !important; font-size: 0.55rem !important; color: #888 !important; line-height: 0.9rem !important; background: #FFF !important; border: solid 0.05rem #BBB !important; border-radius: 0.15rem !important;}
.nctouch-inp-con .input-box.btn-style label.checked { padding: 0.28rem 0.53rem !important; color: #FFF !important; background: #F23030 !important; border: none !important;}
.nctouch-inp-con .input-box label input[type="radio"] { display: none;}



/*店铺代金券*/
.store-voucher { font-size: 0.6rem;}
.store-voucher i.icon-store { display: inline-block; width: 0.8rem; height: 0.9rem; margin-right: 0.2rem; vertical-align: middle; background:url(../images/store_b.png) no-repeat 50% 50%; background-size: 90%; opacity: 0.8;}
.nctouch-voucher-list { margin-left: 0.5rem;}
.nctouch-voucher-list li { position: relative; z-index: 1; background-color: #FFF; border-top: solid #EEE 0.05rem; padding: 0.5rem 0.5rem 0.5rem 0;}
.nctouch-voucher-list dl { margin: 0 3rem 0 0;}
.nctouch-voucher-list dt { font-size: 0.55rem; color: #F23030; line-height: 1.2rem; }
.nctouch-voucher-list dt em { font-size: 1.2rem; margin: 0 0.1rem;}
.nctouch-voucher-list dd.need { font-size: 0.55rem; line-height: 0.6rem; color: #232326;}
.nctouch-voucher-list dd.time { font-size: 0.45rem; line-height: 0.6rem; color: #888;}
.nctouch-voucher-list a { position: absolute; z-index: 1; top: 1rem; right: 1rem;}

/*公用领券*/
.mask-coupons{background:#f8f8f8;}
.coupons-options{background:#f8f8f8; position:relative; z-index: 1; width:100%; height: 13rem; display: block; overflow: hidden;}
.coupons-options .coupons-content{display: block; width: 100%; height: 11.5rem;overflow: hidden;}
.coupons-options h4{padding:0.4rem; line-height: 0.9rem; height: 0.9rem; color: #232326; font-size: 0.6rem;}
.coupons-options .coupons-content ul{padding:0 0.4rem; overflow: hidden;}
.coupons-options .coupons-content ul .coupons-item{ margin-bottom: 0.7rem; overflow: hidden; } 
.coupons-options .coupons-content ul .coupons-item a{display: block;margin-left: 0.2rem; height: 4rem;}

.coupons-item .item .item-left{float: left; width: 32%; height: 4rem; background:#FB9999; color: #fff; position:relative; z-index: 1}
.coupons-item .item .item-left .decorate{display:block;width: 0.2rem; height: 4rem; background:url(../images/adorn_r.png) no-repeat; background-position: 50% 50%; background-size: cover; position:absolute; top:0; left:-0.2rem;}
.coupons-item .item .item-left .price{ line-height: 1.3rem; height: 1.3rem; overflow: hidden; text-align: left; margin-top: 0.8rem; text-align: center;}
.coupons-item .item .item-left .price b{ font-size: 0.6rem; font-weight:bold;}
.coupons-item .item .item-left .price em{ font-size: 1.2rem; font-family: arial; font-weight: 600; }
.coupons-item .item .item-left .price em .pointer,.coupons-item .item .item-left .price em .decimal{display: none;}
.coupons-item .item .item-left .price em .yuan{font-weight: 400}
.coupons-item .item .item-left .condition{line-height: 0.9rem; height: 0.9rem; text-overflow: ellipsis; white-space: nowrap;overflow: hidden; font-size: 0.48rem; text-align: center; padding:0 0.2rem; margin-top:0.2rem;}

.coupons-item .item .item-right{ float: right; width: 68%; height: 4rem; background: #fff; border:solid #eee; border-width: 0.05rem 0.05rem 0.05rem 0; border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; box-sizing: border-box; padding:0.4rem 0.3rem; position:relative; overflow: hidden;}
.coupons-item .item .item-right .coupons-name{line-height: 0.8rem; height: 1.6rem; overflow: hidden; color: #232326; font-size: 0.52rem;}
.coupons-item .item .item-right .coupons-name i{ margin-right: 0.2rem; display: inline-block;padding:0 0.2rem; background: #FB9999; border-radius: 0.1rem; color: #fff; text-align: center; line-height: 0.8rem; font-size: 0.44rem}
.coupons-item .item .item-right .coupons-text{ overflow: hidden; width: 100%; height:1rem; margin-top: 0.5rem; }
.coupons-item .item .item-right .coupons-text .time{float: left; font-size: 0.44rem; color: #848689; line-height: 1rem;}
.coupons-item .item .item-right .coupons-text .goto-receive{float: right; padding:0 0.34rem; line-height: 0.9rem; border:0.05rem solid #FB9999; border-radius: 10rem; color: #FB9999; text-align: center; font-size: 0.48rem; box-sizing: border-box;}
.coupons-item .item .item-right .receive{ width: 3rem; height: 3rem; display: block; background: url(../images/receive.png) no-repeat; background-size: cover; background-position: 50% 50% ; position:absolute; top:-0.8rem ;right: -0.8rem; opacity:0.5;}

.platform .item .item-left .decorate{background:url(../images/adorn_g.png) no-repeat; background-position: 50% 50%; background-size: cover }
.platform .item .item-left{background:#74d2d4;}
.platform .item .item-right .coupons-text .goto-receive{ color: #74d2d4; border-color: #74d2d4 }

/*020店铺地址*/
.nctouch-o2o-tip { padding: 0 0.5rem; font-size: 0.6rem; line-height: 1.8rem; display: block;}
.nctouch-o2o-tip a { font-weight: 600; color: #232326; display: block; position: relative;}
.nctouch-o2o-tip a i { display: inline-block; vertical-align: top; width: 1rem; height: 1rem; margin: 0.3rem 0.2rem 0 0; background-image: url(../images/mc_03.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 80%; opacity: 1;}
.nctouch-o2o-tip a span { position: absolute; z-index:1; top: 0.5rem; right: 0.5rem; width: 0.8rem; height: 0.9rem; background-image: url(../images/arrow_right_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 78%; opacity: 0.5;}
.nctouch-o2o-list { background: #FFF;}
.nctouch-o2o-list li { position: relative; padding: 0.5rem 0 0.5rem 0.5rem; border-bottom: solid 0.05rem #EEE;}
.nctouch-o2o-list dl { margin-right: 3rem;}
.nctouch-o2o-list dl a { display: block;}
.nctouch-o2o-list dt { display: block; font-size: 0.6rem; line-height: 1rem; font-weight: 600; color: #232326}
.nctouch-o2o-list dt span { display: inline-block; vertical-align: top; line-height: 1rem; font-size: 0.6rem; color:#AC92ED;}
.nctouch-o2o-list dt span i { display: inline-block; vertical-align: top; width: 1rem; height: 1rem; margin-right: 0.2rem; background-image: url(../images/location_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 70%; opacity: 0.9;}
.nctouch-o2o-list dd { display: block; font-size: 0.6rem; line-height: 1rem; color: #555;}
.nctouch-o2o-list .tel { position: absolute; z-index: 1; right: 0.5rem; top: 0.5rem; border-left: solid 0.05rem #EEE; padding-left: 0.5rem;}
.nctouch-o2o-list .tel a { display: block;  width: 2rem; height: 2rem; background-image: url(../images/tel_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 50%; opacity: 0.65;}

.nctouch-map-layout { display: block; position: absolute; z-index: 0; top: 0; left: 0; right: 0; bottom: 0}
.nctouch-map { display: block; width: 100%; height: 100%;}

/* 弹出框中 领取代金卷 bycj */
.nctouch-dialog-voucher-list{
	    background-color: #FFF;
    margin-top: 0.5rem;
} 

/*购物车、订单列表、详情消费者保障协议标识*/
.goods-cti { display: block;}
.goods-cti span { display: block; float: left; padding: 0 0.15rem; margin-top: 0.1rem; margin-right: 0.25rem; border: solid 0.05rem #6679B3; background-color: #FFF; color: #6679B3; font-size: 0.4rem; line-height: 0.55rem; border-radius: 0.05rem;}

/*底部黄色提示条*/
.bottom-bar-error { display: none; position: fixed; z-index: 1; left: 0; right: 0; bottom: 2rem; height: 1rem; padding: 0.25rem 0; text-align: center; background-color: rgba(255,204,0,0.85); border-top: solid 0.05rem #EEE; font-size: 0.6rem;}
/*Copyright: BIZPOWER*/
/*横向滚动右侧带下拉的筛选*/
.list-search{position: absolute; top:2rem; left:0; right: 0; z-index: 2; display: block; width: 100%; height: 2rem; background: #fff; border-bottom: 0.05rem solid #f4f4f4; box-sizing: border-box;}
.list-search .search-nav{float: left; width: 88%; display: block;position: relative;overflow: hidden}
.list-search .search-nav .nav{width: 100%; overflow: hidden; height: 2rem;position: relative;white-space: nowrap;}
.list-search .search-nav .nav li{height:100%;position: relative; box-sizing: border-box; text-align: center; line-height: 1.95rem; padding: 0 0.4rem;display: inline-block;white-space: normal;}
.list-search .search-nav .nav li .nav-name{font-size: 0.6rem; color: #232326; line-height: 1.90rem;}
.list-search .search-nav .nav li.all-search{ color: #848689; font-size: 0.6rem; line-height: 2rem; font-weight: 600 }
.list-search .search-nav .nav li.active .nav-name{ border-bottom: 0.1rem solid #F23030; color:#F23030 }

.list-search .search-arrow{ display: block; width: 12%; float: right; border-left: 0.05rem solid #f4f4f4; box-sizing: border-box; }
.list-search .search-arrow a{ text-align: center; display: block; height: 1.95rem; }
.list-search .search-arrow a span{display: inline-block; width: 0.8rem; height: 0.8rem; margin:0.6rem auto;}
.list-search .search-arrow a .arrow-top{ background: url(../images/group_arrow.png) no-repeat; background-position: 50% 50%; background-size: 80% }
.list-search .search-arrow a .arrow-down{ background: url(../images/group_arrow.png) no-repeat; background-position: 50% 50%; background-size: 80%; transform: rotate(180deg);}

.list-search .all-classify{display: block; background: #f3f3f3; padding:0.2rem 0.4rem 0.6rem; position: fixed; top:4rem; left: 0; right: 0;z-index: 2}
.list-search .all-classify .classify{overflow: hidden;}
.list-search .all-classify .classify li{ float: left; width: 25%; display: block; margin:0.45rem auto 0; }
.list-search .all-classify .classify li .classify-name{font-size: 0.48rem; display: block; width: 3.2rem; height: 1.28rem; box-sizing: border-box; border:0.05rem solid #eeeeee; border-radius: 2rem;  background: #fff; line-height: 1.2rem; text-align:center;  color: #666; margin:0 auto; padding:0 0.2rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.list-search .all-classify .classify li.active .classify-name{border-color: #f23030; color: #f23030}

/*bycj -- 横向滚动导航*/
.horizontal-scroll-nav{ display: block; width: 100%; height: 2rem; background: #fff; border-bottom: 0.05rem solid #eee; box-sizing: border-box; z-index: 10}
.horizontal-scroll-nav .nav-content{float: left; width: 88%; display: block;position: relative;overflow:hidden;z-index: 1;}
.horizontal-scroll-nav .nav-content .nav{width:100%;height: 2rem;position: relative;white-space: nowrap;}
.horizontal-scroll-nav .nav-content .nav li{height:100%;position: relative; box-sizing: border-box; text-align: center; line-height: 1.55rem; padding: 0 0.4rem;float: left;}
.horizontal-scroll-nav .nav-content .nav li .nav-name{font-size: 0.56rem;box-sizing: border-box; color: #232326; line-height: 1.9rem;}
.horizontal-scroll-nav .nav-content .nav li.all-search{ color: #848689; font-size: 0.6rem; line-height: 1.6rem; font-weight: 600 }
.horizontal-scroll-nav .nav-content .nav li.active .nav-name{ border-bottom: 0.1rem solid #F23030; color:#F23030 }

.horizontal-scroll-nav .nav-arrow { display: block; width: 12%; float: right; box-sizing: border-box; }
.horizontal-scroll-nav .nav-arrow  a{ text-align: center; display: block; height: 1rem; margin-top:0.5rem; border-left: 0.05rem solid #eaeaea; }
.horizontal-scroll-nav .nav-arrow  a span{display: inline-block; width: 0.8rem; height: 0.8rem; margin:0 auto 0.45rem auto;}
.horizontal-scroll-nav .nav-arrow  a .arrow-top{ background: url(../images/group_arrow.png) no-repeat; background-position: 50% 50%; background-size: 80% }
.horizontal-scroll-nav .nav-arrow  a .arrow-down{ background: url(../images/group_arrow.png) no-repeat; background-position: 50% 50%; background-size: 80%; transform: rotate(180deg);}


.horizontal-scroll-nav .nav-arrow .all-classify{display: block; background: #fff; padding:0.2rem 0.4rem 0.6rem; position: absolute; top:2rem; left: 0; right: 0;z-index: 3}
.horizontal-scroll-nav .nav-arrow .all-classify .classify{overflow: hidden;}
.horizontal-scroll-nav .nav-arrow .all-classify .classify li{ float: left; width: 25%; display: block; margin:0.45rem auto 0; }
.horizontal-scroll-nav .nav-arrow .all-classify .classify li .classify-name{font-size: 0.48rem; display: block; width: 3.2rem; height: 1.28rem; box-sizing: border-box; border:0.05rem solid #eeeeee; border-radius: 2rem;  background: #fff; line-height: 1.2rem; text-align:center;  color: #666; margin:0 auto; padding:0 0.2rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.horizontal-scroll-nav .nav-arrow .all-classify .classify li.active .classify-name{border-color: #f23030; color: #f23030}

.horizontal-scroll-nav-mask{
	width: 100% ; 
	height:100% ; 
	position: fixed ; 
	background-color: #ffffff;
	opacity: .8;
	z-index: 2;
}

/*bycj-- 规格*/
.spec-options { position: relative; z-index: 1; width: 100%; height: 17rem; }
.spec-options .spec-img { width: 4rem; height: 4rem; border: 0.05rem solid #f0f1f3; background: #fff; border-radius: 0.3rem; position: absolute; left: 0.4rem; top: -0.9rem; overflow: hidden;background-size: cover;}
.spec-options .spec-img img { width: 100%; }
.spec-options .spec-close { position: absolute; top: 0; right: 0; width: 0.48rem; height: 0.48rem; padding: 0.25rem; background: url(../images/error.png) no-repeat; background-position: 50% 50%; background-size: 50%; opacity: 0.6; z-index: 9999 }
.spec-options .spec-menu-top { width: 100%; height: 3.5rem; border-bottom: 0.05rem solid #eee; box-sizing: border-box; }
.spec-options .spec-menu-top .top-promotion { position: absolute; display: block; padding-left: 4.9rem; padding-top: 0.6rem; line-height: 0.8rem; font-size: 0.6rem; color: #f23030 }
.spec-options .spec-menu-top .top-price { display: block; padding-left: 4.9rem; padding-top: 1.6rem; line-height: 0.8rem; font-size: 0.6rem; color: #f23030 }
.spec-options .spec-menu-top .top-price em { font-weight: bold; }
.spec-options .spec-menu-top .top-number { line-height: 0.8rem; font-size: 0.48rem; padding-left: 4.9rem; color: #848689; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.spec-options .spec-select { position: absolute; top: 3.5rem; left: 0; right: 0; padding-left: 0.5rem; overflow: hidden; height: 11.5rem; }
.spec-options .spec-select .prod-spec { height: auto; padding: 0 0.5rem 0.5rem 0; }
.spec-options .spec-select .prod-spec .spec { position: relative; width: 100%; height: auto; padding-top: 0.5rem; }
.spec-options .spec-select .prod-spec .spec dt { display: block; width: 100%; height: 0.8rem; line-height: 0.8rem; overflow: hidden; font-size: 0.6rem; color: #686868; text-indent: 0.05rem }
.spec-options .spec-select .prod-spec .spec dd { padding-top: 0.35rem; display: block; overflow: hidden; }
.spec-options .spec-select .prod-spec .spec dd a { display: inline-block; height: 0.8rem; line-height: 0.8rem; padding: 0.15rem 0.6rem; border-radius: 0.15rem; border: 0.05rem solid #8a8c8e; font-size: 0.6rem; color: #232326; margin-right: 0.4rem; margin-bottom: 0.4rem; float: left; text-align: center; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.spec-options .spec-select .prod-spec .spec dd a.current { border-color: #f23a3a; color: #f23a3a }
#goodsPriceGeneral a.current { border: 1px solid #f23a3a; }
.spec-options .spec-select.spec-co { top: 2.95rem !important; border-bottom: 0.05rem solid #eee; height: 8rem !important; padding-bottom: 0.4rem; position: absolute; }
.spec-options .spec-top { width: 100%; height: 2.95rem; border-bottom: 0.05rem solid #eee; box-sizing: border-box; padding: 0.5rem 0.4rem; position: relative; }
.spec-options .spec-top .goods-thumb { position: absolute; ; left: 0.4rem; top: 0.5rem; width: 1.84rem; height: 1.84rem; border: 0.05rem solid #bfbfbf; border-radius: 0.15rem }
.spec-options .spec-top .goods-thumb img { width: 100%; height: 100%; border-radius: 0.15rem }
.spec-options .spec-top .goods-info { margin: 0.1rem 0.8rem 0 2.26rem; line-height: 0.9rem; overflow: hidden; font-size: 0.6rem; color: #999 }
.spec-options .spec-top .goods-info span { display: inline-block; margin-right: 0.2rem; }
.spec-options .spec-top .goods-info .price { font-size: 0.6rem; color: #f23030; font-weight: 600; vertical-align: middle; }
.spec-options .spec-top .goods-info .price em,
.spec-options .spec-top .goods-price .stock em { margin: 0 0.1rem; }
.spec-options .spec-top .goods-info .stock { font-size: 0.52rem; color: #999999; vertical-align: middle; }
.spec-options .spec-top .goods-spec { margin: 0.05rem 0.8rem 0 2.26rem; line-height: 0.9rem; overflow: hidden; font-size: 0.6rem; color: #999 }
.spec-btn { width: 3.5rem; height: 1.5rem; line-height: 1.5rem; color: #fff; font-size: 0.64rem; text-align: center; background: #f23030; border-radius: 0.15rem; margin: 1rem 0 0 -1.75rem; position: absolute; top: 11.35rem; left: 50%; }

/*bycj -- 选择规格组件加减号 */
.spec-count { position: absolute; right: 0; top: 0.4rem; }
.spec-count .quantity,
.spec-count .minus,
.spec-count .add { float: left; text-align: center; font-size: 0.52rem }
.spec-count a { background: #fff; box-sizing: border-box; border: 0.05rem solid #232326; display: block; height: 1.2rem; width: 1.2rem; overflow: hidden; }
.spec-count a em { display: block; width: 0.5rem; height: 0.5rem; margin: 0.35rem; }
.spec-count a em.no-change { opacity: 0.5 }
.spec-count a.minus { border-top-left-radius: 0.15rem; border-bottom-left-radius: 0.15rem }
.spec-count a.minus em { background: url(../images/value_minus.png) no-repeat; background-size: cover; background-position: 50% 50% }
.spec-count a.add { border-top-right-radius: 0.15rem; border-bottom-right-radius: 0.15rem }
.spec-count a.add em { background: url(../images/value_add.png) no-repeat; background-size: cover; background-position: 50% 50% }
.spec-count .quantity { width: 2rem; height: 1.2rem; color: #232326; line-height: 1rem; border: solid #232326; border-width: 0.05rem 0; box-sizing: border-box; }

/*猜你喜欢*/
.guess-like-content{ margin-top: 0.4rem}
.guess-like-content .title{display: block; width: 100%; height: 1.8rem; background: transparent; text-align: center;}
.guess-like-content .title i{display:inline-block; width: 5.8rem; background: url(../images/guess_like.png) no-repeat; background-size: cover; background-position: 50% 50%; height: 1.2rem; margin:0.3rem auto;}
.guess-like-content .goods-secrch-list { font-size: 0; display: block;}
.guess-like-content .goods-secrch-list .goods-item { background-color: #FFF; vertical-align: top; display: inline-block; width: 49.25%; margin-bottom: 0.2rem; box-shadow: 0 1px 10px rgba(0,0,0,0.05); position: relative; z-index: 1; overflow: hidden;}
.guess-like-content .goods-secrch-list .goods-item:nth-of-type(even) { margin-left: 1.5%;}
.guess-like-content .goods-secrch-list .goods-pic { display: block; width: 100%; height: 100%;}
.guess-like-content .goods-secrch-list .goods-pic a { display: block; width: 100%; height: 100%;}
.guess-like-content .goods-secrch-list .goods-pic img { width: 100%; }
.guess-like-content .goods-secrch-list .goods-info { display: block; padding: 0 0.25rem; margin-top:0.2rem;}
.guess-like-content .goods-secrch-list .goods-name { display: block; min-height: 0.9rem; overflow: hidden; }
.guess-like-content .goods-secrch-list a { display: block; color: #232326;}
.guess-like-content .goods-secrch-list .goods-name h4 { width: 100%; font-size: 0.52rem; line-height: 0.9rem; height: 0.9rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.guess-like-content .goods-secrch-list .goods-sale { display: inline-block; height: 0.9rem; padding: 0.2rem 0; overflow: hidden; width: 100%}
.guess-like-content .goods-secrch-list .goods-price { font-size: 0.55rem; line-height: 0.9rem; display: block; float: left;}
.guess-like-content .goods-secrch-list .hd-type{margin-top: 0.1rem; display: inline-block; padding:0 0.1rem; height: 0.7rem; margin: 0.1rem 0 0 0.2rem; vertical-align: top; text-align: center;font-size: 0.4rem; color: #F23030; line-height: 0.7rem; border:0.05rem solid #F23030; border-radius: 0.1rem;}