/* 超小设备（手机，小于 768px） */
@media (max-width: 768px) {
	.shopcart .thead{
		display: none;
	}
	.tbody{
		background: #fff;
	}
	.tbody .row{
		display: flex;
		display: -webkit-flex;
		flex-direction: row;
		flex-wrap: wrap;
		padding:10px 15px;
		border-bottom: 1px solid #e6e6e6;
		position: relative;
	}
	/*.row .cell:nth-child(1) {*/
	/*	display: 100%;*/
	/*	padding:5px 0;*/
	/*}*/
	.row .cell:nth-child(1) {
		width: 100%;
	}
	.row .cell:nth-child(2) {
		width: 70%;
	}
	.row .cell:nth-child(3) {
		width: 30%;
	}
	.row .cell:nth-child(4) {
		display: none;
	}
	.row .cell:nth-child(5) {
		position: absolute;
		top:10px;
		right:15px;
		padding:5px 0;
	}
	
	.shop-checkbox{
		width:16px;
		height:16px;
		margin:0;
	}
	.shop-goods {
		display: flex;
		display: -webkit-flex;
	}
	.shop-goods-img {
		width: 35%;
		display: flex;
		align-items: center;
		overflow: hidden;
		height: 100px;
	}
	
	.shop-goods-info {
		width: 65%;
	}
	
	.shop-goods-img img {
		width: 100%;
		height: 100%;
		vertical-align: middle;
	}
	
	.shop-goods-name {
		padding: 5px 0;
		margin-left:10px;
		font-size: 15px;
	}
	.shop-quality{
		margin-left:10px;
	}
	.shop-quality span {
		color: #999;
		font-size: 13px;
		line-height: 20px;
	}
	
	.shop-quality span+span {
		margin-right: 10px;
	}
	/* 数量控制样式 */
	.shop-number{
		padding-top:5px;
		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: 100%;
		text-align: center;
		padding:0 4px;
		height:22px;
		outline: none;
		border:1px solid #e6e6e6;
	}
	.shop-number .disabled{
		color: #999;
	}
	
	.price-unit{
		padding-top:5px;
		padding-left:50%;
		/* text-align: right; */
		margin-left:10px;
		color: #f00;
		font-size:16px;
	}
	
	/* 底部统计操作 */
	.shopcart-calc {
		height: 40px;
		font-size: 16px;
		padding: 10px 15px;
		background: #fff;
		display: flex;
		display: -webkit-flex;
	}
	
	.shopcart-calc-l {
		line-height: 40px;
		font-size:13px;
	}
	
	.shopcart-calc-l label {
		margin-right: 10px;
		overflow: hidden;
	}
	.shopcart-calc-l label .shop-checkbox{
		float: left;
		margin-top:11px;
		margin-right:5px;
	}
	.shopcart-calc-l label span{
		float: left;
	}
	.shopcart-calc-r {
		flex: 1;
		-webkit-flex: 1;
		display: flex;
		display: -webkit-flex;
	}
	.calc-info{
		flex: 1;
		-webkit-flex: 1;
		text-align: right;
		font-size:12px;
		color:#666;
		padding:10px;
		line-height: 20px;
	}
	.calc-info span{
		color: #f00;
		margin:0 4px;
		font-size:14px;
	}
	.calc-btn {
		background: #f13e3e;
		color: #fff;
		border: none;
		outline: none;
		padding: 0 12px;
		height: 40px;
		line-height: 40px;
		cursor: pointer;
	}
	
	.calc-btn:active {
		background: #b20d20;
	}
}

