form {
	display: inline;
}

fieldset {
	border: 0;
}

button:focus {
	outline: none;
}

input,
select,
textarea,
button {
	vertical-align: middle;
	color: #2f2f2f;
}

a {
	color: #000;
	-webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}

input {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

table {
	border: 0;
	border-spacing: 0;
	empty-cells: show;
	font-size: 100%;
	width: 100%;
}

strong {
	font-weight: bold;
}

ul,
ol {
    padding-left: 0;
    list-style: none;
}

.btn:focus {
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.cart {
	width: 85%;
	margin: 20px auto;
	margin-bottom: 0;
	background: #fff;
	border-radius: 0px;
	padding: 0 1rem 30px;
}

.cart .page-title {
	border-bottom: 0;
	margin: 0 0 5px;
	overflow: hidden;
	padding-bottom: 0;
}

.title-buttons h1 {
	text-align: left;
	width: 100%;
	float: left;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 16px;
	margin-bottom: 5px;
}

.cart-empty-one-p {
	font-size: 22px;
	font-weight: bold;
	text-indent: inherit;
	letter-spacing: 0.5px;
	margin-bottom: 5px;
}

.cart-empty-two-p {
	font-size: 14px;
	color: #8e8d8d;
	letter-spacing: 0.5px;
	margin-bottom: 20px;
}

.cart-empty-three-p {
	margin-top: 30px;
}

.cart-empty-three-p a {
	background: #000000;
	color: #FFF;
	padding: 10px 15px;
	font-size: 16px;
	letter-spacing: 0.5px;
	font-weight: bold;
	border-radius: 4px;
}

.messages {
	width: 100%;
	overflow: hidden;
}

.messages,
.messages ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.messages li {
	margin: 17px 0 10px;
}

.error-msg {
	border-color: #f16048;
	background: #faebe7 url(../../images/i_msg-error.gif) no-repeat 10px 5px;
	color: #df280a;
	border-style: solid;
	border-width: 1px;
	min-height: 24px;
	padding: 4px 8px 4px 32px;
	font-size: 11px;
	font-weight: bold;
	margin: 30px auto;
}

.messages li li {
	margin: 0;
}

.cart fieldset #shopping-cart-table {
	width: 100%;
	border: 1px solid #fff;
}

.cart-table-top {
	width: 100%;
	border-bottom: 2px solid #ddd;
	height: 28px;
	font-size: 14px;
	font-weight: 500;
}

.cart-table-top li:nth-child(1) {
	width: 35%;
	text-align: left;
	text-indent: 3em;
}

.cart-table-top li {
	float: left;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
}

.cart-table-top li:nth-child(2) {
	width: 18%;
}

.cart-table-top li:nth-child(3) {
	width: 18%;
}

.cart-table-top li:nth-child(4) {
	width: 18%;
}

.cart-table-top::after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}

.cart-products-list {
	clear: both;
	display: table;
	width: 100%;
	margin: 0;
	padding: 5px 0 10px 0;
	border-bottom: 1px solid #e0e0e0;
}

.cart-products-list .list-clum01 {
	width: 8%;
	text-align: left;
}

.cart-products-list .list-clum01 a img {
	-webkit-transition: all 0.5s linear;
}

.cart-products-list img {
	vertical-align: top;
}

.cart-products-list .pr-img-r {
	width: 100%;
	padding-top: 10px;
}

.cart-products-list .list-clum02 {
	width: 37%;
	text-align: left;
	padding-left: 20px;
	padding-right: 50px;
}

.cart-table .product-name {
	color: #2f2f2f;
	font-size: 12px;
	letter-spacing: 0.5px;
}

.product-name {
	margin: 0;
	font-size: 1em;
	font-weight: normal;
}

.cart-products-list .list-clum06 {
	width: 15%;
}

.price {
	white-space: nowrap;
}

.pr-img-r .list-clum08 {
	position: relative;
}

.cart-products-list .list-clum08 {
	width: 20%;
	padding-top: 3px;
	padding-left: 5px;
}

.change-goodnum {
	position: relative;
	width: 86px;
}

.thumbnail {
	width: 75px;
}

.dowNum {
	top: 3px;
	left: 3px;
	background: url(../../images/zeepec-sprite.png) 0 -431px / 20px auto no-repeat;
}

.addNum {
	top: 3px;
	right: 1px;
	background: url(../../images/zeepec-sprite.png) 0 -454px / 22px auto no-repeat;
}

.goods-but {
	box-sizing: border-box;
	width: 22px;
	height: 22px;
	border: none;
	text-align: center;
	line-height: 20px;
	font-size: 20px;
	cursor: pointer;
	background-color: #fff;
	position: absolute;
	outline: none;
}

