/* 小手 */
.cursor-pointer {
	cursor: pointer;
}

/*logo大小*/

@media (max-width: 575px) {
	.logo {
		width: 100%;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.logo {
		width: 140px;
	}
}


@media (min-width: 768px) and (max-width: 1023px) {
	.logo {
		width: 140px;
	}
}

@media (min-width: 1024px) and (max-width: 1499px) {
	.logo {
		width: 160px;
	}
}

@media (min-width: 1500px) {
	.logo {
		width: 160px;
	}
}


/* 分页条 - 重新设计 */
.pagination-ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	color: #8a8a8a;
	padding: 0;
	user-select: none;
	align-items: center;
	justify-content: center;
	margin: 30px 0;
}

.pagination-li {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border: 1px solid #f0e9ff;
	cursor: pointer;
	margin: 0 5px 10px;
	transition: all 0.3s ease;
	border-radius: 4px;
	font-size: 14px;
}

.pagination-li:hover:not(.disabled):not(.pagination-ellipsis):not(.pagination-active):not(.pagination-info):not(.pagination-jump) {
	background-color: #f8f4e5;
	color: #cf9163;
	border-color: #cf9163;
}

.pagination-active {
	background-color: #cf9163;
	color: #fff;
	border-color: #cf9163;
	font-weight: bold;
}

/* 禁用状态 */
.pagination-li.disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

/* 省略号 */
.pagination-ellipsis {
	border: none;
	cursor: default;
}

/* 首页、末页、上一页、下一页按钮 */
.pagination-first,
.pagination-last,
.pagination-prev,
.pagination-next {
	background-color: #f8f8f8;
}

/* 页码信息 */
.pagination-info {
	width: auto;
	padding: 0 10px;
	border: none;
	margin-left: 15px;
}

/* 跳转区域 */
.pagination-jump {
	display: flex;
	align-items: center;
	width: auto;
	height: 40px;
	border: none;
	margin-left: 10px;
}

.pagination-input {
	width: 50px;
	height: 30px;
	border: 1px solid #f0e9ff;
	border-radius: 4px;
	padding: 0 5px;
	text-align: center;
	margin-right: 5px;
}

.pagination-go {
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	background-color: #cf9163;
	color: #fff;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	transition: all 0.3s ease;
}

.pagination-go:hover {
	background-color: #b77e50;
}

/* 响应式调整 */
@media (max-width: 768px) {
	.pagination-info,
	.pagination-jump {
		display: none;
	}
	
	.pagination-li {
		width: 35px;
		height: 35px;
		margin: 0 3px 8px;
		font-size: 12px;
	}
}

/* 省略号 */
.ellipsis-omit {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ellipsis-multiline2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*加载动画*/
.loading-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 9999999;
}

.circle-container {
	position: relative;
	width: 100px;
	height: 100px;
}

.circle {
	position: absolute;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border: 2px solid #2196f3;
	animation: rotate-circle 3s infinite linear;
}

.dot {
	position: absolute;
	width: 15px;
	height: 15px;
	background-color: #82b1ff;
	border-radius: 50%;
	top: -7.5px;
	left: 42.5px;
	animation: flash-dot 1s infinite ease-in-out alternate;
}

.dot:nth-child(2) {
	animation-delay: 0.3s;
}

.dot:nth-child(3) {
	animation-delay: 0.6s;
}

.dot:nth-child(4) {
	animation-delay: 0.9s;
}

.loading-text {
	margin-top: 30px;
	font-size: 24px;
	text-transform: uppercase;
	letter-spacing: 3px;
	color: #82b1ff;
}

