a:focus,
a:active {
	outline: none;
}

* {
	margin: 0;
	padding: 0;
}

ul li,
ol li {
	list-style: none;
}

ul li {
	list-style: none;
}

ul {
	margin: 0;
	padding: 0;
}

ul li,
ol li {
	list-style: none;
}

em,
i,
b {
	font-style: normal;
	font-weight: normal;
	font-style: normal;
}

a,
a:focus,
a:hover {
	cursor: pointer;
	color: inherit;
	text-decoration: none;
}

div:focus {
	outline: none;
}

body {
	font: 12px SourceHanSansCN-Regular, 微软雅黑, 黑体-简, Helvetica, sans-serif;
	color: #010101;
}

.clearfix {
	*zoom: 1;
}

.clearfix::after,
.clearfix::before {
	display: table;
	content: ' ';
}

.clearfix::after {
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

.container {
	width: 1300px;
	margin: 0 auto;
}

img {
	display: inline-block;
}

.logo {
	/*background: #f2f2f3;*/
	/*background: rgba(244, 245, 245, 0.5);*/
	height: 117px;
	line-height: 117px;
	box-sizing: border-box;
}

.logo_x {
	float: left;
	width: 105px;
}

.search_x {
	width: 100%;
	padding-left: 120px;
	padding-right: 40px;
	box-sizing: border-box;
	margin-top: 34px;
}

.search_x .search {
	width: 100%;
}

.logo2 {
	padding-left: 294px;
}

.logo-other {
	float: left;
	height: 117px;
	line-height: 117px;
}

.search {
	width: 405px;
	position: relative;
}

.search .search-input {
	width: 100%;
	height: 49px;
	border-radius: 25px;
	border: solid 1px #020202;
}

.search .search-btn {
	padding: 0;
	height: 49px;
	width: 49px;
	border: none;
	font-size: 26px;
	color: #000000;
	position: absolute;
	background: transparent;
	top: 0;
	right: 0;
	text-align: center;
}

.search-other {
	margin-top: 34px;
	float: left;
	margin-left: 30px;
}

.search .search-btn .layui-icon {
	font-size: 26px;
	color: #000000;
}

.search .search-btn:focus,
.search .search-btn:hover {
	background: transparent;
}

.header {
	background: rgba(244, 245, 245, 0.5);
	height: 117px;
	border-bottom: 1px solid #020202;
	position: relative;
}

.header-bg {
	background: #fafafa;
}

.shop-box {
	position: absolute;
	left: -192px;
	top: 90px;
	width: 430px;
	height: auto;
	background-color: #ffffff;
	border-radius: 10px;
	border: solid 1px #d5d5d5;
	z-index: 9999;
	padding-top: 19px;
	display: none;
}

.shop-box2 {
	position: absolute;
	left: 0;
	top: 45px;
	width: 100%;
	height: auto;
	background-color: #ffffff;
	border-radius: 10px;
	border: solid 1px #d5d5d5;
	z-index: 9999;
	padding-top: 19px;
	display: none;
}

.shop-box h4,.shop-box2 h4  {
	color: #010101;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 24px;
}
.shop-box2 p{
    color: #010101 !important;
    margin-top: 7px;
    font-size: 14px !important;
    display: block !important;	
}
.yd-cart .isShow{
	display: block;
}
.arrow-up {
	position: absolute;
	left: 50%;
	font-size: 15px;
	top: -35px;
	color: #d5d5d5;
	background: transparent;
	display: none;
}

.arrow-up p {
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-bottom: 9px solid #d5d5d5;
	font-size: 0;
	line-height: 0;
	position: relative;
}

.arrow-up p:before {
	position: absolute;
	left: -9px;
	top: 1px;
	content: '';
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-bottom: 9px solid #fff;
	font-size: 0;
	line-height: 0;
}

.go-allcart {
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	color: #010101;
	font-weight: bold;
	background: #F2F2F2;
	display: block;
	border-radius: 0 0 10px 10px;
}

.shop-ul {
	width: 100%;
	margin-top: 6px;
}

.shop-ul li {
	padding: 16px 13px;
	box-sizing: border-box;
	border-top: 1px solid #bababa;
	overflow: hidden;
}

.shop-ul li .pro-img {
	width: 116px;
	height: auto;
	box-sizing: border-box;
	overflow: hidden;
	text-align: center;
	float: left;
	border-radius: 8px;
}

.shop-ul li .pro-img img {
	height: auto;
}

.shop-ul li .pro-des {
	width: 100%;
	padding-left: 132px;
	box-sizing: border-box;
}

.shop-ul li .pro-des p {
	font-size: 14px;
	line-height: 20px;
	color: #010101;
}

.shop-ul li .go-cart {
	font-size: 18px;
	color: #fff;
	text-align: center;
	line-height: 26px;
	width: 88px;
	height: 26px;
	background-color: #d81212;
	border-radius: 10px;
	margin-top: 42px;
	display: block;
}

.shop-cart {
	padding-left: 55px;
	box-sizing: border-box;
}

.shop-cart ul {
	padding-top: 25px;
	box-sizing: border-box;
}

.shop-cart ul .shake {
	margin-right: 120px;
	float: left;
	text-align: center;
}

.shop-cart ul .shake:last-child {
	margin-right: 0;
	float: right;
}

.shop-cart ul .shop_num {
	position: relative;
}

.shop-cart ul .shop-num {
	position: absolute;
	right: 0;
	top: 0px;
	width: 14px;
	color: #fff;
	height: 14px;
	text-align: center;
	line-height: 14px;
	font-weight: 400;
	font-size: 12px;
	border-radius: 50%;
	background-color: #d81212;
}

.shop-cart ul .shake>a {
	text-align: center;
	display: block;
	background-color: #020202;
	border: solid 1px #ffffff;
	width: 56px;
	height: 56px;
	line-height: 56px;
	margin: 0 auto;
	border-radius: 50%;
}

.shop-cart .img-h {
	height: 28px;
}

.shop-cart ul .shake p {
	color: #010101;
	margin-top: 7px;
	font-size: 14px;
}

@-webkit-keyframes shake {
	from,
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-3px, 0, 0);
		transform: translate3d(-3px, 0, 0);
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(3px, 0, 0);
		transform: translate3d(3px, 0, 0);
	}
}

@keyframes shake {
	from,
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-3px, 0, 0);
		transform: translate3d(-3px, 0, 0);
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(3px, 0, 0);
		transform: translate3d(3px, 0, 0);
	}
}

.shake:hover {
	animation: shake 0.6s;
}

.container {
	width: 1300px;
	margin: 0 auto;
}

.con-l {
	float: left;
	width: 240px;
}

.con-l .ce-menu {
	width: 100%;
}

.latest {
	margin-top: 25px;
}

.recommend {
	margin-top: 17px;
}

.con-r {
	width: 100%;
	padding-left: 256px;
	box-sizing: border-box;
}

.wei-xin {
	padding: 17px 15px 27px;
	box-sizing: border-box;
	border-radius: 20px;
	border: solid 1px #000000;
}

.wei-xin .add-yuan {
	font-size: 12.5px;
	color: #020202;
	font-weight: 600;
}

.wei-ma img {
	float: left;
	width: 90px;
	height: 95px;
}

.wei-ma div {
	width: 100%;
	padding-left: 97px;
	box-sizing: border-box;
}

.wei-ma p {
	font-size: 12px;
	color: #010101;
}
.ce-menu {
	margin-top: 7px;
}

.ce-menu .layui-menu {
	margin: 0;
}

.ce-menu .layui-menu li {
	line-height: 38px;
	margin: 0;
	color: #000000;
	font-weight: 600;
	border-bottom: 1px solid #e4e4e4;
}

.ce-menu .layui-menu-item-parent img {
	margin-right: 10px;
}

.ce-menu .layui-menu li:hover {
	background: #dfdfdf;
}

.layui-menu li,
.layui-menu-body-title a {
	padding-left: 15px;
}

.ce-menu .layui-menu-body-panel {
	top: 0px;
	left: 100%;
	border: 1px solid #e4e4e4;
	padding: 0;
	margin-left: 0;
}

