<<<<<<< HEAD
.producttag {
	display:none;
	z-index:198;
	width:100%;
	top:0;
	left:0;
	background:url(../../img/static/images/darkbg.png) repeat;
	height:100%;
	position:fixed;}
.producttag section {
	background:#fff;
	width:100%;
	height:100%;
	position:absolute;
	right:0;
	top:0;}
.producttag .tit {
	width:100%;
	margin:0 auto;
	height:50px;
	line-height:50px;
	border-bottom:1px solid #ccc;}

.swiper-slide {
	width: 100%;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-ms-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}

#listright_new {
    float: right;
    width: 70%;
}

#wrapper {
	position: absolute;
	z-index: 1;
	top: 65px;
	bottom: 57px;
	left: 0;
	width: 100%;
	overflow: hidden;
}

#listproducttag {
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

.select_menu{background-color:#EC0909!important}
.un_select_menu{background-color: #F26A6A!important}
#recommended_retail_second_price_detail div {
		display: block;
		padding-left: 10px;
		background: url(../../img/static/images/notice.png) no-repeat left center;
		background-size: 3px;
		line-height: 40px;
		white-space: nowrap;
		overflow: hidden;
		font-size: 0.8em;
		border-bottom: 1px dashed #ccc;
	}

#detail p img {
	width: initial !important;
	height: initial !important;
}

.pro_barcode {
	font-size: 0.6em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pro_barcode.detail {
	float: right;
	margin-right: 5%;
}

#detail p img {
	width: initial !important;
	height: initial !important;
}
.minmumRequired {
	float:right;
	color: #999;
	font-size: 0.8em;
}
.detail_extra {
    display: block;
    width: 94%;
    padding: 10px 3%;
    border-bottom: 5px solid #ccc;
    border-top: 5px solid #ccc;
}
.detail_extra p {
	font-size: 0.7em;
	border-bottom: 1px solid #ccc;
	padding: 2% 0 2% 0;
} 
.detail_extra p:last-child {
	border-bottom: none;
}
.detail_extra .label {
	color:#999
}
#detail p img{display:block;}

.listhead a {
    border-left: 0;
    border-right: 0;
    height: 40px;
}

.listhead a:nth-child(1) {
	background: #FBC0C4; 
	color: #E17680; 
	width: 30%; 
	float: left;
}

.listhead a:nth-child(2) {
	background: #D8505C; 
	color: #FFFFFF; 
	font-size: 0.8em; 
	display: inline-block; 
	width: 70%;
	opacity: 0.9;
}

.promotionRules {
	margin-top: 10px; 
	background:url(../../img/static/images/app/rule_up.jpg); 
	width: 20px; 
	height: 20px;
	display: none;
}
.role_show {
	background:url(../../img/static/images/app/rule_down.jpg);
}

.listpromotion {
	background: #333333;
}

.listclass {
	color: #FFFFFF;
	white-space: normal;
	line-height: 20px;
	font-size: 0.8em;
}
.listclass .cx_message {
	padding: 5px 5px 0 5px;
}
.listrules {
	width: 80%; 
	float: left
}

