body {
	font: 14px "";
	color: #000;
	min-height: 100vh;
	display: flex;
	overflow: hidden;
	overflow-y: auto;
	flex-direction: column;
}
#laypage{
    text-align: center;
}
/* @font-face {
	font-family: "alger";
	src: url("../font/ALGERIAN.TTF");
} */
.login_head {
	/*background: #232f3e;*/
}
.login_footer {
	/*background: #232f3e;*/
	padding: 30px 0;
	/*color: #fff;*/
	font-size: 12px;
}
.login_footer_box {
	display: flex;
	gap: 10px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.login_main {
	/*background-color: var(--ftc);*/
	background-color: #f4f6fb;
}
.login_box {
	width: 850px;
	margin: 120px auto;
	max-width: 100%;
	background: #ffffff;
	border-radius: 30px;
	border: 1px solid #efefef;
	padding: 60px;
}
.sign_box {
	width: 850px;
	margin: 120px auto;
	max-width: 100%;
	background: #ffffff;
	border-radius: 30px;
	border: 1px solid #efefef;
	padding: 60px 60px 80px;
}
.login_box > * {
	width: 520px;
	max-width: 100%;
	margin: 0 auto;
}
.sign_box h1,
.login_box h1 {
	text-align: center;
	margin-bottom: 60px;
	font-size: var(--size24);
}
.sign_box ul,
.login_box ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 40px;
}
.sign_box ul li,
.login_box ul li {
	flex: 1;
	display: flex;
	align-items: center;
}
.sign_box ul a,
.login_box ul a {
	margin: 0 auto;
	line-height: 30px;
	color: #666;
	font-weight: bold;
}
.sign_box ul .active a,
.login_box ul .active a {
	color: var(--ftc);
	border-bottom: 2px solid var(--ftc);
}
.sigin_a {
	text-align: center;
	color: vaR(--ftc);
	font-weight: bold;
}

.findPassword .login_btn,
.sign_box .login_btn,
.login_box .login_btn {
	--btn: 48px;
	border-radius: 24px;
}
.footer2 {
	background: #131a22;
	color: #fff;
	color: rgba(0, 0, 0, 1);
	background: #fff;
	font-size: var(--size12);
	text-align: center;
	padding: 60px 0;
}
.footer_qrcode {
	max-width: 108px;
}
.footer1 {
	font-size: 12px;
	background: #232f3e;
	color: rgba(0, 0, 0, 0.8);
	background: #fff;
	padding: 60px 0;
}

.footer_list p {
	font-size: 14px;
	color: #000;
	margin-bottom: 20px;
}
.footer_list div {
	margin-top: 10px;
}
.header1 {
	font-size: 12px;
	padding: 10px 0;
	background-color: #fff;
	
}