@keyframes rotate-circle {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes flash-dot {
	0% {
		opacity: 0.1;
	}

	100% {
		opacity: 1;
	}
}

/* 下拉搜索框 */
.bill_state_iop,
.bill_country_iop,
.bill_city_iop,
.ship_state_iop,
.ship_country_iop,
.ship_city_iop {
	height: 40px;
	display: flex;
	align-items: center;
	padding: 10px;
}


.iop {
	padding: 5px 10px;
	cursor: pointer;
}

.iop:hover {
	background-color: #ebebeb;
}

.bill_state_iop-list,
.bill_country_iop-list,
.bill_city_iop-list,
.ship_state_iop-list,
.ship_country_iop-list,
.ship_city_iop-list {
	border: solid 1px #ebebeb;
	width: 100%;
	height: 180px;
	overflow-y: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
	transform: translateY(-20px);
}

.select-hidden {
	display: none;
}


/* 评论列表 */
.single-review>.space-between {
	display: flex;
	justify-content: space-between;
}

.single-review>.space-between>.name {
	font-size: 20px;
}

.single-review>.space-between>.specifications {
	flex: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-left: 20px;
	/* text-align: right; */
}

.single-review>.comment {
	color: #999;
	padding: 10px 0;
}

.single-review {
	border-bottom: 1px solid #dfdfdf;
	padding-bottom: 30px;
	margin-bottom: 30px;
}


.single-review:last-child {
	border-bottom: none;
}


/* 加载动画 */
@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.spin {
	animation: spin 1s linear infinite;
}
/* Payment card styles */
.payment-card {
	background-color: white;
	border-radius: 12px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	padding: 2rem;
	overflow: hidden;
}

.payment-header {
	text-align: center;
	margin-bottom: 1.5rem;
}

.payment-header h2 {
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: 0.5rem;
}

.payment-header p {
	color: #6b7280;
	font-size: 0.9rem;
}

/* Payment options */
.payment-options {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	margin-bottom: 1.5rem;
}

.payment-option {
	position: relative;
}

.payment-option input[type="radio"] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

.payment-option label {
	display: block;
	padding: 1rem;
	border: 2px solid #e5e7eb;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.2s ease;
}

.payment-option input[type="radio"]:checked + label {
	border-color: #3b82f6;
	background-color: #ebf5ff;
}

.option-content {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.option-icon {
	width: 24px;
	height: 24px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.paypal-icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230070ba' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.144 19.532l1.049-5.751c.11-.606.691-1.002 1.304-.948 2.155.192 6.877.1 8.818-4.002 2.554-5.397-.59-7.769-6.295-7.769H7.43a1.97 1.97 0 0 0-1.944 1.655L2.77 19.507a1.35 1.35 0 0 0 1.31 1.725h3.064v-.013c0 0 .65-.126 1.317-1.687h-1.317z'/%3E%3Cpath d='M7.144 19.532l1.049-5.751c.11-.606.691-1.002 1.304-.948 2.155.192 6.877.1 8.818-4.002 2.554-5.397-.59-7.769-6.295-7.769H7.43a1.97 1.97 0 0 0-1.944 1.655L2.77 19.507a1.35 1.35 0 0 0 1.31 1.725h3.064v-.013c0 0 .65-.126 1.317-1.687h-1.317z'/%3E%3C/svg%3E");
}

.credit-card-icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='4' width='22' height='16' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='1' y1='10' x2='23' y2='10'%3E%3C/line%3E%3C/svg%3E");
}

.option-text {
	display: flex;
	flex-direction: column;
}

.option-title {
	font-weight: 500;
}

.option-description {
	font-size: 0.85rem;
	color: #6b7280;
	margin-top: 0.25rem;
}

/* Form styles */
.payment-form {
	margin-top: 1.5rem;
}

.form-group {
	margin-bottom: 1rem;
}

.form-row {
	display: flex;
	gap: 1rem;
}

.form-group.half {
	flex: 1;
}

label {
	display: block;
	font-size: 0.875rem;
	font-weight: 500;
	margin-bottom: 0.5rem;
}

.card-input-wrapper {
	position: relative;
	display: flex;
	align-items: center;
}

.card-brand-icon {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	width: 32px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 10;
}

input[type="text"] {
	width: 100%;
	padding: 0.75rem;
	border: 1px solid #d1d5db;
	border-radius: 6px;
	font-size: 1rem;
	transition: border-color 0.2s ease;
}

input[type="text"]:focus {
	outline: none;
	border-color: #3b82f6;
	box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
}

input[type="text"].error {
	border-color: #ef4444;
}

input[type="text"].error:focus {
	box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.2);
}

.error-message {
	color: #ef4444;
	font-size: 0.8rem;
	margin-top: 0.5rem;
	min-height: 2rem;
}

.card-type-message {
	color: #6b7280;
	font-size: 0.8rem;
	margin-top: 0.25rem;
	min-height: 1rem;
}

/* Button styles */
.payment-button {
	display: block;
	width: 100%;
	padding: 0.875rem;
	background-color: #3b82f6;
	color: white;
	border: none;
	border-radius: 6px;
	font-size: 1rem;
	font-weight: 500;
	cursor: pointer;
	transition: background-color 0.2s ease;
	margin-top: 1.5rem;
}

