/* 超小设备（手机，小于 768px） */
.goods-part-cell .goods-code {
	display: none;
	text-align: center;
	margin-top: 10px;
}
@media (max-width: 768px) {
	.goods-shopcart{
		position: fixed;
		right:0;
		top:40%;
		z-index:99;
		background: #fff;
		padding:10px 20px 10px 10px;
		border-radius: 10px 0 0 10px;
		box-shadow: 0 0 30px #bbb;
		cursor: pointer;
	}
	.goods-shopcart img{
		width:36px;
		height:36px;
	}
	.goods-shopcart span{
		position: absolute;
		right:10px;
		top:10px;
		z-index:100;
		background: #f00;
		font-size:12px;
		padding:2px 5px;
		border-radius:20px;
		-webkit-border-radius:20px;
		-moz-border-radius:20px;
		color: #fff;
	}
	/* 商品详情头部部分 */
	.goods-swiper{
		width: 100%;
	}
	.goods-swiper .img-big{
		margin-bottom:10px;
	}
	.goods-swiper .img-thumbs{
		margin:0 15px;
	}
	.img-thumbs .swiper-slide{
		opacity: 0.5;
		filter: alpha(opacity=50);
	}
	.img-thumbs-active{
		opacity:1!important;
		filter: alpha(opacity=100)!important;
	}
	.goods-detail-info{
		margin:10px 15px;
	}
	.goods-title{
		font-size:18px;
		padding:8px 0;
	}
	.goods-features, .goods-description{
		font-size:15px;
	}
	.goods-description {
		padding: 15px;
		color: #666;
	}
	.goods-features h6{
		font-size:15px;
		padding:4px 0;
		color: #333;
	}
	
	.goods-features p{
		font-size:14px;
		padding:4px 0;
		color: #666;
	}
	/* 商品部件条件过滤 */
	.goods-filter-condition{
		padding:10px 11px;
		background: #f2f2f2;
		border-bottom: 1px solid #ddd;
		
	}
	.goods-filter-condition .filter-condition{
		display: flex;
		display: -webkit-flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.goods-filter-condition .filter-item{
		font-size:14px;
		border: 1px solid #e6e6e6;
		outline: none;
		padding:0 0 0 8px;
		height:40px;
		line-height:40px;
		box-sizing: border-box;
		margin:2px 0.5%;
	}
	.goods-filter-condition .filter-select{
		width: 49%;
		height:40px;
		line-height:40px;
	}
	.goods-filter-condition .filter-input-number{
		width: 24%;
	}
	.goods-filter-condition .filter-input-text{
		width: 49%;
	}
	.goods-filter-condition .filter-btn{
		font-size:14px;
		outline: none;
		background: #fff;
		height:40px;
		width: 49%;
		margin:2px 0.5%;
		line-height:40px;
		border: 1px solid #e6e6e6;
		cursor: pointer;
	}
	.goods-filter-condition .filter-btn:active{
		background: #e6e6e6;
	}
	/* 商品部件列表部分 */
	.goods-part{
		margin-bottom:10px;
	}
	.goods-part-header{
		background: #f2f2f2;
		line-height:32px;
		padding-left:15px;
		font-weight: bold;
		color: #666;
	}
	
	.goods-part-table{
		display: flex;
		display: -webkit-flex;
		flex-direction: row;
		flex-wrap: wrap;
		padding:15px;
		border-bottom: 1px solid #e6e6e6;
	}
	.goods-part-cell{
		vertical-align: middle;
	}
	.goods-part-img{
		width:100%!important;
	}
	.goods-part-cell:nth-child(1){
		width: 35%;
	}
	.goods-part-cell .goods-code {
		display: block;
	}
	.goods-part-cell:nth-child(2){
		width: 10%;
		display: none;
	}
	.goods-part-cell:nth-child(3){
		width: 65%;
	}
	.goods-part-cell:nth-child(4){
		width: 100%;
		padding-left:35%;
	}
	.goods-part-cell:nth-child(5){
		width: 60%;
		text-align: right;
	}
	.goods-part-cell:nth-child(6){
		width: 40%;
	}
	.goods-part-table-header{
		display: none;
	}
	
	.goods-part-name, .goods-part-cell .goods-code{
		font-size:14px;
	}
	.goods-part-feature{
		color: #666;
		padding-left: 10px;
	}
	.goods-part-feature p{
		padding-bottom:5px;
	}
	/* 数量控制样式 */
	.goods-part-number{
		padding-top:10px;
		padding-left:10px;
		display: flex;
		display: -webkit-flex;
	}
	.number-add,.number-sub{
		background: #e6e6e6;
		width: 24px;
		height:24px;
		font-size:15px;
		color: #666;
		line-height:24px;
		cursor: pointer;
		text-align: center;
	}
	
	.number-input{
		/* flex: 1;
		-webkit-flex: 1; */
		width: 48px;
		text-align: center;
		padding:0 4px;
		height:22px;
		outline: none;
		border:1px solid #e6e6e6;
	}
	.goods-part-number .disabled{
		color: #999;
	}
	.goods-part-price{
		padding-right:10px;
		padding-top:10px;
	}
	.goods-part-price .original-price{
		color: #999;
		font-size:13px;
		display: inline-block;
		text-decoration: line-through;
	}
	.goods-part-price .current-price{
		font-size:15px;
		display: inline-block;
		color: #f00;
	}
	.goods-part-operate{
		padding-top:10px;
	}
	.goods-part-operate .add-shopcart-btn{
		display: block;
		background: #f13e3e;
		color: #fff;
		border: none;
		outline: none;
		text-align: center;
		height: 40px;
		line-height: 40px;
		cursor: pointer;
	}
	.goods-part-operate .add-shopcart-btn:active {
		background: #b20d20;
	}
}
/* 小型设备（平板电脑，768px 起） */
@media (min-width: 768px) and (max-width: 1200px) {
	.goods-shopcart{
		position: fixed;
		right:0;
		top:40%;
		z-index:99;
		background: #fff;
		padding:10px 20px 10px 10px;
		border-radius: 10px 0 0 10px;
		box-shadow: 0 0 30px #bbb;
		cursor: pointer;
	}
	.goods-shopcart img{
		width:36px;
		height:36px;
	}
	.goods-shopcart span{
		position: absolute;
		right:10px;
		top:10px;
		z-index:100;
		background: #f00;
		font-size:12px;
		padding:2px 5px;
		border-radius:20px;
		-webkit-border-radius:20px;
		-moz-border-radius:20px;
		color: #fff;
	}
	/* 商品详情头部部分 */
	.goods-detail-header{
		overflow: hidden;
		margin:15px;
	}
	.goods-swiper{
		float: left;
		width: 50%;
	}
	.goods-swiper .img-big{
		overflow: hidden;
		margin-bottom:10px;
	}
	.img-thumbs .swiper-slide{
		opacity: 0.5;
		filter: alpha(opacity=50);
	}
	.img-thumbs-active{
		opacity:1!important;
		filter: alpha(opacity=100)!important;
	}
	.goods-detail-info{
		float: right;
		width: 48.5%;
	}
	.goods-title{
		font-size:18px;
		padding:8px 0;
	}
	.goods-features{
		font-size:15px;
		padding:4px 0;
	}
	.goods-description{
		font-size:15px;
		padding: 10px 0;
		color: #666;
	}
	.goods-features h6{
		font-size:15px;
		padding:4px 0;
		color: #333;
	}
	
	.goods-features p{
		font-size:14px;
		padding:4px 0;
		color: #666;
	}
	/* 商品部件条件过滤 */
	.goods-filter-condition{
		padding:10px 15px;
		background: #f2f2f2;
		border-bottom: 1px solid #ddd;
		overflow: hidden;
	}
	.goods-filter-condition .filter-item{
		float: left;
		font-size:14px;
		border: 1px solid #e6e6e6;
		outline: none;
		margin-right:4px;
		padding:0 0 0 8px;
		height:38px;
		line-height:38px;
	}
	.goods-filter-condition .filter-select{
		width: 8%;
		height:40px;
		line-height:40px;
	}
	.goods-filter-condition .filter-input-number{
		width: 8%;
	}
	.goods-filter-condition .filter-input-text{
		width: 20%;
	}
	.goods-filter-condition .filter-btn{
		float: left;
		font-size:14px;
		margin-right:4px;
		outline: none;
		background: #fff;
		padding:0 15px;
		height:40px;
		line-height:40px;
		border: 1px solid #e6e6e6;
		cursor: pointer;
	}
	.goods-filter-condition .filter-btn:hover{
		background: #e6e6e6;
	}
	/* 商品部件列表部分 */
	.goods-part{
		margin-bottom:10px;
	}
	.goods-part-list{
		margin:10px 0;
	}
	.goods-part-header{
		background: #f2f2f2;
		line-height:32px;
		padding-left:15px;
		font-weight: bold;
		color: #666;
	}
	
	.goods-part-table{
		overflow: hidden;
		display: table;
		width: 100%;
		margin:10px 0;
	}
	.goods-part-cell{
		display: table-cell;
		padding: 8px;
		vertical-align: middle;
	}
	.goods-part-img{
		width:100%!important;
	}
	.goods-part-cell:nth-child(1){
		width: 15%;
	}
	.goods-part-cell:nth-child(2){
		width: 10%;
	}
	.goods-part-cell:nth-child(3){
		width: 35%;
	}
	.goods-part-cell:nth-child(4){
		width: 15%;
		text-align: center;
	}
	.goods-part-cell:nth-child(5){
		width: 10%;
		text-align: center;
	}
	.goods-part-cell:nth-child(6){
		width: 15%;
		text-align: center;
	}
	.goods-part-table-header{
		background: #f2f2f2;
		padding:6px 0;
		margin:0 0 10px;
	}
	.goods-part-table-header .goods-part-cell{
		font-weight: bold;
	}
	
	.goods-part-name, .goods-part-cell .goods-code{
		font-size:14px;
	}
	.goods-part-feature{
		color: #666;
	}
	.goods-part-feature p{
		padding-bottom:5px;
	}
	.goods-part-number{
		overflow: hidden;
		display: inline-block;
	}
	.number-add,.number-sub{
		float: left;
		background: #e6e6e6;
		width: 24px;
		height:24px;
		font-size:15px;
		color: #666;
		line-height:24px;
		cursor: pointer;
		text-align: center;
	}
	
	.number-input{
		float: left;
		width:32px;
		text-align: center;
		padding:0 4px;
		height:22px;
		outline: none;
		border:1px solid #e6e6e6;
	}
	.goods-part-number .disabled{
		color: #999;
	}
	
	.goods-part-price .original-price{
		color: #999;
		font-size:13px;
		text-decoration: line-through;
	}
	.goods-part-price .current-price{
		font-size:15px;
		color: #f00;
	}
	
	.goods-part-operate .add-shopcart-btn{
		display: inline-block;
		background: #f13e3e;
		color: #fff;
		border: none;
		outline: none;
		padding: 0 8px;
		height: 40px;
		line-height: 40px;
		cursor: pointer;
	}
	.goods-part-operate .add-shopcart-btn:hover {
		background: #b20d20;
	}
}

/* 大型设备（大台式电脑，1200px 起） */
@media (min-width: 1200px) {
	.goods-shopcart{
		position: fixed;
		right:0;
		top:50%;
		z-index:99;
		background: #fff;
		padding:10px 30px 10px 10px;
		border-radius: 10px 0 0 10px;
		box-shadow: 0 0 30px #ddd;
		cursor: pointer;
	}
	.goods-shopcart img{
		width:48px;
		height:48px;
	}
	.goods-shopcart span{
		position: absolute;
		right:15px;
		top:10px;
		z-index:100;
		background: #f00;
		font-size:12px;
		padding:2px 5px;
		border-radius:20px;
		-webkit-border-radius:20px;
		-moz-border-radius:20px;
		color: #fff;
	}
	/* 商品详情头部部分 */
	.goods-detail-header{
		overflow: hidden;
		margin:20px 0;
	}
	.goods-swiper{
		float: left;
		width: 600px;
	}
	.goods-swiper .img-big{
		overflow: hidden;
		margin-bottom:10px;
	}
	.img-thumbs .swiper-slide{
		opacity: 0.5;
		filter: alpha(opacity=50);
	}
	.img-thumbs-active{
		opacity:1!important;
		filter: alpha(opacity=100)!important;
	}
	.goods-detail-info{
		float: right;
		width: 580px;
	}
	.goods-title{
		font-size:20px;
		padding:10px 0;
	}
	.goods-features{
		font-size:16px;
		padding:5px 0;
	}
	.goods-description{
		font-size:16px;
		padding: 15px 0;
		color: #666;
	}
	.goods-features h6{
		font-size:16px;
		padding:5px 0;
		color: #333;
	}
	
	.goods-features p{
		font-size:14px;
		padding:5px 0;
		color: #666;
	}
	/* 商品部件条件过滤 */
	.goods-filter-condition{
		padding:10px;
		background: #f2f2f2;
		border-bottom: 1px solid #ddd;
		overflow: hidden;
	}
	.goods-filter-condition .filter-item{
		float: left;
		font-size:14px;
		border: 1px solid #e6e6e6;
		outline: none;
		margin-right:4px;
		padding:0 0 0 8px;
		height:38px;
		line-height:38px;
	}
	.goods-filter-condition .filter-select{
		width: 200px;
		height:40px;
		line-height:40px;
	}
	.goods-filter-condition .filter-input-number{
		width: 100px;
	}
	.goods-filter-condition .filter-input-text{
		width: 200px;
	}
	.goods-filter-condition .filter-btn{
		float: left;
		font-size:14px;
		margin-right:4px;
		outline: none;
		background: #fff;
		padding:0 15px;
		height:40px;
		line-height:40px;
		border: 1px solid #e6e6e6;
		cursor: pointer;
	}
	.goods-filter-condition .filter-btn:hover{
		background: #e6e6e6;
	}
	/* 商品部件列表部分 */
	.goods-part{
		margin-bottom:10px;
	}
	.goods-part-list{
		margin:10px 0;
	}
	.goods-part-header{
		background: #f2f2f2;
		line-height:32px;
		padding-left:8px;
		font-weight: bold;
		color: #666;
	}
	
	.goods-part-table{
		overflow: hidden;
		display: table;
		width: 100%;
		margin:10px 0;
	}
	.goods-part-cell{
		display: table-cell;
		padding: 8px;
		vertical-align: middle;
	}
	.goods-part-img{
		width:100%!important;
	}
	.goods-part-cell:nth-child(1){
		width: 15%;
	}
	.goods-part-cell:nth-child(2){
		width: 10%;
	}
	.goods-part-cell:nth-child(3){
		width: 35%;
	}
	.goods-part-cell:nth-child(4){
		width: 15%;
		text-align: center;
	}
	.goods-part-cell:nth-child(5){
		width: 10%;
		text-align: center;
	}
	.goods-part-cell:nth-child(6){
		width: 15%;
		text-align: center;
	}
	.goods-part-table-header{
		background: #f2f2f2;
		padding:6px 0;
		margin:0 0 10px;
	}
	.goods-part-table-header .goods-part-cell{
		font-weight: bold;
	}
	
	.goods-part-name, .goods-part-cell .goods-code{
		font-size:15px;
	}
	.goods-part-feature{
		color: #666;
	}
	.goods-part-feature p{
		padding-bottom:10px;
	}
	.goods-part-number{
		overflow: hidden;
		display: inline-block;
	}
	.number-add,.number-sub{
		float: left;
		background: #e6e6e6;
		width: 24px;
		height:24px;
		font-size:15px;
		color: #666;
		line-height:24px;
		cursor: pointer;
		text-align: center;
	}
	
	.number-input{
		float: left;
		width:32px;
		text-align: center;
		padding:0 4px;
		height:22px;
		outline: none;
		border:1px solid #e6e6e6;
	}
	.goods-part-number .disabled{
		color: #999;
	}
	
	.goods-part-price .original-price{
		color: #999;
		font-size:13px;
		text-decoration: line-through;
	}
	.goods-part-price .current-price{
		font-size:16px;
		color: #f00;
	}
	
	.goods-part-operate .add-shopcart-btn{
		display: inline-block;
		background: #f13e3e;
		color: #fff;
		border: none;
		outline: none;
		padding: 0 18px;
		height: 40px;
		line-height: 40px;
		cursor: pointer;
	}
	.goods-part-operate .add-shopcart-btn:hover {
		background: #b20d20;
	}
}