.header1 *{
    color: #000;
}
header {
	color: #fff;
}
.login_a {
	padding: 0 14px;
	font-size: 14px;
	color: #fff;
	display: block;
	line-height: 35px;
	height: 35px;
	background: #445365;
	border-radius: 6px;
}
.login_a:hover {
	color: #fff;
}
.header2 {
	background: var(--ftc);
}
.header1 .layui-nav .layui-nav-item > a {
	padding: 0;
	font-size: 12px;
}
.header1 .layui-nav * {
	line-height: unset;
}
.header1 .layui-nav .layui-nav-more {
	display: none;
}
.header1 .layui-nav-child {
	top: 45px;
	min-width: 150px;
}
.header1 .layui-nav .layui-nav-child a {
	line-height: 40px;
}
.header2 {
	padding: 10px;
}
.header2 ul {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	font-size: 14px;
}
.mulu_dialog .layui-menu-body-panel,
.mulu_dialog {
	min-width: 200px;
}
.mulu_dialog .layui-menu li {
	margin: 0;
}
.mulu_dialog .layui-menu li:hover {
	background-color: var(--ftc);
}
.mulu_dialog .layui-menu-body-title {
	padding: 10px 20px;
	color: var(--ftc);
}
.mulu_dialog .layui-menu li,
.mulu_dialog .layui-menu-body-title a {
	color: var(--ftc) !important;
}
.mulu_dialog .layui-menu-body-title > .layui-icon-right {
	display: none;
}
/* .mulu_dialog li:hover .layui-menu-body-title, */
.mulu_dialog .layui-menu li:hover > .layui-menu-body-title > a,
.mulu_dialog .layui-menu li:hover > .layui-menu-body-title {
	color: #fff !important;
}
.search_form {
	background-color: #fff;
	padding: 5px 10px;
	width: 400px;
	gap: 10px;
	display: flex;
}
.search_form input {
	flex: 1;
}
.search_form button {
	cursor: pointer;
	background-color: initial;
}
.type_list_main {
	padding: 20px 0 80px;
	background-color: var(--gary);
}
.type_h1 {
	margin-bottom: 60px;
}
.type_h1 .b1 {
	font-size: var(--size48);
	color: #fff;
	font-weight: bold;
	padding-top: 20px;
}
.type_list {
	display: grid;
	gap: 60px;
}
.type_list h2 {
	font-size: var(--size24);
	font-weight: bold;
	text-align: center;
	margin-bottom: 40px;
}
.type_list dl {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}
.type_list dl .img1 {
	aspect-ratio: 1/1;
	background-color: #fff;
}
.type_list dl p {
	text-align: center;
	margin-top: 24px;
	text-align: center;
	font-weight: bold;
}
.type_child_banner {
	background-color: var(--ftc);
	padding: 50px 0;
	text-align: center;
	font-weight: bold;
	font-size: var(--size48);
	color: #fff;
}
.type_child_list_main {
	background-color: var(--gary);
}
.shop_list {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 18px 12px;
}
.shop_list .item {
	background: #fff;
	border-radius: 8px;
}
.shop_list .item .img1 {
	aspect-ratio: 23/13;
	padding: 5px;
}
.shop_list .title {
	margin: 12px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	line-height: 1.5em;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	height: 4.5em;
}
.shop_list .info {
	display: flex;
	padding: 0 12px 12px;
	gap: 10px;
	flex-wrap: wrap;
}
.shop_list .money {
	font-weight: 800;
	font-size: 16px;
}
.label_red,
.shop_list .label {
	background: #bb0728;
	color: #fff;
	padding: 0 5px;
}
.shop_list .add_cart {
	padding: 10px 25px 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--ftc);
	font-weight: bold;
	gap: 6px;
}
.add_to_cart:hover, .goGoodsInfo:hover {
	cursor: pointer;
}

.cart_main {
	padding: 30px 0 80px;
}
.top_nav {
	padding-bottom: 30px;
	border-bottom: 1px solid #e8e9eb;
}
.top_nav .layui-breadcrumb span[lay-separator] {
	margin: 0 4px;
	color: #999 !important;
}
.number_box {
	display: flex;
}