.payment-button.paypal-button {
	background-color: #ffc439;
	color: #253b80;
	font-weight: 600;
}

.payment-button.paypal-button:hover {
	background-color: #f2ba36;
}

.payment-button:hover {
	background-color: #2563eb;
}

.payment-button:focus {
	outline: none;
	box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.4);
}

/* Card brand icons */
.card-brand-visa {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 750 471'%3E%3Cpath fill='%230E4595' d='M278.2 334.2l33.4-195.8h53.3l-33.4 195.8z'/%3E%3Cpath d='M524.3 142.6c-10.6-4-27.1-8.2-47.8-8.2-52.7 0-89.9 26.6-90.1 64.6-.4 28.1 26.5 43.8 46.8 53.2 20.7 9.6 27.7 15.7 27.6 24.3-.1 13.1-16.6 19.1-31.9 19.1-21.3 0-32.7-3-50.2-10.2l-6.9-3.1-7.5 43.8c12.5 5.5 35.5 10.2 59.4 10.4 56.1 0 92.5-26.2 92.9-66.9.2-22.3-14-39.3-44.8-53.2-18.7-9.1-30.1-15.1-30-24.3 0-8.1 9.7-16.8 30.5-16.8 17.4-.3 30 3.5 39.8 7.5l4.8 2.3 7.4-42.5' fill='%230E4595'/%3E%3Cpath d='M661.6 138.5h-41.2c-12.8 0-22.3 3.5-27.9 16.2l-79.1 179.5h56l11.2-29.4h68.3l6.5 29.4h49.5l-43.3-195.7zm-66.5 131.5c4.4-11.3 21.2-54.7 21.2-54.7l.4.7c0-.1 4.4-11.3 7.1-18.7l3.6 16.9 12.3 55.8h-44.6z' fill='%230E4595'/%3E%3Cpath d='M217.7 138.5L164.9 263l-5.6-27.3c-9.8-31.5-40.3-65.7-74.4-82.7l48.1 181.2h56.8l84.6-195.7h-56.7z' fill='%230E4595'/%3E%3Cpath d='M131.4 138.5H44.8l-.7 4.2c67.5 16.4 112.1 55.9 130.6 103.4l-18.8-90.9c-3.3-12.4-12.7-16.1-24.5-16.7z' fill='%23F2AE14'/%3E%3C/svg%3E");
}

.card-brand-mastercard {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 131.4 86.9'%3E%3Cpath d='M48.4 15.7h34.6v55.5H48.4z' fill='%23FF5F00'/%3E%3Cpath d='M51.7 43.5c0-11.3 5.3-21.3 13.5-27.8-6-4.7-13.6-7.5-21.9-7.5-19.6 0-35.5 15.9-35.5 35.5s15.9 35.5 35.5 35.5c8.3 0 15.9-2.8 21.9-7.5-8.2-6.7-13.5-16.7-13.5-28.2z' fill='%23EB001B'/%3E%3Cpath d='M123.6 43.5c0 19.6-15.9 35.5-35.5 35.5-8.3 0-15.9-2.8-21.9-7.5 8.3-6.5 13.5-16.5 13.5-27.8 0-11.3-5.3-21.3-13.5-27.8 6-4.7 13.6-7.5 21.9-7.5 19.5-.2 35.5 15.7 35.5 35.1z' fill='%23F79E1B'/%3E%3C/svg%3E");
}

.card-brand-amex {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 750 471'%3E%3Cpath fill='%23006FCF' d='M554.6 130.2H614L750 298.7V130.2h59.6V401H651.2L517.4 233.8V401h-59.6V130.2h96.8zM0 130.2h37.3l38.7 92.1 38.7-92.1h37.3v153.4h-23.3V157.1l-36.2 85.2h-32.9l-36.2-85.2v126.5H0V130.2zm204.2 0h81.2c18.3 0 33.3 14.9 33.3 33.3v20c0 18.3-15 33.3-33.3 33.3h-57.9v66.7h-23.3V130.2zm23.3 23.3v40h54.6c9.2 0 16.7-7.5 16.7-16.7v-6.7c0-9.2-7.5-16.7-16.7-16.7h-54.6v.1zm110.8-23.3h85.4c18.3 0 33.3 14.9 33.3 33.3v20c0 12.5-7.1 23.3-17.5 29.2l29.2 70.8h-26.7l-25.8-63.3h-54.6v63.3h-23.3V130.2zm23.3 23.3v43.3h58.7c9.2 0 16.7-7.5 16.7-16.7v-10c0-9.2-7.5-16.7-16.7-16.7h-58.7v.1z'/%3E%3C/svg%3E");
}

