.clearfix:before,
.clearfix:after {
	content: '';
	display: table;
}
.clearfix:after {
	clear: both;
}
.claerfix {
	zoom: 1;
}
/* 公用面包屑 */
.common-bread {
	height: 70px;
	background-color: #fff;
}
.common-bread .bread-main {
	display: flex;
	align-items: center;
	height: 100%;
}
.common-bread .bread-main h6,
.common-bread .bread-main a {
	color: #666;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.common-bread .bread-main h6 {
	white-space: nowrap;
}
.common-bread .bread-main .bread-list a::after {
	content: '/';
	margin-left: 2px;
	margin-right: 2px;
}
.common-bread .bread-main .bread-list a:last-of-type::after {
	content: '';
}
/* 公用侧边栏目 */
.common-aside {
	width: 21.417%;
}
.common-aside ul li {
	margin-bottom: 2px;
	background-color: #fff;
}
.common-aside ul li.active,
.common-aside ul li:hover {
	background-color: #10904d;
}
.common-aside ul li.active a,
.common-aside ul li:hover a {
	color: #fff;
}
.common-aside ul li a {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	padding-left: 24px;
	padding-top: 11px;
	padding-bottom: 11px;
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
/* 共用分页器 */
.common-pagination {
	margin-top: 105px;
	margin-bottom: 87px;
	display: flex;
	justify-content: center;
	align-items: center;
	/* 继承文本属性即可 */
	color: #6b6b6b;
	font-size: 14px;
}
.common-pagination .link {
	padding: 7px 13px;
	border-radius: 4px;
	border: 1px solid #e3e3e3;
	background: #fff;
	color: #6b6b6b;
}
.common-pagination .link.active,
.common-pagination .link:hover {
	background-color: #10904d !important;
	color: #fff !important;
}
.common-pagination .link:visited,
.common-pagination .custom-a:visited {
	color: #6b6b6b;
}
.common-pagination .custom-a {
	color: #6b6b6b;
}
.common-pagination a,
.common-pagination input {
	margin-right: 8px;
}
.common-pagination input {
	width: 54px;
	height: 34px;
	border-radius: 4px;
	border: 1px solid #e3e3e3;
	background: #fff;
	text-align: center;
}
/* 产品系列面包屑 */
.pro-bread {
	padding-top: 33px;
	padding-bottom: 19px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.pro-bread h5 {
	color: #262626;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.pro-bread ul {
	display: flex;
}
.pro-bread li a {
	color: #666;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.pro-bread li::after {
	content: '/';
	margin: 0 4px;
	color: #666;
	font-size: 14px;
}
.pro-bread li:last-child::after {
	content: '';
}
/*登录表单页面*/
.login-page .bgi {
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: -1;
}
.login-page .form-wrap {
	width: 1400px;
	height: 816px;
	margin: 80px auto;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0px 0px 32px 0px rgba(17, 92, 50, 0.2);
	display: flex;
	justify-content: space-between;
	/* 右侧的 */
}
.login-page .form-wrap .left {
	width: 56%;
	border-right: 1px solid #ececec;
	/* 头部 */
	/* 主体部分 */
}
.login-page .form-wrap .left .left-head {
	display: flex;
	align-items: center;
	padding-left: 39px;
	padding-top: 43px;
}
.login-page .form-wrap .left .left-head .split {
	width: 1px;
	height: 21px;
	background: #d6dee7;
	margin-left: 8px;
	margin-right: 12px;
}
.login-page .form-wrap .left .left-head .title {
	color: #405264;
	font-size: 28px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.login-page .form-wrap .left .left-main {
	padding-left: 14.89%;
	padding-right: 9.27%;
	margin-top: 87px;
	/* 表单 */
}
.login-page .form-wrap .left .left-main .welcome {
	color: #b6b6b6;
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.login-page .form-wrap .left .left-main .form-title {
	color: #21242c;
	font-size: 42px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-top: 19px;
}
.login-page .form-wrap .left .left-main .form {
	margin-top: 35px;
	width: 100%;
}
.login-page .form-wrap .left .left-main .form input {
	display: block;
	width: 100%;
	height: 72px;
	border-radius: 4px;
	background: #f5f6f7;
	border: none;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding-left: 30px;
	color: #21242c;
}
.login-page .form-wrap .left .left-main .form input::placeholder {
	color: #939ea9;
}
.login-page .form-wrap .left .left-main .form input:focus {
	outline: 2px solid #157341;
}
.login-page .form-wrap .left .left-main .form .account {
	margin-bottom: 19px;
}

/* 验证码 */
.login-page .form-wrap .left .left-main .form .form-control {
	display: flex;
	height: 72px;
	margin-top: 19px;
	position: relative;
}

.login-page .form-wrap .left .left-main .form .form-control input {
	display: block;
	width: 100%;
	height: 100%;
}
.login-page .form-wrap .left .left-main .form .form-control img {
	position: absolute;
	right: 13px;
	top: 9px;
	width: 157px;
	height: 51px;

	cursor: pointer;
	object-fit: contain;
	/* 原始大小160,50 */
	/* width: 20%; */
}
.login-page .form-wrap .left .left-main .form button {
	margin-top: 34px;
	width: 100%;
	height: 72px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	background: #288250;
	color: #fff;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	border: none;
	cursor: pointer;
}
.login-page .form-wrap .left .left-main .contact {
	margin-top: 34px;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.login-page .form-wrap .left .left-main .contact span {
	color: #34475b;
}
.login-page .form-wrap .left .left-main .contact a {
	color: #288250;
}
.login-page .form-wrap .right {
	width: 43%;
	padding-left: 96px;
	padding-right: 96px;
	padding-top: 190px;
}
.login-page .form-wrap .right .system-title {
	color: #7a7a7a;
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 29px;
}
.login-page .form-wrap .right ul li {
	display: flex;
	margin-bottom: 27px;
}
.login-page .form-wrap .right ul li:last-child {
	margin-bottom: 0;
}
.login-page .form-wrap .right ul li .icon {
	margin-right: 17px;
}
.login-page .form-wrap .right ul li .sub-title {
	color: #68747f;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-top: 5px;
}
.login-page .form-wrap .right ul li .desc {
	color: #8c8c8c;
	font-style: normal;
	font-weight: 400;
	line-height: 1.6;
	margin-top: 5px;
	font-size: 16px;
}
/* 个人中心页面 */
.center-page .user-profile-main {
	padding-top: 41px;
	padding-bottom: 84px;
	background-color: #f4f4f4;
}
.center-page .user-profile-main .user-profile-wrap {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.center-page .user-profile-main .user-profile-wrap .main {
	width: 76.66%;
	background-color: #fff;
	padding: 33px 35px 73px;
}
.center-page .user-profile-main .user-profile-wrap .main .profile-title {
	color: #000;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding-bottom: 13px;
	border-bottom: 1px solid #f0f0f0;
	display: flex;
	align-items: center;
}
.center-page .user-profile-main .user-profile-wrap .main .profile-title::before {
	content: '';
	display: inline-block;
	width: 6px;
	height: 19px;
	background: #157341;
	margin-right: 4px;
}
.center-page .user-profile-main .user-profile-wrap .main .info-area {
	/* 头像 */
	/* 个人信息列表 */
}
.center-page .user-profile-main .user-profile-wrap .main .info-area .avatar-show {
	width: 72px;
	text-align: center;
	margin-top: 32px;
	cursor: pointer;
}
.center-page .user-profile-main .user-profile-wrap .main .info-area .avatar-show img {
	display: block;
	width: 72px;
	height: 72px;
	object-fit: cover;
	border-radius: 50%;
}
.center-page .user-profile-main .user-profile-wrap .main .info-area .avatar-show p {
	margin-top: 5px;
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.center-page .user-profile-main .user-profile-wrap .main .info-area .info-list {
	margin-top: 19px;
}
.center-page .user-profile-main .user-profile-wrap .main .info-area .info-list .info-item {
	margin-bottom: 13px;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.center-page .user-profile-main .user-profile-wrap .main .info-area .info-list .info-item:last-child {
	margin-bottom: 0;
}
.center-page .user-profile-main .user-profile-wrap .main .info-area .info-list .info-item .attr {
	color: #969696;
}
.center-page .user-profile-main .user-profile-wrap .main .info-area .info-list .info-item .value {
	color: #000;
	margin-left: 25px;
}
.center-page .user-profile-main .user-profile-wrap .main .info-area .btn-edit {
	background-color: #157341;
	color: #fff;
	width: 90px;
	height: 40px;
	font-size: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: none;
	cursor: pointer;
	border-radius: 4px;
	margin-top: 25px;
}
.center-page .dialog {
	position: fixed;
	width: 100vw;
	height: 100vh;
	left: 0;
	top: 0;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.65);
	display: none;
}
.center-page .dialog.show {
	display: block;
}
.center-page .dialog .form-dialog {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 500px;
	padding: 60px 30px;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0px 0px 32px 0px rgba(17, 92, 50, 0.2);
}
.center-page .dialog .form-dialog .avatar {
	display: block;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	object-fit: cover;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
}
.center-page .dialog .form-dialog input {
	display: block;
	width: 80%;
	margin: 10px auto;
	padding-left: 15px;
	border: 1px solid #157341;
}
.center-page .dialog .form-dialog input:focus {
	outline-color: #157341;
	border: none;
}
.center-page .dialog .form-dialog label {
	display: flex;
	align-items: center;
	font-size: 16px;
}
.center-page .dialog .form-dialog label input {
	height: 35px;
	margin-left: 15px;
}
.center-page .dialog .form-dialog button {
	width: 90px;
	height: 40px;
	background-color: #157341;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	border: none;
	cursor: pointer;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
}
.center-page .dialog .form-dialog .close-btn {
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
}
.center-page .dialog .form-dialog .close-btn img {
	width: 25px;
}
/* 收藏产品页面 */
.collect-pro-page .collect-main {
	padding-top: 41px;
	padding-bottom: 129px;
	background: #f4f4f4;
}
.collect-pro-page .collect-main .collect-wrap {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.collect-pro-page .collect-main .collect-wrap .main {
	width: 76.66%;
	padding: 33px 35px 72px;
	background-color: #fff;
}
.collect-pro-page .collect-main .collect-wrap .main .collect-title {
	color: #000;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	display: flex;
	align-items: center;
	padding-bottom: 13px;
	border-bottom: 1px solid #f0f0f0;
}
.collect-pro-page .collect-main .collect-wrap .main .collect-title::before {
	content: '';
	width: 6px;
	height: 19px;
	display: block;
	background: #157341;
	margin-right: 4px;
}
.collect-pro-page .collect-main .collect-wrap .main .pro-list {
	display: flex;
	flex-flow: row wrap;
}
.collect-pro-page .collect-main .collect-wrap .main .pro-list .pro-item {
	width: 21.882%;
	margin-right: 4.117%;
	margin-top: 26px;
}
.collect-pro-page .collect-main .collect-wrap .main .pro-list .pro-item:nth-child(4n) {
	margin-right: 0;
}
.collect-pro-page .collect-main .collect-wrap .main .pro-list .pro-item a {
	display: block;
}
.collect-pro-page .collect-main .collect-wrap .main .pro-list .pro-item .pic {
	width: 100%;
	height: auto;
	padding-bottom: 95.162%;
	position: relative;
	overflow: hidden;
	border: 1px solid #ebebeb;
}
.collect-pro-page .collect-main .collect-wrap .main .pro-list .pro-item .pic img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: all 0.45s ease;
}
.collect-pro-page .collect-main .collect-wrap .main .pro-list .pro-item .pic:hover img {
	transform: scale(1.15);
}
.collect-pro-page .collect-main .collect-wrap .main .pro-list .pro-item .pro-title {
	width: 100%;
	margin-top: 23px;
	color: #767676;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}
.collect-pro-page .collect-main .collect-wrap .main .pro-list .pro-item .pro-title:hover {
	color: #157341;
}
.collect-pro-page .collect-main .collect-wrap .main .pro-list .pro-item .info {
	margin-top: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.collect-pro-page .collect-main .collect-wrap .main .pro-list .pro-item .info .price {
	color: #000;
	font-size: 18px;
}
.collect-pro-page .collect-main .collect-wrap .main .pro-list .pro-item .info img {
	vertical-align: middle;
}
/* 个人地址页面 */
.address-page {
	/* 弹出层 */
}
.address-page .address-main {
	padding-top: 43px;
	padding-bottom: 338px;
	background-color: #f4f4f4;
}
.address-page .address-wrap {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.address-page .address-wrap .main {
	width: 76.66%;
	padding: 33px 35px 32px;
	background-color: #fff;
	border-radius: 4px;
	/* 地址标题 */
	/* 地址列表 */
	/* 添加地址按钮 */
}
.address-page .address-wrap .main .address-title {
	color: #000;
	font-family: 'PingFang SC';
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	display: flex;
	align-items: center;
	padding-bottom: 13px;
	border-bottom: 1px solid #f0f0f0;
}
.address-page .address-wrap .main .address-title::before {
	content: '';
	width: 6px;
	height: 19px;
	background-color: #157341;
	margin-right: 4px;
}
.address-page .address-wrap .main .address-list .address-item {
	padding: 32px 29px 32px 39px;
	background-color: #fff;
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
	margin-top: 32px;
}
.address-page .address-wrap .main .address-list .address-item .address-item-title {
	color: #000;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0.2px;
	line-height: 1;
	margin-bottom: 16px;
}
.address-page .address-wrap .main .address-list .address-item p {
	color: #000;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.3;
	letter-spacing: 0.2px;
}
.address-page .address-wrap .main .address-list .address-item .func-area {
	margin-top: 16px;
	display: flex;
	justify-content: flex-end;
}
.address-page .address-wrap .main .address-list .address-item .func-area p {
	color: #10904d;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.2px;
	margin-left: 63px;
	cursor: pointer;
	user-select: none;
}
.address-page .address-wrap .main .address-list .address-item .func-area p:first-child {
	margin-left: 0;
}
.address-page .address-wrap .main .add-address {
	margin-top: 32px;
	width: 261px;
	height: 47px;
	border-radius: 6px;
	background: #10904d;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 2px;
	border: none;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	user-select: none;
	cursor: pointer;
}
.address-page .dialog {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 9;
	background-color: rgba(0, 0, 0, 0.65);
	display: none;
	/* 控制显示和隐藏类名 */
}
.address-page .dialog.show {
	display: block;
}
.address-page .dialog .form-area {
	position: absolute;
	left: 50%;
	top: 40%;
	transform: translate(-50%, -50%);
	width: 500px;
	padding: 60px 30px;
	border-radius: 15px;
	background: #fff;
	box-shadow: 0px 0px 32px 0px rgba(17, 92, 50, 0.2);
	/* 地址选择插件 */
	/* 提交按钮样式 */
	/* 关闭按钮样式 */
}
.address-page .dialog .form-area .city-picker {
	width: 100%;
	height: 40px;
}
.address-page .dialog .form-area .city-picker-span {
	border: 1px solid #000;
	padding-left: 10px;
	margin-top: 5px;
	height: 40px !important;
	width: 100% !important;
	display: flex;
	align-items: center;
}
.address-page .dialog .form-area .city-picker-span > .placeholder {
	color: #666;
	font-size: 16px;
}
.address-page .dialog .form-area .city-picker-dropdown {
	width: 100% !important;
}
.address-page .dialog .form-area .form-item {
	width: 100%;
	font-size: 16px;
	margin-bottom: 10px;
}
.address-page .dialog .form-area .form-item input {
	display: block;
	width: 100%;
	height: 40px;
	border: 1px solid #000;
	margin-top: 5px;
	font-size: 16px;
	padding-left: 10px;
	color: #000;
}
.address-page .dialog .form-area .form-item input::placeholder {
	color: #666;
}
.address-page .dialog .form-area .form-item input:focus {
	outline-color: #10904d;
	border: none;
}
.address-page .dialog .form-area .submit-btn {
	width: 90px;
	height: 40px;
	background-color: #157341;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	border: none;
	cursor: pointer;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
}
.address-page .dialog .form-area .close-btn {
	position: absolute;
	right: 15px;
	top: 15px;
	cursor: pointer;
}
/* 下单记录页面 */
.history-page {
	/* 下单记录版心 */
}
.history-page .history-main {
	padding-top: 43px;
	padding-bottom: 269px;
	background: #f4f4f4;
}
.history-page .history-wrap {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.history-page .history-wrap .main {
	width: 76.66%;
	background-color: #fff;
	padding: 33px 35px 45px;
	/* 展示列表部分 */
}
.history-page .history-wrap .main .history-title {
	color: #000;
	font-size: 18px;
	display: flex;
	align-items: center;
	padding-bottom: 13px;
	border-bottom: 1px solid #f0f0f0;
}
.history-page .history-wrap .main .history-title::before {
	content: '';
	display: block;
	width: 6px;
	height: 19px;
	background: #157341;
	margin-right: 4px;
}
.history-page .history-wrap .main .history-list {
	padding-top: 42px;
}
.history-page .history-wrap .main .history-list .history-item {
	display: flex;
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
	margin-bottom: 25px;
	/* 产品详情 */
	/* 付款明细 */
}
.history-page .history-wrap .main .history-list .history-item:last-child {
	margin-bottom: 0;
}
.history-page .history-wrap .main .history-list .history-item .pro-detail,
.history-page .history-wrap .main .history-list .history-item .pay-detail,
.history-page .history-wrap .main .history-list .history-item .address-detail {
	padding-top: 35px;
	padding-bottom: 36px;
	background: #fff;
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
}
.history-page .history-wrap .main .history-list .history-item .pro-detail {
	display: flex;
	width: 51.118%;
	padding-left: 32px;
}
.history-page .history-wrap .main .history-list .history-item .pro-detail .left .pic {
	width: 86px;
	height: 81px;
}
.history-page .history-wrap .main .history-list .history-item .pro-detail .left .pic img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.history-page .history-wrap .main .history-list .history-item .pro-detail .left .state {
	width: 86px;
	height: 20px;
	color: #fff;
	font-size: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 2px;
	margin-top: 10px;
}
.history-page .history-wrap .main .history-list .history-item .pro-detail .left .state-pending {
	background-color: #10904d;
}
.history-page .history-wrap .main .history-list .history-item .pro-detail .left .state-done {
	background-color: #e97f02;
}
.history-page .history-wrap .main .history-list .history-item .pro-detail .right {
	flex: 1;
	overflow: hidden;
	padding-left: 32px;
	padding-right: 15px;
}
.history-page .history-wrap .main .history-list .history-item .pro-detail .right .pro-name {
	display: block;
	color: #000;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.2px;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}
.history-page .history-wrap .main .history-list .history-item .pro-detail .right .size {
	color: #686868;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.2px;
	margin-top: 8px;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}
.history-page .history-wrap .main .history-list .history-item .pro-detail .right .price {
	color: #fc2d00;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	margin-top: 8px;
}
.history-page .history-wrap .main .history-list .history-item .pro-detail .right .count,
.history-page .history-wrap .main .history-list .history-item .pro-detail .right .time {
	color: #000;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-top: 6px;
	line-height: 1;
}
/* 这个放置最后 */
.history-page .history-wrap .main .history-list .history-item .pay-detail {
	width: 19.434%;
	padding-left: 15px;
	padding-right: 15px;
	order: 1;
}

.history-page .history-wrap .main .history-list .history-item .pay-detail h5 {
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 4px;
}
.history-page .history-wrap .main .history-list .history-item .pay-detail p:nth-child(1) {
	margin-bottom: 5px;
}
.history-page .history-wrap .main .history-list .history-item .pay-detail p {
	color: #686868;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.5;
	word-break: break-all;
}
.history-page .history-wrap .main .history-list .history-item .pay-detail .total-price {
	color: #10904d;
}
.history-page .history-wrap .main .history-list .history-item .address-detail {
	flex: 1;
	overflow: hidden;
	padding-left: 36px;
	padding-right: 15px;
}
.history-page .history-wrap .main .history-list .history-item .address-detail h5 {
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
}
.history-page .history-wrap .main .history-list .history-item .address-detail p {
	color: #686868;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
}
/* 产品列表 */
.pro-list-page .filter-area {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 66px;
	background: #f0f0f0;
	padding-left: 18px;
	padding-right: 15px;
}
.pro-list-page .filter-area .left {
	display: flex;
}
.pro-list-page .filter-area .icon {
	display: flex;
	align-items: center;
}
.pro-list-page .filter-area .icon span {
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-left: 5px;
}
.pro-list-page .filter-area .filter-select {
	display: flex;
	margin-left: 14px;
	/* 前面的两个选择框 */
}
.pro-list-page .filter-area .filter-select .filter-default {
	margin-right: 14px;
	position: relative;
	/* 显示已选择区域 */
	/* 下拉列表 */
}
.pro-list-page .filter-area .filter-select .filter-default .selected {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 200px;
	min-height: 34px;
	padding-left: 21px;
	padding-right: 11px;
	border: 1px solid #d7d7d7;
	background: #fff;
	cursor: pointer;
}
.pro-list-page .filter-area .filter-select .filter-default .selected .select-value {
	color: #686868;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	flex: 1;
	padding-right: 5px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	user-select: none;
}
.pro-list-page .filter-area .filter-select .filter-default .drop-down {
	position: absolute;
	z-index: 2;
	left: 0;
	top: 100%;
	background-color: #fff;
	width: 100%;
	padding-top: 8px;
	display: none;
	max-height: 300px;
	overflow-y: auto;
	/* 添加阴影 */
	box-shadow: 0 0 10px #ccc;
}
.pro-list-page .filter-area .filter-select .filter-default .drop-down .drop-down-item {
	padding-left: 21px;
	padding-right: 10px;
	margin-bottom: 11px;
	color: #1b1b1b;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	min-height: 26px;
	display: flex;
	align-items: center;
	cursor: pointer;
	padding-top: 3px;
	padding-bottom: 3px;
}
.pro-list-page .filter-area .filter-select .filter-default .drop-down .drop-down-item.active,
.pro-list-page .filter-area .filter-select .filter-default .drop-down .drop-down-item:hover {
	background: #10904d;
	color: #fff;
}
.pro-list-page .filter-area .filter-custom {
	position: relative;
	/* 上方显示已选择区域 */
	/* 下方下拉菜单区域 */
}
.pro-list-page .filter-area .filter-custom .custom-selected {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 200px;
	min-height: 34px;
	padding-left: 21px;
	padding-right: 11px;
	border: 1px solid #d7d7d7;
	background: #fff;
	cursor: pointer;
}
.pro-list-page .filter-area .filter-custom .custom-selected .select-value {
	color: #686868;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	flex: 1;
	padding-right: 5px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	user-select: none;
}
.pro-list-page .filter-area .filter-custom .drop-down {
	position: absolute;
	z-index: 2;
	left: 50%;
	top: 100%;
	transform: translateX(-50%);
	padding: 16px 15px 22px 15px;
	width: 774px;
	/* 限制最大高度 */
	max-height: 331px;
	/* 内容超出显示滚动条 */
	overflow-y: auto;
	border: 1px solid #d7d7d7;
	background: #fff;
	display: none;
	/* 主要内容区域 */
}
.pro-list-page .filter-area .filter-custom .drop-down .split {
	display: block;
	width: 100%;
	height: 2px;
	background-color: #10904d;
	margin-bottom: 23px;
}
.pro-list-page .filter-area .filter-custom .drop-down .drop-down-main {
	display: flex;
	align-items: flex-start;
}
.pro-list-page .filter-area .filter-custom .drop-down .drop-down-main .left {
	color: #9c9c9c;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	margin-right: 11px;
	white-space: nowrap;
	flex-shrink: 0;
}
.pro-list-page .filter-area .filter-custom .drop-down .drop-down-main .right ul {
	display: flex;
	flex-flow: row wrap;
	overflow: hidden;
	align-items: flex-start;
}
.pro-list-page .filter-area .filter-custom .drop-down .drop-down-main .right ul li {
	/* 限制最大宽度 */
	width: 158px;
	height: auto;
	padding: 6px 17px;
	color: #6c6c6c;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	cursor: pointer;
	word-break: break-all;
	margin-right: 8px;
	margin-bottom: 6px;
}
.pro-list-page .filter-area .filter-custom .drop-down .drop-down-main .right ul li:nth-child(4n) {
	margin-right: 0;
}
.pro-list-page .filter-area .filter-custom .drop-down .drop-down-main .right ul li.active {
	border-radius: 32px;
	background: #10904d;
	color: #fff;
}
.pro-list-page .filter-area .filter-custom .drop-down .drop-down-main .right .btn-list {
	margin-top: 20px;
	display: flex;
}
.pro-list-page .filter-area .filter-custom .drop-down .drop-down-main .right .btn-list .btn {
	width: 85px;
	height: 37px;
	border-radius: 42px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: none;
	cursor: pointer;
}
.pro-list-page .filter-area .filter-custom .drop-down .drop-down-main .right .btn-list .btn-cancel {
	color: #000;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	background: #d9d9d9;
	margin-right: 20px;
}
.pro-list-page .filter-area .filter-custom .drop-down .drop-down-main .right .btn-list .btn-confirm {
	color: #fff;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	background: #10904d;
	box-shadow: 0px 4px 16px 0px rgba(16, 144, 77, 0.24);
}
.pro-list-page .filter-area .right form {
	display: flex;
	align-items: flex-start;
}
.pro-list-page .filter-area .right input {
	width: 379px;
	height: 34px;
	border: 1px solid #d7d7d7;
	background: #fff;
	padding-left: 21px;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	color: #21242c;
	display: block;
}
.pro-list-page .filter-area .right input::placeholder {
	color: #c6c6c6;
}
.pro-list-page .filter-area .right button {
	width: 67px;
	height: 33px;
	background: #1d914e;
	color: #fff;
	font-size: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: none;
	cursor: pointer;
}

.pro-list-page .filter-area .right button:hover {
	background-color: #211d7b;
}
.pro-list-page .filter-area .right button img {
	width: 15px;
	margin-right: 2px;
}
.pro-list-page .pro-list {
	display: flex;
	flex-flow: row wrap;
}
.pro-list-page .pro-list .pro-item {
	width: 23%;
	margin-top: 30px;
	margin-right: 2.666%;
}
.pro-list-page .pro-list .pro-item:nth-child(4n) {
	margin-right: 0;
}
.pro-list-page .pro-list .pro-item .pic {
	display: block;
	width: 100%;
	padding-bottom: 95.289%;
	position: relative;
	overflow: hidden;
}
.pro-list-page .pro-list .pro-item .pic .pic-img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.pro-list-page .pro-list .pro-item .pic .mask {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	height: 100%;
	border: 2px solid #10904d;
	background: rgba(4, 4, 4, 0.4);
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	transition: 0.45s ease;
}
.pro-list-page .pro-list .pro-item .pic .mask .mask-img {
	width: 24px;
	height: 24px;
	object-fit: contain;
}
.pro-list-page .pro-list .pro-item .pic .mask p {
	margin-top: 8px;
	color: #fff;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.pro-list-page .pro-list .pro-item .text {
	margin-top: 21px;
	width: 100%;
}
.pro-list-page .pro-list .pro-item .text .pro-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.pro-list-page .pro-list .pro-item .text .pro-title a {
	color: #767676;
	font-size: 16px;
	padding-right: 15px;
	flex: 1;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}
.pro-list-page .pro-list .pro-item .text .pro-title .heart i {
	color: #474747;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.pro-list-page .pro-list .pro-item .text .pro-title .heart img {
	vertical-align: middle;
}
.pro-list-page .pro-list .pro-item .text .price {
	color: #000;
	font-size: 18px;
	margin-top: 8px;
	word-break: break-all;
	width: 100%;
	height: auto;
}
.pro-list-page .pro-list .pro-item:hover .mask {
	top: 0;
}
.pro-list-page .pro-list .pro-item:hover .text .pro-title a {
	color: #10904d;
}
/* 产品详情页面 */
.pro-detail-page .pro-detail-main {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding-top: 39px;
	padding-bottom: 64px;
	border-top: 13px solid #fafafa;
}
.pro-detail-page .pro-detail-main .left {
	width: 53.334%;
}
.pro-detail-page .pro-detail-main .left .preview-img {
	width: 100%;
	position: relative;
	height: auto;
	margin-bottom: 30px;
}
.pro-detail-page .pro-detail-main .left .preview-img::after {
	content: '';
	display: block;
	padding-bottom: 95.3125%;
}
.pro-detail-page .pro-detail-main .left .preview-img img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.pro-detail-page .pro-detail-main .left .swiper-box {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.pro-detail-page .pro-detail-main .left .swiper-box .swiper-img-box {
	width: 87.968%;
	margin-left: auto;
	margin-right: auto;
}
.pro-detail-page .pro-detail-main .left .swiper-box .arrow {
	cursor: pointer;
}
.pro-detail-page .pro-detail-main .left .swiper-box .arrow .active {
	display: none;
}
.pro-detail-page .pro-detail-main .left .swiper-box .arrow:hover .active {
	display: inline-block;
}
.pro-detail-page .pro-detail-main .left .swiper-box .arrow:hover .default {
	display: none;
}
.pro-detail-page .pro-detail-main .left .swiper-slide {
	position: relative;
	border: 1px solid #a8a8a8;
	background: #fff;
	cursor: pointer;
}
.pro-detail-page .pro-detail-main .left .swiper-slide:hover {
	border: 1px solid #10904d;
}
.pro-detail-page .pro-detail-main .left .swiper-slide.active {
	border: 1px solid #10904d;
}
.pro-detail-page .pro-detail-main .left .swiper-slide::after {
	content: '';
	display: block;
	padding-bottom: 90.178%;
}
.pro-detail-page .pro-detail-main .left .swiper-slide img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.pro-detail-page .pro-detail-main .right {
	width: 44.333%;
}
.pro-detail-page .pro-detail-main .right .pro-detail-title {
	color: #414141;
	font-size: 32px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-top: 8px;
	word-break: break-all;
}
.pro-detail-page .pro-detail-main .right .pro-detail-price {
	margin-top: 10px;
	color: #10904d;
	font-size: 32px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	word-break: break-all;
}
.pro-detail-page .pro-detail-main .right .address {
	display: flex;
	align-items: center;
	margin-top: 13px;
}
.pro-detail-page .pro-detail-main .right .address .address-title {
	color: #959595;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-right: 8px;
	white-space: nowrap;
}
.pro-detail-page .pro-detail-main .right .address .select-address {
	position: relative;
}
.pro-detail-page .pro-detail-main .right .address .select-address .select-address-head {
	min-width: 177px;
	min-height: 24px;
	border: 1px solid #dcdcdc;
	background: #fff;
	padding-left: 15px;
	padding-right: 7px;
	display: flex;
	align-items: center;
	cursor: pointer;
}
.pro-detail-page .pro-detail-main .right .address .select-address .select-address-head span {
	color: #b3b3b3;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.pro-detail-page .pro-detail-main .right .address .select-address .select-address-head a {
	color: #10904d;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-left: 5px;
}
.pro-detail-page .pro-detail-main .right .address .select-address .select-address-head img {
	margin-left: auto;
}
.pro-detail-page .pro-detail-main .right .address .select-address .select-address-head .text-info {
	display: none;
}
.pro-detail-page .pro-detail-main .right .address .select-address .select-address-head .text-info span {
	margin-right: 5px;
}
.pro-detail-page .pro-detail-main .right .address .select-address .address-drop-down {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 2;
	width: 425px;
	border: 1px solid #dcdcdc;
	background: #fff;
	padding: 10px 13px 10px 15px;
}
.pro-detail-page .pro-detail-main .right .address .select-address .address-drop-down.show {
	display: block;
}
.pro-detail-page .pro-detail-main .right .address .select-address .address-drop-down .head {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.pro-detail-page .pro-detail-main .right .address .select-address .address-drop-down .head span {
	color: #727272;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.pro-detail-page .pro-detail-main .right .address .select-address .address-drop-down .address-list {
	margin-top: 5px;
}
.pro-detail-page .pro-detail-main .right .address .select-address .address-drop-down .address-list .address-item {
	color: #8a8a8a;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	display: flex;
	align-items: flex-start;
	margin-bottom: 10px;
}
.pro-detail-page .pro-detail-main .right .address .select-address .address-drop-down .address-list .address-item .username {
	white-space: nowrap;
	flex-shrink: 0;
}
.pro-detail-page .pro-detail-main .right .address .select-address .address-drop-down .address-list .address-item .user-address {
	margin-left: 8px;
}
.pro-detail-page .pro-detail-main .right .address .select-address .address-drop-down .address-list .address-item:hover {
	color: #157341;
	cursor: pointer;
}
.pro-detail-page .pro-detail-main .right .collect {
	display: flex;
	align-items: center;
	margin-top: 15px;
}
.pro-detail-page .pro-detail-main .right .collect span:nth-of-type(1) {
	color: #b3b3b3;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-right: 5px;
}
.pro-detail-page .pro-detail-main .right .collect span:nth-of-type(2) {
	color: #474747;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-left: 4px;
}
.pro-detail-page .pro-detail-main .right .params-list {
	margin-top: 33px;
}
.pro-detail-page .pro-detail-main .right .params-list .params-title {
	color: #414141;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding-bottom: 8px;
	border-bottom: 1px solid #e6e6e6;
}
.pro-detail-page .pro-detail-main .right .params-list ul {
	margin-top: 20px;
}
.pro-detail-page .pro-detail-main .right .params-list ul li {
	color: #414141;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 13px;
}
.pro-detail-page .pro-detail-main .right .form-area {
	margin-top: 13px;
}

/* 新修改按钮 */
.pro-detail-page .pro-detail-main .right .form-area .new-btn-list {
	margin-top: 16px;
	display: flex;
}

.pro-detail-page .pro-detail-main .right .form-area form {
	display: flex;
}
.pro-detail-page .pro-detail-main .right .form-area form span {
	font-weight: 400;
	font-size: 16px;
	color: #848484;
	line-height: 19px;
	text-align: left;
	font-style: normal;
	text-transform: none;
	margin-right: 5px;
	padding-top: 6px;
}

/* 加入购物车按钮 */
.pro-detail-page .pro-detail-main .right .form-area .new-btn-list .addcard-btn {
	width: 188px;
	height: 48px;
	background: linear-gradient(270deg, #ff7300 0%, #ff4f00 100%);
	border-radius: 0px 0px 0px 0px;
	font-weight: 400;
	font-size: 20px;
	color: #ffffff;
	border: none;
	cursor: pointer;
}
/* 立即购买按钮 */
.pro-detail-page .pro-detail-main .right .form-area .submit-btn {
	width: 188px;
	height: 48px;
	background: linear-gradient(270deg, #ffca00 0%, #ff9802 100%);
	border-radius: 0px 0px 0px 0px;
	font-weight: 400;
	font-size: 20px;
	color: #ffffff;
	border: none;
	cursor: pointer;
}
.pro-detail-page .pro-detail-main .right .form-area .count {
	display: flex;
}
.pro-detail-page .pro-detail-main .right .form-area .count input {
	width: 58px;
	height: 36px;
	background: #f0f0f0;
	border: none;
	font-weight: 400;
	font-size: 20px;
	color: #252525;
	text-align: center;
	display: block;
	margin-left: 3px;
	margin-right: 3px;
}
.pro-detail-page .pro-detail-main .right .form-area .count input:focus {
	outline-color: #10904d;
}
.pro-detail-page .pro-detail-main .right .form-area .count button {
	width: 36px;
	height: 36px;
	background: #f0f0f0;
	border: none;
	user-select: none;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}
.pro-detail-page .pro-detail-main .right .tips {
	margin-top: 20px;
	color: #858585;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	display: flex;
	align-items: center;
}
.pro-detail-page .pro-detail-main .right .tips img {
	margin-right: 9px;
}
.pro-detail-page .pro-detail-desc {
	padding-top: 48px;
	padding-bottom: 91px;
	background-color: #f4f4f4;
}
.pro-detail-page .pro-detail-desc .desc-wrap {
	padding-right: 71px;
}
.pro-detail-page .pro-detail-desc .desc-wrap * {
	max-width: 100%;
	word-break: break-all;
}
.pro-detail-page .pro-detail-desc .desc-wrap h5 {
	color: #000;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 12px;
}
.pro-detail-page .pro-detail-desc .desc-wrap li {
	color: #3d3d3d;
	font-family: 'PingFang SC';
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 2;
	word-break: break-all;
}
.pro-detail-page .tag-area {
	margin-top: 85px;
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
}
.pro-detail-page .tag-area .tag-title {
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding-top: 5px;
	flex-shrink: 0;
	white-space: nowrap;
}
.pro-detail-page .tag-area .tag-list a {
	display: inline-block;
	padding: 5px 17px;
	color: #545454;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	border-radius: 32px;
	border: 1px solid #c5c5c5;
	background: #fff;
	margin-right: 12px;
	margin-bottom: 10px;
}
.pro-detail-page .tag-area .tag-list a:hover {
	background-color: #157341;
	color: #fff;
}
.pro-detail-page .dialog {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(12, 12, 12, 0.2);
	z-index: 2;
	overflow: auto;
	display: none;
}
.pro-detail-page .dialog.show {
	display: block;
}
.pro-detail-page .dialog .form-area {
	position: absolute;
	left: 50%;
	top: 15%;
	transform: translateX(-50%);
	/* transform: translate(-50%, -50%); */
	width: 1071px;
	min-height: 556px;
	background-color: #fff;
	padding-top: 42px;
	padding-left: 58px;
	padding-right: 24px;
	padding-bottom: 52px;
}
.pro-detail-page .dialog .form-area .order-title {
	color: #393939;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 14px;
}
.pro-detail-page .dialog .form-area .info-panel {
	padding-top: 16px;
	padding-left: 33px;
	padding-right: 21px;
	padding-bottom: 50px;
	border: 1px solid #dedede;
}
.pro-detail-page .dialog .form-area .info-panel .receive-title {
	color: #363636;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.pro-detail-page .dialog .form-area .info-panel .receiver-info {
	margin-top: 16px;
	display: flex;
	align-items: center;
}
.pro-detail-page .dialog .form-area .info-panel .receiver-info .receiver-name {
	padding: 4px 46px;
	border: 1px solid #e4393c;
	background: #fff;
	color: #424242;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-right: 18px;
	flex-shrink: 0;
	white-space: nowrap;
}
.pro-detail-page .dialog .form-area .info-panel .receiver-info .receiver-list span {
	color: #424242;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-right: 13px;
}
.pro-detail-page .dialog .form-area .info-panel .receiver-select {
	position: relative;
	margin-top: 14px;
}
.pro-detail-page .dialog .form-area .info-panel .receiver-select .header {
	color: #424242;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding-bottom: 5px;
	cursor: pointer;
	user-select: none;
	display: inline-block;
}
.pro-detail-page .dialog .form-area .info-panel .receiver-select .header img {
	vertical-align: middle;
}
.pro-detail-page .dialog .form-area .info-panel .receiver-select .drop-down {
	position: absolute;
	left: 0;
	top: 100%;
	max-width: 500px;
	height: auto;
	border: 1px solid #c5c5c5;
	word-break: break-all;
	display: none;
}
.pro-detail-page .dialog .form-area .info-panel .receiver-select .drop-down.show {
	display: block;
}
.pro-detail-page .dialog .form-area .info-panel .receiver-select .drop-down .drop-down-item {
	display: block;
	padding: 10px 15px;
	background-color: #fff;
	border-bottom: 1px solid #000;
	cursor: pointer;
}
.pro-detail-page .dialog .form-area .info-panel .receiver-select .drop-down .drop-down-item:hover {
	color: #157341;
}
.pro-detail-page .dialog .form-area .info-panel .order-info {
	margin-top: 22px;
}
.pro-detail-page .dialog .form-area .info-panel .order-info .order-title {
	color: #363636;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding-top: 19px;
	border-top: 1px solid #ededed;
}
.pro-detail-page .dialog .form-area .info-panel .order-info .order-info-list {
	display: flex;
	justify-content: space-between;
}
.pro-detail-page .dialog .form-area .info-panel .order-info .order-info-list .left {
	display: flex;
	align-items: flex-start;
	width: 45%;
	word-break: break-all;
	border-right: 1px solid #e6e6e6;
}
.pro-detail-page .dialog .form-area .info-panel .order-info .order-info-list .left .pic {
	border: 1px solid #ebebeb;
	width: 86px;
	height: 81px;
	margin-top: 3px;
}
.pro-detail-page .dialog .form-area .info-panel .order-info .order-info-list .left .pic img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.pro-detail-page .dialog .form-area .info-panel .order-info .order-info-list .left .text {
	margin-left: 32px;
	flex: 1;
	overflow: hidden;
	max-width: 100%;
	word-break: break-all;
}
.pro-detail-page .dialog .form-area .info-panel .order-info .order-info-list .left .text .o-title {
	color: #000;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.2px;
}
.pro-detail-page .dialog .form-area .info-panel .order-info .order-info-list .left .text .o-size {
	color: #686868;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.2px;
	margin-top: 8px;
}
.pro-detail-page .dialog .form-area .info-panel .order-info .order-info-list .left .text .o-price {
	color: #fc2d00;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-top: 8px;
}
.pro-detail-page .dialog .form-area .info-panel .order-info .order-info-list .left .text .o-count {
	margin-top: 6px;
	color: #000;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.pro-detail-page .dialog .form-area .info-panel .order-info .order-info-list .left .text .o-time {
	color: #000;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-top: 6px;
}
.pro-detail-page .dialog .form-area .info-panel .order-info .order-info-list .left .text .o-total-price {
	color: #10904d;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	margin-top: 6px;
}
.pro-detail-page .dialog .form-area .info-panel .order-info .order-info-list .right {
	width: 45%;
	word-break: break-all;
}
.pro-detail-page .dialog .form-area .info-panel .order-info .order-info-list .right .o-address-title {
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
}
.pro-detail-page .dialog .form-area .info-panel .order-info .order-info-list .right p {
	color: #686868;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.6;
	max-width: 100%;
	word-break: break-all;
}
/* 留言列表 */
.pro-detail-page .dialog .form-area .message {
	width: 100%;
	height: 90px;
	margin-top: 20px;
}

.pro-detail-page .dialog .form-area .message textarea {
	display: block;
	width: 100%;
	height: 100%;
	resize: none;
	margin: 0 auto;
	border: 1px solid #ccc;
	padding: 10px;
}
.pro-detail-page .dialog .form-area .btn-list {
	margin-top: 20px;
	float: right;
}
.pro-detail-page .dialog .form-area .btn-list .btn {
	width: 136px;
	height: 38px;
	border-radius: 4px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	border: none;
	cursor: pointer;
}
.pro-detail-page .dialog .form-area .btn-list .btn-cancel {
	background-color: #999;
	margin-right: 14px;
}
.pro-detail-page .dialog .form-area .btn-list .btn-confirm {
	background: #e4393c;
}
/* 联系我们页面 */
.contact-page .contact-main {
	padding-top: 43px;
	padding-bottom: 72px;
	background: #f4f4f4;
}
.contact-page .contact-main .contact-wrap {
	padding: 33px 35px 64px;
	border-radius: 4px;
	background: #fff;
}
.contact-page .contact-main .contact-wrap .title {
	color: #000;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	display: flex;
	align-items: center;
	padding-bottom: 13px;
	border-bottom: 1px solid #f0f0f0;
}
.contact-page .contact-main .contact-wrap .title::before {
	content: '';
	display: block;
	width: 6px;
	height: 19px;
	background: #157341;
	margin-right: 4px;
}
.contact-page .contact-main .contact-wrap .info-panel {
	padding-top: 26px;
	display: flex;
	justify-content: space-between;
}
.contact-page .contact-main .contact-wrap .info-panel .left h6 {
	color: #161616;
	font-size: 32px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 15px;
}
.contact-page .contact-main .contact-wrap .info-panel .left li {
	color: #3f3f3f;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 12px;
}
.contact-page .contact-main .contact-wrap .info-panel .left li img {
	vertical-align: middle;
}
.contact-page .contact-main .contact-wrap .info-panel .left li a {
	color: #3f3f3f;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.contact-page .contact-main .contact-wrap .info-panel .right {
	margin-left: 25px;
	padding-top: 19px;
	text-align: center;
}
.contact-page .contact-main .contact-wrap .info-panel .right h6 {
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-top: 19px;
}
.contact-page .contact-main .contact-wrap .info-panel .right p {
	margin-top: 5px;
	color: #acacac;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.contact-page .contact-main .contact-wrap .info-panel .right img {
	width: 89px;
	height: 89px;
	object-fit: contain;
}

/* 新增分页器样式 */
.history-page .common-pagination,
.collect-pro-page .common-pagination {
	width: 100%;
	margin-top: 35px;
	margin-bottom: 0;
	flex-wrap: wrap;
}

/* 收藏页面参数 */
.collect-pro-page .pro-params {
	width: 100%;
	margin-top: 5px;
	color: #767676;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}

/* 产品列表参数 */
.pro-list-page .pro-params {
	max-width: 100%;
	color: #767676;
	font-size: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	margin-top: 5px;
}

@media (max-width: 1450px) {
	.login-page .form-wrap {
		width: 90%;
		height: auto;
		padding-bottom: 100px;
		margin: 30px auto;
	}
	.login-page .form-wrap .right {
		padding-top: 90px;
		padding-left: 50px;
		padding-right: 50px;
	}
}
@media (max-width: 1230px) {
	.collect-pro-page .collect-main .collect-wrap .main .pro-list .pro-item .info .price {
		font-size: 14px;
	}
	.history-page .history-wrap .main {
		padding: 20px;
	}
	.history-page .history-wrap .main .history-list .history-item .pro-detail {
		padding-left: 10px;
	}
	.history-page .history-wrap .main .history-list .history-item .pay-detail {
		padding-left: 10px;
	}
	.history-page .history-wrap .main .history-list .history-item .address-detail {
		padding-left: 10px;
	}
	.history-page .history-wrap .main .history-list .history-item .pro-detail .right {
		padding-left: 10px;
	}
	.pro-detail-page .pro-detail-main .right .address .select-address {
		flex: 1;
	}
	.pro-detail-page .pro-detail-main .right .address .select-address .address-drop-down {
		width: 100%;
	}
	.pro-detail-page .pro-detail-main .right .address .select-address .select-address-head {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.pro-detail-page .pro-detail-main .right .pro-detail-title {
		font-size: 24px;
	}
	.pro-detail-page .pro-detail-main .right .pro-detail-price {
		font-size: 22px;
	}
	.pro-list-page .filter-area .icon {
		white-space: nowrap;
	}
	.pro-list-page .filter-area {
		flex-wrap: wrap;
		height: auto;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.pro-list-page .filter-area > .left,
	.pro-list-page .filter-area > .right {
		width: 100%;
	}
	.pro-list-page .filter-area > .right {
		margin-top: 15px;
		margin-left: 80px;
	}
	.pro-list-page .filter-area > .left .filter-select {
		flex: 1;
		min-width: 0;
	}
	.pro-list-page .filter-area > .left .filter-select .filter-default,
	.pro-list-page .filter-area > .left .filter-select .filter-custom {
		width: 30%;
		margin-right: 3%;
	}
	.pro-list-page .filter-area > .left .filter-select .filter-default .selected,
	.pro-list-page .filter-area > .left .filter-select .filter-custom .selected,
	.pro-list-page .filter-area > .left .filter-select .filter-default .custom-selected,
	.pro-list-page .filter-area > .left .filter-select .filter-custom .custom-selected {
		width: 100%;
	}
	.pro-list-page .filter-area .filter-custom .drop-down {
		right: 0;
		left: auto;
		transform: translateX(0);
	}
}

/* 新加列表搜索款 */
.common-form-control input {
	display: block;
	width: 60%;
	height: 40px;
	margin-bottom: 15px;
	border: 1px solid #d7d7d7;
	padding-left: 15px;
	font-size: 14px;
}

.common-form-control input:focus {
	outline: 1px solid #10904d;
	border: 1px solid #10904d;
}
/* 产品列表样式新加 */
.pro-list-page .pro-list2 {
	/* display: flex;
	justify-content: space-between;
	align-items: flex-start; */
	margin-top: 40px;
	/* 最小高度310px */
	min-height: 310px;
	/* 解决浮动脱离标准流 */
	overflow: hidden;
}
.pro-list-page .pro-list2 .left {
	/* width: 21.5%; */
	width: 258px;
	float: left;
}

.pro-fixed {
	position: fixed;
	top: 0;
}

.pro-list-page .pro-list2 .left .fixed-item {
	display: block;
	/* width: 100%; */
}
.pro-list-page .pro-list2 .left .fixed-item:hover .text p {
	color: #10904d;
}

.pro-list-page .pro-list2 .left .fixed-item:hover .img img {
	transform: scale(1.2);
}

.pro-list-page .pro-list2 .left .fixed-item .img {
	width: 100%;
	padding-top: 100%;
	/* padding-bottom: 258px; */
	position: relative;
	overflow: hidden;
}
.pro-list-page .pro-list2 .left .fixed-item .img img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	transition: 0.45s;
}
.pro-list-page .pro-list2 .left .fixed-item .text {
	min-height: 52px;
	padding: 15px;
	text-align: center;
	width: 100%;
	background: #e3e3e3;
}
.pro-list-page .pro-list2 .left .fixed-item .text p {
	width: 100%;
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	word-break: break-all;
}

.pro-list-page .pro-list2 .right {
	float: right;
	width: 75.833%;
	/* flex: 1; */
	/* margin-left: 31px; */
}

/* 右侧标题 */
.pro-list-page .pro-list2 .right .title {
	color: #000;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-top: 6px;
}

.pro-list-page .pro-list2 .right .filter-list {
	display: flex;
	justify-content: flex-start;
	align-items: start;
	flex-wrap: wrap;
	margin-top: 25px;
}
.pro-list-page .pro-list2 .right .filter-list .filter-pro {
	width: 31.868%;
	height: auto;
	background: #fff;
	margin-right: 1.978%;
	margin-bottom: 15px;
	display: flex;
}

/* 左边的a链接进入 */
.pro-list-page .pro-list2 .right .filter-list .filter-pro a {
	display: block;
	width: 73.45%;
	height: 100%;
	border: 1px solid #5a5a5a;
	margin-right: -1px;
}
/* 右侧的加入购物车按钮 */
.pro-list-page .pro-list2 .right .filter-list .filter-pro .add-card {
	flex: 1;
	overflow: hidden;
	height: 48px;
	background: #ffffff;
	border: 1px solid #5a5a5a;
	user-select: none;
	cursor: pointer;
}

/* 鼠标放置，显示hover的那个 */
.pro-list-page .pro-list2 .right .filter-list .filter-pro .add-card:hover .default {
	display: none;
}
.pro-list-page .pro-list2 .right .filter-list .filter-pro .add-card:hover .hover {
	display: flex;
	align-items: center;
	justify-content: center;
}

/* 右侧按钮默认显示的 */
.pro-list-page .pro-list2 .right .filter-list .filter-pro .add-card .default {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.pro-list-page .pro-list2 .right .filter-list .filter-pro .add-card .default span {
	margin-left: 2px;
	font-weight: 400;
	font-size: 13px;
	color: #575757;
}

/* 右侧按钮放上去显示的 */
.pro-list-page .pro-list2 .right .filter-list .filter-pro .add-card .hover {
	display: none;
	width: 100%;
	height: 100%;
	font-weight: 400;
	font-size: 13px;
	color: #ffffff;
	background: #10904d;
}

.pro-list-page .pro-list2 .right .filter-list .filter-pro:nth-child(3n) {
	margin-right: 0;
}

.pro-list-page .pro-list2 .right .filter-list .filter-pro a:hover {
	border-color: #10904d;
}

.pro-list-page .pro-list2 .right .filter-list .filter-pro a:hover p {
	color: #10904d;
	text-decoration: underline #10904d;
}

/* p标签拉开距离 */
.pro-list-page .pro-list2 .right .filter-list .filter-pro p {
	color: #373737;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	word-break: break-all;
	padding: 12px 14px 12px 19px;
}

/* 新增筛选选择框样式 */
.sx-cp {
	padding-left: 21px;
	padding-right: 10px;
	margin-top: 10px;
	margin-bottom: 15px;
}
.sx-cp input {
	width: 100%;
	height: 35px;
	font-size: 14px;
	padding-left: 10px;
}

.sx-cp input:focus {
	outline: 1px solid #10904d;
	border: 1px solid #10904d;
}

@media (max-width: 1250px) {
	.pro-list-page .pro-list2 .right {
		width: 74%;
	}
	/* 适配到1200px */
	.pro-list-page .pro-list2 .right .filter-list .filter-pro p {
		padding: 5px;
	}
	.pro-list-page .pro-list2 .right .filter-list .filter-pro .add-card .default img {
		width: 15px;
	}
}

@media (max-width: 1200px) {
	.pro-detail-page .dialog .form-area {
		width: 80%;
		max-height: 70vh;
		overflow: auto;
		padding: 20px;
	}
	.pro-detail-page .dialog .form-area .info-panel {
		padding: 20px;
	}
	.pro-detail-page .dialog .form-area .info-panel .receiver-info {
		flex-wrap: wrap;
	}
	.pro-detail-page .dialog .form-area .info-panel .receiver-info .receiver-list {
		margin-top: 15px;
		width: 100%;
	}
	.pro-detail-page .dialog .form-area .info-panel .order-info .order-info-list {
		flex-wrap: wrap;
	}
	.pro-detail-page .dialog .form-area .info-panel .order-info .order-info-list .left,
	.pro-detail-page .dialog .form-area .info-panel .order-info .order-info-list .right {
		width: 100%;
	}
	.pro-detail-page .dialog .form-area .info-panel .order-info .order-info-list .left {
		flex-wrap: wrap;
		margin-bottom: 15px;
		border: none;
	}
	.pro-detail-page .dialog .form-area .info-panel .order-info .order-info-list .left .text {
		flex: none;
		width: 100%;
		margin-left: 0;
		margin-top: 15px;
	}

	/* 新增产品列表样式 */
	.pro-list-page .pro-list2 .left {
		float: none;
	}
	.pro-list-page .pro-list2 .right {
		width: 100%;
		/* 取消浮动 */
		float: none;
		margin-top: 25px;
	}
}
@media (max-width: 992px) {
	.collect-pro-page .collect-main .collect-wrap .main .pro-list {
		justify-content: space-between;
	}
	.collect-pro-page .collect-main .collect-wrap .main .pro-list .pro-item {
		width: 47%;
		margin-right: 0;
	}
	.login-page .form-wrap {
		flex-wrap: wrap;
	}
	.login-page .form-wrap .left,
	.login-page .form-wrap .right {
		width: 100%;
	}
	.login-page .form-wrap .left .left-main {
		padding-left: 50px;
		padding-right: 50px;
	}
	.pro-list-page .filter-area > .left .filter-select {
		flex-wrap: wrap;
	}
	.pro-list-page .filter-area > .left .filter-select .filter-default,
	.pro-list-page .filter-area > .left .filter-select .filter-custom {
		width: 100%;
		margin-bottom: 15px;
		margin-right: 0;
	}
	.pro-list-page .filter-area .filter-custom .drop-down {
		width: 100%;
	}
	.pro-list-page .filter-area .filter-custom .drop-down .drop-down-main .right ul li {
		width: 30%;
		padding: 6px 10px;
		margin-right: 2%;
	}
	.pro-list-page .filter-area .filter-custom .drop-down .drop-down-main .right ul li:nth-child(4n) {
		margin-right: 2%;
	}
	.pro-list-page .filter-area .right input {
		width: auto;
		flex: 1;
	}
	.pro-list-page .pro-list {
		justify-content: space-between;
	}
	.pro-list-page .pro-list .pro-item {
		margin-right: 0;
		width: 47%;
	}

	/* 新增规格搜索框样式 */
	.common-form-control input {
		width: 100%;
	}

	/* 修改产品列表页面 */
	.pro-list-page .pro-list2 .right .filter-list {
		justify-content: space-between;
	}
	.pro-list-page .pro-list2 .right .filter-list .filter-pro {
		margin-right: 0 !important;
		width: 47%;
	}
}
@media (max-width: 768px) {
	.common-aside {
		width: 100%;
	}
	.common-aside ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.common-aside ul li {
		width: 47%;
		margin-bottom: 10px;
	}
	.common-aside ul li a {
		display: block;
		padding-left: 0;
		text-align: center;
	}
	.common-bread {
		display: none;
	}
	.address-page .address-main {
		padding-top: 43px;
		padding-bottom: 43px;
	}
	.address-page .address-wrap {
		flex-wrap: wrap;
	}
	.address-page .address-wrap .main {
		width: 100%;
	}
	.address-page .address-wrap .main {
		margin-top: 35px;
		padding: 20px;
	}
	.address-page .address-wrap .main .address-list .address-item {
		padding: 20px;
	}
	.address-page .dialog .form-area {
		width: 70%;
	}
	.address-page .dialog .form-area .close-btn img {
		width: 25px;
	}
	.center-page .user-profile-main .user-profile-wrap {
		flex-wrap: wrap;
	}
	.center-page .user-profile-main .user-profile-wrap .main {
		width: 100%;
		margin-top: 25px;
		padding: 20px;
	}
	.center-page .user-profile-main .user-profile-wrap .main .info-area .info-list .info-item .value {
		margin-left: 15px;
	}
	.center-page .dialog .form-dialog {
		width: 90%;
		padding: 30px 20px;
	}
	.center-page .dialog .form-dialog label {
		font-size: 16px;
		flex-wrap: wrap;
	}
	.center-page .dialog .form-dialog label input {
		display: block;
		width: 100%;
		margin-left: 0;
		margin-top: 5px;
	}
	.center-page .user-profile-main .user-profile-wrap .main .info-area .info-list .info-item {
		display: flex;
		align-items: stretch;
		word-break: break-all;
	}
	.center-page .user-profile-main .user-profile-wrap .main .info-area .info-list .info-item .attr {
		white-space: nowrap;
	}
	.collect-pro-page .collect-main .collect-wrap {
		flex-wrap: wrap;
	}
	.collect-pro-page .collect-main .collect-wrap .main {
		width: 100%;
		padding: 30px 20px;
		margin-top: 35px;
	}
	.collect-pro-page .collect-main .collect-wrap .main .pro-list .pro-item .info .price {
		font-size: 16px;
	}
	.collect-pro-page .collect-main {
		padding-top: 45px;
		padding-bottom: 45px;
	}
	.collect-pro-page .collect-main .collect-wrap .main .pro-list .pro-item .pro-title {
		margin-top: 10px;
	}
	.history-page .history-main {
		padding-bottom: 45px;
	}
	.history-page .history-wrap {
		flex-wrap: wrap;
	}
	.history-page .history-wrap .main {
		width: 100%;
		margin-top: 35px;
	}
	.login-page .form-wrap .left .left-main .form-title {
		font-size: 26px;
	}
	.pro-bread {
		display: none;
	}
	.pro-detail-page .pro-detail-main {
		flex-wrap: wrap;
	}
	.pro-detail-page .pro-detail-main .left,
	.pro-detail-page .pro-detail-main .right {
		width: 100%;
	}
	.pro-detail-page .pro-detail-main .right {
		margin-top: 25px;
	}
	.pro-detail-page .pro-detail-main .right .params-list {
		margin-top: 25px;
	}

	.pro-detail-page .pro-detail-desc .desc-wrap h5 {
		font-size: 22px;
	}
	.pro-detail-page .tag-area {
		margin-top: 35px;
		flex-wrap: wrap;
	}
	.pro-detail-page .tag-area .tag-title {
		width: 100%;
		margin-bottom: 15px;
	}
	.pro-detail-page .pro-detail-main {
		padding-top: 35px;
		padding-bottom: 35px;
	}
	.pro-detail-page .pro-detail-desc .desc-wrap {
		padding-right: 0;
	}
	.pro-list-page .filter-area {
		margin-top: 25px;
	}
	.pro-list-page .filter-area > .left,
	.pro-list-page .filter-area > .right {
		width: 100%;
	}
	.pro-list-page .filter-area > .left {
		flex-wrap: wrap;
	}
	.pro-list-page .filter-area > .left .icon {
		width: 100%;
		margin-bottom: 15px;
	}
	.pro-list-page .filter-area .filter-select {
		margin-left: 0;
	}
	.pro-list-page .filter-area > .right {
		margin-left: 0;
	}
	.common-pagination {
		flex-wrap: wrap;
		margin-top: 35px;
		margin-bottom: 45px;
	}
	.common-pagination > * {
		margin-top: 10px;
	}
	.pro-list-page .filter-area .filter-custom .drop-down .drop-down-main {
		flex-wrap: wrap;
	}
	.pro-list-page .filter-area .filter-custom .drop-down .drop-down-main .left {
		width: 100%;
		margin-bottom: 15px;
	}
	.pro-list-page .filter-area .right input {
		padding-left: 10px;
	}
	.pro-list-page .pro-list .pro-item .text {
		margin-top: 15px;
	}
	.pro-list-page .filter-area > .left .filter-select {
		flex: none;
		width: 100%;
	}
	/* 联系我们页面 */
	.contact-page .contact-main .contact-wrap .info-panel {
		flex-wrap: wrap;
	}
	.contact-page .contact-main .contact-wrap .info-panel .left,
	.contact-page .contact-main .contact-wrap .info-panel .right {
		width: 100%;
	}
	.contact-page .contact-main .contact-wrap .info-panel .left h6 {
		font-size: 24px;
	}
	.contact-page .contact-main .contact-wrap .info-panel .left li {
		word-break: break-all;
	}
	.contact-page .contact-main .contact-wrap .info-panel .right {
		margin-left: 0;
		text-align: left;
	}
	.contact-page .contact-main {
		padding-bottom: 43px;
	}
	.contact-page .contact-main .contact-wrap {
		padding: 20px;
	}
	/* 产品详情页面dialog */
	.pro-detail-page .dialog .form-area .info-panel {
		padding: 10px;
	}
	.pro-detail-page .dialog .form-area .btn-list {
		float: none;
		display: flex;
		justify-content: space-between;
	}
	.pro-detail-page .dialog .form-area .btn-list .btn {
		width: 45%;
	}
	.pro-detail-page .dialog .form-area {
		width: 90%;
	}
	.pro-detail-page .dialog .form-area .info-panel .receiver-info .receiver-list span {
		display: block;
		margin-bottom: 5px;
	}

	/* 新增产品列表样式 */
	.pro-list-page .pro-list2 {
		flex-wrap: wrap;
	}
	.pro-list-page .pro-list2 .left {
		width: 50%;
	}
	.pro-list-page .pro-list2 .right {
		width: 100%;
		margin-top: 25px;
	}
	.pro-list-page .pro-list2 .right .title {
		font-size: 22px;
	}

	.pro-list-page .pro-list2 .right .filter-list {
		justify-content: space-between;
	}

	/* 修改下单记录 */
	.history-page .history-wrap .main .history-list .history-item {
		flex-wrap: wrap;
	}
	.history-page .history-wrap .main .history-list .history-item .pro-detail,
	.history-page .history-wrap .main .history-list .history-item .pay-detail,
	.history-page .history-wrap .main .history-list .history-item .address-detail {
		width: 100%;
		padding-top: 20px;
		padding-bottom: 20px;
	}
}
@media (max-width: 576px) {
	.address-page .address-wrap .main .address-list .address-item .func-area p {
		margin-left: 25px;
	}
	.address-page .address-wrap .main .add-address {
		width: 100%;
	}
	.address-page .dialog {
		overflow-y: auto;
	}
	.address-page .dialog .form-area {
		transform: translate(-50%, 0);
		top: 5%;
		width: 95%;
		padding: 30px 10px;
	}

	.history-page .history-wrap .main .history-list .history-item .pro-detail .right {
		padding-left: 25px;
	}
	.history-page .history-wrap .main .history-list .history-item .pro-detail .right .pro-name {
		font-size: 16px;
	}
	.history-page .history-wrap .main .history-list .history-item .pay-detail p,
	.history-page .history-wrap .main .history-list .history-item .address-detail p {
		font-size: 14px;
	}
	.login-page .form-wrap .left .left-head {
		padding-top: 20px;
		padding-left: 20px;
	}
	.login-page .form-wrap .left .left-head .title {
		font-size: 22px;
	}
	.login-page .form-wrap .left .left-main {
		margin-top: 25px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.login-page .form-wrap .left .left-main .welcome {
		font-size: 18px;
	}
	.login-page .form-wrap .left .left-main .form-title {
		margin-top: 15px;
		font-size: 20px;
	}
	.login-page .form-wrap .left .left-main .form input {
		padding-left: 15px;
		height: 50px;
		font-size: 16px;
	}
	/* 登录页面验证码 */
	.login-page .form-wrap .left .left-main .form .form-control {
		height: 50px;
		background-color: #f5f6f7;
	}

	.login-page .form-wrap .left .left-main .form .form-control img {
		right: 0;
		top: 0;
		width: 30%;
		height: 100%;
		object-fit: contain;
	}

	.login-page .form-wrap .left .left-main .form button {
		height: 50px;
		margin-top: 25px;
		font-size: 16px;
	}
	.login-page .form-wrap .left .left-main .contact {
		margin-top: 15px;
	}
	.login-page .form-wrap .right {
		padding-top: 35px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.login-page .form-wrap .right .system-title {
		font-size: 18px;
		margin-bottom: 15px;
	}
	.login-page .form-wrap .right ul li .sub-title {
		font-size: 16px;
		font-weight: 700;
	}
	.login-page .form-wrap .right ul li .desc {
		font-size: 14px;
	}
	.login-page .form-wrap {
		padding-bottom: 70px;
	}
	.login-page .bgi {
		width: 100%;
		height: 100%;
	}
	.login-page .bgi img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.pro-detail-page .pro-detail-main .left .swiper-box .swiper-img-box {
		width: 85%;
	}
	.pro-detail-page .pro-detail-main .right .pro-detail-title {
		font-size: 22px;
		margin-top: 0;
		word-break: break-all;
	}
	.pro-detail-page .pro-detail-main .right .address {
		flex-wrap: wrap;
	}
	.pro-detail-page .pro-detail-main .right .address .address-title {
		width: 100%;
		margin-bottom: 10px;
	}
	.pro-detail-page .pro-detail-main .right .params-list .params-title {
		font-size: 20px;
	}
	.pro-detail-page .tag-area .tag-list a {
		padding: 7px 10px;
		margin-right: 10px;
	}

	.pro-list-page .filter-area {
		padding-left: 10px;
		padding-right: 10px;
	}
	.pro-list-page .filter-area .filter-custom .drop-down {
		padding-left: 10px;
		padding-right: 10px;
	}
	.pro-list-page .filter-area .filter-custom .drop-down .drop-down-main .right ul {
		justify-content: space-between;
	}
	.pro-list-page .filter-area .filter-custom .drop-down .drop-down-main .right ul li {
		width: 47%;
		margin-right: 0 !important;
	}
	.pro-list-page .pro-list .pro-item .text .pro-title a {
		font-size: 14px;
		padding-right: 5px;
	}
	.pro-list-page .pro-list .pro-item .text .price {
		font-size: 16px;
	}
	.pro-list-page .filter-area .filter-select .filter-default .selected,
	.pro-list-page .filter-area .filter-custom .custom-selected {
		padding-left: 15px;
	}
	.pro-detail-page .dialog .form-area .info-panel .receiver-select .drop-down {
		max-width: 320px;
	}

	/* 新增分页器样式 */
	.history-page .common-pagination,
	.collect-pro-page .common-pagination {
		margin-top: 25px;
	}

	/* 新增产品列表样式 */
	.pro-list-page .pro-list2 .left {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.pro-list-page .filter-area {
		margin-top: 15px;
	}

	/* 新增产品列表样式 */
	.pro-list-page .pro-list2 .right .filter-list {
		align-items: stretch;
	}

	.pro-list-page .pro-list2 .right .filter-list .filter-pro {
		width: 100%;
	}
	.pro-list-page .pro-list2 .right .filter-list .filter-pro a {
		display: flex;
		align-items: center;
		padding-left: 10px;
	}
}

/* 购物车页面 */

.card-page .card-main {
	background: #f4f4f4;
}

.card-page .card-main .card-wrap {
	display: flex;
	justify-content: space-between;
	align-items: start;
	padding-top: 43px;
	padding-bottom: 101px;
}

.card-page .card-main .card-wrap .main {
	width: 76.583%;
	padding-top: 36px;
	padding-left: 35px;
	padding-right: 28px;
	padding-bottom: 52px;
	background: #ffffff;
	border-radius: 4px;
}

.card-page .card-main .card-wrap .main .card-title {
	font-weight: 400;
	font-size: 18px;
	color: #000000;
	display: flex;
	align-items: center;
	padding-bottom: 16px;
	border-bottom: 1px solid #f0f0f0;
}

.card-page .card-main .card-wrap .main .card-title::before {
	content: '';
	display: block;
	width: 6px;
	height: 19px;
	background: #157341;
	margin-right: 4px;
}

/* 购物车头部 */
.card-page .card-head-panel {
	padding-top: 13px;
	padding-bottom: 13px;
	padding-left: 22px;
	padding-right: 54px;
	background: #f5f5f5;
	border: 1px solid #dcdcdc;
	display: flex;
	align-items: center;
}

/* 头部全选框 */
.card-page .card-head-panel .select-all {
	display: flex;
	align-items: center;
}
/* 模拟的全选 */
.card-page .card-head-panel .select-all .state {
	width: 24px;
	height: 24px;
	background: #ffffff;
	border-radius: 2px;
	border: 1px solid #b1b1b1;
	margin-right: 12px;
	user-select: none;
	cursor: pointer;
	line-height: 24px;
	text-align: center;
}
.card-page .card-head-panel .select-all .state img {
	display: none;
	width: 16px;
}
/* 激活状态 */
.card-page .card-head-panel .select-all .state.active {
	background: #10904d;
}

.card-page .card-head-panel .select-all .state.active img {
	display: inline-block;
}

/* 文字 */
.card-page .card-head-panel .select-all span {
	font-weight: 400;
	font-size: 16px;
	color: #4f4f4f;
	text-align: left;
}
.card-page .card-head-pro {
	margin-left: 14.7%;
}

.card-page .card-head-count {
	margin-left: 45.35%;
}

.card-page .card-head-operate {
	margin-left: auto;
}

.card-page .card-head-text {
	font-weight: 400;
	font-size: 16px;
	color: #4f4f4f;
	text-align: left;
}

/* 购物车显示列表 */
.card-page .card-main .card-wrap .main .card-list {
	/* padding-top: 14px; */
	padding-left: 22px;
	padding-right: 17px;
	background: #ffffff;
	border: 1px solid #dcdcdc;
	border-top: none;
	padding-bottom: 25px;
}
/* 里面的每个item项目 */
.card-page .card-main .card-wrap .main .card-item {
	display: flex;
	width: 100%;
	padding-top: 23px;
	padding-bottom: 22px;
	border-bottom: 1px solid #dbdbdb;
}

.card-page .card-main .card-wrap .main .card-item .card-item-state {
	width: 24px;
	height: 24px;
	background: #ffffff;
	border-radius: 2px;
	border: 1px solid #b1b1b1;
	margin-right: 12px;
	line-height: 24px;
	text-align: center;
	user-select: none;
	cursor: pointer;
	flex-shrink: 0;
}

.card-page .card-main .card-wrap .main .card-item .card-item-state img {
	display: none;
	width: 16px;
}

/* 激活状态 */
.card-page .card-main .card-wrap .main .card-item .card-item-state.active {
	background: #10904d;
}

.card-page .card-main .card-wrap .main .card-item .card-item-state.active img {
	display: inline-block;
}

/* 图文区域 */
.card-page .card-main .card-wrap .main .card-item .card-item-info {
	display: flex;
	width: 45%;
}
.card-page .card-main .card-wrap .main .card-item .card-item-info img {
	width: 86px;
	height: 81px;
	border: 1px solid #ebebeb;
	vertical-align: top;
	object-fit: cover;
}

.card-page .card-main .card-wrap .main .card-item .card-item-info .info {
	margin-left: 16px;
	flex: 1;
	overflow: hidden;
}

/* 修改为限制宽度不限制高度 */
.card-page .card-main .card-wrap .main .card-item .card-item-info .info p {
	max-width: 100%;
	word-break: break-all;
}

.card-page .card-main .card-wrap .main .card-item .card-item-info .title {
	font-weight: 400;
	font-size: 16px;
	color: #000000;
	line-height: 1.125;
	text-align: left;
	margin-bottom: 8px;
}

.card-page .card-main .card-wrap .main .card-item .card-item-info .attr {
	font-weight: 400;
	font-size: 15px;
	color: #686868;
	line-height: 18px;
	text-align: left;
	margin-bottom: 13px;
}

/* 数量 */
.card-page .card-item-count {
	display: flex;
	align-self: center;
	flex-shrink: 0;
	margin-left: 14%;
}

.card-page .card-main .card-wrap .main .card-item .card-item-info .count {
	font-weight: 400;
	font-size: 14px;
	color: #000000;
	line-height: 16px;
	text-align: left;
	font-style: normal;
	text-transform: none;
}

.card-page .card-item-count .count-input {
	width: 58px;
	height: 36px;
	background: #f0f0f0;
	font-weight: 400;
	font-size: 16px;
	color: #252525;
	line-height: 19px;
	text-align: center;
	border: none;
	margin-left: 3px;
	margin-right: 3px;
}

.card-page .card-item-count .count-input:focus {
	outline-color: #10904d;
}

.card-page .card-item-count button {
	width: 36px;
	height: 36px;
	background: #f0f0f0;
	border: none;
	user-select: none;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* 删除按钮 */

.card-page .card-item-del {
	font-weight: 400;
	font-size: 16px;
	color: #10904d;
	text-align: left;
	user-select: none;
	cursor: pointer;
	align-self: center;
	flex-shrink: 0;
	white-space: nowrap;
	margin-left: auto;
	margin-right: 4.506%;
}

/* 结算区域 */
.card-page .account-area {
	display: flex;
	align-items: center;
	padding-left: 20px;
	background: #ffffff;
	border: 1px solid #dcdcdc;
	min-height: 37px;
	border-top: none;
}
/* 固定 */
.card-page .account-area.fixed {
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 666;
	min-height: 45px;
}
/* 结算按钮 */
.card-page .account-area .select-all {
	display: flex;
	align-items: center;
}
.card-page .account-area .select-all .state {
	width: 24px;
	height: 24px;
	background: #ffffff;
	border-radius: 2px;
	border: 1px solid #b1b1b1;
	display: flex;
	align-items: center;
	justify-content: center;
	user-select: none;
	cursor: pointer;
}
.card-page .account-area .select-all .state img {
	display: none;
	width: 16px;
}

.card-page .account-area .select-all .state.active {
	background: #10904d;
}
.card-page .account-area .select-all .state.active img {
	display: inline-block;
}
.card-page .account-area .select-all span {
	font-weight: 400;
	font-size: 16px;
	color: #4f4f4f;
	text-align: left;
	margin-left: 10px;
}

.card-page .account-area .del-all {
	margin-left: 54px;
	margin-right: 204px;
}
.card-page .account-area .del-all button {
	border: none;
	background-color: transparent;
	font-weight: 400;
	font-size: 15px;
	color: #4f4f4f;
	user-select: none;
	cursor: pointer;
}

.card-page .account-area .select-info {
	display: flex;
	align-items: center;
}
.card-page .account-area .select-info .info1 {
	font-weight: 400;
	font-size: 15px;
	color: #4f4f4f;
	text-align: left;
	font-style: normal;
	text-transform: none;
	margin-right: 28px;
}

.card-page .account-area .select-info .info1 span {
	color: #10904d;
}

.card-page .account-area .select-info .info2 {
	font-weight: 400;
	font-size: 15px;
	color: #4f4f4f;
	text-align: left;
	font-style: normal;
	text-transform: none;
}

.card-page .account-area .select-info .info2 span {
	font-weight: 400;
	font-size: 18px;
	color: #10904d;
	text-align: left;
	font-style: normal;
	text-transform: none;
}

.card-page .account-area .account-btn {
	margin-left: auto;
}
.card-page .account-area .account-btn button {
	width: 108px;
	height: 37px;
	background: #10904d;
	border-radius: 0px 0px 0px 0px;
	border: 1px solid #10904d;
	border: none;
	font-weight: 400;
	font-size: 15px;
	color: #ffffff;
	user-select: none;
	cursor: pointer;
}

/* 购物车页面的弹窗 */
.card-page .card-confirm {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	background: rgba(0, 0, 0, 0.3);
	display: flex;
	justify-content: center;
	align-items: center;
	display: none;
}
.card-page .confirm-main {
	width: 1071px;
	max-height: 690px;
	background: #ffffff;
	overflow-y: auto;
	padding-top: 42px;
	padding-left: 55px;
	padding-right: 24px;
	padding-bottom: 55px;
}
.card-page .confirm-main .title {
	font-weight: 400;
	font-size: 20px;
	color: #393939;
	line-height: 23px;
	text-align: left;
	font-style: normal;
	text-transform: none;
	margin-bottom: 18px;
}

.card-page .confirm-main .info-box {
	padding-top: 11px;
	padding-left: 33px;
	padding-right: 29px;
	padding-bottom: 31px;
	background: #ffffff;
	border: 1px solid #dedede;
}

.card-page .confirm-main .info-box .receiver {
	font-weight: 400;
	font-size: 15px;
	color: #363636;
	line-height: 1;
	margin-bottom: 24px;
}

.card-page .confirm-main .info-box .receive-box {
	display: flex;
	align-items: center;
}
.card-page .confirm-main .info-box .name-box {
	padding: 4px 46px 5px 47px;
	background: #ffffff;
	border: 1px solid #e4393c;
	font-weight: 400;
	font-size: 13px;
	color: #424242;
	text-align: center;
	font-style: normal;
	text-transform: none;
	margin-right: 18px;
	flex-shrink: 0;
	white-space: nowrap;
}

.card-page .confirm-main .info-box .receive-box .receive-list {
	display: flex;
}
.card-page .confirm-main .info-box .receive-box .receive-list p {
	font-weight: 400;
	font-size: 13px;
	color: #424242;
	line-height: 15px;
	text-align: left;
	font-style: normal;
	text-transform: none;
	margin-right: 13px;
}

.card-page .confirm-main .info-box .receive-box .receive-list .r-name,
.card-page .confirm-main .info-box .receive-box .receive-list .r-tel {
	white-space: nowrap;
}

.card-page .confirm-main .info-box .receive-box .receive-list p:last-child {
	margin-right: 0;
}

.card-page .confirm-main .receiver-select {
	margin-top: 11px;
	position: relative;
	border-bottom: 1px solid #ededed;
}

.card-page .confirm-main .receiver-select .header {
	display: inline-block;
	font-weight: 400;
	font-size: 12px;
	color: #424242;
	text-align: left;
	font-style: normal;
	text-transform: none;
	user-select: none;
	cursor: pointer;
	padding-bottom: 22px;
}
.card-page .confirm-main .receiver-select .header:hover {
	color: #10904d;
}
/* 先隐藏 */
.card-page .confirm-main .receiver-select .drop-down {
	position: absolute;
	left: 0;
	/* top: 100%; */
	top: calc(100% - 20px);
	z-index: 1;
	border: 1px solid #c5c5c5;
	max-width: 500px;
	word-break: break-all;
	display: none;
}

.card-page .confirm-main .receiver-select .drop-down-item {
	display: block;
	padding: 10px 15px;
	background-color: #fff;
	border-bottom: 1px solid #000;
	user-select: none;
	cursor: pointer;
}
.card-page .confirm-main .receiver-select .drop-down-item:hover {
	color: #10904d;
}

.card-page .confirm-main .order-panel .order-head-panel {
	display: flex;
	align-items: center;
	padding: 5px 10px 7px 10px;
	background: #f6f6f6;
	border: 1px solid #e3e3e3;
	margin-top: 24px;
}

.card-page .confirm-main .order-panel .order-title {
	font-weight: 400;
	font-size: 15px;
	color: #363636;
	text-align: left;
	font-style: normal;
	text-transform: none;
	margin-right: 10px;
}
.card-page .confirm-main .order-panel .order-head-panel p {
	font-weight: 400;
	font-size: 14px;
	color: #6a6a6a;
	line-height: 16px;
	text-align: left;
	font-style: normal;
	text-transform: none;
	margin-right: 10px;
}

.card-page .confirm-main .order-panel .order-count {
	color: #10904d;
}
.card-page .confirm-main .order-panel .order-all {
	color: #10904d;
}

.card-page .confirm-main .order-panel .order-list {
	display: flex;
	flex-wrap: wrap;
	padding-top: 21px;
	padding-bottom: 23px;
	border: 1px solid #e3e3e3;
}
.card-page .confirm-main .order-panel .order-item {
	width: 33.2%;
	padding-left: 22px;
	padding-right: 22px;
	border-right: 1px solid #e6e6e6;
	display: flex;
	margin-bottom: 15px;
}

.card-page .confirm-main .order-panel .order-item:nth-child(3n) {
	border-right: none;
}

.card-page .confirm-main .order-panel .order-item .left {
	width: 72px;
	height: 68px;
	border: 1px solid #ebebeb;
}

.card-page .confirm-main .order-panel .order-item .left img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.card-page .confirm-main .order-panel .order-item .right {
	margin-top: 5px;
	margin-left: 14px;
	flex: 1;
	overflow: hidden;
	word-break: break-all;
}
.card-page .confirm-main .order-panel .order-item .right p {
	max-width: 100%;
	word-break: break-all;
}
.card-page .confirm-main .order-panel .order-item .right .default {
	font-weight: 400;
	font-size: 14px;
	color: #000000;
	line-height: 1.25;
	text-align: left;
	font-style: normal;
	text-transform: none;
}

.card-page .confirm-main .order-panel .order-item .right .custom {
	margin-top: 3px;
	margin-bottom: 6px;
	font-weight: 400;
	font-size: 12px;
	color: #686868;
	line-height: 1.25;
	text-align: left;
	font-style: normal;
	text-transform: none;
}

.card-page .confirm-main .order-notes {
	margin-top: 18px;
	width: 100%;
}

.card-page .confirm-main .order-notes textarea {
	resize: none;
	width: 100%;
	height: 149px;
	background: #ffffff;
	border: 1px solid #dedede;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	text-align: left;
	color: #000;
	padding-top: 20px;
	padding-left: 17px;
}

.card-page .confirm-main .order-notes textarea:focus {
	outline-color: #10904d;
}

.card-page .confirm-main .order-notes textarea::placeholder {
	color: #6a6a6a;
}
/* 按钮列表 */
.card-page .confirm-main .btn-list {
	display: flex;
	margin-top: 27px;
}
.card-page .confirm-main .btn-list button {
	width: 136px;
	height: 38px;
	border-radius: 4px;
	font-weight: 400;
	font-size: 16px;
	font-style: normal;
	text-transform: none;
	color: #ffffff;
	border: none;
	user-select: none;
	cursor: pointer;
}

.card-page .confirm-main .cencel-btn {
	background: #999999;
	margin-right: 14px;
	margin-left: auto;
}

.card-page .confirm-main .confirm-btn {
	background: #e4393c;
}

/* 下单记录页面 */
.order-record-page .order-record-main {
	background: #f4f4f4;
	padding-top: 43px;
	padding-bottom: 70px;
}
.order-record-page .order-record-main .order-record-wrap {
	display: flex;
	justify-content: space-between;
	align-items: start;
}

.order-record-page .order-record-wrap .right {
	width: 76.583%;
	background-color: #fff;
	padding-top: 36px;
	padding-left: 39px;
	padding-right: 29px;
	padding-bottom: 42px;
}
.order-record-page .order-record-wrap .right .head-title {
	font-weight: 400;
	font-size: 18px;
	color: #000000;
	text-align: left;
	font-style: normal;
	text-transform: none;
	display: flex;
	align-items: center;
	padding-bottom: 16px;
	border-bottom: 1px solid #f0f0f0;
}

.order-record-page .order-record-wrap .right .head-title::before {
	content: '';
	display: block;
	width: 6px;
	height: 19px;
	background: #157341;
	margin-right: 4px;
}

.order-record-page .order-record-wrap .right .head-panel {
	display: flex;
	padding-top: 15px;
	align-items: center;
	/* margin-bottom: 18px; */
	margin-bottom: 20px;
}
.order-record-page .order-record-wrap .right .head-panel .panel-left ul {
	display: flex;
}
.order-record-page .order-record-wrap .right .head-panel .panel-left ul li {
	margin-right: 29px;
}
.order-record-page .order-record-wrap .right .head-panel .panel-left ul a {
	font-weight: 400;
	font-size: 16px;
	color: #595959;
	line-height: 19px;
	text-align: left;
	font-style: normal;
	text-transform: none;
	padding-bottom: 5px;
	border-bottom: 2px solid transparent;
}
.order-record-page .order-record-wrap .right .head-panel .panel-left ul a:hover {
	color: #10904d;
}

.order-record-page .order-record-wrap .right .head-panel .panel-left ul a.active {
	border-bottom: 2px solid #10904d;
	color: #10904d;
}
/* 右边的搜素栏目 */
.order-record-page .order-record-wrap .right .head-panel .panel-right {
	margin-left: auto;
}

.order-record-page .order-record-wrap .right .head-panel .panel-right form {
	display: flex;
	width: 322px;
	height: 28px;
	border: 1px solid #d0d0d0;
}

.order-record-page .order-record-wrap .right .head-panel .panel-right form input {
	flex: 1;
	height: 100%;
	padding-left: 9px;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	color: #000;
	border: none;
}

.order-record-page .order-record-wrap .right .head-panel .panel-right form input::placeholder {
	color: #c6c6c6;
}
.order-record-page .order-record-wrap .right .head-panel .panel-right form input:focus {
	outline-color: #10904d;
}

.order-record-page .order-record-wrap .right .head-panel .panel-right form button {
	width: 72px;
	height: 100%;
	background: #f5f4f4;
	border-radius: 0px 0px 0px 0px;
	border: 1px solid #d0d0d0;
	user-select: none;
	cursor: pointer;
}

/* 订单列表 */
.order-record-page .order-list {
	/* 触发了margin的合并 */
	margin-bottom: 40px;
}

/* 单订单 */

/* 但订单，多订单的头部 */
.order-record-page .order-single .item-head,
.order-record-page .order-most .item-head {
	padding-top: 13px;
	padding-bottom: 16px;
	padding-left: 21px;
	padding-right: 14px;
	background: #f5f5f5;
	border: 1px solid #dcdcdc;
	display: flex;
	align-items: center;
}

.order-record-page .order-single .item-head .time,
.order-record-page .order-most .item-head .time {
	font-weight: 400;
	font-size: 14px;
	color: #6a6a6a;
	text-align: left;
	font-style: normal;
	text-transform: none;
}

.order-record-page .order-single .item-head .order,
.order-record-page .order-most .item-head .order {
	font-weight: 400;
	font-size: 14px;
	color: #6a6a6a;
	text-align: left;
	font-style: normal;
	text-transform: none;
	margin-left: 39px;
}

.order-record-page .order-single .item-head .order .order-num,
.order-record-page .order-most .item-head .order .order-num {
	color: #313131;
}

.order-record-page .order-single .item-head .cancel-order,
.order-record-page .order-most .item-head .cancel-order {
	font-weight: 400;
	font-size: 16px;
	color: #10904d;
	margin-left: auto;
	cursor: pointer;
	user-select: none;
}

/* 订单列表 */
.order-record-page .order-list .order-item {
	margin-bottom: 24px;
}

/* 单数订单 */
.order-record-page .order-single .item-box {
	border: 1px solid #dcdcdc;
	margin-top: -1px;
	display: flex;
}
.order-record-page .order-single .item-box .left {
	width: 51.056%;
	display: flex;
	padding-top: 25px;
	padding-bottom: 27px;
	padding-left: 33px;
	padding-right: 15px;
	border-right: 1px solid #dcdcdc;
	flex-shrink: 0;
}
.order-record-page .order-single .item-box .left .pic {
	margin-right: 20px;
}
.order-record-page .order-single .item-box .left .pic img {
	width: 86px;
	height: 81px;
	border: 1px solid #ebebeb;
	object-fit: cover;
}

.order-record-page .order-single .item-box .left .state {
	width: 86px;
	height: 20px;
	border-radius: 2px 2px 2px 2px;
	font-weight: 400;
	font-size: 12px;
	color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 8px;
}
/* 等待中 */
.order-record-page .order-single .item-box .left .state.wait {
	background: #10904d;
}
/* 已完成 */
.order-record-page .order-single .item-box .left .state.done {
	background: #e97f02;
}

.order-record-page .order-single .item-box .left .text {
	padding-top: 4px;
}
.order-record-page .order-single .item-box .left .pro-title {
	font-weight: 400;
	font-size: 16px;
	color: #000000;
	text-align: left;
	font-style: normal;
	text-transform: none;
	margin-bottom: 8px;
	max-width: 100%;
	word-break: break-all;
}
.order-record-page .order-single .item-box .left .pro-attr {
	font-weight: 400;
	font-size: 14px;
	color: #686868;
	font-style: normal;
	text-transform: none;
	margin-bottom: 13px;
	max-width: 100%;
	word-break: break-all;
}
.order-record-page .order-single .item-box .left .pro-count {
	font-weight: 400;
	font-size: 14px;
	color: #000000;
	text-align: left;
	font-style: normal;
	text-transform: none;
	max-width: 100%;
	word-break: break-all;
}
.order-record-page .order-single .item-box .center {
	width: 29.107%;
	flex-shrink: 0;
	padding-left: 37px;
	/* padding-right: 38px; */
	padding-right: 30px;
	padding-top: 25px;
	padding-bottom: 15px;
	border-right: 1px solid #dcdcdc;
}
.order-record-page .order-single .item-box .center .address-title {
	font-weight: 400;
	font-size: 16px;
	color: #000000;
	line-height: 1.5;
}

.order-record-page .order-single .item-box .center p {
	font-weight: 400;
	font-size: 12px;
	color: #686868;
	text-align: left;
	font-style: normal;
	text-transform: none;
	line-height: 1.5;
	margin-bottom: 5px;
	max-width: 100%;
	word-break: break-all;
}

.order-record-page .order-single .item-box .box-right {
	padding-right: 15px;
	padding-top: 26px;
	padding-left: 21px;
	padding-bottom: 15px;
}

.order-record-page .order-single .item-box .box-right h5 {
	font-weight: 400;
	font-size: 16px;
	color: #000000;
	line-height: 1.5;
}
.order-record-page .order-single .item-box .box-right p {
	font-weight: 400;
	font-size: 12px;
	color: #686868;
	line-height: 1.587;
	text-align: left;
	max-width: 100%;
	word-break: break-all;
}
/* 多数订单 */
.order-record-page .order-most .item-state-panel {
	padding-left: 21px;
	padding-top: 14px;
	padding-bottom: 15px;
	padding-right: 29px;
	display: flex;
	align-items: center;
	justify-content: space-between;

	background: #f5f5f5;
	border: 1px solid #dcdcdc;
	margin-top: -1px;
}
.order-record-page .order-most .item-state-panel .state-left {
	font-weight: 400;
	font-size: 14px;
	color: #6a6a6a;
	text-align: left;
	font-style: normal;
	text-transform: none;
	display: flex;
}
.order-record-page .order-most .item-state-panel .state-left .state-mask {
	width: 86px;
	height: 20px;
	border-radius: 2px;
	font-weight: 400;
	font-size: 12px;
	color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	/* margin-left: 5px; */
}

/* 待完成状态，多订单 */
.order-record-page .order-most .item-state-panel .state-left .state-mask.wait {
	background: #10904d;
}

/* 已完成状态，多订单 */
.order-record-page .order-most .item-state-panel .state-left .state-mask.done {
	background-color: #e97f02;
}

.order-record-page .order-most .item-state-panel .state-right {
	display: flex;
	align-items: center;
	font-weight: 400;
	font-size: 14px;
	color: #6a6a6a;
	line-height: 16px;
	text-align: left;
	font-style: normal;
	text-transform: none;
}
.order-record-page .order-most .item-state-panel .state-right p {
	margin-left: 5px;
}
.order-record-page .order-most .item-state-panel .state-right span {
	color: #10904d;
}

.order-record-page .most-box {
	display: flex;
	border: 1px solid #dcdcdc;
}
.order-record-page .most-box .most-left {
	width: 51.056%;
	border-right: 1px solid #dcdcdc;
}

/* 查看全部的按钮 */
.order-record-page .most-box .most-left .read-more {
	margin-left: 21px;
	font-weight: 400;
	font-size: 14px;
	color: #000000;
	line-height: 16px;
	text-align: left;
	font-style: normal;
	text-transform: none;
	cursor: pointer;
	user-select: none;
	margin-bottom: 10px;
	display: inline-block;
}
.order-record-page .most-box .most-left .read-more:hover {
	color: #10904d;
	font-weight: 700;
}

/* 默认的和显示全部的都是一样的结构 */
.order-record-page .most-box .most-left .most-default .most-item:first-child {
	border-top: none;
}
/* 默认先隐藏全部的显示 */
.order-record-page .most-box .most-left .most-all {
	display: none;
}

.order-record-page .most-box .most-left .most-list .most-item {
	display: flex;
	padding-top: 20px;
	padding-bottom: 23px;
	padding-left: 21px;
	border-top: 1px solid #dcdcdc;
}
.order-record-page .most-box .most-left .most-list .most-item .pic {
	margin-right: 12px;
}
.order-record-page .most-box .most-left .most-list .most-item .pic img {
	width: 86px;
	height: 81px;
	border-radius: 0px 0px 0px 0px;
	border: 1px solid #e7e7e7;
	object-fit: cover;
}

.order-record-page .most-box .most-left .most-list .most-item .text {
	padding-right: 15px;
}
.order-record-page .most-box .most-left .most-list .most-item .text p {
	max-width: 100%;
	word-break: break-all;
}
.order-record-page .most-box .most-left .most-list .most-item .text .most-title {
	font-weight: 400;
	font-size: 16px;
	color: #000000;
	text-align: left;
	font-style: normal;
	text-transform: none;
	margin-top: 4px;
}
.order-record-page .most-box .most-left .most-list .most-item .text .most-desc {
	font-weight: 400;
	font-size: 14px;
	color: #686868;
	text-align: left;
	font-style: normal;
	text-transform: none;
	line-height: 1.2875;
	margin-top: 8px;
}
.order-record-page .most-box .most-left .most-list .most-item .text .most-count {
	font-weight: 400;
	font-size: 14px;
	color: #000000;
	line-height: 16px;
	text-align: left;
	font-style: normal;
	text-transform: none;
	margin-top: 10px;
}

/* 多订单中间的 */
.order-record-page .most-box .most-center {
	width: 29.107%;
	padding-top: 26px;
	padding-left: 37px;
	padding-right: 15px;
	padding-bottom: 15px;
	border-right: 1px solid #dcdcdc;
}
.order-record-page .most-box .most-center h5 {
	font-weight: 400;
	font-size: 16px;
	color: #000000;
	line-height: 1.5;
}
.order-record-page .most-box .most-center p {
	font-weight: 400;
	font-size: 12px;
	color: #686868;
	line-height: 1.58;
	max-width: 100%;
	word-break: break-all;
	margin-bottom: 2px;
}

/* 多订单右侧的 */
.order-record-page .most-box .most-right {
	flex: 1;
	padding-top: 26px;
	padding-left: 21px;
	padding-right: 15px;
	padding-bottom: 15px;
}
.order-record-page .most-box .most-right h5 {
	font-weight: 400;
	font-size: 16px;
	color: #000000;
	line-height: 1.5;
	text-align: left;
	font-style: normal;
	text-transform: none;
}
.order-record-page .most-box .most-right p {
	font-weight: 400;
	font-size: 12px;
	color: #686868;
	line-height: 1.583;
	text-align: left;
	font-style: normal;
	text-transform: none;
	margin-top: 2px;
}

/* 订单页面的分页 */
.recode-pagination {
	margin-top: 0;
	margin-bottom: 0;
	justify-content: end;
}
@media (max-width: 1200px) {
	/* 订单列表页面的左侧 */
	.order-record-page .order-record-main .order-record-wrap {
		flex-wrap: wrap;
	}

	.order-record-page .order-record-main .common-aside,
	.order-record-page .order-record-wrap .right {
		width: 100%;
	}
	.order-record-page .order-record-wrap .right {
		margin-top: 25px;
	}

	/* 订单页面的左侧 */
	.order-record-page .common-aside ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.order-record-page .common-aside ul li {
		width: 47%;
		margin-bottom: 10px;
	}
	.order-record-page .order-record-wrap .right .head-panel .panel-left ul li {
		margin-right: 15px;
	}

	/* 购物车页面 */
	.card-page .card-main .card-wrap {
		flex-wrap: wrap;
	}

	.card-page .card-main .card-wrap .common-aside {
		width: 100%;
	}

	.card-page .card-main .card-wrap .common-aside ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.card-page .card-main .card-wrap .common-aside li {
		width: 47%;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.card-page .account-area .del-all {
		margin-right: 65px;
	}

	.card-page .card-main .card-wrap .main {
		width: 100%;
		margin-top: 25px;
	}

	/* 购物车弹窗 */
	.card-page .confirm-main {
		width: 85vw;
	}
}

@media (max-width: 992px) {
	.card-page .account-area .del-all button:focus {
		outline: none;
	}

	/* 购物车弹窗 */
	.card-page .confirm-main .order-panel .order-list {
		justify-content: space-between;
	}
	.card-page .confirm-main .order-panel .order-item {
		width: 47%;
	}
}

@media (max-width: 768px) {
	.order-record-page .order-record-main {
		padding-top: 25px;
		padding-bottom: 43px;
	}

	.order-record-page .order-record-wrap .right {
		padding: 20px 15px;
	}

	.order-record-page .order-record-wrap .right .head-panel {
		flex-wrap: wrap;
	}

	.order-record-page .order-record-wrap .right .head-panel .panel-left,
	.order-record-page .order-record-wrap .right .head-panel .panel-right {
		width: 100%;
	}

	.order-record-page .order-record-wrap .right .head-panel .panel-right {
		margin-bottom: 25px;
		order: -1;
	}
	.order-record-page .order-record-wrap .right .head-panel .panel-right form {
		width: 100%;
	}

	.order-record-page .order-single .item-box {
		flex-wrap: wrap;
	}

	.order-record-page .order-single .item-box .left,
	.order-record-page .order-single .item-box .center,
	.order-record-page .order-single .item-box .box-right {
		width: 100%;
		padding: 15px;
	}

	/* 多订单状态 */
	.order-record-page .most-box {
		flex-wrap: wrap;
	}

	.order-record-page .most-box .most-left,
	.order-record-page .most-box .most-center,
	.order-record-page .most-box .most-right {
		flex: none;
		width: 100%;
		padding: 15px;
	}

	.order-record-page .most-box .most-left .most-list .most-item {
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 0;
	}

	.order-record-page .most-box .most-left .read-more {
		margin-left: 0;
	}

	.recode-pagination {
		justify-content: center;
	}
	.card-page .card-main .card-wrap {
		padding-bottom: 43px;
	}

	/* 购物车弹窗 */
	.card-page .confirm-main {
		padding: 20px;
	}

	.card-page .confirm-main .info-box {
		padding: 15px;
	}
	.card-page .confirm-main .info-box .name-box {
		margin-bottom: 7px;
	}
	.card-page .confirm-main .info-box .receive-box .receive-list {
		flex-wrap: wrap;
	}
	.card-page .confirm-main .info-box .receive-box .receive-list p {
		width: 100%;
		margin-bottom: 7px;
	}
	.card-page .confirm-main .receiver-select {
		margin-top: 0;
	}

	.card-page .confirm-main .order-panel .order-list {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.card-page .confirm-main .order-panel .order-item {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}

	.card-page .confirm-main {
		max-height: 85vh;
	}
	.card-page .confirm-main .title {
		margin-bottom: 10px;
		font-size: 18px;
	}

	.card-page .confirm-main .btn-list {
		margin-top: 15px;
		justify-content: space-between;
	}
	.card-page .confirm-main .btn-list button {
		width: 47%;
		margin-right: 0;
		margin-left: 0;
	}
	.card-page .confirm-main .order-panel .order-head-panel {
		flex-wrap: wrap;
	}
	.card-page .confirm-main .order-panel .order-head-panel p {
		margin-right: 0;
		width: 100%;
		margin-bottom: 7px;
	}

	.card-page .account-area .del-all {
		margin-right: 0;
		margin-left: 15px;
	}
}

@media (max-width: 576px) {
	.pro-detail-page .pro-detail-main .right .form-area .new-btn-list .addcard-btn,
	.pro-detail-page .pro-detail-main .right .form-area .submit-btn {
		width: 50%;
		font-size: 17px;
	}
	.pro-detail-page .pro-detail-main .right .tips {
		font-size: 12px;
	}
	/* 订单列表 */
	.order-record-page .order-record-wrap .right .head-panel .panel-left ul {
		justify-content: space-between;
	}

	.order-record-page .order-single .item-head,
	.order-record-page .order-most .item-head {
		padding-left: 10px;
		padding-right: 10px;
		flex-wrap: wrap;
	}

	.order-record-page .order-single .item-head .time,
	.order-record-page .order-most .item-head .time {
		width: 100%;
		text-align: right;
		margin-top: 5px;
	}

	.order-record-page .order-single .item-head .order,
	.order-record-page .order-most .item-head .order {
		width: 100%;
		margin-left: 0;
		text-align: right;
		margin-top: 5px;
	}

	.order-record-page .order-single .item-head .cancel-order,
	.order-record-page .order-most .item-head .cancel-order {
		order: -1;
	}

	.order-record-page .order-single .item-box .left,
	.order-record-page .order-single .item-box .center,
	.order-record-page .order-single .item-box .box-right {
		padding: 10px;
	}
	.order-record-page .order-single .item-box .left .pic {
		margin-right: 10px;
	}

	.order-record-page .order-single .item-box .left .pro-attr {
		margin-bottom: 5px;
		font-size: 12px;
	}

	.order-record-page .order-most .item-state-panel {
		padding: 10px 15px;
		flex-wrap: wrap;
	}

	.order-record-page .order-most .item-state-panel .state-left {
		width: 100%;
	}
	.order-record-page .order-most .item-state-panel .state-right {
		width: 100%;
		margin-top: 10px;
	}

	.order-record-page .order-most .item-state-panel .state-right p {
		margin-left: 0;
		margin-right: 5px;
	}

	.order-record-page .most-box .most-left .most-list .most-item .text {
		padding-right: 0;
	}
	.order-record-page .most-box .most-left .most-list .most-item .text .most-desc {
		font-size: 12px;
	}

	/* 购物车页面 */
	.card-page .card-main .card-wrap .main {
		padding: 25px 10px;
	}

	.card-page .card-head-panel {
		display: none;
	}

	.card-page .card-main .card-wrap .main .card-list {
		padding-left: 5px;
		padding-right: 5px;
	}

	.card-page .card-main .card-wrap .main .card-item {
		flex-wrap: wrap;
	}

	.card-page .card-main .card-wrap .main .card-item .card-item-state {
		width: 16px;
		height: 16px;
		line-height: 16px;
	}

	.card-page .card-main .card-wrap .main .card-item .card-item-info {
		width: 75%;
	}
	.card-page .card-main .card-wrap .main .card-item .card-item-state img {
		width: 12px;
	}

	.card-page .card-main .card-wrap .main .card-item .card-item-info img {
		width: 70px;
		height: 70px;
	}
	.card-page .card-main .card-wrap .main .card-item .card-item-info .info {
		flex: none;
		width: 85%;
		margin-left: 7px;
	}

	.card-page .card-main .card-wrap {
		padding-top: 25px;
	}

	.card-page .card-main .card-wrap .main {
		margin-top: 15px;
	}

	.card-page .card-item-count {
		margin-left: 8%;
		margin-top: 7px;
	}

	.card-page .card-main .card-wrap .main .card-item .card-item-info .info p {
		margin-bottom: 5px;
	}
	.card-page .card-main .card-wrap .main .card-item .card-item-info .info p {
		margin-bottom: 5px;
	}

	.card-page .account-area {
		padding-left: 7px;
	}

	.card-page .card-main .card-wrap .main .card-item {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.card-page .confirm-main .info-box .receive-box {
		flex-wrap: wrap;
	}

	.card-page .confirm-main .order-panel .order-item {
		padding-left: 10px;
		padding-right: 10px;
	}
	.card-page .confirm-main .order-panel .order-item .right {
		margin-left: 7px;
	}

	.card-page .confirm-main .order-panel .order-item .left {
		width: 65px;
		height: 65px;
	}
}

/* 购物车底部逻辑 */
@media (max-width: 992px) {
	.card-page .account-area {
		flex-wrap: wrap;
		height: auto;
		padding-left: 15px;
		position: relative;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.card-page .account-area .del-all {
		margin-left: 15px;
		margin-right: 0;
	}

	.card-page .account-area .select-info {
		order: -5;
		width: 100%;
		margin-bottom: 5px;
		padding-right: 115px;
	}

	/* 点击下单按钮 */
	.card-page .account-area .account-btn {
		position: absolute;
		right: 0;
		top: 0;
		height: 100%;
	}

	.card-page .account-area .account-btn button {
		height: 100%;
	}
}

@media (max-width: 576px) {
	/* 购物车底部操作栏目样式 */

	.card-page .account-area .select-info {
		flex-wrap: wrap;
	}

	.card-page .account-area .select-info .info1 {
		margin-right: 10px;
	}
	.card-page .account-area {
		padding-left: 10px;
	}
	.card-page .account-area .select-all .state {
		width: 18px;
		height: 18px;
	}
	.card-page .account-area .select-all span {
		font-size: 14px;
	}
	.card-page .account-area .del-all {
		margin-left: 10px;
	}

	.card-page .account-area .select-info .info2 span {
		font-size: 16px;
	}
}