.listrules p {
	line-height: 20px;
	padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.listrules_more {
	float: right; 
	margin-right: 8%;
}

.rules_more {
	background: #D8505C; 
	color: #FFFFFF; 
	font-size: 0.8em; 
	display: none; 
	width: 60%;
	position: absolute;
    left: 30%;
    top: 40px;
    opacity: 0.8;
    z-index: 50;
    text-align: center;
}

.rules_more p {
	line-height: 20px;
	padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/*** 筛选*/
.filterable {
	position: fixed; 
	right:0;
	top: 0; 
	width: 0; 
	height: 100%; 
	/*display: none;*/
	z-index: 99;
}

.filterable_pane {
	width: 100%; 
	height: 100%; 
	float: right; 
	/*z-index: 99; 
	position: fixed;*/
}

.filterable_pane .left {
	width: 30%; 
	float: left; 
	height: 100%; 
	background: #8E8E8E; 
	opacity: 0.5;
}

.filterable_pane .right {
	width: 70%; 
	float: right; 
	height: 100%; 
	background: #FFFFFF;
}

.right .comhead {
	position: initial;
}

.filter_ele {
	height: 35%; 
	padding: 5% 2% 0 2%;
}

.filter_ele .lebel {
	background: #F3F3F3; 
	padding: 2%; 
	height: 10%; 
	border-radius: 5px;
}

.filter_ele .content {
	padding:2%; 
	height: 88%; 
	overflow: auto;
}

.filter_list {
	width:100%;
	overflow: auto;
}

.filter_list li {
	float: left; 
	width:31%;
	text-align: center;
	margin-left: 1%;
	border:1px solid #E2E2E2;
	border-radius: 5px;
	margin-top: 5px;
	padding: 1px 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 0.8em;
}

.filtersel {
	background: #D8505C;
	color: #FFFFFF
}

.filter_btn {
	width: 40%;
    padding: 4px 0;
    float: left;
    margin: 0 5%;
    text-align: center;
    border-radius: 5px;
    color: #FFFFFF;
}

.filter_btn.clearFilter {
	background: #8B8B8B;
}

.filter_btn.filter {
	background: #F15352;
}

.cx_message_tip {
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    color: #f26c6d;
}

.filter_footer {
    position: absolute;
    right: 0;
    bottom: 5%;
    width: 100%;
    z-index: 99;
}

.collection-product{background: url(../../img/static/images/collection_love_01.png) no-repeat center 7px;background-size: 20px;float: left;height: 34px;width: 37px;top: -7px;}
.select-collection-product{background: url(../../img/static/images/collection_love_02.png) no-repeat center 7px;background-size: 20px;float: left;height: 34px;width: 37px;top: -7px;left:0px;}
.collection-div{margin:  0 0 0 2%;text-align: center;width: 50px;top: 3px;}
=======
.producttag {
	display:none;
	z-index:198;
	width:100%;
	top:0;
	left:0;
	background:url(../../img/static/images/darkbg.png) repeat;
	height:100%;
	position:fixed;}
.producttag section {
	background:#fff;
	width:100%;
	height:100%;
	position:absolute;
	right:0;
	top:0;}
.producttag .tit {
	width:100%;
	margin:0 auto;
	height:50px;
	line-height:50px;
	border-bottom:1px solid #ccc;}

.swiper-slide {
	width: 100%;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-ms-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}

#listright_new {
    float: right;
    width: 70%;
}

#wrapper {
	position: absolute;
	z-index: 1;
	top: 65px;
	bottom: 57px;
	left: 0;
	width: 100%;
	overflow: hidden;
}

#listproducttag {
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

.select_menu{background-color:#EC0909!important}
.un_select_menu{background-color: #F26A6A!important}
#recommended_retail_second_price_detail div {
		display: block;
		padding-left: 10px;
		background: url(../../img/static/images/notice.png) no-repeat left center;
		background-size: 3px;
		line-height: 40px;
		white-space: nowrap;
		overflow: hidden;
		font-size: 0.8em;
		border-bottom: 1px dashed #ccc;
	}

#detail p img {
	width: initial !important;
	height: initial !important;
}

.pro_barcode {
	font-size: 0.6em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pro_barcode.detail {
	float: right;
	margin-right: 5%;
}

#detail p img {
	width: initial !important;
	height: initial !important;
}
.minmumRequired {
	float:right;
	color: #999;
	font-size: 0.8em;
}
.detail_extra {
    display: block;
    width: 94%;
    padding: 10px 3%;
    border-bottom: 5px solid #ccc;
    border-top: 5px solid #ccc;
}
.detail_extra p {
	font-size: 0.7em;
	border-bottom: 1px solid #ccc;
	padding: 2% 0 2% 0;
} 
.detail_extra p:last-child {
	border-bottom: none;
}
.detail_extra .label {
	color:#999
}
#detail p img{display:block;}

.listhead a {
    border-left: 0;
    border-right: 0;
    height: 40px;
}

.listhead a:nth-child(1) {
	background: #ead0d1; 
	color: #ff0018; 
	width: 30%; 
	float: left;
	font-size: 1.1em;
}

.listhead a:nth-child(2) {
	background: #D8505C; 
	color: #FFFFFF; 
	font-size: 0.8em; 
	display: inline-block; 
	width: 70%;
	opacity: 0.9;
}

.promotionRules {
	margin-top: 10px; 
	background:url(../../img/static/images/app/rule_up.jpg); 
	width: 20px; 
	height: 20px;
	display: none;
}
.role_show {
	background:url(../../img/static/images/app/rule_down.jpg);
}

.listpromotion {
	background: #333333;
}

.listclass {
	color: #FFFFFF;
	white-space: normal;
	line-height: 20px;
	font-size: 0.8em;
}
.listclass .cx_message {
	padding: 5px 5px 0 5px;
}
.listrules {
	width: 80%; 
	float: left
}

.listrules p {
	line-height: 20px;
	padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.listrules_more {
	float: right; 
	margin-right: 8%;
}

.rules_more {
	background: #D8505C; 
	color: #FFFFFF; 
	font-size: 0.8em; 
	display: none; 
	width: 60%;
	position: absolute;
    left: 30%;
    top: 40px;
    opacity: 0.8;
    z-index: 50;
    text-align: center;
}

.rules_more p {
	line-height: 20px;
	padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/*** 筛选*/
.filterable {
	position: fixed; 
	right:0;
	top: 0; 
	width: 0; 
	height: 100%; 
	/*display: none;*/
	z-index: 99;
}

.filterable_pane {
	width: 100%; 
	height: 100%; 
	float: right; 
	/*z-index: 99; 
	position: fixed;*/
}

.filterable_pane .left {
	width: 30%; 
	float: left; 
	height: 100%; 
	background: #8E8E8E; 
	opacity: 0.5;
}

.filterable_pane .right {
	width: 70%; 
	float: right; 
	height: 100%; 
	background: #FFFFFF;
}

.right .comhead {
	position: initial;
}

.filter_ele {
	height: 35%; 
	padding: 5% 2% 0 2%;
}

.filter_ele .lebel {
	background: #F3F3F3; 
	padding: 2%; 
	height: 10%; 
	border-radius: 5px;
}

.filter_ele .content {
	padding:2%; 
	height: 88%; 
	overflow: auto;
}

.filter_list {
	width:100%;
	overflow: auto;
}

.filter_list li {
	float: left; 
	width:31%;
	text-align: center;
	margin-left: 1%;
	border:1px solid #E2E2E2;
	border-radius: 5px;
	margin-top: 5px;
	padding: 1px 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 0.8em;
}

.filtersel {
	background: #D8505C;
	color: #FFFFFF
}

.filter_btn {
	width: 40%;
    padding: 4px 0;
    float: left;
    margin: 0 5%;
    text-align: center;
    border-radius: 5px;
    color: #FFFFFF;
}

.filter_btn.clearFilter {
	background: #8B8B8B;
}

.filter_btn.filter {
	background: #F15352;
}

.cx_message_tip {
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    color: #f26c6d;
}

.filter_footer {
    position: absolute;
    right: 0;
    bottom: 5%;
    width: 100%;
    z-index: 99;
}

.collection-product{background: url(../../img/static/images/collection_love_01.png) no-repeat center 7px;background-size: 20px;float: left;height: 34px;width: 37px;top: -7px;}
.select-collection-product{background: url(../../img/static/images/collection_love_02.png) no-repeat center 7px;background-size: 20px;float: left;height: 34px;width: 37px;top: -7px;left:0px;}
.collection-div{margin:  0 0 0 2%;text-align: center;width: 50px;top: 3px;}
>>>>>>> branch 'master' of git@git.coding.net:usunsoft/Q7App.git