/* 小型设备（平板电脑，768px 起） */
@media (min-width: 768px) and (max-width: 1200px) {
	.shopcart {
		min-height:500px;
	}
	.table {
		width: 100%;
	}
	
	.thead {
		background: #fff;
		overflow: hidden;
		border-bottom: 1px solid #e6e6e6;
	}
	
	.thead .cell {
		padding-top: 15px;
		padding-bottom: 15px;
		font-weight: bold;
		float: left;
	}
	
	.tbody {
		background: #fff;
	}
	
	.tbody .row {
		overflow: hidden;
		border-bottom: 1px solid #e6e6e6;
	}
	
	.tbody .row:last-child {
		border: none;
	}
	
	.tbody .cell {
		padding-top: 10px;
		padding-bottom: 10px;
		float: left;
	}
	
	/*.row .cell:nth-child(1) {*/
	/*	width: 5%;*/
	/*	padding-left: 1%;*/
	/*	padding-right: 1%;*/
	/*}*/
	
	.row .cell:nth-child(1) {
		width: 54%;
		padding-left: 0.5%;
		padding-right: 0.5%;
	}
	
	.row .cell:nth-child(2) {
		width: 9%;
		padding-left: 0.5%;
		padding-right: 0.5%;
		text-align: center;
	}
	
	.row .cell:nth-child(3) {
		width: 12%;
		text-align: center;
		padding-left: 0.5%;
		padding-right: 0.5%;
	}
	
	.row .cell:nth-child(4) {
		width: 9%;
		padding-left: 0.5%;
		padding-right: 0.5%;
		text-align: center;
	}
	
	.row .cell:nth-child(5) {
		width: 9%;
		padding-left: 0.5%;
		padding-right: 0.5%;
		text-align: center;
	}
	/*.tbody .cell:nth-child(1),.tbody .cell:nth-child(3),.tbody .cell:nth-child(4),.tbody .cell:nth-child(5),.tbody .cell:nth-child(6){*/
	/*	margin-top:30px;*/
	/*}*/
	.tbody .cell:nth-child(2),.tbody .cell:nth-child(3),.tbody .cell:nth-child(4),.tbody .cell:nth-child(5){
		margin-top:30px;
	}
	.shop-checkbox{
		width:16px;
		height:16px;
		margin:0;
	}
	
	.shop-goods {
		overflow: hidden;
	}
	
	.shop-goods-img {
		float: left;
		display: flex;
		align-items: center;
		overflow: hidden;
		width: 120px;
		height: 80px;
	}
	
	.shop-goods-info {
		padding-left: 130px;
	}
	
	.shop-goods-img img {
		width: 100%;
		height: 100%;
		vertical-align: middle;
	}
	
	.shop-goods-name {
		padding: 5px 0;
		font-size: 15px;
	}
	
	.shop-quality span {
		color: #999;
		font-size: 13px;
		line-height: 20px;
	}
	
	.shop-quality span+span {
		margin-right: 10px;
	}
	.shop-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;
	}
	.shop-number .disabled{
		color: #999;
	}
	.price {
		font-size: 15px;
		/* height: 80px; */
	}
	
	.price-unit {
		color: #333;
	}
	
	.price-total {
		color: #f00;
	}
	.goods-delete{
		color: #666;
		font-size:13px;
		cursor: pointer;
	}
	.shopcart-calc {
		height: 48px;
		line-height: 48px;
		font-size: 16px;
		padding: 10px 15px;
		margin-bottom:10px;
		background: #fff;
		overflow: hidden;
		border-top:1px solid #e6e6e6;
	}
	
	.shopcart-calc-l {
		float: left;
	}
	
	.shopcart-calc-l label {
		margin-right: 15px;
		overflow: hidden;
	}
	.shopcart-calc-l label .shop-checkbox{
		float: left;
		margin-top:15px;
		margin-right:5px;
	}
	.shopcart-calc-l label span{
		float: left;
	}
	
	.shopcart-calc-l a:hover {
		cursor: pointer;
		color: #c30e23;
	}
	
	.shopcart-calc-r {
		float: right;
	}
	
	.calc-info {
		display: inline-block;
		margin-right:10px;
	}
	
	.calc-info span {
		margin: 0 5px;
		color: #f00;
	}
	
	.calc-btn {
		background: #f13e3e;
		color: #fff;
		border: none;
		outline: none;
		padding: 0 18px;
		height: 40px;
		line-height: 40px;
		cursor: pointer;
	}
	
	.calc-btn:hover {
		background: #b20d20;
	}
}

