.flick-menu-mask {
	width: 100%;
	height: 120%;
	min-height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.5);
	z-index: 200;
	display: none;
}
.spec-menu-content {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 40%;
	background-color: #fff;
	border-top: 1px solid #dadada;
	z-index: 250;
	display: none;
}
.spec-menu-top {
	width: 100%;
	height: 84px
}
.spec-menu-middle {
	position: absolute;
	bottom: 43px;
	top: 85px;
	left: 0;
	right: 0;
	padding-left: 10px;
	overflow: auto
}

.spec-menu-btn {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

.spec-menu-btn a {
	
	display: block;
	height: 43px;
	width: 1%;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: 15px;
	line-height: 43px;
	color: #fff;
	text-align: center;

}

.spec-menu-btn a.cart-black-font {
	color: #333
}

@media screen and (orientation:portrait) {
	.spec-menu-content {
	    height: 40%;
	}@	-webkit-keyframes spec-menu-move {
		0%{height: 0
	}

	100% {
		height:40%
	}
}

@-moz-keyframes spec-menu-move {
	0% {
		height: 0
	}

	100% {
		height: 40%
	}
}

@-ms-keyframes spec-menu-move {
	0% {
		height: 0
	}

	100% {
		height: 40%
	}
}

@-o-keyframes spec-menu-move {
	0% {
		height: 0
	}

	100% {
		height: 40%
	}
}

@keyframes spec-menu-move {
	0% {
		height: 0
	}

	100% {
		height: 40%
	}
}

@-webkit-keyframes spec-menu-back {
	0% {
		height: 40%
	}

	100% {
		height: 0
	}
}

@-moz-keyframes spec-menu-back {
	0% {
		height: 40%
	}

	100% {
		height: 0
	}
}

@-ms-keyframes spec-menu-back {
	0% {
		height: 40%
	}

	100% {
		height: 0
	}
}

@-o-keyframes spec-menu-back {
	0% {
		height: 40%
	}

	100% {
		height: 0
	}
}

@keyframes spec-menu-back {
	0% {
		height: 40%
	}

	100% {
		height: 0
	}
}}

@media screen and (orientation:landscape) {
	.spec-menu-content {
		height: 40%
	}@	-webkit-keyframes spec-menu-move {
		0%{height: 0
	}

	100% {
		height: 40%
	}
}

@-moz-keyframes spec-menu-move {
	0% {
		height: 0
	}

	100% {
		height: 40%
	}
}

@-ms-keyframes spec-menu-move {
	0% {
		height: 0
	}

	100% {
		height: 40%
	}
}

@-o-keyframes spec-menu-move {
	0% {
		height: 0
	}

	100% {
		height: 40%
	}
}

@keyframes spec-menu-move {
	0% {
		height: 0
	}

	100% {
		height: 40%
	}
}

@-webkit-keyframes spec-menu-back {
	0% {
		height: 40%
	}

	100% {
		height: 0
	}
}

@-moz-keyframes spec-menu-back {
	0% {
		height: 40%
	}

	100% {
		height: 0
	}
}

@-ms-keyframes spec-menu-back {
	0% {
		height: 40%
	}

	100% {
		height: 0
	}
}

@-o-keyframes spec-menu-back {
	0% {
		height: 40%
	}

	100% {
		height: 0
	}
}

@keyframes spec-menu-back {
	0% {
		height: 40%
	}

	100% {
		height: 0
	}
}}

.spec-menu-show {
	-webkit-animation: spec-menu-move .5s 1 ease 0s;
	-moz-animation: spec-menu-move .5s 1 ease 0s;
	-ms-animation: spec-menu-move .5s 1 ease 0s;
	-o-animation: spec-menu-move .5s 1 ease 0s;
	animation: spec-menu-move .5s 1 ease 0s
}

.spec-menu-hide {
	-webkit-animation: spec-menu-back .5s 1 ease 0s;
	-moz-animation: spec-menu-back .5s 1 ease 0s;
	-ms-animation: spec-menu-back .5s 1 ease 0s;
	-o-animation: spec-menu-back .5s 1 ease 0s;
	animation: spec-menu-back .5s 1 ease 0s
}
.spec-menu{
	display: none;
}
.bdr-b-bold {
	border-bottom: 1px solid #e1e1e1;
	border-width: 0 0 1px 0;
	-webkit-border-image: url(data:image/gif;
	base64,R0lGODlhAgAEAJEDAMfGy8jHy8jGy////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY1NEY4MjZDNkQ3MTExRTRCOTRCQkI3NjVBQzgwRjQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY1NEY4MjZENkQ3MTExRTRCOTRCQkI3NjVBQzgwRjQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjU0RjgyNkE2RDcxMTFFNEI5NEJCQjc2NUFDODBGNDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjU0RjgyNkI2RDcxMTFFNEI5NEJCQjc2NUFDODBGNDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAADACwAAAAAAgAEAAACBAyGI1IAOw==) 2 0 stretch
}
.bdr-b {
	position: relative
}

.bdr-b::after {
	position: absolute;
	content: '';
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #e3e5e9;
	z-index: 10
}

a.bdr-b::after {
	border-color: #e3e5e9
}
.spec-first-pic {
	position: absolute;
	left: 8px;
	top: -26px;
	width: 100px;
	height: 100px;
	border-radius: 3px;
	border: 1px solid #f0f1f3;
	background-color: #fff;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center
}

.spec-first-pic img {
	max-width: 100%;
	max-height: 100%;
	overflow: hidden
}
.rt-close-btn-wrap {
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	right: 0
}

.rt-close-btn-wrap .flick-menu-close {
	display: block;
	
	background-size: 100px 100px;
	background-position: -28px -17px;
	width: 24px;
	height: 24px;
	position: absolute;
	right: 10px;
	top: 16px
}

.spec-price {
	font-size: 15px;
	line-height: 15px;
	color: #f23030;
	padding-top: 23px;
	padding-left: 121px;
	font-weight: 700
}

.yang-pic {
	float: left;
	display: block;
	 no-repeat 0 0;
	background-size: 100px 100px;
	background-position: -14px -17px;
	width: 10px;
	height: 12px;
	margin-top: 7px
}
.sam-yang-pic {
	background-position: -14px -30px;
	width: 10px;
	height: 12px;
	margin-top: 3px
}
.yang-pic-price {
	display: block;
	float: left;
	margin-left: 3px;
	line-height: 23px
}

.sam-yang-pic-price {
	line-height: 16px
}
.spec-yang-pic {
	width: 16px;
	height: 16px;
	margin-right: 3px;
	margin-top: -3px;
	display:block;
}
.spec-weight {
	font-size: 11px;
	line-height: 11px;
	color: #81838e;
	padding-top: 8px;
	padding-left: 121px
}
#natureCotainer{padding: 3%;}

.pro-color,.pro-count,.pro-size,.pro-spec,.spec-desc {
	font-size: 0;
	overflow: hidden;
	position: relative
}
.pro-color {
	margin-top: 13px
}
.pro-color .part-note-msg,.pro-size .part-note-msg {
	line-height: 23px
}
.pro-color p,.pro-size p,.pro-spec p {
	margin-left: 34px;
	overflow: hidden
}
.pro-buy-style p a,.pro-color p a,.pro-size p a,.pro-spec p a {
	height: 27px;
	border: 1px solid #bfbfbf;
	border-radius: 4px;
	line-height: 25px;
	font-size: 13px;
	color: #232326;
	float: left;
	margin-right: 10px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 69px;
	max-width: 98%;
	box-sizing: border-box;
	text-align: center
}

.pro-buy-style p a:active,.pro-color p a:active,.pro-size p a:active,.pro-spec p a:active {
	background-color: #e7e7e7
}

.pro-buy-style p a.selected,.pro-color p a.selected,.pro-size p a.selected,.pro-spec p a.selected {
	border: 1px solid #f23030;
	color: #f23030
}

.pro-buy-style p a.no-goods,.pro-color p a.no-goods,.pro-size p a.no-goods,.pro-spec p a.no-goods {
	border: 1px dashed #bfbfbf;
	color: #232326
}

.list-yb:after,.pro-buy-style:after,.pro-color:after,.pro-size:after,.pro-spec:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}
.part-note-msg {
	display: inline-block;
	line-height: 15px;
	font-size: 13px;
	color: #81838e;
	width: 62px;
	white-space: normal;
	height: auto
}

.msg-notice .part-note-msg,.prod-spec .part-note-msg,.provide-srv .part-note-msg,.send-to .part-note-msg {
	float: left
}
.prod-whitebar .part-note-msg {
	float: left
}
.prod-promotion-container .part-note-msg {
	position: absolute
}
.spec-desc .base-txt,.spec-desc .part-note-msg {
	line-height: 18px
}

.pro-color .part-note-msg,.pro-size .part-note-msg {
	line-height: 23px
}
.pro-count .part-note-msg {
	line-height: 26px
}
.goodseval .info .part-note-msg {
	white-space: nowrap;
	width: auto
}
.more-detail .part-note-msg {
	color: #232326;
	vertical-align: middle;
	width: auto;
	max-width: 90%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.dss{
	width: 100%; 
	margin: 5px auto 0;
	text-align: center;
}
.dss button{
	 padding: 5px 71px;
    border-radius: 20px;
}

.dss button:active{
	background: #F44336;
	border: none;
}