.ce-menu .layui-menu-body-panel li {
	line-height: 32px;
	font-weight: initial;
}
.ce-menu .layui-menu li {
    position: relative;
    margin: 1px 0;
    width: calc(100% + 1px);
    line-height: 26px;
    color: rgba(0,0,0,.8);
    font-size: 14px;
    white-space: nowrap;
    cursor: pointer
}

.ce-menu .layui-menu li:hover {
    background-color: #F6F6F6
}
.ce-menu .layui-menu {
	border: none;
	background: none;
	width: 100%;
}

/* 频道页 .ce-menu-expand-all：二、三级分类常驻展开（数据由 getCategoryList 正确嵌套） */
.ce-menu-expand-all .layui-menu-body-panel {
	display: block !important;
	position: relative;
	left: auto;
	top: auto;
	margin: 0 0 6px 0;
	padding: 2px 0 4px 8px;
	border: none;
	border-left: 2px solid #e8e8e8;
	animation: none !important;
	z-index: auto;
	box-sizing: border-box;
}
.ce-menu-expand-all .layui-menu-item-parent:hover > .layui-menu-body-panel {
	animation: none !important;
}
.ce-menu-expand-all .layui-menu-body-panel:before {
	display: none;
}
.ce-menu-expand-all .layui-menu li {
	white-space: normal;
	word-break: break-word;
}
.ce-menu-expand-all .layui-menu-body-title {
	white-space: normal;
}
/*
.layui-nav .layui-nav-mored,
.layui-nav-itemed>a .layui-nav-more {
	margin-top: -3px;
}

.layui-nav .layui-nav-more,
.layui-nav .layui-nav-mored,
.layui-nav-itemed>a .layui-nav-more {
	border-color: #010101 transparent transparent;
}

.layui-nav-tree .layui-nav-bar {
	background-color: #d81212;
	width: 0px;
}

.layui-nav-tree .layui-nav-child dd.layui-this,
.layui-nav-tree .layui-nav-child dd.layui-this a,
.layui-nav-tree .layui-this,
.layui-nav-tree .layui-this>a,
.layui-nav-tree .layui-this>a:hover {
	color: #d81212;
	background: transparent;
}

.layui-nav-itemed>a,
.layui-nav-tree .layui-nav-title a,
.layui-nav-tree .layui-nav-title a:hover {
	color: #d81212 !important;
}

.layui-nav-tree .layui-nav-item a:hover {
	background: transparent;
	color: #d81212;
}*/

/*.ce-menu .layui-nav * {
	font-size: 16px;
}

.layui-nav-itemed>a span,
.layui-nav-tree .layui-nav-title a span {
	font-size: 18px;
	color: #010101 !important;
}

.layui-nav-tree .layui-nav-title a:hover {}

.layui-nav-itemed>.layui-nav-child {
	background: transparent !important;
	border-radius: 10px;
	border: solid 1px #606160;
}*/

/*.ce-menu .layui-nav-tree .layui-nav-item a,
.ce-menu .layui-nav-tree .layui-nav-child a {
	background: transparent;
	padding: 0;
	height: 65px;
	line-height: 65px;
	font-size: 18px;
	color: #010101;
	padding-left: 10px !important;
	padding-right: 17px !important;
	border-bottom: 1px solid #b5b5b5;
}*/

/*.ce-menu .layui-nav-tree .layui-nav-item a {
	height: 80px;
	line-height: 80px;
}

.ce-menu .layui-nav-tree .layui-nav-itemed a {
	border-bottom: 1px solid #fff;
	margin-bottom: 8px;
}

.ce-menu .layui-nav-itemed>.layui-nav-child {
	padding: 10px 0;
}

.ce-menu .layui-nav-tree .layui-nav-child a {
	padding: 0;
	padding-left: 16px !important;
	font-size: 14px;
	color: #010101;
	height: 36px;
	line-height: 36px;
	border-bottom: 1px solid transparent;
}

.ce-menu .layui-nav .el-wen {
	padding-left: 5px;
	box-sizing: border-box;
	float: left;
	overflow: hidden;
	width: 135px;
	overflow: hidden;
	white-space: nowrap;
}*/


/*.ce-menu .layui-nav .layui-nav-more {
	display: none;
}*/

/*.ce-menu .el-icon {
	text-align: center;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50%;
	background-color: #020202;
	display: inline-block;
	float: left;
	vertical-align: middle;
	margin-top: 18px;
}

.ce-menu .layui-nav-itemed .el-icon {
	background: #d81212;
}

.ce-menu .el-icon img {
	width: 29px;
	vertical-align: middle;
	margin-top: -10px;
}
.layui-nav-tree .layui-nav-item{
	position: relative;
}

.ce-menu .layui-nav-tree .layui-nav-item  .item-aa{
	display: block;
	width: 123px;
	padding-right: 0 !important;
    position: absolute;
    left: 70px;
    top: 29px;
    background: transparent;
    padding: 0;
    height: initial;
    line-height: initial;
    font-size: 15px;
    color: #010101 !important;
    padding-left: 0 !important;
    border-bottom: initial;	
}
.ce-menu .layui-nav-tree .layui-nav-item  .item-aa .layui-nav-more{
	display: none;
}*/
.goods {
	margin-top: 40px;
	margin-bottom: 32px;
}

.banner-xq {
	width: 100%;
}

.banner-xq img {
	width: 100%;
	display: block;
}

.goods_wrap {
	margin-top: 8px;
	border-radius: 20px;
	border: solid 1px #000000;
	box-sizing: border-box;
	padding: 23px 11px;
}

.title-info2 h2 {
	padding-left: 10px;
	box-sizing: border-box;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	color: #010101;
	padding-bottom: 10px;
	border-bottom: solid 1px #b5b5b5;
}

.title-info3 h2 {
	padding-left: 12px;
	font-weight: bold;
	font-size: 18px;
	border-bottom: 1px solid #b5b5b5;
	position: relative;
	line-height: 36px;
	color: #010101;
}

.goods-list>ul {
	overflow: hidden;
	box-sizing: border-box;
	margin-left: -14.5px;
}

.goods-item {
	cursor: pointer;
	float: left;
	margin: 10px 0.5%;
	width: 24%;
	border: 1px solid #b5b5b5;
	box-sizing: border-box;
}
.related-list .goods-item{
	margin-left: 22px;
}
.goods-list .goods-item .pro-img {
	box-sizing: border-box;
	width: 100%;
	overflow: hidden;
	text-align: center;
	height: 249px;
	/*border: 1px solid #b5b5b5;
	background: #fff;*/
}

.pro-img img {
	width: auto;
	max-width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	-moz-transition: transform .3s, -moz-transform .3s;
	transition: transform .3s;
}

.goods-item .pro-des {
	padding: 23px 21px 30px;
	box-sizing: border-box;
	background: #f3f3f3;
}