/* 大型设备（大台式电脑，1200px 起） */
@media (min-width: 1200px) {
	.shopcart {
		margin: 15px 0;
		min-height: 500px;
	}

	.table {
		width: 100%;
	}

	.thead {
		box-shadow: 0 0 30px #e6e6e6;
		background: #fff;
		overflow: hidden;
	}

	.thead .cell {
		padding-top: 15px;
		padding-bottom: 15px;
		font-weight: bold;
		float: left;
	}

	.tbody {
		margin-top: 10px;
		box-shadow: 0 0 30px #e6e6e6;
		background: #fff;
	}

	.tbody .row {
		overflow: hidden;
		border-bottom: 1px solid #e6e6e6;
	}

	.tbody .row:last-child {
		border: none;
	}

	.tbody .cell {
		padding-top: 15px;
		padding-bottom: 15px;
		float: left;
	}

	/*.row .cell:nth-child(1) {*/
	/*	width: 5%;*/
	/*	padding-left: 1%;*/
	/*	padding-right: 1%;*/
	/*}*/

	.row .cell:nth-child(1) {
		width: 54%;
		padding-left: 0.5%;
		padding-right: 0.5%;
	}

	.row .cell:nth-child(2) {
		width: 9%;
		padding-left: 0.5%;
		padding-right: 0.5%;
		text-align: center;
	}

	.row .cell:nth-child(3) {
		width: 12%;
		text-align: center;
		padding-left: 0.5%;
		padding-right: 0.5%;
	}

	.row .cell:nth-child(4) {
		width: 9%;
		padding-left: 0.5%;
		padding-right: 0.5%;
		text-align: center;
	}

	.row .cell:nth-child(5) {
		width: 9%;
		padding-left: 0.5%;
		padding-right: 0.5%;
		text-align: center;
	}
	/*.tbody .cell:nth-child(1),.tbody .cell:nth-child(3),.tbody .cell:nth-child(4),.tbody .cell:nth-child(5),.tbody .cell:nth-child(6){*/
	/*	margin-top:30px;*/
	/*}*/
	.tbody .cell:nth-child(2),.tbody .cell:nth-child(3),.tbody .cell:nth-child(4),.tbody .cell:nth-child(5){
		margin-top:30px;
	}
	.shop-checkbox{
		width:16px;
		height:16px;
		margin:0;
	}
	
	.shop-goods {
		overflow: hidden;
	}

	.shop-goods-img {
		float: left;
		display: flex;
		align-items: center;
		overflow: hidden;
		width: 120px;
		height: 80px;
	}

	.shop-goods-info {
		padding-left: 130px;
	}

	.shop-goods-img img {
		width: 100%;
		height: 100%;
		vertical-align: middle;
	}

	.shop-goods-name {
		padding: 5px 0;
		font-size: 15px;
	}

	.shop-quality span {
		color: #999;
		font-size: 13px;
		line-height: 20px;
	}

	.shop-quality span+span {
		margin-right: 10px;
	}
	.shop-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;
	}
	.shop-number .disabled{
		color: #999;
	}
	.price {
		font-size: 15px;
		/* height: 80px; */
	}

	.price-unit {
		color: #333;
	}

	.price-total {
		color: #f00;
	}
	.goods-delete{
		color: #666;
		font-size:13px;
		cursor: pointer;
	}
	.shopcart-calc {
		height: 48px;
		line-height: 48px;
		font-size: 16px;
		padding: 10px 12px;
		margin-bottom:15px;
		background: #fff;
		box-shadow: 0 0 30px #e6e6e6;
		overflow: hidden;
	}

	.shopcart-calc-l {
		float: left;
	}

	.shopcart-calc-l label {
		margin-right: 15px;
		overflow: hidden;
	}
	.shopcart-calc-l label .shop-checkbox{
		float: left;
		margin-top:15px;
		margin-right:5px;
	}
	.shopcart-calc-l label span{
		float: left;
	}

	.shopcart-calc-l a:hover {
		cursor: pointer;
		color: #c30e23;
	}

	.shopcart-calc-r {
		float: right;
	}

	.calc-info {
		display: inline-block;
		margin-right:10px;
	}

	.calc-info span {
		margin: 0 5px;
		color: #f00;
	}

	.calc-btn {
		background: #f13e3e;
		color: #fff;
		border: none;
		outline: none;
		padding: 0 18px;
		height: 40px;
		line-height: 40px;
		cursor: pointer;
	}

	.calc-btn:hover {
		background: #b20d20;
	}
}