.number_box input {
	text-align: center;
	width: auto;
	flex: 1;
	width: 36px !important;
	height: 36px !important;
	border-top: 1px solid #cccccc !important;
	border-left: none !important;
	border-right: none !important;
	border-bottom: 1px solid #cccccc !important;
}
.cat_table {
	/* overflow: hidden; */
	overflow-y: auto;
}
.cat_table td {
	color: #000;
}
.number_box .add,
.number_box .sub {
	width: 36px;
	height: 36px;
	background: #f9f9f9;
	border: 1px solid #cccccc;
	cursor: pointer;
	align-items: center;
	display: flex;
	justify-content: center;
}
.table_box .layui-table {
	border-top: none;
	border-left: none;
	border-right: none;
}
.checkbox {
	opacity: 1;
}
.checkbox {
	width: 18px;
	height: 18px;
	border: 1px solid #eee;
}
/* .checkbox::after {
	opacity: 1;
	display: block;
	content: "";
	width: 18px;
	height: 18px;
	border: 1px solid #eee;
} */
.cat_table td {
	padding: 30px 10px;
}
.cart_info_box {
	display: flex;
	gap: 10px;
	color: #000;
}
.cart_info_box .img1 {
	flex-shrink: 0;
	border-radius: 6px;
	border: 1px solid #c5cbd5;
	align-self: 1/1;
	object-fit: cover;
	width: 66px;
}
.cart_info_box .info .title {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 1.2em;
	max-width: 400px;
}
.cart_info_box .info .type {
	margin-top: 5px;
}
.select_checkbox {
	display: flex;
	align-items: center;
	gap: 5px;
}
.tijiao_btn {
	width: 160px;
	background: #bb0728;
	border-radius: 2px;
}
.red_c {
	color: var(--red);
}
.back_btn {
	color: #000;
	border-radius: 2px;
	border: 1px solid #c5cbd5;
	background: #ffffff;
}
.back_btn:hover {
	color: #000;
}
.address_list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 12px 24px;
}
.add_address,
.address_list .item {
	background: #ffffff;
	border-radius: 8px;
	border: 1px solid #c5cbd5;
	padding: 10px;
	cursor: pointer;
}
.address_list .item.active {
	border-color: var(--red);
}
.address_list .item.active i {
	color: var(--red);
}

.add_address {
	display: flex;
	align-items: center;
}
.address_list .info_box {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}
.address_list .info_box .name {
	margin-top: 10px;
}
.address_list .btn {
	display: flex;
	justify-content: flex-end;
	margin-top: 10px;
	gap: 20px;
}
.address_list .edit {
	color: var(--ftc);
}
.address_list .delete {
	color: var(--red);
}
.add_address_dialog {
	width: 880px;
	max-width: 100%;
	border-radius: 8px;
}
.add_address_dialog form {
	max-width: 420px;
	margin: 80px auto;
}
.address_from {
	--input_size: 14px;
}
.address_from .layui-form-label {
	color: #999999;
	font-size: 14px;
}
.red_btn {
	width: 160px;
	background-color: var(--red);
}
.page_num {
	margin-top: 30px;
	display: flex;
	justify-content: flex-end;
}
.page_num .layui-laypage a,
.page_num .layui-laypage span {
	margin: 0 2px;

}
.pagination  a,
.pagination span{
   display: inline-block;
    vertical-align: middle;
    padding: 0 15px;
    height: 28px;
    line-height: 28px;
    margin: 0 -1px 5px 0;
    background-color: #fff;
    color: #333;
    font-size: 12px;
    border: 1px solid #eee;
}
.page_num .layui-laypage a:hover {
	color: var(--ftc);
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
	background-color: var(--ftc);
}
.order_table {
	margin-top: 30px;
	border: 1px solid #f0f0f0 !important;
}
.order_table thead {
	background: #fbfbfb;
}
.user_info_form {
	margin-top: 30px;
}
.user_info_form .layui-btn {
	border-radius: 24px;
	width: 360px;
}
.user_info_form .user_img {
	width: 140px;
	height: 140px;
	border-radius: 2px;
}
.user_info_form .layui-input {
	width: 320px;
	max-width: 100%;
}
.user_info_form .layui-form-label {
	margin-left: 60px;
	white-space: nowrap;
	width: 120px;
	text-align: left;
}
.contact_box {
	margin-top: 60px;
}
.contact_box h1 {
	text-align: center;
	margin-bottom: 40px;
}
.form_contact .label {
	font-size: 16px;
	display: block;
	text-align: left;
	margin-bottom: 10px;
}
.form_contact .layui-btn {
	margin-top: 30px;
	width: 320px;
}
.form_contact {
	width: 850px;
	max-width: 100%;
	margin: 0 auto;
}
.details_main {
	padding: 30px 0;
}

