﻿.product-name,.user-estimate-type {
	text-overflow: ellipsis;
	white-space: nowrap
}

.container {
	padding-bottom: 2.35rem
}

.product-name {
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 2.1rem;
	padding-right: 6.1rem;
	width: 100%;
	height: 2.1rem;
	line-height: 2.1rem;
	font-size: .75rem;
	overflow: hidden
}

.detail-pic {
	height: 15.5rem;
	position: relative;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden;
	background: url(../images/loading.gif)50% 50% no-repeat #fff;
	-webkit-background-size: 15.5rem 15.5rem;
	background-size: 15.5rem
}

.detail-pic-slide {
	float: left
}

.pagination-detail-pic {
	position: absolute;
	bottom: .85rem;
	width: 100%;
	height: .4rem;
	text-align: center
}

.swiper-pagination-switch {
	width: .35rem;
	height: .35rem;
	background-color: #fff;
	opacity: .8;
	display: inline-block;
	margin: 0 .25rem;
	-webkit-border-radius: .35rem;
	border-radius: .35rem;
	vertical-align: top;
	overflow: hidden
}

.pagination-current {
	background-color: #c864f0;
	opacity: 1
}

.detail-icon-new {
	background: url(../images/icon-new.png)no-repeat;
	width: 2.7rem;
	height: 2.7rem;
	line-height: 2.7rem;
	-webkit-background-size: 2.7rem 2.7rem;
	background-size: 2.7rem;
	font-size: .85rem;
	color: #fff;
	text-align: center;
	position: absolute;
	top: .75rem;
	right: .25rem
}

.detail-name {
	font-size: .75rem;
	padding: .25rem .45rem;
	color: #595857
}

.detail-price-box {
	padding: 0 .4rem .6rem
}

.price-vip {
	color: #ff3933;
	font-size: .9rem;
	display: inline-block;
	padding-right: .4rem
}

.price-origin {
	color: #a3a3a2;
	font-size: .6rem;
	text-decoration: line-through;
	display: inline-block
}

.buyer-num {
	color: #a3a3a2;
	line-height: .9rem
}

.buyer-num span {
	/*font-size: .9rem;*/
	margin-right: .1rem;
	float: left
}

.coupon-info {
	padding: .35rem .5rem .75rem;
	border-top: solid 1px #e5e5e5
}

.coupon-info dl {
	padding-top: .45rem;
	line-height: .8rem
}

.coupon-info dt {
	min-width: 3rem;
	padding: 0 .25rem;
	height: .8rem;
	text-align: center;
	color: #fff;
	background-color: #72ca3e;
	float: left
}

.coupon-info dd {
	overflow: hidden;
	padding-left: .5rem;
	color: #a3a3a2
}

.coupon-info dd p {
	line-height: .55rem;
	padding: .1rem 0 .15rem
}

.commodity-attr-box {
	background-color: #f3f3f2;
	color: #595857;
	padding-bottom: .5rem
}

.commodity-attr-title {
	padding-top: .8rem;
	padding-left: .55rem;
	font-size: .75rem;
	line-height: .8rem
}

.commodity-attr {
	padding: 0 .55rem
}

.commodity-attr-item {
	border: 1px solid #c0c6c9;
	line-height: .85rem;
	padding: .5rem .75rem;
	float: left;
	margin-top: .45rem;
	margin-right: .45rem;
	background-color: #fff;
	font-size: .75rem;
	position: relative;
	-webkit-tap-highlight-color: transparent
}

.commodity-attr .selected {
	border-color: #ff3933
}

.commodity-attr .selected i {
	border-top: solid .65rem #ff3933;
	border-left: solid .65rem transparent;
	border-bottom: solid .65rem transparent;
	width: 0;
	height: 0;
	position: absolute;
	right: -1px;
	top: -1px
}

.buy-quantity {
	font-size: .75rem;
	padding: 1.1rem .65rem .75rem .55rem;
	line-height: 2.35rem
}

.decrease,.increase,.quantity {
	float: left;
	padding: 0;
	line-height: 2.25rem
}

.quantity-control {
	float: right;
	border: 1px solid #c0c6c9
}

.decrease,.increase {
	border: 0;
	background-color: #f3f3f2;
	color: #a3a3a2;
	font-size: 1.1rem;
	width: 2.15rem;
	height: 2.25rem;
	text-align: center
}

