* {
	box-sizing: border-box;
	line-height: 1.5;
	list-style-type: none;
	margin: 0;

}

a {
	color: black;
	text-decoration: none;
}

.container {
	width: 1280px;
	margin: auto;
}

.center {
	text-align: center;
}

.middle {
	vertical-align: middle;
}

.flexBox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

ul, li {
	margin: 0px;
	padding: 0;
}

.border_box {
	box-sizing: border-box;
}

.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}

.z-999 {
	z-index: 999;
}

.z-99 {
	z-index: 99;
}

.flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.flex_1 {
	flex: 1;
}

.overflow {
	overflow: auto;
}

.flex_between {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.flex_around {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-around;
	-ms-flex-pack: justify;
	justify-content: space-around;
}

.wrap {
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap
}

.flex_start {
	align-items: start;
}

.flex_end {
	align-items: end;
}

.flex_column {
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.white {
	color: white;
}

.translate {
	transform: translate(-50%, -50%);
}

.flex_items {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.justify_center {
	justify-content: center;
}

.radius50 {
	border-radius: 50%;
}

.width_100 {
	width: 100%;
}

.relative {
	position: relative;
}

.pointer {
	cursor: pointer;
}

.black {
	color: #111;
}

.colorzt {
	color: #464035;
}

.border_bom {
	border-bottom: 2px solid #00a0e9;
}

.backcolor {
	background-color: #716a47;
}

.hidden {
	overflow: hidden;
}

.line-15 {
	line-height: 1.5;
}

.backwhite {
	background-color: white;
}

.col_999 {
	color: #999;
}

.font12 {
	font-size: 12px;
}

.font14 {
	font-size: 14px;
}

.font18 {
	font-size: 18px;
}

.font20 {
	font-size: 20px;
}

.font22 {
	font-size: 22px;
}

.font24 {
	font-size: 24px;
}

.font26 {
	font-size: 26px;
}

.font28 {
	font-size: 28px;
}

.font30 {
	font-size: 30px;
}

.font32 {
	font-size: 32px;
}

.font34 {
	font-size: 34px;
}

.font36 {
	font-size: 36px;
}

.font40 {
	font-size: 40px;
}

.font42 {
	font-size: 42px;
}

.border {
	border: 1px solid #464035 !important;
}

.padd30 {
	padding: 20px 30px !important;
}

.male10 {
	margin-left: 10px;
}

.male20 {
	margin-left: 20px;
}

.male30 {
	margin-left: 30px !important;
}

.mbot10 {
	margin-bottom: 10px;
}

.mbot20 {
	margin-bottom: 20px;
}

.mbot30 {
	margin-bottom: 30px !important;
}

.mtop10 {
	margin-top: 10px;
}

.mtop20 {
	margin-top: 20px;
}

.mtop30 {
	margin-top: 30px;
}

.mar10 {
	margin-right: 10px;
}

.mar20 {
	margin-right: 20px;
}

.mar30 {
	margin-right: 30px;
}

.mar40 {
	margin-right: 40px;
}

.line2 {
	line-height: 2;
}

.line30 {
	line-height: 30px;
}

.block {
	display: block;
}

.radius50 {
	border-radius: 50px
}

.bold {
	font-weight: bold;
}

.fw500 {
	font-weight: 500;
}

.fw400 {
	font-weight: 400;
}

.bordernone {
	border-radius: 0px !important;
}

.Masking {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .2);
	z-index: 9999;
}

.hide {
	display: none;
}

.strike {
	text-decoration: line-through;
}

.absolute {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* 导航栏 */
.navBoox {
	height: 70px
}

.nav {
	background-color: rgba(255, 254, 242, 0.9); /* 90% 不透明 */
	padding: 10px 80px;
	border-bottom: 1px solid #464035;
	position: fixed;
	top: 40px;
	width: 100%;
	z-index: 99999;
}

.navlistbox {
	margin-left: 30px;
}

.navlistbox li a {
	color: #464035;
	font-family: Inter, Inter;
	padding: 10px 25px;
}

.nav-right a {
	color: #464035;
	margin-left: 35px;
}

.closex {
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 0
}

/*手机端*/
.phonenav {
	display: none;
	height: 70px
}

.shrink {
	position: absolute;
	top: 50%;
	right: 5%;
	transform: translateY(-50%)
}

.phonelogon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.phonenavMain {
	position: fixed;
	left: 0;
	top: 60px;
	z-index: 99;
	width: 100%;
	height: 70px;
	background-color: rgba(255, 254, 242, 0.9); /* 90% 不透明 */
	border-bottom: 1px solid #464035;
}

.phonetop-left {
	width: 20%
}

.phonetop-right {
	width: 20%;
}

.conlex {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%)
}

.phonetop {
	height: 100%;
	padding: 0 15px;
}

.phonenav-nav {
	width: 100%;
	background-color: #fffef2;
	padding: 0 15px;
	height: calc(100vh - 70px);
	flex-direction: column;
	justify-content: space-between;
	padding-bottom: 50px;
}

.phonenav-nav ul li {
	padding: 18px 0;
	border-bottom: 1px solid #464035;
}

.phonenav-nav ul li:last-child {
	border-bottom: none;
}

.phsrarchbox {
	background: #ffffff;
	padding: 20px 0;
	border-top: 1px solid #464035
}

/* 底部 */
.bottom {
	background: #464035;
	color: #E3DFD8;
}

.bottom .bto1 {
	padding: 25px 0;
	overflow: hidden;
}

.bottom .bto1 ul {
	gap: 100px
}

.bottom .bto1 ul li {
	list-style-type: square
}

.bottom .bto2 {
	border-top: 1px solid #E3DFD8;
	border-bottom: 1px solid #E3DFD8;
}

.bto2 a {
	color: #E3DFD8;
}

.bto2-left {
	padding: 80px 60px 80px 0;
	border-right: 1px solid #E3DFD8;
	width: 60%;
}

.botnav {
	margin-left: 50px;
	flex: 1;
	margin-top: 10px
}

.botnav ul {
	justify-content: space-between;
}

.childnav li {
	line-height: 40px;
}

.bto2-right {
	padding: 60px 50px;
	width: 40%;
}

.bto2-right input {
	background: none;
	border: none;
	margin: 20px 0;
	width: 100%;
	border-bottom: 1px solid #E3DFD8;
	padding-bottom: 10px;
	color: #E3DFD8;
}

.bto2-left .mtop10 {
	display: flex;
	gap: 20px;
}

.jiajia {
	display: none;
}

.bto2-right button {
	padding: 15px 0;
	width: 70%;
	border: 1px solid #464035;
}

.tipsmeseg {
	color: white;
	text-align: center;
	padding: 10px 0;
	z-index: 999;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}

.success {
	background: #a6bbbb;
}

.warning {
	background: #e6a23c;
}

.danger {
	background: #f56c6c;
}

.error {
	background: #f56c6c;
}

.ulbox .lit {
	display: none
}

.ulbox .lit:first-child {
	display: flex !important;
	align-items: center;
	gap: 20px
}

.botnav .childnav {
	display: flex;
	gap: 20px
}

.tipsBox {
	height: 40px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap
}

.popmessage {
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center
}

.ellipsis {
	white-space: nowrap; /* 禁止换行 */
	overflow: hidden; /* 隐藏溢出的内容 */
	text-overflow: ellipsis; /* 超出部分显示省略号 */
}

.hover1:hover {
	border: 1px solid #463c32 !important;
	background: none !important;
	color: #463c32 !important;
	transition: all 0.5s
}

.hover2:hover {
	background: #463c32 !important;
	color: white !important;
	transition: all 0.5s
}

.hover2:hover a {
	color: white;
	transition: all 0.5s
}

/*搜索*/
.SearchBox {
	background: white;
	z-index: 99999;
	height: 100vh
}

.SearchBox .close {
	position: absolute;
	right: 10px;
	top: 10px
}

.SearchBox-box {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, 0%)
}

.SearchBox-box input {
	background: #f6f6f6;
	border: none;
	padding: 10px
}

.Search-btn {
	background: #a6bbbc;
	padding: 0 20px
}


.unitye {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px 30px;
}

.unitye span {
	background: white;
	padding: 5px 10px;
	border-radius: 30px;
	font-size: 14px;
}

.unitye div {
	background: #716a47;
	color: white;
	word-break: break-all;
	/* 支持较老浏览器，但可能不符合标准 */
	overflow-wrap: break-word;
	/* 符合标准的处理方式 */
	border-radius: 50%;
	line-height: 1;
	display: flex;
	align-items: center;
	width: 57px;
	height: 57px;
	margin-top: 20px;
	text-align: center;
	padding: 10px;
}

@media (max-width: 1060px) {

	.imglios .imglios-item {
		height: 200px !important;
		border: none;
		border-bottom: 1px solid #464035 !important
	}

	.imglios .imglios-item:last-child {
		border: none !important
	}

	.imglios-item > img {
		object-fit: cover
	}

	.tipsBox {
		height: 60px !important
	}

	.popmessage {
		height: 60px !important
	}

	.bosda {
		grid-template-columns:repeat(1, 1fr) !important
	}

	.bosda-left {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		padding: 0 !important
	}

	.bosda-left div {
		text-align: center !important
	}

	.bosda-right {
		margin-top: 30px;
		padding: 0 !important;
		border: none !important;
		display: flex;
		flex-direction: column;
		align-items: center
	}

	.gauge {
		width: 100% !important
	}

	.content {
		width: 96% !important
	}

	.bosda-right .buttons {
		width: 85px;
		padding: 5px 0;
		font-size: 14px
	}

	.navBoox {
		display: none;
	}

	.phonenav {
		display: block;
	}

	.container {
		width: 90% !important;
	}

	.btnBox {
		display: flex;
		justify-content: space-between;
		gap: 30px
	}

	.bto2-left {
		width: 100%;
		border: none;
		flex-wrap: wrap;
		padding: 20px 0;
	}

	.bto2-right {
		width: 100%;
		padding: 20px 0;
	}

	.botnav {
		width: 100%;
		margin: 0;
		flex: none;
	}

	.botnav .lit {
		width: 100%;
		border-bottom: 1px solid white;
		padding: 15px 0;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		align-items: center;
		display: none;
	}

	.botnav .lit > a {
		color: white;
		font-size: 18px;
	}

	.botnav .ulbox {
		gap: 0;
		margin-top: 30px;
	}

	.botnav .lit ul {
		display: none;
		width: 100%;
	}

	.jiajia {
		display: block;
		font-size: 30px;
	}

	.bto2-right button {
		border-radius: 0 !important;
		-webkit-appearance: none; /* 禁用 iOS 默认样式 */
		-moz-appearance: none; /* 禁用 Firefox 默认样式 */
		appearance: none; /* 统一禁用所有浏览器的默认样式 */
		color: black !important;
		width: 90%;
	}

	.alite h2 {
		font-size: 20px
	}

	.alite a {
		margin-top: 0 !important
	}

	.cardpay {
		flex-direction: column
	}

	.cardpay .cardpay-left {
		width: 100%
	}

	.cardpay .cardpay-right {
		width: 100%;
		margin: 0;
		border: none;
		border-top: 1px solid #dfdfdf;
		padding: 50px 0
	}

	.Masking .addAddress {
		width: 90%
	}

	.kuai .operate {
		margin-right: 50px
	}

	.cards-box {
		flex-direction: column
	}

	.cards-box .cbox-left {
		width: 100%;
		padding: 0;
		margin: 0;
		border: none
	}

	.cardBox1 {
		margin-top: 40px
	}
}

@media (max-width: 1440px) {
	.container {
		width: 1000px
	}
}

@media (max-width: 1024px) {
	.container {
		width: 800px
	}
}

@media (max-width: 768px) {
	.brandBox-left:after {
		bottom: 0 !important;
		height: 1px !important;
		width: 100% !important;
		top: auto !important;
	}
}

@media (min-width: 888px) and (max-width: 1440px) {
	.main .nav {
		padding: 10px 40px
	}

	.bottom .bto2-left {
		padding: 80px 10px 80px 0
	}

	.navlistbox li a {
		padding: 10px 15px !important
	}


	.poiruei .poiruei-left {
		padding: 0 20px
	}

	.imglios-item .king {
		font-size: 24px
	}

	.card .listbox {
		gap: 20px !important
	}

	.listbox {
		gap: 20px !important
	}

	.btnbox button {
		padding: 15px 50px !important
	}

}

@font-face {
	font-family: "famylm";
	font-weight: 400;
	src: url('../font/PontanoSans-VariableFont_wght.ttf');
	font-display: swap;
}

* {
	font-family: famylm;
}