.details_box > div:not(:last-child) {
	padding: 60px 0;
	border-bottom: 1px solid #e8e9eb;
}

.details_contact_box {
	padding-top: 60px;
	text-align: center;
	margin-bottom: 20px;
}
.details_contact_box h1 {
	margin-bottom: 30px;
}
.details_canshu {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0 10px;
	font-weight: bold;
}
.details_canshu li {
	padding: 10px;
	display: grid;
	grid-template-columns: 200px 1fr;
}
.details_canshu li:nth-child(4n + 2),
.details_canshu li:nth-child(4n + 1) {
	background: #f4f6fb;
}
.details_item_condit {
	margin-top: 20px;
}
.details_item_condit p {
	margin-bottom: 5px;
}
.details_item_condit ul {
	display: flex;
	gap: 5px;
	flex-wrap: wrap;
}
.details_item_condit ul li {
	border-radius: 6px;
	padding: 6px;
	border: 1px solid #c5cbd5;
}
.details_item_type {
	margin-top: 30px;
}
.details_item_type p {
	margin-bottom: 10px;
}
.details_item_type ul {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.details_item_type ul .product_item {
	aspect-ratio: 1/1;
	width: 66px;
	border-radius: 6px;
	border: 1px solid #c5cbd5;
}
.details_item_type ul .product_item.active {
	border: 2px solid var(--ftc);
}
.details_item_type ul .product_item.disabled {
	opacity: 0.5;
}
.details_item_type ul .product_item img {
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
}
.buy_car_btn {
	background-color: #fff;
	color: #000;
	border: 1px solid #c5cbd5;
	border-radius: 2px;
	min-width: 160px;
}
.buy_car_btn:hover {
	color: #000;
}
.buy_btn {
	background-color: var(--red);
	border-radius: 2px;
	min-width: 160px;
}
.swiper_details {
	/* max-width: 500px; */
	flex-shrink: 0;
	flex: 1;
}
.swiper_details .swiper-slide {
	aspect-ratio: 1/1;
}
.product_swiper_box {
	display: flex;
	align-items: flex-start;

	gap: 20px;
}
.swiper_thum {
	width: 80px;
}
.swiper_thum .swiper {
	height: 500px;
}
.swiper_thum .swiper-slide {
	aspect-ratio: 1/1;
	height: auto;
	border-radius: 6px;
	border: 1px solid #c5cbd5;
}
.swiper_thum .swiper-slide-active {
	/* border: 2px solid var(--ftc); */
}
.youke_form {
	margin: 60px auto 0;
	width: 500px;
}
.youke_form .layui-form-label {
	width: auto;
	color: #999;
	font-weight: bold;
}
.youke_form .layui-form-item {
	display: flex;
	align-items: center;
}
.youke_form .layui-input-block {
	margin-left: 0;
}

.youke_order_dialog {
	width: 880px;
	background: #ffffff;
	border-radius: 8px;
	max-width: 100%;
}
.youke_order_dialog .box {
	justify-items: center;
}
.cat_table .money {
	text-align: center;
}
.order_item {
	padding: 22px;
	background: #ffffff;
	border-radius: 2px;
	border: 1px solid #c5cbd5;
	display: grid;
	gap: 20px;
}
.order_item .block {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 65px;
}
.order_item .title {
	color: #999;
}
.tijiao_btn.layui-disabled {
	opacity: 0.5;
	color: #fff;
}
.blue_a {
	color: #0046be;
	/* font-weight: bold; */
}
.index_main {
	background: #f4f6fb;
	padding: 30px 0 80px;
}
.index_swiper_box {
	background-color: #fff;
	padding: 15px 0 25px;
}
.index_swiper_box h2 {
	padding: 0 18px;
	font-size: 18px;
}
.index_swiper_box .swiper-slide {
	width: 158px;
	height: 158px;
	aspect-ratio: 1/1;
}
.index_swiper .next {
	position: absolute;
	right: -5px;
	top: 50%;
	z-index: 5;

	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.index_type {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px 10px;
}
.index_fenlei {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px 10px;
}
.index_type_item {
	background-color: #fff;
	padding: 10px;
}
.index_type_item dl .img{
aspect-ratio: 1/1;

}
.index_type_item dl .img img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.index_type_item h2 {
	font-size: 18px;
	margin-bottom: 10px;
}
.index_type_item h1 .blue_a {
	margin-top: 10px;
}
.index_type_item dl {
	margin-bottom: 10px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 8px 10px;
}
.index_type_item dl .title {
	text-align: center;
	margin-top: 5px;
}
.index_fenlei .item {
	padding: 18px;
	background: #fff;
    display: flex;
    flex-direction: column;
}
.index_fenlei .item h2 {
	font-size: 18px;
}
.index_fenlei .item p {
	color: #999;
}
.index_fenlei .item .img1 {
	justify-content: flex-end;
}
.index_search {
	display: flex;
	align-items: center;
	--input: 68px;
	--btn: 68px;
}
.index_search h1 {
	color: var(--ftc);
	font-size: 21px;
}
.index_search .layui-input {
	flex: 1;
	border-radius: 2px;
	border: 2px solid #195b95;
	background: #ffffff;
}
.index_top {
	display: grid;
	grid-template-columns: 480px 1fr;
	gap: 24px;
}
.index_top_fenlei {
	display: grid;
	grid-template-columns: repeat(3, 2fr);
	gap: 12px;
}
.index_top_fenlei2 {
	margin-top: 12px;
	grid-template-columns: repeat(2, 2fr);
}
.index_top_item {
}
.index_top_item {
	background-color: #fff;
	padding: 20px 24px;
	display: flex;
	flex-direction: column;
}
.index_top_item h1 {
	font-size: 18px;
}
.index_top_item p {
	margin-top: 2px;
	color: #999;
}
.index_top_item .img_box {
	flex: 1;
}
.orange {
	color: #fa5617;
}
.blue {
	color: #0046be;
}
.yellow {
	color: #fdf20c;
}
.red_label {
	background-color: #bb0728;
	color: #fff;
	padding: 2px 5px;
}
.blue_label {
	background-color: #0046be;
	color: #fff;
	padding: 2px 5px;
	display: inline-block;
}
.findPassword{
     width: 850px;
    margin: 60px auto 30px;
    max-width: 100%;
    background: #ffffff;
    border-radius: 30px;
    border: 1px solid #efefef;
    padding: 60px;
}
.findPassword .label{
    margin-bottom: 10px;
    display: inline-block;
}
@media only screen and (max-width: 1400px) {
}

@media only screen and (max-width: 990px) {
}

@media only screen and (max-width: 768px) {
	.footer2,
	.footer1 {
		padding: 20px 0;
	}
	.shop_list {
		grid-template-columns: repeat(2, 1fr);
	}
	.cart_info_box {
		min-width: 200px;
	}
	.address_list {
		grid-template-columns: repeat(1, 1fr);
	}
	.details_canshu {
		grid-template-columns: repeat(1, 1fr);
	}
	.index_type {
		grid-template-columns: repeat(1, 1fr);
	}
	.type_list dl,
	.index_fenlei {
		grid-template-columns: repeat(2, 1fr);
	}
	.index_top {
		grid-template-columns: repeat(1, 1fr);
	}
	.details_canshu li {
		grid-template-columns: 1fr;
	}
	.swiper_thum .swiper {
		height: 300px;
	}
	.user_info_form .layui-form-label {
		margin-left: 0;
	}
	.order_table td,
	.order_table th {
		min-width: 100px;
	}
	.add_address_dialog form {
		padding: 20px;
		max-width: 100%;
		margin: 20px 0;
	}
}

@media only screen and (min-width: 751px) and (max-width: 1400px) {
}

@media only screen and (min-width: 751px) {
}