.goods-item .pro-des p {
	font-size: 12px;
	color: #010101;
	line-height: 18px;
	height: 36px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.goods-item .price {
	margin-top: 10px;
	font-size: 14px;
	color: #b9b9b9;
	text-align: center;
}

.sale-num {
	font-size: 14px;
	color: #010101;
	display: block;
}

.round {
	font-weight: 600;
	font-size: 22px;
	color: #d81212;
}

.price i {
	color: #b9b9b9;
	text-decoration: line-through;
}

.goods-item:hover .pro-img img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.goods-item:hover .pro-des p {
	color: #d81212;
}

.star-list {
	margin-top: 12px;
	font-size: 12px;
	color: #b9b9b9;
}

.start-hover {
	color: #d81212;
}

.goot-cart {
	margin-top: 13px;
}

.goot-cart span img {
	vertical-align: middle;
	margin-right: 5px;
}

.goot-cart span {
	line-height: 20px;
	font-size: 14px;
}

.goot-cart .span-1 {
	color: #d81212;
}

.goot-cart .span-2 {
	float: right;
	width: auto;
	padding: 0 5px;
	display: inline-block;
	height: 20px;
	background-color: #d81212;
	border-radius: 8px;
	color: #ffffff;
	text-align: center;
	line-height: 20px;
}

.title-info h2 a {
	font-size: 14px;
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
}

.title-info h2 a:hover {
	color: #d81212;
}

.layui-padright {
	padding-right: 5px;
}

.mtop17 {
	margin-top: 17px;
}

.mtop23 {
	margin-top: 23px;
}

.goods-price {
	margin-top: 17px;
	border-radius: 20px;
	border: solid 1px #000000;
	padding: 18px 12px 13px;
	box-sizing: border-box;
}

.mtop68 {
	margin-top: 68px;
}

.query {
	overflow: hidden;
	margin-top: 18px;
}

.btn-l {
	display: inline-block;
	width: 90px;
}

.btn-m {
	margin-left: 6px;
	margin-right: 6px;
	font-size: 18px;
	color: #010101;
}

.btn-l .layui-input {
	font-size: 14px;
	color: #010101;
	width: 100%;
	height: 24px;
	background-color: #e3e3e3;
	border-radius: 5px;
}

.query-btn {
	text-align: right;
	margin-top: 15px;
}

.query-btn .search-btn {
	padding: 0;
	width: 69px;
	height: 24px;
	line-height: 24px;
	background-color: #d81212;
	border-radius: 12px;
	border: none;
}

.query2 {
	width: 100%;
	margin-bottom: 10px;
}

.btn-l2 {
	display: inline-block;
	width: 90px;
}

.btn-m2 {
	margin-left: 6px;
	margin-right: 6px;
	font-size: 18px;
	color: #010101;
}

.btn-l2 .layui-input {
	font-size: 14px;
	color: #010101;
	width: 100%;
	height: 24px;
	background-color: #e3e3e3;
	border-radius: 5px;
}

.query-btn2 {
	width: auto;
	display: inline-block;
}

.query-btn2 .search-btn {
	padding: 0;
	width: 69px;
	height: 24px;
	line-height: 24px;
	background-color: #d81212;
	border-radius: 12px;
	border: none;
}

.history-item {
	cursor: pointer;
	margin-top: 13px;
	padding-bottom: 15px;
	border-bottom: 1px solid #d5d5d5;
	overflow: hidden;
}

.history-item .pro-img {
	width: 79px;
	height: 79px;
	box-sizing: border-box;
	overflow: hidden;
	text-align: center;
	float: left;
}

.history-item .pro-img img {
	height: auto;
}

.history-item .pro-des {
	width: 100%;
	padding-left: 87px;
	box-sizing: border-box;
	position: relative;
}

.history-item .pro-des p {
	font-size: 12px;
	line-height: 18px;
	color: #010101;
}

.history-item:hover .pro-img img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.history-item:hover .pro-des p {
	color: #d81212;
}

.old-price {
	font-size: 12px;
	color: #c0c0c0;
	text-decoration: line-through;
	margin-top: 8px;
}

.new-price {
	font-size: 12px;
	color: #d81212;
	margin-top: 8px;
}

.new-price b {
	color: #d81212;
	font-weight: bold;
	font-size: 17px;
}

.history-border {
	margin-top: 20px;
	border-radius: 20px;
	border: solid 1px #000000;
	padding: 23px 12px 24px;
	box-sizing: border-box;
}

.small-banner {
	width: 100%;
	margin-top: 11px;
}

.small-banner img {
	width: 100%;
}

.header-nav {
	background: #f4f4f4;
	/*height: 38px;*/
	height: auto;
}

.shop-nav {
	text-align: center;
	/*float: left;*/
	width: auto;
	margin: 0 auto;
}

.shop-nav a {
	color: #010101;
	line-height: 38px;
	margin: 0 27px;
	font-size: 18px;
}

.shop-nav a:hover {
	color: #d81212;
}

.shop-nav .active {
	color: #d81212;
}

.nav-right {
	float: left;
	width: auto;
	height: auto;
	color: #010101;
	font-size: 14px;
	margin-top: 25px;
}

.nav-emial {
	display: block;
}

.nav-user {
	font-size: 18px;
}

.nav-user .user-register {
	line-height: 38px;
	margin-right: 30px;
	position: relative;
}

.nav-user .user-register:after {
	content: '';
	position: absolute;
	right: -15px;
	top: 1px;
	height: 20px;
	width: 1px;
	background: #010101;
}

.goods_wrap .mtop0 {
	margin-top: 0;
}

.mtop0 {
	margin-top: 0;
}

.footer {
	background: #F4F4F4;
}

.foot-line {
	border-bottom: 1px solid #020202;
	border-top: 1px solid #020202;
}

.footer .footer-list {
	padding-top: 32px;
	padding-bottom: 30px;
	overflow: hidden;
	color: #010101;
	display: flex;
}

.footer-item {
	box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 20px auto !important;
  text-align: center;
}


/*.footer-item:first-child {
	padding-left: 0;
}*/

.footer-item dt h3 {
	font-size: 21px;
	font-weight: 500;
	margin-top: 25px;
	margin-bottom: 30px;
}

.footer-item dd,.footer-item li {
	margin-top: 14px;
	font-size: 18px;
}

.footer .help-link {
	margin-top: 11px;
	text-align: center;
}

.help-link i {
	display: block;
}

.footer .copyright {
	padding-bottom: 50px;
	padding-top: 16px;
	font-size: 14px;
	color: #a0a0a0;
	line-height: 24px;
	text-align: center;
}

.help-link a {
	padding: 5px;
	background-color: #d81212;
	border-radius: 16px;
	display: inline-block;
	font-size: 14px;
	color: #fff;
	text-align: center;
}

.help-link i {
	display: block;
}

.help-link a span {
	display: none;
}

.help-link .isShow {
	width: auto;
	padding: 0 24px;
	height: 31px;
}

.help-link .isShow span {
	display: inline-block;
}

/*.footer .footer-item>span {
	height: 70px;
	width: 70px;
	display: inline-block;
	border-radius: 50%;
	text-align: center;
	line-height: 70px;
	background-color: #020202;
}*/

.pc-show {
	display: block;
}

.yd-show {
	display: none;
}

.breadcrumb {
	width: 100%;
	font-size: 18px;
	color: #010101;
}

.layui-breadcrumb span[lay-separator] {
	font-size: 18px;
	color: #010101;
}

.line-bottom {
	border-bottom: solid 1px #010101;
}

.layui-breadcrumb a:hover {
	color: #d81212;
}

.breadcrumb .bread-span {
	display: inline-block;
}

.breadcrumb .el-breadcrumb {
	display: inline-block;
}

.breadcrumb a {
	font-size: 14px;
	color: #010101;
}

.el-icon-arrow-right:before {
	font-size: 16px;
	color: #010101;
	font-weight: bold;
}

.products-wrap {
	margin-top: 30px;
	height: auto;
	overflow: hidden;
}

.products-search h2 {
	font-size: 18px;
	color: #010101;
	font-weight: bold;
	display: inline-block;
	width: auto;
	padding-left: 30px;
	box-sizing: border-box;
	color: #010101;
	position: relative;
}

.products-search h2:before {
	position: absolute;
	content: '';
	left: 0;
	top: 5px;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	background-color: #020202;
}

.products-search {
	padding-bottom: 5px;
}

.products-search h2 b {
	font-weight: 500;
	font-weight: 500;
	font-size: 14px;
	color: #8d8d8d;
	padding-left: 19px;
}

.line-bot {
	border-bottom: solid 1px #000000;
}

.products-wrap .search-r {
	display: inline-block;
	width: auto;
	float: right;
}

.search-r .layui-btn {
	width: 56px;
	padding: 0;
	line-height: 20px;
	height: 20px;
	border: none;
	background-color: #d81212;
	border-radius: 10px;
	color: #fff;
}

.search-r img {
	height: 10px;
	margin-left: 5px;
	transition: transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	-ms-transition: -ms-transform 0.3s;
}

.search-r .img-active {
	transform: rotateX(180deg);
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	-ms-transform: rotateX(180deg);
	-o-transform: rotateX(180deg);
}

.search-r .btn-ys {
	width: 76px;
}

.layui-btn:focus,
.layui-btn:hover {
	background-color: #d81212;
	opacity: 0.8 !important;
}

.search-r .column-num,
.goods-order .column-num2 {
	width: 25px;
	height: 25px;
	background-color: #000000;
	border-radius: 5px;
	border: solid 1px #d5d5d5;
	margin-right: 8px;
	font-size: 14px;
	text-align: center;
	line-height: 23px;
	color: #d5d5d5;
	box-sizing: border-box;
}

.search-r .column-num {
	float: left;
}

.search-r .column-icon,
.goods-order .column-icon2 {
	margin-right: 8px;
	vertical-align: middle;
}

.search-r .column-icon img,
.goods-order .column-icon2 img {
	width: 25px;
	height: 25px;
	vertical-align: middle;
}

.paging {
	text-align: center;
	margin-top: 31px;
}

.paging .pagination li {
	border: none;
	display: inline-block;
	vertical-align: middle;
	padding: 0 15px;
	height: 28px;
	line-height: 26px;
	background-color: #fff;
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	font-size: 18px;
	color: #010101;
}

.paging .pagination .active {
	background: #d81212;
	color: #fff;
}

.paging .pagination .disabled {
	color: #d2d2d2!important;
	cursor: not-allowed!important;
}

.paging .pagination li:first-child {
	border: 1px solid #d5d5d5;
	border-right: none;
	border-radius: 15px 0 0 15px;
	margin-right: -4px;
	font-size: 22px;
}

.paging .pagination li:last-child {
	border: 1px solid #d5d5d5;
	border-radius: 0px 15px 15px 0;
	margin-left: -4px;
	border-left: none;
	font-size: 22px;
}

.layui-colla-icon {
	transform: rotate(90deg);
}

.ce-member .el-span {
	padding-left: 8px;
}

.go-to {
	font-size: 12px;
	text-align: center;
	width: 31px;
	line-height: 14px;
	height: 14px;
	background-color: #d81212;
	border-radius: 7px;
	display: inline-block;
	color: #fff;
}
.cate-list{
    display: inline-block !important;
}
.cate-list span {
    padding: 3px 8px;
    border: 1px solid #eee;
    margin: 5px;
    background-color: #f5f5f5;
    display: inline-block !important;
}
.page-index-title{
	margin-bottom:2rem;
	font-weight: 600;
	font-size: 18px;
	position: relative;
	box-sizing: border-box;
	color: #010101;
	text-align: left;
}

.page-h1{
    margin-top: 2rem !important;
    text-align: center;
}
.page-desc{
    margin-top: 2rem;
}
.section-categories{
    display: none;
}
.popular-brands-ranking {
	background: #fff;
	border-radius: 8px;
	padding: 8px;
	margin: 20px 0;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.popular-brands-ranking .title-info2 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0;
}

.popular-brands-ranking .title-info2 h2 {
    color: #333;
    font-size: 18px;
    flex: 1;
    padding-bottom: unset;
	border-bottom: unset;
}

.ranking-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.ranking-item {
	display: flex;
	align-items: center;
	padding: 8px 12px;
	border-radius: 6px;
	transition: background-color 0.3s ease;
}

.ranking-item:hover {
	background-color: #f8f9fa;
}

.rank-number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	font-weight: bold;
	font-size: 12px;
	margin-right: 12px;
	min-width: 24px;
}