.quantity {
	margin: 0;
	border-left: solid 1px #c0c6c9;
	border-right: solid 1px #c0c6c9;
	width: 2.2rem;
	height: 2.25rem;
	text-align: center;
	font-size: .95rem;
	color: #595857;
	background-color: #fff
}

.details-tab,.details-tab li {
	padding: 0 .5rem
}

.sell-out {
	color: #666
}

.details-tab li {
	font-size: .75rem;
	height: 1.75rem;
	line-height: 1.75rem;
	-webkit-box-flex: 1;
	-webkit-flex: auto;
	-ms-flex: auto;
	flex: auto;
	box-flex: 1
}

.details-tab .current {
	border-bottom: solid .1rem #c864f0
}

.details-tab a {
	color: #c864f0;
	display: block;
	text-align: center
}

.details-info-title {
	font-size: .7rem;
	color: #c864f0;
	line-height: 1rem;
	padding: .5rem .5rem .35rem;
	font-weight: 400;
	margin: 0
}

.details-box {
	color: #595857;
	padding: 0 .5rem .75rem
}

.details-box img {
	vertical-align: top;
	font-size: 0
}

.details-parameter,.parameters-table {
	color: #a3a3a2
}

.details-parameter table {
	border-top: solid 1px #c0c6c9;
	border-left: solid 1px #c0c6c9;
	width: 100%
}

.details-parameter td {
	padding: .25rem;
	border-right: solid 1px #c0c6c9;
	border-bottom: solid 1px #c0c6c9;
	color: #595857
}

.estimate-item,.recommend-item {
	border-bottom: solid 1px #e5e5e5
}

.details-parameter tr td:nth-child(1) {
	width: 2.75rem;
	color: #a3a3a2;
	vertical-align: top;
	text-align: right
}

.exponent-box {
	padding: 0 .25rem 1rem
}

.exponent-box dl {
	height: 1.75rem;
	padding-top: .75rem
}

.exponent-box dt {
	float: left;
	line-height: 1rem;
	padding-right: .65rem;
	min-width: 2.5rem;
	text-align: right
}

.bar-cart a,.estimate-loadmore,.exponent-mark,.null-comment {
	text-align: center
}

.exponent-box dd {
	overflow: hidden;
	padding-top: 1rem;
	height: 1rem;
	position: relative
}

.exponent-highlight {
	background-color: #c864f0;
	-webkit-border-radius: .15rem;
	border-radius: .15rem;
	position: absolute;
	height: .35rem;
	top: .375rem
}

.exponent-mark {
	height: 1rem;
	line-height: 1rem;
	min-width: 1.75rem;
	padding: 0 .15rem;
	color: #fff;
	background-color: #c864f0;
	-webkit-border-radius: 1.75rem;
	border-radius: 1.75rem;
	display: block;
	float: right;
	margin-top: -.375rem;
	position: relative;
	z-index: 1
}

.exponent-bar {
	height: .35rem;
	width: 100%;
	background-color: #e5e4e6;
	-webkit-border-radius: .35rem;
	border-radius: .35rem;
	position: absolute;
	top: .375rem
}

.bar-cart a,.estimate-loadmore a {
	-webkit-border-radius: .25rem;
	border-radius: .25rem
}

.details-estimate {
	background-color: #f3f3f2
}

.details-estimate-top {
	background-color: #fff;
	padding: .75rem;
	color: #a3a3a2
}

.synthesize-scoring {
	height: .85rem;
	line-height: .85rem
}

.synthesize-star,.synthesize-star i,.user-estimate,.user-estimate i {
	background: url(../images/icon-star.png)no-repeat;
	-webkit-background-size: 5rem 10rem;
	background-size: 5rem 10rem
}

.synthesize-star {
	height: .85rem;
	width: 5rem;
	float: right
}

.synthesize-star i,.user-estimate i {
	background-position: 0 -2.5rem;
	height: .85rem;
	position: relative;
	width: 10%;
	display: block
}

.user-estimate {
	height: .5rem;
	width: 3rem;
	background-position: 0 -5rem
}

.user-estimate i {
	background-position: 0 -7.5rem;
	height: .6rem
}

.filter-estimate {
	height: 1.75rem;
	padding-top: .5rem
}