.goods-but:hover {
	background-color: #f3f3f3;
}

.pr-img-r .list-clum08 input.qty {
	width: 100%;
}

.pr-img-r .list-clum08 input.qty::-webkit-outer-spin-button,
.pr-img-r .list-clum08 input.qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

.pr-img-r .list-clum08 input[type="number"] {
	-moz-appearance: textfield;
}

input.qty {
	width: 2.5em;
	text-align: center;
}

input.input-text,
textarea {
	padding: 4px 4px;
	line-height: 1.4em;
}

input.input-text,
select,
textarea {
	background: #fff;
	border: solid 1px #ccc;
}

.cart-products-list .list-clum09 {
	width: 15%;
	text-align: left;
}

.cart-products-list .list-clum09 .price {
	color: #000;
	font-weight: 700;
}

.a-center {
	text-align: center;
}

a.btn-remove {
	text-decoration: underline;
	color: #999;
}

.btn-remove {
	display: block;
	font-size: 12px;
	background: none;
	border: none;
	cursor: pointer;
	text-decoration: underline;
}

.web-cart-remove {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(../../images/zeepec-sprite.png) 0 -220px / 16px auto no-repeat;
}

.back-home {
	padding-top: 10px;
	text-align: center;
}

.a-right {
	text-align: right;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.cart-table .btn-continue {
	margin: 10px 0px;
	float: left;
	padding: 8px;
	border: 1px solid #ccc;
	color: #777;
	letter-spacing: 0.5px;
}

button.button {
	overflow: visible;
	width: auto;
	border: 0;
	padding: 0;
	margin: 0;
	background: transparent;
	cursor: pointer;
}

.cart-table .btn-update {
	margin: 10px 0px;
	float: right;
	padding: 8px;
	border: 1px solid #ccc;
}

.cart .cart-collaterals {
	width: 100%;
}

.cart .totals {
	float: right;
	width: 350px;
	font-size: 14px;
}

.cart .totals table {
	width: 100%;
	font-size: 12px;
}

.cart-price {
	font-size: 12px;
}

.cart .totals td {
	padding: 3px 15px 1px 7px;
}

.a-left {
	text-align: left;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.a-right {
	text-align: right;
}

.voucher-bottom {
	width: 100%;
	height: 54px;
	line-height: 54px;
}

#shopping-cart-totals-table .voucher-bottom td {
	width: 100%;
	padding: 10px 0;
	overflow: hidden;
}

.voucher-bottom .input-box {
	width: 57%;
}

.left {
	float: left;
}

.right {
	float: right;
}

#coupon_code {
	width: 100%;
	height: 2.6rem;
	letter-spacing: 0.5px;
	border: 1px solid #ddd;
	font-size: 12px;
	border-radius: 0;
	text-indent: 5px;
}

.voucher-bottom-but {
	width: 40%;
}

.voucher-bottom-but .applycopu-btn {
	width: 100%;
}

.voucher-bottom button.applycopu-btn span {
	background-color: #ddd;
	color: #000;
	padding: 6px;
	font-weight: 600;
	font-size: 14px;
	border: none;
}

button.button span {
	display: block;
	border: 1px solid #272422;
	background: #000;
	text-align: center;
	white-space: nowrap;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.2px;
}

.clear {
	clear: both;
	float: none;
}

.cart .totals .checkout-types {
	font-size: 13px;
	text-align: center;
	padding: 0;
	margin: 0;
	width: 100%;
	z-index: 20;
	margin-top: 5px;
}

.cart .totals .checkout-types li {
	clear: both;
	margin: 10px 0;
}

button.btn-checkout {
	width: 100%;
}

button.btn-checkout span {
	font-size: 16px;
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	border: 0;
	color: #fff;
	border-radius: .25rem;
}

button.btn-checkout span span {
	background-position: 100% 0;
	letter-spacing: 2px;
}

.text-delete {
	text-decoration: line-through;
}

.new-search-from {
	display: none;
}

.m-show {
	display: none;
}


/*活动小图标样式*/

.web-cart-activity-img {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../../images/zeepec-sprite.png) 0 -84px / 16px auto no-repeat;
	vertical-align: top;
}

.receiptTime {
	position: relative;
	height: 30px;
}

.receiptTime ul li {
	font-size: 12px;
	letter-spacing: 1.2px;
}

.receiptTime ul li span {
	color: #000;
}

.continueBtn {
	background: #000;
	color: #FFF;
	border: none;
	padding: 5px 10px;
	width: 55%;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 16px;
	cursor: pointer;
}

.closeBox {
	height: 20px;
}

.deliveryTypePrice {
	padding-left: 10px;
}


/*收货预期*/