/* 前三名特殊样式 */
.rank-1 .rank-number {
	background: linear-gradient(135deg, #ffd700, #ffed4e);
	color: #fff;
	box-shadow: 0 2px 4px rgba(255, 215, 0, 0.3);
}

.rank-2 .rank-number {
	background: linear-gradient(135deg, #c0c0c0, #e8e8e8);
	color: #fff;
	box-shadow: 0 2px 4px rgba(192, 192, 192, 0.3);
}

.rank-3 .rank-number {
	background: linear-gradient(135deg, #cd7f32, #daa520);
	color: #fff;
	box-shadow: 0 2px 4px rgba(205, 127, 50, 0.3);
}

/* 4-10名样式 */
.ranking-item:nth-child(-n+10):nth-child(n+4) .rank-number {
	background: linear-gradient(135deg, #667eea, #764ba2);
	color: #fff;
}

/* 11-25名样式 */
.ranking-item:nth-child(n+16) .rank-number {
	background: #f8f9fa;
	color: #666;
	border: 1px solid #dee2e6;
}
.rank-more {
    text-align: right;
  display: block;
}
.brand-info {
	display: flex;
	align-items: center;
	flex: 1;
	min-width: 0;
}

.brand-logo {
	width: 32px;
	height: 32px;
	object-fit: contain;
	margin-right: 10px;
	border-radius: 4px;
	border: 1px solid #f0f0f0;
}

.brand-name {
	color: #333;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: color 0.3s ease;
}

.brand-name:hover {
	color: #007bff;
}
.brands-yd{
    display: none;
}
@media (max-width:1300px) {
	.container {
		max-width: 1140px;
	}
	.shop-cart ul .shake {
		margin-right: 50px;
	}
	.shop-nav a {
		margin: 0 20px;
	}
	.footer-item dt h3{
		font-size: 18px;
	}
}

@media (max-width:1180px) {
	.container {
		max-width: 960px;
	}
	.search {
		width: 300px;
	}
	.header-nav {
		height: 76px;
	}
	.footer-item dt h3{
		font-size: 16px;
	}
}

@media (max-width:970px) {
	.logo {
		padding-left: 0;
		text-align: center;
	}
	body {
		background: #fff !important;
	}
	.container {
		max-width: 770px;
	}
	.shop-cart ul .shake {
		margin-right: 30px;
	}
	.search {
		width: 230px;
	}
	.footer {
		background: #fff;
		padding-bottom: 55px;
	}
	.foot-line {
		border: none;
		padding: 0 15px;
		box-sizing: border-box;
	}
	.footer .footer-list {
		padding-bottom: 35px;
		display: block !important;
	}
	
	.footer-item img {
		height: 35px;
	}
	.help-link {
		/*display: none;*/
		border-bottom: 1px solid #cecece;
		padding-top: 18px;
		padding-bottom: 15px;
		border-top: 1px solid #cecece;
	}
	.footer .footer-list .footer-item {
		margin-top: 30px;
	}
	.footer .footer-list .footer-item {
		padding-left: 0;
		text-align: center;
	}
	.footer .footer-list .footer-item dt h3 {
		/*font-size: 18px;*/
		font-size: 10px;
		margin-top: 15px;
		margin-bottom: 15px;
		line-height: 17px;
	}
	.footer .footer-list .footer-item dd,.footer-item li {
		font-size: 12px;
	}
	.footer .copyright {
		/*border-top: 1px solid #cecece;
		border-bottom: 1px solid #cecece;*/
		font-size: 15px;
		padding: 0 15px;
		box-sizing: border-box;
		padding-top: 15px;
		padding-bottom: 0;
		/*padding-bottom: 35px;*/
	}
	.category-list {
		margin-left: 0 !important;
	}
	.category-list ul {
		width: 100%;
		display: flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-left: -1%;
	}
	.category-item h3 a {
		width: 70%;
		float: left;
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.category-item {
		box-sizing: border-box;
		float: left;
		width: auto !important;
		display: block;
		margin: 12px 0 0 1% !important;
		-ms-flex: 0 0 49%;
		flex: 0 0 49%;
		max-width: 49%;
		height: auto !important;
	}
}

@media screen and (min-width: 750px) and (max-width: 970px) {
	.container {
		max-width: 650px;
	}
}

@media (max-width:750px) {
    .brands-yd{
        display: block;
    }
        
    .yd-header-1{
        background-color: rgba(255, 255, 255, 0.95);
    }
    /* 小屏顶栏随滚动加阴影（旧版整段 fixed 已随 .yd-header 移除） */
    .site-header-main.scrolled {
      position: sticky;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 999;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
      background: #fff;
      transition: box-shadow 0.3s ease;
    }

    .section-categories { display:unset;max-width: 1100px; margin: 0 auto;padding: 10px 5px; }
    .section-categories h2 { font-size: 1.25rem; margin: 0 0 12px; }
    /* 1行6列（小屏自动适配为3列） */
    .category-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--gap); align-items: start; }
    .category-grid li a { display: block; text-decoration: none; color: var(--text); text-align: center; }
    .category-grid figure { margin: 0; display: flex; flex-direction: column; align-items: center; gap: 8px; }
    .category-grid img { width: 25px; height: auto; object-fit: contain; }
    .category-grid figcaption { font-size: 0.95rem; line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .category-grid li a:focus-visible { outline: 2px solid #0091ff; outline-offset: 4px; border-radius: 8px; }

	.head-des {
		display: block !important;
	}
	.yd {
		display: inline-block;
	}
	.con-l,
	.breadcrumb,
	.products-search h2 b {
		display: none;
	}
	.products-search {
		overflow: hidden;
	}
	.products-wrap h2 {
		font-size: 22px;
		font-weight: 600;
		padding-left: 25px;
		padding-bottom: 5px;
		width: 100%;
		margin-bottom: 10px;
		border-bottom: solid 1px #000000;
	}
	.products-wrap .line-bot {
		border: none;
	}
	.search-r .layui-btn {
		font-size: 14px;
		height: 25px;
		line-height: 25px;
	}
	.goods {
		margin-top: 0px;
		margin-bottom: 0;
	}
	.con-r {
		padding: 0 15px;
		box-sizing: border-box;
		float: initial;
	}
	.goods-list>ul {
		margin-left: 0;
	}
	.title-info h2:before {
		top: 8px;
	}
	.goods-list .goods-item {
		width: 48%;
		margin-left: 0;
		margin-bottom: 24px;
	}
	.goods-list .goods-item:nth-child(2n) {
		float: right;
	}
	.goods-list .goods-item .pro-img {
		height: 165px;
	}
	.goods-item .price {
		font-size: 13px;
	}
	.star-list{
		text-align: center;
	}
	.sale-num {
		margin-left: 0;
		margin-top: 8px;
		display: block;
	}
	.round {
		font-size: 20px;
	}
	.goods-item .pro-des {
		padding: 15px 10px;
		background: #fff;
	}
	.goods-column .goods-item {
		width: 100%;
		float: initial;
		overflow: hidden;
	}
	.goods-item .pro-img img {
		height: 165px;
	}
	.goods-column .goods-item .pro-img {
		float: left;
		width: 165px;
	}
	.goods-column .goods-item .pro-des {
		width: 100%;
		padding-left: 180px;
		box-sizing: border-box;
	}
	.goods-column .goods-item:nth-child(2n) {
		float: initial;
	}
	.container {
		width: 100%;
	}
	.pc-show {
		display: none;
	}
	.yd-show {
		display: block;
	}
	.products-wrap .search-r {
		display: block;
		width: 100%;
		float: initial;
	}
	.paging .pagination li {
		margin-left: -1px;
		border: 1px solid #d5d5d5;
		margin-bottom: 10px;
	}
	
}
.foot-1 {
        /*background-color: #f8f8f8;*/
        padding: 10px 0;
        border-bottom: 1px solid #333;
        border-top: 1px solid #af8888;
        font-size: 12px;
        color: #333;
    }
    .foot-1 .container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 15px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }
    .foot-1 span {
        margin-right: 20px;
        display: inline-flex;
        align-items: center;
    }
    .foot-1 span:last-child {
        margin-right: 0;
    }
    .foot-1-email::before {
         content: "";
         display: inline-block;
         width: 16px;
         height: 16px;
         margin-right: 5px;
         background-image: url('data:image/svg+xml;utf8,<svg t="1754233620101" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4533" width="200" height="200"><path d="M993.882353 271.058824l-481.882353 240.941176-481.882353-240.941176v-120.470589h963.764706v120.470589z" fill="%23333333" p-id="4534"></path><path d="M30.117647 331.294118v542.117647h963.764706v-542.117647l-481.882353 240.941176-481.882353-240.941176z" fill="%23333333" p-id="4535"></path></svg>');
         background-size: contain;
         background-repeat: no-repeat;
         background-position: center;
     }
     .foot-1-xl::before {
         content: "";
         display: inline-block;
         width: 16px;
         height: 16px;
         margin-right: 5px;
         background-image: url('data:image/svg+xml;utf8,<svg t="1754233670027" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7198" width="200" height="200"><path d="M841.638649 555.271526c1.775436-14.201443 3.106758-28.625968 3.106758-43.271526 0-14.645558-1.331321-29.069059-3.106758-43.271526l93.865831-73.449849c8.432043-6.656607 10.873652-18.639522 5.325285-28.40391l-88.76158-153.779386c-5.547343-9.54233-17.087167-13.536294-27.072589-9.54233l-110.508883 44.602847c-22.856567-17.530258-47.931662-32.397874-75.003228-43.715641L622.841457 86.830601c-1.997494-10.429537-11.095709-18.639522-22.190395-18.639522l-177.523159 0c-11.095709 0-20.192901 8.209986-21.968337 18.639522l-16.643052 117.609605c-27.072589 11.316743-52.147684 25.962302-75.003228 43.715641l-110.50786-44.602847c-9.985422-3.771907-21.524223 0-27.072589 9.54233l-88.76158 153.779386c-5.547343 9.54233-3.106758 21.524223 5.325285 28.40391l93.643774 73.449849c-1.775436 14.201443-3.106758 28.625968-3.106758 43.271526 0 14.645558 1.331321 29.069059 3.106758 43.271526l-93.643774 73.449849c-8.432043 6.656607-10.873652 18.639522-5.325285 28.40391l88.76158 153.779386c5.547343 9.54233 17.086144 13.536294 27.072589 9.54233l110.508883-44.602847c22.856567 17.530258 47.931662 32.397874 75.003228 43.715641l16.643052 117.609605c1.775436 10.429537 10.873652 18.639522 21.968337 18.639522l177.523159 0c11.095709 0 20.192901-8.209986 21.968337-18.639522l16.643052-117.609605c27.072589-11.316743 52.147684-25.962302 75.003228-43.715641l110.50786 44.602847c9.985422 3.771907 21.525246 0 27.072589-9.54233l88.76158-153.779386c5.547343-9.54233 3.106758-21.524223-5.325285-28.40391L841.638649 555.271526zM511.88846 667.332764c-85.876879 0-155.332764-69.455885-155.332764-155.332764s69.455885-155.332764 155.332764-155.332764c85.876879 0 155.332764 69.455885 155.332764 155.332764S597.765339 667.332764 511.88846 667.332764z" fill="%23333333" p-id="7199"></path></svg>');
         background-size: contain;
         background-repeat: no-repeat;
         background-position: center;
     }
     .foot-1-line::before {
         content: "";
         display: inline-block;
         width: 16px;
         height: 16px;
         margin-right: 5px;
         background-image: url('data:image/svg+xml;utf8,<svg t="1754233693888" class="icon" viewBox="0 0 1107 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8159" width="200" height="200"><path d="M553.967 0C248.01 0 0 195.231 0 436.04c0 223.685 214.083 407.92 489.757 433.017a33.708 33.708 0 0 1 22.512 14.705c12.237 20.145 3.542 63.069-5.96 111.197s42.169 23.149 53.6 17.576c9.1-4.415 243.31-136.444 382.742-265.921 101.963-79.1 165.25-189.02 165.25-310.558C1107.934 195.231 859.908 0 553.967 0zM369.311 550.157a29.545 29.545 0 0 1-29.78 29.276H238.257c-17.878 0-41.698-6.178-41.698-35.135v-216.55a29.528 29.528 0 0 1 29.78-29.277h5.959a29.528 29.528 0 0 1 29.78 29.276v187.275h77.438a29.545 29.545 0 0 1 29.796 29.276v5.859z m83.482-5.825a29.746 29.746 0 0 1-59.493 0V333.958a29.746 29.746 0 0 1 59.493 0v210.374z m262.01 0a32.92 32.92 0 0 1-29.78 29.276 33.708 33.708 0 0 1-35.102-16.787l-95.954-134.58v122.057a29.78 29.78 0 0 1-59.543 0V333.589a29.511 29.511 0 0 1 29.763-29.26 37.67 37.67 0 0 1 33.759 21.437c9.232 13.631 97.364 136.511 97.364 136.511V333.59a29.797 29.797 0 0 1 59.576 0v210.709z m178.696-134.614a29.276 29.276 0 1 1 0 58.552H816.06v46.819h77.438a29.276 29.276 0 1 1 0 58.536H777.35a26.557 26.557 0 0 1-26.859-26.322V330.702a26.557 26.557 0 0 1 26.86-26.339h116.148a29.276 29.276 0 1 1 0 58.536H816.06v46.835h77.438z" fill="%2300C300" p-id="8160"></path></svg>');
         background-size: contain;
         background-repeat: no-repeat;
         background-position: center;
     }
    .foot-1-text {
        color: #a0a0a0;
        font-weight: bold;
    }
    .foot-2 {
        background-color: rgb(229, 229, 229);
    }
    .foot-2 .container{
        padding: 15px 0;
        display: flex;
        flex-wrap: wrap;
    }
    
    .foot-2 .container a {
        color: #666;
        text-decoration: none;
        font-size: 14px;
        padding: 0 15px;
        border-right: 1px solid #666;
    }
    
    /* Footer lists styles */
    .footer-lists {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        padding: 25px 15px !important;
        justify-content: space-between;
    }
    .footer-item li b{
        font-size: 14px;
        font-weight: 600;
    }
    .footer-item {
        flex: 1;
        min-width: 200px;
    }
    
    .footer-item span,.footer-item ul li:first-child {
        display: block;
        font-weight: bold;
        margin-bottom: 10px;
        color: #333;
        cursor: pointer;
        position: relative;
    }
    
    .footer-item dl ,.footer-item ul {
        margin: 0;
        padding: 0;
    }
    
    .footer-item dd,.footer-item li {
        margin: 0;
        padding: 5px 0;
        list-style: none;
    }
    
    .footer-item a {
        color: #666;
        text-decoration: none;
        font-size: 12px;
    }
    
    .footer-item a:hover {
        color: #007bff;
    }
    
    .container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 15px;
    }
    
    .copyright {
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid #e0e0e0;
        font-size: 12px;
        color: #999;
        line-height: 1.6;
    }
    
    .footer-description {
        color: #666;
        text-decoration: none;
        font-size: 14px;
        text-align: center;
        line-height: 1.6;
    }
    
    .copyright a {
        color: #007bff;
    }

    /* 購入フロー */


    .flow-steps {
        display: flex;
        justify-content: center;
        align-items: stretch;
        max-width: 1120px;
        margin: 0 auto;
        border: 2px solid #999;
        border-radius: 8px;
        overflow: hidden;
        background: white;
    }

    .step {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 1;
        padding: 12px 8px;
        position: relative;
        border-right: 1px solid #999;
        text-align: center;
        background-color: #d4c4b0 !important;
    }

    .step:last-child {
        border-right: none;
    }

    .step-number {
        display: inline-block;
        width: 24px;
        height: 24px;
        line-height: 24px;
        border-radius: 50%;
        background-color: white;
        color: #333;
        font-weight: bold;
        font-size: 14px;
        margin-right: 8px;
        border: 1px solid #999;
    }

    .step-text {
        font-size: 12px;
        color: #333;
        line-height: 1.2;
        font-weight: 500;
    }

    /* 各ステップの背景色 */
    .step-1 { background-color: #e8e0d5; }
    .step-2 { background-color: #d4c4b0; }
    .step-3 { background-color: #c0a890; }
    .step-4 { background-color: #ac8c70; }
    .step-5 { background-color: #987050; }
    .step-6 { background-color: #845430; }

   

    .step-6 .step-number {
        background-color: white;
        color: #333;
    }

    @media (max-width: 768px) {
        .foot-1 .container {
            flex-direction: column;
            text-align: center;
        }
        .foot-1 span {
            margin: 2px 10px;
        }
         .foot-2 .container{
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10px 15px;
            margin-top: 20px;
            padding-top: 15px;
        }
        
        .foot-2 .container a {
            padding: 8px 5px;
            text-align: center;
            background-color: #f8f9fa;
            border-radius: 4px;
            border: 1px solid #e0e0e0;
            font-size: 13px;
        }
        
        .foot-2 .container a:hover {
            background-color: #e9ecef;
        }
        
        /* Mobile styles for footer-lists */
        .footer-lists {
            flex-direction: column;
            gap: 0;
        }
        
        .footer-item {
            padding: 15px 0;
        }
        .footer .footer-item{
            width: 98%;
            position: relative;
        }
        .footer-item span {
            font-size: 16px;
            padding: 10px 0;
            border-bottom: none;
            position: relative;
             display: flex;
              justify-content: space-between;
              align-items: center;
              width: 100%;
        }
        .container{
            padding: unset !important;
        }
        .footer-item span::after {
            content: '+';
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            font-size: 18px;
            transition: transform 0.3s ease;
        }
        
        .footer-item.active span::after {
            content: '-';
            transform: translateY(-50%) rotate(0deg);
        }
        
        .footer-item dl,.footer-item ul {
            width: 48%;
        }
        
        .footer-item.active dl,.footer-item.active ul {
            max-height: 1000px;
            padding-top: 10px;
        }
        
        .flow-steps {
            flex-wrap: wrap;
            gap: 20px;
        }

        .flow-steps::before {
            display: none;
        }

        .step {
            flex: 0 0 calc(44% - 14px);
        }

        .step-number {
            width: 40px;
            height: 40px;
            font-size: 16px;
            display: grid;
            align-items: center;
        }

        .step-text {
            font-size: 11px;
        }
        .flow-steps{
            border: unset;
        }
        .flow-steps {
          display: grid;
          grid-template-columns: repeat(2, 1fr); /* 每行2列，等宽 */
          gap: 20px; /* 步骤之间的间距 */
        }
        
        .step {
          display: flex;
          align-items: center; /* 垂直居中对齐 */
          padding: 10px;
          border: 1px solid #eee; /* 可选：添加边框 */
          border-radius: 4px; /* 可选：添加圆角 */
          justify-content: left;
        }
        .purchase-flow{
            padding: 0 15px;
            margin-top: 20px;
        }
        .footer-lists .footer-item{
            padding: 0 15px;
        }

    }
    
    /* Desktop styles for footer-lists */
    @media (min-width: 769px) {
        .footer-item span::after {
            display: none;
        }
        
        .footer-item dl,.footer-item ul {
            max-height: none !important;
            overflow: visible !important;
        }
    }

/* レビュー評価样式 */
.review-section {
  margin: 20px 0;
  background: #fff;
}

.review-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 电脑端：一排4个 */
  gap: 20px;
  padding: 0;
}

.review-item {
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  padding: 15px;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.review-item:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}

.review-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
}

.user-info {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
}

.user-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #f0f0f0;
}

.user-details {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.user-name {
  font-weight: 600;
  color: #333;
  font-size: 14px;
}

.review-date {
  font-size: 12px;
  color: #999;
}

.review-rating {
  display: flex;
  gap: 2px;
  flex-shrink: 0;
}

.review-rating .star {
  font-size: 16px;
  color: #ddd;
}

.review-rating .star.filled {
  color: #ff9800;
}

.review-content {
  flex: 1;
}

.review-content p {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: #555;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.review-image {
  width: 100%;
  overflow: hidden;
  border-radius: 6px;
}

.review-image img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.review-item:hover .review-image img {
  transform: scale(1.05);
}

.review-product {
  border-top: 1px solid #f0f0f0;
  padding-top: 10px;
}

.review-product a {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: #666;
  transition: color 0.3s ease;
}

.review-product a:hover {
  color: #333;
}

.review-product .product-thumb {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 4px;
  border: 1px solid #e8e8e8;
}

.review-product .product-name {
  flex: 1;
  font-size: 13px;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 移动端响应式 */
@media (max-width: 1200px) {
  .review-list {
    grid-template-columns: repeat(3, 1fr); /* 中等屏幕：一排3个 */
    gap: 18px;
  }
}

@media (max-width: 768px) {
  .review-list {
    grid-template-columns: repeat(2, 1fr); /* 手机端：一排2个 */
    gap: 15px;
  }
  
  .review-item {
    padding: 12px;
  }
  
  .user-avatar {
    width: 36px;
    height: 36px;
  }
  
  .review-content p {
    font-size: 13px;
  }
  
  .review-image img {
    height: 120px;
  }
}

@media (max-width: 480px) {
  .review-list {
    grid-template-columns: repeat(2, 1fr); /* 小屏手机：保持一排2个 */
    gap: 12px;
  }
  
  .review-item {
    padding: 10px;
  }
  
  .review-content p {
    font-size: 12px;
    -webkit-line-clamp: 2; /* 小屏幕只显示2行 */
  }
}

.review-filters {
	background: #fff;
	padding: 15px 20px;
	margin: 20px 0;
	border-radius: 8px;
	border: 1px solid #e8e8e8;
}

.review-filters h3 {
	margin: 0 0 10px 0;
	font-size: 16px;
	color: #333;
}

.filter-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.filter-btn {
	padding: 8px 16px;
	border: 1px solid #ddd;
	background: #fff;
	color: #666;
	border-radius: 20px;
	cursor: pointer;
	text-decoration: none;
	font-size: 14px;
	transition: all 0.3s ease;
}

.filter-btn:hover {
	border-color: #999;
	color: #333;
}

.filter-btn.active {
	background: #333;
	color: #fff;
	border-color: #333;
}

.review-stats {
	margin-bottom: 15px;
	color: #666;
	font-size: 14px;
}

.reviews-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr); /* 电脑端：一排4个 */
	gap: 20px;
	margin-bottom: 30px;
}

@media (max-width: 1200px) {
	.reviews-grid {
		grid-template-columns: repeat(3, 1fr); /* 中等屏幕：一排3个 */
		gap: 18px;
	}
}

@media (max-width: 768px) {
	.reviews-grid {
		grid-template-columns: repeat(2, 1fr); /* 手机端：一排2个 */
		gap: 15px;
	}
}

@media (max-width: 480px) {
	.reviews-grid {
		grid-template-columns: repeat(2, 1fr); /* 小屏手机：保持一排2个 */
		gap: 12px;
	}
}

/* Reviews 分页美化样式 */
.pagination-wrapper {
	margin: 40px 0;
	padding: 20px 0;
	text-align: center;
	border-top: 1px solid #f0f0f0;
}

.pagination-wrapper .pagination {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.pagination-wrapper .pagination li {
	display: inline-block;
	margin: 0;
	border: none;
}

.pagination-wrapper .pagination li a,
.pagination-wrapper .pagination li span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 12px;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	background: #fff;
	color: #333;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	transition: all 0.3s ease;
	cursor: pointer;
}

.pagination-wrapper .pagination li a:hover {
	border-color: #d4c4b0;
	background: #fff5f5;
	color: #d4c4b0;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(216, 18, 18, 0.15);
}

.pagination-wrapper .pagination .active a,
.pagination-wrapper .pagination .active span {
	background: linear-gradient(135deg, #d4c4b0 0%, #d4c4b0 100%);
	border-color: #d4c4b0;
	color: #fff;
	font-weight: 600;
	box-shadow: 0 4px 12px rgba(216, 18, 18, 0.25);
}

.pagination-wrapper .pagination .disabled a,
.pagination-wrapper .pagination .disabled span {
	background: #f5f5f5;
	border-color: #e0e0e0;
	color: #ccc;
	cursor: not-allowed;
	opacity: 0.6;
}

.pagination-wrapper .pagination .disabled a:hover {
	transform: none;
	box-shadow: none;
	background: #f5f5f5;
	border-color: #e0e0e0;
}

/* 首页/末页按钮特殊样式 */
.pagination-wrapper .pagination li:first-child a,
.pagination-wrapper .pagination li:last-child a {
	font-weight: 600;
	padding: 0 16px;
}

/* 省略号样式 */
.pagination-wrapper .pagination .break a {
	border: none;
	background: transparent;
	cursor: default;
	pointer-events: none;
}

.pagination-wrapper .pagination .break a:hover {
	transform: none;
	box-shadow: none;
}

/* 移动端响应式 */
@media (max-width: 768px) {
	.pagination-wrapper {
		margin: 30px 0;
		padding: 15px 0;
	}
	
	.pagination-wrapper .pagination {
		gap: 6px;
		flex-wrap: wrap;
		justify-content: center;
	}
	
	.pagination-wrapper .pagination li a,
	.pagination-wrapper .pagination li span {
		min-width: 36px;
		height: 36px;
		padding: 0 10px;
		font-size: 13px;
	}
}

@media (max-width: 480px) {
	.pagination-wrapper .pagination {
		gap: 4px;
	}
	
	.pagination-wrapper .pagination li a,
	.pagination-wrapper .pagination li span {
		min-width: 32px;
		height: 32px;
		padding: 0 8px;
		font-size: 12px;
		border-radius: 6px;
	}
	
	/* 小屏幕隐藏部分页码，只显示关键页码 */
	.pagination-wrapper .pagination li:not(.active):not(:first-child):not(:last-child):not(.break) {
		display: none;
	}
	
	.pagination-wrapper .pagination li.active ~ li:nth-child(-n+2),
	.pagination-wrapper .pagination li.active ~ li:nth-last-child(-n+2) {
		display: inline-block;
	}
}

/* ========== Site header v2（oth_header） ========== */
.site-header-mobile-fixed {
	display: contents;
}
.site-header-mobile-fixed-spacer {
	display: none;
}
.site-header-v2 .site-header-main.header {
	background: #ffffff;
	height: auto;
	min-height: unset;
	border-bottom: none;
	padding: 0;
}

.site-header-v2 .site-header-top {
	background: #fff;
	border-bottom: 1px solid #e8e8e8;
	padding: 14px 0;
}

.site-header-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	display: flex;
	align-items: center;
	gap: 28px;
	flex-wrap: nowrap;
	box-sizing: border-box;
}

.site-logo {
	flex: 0 0 auto;
	line-height: 0;
}

.site-logo a {
	display: inline-block;
	line-height: 0;
}

.site-logo img {
	height: 60px;
	width: auto;
	max-width: 200px;
	object-fit: contain;
	vertical-align: middle;
}

.site-search-form {
	flex: 1 1 auto;
	max-width: 560px;
	position: relative;
	display: flex;
	align-items: center;
	margin: 0 auto;
}

.site-search-input {
	width: 100%;
	height: 46px;
	padding: 0 52px 0 20px;
	border: 1px solid #d8d8d8;
	border-radius: 999px;
	font-size: 14px;
	color: #333;
	background: #fff;
	box-sizing: border-box;
	outline: none;
	transition: border-color 0.2s;
}

.site-search-input::placeholder {
	color: #b0b0b0;
}

.site-search-input:focus {
	border-color: #c41212;
}

.site-search-submit {
	position: absolute;
	right: 6px;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 38px;
	border: none;
	background: transparent;
	cursor: pointer;
	color: #666;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	padding: 0;
}

.site-search-submit:hover {
	color: #c41212;
	background: rgba(196, 18, 18, 0.06);
}

.site-header-tools {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	gap: 0;
	margin-left: auto;
	min-height: 44px;
}

.site-tool-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #222 !important;
	font-size: 14px;
	padding: 6px 4px;
	white-space: nowrap;
	text-decoration: none !important;
}

.site-tool-link:hover {
	color: #c41212 !important;
}

.site-tool-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #333;
}

.site-tool-cart-icon {
	position: relative;
}

.site-cart-badge {
	position: absolute;
	top: -6px;
	right: -10px;
	min-width: 16px;
	height: 16px;
	line-height: 16px;
	font-size: 11px;
	background-color: #f00;
	border-radius: 50%;
	text-align: center;
	color: #fff;
}

.site-tool-text {
	line-height: 1.2;
}

.site-tool-text-only .site-tool-text {
	font-size: 13px;
}

.site-tool-divider {
	width: 1px;
	height: 16px;
	background: #d8d8d8;
	margin: 0 12px;
	flex-shrink: 0;
}

.site-tool-cart-wrap {
	position: relative;
	display: inline-flex;
	align-items: center;
}

.site-tool-cart-wrap > .site-tool-link {
	margin: 0;
}

.site-subnav {
	background: #fff;
	border-bottom: 1px solid #e5e5e5;
}

.site-subnav-inner {
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 16px;
	min-height: 44px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 4px 0;
	box-sizing: border-box;
}

.site-subnav-inner > a {
	display: inline-block;
	padding: 12px 10px;
	font-size: 15px;
	color: #222 !important;
	text-decoration: none !important;
}

.site-subnav-inner > a:hover,
.site-subnav-inner > a.active {
	color: #c41212 !important;
}

.site-subnav-sep {
	color: #ccc;
	font-size: 14px;
	user-select: none;
	padding: 0 2px;
}

/* 顶栏购物车下拉位置 */
.site-header-v2 .shop-box {
	top: 100%;
	margin-top: 8px;
}

.site-header-v2 .site-tool-cart-wrap .shop-box {
	left: auto;
	right: 0;
	transform: translateX(0);
}

@media screen and (max-width: 1100px) {
	.site-header-inner {
		flex-wrap: wrap;
		gap: 14px;
	}
	.site-search-form {
		order: 3;
		flex: 1 1 100%;
		max-width: 100%;
		margin: 0;
	}
	.site-header-tools {
		margin-left: auto;
	}
}

@media screen and (max-width: 900px) {
	.site-tool-text {
		display: none;
	}
	.site-tool-link {
		padding: 8px;
	}
	.site-tool-divider {
		margin: 0 6px;
	}
	.site-subnav-inner > a {
		font-size: 13px;
		padding: 10px 6px;
	}
}

/* 侧栏内：与 PC 一致的文本导航（仅移动端侧栏可见） */
.site-mobile-nav-links {
	display: block;
	border-top: 1px solid #cfcfcf;
	margin-top: 20px;
	padding: 16px 0 8px;
}
.site-mobile-nav-links a {
	display: block;
	padding: 12px 20px;
	font-size: 16px;
	color: #010101;
	border-bottom: 1px solid #eee;
}
.site-mobile-nav-links a:hover {
	color: #c41212;
}
.site-mobile-nav-links a.active {
	color: #c41212;
	font-weight: 600;
}

/* 侧栏内关闭按钮 */
.sidebar-close-btn {
	display: none;
	position: absolute;
	top: 12px;
	right: 14px;
	z-index: 10;
	background: transparent;
	border: none;
	cursor: pointer;
	color: #666;
	padding: 6px;
	line-height: 0;
}
.sidebar-close-btn:hover {
	color: #c41212;
}
@media screen and (max-width: 750px) {
	.sidebar-close-btn {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	/* 小屏：顶栏默认在文档流（紧接公告）；滚动触顶后加 .site-header-mobile-fixed--stuck → fixed + top:0 */
	.site-header-mobile-fixed {
		display: block;
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		width: 100%;
		box-sizing: border-box;
		z-index: 1;
		background: transparent;
		border-bottom: none;
		box-shadow: none;
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
	}
	.site-header-mobile-fixed.site-header-mobile-fixed--stuck {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 860;
		background: rgba(255, 255, 255, 0.86);
		-webkit-backdrop-filter: blur(14px) saturate(160%);
		backdrop-filter: blur(14px) saturate(160%);
		border-bottom: 1px solid rgba(0, 0, 0, 0.07);
		box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
	}
	.site-header-mobile-fixed.site-header-mobile-fixed--stuck .site-header-main.header {
		background: transparent;
	}
	.site-header-mobile-fixed.site-header-mobile-fixed--stuck .site-header-top {
		background: transparent;
		border-bottom: 1px solid rgba(232, 232, 232, 0.75);
	}
	.site-header-v2 .head-des {
		margin: 0;
		padding: 8px 14px;
		font-size: 11px;
		line-height: 1.35;
		color: #444;
		text-align: center;
		border-bottom: 1px solid rgba(0, 0, 0, 0.05);
		background: rgba(255, 255, 255, 0.35);
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.site-header-mobile-fixed-spacer {
		display: block;
		width: 100%;
		height: 0;
		min-height: 0;
		overflow: hidden;
		pointer-events: none;
		transition: height 0.2s ease;
	}
}

/* 汉堡：小屏显示，PC 隐藏 */
.site-header-hamburger {
	display: none;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
	padding: 6px;
	background: transparent;
	border: none;
	cursor: pointer;
	color: #333;
	line-height: 0;
}
.site-header-hamburger:hover {
	color: #c41212;
}
/* BLOG 链接：PC 显示，小屏隐藏 */
.site-tool-blog {
	display: inline-flex;
}
.site-header-v2 > #wrapper.is-wrapper {
	display: none;
}
@media screen and (max-width: 750px) {
	.site-tool-blog {
		display: none !important;
	}
	.site-header-hamburger {
		display: inline-flex;
	}
	.site-header-v2 > #wrapper.is-wrapper {
		display: block;
		width: 0;
		height: 0;
		overflow: visible;
		pointer-events: none;
	}
	.site-header-v2 > #wrapper.is-wrapper #sidebar-wrapper,
	.site-header-v2 > #wrapper.is-wrapper .overlay {
		pointer-events: auto;
	}
}

/* 右下角：ページ上部へ */
.back-to-top {
	--backtop-size: 50px;
	position: fixed;
	right: max(16px, env(safe-area-inset-right, 0px));
	bottom: calc(24px + env(safe-area-inset-bottom, 0px));
	z-index: 9998;
	width: var(--backtop-size);
	height: var(--backtop-size);
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.28);
	padding: 0;
	margin: 0;
	/* 与站点主色 #d81212（按钮/链接红）统一 */
	background: linear-gradient(165deg, #e82525 0%, #d81212 42%, #b30f0f 100%);
	color: #fff;
	cursor: pointer;
	box-shadow:
		0 4px 6px rgba(180, 10, 10, 0.14),
		0 12px 28px rgba(216, 18, 18, 0.28),
		inset 0 1px 0 rgba(255, 255, 255, 0.22);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(18px) scale(0.92);
	transition:
		opacity 0.35s cubic-bezier(0.22, 1, 0.36, 1),
		visibility 0.35s,
		transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
		box-shadow 0.25s ease,
		filter 0.25s ease;
	-webkit-tap-highlight-color: transparent;
}
.back-to-top.is-visible {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0) scale(1);
}
.back-to-top:hover {
	box-shadow:
		0 6px 10px rgba(180, 10, 10, 0.18),
		0 18px 36px rgba(216, 18, 18, 0.38),
		inset 0 1px 0 rgba(255, 255, 255, 0.3);
	filter: brightness(1.06);
	transform: translateY(-3px) scale(1.03);
}
.back-to-top:active {
	filter: brightness(0.94);
	transform: translateY(-1px) scale(0.98);
	transition-duration: 0.1s;
}
.back-to-top:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 3px;
	box-shadow:
		0 0 0 3px rgba(216, 18, 18, 0.5),
		0 12px 28px rgba(216, 18, 18, 0.28);
}
.back-to-top__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
.back-to-top__svg {
	display: block;
	margin-top: -2px;
	filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.08));
}
@media screen and (max-width: 480px) {
	.back-to-top {
		--backtop-size: 46px;
		right: max(12px, env(safe-area-inset-right, 0px));
		bottom: calc(18px + env(safe-area-inset-bottom, 0px));
	}
	.back-to-top__svg {
		width: 20px;
		height: 20px;
	}
}
@media (prefers-reduced-motion: reduce) {
	.back-to-top,
	.back-to-top.is-visible,
	.back-to-top:hover,
	.back-to-top:active {
		transition-duration: 0.01ms;
		transform: none;
	}
	.back-to-top.is-visible {
		transform: translateY(0);
	}
}