.filter-estimate li {
	-webkit-box-flex: 1;
	-webkit-flex: auto;
	-ms-flex: auto;
	flex: auto;
	box-flex: 1;
	text-align: center;
	margin-right: .2rem;
	border: 1px solid #c0c6c9;
	color: #a3a3a2;
	height: 1.25rem;
	line-height: 1.25rem;
	padding: 0 .25rem
}

.filter-estimate li:last-child {
	margin: 0
}

.filter-estimate .current {
	background-color: #c0c6c9;
	color: #fff
}

.estimate-list {
	padding: 0 .75rem
}

.estimate-item {
	padding: .65rem 0
}

.user-estimate-name {
	color: #595857
}

.user-estimate-time {
	color: #a3a3a2;
	font-family: arial,sans-serif;
	padding-left: .5rem
}

.user-estimate-type {
	color: #a3a3a2;
	height: .9rem;
	line-height: .9rem;
	padding: .1rem 0;
	overflow: hidden
}

.user-estimate-content {
	padding: .15rem 0;
	color: #595857;
	font-size: .65rem;
	table-layout: fixed;
	word-break: break-all;
	overflow: hidden
}

.estimate-loadmore a {
	display: inline-block;
	background-color: #cd73f1;
	color: #fff;
	font-size: .8rem;
	height: 1.75rem;
	line-height: 1.25rem;
	padding: .25rem 1rem;
	margin-top: .75rem
}

.recommend-box {
	background-color: #fff;
	padding: .9rem 0;
	position: relative
}

.popup-selection,.selection-bg {
	width: 100%;
	z-index: 3;
	position: fixed
}

.recommend-list {
	border-top: solid 1px #e5e5e5
}

.recommend-item {
	float: left;
	padding: .75rem .75rem .35rem;
	width: 8rem;
	height: 10.5rem;
	border-right: solid 1px #e5e5e5
}

.recommend-item a {
	display: block
}

.recommend-pic {
	background: url(../images/loading.gif)no-repeat;
	-webkit-background-size: 6.5rem 6.5rem;
	background-size: 6.5rem;
	width: 6.5rem;
	height: 6.5rem;
	overflow: hidden
}

.recommend-name {
	color: #595857;
	font-size: .6rem;
	padding-top: .3rem;
	line-height: .8rem;
	height: 1.75rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.recommend-price {
	color: #ff3933;
	font-size: .6rem;
	margin-top: .35rem
}

.details-bottom {
	padding: .75rem 0;
	background-color: #f3f3f2
}

.details-bottom-ad {
	padding: 0 1.2rem .75rem
}

.bar-cart {
	height: 2.35rem;
	width: 100%;
	background-color: #fff;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 4
}

.bar-cart li {
	padding: .3rem 0;
	float: left;
	width: 46%;
	margin: 0 2%
}

.bar-cart a {
	display: block;
	padding: 0 .75rem;
	height: 1.75rem;
	line-height: 1.75rem;
	color: #fff;
	font-size: .7rem;
	font-weight: 700
}

.add-to-cart {
	background-color: #ff3933
}

.bar-cart-buy {
	background-color: #ff9c46
}

.popup-selection {
	background-color: #f3f3f2;
	bottom: 2.1rem;
	opacity: 0
}

.popup-selection .commodity-attr {
	max-height: 8.5rem;
	padding: 0 0 .25rem;
	margin-top: .25rem;
	overflow-y: auto
}

.selection-show .popup-selection {
	opacity: 1;
	-webkit-animation: selectionShow .6s ease-out;
	animation: selectionShow .6s ease-out
}

.selection-bg {
	background-color: #000;
	opacity: .6;
	top: 0;
	left: 0;
	height: 100%
}

.popup-selection .ficon-close {
	color: #b0b0af;
	position: absolute;
	right: .75rem;
	top: .75rem;
	font-size: 1.1rem
}

.selection-box {
	padding: .75rem .5rem 0 .75rem;
	position: relative
}

.selection-pic {
	max-width: 2.7rem;
	max-height: 2.7rem;
	float: left
}

.selection-price {
	padding-left: 3.25rem;
	font-size: .9rem;
	color: #ff3933
}

.selection-current {
	padding: .15rem 0 .25rem 3.25rem;
	color: #383c3c
}

.selection-specification {
	font-size: .75rem;
	padding-top: 1.1rem;
	clear: both
}

.selection-quantity {
	padding: 1.1rem 0 .75rem
}

.null-comment {
	color: #a3a3a3;
	padding: .5rem .25rem
}

@-webkit-keyframes selectionShow {
	0% {
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
		opacity: 0
	}

	100% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1
	}
}