.delivery-expectation {
	position: relative;
	font-size: 12px;
	letter-spacing: 1.2px;
	height: 30px;
}

.delivery-expectation .delivery-message {
	display: none;
	padding-left: 8px;
}

.delivery-expectation .time-message {
	border-bottom: 1px solid rgb(235, 235, 235);
	padding-bottom: 6px;
}


/* loading */

.delivery-expectation #loading-model {
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.delivery-expectation #loading-model .loading-circle {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.delivery-expectation #loading-model .loading .loading-circle:after,
.delivery-expectation #loading-model .loading .loading-circle:before {
	content: "";
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	background-repeat: no-repeat;
	margin: auto;
	position: absolute;
	background-color: #fff;
}

.delivery-expectation #loading-model .loading .loading-circle:before {
	width: 100%;
	height: 100%;
	-webkit-animation: loading 1.5s linear infinite;
	animation: loading 1.5s linear infinite;
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .2))), -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .2)), to(rgba(0, 0, 0, .4))), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .4)), to(rgba(0, 0, 0, .6))), -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .6)), to(#000));
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .2)), linear-gradient(90deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .4)), linear-gradient(180deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .6)), linear-gradient(270deg, rgba(0, 0, 0, .6), #000);
	background-position: 0 0, 100% 0, 100% 100%, 0 100%;
	background-size: 50% 50%;
}

.delivery-expectation #loading-model .loading .loading-circle:after {
	width: 90%;
	height: 90%;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTA0LTE2VDE3OjA5OjE2KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0wNC0xNlQyMTowMjo0MiswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMC0wNC0xNlQyMTowMjo0MiswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEVGMzgzREQ3RkUyMTFFQUE4RUJGQUExMjdFNkRFOEEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEVGMzgzREU3RkUyMTFFQUE4RUJGQUExMjdFNkRFOEEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxRUI5Njg0QTdGRTIxMUVBQjRBMUM5N0EwNzkyN0RGMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRUI5Njg0QjdGRTIxMUVBQjRBMUM5N0EwNzkyN0RGMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjzqbAcAAAL4SURBVHja7JZNaBNBFMffbDbfSYNatFaLFfSQgyAevCmK0l4sqBQiiIreBKU9iuLFS8FLKy1FtCeJF4uioAgeShEvCqWtejG0gtIPaqs1TZt0N9kd/xsn7bhumliwueTBL8tsduf99703b4ZxzqmSplCFrSqgKqDiAlTrhzFmXTaBNnAAaMAsIbzwv0tcjTL8eUAa3AeD+RYg9YFBwDeQa5ZvRVK2Z4Oj35CPvqVCpOAg6AY7wbJQKRsToZ8AAbDfoYayYEp63m5ukbo+0AXfP8mhFRcc2SlMuBUMOYQ07WLUDMitkBL2MJX9rjE7K8Is36qDSu7w9XLYXoNGm+IpvHDozF7355ZGtzU2mxtUs+ejTjNpk+KJLM1rzlPKKShlLeCxCKNsw3B27OFx/3zIp/i9IaaQTibXuJeFWQpqjOlvBt0Z1an7g07p3KqQvO8yBbSDTof7j0Iqi41dDNO2iKsvkzTOpw1aQhpy+C8CV0vIXW/Ex25QkNH0rEFdIzr1CCHlCugUAuzWAa73NweoNeq5OZ8ybxWbBUJOQchTCCECk98NyqFcd8UXHGtAblJPROjtdhncrcFkTbuREY2/X2MezeSU8LlEZUHDjnp1pRSLRaBWFFvUdj8DToJX1iDsZjRxIUw1IYVMjR9J6fwc1pgXs2UMTsGgymZ9CvVSgH3SEPIvqIX4WJYW8fVeCOoYWnYUsA8MCBGyWev7MBgv3AhCwFBrkOoCCi3CQX2ti5givhSLcCFpWtGh4R8Gtb9ZppE5I//hfI0iPA36HRrMO9AEkvaGEYCIrGGJIboU9VDIygjGW5Cel19zNDCRIw+qUjf+Xob2veBqkZ7d8b96sRyBsxjHHZ6ZAw9EQdaJHc8UtfAcPBPPHQUx4JcKmEuByopdMwHugRl7BN6uc0drFXvCv7wzXmhm8m44vM4obnZYKaVsu9Wk/jiQwK6IUMXKOFwoIpyj4AWYBCfE8tTFu6zIYSQFbovUrvaB6qG0KqAqoJL2S4ABAKJuVZ+8/fMMAAAAAElFTkSuQmCC);
	background-size: 75% 75%;
	background-position: 45% 50%;
}