.card-brand-discover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 780 500'%3E%3Cpath d='M409.4 197.9c-16.5 0-31.3 5.6-42.8 16.5v-16.5h-42.4V363h42.4v-97.2c0-19.7 12.1-33.6 30.7-33.6 17.9 0 28.6 13.9 28.6 33.6V363h42.4v-97.2c0-42.8-25.8-67.9-58.9-67.9z' fill='%23000'/%3E%3Cpath d='M175.9 197.9c-45.6 0-78.2 31.7-78.2 83.3 0 49.8 32.1 83.3 80.1 83.3 23.1 0 43.2-7.9 60.7-23.5l-20.6-26.3c-11.6 9.7-24.4 14.6-38.3 14.6-20.2 0-37.3-12.1-40.5-35.2h108c.4-4.1.8-8.2.8-12.5-.4-51.3-29.8-83.7-72.1-83.7h.1zm-36.9 70.8c4.1-20.2 18.7-32.5 36.9-32.5 18.3 0 31.3 11.6 33.6 32.5h-70.5z' fill='%23000'/%3E%3Cpath d='M246.8 363h42.4V197.9h-42.4V363zm21.4-233.8c-14.3 0-25.4 11.2-25.4 25.4 0 14.3 11.2 25.4 25.4 25.4 14.3 0 25.4-11.2 25.4-25.4 0-14.3-11.2-25.4-25.4-25.4z' fill='%23000'/%3E%3Cpath d='M673.7 285.2c0-23.9-14.6-44.7-55.1-44.7-19.1 0-38.3 5.2-52.5 13.1l10.1 30.2c10.5-5.6 23.5-10.1 36.5-10.1 15.4 0 19.5 6 19.5 12.1v3.7c-6-3-16.5-6-28.6-6-33.2 0-54.7 15.8-54.7 44.3 0 26.7 20.2 42.8 47.6 42.8 19.1 0 31.7-7.9 37.7-16.9h1.1V363h40.5v-77.8h-.1zm-42.4 47.2c0 3.7-.4 7.1-1.9 10.1-3 6-10.1 11.2-20.6 11.2-9.7 0-17.6-4.9-17.6-15 0-10.5 7.9-15.4 19.5-15.4 7.5 0 14.6 1.9 20.6 4.5v14.6z' fill='%23000'/%3E%3Cpath d='M46.6 362.9h42.4V197.8H46.6v165.1z' fill='%23000'/%3E%3Cpath d='M46.6 178.3h42.4v-42H46.6v42z' fill='%23000'/%3E%3Cpath d='M507.3 197.9c-18.7 0-31.3 9.7-37.7 16.9h-1.1v-16.9h-40.5V363h42.4v-97.2c0-3.7.4-7.1 1.9-10.1 3-6 10.1-11.2 20.6-11.2 14.6 0 22.7 11.2 22.7 27.1V363h42.4v-97.2c0-42.8-25.8-67.9-50.7-67.9z' fill='%23000'/%3E%3Cpath d='M780 279.6c0 46.1-37.7 83.3-83.7 83.3H493.1c46.1 0 83.7-37.3 83.7-83.3 0-46.1-37.7-83.3-83.7-83.3h203.2c46 0 83.7 37.2 83.7 83.3z' fill='%23F27712'/%3E%3C/svg%3E");
}

.card-brand-diners {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 750 471'%3E%3Cpath fill='%230079BE' d='M584.9 236.6c0-99.4-83-180.1-185.4-180.1h-48.8c-102.3 0-185.4 80.7-185.4 180.1 0 99.4 83 180.1 185.4 180.1h48.8c102.3 0 185.4-80.7 185.4-180.1z'/%3E%3Cpath fill='%23FFFFFF' d='M350.7 130.3c-58.6 0-106.3 47.6-106.3 106.3 0 58.6 47.6 106.3 106.3 106.3s106.3-47.6 106.3-106.3c0-58.7-47.6-106.3-106.3-106.3z'/%3E%3Cpath fill='%230079BE' d='M350.7 130.3v212.5c58.6 0 106.3-47.6 106.3-106.3 0-58.6-47.6-106.2-106.3-106.2z'/%3E%3C/svg%3E");
}

/* Utility classes */
.hidden {
	display: none;
}