@keyframes selectionShow {
	0% {
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
		opacity: 0
	}

	100% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1
	}
}
.input-box{ margin-bottom:10px; clear:both; line-height:37px; height:37px; }
.input-box .listbox{ display:inline-block; vertical-align:middle; }
.input-box a{ display:block; float:left; margin:0; padding:5px 12px; border:1px solid #ddd; font-size:15px; line-height:25px; height:35px; color:#353535; cursor:pointer; }
.input-box input[type="text"]{ display:block; float:left; margin:0; padding:5px 10px; width:50px; border:1px solid #ddd; border-left:0; border-right:0; border-radius:0; font-size:15px; line-height:25px; height:25px; text-align:center; }
.btn-box .col{ float:left; width:50%; }
.btn-box .add{ display:block; width:100%; box-sizing:border-box; border-color:#f00; color:#fff; background:#f00; cursor:pointer; }
.btn-box .buy{ display:block; width:100%; box-sizing:border-box; border-color:#0088D1; color:#fff; background:#0088D1; cursor:pointer; }
.btn-box .over{ color:#999; background:#f7f7f7; border-color:#e8e8e8; cursor:default; }

 .spec-box{ position:relative; margin-top:10px; }
.spec-box:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
.spec-box dl{ clear:both; display:block; }
.spec-box dl:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
.spec-box dl dt{ float:left; width:15%; line-height:38px; min-height:38px; color:#53575e;margin-left:15px; }
.spec-box dl dd{ position:relative; padding:5px 0; line-height:26px; min-height:26px; color:#6c6c6c; }
.spec-box dl dd s{ display:inline-block; text-decoration:line-through; }
.spec-box dl dd .price{ display:inline-block; margin-right:5px; color:#f40; font-size:24px; font-weight:700; }
 .spec-box dl dd .items{ list-style:none; }
 .spec-box dl dd .items li{ position:relative; float:left; margin:0 5px 8px 0; padding:1px; line-height:20px; vertical-align:middle; }
 .spec-box dl dd .items li a{ display:block; padding:1px; color:#666; min-width:10px; width:auto !important;  text-align:center; text-decoration:none; border:1px solid #eee; cursor:pointer; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle; }
 .spec-box dl dd .items li a span{ display:inline-block; padding:5px 9px; font-style:normal; line-height:20px; }
 .spec-box dl dd .items li a img{ width:36px; height:38px; vertical-align:middle; }
.spec-box dl dd .items li a.selected{ margin:-1px; color:#333; border:2px solid #f40; color:#f40; }


.addr-input,.addr-item textarea {
	-webkit-border-radius: .1rem;
	border-radius: .1rem
}

.title-main {
	padding-right: 2.1rem
}

.addr-title {
	height: 2.2rem;
	background-color: #f3f3f2;
	padding-top: .2rem;
	line-height: 2rem;
	font-size: .75rem;
	color: #595857;
	padding-left: .6rem
}

.addr-content {
	padding: 1.25rem 1rem 0;
	background-color: #fff
}

.addr-label {
	width: 3rem;
	height: 1.3rem;
	line-height: 1.3rem;
	padding-right: .5rem;
	text-align: right;
	float: left;
	display: block
}

.payment-method,.shipping-price,.total-price {
	height: 1.3rem;
	line-height: 1.3rem;
	display: inline-block
}

.addr-input,.addr-select {
	color: #595857;
	height: 1.4rem
}

.addr-item {
	margin-bottom: .45rem;
	font-size: .65rem;
	color: #a3a3a2
}

.addr-input {
	width: 4rem;
	border: 1px solid #ccc;
	padding: 0 0 0 .25rem;
	float: left;
	background-color: #fff;
	font-size: .65rem;
	-webkit-appearance: none
}

.addr-select {
	float: left;
	width: 10.4rem;
	line-height: 1.05rem;
	padding: .15rem .2rem;
	border: 1px solid #ccc;
	background: url(../images/select-arrow.png)9.5rem .45rem no-repeat;
	-webkit-background-size: .45rem .375rem;
	background-size: .45rem .375rem;
	font-size: .7rem;
	position: relative;
	-webkit-appearance: none
}

.addr-item textarea {
	width: 9.75rem;
	height: 2.85rem;
	border: 1px solid #ccc;
	padding: .25rem;
	float: left;
	color: #595857;
	resize: none;
	-webkit-appearance: none
}
.comment-add{ margin-top:15px; _width:100%; _position:relative; _overflow:hidden; }
    .comment-add .editor{ position:relative; margin-right:18px; }
	.comment-add .editor textarea{ width:100%; height:70px; }
	.comment-add .subcon{ margin-top:15px; }
.comment-box{ position:relative; margin-top:15px; }
	.comment-list li{ padding:15px 0; border-top:1px solid #f7f7f7; }
	.comment-list li .avatar{ display:block; float:left; margin-top:6px; background:#fff; border-radius:2px; width:42px; height:42px; overflow:hidden; }
	.comment-list li .avatar img{ width:42px; height:42px; }
	.comment-list li .inner{ margin-left:52px; }
	.comment-list li .inner p{ color:#333; font-size:14px; line-height:1.8em; }
	.comment-list li .inner .meta{ margin:0; padding-top:3px; color:#999; border:none; }
	.comment-list li .inner .meta .time{ margin-left:5px; padding-left:20px; color:#777; background:url(../images/sprite.gif) no-repeat left -158px; }
	.comment-list li .answer{ margin-left:48px; padding:10px; background:#fafafa; border:1px solid #e6e6e6; border-radius:3px; }
	.comment-list li .answer .meta{ margin:0; padding:0; color:#999; margin-bottom:5px; border:none; }
	.comment-list li .answer p{ color:#555; font-size:14px; line-height:1.8em; }

	.estimate-list {
	padding: 0 .75rem
}

.estimate-item {
	padding: .65rem 0
}

.user-estimate-name {
	color: #595857
}

.user-estimate-time {
	color: #a3a3a2;
	font-family: arial,sans-serif;
	padding-left: .5rem
}

.user-estimate-type {
	color: #a3a3a2;
	height: .9rem;
	line-height: .9rem;
	padding: .1rem 0;
	overflow: hidden
}

.user-estimate-content {
	padding: .15rem 0;
	color: #595857;
	font-size: .65rem;
	table-layout: fixed;
	word-break: break-all;
	overflow: hidden
}

.estimate-loadmore a {
	display: inline-block;
	background-color: #cd73f1;
	color: #fff;
	font-size: .8rem;
	height: 1.75rem;
	line-height: 1.25rem;
	padding: .25rem 1rem;
	margin-top: .75rem
}

.recommend-box {
	background-color: #fff;
	padding: .9rem 0;
	position: relative
}

.popup-selection,.selection-bg {
	width: 100%;
	z-index: 3;
	position: fixed
}

.recommend-list {
	border-top: solid 1px #e5e5e5
}

.recommend-item {
	float: left;
	padding: .75rem .75rem .35rem;
	width: 8rem;
	height: 10.5rem;
	border-right: solid 1px #e5e5e5
}

.recommend-item a {
	display: block
}

.recommend-pic {
	background: url(../images/loading.gif)no-repeat;
	-webkit-background-size: 6.5rem 6.5rem;
	background-size: 6.5rem;
	width: 6.5rem;
	height: 6.5rem;
	overflow: hidden
}

.recommend-name {
	color: #595857;
	font-size: .6rem;
	padding-top: .3rem;
	line-height: .8rem;
	height: 1.75rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.recommend-price {
	color: #ff3933;
	font-size: .6rem;
	margin-top: .35rem
}

.details-bottom {
	padding: .75rem 0;
	background-color: #f3f3f2
}
.submit-order {
  float: left;
  margin-left: .75rem;
  width: 3.5rem;
  height: 1.35rem;
  line-height: 1.35rem;
  text-align: center;
  color: #fff;
  background-color: #ff3933;
  border:0px;
}
/*收藏按钮*/
.favorate-goods
{
    /*position: absolute;*/
    font-size: 16px;
    /*top: 28px;*/
    /*right: 16px;*/
    width: 98px;
    height: 26px;
    background: url(../images/favorate.png) no-repeat;
    line-height: 26px;
    cursor: pointer;
    text-align: center;
    display:inline-block;
}
.favorate-gray-star
{
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 10px;
    margin-top: 6px;
    background: url(../images/favorate.png) 0 -54px no-repeat;
}