@keyframes loading {
	from {
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		/* IE 9 */
		-moz-transform: rotate(0deg);
		/* Firefox */
		-webkit-transform: rotate(0deg);
		/* Safari 和 Chrome */
		-o-transform: rotate(0deg);
		/* Opera */
	}
	to {
		transform: rotate(360deg);
	}
}


/*购物车推荐design*/

.cart-design-recommended {
	width: 100%;
	margin: 20px auto;
	padding-top: 10px;
}

.swiper-design-recommended {
	margin-top: 20px;
	width: 94%;
	margin: 0 auto;
}

.swiper-design-recommended .swiper-slide {
	text-align: center;
}

.cart-design-recommended-title {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
	margin-bottom: 1rem;
}

.img-background {
	width: 100%;
	position: relative;
	padding-bottom: 100%;
	height: 0;
}

.img-background img {
	position: absolute;
}

.recommended-li {
	width: 20%;
	padding: 0 15px;
	margin-bottom: 30px;
}

.price-wrap {
	text-align: center;
}

.goods-title {
	padding: 0 5px;
	letter-spacing: 0.5px;
	margin-top: 5px;
	margin-bottom: 0;
	line-height: 1.2;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 14px;
}

.cart-collaterals:after {
	display: block;
	content: ".";
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0;
	overflow: hidden;
}

@media screen and (max-width: 1024px) {
	.clearfix {
		border-bottom: none;
	}
	.search-mark .new-search-from {
		display: block;
	}
	.cart {
		width: 100%;
		overflow: hidden;
	}
	.change-goodnum {
		width: 70px;
	}
	input.input-text {
		border: none;
		padding: 3px 0;
	}
	.goods-but {
		width: 20px;
		height: 20px;
		line-height: 20px;
	}
	.addNum {
		top: 1px;
	}
	.remove-box {
		width: 30%;
		padding: 10px 0 0;
	}
	.cart fieldset #shopping-cart-table {
		width: 100%;
		border-top: none;
	}
	.cart-table-top {
		display: none;
	}
	.cart-products-list .list-clum06 {
		margin-left: 0;
	}
	.cart-products-list .list-clum02 {
		min-width: 50%;
		max-width: 50%;
		padding-left: 0;
		padding-top: 5px;
		padding-right: 0;
	}
	.cart-products-list .list-clum01 {
		width: 50%;
	}
	.cart-products-list .list-clum09 {
		width: 11%;
	}
	input.qty {
		width: 100%;
		display: block;
	}
	.cart-table .btn-continue {
		padding: 4px 2px;
	}
	.cart-table .btn-continue,
	.cart-table .btn-update {
		width: 48%;
	}
	.cart .totals {
		float: none;
		clear: both;
		width: 100%;
		padding-top: 20px;
	}
	.checkout-types button.button {
		width: 100%;
	}
	button.btn-checkout span,
	.cart-collaterals .col2-set,
	.cart .discount input.input-text {
		width: 100%;
	}
	button.button span {
		padding: 0;
	}
	.button.btn-checkout span span {
		padding: 0;
		line-height: 50px;
	}
	.v-swiper-button-prev,
	.v-swiper-button-next {
		display: none;
	}
	.icon-search-pos {
		display: block;
	}
}

@media screen and (max-width: 767px) {
	.cart {
		padding: 0 0 30px;
	}
	.pc-show {
		display: none;
	}
	.m-show {
		display: block;
	}
	.m-show .continue_pord {
		border-bottom: solid 1px #999;
		color: #777;
		font-size: 12px;
	}
	.cart-products-list {
		padding: 5px 0 10px;
	}
	.page-title h1 {
		padding-bottom: 0;
		margin-bottom: 10px;
	}
	.cart .page-title {
		margin: 0;
	}
	.cart .totals {
		padding: 0;
	}
	.cart-products-list .pr-img-r {
		padding: 0 5px;
	}
	.recommended-li {
		width: 50%;
	}
	.recommended-li:nth-of-type(odd) {
		padding-left: 15px;
		padding-right: 5px;
	}
	.recommended-li:nth-of-type(even) {
		padding-right: 15px;
		padding-left: 5px;
	}
	.swiper-design-recommended .swiper-slide {
		margin-bottom: 10px;
	}
	.goods-title {
	    font-size: 12px;
	}
	.may-also-like .swiper-wrapper .swiper-slide img {
		width: 100%;
	}
	.cart-products-list .list-clum08 {
		width: 10%;
		padding-top: 3px;
	}
	.swiper-design-recommended {
		width: 100%;
	}
	.receiptTime {
		border-top: none;
		height: 45px;
	}
	.shippingReceiptTime {
		padding: 5px 7px;
	}
}

@media screen and (max-width: 350px) {
	.thumbnail {
		width: 65px;
	}
}