@charset "utf-8";

/* ================================ */
/* 触屏版常用层与动作等样式			*/
/* ================================ */
/* Author:			33 H  ao	    	*/
/* Support Site:	www.33  hao.com	*/
/* Retrofit Date:	Aug-08-2016		*/
/* ================================ */
.nctouch-search-layout {
	margin-top: 2rem;
}

.nctouch-search-layout dl {
	padding: 0.8rem 0.5rem 0.5rem;
	text-align: left;
}

.nctouch-search-layout dt {
	font-size: 0.7rem;
	line-height: 1rem;
	color: #111;
	margin-bottom: 0.4rem;
}

.nctouch-search-layout dd {
	
}

.nctouch-search-layout ul {
	font-size: 0;
	display: block;
}

.nctouch-search-layout li {
	display: inline-block;
	background-color: #FFF;
	border: solid 0.05rem #EEE;
	margin: 0 0.4rem 0.4rem 0;
}

.nctouch-search-layout li a {
	display: block;
	padding: 0.2rem 0.5rem;
	font-size: 0.6rem;
	line-height: 1rem;
	color: #555;
}

.nctouch-search-layout .hot-keyword li {
	border-radius: 0.75rem;
}

.nctouch-search-layout a.clear-history {
	display: inline-block;
	width: 79%;
	height: 1.94rem;
	text-align: center;
	margin: 1.5rem 10% 0 10%;
	background-color: #EEE;
	border-radius: 0.2rem;
	font-size: 0.7rem;
	line-height: 1.94rem;
	color: #555;
}

/*页内全屏遮罩层*/
.nctouch-full-mask {
	position: fixed;
	z-index: 19;
	top: 0;
	bottom: 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.75);
}

.nctouch-full-mask-block {
	display: block;
	position: absolute;
	z-index: 12;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #F5F5F5;
	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;
}

@
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;
}

}
.nctouch-full-mask.right {
	left: 110%;
	right: -110%;
	animation: optionBlockRight 0.5s ease-in-out;
	-webkit-animation: optionBlockRight 0.5s ease-in-out;
}

@
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%;
}

}

/*页内下部滑入遮罩*/
.nctouch-bottom-mask {
	position: fixed;
	z-index: 20;
	top: 0;
	left: 0;
	right: 0;
	display: block;
}

.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;
	min-height: 12rem;
	background: #FFF;
}

.nctouch-bottom-mask.up {
	display: block;
	bottom: 0;
	animation: optionBlockUp 0.5s ease-in-out;
	-webkit-animation: optionBlockUp 0.5s ease-in-out;
}

@
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;
}

}
.nctouch-bottom-mask.down {
	animation: optionBlockDown 0.5s ease-in-out;
	-webkit-animation: optionBlockDown 0.5s ease-in-out;
}

@
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;
}

}
.nctouch-bottom-mask-tip {
	position: absolute;
	z-index: 1;
	top: -1.2rem;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 0.6rem;
	font-weight: 600;
	line-height: 0.9rem;
	color: #FFF;
	text-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);
}

.nctouch-bottom-mask-tip i {
	background-image: url(../images/back_down.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 75%;
	width: 0.8rem;
	height: 0.9rem;
	display: inline-block;
	vertical-align: top;
	margin-right: 0.1rem;
}

.nctouch-bottom-mask-top {
	position: relative;
	z-index: 1;
	display: block;
	padding: 0.5rem;
	border-bottom: solid 0.05rem #EEE;
}

.nctouch-bottom-mask-close {
	position: absolute;
	z-index: 1;
	top: -0.6rem;
	right: 0;
	background: #FFF;
	width: 0.9rem;
	height: 0.9rem;
	padding: 0.15rem;
	border-radius: 100%;
}

.nctouch-bottom-mask-close i {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../images/close_window.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 100%;
	opacity: 0.5rem;
}

.nctouch-bottom-mask-rolling {
	min-height: 1.9rem;
	max-height: 12rem;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

/*页内大图显示*/
.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);
}

.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: #ED5564;
}

/*选择型按钮*/
.nctouch-sel-box {
	display: block;
	background: #FFF;
	padding: 0 0.8rem;
}

.nctouch-sel-box .tit {
	display: block;
	padding: 0.5rem 0;
	font-size: 0.7rem;
	line-height: 0.9rem;
}

.nctouch-sel-box .sel-con {
	padding: 0 0 0.5rem 0;
}

.nctouch-sel-box .sel-con a {
	display: inline-block;
	height: 0.9rem;
	padding: 0.25rem 0.5rem;
	margin: 0.3rem 0.3rem 0 0;
	font-size: 0.55rem;
	color: #888;
	line-height: 0.9rem;
	background: #FFF;
	border: solid 0.05rem #BBB;
	border-radius: 0.15rem;
}

.nctouch-sel-box .sel-con a.sel {
	padding: 0.28rem 0.53rem;
	color: #FFF;
	background: #3bf548;
	border: none;
}

.nctouch-sel-list {
	background-color: #FFF;
	margin-top: 0.5rem;
}

.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: #3bf548;
	background-color: #3bf548;
}

.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: #3bf548 !important;
	border: none !important;
}

.nctouch-inp-con .input-box label input[type="radio"] {
	display: none;
}

/*店铺代金券*/
.store-voucher {
	font-size: 0.7rem;
}

.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: #3bf548;
	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: #333;
}

.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;
}

/*020店铺地址*/
.nctouch-o2o-tip {
	padding: 0 0.5rem;
	font-size: 0.7rem;
	line-height: 1.8rem;
	display: block;
}

.nctouch-o2o-tip a {
	font-weight: 600;
	color: #000;
	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.7rem;
	line-height: 1rem;
	font-weight: 600;
	color: #000
}

.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%;
}